Quickstart

import { getOrCreateConsentRuntime } from 'c15t';

const { consentManager, consentStore } = getOrCreateConsentRuntime({
  mode: 'c15t',
  backendURL: 'https://your-instance.c15t.dev',
  consentCategories: ['necessary', 'measurement', 'marketing'],
});

// React to every state change
consentStore.subscribe((state) => {
  console.log('Consent state:', state.consents);
  console.log('Show banner?', state.activeUI === 'banner');
});

// Read current state at any time
const state = consentStore.getState();
console.log('Has measurement consent:', state.has('measurement'));

const state = consentStore.getState();

// Check if a category has consent
if (state.has('measurement')) {
  // Safe to load analytics
}

// Accept all categories
await state.saveConsents('all');

// Accept only necessary categories
await state.saveConsents('necessary');

// Set a specific category
state.setConsent('marketing', true);

import { getOrCreateConsentRuntime } from 'c15t';

const { consentStore } = getOrCreateConsentRuntime({
  mode: 'c15t',
  backendURL: 'https://your-instance.c15t.dev',
  consentCategories: ['necessary', 'measurement', 'marketing'],
});

// Subscribe to show/hide the banner
consentStore.subscribe((state) => {
  const banner = document.getElementById('consent-banner');
  if (banner) {
    banner.style.display = state.activeUI === 'banner' ? 'block' : 'none';
  }
});

// Wire up buttons
document.getElementById('accept-all')?.addEventListener('click', () => {
  consentStore.getState().saveConsents('all');
});

document.getElementById('reject')?.addEventListener('click', () => {
  consentStore.getState().saveConsents('necessary');
});

// The store is also available on the window object
const state = window.c15tStore?.getState();
console.log('Consents:', state?.consents);
console.log('Has consented:', state?.hasConsented());
console.log('Location:', state?.locationInfo);