@hot-updater/react-native 0.12.5 → 0.12.6

package/dist/index.js

@@ -22,12 +22,8 @@ function __webpack_require__(moduleId) {
     return module.exports;
 }
 (()=>{
-    __webpack_require__.n = function(module) {
-        var getter = module && module.__esModule ? function() {
-            return module['default'];
-        } : function() {
-            return module;
-        };
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
         __webpack_require__.d(getter, {
             a: getter
         });
@@ -35,7 +31,7 @@ function __webpack_require__(moduleId) {
     };
 })();
 (()=>{
-    __webpack_require__.d = function(exports1, definition) {
+    __webpack_require__.d = (exports1, definition)=>{
         for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
             enumerable: true,
             get: definition[key]
@@ -43,12 +39,10 @@ function __webpack_require__(moduleId) {
     };
 })();
 (()=>{
-    __webpack_require__.o = function(obj, prop) {
-        return Object.prototype.hasOwnProperty.call(obj, prop);
-    };
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
 })();
 (()=>{
-    __webpack_require__.r = function(exports1) {
+    __webpack_require__.r = (exports1)=>{
         if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
             value: 'Module'
         });
@@ -61,9 +55,9 @@ var __webpack_exports__ = {};
 (()=>{
     __webpack_require__.r(__webpack_exports__);
     __webpack_require__.d(__webpack_exports__, {
-        hotUpdaterStore: ()=>hotUpdaterStore,
+        HotUpdater: ()=>src_HotUpdater,
         useHotUpdaterStore: ()=>useHotUpdaterStore,
-        HotUpdater: ()=>src_HotUpdater
+        hotUpdaterStore: ()=>hotUpdaterStore
     });
     const js_namespaceObject = require("@hot-updater/js");
     var external_react_native_ = __webpack_require__("react-native");
@@ -161,7 +155,9 @@ var __webpack_exports__ = {};
             id: updateInfo.id
         };
     };
-    const external_react_namespaceObject = require("react");
+    const with_selector_namespaceObject = require("use-sync-external-store/shim/with-selector");
+    var with_selector_default = /*#__PURE__*/ __webpack_require__.n(with_selector_namespaceObject);
+    const { useSyncExternalStoreWithSelector } = with_selector_default();
     const createHotUpdaterStore = ()=>{
         let state = {
             progress: 0,
@@ -190,7 +186,8 @@ var __webpack_exports__ = {};
         };
     };
     const hotUpdaterStore = createHotUpdaterStore();
-    const useHotUpdaterStore = ()=>(0, external_react_namespaceObject.useSyncExternalStore)(hotUpdaterStore.subscribe, hotUpdaterStore.getSnapshot, hotUpdaterStore.getSnapshot);
+    const useHotUpdaterStore = (selector = (snapshot)=>snapshot)=>useSyncExternalStoreWithSelector(hotUpdaterStore.subscribe, hotUpdaterStore.getSnapshot, hotUpdaterStore.getSnapshot, selector);
+    const external_react_namespaceObject = require("react");
     function useEventCallback(fn) {
         const callbackRef = (0, external_react_namespaceObject.useRef)(()=>{
             throw new Error("Cannot call an event handler while rendering.");
@@ -208,7 +205,7 @@ var __webpack_exports__ = {};
         const { reloadOnForceUpdate = true, ...restConfig } = config;
         return (WrappedComponent)=>{
             const HotUpdaterHOC = ()=>{
-                const { progress } = useHotUpdaterStore();
+                const progress = useHotUpdaterStore((state)=>state.progress);
                 const [updateStatus, setUpdateStatus] = (0, external_react_namespaceObject.useState)("CHECK_FOR_UPDATE");
                 const initHotUpdater = useEventCallback(async ()=>{
                     try {

package/dist/index.mjs

@@ -1,5 +1,6 @@
 import * as __WEBPACK_EXTERNAL_MODULE_react_native_4af9217e__ from "react-native";
 import * as __WEBPACK_EXTERNAL_MODULE__hot_updater_js_db235456__ from "@hot-updater/js";
+import * as __WEBPACK_EXTERNAL_MODULE_use_sync_external_store_shim_with_selector_83d70c15__ from "use-sync-external-store/shim/with-selector";
 import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 var __webpack_modules__ = {
     "./src/specs/NativeHotUpdater.ts": function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
@@ -24,7 +25,7 @@ function __webpack_require__(moduleId) {
     return module.exports;
 }
 (()=>{
-    __webpack_require__.d = function(exports, definition) {
+    __webpack_require__.d = (exports, definition)=>{
         for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) Object.defineProperty(exports, key, {
             enumerable: true,
             get: definition[key]
@@ -32,9 +33,7 @@ function __webpack_require__(moduleId) {
     };
 })();
 (()=>{
-    __webpack_require__.o = function(obj, prop) {
-        return Object.prototype.hasOwnProperty.call(obj, prop);
-    };
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
 })();
 var external_react_native_ = __webpack_require__("react-native");
 const ensureUpdateInfo = async (source, { appVersion, bundleId, platform }, requestHeaders)=>{
@@ -131,6 +130,7 @@ const runUpdateProcess = async ({ reloadOnForceUpdate = true, ...checkForUpdateC
         id: updateInfo.id
     };
 };
+const { useSyncExternalStoreWithSelector } = __WEBPACK_EXTERNAL_MODULE_use_sync_external_store_shim_with_selector_83d70c15__["default"];
 const createHotUpdaterStore = ()=>{
     let state = {
         progress: 0,
@@ -159,7 +159,7 @@ const createHotUpdaterStore = ()=>{
     };
 };
 const hotUpdaterStore = createHotUpdaterStore();
-const useHotUpdaterStore = ()=>(0, __WEBPACK_EXTERNAL_MODULE_react__.useSyncExternalStore)(hotUpdaterStore.subscribe, hotUpdaterStore.getSnapshot, hotUpdaterStore.getSnapshot);
+const useHotUpdaterStore = (selector = (snapshot)=>snapshot)=>useSyncExternalStoreWithSelector(hotUpdaterStore.subscribe, hotUpdaterStore.getSnapshot, hotUpdaterStore.getSnapshot, selector);
 function useEventCallback(fn) {
     const callbackRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(()=>{
         throw new Error("Cannot call an event handler while rendering.");
@@ -177,7 +177,7 @@ function wrap(config) {
     const { reloadOnForceUpdate = true, ...restConfig } = config;
     return (WrappedComponent)=>{
         const HotUpdaterHOC = ()=>{
-            const { progress } = useHotUpdaterStore();
+            const progress = useHotUpdaterStore((state)=>state.progress);
             const [updateStatus, setUpdateStatus] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)("CHECK_FOR_UPDATE");
             const initHotUpdater = useEventCallback(async ()=>{
                 try {

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.5",
+  "version": "0.12.6",
   "description": "React Native OTA solution for self-hosted",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -73,14 +73,16 @@
   "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.5",
-    "@hot-updater/core": "0.12.5"
+    "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");