refactor(consent-sdk): split ConsentManager + framework adapters under 500 LOC

Phase 4: extract config defaults, Google Consent Mode helper, and framework adapter internals into sibling files so every source file is under the hard cap. Public API surface preserved; all 135 tests green, tsup build + tsc typecheck clean. - core/ConsentManager 525 -> 467 LOC (extract config + google helpers) - react/index 511 LOC -> 199 LOC barrel + components/hooks/context - vue/index 511 LOC -> 32 LOC barrel + components/composables/context/plugin - angular/index 509 LOC -> 45 LOC barrel + interface/service/module/templates Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-11 22:25:44 +02:00
parent ef8284dff5
commit 4ed39d2616
17 changed files with 1341 additions and 1375 deletions
@@ -0,0 +1,74 @@
+/**
+ * Vue plugin for global installation.
+ *
+ * Phase 4: extracted from vue/index.ts.
+ */
+
+import { computed, ref, type Ref } from 'vue';
+import { ConsentManager } from '../core/ConsentManager';
+import type {
+  ConsentCategories,
+  ConsentCategory,
+  ConsentConfig,
+  ConsentState,
+} from '../types';
+import { CONSENT_KEY, type ConsentContext } from './context';
+
+/**
+ * Vue Plugin fuer globale Installation.
+ *
+ * @example
+ * ```ts
+ * app.use(ConsentPlugin, { apiEndpoint: '...', siteId: '...' });
+ * ```
+ */
+export const ConsentPlugin = {
+  install(
+    app: { provide: (key: symbol | string, value: unknown) => void },
+    config: ConsentConfig
+  ) {
+    const manager = new ConsentManager(config);
+    const consent = ref<ConsentState | null>(null);
+    const isInitialized = ref(false);
+    const isLoading = ref(true);
+    const isBannerVisible = ref(false);
+
+    manager.init().then(() => {
+      consent.value = manager.getConsent();
+      isInitialized.value = true;
+      isLoading.value = false;
+      isBannerVisible.value = manager.isBannerVisible();
+    });
+
+    manager.on('change', (newConsent) => {
+      consent.value = newConsent;
+    });
+    manager.on('banner_show', () => {
+      isBannerVisible.value = true;
+    });
+    manager.on('banner_hide', () => {
+      isBannerVisible.value = false;
+    });
+
+    const context: ConsentContext = {
+      manager: ref(manager) as Ref<ConsentManager | null>,
+      consent: consent as Ref<ConsentState | null>,
+      isInitialized,
+      isLoading,
+      isBannerVisible,
+      needsConsent: computed(() => manager.needsConsent()),
+      hasConsent: (category: ConsentCategory) => manager.hasConsent(category),
+      acceptAll: () => manager.acceptAll(),
+      rejectAll: () => manager.rejectAll(),
+      saveSelection: async (categories: Partial<ConsentCategories>) => {
+        await manager.setConsent(categories);
+        manager.hideBanner();
+      },
+      showBanner: () => manager.showBanner(),
+      hideBanner: () => manager.hideBanner(),
+      showSettings: () => manager.showSettings(),
+    };
+
+    app.provide(CONSENT_KEY, context);
+  },
+};