@jitsu/js 1.0.0-canary-20230219230449 → 1.1.0-canary.14.20230602211353

package/dist/web/p.js.txt

@@ -68,7 +68,50 @@
     return ke(_objectSpread2(_objectSpread2({}, defaultSettings), opts));
   }
 
-  var __awaiter$1 = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
+  function findScript(src) {
+      const scripts = Array.prototype.slice.call(window.document.querySelectorAll("script"));
+      return scripts.find(s => s.src === src);
+  }
+  function loadScript(src, attributes) {
+      const found = findScript(src);
+      if (found !== undefined) {
+          const status = found === null || found === void 0 ? void 0 : found.getAttribute("status");
+          if (status === "loaded") {
+              return Promise.resolve(found);
+          }
+          if (status === "loading") {
+              return new Promise((resolve, reject) => {
+                  found.addEventListener("load", () => resolve(found));
+                  found.addEventListener("error", err => reject(err));
+              });
+          }
+      }
+      return new Promise((resolve, reject) => {
+          var _a;
+          const script = window.document.createElement("script");
+          script.type = "text/javascript";
+          script.src = src;
+          script.async = true;
+          script.setAttribute("status", "loading");
+          for (const [k, v] of Object.entries(attributes !== null && attributes !== void 0 ? attributes : {})) {
+              script.setAttribute(k, v);
+          }
+          script.onload = () => {
+              script.onerror = script.onload = null;
+              script.setAttribute("status", "loaded");
+              resolve(script);
+          };
+          script.onerror = () => {
+              script.onerror = script.onload = null;
+              script.setAttribute("status", "error");
+              reject(new Error(`Failed to load ${src}`));
+          };
+          const tag = window.document.getElementsByTagName("script")[0];
+          (_a = tag.parentElement) === null || _a === void 0 ? void 0 : _a.insertBefore(script, tag);
+      });
+  }
+
+  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); } }
@@ -77,18 +120,10 @@
           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;
               }
@@ -156,53 +191,221 @@
   function replaceMacro(code, event) {
       return code.replace(/{{\s*event\s*}}/g, JSON.stringify(event));
   }
-  const internalDestinationPlugins = {
-      [tagPlugin.id]: tagPlugin,
-  };
 
-  function findScript(src) {
-      const scripts = Array.prototype.slice.call(window.document.querySelectorAll("script"));
-      return scripts.find(s => s.src === src);
+  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";
   }
