@jitsu/js 1.1.0-canary.388.20230519133920 → 1.1.0-canary.404.20230526224724

package/dist/jitsu.es.js

@@ -108,7 +108,7 @@ function loadScript(src, attributes) {
     });
 }
 
-var __awaiter$3 = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
+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); } }
@@ -117,10 +117,18 @@ var __awaiter$3 = (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$3(this, void 0, void 0, function* () {
+        return __awaiter$1(this, void 0, void 0, function* () {
             if (!applyFilters(payload, config)) {
                 return;
             }
@@ -128,96 +136,6 @@ 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";
 }
@@ -243,7 +161,7 @@ function flushLogRocketQueue(lr) {
     }
 }
 function initLogrocketIfNeeded(appId) {
-    return __awaiter$2(this, void 0, void 0, function* () {
+    return __awaiter$1(this, void 0, void 0, function* () {
         if (getLogRocketState() !== "fresh") {
             return;
         }
@@ -268,113 +186,94 @@ function initLogrocketIfNeeded(appId) {
         });
     });
 }
-
-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",
+const logrocketPlugin = {
+    id: "logrocket",
     handle(config, payload) {
         return __awaiter$1(this, void 0, void 0, function* () {
             if (!applyFilters(payload, config)) {
                 return;
             }
-            yield initGtmIfNeeded(config);
-            const dataLayer = window[config.dataLayerName || "dataLayer"];
-            switch (payload.type) {
-                case "page":
-                    const { properties: pageProperties } = payload;
-                    const pageEvent = Object.assign({ event: "page_view" }, pageProperties);
-                    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 (config.debug) {
-                        console.log("gtag push", trackEvent);
-                    }
-                    dataLayer.push(trackEvent);
-                    break;
-                case "identify":
-                    const { anonymousId, userId, traits } = payload;
-                    const user = traits;
-                    if (userId) {
-                        user.userId = userId;
-                    }
-                    if (anonymousId) {
-                        user.anonymousId = anonymousId;
-                    }
-                    const identifyEvent = { event: "identify", user: user };
-                    if (config.debug) {
-                        console.log("gtag push", identifyEvent);
-                    }
-                    dataLayer.push(identifyEvent);
-                    break;
+            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 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;
+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);
         }
-        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");
-        });
-    });
+        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 satisfyFilter(filter, subject) {
-    return filter === "*" || filter.toLowerCase().trim() === (subject || "").trim().toLowerCase();
+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 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)));
+function replaceMacro(code, event) {
+    return code.replace(/{{\s*event\s*}}/g, JSON.stringify(event));
 }
 const internalDestinationPlugins = {
     [tagPlugin.id]: tagPlugin,
-    [gtmPlugin.id]: gtmPlugin,
     [logrocketPlugin.id]: logrocketPlugin,
 };
 
+var name = "@jitsu/js";
+var version = "0.0.0";
+
 /* global analytics */
 var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
@@ -612,8 +511,8 @@ function adjustPayload(payload, config, storage) {
     const referrer = runtime.referrer();
     const context = {
         library: {
-            name: "jitsu-js",
-            version: "1.0.0",
+            name: name,
+            version: version,
         },
         userAgent: runtime.userAgent(),
         locale: runtime.language(),
@@ -631,7 +530,7 @@ function adjustPayload(payload, config, storage) {
         },
         campaign: parseUtms(query),
     };
-    const withContext = Object.assign(Object.assign({}, payload), { timestamp: new Date().toISOString(), sentAt: new Date().toISOString(), messageId: randomId(properties.path || (parsedUrl && parsedUrl.pathname)), writeKey: config.writeKey, context: deepMerge(context, customContext) });
+    const withContext = Object.assign(Object.assign({}, payload), { timestamp: new Date().toISOString(), sentAt: new Date().toISOString(), messageId: randomId(properties.path || (parsedUrl && parsedUrl.pathname)), writeKey: validateWriteKey(config.writeKey), context: deepMerge(context, customContext) });
     delete withContext.meta;
     delete withContext.options;
     return withContext;
@@ -640,12 +539,11 @@ function processDestinations(destinations, method, event, debug, analyticsInstan
     return __awaiter(this, void 0, void 0, function* () {
         const promises = [];
         for (const destination of destinations) {
+            const credentials = Object.assign(Object.assign({}, destination.credentials), destination.options);
             if (destination.deviceOptions.type === "internal-plugin") {
                 const plugin = internalDestinationPlugins[destination.deviceOptions.name];
                 if (plugin) {
                     try {
-                        //to support old versions, where credentials were stored in root
-                        const credentials = destination.credentials || destination;
                         promises.push(plugin.handle(credentials, event));
                     }
                     catch (e) {
@@ -665,7 +563,7 @@ function processDestinations(destinations, method, event, debug, analyticsInstan
                 else {
                     let pluginInstance;
                     try {
-                        pluginInstance = (typeof plugin === "function" ? plugin : plugin.init)(destination.credentials);
+                        pluginInstance = (typeof plugin === "function" ? plugin : plugin.init)(credentials);
                     }
                     catch (e) {
                         console.warn(`[JITSU] Error creating plugin '${destination.deviceOptions.moduleVarName}@${destination.deviceOptions.packageCdn}' for destination '${destination.id}': ${e === null || e === void 0 ? void 0 : e.message}`, e);
@@ -693,6 +591,15 @@ function processDestinations(destinations, method, event, debug, analyticsInstan
         }
     });
 }
+function validateWriteKey(writeKey) {
+    if (writeKey) {
+        const [, secret] = writeKey.split(":", 2);
+        if (!secret) {
+            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`);
+        }
+    }
+    return writeKey;
+}
 function send(method, payload, jitsuConfig, instance, store) {
     if (jitsuConfig.echoEvents) {
         console.log(`[JITSU] sending '${method}' event:`, payload);
@@ -708,7 +615,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 = adjustedPayload.writeKey ? { "X-Write-Key": adjustedPayload.writeKey } : {};
+    const authHeader = config.writeKey ? { "X-Write-Key": validateWriteKey(config.writeKey) } : {};
     return fetch(url, {
         method: "POST",
         headers: Object.assign(Object.assign({ "Content-Type": "application/json" }, authHeader), debugHeader),

package/dist/version.d.ts

@@ -0,0 +1,2 @@
+import { name as jitsuLibraryName, version as jitsuVersion } from "../package.json";
+export { jitsuVersion, jitsuLibraryName };