npm - @xtalpi/agentic-lab-skills - Versions diffs - 0.0.1 - Mend

@xtalpi/agentic-lab-skills 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (57) hide show

package/skills/lab-orbit-component-builder/examples/xnb-component-template/dev/public/index.html ADDED Viewed

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
+    <title>Xnb Component Dev</title>
+  </head>
+  <body>
+    <div id="app"></div>
+  </body>
+</html>

package/skills/lab-orbit-component-builder/examples/xnb-component-template/dev/src/App.vue ADDED Viewed

@@ -0,0 +1,151 @@
+<template>
+  <div class="dev-shell" :class="{ 'dev-shell--child': isChildPage }">
+    <DevOpenerLauncher v-if="!isChildPage" class="dev-shell__launcher" />
+    <q-banner v-else rounded dense class="dev-child-hint q-ma-sm">
+      Opener 子页联调 · trace: <code>{{ childTrace }}</code> — 初始化结果见下方组件（成功则出现刷新/提交按钮）
+    </q-banner>
+    <div class="entry">
+      <View ref="sheetRef" :xnbContext="xnbContext" />
+    </div>
+  </div>
+</template>
+<script lang="ts">
+import { computed, defineComponent, reactive, ref } from 'vue'
+import { Notify, Loading } from 'quasar'
+import { DevXNBBitable } from './mockXNBBitable'
+import DevOpenerLauncher from './components/DevOpenerLauncher.vue'
+import { isDevOpenerChildPage } from './utils/devOpenerHost'
+export default defineComponent({
+  components: { DevOpenerLauncher },
+  setup () {
+    const isChildPage = isDevOpenerChildPage()
+    const childTrace = computed(() => new URLSearchParams(window.location.search).get('trace') || '—')
+    const cellParams = reactive({
+      bookPath: '/dev/notebook/doe',
+      uid: 'dev-cell-001'
+    })
+    const viewRef = ref()
+    const DEV_REQUEST_URL = import.meta.env.VITE_REQUEST_URL || ''
+    const userData: Record<string, any> = {
+      projectURL: JSON.stringify({ request_url: DEV_REQUEST_URL })
+    }
+    const xnbContext = {
+      bookPath: cellParams.bookPath,
+      cellUid: cellParams.uid,
+      XNBUtil: {
+        async getWikiTables (_url: string): Promise<any> {
+          return { bitable: 'dev-bitable', tables: [] }
+        },
+        async getLarkBitableById (_bitable: string, _tableId: string, _opts?: any): Promise<any[]> {
+          return []
+        },
+        async batchCreateRecords (_opts: any): Promise<any> {
+          return { records: [] }
+        }
+      },
+      notifySuccess (msg: string): void {
+        Notify.create({ type: 'positive', message: String(msg), position: 'top', timeout: 3000 })
+      },
+      notifyError (msg: any): void {
+        const text = msg instanceof Error ? msg.message : String(msg)
+        Notify.create({ type: 'negative', message: text, position: 'top', timeout: 5000 })
+      },
+      loadingShow (opts?: any): void {
+        Loading.show(typeof opts === 'string' ? { message: opts } : opts)
+      },
+      loadingHide (): void {
+        Loading.hide()
+      },
+      userData,
+      getUserData (): Record<string, any> {
+        return userData
+      },
+      updateUserData (data: any): void {
+        Object.assign(userData, data)
+      },
+      mergeUserData (data: any): void {
+        Object.assign(userData, data)
+      },
+      getInstanceById (_id: string): any { return null },
+      getInstanceValueById (_id: string): any { return null },
+      setInstanceValueById (_id: string, _value: any): void { /* noop */ },
+      async saveBitableConfig (_bitable: Record<string, any>): Promise<void> {
+        localStorage.setItem('DEV_BITABLE_CONFIG', JSON.stringify(_bitable))
+      },
+      async getBitableConfig (): Promise<string> {
+        return localStorage.getItem('DEV_BITABLE_CONFIG') || '{}'
+      },
+      XNBBitable: DevXNBBitable
+    }
+    window.xnb.store.set('params', cellParams)
+    return {
+      isChildPage,
+      childTrace,
+      cellParams,
+      viewRef,
+      xnbContext
+    }
+  }
+})
+</script>
+<style lang="scss">
+html,
+body,
+#app {
+  margin: 0;
+  padding: 0;
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+  box-sizing: border-box;
+}
+#app {
+  font-family: Arial, Helvetica, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+.dev-shell {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  width: 100%;
+  box-sizing: border-box;
+  &--child .entry {
+    flex: 1;
+    min-height: 0;
+  }
+  &__launcher {
+    flex-shrink: 0;
+    margin: 8px 8px 0;
+  }
+}
+.dev-child-hint {
+  flex-shrink: 0;
+  background: #fffbeb;
+  border: 1px solid #f0e4b8;
+  code {
+    font-size: 0.75rem;
+  }
+}
+.entry {
+  font-family: Arial, Helvetica, sans-serif;
+  box-sizing: border-box;
+  flex: 1;
+  min-height: 0;
+  width: 100%;
+  margin: 0;
+  overflow-y: auto;
+}
+</style>

