@schematichq/schematic-js 0.1.13 → 1.0.0-rc.0

package/dist/schematic.browser.js

@@ -1,3 +1,3 @@
-"use strict";(()=>{var G=Object.create;var I=Object.defineProperty;var X=Object.getOwnPropertyDescriptor;var z=Object.getOwnPropertyNames;var Y=Object.getPrototypeOf,Z=Object.prototype.hasOwnProperty;var ee=(i,r)=>()=>(r||i((r={exports:{}}).exports,r),r.exports);var te=(i,r,n,o)=>{if(r&&typeof r=="object"||typeof r=="function")for(let s of z(r))!Z.call(i,s)&&s!==n&&I(i,s,{get:()=>r[s],enumerable:!(o=X(r,s))||o.enumerable});return i};var re=(i,r,n)=>(n=i!=null?G(Y(i)):{},te(r||!i||!i.__esModule?I(n,"default",{value:i,enumerable:!0}):n,i));var L=ee(F=>{(function(i){var r=function(n){var o=typeof globalThis<"u"&&globalThis||typeof i<"u"&&i||typeof o<"u"&&o,s={searchParams:"URLSearchParams"in o,iterable:"Symbol"in o&&"iterator"in Symbol,blob:"FileReader"in o&&"Blob"in o&&function(){try{return new Blob,!0}catch{return!1}}(),formData:"FormData"in o,arrayBuffer:"ArrayBuffer"in o};function y(e){return e&&DataView.prototype.isPrototypeOf(e)}if(s.arrayBuffer)var h=["[object Int8Array]","[object Uint8Array]","[object Uint8ClampedArray]","[object Int16Array]","[object Uint16Array]","[object Int32Array]","[object Uint32Array]","[object Float32Array]","[object Float64Array]"],b=ArrayBuffer.isView||function(e){return e&&h.indexOf(Object.prototype.toString.call(e))>-1};function g(e){if(typeof e!="string"&&(e=String(e)),/[^a-z0-9\-#$%&'*+.^_`|~!]/i.test(e)||e==="")throw new TypeError('Invalid character in header field name: "'+e+'"');return e.toLowerCase()}function S(e){return typeof e!="string"&&(e=String(e)),e}function E(e){var t={next:function(){var a=e.shift();return{done:a===void 0,value:a}}};return s.iterable&&(t[Symbol.iterator]=function(){return t}),t}function d(e){this.map={},e instanceof d?e.forEach(function(t,a){this.append(a,t)},this):Array.isArray(e)?e.forEach(function(t){this.append(t[0],t[1])},this):e&&Object.getOwnPropertyNames(e).forEach(function(t){this.append(t,e[t])},this)}d.prototype.append=function(e,t){e=g(e),t=S(t);var a=this.map[e];this.map[e]=a?a+", "+t:t},d.prototype.delete=function(e){delete this.map[g(e)]},d.prototype.get=function(e){return e=g(e),this.has(e)?this.map[e]:null},d.prototype.has=function(e){return this.map.hasOwnProperty(g(e))},d.prototype.set=function(e,t){this.map[g(e)]=S(t)},d.prototype.forEach=function(e,t){for(var a in this.map)this.map.hasOwnProperty(a)&&e.call(t,this.map[a],a,this)},d.prototype.keys=function(){var e=[];return this.forEach(function(t,a){e.push(a)}),E(e)},d.prototype.values=function(){var e=[];return this.forEach(function(t){e.push(t)}),E(e)},d.prototype.entries=function(){var e=[];return this.forEach(function(t,a){e.push([a,t])}),E(e)},s.iterable&&(d.prototype[Symbol.iterator]=d.prototype.entries);function _(e){if(e.bodyUsed)return Promise.reject(new TypeError("Already read"));e.bodyUsed=!0}function R(e){return new Promise(function(t,a){e.onload=function(){t(e.result)},e.onerror=function(){a(e.error)}})}function N(e){var t=new FileReader,a=R(t);return t.readAsArrayBuffer(e),a}function q(e){var t=new FileReader,a=R(t);return t.readAsText(e),a}function M(e){for(var t=new Uint8Array(e),a=new Array(t.length),u=0;u<t.length;u++)a[u]=String.fromCharCode(t[u]);return a.join("")}function C(e){if(e.slice)return e.slice(0);var t=new Uint8Array(e.byteLength);return t.set(new Uint8Array(e)),t.buffer}function D(){return this.bodyUsed=!1,this._initBody=function(e){this.bodyUsed=this.bodyUsed,this._bodyInit=e,e?typeof e=="string"?this._bodyText=e:s.blob&&Blob.prototype.isPrototypeOf(e)?this._bodyBlob=e:s.formData&&FormData.prototype.isPrototypeOf(e)?this._bodyFormData=e:s.searchParams&&URLSearchParams.prototype.isPrototypeOf(e)?this._bodyText=e.toString():s.arrayBuffer&&s.blob&&y(e)?(this._bodyArrayBuffer=C(e.buffer),this._bodyInit=new Blob([this._bodyArrayBuffer])):s.arrayBuffer&&(ArrayBuffer.prototype.isPrototypeOf(e)||b(e))?this._bodyArrayBuffer=C(e):this._bodyText=e=Object.prototype.toString.call(e):this._bodyText="",this.headers.get("content-type")||(typeof e=="string"?this.headers.set("content-type","text/plain;charset=UTF-8"):this._bodyBlob&&this._bodyBlob.type?this.headers.set("content-type",this._bodyBlob.type):s.searchParams&&URLSearchParams.prototype.isPrototypeOf(e)&&this.headers.set("content-type","application/x-www-form-urlencoded;charset=UTF-8"))},s.blob&&(this.blob=function(){var e=_(this);if(e)return e;if(this._bodyBlob)return Promise.resolve(this._bodyBlob);if(this._bodyArrayBuffer)return Promise.resolve(new Blob([this._bodyArrayBuffer]));if(this._bodyFormData)throw new Error("could not read FormData body as blob");return Promise.resolve(new Blob([this._bodyText]))},this.arrayBuffer=function(){if(this._bodyArrayBuffer){var e=_(this);return e||(ArrayBuffer.isView(this._bodyArrayBuffer)?Promise.resolve(this._bodyArrayBuffer.buffer.slice(this._bodyArrayBuffer.byteOffset,this._bodyArrayBuffer.byteOffset+this._bodyArrayBuffer.byteLength)):Promise.resolve(this._bodyArrayBuffer))}else return this.blob().then(N)}),this.text=function(){var e=_(this);if(e)return e;if(this._bodyBlob)return q(this._bodyBlob);if(this._bodyArrayBuffer)return Promise.resolve(M(this._bodyArrayBuffer));if(this._bodyFormData)throw new Error("could not read FormData body as text");return Promise.resolve(this._bodyText)},s.formData&&(this.formData=function(){return this.text().then(V)}),this.json=function(){return this.text().then(JSON.parse)},this}var W=["DELETE","GET","HEAD","OPTIONS","POST","PUT"];function H(e){var t=e.toUpperCase();return W.indexOf(t)>-1?t:e}function v(e,t){if(!(this instanceof v))throw new TypeError('Please use the "new" operator, this DOM object constructor cannot be called as a function.');t=t||{};var a=t.body;if(e instanceof v){if(e.bodyUsed)throw new TypeError("Already read");this.url=e.url,this.credentials=e.credentials,t.headers||(this.headers=new d(e.headers)),this.method=e.method,this.mode=e.mode,this.signal=e.signal,!a&&e._bodyInit!=null&&(a=e._bodyInit,e.bodyUsed=!0)}else this.url=String(e);if(this.credentials=t.credentials||this.credentials||"same-origin",(t.headers||!this.headers)&&(this.headers=new d(t.headers)),this.method=H(t.method||this.method||"GET"),this.mode=t.mode||this.mode||null,this.signal=t.signal||this.signal,this.referrer=null,(this.method==="GET"||this.method==="HEAD")&&a)throw new TypeError("Body not allowed for GET or HEAD requests");if(this._initBody(a),(this.method==="GET"||this.method==="HEAD")&&(t.cache==="no-store"||t.cache==="no-cache")){var u=/([?&])_=[^&]*/;if(u.test(this.url))this.url=this.url.replace(u,"$1_="+new Date().getTime());else{var f=/\?/;this.url+=(f.test(this.url)?"&":"?")+"_="+new Date().getTime()}}}v.prototype.clone=function(){return new v(this,{body:this._bodyInit})};function V(e){var t=new FormData;return e.trim().split("&").forEach(function(a){if(a){var u=a.split("="),f=u.shift().replace(/\+/g," "),c=u.join("=").replace(/\+/g," ");t.append(decodeURIComponent(f),decodeURIComponent(c))}}),t}function J(e){var t=new d,a=e.replace(/\r?\n[\t ]+/g," ");return a.split("\r").map(function(u){return u.indexOf(`
-`)===0?u.substr(1,u.length):u}).forEach(function(u){var f=u.split(":"),c=f.shift().trim();if(c){var T=f.join(":").trim();t.append(c,T)}}),t}D.call(v.prototype);function m(e,t){if(!(this instanceof m))throw new TypeError('Please use the "new" operator, this DOM object constructor cannot be called as a function.');t||(t={}),this.type="default",this.status=t.status===void 0?200:t.status,this.ok=this.status>=200&&this.status<300,this.statusText=t.statusText===void 0?"":""+t.statusText,this.headers=new d(t.headers),this.url=t.url||"",this._initBody(e)}D.call(m.prototype),m.prototype.clone=function(){return new m(this._bodyInit,{status:this.status,statusText:this.statusText,headers:new d(this.headers),url:this.url})},m.error=function(){var e=new m(null,{status:0,statusText:""});return e.type="error",e};var Q=[301,302,303,307,308];m.redirect=function(e,t){if(Q.indexOf(t)===-1)throw new RangeError("Invalid status code");return new m(null,{status:t,headers:{location:e}})},n.DOMException=o.DOMException;try{new n.DOMException}catch{n.DOMException=function(t,a){this.message=t,this.name=a;var u=Error(t);this.stack=u.stack},n.DOMException.prototype=Object.create(Error.prototype),n.DOMException.prototype.constructor=n.DOMException}function A(e,t){return new Promise(function(a,u){var f=new v(e,t);if(f.signal&&f.signal.aborted)return u(new n.DOMException("Aborted","AbortError"));var c=new XMLHttpRequest;function T(){c.abort()}c.onload=function(){var p={status:c.status,statusText:c.statusText,headers:J(c.getAllResponseHeaders()||"")};p.url="responseURL"in c?c.responseURL:p.headers.get("X-Request-URL");var k="response"in c?c.response:c.responseText;setTimeout(function(){a(new m(k,p))},0)},c.onerror=function(){setTimeout(function(){u(new TypeError("Network request failed"))},0)},c.ontimeout=function(){setTimeout(function(){u(new TypeError("Network request failed"))},0)},c.onabort=function(){setTimeout(function(){u(new n.DOMException("Aborted","AbortError"))},0)};function $(p){try{return p===""&&o.location.href?o.location.href:p}catch{return p}}c.open(f.method,$(f.url),!0),f.credentials==="include"?c.withCredentials=!0:f.credentials==="omit"&&(c.withCredentials=!1),"responseType"in c&&(s.blob?c.responseType="blob":s.arrayBuffer&&f.headers.get("Content-Type")&&f.headers.get("Content-Type").indexOf("application/octet-stream")!==-1&&(c.responseType="arraybuffer")),t&&typeof t.headers=="object"&&!(t.headers instanceof d)?Object.getOwnPropertyNames(t.headers).forEach(function(p){c.setRequestHeader(p,S(t.headers[p]))}):f.headers.forEach(function(p,k){c.setRequestHeader(k,p)}),f.signal&&(f.signal.addEventListener("abort",T),c.onreadystatechange=function(){c.readyState===4&&f.signal.removeEventListener("abort",T)}),c.send(typeof f._bodyInit>"u"?null:f._bodyInit)})}return A.polyfill=!0,o.fetch||(o.fetch=A,o.Headers=d,o.Request=v,o.Response=m),n.Headers=d,n.Request=v,n.Response=m,n.fetch=A,n}({})})(typeof self<"u"?self:F)});var U,ne=new Uint8Array(16);function O(){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(ne)}var l=[];for(let i=0;i<256;++i)l.push((i+256).toString(16).slice(1));function j(i,r=0){return l[i[r+0]]+l[i[r+1]]+l[i[r+2]]+l[i[r+3]]+"-"+l[i[r+4]]+l[i[r+5]]+"-"+l[i[r+6]]+l[i[r+7]]+"-"+l[i[r+8]]+l[i[r+9]]+"-"+l[i[r+10]]+l[i[r+11]]+l[i[r+12]]+l[i[r+13]]+l[i[r+14]]+l[i[r+15]]}var oe=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),P={randomUUID:oe};function ie(i,r,n){if(P.randomUUID&&!r&&!i)return P.randomUUID();i=i||{};let o=i.random||(i.rng||O)();if(o[6]=o[6]&15|64,o[8]=o[8]&63|128,r){n=n||0;for(let s=0;s<16;++s)r[n+s]=o[s];return r}return j(o)}var x=ie;var ve=re(L()),K="schematicId";var B=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(r,n){this.apiKey=r,this.eventQueue=[],this.useWebSocket=n?.useWebSocket??!1,this.flagListener=n?.flagListener,n?.storage?this.storage=n.storage:typeof localStorage<"u"&&(this.storage=localStorage),n?.apiUrl!==void 0&&(this.apiUrl=n.apiUrl),n?.eventUrl!==void 0&&(this.eventUrl=n.eventUrl),n?.webSocketUrl!==void 0&&(this.webSocketUrl=n.webSocketUrl),window?.addEventListener&&window.addEventListener("beforeunload",()=>{this.flushEventQueue()})}async checkFlag(r){let{fallback:n=!1,key:o}=r,s=r.context||this.context;if(this.useWebSocket){let h=this.values[w(s)]??{};return typeof h[o]>"u"?n:h[o]}let y=`${this.apiUrl}/flags/${o}/check`;return fetch(y,{method:"POST",headers:{"X-Schematic-Api-Key":this.apiKey,"Content-Type":"application/json;charset=UTF-8"},body:JSON.stringify(s)}).then(h=>{if(!h.ok)throw new Error("Network response was not ok");return h.json()}).then(h=>h.data.value).catch(h=>(console.error("There was a problem with the fetch operation:",h),n))}checkFlags=async r=>{r=r||this.context;let n=`${this.apiUrl}/flags/check`,o=JSON.stringify(r);return fetch(n,{method:"POST",headers:{"Content-Type":"application/json;charset=UTF-8","X-Schematic-Api-Key":this.apiKey},body:o}).then(s=>{if(!s.ok)throw new Error("Network response was not ok");return s.json()}).then(s=>(s?.data?.flags??[]).reduce((y,h)=>(y[h.flag]=h.value,y),{})).catch(s=>(console.error("There was a problem with the fetch operation:",s),!1))};cleanup=async()=>{if(this.conn)try{(await this.conn).close()}catch(r){console.error("Error during cleanup:",r)}finally{this.conn=null}};identify=r=>(this.setContext({company:r.company?.keys,user:r.keys}),this.handleEvent("identify",r));setContext=async r=>this.useWebSocket?(this.conn||(this.conn=this.wsConnect()),this.conn.then(n=>this.wsSendMessage(n,r))):(this.context=r,Promise.resolve());track=r=>{let{company:n,user:o,event:s,traits:y}=r;return this.handleEvent("track",{company:n??this.context.company,event:s,traits:y??{},user:o??this.context.user})};flushEventQueue=()=>{for(;this.eventQueue.length>0;){let r=this.eventQueue.shift();r&&this.sendEvent(r)}};getAnonymousId=()=>{if(!this.storage)return x();let r=this.storage.getItem(K);if(typeof r<"u")return r;let n=x();return this.storage.setItem(K,n),n};handleEvent=(r,n)=>{let o={api_key:this.apiKey,body:n,sent_at:new Date().toISOString(),tracker_event_id:x(),tracker_user_id:this.getAnonymousId(),type:r};return document?.hidden?this.storeEvent(o):this.sendEvent(o)};sendEvent=async r=>{let n=`${this.eventUrl}/e`,o=JSON.stringify(r);try{await fetch(n,{method:"POST",headers:{"Content-Type":"application/json;charset=UTF-8"},body:o})}catch(s){console.error("Error sending Schematic event: ",s)}return Promise.resolve()};storeEvent=r=>(this.eventQueue.push(r),Promise.resolve());wsConnect=()=>new Promise((r,n)=>{let o=`${this.webSocketUrl}/flags/bootstrap`,s=new WebSocket(o);s.onopen=()=>{r(s)},s.onerror=y=>{n(y)},s.onclose=()=>{this.conn=null}});wsSendMessage=(r,n)=>new Promise((o,s)=>{if(w(n)==w(this.context)){o();return}this.context=n;let y=()=>{let h=!1,b=g=>{let S=JSON.parse(g.data);w(n)in this.values||(this.values[w(n)]={}),(S.flags??[]).forEach(E=>{this.values[w(n)][E.flag]=E.value}),this.flagListener&&this.flagListener(this.values[w(n)]),h||(h=!0,o()),r.removeEventListener("message",b)};r.addEventListener("message",b),r.send(JSON.stringify({apiKey:this.apiKey,data:n}))};r.readyState===WebSocket.OPEN?y():r.readyState===WebSocket.CONNECTING?r.addEventListener("open",y):s("WebSocket is not open or connecting")})};function w(i){let r=Object.keys(i).reduce((n,o)=>{let y=Object.keys(i[o]||{}).sort().reduce((h,b)=>(h[b]=i[o][b],h),{});return n[o]=y,n},{});return JSON.stringify(r)}window.Schematic=B;})();
+"use strict";(()=>{var X=Object.create;var R=Object.defineProperty;var z=Object.getOwnPropertyDescriptor;var Y=Object.getOwnPropertyNames;var Z=Object.getPrototypeOf,ee=Object.prototype.hasOwnProperty;var te=(s,t)=>()=>(t||s((t={exports:{}}).exports,t),t.exports);var re=(s,t,n,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of Y(t))!ee.call(s,o)&&o!==n&&R(s,o,{get:()=>t[o],enumerable:!(i=z(t,o))||i.enumerable});return s};var ne=(s,t,n)=>(n=s!=null?X(Z(s)):{},re(t||!s||!s.__esModule?R(n,"default",{value:s,enumerable:!0}):n,s));var V=te(j=>{(function(s){var t=function(n){var i=typeof globalThis<"u"&&globalThis||typeof s<"u"&&s||typeof i<"u"&&i,o={searchParams:"URLSearchParams"in i,iterable:"Symbol"in i&&"iterator"in Symbol,blob:"FileReader"in i&&"Blob"in i&&function(){try{return new Blob,!0}catch{return!1}}(),formData:"FormData"in i,arrayBuffer:"ArrayBuffer"in i};function y(e){return e&&DataView.prototype.isPrototypeOf(e)}if(o.arrayBuffer)var h=["[object Int8Array]","[object Uint8Array]","[object Uint8ClampedArray]","[object Int16Array]","[object Uint16Array]","[object Int32Array]","[object Uint32Array]","[object Float32Array]","[object Float64Array]"],E=ArrayBuffer.isView||function(e){return e&&h.indexOf(Object.prototype.toString.call(e))>-1};function b(e){if(typeof e!="string"&&(e=String(e)),/[^a-z0-9\-#$%&'*+.^_`|~!]/i.test(e)||e==="")throw new TypeError('Invalid character in header field name: "'+e+'"');return e.toLowerCase()}function S(e){return typeof e!="string"&&(e=String(e)),e}function w(e){var r={next:function(){var a=e.shift();return{done:a===void 0,value:a}}};return o.iterable&&(r[Symbol.iterator]=function(){return r}),r}function d(e){this.map={},e instanceof d?e.forEach(function(r,a){this.append(a,r)},this):Array.isArray(e)?e.forEach(function(r){this.append(r[0],r[1])},this):e&&Object.getOwnPropertyNames(e).forEach(function(r){this.append(r,e[r])},this)}d.prototype.append=function(e,r){e=b(e),r=S(r);var a=this.map[e];this.map[e]=a?a+", "+r:r},d.prototype.delete=function(e){delete this.map[b(e)]},d.prototype.get=function(e){return e=b(e),this.has(e)?this.map[e]:null},d.prototype.has=function(e){return this.map.hasOwnProperty(b(e))},d.prototype.set=function(e,r){this.map[b(e)]=S(r)},d.prototype.forEach=function(e,r){for(var a in this.map)this.map.hasOwnProperty(a)&&e.call(r,this.map[a],a,this)},d.prototype.keys=function(){var e=[];return this.forEach(function(r,a){e.push(a)}),w(e)},d.prototype.values=function(){var e=[];return this.forEach(function(r){e.push(r)}),w(e)},d.prototype.entries=function(){var e=[];return this.forEach(function(r,a){e.push([a,r])}),w(e)},o.iterable&&(d.prototype[Symbol.iterator]=d.prototype.entries);function O(e){if(e.bodyUsed)return Promise.reject(new TypeError("Already read"));e.bodyUsed=!0}function D(e){return new Promise(function(r,a){e.onload=function(){r(e.result)},e.onerror=function(){a(e.error)}})}function M(e){var r=new FileReader,a=D(r);return r.readAsArrayBuffer(e),a}function q(e){var r=new FileReader,a=D(r);return r.readAsText(e),a}function H(e){for(var r=new Uint8Array(e),a=new Array(r.length),u=0;u<r.length;u++)a[u]=String.fromCharCode(r[u]);return a.join("")}function C(e){if(e.slice)return e.slice(0);var r=new Uint8Array(e.byteLength);return r.set(new Uint8Array(e)),r.buffer}function L(){return this.bodyUsed=!1,this._initBody=function(e){this.bodyUsed=this.bodyUsed,this._bodyInit=e,e?typeof e=="string"?this._bodyText=e:o.blob&&Blob.prototype.isPrototypeOf(e)?this._bodyBlob=e:o.formData&&FormData.prototype.isPrototypeOf(e)?this._bodyFormData=e:o.searchParams&&URLSearchParams.prototype.isPrototypeOf(e)?this._bodyText=e.toString():o.arrayBuffer&&o.blob&&y(e)?(this._bodyArrayBuffer=C(e.buffer),this._bodyInit=new Blob([this._bodyArrayBuffer])):o.arrayBuffer&&(ArrayBuffer.prototype.isPrototypeOf(e)||E(e))?this._bodyArrayBuffer=C(e):this._bodyText=e=Object.prototype.toString.call(e):this._bodyText="",this.headers.get("content-type")||(typeof e=="string"?this.headers.set("content-type","text/plain;charset=UTF-8"):this._bodyBlob&&this._bodyBlob.type?this.headers.set("content-type",this._bodyBlob.type):o.searchParams&&URLSearchParams.prototype.isPrototypeOf(e)&&this.headers.set("content-type","application/x-www-form-urlencoded;charset=UTF-8"))},o.blob&&(this.blob=function(){var e=O(this);if(e)return e;if(this._bodyBlob)return Promise.resolve(this._bodyBlob);if(this._bodyArrayBuffer)return Promise.resolve(new Blob([this._bodyArrayBuffer]));if(this._bodyFormData)throw new Error("could not read FormData body as blob");return Promise.resolve(new Blob([this._bodyText]))},this.arrayBuffer=function(){if(this._bodyArrayBuffer){var e=O(this);return e||(ArrayBuffer.isView(this._bodyArrayBuffer)?Promise.resolve(this._bodyArrayBuffer.buffer.slice(this._bodyArrayBuffer.byteOffset,this._bodyArrayBuffer.byteOffset+this._bodyArrayBuffer.byteLength)):Promise.resolve(this._bodyArrayBuffer))}else return this.blob().then(M)}),this.text=function(){var e=O(this);if(e)return e;if(this._bodyBlob)return q(this._bodyBlob);if(this._bodyArrayBuffer)return Promise.resolve(H(this._bodyArrayBuffer));if(this._bodyFormData)throw new Error("could not read FormData body as text");return Promise.resolve(this._bodyText)},o.formData&&(this.formData=function(){return this.text().then(J)}),this.json=function(){return this.text().then(JSON.parse)},this}var W=["DELETE","GET","HEAD","OPTIONS","POST","PUT"];function K(e){var r=e.toUpperCase();return W.indexOf(r)>-1?r:e}function v(e,r){if(!(this instanceof v))throw new TypeError('Please use the "new" operator, this DOM object constructor cannot be called as a function.');r=r||{};var a=r.body;if(e instanceof v){if(e.bodyUsed)throw new TypeError("Already read");this.url=e.url,this.credentials=e.credentials,r.headers||(this.headers=new d(e.headers)),this.method=e.method,this.mode=e.mode,this.signal=e.signal,!a&&e._bodyInit!=null&&(a=e._bodyInit,e.bodyUsed=!0)}else this.url=String(e);if(this.credentials=r.credentials||this.credentials||"same-origin",(r.headers||!this.headers)&&(this.headers=new d(r.headers)),this.method=K(r.method||this.method||"GET"),this.mode=r.mode||this.mode||null,this.signal=r.signal||this.signal,this.referrer=null,(this.method==="GET"||this.method==="HEAD")&&a)throw new TypeError("Body not allowed for GET or HEAD requests");if(this._initBody(a),(this.method==="GET"||this.method==="HEAD")&&(r.cache==="no-store"||r.cache==="no-cache")){var u=/([?&])_=[^&]*/;if(u.test(this.url))this.url=this.url.replace(u,"$1_="+new Date().getTime());else{var f=/\?/;this.url+=(f.test(this.url)?"&":"?")+"_="+new Date().getTime()}}}v.prototype.clone=function(){return new v(this,{body:this._bodyInit})};function J(e){var r=new FormData;return e.trim().split("&").forEach(function(a){if(a){var u=a.split("="),f=u.shift().replace(/\+/g," "),c=u.join("=").replace(/\+/g," ");r.append(decodeURIComponent(f),decodeURIComponent(c))}}),r}function Q(e){var r=new d,a=e.replace(/\r?\n[\t ]+/g," ");return a.split("\r").map(function(u){return u.indexOf(`
+`)===0?u.substr(1,u.length):u}).forEach(function(u){var f=u.split(":"),c=f.shift().trim();if(c){var T=f.join(":").trim();r.append(c,T)}}),r}L.call(v.prototype);function m(e,r){if(!(this instanceof m))throw new TypeError('Please use the "new" operator, this DOM object constructor cannot be called as a function.');r||(r={}),this.type="default",this.status=r.status===void 0?200:r.status,this.ok=this.status>=200&&this.status<300,this.statusText=r.statusText===void 0?"":""+r.statusText,this.headers=new d(r.headers),this.url=r.url||"",this._initBody(e)}L.call(m.prototype),m.prototype.clone=function(){return new m(this._bodyInit,{status:this.status,statusText:this.statusText,headers:new d(this.headers),url:this.url})},m.error=function(){var e=new m(null,{status:0,statusText:""});return e.type="error",e};var $=[301,302,303,307,308];m.redirect=function(e,r){if($.indexOf(r)===-1)throw new RangeError("Invalid status code");return new m(null,{status:r,headers:{location:e}})},n.DOMException=i.DOMException;try{new n.DOMException}catch{n.DOMException=function(r,a){this.message=r,this.name=a;var u=Error(r);this.stack=u.stack},n.DOMException.prototype=Object.create(Error.prototype),n.DOMException.prototype.constructor=n.DOMException}function k(e,r){return new Promise(function(a,u){var f=new v(e,r);if(f.signal&&f.signal.aborted)return u(new n.DOMException("Aborted","AbortError"));var c=new XMLHttpRequest;function T(){c.abort()}c.onload=function(){var p={status:c.status,statusText:c.statusText,headers:Q(c.getAllResponseHeaders()||"")};p.url="responseURL"in c?c.responseURL:p.headers.get("X-Request-URL");var P="response"in c?c.response:c.responseText;setTimeout(function(){a(new m(P,p))},0)},c.onerror=function(){setTimeout(function(){u(new TypeError("Network request failed"))},0)},c.ontimeout=function(){setTimeout(function(){u(new TypeError("Network request failed"))},0)},c.onabort=function(){setTimeout(function(){u(new n.DOMException("Aborted","AbortError"))},0)};function G(p){try{return p===""&&i.location.href?i.location.href:p}catch{return p}}c.open(f.method,G(f.url),!0),f.credentials==="include"?c.withCredentials=!0:f.credentials==="omit"&&(c.withCredentials=!1),"responseType"in c&&(o.blob?c.responseType="blob":o.arrayBuffer&&f.headers.get("Content-Type")&&f.headers.get("Content-Type").indexOf("application/octet-stream")!==-1&&(c.responseType="arraybuffer")),r&&typeof r.headers=="object"&&!(r.headers instanceof d)?Object.getOwnPropertyNames(r.headers).forEach(function(p){c.setRequestHeader(p,S(r.headers[p]))}):f.headers.forEach(function(p,P){c.setRequestHeader(P,p)}),f.signal&&(f.signal.addEventListener("abort",T),c.onreadystatechange=function(){c.readyState===4&&f.signal.removeEventListener("abort",T)}),c.send(typeof f._bodyInit>"u"?null:f._bodyInit)})}return k.polyfill=!0,i.fetch||(i.fetch=k,i.Headers=d,i.Request=v,i.Response=m),n.Headers=d,n.Request=v,n.Response=m,n.fetch=k,n}({})})(typeof self<"u"?self:j)});var l=[];for(U=0;U<256;++U)l.push((U+256).toString(16).slice(1));var U;function F(s,t=0){return(l[s[t+0]]+l[s[t+1]]+l[s[t+2]]+l[s[t+3]]+"-"+l[s[t+4]]+l[s[t+5]]+"-"+l[s[t+6]]+l[s[t+7]]+"-"+l[s[t+8]]+l[s[t+9]]+"-"+l[s[t+10]]+l[s[t+11]]+l[s[t+12]]+l[s[t+13]]+l[s[t+14]]+l[s[t+15]]).toLowerCase()}var A,ie=new Uint8Array(16);function _(){if(!A&&(A=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!A))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return A(ie)}var oe=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),I={randomUUID:oe};function se(s,t,n){if(I.randomUUID&&!t&&!s)return I.randomUUID();s=s||{};var i=s.random||(s.rng||_)();if(i[6]=i[6]&15|64,i[8]=i[8]&63|128,t){n=n||0;for(var o=0;o<16;++o)t[n+o]=i[o];return t}return F(i)}var x=se;var be=ne(V());function g(s){let t=Object.keys(s).reduce((n,i)=>{let y=Object.keys(s[i]||{}).sort().reduce((h,E)=>(h[E]=s[i][E],h),{});return n[i]=y,n},{});return JSON.stringify(t)}var N="schematicId";var B=class{apiKey;apiUrl="https://api.schematichq.com";conn=null;context={};eventQueue;eventUrl="https://c.schematichq.com";flagListener;flagValueListeners={};isPending=!0;isPendingListeners=new Set;storage;useWebSocket=!1;values={};webSocketUrl="wss://api.schematichq.com";constructor(t,n){this.apiKey=t,this.eventQueue=[],this.useWebSocket=n?.useWebSocket??!1,this.flagListener=n?.flagListener,n?.storage?this.storage=n.storage:typeof localStorage<"u"&&(this.storage=localStorage),n?.apiUrl!==void 0&&(this.apiUrl=n.apiUrl),n?.eventUrl!==void 0&&(this.eventUrl=n.eventUrl),n?.webSocketUrl!==void 0&&(this.webSocketUrl=n.webSocketUrl),typeof window<"u"&&window?.addEventListener&&window.addEventListener("beforeunload",()=>{this.flushEventQueue()})}async checkFlag(t){let{fallback:n=!1,key:i}=t,o=t.context||this.context;if(this.useWebSocket){let h=this.values[g(o)]??{};return typeof h[i]>"u"?n:h[i]}let y=`${this.apiUrl}/flags/${i}/check`;return fetch(y,{method:"POST",headers:{"X-Schematic-Api-Key":this.apiKey,"Content-Type":"application/json;charset=UTF-8"},body:JSON.stringify(o)}).then(h=>{if(!h.ok)throw new Error("Network response was not ok");return h.json()}).then(h=>h.data.value).catch(h=>(console.error("There was a problem with the fetch operation:",h),n))}checkFlags=async t=>{t=t||this.context;let n=`${this.apiUrl}/flags/check`,i=JSON.stringify(t);return fetch(n,{method:"POST",headers:{"Content-Type":"application/json;charset=UTF-8","X-Schematic-Api-Key":this.apiKey},body:i}).then(o=>{if(!o.ok)throw new Error("Network response was not ok");return o.json()}).then(o=>(o?.data?.flags??[]).reduce((y,h)=>(y[h.flag]=h.value,y),{})).catch(o=>(console.error("There was a problem with the fetch operation:",o),!1))};identify=t=>(this.setContext({company:t.company?.keys,user:t.keys}),this.handleEvent("identify",t));setContext=async t=>{if(!this.useWebSocket)return this.context=t,Promise.resolve();try{this.setIsPending(!0),this.conn||(this.conn=this.wsConnect());let n=await this.conn;await this.wsSendMessage(n,t)}catch(n){console.error("Error setting Schematic context:",n)}};track=t=>{let{company:n,user:i,event:o,traits:y}=t;return this.handleEvent("track",{company:n??this.context.company,event:o,traits:y??{},user:i??this.context.user})};flushEventQueue=()=>{for(;this.eventQueue.length>0;){let t=this.eventQueue.shift();t&&this.sendEvent(t)}};getAnonymousId=()=>{if(!this.storage)return x();let t=this.storage.getItem(N);if(typeof t<"u")return t;let n=x();return this.storage.setItem(N,n),n};handleEvent=(t,n)=>{let i={api_key:this.apiKey,body:n,sent_at:new Date().toISOString(),tracker_event_id:x(),tracker_user_id:this.getAnonymousId(),type:t};return document?.hidden?this.storeEvent(i):this.sendEvent(i)};sendEvent=async t=>{let n=`${this.eventUrl}/e`,i=JSON.stringify(t);try{await fetch(n,{method:"POST",headers:{"Content-Type":"application/json;charset=UTF-8"},body:i})}catch(o){console.error("Error sending Schematic event: ",o)}return Promise.resolve()};storeEvent=t=>(this.eventQueue.push(t),Promise.resolve());cleanup=async()=>{if(this.conn)try{(await this.conn).close()}catch(t){console.error("Error during cleanup:",t)}finally{this.conn=null}};wsConnect=()=>new Promise((t,n)=>{let i=`${this.webSocketUrl}/flags/bootstrap`,o=new WebSocket(i);o.onopen=()=>{t(o)},o.onerror=y=>{n(y)},o.onclose=()=>{this.conn=null}});wsSendMessage=(t,n)=>new Promise((i,o)=>{if(g(n)==g(this.context)){i();return}this.context=n;let y=()=>{let h=!1,E=b=>{let S=JSON.parse(b.data);g(n)in this.values||(this.values[g(n)]={}),(S.flags??[]).forEach(w=>{this.values[g(n)][w.flag]=w.value,this.notifyFlagValueListeners(w.flag)}),this.flagListener&&this.flagListener(this.getFlagValues()),this.setIsPending(!1),h||(h=!0,i())};t.addEventListener("message",E),t.send(JSON.stringify({apiKey:this.apiKey,data:n}))};t.readyState===WebSocket.OPEN?y():t.readyState===WebSocket.CONNECTING?t.addEventListener("open",y):o("WebSocket is not open or connecting")});getIsPending=()=>this.isPending;addIsPendingListener=t=>(this.isPendingListeners.add(t),()=>{this.isPendingListeners.delete(t)});setIsPending=t=>{this.isPending=t,this.isPendingListeners.forEach(n=>n())};getFlagValue=t=>this.getFlagValues()[t];getFlagValues=()=>{let t=g(this.context);return this.values[t]??{}};addFlagValueListener=(t,n)=>(t in this.flagValueListeners||(this.flagValueListeners[t]=new Set),this.flagValueListeners[t].add(n),()=>{this.flagValueListeners[t].delete(n)});notifyFlagValueListeners=t=>{(this.flagValueListeners?.[t]??[]).forEach(i=>i())}};window.Schematic=B;})();
 /* @preserve */

