@heybox/hb-sdk 0.8.0-alpha.3 → 0.8.0-alpha.9

package/dist/templates/vue3-vite-ts/src/__tests__/App.spec.ts

@@ -1,148 +0,0 @@
-import { flushPromises, mount } from '@vue/test-utils';
-import { beforeEach, describe, expect, it, vi } from 'vitest';
-import App from '../App.vue';
-
-const sdkMock = vi.hoisted(() => ({
-  ...(() => {
-    type HandshakeState = { status: 'connecting' } | { status: 'ready' } | { status: 'failed'; error: Error & { code: string } };
-
-    let state: HandshakeState = { status: 'connecting' };
-    const handlers = new Set<(nextState: HandshakeState) => void>();
-    const unsubscribe = vi.fn();
-
-    return {
-      getHandshakeState: vi.fn(() => state),
-      onHandshakeStateChange: vi.fn((handler: (nextState: HandshakeState) => void) => {
-        handlers.add(handler);
-        handler(state);
-        return () => {
-          unsubscribe();
-          handlers.delete(handler);
-        };
-      }),
-      reset(nextState: HandshakeState = { status: 'connecting' }) {
-        state = nextState;
-        handlers.clear();
-        unsubscribe.mockReset();
-      },
-      setHandshakeState(nextState: HandshakeState) {
-        state = nextState;
-        handlers.forEach((handler) => handler(state));
-      },
-      unsubscribe,
-    };
-  })(),
-  login: vi.fn(),
-  networkRequest: vi.fn(),
-}));
-
-vi.mock('@heybox/hb-sdk', () => ({
-  default: {
-    auth: {
-      login: sdkMock.login,
-    },
-    network: {
-      request: sdkMock.networkRequest,
-    },
-    getHandshakeState: sdkMock.getHandshakeState,
-    onHandshakeStateChange: sdkMock.onHandshakeStateChange,
-  },
-}));
-
-describe('App', () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-    vi.unstubAllEnvs();
-
-    sdkMock.reset();
-    sdkMock.login.mockResolvedValue({ code: 'authorization_code', expiresIn: 300, scopes: ['identity'] });
-    sdkMock.networkRequest.mockResolvedValue({ status: 200 });
-  });
-
-  it('keeps actions disabled while the SDK is connecting', () => {
-    const wrapper = mount(App);
-
-    expect(sdkMock.getHandshakeState).not.toHaveBeenCalled();
-    expect(wrapper.get('[data-testid="status"]').text()).toBe('正在连接 SDK...');
-    expect(wrapper.get<HTMLButtonElement>('[data-testid="login"]').element.disabled).toBe(true);
-  });
-
-  it('enables actions when the handshake becomes ready', async () => {
-    const wrapper = mount(App);
-
-    sdkMock.setHandshakeState({ status: 'ready' });
-    await flushPromises();
-
-    expect(wrapper.get('[data-testid="status"]').text()).toBe('SDK 已连接');
-    expect(wrapper.get('[data-testid="output"]').text()).toContain('请选择操作');
-    expect(wrapper.get<HTMLButtonElement>('[data-testid="login"]').element.disabled).toBe(false);
-  });
-
-  describe('late mount', () => {
-    it('renders an already-ready handshake immediately', () => {
-      sdkMock.reset({ status: 'ready' });
-
-      const wrapper = mount(App);
-
-      expect(wrapper.get('[data-testid="status"]').text()).toBe('SDK 已连接');
-      expect(wrapper.get<HTMLButtonElement>('[data-testid="login"]').element.disabled).toBe(false);
-    });
-
-    it('renders the original failed handshake details immediately', () => {
-      const error = Object.assign(new Error('Host 未响应'), {
-        code: 'HANDSHAKE_TIMEOUT',
-        name: 'HbMiniProgramSDKError',
-      });
-      sdkMock.reset({ status: 'failed', error });
-
-      const wrapper = mount(App);
-
-      expect(wrapper.get('[data-testid="status"]').text()).toBe('SDK 连接失败');
-      expect(wrapper.get<HTMLButtonElement>('[data-testid="login"]').element.disabled).toBe(true);
-      expect(wrapper.get('[data-testid="output"]').text()).toContain('HbMiniProgramSDKError');
-      expect(wrapper.get('[data-testid="output"]').text()).toContain('Host 未响应');
-      expect(wrapper.get('[data-testid="output"]').text()).toContain('HANDSHAKE_TIMEOUT');
-    });
-  });
-
-  it('stops observing handshake state after unmount', () => {
-    const wrapper = mount(App);
-
-    wrapper.unmount();
-
-    expect(sdkMock.unsubscribe).toHaveBeenCalledTimes(1);
-  });
-
-  it('hands the authorization code to the developer server without rendering it', async () => {
-    vi.stubEnv('VITE_HEYBOX_AUTH_EXCHANGE_URL', 'https://developer.example.com/api/heybox/exchange');
-    sdkMock.reset({ status: 'ready' });
-    const wrapper = mount(App);
-
-    await wrapper.get('[data-testid="login"]').trigger('click');
-    await flushPromises();
-
-    expect(sdkMock.login).toHaveBeenCalledTimes(1);
-    expect(sdkMock.networkRequest).toHaveBeenCalledWith({
-      method: 'POST',
-      url: 'https://developer.example.com/api/heybox/exchange',
-      data: { code: 'authorization_code' },
-    });
-    expect(wrapper.get('[data-testid="status"]').text()).toBe('auth.login 调用成功');
-    expect(wrapper.get('[data-testid="output"]').text()).toContain('300');
-    expect(wrapper.get('[data-testid="output"]').text()).toContain('identity');
-    expect(wrapper.text()).not.toContain('authorization_code');
-  });
-
-  it('does not request a code when the developer server is not configured', async () => {
-    sdkMock.reset({ status: 'ready' });
-    const wrapper = mount(App);
-
-    await wrapper.get('[data-testid="login"]').trigger('click');
-    await flushPromises();
-
-    expect(sdkMock.login).not.toHaveBeenCalled();
-    expect(sdkMock.networkRequest).not.toHaveBeenCalled();
-    expect(wrapper.get('[data-testid="status"]').text()).toBe('auth.login 调用失败');
-    expect(wrapper.get('[data-testid="output"]').text()).toContain('VITE_HEYBOX_AUTH_EXCHANGE_URL');
-  });
-});

