better dev setup

pixijs · Feb 13, 2024 · b9801a3 · b9801a3
1 parent 4f1ade5
commit b9801a3
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/src/chrome/manifest.dev.json b/src/chrome/manifest.dev.json
@@ -1,4 +1,5 @@
 {
+  "name": "DEV: PixiJS DevTools",
   "action": {
     "default_icon": {
       "16": "icon-inactive-16.png",

diff --git a/src/chrome/src/devtools/devtools.ts b/src/chrome/src/devtools/devtools.ts
@@ -1 +1,5 @@
-chrome.devtools.panels.create('PixiJS DevTools', 'panel-icon.png', 'src/devtools/panel/panel.html');
+chrome.devtools.panels.create(
+  import.meta.env.DEV ? 'Dev: PixiJS DevTools' : 'PixiJS DevTools',
+  'panel-icon.png',
+  'src/devtools/panel/panel.html',
+);
diff --git a/vite.chrome.config.ts b/vite.chrome.config.ts
@@ -10,9 +10,9 @@ import devManifest from './src/chrome/manifest.dev.json';
 import manifest from './src/chrome/manifest.json';
 
 export default defineConfig((config) => {
-  const publicDir = resolve(__dirname, 'src/chrome/assets');
-  const outDir = resolve(__dirname, 'dist/chrome');
   const isDev = config.mode === 'development';
+  const publicDir = resolve(__dirname, 'src/chrome/assets');
+  const outDir = resolve(__dirname, isDev ? 'dist/chrome-dev' : 'dist/chrome');
   const extensionManifest = {
     ...manifest,
     ...(isDev ? devManifest : ({} as ManifestV3Export)),