package/dist/schematic.cjs.js

@@ -539,6 +539,16 @@ __export(src_exports, {
 });
 module.exports = __toCommonJS(src_exports);
 
+// node_modules/uuid/dist/esm-browser/stringify.js
+var byteToHex = [];
+for (i = 0; i < 256; ++i) {
+  byteToHex.push((i + 256).toString(16).slice(1));
+}
+var i;
+function unsafeStringify(arr, offset = 0) {
+  return (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + "-" + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + "-" + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + "-" + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + "-" + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase();
+}
+
 // node_modules/uuid/dist/esm-browser/rng.js
 var getRandomValues;
 var rnds8 = new Uint8Array(16);
@@ -552,15 +562,6 @@ function rng() {
   return getRandomValues(rnds8);
 }
 
-// node_modules/uuid/dist/esm-browser/stringify.js
-var byteToHex = [];
-for (let i = 0; i < 256; ++i) {
-  byteToHex.push((i + 256).toString(16).slice(1));
-}
-function unsafeStringify(arr, offset = 0) {
-  return byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + "-" + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + "-" + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + "-" + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + "-" + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]];
-}
-
 // node_modules/uuid/dist/esm-browser/native.js
 var randomUUID = typeof crypto !== "undefined" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
 var native_default = {
@@ -573,12 +574,12 @@ function v4(options, buf, offset) {
     return native_default.randomUUID();
   }
   options = options || {};
-  const rnds = options.random || (options.rng || rng)();
+  var rnds = options.random || (options.rng || rng)();
   rnds[6] = rnds[6] & 15 | 64;
   rnds[8] = rnds[8] & 63 | 128;
   if (buf) {
     offset = offset || 0;
-    for (let i = 0; i < 16; ++i) {
+    for (var i = 0; i < 16; ++i) {
       buf[offset + i] = rnds[i];
     }
     return buf;
@@ -589,19 +590,40 @@ var v4_default = v4;
 
 // src/index.ts
 var import_polyfill = __toESM(require_browser_polyfill());
+
+// src/utils.ts
+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);
+}
+
+// src/index.ts
 var anonymousIdKey = "schematicId";
 var Schematic = class {
   apiKey;
   apiUrl = "https://api.schematichq.com";
-  webSocketUrl = "wss://api.schematichq.com";
-  eventUrl = "https://c.schematichq.com";
   conn = null;
   context = {};
   eventQueue;
+  eventUrl = "https://c.schematichq.com";
+  flagListener;
+  flagValueListeners = {};
+  isPending = true;
+  isPendingListeners = /* @__PURE__ */ new Set();
   storage;
   useWebSocket = false;
   values = {};
-  flagListener;
+  webSocketUrl = "wss://api.schematichq.com";
   constructor(apiKey, options) {
     this.apiKey = apiKey;
     this.eventQueue = [];
@@ -621,12 +643,14 @@ var Schematic = class {
     if (options?.webSocketUrl !== void 0) {
       this.webSocketUrl = options.webSocketUrl;
     }
-    if (window?.addEventListener) {
+    if (typeof window !== "undefined" && window?.addEventListener) {
       window.addEventListener("beforeunload", () => {
         this.flushEventQueue();
       });
     }
   }
+  // Get value for a single flag
+  // If in websocket mode, return the local value, otherwise make an API call
   async checkFlag(options) {
     const { fallback = false, key } = options;
     const context = options.context || this.context;
@@ -654,7 +678,7 @@ var Schematic = class {
       return fallback;
     });
   }
-  // Make a REST API call to fetch all flag values for a given context
+  // Make an API call to fetch all flag values for a given context (use if not in websocket mode)
   checkFlags = async (context) => {
     context = context || this.context;
     const requestUrl = `${this.apiUrl}/flags/check`;
@@ -684,18 +708,6 @@ var Schematic = class {
       return false;
     });
   };
-  cleanup = async () => {
-    if (this.conn) {
-      try {
-        const socket = await this.conn;
-        socket.close();
-      } catch (error) {
-        console.error("Error during cleanup:", error);
-      } finally {
-        this.conn = null;
-      }
-    }
-  };
   // Send an identify event
   identify = (body) => {
     this.setContext({
@@ -713,12 +725,16 @@ var Schematic = class {
       this.context = context;
       return Promise.resolve();
     }
-    if (!this.conn) {
-      this.conn = this.wsConnect();
+    try {
+      this.setIsPending(true);
+      if (!this.conn) {
+        this.conn = this.wsConnect();
+      }
+      const socket = await this.conn;
+      await this.wsSendMessage(socket, context);
+    } catch (error) {
+      console.error("Error setting Schematic context:", error);
     }
-    return this.conn.then((socket) => {
-      return this.wsSendMessage(socket, context);
-    });
   };
   // Send track event
   track = (body) => {
@@ -730,6 +746,9 @@ var Schematic = class {
       user: user ?? this.context.user
     });
   };
+  /**
+   * Event processing
+   */
   flushEventQueue = () => {
     while (this.eventQueue.length > 0) {
       const event = this.eventQueue.shift();
@@ -785,6 +804,22 @@ var Schematic = class {
     this.eventQueue.push(event);
     return Promise.resolve();
   };
+  /**
+   * Websocket management
+   */
+  cleanup = async () => {
+    if (this.conn) {
+      try {
+        const socket = await this.conn;
+        socket.close();
+      } catch (error) {
+        console.error("Error during cleanup:", error);
+      } finally {
+        this.conn = null;
+      }
+    }
+  };
+  // Open a websocket connection
   wsConnect = () => {
     return new Promise((resolve, reject) => {
       const wsUrl = `${this.webSocketUrl}/flags/bootstrap`;
@@ -800,6 +835,8 @@ var Schematic = class {
       };
     });
   };
+  // Send a message on the websocket indicating interest in a particular evaluation context
+  // and wait for the initial set of flag values to be returned
   wsSendMessage = (socket, context) => {
     return new Promise((resolve, reject) => {
       if (contextString(context) == contextString(this.context)) {
@@ -817,16 +854,17 @@ var Schematic = class {
           (message.flags ?? []).forEach(
             (flag) => {
               this.values[contextString(context)][flag.flag] = flag.value;
+              this.notifyFlagValueListeners(flag.flag);
             }
           );
           if (this.flagListener) {
-            this.flagListener(this.values[contextString(context)]);
+            this.flagListener(this.getFlagValues());
           }
+          this.setIsPending(false);
           if (!resolved) {
             resolved = true;
             resolve();
           }
-          socket.removeEventListener("message", messageHandler);
         };
         socket.addEventListener("message", messageHandler);
         socket.send(
@@ -845,19 +883,44 @@ var Schematic = class {
       }
     });
   };
+  /**
+   * State management
+   */
+  // isPending state
+  getIsPending = () => {
+    return this.isPending;
+  };
+  addIsPendingListener = (listener) => {
+    this.isPendingListeners.add(listener);
+    return () => {
+      this.isPendingListeners.delete(listener);
+    };
+  };
+  setIsPending = (isPending) => {
+    this.isPending = isPending;
+    this.isPendingListeners.forEach((listener) => listener());
+  };
+  // flagValues state
+  getFlagValue = (flagKey) => {
+    const values = this.getFlagValues();
+    return values[flagKey];
+  };
+  getFlagValues = () => {
+    const contextStr = contextString(this.context);
+    return this.values[contextStr] ?? {};
+  };
+  addFlagValueListener = (flagKey, listener) => {
+    if (!(flagKey in this.flagValueListeners)) {
+      this.flagValueListeners[flagKey] = /* @__PURE__ */ new Set();
+    }
+    this.flagValueListeners[flagKey].add(listener);
+    return () => {
+      this.flagValueListeners[flagKey].delete(listener);
+    };
+  };
+  notifyFlagValueListeners = (flagKey) => {
+    const listeners = this.flagValueListeners?.[flagKey] ?? [];
+    listeners.forEach((listener) => listener());
+  };
 };
-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

@@ -52,29 +52,48 @@ export declare type Keys = Record<string, string>;
 export declare class Schematic {
     private apiKey;
     private apiUrl;
-    private webSocketUrl;
-    private eventUrl;
     private conn;
     private context;
     private eventQueue;
+    private eventUrl;
+    private flagListener?;
+    private flagValueListeners;
+    private isPending;
+    private isPendingListeners;
     private storage;
     private useWebSocket;
     private values;
-    private flagListener?;
+    private webSocketUrl;
     constructor(apiKey: string, options?: SchematicOptions);
     checkFlag(options: CheckOptions): Promise<boolean>;
     checkFlags: (context?: SchematicContext) => Promise<Record<string, boolean>>;
-    cleanup: () => Promise<void>;
     identify: (body: EventBodyIdentify) => Promise<void>;
     setContext: (context: SchematicContext) => Promise<void>;
     track: (body: EventBodyTrack) => Promise<void>;
+    /**
+     * Event processing
+     */
     private flushEventQueue;
     private getAnonymousId;
     private handleEvent;
     private sendEvent;
     private storeEvent;
+    /**
+     * Websocket management
+     */
+    cleanup: () => Promise<void>;
     private wsConnect;
     private wsSendMessage;
+    /**
+     * State management
+     */
+    getIsPending: () => boolean;
+    addIsPendingListener: (listener: () => void) => () => void;
+    private setIsPending;
+    getFlagValue: (flagKey: string) => boolean;
+    getFlagValues: () => Record<string, boolean>;
+    addFlagValueListener: (flagKey: string, listener: () => void) => () => void;
+    private notifyFlagValueListeners;
 }
 
 export declare type SchematicContext = {

package/dist/schematic.esm.js

@@ -526,6 +526,16 @@ var require_browser_polyfill = __commonJS({
   }
 });
 
+// node_modules/uuid/dist/esm-browser/stringify.js
+var byteToHex = [];
+for (i = 0; i < 256; ++i) {
+  byteToHex.push((i + 256).toString(16).slice(1));
+}
+var i;
+function unsafeStringify(arr, offset = 0) {
+  return (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + "-" + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + "-" + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + "-" + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + "-" + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase();
+}
+
 // node_modules/uuid/dist/esm-browser/rng.js
 var getRandomValues;
 var rnds8 = new Uint8Array(16);
@@ -539,15 +549,6 @@ function rng() {
   return getRandomValues(rnds8);
 }
 
-// node_modules/uuid/dist/esm-browser/stringify.js
-var byteToHex = [];
-for (let i = 0; i < 256; ++i) {
-  byteToHex.push((i + 256).toString(16).slice(1));
-}
-function unsafeStringify(arr, offset = 0) {
-  return byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + "-" + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + "-" + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + "-" + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + "-" + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]];
-}
-
 // node_modules/uuid/dist/esm-browser/native.js
 var randomUUID = typeof crypto !== "undefined" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
 var native_default = {
@@ -560,12 +561,12 @@ function v4(options, buf, offset) {
     return native_default.randomUUID();
   }
   options = options || {};
-  const rnds = options.random || (options.rng || rng)();
+  var rnds = options.random || (options.rng || rng)();
   rnds[6] = rnds[6] & 15 | 64;
   rnds[8] = rnds[8] & 63 | 128;
   if (buf) {
     offset = offset || 0;
-    for (let i = 0; i < 16; ++i) {
+    for (var i = 0; i < 16; ++i) {
       buf[offset + i] = rnds[i];
     }
     return buf;
@@ -576,19 +577,40 @@ var v4_default = v4;
 
 // src/index.ts
 var import_polyfill = __toESM(require_browser_polyfill());
+
+// src/utils.ts
+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);
+}
+
+// src/index.ts
 var anonymousIdKey = "schematicId";
 var Schematic = class {
   apiKey;
   apiUrl = "https://api.schematichq.com";
-  webSocketUrl = "wss://api.schematichq.com";
-  eventUrl = "https://c.schematichq.com";
   conn = null;
   context = {};
   eventQueue;
+  eventUrl = "https://c.schematichq.com";
+  flagListener;
+  flagValueListeners = {};
+  isPending = true;
+  isPendingListeners = /* @__PURE__ */ new Set();
   storage;
   useWebSocket = false;
   values = {};
-  flagListener;
+  webSocketUrl = "wss://api.schematichq.com";
   constructor(apiKey, options) {
     this.apiKey = apiKey;
     this.eventQueue = [];
@@ -608,12 +630,14 @@ var Schematic = class {
     if (options?.webSocketUrl !== void 0) {
       this.webSocketUrl = options.webSocketUrl;
     }
-    if (window?.addEventListener) {
+    if (typeof window !== "undefined" && window?.addEventListener) {
       window.addEventListener("beforeunload", () => {
         this.flushEventQueue();
       });
     }
   }
+  // Get value for a single flag
+  // If in websocket mode, return the local value, otherwise make an API call
   async checkFlag(options) {
     const { fallback = false, key } = options;
     const context = options.context || this.context;
@@ -641,7 +665,7 @@ var Schematic = class {
       return fallback;
     });
   }
-  // Make a REST API call to fetch all flag values for a given context
+  // Make an API call to fetch all flag values for a given context (use if not in websocket mode)
   checkFlags = async (context) => {
     context = context || this.context;
     const requestUrl = `${this.apiUrl}/flags/check`;
@@ -671,18 +695,6 @@ var Schematic = class {
       return false;
     });
   };
-  cleanup = async () => {
-    if (this.conn) {
-      try {
-        const socket = await this.conn;
-        socket.close();
-      } catch (error) {
-        console.error("Error during cleanup:", error);
-      } finally {
-        this.conn = null;
-      }
-    }
-  };
   // Send an identify event
   identify = (body) => {
     this.setContext({
@@ -700,12 +712,16 @@ var Schematic = class {
       this.context = context;
       return Promise.resolve();
     }
-    if (!this.conn) {
-      this.conn = this.wsConnect();
+    try {
+      this.setIsPending(true);
+      if (!this.conn) {
+        this.conn = this.wsConnect();
+      }
+      const socket = await this.conn;
+      await this.wsSendMessage(socket, context);
+    } catch (error) {
+      console.error("Error setting Schematic context:", error);
     }
-    return this.conn.then((socket) => {
-      return this.wsSendMessage(socket, context);
-    });
   };
   // Send track event
   track = (body) => {
@@ -717,6 +733,9 @@ var Schematic = class {
       user: user ?? this.context.user
     });
   };
+  /**
+   * Event processing
+   */
   flushEventQueue = () => {
     while (this.eventQueue.length > 0) {
       const event = this.eventQueue.shift();
@@ -772,6 +791,22 @@ var Schematic = class {
     this.eventQueue.push(event);
     return Promise.resolve();
   };
+  /**
+   * Websocket management
+   */
+  cleanup = async () => {
+    if (this.conn) {
+      try {
+        const socket = await this.conn;
+        socket.close();
+      } catch (error) {
+        console.error("Error during cleanup:", error);
+      } finally {
+        this.conn = null;
+      }
+    }
+  };
+  // Open a websocket connection
   wsConnect = () => {
     return new Promise((resolve, reject) => {
       const wsUrl = `${this.webSocketUrl}/flags/bootstrap`;
@@ -787,6 +822,8 @@ var Schematic = class {
       };
     });
   };
+  // Send a message on the websocket indicating interest in a particular evaluation context
+  // and wait for the initial set of flag values to be returned
   wsSendMessage = (socket, context) => {
     return new Promise((resolve, reject) => {
       if (contextString(context) == contextString(this.context)) {
@@ -804,16 +841,17 @@ var Schematic = class {
           (message.flags ?? []).forEach(
             (flag) => {
               this.values[contextString(context)][flag.flag] = flag.value;
+              this.notifyFlagValueListeners(flag.flag);
             }
           );
           if (this.flagListener) {
-            this.flagListener(this.values[contextString(context)]);
+            this.flagListener(this.getFlagValues());
           }
+          this.setIsPending(false);
           if (!resolved) {
             resolved = true;
             resolve();
           }
-          socket.removeEventListener("message", messageHandler);
         };
         socket.addEventListener("message", messageHandler);
         socket.send(
@@ -832,21 +870,46 @@ var Schematic = class {
       }
     });
   };
+  /**
+   * State management
+   */
+  // isPending state
+  getIsPending = () => {
+    return this.isPending;
+  };
+  addIsPendingListener = (listener) => {
+    this.isPendingListeners.add(listener);
+    return () => {
+      this.isPendingListeners.delete(listener);
+    };
+  };
+  setIsPending = (isPending) => {
+    this.isPending = isPending;
+    this.isPendingListeners.forEach((listener) => listener());
+  };
+  // flagValues state
+  getFlagValue = (flagKey) => {
+    const values = this.getFlagValues();
+    return values[flagKey];
+  };
+  getFlagValues = () => {
+    const contextStr = contextString(this.context);
+    return this.values[contextStr] ?? {};
+  };
+  addFlagValueListener = (flagKey, listener) => {
+    if (!(flagKey in this.flagValueListeners)) {
+      this.flagValueListeners[flagKey] = /* @__PURE__ */ new Set();
+    }
+    this.flagValueListeners[flagKey].add(listener);
+    return () => {
+      this.flagValueListeners[flagKey].delete(listener);
+    };
+  };
+  notifyFlagValueListeners = (flagKey) => {
+    const listeners = this.flagValueListeners?.[flagKey] ?? [];
+    listeners.forEach((listener) => listener());
+  };
 };
-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

@@ -1,35 +1,16 @@
 {
   "name": "@schematichq/schematic-js",
+  "version": "1.0.0-rc.0",
   "main": "dist/schematic.cjs.js",
   "module": "dist/schematic.esm.js",
-  "author": "Ben Papillon <ben@schematichq.com>",
-  "dependencies": {
-    "cross-fetch": "^4.0.0",
-    "uuid": "^9.0.0"
-  },
-  "devDependencies": {
-    "@microsoft/api-extractor": "^7.38.3",
-    "@types/jest": "^29.5.11",
-    "@types/uuid": "^9.0.2",
-    "@typescript-eslint/eslint-plugin": "^6.13.2",
-    "@typescript-eslint/parser": "^6.13.2",
-    "esbuild": "^0.19.9",
-    "esbuild-jest": "^0.5.0",
-    "eslint": "^8.55.0",
-    "jest": "^29.7.0",
-    "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"
-  },
+  "types": "dist/schematic.d.ts",
   "files": [
     "dist/schematic.cjs.js",
     "dist/schematic.esm.js",
     "dist/schematic.browser.js",
     "dist/schematic.d.ts"
   ],
+  "author": "Schematic <engineering@schematichq.com>",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -46,7 +27,26 @@
     "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.13",
+  "dependencies": {
+    "cross-fetch": "^4.0.0",
+    "uuid": "^10.0.0"
+  },
+  "devDependencies": {
+    "@microsoft/api-extractor": "^7.47.9",
+    "@types/jest": "^29.5.13",
+    "@types/uuid": "^10.0.0",
+    "@typescript-eslint/eslint-plugin": "^8.7.0",
+    "@typescript-eslint/parser": "^8.7.0",
+    "esbuild": "^0.24.0",
+    "esbuild-jest": "^0.5.0",
+    "eslint": "^8.57.1",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "jest-esbuild": "^0.3.0",
+    "jest-fetch-mock": "^3.0.3",
+    "prettier": "^3.3.3",
+    "ts-jest": "^29.2.5",
+    "typescript": "^5.6.2"
+  },
   "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
 }