-  function loadScript(src, attributes) {
-      const found = findScript(src);
-      if (found !== undefined) {
-          const status = found === null || found === void 0 ? void 0 : found.getAttribute("status");
-          if (status === "loaded") {
-              return Promise.resolve(found);
+  function setLogRocketState(s) {
+      window["__jitsuLrState"] = s;
+  }
+  function getLogRocketQueue() {
+      return window["__jitsuLrQueue"] || (window["__jitsuLrQueue"] = []);
+  }
+  function flushLogRocketQueue(lr) {
+      const queue = getLogRocketQueue();
+      while (queue.length > 0) {
+          const method = queue.shift();
+          try {
+              const res = method(lr);
+              if (res) {
+                  res.catch(e => console.warn(`Async LogRocket method failed: ${e.message}`, e));
+              }
           }
-          if (status === "loading") {
-              return new Promise((resolve, reject) => {
-                  found.addEventListener("load", () => resolve(found));
-                  found.addEventListener("error", err => reject(err));
-              });
+          catch (e) {
+              console.warn(`LogRocket method failed: ${e.message}`, e);
           }
       }
-      return new Promise((resolve, reject) => {
-          var _a;
-          const script = window.document.createElement("script");
-          script.type = "text/javascript";
-          script.src = src;
-          script.async = true;
-          script.setAttribute("status", "loading");
-          for (const [k, v] of Object.entries(attributes !== null && attributes !== void 0 ? attributes : {})) {
-              script.setAttribute(k, v);
+  }
+  function initLogrocketIfNeeded(appId) {
+      return __awaiter$2(this, void 0, void 0, function* () {
+          if (getLogRocketState() !== "fresh") {
+              return;
           }
-          script.onload = () => {
-              script.onerror = script.onload = null;
-              script.setAttribute("status", "loaded");
-              resolve(script);
-          };
-          script.onerror = () => {
-              script.onerror = script.onload = null;
-              script.setAttribute("status", "error");
-              reject(new Error(`Failed to load ${src}`));
+          setLogRocketState("loading");
+          loadScript(`https://cdn.lr-ingest.io/LogRocket.min.js`, { crossOrigin: "anonymous" })
+              .then(() => {
+              if (window["LogRocket"]) {
+                  try {
+                      window["LogRocket"].init(appId);
+                  }
+                  catch (e) {
+                      console.warn(`LogRocket (id=${appId}) init failed: ${e.message}`, e);
+                      setLogRocketState("failed");
+                  }
+                  setLogRocketState("loaded");
+                  flushLogRocketQueue(window["LogRocket"]);
+              }
+          })
+              .catch(e => {
+              console.warn(`LogRocket (id=${appId}) init failed: ${e.message}`, e);
+              setLogRocketState("failed");
+          });
+      });
+  }
+
+  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;
+              }
+              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 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);
           };
-          const tag = window.document.getElementsByTagName("script")[0];
-          (_a = tag.parentElement) === null || _a === void 0 ? void 0 : _a.insertBefore(script, tag);
+          // @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 satisfyFilter(filter, subject) {
+      return filter === "*" || filter.toLowerCase().trim() === (subject || "").trim().toLowerCase();
+  }
+  function satisfyDomainFilter(filter, subject) {
+      if (filter === "*") {
+          return true;
+      }
+      subject = subject || "";
+      if (filter.startsWith("*.")) {
+          return subject.endsWith(filter.substring(1));
+      }
+      else {
+          return filter === subject;
+      }
+  }
+  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,
+  };
+
+  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); }); }
@@ -213,7 +416,7 @@
           step((generator = generator.apply(thisArg, _arguments || [])).next());
       });
   };
-  const config = {
+  const defaultConfig = {
       /* Your segment writeKey */
       writeKey: null,
       /* Disable anonymous MTU */
@@ -221,6 +424,8 @@
       debug: false,
       fetch: null,
       echoEvents: false,
+      cookieDomain: undefined,
+      runtime: undefined,
   };
   const parseQuery = (qs) => {
       if (!qs) {
@@ -438,13 +643,13 @@
       const referrer = runtime.referrer();
       const context = {
           library: {
-              name: "jitsu-js",
-              version: "1.0.0",
+              name: name,
+              version: version,
           },
           userAgent: runtime.userAgent(),
           locale: runtime.language(),
           screen: runtime.screen(),
-          traits: payload.type != "identify" ? Object.assign({}, (restoreTraits(storage) || {})) : undefined,
+          traits: payload.type != "identify" && payload.type != "group" ? Object.assign({}, (restoreTraits(storage) || {})) : undefined,
           page: {
               path: properties.path || (parsedUrl && parsedUrl.pathname),
               referrer: referrer,
@@ -453,11 +658,11 @@
               search: properties.search || (parsedUrl && parsedUrl.search),
               title: properties.title || runtime.pageTitle(),
               url: properties.url || url,
-              enconding: properties.enconding || runtime.documentEncoding(),
+              encoding: properties.encoding || runtime.documentEncoding(),
           },
           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;
@@ -466,11 +671,12 @@
       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 {
-                          promises.push(plugin.handle(destination.credentials, event));
+                          promises.push(plugin.handle(credentials, event));
                       }
                       catch (e) {
                           console.warn(`[JITSU] Error processing event with internal plugin '${destination.deviceOptions.name}': ${e === null || e === void 0 ? void 0 : e.message}`, e);
@@ -489,7 +695,7 @@
                   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);
@@ -517,6 +723,18 @@
           }
       });
   }
