@schematichq/schematic-js 0.0.13 → 0.1.1

package/dist/schematic.browser.js

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

package/dist/schematic.cjs.js

@@ -76,13 +76,20 @@ var v4_default = v4;
 var anonymousIdKey = "schematicId";
 var Schematic = class {
   apiKey;
+  conn = null;
+  context = {};
   eventQueue;
   storage;
-  constructor(apiKey, storage) {
+  useWebSocket = false;
+  values = {};
+  flagListener;
+  constructor(apiKey, options) {
     this.apiKey = apiKey;
     this.eventQueue = [];
-    if (storage) {
-      this.storage = storage;
+    this.useWebSocket = options?.useWebSocket ?? false;
+    this.flagListener = options?.flagListener;
+    if (options?.storage) {
+      this.storage = options.storage;
     } else if (typeof localStorage !== "undefined") {
       this.storage = localStorage;
     }
@@ -92,37 +99,113 @@ var Schematic = class {
       });
     }
   }
-  sendEvent(event) {
-    const captureUrl = "https://c.schematichq.com/e";
-    const payload = JSON.stringify(event);
-    fetch(captureUrl, {
+  checkFlag = async (options) => {
+    const { fallback = false, key } = options;
+    const context = options.context || this.context;
+    if (this.useWebSocket) {
+      const contextVals = this.values[contextString(context)] ?? {};
+      return typeof contextVals[key] === "undefined" ? fallback : contextVals[key];
+    }
+    const requestUrl = `https://api.schematichq.com/flags/${key}/check`;
+    return fetch(requestUrl, {
       method: "POST",
       headers: {
+        "X-Schematic-Api-Key": this.apiKey,
         "Content-Type": "application/json;charset=UTF-8"
       },
-      body: payload
+      body: JSON.stringify(context)
     }).then((response) => {
       if (!response.ok) {
-        throw new Error(
-          `Network response was not ok: ${response.statusText}`
-        );
+        throw new Error("Network response was not ok");
       }
+      return response.json();
+    }).then((data) => {
+      return data.data.value;
     }).catch((error) => {
       console.error("There was a problem with the fetch operation:", error);
+      return fallback;
     });
-  }
-  flushEventQueue() {
+  };
+  // Make a REST API call to fetch all flag values for a given context
+  checkFlags = async (context) => {
+    context = context || this.context;
+    const requestUrl = "https://api.schematichq.com/flags/check";
+    const requestBody = JSON.stringify(context);
+    return fetch(requestUrl, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json;charset=UTF-8",
+        "X-Schematic-Api-Key": this.apiKey
+      },
+      body: requestBody
+    }).then((response) => {
+      if (!response.ok) {
+        throw new Error("Network response was not ok");
+      }
+      return response.json();
+    }).then((data) => {
+      return (data?.data?.flags ?? []).reduce(
+        (accum, flag) => {
+          accum[flag.flag] = flag.value;
+          return accum;
+        },
+        {}
+      );
+    }).catch((error) => {
+      console.error("There was a problem with the fetch operation:", error);
+      return false;
+    });
+  };
+  cleanup = () => {
+    if (this.conn) {
+      this.conn.close();
+    }
+  };
+  // Send an identify event
+  identify = (body) => {
+    this.handleEvent("identify", body);
+  };
+  // Set the flag evaluation context; if the context has changed,
+  // this will open a websocket connection (if not already open)
+  // and submit this context. The promise will resolve when the
+  // websocket sends back an initial set of flag values.
+  setContext = (context) => {
+    if (!this.useWebSocket) {
+      this.context = context;
+      return Promise.resolve();
+    }
+    return new Promise((resolve) => {
+      this.wsConnect().then(() => {
+        this.wsSendMessage(context);
+        resolve();
+      });
+    });
+  };
+  // Send track event
+  track = (body) => {
+    this.handleEvent("track", body);
+  };
+  flushEventQueue = () => {
     while (this.eventQueue.length > 0) {
       const event = this.eventQueue.shift();
       if (event) {
         this.sendEvent(event);
       }
     }
-  }
-  storeEvent(event) {
-    this.eventQueue.push(event);
-  }
-  handleEvent(eventType, eventBody) {
+  };
+  getAnonymousId = () => {
+    if (!this.storage) {
+      return v4_default();
+    }
+    const storedAnonymousId = this.storage.getItem(anonymousIdKey);
+    if (typeof storedAnonymousId !== "undefined") {
+      return storedAnonymousId;
+    }
+    const generatedAnonymousId = v4_default();
+    this.storage.setItem(anonymousIdKey, generatedAnonymousId);
+    return generatedAnonymousId;
+  };
+  handleEvent = (eventType, eventBody) => {
     const event = {
       api_key: this.apiKey,
       body: eventBody,
@@ -136,71 +219,106 @@ var Schematic = class {
     } else {
       this.sendEvent(event);
     }
-  }
-  getAnonymousId() {
-    if (!this.storage) {
-      return v4_default();
-    }
-    const storedAnonymousId = this.storage.getItem(anonymousIdKey);
-    if (typeof storedAnonymousId !== "undefined") {
-      return storedAnonymousId;
-    }
-    const generatedAnonymousId = v4_default();
-    this.storage.setItem(anonymousIdKey, generatedAnonymousId);
-    return generatedAnonymousId;
-  }
-  async checkFlag(key, context) {
-    const requestUrl = `https://api.schematichq.com/flags/${key}/check`;
-    const requestBody = JSON.stringify(context);
-    return fetch(requestUrl, {
+  };
+  sendEvent = (event) => {
+    const captureUrl = "https://c.schematichq.com/e";
+    const payload = JSON.stringify(event);
+    fetch(captureUrl, {
       method: "POST",
       headers: {
-        "X-Schematic-Api-Key": this.apiKey,
         "Content-Type": "application/json;charset=UTF-8"
       },
-      body: requestBody
+      body: payload
     }).then((response) => {
       if (!response.ok) {
-        throw new Error("Network response was not ok");
+        throw new Error(
+          `Network response was not ok: ${response.statusText}`
+        );
       }
-      return response.json();
-    }).then((data) => {
-      return data.data.value;
     }).catch((error) => {
       console.error("There was a problem with the fetch operation:", error);
-      return false;
     });
-  }
-  async checkFlags(context) {
-    const requestUrl = "https://api.schematichq.com/flags/check";
-    const requestBody = JSON.stringify(context);
-    return fetch(requestUrl, {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json;charset=UTF-8",
-        "X-Schematic-Api-Key": this.apiKey
-      },
-      body: requestBody
-    }).then((response) => {
-      if (!response.ok) {
-        throw new Error("Network response was not ok");
+  };
+  storeEvent = (event) => {
+    this.eventQueue.push(event);
+  };
+  wsConnect = () => {
+    return new Promise((resolve) => {
+      if (this.conn) {
+        resolve();
       }
-      return response.json();
-    }).then((data) => {
-      return data.data.flags.reduce((accum, flag) => {
-        accum[flag.flag] = flag.value;
-        return accum;
-      }, {});
-    }).catch((error) => {
-      console.error("There was a problem with the fetch operation:", error);
-      return false;
+      const wsUrl = "wss://api.schematichq.com/flags/bootstrap";
+      const webSocket = new WebSocket(wsUrl);
+      this.conn = webSocket;
+      webSocket.onopen = () => {
+        resolve();
+      };
+      webSocket.onclose = () => {
+        this.conn = null;
+      };
     });
-  }
-  identify(body) {
-    this.handleEvent("identify", body);
-  }
-  track(body) {
-    this.handleEvent("track", body);
-  }
+  };
+  // Sends a message with a new context over the websocket connection
+  wsSendMessage = (context) => {
+    return new Promise((resolve, reject) => {
+      if (contextString(context) == contextString(this.context)) {
+        resolve();
+      }
+      this.context = context;
+      if (!this.conn) {
+        reject("Not connected");
+        return;
+      }
+      if (this.conn.readyState === WebSocket.OPEN) {
+        let resolved = false;
+        this.conn.onmessage = (event) => {
+          const message = JSON.parse(event.data);
+          this.values[contextString(context)] = (message.flags ?? []).reduce(
+            (accum, flag) => {
+              accum[flag.flag] = flag.value;
+              return accum;
+            },
+            {}
+          );
+          if (this.flagListener) {
+            this.flagListener(this.values[contextString(context)]);
+          }
+          if (!resolved) {
+            resolved = true;
+            resolve();
+          }
+        };
+        this.conn.onerror = (error) => {
+          console.error("Schematic websocket error: ", error);
+        };
+        this.conn.send(
+          JSON.stringify({
+            apiKey: this.apiKey,
+            data: context
+          })
+        );
+      } else if (this.conn.readyState === WebSocket.CONNECTING) {
+        this.conn.onopen = () => {
+          this.wsSendMessage(context);
+        };
+      } else {
+        reject("Not connected");
+      }
+    });
+  };
 };
+function contextString(context) {
+  const sortedContext = Object.keys(context).reduce((acc, key) => {
+    const sortedKeys = Object.keys(
+      context[key] || {}
+    ).sort();
+    const sortedObj = sortedKeys.reduce((obj, sortedKey) => {
+      obj[sortedKey] = context[key][sortedKey];
+      return obj;
+    }, {});
+    acc[key] = sortedObj;
+    return acc;
+  }, {});
+  return JSON.stringify(sortedContext);
+}
 /* @preserve */

package/dist/schematic.d.ts

@@ -1,3 +1,9 @@
+export declare type CheckOptions = {
+    context?: SchematicContext;
+    fallback?: boolean;
+    key: string;
+};
+
 declare type Event_2 = {
     api_key: string;
     body: EventBody;
@@ -23,20 +29,13 @@ export declare type EventBodyIdentify = {
     traits: Traits;
 };
 
-export declare type EventBodyTrack = {
-    company?: Keys;
+export declare type EventBodyTrack = SchematicContext & {
     event: string;
     traits: Traits;
-    user?: Keys;
 };
 
 export declare type EventType = "identify" | "track";
 
-export declare type FlagCheckContext = {
-    company?: Keys;
-    user?: Keys;
-};
-
 export declare type FlagCheckResponseBody = {
     company_id?: string;
     error?: string;
@@ -54,20 +53,40 @@ export declare type Keys = Record<string, string>;
 
 export declare class Schematic {
     private apiKey;
+    private conn;
+    private context;
     private eventQueue;
     private storage;
-    constructor(apiKey: string, storage?: StoragePersister);
-    private sendEvent;
+    private useWebSocket;
+    private values;
+    private flagListener?;
+    constructor(apiKey: string, options?: SchematicOptions);
+    checkFlag: (options: CheckOptions) => Promise<boolean>;
+    checkFlags: (context?: SchematicContext) => Promise<Record<string, boolean>>;
+    cleanup: () => void;
+    identify: (body: EventBodyIdentify) => void;
+    setContext: (context: SchematicContext) => Promise<void>;
+    track: (body: EventBodyTrack) => void;
     private flushEventQueue;
-    private storeEvent;
-    private handleEvent;
     private getAnonymousId;
-    checkFlag(key: string, context: FlagCheckContext): Promise<boolean>;
-    checkFlags(context: FlagCheckContext): Promise<Record<string, boolean>>;
-    identify(body: EventBodyIdentify): void;
-    track(body: EventBodyTrack): void;
+    private handleEvent;
+    private sendEvent;
+    private storeEvent;
+    private wsConnect;
+    private wsSendMessage;
 }
 
+export declare type SchematicContext = {
+    company?: Keys;
+    user?: Keys;
+};
+
+declare type SchematicOptions = {
+    flagListener?: (values: Record<string, boolean>) => void;
+    storage?: StoragePersister;
+    useWebSocket?: boolean;
+};
+
 declare type StoragePersister = {
     setItem(key: string, value: any): void;
     getItem(key: string): any;

package/dist/schematic.esm.js

@@ -50,13 +50,20 @@ var v4_default = v4;
 var anonymousIdKey = "schematicId";
 var Schematic = class {
   apiKey;
+  conn = null;
+  context = {};
   eventQueue;
   storage;
-  constructor(apiKey, storage) {
+  useWebSocket = false;
+  values = {};
+  flagListener;
+  constructor(apiKey, options) {
     this.apiKey = apiKey;
     this.eventQueue = [];
-    if (storage) {
-      this.storage = storage;
+    this.useWebSocket = options?.useWebSocket ?? false;
+    this.flagListener = options?.flagListener;
+    if (options?.storage) {
+      this.storage = options.storage;
     } else if (typeof localStorage !== "undefined") {
       this.storage = localStorage;
     }
@@ -66,37 +73,113 @@ var Schematic = class {
       });
     }
   }
-  sendEvent(event) {
-    const captureUrl = "https://c.schematichq.com/e";
-    const payload = JSON.stringify(event);
-    fetch(captureUrl, {
+  checkFlag = async (options) => {
+    const { fallback = false, key } = options;
+    const context = options.context || this.context;
+    if (this.useWebSocket) {
+      const contextVals = this.values[contextString(context)] ?? {};
+      return typeof contextVals[key] === "undefined" ? fallback : contextVals[key];
+    }
+    const requestUrl = `https://api.schematichq.com/flags/${key}/check`;
+    return fetch(requestUrl, {
       method: "POST",
       headers: {
+        "X-Schematic-Api-Key": this.apiKey,
         "Content-Type": "application/json;charset=UTF-8"
       },
-      body: payload
+      body: JSON.stringify(context)
     }).then((response) => {
       if (!response.ok) {
-        throw new Error(
-          `Network response was not ok: ${response.statusText}`
-        );
+        throw new Error("Network response was not ok");
       }
+      return response.json();
+    }).then((data) => {
+      return data.data.value;
     }).catch((error) => {
       console.error("There was a problem with the fetch operation:", error);
+      return fallback;
     });
-  }
-  flushEventQueue() {
+  };
+  // Make a REST API call to fetch all flag values for a given context
+  checkFlags = async (context) => {
+    context = context || this.context;
+    const requestUrl = "https://api.schematichq.com/flags/check";
+    const requestBody = JSON.stringify(context);
+    return fetch(requestUrl, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json;charset=UTF-8",
+        "X-Schematic-Api-Key": this.apiKey
+      },
+      body: requestBody
+    }).then((response) => {
+      if (!response.ok) {
+        throw new Error("Network response was not ok");
+      }
+      return response.json();
+    }).then((data) => {
+      return (data?.data?.flags ?? []).reduce(
+        (accum, flag) => {
+          accum[flag.flag] = flag.value;
+          return accum;
+        },
+        {}
+      );
+    }).catch((error) => {
+      console.error("There was a problem with the fetch operation:", error);
+      return false;
+    });
+  };
+  cleanup = () => {
+    if (this.conn) {
+      this.conn.close();
+    }
+  };
+  // Send an identify event
+  identify = (body) => {
+    this.handleEvent("identify", body);
+  };
+  // Set the flag evaluation context; if the context has changed,
+  // this will open a websocket connection (if not already open)
+  // and submit this context. The promise will resolve when the
+  // websocket sends back an initial set of flag values.
+  setContext = (context) => {
+    if (!this.useWebSocket) {
+      this.context = context;
+      return Promise.resolve();
+    }
+    return new Promise((resolve) => {
+      this.wsConnect().then(() => {
+        this.wsSendMessage(context);
+        resolve();
+      });
+    });
+  };
+  // Send track event
+  track = (body) => {
+    this.handleEvent("track", body);
+  };
+  flushEventQueue = () => {
     while (this.eventQueue.length > 0) {
       const event = this.eventQueue.shift();
       if (event) {
         this.sendEvent(event);
       }
     }
-  }
-  storeEvent(event) {
-    this.eventQueue.push(event);
-  }
-  handleEvent(eventType, eventBody) {
+  };
+  getAnonymousId = () => {
+    if (!this.storage) {
+      return v4_default();
+    }
+    const storedAnonymousId = this.storage.getItem(anonymousIdKey);
+    if (typeof storedAnonymousId !== "undefined") {
+      return storedAnonymousId;
+    }
+    const generatedAnonymousId = v4_default();
+    this.storage.setItem(anonymousIdKey, generatedAnonymousId);
+    return generatedAnonymousId;
+  };
+  handleEvent = (eventType, eventBody) => {
     const event = {
       api_key: this.apiKey,
       body: eventBody,
@@ -110,73 +193,108 @@ var Schematic = class {
     } else {
       this.sendEvent(event);
     }
-  }
-  getAnonymousId() {
-    if (!this.storage) {
-      return v4_default();
-    }
-    const storedAnonymousId = this.storage.getItem(anonymousIdKey);
-    if (typeof storedAnonymousId !== "undefined") {
-      return storedAnonymousId;
-    }
-    const generatedAnonymousId = v4_default();
-    this.storage.setItem(anonymousIdKey, generatedAnonymousId);
-    return generatedAnonymousId;
-  }
-  async checkFlag(key, context) {
-    const requestUrl = `https://api.schematichq.com/flags/${key}/check`;
-    const requestBody = JSON.stringify(context);
-    return fetch(requestUrl, {
+  };
+  sendEvent = (event) => {
+    const captureUrl = "https://c.schematichq.com/e";
+    const payload = JSON.stringify(event);
+    fetch(captureUrl, {
       method: "POST",
       headers: {
-        "X-Schematic-Api-Key": this.apiKey,
         "Content-Type": "application/json;charset=UTF-8"
       },
-      body: requestBody
+      body: payload
     }).then((response) => {
       if (!response.ok) {
-        throw new Error("Network response was not ok");
+        throw new Error(
+          `Network response was not ok: ${response.statusText}`
+        );
       }
-      return response.json();
-    }).then((data) => {
-      return data.data.value;
     }).catch((error) => {
       console.error("There was a problem with the fetch operation:", error);
-      return false;
     });
-  }
-  async checkFlags(context) {
-    const requestUrl = "https://api.schematichq.com/flags/check";
-    const requestBody = JSON.stringify(context);
-    return fetch(requestUrl, {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json;charset=UTF-8",
-        "X-Schematic-Api-Key": this.apiKey
-      },
-      body: requestBody
-    }).then((response) => {
-      if (!response.ok) {
-        throw new Error("Network response was not ok");
+  };
+  storeEvent = (event) => {
+    this.eventQueue.push(event);
+  };
+  wsConnect = () => {
+    return new Promise((resolve) => {
+      if (this.conn) {
+        resolve();
       }
-      return response.json();
-    }).then((data) => {
-      return data.data.flags.reduce((accum, flag) => {
-        accum[flag.flag] = flag.value;
-        return accum;
-      }, {});
-    }).catch((error) => {
-      console.error("There was a problem with the fetch operation:", error);
-      return false;
+      const wsUrl = "wss://api.schematichq.com/flags/bootstrap";
+      const webSocket = new WebSocket(wsUrl);
+      this.conn = webSocket;
+      webSocket.onopen = () => {
+        resolve();
+      };
+      webSocket.onclose = () => {
+        this.conn = null;
+      };
     });
-  }
-  identify(body) {
-    this.handleEvent("identify", body);
-  }
-  track(body) {
-    this.handleEvent("track", body);
-  }
+  };
+  // Sends a message with a new context over the websocket connection
+  wsSendMessage = (context) => {
+    return new Promise((resolve, reject) => {
+      if (contextString(context) == contextString(this.context)) {
+        resolve();
+      }
+      this.context = context;
+      if (!this.conn) {
+        reject("Not connected");
+        return;
+      }
+      if (this.conn.readyState === WebSocket.OPEN) {
+        let resolved = false;
+        this.conn.onmessage = (event) => {
+          const message = JSON.parse(event.data);
+          this.values[contextString(context)] = (message.flags ?? []).reduce(
+            (accum, flag) => {
+              accum[flag.flag] = flag.value;
+              return accum;
+            },
+            {}
+          );
+          if (this.flagListener) {
+            this.flagListener(this.values[contextString(context)]);
+          }
+          if (!resolved) {
+            resolved = true;
+            resolve();
+          }
+        };
+        this.conn.onerror = (error) => {
+          console.error("Schematic websocket error: ", error);
+        };
+        this.conn.send(
+          JSON.stringify({
+            apiKey: this.apiKey,
+            data: context
+          })
+        );
+      } else if (this.conn.readyState === WebSocket.CONNECTING) {
+        this.conn.onopen = () => {
+          this.wsSendMessage(context);
+        };
+      } else {
+        reject("Not connected");
+      }
+    });
+  };
 };
+function contextString(context) {
+  const sortedContext = Object.keys(context).reduce((acc, key) => {
+    const sortedKeys = Object.keys(
+      context[key] || {}
+    ).sort();
+    const sortedObj = sortedKeys.reduce((obj, sortedKey) => {
+      obj[sortedKey] = context[key][sortedKey];
+      return obj;
+    }, {});
+    acc[key] = sortedObj;
+    return acc;
+  }, {});
+  return JSON.stringify(sortedContext);
+}
 export {
   Schematic
 };

package/package.json

@@ -44,5 +44,5 @@
     "test": "jest --config jest.config.js"
   },
   "types": "dist/schematic.d.ts",
-  "version": "0.0.13"
+  "version": "0.1.1"
 }