@jitsu/js 1.1.1 → 1.1.2

package/dist/jitsu.es.js

@@ -108,7 +108,7 @@ function loadScript(src, attributes) {
     });
 }
 
-var __awaiter$1 = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$3 = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -117,18 +117,10 @@ var __awaiter$1 = (undefined && undefined.__awaiter) || function (thisArg, _argu
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-function satisfyFilter(filter, subject) {
-    return filter === "*" || filter.toLowerCase().trim() === (subject || "").trim().toLowerCase();
-}
-function applyFilters(event, creds) {
-    const { hosts = ["*"], events = ["*"] } = creds;
-    return (!!hosts.find(hostFilter => { var _a; return satisfyFilter(hostFilter, (_a = event.context) === null || _a === void 0 ? void 0 : _a.host); }) &&
-        !!events.find(eventFilter => satisfyFilter(eventFilter, event.type)));
-}
 const tagPlugin = {
     id: "tag",
     handle(config, payload) {
-        return __awaiter$1(this, void 0, void 0, function* () {
+        return __awaiter$3(this, void 0, void 0, function* () {
             if (!applyFilters(payload, config)) {
                 return;
             }
@@ -136,6 +128,96 @@ const tagPlugin = {
         });
     },
 };
+function insertTags(code, event, opts = {}) {
+    let tag;
+    try {
+        tag = JSON.parse(code);
+    }
+    catch (e) {
+        tag = { code, lang: "javascript" };
+    }
+    const debug = opts.debug || false;
+    if (isInBrowser()) {
+        if (tag.lang === "javascript") {
+            execJs(tag.code, event);
+        }
+        else {
+            const codeHolder = document.createElement("span");
+            codeHolder.innerHTML = replaceMacro(tag.code, event);
+            document.body.insertAdjacentElement("beforeend", codeHolder);
+            const scripts = codeHolder.querySelectorAll("script");
+            scripts.forEach(script => {
+                const scriptClone = document.createElement("script");
+                scriptClone.type = scriptClone.type || "text/javascript";
+                if (script.hasAttribute("src")) {
+                    scriptClone.src = script.src;
+                }
+                scriptClone.text = script.text;
+                if (debug) {
+                    console.log(`[JITSU] Executing script${script.hasAttribute("src") ? ` ${script.src}` : ""}`, scriptClone.text);
+                }
+                document.head.appendChild(scriptClone);
+                document.head.removeChild(scriptClone);
+            });
+        }
+    }
+    else {
+        if (debug) {
+            console.log(`[JITSU] insertTags(): cannot insert tags in non-browser environment`);
+        }
+    }
+}
+function execJs(code, event) {
+    const varName = `jitsu_event_${randomId()}`;
+    window[varName] = event;
+    const iif = `(function(){
+      const event = ${varName};
+      ${code}
+  })()`;
+    try {
+        eval(iif);
+    }
+    catch (e) {
+        console.error(`[JITSU] Error executing JS code: ${e.message}. Code: `, iif);
+    }
+    finally {
+        delete window[varName];
+    }
+    return iif;
+}
+function replaceMacro(code, event) {
+    return code.replace(/{{\s*event\s*}}/g, JSON.stringify(event));
+}
+
+var __awaiter$2 = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+const logrocketPlugin = {
+    id: "logrocket",
+    handle(config, payload) {
+        return __awaiter$2(this, void 0, void 0, function* () {
+            if (!applyFilters(payload, config)) {
+                return;
+            }
+            initLogrocketIfNeeded(config.appId);
+            const action = logRocket => {
+                if (payload.type === "identify" && payload.userId) {
+                    logRocket.identify(payload.userId, payload.traits || {});
+                }
+            };
+            getLogRocketQueue().push(action);
+            if (getLogRocketState() === "loaded") {
+                flushLogRocketQueue(window["LogRocket"]);
+            }
+        });
+    },
+};
 function getLogRocketState() {
     return window["__jitsuLrState"] || "fresh";
 }
@@ -161,7 +243,7 @@ function flushLogRocketQueue(lr) {
     }
 }
 function initLogrocketIfNeeded(appId) {
-    return __awaiter$1(this, void 0, void 0, function* () {
+    return __awaiter$2(this, void 0, void 0, function* () {
         if (getLogRocketState() !== "fresh") {
             return;
         }
@@ -186,88 +268,135 @@ function initLogrocketIfNeeded(appId) {
         });
     });
 }
-const logrocketPlugin = {
-    id: "logrocket",
+
+var __awaiter$1 = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+const defaultScriptSrc = "https://www.googletagmanager.com/gtag/js";
+const gtmPlugin = {
+    id: "gtm",
     handle(config, payload) {
+        var _a, _b;
         return __awaiter$1(this, void 0, void 0, function* () {
             if (!applyFilters(payload, config)) {
                 return;
             }
-            initLogrocketIfNeeded(config.appId);
-            const action = logRocket => {
-                if (payload.type === "identify" && payload.userId) {
-                    logRocket.identify(payload.userId, payload.traits || {});
-                }
-            };
-            getLogRocketQueue().push(action);
-            if (getLogRocketState() === "loaded") {
-                flushLogRocketQueue(window["LogRocket"]);
+            yield initGtmIfNeeded(config);
+            const dataLayer = window[config.dataLayerName || "dataLayer"];
+            switch (payload.type) {
+                case "page":
+                    const { properties: pageProperties, context } = payload;
+                    const pageEvent = {
+                        event: "page_view",
+                        url: pageProperties.url,
+                        title: pageProperties.title,
+                        referer: (_b = (_a = context === null || context === void 0 ? void 0 : context.page) === null || _a === void 0 ? void 0 : _a.referrer) !== null && _b !== void 0 ? _b : "",
+                    };
+                    if (config.debug) {
+                        console.log("gtag push", pageEvent);
+                    }
+                    dataLayer.push(pageEvent);
+                    break;
+                case "track":
+                    const { properties: trackProperties } = payload;
+                    const trackEvent = Object.assign({ event: payload.event }, trackProperties);
+                    if (payload.userId) {
+                        trackEvent.userId = payload.userId;
+                    }
+                    if (payload.anonymousId) {
+                        trackEvent.anonymousId = payload.anonymousId;
+                    }
+                    if (config.debug) {
+                        console.log("gtag push", trackEvent);
+                    }
+                    dataLayer.push(trackEvent);
+                    break;
+                case "identify":
+                    const { traits } = payload;
+                    const identifyEvent = Object.assign({ event: "identify" }, traits);
+                    if (payload.userId) {
+                        identifyEvent.userId = payload.userId;
+                    }
+                    if (payload.anonymousId) {
+                        identifyEvent.anonymousId = payload.anonymousId;
+                    }
+                    if (config.debug) {
+                        console.log("gtag push", identifyEvent);
+                    }
+                    dataLayer.push(identifyEvent);
+                    break;
             }
         });
     },
 };
-function insertTags(code, event, opts = {}) {
-    let tag;
-    try {
-        tag = JSON.parse(code);
-    }
-    catch (e) {
-        tag = { code, lang: "javascript" };
-    }
-    const debug = opts.debug || false;
-    if (isInBrowser()) {
-        if (tag.lang === "javascript") {
-            execJs(tag.code, event);
-        }
-        else {
-            const codeHolder = document.createElement("span");
-            codeHolder.innerHTML = replaceMacro(tag.code, event);
-            document.body.insertAdjacentElement("beforeend", codeHolder);
-            const scripts = codeHolder.querySelectorAll("script");
-            scripts.forEach(script => {
-                const scriptClone = document.createElement("script");
-                scriptClone.type = scriptClone.type || "text/javascript";
-                if (script.hasAttribute("src")) {
-                    scriptClone.src = script.src;
-                }
-                scriptClone.text = script.text;
-                if (debug) {
-                    console.log(`[JITSU] Executing script${script.hasAttribute("src") ? ` ${script.src}` : ""}`, scriptClone.text);
-                }
-                document.head.appendChild(scriptClone);
-                document.head.removeChild(scriptClone);
-            });
-        }
-    }
-    else {
-        if (debug) {
-            console.log(`[JITSU] insertTags(): cannot insert tags in non-browser environment`);
+function getGtmState() {
+    return window["__jitsuGtmState"] || "fresh";
+}
+function setGtmState(s) {
+    window["__jitsuGtmState"] = s;
+}
+function initGtmIfNeeded(config) {
+    return __awaiter$1(this, void 0, void 0, function* () {
+        if (getGtmState() !== "fresh") {
+            return;
         }
-    }
+        setGtmState("loading");
+        const dlName = config.dataLayerName || "dataLayer";
+        const dlParam = dlName !== "dataLayer" ? "&l=" + dlName : "";
+        const previewParams = config.preview
+            ? `&gtm_preview=${config.preview}&gtm_auth=${config.auth}&gtm_cookies_win=x`
+            : "";
+        const scriptSrc = `${config.customScriptSrc || defaultScriptSrc}?id=${config.containerId}${dlParam}${previewParams}`;
+        window[dlName] = window[dlName] || [];
+        const gtag = function () {
+            window[dlName].push(arguments);
+        };
+        // @ts-ignore
+        gtag("js", new Date());
+        // @ts-ignore
+        gtag("config", config.containerId);
+        loadScript(scriptSrc)
+            .then(() => {
+            setGtmState("loaded");
+        })
+            .catch(e => {
+            console.warn(`GTM (containerId=${config.containerId}) init failed: ${e.message}`, e);
+            setGtmState("failed");
+        });
+    });
 }
-function execJs(code, event) {
-    const varName = `jitsu_event_${randomId()}`;
-    window[varName] = event;
-    const iif = `(function(){
-      const event = ${varName};
-      ${code}
-  })()`;
-    try {
-        eval(iif);
+
+function satisfyFilter(filter, subject) {
+    return filter === "*" || filter.toLowerCase().trim() === (subject || "").trim().toLowerCase();
+}
+function satisfyDomainFilter(filter, subject) {
+    if (filter === "*") {
+        return true;
     }
-    catch (e) {
-        console.error(`[JITSU] Error executing JS code: ${e.message}. Code: `, iif);
+    subject = subject || "";
+    if (filter.startsWith("*.")) {
+        return subject.endsWith(filter.substring(1));
     }
-    finally {
-        delete window[varName];
+    else {
+        return filter === subject;
     }
-    return iif;
 }
-function replaceMacro(code, event) {
-    return code.replace(/{{\s*event\s*}}/g, JSON.stringify(event));
+function applyFilters(event, creds) {
+    const { hosts = "*", events = "*" } = creds;
+    const eventsArray = events.split("\n");
+    return (!!hosts.split("\n").find(hostFilter => { var _a; return satisfyDomainFilter(hostFilter, (_a = event.context) === null || _a === void 0 ? void 0 : _a.host); }) &&
+        (!!eventsArray.find(eventFilter => satisfyFilter(eventFilter, event.type)) ||
+            !!eventsArray.find(eventFilter => satisfyFilter(eventFilter, event.event))));
 }
 const internalDestinationPlugins = {
     [tagPlugin.id]: tagPlugin,
+    [gtmPlugin.id]: gtmPlugin,
     [logrocketPlugin.id]: logrocketPlugin,
 };
 
@@ -284,7 +413,7 @@ var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _argume
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-const config = {
+const defaultConfig = {
     /* Your segment writeKey */
     writeKey: null,
     /* Disable anonymous MTU */
@@ -591,10 +720,13 @@ function processDestinations(destinations, method, event, debug, analyticsInstan
         }
     });
 }
+function looksLikeCuid(id) {
+    return id.length === 25 && id.charAt(0) === "c";
+}
 function validateWriteKey(writeKey) {
     if (writeKey) {
         const [, secret] = writeKey.split(":", 2);
-        if (!secret) {
+        if (!secret && !looksLikeCuid(writeKey)) {
             throw new Error(`Legacy write key detected - ${writeKey}! This format doesn't work anymore, it should be 'key:secret'. Please download a new key from Jitsu UI`);
         }
     }
@@ -615,7 +747,7 @@ function send(method, payload, jitsuConfig, instance, store) {
     //   console.log(`[JITSU] Sending event to ${url}: `, JSON.stringify(payload, null, 2));
     // }
     const adjustedPayload = adjustPayload(payload, jitsuConfig, store);
-    const authHeader = config.writeKey ? { "X-Write-Key": validateWriteKey(config.writeKey) } : {};
+    const authHeader = jitsuConfig.writeKey ? { "X-Write-Key": validateWriteKey(jitsuConfig.writeKey) } : {};
     return fetch(url, {
         method: "POST",
         headers: Object.assign(Object.assign({ "Content-Type": "application/json" }, authHeader), debugHeader),
@@ -671,7 +803,7 @@ const jitsuAnalyticsPlugin = (pluginConfig = {}) => {
             persistentStorage.removeItem(key);
         },
     });
-    const instanceConfig = Object.assign(Object.assign({}, config), pluginConfig);
+    const instanceConfig = Object.assign(Object.assign({}, defaultConfig), pluginConfig);
     return {
         name: "jitsu",
         config: instanceConfig,