@schematichq/schematic-react 0.1.4 → 0.1.5

package/dist/schematic-react.cjs.js

@@ -72,8 +72,9 @@ var v4_default = v4;
 var anonymousIdKey = "schematicId";
 var Schematic = class {
   apiKey;
-  apiUrl = "api.schematichq.com";
-  eventUrl = "c.schematichq.com";
+  apiUrl = "https://api.schematichq.com";
+  webSocketUrl = "wss://api.schematichq.com";
+  eventUrl = "https://c.schematichq.com";
   conn = null;
   context = {};
   eventQueue;
@@ -97,6 +98,9 @@ var Schematic = class {
     if (options?.eventUrl !== void 0) {
       this.eventUrl = options.eventUrl;
     }
+    if (options?.webSocketUrl !== void 0) {
+      this.webSocketUrl = options.webSocketUrl;
+    }
     if (typeof window !== "undefined") {
       window.addEventListener("beforeunload", () => {
         this.flushEventQueue();
@@ -110,7 +114,7 @@ var Schematic = class {
       const contextVals = this.values[contextString(context)] ?? {};
       return typeof contextVals[key] === "undefined" ? fallback : contextVals[key];
     }
-    const requestUrl = this.getUrl(this.apiUrl, `flags/${key}/check`);
+    const requestUrl = `${this.apiUrl}/flags/${key}/check`;
     return fetch(requestUrl, {
       method: "POST",
       headers: {
@@ -133,7 +137,7 @@ var Schematic = class {
   // Make a REST API call to fetch all flag values for a given context
   checkFlags = async (context) => {
     context = context || this.context;
-    const requestUrl = this.getUrl(this.apiUrl, "flags/check");
+    const requestUrl = `${this.apiUrl}/flags/check`;
     const requestBody = JSON.stringify(context);
     return fetch(requestUrl, {
       method: "POST",
@@ -189,16 +193,6 @@ var Schematic = class {
   track = (body) => {
     this.handleEvent("track", body);
   };
-  getUrl = (domain, path, urlType) => {
-    let scheme = "http";
-    if (urlType === "ws") {
-      scheme = "ws";
-    }
-    if (typeof window === "undefined" || window.location.protocol === "https:") {
-      return `${scheme}s://${domain}/${path}`;
-    }
-    return `${scheme}://${domain}/${path}`;
-  };
   flushEventQueue = () => {
     while (this.eventQueue.length > 0) {
       const event = this.eventQueue.shift();
@@ -235,7 +229,7 @@ var Schematic = class {
     }
   };
   sendEvent = (event) => {
-    const captureUrl = this.getUrl(this.eventUrl, "e");
+    const captureUrl = `${this.eventUrl}/e`;
     const payload = JSON.stringify(event);
     fetch(captureUrl, {
       method: "POST",
@@ -261,7 +255,7 @@ var Schematic = class {
       if (this.conn) {
         resolve();
       }
-      const wsUrl = this.getUrl(this.apiUrl, "flags/bootstrap", "ws");
+      const wsUrl = `${this.webSocketUrl}/flags/bootstrap`;
       const webSocket = new WebSocket(wsUrl);
       this.conn = webSocket;
       webSocket.onopen = () => {
@@ -345,7 +339,9 @@ var SchematicContext = (0, import_react.createContext)({
 var SchematicProvider = ({
   apiUrl,
   children,
-  publishableKey
+  eventUrl,
+  publishableKey,
+  webSocketUrl
 }) => {
   const [client, setClient] = (0, import_react.useState)();
   const [flagValues, setFlagValues] = (0, import_react.useState)({});
@@ -355,12 +351,14 @@ var SchematicProvider = ({
     }
     const client2 = new Schematic(publishableKey, {
       apiUrl,
+      eventUrl,
       flagListener: setFlagValues,
-      useWebSocket: true
+      useWebSocket: true,
+      webSocketUrl
     });
     setClient(client2);
     return client2.cleanup;
-  }, [publishableKey]);
+  }, [apiUrl, eventUrl, publishableKey, webSocketUrl]);
   const contextValue = {
     client,
     flagValues

package/dist/schematic-react.d.ts

@@ -48,6 +48,8 @@ declare interface SchematicProviderProps {
     children: ReactNode;
     publishableKey?: string;
     apiUrl?: string;
+    eventUrl?: string;
+    webSocketUrl?: string;
 }
 
 export { Traits }

package/dist/schematic-react.esm.js

@@ -42,8 +42,9 @@ var v4_default = v4;
 var anonymousIdKey = "schematicId";
 var Schematic = class {
   apiKey;
-  apiUrl = "api.schematichq.com";
-  eventUrl = "c.schematichq.com";
+  apiUrl = "https://api.schematichq.com";
+  webSocketUrl = "wss://api.schematichq.com";
+  eventUrl = "https://c.schematichq.com";
   conn = null;
   context = {};
   eventQueue;
@@ -67,6 +68,9 @@ var Schematic = class {
     if (options?.eventUrl !== void 0) {
       this.eventUrl = options.eventUrl;
     }
+    if (options?.webSocketUrl !== void 0) {
+      this.webSocketUrl = options.webSocketUrl;
+    }
     if (typeof window !== "undefined") {
       window.addEventListener("beforeunload", () => {
         this.flushEventQueue();
@@ -80,7 +84,7 @@ var Schematic = class {
       const contextVals = this.values[contextString(context)] ?? {};
       return typeof contextVals[key] === "undefined" ? fallback : contextVals[key];
     }
-    const requestUrl = this.getUrl(this.apiUrl, `flags/${key}/check`);
+    const requestUrl = `${this.apiUrl}/flags/${key}/check`;
     return fetch(requestUrl, {
       method: "POST",
       headers: {
@@ -103,7 +107,7 @@ var Schematic = class {
   // Make a REST API call to fetch all flag values for a given context
   checkFlags = async (context) => {
     context = context || this.context;
-    const requestUrl = this.getUrl(this.apiUrl, "flags/check");
+    const requestUrl = `${this.apiUrl}/flags/check`;
     const requestBody = JSON.stringify(context);
     return fetch(requestUrl, {
       method: "POST",
@@ -159,16 +163,6 @@ var Schematic = class {
   track = (body) => {
     this.handleEvent("track", body);
   };
-  getUrl = (domain, path, urlType) => {
-    let scheme = "http";
-    if (urlType === "ws") {
-      scheme = "ws";
-    }
-    if (typeof window === "undefined" || window.location.protocol === "https:") {
-      return `${scheme}s://${domain}/${path}`;
-    }
-    return `${scheme}://${domain}/${path}`;
-  };
   flushEventQueue = () => {
     while (this.eventQueue.length > 0) {
       const event = this.eventQueue.shift();
@@ -205,7 +199,7 @@ var Schematic = class {
     }
   };
   sendEvent = (event) => {
-    const captureUrl = this.getUrl(this.eventUrl, "e");
+    const captureUrl = `${this.eventUrl}/e`;
     const payload = JSON.stringify(event);
     fetch(captureUrl, {
       method: "POST",
@@ -231,7 +225,7 @@ var Schematic = class {
       if (this.conn) {
         resolve();
       }
-      const wsUrl = this.getUrl(this.apiUrl, "flags/bootstrap", "ws");
+      const wsUrl = `${this.webSocketUrl}/flags/bootstrap`;
       const webSocket = new WebSocket(wsUrl);
       this.conn = webSocket;
       webSocket.onopen = () => {
@@ -320,7 +314,9 @@ var SchematicContext = createContext({
 var SchematicProvider = ({
   apiUrl,
   children,
-  publishableKey
+  eventUrl,
+  publishableKey,
+  webSocketUrl
 }) => {
   const [client, setClient] = useState();
   const [flagValues, setFlagValues] = useState({});
@@ -330,12 +326,14 @@ var SchematicProvider = ({
     }
     const client2 = new Schematic(publishableKey, {
       apiUrl,
+      eventUrl,
       flagListener: setFlagValues,
-      useWebSocket: true
+      useWebSocket: true,
+      webSocketUrl
     });
     setClient(client2);
     return client2.cleanup;
-  }, [publishableKey]);
+  }, [apiUrl, eventUrl, publishableKey, webSocketUrl]);
   const contextValue = {
     client,
     flagValues

package/package.json

@@ -42,9 +42,9 @@
     "test": "jest --config jest.config.js"
   },
   "types": "dist/schematic-react.d.ts",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "dependencies": {
-    "@schematichq/schematic-js": "^0.1.4"
+    "@schematichq/schematic-js": "^0.1.5"
   },
   "peerDependencies": {
     "react": ">=18"