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

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,193 @@
   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) {
+          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;
+              }
+          });
+      },
+  };
+  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 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 internalDestinationPlugins = {
+      [tagPlugin.id]: tagPlugin,
+      [gtmPlugin.id]: gtmPlugin,
+      [logrocketPlugin.id]: logrocketPlugin,
+  };
+
   /* 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); }); }
@@ -221,6 +396,8 @@
       debug: false,
       fetch: null,
       echoEvents: false,
+      cookieDomain: undefined,
+      runtime: undefined,
   };
   const parseQuery = (qs) => {
       if (!qs) {
@@ -444,7 +621,7 @@
           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,7 +630,7 @@
               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),
       };
@@ -561,7 +738,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);
           }
@@ -590,9 +767,10 @@
               persistentStorage.removeItem(key);
           },
       });
+      const instanceConfig = Object.assign(Object.assign({}, config), pluginConfig);
       return {
           name: "jitsu",
-          config: Object.assign(Object.assign({}, config), pluginConfig),
+          config: instanceConfig,
           initialize: args => {
               const { config } = args;
               if (config.debug) {
@@ -620,6 +798,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() {
@@ -683,7 +871,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.1.0-canary.344.20230430234929",
+  "version": "1.1.0-canary.388.20230519133920",
   "description": "",
   "author": "Jitsu Dev Team <dev@jitsu.com>",
   "main": "dist/jitsu.cjs.js",
@@ -34,7 +34,7 @@
     "rollup": "^3.2.5",
     "ts-jest": "29.0.5",
     "typescript": "^4.9.5",
-    "@jitsu/protocols": "1.1.0-canary.344.20230430234929"
+    "@jitsu/protocols": "1.1.0-canary.388.20230519133920"
   },
   "dependencies": {
     "analytics": "^0.8.1"

package/src/analytics-plugin.ts

@@ -1,13 +1,13 @@
 /* global analytics */
 
 import { JitsuOptions, PersistentStorage, RuntimeFacade } from "./jitsu";
-import { AnalyticsClientEvent } from "@jitsu/protocols/analytics";
+import { AnalyticsClientEvent, Callback, ID, JSONObject, Options } from "@jitsu/protocols/analytics";
 import parse from "./index";
 import { AnalyticsInstance, AnalyticsPlugin } from "analytics";
-import { internalDestinationPlugins } from "./destination-plugins";
 import { loadScript } from "./script-loader";
+import { internalDestinationPlugins } from "./destination-plugins";
 
-const config: JitsuOptions = {
+const config: Required<JitsuOptions> = {
   /* Your segment writeKey */
   writeKey: null,
   /* Disable anonymous MTU */
@@ -15,6 +15,8 @@ const config: JitsuOptions = {
   debug: false,
   fetch: null,
   echoEvents: false,
+  cookieDomain: undefined,
+  runtime: undefined,
 };
 
 export const parseQuery = (qs?: string): Record<string, string> => {
@@ -261,7 +263,7 @@ function adjustPayload(payload: any, config: JitsuOptions, storage: PersistentSt
     userAgent: runtime.userAgent(),
     locale: runtime.language(),
     screen: runtime.screen(),
-    traits: payload.type != "identify" ? { ...(restoreTraits(storage) || {}) } : undefined,
+    traits: payload.type != "identify" && payload.type != "group" ? { ...(restoreTraits(storage) || {}) } : undefined,
     page: {
       path: properties.path || (parsedUrl && parsedUrl.pathname),
       referrer: referrer,
@@ -270,7 +272,7 @@ function adjustPayload(payload: any, config: JitsuOptions, storage: PersistentSt
       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),
   };
@@ -441,7 +443,7 @@ function send(
       }
       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);
       }
@@ -471,12 +473,13 @@ const jitsuAnalyticsPlugin = (pluginConfig: JitsuOptions = {}): AnalyticsPlugin
       persistentStorage.removeItem(key);
     },
   });
