weifuwu 0.85.0 → 0.87.0

package/examples/patterns/SplitWorkspace.tsx

@@ -0,0 +1,113 @@
+import type { Component } from 'weifuwu/vdom'
+import {Text, Button, CodeBlock, Descriptions, Divider, Icon, List, Tabs, Space } from 'weifuwu/components'
+
+
+// ─────────────────────────────────────────────────────────────
+// 模式 4：分栏工作台（Split Workspace）
+//
+// 左中右三栏：文件树 / 编辑器 / 属性面板——IDE、邮箱、客服台通用。
+// 100% 原语 + 组件：wf-split（--wf-split-ratio 控制比例）+ wf-fill
+//   List（文件树）、CodeBlock（代码）、Descriptions（属性）
+// ─────────────────────────────────────────────────────────────
+
+const FILES2 = [
+  { name: 'server.ts', icon: 'file-text' as const, depth: 0, code: `// server.ts —— 一个文件启动全栈应用
+import { serve, Router, ui } from 'weifuwu'
+
+const app = new Router()
+app.use(ui())
+
+app.get('/api/ping', () => Response.json({ pong: true }))
+app.get('/app.js', (req, ctx) =>
+  ctx.ui.js(resolve(__dirname, 'src', 'main.tsx')))
+
+serve(app, { port: 3000 })
+console.log('http://localhost:3000')` },
+  { name: 'ui.ts', icon: 'file-text' as const, depth: 0, code: `// ui.ts —— 组件 + 响应式状态
+export const Counter: Component = async (_init, ctx) => {
+  let count = 0
+  const rerender = () => ctx.render()
+  return () => h('button', {
+    onClick: () => { count++; rerender() },
+  }, '计数：' + count)
+}` },
+  { name: 'diff.ts', icon: 'file-text' as const, depth: 0, code: `// diff.ts —— VNode diff（无 key 复用）
+export function patchKeyedChildren(...) {
+  // 数组 diff：allUnkeyed 按位置复用
+  // keyed：移动最小化
+}` },
+]
+
+export const SplitWorkspace: Component = async (_init, ctx) => {
+  const rerender = () => ctx.render()
+  let file = 'server.ts'
+  let tab = 'server.ts'
+
+  return async () => {
+    const code = (FILES2.find((f) => f.name === file) ?? FILES2[0]).code
+    return (
+    <div class="wf-grid wf-border wf-rounded-lg" style={{ height: 'calc(100vh - 48px)', '--wf-cols': '20% 1fr 260px', overflow: 'hidden' }}>
+      {/* 左栏：文件树 */}
+      <aside class="wf-stack wf-gap-none wf-p-md wf-bg-secondary wf-scroll">
+        <Text className="wf-text-sm" strong>资源管理器</Text>
+        <Divider />
+        <div class="wf-stack wf-gap-sm">
+          {FILES2.map((f) => (
+            <div
+              key={f.name}
+              class={`wf-nav-item wf-pointer${file === f.name ? ' wf-nav-item--active' : ''}`}
+              onClick={() => { file = f.name; rerender() }}
+            >
+              <span class="wf-nav-icon"><Icon name={f.icon} size={14} /></span>
+              <span class="wf-nav-label">{f.name}</span>
+            </div>
+          ))}
+        </div>
+      </aside>
+
+      {/* 中栏：编辑器 */}
+      <main class="wf-stack wf-gap-none wf-fill">
+        <div class="wf-p-sm wf-border-b">
+          <Tabs
+            active={tab}
+            onChange={(k) => { tab = k; file = k; rerender() }}
+            items={FILES2.map((f) => ({ key: f.name, label: f.name }))}
+          />
+        </div>
+        <div class="wf-fill wf-p-md wf-scroll">
+          <CodeBlock lang="ts" title={file} code={code} />
+        </div>
+        {/* 底部状态栏 */}
+        <div class="wf-row wf-p-sm wf-gap-md wf-border-t">
+          <Space size="lg">
+            <Text type="secondary" className="wf-text-xs">✓ 已保存</Text>
+            <Text type="secondary" className="wf-text-xs">UTF-8</Text>
+            <Text type="secondary" className="wf-text-xs">TypeScript</Text>
+          </Space>
+        </div>
+      </main>
+
+      {/* 右栏：属性面板 */}
+      <aside class="wf-stack wf-gap-md wf-p-md wf-border-l wf-scroll">
+        <Text className="wf-text-sm" strong>属性</Text>
+        <Descriptions
+          size="sm"
+          items={[
+            { label: '文件', value: 'server.ts' },
+            { label: '语言', value: 'TypeScript' },
+            { label: '行数', value: '12' },
+            { label: '大小', value: '412 B' },
+            { label: '修改', value: '刚刚' },
+          ]}
+        />
+        <Divider />
+        <div class="wf-stack wf-gap-sm">
+          <Button size="sm" variant="primary" block>运行</Button>
+          <Button size="sm" variant="ghost" block>格式化</Button>
+        </div>
+      </aside>
+    </div>
+    )
+  }
+}
+

