build hooks package with vite and stop bundling react

.gitignore

@@ -5,4 +5,6 @@ build
 .idea
 vite.config.ts.timestamp-*
 coverage
-docs
+docs
+stats.html
+yarn-error.log

packages/automerge-repo-react-hooks/package.json

@@ -8,9 +8,10 @@
   "type": "module",
   "main": "dist/index.js",
   "scripts": {
-    "build": "tsc",
+    "build": "tsc --noEmit && vite build",
     "test": "vitest run",
-    "watch": "npm-watch"
+    "watch": "npm-watch",
+    "visualize": "VISUALIZE=true vite build"
   },
   "dependencies": {
     "@automerge/automerge": "^2.1.8-alpha.1",
@@ -22,7 +23,13 @@
   },
   "devDependencies": {
     "@testing-library/react": "^14.0.0",
-    "jsdom": "^22.1.0"
+    "jsdom": "^22.1.0",
+    "rollup-plugin-visualizer": "^5.9.3",
+    "vite-plugin-dts": "^3.6.4"
+  },
+  "peerDependencies": {
+    "react": ">16.8.0",
+    "react-dom": ">16.8.0"
   },
   "watch": {
     "build": {

packages/automerge-repo-react-hooks/vite.config.ts

@@ -1,11 +1,39 @@
 import { defineConfig } from "vitest/config"
 import react from "@vitejs/plugin-react"
+import { resolve } from "path"
+import dts from "vite-plugin-dts"
 import wasm from "vite-plugin-wasm"
 import topLevelAwait from "vite-plugin-top-level-await"
+import { visualizer } from "rollup-plugin-visualizer"
 
 export default defineConfig({
-  plugins: [react(), wasm(), topLevelAwait()],
+  plugins: [
+    react(),
+    wasm(),
+    topLevelAwait(),
+    dts({
+      insertTypesEntry: true,
+    }),
+    process.env.VISUALIZE && visualizer(),
+  ],
+  build: {
+    lib: {
+      entry: resolve(__dirname, 'src/index.ts'),
+      formats: ['es'],
+      fileName: 'index',
+    },
+    rollupOptions: {
+      external: ['react', 'react/jsx-runtime', 'react-dom', 'tailwindcss'],
+      output: {
+        globals: {
+          react: 'React',
+          'react/jsx-runtime': 'react/jsx-runtime',
+          'react-dom': 'ReactDOM',
+        }
+      }
+    },
+  },
   worker: {
     plugins: [wasm(), topLevelAwait()],
-  },
+  }
 })

packages/automerge-repo/package.json

@@ -20,7 +20,8 @@
     "crypto": false
   },
   "devDependencies": {
-    "http-server": "^14.1.0"
+    "http-server": "^14.1.0",
+    "vite": "^4.4.11"
   },
   "dependencies": {
     "@automerge/automerge": "^2.1.8-alpha.1",