@webview-bridge/react 1.6.2 → 1.7.0-rc.1

package/dist/index.cjs

@@ -0,0 +1,140 @@
+"use strict";
+function _type_of(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = function(target, all) {
+    for(var name in all)__defProp(target, name, {
+        get: all[name],
+        enumerable: true
+    });
+};
+var __copyProps = function(to, from, except, desc) {
+    if (from && (typeof from === "undefined" ? "undefined" : _type_of(from)) === "object" || typeof from === "function") {
+        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+        try {
+            var _loop = function() {
+                var key = _step.value;
+                if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+                    get: function() {
+                        return from[key];
+                    },
+                    enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+                });
+            };
+            for(var _iterator = __getOwnPropNames(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true)_loop();
+        } catch (err) {
+            _didIteratorError = true;
+            _iteratorError = err;
+        } finally{
+            try {
+                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                    _iterator.return();
+                }
+            } finally{
+                if (_didIteratorError) {
+                    throw _iteratorError;
+                }
+            }
+        }
+    }
+    return to;
+};
+var __toCommonJS = function(mod) {
+    return __copyProps(__defProp({}, "__esModule", {
+        value: true
+    }), mod);
+};
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+    createLinkBridgeProvider: function() {
+        return createLinkBridgeProvider;
+    },
+    useBridge: function() {
+        return useBridge;
+    }
+});
+module.exports = __toCommonJS(src_exports);
+// src/createLinkBridgeProvider.tsx
+var import_web = require("@webview-bridge/web");
+var import_react = require("react");
+// src/useBridge.ts
+var import_with_selector = require("use-sync-external-store/with-selector.js");
+function useBridge(store, selector) {
+    var $selector = selector !== null && selector !== void 0 ? selector : function(state) {
+        return state;
+    };
+    return (0, import_with_selector.useSyncExternalStoreWithSelector)(store.subscribe, store.getState, store.getState, $selector);
+}
+// src/createLinkBridgeProvider.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var createLinkBridgeProvider = function(options) {
+    var bridge = (0, import_web.linkBridge)(options);
+    var BridgeContext = (0, import_react.createContext)(null);
+    var BridgeProvider = function(param) {
+        var children = param.children;
+        var storeRef = (0, import_react.useRef)();
+        if (!storeRef.current) {
+            storeRef.current = bridge;
+        }
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BridgeContext.Provider, {
+            value: storeRef.current,
+            children: children
+        });
+    };
+    var useBridgeStore = function(selector) {
+        var bridgeStoreContext = (0, import_react.useContext)(BridgeContext);
+        if (!bridgeStoreContext) {
+            throw new Error("useBridgeStore must be used within a BridgeProvider");
+        }
+        return useBridge(bridgeStoreContext.store, selector);
+    };
+    var useBridgeStatus = function() {
+        var bridgeStoreContext = (0, import_react.useContext)(BridgeContext);
+        if (!bridgeStoreContext) {
+            throw new Error("useBridgeStatus must be used within a BridgeProvider");
+        }
+        return {
+            isNativeMethodAvailable: function(method) {
+                return bridgeStoreContext.isNativeMethodAvailable(method);
+            },
+            isWebViewBridgeAvailable: bridgeStoreContext.isWebViewBridgeAvailable
+        };
+    };
+    var useBridgeLoose = function() {
+        var bridgeStoreContext = (0, import_react.useContext)(BridgeContext);
+        if (!bridgeStoreContext) {
+            throw new Error("useBridgeLoose must be used within a BridgeProvider");
+        }
+        return {
+            loose: bridgeStoreContext.loose
+        };
+    };
+    var useBridgeEventListener = function(eventName, listener) {
+        var bridgeStoreContext = (0, import_react.useContext)(BridgeContext);
+        if (!bridgeStoreContext) {
+            throw new Error("useBridgeEventListener must be used within a BridgeProvider");
+        }
+        (0, import_react.useEffect)(function() {
+            return bridgeStoreContext.addEventListener(eventName, listener);
+        }, []);
+    };
+    return {
+        bridge: bridge,
+        BridgeProvider: BridgeProvider,
+        useBridgeStore: useBridgeStore,
+        useBridgeStatus: useBridgeStatus,
+        useBridgeLoose: useBridgeLoose,
+        useBridgeEventListener: useBridgeEventListener
+    };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+    createLinkBridgeProvider: createLinkBridgeProvider,
+    useBridge: useBridge
+});

