@jitsu/js 0.0.1-alpha.127 → 0.0.1-alpha.174

package/.turbo/turbo-build.log

@@ -1,15 +1,33 @@
-@jitsu/js:build: cache hit, replaying output 0263d5983323ab5a
-@jitsu/js:build: 
-@jitsu/js:build: > @jitsu/js@0.0.0 build /Users/ildarnurislamov/Projects/onetag/libs/jitsu-js
-@jitsu/js:build: > tsc -p . && rollup -c && cp compiled/src/*.d.ts dist
-@jitsu/js:build: 
-@jitsu/js:build: 
-@jitsu/js:build: ./compiled/src/browser.js → dist/web/p.js.txt...
-@jitsu/js:build: (!) Circular dependency
-@jitsu/js:build: compiled/src/index.js -> compiled/src/analytics-plugin.js -> compiled/src/index.js
-@jitsu/js:build: created dist/web/p.js.txt in 613ms
-@jitsu/js:build: 
-@jitsu/js:build: ./compiled/src/index.js, ./compiled/src/jitsu.js, ./compiled/src/analytics-plugin.js → dist/jitsu.es.js, dist/jitsu.cjs.js...
-@jitsu/js:build: (!) Circular dependency
-@jitsu/js:build: compiled/src/index.js -> compiled/src/analytics-plugin.js -> compiled/src/index.js
-@jitsu/js:build: created dist/jitsu.es.js, dist/jitsu.cjs.js in 532ms
+@jitsu/js:build: cache hit, replaying output fd2896b82ec69198
+@jitsu/js:build: 
+@jitsu/js:build: > @jitsu/js@0.0.0 build /Users/ildarnurislamov/Projects/onetag/libs/jitsu-js
+@jitsu/js:build: > tsc -p . && rollup -c && cp compiled/src/*.d.ts dist
+@jitsu/js:build: 
+@jitsu/js:build: 
+@jitsu/js:build: ./compiled/src/browser.js → dist/web/p.js.txt...
+@jitsu/js:build: (!) Circular dependency
+@jitsu/js:build: compiled/src/index.js -> compiled/src/analytics-plugin.js -> compiled/src/index.js
+@jitsu/js:build: (!) Use of eval is strongly discouraged
+@jitsu/js:build: https://rollupjs.org/guide/en/#avoiding-eval
+@jitsu/js:build: compiled/src/analytics-plugin.js
+@jitsu/js:build: 258:   })()`;
+@jitsu/js:build: 259:     try {
+@jitsu/js:build: 260:         eval(iif);
+@jitsu/js:build:              ^
+@jitsu/js:build: 261:     }
+@jitsu/js:build: 262:     catch (e) {
+@jitsu/js:build: created dist/web/p.js.txt in 184ms
+@jitsu/js:build: 
+@jitsu/js:build: ./compiled/src/index.js, ./compiled/src/jitsu.js, ./compiled/src/analytics-plugin.js → dist/jitsu.es.js, dist/jitsu.cjs.js...
+@jitsu/js:build: (!) Circular dependency
+@jitsu/js:build: compiled/src/index.js -> compiled/src/analytics-plugin.js -> compiled/src/index.js
+@jitsu/js:build: (!) Use of eval is strongly discouraged
+@jitsu/js:build: https://rollupjs.org/guide/en/#avoiding-eval
+@jitsu/js:build: compiled/src/analytics-plugin.js
+@jitsu/js:build: 258:   })()`;
+@jitsu/js:build: 259:     try {
+@jitsu/js:build: 260:         eval(iif);
+@jitsu/js:build:              ^
+@jitsu/js:build: 261:     }
+@jitsu/js:build: 262:     catch (e) {
+@jitsu/js:build: created dist/jitsu.es.js, dist/jitsu.cjs.js in 126ms

package/.turbo/turbo-clean.log

@@ -1,5 +1,5 @@
-@jitsu/js:clean: cache hit, replaying output e0930b6eea397172
-@jitsu/js:clean: 
-@jitsu/js:clean: > @jitsu/js@0.0.0 clean /Users/ildarnurislamov/Projects/onetag/libs/jitsu-js
-@jitsu/js:clean: > rm -rf ./dist
-@jitsu/js:clean: 
+@jitsu/js:clean: cache hit, replaying output cc849d2fe2e435e1
+@jitsu/js:clean: 
+@jitsu/js:clean: > @jitsu/js@0.0.0 clean /Users/ildarnurislamov/Projects/onetag/libs/jitsu-js
+@jitsu/js:clean: > rm -rf ./dist
+@jitsu/js:clean: 

package/__tests__/simple-syrup.ts

@@ -90,9 +90,15 @@ function generateX509Certificate(altNames: { type: number; value: string }[]) {
 
 function shutdownFunction(server): Promise<void> {
   return new Promise<void>(resolve => {
-    server.close(() => {
-      resolve();
-    });
+    let resolved = false;
+    const resolveIfNeeded = () => {
+      if (!resolved) {
+        resolved = true;
+        resolve();
+      }
+    };
+    setTimeout(resolveIfNeeded, 5000);
+    server.close(resolveIfNeeded);
   });
 }
 

package/dist/jitsu.cjs.js

@@ -75,6 +75,7 @@ const config = {
     host: null,
     debug: false,
     fetch: null,
+    echoEvents: false,
 };
 const parseQuery = (qs) => {
     if (!qs) {
@@ -311,22 +312,81 @@ 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)), 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: config.writeKey, context: deepMerge(context, customContext) });
     delete withContext.meta;
     delete withContext.options;
     return withContext;
 }
+function execJs(code, event) {
+    const varName = `jitsu_event_${randomId()}`;
+    window[varName] = event;
+    const iif = `(function(){
+      ${code}
+      onEvent(${varName});
+  })()`;
+    try {
+        eval(iif);
+    }
+    catch (e) {
+        console.error(`[JITSU] Error executing JS code: ${e.message}`);
+    }
+    finally {
+        delete window[varName];
+    }
+    return iif;
+}
+function replaceMacro(code, event) {
+    return code.replace(/{{\s*event\s*}}/g, JSON.stringify(event));
+}
+function insertTags(tags, event, opts = {}) {
+    const debug = opts.debug || false;
+    if (isInBrowser()) {
+        Object.values(tags).forEach(tag => {
+            if (tag.mode === "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(`Executing script${script.hasAttribute("src") ? ` ${script.src}` : ""}`, scriptClone.text);
+                    }
+                    document.head.appendChild(scriptClone);
+                    document.head.removeChild(scriptClone);
+                });
+            }
+        });
+    }
+    else {
+        if (debug) {
+            console.log(`insertTags: cannot insert tags in non-browser environment`);
+        }
+    }
+}
 function send(method, payload, jitsuConfig, store) {
+    if (jitsuConfig.echoEvents) {
+        console.log(`[JITSU] sending '${method}' event:`, payload);
+        return;
+    }
     const url = `${jitsuConfig.host}/api/s/${method}`;
     const fetch = jitsuConfig.fetch || globalThis.fetch;
     if (!fetch) {
         throw new Error("Please specify fetch function in jitsu plugin initialization, fetch isn't available in global scope");
     }
-    const authHeader = jitsuConfig.writeKey ? { Authorization: `Bearer ${jitsuConfig.writeKey}` } : {};
+    const authHeader = {};
     const debugHeader = jitsuConfig.debug ? { "X-Enable-Debug": "true" } : {};
-    if (jitsuConfig.debug) {
-        console.log(`Sending jitsu event to ${url}: `, JSON.stringify(payload, null, 2));
-    }
+    // if (jitsuConfig.debug) {
+    //   console.log(`[JITSU] Sending event to ${url}: `, JSON.stringify(payload, null, 2));
+    // }
     const adjustedPayload = adjustPayload(payload, jitsuConfig, store);
     return fetch(url, {
         method: "POST",
@@ -335,7 +395,27 @@ function send(method, payload, jitsuConfig, store) {
     })
         .then(res => {
         if (jitsuConfig.debug) {
-            console.debug(`Jitsu ${url} replied ${res.status}. Original payload: `, JSON.stringify(adjustedPayload, null, 2));
+            console.log(`[JITSU] ${url} replied ${res.status}. Original payload: `, JSON.stringify(adjustedPayload, null, 2));
+        }
+        if (res.ok) {
+            return res.text();
+        }
+        else {
+            return Promise.reject(res.text());
+        }
+    })
+        .then(responseText => {
+        try {
+            const response = JSON.parse(responseText);
+            if (response.tags) {
+                if (jitsuConfig.debug) {
+                    console.log(`[JITSU] Response Tags: `, JSON.stringify(response.tags, null, 2));
+                }
+                insertTags(response.tags, payload, { debug: jitsuConfig.debug });
+            }
+        }
+        catch (e) {
+            return Promise.reject(`Can't parse JSON: ${responseText}: ${e === null || e === void 0 ? void 0 : e.message}`);
         }
     })
         .catch(err => {
@@ -370,8 +450,8 @@ const jitsuAnalyticsPlugin = (pluginConfig = {}) => {
             if (config.debug) {
                 console.debug("Initializing Jitsu plugin with config: ", JSON.stringify(config));
             }
-            if (!config.host) {
-                throw new Error("Please specify host variable in jitsu plugin initialization");
+            if (!config.host && !config.echoEvents) {
+                throw new Error("Please specify host variable in jitsu plugin initialization, or set echoEvents to true");
             }
         },
         page: args => {

package/dist/jitsu.d.ts

@@ -10,10 +10,33 @@ type JitsuOptions = {
      * API Host. Default value: same host as script origin
      */
     host?: string;
