@csntgao/uni-base 0.1.0

package/examples/vanilla/main.js

@@ -0,0 +1,247 @@
+import {
+  createMockApplicationSwitcherTransport,
+  createMockOrganizationOnboardingTransport,
+  createUniplatBaseOrganizationOnboardingTransport,
+} from '@uniplat/ai-employee-web-components'
+
+const config = window.AI_EMPLOYEE_EXAMPLE_CONFIG
+const chat = document.querySelector('#employee-chat')
+const openChatButton = document.querySelector('#open-employee-chat')
+const userLogin = document.querySelector('#user-login')
+const organizationSelector = document.querySelector('#organization-selector')
+const accountContext = document.querySelector('#account-context')
+
+function apiUrl(path) {
+  return `${config.hostApiBaseUrl.replace(/\/$/, '')}${path}`
+}
+
+async function request(url, options) {
+  const response = await fetch(url, {
+    credentials: 'include',
+    headers: { 'content-type': 'application/json' },
+    ...options,
+  })
+  if (!response.ok) throw new Error('Host transport request failed')
+  return response.json()
+}
+
+async function getAccessToken() {
+  const result = await request(config.accessTokenUrl)
+  return result.accessToken
+}
+
+const transport = {
+  async createSessionWithFirstMessage(input) {
+    const result = await request(apiUrl('/sessions'), {
+      method: 'POST',
+      body: JSON.stringify({
+        request_id: input.requestId,
+        ae_code: input.aeCode,
+        agent_code: input.agentCode,
+        content: input.content,
+        trusted_context: input.trustedContext,
+        attachments: input.attachments.map((attachment) => ({
+          transaction_id: attachment.transactionId,
+          fspath: attachment.fspath,
+        })),
+      }),
+    })
+    return {
+      sessionId: result.session_id,
+      messageId: result.message_id,
+      executionId: result.execution_id,
+      status: result.status,
+      startedAt: result.started_at,
+      aeCode: result.ae_code,
+      agentCode: result.agent_code,
+      conversationType: result.conversation_type,
+      title: result.title,
+      createdAt: result.created_at,
+    }
+  },
+
+  async listMessages(sessionId) {
+    const result = await request(apiUrl(`/sessions/${encodeURIComponent(sessionId)}/messages`))
+    return result.messages
+  },
+
+  async sendMessage(sessionId, content) {
+    await request(apiUrl(`/sessions/${encodeURIComponent(sessionId)}/messages`), {
+      method: 'POST',
+      body: JSON.stringify({ content }),
+    })
+  },
+
+  getAccessToken,
+}
+
+const demoLoginIcon = `data:image/svg+xml,${encodeURIComponent(`
+  <svg xmlns="http://www.w3.org/2000/svg" width="42" height="42" viewBox="0 0 42 42">
+    <rect width="42" height="42" rx="12" fill="#4a74ea"/>
+    <path d="M21 10l9 4v7c0 6-3.8 10.2-9 12-5.2-1.8-9-6-9-12v-7l9-4z" fill="none" stroke="#fff" stroke-width="2.2"/>
+    <path d="M17.5 21l2.3 2.4 4.8-5" fill="none" stroke="#fff" stroke-width="2.2" stroke-linecap="round"/>
+  </svg>
+`)}`
+const demoQrCode = `data:image/svg+xml,${encodeURIComponent(`
+  <svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
+    <rect width="150" height="150" fill="#fff"/>
+    <path d="M10 10h42v42H10zm88 0h42v42H98zM10 98h42v42H10zm58-30h18v18H68zm30 0h12v30H98zm-30 30h30v12H68zm42 12h30v30h-30z" fill="#233043"/>
+    <path d="M20 20h22v22H20zm88 0h22v22h-22zM20 108h22v22H20z" fill="#fff"/>
+  </svg>
+`)}`
+
+// 登录示例使用无凭据的本地演示 transport。生产环境请改用
+// createUniplatBaseUserLoginTransport({ apiBaseUrl, setAccessToken })。
+userLogin.configure({
+  applicationName: 'HrSaas',
+  headerTitle: '登录企业工作台',
+  headerSubtitle: '手机号验证后进入企业服务平台',
+  headerIconUrl: demoLoginIcon,
+  securityHint: '登录凭证仅用于企业工作台认证，请勿向他人透露验证码',
+  transport: {
+    async sendSmsCode() {},
+    async login() {
+      return { applicationName: 'HrSaas', isNewUser: true }
+    },
+    async loginWithPassword() {
+      return { applicationName: 'HrSaas' }
+    },
+    async createQrChallenge() {
+      return { challengeId: crypto.randomUUID(), imageUrl: demoQrCode }
+    },
+    async pollQrChallenge() {
+      return { status: 'pending' }
+    },
+  },
+})
+
+const demoOrganizations = [
+  {
+    id: 'company-beijing',
+    name: '北京星河科技有限公司',
+    type: 'company',
+    avatarText: '星',
+    employeeDisplayName: '企业员工张伟',
+    employeeAvatarText: '张',
+    role: '超管',
+    memberCount: 128,
+  },
+  {
+    id: 'company-shanghai',
+    name: '星河（上海）信息服务分公司',
+    type: 'company',
+    avatarText: '蓝',
+    employeeDisplayName: '上海分公司张伟',
+    employeeAvatarText: '张',
+    role: '管理员',
+    memberCount: 46,
+  },
+  {
+    id: 'team-growth',
+    name: '星河增长项目组',
+    type: 'team',
+    avatarText: '增',
+    employeeDisplayName: '增长组成员张伟',
+    employeeAvatarText: '张',
+    role: '团队负责人',
+    memberCount: 9,
+  },
+  {
+    id: 'team-campus',
+    name: '2026 校招筹备团队',
+    type: 'team',
+    avatarText: '校',
+    employeeDisplayName: '校招组成员张伟',
+    employeeAvatarText: '张',
+    role: '成员',
+    memberCount: 5,
+  },
+]
+
+const organizationOnboardingTransport = config.uniplatBaseServiceBaseUrl
+  ? createUniplatBaseOrganizationOnboardingTransport({
+      serviceBaseUrl: config.uniplatBaseServiceBaseUrl,
+      getAccessToken,
+    })
+  : createMockOrganizationOnboardingTransport()
+
+organizationSelector.configure({
+  selectedOrganizationId: 'company-beijing',
+  organizations: demoOrganizations.map((organization) => ({
+    ...organization,
+    type: organization.type === 'company' ? 'enterprise' : 'team',
+    verificationStatus: organization.type === 'company' ? 'verified' : undefined,
+  })),
+})
+
+let demoCurrentOrganizationId = 'company-beijing'
+
+function demoAccountProjection() {
+  const organizations = demoOrganizations.map((organization) => ({
+    ...organization,
+    type: organization.type === 'company' ? 'enterprise' : 'team',
+    verificationStatus: organization.type === 'company' ? 'verified' : undefined,
+  }))
+  return {
+    applicationName: 'HrSaas',
+    user: { displayName: '张伟', maskedMobile: '138****6688', avatarText: '张' },
+    currentOrganizationId: demoCurrentOrganizationId,
+    currentOrganization: organizations.find(({ id }) => id === demoCurrentOrganizationId) ?? null,
+    organizations,
+  }
+}
+
+const demoAccountTransport = {
+  async load() {
+    return demoAccountProjection()
+  },
+  async switchOrganization(_applicationName, organizationId) {
+    demoCurrentOrganizationId = organizationId
+    return demoAccountProjection()
+  },
+}
+
+accountContext.configure({
+  applicationName: 'HrSaas',
+  transport: demoAccountTransport,
+  workbench: {
+    getAccessToken,
+    transport: createMockApplicationSwitcherTransport(),
+  },
+  organizationOnboarding: { transport: organizationOnboardingTransport },
+})
+
+userLogin.addEventListener('onboarding-requested', () => {
+  accountContext.startOrganizationOnboarding()
+})
+
+accountContext.addEventListener('join-organization-requested', () => {
+  console.info('[organization-onboarding] Host should open its invitation flow')
+})
+
+organizationSelector.addEventListener('organization-enter-requested', (event) => {
+  void accountContext.switchOrganization(event.detail.organizationId)
+})
+
+accountContext.addEventListener('organization-selected', (event) => {
+  // Host 决定是否响应切换请求；组件负责调用已配置 transport 并自行重绘。
+  void accountContext.switchOrganization(event.detail.organizationId)
+})
+
+accountContext.addEventListener('logout-requested', () => {
+  console.info('[account-context] Host should clear its login state')
+})
+
+chat.configure({
+  realtimeUrl: config.realtimeUrl,
+  aeCode: config.aeCode,
+  agentCode: config.agentCode,
+  transport,
+})
+
+openChatButton.addEventListener('click', () => chat.open())
+
+chat.addEventListener('error', (event) => {
+  // Only the SDK's sanitized code is recorded. Do not log transport responses or tokens.
+  console.warn('[ai-employee-chat]', event.detail.code)
+})