package/dist/index.d.cts

@@ -0,0 +1,29 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as _webview_bridge_web from '@webview-bridge/web';
+import { LinkBridgeOptions, Bridge as Bridge$1, BridgeStore as BridgeStore$1, ExtractStore as ExtractStore$1 } from '@webview-bridge/web';
+import { BridgeStore, Bridge, ParserSchema, ExcludePrimitive, ExtractStore, KeyOfOrString, Parser } from '@webview-bridge/types';
+import { ReactNode } from 'react';
+
+interface BridgeProviderProps {
+    children: ReactNode;
+}
+declare const createLinkBridgeProvider: <T extends BridgeStore<T extends Bridge ? T : any>, V extends ParserSchema<any> = ParserSchema<any>>(options?: LinkBridgeOptions<T, V>) => {
+    bridge: _webview_bridge_web.LinkBridge<ExcludePrimitive<ExtractStore<T>>, Omit<T, "setState">, V>;
+    BridgeProvider: ({ children }: BridgeProviderProps) => react_jsx_runtime.JSX.Element;
+    useBridgeStore: <U>(selector: (state: ReturnType<T["getState"]>) => U) => U;
+    useBridgeStatus: () => {
+        isNativeMethodAvailable: (method: keyof ExcludePrimitive<ExtractStore<T>>) => boolean;
+        isWebViewBridgeAvailable: boolean;
+    };
+    useBridgeLoose: () => {
+        loose: (ExcludePrimitive<ExtractStore<T>> extends infer T_1 ? { [K in keyof T_1]: (...args: any[]) => Promise<any>; } : never) & {
+            [key: string]: (...args: any[]) => Promise<any>;
+        };
+    };
+    useBridgeEventListener: <EventName extends KeyOfOrString<V>>(eventName: EventName, listener: (args: Parser<V, EventName>) => void) => void;
+};
+
+declare function useBridge<T extends Bridge$1>(store: Omit<BridgeStore$1<T>, "setState">): ExtractStore$1<BridgeStore$1<T>>;
+declare function useBridge<T extends Bridge$1, U extends ExtractStore$1<BridgeStore$1<T>>, V>(store: Omit<BridgeStore$1<T>, "setState">, selector?: (state: U) => V): V;
+
+export { type BridgeProviderProps, createLinkBridgeProvider, useBridge };

package/dist/index.d.ts