package/skills/lab-orbit-component-builder/examples/xnb-component-template/dev/src/components/DevOpenerLauncher.vue ADDED Viewed

@@ -0,0 +1,143 @@
+<template>
+  <q-banner rounded dense class="dev-opener-launcher q-mb-sm">
+    <div class="text-subtitle2 q-mb-xs">Opener 联调（模拟宿主打开子页）</div>
+    <p class="text-caption text-grey-8 q-mb-sm">
+      点击下方按钮在新窗口打开子页；子页通过 <code>?trace=</code> 与 <code>postMessage</code> 拉取下方 JSON。
+      组件：<strong>{{ componentId }}</strong>
+    </p>
+    <q-input
+      v-model="payloadText"
+      type="textarea"
+      autogrow
+      dense
+      outlined
+      label="模拟 opener payload（JSON）"
+      :error="parseError != null"
+      :error-message="parseError || undefined"
+      class="q-mb-sm"
+    />
+    <div class="row items-center q-gutter-sm flex-wrap">
+      <q-btn
+        color="primary"
+        dense
+        unelevated
+        label="以 opener 方式打开子页"
+        :disable="parseError != null"
+        @click="onOpenChild"
+      />
+      <span v-if="lastTrace" class="text-caption text-grey-7">
+        最近 trace: <code>{{ lastTrace }}</code>
+        <span v-if="childBlocked" class="text-negative">（弹窗被拦截，请允许本站点弹窗）</span>
+      </span>
+    </div>
+  </q-banner>
+</template>
+<script lang="ts">
+import { defineComponent, onMounted, onUnmounted, ref, watch } from 'vue'
+import { parseDevOpenerInitFromEnv } from '@/utils/openerInitParams'
+import {
+  createDevOpenerTrace,
+  installDevOpenerHost,
+  openDevOpenerChild
+} from '../utils/devOpenerHost'
+import type { DevOpenerHostHandle } from '../utils/devOpenerHost'
+const DEFAULT_PAYLOAD = {
+  ticket_ids: [450, 453],
+  valve_id: 0
+}
+function defaultPayloadText (): string {
+  const fromEnv = parseDevOpenerInitFromEnv()
+  if (fromEnv != null) {
+    try {
+      return JSON.stringify(fromEnv, null, 2)
+    } catch {
+      /* fall through */
+    }
+  }
+  return JSON.stringify(DEFAULT_PAYLOAD, null, 2)
+}
+function parsePayloadJson (text: string): { value: unknown | null; error: string | null } {
+  const trimmed = text.trim()
+  if (trimmed === '') return { value: null, error: 'JSON 不能为空' }
+  try {
+    return { value: JSON.parse(trimmed) as unknown, error: null }
+  } catch {
+    return { value: null, error: '不是合法 JSON' }
+  }
+}
+export default defineComponent({
+  name: 'DevOpenerLauncher',
+  setup () {
+    const componentId = import.meta.env.VITE_COMPONENT_ID || 'bitable'
+    const payloadText = ref(defaultPayloadText())
+    const parseError = ref<string | null>(null)
+    const lastTrace = ref<string | null>(null)
+    const childBlocked = ref(false)
+    let hostHandle: DevOpenerHostHandle | null = null
+    function syncParseError (): void {
+      parseError.value = parsePayloadJson(payloadText.value).error
+    }
+    function getPayload (): unknown {
+      const { value, error } = parsePayloadJson(payloadText.value)
+      if (error != null) throw new Error(error)
+      return value
+    }
+    function onOpenChild (): void {
+      syncParseError()
+      if (parseError.value != null) return
+      const trace = createDevOpenerTrace()
+      lastTrace.value = trace
+      childBlocked.value = false
+      const child = openDevOpenerChild(trace)
+      if (child == null) {
+        childBlocked.value = true
+        console.warn('[devOpenerHost] window.open 返回 null，可能被浏览器拦截')
+      }
+    }
+    watch(payloadText, () => {
+      syncParseError()
+    })
+    onMounted(() => {
+      syncParseError()
+      hostHandle = installDevOpenerHost(() => getPayload())
+    })
+    onUnmounted(() => {
+      hostHandle?.dispose()
+      hostHandle = null
+    })
+    return {
+      componentId,
+      payloadText,
+      parseError,
+      lastTrace,
+      childBlocked,
+      onOpenChild
+    }
+  }
+})
+</script>
+<style scoped lang="scss">
+.dev-opener-launcher {
+  background: #f0f7ff;
+  border: 1px solid #c5d9f0;
+  code {
+    font-size: 0.75rem;
+  }
+}
+</style>

