@gameap/debug 0.2.0

package/src/mocks/users.ts

@@ -0,0 +1,34 @@
+import type { UserData } from '@gameap/plugin-sdk'
+
+export const adminUser: UserData = {
+    id: 1,
+    login: 'admin',
+    name: 'Administrator',
+    roles: ['admin', 'user'],
+    isAdmin: true,
+    isAuthenticated: true,
+}
+
+export const regularUser: UserData = {
+    id: 2,
+    login: 'player1',
+    name: 'Regular Player',
+    roles: ['user'],
+    isAdmin: false,
+    isAuthenticated: true,
+}
+
+export const guestUser: UserData = {
+    id: 0,
+    login: '',
+    name: 'Guest',
+    roles: [],
+    isAdmin: false,
+    isAuthenticated: false,
+}
+
+export const userMocks: Record<string, UserData> = {
+    admin: adminUser,
+    user: regularUser,
+    guest: guestUser,
+}

package/src/shims-vue.d.ts

@@ -0,0 +1,5 @@
+declare module '*.vue' {
+    import type { DefineComponent } from 'vue'
+    const component: DefineComponent<object, object, unknown>
+    export default component
+}

package/tailwind.config.js

@@ -0,0 +1,25 @@
+import { resolve } from 'path'
+import { fileURLToPath } from 'url'
+import { dirname } from 'path'
+
+const __dirname = dirname(fileURLToPath(import.meta.url))
+const frontendRoot = resolve(__dirname, '../..')
+
+export default {
+    content: [
+        // Main frontend files
+        resolve(frontendRoot, 'index.html'),
+        resolve(frontendRoot, 'js/**/*.{js,ts,jsx,tsx,vue}'),
+        resolve(frontendRoot, 'packages/**/*.{js,vue,css}'),
+        // Debug harness files
+        resolve(__dirname, 'index.html'),
+        resolve(__dirname, 'src/**/*.{js,ts,vue}'),
+    ],
+    theme: {
+        extend: {},
+    },
+    plugins: [
+        require('@tailwindcss/aspect-ratio'),
+    ],
+    darkMode: 'selector',
+}

package/tsconfig.json

@@ -0,0 +1,31 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "lib": ["ESNext", "DOM", "DOM.Iterable"],
+    "skipLibCheck": true,
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "preserve",
+    "strict": true,
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
+    "noFallthroughCasesInSwitch": true,
+    "paths": {
+      "@debug/*": ["./src/*"],
+      "@app/*": ["../../js/*"],
+      "@/*": ["../../js/*"],
+      "@gameap/ui": ["../../packages/gameap-ui/index.js"],
+      "@gameap/plugin-sdk": ["../../../plugin-sdk/src/index.ts"],
+      "@plugin/*": ["../../../../../hex-editor-plugin/frontend/dist/*"]
+    },
+    "baseUrl": ".",
+    "types": ["vite/client"]
+  },
+  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}

package/tsconfig.node.json

@@ -0,0 +1,11 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true,
+    "strict": true
+  },
+  "include": ["vite.config.ts"]
+}

package/vite.config.ts

@@ -0,0 +1,93 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import { viteCommonjs } from '@originjs/vite-plugin-commonjs'
+import { resolve, dirname } from 'path'
+import { fileURLToPath } from 'url'
+
+const __dirname = dirname(fileURLToPath(import.meta.url))
+
+// Path to the main frontend (for local development fallback)
+const frontendRoot = resolve(__dirname, '../..')
+
+// Default plugin path - can be overridden via PLUGIN_PATH env variable
+function resolvePluginPath(): string {
+    const pluginPath = process.env.PLUGIN_PATH
+
+    if (!pluginPath) {
+        // Default: no plugin loaded
+        return resolve(__dirname, 'empty-plugin')
+    }
+
+    if (pluginPath.startsWith('/')) {
+        // Absolute path
+        return pluginPath
+    }
+
+    // Relative path from current working directory
+    return resolve(process.cwd(), pluginPath)
+}
+
+export default defineConfig({
+    plugins: [
+        viteCommonjs(),
+        vue(),
+    ],
+    root: __dirname,
+    base: '/',
+    publicDir: resolve(frontendRoot, 'public'),
+    resolve: {
+        alias: [
+            // Debug harness source (for mocks, etc.)
+            { find: '@debug', replacement: resolve(__dirname, 'src') },
+            // Frontend app - resolve from npm package @gameap/frontend
+            // Vite will resolve this from node_modules automatically
+            // Standard @ alias for frontend components (fallback to local for development)
+            { find: '@', replacement: resolve(frontendRoot, 'js') },
+            // GameAP UI package - resolve from node_modules
+            // Plugin source (built bundle from external plugin)
+            { find: '@plugin', replacement: resolvePluginPath() },
+        ],
+    },
+    css: {
+        // Use debug harness's postcss config with correct Tailwind content paths
+        postcss: resolve(__dirname, 'postcss.config.cjs'),
+        preprocessorOptions: {
+            scss: {
+                api: 'modern-compiler',
+            },
+        },
+    },
+    server: {
+        port: 5174,
+        open: true,
+        fs: {
+            // Allow serving files from these directories
+            allow: [
+                __dirname,
+                frontendRoot,
+                resolvePluginPath(),
+                resolve(frontendRoot, 'node_modules'),
+            ],
+        },
+    },
+    define: {
+        'window.gameapLang': JSON.stringify(process.env.LOCALE || 'en'),
+    },
+    optimizeDeps: {
+        include: [
+            'vue',
+            'vue-router',
+            'pinia',
+            'axios',
+            'naive-ui',
+            'dayjs',
+            'codemirror',
+        ],
+        // Don't pre-bundle these to allow proper resolution
+        exclude: ['@gameap/plugin-sdk', '@gameap/frontend', 'msw'],
+    },
+    build: {
+        outDir: 'dist',
+        emptyOutDir: true,
+    },
+})