@schematichq/schematic-js 0.1.9 → 0.1.11

package/dist/schematic.browser.js

@@ -1,2 +1,2 @@
-"use strict";(()=>{var p,f=new Uint8Array(16);function u(){if(!p&&(p=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!p))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return p(f)}var s=[];for(let n=0;n<256;++n)s.push((n+256).toString(16).slice(1));function v(n,e=0){return s[n[e+0]]+s[n[e+1]]+s[n[e+2]]+s[n[e+3]]+"-"+s[n[e+4]]+s[n[e+5]]+"-"+s[n[e+6]]+s[n[e+7]]+"-"+s[n[e+8]]+s[n[e+9]]+"-"+s[n[e+10]]+s[n[e+11]]+s[n[e+12]]+s[n[e+13]]+s[n[e+14]]+s[n[e+15]]}var m=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),y={randomUUID:m};function k(n,e,t){if(y.randomUUID&&!e&&!n)return y.randomUUID();n=n||{};let r=n.random||(n.rng||u)();if(r[6]=r[6]&15|64,r[8]=r[8]&63|128,e){t=t||0;for(let o=0;o<16;++o)e[t+o]=r[o];return e}return v(r)}var h=k;var g="schematicId";var l=class{apiKey;apiUrl="https://api.schematichq.com";webSocketUrl="wss://api.schematichq.com";eventUrl="https://c.schematichq.com";conn=null;context={};eventQueue;storage;useWebSocket=!1;values={};flagListener;constructor(e,t){this.apiKey=e,this.eventQueue=[],this.useWebSocket=t?.useWebSocket??!1,this.flagListener=t?.flagListener,t?.storage?this.storage=t.storage:typeof localStorage<"u"&&(this.storage=localStorage),t?.apiUrl!==void 0&&(this.apiUrl=t.apiUrl),t?.eventUrl!==void 0&&(this.eventUrl=t.eventUrl),t?.webSocketUrl!==void 0&&(this.webSocketUrl=t.webSocketUrl),window?.addEventListener&&window.addEventListener("beforeunload",()=>{this.flushEventQueue()})}async checkFlag(e){let{fallback:t=!1,key:r}=e,o=e.context||this.context;if(this.useWebSocket){let i=this.values[c(o)]??{};return typeof i[r]>"u"?t:i[r]}let a=`${this.apiUrl}/flags/${r}/check`;return fetch(a,{method:"POST",headers:{"X-Schematic-Api-Key":this.apiKey,"Content-Type":"application/json;charset=UTF-8"},body:JSON.stringify(o)}).then(i=>{if(!i.ok)throw new Error("Network response was not ok");return i.json()}).then(i=>i.data.value).catch(i=>(console.error("There was a problem with the fetch operation:",i),t))}checkFlags=async e=>{e=e||this.context;let t=`${this.apiUrl}/flags/check`,r=JSON.stringify(e);return fetch(t,{method:"POST",headers:{"Content-Type":"application/json;charset=UTF-8","X-Schematic-Api-Key":this.apiKey},body:r}).then(o=>{if(!o.ok)throw new Error("Network response was not ok");return o.json()}).then(o=>(o?.data?.flags??[]).reduce((a,i)=>(a[i.flag]=i.value,a),{})).catch(o=>(console.error("There was a problem with the fetch operation:",o),!1))};cleanup=()=>{this.conn&&this.conn.close()};identify=e=>{this.handleEvent("identify",e)};setContext=e=>this.useWebSocket?new Promise(t=>{this.wsConnect().then(()=>{this.wsSendMessage(e),t()})}):(this.context=e,Promise.resolve());track=e=>{this.handleEvent("track",e)};flushEventQueue=()=>{for(;this.eventQueue.length>0;){let e=this.eventQueue.shift();e&&this.sendEvent(e)}};getAnonymousId=()=>{if(!this.storage)return h();let e=this.storage.getItem(g);if(typeof e<"u")return e;let t=h();return this.storage.setItem(g,t),t};handleEvent=(e,t)=>{let r={api_key:this.apiKey,body:t,sent_at:new Date().toISOString(),tracker_event_id:h(),tracker_user_id:this.getAnonymousId(),type:e};document?.hidden?this.storeEvent(r):this.sendEvent(r)};sendEvent=e=>{let t=`${this.eventUrl}/e`,r=JSON.stringify(e);fetch(t,{method:"POST",headers:{"Content-Type":"application/json;charset=UTF-8"},body:r}).then(o=>{if(!o.ok)throw new Error(`Network response was not ok: ${o.statusText}`)}).catch(o=>{console.error("There was a problem with the fetch operation:",o)})};storeEvent=e=>{this.eventQueue.push(e)};wsConnect=()=>new Promise(e=>{this.conn&&e();let t=`${this.webSocketUrl}/flags/bootstrap`,r=new WebSocket(t);this.conn=r,r.onopen=()=>{e()},r.onclose=()=>{this.conn=null}});wsSendMessage=e=>new Promise((t,r)=>{if(c(e)==c(this.context)&&t(),this.context=e,!this.conn){r("Not connected");return}if(this.conn.readyState===WebSocket.OPEN){let o=!1;this.conn.onmessage=a=>{let i=JSON.parse(a.data);this.values[c(e)]||={},(i.flags??[]).forEach(d=>{this.values[c(e)][d.flag]=d.value}),this.flagListener&&this.flagListener(this.values[c(e)]),o||(o=!0,t())},this.conn.onerror=a=>{console.error("Schematic websocket error: ",a)},this.conn.send(JSON.stringify({apiKey:this.apiKey,data:e}))}else this.conn.readyState===WebSocket.CONNECTING?this.conn.onopen=()=>{this.wsSendMessage(e)}:r("Not connected")})};function c(n){let e=Object.keys(n).reduce((t,r)=>{let a=Object.keys(n[r]||{}).sort().reduce((i,d)=>(i[d]=n[r][d],i),{});return t[r]=a,t},{});return JSON.stringify(e)}window.Schematic=l;})();
+"use strict";(()=>{var u,g=new Uint8Array(16);function p(){if(!u&&(u=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!u))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return u(g)}var i=[];for(let n=0;n<256;++n)i.push((n+256).toString(16).slice(1));function v(n,e=0){return i[n[e+0]]+i[n[e+1]]+i[n[e+2]]+i[n[e+3]]+"-"+i[n[e+4]]+i[n[e+5]]+"-"+i[n[e+6]]+i[n[e+7]]+"-"+i[n[e+8]]+i[n[e+9]]+"-"+i[n[e+10]]+i[n[e+11]]+i[n[e+12]]+i[n[e+13]]+i[n[e+14]]+i[n[e+15]]}var f=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),y={randomUUID:f};function S(n,e,t){if(y.randomUUID&&!e&&!n)return y.randomUUID();n=n||{};let r=n.random||(n.rng||p)();if(r[6]=r[6]&15|64,r[8]=r[8]&63|128,e){t=t||0;for(let o=0;o<16;++o)e[t+o]=r[o];return e}return v(r)}var h=S;var m="schematicId";var l=class{apiKey;apiUrl="https://api.schematichq.com";webSocketUrl="wss://api.schematichq.com";eventUrl="https://c.schematichq.com";conn=null;context={};eventQueue;storage;useWebSocket=!1;values={};flagListener;constructor(e,t){this.apiKey=e,this.eventQueue=[],this.useWebSocket=t?.useWebSocket??!1,this.flagListener=t?.flagListener,t?.storage?this.storage=t.storage:typeof localStorage<"u"&&(this.storage=localStorage),t?.apiUrl!==void 0&&(this.apiUrl=t.apiUrl),t?.eventUrl!==void 0&&(this.eventUrl=t.eventUrl),t?.webSocketUrl!==void 0&&(this.webSocketUrl=t.webSocketUrl),window?.addEventListener&&window.addEventListener("beforeunload",()=>{this.flushEventQueue()})}async checkFlag(e){let{fallback:t=!1,key:r}=e,o=e.context||this.context;if(this.useWebSocket){let s=this.values[c(o)]??{};return typeof s[r]>"u"?t:s[r]}let a=`${this.apiUrl}/flags/${r}/check`;return fetch(a,{method:"POST",headers:{"X-Schematic-Api-Key":this.apiKey,"Content-Type":"application/json;charset=UTF-8"},body:JSON.stringify(o)}).then(s=>{if(!s.ok)throw new Error("Network response was not ok");return s.json()}).then(s=>s.data.value).catch(s=>(console.error("There was a problem with the fetch operation:",s),t))}checkFlags=async e=>{e=e||this.context;let t=`${this.apiUrl}/flags/check`,r=JSON.stringify(e);return fetch(t,{method:"POST",headers:{"Content-Type":"application/json;charset=UTF-8","X-Schematic-Api-Key":this.apiKey},body:r}).then(o=>{if(!o.ok)throw new Error("Network response was not ok");return o.json()}).then(o=>(o?.data?.flags??[]).reduce((a,s)=>(a[s.flag]=s.value,a),{})).catch(o=>(console.error("There was a problem with the fetch operation:",o),!1))};cleanup=()=>{this.conn&&this.conn.close()};identify=e=>(this.setContext({company:e.company?.keys,user:e.keys}),this.handleEvent("identify",e));setContext=e=>this.useWebSocket?new Promise(t=>{this.wsConnect().then(()=>{this.wsSendMessage(e),t()})}):(this.context=e,Promise.resolve());track=e=>{let{company:t,user:r,event:o,traits:a}=e;return this.handleEvent("track",{company:t??this.context.company,event:o,traits:a??{},user:r??this.context.user})};flushEventQueue=()=>{for(;this.eventQueue.length>0;){let e=this.eventQueue.shift();e&&this.sendEvent(e)}};getAnonymousId=()=>{if(!this.storage)return h();let e=this.storage.getItem(m);if(typeof e<"u")return e;let t=h();return this.storage.setItem(m,t),t};handleEvent=(e,t)=>{let r={api_key:this.apiKey,body:t,sent_at:new Date().toISOString(),tracker_event_id:h(),tracker_user_id:this.getAnonymousId(),type:e};return document?.hidden?this.storeEvent(r):this.sendEvent(r)};sendEvent=async e=>{let t=`${this.eventUrl}/e`,r=JSON.stringify(e);try{await fetch(t,{method:"POST",headers:{"Content-Type":"application/json;charset=UTF-8"},body:r})}catch(o){console.error("Error sending Schematic event: ",o)}return Promise.resolve()};storeEvent=e=>(this.eventQueue.push(e),Promise.resolve());wsConnect=()=>new Promise(e=>{this.conn&&e();let t=`${this.webSocketUrl}/flags/bootstrap`,r=new WebSocket(t);this.conn=r,r.onopen=()=>{e()},r.onclose=()=>{this.conn=null}});wsSendMessage=e=>new Promise((t,r)=>{if(c(e)==c(this.context)){t();return}if(this.context=e,!this.conn){r("Not connected");return}if(this.conn.readyState===WebSocket.OPEN){let o=!1;this.conn.onmessage=a=>{let s=JSON.parse(a.data);c(e)in this.values||(this.values[c(e)]={}),(s.flags??[]).forEach(d=>{this.values[c(e)][d.flag]=d.value}),this.flagListener&&this.flagListener(this.values[c(e)]),o||(o=!0,t())},this.conn.onerror=a=>{console.error("Schematic websocket error: ",a)},this.conn.send(JSON.stringify({apiKey:this.apiKey,data:e}))}else this.conn.readyState===WebSocket.CONNECTING?this.conn.onopen=()=>{this.wsSendMessage(e)}:r("Not connected")})};function c(n){let e=Object.keys(n).reduce((t,r)=>{let a=Object.keys(n[r]||{}).sort().reduce((s,d)=>(s[d]=n[r][d],s),{});return t[r]=a,t},{});return JSON.stringify(e)}window.Schematic=l;})();
 /* @preserve */

