@c15t/scripts 2.0.0-rc.1 → 2.0.0

package/dist/google-tag-manager.js

@@ -1,85 +1,80 @@
-const DEFAULT_GTM_CONSENT_CONFIG = {
-    functionality_storage: 'denied',
-    security_storage: 'denied',
-    analytics_storage: 'denied',
-    ad_storage: 'denied',
-    ad_user_data: 'denied',
-    ad_personalization: 'denied',
-    personalization_storage: 'denied'
-};
-const CONSENT_STATE_TO_GTM_MAPPING = {
-    necessary: [
-        'security_storage'
-    ],
-    functionality: [
-        'functionality_storage'
+import { resolveManifest } from "./resolve.js";
+import { vendorManifestContract } from "./types.js";
+const googleTagManagerManifest = {
+    ...vendorManifestContract,
+    vendor: 'google-tag-manager',
+    category: 'necessary',
+    alwaysLoad: true,
+    bootstrap: [
+        {
+            type: 'setGlobal',
+            name: 'dataLayer',
+            value: [],
+            ifUndefined: true
+        },
+        {
+            type: 'defineQueueFunction',
+            name: 'gtag',
+            queue: 'dataLayer',
+            ifUndefined: true
+        }
     ],
-    measurement: [
-        'analytics_storage'
+    install: [
+        {
+            type: 'pushToQueue',
+            queue: 'dataLayer',
+            value: {
+                'gtm.start': '{{loadTime}}',
+                event: 'gtm.js'
+            }
+        },
+        {
+            type: 'loadScript',
+            src: 'https://www.googletagmanager.com/gtm.js?id={{id}}',
+            async: true
+        }
     ],
-    marketing: [
-        'ad_storage',
-        'ad_user_data',
-        'ad_personalization'
+    onConsentChange: [
+        {
+            type: 'callGlobal',
+            global: 'gtag',
+            args: [
+                'event',
+                '{{updateEventName}}'
+            ]
+        }
     ],
-    experience: [
-        'personalization_storage'
-    ]
+    consentMapping: {
+        necessary: [
+            'security_storage'
+        ],
+        functionality: [
+            'functionality_storage'
+        ],
+        measurement: [
+            'analytics_storage'
+        ],
+        marketing: [
+            'ad_storage',
+            'ad_user_data',
+            'ad_personalization'
+        ],
+        experience: [
+            'personalization_storage'
+        ]
+    },
+    consentSignal: 'gtag'
 };
-function mapConsentStateToGTM(consentState) {
-    const gtmConfig = {
-        ...DEFAULT_GTM_CONSENT_CONFIG
-    };
-    for (const consentType of Object.keys(consentState)){
-        const isGranted = consentState[consentType];
-        const gtmConsentTypes = CONSENT_STATE_TO_GTM_MAPPING[consentType];
-        for (const gtmType of gtmConsentTypes)gtmConfig[gtmType] = isGranted ? 'granted' : 'denied';
-    }
-    return gtmConfig;
-}
-function googleTagManager({ id, script, updateEventName }) {
-    return {
-        ...script,
-        id: script?.id ? script.id : 'google-tag-manager',
-        src: script?.src ? script.src : `https://www.googletagmanager.com/gtm.js?id=${id}`,
-        category: script?.category ?? 'necessary',
-        async: script?.async ?? true,
-        alwaysLoad: true,
-        onBeforeLoad: ({ consents, elementId, ...rest })=>{
-            const gtmConsent = consents ? mapConsentStateToGTM(consents) : DEFAULT_GTM_CONSENT_CONFIG;
-            const setupScript = document.createElement("script");
-            setupScript.id = `${elementId}-init`;
-            setupScript.textContent = `
-    window.dataLayer = window.dataLayer || [];
-    window.gtag = function gtag() {
-      window.dataLayer.push(arguments);
-    };
-    window.gtag('consent', 'default', {
-      ...${JSON.stringify(gtmConsent)},
-    });
-    window.dataLayer.push({
-      'gtm.start': Date.now(),
-      event: 'gtm.js',
+function googleTagManager({ id, updateEventName, consentMapping }) {
+    const manifest = consentMapping ? {
+        ...googleTagManagerManifest,
+        consentMapping
+    } : googleTagManagerManifest;
+    const resolved = resolveManifest(manifest, {
+        id,
+        loadTime: Date.now(),
+        updateEventName: updateEventName ?? 'consent-update'
     });
-  `;
-            if (!document.head) throw new Error("Document head is not available for script injection");
-            document.head.appendChild(setupScript);
-            if (script?.onBeforeLoad) script.onBeforeLoad({
-                consents,
-                elementId,
-                ...rest
-            });
-        },
-        onConsentChange ({ consents, ...rest }) {
-            if (window.gtag) {
-                window.gtag('consent', 'update', mapConsentStateToGTM(consents));
-                window.gtag('event', updateEventName ?? 'consent-update');
-            }
-            if (script?.onConsentChange) script.onConsentChange({
-                consents,
-                ...rest
-            });
-        }
-    };
+    return resolved;
 }
-export { DEFAULT_GTM_CONSENT_CONFIG, googleTagManager, mapConsentStateToGTM };
+export { googleTagManager, googleTagManagerManifest };

package/dist/google-tag.cjs

@@ -13,7 +13,7 @@ var __webpack_require__ = {};
 })();
 (()=>{
     __webpack_require__.r = (exports1)=>{
-        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
             value: 'Module'
         });
         Object.defineProperty(exports1, '__esModule', {
@@ -24,51 +24,100 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
+    gtagManifest: ()=>gtagManifest,
     gtag: ()=>gtag
 });
-const external_google_tag_manager_cjs_namespaceObject = require("./google-tag-manager.cjs");
-function gtag({ id, script, category }) {
+const external_resolve_cjs_namespaceObject = require("./resolve.cjs");
+const external_types_cjs_namespaceObject = require("./types.cjs");
+const gtagManifest = {
+    ...external_types_cjs_namespaceObject.vendorManifestContract,
+    vendor: 'gtag',
+    category: '{{category}}',
+    alwaysLoad: true,
+    persistAfterConsentRevoked: true,
+    bootstrap: [
+        {
+            type: 'setGlobal',
+            name: 'dataLayer',
+            value: [],
+            ifUndefined: true
+        },
+        {
+            type: 'defineQueueFunction',
+            name: 'gtag',
+            queue: 'dataLayer',
+            ifUndefined: true
+        }
+    ],
+    install: [
+        {
+            type: 'callGlobal',
+            global: 'gtag',
+            args: [
+                'js',
+                '{{loadTime}}'
+            ]
+        },
+        {
+            type: 'callGlobal',
+            global: 'gtag',
+            args: [
+                'config',
+                '{{id}}'
+            ]
+        },
+        {
+            type: 'loadScript',
+            src: 'https://www.googletagmanager.com/gtag/js?id={{id}}',
+            async: true
+        }
+    ],
+    consentMapping: {
+        necessary: [
+            'security_storage'
+        ],
+        functionality: [
+            'functionality_storage'
+        ],
+        measurement: [
+            'analytics_storage'
+        ],
+        marketing: [
+            'ad_storage',
+            'ad_user_data',
+            'ad_personalization'
+        ],
+        experience: [
+            'personalization_storage'
+        ]
+    },
+    consentSignal: 'gtag'
+};
+function gtag({ id, category, consentMapping, script }) {
+    const manifest = consentMapping ? {
+        ...gtagManifest,
+        consentMapping
+    } : gtagManifest;
+    const resolved = (0, external_resolve_cjs_namespaceObject.resolveManifest)(manifest, {
+        id,
+        category,
+        loadTime: new Date()
+    });
+    if (!script) return resolved;
     return {
+        ...resolved,
         ...script,
-        id: script?.id ? script.id : 'gtag',
-        src: script?.src ? script.src : `https://www.googletagmanager.com/gtag/js?id=${id}`,
-        category: category,
-        async: script?.async ?? true,
-        persistAfterConsentRevoked: true,
-        alwaysLoad: true,
-        onBeforeLoad: ({ consents, elementId, ...rest })=>{
-            let gtmConsent = external_google_tag_manager_cjs_namespaceObject.DEFAULT_GTM_CONSENT_CONFIG;
-            if (consents) gtmConsent = (0, external_google_tag_manager_cjs_namespaceObject.mapConsentStateToGTM)(consents);
-            const setupScript = document.createElement("script");
-            setupScript.id = `${elementId}-init`;
-            setupScript.textContent = `
-    window.dataLayer = window.dataLayer || [];
-    window.gtag = function gtag() {
-      window.dataLayer.push(arguments);
-    };
-    window.gtag('consent', 'default', {
-      ...${JSON.stringify(gtmConsent)},
-    });
- 		window.gtag('js', new Date());
-		window.gtag('config', '${id}');
-  `;
-            if (!document.head) throw new Error("Document head is not available for script injection");
-            document.head.appendChild(setupScript);
-            if (script?.onBeforeLoad) script.onBeforeLoad({
-                consents,
-                elementId,
-                ...rest
-            });
-        },
-        onConsentChange (args) {
-            if (window.gtag) window.gtag('consent', 'update', (0, external_google_tag_manager_cjs_namespaceObject.mapConsentStateToGTM)(args.consents));
-            if (script?.onConsentChange) script.onConsentChange(args);
+        attributes: {
+            ...resolved.attributes ?? {},
+            ...script.attributes ?? {}
         }
     };
 }
 exports.gtag = __webpack_exports__.gtag;
+exports.gtagManifest = __webpack_exports__.gtagManifest;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
-    "gtag"
+    "gtag",
+    "gtagManifest"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true

package/dist/google-tag.js

@@ -1,41 +1,87 @@
-import { DEFAULT_GTM_CONSENT_CONFIG, mapConsentStateToGTM } from "./google-tag-manager.js";
-function gtag({ id, script, category }) {
+import { resolveManifest } from "./resolve.js";
+import { vendorManifestContract } from "./types.js";
+const gtagManifest = {
+    ...vendorManifestContract,
+    vendor: 'gtag',
+    category: '{{category}}',
+    alwaysLoad: true,
+    persistAfterConsentRevoked: true,
+    bootstrap: [
+        {
+            type: 'setGlobal',
+            name: 'dataLayer',
+            value: [],
+            ifUndefined: true
+        },
+        {
+            type: 'defineQueueFunction',
+            name: 'gtag',
+            queue: 'dataLayer',
+            ifUndefined: true
+        }
+    ],
+    install: [
+        {
+            type: 'callGlobal',
+            global: 'gtag',
+            args: [
+                'js',
+                '{{loadTime}}'
+            ]
+        },
+        {
+            type: 'callGlobal',
+            global: 'gtag',
+            args: [
+                'config',
+                '{{id}}'
+            ]
+        },
+        {
+            type: 'loadScript',
+            src: 'https://www.googletagmanager.com/gtag/js?id={{id}}',
+            async: true
+        }
+    ],
+    consentMapping: {
+        necessary: [
+            'security_storage'
+        ],
+        functionality: [
+            'functionality_storage'
+        ],
+        measurement: [
+            'analytics_storage'
+        ],
+        marketing: [
+            'ad_storage',
+            'ad_user_data',
+            'ad_personalization'
+        ],
+        experience: [
+            'personalization_storage'
+        ]
+    },
+    consentSignal: 'gtag'
+};
+function gtag({ id, category, consentMapping, script }) {
+    const manifest = consentMapping ? {
+        ...gtagManifest,
+        consentMapping
+    } : gtagManifest;
+    const resolved = resolveManifest(manifest, {
+        id,
+        category,
+        loadTime: new Date()
+    });
+    if (!script) return resolved;
     return {
+        ...resolved,
         ...script,
-        id: script?.id ? script.id : 'gtag',
-        src: script?.src ? script.src : `https://www.googletagmanager.com/gtag/js?id=${id}`,
-        category: category,
-        async: script?.async ?? true,
-        persistAfterConsentRevoked: true,
-        alwaysLoad: true,
-        onBeforeLoad: ({ consents, elementId, ...rest })=>{
-            let gtmConsent = DEFAULT_GTM_CONSENT_CONFIG;
-            if (consents) gtmConsent = mapConsentStateToGTM(consents);
-            const setupScript = document.createElement("script");
-            setupScript.id = `${elementId}-init`;
-            setupScript.textContent = `
-    window.dataLayer = window.dataLayer || [];
-    window.gtag = function gtag() {
-      window.dataLayer.push(arguments);
-    };
-    window.gtag('consent', 'default', {
-      ...${JSON.stringify(gtmConsent)},
-    });
- 		window.gtag('js', new Date());
-		window.gtag('config', '${id}');
-  `;
-            if (!document.head) throw new Error("Document head is not available for script injection");
-            document.head.appendChild(setupScript);
-            if (script?.onBeforeLoad) script.onBeforeLoad({
-                consents,
-                elementId,
-                ...rest
-            });
-        },
-        onConsentChange (args) {
-            if (window.gtag) window.gtag('consent', 'update', mapConsentStateToGTM(args.consents));
-            if (script?.onConsentChange) script.onConsentChange(args);
+        attributes: {
+            ...resolved.attributes ?? {},
+            ...script.attributes ?? {}
         }
     };
 }
-export { gtag };
+export { gtag, gtagManifest };

package/dist/linkedin-insights.cjs

@@ -13,7 +13,7 @@ var __webpack_require__ = {};
 })();
 (()=>{
     __webpack_require__.r = (exports1)=>{
-        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
             value: 'Module'
         });
         Object.defineProperty(exports1, '__esModule', {
@@ -24,43 +24,61 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    linkedinInsights: ()=>linkedinInsights
+    linkedinInsights: ()=>linkedinInsights,
+    linkedinInsightsManifest: ()=>linkedinInsightsManifest
 });
-function linkedinInsights({ id, script }) {
-    const category = script?.category ?? 'marketing';
-    return {
-        id: script?.id ?? 'linkedin-insights',
-        category,
-        textContent: `
-(function(l) {
-if (!l){window.lintrk = function(a,b){window.lintrk.q.push([a,b])};
-window.lintrk.q=[]}
-var s = document.getElementsByTagName("script")[0];
-var b = document.createElement("script");
-b.type = "text/javascript";b.async = true;
-b.src = "${script?.src ?? 'https://snap.licdn.com/li.lms-analytics/insight.min.js'}";
-s.parentNode.insertBefore(b, s);})(window.lintrk);
-		`.trim(),
-        onBeforeLoad ({ elementId, ...rest }) {
-            const setupScript = document.createElement("script");
-            setupScript.id = `${elementId}-init`;
-            setupScript.textContent = `
-      _linkedin_partner_id = "${id}";
-      window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || [];
-      window._linkedin_data_partner_ids.push(_linkedin_partner_id);
-     `;
-            if (!document.head) throw new Error("Document head is not available for script injection");
-            document.head.appendChild(setupScript);
-            if (script?.onBeforeLoad) script.onBeforeLoad({
-                elementId,
-                ...rest
-            });
+const external_resolve_cjs_namespaceObject = require("./resolve.cjs");
+const external_types_cjs_namespaceObject = require("./types.cjs");
+const linkedinInsightsManifest = {
+    ...external_types_cjs_namespaceObject.vendorManifestContract,
+    vendor: 'linkedin-insights',
+    category: 'marketing',
+    install: [
+        {
+            type: 'setGlobal',
+            name: '_linkedin_partner_id',
+            value: '{{id}}',
+            ifUndefined: false
+        },
+        {
+            type: 'setGlobal',
+            name: '_linkedin_data_partner_ids',
+            value: [],
+            ifUndefined: true
+        },
+        {
+            type: 'pushToQueue',
+            queue: '_linkedin_data_partner_ids',
+            value: '{{id}}'
+        },
+        {
+            type: 'defineStubFunction',
+            name: 'lintrk',
+            queue: {
+                property: 'q'
+            },
+            queueFormat: 'array',
+            ifUndefined: true
+        },
+        {
+            type: 'loadScript',
+            src: "{{scriptSrc}}",
+            async: true
         }
-    };
+    ]
+};
+function linkedinInsights({ id, scriptSrc }) {
+    const resolved = (0, external_resolve_cjs_namespaceObject.resolveManifest)(linkedinInsightsManifest, {
+        id,
+        scriptSrc: scriptSrc ?? 'https://snap.licdn.com/li.lms-analytics/insight.min.js'
+    });
+    return resolved;
 }
 exports.linkedinInsights = __webpack_exports__.linkedinInsights;
+exports.linkedinInsightsManifest = __webpack_exports__.linkedinInsightsManifest;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
-    "linkedinInsights"
+    "linkedinInsights",
+    "linkedinInsightsManifest"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true

package/dist/linkedin-insights.js

@@ -1,33 +1,48 @@
-function linkedinInsights({ id, script }) {
-    const category = script?.category ?? 'marketing';
-    return {
-        id: script?.id ?? 'linkedin-insights',
-        category,
-        textContent: `
-(function(l) {
-if (!l){window.lintrk = function(a,b){window.lintrk.q.push([a,b])};
-window.lintrk.q=[]}
-var s = document.getElementsByTagName("script")[0];
-var b = document.createElement("script");
-b.type = "text/javascript";b.async = true;
-b.src = "${script?.src ?? 'https://snap.licdn.com/li.lms-analytics/insight.min.js'}";
-s.parentNode.insertBefore(b, s);})(window.lintrk);
-		`.trim(),
-        onBeforeLoad ({ elementId, ...rest }) {
-            const setupScript = document.createElement("script");
-            setupScript.id = `${elementId}-init`;
-            setupScript.textContent = `
-      _linkedin_partner_id = "${id}";
-      window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || [];
-      window._linkedin_data_partner_ids.push(_linkedin_partner_id);
-     `;
-            if (!document.head) throw new Error("Document head is not available for script injection");
-            document.head.appendChild(setupScript);
-            if (script?.onBeforeLoad) script.onBeforeLoad({
-                elementId,
-                ...rest
-            });
+import { resolveManifest } from "./resolve.js";
+import { vendorManifestContract } from "./types.js";
+const linkedinInsightsManifest = {
+    ...vendorManifestContract,
+    vendor: 'linkedin-insights',
+    category: 'marketing',
+    install: [
+        {
+            type: 'setGlobal',
+            name: '_linkedin_partner_id',
+            value: '{{id}}',
+            ifUndefined: false
+        },
+        {
+            type: 'setGlobal',
+            name: '_linkedin_data_partner_ids',
+            value: [],
+            ifUndefined: true
+        },
+        {
+            type: 'pushToQueue',
+            queue: '_linkedin_data_partner_ids',
+            value: '{{id}}'
+        },
+        {
+            type: 'defineStubFunction',
+            name: 'lintrk',
+            queue: {
+                property: 'q'
+            },
+            queueFormat: 'array',
+            ifUndefined: true
+        },
+        {
+            type: 'loadScript',
+            src: "{{scriptSrc}}",
+            async: true
         }
-    };
+    ]
+};
+function linkedinInsights({ id, scriptSrc }) {
+    const resolved = resolveManifest(linkedinInsightsManifest, {
+        id,
+        scriptSrc: scriptSrc ?? 'https://snap.licdn.com/li.lms-analytics/insight.min.js'
+    });
+    return resolved;
 }
-export { linkedinInsights };
+export { linkedinInsights, linkedinInsightsManifest };