rxjs-native-bridge 1.0.0

package/dist/index.d.ts

@@ -0,0 +1,77 @@
+import { BehaviorSubject } from 'rxjs';
+import { Observable } from 'rxjs';
+import { Subject } from 'rxjs';
+
+declare type CallInterceptor<R = unknown> = (res: R, ctx: {
+    handlerName: string;
+    params: unknown;
+}) => unknown;
+
+/**
+ * WebView JSBridge 单例
+ */
+export declare class JSBridge {
+    protected static instance: JSBridge;
+    private bridge?;
+    private isReady;
+    private readyCallbacks;
+    readonly isAndroid: boolean;
+    readonly isiOS: boolean;
+    protected constructor();
+    /** 获取单例 */
+    static getInstance(): JSBridge;
+    /** 是否在 Native WebView 中 */
+    isNative(): boolean;
+    /** 初始化 bridge */
+    private setup;
+    private setupAndroid;
+    private setupIOS;
+    /** bridge ready 统一入口 */
+    private onReady;
+    /** 等待 bridge 可用 */
+    private withBridge;
+    /** JS 调用 Native */
+    callHandler<T = unknown, R = unknown>(name: string, data?: T, callback?: (response: R) => void): void;
+    /** Native 调用 JS */
+    registerHandler<T = unknown, R = unknown>(name: string, callback: (data: T, responseCallback: (response: R) => void) => void): void;
+}
+
+export declare const jsBridge: JSBridge;
+
+export declare class RxJsBridge extends JSBridge {
+    protected static instance: RxJsBridge;
+    protected _callInterceptor?: CallInterceptor;
+    protected _stateMap: Map<string, BehaviorSubject<unknown>>;
+    protected _event: Subject<RxJSBridgeEvent<unknown>> | undefined;
+    protected _registered: Set<string>;
+    protected constructor();
+    static getInstance(): RxJsBridge;
+    useCallInterceptor<R = unknown>(interceptor: CallInterceptor<R>): this;
+    call<T = unknown, R = unknown>(handlerName: string, params: T): Observable<R>;
+    setState<T = unknown>(handlerName: string, value: T): void;
+    delState(handlerName: string): void;
+    clearState(): void;
+    register<T = unknown>(handlerName: string, defaultState?: unknown): this;
+    on<T = unknown>(handlerName: string): Observable<    {
+    params: T;
+    reply: ((res: unknown) => void) | undefined;
+    }>;
+    event<T = unknown>(handlerName: string, defaultState?: unknown): Observable<    {
+    params: T;
+    reply: ((res: unknown) => void) | undefined;
+    }>;
+    once<T = unknown>(handlerName: string, defaultState?: unknown): Observable<    {
+    params: T;
+    reply: ((res: unknown) => void) | undefined;
+    }>;
+}
+
+export declare const rxJsBridge: RxJsBridge;
+
+declare interface RxJSBridgeEvent<T = unknown> {
+    key: string;
+    params: T;
+    reply?: (res: unknown) => void;
+}
+
+export { }

package/dist/lib/index.js

@@ -0,0 +1 @@
+"use strict";var w=Object.create;var h=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var v=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var _=(s,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of f(e))!b.call(s,r)&&r!==t&&h(s,r,{get:()=>e[r],enumerable:!(i=y(e,r))||i.enumerable});return s};var B=(s,e,t)=>(t=s!=null?w(v(s)):{},_(e||!s||!s.__esModule?h(t,"default",{value:s,enumerable:!0}):t,s));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class n{static instance;bridge;isReady=!1;readyCallbacks=[];isAndroid=navigator.userAgent.includes("Android")||navigator.userAgent.includes("Adr");isiOS=/\(i[^;]+;( U;)? CPU.+Mac OS X/.test(navigator.userAgent);constructor(){this.setup()}static getInstance(){return n.instance||(n.instance=new n),n.instance}isNative(){return!!window.WebViewJavascriptBridge}setup(){this.isAndroid?this.setupAndroid():this.isiOS&&this.setupIOS()}setupAndroid(){window.WebViewJavascriptBridge?this.onReady(window.WebViewJavascriptBridge):document.addEventListener("WebViewJavascriptBridgeReady",()=>{this.onReady(window.WebViewJavascriptBridge)},!1)}setupIOS(){if(window.WebViewJavascriptBridge){this.onReady(window.WebViewJavascriptBridge);return}if(window.WVJBCallbacks){window.WVJBCallbacks.push(t=>this.onReady(t));return}window.WVJBCallbacks=[t=>this.onReady(t)];const e=document.createElement("iframe");e.style.display="none",e.src="https://__bridge_loaded__",document.documentElement.appendChild(e),setTimeout(()=>{document.documentElement.removeChild(e)},0)}onReady(e){this.isReady||(this.bridge=e,this.isReady=!0,this.isAndroid&&e.init((t,i)=>{i("JS init response")}),this.readyCallbacks.forEach(t=>t(e)),this.readyCallbacks.length=0)}withBridge(e){this.isReady&&this.bridge?e(this.bridge):this.readyCallbacks.push(e)}callHandler(e,t,i){this.withBridge(r=>{r.callHandler(e,t,i)})}registerHandler(e,t){this.withBridge(i=>{i.registerHandler(e,t)})}}const S=n.getInstance();let p,d,u,o;(async()=>{try{const s=await import("rxjs");p=s.Observable,d=s.Subject,o=await Promise.resolve().then(()=>require("../index-BpknkqY0.cjs")),u=s.BehaviorSubject}catch(s){throw new Error("RxJS 未安装，RxJsBridge 功能不可用"+s)}})();class a extends n{static instance;_callInterceptor;_stateMap=new Map;_event=d?new d:void 0;_registered=new Set;constructor(){super()}static getInstance(){return a.instance||(a.instance=new a),a.instance}useCallInterceptor(e){return this._callInterceptor=e,this}call(e,t){return new p(i=>{try{this.callHandler(e,t,r=>{try{let c=r;this._callInterceptor&&(c=this._callInterceptor(r,{handlerName:e,params:t})),i.next(c),i.complete()}catch(c){i.error(c)}})}catch(r){i.error(r)}})}setState(e,t){if(!this._registered.has(e))return;let i=this._stateMap.get(e);i?i.next(t):(i=new u(t),this._stateMap.set(e,i))}delState(e){const t=this._stateMap.get(e);t&&(t.complete(),this._stateMap.delete(e))}clearState(){this._stateMap.forEach(e=>e.complete()),this._stateMap.clear()}register(e,t){return this._registered.has(e)?this:(this._registered.add(e),t!==void 0&&this.setState(e,t),this.registerHandler(e,(i,r)=>{const c=g=>{console.log("扩展方法，暂时无用",g)};this._event.next({key:e,params:i,reply:c});const l=this._stateMap.get(e);r(l?l.getValue():null)}),this)}on(e){return this._event.pipe(o.filter(t=>t.key===e),o.map(t=>({params:t.params,reply:t.reply})))}event(e,t){return this.register(e,t),this.on(e)}once(e,t){return this.register(e,t),this.on(e).pipe(o.take(1))}}const m=a.getInstance();exports.JSBridge=n;exports.RxJsBridge=a;exports.jsBridge=S;exports.rxJsBridge=m;

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "rxjs-native-bridge",
+  "version": "1.0.0",
+  "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ztf-git/rxjs-native-bridge"
+  },
+  "files": [
+    "dist"
+  ],
+  "main": "dist/es/index.js",
+  "module": "dist/lib/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/es/index.js",
+      "require": "./dist/lib/index.js"
+    }
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "format": "prettier --write . && eslint . --fix",
+    "preview": "vite preview"
+  },
+  "optionalDependencies": {
+    "rxjs": "^7.8.2"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.39.2",
+    "@types/node": "^24.10.1",
+    "dts": "^0.1.1",
+    "eslint": "^9.39.2",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-prettier": "^5.5.4",
+    "from": "^0.1.7",
+    "globals": "^16.5.0",
+    "import": "^0.0.6",
+    "jiti": "^2.6.1",
+    "prettier": "^3.7.4",
+    "rxjs": "^7.8.2",
+    "typescript": "~5.9.3",
+    "typescript-eslint": "^8.50.0",
+    "vite": "^7.2.4",
+    "vite-plugin-dts": "^4.5.4"
+  }
+}