Changelog v1.1.1

Major Changes

This release focuses on massive bundle size reduction and introduces a new headless package for maximum flexibility and performance.

🚀 Performance Revolution

Bundle Size Optimization

MASSIVE: Reduced package size from 84.2 kB → 34.6 kB (gzip) — a 58.9% reduction
Removed framer-motion dependency for lighter bundle
Replaced Tailwind variants with native transitions and utility classes
Zero compromise on UX while achieving faster load times

Performance Metrics

Before: 84.2 kB (gzip)
After:  34.6 kB (gzip)
Reduction: 58.9% smaller bundle

🧠 Introducing @c15t/react/headless

For Teams Who Need Full Control

NEW: Introduced @c15t/react/headless for teams who don't need the built-in cookie banner
Ultra-lightweight: Only 12.5 kB (gzip) footprint
Perfect for custom implementations and design systems
Complete access to consent logic without built-in UI components

Headless Usage Example

import {
  ConsentManagerProvider,
  type ConsentManagerOptions
} from '@c15t/react/headless';

export default function Layout({ children }: { children: ReactNode }) {
  const options: ConsentManagerOptions = {
    mode: 'c15t',
    backendURL: process.env.NEXT_PUBLIC_C15T_URL,
  };

  return (
    <ConsentManagerProvider options={options}>
      {children}
    </ConsentManagerProvider>
  );
}

📦 Package Structure

Bundle Analysis

@c15t/react (standard):     34.6 kB (gzip) - Full UI components
@c15t/react/headless:       12.5 kB (gzip) - Logic only

Dependency Optimization

Removed framer-motion: -15.2 kB
Optimized Tailwind usage: -8.4 kB
Tree-shaking improvements: -26.0 kB
Total savings: -49.6 kB (58.9% reduction)

🎯 Use Cases

Standard Implementation

// Full-featured with built-in UI (34.6 kB)
import { ConsentManagerProvider, CookieBanner } from '@c15t/react';

<ConsentManagerProvider options={options}>
  <CookieBanner />
  {children}
</ConsentManagerProvider>;

Headless Implementation

// Custom UI with consent logic only (12.5 kB)
import { ConsentManagerProvider, useConsent } from '@c15t/react/headless';

function CustomBanner() {
  const { consents, setConsent } = useConsent();
  return (
    <div className="my-custom-banner">{/* Your custom implementation */}</div>
  );
}

🚀 Performance Impact

Load Time Improvements

58.9% smaller bundle = significantly faster initial page load
Better caching = reduced repeat load times
Tree-shaking friendly = only load what you use
Faster Time to Interactive (TTI)
Improved Core Web Vitals scores

Network Efficiency

Fewer bytes over the wire
Better compression ratios
Enhanced performance on slower connections

✨ What's Changed

Published via commit cef8df2 by @BurnedChris

Whether you're optimizing for performance, custom UI, or just want to plug into our consent logic — c15t is now leaner and more flexible than ever.

v1.1.1 — Bundle Reduction Update

Posted By