package/skills/lab-orbit-component-builder/examples/xnb-component-template/dev/src/global.d.ts ADDED Viewed

@@ -0,0 +1,74 @@
+declare module '@xtalpi/webb-api'
+declare module 'axios'
+declare module 'lodash'
+interface XnbHttpClient {
+  request: (options: {
+    method: string;
+    url: string;
+    headers?: Record<string, string>;
+    responseType?: number;
+    query?: Record<string, string>;
+    body?: { type: string; data: any };
+  }) => Promise<{ data: any; status: number; ok: boolean; headers: Record<string, string> }>;
+}
+interface XnbHttp {
+  client: XnbHttpClient;
+  Body: {
+    json: (data: any) => { type: string; data: any };
+    text: (text: string) => { type: string; data: string };
+    form: (data: Record<string, any>) => { type: string; data: Record<string, any> };
+  };
+  ResponseType: {
+    JSON: number;
+    Text: number;
+    Binary: number;
+  };
+}
+interface XnbChoreo {
+  getUserToken: (bookPath?: string) => Promise<string>;
+  getUserInfo: (options?: any) => Promise<{ userName: string; email: string }>;
+}
+interface Xnb {
+  book: Record<string, (...args: any[]) => any>;
+  store: Record<string, (...args: any[]) => any>;
+  event: any;
+  kernel: Record<string, (...args: any[]) => any>;
+  choreo: XnbChoreo;
+  http: XnbHttp;
+  app: Record<string, (...args: any[]) => any>;
+  utils: Record<string, any>;
+}
+interface WebbApi {
+  register: (name: string, value: any) => void;
+  getUrl: () => { webbHost: string };
+  store: Record<string, (...args: any[]) => any>;
+  utils: Record<string, any>;
+  event?: { on: (...args: any[]) => void; emit: (...args: any[]) => void; off: (...args: any[]) => void };
+  ui: {
+    message: (opts: { type?: string; message: string }) => void;
+  };
+  method: {
+    call: (module: string, method: string, ...args: any[]) => any;
+  };
+  [key: string]: any;
+}
+interface QuasarGlobal {
+  loading: { show: (opts?: any) => void; hide: () => void };
+  notify: (opts: any) => void;
+  dialog: (opts: any) => any;
+  dark: any;
+}
+interface Window {
+  Vue: any;
+  vueInstance: any;
+  webb: WebbApi;
+  xnb: Xnb;
+  $q: QuasarGlobal;
+}

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

@@ -0,0 +1,305 @@
+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 COMPONENT_ID = import.meta.env.VITE_COMPONENT_ID || 'bitable'
+const viewModules = import.meta.glob('../../src/views/*.vue', { eager: true })
+const viewKey = `../../src/views/${COMPONENT_ID}.vue`
+const viewModule = viewModules[viewKey] as { default: any } | undefined
+if (!viewModule) {
+  const available = Object.keys(viewModules).map((k: string) => k.replace('../../src/views/', '').replace('.vue', '')).join(', ')
+  throw new Error(
+    `[dev] VITE_COMPONENT_ID=${COMPONENT_ID} 无对应视图。当前已有: ${available}`
+  )
+}
+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)
+})