+    /**
+     * To enable debug logging
+     */
     debug?: boolean;
+    /**
+     * Explicitely specify cookie domain. If not set, cookie domain will be set to top level
+     * of the current domain. Example: if JS lives on "app.example.com", cookie domain will be
+     * set to ".example.com". If it lives on "example.com", cookie domain will be set to ".example.com" too
+     */
     cookieDomain?: string;
+    /**
+     * Provide fetch implementation. It is required if you want to use Jitsu in NodeJS
+     */
     fetch?: typeof fetch;
+    /**
+     * Which runtime to use. Runtime is used for obtaining context of the event: cookes,
+     * url, etc. At the moment, Jitsu supports browser runtime and NodeJS runtime, but you
+     * can provide your own implementation.
+     *
+     * If it's not set, the runtime will be detected automatically by presense of `window` object
+     */
     runtime?: RuntimeFacade;
+    /**
+     * If set to true, jitsu will output events in console. In this case you don't need to set
+     * writeKey / host. It's useful for debugging development environment
+     */
+    echoEvents?: boolean;
 };
 type PersistentStorage = {
     getItem: (key: string, options?: any) => any;

package/dist/jitsu.es.js

@@ -73,6 +73,7 @@ const config = {
     host: null,
     debug: false,
     fetch: null,
+    echoEvents: false,
 };
 const parseQuery = (qs) => {
     if (!qs) {
@@ -309,22 +310,81 @@ 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)), 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: config.writeKey, context: deepMerge(context, customContext) });
     delete withContext.meta;
     delete withContext.options;
     return withContext;
 }
