create-secra 0.1.11 → 1.0.1

package/antd-adapter-template/src/shared/request/client.ts

@@ -0,0 +1,46 @@
+import type { RequestBody, RequestQuery } from "@vlian/request";
+import { RequestClient, adapterRegistry } from "@vlian/request";
+import { createKvAdapter } from "@/shared/request/kv-adapter";
+import type { ApiEnvelope } from "@/shared/request/contracts";
+
+const ADAPTER_NAME = "kv";
+
+if (!adapterRegistry.has(ADAPTER_NAME)) {
+  adapterRegistry.register(ADAPTER_NAME, createKvAdapter);
+}
+
+const client = new RequestClient({
+  defaultAdapter: ADAPTER_NAME,
+});
+
+let initializePromise: Promise<void> | null = null;
+
+const ensureInitialized = async () => {
+  if (!initializePromise) {
+    initializePromise = client.initialize();
+  }
+
+  await initializePromise;
+};
+
+export const kvRequestClient = {
+  async get<TResponse>(
+    url: string,
+    query?: RequestQuery,
+  ): Promise<ApiEnvelope<TResponse>> {
+    await ensureInitialized();
+    const response = await client.get<ApiEnvelope<TResponse>>(url, {
+      query,
+    });
+    return response.data;
+  },
+
+  async post<TResponse, TBody = RequestBody>(
+    url: string,
+    body?: TBody,
+  ): Promise<ApiEnvelope<TResponse>> {
+    await ensureInitialized();
+    const response = await client.post<ApiEnvelope<TResponse>>(url, body as RequestBody);
+    return response.data;
+  },
+};

package/antd-adapter-template/src/shared/request/contracts.ts

@@ -0,0 +1,6 @@
+export interface ApiEnvelope<T> {
+  code: number;
+  message: string;
+  data: T;
+}
+

package/antd-adapter-template/src/shared/request/kv-adapter.ts

@@ -0,0 +1,14 @@
+import type { RequestAdapter } from "@vlian/request";
+import { handleKvRequest } from "@/shared/request/kv-backend";
+
+export const createKvAdapter = (): RequestAdapter => ({
+  name: "kv",
+  capabilities: {
+    supportsAbort: true,
+    supportsTimeout: false,
+    supportsProgress: false,
+    supportsInterceptors: false,
+  },
+  request: handleKvRequest,
+});
+

package/antd-adapter-template/src/shared/request/kv-backend.ts

