Migrate patching script to use ast parsing instead of find/replace (#111)

Author: apteryxxyz

.changeset/cool-lands-float.md

@@ -0,0 +1,5 @@
+---
+"next-ws": minor
+---
+
+Migrate patches to use ast parser instead of find/replace

biome.json

@@ -1,6 +1,8 @@
 {
   "$schema": "./node_modules/@biomejs/biome/configuration_schema.json",
-  "files": { "ignore": ["node_modules/*", "dist/*", ".next/*", "tests/.*"] },
+  "files": {
+    "ignore": ["node_modules/*", "dist/*", ".next/*", "tests/.*"]
+  },
 
   "formatter": {
     "enabled": true,
@@ -22,6 +24,9 @@
         "noAssignInExpressions": "off",
         "noArrayIndexKey": "off"
       },
+      "complexity": {
+        "noForEach": "off"
+      },
       "a11y": {
         "useSemanticElements": "off",
         "useFocusableInteractive": "off"

examples/_shared/package.json

@@ -4,11 +4,11 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "default": "./dist/index.js"
     },
     "./chat-room": {
       "types": "./dist/chat-room/index.d.ts",
-      "import": "./dist/chat-room/index.js"
+      "default": "./dist/chat-room/index.js"
     }
   },
   "scripts": {

examples/_shared/src/chat-room/message-list.tsx

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { Message } from './messaging';
 
 export function MessageList({ messages }: { messages: Message[] }) {

examples/_shared/src/chat-room/message-submit.tsx

@@ -1,5 +1,7 @@
 'use client';
 
+// biome-ignore lint/style/useImportType: React is used in JSX output
+import * as React from 'react';
 import { useCallback } from 'react';
 import type { Message } from './messaging';
 

examples/_shared/src/websocket.ts

@@ -10,10 +10,8 @@ export function useWebSocket(url: () => string) {
   useEffect(() => {
     if (ref.current) return;
     const socket = new WebSocket(target.current());
-    ref.current = socket;
+    Reflect.set(ref, 'current', socket);
     update((p) => p + 1);
-
-    return () => socket.close();
   }, []);
 
   return ref.current;

examples/_shared/tsconfig.json

@@ -37,7 +37,6 @@
 
     "outDir": "./dist",
     "paths": { "~/*": ["./src/*"] },
-
-    "jsx": "preserve"
+    "jsx": "react"
   }
 }

package.json

@@ -29,9 +29,9 @@
     "./package.json": "./package.json"
   },
   "scripts": {
+    "check": "tsc --noEmit",
     "lint": "biome ci .",
     "format": "biome check . --write",
-    "check": "tsc --noEmit",
     "build": "tsup",
     "dev": "tsup --watch",
     "test": "playwright test",
@@ -45,8 +45,13 @@
     "release:publish": "pnpm build && changeset publish",
     "release:snapshot:publish": "pnpm build && changeset publish --tag beta --no-git-tag"
   },
+  "dependencies": {
+    "jscodeshift": "^17.3.0",
+    "minimist": "^1.2.8",
+    "semver": "^7.7.1"
+  },
   "peerDependencies": {
-    "next": ">=13.1.1",
+    "next": ">=13.5.1",
     "react": "*",
     "ws": "*"
   },
@@ -55,19 +60,18 @@
     "@changesets/changelog-git": "^0.2.0",
     "@changesets/cli": "^2.27.12",
     "@playwright/test": "^1.50.1",
+    "@types/jscodeshift": "^17.3.0",
     "@types/minimist": "^1.2.5",
     "@types/node": "^22.13.1",
     "@types/react": "catalog:",
     "@types/semver": "^7.5.8",
     "@types/ws": "^8.5.14",
     "chalk": "^5.4.1",
     "husky": "^9.1.7",
-    "minimist": "^1.2.8",
     "next": "catalog:",
     "pinst": "^3.0.0",
     "react": "catalog:",
     "react-dom": "catalog:",
-    "semver": "^7.7.1",
     "tsup": "^8.3.6",
     "typescript": "^5.7.3"
   }