+function execJs(code, event) {
+    const varName = `jitsu_event_${randomId()}`;
+    window[varName] = event;
+    const iif = `(function(){
+      ${code}
+      onEvent(${varName});
+  })()`;
+    try {
+        eval(iif);
+    }
+    catch (e) {
+        console.error(`[JITSU] Error executing JS code: ${e.message}`);
+    }
+    finally {
+        delete window[varName];
+    }
+    return iif;
+}
+function replaceMacro(code, event) {
+    return code.replace(/{{\s*event\s*}}/g, JSON.stringify(event));
+}
+function insertTags(tags, event, opts = {}) {
+    const debug = opts.debug || false;
+    if (isInBrowser()) {
+        Object.values(tags).forEach(tag => {
+            if (tag.mode === "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(`Executing script${script.hasAttribute("src") ? ` ${script.src}` : ""}`, scriptClone.text);
+                    }
+                    document.head.appendChild(scriptClone);
+                    document.head.removeChild(scriptClone);
+                });
+            }
+        });
+    }
+    else {
+        if (debug) {
+            console.log(`insertTags: cannot insert tags in non-browser environment`);
+        }
+    }
+}
 function send(method, payload, jitsuConfig, store) {
+    if (jitsuConfig.echoEvents) {
+        console.log(`[JITSU] sending '${method}' event:`, payload);
+        return;
+    }
     const url = `${jitsuConfig.host}/api/s/${method}`;
     const fetch = jitsuConfig.fetch || globalThis.fetch;
     if (!fetch) {
         throw new Error("Please specify fetch function in jitsu plugin initialization, fetch isn't available in global scope");
     }
-    const authHeader = jitsuConfig.writeKey ? { Authorization: `Bearer ${jitsuConfig.writeKey}` } : {};
+    const authHeader = {};
     const debugHeader = jitsuConfig.debug ? { "X-Enable-Debug": "true" } : {};
-    if (jitsuConfig.debug) {
-        console.log(`Sending jitsu event to ${url}: `, JSON.stringify(payload, null, 2));
-    }
+    // if (jitsuConfig.debug) {
+    //   console.log(`[JITSU] Sending event to ${url}: `, JSON.stringify(payload, null, 2));
+    // }
     const adjustedPayload = adjustPayload(payload, jitsuConfig, store);
     return fetch(url, {
         method: "POST",
@@ -333,7 +393,27 @@ function send(method, payload, jitsuConfig, store) {
     })
         .then(res => {
         if (jitsuConfig.debug) {
-            console.debug(`Jitsu ${url} replied ${res.status}. Original payload: `, JSON.stringify(adjustedPayload, null, 2));
+            console.log(`[JITSU] ${url} replied ${res.status}. Original payload: `, JSON.stringify(adjustedPayload, null, 2));
+        }
+        if (res.ok) {
+            return res.text();
+        }
+        else {
+            return Promise.reject(res.text());
+        }
+    })
+        .then(responseText => {
+        try {
+            const response = JSON.parse(responseText);
+            if (response.tags) {
+                if (jitsuConfig.debug) {
+                    console.log(`[JITSU] Response Tags: `, JSON.stringify(response.tags, null, 2));
+                }
+                insertTags(response.tags, payload, { debug: jitsuConfig.debug });
+            }
+        }
+        catch (e) {
+            return Promise.reject(`Can't parse JSON: ${responseText}: ${e === null || e === void 0 ? void 0 : e.message}`);
         }
     })
         .catch(err => {
@@ -368,8 +448,8 @@ const jitsuAnalyticsPlugin = (pluginConfig = {}) => {
             if (config.debug) {
                 console.debug("Initializing Jitsu plugin with config: ", JSON.stringify(config));
             }
-            if (!config.host) {
-                throw new Error("Please specify host variable in jitsu plugin initialization");
+            if (!config.host && !config.echoEvents) {
+                throw new Error("Please specify host variable in jitsu plugin initialization, or set echoEvents to true");
             }
         },
         page: args => {

package/dist/web/p.js.txt

@@ -76,6 +76,7 @@
       host: null,
       debug: false,
       fetch: null,
+      echoEvents: false,
   };
   const parseQuery = (qs) => {
       if (!qs) {
@@ -312,22 +313,81 @@
           },
           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)), 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: config.writeKey, context: deepMerge(context, customContext) });
       delete withContext.meta;
       delete withContext.options;
       return withContext;
   }
+  function execJs(code, event) {
+      const varName = `jitsu_event_${randomId()}`;
+      window[varName] = event;
+      const iif = `(function(){
+      ${code}
+      onEvent(${varName});
+  })()`;
+      try {
+          eval(iif);
+      }
+      catch (e) {
+          console.error(`[JITSU] Error executing JS code: ${e.message}`);
+      }
+      finally {
+          delete window[varName];
+      }
+      return iif;
+  }
+  function replaceMacro(code, event) {
+      return code.replace(/{{\s*event\s*}}/g, JSON.stringify(event));
+  }
+  function insertTags(tags, event, opts = {}) {
+      const debug = opts.debug || false;
+      if (isInBrowser()) {
+          Object.values(tags).forEach(tag => {
+              if (tag.mode === "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(`Executing script${script.hasAttribute("src") ? ` ${script.src}` : ""}`, scriptClone.text);
+                      }
+                      document.head.appendChild(scriptClone);
+                      document.head.removeChild(scriptClone);
+                  });
+              }
+          });
+      }
+      else {
+          if (debug) {
+              console.log(`insertTags: cannot insert tags in non-browser environment`);
+          }
+      }
+  }
   function send(method, payload, jitsuConfig, store) {
+      if (jitsuConfig.echoEvents) {
+          console.log(`[JITSU] sending '${method}' event:`, payload);
+          return;
+      }
       const url = `${jitsuConfig.host}/api/s/${method}`;
       const fetch = jitsuConfig.fetch || globalThis.fetch;
       if (!fetch) {
           throw new Error("Please specify fetch function in jitsu plugin initialization, fetch isn't available in global scope");
       }
-      const authHeader = jitsuConfig.writeKey ? { Authorization: `Bearer ${jitsuConfig.writeKey}` } : {};
+      const authHeader = {};
       const debugHeader = jitsuConfig.debug ? { "X-Enable-Debug": "true" } : {};
-      if (jitsuConfig.debug) {
-          console.log(`Sending jitsu event to ${url}: `, JSON.stringify(payload, null, 2));
-      }
+      // if (jitsuConfig.debug) {
+      //   console.log(`[JITSU] Sending event to ${url}: `, JSON.stringify(payload, null, 2));
+      // }
       const adjustedPayload = adjustPayload(payload, jitsuConfig, store);
       return fetch(url, {
           method: "POST",
@@ -336,7 +396,27 @@
       })
           .then(res => {
           if (jitsuConfig.debug) {
-              console.debug(`Jitsu ${url} replied ${res.status}. Original payload: `, JSON.stringify(adjustedPayload, null, 2));
+              console.log(`[JITSU] ${url} replied ${res.status}. Original payload: `, JSON.stringify(adjustedPayload, null, 2));
+          }
+          if (res.ok) {
+              return res.text();
+          }
+          else {
+              return Promise.reject(res.text());
+          }
+      })
+          .then(responseText => {
+          try {
+              const response = JSON.parse(responseText);
+              if (response.tags) {
+                  if (jitsuConfig.debug) {
+                      console.log(`[JITSU] Response Tags: `, JSON.stringify(response.tags, null, 2));
+                  }
+                  insertTags(response.tags, payload, { debug: jitsuConfig.debug });
+              }
+          }
+          catch (e) {
+              return Promise.reject(`Can't parse JSON: ${responseText}: ${e === null || e === void 0 ? void 0 : e.message}`);
           }
       })
           .catch(err => {
@@ -371,8 +451,8 @@
               if (config.debug) {
                   console.debug("Initializing Jitsu plugin with config: ", JSON.stringify(config));
               }
-              if (!config.host) {
-                  throw new Error("Please specify host variable in jitsu plugin initialization");
+              if (!config.host && !config.echoEvents) {
+                  throw new Error("Please specify host variable in jitsu plugin initialization, or set echoEvents to true");
               }
           },
           page: args => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jitsu/js",
-  "version": "0.0.1-alpha.127",
+  "version": "0.0.1-alpha.174",
   "description": "",
   "author": "Jitsu Dev Team <dev@jitsu.com>",
   "main": "dist/jitsu.cjs.js",
@@ -36,7 +36,7 @@
   },
   "dependencies": {
     "analytics": "^0.8.1",
-    "@jitsu/protocols": "0.0.1-alpha.127"
+    "@jitsu/protocols": "0.0.1-alpha.174"
   },
   "scripts": {
     "clean": "rm -rf ./dist",

package/src/analytics-plugin.ts

@@ -12,6 +12,7 @@ const config: JitsuOptions = {
   host: null,
   debug: false,
   fetch: null,
+  echoEvents: false,
 };
 
 export const parseQuery = (qs?: string): Record<string, string> => {
@@ -276,6 +277,7 @@ function adjustPayload(payload: any, config: JitsuOptions, storage: PersistentSt
     timestamp: new Date().toISOString(),
     sentAt: new Date().toISOString(),
     messageId: randomId(properties.path || (parsedUrl && parsedUrl.pathname)),
+    writeKey: config.writeKey,
     context: deepMerge(context, customContext),
   };
   delete withContext.meta;
@@ -283,7 +285,70 @@ function adjustPayload(payload: any, config: JitsuOptions, storage: PersistentSt
   return withContext;
 }
 
+function execJs(code: string, event: any) {
+  const varName = `jitsu_event_${randomId()}`;
+  window[varName] = event;
+  const iif = `(function(){
+      ${code}
+      onEvent(${varName});
+  })()`;
+  try {
+    eval(iif);
+  } catch (e) {
+    console.error(`[JITSU] Error executing JS code: ${e.message}`);
+  } finally {
+    delete window[varName];
+  }
+  return iif;
+}
+
+function replaceMacro(code, event) {
+  return code.replace(/{{\s*event\s*}}/g, JSON.stringify(event));
+}
+
+function insertTags(
+  tags: Record<string, { mode: "javascript" | "html"; code }>,
+  event: any,
+  opts: { debug?: boolean } = {}
+) {
+  const debug = opts.debug || false;
+  if (isInBrowser()) {
+    Object.values(tags).forEach(tag => {
+      if (tag.mode === "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(`Executing script${script.hasAttribute("src") ? ` ${script.src}` : ""}`, scriptClone.text);
+          }
+          document.head.appendChild(scriptClone);
+          document.head.removeChild(scriptClone);
+        });
+      }
+    });
+  } else {
+    if (debug) {
+      console.log(`insertTags: cannot insert tags in non-browser environment`);
+    }
+  }
+}
+
 function send(method, payload, jitsuConfig: Required<JitsuOptions>, store: PersistentStorage): Promise<void> {
+  if (jitsuConfig.echoEvents) {
+    console.log(`[JITSU] sending '${method}' event:`, payload);
+    return;
+  }
+
   const url = `${jitsuConfig.host}/api/s/${method}`;
   const fetch = jitsuConfig.fetch || globalThis.fetch;
   if (!fetch) {
@@ -291,12 +356,12 @@ function send(method, payload, jitsuConfig: Required<JitsuOptions>, store: Persi
       "Please specify fetch function in jitsu plugin initialization, fetch isn't available in global scope"
     );
   }
-  const authHeader = jitsuConfig.writeKey ? { Authorization: `Bearer ${jitsuConfig.writeKey}` } : {};
+  const authHeader = {};
   const debugHeader = jitsuConfig.debug ? { "X-Enable-Debug": "true" } : {};
 
-  if (jitsuConfig.debug) {
-    console.log(`Sending jitsu event to ${url}: `, JSON.stringify(payload, null, 2));
-  }
+  // if (jitsuConfig.debug) {
+  //   console.log(`[JITSU] Sending event to ${url}: `, JSON.stringify(payload, null, 2));
+  // }
   const adjustedPayload = adjustPayload(payload, jitsuConfig, store);
   return fetch(url, {
     method: "POST",
@@ -310,11 +375,29 @@ function send(method, payload, jitsuConfig: Required<JitsuOptions>, store: Persi
   })
     .then(res => {
       if (jitsuConfig.debug) {
-        console.debug(
-          `Jitsu ${url} replied ${res.status}. Original payload: `,
+        console.log(
+          `[JITSU] ${url} replied ${res.status}. Original payload: `,
           JSON.stringify(adjustedPayload, null, 2)
         );
       }
+      if (res.ok) {
+        return res.text();
+      } else {
+        return Promise.reject(res.text());
+      }
+    })
+    .then(responseText => {
+      try {
+        const response = JSON.parse(responseText);
+        if (response.tags) {
+          if (jitsuConfig.debug) {
+            console.log(`[JITSU] Response Tags: `, JSON.stringify(response.tags, null, 2));
+          }
+          insertTags(response.tags, payload, { debug: jitsuConfig.debug });
+        }
+      } catch (e) {
+        return Promise.reject(`Can't parse JSON: ${responseText}: ${e?.message}`);
+      }
     })
     .catch(err => {
       if (jitsuConfig.debug) {
@@ -352,8 +435,8 @@ const jitsuAnalyticsPlugin = (pluginConfig: JitsuOptions = {}): AnalyticsPlugin
       if (config.debug) {
         console.debug("Initializing Jitsu plugin with config: ", JSON.stringify(config));
       }
-      if (!config.host) {
-        throw new Error("Please specify host variable in jitsu plugin initialization");
+      if (!config.host && !config.echoEvents) {
+        throw new Error("Please specify host variable in jitsu plugin initialization, or set echoEvents to true");
       }
     },
     page: args => {

package/src/jitsu.ts

@@ -11,10 +11,33 @@ type JitsuOptions = {
    * API Host. Default value: same host as script origin
    */
   host?: string;
+  /**
+   * To enable debug logging
+   */
   debug?: boolean;
+  /**
+   * Explicitely specify cookie domain. If not set, cookie domain will be set to top level
+   * of the current domain. Example: if JS lives on "app.example.com", cookie domain will be
+   * set to ".example.com". If it lives on "example.com", cookie domain will be set to ".example.com" too
+   */
   cookieDomain?: string;
+  /**
+   * Provide fetch implementation. It is required if you want to use Jitsu in NodeJS
+   */
   fetch?: typeof fetch;
+  /**
+   * Which runtime to use. Runtime is used for obtaining context of the event: cookes,
+   * url, etc. At the moment, Jitsu supports browser runtime and NodeJS runtime, but you
+   * can provide your own implementation.
+   *
+   * If it's not set, the runtime will be detected automatically by presense of `window` object
+   */
   runtime?: RuntimeFacade;
+  /**
+   * If set to true, jitsu will output events in console. In this case you don't need to set
+   * writeKey / host. It's useful for debugging development environment
+   */
+  echoEvents?: boolean;
 };
 
 type PersistentStorage = {