@@ -0,0 +1,29 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as _webview_bridge_web from '@webview-bridge/web';
+import { LinkBridgeOptions, Bridge as Bridge$1, BridgeStore as BridgeStore$1, ExtractStore as ExtractStore$1 } from '@webview-bridge/web';
+import { BridgeStore, Bridge, ParserSchema, ExcludePrimitive, ExtractStore, KeyOfOrString, Parser } from '@webview-bridge/types';
+import { ReactNode } from 'react';
+
+interface BridgeProviderProps {
+    children: ReactNode;
+}
+declare const createLinkBridgeProvider: <T extends BridgeStore<T extends Bridge ? T : any>, V extends ParserSchema<any> = ParserSchema<any>>(options?: LinkBridgeOptions<T, V>) => {
+    bridge: _webview_bridge_web.LinkBridge<ExcludePrimitive<ExtractStore<T>>, Omit<T, "setState">, V>;
+    BridgeProvider: ({ children }: BridgeProviderProps) => react_jsx_runtime.JSX.Element;
+    useBridgeStore: <U>(selector: (state: ReturnType<T["getState"]>) => U) => U;
+    useBridgeStatus: () => {
+        isNativeMethodAvailable: (method: keyof ExcludePrimitive<ExtractStore<T>>) => boolean;
+        isWebViewBridgeAvailable: boolean;
+    };
+    useBridgeLoose: () => {
+        loose: (ExcludePrimitive<ExtractStore<T>> extends infer T_1 ? { [K in keyof T_1]: (...args: any[]) => Promise<any>; } : never) & {
+            [key: string]: (...args: any[]) => Promise<any>;
+        };
+    };
+    useBridgeEventListener: <EventName extends KeyOfOrString<V>>(eventName: EventName, listener: (args: Parser<V, EventName>) => void) => void;
+};
+
+declare function useBridge<T extends Bridge$1>(store: Omit<BridgeStore$1<T>, "setState">): ExtractStore$1<BridgeStore$1<T>>;
+declare function useBridge<T extends Bridge$1, U extends ExtractStore$1<BridgeStore$1<T>>, V>(store: Omit<BridgeStore$1<T>, "setState">, selector?: (state: U) => V): V;
+
+export { type BridgeProviderProps, createLinkBridgeProvider, useBridge };

package/dist/index.js

@@ -0,0 +1,74 @@
+// src/createLinkBridgeProvider.tsx
+import { linkBridge } from "@webview-bridge/web";
+import { createContext, useContext, useEffect, useRef } from "react";
+// src/useBridge.ts
+import { useSyncExternalStoreWithSelector } from "use-sync-external-store/with-selector.js";
+function useBridge(store, selector) {
+    var $selector = selector !== null && selector !== void 0 ? selector : function(state) {
+        return state;
+    };
+    return useSyncExternalStoreWithSelector(store.subscribe, store.getState, store.getState, $selector);
+}
+// src/createLinkBridgeProvider.tsx
+import { jsx } from "react/jsx-runtime";
+var createLinkBridgeProvider = function(options) {
+    var bridge = linkBridge(options);
+    var BridgeContext = createContext(null);
+    var BridgeProvider = function(param) {
+        var children = param.children;
+        var storeRef = useRef();
+        if (!storeRef.current) {
+            storeRef.current = bridge;
+        }
+        return /* @__PURE__ */ jsx(BridgeContext.Provider, {
+            value: storeRef.current,
+            children: children
+        });
+    };
+    var useBridgeStore = function(selector) {
+        var bridgeStoreContext = useContext(BridgeContext);
+        if (!bridgeStoreContext) {
+            throw new Error("useBridgeStore must be used within a BridgeProvider");
+        }
+        return useBridge(bridgeStoreContext.store, selector);
+    };
+    var useBridgeStatus = function() {
+        var bridgeStoreContext = useContext(BridgeContext);
+        if (!bridgeStoreContext) {
+            throw new Error("useBridgeStatus must be used within a BridgeProvider");
+        }
+        return {
+            isNativeMethodAvailable: function(method) {
+                return bridgeStoreContext.isNativeMethodAvailable(method);
+            },
+            isWebViewBridgeAvailable: bridgeStoreContext.isWebViewBridgeAvailable
+        };
+    };
+    var useBridgeLoose = function() {
+        var bridgeStoreContext = useContext(BridgeContext);
+        if (!bridgeStoreContext) {
+            throw new Error("useBridgeLoose must be used within a BridgeProvider");
+        }
+        return {
+            loose: bridgeStoreContext.loose
+        };
+    };
+    var useBridgeEventListener = function(eventName, listener) {
+        var bridgeStoreContext = useContext(BridgeContext);
+        if (!bridgeStoreContext) {
+            throw new Error("useBridgeEventListener must be used within a BridgeProvider");
+        }
+        useEffect(function() {
+            return bridgeStoreContext.addEventListener(eventName, listener);
+        }, []);
+    };
+    return {
+        bridge: bridge,
+        BridgeProvider: BridgeProvider,
+        useBridgeStore: useBridgeStore,
+        useBridgeStatus: useBridgeStatus,
+        useBridgeLoose: useBridgeLoose,
+        useBridgeEventListener: useBridgeEventListener
+    };
+};
+export { createLinkBridgeProvider, useBridge };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@webview-bridge/react",
   "type": "module",