+  const instanceConfig = {
+    ...config,
+    ...pluginConfig,
+  };
   return {
     name: "jitsu",
-    config: {
-      ...config,
-      ...pluginConfig,
-    },
+    config: instanceConfig,
     initialize: args => {
       const { config } = args;
       if (config.debug) {
@@ -504,6 +507,22 @@ const jitsuAnalyticsPlugin = (pluginConfig: JitsuOptions = {}): AnalyticsPlugin
       //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?: ID, traits?: JSONObject | null, options?: Options, callback?: Callback) {
+        const analyticsInstance = this.instance;
+        const user = analyticsInstance.user();
+        const userId = options?.userId || user?.userId;
+        const anonymousId = options?.anonymousId || user?.anonymousId;
+        return send(
+          "group",
+          { type: "group", groupId, traits, ...(anonymousId ? { anonymousId } : {}), ...(userId ? { userId } : {}) },
+          instanceConfig,
+          analyticsInstance,
+          cachingStorageWrapper(analyticsInstance.storage)
+        );
+      },
+    },
   };
 };
 

package/src/destination-plugins/gtm.ts

@@ -0,0 +1,102 @@
+import { loadScript } from "../script-loader";
+import { AnalyticsClientEvent } from "@jitsu/protocols/analytics";
+import { applyFilters, CommonDestinationCredentials, InternalPlugin } from "./index";
+
+const defaultScriptSrc = "https://www.googletagmanager.com/gtag/js";
+
+export type GtmDestinationCredentials = {
+  debug: boolean;
+  containerId: string;
+  dataLayerName: string;
+  preview: string;
+  auth: string;
+  customScriptSrc: string;
+} & CommonDestinationCredentials;
+
+export const gtmPlugin: InternalPlugin<GtmDestinationCredentials> = {
+  id: "gtm",
+  async handle(config, payload: AnalyticsClientEvent) {
+    if (!applyFilters(payload, config)) {
+      return;
+    }
+    await initGtmIfNeeded(config);
+
+    const dataLayer = window[config.dataLayerName || "dataLayer"];
+
+    switch (payload.type) {
+      case "page":
+        const { properties: pageProperties } = payload;
+        const pageEvent = { event: "page_view", ...pageProperties };
+        if (config.debug) {
+          console.log("gtag push", pageEvent);
+        }
+        dataLayer.push(pageEvent);
+        break;
+      case "track":
+        const { properties: trackProperties } = payload;
+        const trackEvent = { 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;
+    }
+  },
+};
+
+type GtmState = "fresh" | "loading" | "loaded" | "failed";
+
+function getGtmState(): GtmState {
+  return window["__jitsuGtmState"] || "fresh";
+}
+
+function setGtmState(s: GtmState) {
+  window["__jitsuGtmState"] = s;
+}
+
+async function initGtmIfNeeded(config: GtmDestinationCredentials) {
+  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");
+    });
+}

package/src/destination-plugins/index.ts

@@ -0,0 +1,32 @@
+import { AnalyticsClientEvent } from "@jitsu/protocols/analytics";
+import { tagPlugin } from "./tag";
+import { logrocketPlugin } from "./logrocket";
+import { gtmPlugin } from "./gtm";
+
+export type InternalPlugin<T> = {
+  id: string;
+  handle(config: T, payload: AnalyticsClientEvent): Promise<void>;
+};
+
+export type CommonDestinationCredentials = {
+  hosts?: string[];
+  events?: string[];
+};
+
+export function satisfyFilter(filter: string, subject: string | undefined): boolean {
+  return filter === "*" || filter.toLowerCase().trim() === (subject || "").trim().toLowerCase();
+}
+
+export function applyFilters(event: AnalyticsClientEvent, creds: CommonDestinationCredentials): boolean {
+  const { hosts = ["*"], events = ["*"] } = creds;
+  return (
+    !!hosts.find(hostFilter => satisfyFilter(hostFilter, event.context?.host)) &&
+    !!events.find(eventFilter => satisfyFilter(eventFilter, event.type))
+  );
+}
+
+export const internalDestinationPlugins: Record<string, InternalPlugin<any>> = {
+  [tagPlugin.id]: tagPlugin,
+  [gtmPlugin.id]: gtmPlugin,
+  [logrocketPlugin.id]: logrocketPlugin,
+};