package/package.json

@@ -1,50 +1,60 @@
 {
   "name": "weifuwu",
   "type": "module",
-  "version": "0.85.0",
-  "description": "AI SaaS framework — (req, ctx) => Response",
+  "version": "0.87.0",
+  "description": "AI SaaS full-stack framework — backend HTTP + frontend VDOM + 129 components + CSS design system + SaaS foundation (auth/queue/AI). Zero-build, zero-dependency.",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "default": "./dist/index.js"
+      "types": "./dist/server/index.d.ts",
+      "default": "./dist/server/index.js"
     },
-    "./ui-dom": {
-      "types": "./dist/ui-dom/index.d.ts",
-      "default": "./dist/ui-dom/index.js"
-    },
-    "./ui-dom/jsx-runtime": {
-      "types": "./dist/ui-dom/index.d.ts",
-      "default": "./dist/ui-dom/jsx-runtime.js"
-    },
-    "./ui-dom/testing": {
-      "types": "./dist/ui-dom/testing.d.ts",
-      "default": "./dist/ui-dom/testing.js"
-    },
-    "./layout": "./dist/layout/weifuwu-layout.css",
-    "./layout/style.css": "./dist/layout/weifuwu-layout.css",
+    "./layout": "./dist/client/layout/weifuwu-layout.css",
+    "./layout/style.css": "./dist/client/layout/weifuwu-layout.css",
     "./components": {
-      "types": "./dist/components/index.d.ts",
-      "default": "./dist/components/index.js"
+      "types": "./dist/client/components/index.d.ts",
+      "default": "./dist/client/components/index.js"
     },
-    "./components/style.css": "./dist/components/style.css",
+    "./components/style.css": "./dist/client/components/style.css",
     "./dev": "./dist/dev/index.js",
-    "./ui-dom/vdom3": {
-      "types": "./dist/ui-dom/vdom3/index.d.ts",
-      "default": "./dist/ui-dom/vdom3.js"
+    "./vdom": {
+      "types": "./dist/client/vdom/index.d.ts",
+      "default": "./dist/client/vdom/index.js"
+    },
+    "./vdom/jsx-runtime": {
+      "types": "./dist/client/vdom/index.d.ts",
+      "default": "./dist/client/vdom/jsx-runtime.js"
+    },
+    "./vdom/testing": {
+      "types": "./dist/client/vdom/testing.d.ts",
+      "default": "./dist/client/vdom/testing.js"
     }
   },
   "files": [
     "dist/",
     "README.md",
-    "docs/"
+    "docs/",
+    "content/",
+    "examples/"
   ],
+  "bin": {
+    "weifuwu": "./dist/cli/docs.mjs"
+  },
   "scripts": {
     "build": "node scripts/build.mjs",
     "prepublishOnly": "npm run build && tsc --emitDeclarationOnly --outdir dist",
     "typecheck": "tsc --noEmit",
-    "test": "node --env-file=.env --test --test-concurrency=8 'src/test/**/*.test.ts' 'src/components/**/*.test.ts' 'src/db/**/*.test.ts'",
+    "test": "npm run test:client && npm run test:scenario && npm run test:server",
     "release": "node scripts/release.mjs",
-    "release:dry": "node scripts/release.mjs --dry-run"
+    "release:dry": "node scripts/release.mjs --dry-run",
+    "test:client": "node --env-file=.env --test --test-concurrency=4 'src/test/contract/**/*.test.ts'",
+    "test:server": "node --env-file=.env --test --test-concurrency=8 'src/server/**/*.test.ts'",
+    "test:showcase": "node --env-file=.env --test --test-timeout=8000 apps/showcase/test/comp-*.test.ts",
+    "test:scenario": "node --env-file=.env --test --test-timeout=8000 --test-concurrency=14 'src/test/scenario/e2e*.test.ts'",
+    "test:components": "node --env-file=.env --test --test-timeout=8000 --test-concurrency=2 src/test/scenario/e2e-6.test.ts",
+    "audit:semantics": "node scripts/audit-core-semantics.mjs",
+    "audit:showcase": "node scripts/audit-showcase-dev.mjs",
+    "audit:all": "npm run audit:semantics && npm run audit:showcase",
+    "test:contract-components": "node --env-file=.env --test 'src/client/components/**/*.test.ts'"
   },
   "dependencies": {
     "esbuild": "^0.28.1",
@@ -73,10 +83,32 @@
     "@types/node": "^25",
     "@types/ws": "^8",
     "ioredis": "^5.11.1",
-    "jsdom": "^29.1.1",
+    "playwright": "^1.62.1",
     "postcss": "^8.5.19",
     "postgres": "^3.4.9",
     "tailwindcss": "^4.3.3"
   },
