@player-ui/react-subscribe 0.12.0-next.6 → 0.12.0-next.8

package/dist/cjs/index.cjs

@@ -35,6 +35,7 @@ __export(src_exports, {
 });
 module.exports = __toCommonJS(src_exports);
 var import_react = __toESM(require("react"));
+var import_shim = require("use-sync-external-store/shim");
 function deferred() {
   let resolve = () => void 0;
   let reject = () => void 0;
@@ -131,20 +132,36 @@ var Subscribe = class {
   }
 };
 function useSubscribedState(subscriber) {
-  const [state, setState] = import_react.default.useState(subscriber.get());
-  import_react.default.useEffect(() => {
-    const id = subscriber.add(
-      (resp) => {
-        setState(resp);
-      },
-      {
-        initializeWithPreviousValue: true
-      }
-    );
-    return () => {
-      subscriber.remove(id);
-    };
+  const subscription = import_react.default.useMemo(() => {
+    function subscribe(callback) {
+      const id = subscriber.add(
+        (resp) => {
+          callback(resp);
+        },
+        {
+          initializeWithPreviousValue: true
+        }
+      );
+      return () => {
+        if (subscriber) {
+          subscriber.remove(id);
+        }
+      };
+    }
+    return subscribe;
   }, [subscriber]);
+  function getSnapshot() {
+    try {
+      return subscriber.get();
+    } catch (err) {
+      return void 0;
+    }
+  }
+  const state = (0, import_shim.useSyncExternalStore)(
+    subscription,
+    getSnapshot,
+    () => void 0
+  );
   return state;
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/cjs/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/subscribe/src/index.tsx"],"sourcesContent":["import React from \"react\";\n\nexport type SubscribeID = number;\n\ntype ResolveType<T> = (arg?: T) => void;\ntype RejectType = (error?: Error) => void;\ntype StatusType = \"success\" | \"failure\" | \"pending\";\ntype DefferedReturnType<T> = {\n  /** a function to resolve the promise */\n  resolve: ResolveType<T>;\n\n  /** a function to reject the promise */\n  reject: RejectType;\n\n  /** the status of the promise */\n  status: StatusType;\n\n  /** a promise to express the above */\n  promise: Promise<T>;\n};\n\n/** create a deferred promise */\nfunction deferred<T>(): DefferedReturnType<T> {\n  /** the default resolve handler is a noop */\n  let resolve: ResolveType<T> = () => undefined;\n\n  /** the default reject handler is a noop */\n  let reject: RejectType = () => undefined;\n\n  let status: StatusType = \"pending\";\n\n  const promise = new Promise<T>((res, rej) => {\n    resolve = (a?: T) => {\n      status = \"success\";\n      const resolveFunc = res as ResolveType<T>;\n      resolveFunc(a);\n    };\n\n    reject = (error?: Error) => {\n      status = \"failure\";\n      rej(error);\n    };\n  });\n\n  return {\n    resolve,\n    status,\n    reject,\n    promise,\n  };\n}\n\nconst NOT_CALLED = Symbol(\"Subscribe -- Empty Value\");\n/**\n * A pub-sub module that works across the React bridge\n */\nexport class Subscribe<T> {\n  private callbacks: Map<SubscribeID, (val: T | undefined) => void> = new Map();\n  private deferredResult = deferred<T>();\n  private lastValue: T | typeof NOT_CALLED = NOT_CALLED;\n  private resetDeferred: DefferedReturnType<void> | null = null;\n  constructor() {\n    this.publish = this.publish.bind(this);\n    this.add = this.add.bind(this);\n    this.remove = this.remove.bind(this);\n  }\n\n  /**\n   * Trigger the subscriptions using the provided value\n   * if there is a reset in progress, wait for it before publishing a new value.\n   */\n  async publish(val: T): Promise<void> {\n    await this.resetDeferred?.promise;\n    this.lastValue = val;\n    this.deferredResult.resolve(val);\n    this.callbacks.forEach((c) => c(val));\n  }\n\n  /**\n   * Subscribe to updates\n   */\n  add(\n    callback: (arg: T | undefined) => void,\n    options?: {\n      /** Use the last updated value for this subscription to immediately trigger the onSet callback */\n      initializeWithPreviousValue?: boolean;\n    },\n  ): SubscribeID {\n    const id = this.callbacks.size;\n    this.callbacks.set(id, callback);\n\n    if (\n      this.lastValue !== NOT_CALLED &&\n      options?.initializeWithPreviousValue === true\n    ) {\n      callback(this.lastValue);\n    }\n\n    return id;\n  }\n\n  /**\n   * Remove any updates from the given listener\n   */\n  remove(id: SubscribeID) {\n    this.callbacks.delete(id);\n  }\n\n  /**\n   * Reset the state of the listener\n   * Passing in a promise will defer resetting the view until the promise is resolved\n   */\n  async reset(promise?: Promise<void>) {\n    if (promise) {\n      this.resetDeferred = deferred<void>();\n      await promise;\n    }\n\n    if (this.lastValue !== NOT_CALLED) {\n      this.deferredResult = deferred();\n    }\n\n    this.lastValue = NOT_CALLED;\n    this.callbacks.forEach((c) => c(undefined));\n\n    this.resetDeferred?.resolve();\n    this.resetDeferred = null;\n  }\n\n  /**\n   * _Throws_ a promise if the value is still pending\n   * Otherwise returns it\n   */\n  suspend(): T {\n    if (this.lastValue === NOT_CALLED) {\n      throw this.deferredResult.promise;\n    }\n\n    return this.lastValue;\n  }\n\n  /** Get the current value of the subscription  */\n  get(): T | undefined {\n    if (this.lastValue === NOT_CALLED) {\n      return undefined;\n    }\n\n    return this.lastValue;\n  }\n}\n\nexport interface SubscribedStateHookOptions {\n  /** if the state should trigger suspense when waiting to resolve */\n  suspend?: boolean;\n}\n\n/** Subscribe to a state change event in a react component */\nexport function useSubscribedState<T>(subscriber: Subscribe<T>): T | undefined {\n  const [state, setState] = React.useState<T | undefined>(subscriber.get());\n\n  React.useEffect(() => {\n    const id = subscriber.add(\n      (resp) => {\n        setState(resp);\n      },\n      {\n        initializeWithPreviousValue: true,\n      },\n    );\n\n    return () => {\n      subscriber.remove(id);\n    };\n  }, [subscriber]);\n\n  return state;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAsBlB,SAAS,WAAqC;AAE5C,MAAI,UAA0B,MAAM;AAGpC,MAAI,SAAqB,MAAM;AAE/B,MAAI,SAAqB;AAEzB,QAAM,UAAU,IAAI,QAAW,CAAC,KAAK,QAAQ;AAC3C,cAAU,CAAC,MAAU;AACnB,eAAS;AACT,YAAM,cAAc;AACpB,kBAAY,CAAC;AAAA,IACf;AAEA,aAAS,CAAC,UAAkB;AAC1B,eAAS;AACT,UAAI,KAAK;AAAA,IACX;AAAA,EACF,CAAC;AAED,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEA,IAAM,aAAa,OAAO,0BAA0B;AAI7C,IAAM,YAAN,MAAmB;AAAA,EAKxB,cAAc;AAJd,SAAQ,YAA4D,oBAAI,IAAI;AAC5E,SAAQ,iBAAiB,SAAY;AACrC,SAAQ,YAAmC;AAC3C,SAAQ,gBAAiD;AAEvD,SAAK,UAAU,KAAK,QAAQ,KAAK,IAAI;AACrC,SAAK,MAAM,KAAK,IAAI,KAAK,IAAI;AAC7B,SAAK,SAAS,KAAK,OAAO,KAAK,IAAI;AAAA,EACrC;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,MAAM,QAAQ,KAAuB;AACnC,UAAM,KAAK,eAAe;AAC1B,SAAK,YAAY;AACjB,SAAK,eAAe,QAAQ,GAAG;AAC/B,SAAK,UAAU,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC;AAAA,EACtC;AAAA;AAAA;AAAA;AAAA,EAKA,IACE,UACA,SAIa;AACb,UAAM,KAAK,KAAK,UAAU;AAC1B,SAAK,UAAU,IAAI,IAAI,QAAQ;AAE/B,QACE,KAAK,cAAc,cACnB,SAAS,gCAAgC,MACzC;AACA,eAAS,KAAK,SAAS;AAAA,IACzB;AAEA,WAAO;AAAA,EACT;AAAA;AAAA;AAAA;AAAA,EAKA,OAAO,IAAiB;AACtB,SAAK,UAAU,OAAO,EAAE;AAAA,EAC1B;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,MAAM,MAAM,SAAyB;AACnC,QAAI,SAAS;AACX,WAAK,gBAAgB,SAAe;AACpC,YAAM;AAAA,IACR;AAEA,QAAI,KAAK,cAAc,YAAY;AACjC,WAAK,iBAAiB,SAAS;AAAA,IACjC;AAEA,SAAK,YAAY;AACjB,SAAK,UAAU,QAAQ,CAAC,MAAM,EAAE,MAAS,CAAC;AAE1C,SAAK,eAAe,QAAQ;AAC5B,SAAK,gBAAgB;AAAA,EACvB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,UAAa;AACX,QAAI,KAAK,cAAc,YAAY;AACjC,YAAM,KAAK,eAAe;AAAA,IAC5B;AAEA,WAAO,KAAK;AAAA,EACd;AAAA;AAAA,EAGA,MAAqB;AACnB,QAAI,KAAK,cAAc,YAAY;AACjC,aAAO;AAAA,IACT;AAEA,WAAO,KAAK;AAAA,EACd;AACF;AAQO,SAAS,mBAAsB,YAAyC;AAC7E,QAAM,CAAC,OAAO,QAAQ,IAAI,aAAAA,QAAM,SAAwB,WAAW,IAAI,CAAC;AAExE,eAAAA,QAAM,UAAU,MAAM;AACpB,UAAM,KAAK,WAAW;AAAA,MACpB,CAAC,SAAS;AACR,iBAAS,IAAI;AAAA,MACf;AAAA,MACA;AAAA,QACE,6BAA6B;AAAA,MAC/B;AAAA,IACF;AAEA,WAAO,MAAM;AACX,iBAAW,OAAO,EAAE;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,UAAU,CAAC;AAEf,SAAO;AACT;","names":["React"]}
+{"version":3,"sources":["../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/subscribe/src/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { useSyncExternalStore } from \"use-sync-external-store/shim\";\n\nexport type SubscribeID = number;\n\ntype ResolveType<T> = (arg?: T) => void;\ntype RejectType = (error?: Error) => void;\ntype StatusType = \"success\" | \"failure\" | \"pending\";\ntype DefferedReturnType<T> = {\n  /** a function to resolve the promise */\n  resolve: ResolveType<T>;\n\n  /** a function to reject the promise */\n  reject: RejectType;\n\n  /** the status of the promise */\n  status: StatusType;\n\n  /** a promise to express the above */\n  promise: Promise<T>;\n};\n\n/** create a deferred promise */\nfunction deferred<T>(): DefferedReturnType<T> {\n  /** the default resolve handler is a noop */\n  let resolve: ResolveType<T> = () => undefined;\n\n  /** the default reject handler is a noop */\n  let reject: RejectType = () => undefined;\n\n  let status: StatusType = \"pending\";\n\n  const promise = new Promise<T>((res, rej) => {\n    resolve = (a?: T) => {\n      status = \"success\";\n      const resolveFunc = res as ResolveType<T>;\n      resolveFunc(a);\n    };\n\n    reject = (error?: Error) => {\n      status = \"failure\";\n      rej(error);\n    };\n  });\n\n  return {\n    resolve,\n    status,\n    reject,\n    promise,\n  };\n}\n\nconst NOT_CALLED = Symbol(\"Subscribe -- Empty Value\");\n/**\n * A pub-sub module that works across the React bridge\n */\nexport class Subscribe<T> {\n  private callbacks: Map<SubscribeID, (val: T | undefined) => void> = new Map();\n  private deferredResult = deferred<T>();\n  private lastValue: T | typeof NOT_CALLED = NOT_CALLED;\n  private resetDeferred: DefferedReturnType<void> | null = null;\n  constructor() {\n    this.publish = this.publish.bind(this);\n    this.add = this.add.bind(this);\n    this.remove = this.remove.bind(this);\n  }\n\n  /**\n   * Trigger the subscriptions using the provided value\n   * if there is a reset in progress, wait for it before publishing a new value.\n   */\n  async publish(val: T): Promise<void> {\n    await this.resetDeferred?.promise;\n    this.lastValue = val;\n    this.deferredResult.resolve(val);\n    this.callbacks.forEach((c) => c(val));\n  }\n\n  /**\n   * Subscribe to updates\n   */\n  add(\n    callback: (arg: T | undefined) => void,\n    options?: {\n      /** Use the last updated value for this subscription to immediately trigger the onSet callback */\n      initializeWithPreviousValue?: boolean;\n    },\n  ): SubscribeID {\n    const id = this.callbacks.size;\n    this.callbacks.set(id, callback);\n\n    if (\n      this.lastValue !== NOT_CALLED &&\n      options?.initializeWithPreviousValue === true\n    ) {\n      callback(this.lastValue);\n    }\n\n    return id;\n  }\n\n  /**\n   * Remove any updates from the given listener\n   */\n  remove(id: SubscribeID): void {\n    this.callbacks.delete(id);\n  }\n\n  /**\n   * Reset the state of the listener\n   * Passing in a promise will defer resetting the view until the promise is resolved\n   */\n  async reset(promise?: Promise<void>): Promise<void> {\n    if (promise) {\n      this.resetDeferred = deferred<void>();\n      await promise;\n    }\n\n    if (this.lastValue !== NOT_CALLED) {\n      this.deferredResult = deferred();\n    }\n\n    this.lastValue = NOT_CALLED;\n    this.callbacks.forEach((c) => c(undefined));\n\n    this.resetDeferred?.resolve();\n    this.resetDeferred = null;\n  }\n\n  /**\n   * _Throws_ a promise if the value is still pending\n   * Otherwise returns it\n   */\n  suspend(): T {\n    if (this.lastValue === NOT_CALLED) {\n      throw this.deferredResult.promise;\n    }\n\n    return this.lastValue;\n  }\n\n  /** Get the current value of the subscription  */\n  get(): T | undefined {\n    if (this.lastValue === NOT_CALLED) {\n      return undefined;\n    }\n\n    return this.lastValue;\n  }\n}\n\nexport interface SubscribedStateHookOptions {\n  /** if the state should trigger suspense when waiting to resolve */\n  suspend?: boolean;\n}\n\n/** Subscribe to a state change event in a react component */\nexport function useSubscribedState<T>(subscriber: Subscribe<T>): T | undefined {\n  const subscription = React.useMemo(() => {\n    function subscribe(callback: (val?: T) => void) {\n      const id = subscriber.add(\n        (resp) => {\n          callback(resp);\n        },\n        {\n          initializeWithPreviousValue: true,\n        },\n      );\n\n      return () => {\n        if (subscriber) {\n          subscriber.remove(id);\n        }\n      };\n    }\n\n    return subscribe;\n  }, [subscriber]);\n\n  function getSnapshot() {\n    try {\n      return subscriber.get();\n    } catch (err) {\n      return undefined;\n    }\n  }\n\n  const state = useSyncExternalStore(\n    subscription,\n    getSnapshot,\n    () => undefined,\n  );\n\n  return state;\n}\n"],"mappings":"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","names":["React"]}

package/dist/index.legacy-esm.js

@@ -1,5 +1,6 @@
 // ../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/subscribe/src/index.tsx
 import React from "react";
+import { useSyncExternalStore } from "use-sync-external-store/shim";
 function deferred() {
   let resolve = () => void 0;
   let reject = () => void 0;
@@ -96,20 +97,36 @@ var Subscribe = class {
   }
 };
 function useSubscribedState(subscriber) {
-  const [state, setState] = React.useState(subscriber.get());
-  React.useEffect(() => {
-    const id = subscriber.add(
-      (resp) => {
-        setState(resp);
-      },
-      {
-        initializeWithPreviousValue: true
-      }
-    );
-    return () => {
-      subscriber.remove(id);
-    };
+  const subscription = React.useMemo(() => {
+    function subscribe(callback) {
+      const id = subscriber.add(
+        (resp) => {
+          callback(resp);
+        },
+        {
+          initializeWithPreviousValue: true
+        }
+      );
+      return () => {
+        if (subscriber) {
+          subscriber.remove(id);
+        }
+      };
+    }
+    return subscribe;
   }, [subscriber]);
+  function getSnapshot() {
+    try {
+      return subscriber.get();
+    } catch (err) {
+      return void 0;
+    }
+  }
+  const state = useSyncExternalStore(
+    subscription,
+    getSnapshot,
+    () => void 0
+  );
   return state;
 }
 export {

package/dist/index.mjs

@@ -1,5 +1,6 @@
 // ../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/subscribe/src/index.tsx
 import React from "react";
+import { useSyncExternalStore } from "use-sync-external-store/shim";
 function deferred() {
   let resolve = () => void 0;
   let reject = () => void 0;
@@ -96,20 +97,36 @@ var Subscribe = class {
   }
 };
 function useSubscribedState(subscriber) {
-  const [state, setState] = React.useState(subscriber.get());
-  React.useEffect(() => {
-    const id = subscriber.add(
-      (resp) => {
-        setState(resp);
-      },
-      {
-        initializeWithPreviousValue: true
-      }
-    );
-    return () => {
-      subscriber.remove(id);
-    };
+  const subscription = React.useMemo(() => {
+    function subscribe(callback) {
+      const id = subscriber.add(
+        (resp) => {
+          callback(resp);
+        },
+        {
+          initializeWithPreviousValue: true
+        }
+      );
+      return () => {
+        if (subscriber) {
+          subscriber.remove(id);
+        }
+      };
+    }
+    return subscribe;
   }, [subscriber]);
+  function getSnapshot() {
+    try {
+      return subscriber.get();
+    } catch (err) {
+      return void 0;
+    }
+  }
+  const state = useSyncExternalStore(
+    subscription,
+    getSnapshot,
+    () => void 0
+  );
   return state;
 }
 export {

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/subscribe/src/index.tsx"],"sourcesContent":["import React from \"react\";\n\nexport type SubscribeID = number;\n\ntype ResolveType<T> = (arg?: T) => void;\ntype RejectType = (error?: Error) => void;\ntype StatusType = \"success\" | \"failure\" | \"pending\";\ntype DefferedReturnType<T> = {\n  /** a function to resolve the promise */\n  resolve: ResolveType<T>;\n\n  /** a function to reject the promise */\n  reject: RejectType;\n\n  /** the status of the promise */\n  status: StatusType;\n\n  /** a promise to express the above */\n  promise: Promise<T>;\n};\n\n/** create a deferred promise */\nfunction deferred<T>(): DefferedReturnType<T> {\n  /** the default resolve handler is a noop */\n  let resolve: ResolveType<T> = () => undefined;\n\n  /** the default reject handler is a noop */\n  let reject: RejectType = () => undefined;\n\n  let status: StatusType = \"pending\";\n\n  const promise = new Promise<T>((res, rej) => {\n    resolve = (a?: T) => {\n      status = \"success\";\n      const resolveFunc = res as ResolveType<T>;\n      resolveFunc(a);\n    };\n\n    reject = (error?: Error) => {\n      status = \"failure\";\n      rej(error);\n    };\n  });\n\n  return {\n    resolve,\n    status,\n    reject,\n    promise,\n  };\n}\n\nconst NOT_CALLED = Symbol(\"Subscribe -- Empty Value\");\n/**\n * A pub-sub module that works across the React bridge\n */\nexport class Subscribe<T> {\n  private callbacks: Map<SubscribeID, (val: T | undefined) => void> = new Map();\n  private deferredResult = deferred<T>();\n  private lastValue: T | typeof NOT_CALLED = NOT_CALLED;\n  private resetDeferred: DefferedReturnType<void> | null = null;\n  constructor() {\n    this.publish = this.publish.bind(this);\n    this.add = this.add.bind(this);\n    this.remove = this.remove.bind(this);\n  }\n\n  /**\n   * Trigger the subscriptions using the provided value\n   * if there is a reset in progress, wait for it before publishing a new value.\n   */\n  async publish(val: T): Promise<void> {\n    await this.resetDeferred?.promise;\n    this.lastValue = val;\n    this.deferredResult.resolve(val);\n    this.callbacks.forEach((c) => c(val));\n  }\n\n  /**\n   * Subscribe to updates\n   */\n  add(\n    callback: (arg: T | undefined) => void,\n    options?: {\n      /** Use the last updated value for this subscription to immediately trigger the onSet callback */\n      initializeWithPreviousValue?: boolean;\n    },\n  ): SubscribeID {\n    const id = this.callbacks.size;\n    this.callbacks.set(id, callback);\n\n    if (\n      this.lastValue !== NOT_CALLED &&\n      options?.initializeWithPreviousValue === true\n    ) {\n      callback(this.lastValue);\n    }\n\n    return id;\n  }\n\n  /**\n   * Remove any updates from the given listener\n   */\n  remove(id: SubscribeID) {\n    this.callbacks.delete(id);\n  }\n\n  /**\n   * Reset the state of the listener\n   * Passing in a promise will defer resetting the view until the promise is resolved\n   */\n  async reset(promise?: Promise<void>) {\n    if (promise) {\n      this.resetDeferred = deferred<void>();\n      await promise;\n    }\n\n    if (this.lastValue !== NOT_CALLED) {\n      this.deferredResult = deferred();\n    }\n\n    this.lastValue = NOT_CALLED;\n    this.callbacks.forEach((c) => c(undefined));\n\n    this.resetDeferred?.resolve();\n    this.resetDeferred = null;\n  }\n\n  /**\n   * _Throws_ a promise if the value is still pending\n   * Otherwise returns it\n   */\n  suspend(): T {\n    if (this.lastValue === NOT_CALLED) {\n      throw this.deferredResult.promise;\n    }\n\n    return this.lastValue;\n  }\n\n  /** Get the current value of the subscription  */\n  get(): T | undefined {\n    if (this.lastValue === NOT_CALLED) {\n      return undefined;\n    }\n\n    return this.lastValue;\n  }\n}\n\nexport interface SubscribedStateHookOptions {\n  /** if the state should trigger suspense when waiting to resolve */\n  suspend?: boolean;\n}\n\n/** Subscribe to a state change event in a react component */\nexport function useSubscribedState<T>(subscriber: Subscribe<T>): T | undefined {\n  const [state, setState] = React.useState<T | undefined>(subscriber.get());\n\n  React.useEffect(() => {\n    const id = subscriber.add(\n      (resp) => {\n        setState(resp);\n      },\n      {\n        initializeWithPreviousValue: true,\n      },\n    );\n\n    return () => {\n      subscriber.remove(id);\n    };\n  }, [subscriber]);\n\n  return state;\n}\n"],"mappings":";AAAA,OAAO,WAAW;AAsBlB,SAAS,WAAqC;AAE5C,MAAI,UAA0B,MAAM;AAGpC,MAAI,SAAqB,MAAM;AAE/B,MAAI,SAAqB;AAEzB,QAAM,UAAU,IAAI,QAAW,CAAC,KAAK,QAAQ;AAC3C,cAAU,CAAC,MAAU;AACnB,eAAS;AACT,YAAM,cAAc;AACpB,kBAAY,CAAC;AAAA,IACf;AAEA,aAAS,CAAC,UAAkB;AAC1B,eAAS;AACT,UAAI,KAAK;AAAA,IACX;AAAA,EACF,CAAC;AAED,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEA,IAAM,aAAa,OAAO,0BAA0B;AAI7C,IAAM,YAAN,MAAmB;AAAA,EAKxB,cAAc;AAJd,SAAQ,YAA4D,oBAAI,IAAI;AAC5E,SAAQ,iBAAiB,SAAY;AACrC,SAAQ,YAAmC;AAC3C,SAAQ,gBAAiD;AAEvD,SAAK,UAAU,KAAK,QAAQ,KAAK,IAAI;AACrC,SAAK,MAAM,KAAK,IAAI,KAAK,IAAI;AAC7B,SAAK,SAAS,KAAK,OAAO,KAAK,IAAI;AAAA,EACrC;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,MAAM,QAAQ,KAAuB;AACnC,UAAM,KAAK,eAAe;AAC1B,SAAK,YAAY;AACjB,SAAK,eAAe,QAAQ,GAAG;AAC/B,SAAK,UAAU,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC;AAAA,EACtC;AAAA;AAAA;AAAA;AAAA,EAKA,IACE,UACA,SAIa;AACb,UAAM,KAAK,KAAK,UAAU;AAC1B,SAAK,UAAU,IAAI,IAAI,QAAQ;AAE/B,QACE,KAAK,cAAc,cACnB,SAAS,gCAAgC,MACzC;AACA,eAAS,KAAK,SAAS;AAAA,IACzB;AAEA,WAAO;AAAA,EACT;AAAA;AAAA;AAAA;AAAA,EAKA,OAAO,IAAiB;AACtB,SAAK,UAAU,OAAO,EAAE;AAAA,EAC1B;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,MAAM,MAAM,SAAyB;AACnC,QAAI,SAAS;AACX,WAAK,gBAAgB,SAAe;AACpC,YAAM;AAAA,IACR;AAEA,QAAI,KAAK,cAAc,YAAY;AACjC,WAAK,iBAAiB,SAAS;AAAA,IACjC;AAEA,SAAK,YAAY;AACjB,SAAK,UAAU,QAAQ,CAAC,MAAM,EAAE,MAAS,CAAC;AAE1C,SAAK,eAAe,QAAQ;AAC5B,SAAK,gBAAgB;AAAA,EACvB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,UAAa;AACX,QAAI,KAAK,cAAc,YAAY;AACjC,YAAM,KAAK,eAAe;AAAA,IAC5B;AAEA,WAAO,KAAK;AAAA,EACd;AAAA;AAAA,EAGA,MAAqB;AACnB,QAAI,KAAK,cAAc,YAAY;AACjC,aAAO;AAAA,IACT;AAEA,WAAO,KAAK;AAAA,EACd;AACF;AAQO,SAAS,mBAAsB,YAAyC;AAC7E,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAwB,WAAW,IAAI,CAAC;AAExE,QAAM,UAAU,MAAM;AACpB,UAAM,KAAK,WAAW;AAAA,MACpB,CAAC,SAAS;AACR,iBAAS,IAAI;AAAA,MACf;AAAA,MACA;AAAA,QACE,6BAA6B;AAAA,MAC/B;AAAA,IACF;AAEA,WAAO,MAAM;AACX,iBAAW,OAAO,EAAE;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,UAAU,CAAC;AAEf,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/subscribe/src/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { useSyncExternalStore } from \"use-sync-external-store/shim\";\n\nexport type SubscribeID = number;\n\ntype ResolveType<T> = (arg?: T) => void;\ntype RejectType = (error?: Error) => void;\ntype StatusType = \"success\" | \"failure\" | \"pending\";\ntype DefferedReturnType<T> = {\n  /** a function to resolve the promise */\n  resolve: ResolveType<T>;\n\n  /** a function to reject the promise */\n  reject: RejectType;\n\n  /** the status of the promise */\n  status: StatusType;\n\n  /** a promise to express the above */\n  promise: Promise<T>;\n};\n\n/** create a deferred promise */\nfunction deferred<T>(): DefferedReturnType<T> {\n  /** the default resolve handler is a noop */\n  let resolve: ResolveType<T> = () => undefined;\n\n  /** the default reject handler is a noop */\n  let reject: RejectType = () => undefined;\n\n  let status: StatusType = \"pending\";\n\n  const promise = new Promise<T>((res, rej) => {\n    resolve = (a?: T) => {\n      status = \"success\";\n      const resolveFunc = res as ResolveType<T>;\n      resolveFunc(a);\n    };\n\n    reject = (error?: Error) => {\n      status = \"failure\";\n      rej(error);\n    };\n  });\n\n  return {\n    resolve,\n    status,\n    reject,\n    promise,\n  };\n}\n\nconst NOT_CALLED = Symbol(\"Subscribe -- Empty Value\");\n/**\n * A pub-sub module that works across the React bridge\n */\nexport class Subscribe<T> {\n  private callbacks: Map<SubscribeID, (val: T | undefined) => void> = new Map();\n  private deferredResult = deferred<T>();\n  private lastValue: T | typeof NOT_CALLED = NOT_CALLED;\n  private resetDeferred: DefferedReturnType<void> | null = null;\n  constructor() {\n    this.publish = this.publish.bind(this);\n    this.add = this.add.bind(this);\n    this.remove = this.remove.bind(this);\n  }\n\n  /**\n   * Trigger the subscriptions using the provided value\n   * if there is a reset in progress, wait for it before publishing a new value.\n   */\n  async publish(val: T): Promise<void> {\n    await this.resetDeferred?.promise;\n    this.lastValue = val;\n    this.deferredResult.resolve(val);\n    this.callbacks.forEach((c) => c(val));\n  }\n\n  /**\n   * Subscribe to updates\n   */\n  add(\n    callback: (arg: T | undefined) => void,\n    options?: {\n      /** Use the last updated value for this subscription to immediately trigger the onSet callback */\n      initializeWithPreviousValue?: boolean;\n    },\n  ): SubscribeID {\n    const id = this.callbacks.size;\n    this.callbacks.set(id, callback);\n\n    if (\n      this.lastValue !== NOT_CALLED &&\n      options?.initializeWithPreviousValue === true\n    ) {\n      callback(this.lastValue);\n    }\n\n    return id;\n  }\n\n  /**\n   * Remove any updates from the given listener\n   */\n  remove(id: SubscribeID): void {\n    this.callbacks.delete(id);\n  }\n\n  /**\n   * Reset the state of the listener\n   * Passing in a promise will defer resetting the view until the promise is resolved\n   */\n  async reset(promise?: Promise<void>): Promise<void> {\n    if (promise) {\n      this.resetDeferred = deferred<void>();\n      await promise;\n    }\n\n    if (this.lastValue !== NOT_CALLED) {\n      this.deferredResult = deferred();\n    }\n\n    this.lastValue = NOT_CALLED;\n    this.callbacks.forEach((c) => c(undefined));\n\n    this.resetDeferred?.resolve();\n    this.resetDeferred = null;\n  }\n\n  /**\n   * _Throws_ a promise if the value is still pending\n   * Otherwise returns it\n   */\n  suspend(): T {\n    if (this.lastValue === NOT_CALLED) {\n      throw this.deferredResult.promise;\n    }\n\n    return this.lastValue;\n  }\n\n  /** Get the current value of the subscription  */\n  get(): T | undefined {\n    if (this.lastValue === NOT_CALLED) {\n      return undefined;\n    }\n\n    return this.lastValue;\n  }\n}\n\nexport interface SubscribedStateHookOptions {\n  /** if the state should trigger suspense when waiting to resolve */\n  suspend?: boolean;\n}\n\n/** Subscribe to a state change event in a react component */\nexport function useSubscribedState<T>(subscriber: Subscribe<T>): T | undefined {\n  const subscription = React.useMemo(() => {\n    function subscribe(callback: (val?: T) => void) {\n      const id = subscriber.add(\n        (resp) => {\n          callback(resp);\n        },\n        {\n          initializeWithPreviousValue: true,\n        },\n      );\n\n      return () => {\n        if (subscriber) {\n          subscriber.remove(id);\n        }\n      };\n    }\n\n    return subscribe;\n  }, [subscriber]);\n\n  function getSnapshot() {\n    try {\n      return subscriber.get();\n    } catch (err) {\n      return undefined;\n    }\n  }\n\n  const state = useSyncExternalStore(\n    subscription,\n    getSnapshot,\n    () => undefined,\n  );\n\n  return state;\n}\n"],"mappings":";AAAA,OAAO,WAAW;AAClB,SAAS,4BAA4B;AAsBrC,SAAS,WAAqC;AAE5C,MAAI,UAA0B,MAAM;AAGpC,MAAI,SAAqB,MAAM;AAE/B,MAAI,SAAqB;AAEzB,QAAM,UAAU,IAAI,QAAW,CAAC,KAAK,QAAQ;AAC3C,cAAU,CAAC,MAAU;AACnB,eAAS;AACT,YAAM,cAAc;AACpB,kBAAY,CAAC;AAAA,IACf;AAEA,aAAS,CAAC,UAAkB;AAC1B,eAAS;AACT,UAAI,KAAK;AAAA,IACX;AAAA,EACF,CAAC;AAED,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEA,IAAM,aAAa,OAAO,0BAA0B;AAI7C,IAAM,YAAN,MAAmB;AAAA,EAKxB,cAAc;AAJd,SAAQ,YAA4D,oBAAI,IAAI;AAC5E,SAAQ,iBAAiB,SAAY;AACrC,SAAQ,YAAmC;AAC3C,SAAQ,gBAAiD;AAEvD,SAAK,UAAU,KAAK,QAAQ,KAAK,IAAI;AACrC,SAAK,MAAM,KAAK,IAAI,KAAK,IAAI;AAC7B,SAAK,SAAS,KAAK,OAAO,KAAK,IAAI;AAAA,EACrC;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,MAAM,QAAQ,KAAuB;AACnC,UAAM,KAAK,eAAe;AAC1B,SAAK,YAAY;AACjB,SAAK,eAAe,QAAQ,GAAG;AAC/B,SAAK,UAAU,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC;AAAA,EACtC;AAAA;AAAA;AAAA;AAAA,EAKA,IACE,UACA,SAIa;AACb,UAAM,KAAK,KAAK,UAAU;AAC1B,SAAK,UAAU,IAAI,IAAI,QAAQ;AAE/B,QACE,KAAK,cAAc,cACnB,SAAS,gCAAgC,MACzC;AACA,eAAS,KAAK,SAAS;AAAA,IACzB;AAEA,WAAO;AAAA,EACT;AAAA;AAAA;AAAA;AAAA,EAKA,OAAO,IAAuB;AAC5B,SAAK,UAAU,OAAO,EAAE;AAAA,EAC1B;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,MAAM,MAAM,SAAwC;AAClD,QAAI,SAAS;AACX,WAAK,gBAAgB,SAAe;AACpC,YAAM;AAAA,IACR;AAEA,QAAI,KAAK,cAAc,YAAY;AACjC,WAAK,iBAAiB,SAAS;AAAA,IACjC;AAEA,SAAK,YAAY;AACjB,SAAK,UAAU,QAAQ,CAAC,MAAM,EAAE,MAAS,CAAC;AAE1C,SAAK,eAAe,QAAQ;AAC5B,SAAK,gBAAgB;AAAA,EACvB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,UAAa;AACX,QAAI,KAAK,cAAc,YAAY;AACjC,YAAM,KAAK,eAAe;AAAA,IAC5B;AAEA,WAAO,KAAK;AAAA,EACd;AAAA;AAAA,EAGA,MAAqB;AACnB,QAAI,KAAK,cAAc,YAAY;AACjC,aAAO;AAAA,IACT;AAEA,WAAO,KAAK;AAAA,EACd;AACF;AAQO,SAAS,mBAAsB,YAAyC;AAC7E,QAAM,eAAe,MAAM,QAAQ,MAAM;AACvC,aAAS,UAAU,UAA6B;AAC9C,YAAM,KAAK,WAAW;AAAA,QACpB,CAAC,SAAS;AACR,mBAAS,IAAI;AAAA,QACf;AAAA,QACA;AAAA,UACE,6BAA6B;AAAA,QAC/B;AAAA,MACF;AAEA,aAAO,MAAM;AACX,YAAI,YAAY;AACd,qBAAW,OAAO,EAAE;AAAA,QACtB;AAAA,MACF;AAAA,IACF;AAEA,WAAO;AAAA,EACT,GAAG,CAAC,UAAU,CAAC;AAEf,WAAS,cAAc;AACrB,QAAI;AACF,aAAO,WAAW,IAAI;AAAA,IACxB,SAAS,KAAK;AACZ,aAAO;AAAA,IACT;AAAA,EACF;AAEA,QAAM,QAAQ;AAAA,IACZ;AAAA,IACA;AAAA,IACA,MAAM;AAAA,EACR;AAEA,SAAO;AACT;","names":[]}

package/package.json

@@ -6,7 +6,7 @@
     "types"
   ],
   "name": "@player-ui/react-subscribe",
-  "version": "0.12.0-next.6",
+  "version": "0.12.0-next.8",
   "main": "dist/cjs/index.cjs",
   "module": "dist/index.legacy-esm.js",
   "types": "types/index.d.ts",
@@ -21,10 +21,12 @@
   },
   "dependencies": {
     "p-defer": "^3.0.0",
+    "use-sync-external-store": "^1.5.0",
     "tslib": "^2.6.2"
   },
   "peerDependencies": {
     "@types/react": "^18.2.39",
+    "@types/use-sync-external-store": "^1.5.0",
     "react": "^18.2.0"
   }
 }

package/src/index.test.tsx

@@ -0,0 +1,83 @@
+import { test, vitest, expect, describe, vi } from "vitest";
+import { renderHook } from "@testing-library/react";
+import { Subscribe, useSubscribedState } from ".";
+
+test("Passes events to subscriptions", async () => {
+  const stateSub = new Subscribe<{
+    value: boolean;
+  }>();
+  const { add, publish } = stateSub;
+  const f = vitest.fn();
+  add(f);
+  publish({ value: true });
+
+  await vitest.waitFor(() => expect(f).toBeCalledTimes(1));
+  expect(f.mock.calls[0][0].value).toBe(true);
+});
+
+test("Removes subscriptions", async () => {
+  const stateSub = new Subscribe<{
+    value: boolean;
+  }>();
+  const { add, remove, publish } = stateSub;
+  const f = vitest.fn();
+  const id = add(f);
+  remove(id);
+  publish({ value: true });
+
+  await vitest.waitFor(() => expect(f).not.toHaveBeenCalled());
+});
+
+test("Calls multiple", async () => {
+  const stateSub = new Subscribe<{
+    value: boolean;
+  }>();
+  const { add, publish } = stateSub;
+  const f = vitest.fn();
+  const g = vitest.fn();
+  add(f);
+  add(g);
+  publish({ value: true });
+
+  await vitest.waitFor(() => expect(f).toBeCalledTimes(1));
+  expect(g).toBeCalledTimes(1);
+});
+
+describe("useSubscribedState", () => {
+  test("updates value based on Subscriber changes", async () => {
+    const stateSub = new Subscribe<boolean>();
+    const addSpy = vi.spyOn(stateSub, "add");
+    const removeSpy = vi.spyOn(stateSub, "remove");
+
+    const { result, rerender, unmount } = renderHook(() =>
+      useSubscribedState(stateSub),
+    );
+    expect(result.current).toBeUndefined();
+    expect(addSpy).toHaveBeenCalledTimes(1);
+    expect(removeSpy).toHaveBeenCalledTimes(0);
+
+    await stateSub.publish(true);
+    expect(result.current).toBe(true);
+    expect(addSpy).toHaveBeenCalledTimes(1);
+    expect(removeSpy).toHaveBeenCalledTimes(0);
+
+    await stateSub.publish(false);
+    expect(result.current).toBe(false);
+    expect(addSpy).toHaveBeenCalledTimes(1);
+    expect(removeSpy).toHaveBeenCalledTimes(0);
+
+    rerender();
+    expect(result.current).toBe(false);
+    expect(addSpy).toHaveBeenCalledTimes(1);
+    expect(removeSpy).toHaveBeenCalledTimes(0);
+
+    await stateSub.reset();
+    expect(result.current).toBeUndefined();
+    expect(addSpy).toHaveBeenCalledTimes(1);
+    expect(removeSpy).toHaveBeenCalledTimes(0);
+
+    unmount();
+    expect(addSpy).toHaveBeenCalledTimes(1);
+    expect(removeSpy).toHaveBeenCalledTimes(1);
+  });
+});

package/src/index.tsx

@@ -1,4 +1,5 @@
 import React from "react";
+import { useSyncExternalStore } from "use-sync-external-store/shim";
 
 export type SubscribeID = number;
 
@@ -102,7 +103,7 @@ export class Subscribe<T> {
   /**
    * Remove any updates from the given listener
    */
-  remove(id: SubscribeID) {
+  remove(id: SubscribeID): void {
     this.callbacks.delete(id);
   }
 
@@ -110,7 +111,7 @@ export class Subscribe<T> {
    * Reset the state of the listener
    * Passing in a promise will defer resetting the view until the promise is resolved
    */
-  async reset(promise?: Promise<void>) {
+  async reset(promise?: Promise<void>): Promise<void> {
     if (promise) {
       this.resetDeferred = deferred<void>();
       await promise;
@@ -156,22 +157,40 @@ export interface SubscribedStateHookOptions {
 
 /** Subscribe to a state change event in a react component */
 export function useSubscribedState<T>(subscriber: Subscribe<T>): T | undefined {
-  const [state, setState] = React.useState<T | undefined>(subscriber.get());
-
-  React.useEffect(() => {
-    const id = subscriber.add(
-      (resp) => {
-        setState(resp);
-      },
-      {
-        initializeWithPreviousValue: true,
-      },
-    );
-
-    return () => {
-      subscriber.remove(id);
-    };
+  const subscription = React.useMemo(() => {
+    function subscribe(callback: (val?: T) => void) {
+      const id = subscriber.add(
+        (resp) => {
+          callback(resp);
+        },
+        {
+          initializeWithPreviousValue: true,
+        },
+      );
+
+      return () => {
+        if (subscriber) {
+          subscriber.remove(id);
+        }
+      };
+    }
+
+    return subscribe;
   }, [subscriber]);
 
+  function getSnapshot() {
+    try {
+      return subscriber.get();
+    } catch (err) {
+      return undefined;
+    }
+  }
+
+  const state = useSyncExternalStore(
+    subscription,
+    getSnapshot,
+    () => undefined,
+  );
+
   return state;
 }

package/src/index.test.ts

@@ -1,43 +0,0 @@
-import { test, vitest, expect } from "vitest";
-import { Subscribe } from ".";
-
-test("Passes events to subscriptions", async () => {
-  const stateSub = new Subscribe<{
-    value: boolean;
-  }>();
-  const { add, publish } = stateSub;
-  const f = vitest.fn();
-  add(f);
-  publish({ value: true });
-
-  await vitest.waitFor(() => expect(f).toBeCalledTimes(1));
-  expect(f.mock.calls[0][0].value).toBe(true);
-});
-
-test("Removes subscriptions", async () => {
-  const stateSub = new Subscribe<{
-    value: boolean;
-  }>();
-  const { add, remove, publish } = stateSub;
-  const f = vitest.fn();
-  const id = add(f);
-  remove(id);
-  publish({ value: true });
-
-  await vitest.waitFor(() => expect(f).not.toHaveBeenCalled());
-});
-
-test("Calls multiple", async () => {
-  const stateSub = new Subscribe<{
-    value: boolean;
-  }>();
-  const { add, publish } = stateSub;
-  const f = vitest.fn();
-  const g = vitest.fn();
-  add(f);
-  add(g);
-  publish({ value: true });
-
-  await vitest.waitFor(() => expect(f).toBeCalledTimes(1));
-  expect(g).toBeCalledTimes(1);
-});