@schematichq/schematic-react 1.2.1 → 1.2.3

package/dist/schematic-react.cjs.js

@@ -773,6 +773,7 @@ function contextString(context) {
   }, {});
   return JSON.stringify(sortedContext);
 }
+var version = "1.2.1";
 var anonymousIdKey = "schematicId";
 var Schematic = class {
   additionalHeaders = {};
@@ -794,9 +795,10 @@ var Schematic = class {
     this.apiKey = apiKey;
     this.eventQueue = [];
     this.useWebSocket = options?.useWebSocket ?? false;
-    if (options?.additionalHeaders) {
-      this.additionalHeaders = options.additionalHeaders;
-    }
+    this.additionalHeaders = {
+      "X-Schematic-Client-Version": `schematic-js@${version}`,
+      ...options?.additionalHeaders ?? {}
+    };
     if (options?.storage) {
       this.storage = options.storage;
     } else if (typeof localStorage !== "undefined") {
@@ -1065,7 +1067,7 @@ var Schematic = class {
   // Open a websocket connection
   wsConnect = () => {
     return new Promise((resolve, reject) => {
-      const wsUrl = `${this.webSocketUrl}/flags/bootstrap`;
+      const wsUrl = `${this.webSocketUrl}/flags/bootstrap?apiKey=${this.apiKey}`;
       const webSocket = new WebSocket(wsUrl);
       webSocket.onopen = () => {
         resolve(webSocket);
@@ -1109,6 +1111,7 @@ var Schematic = class {
         socket.send(
           JSON.stringify({
             apiKey: this.apiKey,
+            clientVersion: `schematic-js@${version}`,
             data: context
           })
         );
@@ -1205,6 +1208,11 @@ var notifyFlagValueListener = (listener, value) => {
 
 // src/context/schematic.tsx
 var import_react = __toESM(require("react"));
+
+// src/version.ts
+var version2 = "1.2.3";
+
+// src/context/schematic.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var SchematicContext = (0, import_react.createContext)(
   null
@@ -1218,6 +1226,9 @@ var SchematicProvider = ({
   const initialOptsRef = (0, import_react.useRef)({
     publishableKey,
     useWebSocket: clientOpts.useWebSocket ?? true,
+    additionalHeaders: {
+      "X-Schematic-Client-Version": `schematic-react@${version2}`
+    },
     ...clientOpts
   });
   const client = (0, import_react.useMemo)(() => {
@@ -1297,7 +1308,7 @@ var useSchematicFlag = (key, opts) => {
     const value = client.getFlagValue(key);
     return typeof value === "undefined" ? fallback : value;
   }, [client, key, fallback]);
-  return (0, import_react2.useSyncExternalStore)(subscribe, getSnapshot);
+  return (0, import_react2.useSyncExternalStore)(subscribe, getSnapshot, () => fallback);
 };
 var useSchematicEntitlement = (key, opts) => {
   const client = useSchematicClient(opts);
@@ -1318,7 +1329,7 @@ var useSchematicEntitlement = (key, opts) => {
     const check = client.getFlagCheck(key);
     return check ?? fallbackCheck;
   }, [client, key, fallbackCheck]);
-  return (0, import_react2.useSyncExternalStore)(subscribe, getSnapshot);
+  return (0, import_react2.useSyncExternalStore)(subscribe, getSnapshot, () => fallbackCheck);
 };
 var useSchematicIsPending = (opts) => {
   const client = useSchematicClient(opts);
@@ -1327,7 +1338,7 @@ var useSchematicIsPending = (opts) => {
     [client]
   );
   const getSnapshot = (0, import_react2.useCallback)(() => client.getIsPending(), [client]);
-  return (0, import_react2.useSyncExternalStore)(subscribe, getSnapshot);
+  return (0, import_react2.useSyncExternalStore)(subscribe, getSnapshot, () => true);
 };
 /*! Bundled license information:
 

package/dist/schematic-react.esm.js

@@ -728,6 +728,7 @@ function contextString(context) {
   }, {});
   return JSON.stringify(sortedContext);
 }
+var version = "1.2.1";
 var anonymousIdKey = "schematicId";
 var Schematic = class {
   additionalHeaders = {};
@@ -749,9 +750,10 @@ var Schematic = class {
     this.apiKey = apiKey;
     this.eventQueue = [];
     this.useWebSocket = options?.useWebSocket ?? false;
-    if (options?.additionalHeaders) {
-      this.additionalHeaders = options.additionalHeaders;
-    }
+    this.additionalHeaders = {
+      "X-Schematic-Client-Version": `schematic-js@${version}`,
+      ...options?.additionalHeaders ?? {}
+    };
     if (options?.storage) {
       this.storage = options.storage;
     } else if (typeof localStorage !== "undefined") {
@@ -1020,7 +1022,7 @@ var Schematic = class {
   // Open a websocket connection
   wsConnect = () => {
     return new Promise((resolve, reject) => {
-      const wsUrl = `${this.webSocketUrl}/flags/bootstrap`;
+      const wsUrl = `${this.webSocketUrl}/flags/bootstrap?apiKey=${this.apiKey}`;
       const webSocket = new WebSocket(wsUrl);
       webSocket.onopen = () => {
         resolve(webSocket);
@@ -1064,6 +1066,7 @@ var Schematic = class {
         socket.send(
           JSON.stringify({
             apiKey: this.apiKey,
+            clientVersion: `schematic-js@${version}`,
             data: context
           })
         );
@@ -1160,6 +1163,11 @@ var notifyFlagValueListener = (listener, value) => {
 
 // src/context/schematic.tsx
 import React, { createContext, useEffect, useMemo, useRef } from "react";
+
+// src/version.ts
+var version2 = "1.2.3";
+
+// src/context/schematic.tsx
 import { jsx } from "react/jsx-runtime";
 var SchematicContext = createContext(
   null
@@ -1173,6 +1181,9 @@ var SchematicProvider = ({
   const initialOptsRef = useRef({
     publishableKey,
     useWebSocket: clientOpts.useWebSocket ?? true,
+    additionalHeaders: {
+      "X-Schematic-Client-Version": `schematic-react@${version2}`
+    },
     ...clientOpts
   });
   const client = useMemo(() => {
@@ -1252,7 +1263,7 @@ var useSchematicFlag = (key, opts) => {
     const value = client.getFlagValue(key);
     return typeof value === "undefined" ? fallback : value;
   }, [client, key, fallback]);
-  return useSyncExternalStore(subscribe, getSnapshot);
+  return useSyncExternalStore(subscribe, getSnapshot, () => fallback);
 };
 var useSchematicEntitlement = (key, opts) => {
   const client = useSchematicClient(opts);
@@ -1273,7 +1284,7 @@ var useSchematicEntitlement = (key, opts) => {
     const check = client.getFlagCheck(key);
     return check ?? fallbackCheck;
   }, [client, key, fallbackCheck]);
-  return useSyncExternalStore(subscribe, getSnapshot);
+  return useSyncExternalStore(subscribe, getSnapshot, () => fallbackCheck);
 };
 var useSchematicIsPending = (opts) => {
   const client = useSchematicClient(opts);
@@ -1282,7 +1293,7 @@ var useSchematicIsPending = (opts) => {
     [client]
   );
   const getSnapshot = useCallback(() => client.getIsPending(), [client]);
-  return useSyncExternalStore(subscribe, getSnapshot);
+  return useSyncExternalStore(subscribe, getSnapshot, () => true);
 };
 export {
   RuleType,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schematichq/schematic-react",
-  "version": "1.2.1",
+  "version": "1.2.3",
   "main": "dist/schematic-react.cjs.js",
   "module": "dist/schematic-react.esm.js",
   "types": "dist/schematic-react.d.ts",
@@ -17,7 +17,7 @@
   },
   "scripts": {
     "dev": "yarn tsc --watch",
-    "build": "yarn tsc && yarn format && yarn lint && yarn clean && yarn build:cjs && yarn build:esm && yarn build:types",
+    "build": "./version.sh && yarn tsc && yarn format && yarn lint && yarn clean && yarn build:cjs && yarn build:esm && yarn build:types",
     "build:cjs": "npx esbuild src/index.ts --bundle --external:react --format=cjs --outfile=dist/schematic-react.cjs.js",
     "build:esm": "npx esbuild src/index.ts --bundle --external:react --format=esm --outfile=dist/schematic-react.esm.js",
     "build:types": "npx tsc && npx api-extractor run",
@@ -28,7 +28,7 @@
     "tsc": "npx tsc"
   },
   "dependencies": {
-    "@schematichq/schematic-js": "^1.2.0"
+    "@schematichq/schematic-js": "^1.2.1"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.49.2",