-  "sideEffects": false
+  "keywords": [
+    "ai",
+    "saas",
+    "framework",
+    "fullstack",
+    "vdom",
+    "components",
+    "ui",
+    "middleware",
+    "websocket",
+    "sse",
+    "graphql",
+    "postgres",
+    "redis",
+    "zero-build",
+    "typescript"
+  ],
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/weifuwu/weifuwu.git"
+  },
+  "homepage": "https://weifuwu.dev"
 }

package/dist/components/Editor/Editor.d.ts

@@ -1,13 +0,0 @@
-/**
- * weifuwu/components — Editor
- *
- * 富文本编辑器组件，基于 contentEditable + _browser?.execCommand。
- * 零外部依赖，纯函数 (props, ctx) => VNode。
- *
- * 使用两阶段模型 + VDOM innerHTML 支持。
- * 状态管理：闭包变量 + ctx.ui.render()
- */
-import type { Component } from '../../ui-dom/vnode.ts';
-import type { EditorProps } from './tools/types.ts';
-export type { EditorProps, ToolbarItem } from './tools/types.ts';
-export declare const Editor: Component<EditorProps>;

package/dist/components/Editor/tools/format.d.ts

@@ -1,11 +0,0 @@
-/**
- * weifuwu/components/Editor/tools — 格式化命令
- */
-import type { FormatState, ToolbarItem } from './types.ts';
-/** 查询当前选区格式状态 */
-export declare function queryFormats(): FormatState;
-/** 执行 execCommand（经 browser 环境抽象） */
-export declare function exec(cmd: string, value?: string): void;
-/** 根据工具项执行格式化（formatBlock 类带 toggle：当前已是该块格式 → 回默认块——
- *  真实浏览器验收发现 Chrome 对重复 formatBlock 同值不切换，标题/引用无法反选） */
-export declare function execFormat(item: ToolbarItem): void;

package/dist/components/Editor/tools/table.d.ts

@@ -1,7 +0,0 @@
-/**
- * weifuwu/components/Editor/tools — 表格工具
- */
-/** 在光标处插入表格 HTML */
-export declare function insertTable(rows: number, cols: number): void;
-/** 渲染 6×6 表格选择网格 */
-export declare function renderTableGrid(hoverRow: number, hoverCol: number, onSelect: (rows: number, cols: number) => void, onHover: (row: number, col: number) => void, onLeave: () => void): any;

package/dist/components/Editor/tools/types.d.ts

@@ -1,15 +0,0 @@
-/**
- * weifuwu/components/Editor/tools — 类型定义
- */
-export type ToolbarItem = 'bold' | 'italic' | 'underline' | 'h1' | 'h2' | 'h3' | 'ul' | 'ol' | 'blockquote' | 'alignLeft' | 'alignCenter' | 'alignRight' | 'hr' | 'image' | 'table' | 'link' | 'clear' | 'source';
-export interface EditorProps {
-    value?: string;
-    onChange?: (html: string) => void;
-    placeholder?: string;
-    disabled?: boolean;
-    minHeight?: string;
-    toolbar?: ToolbarItem[];
-    /** 图片上传回调 — 接收 File 返回图片 URL。不传时弹出 URL 输入框 */
-    onUpload?: (file: File) => Promise<string>;
-}
-export type FormatState = Record<string, boolean>;

package/dist/components/Slider/Slider.d.ts

@@ -1,19 +0,0 @@
-import type { Component } from '../../ui-dom/vnode.ts';
-export interface SliderMark {
-    value: number;
-    label?: string;
-}
-export interface SliderProps {
-    label?: string;
-    value?: number | string;
-    min?: number;
-    max?: number;
-    step?: number;
-    disabled?: boolean;
-    /** 刻度标记（轨道下方刻度线 + 可选文字标签） */
-    marks?: SliderMark[];
-    /** 拖拽结束回调（pointerup） */
-    onChangeEnd?: (value: number) => void;
-    onChange?: (value: number) => void;
-}
-export declare const Slider: Component<SliderProps>;

package/dist/components/Tabs/Tabs.d.ts

@@ -1,12 +0,0 @@
-import type { Component } from '../../ui-dom/vnode.ts';
-export interface TabItem {
-    key: string;
-    label: string;
-    content?: any;
-}
-export interface TabsProps {
-    items?: TabItem[];
-    active?: string;
-    onChange?: (key: string) => void;
-}
-export declare const Tabs: Component<TabsProps>;