@schematichq/schematic-react 1.0.0 → 1.0.2

package/dist/schematic-react.cjs.js

@@ -624,6 +624,7 @@ function contextString(context) {
 }
 var anonymousIdKey = "schematicId";
 var Schematic = class {
+  additionalHeaders = {};
   apiKey;
   apiUrl = "https://api.schematichq.com";
   conn = null;
@@ -643,6 +644,9 @@ var Schematic = class {
     this.eventQueue = [];
     this.useWebSocket = options?.useWebSocket ?? false;
     this.flagListener = options?.flagListener;
+    if (options?.additionalHeaders) {
+      this.additionalHeaders = options.additionalHeaders;
+    }
     if (options?.storage) {
       this.storage = options.storage;
     } else if (typeof localStorage !== "undefined") {
@@ -676,8 +680,9 @@ var Schematic = class {
     return fetch(requestUrl, {
       method: "POST",
       headers: {
-        "X-Schematic-Api-Key": this.apiKey,
-        "Content-Type": "application/json;charset=UTF-8"
+        ...this.additionalHeaders ?? {},
+        "Content-Type": "application/json;charset=UTF-8",
+        "X-Schematic-Api-Key": this.apiKey
       },
       body: JSON.stringify(context)
     }).then((response) => {
@@ -700,6 +705,7 @@ var Schematic = class {
     return fetch(requestUrl, {
       method: "POST",
       headers: {
+        ...this.additionalHeaders ?? {},
         "Content-Type": "application/json;charset=UTF-8",
         "X-Schematic-Api-Key": this.apiKey
       },
@@ -805,6 +811,7 @@ var Schematic = class {
       await fetch(captureUrl, {
         method: "POST",
         headers: {
+          ...this.additionalHeaders ?? {},
           "Content-Type": "application/json;charset=UTF-8"
         },
         body: payload
@@ -854,8 +861,7 @@ var Schematic = class {
   wsSendMessage = (socket, context) => {
     return new Promise((resolve, reject) => {
       if (contextString(context) == contextString(this.context)) {
-        resolve();
-        return;
+        return resolve(this.setIsPending(false));
       }
       this.context = context;
       const sendMessage = () => {
@@ -868,7 +874,7 @@ var Schematic = class {
           (message.flags ?? []).forEach(
             (flag) => {
               this.values[contextString(context)][flag.flag] = flag.value;
-              this.notifyFlagValueListeners(flag.flag);
+              this.notifyFlagValueListeners(flag.flag, flag.value);
             }
           );
           if (this.flagListener) {
@@ -912,7 +918,9 @@ var Schematic = class {
   };
   setIsPending = (isPending) => {
     this.isPending = isPending;
-    this.isPendingListeners.forEach((listener) => listener());
+    this.isPendingListeners.forEach(
+      (listener) => notifyListener(listener, isPending)
+    );
   };
   // flagValues state
   getFlagValue = (flagKey) => {
@@ -932,11 +940,18 @@ var Schematic = class {
       this.flagValueListeners[flagKey].delete(listener);
     };
   };
-  notifyFlagValueListeners = (flagKey) => {
+  notifyFlagValueListeners = (flagKey, value) => {
     const listeners = this.flagValueListeners?.[flagKey] ?? [];
-    listeners.forEach((listener) => listener());
+    listeners.forEach((listener) => notifyListener(listener, value));
   };
 };
+var notifyListener = (listener, value) => {
+  if (listener.length > 0) {
+    listener(value);
+  } else {
+    listener();
+  }
+};
 
 // src/context/schematic.tsx
 var import_react = __toESM(require("react"));

package/dist/schematic-react.esm.js

@@ -582,6 +582,7 @@ function contextString(context) {
 }
 var anonymousIdKey = "schematicId";
 var Schematic = class {
+  additionalHeaders = {};
   apiKey;
   apiUrl = "https://api.schematichq.com";
   conn = null;
@@ -601,6 +602,9 @@ var Schematic = class {
     this.eventQueue = [];
     this.useWebSocket = options?.useWebSocket ?? false;
     this.flagListener = options?.flagListener;
+    if (options?.additionalHeaders) {
+      this.additionalHeaders = options.additionalHeaders;
+    }
     if (options?.storage) {
       this.storage = options.storage;
     } else if (typeof localStorage !== "undefined") {
@@ -634,8 +638,9 @@ var Schematic = class {
     return fetch(requestUrl, {
       method: "POST",
       headers: {
-        "X-Schematic-Api-Key": this.apiKey,
-        "Content-Type": "application/json;charset=UTF-8"
+        ...this.additionalHeaders ?? {},
+        "Content-Type": "application/json;charset=UTF-8",
+        "X-Schematic-Api-Key": this.apiKey
       },
       body: JSON.stringify(context)
     }).then((response) => {
@@ -658,6 +663,7 @@ var Schematic = class {
     return fetch(requestUrl, {
       method: "POST",
       headers: {
+        ...this.additionalHeaders ?? {},
         "Content-Type": "application/json;charset=UTF-8",
         "X-Schematic-Api-Key": this.apiKey
       },
@@ -763,6 +769,7 @@ var Schematic = class {
       await fetch(captureUrl, {
         method: "POST",
         headers: {
+          ...this.additionalHeaders ?? {},
           "Content-Type": "application/json;charset=UTF-8"
         },
         body: payload
@@ -812,8 +819,7 @@ var Schematic = class {
   wsSendMessage = (socket, context) => {
     return new Promise((resolve, reject) => {
       if (contextString(context) == contextString(this.context)) {
-        resolve();
-        return;
+        return resolve(this.setIsPending(false));
       }
       this.context = context;
       const sendMessage = () => {
@@ -826,7 +832,7 @@ var Schematic = class {
           (message.flags ?? []).forEach(
             (flag) => {
               this.values[contextString(context)][flag.flag] = flag.value;
-              this.notifyFlagValueListeners(flag.flag);
+              this.notifyFlagValueListeners(flag.flag, flag.value);
             }
           );
           if (this.flagListener) {
@@ -870,7 +876,9 @@ var Schematic = class {
   };
   setIsPending = (isPending) => {
     this.isPending = isPending;
-    this.isPendingListeners.forEach((listener) => listener());
+    this.isPendingListeners.forEach(
+      (listener) => notifyListener(listener, isPending)
+    );
   };
   // flagValues state
   getFlagValue = (flagKey) => {
@@ -890,11 +898,18 @@ var Schematic = class {
       this.flagValueListeners[flagKey].delete(listener);
     };
   };
-  notifyFlagValueListeners = (flagKey) => {
+  notifyFlagValueListeners = (flagKey, value) => {
     const listeners = this.flagValueListeners?.[flagKey] ?? [];
-    listeners.forEach((listener) => listener());
+    listeners.forEach((listener) => notifyListener(listener, value));
   };
 };
+var notifyListener = (listener, value) => {
+  if (listener.length > 0) {
+    listener(value);
+  } else {
+    listener();
+  }
+};
 
 // src/context/schematic.tsx
 import React, { createContext, useEffect, useMemo } from "react";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schematichq/schematic-react",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "main": "dist/schematic-react.cjs.js",
   "module": "dist/schematic-react.esm.js",
   "types": "dist/schematic-react.d.ts",
@@ -17,23 +17,21 @@
   },
   "scripts": {
     "dev": "yarn tsc --watch",
-    "build": "yarn tsc && yarn openapi && yarn format && yarn lint && yarn clean && yarn build:cjs && yarn build:esm && yarn build:types",
+    "build": "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",
     "clean": "rm -rf dist",
     "format": "prettier --write \"src/**/*.{ts,tsx}\"",
     "lint": "eslint src --ext ts,tsx --report-unused-disable-directives --fix",
-    "openapi": "rm -rf src/api/ && npx openapi-generator-cli generate -c openapi-config.yaml && prettier --write \"src/api/**/*.{ts,tsx}\"",
     "test": "jest --config jest.config.js",
     "tsc": "npx tsc"
   },
   "dependencies": {
-    "@schematichq/schematic-js": "^1.0.0"
+    "@schematichq/schematic-js": "^1.0.2"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.47.9",
-    "@openapitools/openapi-generator-cli": "^2.13.9",
     "@types/jest": "^29.5.13",
     "@types/react": "^18.3.9",
     "@typescript-eslint/eslint-plugin": "^8.7.0",