package/examples/vanilla/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@uniplat/ai-employee-vanilla-example",
+  "version": "0.1.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@uniplat/ai-employee-client": "workspace:*",
+    "@uniplat/ai-employee-web-components": "workspace:*"
+  }
+}

package/examples/vanilla/public/runtime-config.js

@@ -0,0 +1,10 @@
+window.AI_EMPLOYEE_EXAMPLE_CONFIG = {
+  // 生产环境必须使用不带 query/hash 的 wss: 地址。
+  realtimeUrl: 'wss://kanban.example.com/api/user-realtime/ws',
+  hostApiBaseUrl: 'https://hr-saas.example.com/api/embed/ai-employee',
+  accessTokenUrl: 'https://hr-saas.example.com/api/auth/access-token',
+  // 填写 Gateway service 根地址后，Organization Onboarding 使用真实 UniplatBase 接口。
+  uniplatBaseServiceBaseUrl: '',
+  aeCode: 'recruit',
+  agentCode: 'default',
+}

package/examples/vanilla/style.css

@@ -0,0 +1,99 @@
+:root {
+  color: #172033;
+  background: #edf2f7;
+  font-family:
+    Inter,
+    ui-sans-serif,
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    'Segoe UI',
+    sans-serif;
+  font-synthesis: none;
+}
+
+body {
+  min-width: 320px;
+  min-height: 100vh;
+  margin: 0;
+}
+
+.page {
+  display: grid;
+  grid-template-columns: minmax(0, 500px) minmax(320px, 400px);
+  gap: clamp(32px, 7vw, 100px);
+  align-items: center;
+  justify-content: center;
+  min-height: 100vh;
+  padding: 32px;
+}
+
+.introduction h1 {
+  max-width: 10ch;
+  margin: 10px 0 18px;
+  font-size: clamp(40px, 7vw, 72px);
+  line-height: 0.98;
+  letter-spacing: -0.055em;
+}
+
+.introduction p {
+  max-width: 55ch;
+  color: #526071;
+  font-size: 16px;
+  line-height: 1.75;
+}
+
+.introduction .eyebrow {
+  color: #2563eb;
+  font-size: 12px;
+  font-weight: 700;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+}
+
+.component-showcase {
+  display: grid;
+  gap: 32px;
+  justify-items: center;
+  width: min(100%, 460px);
+}
+
+code {
+  padding: 2px 5px;
+  border-radius: 5px;
+  background: #dce5ef;
+  color: #344054;
+}
+
+#open-employee-chat {
+  padding: 12px 18px;
+  border: 0;
+  border-radius: 10px;
+  background: #2e6bf5;
+  color: white;
+  cursor: pointer;
+  font: inherit;
+  font-weight: 700;
+}
+
+uniplat-user-login {
+  width: 100%;
+}
+
+uniplat-organization-selector {
+  width: 100%;
+}
+
+uniplat-account-context {
+  max-width: 100%;
+}
+
+@media (max-width: 860px) {
+  .page {
+    grid-template-columns: minmax(0, 520px);
+  }
+
+  .introduction h1 {
+    max-width: 12ch;
+  }
+}