package/dist/templates/vue3-vite-ts/src/auth-handoff.ts

@@ -1,46 +0,0 @@
-export interface AuthorizationCodeLoginResult {
-  code: string;
-  expiresIn: number;
-  scopes: string[];
-}
-
-export interface LoginAndExchangeAuthorizationCodeOptions {
-  exchangeUrl?: string;
-  login: () => Promise<AuthorizationCodeLoginResult>;
-  request: (config: {
-    method: 'POST';
-    url: string;
-    data: { code: string };
-  }) => Promise<unknown>;
-}
-
-export async function loginAndExchangeAuthorizationCode(options: LoginAndExchangeAuthorizationCodeOptions) {
-  const exchangeUrl = options.exchangeUrl?.trim();
-  if (!exchangeUrl) {
-    throw new Error('请先配置 VITE_HEYBOX_AUTH_EXCHANGE_URL');
-  }
-  if (!isAllowedExchangeUrl(exchangeUrl)) {
-    throw new Error('VITE_HEYBOX_AUTH_EXCHANGE_URL 必须使用 HTTPS，本地调试仅允许 localhost');
-  }
-
-  const { code, expiresIn, scopes } = await options.login();
-  await options.request({
-    method: 'POST',
-    url: exchangeUrl,
-    data: { code },
-  });
-
-  return { expiresIn, scopes };
-}
-
-function isAllowedExchangeUrl(value: string) {
-  try {
-    const url = new URL(value);
-    if (url.protocol === 'https:') {
-      return true;
-    }
-    return url.protocol === 'http:' && ['localhost', '127.0.0.1', '[::1]'].includes(url.hostname);
-  } catch {
-    return false;
-  }
-}

package/dist/templates/vue3-vite-ts/src/main.ts

@@ -1,5 +0,0 @@
-import { createApp } from 'vue';
-import App from './App.vue';
-import './styles.css';
-
-createApp(App).mount('#app');

package/dist/templates/vue3-vite-ts/src/styles.css

@@ -1,60 +0,0 @@
-:root {
-  color: #1f2933;
-  background: #f4f6f8;
-  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
-  line-height: 1.5;
-}
-* {
-  box-sizing: border-box;
-}
-body {
-  margin: 0; min-width: 320px;
-}
-.page {
-  width: min(100%, 720px);
-  margin: 0 auto;
-  padding: 40px 20px;
-}
-.card {
-  border: 1px solid #d8dee6;
-  border-radius: 8px;
-  background: #fff;
-  padding: 24px;
-}
-.eyebrow {
-  margin: 0 0 8px;
-  color: #287a4b;
-  font-size: 13px;
-  font-weight: 800;
-}
-h1 {
-  margin: 0; font-size: 36px; line-height: 1.1;
-}
-.intro,
-.status {
-  color: #52616f;
-}
-button {
-  width: 100%;
-  min-height: 42px;
-  border: 0;
-  border-radius: 6px;
-  background: #1f2933;
-  color: #fff;
-  cursor: pointer;
-  font: inherit;
-  font-weight: 700;
-}
-button:disabled {
-  cursor: not-allowed; opacity: 0.6;
-}
-pre {
-  margin: 16px 0 0;
-  overflow: auto;
-  border-radius: 6px;
-  background: #101820;
-  color: #f7fbff;
-  padding: 14px;
-  white-space: pre-wrap;
-  word-break: break-word;
-}

package/dist/templates/vue3-vite-ts/src/vite-env.d.ts

@@ -1 +0,0 @@
-/// <reference types="vite/client" />

package/dist/templates/vue3-vite-ts/tsconfig.app.json

@@ -1,17 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2022",
-    "useDefineForClassFields": true,
-    "module": "ESNext",
-    "moduleResolution": "Bundler",
-    "strict": true,
-    "jsx": "preserve",
-    "sourceMap": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "lib": ["ES2022", "DOM", "DOM.Iterable"],
-    "types": ["vite/client"]
-  },
-  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"]
-}

package/dist/templates/vue3-vite-ts/tsconfig.json

@@ -1,11 +0,0 @@
-{
-  "files": [],
-  "references": [
-    {
-      "path": "./tsconfig.app.json"
-    },
-    {
-      "path": "./tsconfig.node.json"
-    }
-  ]
-}

package/dist/templates/vue3-vite-ts/tsconfig.node.json

@@ -1,11 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2022",
-    "module": "ESNext",
-    "moduleResolution": "Bundler",
-    "strict": true,
-    "noEmit": true,
-    "types": ["node"]
-  },
-  "include": ["vite.config.ts", "vitest.config.ts"]
-}

package/dist/templates/vue3-vite-ts/vitest.config.ts

@@ -1,10 +0,0 @@
-import vue from '@vitejs/plugin-vue';
-import { defineConfig } from 'vitest/config';
-
-export default defineConfig({
-  plugins: [vue()],
-  test: {
-    environment: 'happy-dom',
-    include: ['src/**/*.spec.ts'],
-  },
-});