+  function looksLikeCuid(id) {
+      return id.length === 25 && id.charAt(0) === "c";
+  }
+  function validateWriteKey(writeKey) {
+      if (writeKey) {
+          const [, secret] = writeKey.split(":", 2);
+          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`);
+          }
+      }
+      return writeKey;
+  }
   function send(method, payload, jitsuConfig, instance, store) {
       if (jitsuConfig.echoEvents) {
           console.log(`[JITSU] sending '${method}' event:`, payload);
@@ -527,12 +745,12 @@
       if (!fetch) {
           throw new Error("Please specify fetch function in jitsu plugin initialization, fetch isn't available in global scope");
       }
-      const authHeader = {};
       const debugHeader = jitsuConfig.debug ? { "X-Enable-Debug": "true" } : {};
       // if (jitsuConfig.debug) {
       //   console.log(`[JITSU] Sending event to ${url}: `, JSON.stringify(payload, null, 2));
       // }
       const adjustedPayload = adjustPayload(payload, jitsuConfig, store);
+      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),
@@ -559,7 +777,7 @@
           }
           if (response.destinations) {
               if (jitsuConfig.debug) {
-                  console.log(`[JITSU] Processing device destianations: `, JSON.stringify(response.destinations, null, 2));
+                  console.log(`[JITSU] Processing device destinations: `, JSON.stringify(response.destinations, null, 2));
               }
               return processDestinations(response.destinations, method, adjustedPayload, !!jitsuConfig.debug, instance);
           }
@@ -588,9 +806,10 @@
               persistentStorage.removeItem(key);
           },
       });
+      const instanceConfig = Object.assign(Object.assign({}, defaultConfig), pluginConfig);
       return {
           name: "jitsu",
-          config: Object.assign(Object.assign({}, config), pluginConfig),
+          config: instanceConfig,
           initialize: args => {
               const { config } = args;
               if (config.debug) {
@@ -618,6 +837,16 @@
               //clear storage cache
               Object.keys(storageCache).forEach(key => delete storageCache[key]);
           },
+          methods: {
+              //analytics doesn't support group as a base method, so we need to add it manually
+              group(groupId, traits, options, callback) {
+                  const analyticsInstance = this.instance;
+                  const user = analyticsInstance.user();
+                  const userId = (options === null || options === void 0 ? void 0 : options.userId) || (user === null || user === void 0 ? void 0 : user.userId);
+                  const anonymousId = (options === null || options === void 0 ? void 0 : options.anonymousId) || (user === null || user === void 0 ? void 0 : user.anonymousId);
+                  return send("group", Object.assign(Object.assign({ type: "group", groupId, traits }, (anonymousId ? { anonymousId } : {})), (userId ? { userId } : {})), instanceConfig, analyticsInstance, cachingStorageWrapper(analyticsInstance.storage));
+              },
+          },
       };
   };
   function getSeed() {
@@ -681,7 +910,14 @@
               return originalPage(...args);
           }
       };
-      return analytics;
+      return Object.assign(Object.assign({}, analytics), { group(groupId, traits, options, callback) {
+              for (const plugin of Object.values(analytics.plugins)) {
+                  if (plugin["group"]) {
+                      plugin["group"](groupId, traits, options, callback);
+                  }
+              }
+              return Promise.resolve({});
+          } });
   }
   function jitsuAnalytics(opts) {
       const inBrowser = isInBrowser();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jitsu/js",
-  "version": "1.0.0-canary-20230219230449",
+  "version": "1.1.0-canary.14.20230602211353",
   "description": "",
   "author": "Jitsu Dev Team <dev@jitsu.com>",
   "main": "dist/jitsu.cjs.js",
@@ -12,7 +12,7 @@
   "license": "MIT",
   "private": false,
   "devDependencies": {
-    "@playwright/test": "^1.30.0",
+    "@playwright/test": "1.31.2",
     "@rollup/plugin-commonjs": "^23.0.2",
     "@rollup/plugin-json": "^5.0.1",
     "@rollup/plugin-multi-entry": "^6.0.0",
@@ -32,11 +32,12 @@
     "node-forge": "^1.3.1",
     "raw-loader": "^4.0.2",
     "rollup": "^3.2.5",
-    "ts-jest": "^29.0.3"
+    "ts-jest": "29.0.5",
+    "typescript": "^4.9.5",
+    "@jitsu/protocols": "1.1.0-canary.14.20230602211353"
   },
   "dependencies": {
-    "analytics": "^0.8.1",
-    "@jitsu/protocols": "0.0.0"
+    "analytics": "^0.8.1"
   },
   "scripts": {
     "clean": "rm -rf ./dist",