@gameap/debug 0.2.10 → 0.2.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gameap/debug",
-  "version": "0.2.10",
+  "version": "0.2.12",
   "type": "module",
   "description": "Debug harness for GameAP plugin development with mock API",
   "bin": {
@@ -25,7 +25,7 @@
   },
   "dependencies": {
     "@gameap/plugin-sdk": "^0.2.0",
-    "@gameap/frontend": "4.1.0-dev4",
+    "@gameap/frontend": "4.1.0-dev5",
     "@originjs/vite-plugin-commonjs": "^1.0.3",
     "@tailwindcss/postcss": "^4.1.0",
     "@vitejs/plugin-vue": "^6.0.1",

package/public/plugins.css

@@ -0,0 +1 @@
+/* Empty plugins CSS */

package/public/plugins.js

@@ -0,0 +1 @@
+// Empty plugins JS

package/src/gameap-frontend.d.ts

@@ -0,0 +1,9 @@
+declare module '@gameap/frontend' {
+    const _default: any
+    export default _default
+}
+
+declare module '@gameap/frontend/style.css' {
+    const _default: any
+    export default _default
+}

package/src/main.ts

@@ -5,6 +5,9 @@
  * allowing plugin testing in a realistic environment.
  */
 
+// Import frontend styles
+import '@gameap/frontend/style.css'
+
 import { startMockServiceWorker, setPluginContent, updateDebugState } from './mocks/browser'
 
 // Declare window globals for plugin compatibility
@@ -15,6 +18,7 @@ declare global {
         Pinia: typeof import('pinia')
         axios: typeof import('axios').default
         gameapLang: string
+        i18n: Record<string, string>
         gameapDebug: {
             updateDebugState: typeof updateDebugState
             setPluginContent: typeof setPluginContent
@@ -23,6 +27,7 @@ declare global {
     }
 }
 
+
 // Load plugin from dist directory (set via PLUGIN_PATH env var)
 // Using glob imports to handle dynamic file names
 const pluginJsFiles = import.meta.glob('@plugin/plugin.js', { query: '?raw', import: 'default', eager: true })

package/src/mocks/handlers.ts

@@ -570,7 +570,7 @@ export const handlers = [
 
     http.get('/api/users/:id/servers', async () => {
         await delay(debugState.networkDelay)
-        return HttpResponse.json(mockServers.map(s => ({ id: s.id, name: s.name })))
+        return HttpResponse.json(mockServersList.map((s: ServerListItem) => ({ id: s.id, name: s.name })))
     }),
 
     http.get('/api/users/:id/servers/:serverId/permissions', async () => {

package/vite.config.ts

@@ -3,8 +3,21 @@ import vue from '@vitejs/plugin-vue'
 import { viteCommonjs } from '@originjs/vite-plugin-commonjs'
 import { resolve, dirname } from 'path'
 import { fileURLToPath } from 'url'
+import { createRequire } from 'module'
 
 const __dirname = dirname(fileURLToPath(import.meta.url))
+const require = createRequire(import.meta.url)
+
+// Resolve @gameap/frontend CSS path using Node's module resolution
+function resolveFrontendCss(): string {
+    try {
+        const frontendPkg = require.resolve('@gameap/frontend/package.json')
+        return resolve(dirname(frontendPkg), 'dist/frontend.css')
+    } catch {
+        // Fallback for development (local workspace)
+        return resolve(__dirname, '../gameap-frontend/dist/frontend.css')
+    }
+}
 
 // Default plugin path - can be overridden via PLUGIN_PATH env variable
 function resolvePluginPath(): string {
@@ -38,6 +51,8 @@ export default defineConfig({
             { find: '@debug', replacement: resolve(__dirname, 'src') },
             // Plugin source (built bundle from external plugin)
             { find: '@plugin', replacement: resolvePluginPath() },
+            // Explicit CSS resolution for @gameap/frontend
+            { find: '@gameap/frontend/style.css', replacement: resolveFrontendCss() },
         ],
     },
     css: {
@@ -52,14 +67,8 @@ export default defineConfig({
         port: 5174,
         open: true,
         fs: {
-            // Allow serving files from these directories
-            allow: [
-                __dirname,
-                resolvePluginPath(),
-                // Allow node_modules for npm packages
-                resolve(__dirname, 'node_modules'),
-                resolve(process.cwd(), 'node_modules'),
-            ],
+            // Allow serving files from anywhere (needed for npm packages)
+            strict: false,
         },
     },
     define: {