package/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "@csntgao/uni-base",
+  "version": "0.1.0",
+  "type": "module",
+  "packageManager": "pnpm@11.3.0",
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "pnpm --filter @uniplat/ai-employee-client build && pnpm --filter @uniplat/ai-employee-web-components build && pnpm --filter @uniplat/ai-employee-vanilla-example build",
+    "dev": "pnpm --filter @uniplat/ai-employee-client build && pnpm --filter @uniplat/ai-employee-web-components build && pnpm --filter @uniplat/ai-employee-vanilla-example dev",
+    "lint": "eslint . --max-warnings 0",
+    "format": "prettier --write .",
+    "format:check": "prettier --check .",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "typecheck": "pnpm --filter @uniplat/ai-employee-client typecheck && pnpm --filter @uniplat/ai-employee-web-components typecheck"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.32.0",
+    "eslint": "^9.32.0",
+    "globals": "^16.3.0",
+    "happy-dom": "^18.0.1",
+    "prettier": "^3.6.2",
+    "tsup": "^8.5.0",
+    "typescript": "^5.9.2",
+    "typescript-eslint": "^8.39.0",
+    "vite": "^7.1.0",
+    "vitest": "^3.2.4"
+  }
+}

package/packages/core/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "@uniplat/ai-employee-client",
+  "version": "0.14.0",
+  "description": "Browser client for Uniplat AI Employee sessions and realtime messages",
+  "type": "module",
+  "sideEffects": false,
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "scripts": {
+    "build": "tsup",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run"
+  },
+  "engines": {
+    "node": ">=20"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}