Skip to content

Commit f61b937

Browse files
dborysovdborysov
committed
feat: move DevTools HTML and manifest files; update package dependencies and configurations
1 parent 6c38ef7 commit f61b937

7 files changed

Lines changed: 55 additions & 69 deletions

File tree

src/devtools/devtools.html renamed to devtools.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,6 @@
55
<title>TanStack Query DevTools Entry</title>
66
</head>
77
<body>
8-
<script type="module" src="./devtools.ts"></script>
8+
<script type="module" src="./src/devtools/devtools.ts"></script>
99
</body>
1010
</html>

‎package-lock.json‎

Lines changed: 24 additions & 22 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -5,8 +5,7 @@
55
"type": "module",
66
"scripts": {
77
"dev": "vite",
8-
"build": "tsc -b && vite build && cp manifest.json dist/ && cp -r public dist/",
9-
"build:extension": "npm run build",
8+
"build": "vite build",
109
"lint": "eslint .",
1110
"preview": "vite preview"
1211
},
@@ -16,14 +15,14 @@
1615
"@types/chrome": "^0.0.326",
1716
"class-variance-authority": "^0.7.1",
1817
"clsx": "^2.1.1",
19-
"lucide-react": "^0.514.0",
18+
"lucide-react": "^0.522.0",
2019
"react": "^19.1.0",
2120
"react-dom": "^19.1.0"
2221
},
2322
"devDependencies": {
2423
"@eslint/js": "^9.25.0",
2524
"@tailwindcss/vite": "^4.1.8",
26-
"@types/node": "^22.15.29",
25+
"@types/node": "^24.0.3",
2726
"@types/react": "^19.1.2",
2827
"@types/react-dom": "^19.1.2",
2928
"@vitejs/plugin-react-swc": "^3.9.0",

manifest.json renamed to public/manifest.json

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,20 +4,20 @@
44
"version": "0.4.0",
55
"description": "Chrome DevTools extension for debugging TanStack Query applications. Inspect queries, mutations, and cache state in real-time.",
66
"permissions": ["activeTab"],
7-
"devtools_page": "src/devtools/devtools.html",
7+
"devtools_page": "devtools.html",
88
"content_scripts": [
99
{
1010
"matches": ["<all_urls>"],
11-
"js": ["content/content.js"],
11+
"js": ["content.js"],
1212
"run_at": "document_start"
1313
}
1414
],
1515
"background": {
16-
"service_worker": "background/background.js"
16+
"service_worker": "background.js"
1717
},
1818
"web_accessible_resources": [
1919
{
20-
"resources": ["injected/injected.js"],
20+
"resources": ["injected.js"],
2121
"matches": ["<all_urls>"]
2222
}
2323
],

‎src/content/content.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -72,7 +72,7 @@ window.addEventListener("message", (event) => {
7272
// Inject the injected script into the page context
7373
function injectScript() {
7474
const script = document.createElement("script");
75-
script.src = chrome.runtime.getURL("injected/injected.js");
75+
script.src = chrome.runtime.getURL("injected.js");
7676
script.onload = () => {
7777
script.remove();
7878
};

‎tailwind.config.js‎

Lines changed: 3 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,5 @@
11
/** @type {import('tailwindcss').Config} */
22
export default {
3-
content: [
4-
"./index.html",
5-
"./src/**/*.{js,ts,jsx,tsx}",
6-
],
7-
darkMode: 'media', // Enable automatic dark mode based on system preference
8-
theme: {
9-
extend: {
10-
colors: {
11-
// Enhanced colors for better dark mode support
12-
gray: {
13-
750: '#374151', // Between gray-700 and gray-800 for better gradients
14-
}
15-
}
16-
},
17-
},
18-
plugins: [],
19-
}
3+
content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
4+
darkMode: "media", // Enable automatic dark mode based on system preference
5+
};

‎vite.config.ts‎

Lines changed: 19 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
import { defineConfig } from 'vite'
2-
import react from '@vitejs/plugin-react-swc'
3-
import tailwindcss from '@tailwindcss/vite'
1+
import { defineConfig } from "vite";
2+
import react from "@vitejs/plugin-react-swc";
3+
import tailwindcss from "@tailwindcss/vite";
44

55
// https://vite.dev/config/
66
export default defineConfig({
@@ -9,28 +9,27 @@ export default defineConfig({
99
rollupOptions: {
1010
input: {
1111
// DevTools panel (React app)
12-
panel: 'index.html',
12+
panel: "index.html",
1313
// DevTools entry point
14-
devtools: 'src/devtools/devtools.html',
14+
devtools: "devtools.html",
15+
// devtools: 'src/devtools/devtools.html',
1516
// Content script
16-
content: 'src/content/content.ts',
17+
content: "src/content/content.ts",
1718
// Background service worker
18-
background: 'src/background/background.ts',
19+
background: "src/background/background.ts",
1920
// Injected script
20-
injected: 'src/injected/injected.ts',
21+
injected: "src/injected/injected.ts",
2122
},
2223
output: {
2324
entryFileNames: (chunkInfo) => {
24-
// Keep extension files in their respective directories
25-
if (chunkInfo.name === 'devtools') return 'devtools/devtools.js'
26-
if (chunkInfo.name === 'content') return 'content/content.js'
27-
if (chunkInfo.name === 'background') return 'background/background.js'
28-
if (chunkInfo.name === 'injected') return 'injected/injected.js'
29-
return 'assets/[name]-[hash].js'
25+
if (chunkInfo.name === "content") return "content.js";
26+
if (chunkInfo.name === "background") return "background.js";
27+
if (chunkInfo.name === "injected") return "injected.js";
28+
return "assets/[name]-[hash].js";
3029
},
31-
chunkFileNames: 'assets/[name]-[hash].js',
32-
assetFileNames: 'assets/[name]-[hash].[ext]'
33-
}
34-
}
35-
}
36-
})
30+
chunkFileNames: "assets/[name]-[hash].js",
31+
assetFileNames: "assets/[name]-[hash].[ext]",
32+
},
33+
},
34+
},
35+
});

0 commit comments

Comments
 (0)