-  "version": "1.6.2",
+  "version": "1.7.0-rc.1",
   "description": "Fully Type-Safe Integration for React Native WebView and Web",
   "publishConfig": {
     "access": "public"
@@ -15,24 +15,24 @@
     "dist",
     "package.json"
   ],
-  "main": "dist/commonjs/index.cjs",
-  "module": "dist/module/index.mjs",
-  "types": "dist/typescript/index.d.ts",
+  "main": "dist/index.js",
+  "module": "dist/index.cjs",
+  "types": "dist/index.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/typescript/index.d.ts",
-      "import": "./dist/module/index.mjs",
-      "require": "./dist/commonjs/index.cjs"
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
     }
   },
   "devDependencies": {
     "@types/react": "^18.2.69",
     "@types/use-sync-external-store": "^0.0.6",
-    "esbuild": "^0.19.4",
-    "react": "^18.2.0",
-    "@webview-bridge/web": "^1.6.2"
+    "@webview-bridge/web": "1.7.0-rc.1",
+    "react": "^18.3.1"
   },
   "dependencies": {
+    "@webview-bridge/types": "1.7.0-rc.1",
     "use-sync-external-store": "^1.2.2"
   },
   "peerDependencies": {
@@ -45,7 +45,7 @@
     }
   },
   "scripts": {
-    "build": "node esbuild.config.js && tspc --emitDeclarationOnly",
+    "build": "tsup src/index.ts --format cjs,esm --dts --target es5",
     "test:type": "tsc --noEmit"
   }
 }

package/dist/commonjs/index.cjs

@@ -1 +0,0 @@
-"use strict";var g=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var f=(r,e)=>{for(var t in e)g(r,t,{get:e[t],enumerable:!0})},b=(r,e,t,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of x(e))!m.call(r,s)&&s!==t&&g(r,s,{get:()=>e[s],enumerable:!(n=v(e,s))||n.enumerable});return r};var p=r=>b(g({},"__esModule",{value:!0}),r);var w={};f(w,{createLinkBridgeProvider:()=>l,useBridge:()=>a});module.exports=p(w);var S=require("@webview-bridge/web"),o=require("react");var B=require("use-sync-external-store/with-selector.js");function a(r,e){let t=e!=null?e:n=>n;return(0,B.useSyncExternalStoreWithSelector)(r.subscribe,r.getState,r.getState,t)}var c=require("react/jsx-runtime"),l=r=>{let e=(0,S.linkBridge)(r),t=(0,o.createContext)(null);return{bridge:e,BridgeProvider:({children:i})=>{let d=(0,o.useRef)();return d.current||(d.current=e),(0,c.jsx)(t.Provider,{value:d.current,children:i})},useBridgeStore:i=>{let d=(0,o.useContext)(t);if(!d)throw new Error("useBridgeStore must be used within a BridgeProvider");return a(d.store,i)},useBridgeStatus:()=>{let i=(0,o.useContext)(t);if(!i)throw new Error("useBridgeStatus must be used within a BridgeProvider");return{isNativeMethodAvailable:d=>i.isNativeMethodAvailable(d),isWebViewBridgeAvailable:i.isWebViewBridgeAvailable}},useBridgeLoose:()=>{let i=(0,o.useContext)(t);if(!i)throw new Error("useBridgeLoose must be used within a BridgeProvider");return{loose:i.loose}},useBridgeEventListener:(i,d)=>{let u=(0,o.useContext)(t);if(!u)throw new Error("useBridgeEventListener must be used within a BridgeProvider");(0,o.useEffect)(()=>u.addEventListener(i,d),[])}}};0&&(module.exports={createLinkBridgeProvider,useBridge});

