v1.0.3 [publish]

- Add Vite 4 to peer dependency range
- Don't show outline for non-clickable targets
- Use debug log when no React instance was found

Author: ArnaudBarre

.github/workflows/publish.yml

@@ -10,11 +10,9 @@ jobs:
     steps:
       - uses: actions/checkout@v3
       - uses: xhyrom/[email protected]
-        with:
-          bun-version: "0.2.1"
       - run: bun install
       - run: bun ci
-      - uses: ArnaudBarre/npm-publish@v1.1
+      - uses: ArnaudBarre/npm-publish@v1
         with:
           working-directory: dist
           npm-token: ${{ secrets.NPM_TOKEN }}

CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 1.0.3
+
+- Add Vite 4 to peer dependency range
+- Don't show outline for non-clickable targets
+- Use debug log when no React instance was found
+
 ## 1.0.1
 
 Fix tooltip position for elements on the right side of the screen

README.md

@@ -14,10 +14,10 @@ In your Vite config:
 
 ```ts
 import { defineConfig } from "vite";
-import { swcReactRefresh } from "vite-plugin-swc-react-refresh"; // or @vitejs/plugin-react
+import react from "@vitejs/plugin-react-swc"; // or @vitejs/plugin-react
 import { reactClickToComponent } from "vite-plugin-react-click-to-component";
 
 export default defineConfig({
-  plugins: [swcReactRefresh(), reactClickToComponent()],
+  plugins: [react(), reactClickToComponent()],
 });
 ```

bun.lockb

@@ -1,8 +1,9 @@
 {
   "name": "vite-plugin-react-click-to-component",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "license": "MIT",
   "scripts": {
+    "postinstall": "cd playground && bun i",
     "dev": "scripts/bundle.ts --dev",
     "build": "scripts/bundle.ts",
     "tsc": "tsc",
@@ -12,17 +13,20 @@
     "prettier-ci": "prettier --ignore-path=.gitignore --check '**/*.{ts,tsx,html,css,json,md,yml}'",
     "ci": "tsc && bun lint-ci && bun prettier-ci && bun run build"
   },
+  "prettier": {
+    "trailingComma": "all"
+  },
   "peerDependencies": {
     "react": ">=16",
-    "vite": "^2 || ^3"
+    "vite": "^2 || ^3 || ^4"
   },
   "devDependencies": {
-    "@arnaud-barre/eslint-config": "^1.0.13",
-    "@nabla/tnode": "^0.7.0",
-    "@types/node": "^18.11.4",
-    "eslint": "^8.26.0",
-    "prettier": "^2.7.1",
-    "typescript": "^4.8.4",
-    "vite": "^3.1.8"
+    "@arnaud-barre/eslint-config": "^1.0.17",
+    "@nabla/tnode": "^0.8.0",
+    "@types/node": "^18.11.12",
+    "eslint": "^8.29.0",
+    "prettier": "^2.8.1",
+    "typescript": "^4.9.4",
+    "vite": "^4.0.0"
   }
 }

package.json

@@ -9,7 +9,7 @@
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@types/react-dom": "^18.0.6",
-    "vite-plugin-swc-react-refresh": "^2.1.0"
+    "@types/react-dom": "^18.0.9",
+    "@vitejs/plugin-react-swc": "^3.0.0"
   }
 }

playground/bun.lockb

@@ -47,4 +47,6 @@
   left: 40px;
   display: flex;
   align-items: center;
+  border: 1px solid white;
+  padding: 10px;
 }

playground/package.json

@@ -6,5 +6,5 @@ import "./index.css";
 createRoot(document.getElementById("root")!).render(
   <StrictMode>
     <App />
-  </StrictMode>
+  </StrictMode>,
 );

playground/src/App.css

@@ -1,9 +1,9 @@
 import { defineConfig } from "vite";
-import { swcReactRefresh } from "vite-plugin-swc-react-refresh";
+import react from "@vitejs/plugin-react-swc";
 import { reactClickToComponent } from "../dist";
 
 // eslint-disable-next-line import/no-default-export
 export default defineConfig({
-  plugins: [swcReactRefresh(), reactClickToComponent()],
+  plugins: [react(), reactClickToComponent()],
   server: { open: true },
 });