@@ -0,0 +1,244 @@
+import { generateTraceId, logger } from "@vlian/logger";
+import type { RequestOptions, Response } from "@vlian/request";
+import { createStorage } from "@vlian/utils";
+import type {
+  AuthSession,
+  DynamicRouteManifestItem,
+  LoginPayload,
+} from "@/features/auth/auth-types";
+import type { ApiEnvelope } from "@/shared/request/contracts";
+
+interface MockUserRecord {
+  username: string;
+  password: string;
+  displayName: string;
+  permissions: string[];
+}
+
+const USERS_KEY = "mock-users";
+const ROUTES_KEY = "mock-routes";
+const SESSION_KEY = "mock-session";
+
+const kvStorage = createStorage({
+  type: "local",
+  prefix: "secra-antd-kv",
+  defaultExpire: -1,
+  secret: "secra-demo",
+});
+
+const defaultUsers: MockUserRecord[] = [
+  {
+    username: "admin",
+    password: "admin123",
+    displayName: "管理员",
+    permissions: ["dashboard:view"],
+  },
+  {
+    username: "editor",
+    password: "editor123",
+    displayName: "内容编辑",
+    permissions: ["dashboard:view"],
+  },
+];
+
+const defaultRoutes: DynamicRouteManifestItem[] = [
+  {
+    code: "dashboard.route",
+    path: "/dashboard",
+    title: "仪表盘",
+    component: "dashboard",
+    requiresAuth: true,
+  },
+];
+
+let seedPromise: Promise<void> | null = null;
+let seeded = false;
+
+const createEnvelope = <T>(
+  data: T,
+  message = "OK",
+  code = 0,
+): ApiEnvelope<T> => ({
+  code,
+  message,
+  data,
+});
+
+const createResponse = <T>(
+  data: ApiEnvelope<T>,
+  status = 200,
+  statusText = "OK",
+): Response<ApiEnvelope<T>> => ({
+  data,
+  status,
+  statusText,
+  headers: {
+    "x-mock-adapter": "kv",
+  },
+  raw: null,
+});
+
+const ensureSeedData = async () => {
+  if (seeded) {
+    return;
+  }
+
+  if (!seedPromise) {
+    seedPromise = (async () => {
+      const users = await kvStorage.get<MockUserRecord[]>(USERS_KEY);
+      if (!users) {
+        await kvStorage.set(USERS_KEY, defaultUsers, {
+          expire: -1,
+        });
+      }
+
+      const routes = await kvStorage.get<DynamicRouteManifestItem[]>(ROUTES_KEY);
+      if (!routes) {
+        await kvStorage.set(ROUTES_KEY, defaultRoutes, {
+          expire: -1,
+        });
+      }
+
+      seeded = true;
+    })().finally(() => {
+      seedPromise = null;
+    });
+  }
+
+  await seedPromise;
+};
+
+const delay = async (timeout: number, signal?: AbortSignal) => {
+  if (signal?.aborted) {
+    throw new DOMException("Request aborted", "AbortError");
+  }
+
+  await new Promise<void>((resolve, reject) => {
+    const timer = window.setTimeout(() => {
+      cleanup();
+      resolve();
+    }, timeout);
+
+    const cleanup = () => {
+      window.clearTimeout(timer);
+      signal?.removeEventListener("abort", onAbort);
+    };
+
+    const onAbort = () => {
+      cleanup();
+      reject(new DOMException("Request aborted", "AbortError"));
+    };
+
+    signal?.addEventListener("abort", onAbort, {
+      once: true,
+    });
+  });
+};
+
+const readUsers = async () => {
+  const users = await kvStorage.get<MockUserRecord[]>(USERS_KEY, {
+    defaultValue: defaultUsers,
+  });
+  return users || defaultUsers;
+};
+
+const readRoutes = async () => {
+  const routes = await kvStorage.get<DynamicRouteManifestItem[]>(ROUTES_KEY, {
+    defaultValue: defaultRoutes,
+  });
+  return routes || defaultRoutes;
+};
+
+const readSession = async () =>
+  kvStorage.get<AuthSession | null>(SESSION_KEY, {
+    defaultValue: null,
+  });
+
+const writeSession = async (session: AuthSession) => {
+  await kvStorage.set(SESSION_KEY, session, {
+    expire: -1,
+  });
+};
+
+const handleLogin = async (body: unknown) => {
+  const payload = (body || {}) as Partial<LoginPayload>;
+  const users = await readUsers();
+  const matchedUser = users.find(
+    (user) =>
+      user.username === payload.username && user.password === payload.password,
+  );
+
+  if (!matchedUser) {
+    return createResponse(
+      createEnvelope<null>(null, "账号或密码错误", 401),
+    );
+  }
+
+  const session: AuthSession = {
+    token: generateTraceId(),
+    username: matchedUser.username,
+    displayName: matchedUser.displayName,
+    permissions: matchedUser.permissions,
+    loginAt: new Date().toLocaleString("zh-CN"),
+  };
+
+  await writeSession(session);
+
+  return createResponse(
+    createEnvelope(session, "登录成功"),
+  );
+};
+
+const handleSession = async () => {
+  const session = await readSession();
+  return createResponse(
+    createEnvelope(session, "读取会话成功"),
+  );
+};
+
+const handleLogout = async () => {
+  await kvStorage.remove(SESSION_KEY);
+
+  return createResponse(
+    createEnvelope<null>(null, "退出成功"),
+  );
+};
+
+const handleRoutes = async () => {
+  const routes = await readRoutes();
+  return createResponse(
+    createEnvelope(routes, "读取动态路由成功"),
+  );
+};
+
+export const handleKvRequest = async <TResponse>(
+  options: RequestOptions<TResponse>,
+): Promise<Response<TResponse>> => {
+  await ensureSeedData();
+  await delay(180, options.signal);
+
+  const method = (options.method || "GET").toUpperCase();
+  const url = options.url;
+
+  logger.debug("request.kv", {
+    method,
+    url,
+  });
+
+  switch (`${method} ${url}`) {
+    case "POST /api/auth/login":
+      return (await handleLogin(options.body)) as Response<TResponse>;
+    case "GET /api/auth/session":
+      return (await handleSession()) as Response<TResponse>;
+    case "POST /api/auth/logout":
+      return (await handleLogout()) as Response<TResponse>;
+    case "GET /api/routes":
+      return (await handleRoutes()) as Response<TResponse>;
+    default:
+      return createResponse(
+        createEnvelope<null>(null, `Mock API not found: ${method} ${url}`, 404),
+        404,
+        "Not Found",
+      ) as Response<TResponse>;
+  }
+};

