@hot-updater/react-native 0.12.4 → 0.12.6

package/dist/store.d.ts

@@ -7,4 +7,4 @@ export declare const hotUpdaterStore: {
     setProgress: (progress: number) => void;
     subscribe: (listener: () => void) => () => boolean;
 };
-export declare const useHotUpdaterStore: () => HotUpdaterState;
+export declare const useHotUpdaterStore: <T = HotUpdaterState>(selector?: (snapshot: HotUpdaterState) => T) => T;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hot-updater/react-native",
-  "version": "0.12.4",
+  "version": "0.12.6",
   "description": "React Native OTA solution for self-hosted",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -67,19 +67,22 @@
     "includesGeneratedCode": true
   },
   "peerDependencies": {
-    "react-native": "*"
+    "react-native": "*",
+    "react": "*"
   },
   "devDependencies": {
     "@react-native-community/cli": "15.0.1",
     "@types/react": "^18.2.44",
+    "@types/use-sync-external-store": "^0.0.6",
     "del-cli": "^6.0.0",
     "react": "18.3.1",
     "react-native": "0.76.2",
     "react-native-builder-bob": "^0.33.1"
   },
   "dependencies": {
-    "@hot-updater/js": "0.12.4",
-    "@hot-updater/core": "0.12.4"
+    "use-sync-external-store": "1.4.0",
+    "@hot-updater/js": "0.12.6",
+    "@hot-updater/core": "0.12.6"
   },
   "scripts": {
     "build": "rslib build",

package/src/store.ts

@@ -1,10 +1,11 @@
-import { useSyncExternalStore } from "react";
-
+import useSyncExternalStoreExports from "use-sync-external-store/shim/with-selector";
 export type HotUpdaterState = {
   progress: number;
   isBundleUpdated: boolean;
 };
 
+const { useSyncExternalStoreWithSelector } = useSyncExternalStoreExports;
+
 const createHotUpdaterStore = () => {
   let state: HotUpdaterState = {
     progress: 0,
@@ -41,10 +42,13 @@ const createHotUpdaterStore = () => {
 
 export const hotUpdaterStore = createHotUpdaterStore();
 
-export const useHotUpdaterStore = () => {
-  return useSyncExternalStore(
+export const useHotUpdaterStore = <T = HotUpdaterState>(
+  selector: (snapshot: HotUpdaterState) => T = (snapshot) => snapshot as T,
+) => {
+  return useSyncExternalStoreWithSelector(
     hotUpdaterStore.subscribe,
     hotUpdaterStore.getSnapshot,
     hotUpdaterStore.getSnapshot,
+    selector,
   );
 };

package/src/wrap.tsx

@@ -61,7 +61,7 @@ export function wrap<P>(
   const { reloadOnForceUpdate = true, ...restConfig } = config;
   return (WrappedComponent) => {
     const HotUpdaterHOC: React.FC<P> = () => {
-      const { progress } = useHotUpdaterStore();
+      const progress = useHotUpdaterStore((state) => state.progress);
       const [updateStatus, setUpdateStatus] =
         useState<UpdateStatus>("CHECK_FOR_UPDATE");
 

package/dist/index.js.LICENSE.txt

@@ -1,19 +0,0 @@
-/**
- * @license React
- * react.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/**
- * @license React
- * react.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */

package/dist/index.mjs.LICENSE.txt

@@ -1,19 +0,0 @@
-/**
- * @license React
- * react.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/**
- * @license React
- * react.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */