chore: migrate tspc, esbuild to tsup, nx

.gitignore

@@ -66,4 +66,8 @@ dist
 cache
 temp
 
-*.tsbuildinfo
+*.tsbuildinfo
+
+
+.nx/cache
+.nx/workspace-data

example/native-method/react-native/package.json

@@ -14,7 +14,7 @@
   },
   "dependencies": {
     "@rnx-kit/metro-config": "^1.3.9",
-    "@webview-bridge/react-native": "workspace:^",
+    "@webview-bridge/react-native": "1.6.2",
     "react": "18.3.1",
     "react-native": "0.76.0",
     "react-native-inappbrowser-reborn": "^3.7.0",
@@ -40,7 +40,7 @@
     "jest": "^29.6.3",
     "prettier": "2.8.8",
     "react-test-renderer": "18.3.1",
-    "typescript": "5.0.4"
+    "typescript": "^5.6.2"
   },
   "engines": {
     "node": ">=18"

example/native-method/react/package.json

@@ -10,7 +10,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@webview-bridge/web": "workspace:^",
+    "@webview-bridge/web": "1.6.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
   },
@@ -24,7 +24,7 @@
     "eslint-plugin-react-hooks": "^5.0.0",
     "eslint-plugin-react-refresh": "^0.4.13",
     "globals": "^15.11.0",
-    "typescript": "~5.6.2",
+    "typescript": "^5.6.2",
     "typescript-eslint": "^8.10.0",
     "vite": "^5.4.9"
   }

example/native-method/web/package.json

@@ -9,10 +9,10 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@webview-bridge/web": "workspace:^"
+    "@webview-bridge/web": "1.6.2"
   },
   "devDependencies": {
-    "typescript": "~5.6.2",
+    "typescript": "^5.6.2",
     "vite": "^5.4.9",
     "@webview-bridge-example-native-method/react-native": "workspace:^"
   }

example/post-message/react-native/App.tsx

@@ -17,6 +17,7 @@ import InAppBrowser from "react-native-inappbrowser-reborn";
 
 import { z } from "zod";
 import * as v from "valibot";
+
 export const appBridge = bridge({
   async getMessage() {
     return "I'm from native" as const;

example/post-message/react-native/package.json

@@ -14,7 +14,7 @@
   },
   "dependencies": {
     "@rnx-kit/metro-config": "^1.3.9",
-    "@webview-bridge/react-native": "workspace:^",
+    "@webview-bridge/react-native": "1.6.2",
     "react": "18.3.1",
     "react-native": "0.76.0",
     "react-native-inappbrowser-reborn": "^3.7.0",
@@ -42,7 +42,7 @@
     "jest": "^29.6.3",
     "prettier": "2.8.8",
     "react-test-renderer": "18.3.1",
-    "typescript": "5.0.4"
+    "typescript": "^5.6.2"
   },
   "engines": {
     "node": ">=18"

example/post-message/react/package.json

@@ -12,7 +12,7 @@
   "dependencies": {
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "@webview-bridge/web": "workspace:^"
+    "@webview-bridge/web": "1.6.2"
   },
   "devDependencies": {
     "@webview-bridge-example-post-message/react-native": "workspace:^",

example/react-navigation/react-native/package.json

@@ -16,7 +16,7 @@
     "@react-navigation/native": "^6.1.18",
     "@react-navigation/native-stack": "^6.11.0",
     "@rnx-kit/metro-config": "^1.3.9",
-    "@webview-bridge/react-native": "workspace:^",
+    "@webview-bridge/react-native": "1.6.2",
     "react": "18.3.1",
     "react-native": "0.76.0",
     "react-native-inappbrowser-reborn": "^3.7.0",
@@ -42,7 +42,7 @@
     "jest": "^29.6.3",
     "prettier": "2.8.8",
     "react-test-renderer": "18.3.1",
-    "typescript": "5.0.4"
+    "typescript": "^5.6.2"
   },
   "engines": {
     "node": ">=18"

example/react-navigation/react/package.json

@@ -12,7 +12,7 @@
   "dependencies": {
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "@webview-bridge/web": "workspace:^"
+    "@webview-bridge/web": "1.6.2"
   },
   "devDependencies": {
     "@eslint/js": "^9.13.0",
@@ -23,7 +23,7 @@
     "eslint-plugin-react-hooks": "^5.0.0",
     "eslint-plugin-react-refresh": "^0.4.13",
     "globals": "^15.11.0",
-    "typescript": "~5.6.2",
+    "typescript": "^5.6.2",
     "typescript-eslint": "^8.10.0",
     "@webview-bridge-example-react-navigation/react-native": "workspace:^",
     "vite": "^5.4.9"

example/shared-state-integration-react/react-native/package.json

@@ -14,7 +14,7 @@
   },
   "dependencies": {
     "@rnx-kit/metro-config": "^1.3.9",
-    "@webview-bridge/react-native": "workspace:^",
+    "@webview-bridge/react-native": "1.6.2",
     "react": "18.3.1",
     "react-native": "0.76.0",
     "react-native-inappbrowser-reborn": "^3.7.0",
@@ -40,7 +40,7 @@
     "jest": "^29.6.3",
     "prettier": "2.8.8",
     "react-test-renderer": "18.3.1",
-    "typescript": "5.0.4"
+    "typescript": "^5.6.2"
   },
   "engines": {
     "node": ">=18"

example/shared-state-integration-react/react/package.json

@@ -10,8 +10,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@webview-bridge/react": "workspace:^",
-    "@webview-bridge/web": "workspace:^",
+    "@webview-bridge/react": "1.6.2",
+    "@webview-bridge/web": "1.6.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
   },
@@ -24,7 +24,7 @@
     "eslint-plugin-react-hooks": "^5.0.0",
     "eslint-plugin-react-refresh": "^0.4.13",
     "globals": "^15.11.0",
-    "typescript": "~5.6.2",
+    "typescript": "^5.6.2",
     "typescript-eslint": "^8.10.0",
     "vite": "^5.4.9",
     "@webview-bridge-example-shared-state-integration-react/react-native": "workspace:^"

example/shared-state-integration-vue/react-native/package.json

@@ -14,7 +14,7 @@
   },
   "dependencies": {
     "@rnx-kit/metro-config": "^1.3.9",
-    "@webview-bridge/react-native": "workspace:^",
+    "@webview-bridge/react-native": "1.6.2",
     "react": "18.3.1",
     "react-native": "0.76.0",
     "react-native-inappbrowser-reborn": "^3.7.0",
@@ -40,7 +40,7 @@
     "jest": "^29.6.3",
     "prettier": "2.8.8",
     "react-test-renderer": "18.3.1",
-    "typescript": "5.0.4"
+    "typescript": "^5.6.2"
   },
   "engines": {
     "node": ">=18"

example/shared-state-integration-vue/vue/package.json

@@ -9,13 +9,13 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@webview-bridge/web": "workspace:^",
+    "@webview-bridge/web": "1.6.2",
     "vue": "^3.5.12"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.1.4",
     "@webview-bridge-example-shared-state-integration-vue/react-native": "workspace:^",
-    "typescript": "~5.6.2",
+    "typescript": "^5.6.2",
     "vite": "^5.4.9",
     "vue-tsc": "^2.1.6"
   }

nx.json

@@ -0,0 +1,25 @@
+{
+  "$schema": "./node_modules/nx/schemas/nx-schema.json",
+  "targetDefaults": {
+    "build": {
+      "dependsOn": [
+        "^build"
+      ],
+      "outputs": [
+        "{projectRoot}/dist"
+      ],
+      "cache": true
+    },
+    "test": {
+      "dependsOn": [
+        "^test"
+      ]
+    },
+    "test:type": {
+      "dependsOn": [
+        "^test:type"
+      ]
+    }
+  },
+  "defaultBase": "main"
+}

package.json

@@ -6,29 +6,37 @@
   "main": "index.js",
   "scripts": {
     "packages:publish": "pnpm clear && pnpm --filter './packages/**' publish",
-    "build": "pnpm -r build",
-    "test:type": "pnpm -r test:type",
-    "docs:build": "pnpm -r docs:build",
+    "build": "nx run-many --target=build --projects=packages/*",
+    "test:type": "nx run-many --target=test:type --all",
+    "docs:build": "nx docs:build @webview-bridge/docs",
     "clear": "rimraf --glob **/dist"
   },
   "keywords": [],
   "author": "",
   "license": "MIT",
   "devDependencies": {
-    "@babel/runtime": "^7.20.0",
+    "@babel/runtime": "^7.25.0",
     "@typescript-eslint/eslint-plugin": "^6.7.4",
     "@typescript-eslint/parser": "^6.7.4",
-    "esbuild": "^0.19.4",
     "eslint": "^8.51.0",
     "eslint-config-prettier": "^9.0.0",
     "eslint-plugin-prettier": "^5.0.0",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-simple-import-sort": "^10.0.0",
     "prettier": "^3.0.3",
     "rimraf": "^5.0.5",
-    "ts-patch": "^3.0.2",
-    "typescript": "^5.2.2",
-    "typescript-transform-paths": "^3.4.6"
+    "tsup": "^8.3.0",
+    "typescript": "^5.6.2",
+    "nx": "20.0.5"
   },
-  "packageManager": "[email protected]"
+  "packageManager": "[email protected]",
+  "pnpm": {
+    "overrides": {
+      "@webview-bridge/types": "workspace:*",
+      "@webview-bridge/utils": "workspace:*",
+      "@webview-bridge/web": "workspace:*",
+      "@webview-bridge/react": "workspace:*",
+      "@webview-bridge/react-native": "workspace:*"
+    }
+  }
 }

packages/react-native/package.json

@@ -3,8 +3,17 @@
   "version": "1.6.2",
   "type": "module",
   "description": "Fully Type-Safe Integration for React Native WebView and Web",
-  "main": "dist/packages/react-native/src/index.js",
-  "types": "dist/packages/react-native/src/index.d.ts",
+  "main": "dist/index.js",
+  "module": "dist/index.cjs",
+  "types": "dist/index.d.ts",
+  "react-native": "src/index.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
   "publishConfig": {
     "access": "public"
   },
@@ -18,22 +27,23 @@
     "package.json"
   ],
   "scripts": {
-    "prepare": "pnpm build",
-    "build": "tspc",
+    "build": "tsup src/index.ts --format cjs,esm --dts --target es5",
     "test:type": "tsc --noEmit"
   },
   "devDependencies": {
     "@types/react": "^18.2.25",
     "@types/use-sync-external-store": "^0.0.6",
     "react": "^18.2.0",
     "react-native-webview": "^13.12.0",
-    "typescript": "^5.2.2"
+    "typescript": "^5.6.2"
   },
   "peerDependencies": {
     "react": "*",
     "react-native-webview": "*"
   },
   "dependencies": {
+    "@webview-bridge/utils": "1.6.2",
+    "@webview-bridge/types": "1.6.2",
     "use-sync-external-store": "^1.2.0"
   }
 }

packages/react-native/src/createWebView.tsx

@@ -1,3 +1,4 @@
+import { createEvents } from "@webview-bridge/utils";
 import type {
   Bridge,
   BridgeStore,
@@ -6,7 +7,6 @@ import type {
   ParserSchema,
   Primitive,
 } from "@webview-bridge/types";
-import { createEvents } from "@webview-bridge/util";
 import React, {
   forwardRef,
   useEffect,

packages/react-native/src/index.ts

@@ -3,4 +3,4 @@ export * from "./integrations/bridge";
 export * from "./integrations/postMessageSchema";
 export * from "./types/webview";
 export * from "./useBridge";
-export * from "@webview-bridge/types";
+export type * from "@webview-bridge/types";

packages/react-native/src/integrations/bridge.ts

@@ -1,10 +1,10 @@
+import { equals, removeUndefinedKeys } from "@webview-bridge/utils";
 import type {
   Bridge,
   BridgeStore,
   OnlyJSON,
   Primitive,
 } from "@webview-bridge/types";
-import { equals, removeUndefinedKeys } from "@webview-bridge/util";
 import WebView from "react-native-webview";
 
 export type StoreCallback<T> = ({

packages/react-native/src/integrations/handleRegisterWebMethod.ts

@@ -1,10 +1,10 @@
-import { Bridge } from "@webview-bridge/types";
+import type { Bridge } from "@webview-bridge/types";
 import {
   createRandomId,
   createResolver,
   type EventEmitter,
   timeout,
-} from "@webview-bridge/util";
+} from "@webview-bridge/utils";
 import WebView from "react-native-webview";
 
 import { WebMethodError } from "../error";

packages/react-native/tsconfig.json

@@ -6,9 +6,8 @@
     "forceConsistentCasingInFileNames": true,
     "jsx": "react-native",
     "lib": ["esnext"],
-    "module": "CommonJS",
-
-    "moduleResolution": "node",
+    "module": "esnext",
+    "moduleResolution": "Bundler",
     "noFallthroughCasesInSwitch": true,
     "noImplicitReturns": true,
     "noImplicitUseStrict": false,