package/dist/module/index.mjs

@@ -1 +0,0 @@
-import{linkBridge as u}from"@webview-bridge/web";import{createContext as B,useContext as d,useEffect as S,useRef as c}from"react";import{useSyncExternalStoreWithSelector as a}from"use-sync-external-store/with-selector.js";function g(o,i){let t=i!=null?i:s=>s;return a(o.subscribe,o.getState,o.getState,t)}import{jsx as v}from"react/jsx-runtime";var T=o=>{let i=u(o),t=B(null);return{bridge:i,BridgeProvider:({children:e})=>{let r=c();return r.current||(r.current=i),v(t.Provider,{value:r.current,children:e})},useBridgeStore:e=>{let r=d(t);if(!r)throw new Error("useBridgeStore must be used within a BridgeProvider");return g(r.store,e)},useBridgeStatus:()=>{let e=d(t);if(!e)throw new Error("useBridgeStatus must be used within a BridgeProvider");return{isNativeMethodAvailable:r=>e.isNativeMethodAvailable(r),isWebViewBridgeAvailable:e.isWebViewBridgeAvailable}},useBridgeLoose:()=>{let e=d(t);if(!e)throw new Error("useBridgeLoose must be used within a BridgeProvider");return{loose:e.loose}},useBridgeEventListener:(e,r)=>{let n=d(t);if(!n)throw new Error("useBridgeEventListener must be used within a BridgeProvider");S(()=>n.addEventListener(e,r),[])}}};export{T as createLinkBridgeProvider,g as useBridge};

package/dist/typescript/createLinkBridgeProvider.d.ts

@@ -1,20 +0,0 @@
-import type { Bridge, BridgeStore, ExcludePrimitive, ExtractStore, KeyOfOrString, LinkBridgeOptions, Parser, ParserSchema } from "@webview-bridge/web";
-import { type ReactNode } from "react";
-export interface BridgeProviderProps {
-    children: ReactNode;
-}
-export declare const createLinkBridgeProvider: <T extends BridgeStore<T extends Bridge ? T : any>, V extends ParserSchema<any> = ParserSchema<any>>(options?: LinkBridgeOptions<T, V> | undefined) => {
-    bridge: import("@webview-bridge/web").LinkBridge<ExcludePrimitive<ExtractStore<T>>, Omit<T, "setState">, V>;
-    BridgeProvider: ({ children }: BridgeProviderProps) => import("react/jsx-runtime").JSX.Element;
-    useBridgeStore: <U>(selector: (state: ReturnType<T["getState"]>) => U) => U;
-    useBridgeStatus: () => {
-        isNativeMethodAvailable: (method: keyof ExcludePrimitive<ExtractStore<T>>) => boolean;
-        isWebViewBridgeAvailable: boolean;
-    };
-    useBridgeLoose: () => {
-        loose: (ExcludePrimitive<ExtractStore<T>> extends infer T_1 ? { [K in keyof T_1]: (...args: any[]) => Promise<any>; } : never) & {
-            [key: string]: (...args: any[]) => Promise<any>;
-        };
-    };
-    useBridgeEventListener: <EventName extends KeyOfOrString<V>>(eventName: EventName, listener: (args: Parser<V, EventName>) => void) => void;
-};

package/dist/typescript/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./createLinkBridgeProvider";
-export * from "./useBridge";

package/dist/typescript/useBridge.d.ts

@@ -1,3 +0,0 @@
-import type { Bridge, BridgeStore, ExtractStore } from "@webview-bridge/web";
-export declare function useBridge<T extends Bridge>(store: Omit<BridgeStore<T>, "setState">): ExtractStore<BridgeStore<T>>;
-export declare function useBridge<T extends Bridge, U extends ExtractStore<BridgeStore<T>>, V>(store: Omit<BridgeStore<T>, "setState">, selector?: (state: U) => V): V;