package/antd-adapter-template/src/shared/request/ky-browser-stub.ts

@@ -0,0 +1,6 @@
+const ky = async () => {
+  throw new Error("ky adapter is not available in this template build.");
+};
+
+export default ky;
+

package/antd-adapter-template/src/shared/request/undici-browser-stub.ts

@@ -0,0 +1,4 @@
+export const request = async () => {
+  throw new Error("undici adapter is not available in browser builds.");
+};
+

package/antd-adapter-template/src/styles/global.css

@@ -0,0 +1,185 @@
+:root {
+  color: #102a43;
+  background:
+    radial-gradient(circle at top left, rgba(21, 94, 239, 0.18), transparent 28%),
+    radial-gradient(circle at right 10%, rgba(13, 148, 136, 0.16), transparent 25%),
+    linear-gradient(180deg, #f3f7fb 0%, #eef4ff 100%);
+}
+
+html,
+body,
+#root {
+  min-height: 100%;
+  margin: 0;
+}
+
+body {
+  font-family:
+    "Segoe UI",
+    "PingFang SC",
+    "Hiragino Sans GB",
+    "Microsoft YaHei",
+    sans-serif;
+}
+
+.app-shell {
+  min-height: 100vh;
+  background: transparent;
+}
+
+.app-shell__header {
+  position: sticky;
+  top: 0;
+  z-index: 20;
+  display: grid;
+  grid-template-columns: auto 1fr auto;
+  align-items: center;
+  gap: 24px;
+  height: auto;
+  padding: 18px 28px;
+  background: rgba(255, 255, 255, 0.82);
+  border-bottom: 1px solid rgba(16, 42, 67, 0.08);
+  backdrop-filter: blur(16px);
+}
+
+.app-shell__brand {
+  display: flex;
+  align-items: center;
+  gap: 14px;
+}
+
+.app-shell__brand-badge {
+  display: grid;
+  place-items: center;
+  width: 44px;
+  height: 44px;
+  color: #fff;
+  font-weight: 700;
+  font-size: 22px;
+  background: linear-gradient(135deg, #155eef 0%, #0f8b8d 100%);
+  border-radius: 14px;
+  box-shadow: 0 14px 30px rgba(21, 94, 239, 0.24);
+}
+
+.app-shell__brand-title.ant-typography {
+  margin: 0;
+}
+
+.app-shell__brand-subtitle.ant-typography {
+  display: block;
+  color: #486581;
+}
+
+.app-shell__menu {
+  min-width: 0;
+  background: transparent;
+  border-bottom: none !important;
+}
+
+.app-shell__content {
+  padding: 28px;
+}
+
+.app-shell__user {
+  display: flex;
+  flex-direction: column;
+  line-height: 1.2;
+}
+
+.page-shell {
+  max-width: 1240px;
+  margin: 0 auto;
+}
+
+.page-stack {
+  display: flex;
+  width: 100%;
+}
+
+.page-hero.ant-card,
+.surface-card.ant-card,
+.login-card.ant-card,
+.login-helper.ant-card {
+  background: rgba(255, 255, 255, 0.86);
+  border: 1px solid rgba(16, 42, 67, 0.08);
+  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.08);
+}
+
+.page-hero.ant-card {
+  overflow: hidden;
+  border-radius: 28px;
+}
+
+.surface-card.ant-card {
+  border-radius: 24px;
+}
+
+.feature-icon {
+  display: grid;
+  place-items: center;
+  width: 52px;
+  height: 52px;
+  color: #155eef;
+  font-size: 22px;
+  background: rgba(21, 94, 239, 0.12);
+  border-radius: 18px;
+}
+
+.compact-text.ant-typography {
+  margin-bottom: 0;
+  color: #486581;
+}
+
+.center-page {
+  display: grid;
+  min-height: 80vh;
+  place-items: center;
+}
+
+.login-page {
+  position: relative;
+  display: grid;
+  min-height: 100vh;
+  padding: 24px;
+  place-items: center;
+  overflow: hidden;
+}
+
+.login-page__backdrop {
+  position: absolute;
+  inset: 0;
+  background:
+    radial-gradient(circle at 20% 20%, rgba(21, 94, 239, 0.25), transparent 30%),
+    radial-gradient(circle at 80% 15%, rgba(15, 139, 141, 0.28), transparent 24%),
+    linear-gradient(135deg, #102a43 0%, #243b53 40%, #d9e2ec 140%);
+}
+
+.login-card {
+  position: relative;
+  z-index: 1;
+  width: min(100%, 480px);
+  border-radius: 30px;
+}
+
+.login-card__badge {
+  display: grid;
+  place-items: center;
+  width: 54px;
+  height: 54px;
+  color: #fff;
+  font-size: 24px;
+  background: linear-gradient(135deg, #155eef 0%, #0f8b8d 100%);
+  border-radius: 18px;
+}
+
+@media (max-width: 960px) {
+  .app-shell__header {
+    grid-template-columns: 1fr;
+    gap: 16px;
+    padding: 16px;
+  }
+
+  .app-shell__content {
+    padding: 16px;
+  }
+}

package/antd-adapter-template/src/vite-env.d.ts

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

package/antd-adapter-template/tsconfig.app.json

@@ -1,29 +1,26 @@
 {
   "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "composite": true,
     "target": "ES2022",
     "useDefineForClassFields": true,
     "lib": ["ES2022", "DOM", "DOM.Iterable"],
     "module": "ESNext",
-    "types": ["vite/client"],
     "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "moduleDetection": "force",
+    "moduleResolution": "Bundler",
+    "allowImportingTsExtensions": false,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
     "noEmit": true,
     "jsx": "react-jsx",
-
-    /* Linting */
     "strict": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
     "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    },
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo"
   },
   "include": ["src"]
 }
+

package/antd-adapter-template/tsconfig.json

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

package/antd-adapter-template/tsconfig.node.json

@@ -1,27 +1,17 @@
 {
   "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-    "composite": true,
     "target": "ES2023",
     "lib": ["ES2023"],
     "module": "ESNext",
-    "types": ["node"],
     "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "moduleDetection": "force",
+    "moduleResolution": "Bundler",
+    "allowSyntheticDefaultImports": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
     "noEmit": true,
-
-    /* Linting */
     "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo"
   },
   "include": ["vite.config.ts"]
 }
+

package/antd-adapter-template/vite.config.ts

@@ -0,0 +1,24 @@
+import path from "node:path";
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+
+export default defineConfig({
+  plugins: [react()],
+  resolve: {
+    alias: {
+      "@": path.resolve(__dirname, "./src"),
+      ky: path.resolve(
+        __dirname,
+        "./src/shared/request/ky-browser-stub.ts",
+      ),
+      undici: path.resolve(
+        __dirname,
+        "./src/shared/request/undici-browser-stub.ts",
+      ),
+    },
+  },
+  server: {
+    host: "127.0.0.1",
+    port: 5173,
+  },
+});