@gameap/debug 0.2.17 → 0.3.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gameap/debug",
-  "version": "0.2.17",
+  "version": "0.3.1",
   "type": "module",
   "description": "Debug harness for GameAP plugin development with mock API",
   "scripts": {
@@ -26,7 +26,7 @@
   ],
   "dependencies": {
     "@gameap/plugin-sdk": "^0.2.0",
-    "@gameap/frontend": "4.1.0-dev8",
+    "@gameap/frontend": "4.1.0-dev9",
     "@originjs/vite-plugin-commonjs": "^1.0.3",
     "@tailwindcss/postcss": "^4.1.0",
     "@vitejs/plugin-vue": "^6.0.1",

package/public/mockServiceWorker.js

@@ -7,7 +7,7 @@
  * - Please do NOT modify this file.
  */
 
-const PACKAGE_VERSION = '2.12.4'
+const PACKAGE_VERSION = '2.12.7'
 const INTEGRITY_CHECKSUM = '4db4a41e972cec1b64cc569c66952d82'
 const IS_MOCKED_RESPONSE = Symbol('isMockedResponse')
 const activeClientIds = new Set()

package/src/main.ts

@@ -8,7 +8,34 @@
 // Import frontend styles (bundled in vendor directory)
 import '../vendor/frontend.css'
 
-import { startMockServiceWorker, setPluginContent, updateDebugState } from './mocks/browser'
+// Import and expose framework globals for the externalized @gameap/frontend package
+import * as Vue from 'vue'
+import * as VueRouter from 'vue-router'
+import * as Pinia from 'pinia'
+import axios from 'axios'
+import * as naive from 'naive-ui'
+
+// Expose globals before loading the frontend
+window.Vue = Vue
+window.VueRouter = VueRouter
+window.Pinia = Pinia
+window.axios = axios
+window.naive = naive
+
+import {
+    startMockServiceWorker,
+    setPluginContent,
+    updateDebugState,
+    registerMockHandlers,
+    resetMockHandlers,
+    http,
+    HttpResponse,
+    delay
+} from './mocks/browser'
+import { mockServersList, type ServerListItem } from './mocks/servers'
+import { userMocks } from './mocks/users'
+import type { UserData } from '@gameap/plugin-sdk'
+import type { RequestHandler } from 'msw'
 
 // Declare window globals for plugin compatibility
 declare global {
@@ -17,12 +44,28 @@ declare global {
         VueRouter: typeof import('vue-router')
         Pinia: typeof import('pinia')
         axios: typeof import('axios').default
+        naive: typeof import('naive-ui')
         gameapLang: string
         i18n: Record<string, string>
         gameapDebug: {
             updateDebugState: typeof updateDebugState
             setPluginContent: typeof setPluginContent
             loadPlugin: (js: string, css?: string) => void
+            registerMockHandlers: (handlers: RequestHandler[]) => void
+            resetMockHandlers: () => void
+            msw: {
+                http: typeof http
+                HttpResponse: typeof HttpResponse
+                delay: typeof delay
+            }
+            mockData: {
+                addServer: (server: Partial<ServerListItem>) => ServerListItem
+                updateServer: (id: number, updates: Partial<ServerListItem>) => void
+                removeServer: (id: number) => void
+                getServers: () => ServerListItem[]
+                addUser: (key: string, user: UserData) => void
+                getUsers: () => Record<string, UserData>
+            }
         }
     }
 }
@@ -108,7 +151,69 @@ async function init() {
         setPluginContent(js, css)
     }
 
-    // Start MSW
+    // Expose debug utilities globally BEFORE starting MSW
+    // so plugins can register handlers in onInit()
+    window.gameapDebug = {
+        updateDebugState,
+        setPluginContent,
+        loadPlugin: (newJs: string, newCss?: string) => {
+            setPluginContent(newJs, newCss || '')
+            console.log('[Debug] Plugin content updated, reload to apply')
+        },
+        registerMockHandlers,
+        resetMockHandlers,
+        msw: {
+            http,
+            HttpResponse,
+            delay,
+        },
+        mockData: {
+            addServer: (server: Partial<ServerListItem>) => {
+                const id = Math.max(...mockServersList.map(s => s.id), 0) + 1
+                const newServer: ServerListItem = {
+                    id,
+                    enabled: true,
+                    installed: 1,
+                    blocked: false,
+                    name: `Server ${id}`,
+                    game_id: 'minecraft',
+                    ds_id: 1,
+                    game_mod_id: 1,
+                    expires: null,
+                    server_ip: '127.0.0.1',
+                    server_port: 25565 + id,
+                    query_port: 25565 + id,
+                    rcon_port: 25575 + id,
+                    process_active: false,
+                    last_process_check: new Date().toISOString(),
+                    game: { code: 'minecraft', name: 'Minecraft', engine: 'Minecraft', engine_version: '1' },
+                    online: false,
+                    ...server,
+                }
+                mockServersList.push(newServer)
+                return newServer
+            },
+            updateServer: (id: number, updates: Partial<ServerListItem>) => {
+                const idx = mockServersList.findIndex(s => s.id === id)
+                if (idx !== -1) {
+                    Object.assign(mockServersList[idx], updates)
+                }
+            },
+            removeServer: (id: number) => {
+                const idx = mockServersList.findIndex(s => s.id === id)
+                if (idx !== -1) {
+                    mockServersList.splice(idx, 1)
+                }
+            },
+            getServers: () => [...mockServersList],
+            addUser: (key: string, user: UserData) => {
+                userMocks[key] = user
+            },
+            getUsers: () => ({ ...userMocks }),
+        },
+    }
+
+    // Start MSW (will apply any pre-registered handlers)
     console.log('[Debug] Starting Mock Service Worker...')
     await startMockServiceWorker()
     console.log('[Debug] MSW started successfully')
@@ -119,16 +224,6 @@ async function init() {
     // Load translations AFTER MSW starts (so MSW can intercept the request)
     await loadTranslations()
 
-    // Expose debug utilities globally
-    window.gameapDebug = {
-        updateDebugState,
-        setPluginContent,
-        loadPlugin: (newJs: string, newCss?: string) => {
-            setPluginContent(newJs, newCss || '')
-            console.log('[Debug] Plugin content updated, reload to apply')
-        },
-    }
-
     // Now load the real GameAP frontend
     console.log('[Debug] Loading GameAP frontend...')
 

package/src/mocks/README.md

@@ -54,6 +54,7 @@ Each server has different capabilities (RCON, console access, file manager, etc.
 - GDaemon Tasks
 - File Manager (browse, upload, download, zip/unzip)
 - Plugins (JS/CSS loading)
+- Plugin Store (categories, labels, plugins, install/update/uninstall)
 - Translations
 
 ## Usage
@@ -66,3 +67,91 @@ await startMockServiceWorker()
 ```
 
 The debug panel (in main.ts) provides UI controls for switching user types, adjusting network delay, and changing locale.
+
+## Plugin Mock API
+
+Plugins can register custom mock handlers for their API endpoints. This is useful for:
+- Adding mock endpoints for plugin-specific APIs
+- Overriding default handler responses
+- Testing different API scenarios
+
+### Registering Mock Handlers
+
+In your plugin's `onInit()` hook:
+
+```typescript
+export const myPlugin = {
+    id: 'my-plugin',
+    name: 'My Plugin',
+    version: '1.0.0',
+
+    onInit() {
+        if (window.gameapDebug) {
+            const { http, HttpResponse, delay } = window.gameapDebug.msw
+
+            window.gameapDebug.registerMockHandlers([
+                http.get('/api/plugins/my-plugin/data', async () => {
+                    await delay(100)
+                    return HttpResponse.json({
+                        items: [{ id: 1, name: 'Item 1' }]
+                    })
+                }),
+            ])
+        }
+    },
+}
+```
+
+### MSW Utilities
+
+The `window.gameapDebug.msw` object exposes:
+
+| Utility | Description |
+|---------|-------------|
+| `http` | HTTP method handlers (`http.get()`, `http.post()`, etc.) |
+| `HttpResponse` | Response builder for mock responses |
+| `delay` | Async delay function for simulating network latency |
+
+### Mock Data Utilities
+
+Manipulate mock data programmatically via `window.gameapDebug.mockData`:
+
+```javascript
+// Add a custom server
+const newServer = mockData.addServer({
+    name: 'My Test Server',
+    game_id: 'minecraft',
+    process_active: true
+})
+
+// Update existing server
+mockData.updateServer(1, { name: 'Updated Name' })
+
+// Remove a server
+mockData.removeServer(3)
+
+// Get all servers
+const servers = mockData.getServers()
+
+// Add a custom user type
+mockData.addUser('moderator', {
+    id: 3,
+    login: 'mod',
+    name: 'Moderator',
+    roles: ['moderator'],
+    isAdmin: false,
+    isAuthenticated: true
+})
+```
+
+### Resetting Handlers
+
+To restore original handlers (remove all plugin handlers):
+
+```javascript
+window.gameapDebug.resetMockHandlers()
+```
+
+### Handler Priority
+
+Plugin handlers are prepended and checked **first** before default handlers, allowing overrides.

package/src/mocks/browser.ts

@@ -1,22 +1,57 @@
 import { setupWorker } from 'msw/browser'
+import { http, HttpResponse, delay, type RequestHandler } from 'msw'
 import { handlers, debugState, setPluginContent } from './handlers'
 
+// Store initial handlers for reset capability
+const initialHandlers = [...handlers]
+
+// Queue for handlers registered before MSW starts
+let pendingHandlers: RequestHandler[] = []
+let workerStarted = false
+
 export const worker = setupWorker(...handlers)
 
 // Export debug state and utilities for external control
 export { debugState, setPluginContent }
 
+// Export MSW utilities for plugin use
+export { http, HttpResponse, delay }
+
 // Helper to update debug state
 export function updateDebugState(updates: Partial<typeof debugState>) {
     Object.assign(debugState, updates)
 }
 
+// Register custom mock handlers (prepends to take priority)
+export function registerMockHandlers(customHandlers: RequestHandler[]) {
+    if (!workerStarted) {
+        pendingHandlers.push(...customHandlers)
+    } else {
+        worker.use(...customHandlers)
+    }
+}
+
+// Reset handlers to initial state (removes all plugin handlers)
+export function resetMockHandlers() {
+    worker.resetHandlers(...initialHandlers)
+}
+
 // Start the worker
 export async function startMockServiceWorker() {
-    return worker.start({
-        onUnhandledRequest: 'bypass', // Don't warn about unhandled requests
+    const result = await worker.start({
+        onUnhandledRequest: 'bypass',
         serviceWorker: {
             url: '/mockServiceWorker.js',
         },
     })
+
+    workerStarted = true
+
+    // Apply any handlers that were registered before start
+    if (pendingHandlers.length > 0) {
+        worker.use(...pendingHandlers)
+        pendingHandlers = []
+    }
+
+    return result
 }

package/src/mocks/handlers.ts

@@ -919,6 +919,86 @@ export const handlers = [
         })
     }),
 
+    // ==================== Plugin Store ====================
+    http.get('/api/plugin-store/categories', async () => {
+        await delay(debugState.networkDelay)
+        return HttpResponse.json([
+            { id: 1, slug: 'game-management', name: 'Game Management' },
+            { id: 2, slug: 'monitoring', name: 'Monitoring' },
+            { id: 3, slug: 'utilities', name: 'Utilities' },
+        ])
+    }),
+
+    http.get('/api/plugin-store/labels', async () => {
+        await delay(debugState.networkDelay)
+        return HttpResponse.json([
+            { id: 1, slug: 'official', name: 'Official', color: '#4f46e5' },
+            { id: 2, slug: 'popular', name: 'Popular', color: '#059669' },
+        ])
+    }),
+
+    http.get('/api/plugin-store/plugins', async () => {
+        await delay(debugState.networkDelay)
+        return HttpResponse.json({
+            data: [
+                {
+                    id: 1,
+                    slug: 'example-plugin',
+                    name: 'Example Plugin',
+                    description: 'An example plugin for testing',
+                    installed: false,
+                    installed_version: null,
+                    latest_version: '1.0.0',
+                    category: { slug: 'utilities', name: 'Utilities' },
+                    labels: [{ slug: 'official', name: 'Official', color: '#4f46e5' }],
+                },
+            ],
+            current_page: 1,
+            last_page: 1,
+            total: 1,
+        })
+    }),
+
+    http.get('/api/plugin-store/plugins/:id', async ({ params }) => {
+        await delay(debugState.networkDelay)
+        return HttpResponse.json({
+            id: Number(params.id),
+            slug: 'example-plugin',
+            name: 'Example Plugin',
+            description: 'An example plugin for testing',
+            readme: '# Example Plugin\n\nThis is an example plugin.',
+            installed: false,
+            installed_version: null,
+            latest_version: '1.0.0',
+        })
+    }),
+
+    http.get('/api/plugin-store/plugins/:id/versions', async () => {
+        await delay(debugState.networkDelay)
+        return HttpResponse.json({
+            data: [
+                { version: '1.0.0', released_at: '2024-01-01', changelog: 'Initial release' },
+            ],
+            current_page: 1,
+            last_page: 1,
+        })
+    }),
+
+    http.post('/api/plugin-store/plugins/:id/install', async () => {
+        await delay(debugState.networkDelay)
+        return HttpResponse.json({ success: true })
+    }),
+
+    http.post('/api/plugin-store/plugins/:id/update', async () => {
+        await delay(debugState.networkDelay)
+        return HttpResponse.json({ success: true })
+    }),
+
+    http.delete('/api/plugin-store/plugins/:id', async () => {
+        await delay(debugState.networkDelay)
+        return HttpResponse.json({ success: true })
+    }),
+
     // ==================== Language ====================
     // Language/translations endpoint - uses actual translation files
     http.get('/lang/:locale.json', async ({ params }) => {

package/src/mocks/translations-en.json

@@ -361,6 +361,16 @@
     "disable_success_msg": "Module disabled successfully",
     "remove_success_msg": "Module removed successfully"
   },
+  "plugins": {
+    "plugins": "Plugins",
+    "title_list": "Plugin List",
+    "installed": "Installed",
+    "name": "Plugin name",
+    "install": "Install",
+    "update": "Update",
+    "install_success_msg": "Plugin installed successfully",
+    "remove_success_msg": "Plugin removed successfully"
+  },
   "navbar": {
     "main": "Home",
     "logs": "Logs",

package/src/mocks/translations-ru.json

@@ -362,6 +362,16 @@
     "disable_success_msg": "Модуль успешно выключен",
     "remove_success_msg": "Модуль успешно удалён"
   },
+  "plugins": {
+    "plugins": "Плагины",
+    "title_list": "Список плагинов",
+    "installed": "Установленные",
+    "name": "Имя плагина",
+    "install": "Установить",
+    "update": "Обновить",
+    "install_success_msg": "Плагин успешно установлен",
+    "remove_success_msg": "Плагин успешно удалён"
+  },
   "navbar": {
     "main": "Главная",
     "logs": "Логи",