@xtalpi/agentic-lab-skills 0.0.9 → 0.0.11

package/skills/lab-orbit-component-builder/examples/xnb-component-template/dev/src/main.ts

@@ -1,308 +1,308 @@
-import * as Vue from 'vue'
-import dayjs from 'dayjs'
-
-import {
-  Quasar,
-  Notify,
-  Loading,
-  Dialog,
-  Dark,
-  QBtn,
-  QIcon,
-  QBanner,
-  QSpace,
-  QSeparator,
-  QTable,
-  QTd,
-  QTr,
-  QTh,
-  QChip,
-  QInput,
-  QSelect,
-  QToggle,
-  QBadge,
-  QList,
-  QItem,
-  QItemSection,
-  QCard,
-  QCardSection,
-  QCardActions,
-  QDialog,
-  QLinearProgress,
-  QTooltip,
-  QCheckbox,
-  QSpinnerGears,
-  QSpinnerDots,
-  QPagination,
-  QExpansionItem,
-  ClosePopup,
-  Ripple
-} from 'quasar'
-import quasarLangEN from 'quasar/lang/en-US'
-import '@quasar/extras/material-icons/material-icons.css'
-import 'quasar/src/css/index.sass'
-
-import { Webb } from '@xtalpi/webb-api'
-import axios from 'axios'
-import lodash from 'lodash'
-
-import App from './App.vue'
-
-// ==================== 多入口视图加载 ====================
-
-const viewModules = import.meta.glob('../../src/views/*.vue', { eager: true })
-const viewKeys = Object.keys(viewModules)
-const COMPONENT_ID = import.meta.env.VITE_COMPONENT_ID
-  || (viewKeys.length === 1 ? viewKeys[0].replace('../../src/views/', '').replace('.vue', '') : '')
-
-const viewKey = `../../src/views/${COMPONENT_ID}.vue`
-const viewModule = viewModules[viewKey] as { default: any } | undefined
-if (!viewModule) {
-  const available = viewKeys.map((k: string) => k.replace('../../src/views/', '').replace('.vue', '')).join(', ')
-  throw new Error(
-    `[dev] VITE_COMPONENT_ID=${COMPONENT_ID} 无对应视图。可用: ${available}。请在 .env.local 设置 VITE_COMPONENT_ID 或使用 npm run dev:<id>`
-  )
-}
-const View = viewModule.default
-
-// ==================== Store ====================
-
-const cached: Record<string, any> = {}
-const store = {
-  getToken: (): string | null => localStorage.getItem('access_token'),
-  onLogout: (): void => {},
-  set: (key: string, value: any): void => {
-    cached[key] = value
-  },
-  get: (key: string): any => {
-    return cached[key]
-  },
-  getUser: (): any => ({
-    email: 'dev@local.test',
-    userName: 'DevUser'
-  })
-}
-
-const utils = {
-  lodash,
-  axios
-}
-Webb.register('store', store)
-Webb.register('utils', utils)
-
-const app = Vue.createApp(App)
-
-app.use(Quasar, {
-  plugins: {
-    Notify,
-    Loading,
-    Dialog
-  },
-  components: {
-    QBtn,
-    QIcon,
-    QBanner,
-    QSpace,
-    QSeparator,
-    QTable,
-    QTd,
-    QTr,
-    QTh,
-    QChip,
-    QInput,
-    QSelect,
-    QToggle,
-    QBadge,
-    QList,
-    QItem,
-    QItemSection,
-    QCard,
-    QCardSection,
-    QCardActions,
-    QDialog,
-    QLinearProgress,
-    QTooltip,
-    QCheckbox,
-    QSpinnerGears,
-    QSpinnerDots,
-    QPagination,
-    QExpansionItem
-  },
-  directives: {
-    ClosePopup,
-    Ripple
-  },
-  lang: quasarLangEN
-})
-Dark.set(false)
-
-app.component('View', View)
-
-window.Vue = Vue
-window.vueInstance = app
-window.webb = (Webb as unknown as any)
-
-if (!window.webb.getUrl) {
-  window.webb.getUrl = (): { webbHost: string } => ({
-    webbHost: import.meta.env.VITE_REQUEST_URL || `${window.location.protocol}//${window.location.host}`
-  })
-}
-if (!window.webb.ui) {
-  window.webb.ui = {
-    message (opts: any): void {
-      const type = opts?.type === 'error' ? 'negative' : opts?.type === 'success' ? 'positive' : 'info'
-      Notify.create({ type, message: opts?.message || '', position: 'top', timeout: 3000 })
-    }
-  }
-}
-if (!window.webb.method) {
-  window.webb.method = {
-    call (_module: string, _method: string, ..._args: any[]): any {
-      console.log(`[dev mock] webb.method.call(${_module}, ${_method})`, _args)
-      return {}
-    }
-  }
-}
-
-// ==================== Mock: window.xnb ====================
-
-const DEV_TOKEN = import.meta.env.VITE_DEV_TOKEN || ''
-
-const ResponseType = { JSON: 1, Text: 2, Binary: 3 }
-
-const Body = {
-  json: (data: any): { type: string; data: any } => ({ type: 'json', data }),
-  text: (text: string): { type: string; data: string } => ({ type: 'text', data: text }),
-  form: (data: Record<string, any>): { type: string; data: Record<string, any> } => ({ type: 'form', data })
-}
-
-const httpClient = {
-  async request (options: {
-    method: string;
-    url: string;
-    headers?: Record<string, string>;
-    responseType?: number;
-    query?: Record<string, string | number | boolean | string[] | null | undefined>;
-    body?: { type: string; data: any };
-  }): Promise<any> {
-    const { method, url, headers, query, body } = options
-
-    const axiosConfig: Record<string, any> = {
-      method: method.toLowerCase(),
-      url,
-      headers: headers || {}
-    }
-
-    if (query != null && Object.keys(query).length > 0) {
-      axiosConfig.params = query
-    }
-
-    if (body) {
-      axiosConfig.data = body.data
-    }
-
-    try {
-      const res = await axios(axiosConfig)
-      return {
-        data: res.data,
-        headers: res.headers as Record<string, string>
-      }
-    } catch (err: any) {
-      if (err.response) {
-        return {
-          data: err.response.data,
-          headers: err.response.headers as Record<string, string>
-        }
-      }
-      throw err
-    }
-  }
-}
-
-window.xnb = {
-  book: {
-    async getCell (): Promise<any> {
-      const _d = localStorage.getItem('CH_CELL_DATA')
-      return { data: _d ? JSON.parse(_d) : {} }
-    },
-    async updateCellData (_bookPath: string, _cellUid: string, data: any): Promise<void> {
-      localStorage.setItem('CH_CELL_DATA', JSON.stringify(data))
-    },
-    async getBookMeta (_bookPath: string): Promise<any> {
-      return {
-        name: 'DevBook',
-        runtimes: {
-          bookId: 'dev-book-001',
-          project: { data_link: '', project_id: 'dev-project-001', project_name: 'Dev Project' }
-        }
-      }
-    },
-    async getBookFromRemoteRepo (_bookId: string): Promise<any> {
-      return { parent: { id: 1, name: 'DevFolder' }, creator: 'DevUser', name: 'DevBook', page_number: 1 }
-    },
-    async getCurrentBookPermission (_type: string): Promise<boolean> {
-      return true
-    }
-  },
-
-  store,
-  event: window.webb?.event || { on: (): void => {}, emit: (): void => {}, off: (): void => {} },
-
-  kernel: {
-    async runCode (_bookPath: string, _code: string, onUpdate: any): Promise<void> {
-      onUpdate('status: 200')
-    }
-  },
-
-  choreo: {
-    async getUserToken (_bookPath?: string): Promise<string> {
-      if (!DEV_TOKEN) {
-        console.warn('[dev mock] VITE_DEV_TOKEN 未在 .env.local 中配置')
-      }
-      return DEV_TOKEN
-    },
-    async getUserInfo (_options?: any): Promise<{ userName: string; email: string }> {
-      return { userName: 'DevUser', email: 'dev@local.test' }
-    }
-  },
-
-  http: { client: httpClient, Body, ResponseType },
-
-  app: {
-    alarm (info: string, _options?: any): void {
-      Notify.create({ type: 'warning', message: `[Alarm] ${info}`, position: 'top' })
-    },
-    notifySuccess (content: string, _options?: any): void {
-      Notify.create({ type: 'positive', message: content, position: 'top' })
-    }
-  },
-
-  utils: { dayjs, lodash }
-}
-
-app.mount('#app')
-
-window.$q = {
-  loading: {
-    show (opts?: any): void {
-      Loading.show(typeof opts === 'string' ? { message: opts } : opts)
-    },
-    hide (): void {
-      Loading.hide()
-    }
-  },
-  notify: Notify.create.bind(Notify),
-  dialog: Dialog.create.bind(Dialog),
-  dark: Dark
-}
-
-axios.interceptors.request.use((config: any) => {
-  if (config.headers?.Authorization) return config
-  const token = DEV_TOKEN || localStorage.getItem('access_token')
-  if (token && config.headers) {
-    config.headers.Authorization = `Bearer ${token}`
-  }
-  return config
-}, (err: any) => {
-  return Promise.reject(err)
-})
+import * as Vue from 'vue'
+import dayjs from 'dayjs'
+
+import {
+  Quasar,
+  Notify,
+  Loading,
+  Dialog,
+  Dark,
+  QBtn,
+  QIcon,
+  QBanner,
+  QSpace,
+  QSeparator,
+  QTable,
+  QTd,
+  QTr,
+  QTh,
+  QChip,
+  QInput,
+  QSelect,
+  QToggle,
+  QBadge,
+  QList,
+  QItem,
+  QItemSection,
+  QCard,
+  QCardSection,
+  QCardActions,
+  QDialog,
+  QLinearProgress,
+  QTooltip,
+  QCheckbox,
+  QSpinnerGears,
+  QSpinnerDots,
+  QPagination,
+  QExpansionItem,
+  ClosePopup,
+  Ripple
+} from 'quasar'
+import quasarLangEN from 'quasar/lang/en-US'
+import '@quasar/extras/material-icons/material-icons.css'
+import 'quasar/src/css/index.sass'
+
+import { Webb } from '@xtalpi/webb-api'
+import axios from 'axios'
+import lodash from 'lodash'
+
+import App from './App.vue'
+
+// ==================== 多入口视图加载 ====================
+
+const viewModules = import.meta.glob('../../src/views/*.vue', { eager: true })
+const viewKeys = Object.keys(viewModules)
+const COMPONENT_ID = import.meta.env.VITE_COMPONENT_ID
+  || (viewKeys.length === 1 ? viewKeys[0].replace('../../src/views/', '').replace('.vue', '') : '')
+
+const viewKey = `../../src/views/${COMPONENT_ID}.vue`
+const viewModule = viewModules[viewKey] as { default: any } | undefined
+if (!viewModule) {
+  const available = viewKeys.map((k: string) => k.replace('../../src/views/', '').replace('.vue', '')).join(', ')
+  throw new Error(
+    `[dev] VITE_COMPONENT_ID=${COMPONENT_ID} 无对应视图。可用: ${available}。请在 .env.local 设置 VITE_COMPONENT_ID 或使用 npm run dev:<id>`
+  )
+}
+const View = viewModule.default
+
+// ==================== Store ====================
+
+const cached: Record<string, any> = {}
+const store = {
+  getToken: (): string | null => localStorage.getItem('access_token'),
+  onLogout: (): void => {},
+  set: (key: string, value: any): void => {
+    cached[key] = value
+  },
+  get: (key: string): any => {
+    return cached[key]
+  },
+  getUser: (): any => ({
+    email: 'dev@local.test',
+    userName: 'DevUser'
+  })
+}
+
+const utils = {
+  lodash,
+  axios
+}
+Webb.register('store', store)
+Webb.register('utils', utils)
+
+const app = Vue.createApp(App)
+
+app.use(Quasar, {
+  plugins: {
+    Notify,
+    Loading,
+    Dialog
+  },
+  components: {
+    QBtn,
+    QIcon,
+    QBanner,
+    QSpace,
+    QSeparator,
+    QTable,
+    QTd,
+    QTr,
+    QTh,
+    QChip,
+    QInput,
+    QSelect,
+    QToggle,
+    QBadge,
+    QList,
+    QItem,
+    QItemSection,
+    QCard,
+    QCardSection,
+    QCardActions,
+    QDialog,
+    QLinearProgress,
+    QTooltip,
+    QCheckbox,
+    QSpinnerGears,
+    QSpinnerDots,
+    QPagination,
+    QExpansionItem
+  },
+  directives: {
+    ClosePopup,
+    Ripple
+  },
+  lang: quasarLangEN
+})
+Dark.set(false)
+
+app.component('View', View)
+
+window.Vue = Vue
+window.vueInstance = app
+window.webb = (Webb as unknown as any)
+
+if (!window.webb.getUrl) {
+  window.webb.getUrl = (): { webbHost: string } => ({
+    webbHost: import.meta.env.VITE_REQUEST_URL || `${window.location.protocol}//${window.location.host}`
+  })
+}
+if (!window.webb.ui) {
+  window.webb.ui = {
+    message (opts: any): void {
+      const type = opts?.type === 'error' ? 'negative' : opts?.type === 'success' ? 'positive' : 'info'
+      Notify.create({ type, message: opts?.message || '', position: 'top', timeout: 3000 })
+    }
+  }
+}
+if (!window.webb.method) {
+  window.webb.method = {
+    call (_module: string, _method: string, ..._args: any[]): any {
+      console.log(`[dev mock] webb.method.call(${_module}, ${_method})`, _args)
+      return {}
+    }
+  }
+}
+
+// ==================== Mock: window.xnb ====================
+
+const DEV_TOKEN = import.meta.env.VITE_DEV_TOKEN || ''
+
+const ResponseType = { JSON: 1, Text: 2, Binary: 3 }
+
+const Body = {
+  json: (data: any): { type: string; data: any } => ({ type: 'json', data }),
+  text: (text: string): { type: string; data: string } => ({ type: 'text', data: text }),
+  form: (data: Record<string, any>): { type: string; data: Record<string, any> } => ({ type: 'form', data })
+}
+
+const httpClient = {
+  async request (options: {
+    method: string;
+    url: string;
+    headers?: Record<string, string>;
+    responseType?: number;
+    query?: Record<string, string | number | boolean | string[] | null | undefined>;
+    body?: { type: string; data: any };
+  }): Promise<any> {
+    const { method, url, headers, query, body } = options
+
+    const axiosConfig: Record<string, any> = {
+      method: method.toLowerCase(),
+      url,
+      headers: headers || {}
+    }
+
+    if (query != null && Object.keys(query).length > 0) {
+      axiosConfig.params = query
+    }
+
+    if (body) {
+      axiosConfig.data = body.data
+    }
+
+    try {
+      const res = await axios(axiosConfig)
+      return {
+        data: res.data,
+        headers: res.headers as Record<string, string>
+      }
+    } catch (err: any) {
+      if (err.response) {
+        return {
+          data: err.response.data,
+          headers: err.response.headers as Record<string, string>
+        }
+      }
+      throw err
+    }
+  }
+}
+
+window.xnb = {
+  book: {
+    async getCell (): Promise<any> {
+      const _d = localStorage.getItem('CH_CELL_DATA')
+      return { data: _d ? JSON.parse(_d) : {} }
+    },
+    async updateCellData (_bookPath: string, _cellUid: string, data: any): Promise<void> {
+      localStorage.setItem('CH_CELL_DATA', JSON.stringify(data))
+    },
+    async getBookMeta (_bookPath: string): Promise<any> {
+      return {
+        name: 'DevBook',
+        runtimes: {
+          bookId: 'dev-book-001',
+          project: { data_link: '', project_id: 'dev-project-001', project_name: 'Dev Project' }
+        }
+      }
+    },
+    async getBookFromRemoteRepo (_bookId: string): Promise<any> {
+      return { parent: { id: 1, name: 'DevFolder' }, creator: 'DevUser', name: 'DevBook', page_number: 1 }
+    },
+    async getCurrentBookPermission (_type: string): Promise<boolean> {
+      return true
+    }
+  },
+
+  store,
+  event: window.webb?.event || { on: (): void => {}, emit: (): void => {}, off: (): void => {} },
+
+  kernel: {
+    async runCode (_bookPath: string, _code: string, onUpdate: any): Promise<void> {
+      onUpdate('status: 200')
+    }
+  },
+
+  choreo: {
+    async getUserToken (_bookPath?: string): Promise<string> {
+      if (!DEV_TOKEN) {
+        console.warn('[dev mock] VITE_DEV_TOKEN 未在 .env.local 中配置')
+      }
+      return DEV_TOKEN
+    },
+    async getUserInfo (_options?: any): Promise<{ userName: string; email: string }> {
+      return { userName: 'DevUser', email: 'dev@local.test' }
+    }
+  },
+
+  http: { client: httpClient, Body, ResponseType },
+
+  app: {
+    alarm (info: string, _options?: any): void {
+      Notify.create({ type: 'warning', message: `[Alarm] ${info}`, position: 'top' })
+    },
+    notifySuccess (content: string, _options?: any): void {
+      Notify.create({ type: 'positive', message: content, position: 'top' })
+    }
+  },
+
+  utils: { dayjs, lodash }
+}
+
+app.mount('#app')
+
+window.$q = {
+  loading: {
+    show (opts?: any): void {
+      Loading.show(typeof opts === 'string' ? { message: opts } : opts)
+    },
+    hide (): void {
+      Loading.hide()
+    }
+  },
+  notify: Notify.create.bind(Notify),
+  dialog: Dialog.create.bind(Dialog),
+  dark: Dark
+}
+
+axios.interceptors.request.use((config: any) => {
+  if (config.headers?.Authorization) return config
+  const token = DEV_TOKEN || localStorage.getItem('access_token')
+  if (token && config.headers) {
+    config.headers.Authorization = `Bearer ${token}`
+  }
+  return config
+}, (err: any) => {
+  return Promise.reject(err)
+})