@player-ui/react-subscribe 0.11.3--canary.670.23708 → 0.11.3--canary.642.23780

package/dist/cjs/index.cjs

@@ -35,7 +35,6 @@ __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;
@@ -132,36 +131,20 @@ var Subscribe = class {
   }
 };
 function useSubscribedState(subscriber) {
-  const subscription = import_react.default.useMemo(() => {
-    function subscribe(callback) {
-      const id = subscriber.add(
-        (resp) => {
-          callback(resp);
-        },
-        {
-          initializeWithPreviousValue: true
-        }
-      );
-      return () => {
-        if (subscriber && id) {
-          subscriber.remove(id);
-        }
-      };
-    }
-    return subscribe;
+  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);
+    };
   }, [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\";\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 && id) {\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"]}
+{"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"]}

package/dist/index.legacy-esm.js

@@ -1,6 +1,5 @@
 // ../../../../../../../../../../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;
@@ -97,36 +96,20 @@ var Subscribe = class {
   }
 };
 function useSubscribedState(subscriber) {
-  const subscription = React.useMemo(() => {
-    function subscribe(callback) {
-      const id = subscriber.add(
-        (resp) => {
-          callback(resp);
-        },
-        {
-          initializeWithPreviousValue: true
-        }
-      );
-      return () => {
-        if (subscriber && id) {
-          subscriber.remove(id);
-        }
-      };
-    }
-    return subscribe;
+  const [state, setState] = React.useState(subscriber.get());
+  React.useEffect(() => {
+    const id = subscriber.add(
+      (resp) => {
+        setState(resp);
+      },
+      {
+        initializeWithPreviousValue: true
+      }
+    );
+    return () => {
+      subscriber.remove(id);
+    };
   }, [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,6 +1,5 @@
 // ../../../../../../../../../../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;
@@ -97,36 +96,20 @@ var Subscribe = class {
   }
 };
 function useSubscribedState(subscriber) {
-  const subscription = React.useMemo(() => {
-    function subscribe(callback) {
-      const id = subscriber.add(
-        (resp) => {
-          callback(resp);
-        },
-        {
-          initializeWithPreviousValue: true
-        }
-      );
-      return () => {
-        if (subscriber && id) {
-          subscriber.remove(id);
-        }
-      };
-    }
-    return subscribe;
+  const [state, setState] = React.useState(subscriber.get());
+  React.useEffect(() => {
+    const id = subscriber.add(
+      (resp) => {
+        setState(resp);
+      },
+      {
+        initializeWithPreviousValue: true
+      }
+    );
+    return () => {
+      subscriber.remove(id);
+    };
   }, [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\";\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 && id) {\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":[]}
+{"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":[]}

package/package.json

@@ -6,7 +6,7 @@
     "types"
   ],
   "name": "@player-ui/react-subscribe",
-  "version": "0.11.3--canary.670.23708",
+  "version": "0.11.3--canary.642.23780",
   "main": "dist/cjs/index.cjs",
   "module": "dist/index.legacy-esm.js",
   "types": "types/index.d.ts",
@@ -21,12 +21,10 @@
   },
   "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.tsx

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