package/dist/schematic.cjs.js

@@ -175,7 +175,11 @@ var Schematic = class {
   };
   // Send an identify event
   identify = (body) => {
-    this.handleEvent("identify", body);
+    this.setContext({
+      company: body.company?.keys,
+      user: body.keys
+    });
+    return this.handleEvent("identify", body);
   };
   // Set the flag evaluation context; if the context has changed,
   // this will open a websocket connection (if not already open)
@@ -195,7 +199,13 @@ var Schematic = class {
   };
   // Send track event
   track = (body) => {
-    this.handleEvent("track", body);
+    const { company, user, event, traits } = body;
+    return this.handleEvent("track", {
+      company: company ?? this.context.company,
+      event,
+      traits: traits ?? {},
+      user: user ?? this.context.user
+    });
   };
   flushEventQueue = () => {
     while (this.eventQueue.length > 0) {
@@ -227,32 +237,30 @@ var Schematic = class {
       type: eventType
     };
     if (document?.hidden) {
-      this.storeEvent(event);
+      return this.storeEvent(event);
     } else {
-      this.sendEvent(event);
+      return this.sendEvent(event);
     }
   };
-  sendEvent = (event) => {
+  sendEvent = async (event) => {
     const captureUrl = `${this.eventUrl}/e`;
     const payload = JSON.stringify(event);
-    fetch(captureUrl, {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json;charset=UTF-8"
-      },
-      body: payload
-    }).then((response) => {
-      if (!response.ok) {
-        throw new Error(
-          `Network response was not ok: ${response.statusText}`
-        );
-      }
-    }).catch((error) => {
-      console.error("There was a problem with the fetch operation:", error);
-    });
+    try {
+      await fetch(captureUrl, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json;charset=UTF-8"
+        },
+        body: payload
+      });
+    } catch (error) {
+      console.error("Error sending Schematic event: ", error);
+    }
+    return Promise.resolve();
   };
   storeEvent = (event) => {
     this.eventQueue.push(event);
+    return Promise.resolve();
   };
   wsConnect = () => {
     return new Promise((resolve) => {
@@ -275,6 +283,7 @@ var Schematic = class {
     return new Promise((resolve, reject) => {
       if (contextString(context) == contextString(this.context)) {
         resolve();
+        return;
       }
       this.context = context;
       if (!this.conn) {
@@ -285,10 +294,14 @@ var Schematic = class {
         let resolved = false;
         this.conn.onmessage = (event) => {
           const message = JSON.parse(event.data);
-          this.values[contextString(context)] ||= {};
-          (message.flags ?? []).forEach((flag) => {
-            this.values[contextString(context)][flag.flag] = flag.value;
-          });
+          if (!(contextString(context) in this.values)) {
+            this.values[contextString(context)] = {};
+          }
+          (message.flags ?? []).forEach(
+            (flag) => {
+              this.values[contextString(context)][flag.flag] = flag.value;
+            }
+          );
           if (this.flagListener) {
             this.flagListener(this.values[contextString(context)]);
           }

package/dist/schematic.d.ts

@@ -16,22 +16,20 @@ export { Event_2 as Event }
 
 export declare type EventBody = EventBodyIdentify | EventBodyTrack;
 
-export declare type EventBodyCompany = {
-    keys: Keys;
-    name?: string;
-    traits: Traits;
-};
-
 export declare type EventBodyIdentify = {
-    company?: EventBodyCompany;
-    keys: Keys;
+    company?: {
+        keys?: Keys;
+        name?: string;
+        traits?: Traits;
+    };
+    keys?: Keys;
     name?: string;
-    traits: Traits;
+    traits?: Traits;
 };
 
 export declare type EventBodyTrack = SchematicContext & {
     event: string;
-    traits: Traits;
+    traits?: Traits;
 };
 
 export declare type EventType = "identify" | "track";
@@ -67,9 +65,9 @@ export declare class Schematic {
     checkFlag(options: CheckOptions): Promise<boolean>;
     checkFlags: (context?: SchematicContext) => Promise<Record<string, boolean>>;
     cleanup: () => void;
-    identify: (body: EventBodyIdentify) => void;
+    identify: (body: EventBodyIdentify) => Promise<void>;
     setContext: (context: SchematicContext) => Promise<void>;
-    track: (body: EventBodyTrack) => void;
+    track: (body: EventBodyTrack) => Promise<void>;
     private flushEventQueue;
     private getAnonymousId;
     private handleEvent;

package/dist/schematic.esm.js

@@ -149,7 +149,11 @@ var Schematic = class {
   };
   // Send an identify event
   identify = (body) => {
-    this.handleEvent("identify", body);
+    this.setContext({
+      company: body.company?.keys,
+      user: body.keys
+    });
+    return this.handleEvent("identify", body);
   };
   // Set the flag evaluation context; if the context has changed,
   // this will open a websocket connection (if not already open)
@@ -169,7 +173,13 @@ var Schematic = class {
   };
   // Send track event
   track = (body) => {
-    this.handleEvent("track", body);
+    const { company, user, event, traits } = body;
+    return this.handleEvent("track", {
+      company: company ?? this.context.company,
+      event,
+      traits: traits ?? {},
+      user: user ?? this.context.user
+    });
   };
   flushEventQueue = () => {
     while (this.eventQueue.length > 0) {
@@ -201,32 +211,30 @@ var Schematic = class {
       type: eventType
     };
     if (document?.hidden) {
-      this.storeEvent(event);
+      return this.storeEvent(event);
     } else {
-      this.sendEvent(event);
+      return this.sendEvent(event);
     }
   };
-  sendEvent = (event) => {
+  sendEvent = async (event) => {
     const captureUrl = `${this.eventUrl}/e`;
     const payload = JSON.stringify(event);
-    fetch(captureUrl, {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json;charset=UTF-8"
-      },
-      body: payload
-    }).then((response) => {
-      if (!response.ok) {
-        throw new Error(
-          `Network response was not ok: ${response.statusText}`
-        );
-      }
-    }).catch((error) => {
-      console.error("There was a problem with the fetch operation:", error);
-    });
+    try {
+      await fetch(captureUrl, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json;charset=UTF-8"
+        },
+        body: payload
+      });
+    } catch (error) {
+      console.error("Error sending Schematic event: ", error);
+    }
+    return Promise.resolve();
   };
   storeEvent = (event) => {
     this.eventQueue.push(event);
+    return Promise.resolve();
   };
   wsConnect = () => {
     return new Promise((resolve) => {
@@ -249,6 +257,7 @@ var Schematic = class {
     return new Promise((resolve, reject) => {
       if (contextString(context) == contextString(this.context)) {
         resolve();
+        return;
       }
       this.context = context;
       if (!this.conn) {
@@ -259,10 +268,14 @@ var Schematic = class {
         let resolved = false;
         this.conn.onmessage = (event) => {
           const message = JSON.parse(event.data);
-          this.values[contextString(context)] ||= {};
-          (message.flags ?? []).forEach((flag) => {
-            this.values[contextString(context)][flag.flag] = flag.value;
-          });
+          if (!(contextString(context) in this.values)) {
+            this.values[contextString(context)] = {};
+          }
+          (message.flags ?? []).forEach(
+            (flag) => {
+              this.values[contextString(context)][flag.flag] = flag.value;
+            }
+          );
           if (this.flagListener) {
             this.flagListener(this.values[contextString(context)]);
           }

package/package.json

@@ -19,6 +19,7 @@
     "jest-environment-jsdom": "^29.7.0",
     "jest-esbuild": "^0.3.0",
     "jest-fetch-mock": "^3.0.3",
+    "prettier": "^3.3.1",
     "ts-jest": "^29.1.1",
     "typescript": "^5.0.2"
   },
@@ -40,9 +41,10 @@
     "build:esm": "npx esbuild src/index.ts --bundle --format=esm --outfile=dist/schematic.esm.js",
     "build:types": "npx tsc && npx api-extractor run",
     "clean": "rm -rf dist",
+    "format": "prettier --write src/*.ts",
     "lint": "eslint src --ext ts,tsx --report-unused-disable-directives --fix",
     "test": "jest --config jest.config.js"
   },
   "types": "dist/schematic.d.ts",
-  "version": "0.1.9"
+  "version": "0.1.11"
 }