@republicroad/seal-appshell 1.1.0

package/dist/skin/types.d.ts

@@ -0,0 +1,73 @@
+import { DecisionGraphRef, DecisionGraphType } from '@republicroad/seal-editor';
+import { ReactNode } from 'react';
+import { CustomNodeSpec } from '../lib/custom-node-registry';
+export type SkinSeeds = {
+    primary?: string;
+    success?: string;
+    error?: string;
+    warning?: string;
+    info?: string;
+    fieldInput?: string;
+    fieldOutput?: string;
+};
+/** 节点 UI 槽位覆写：按 kind 劫持画布卡 / Tab 渲染，未指定的槽位回落原实现 */
+export type NodeUiOverride = {
+    renderTab?: CustomNodeSpec['renderTab'];
+    renderNode?: CustomNodeSpec['renderNode'];
+};
+/** 槽位渲染上下文——与 CustomNodeSpec 渲染上下文对齐（S005 P1 最小集，宿主裁决见规格稿 §10-4） */
+export type SkinSlotContext = {
+    /** 当前图文档（受控值，随编辑实时更新） */
+    graph: DecisionGraphType;
+    /** kernel disabled 态（含画布 diff 对比模式等） */
+    disabled: boolean;
+    /** 图命令句柄；惰性挂载，早期可能为 null */
+    graphRef?: DecisionGraphRef | null;
+};
+export type SkinSlotRender = (ctx: SkinSlotContext) => ReactNode;
+/** P1 · 工具栏槽位（docs/design/skin-layout-slots.md §4） */
+export type SkinToolbarLayout = {
+    /** 槽位 id → 渲染函数；id 建议 host: 前缀（裸名 dev-warn + 自动补前缀） */
+    slots?: Record<string, SkinSlotRender>;
+    /** 槽位排列顺序（数组序即渲染序）；未列出的槽位排在列出的之后，按字典序 */
+    order?: string[];
+};
+/** P2 · 右缘面板槽位（Sheet 容器，VersionHistoryPanel 同款；bottom 已裁剪 §10-2） */
+export type SkinPanelsLayout = {
+    right?: {
+        slots?: Record<string, SkinSlotRender>;
+        order?: string[];
+    };
+};
+/** P3 · 头部槽位（ShellHeader 壳层实现；每侧一个渲染函数，宿主裁决 §10-3） */
+export type SkinHeaderLayout = {
+    slots?: {
+        /** 标题区左侧（标题/环境标识） */
+        left?: SkinSlotRender;
+        /** 标题区右侧（状态徽标/操作） */
+        right?: SkinSlotRender;
+    };
+};
+/** 布局槽位（S005 三期：toolbar P1 / panels P2 / header P3） */
+export type SkinLayout = {
+    toolbar?: SkinToolbarLayout;
+    panels?: SkinPanelsLayout;
+    header?: SkinHeaderLayout;
+};
+/** 皮肤 = 主题种子 + token 覆写 + 节点 UI 槽位覆写 + 布局槽位；一次切换即「一键换UI/换肤/换布局」 */
+export type SkinDefinition = {
+    id: string;
+    label: string;
+    seeds?: SkinSeeds;
+    /** JdmConfigProvider theme.token 透传（优先级高于 seeds 派生） */
+    tokens?: Record<string, string>;
+    nodeOverrides?: Record<string, NodeUiOverride>;
+    /** 布局槽位（S005）：缺省零渲染零开销，默认皮肤行为不变 */
+    layout?: SkinLayout;
+};
+/** 槽位宿主上下文装载（SkinnedDecisionGraph 每次渲染时构造） */
+export type SkinSlotHostContext = {
+    graph?: DecisionGraphType;
+    disabled?: boolean;
+    graphRef?: DecisionGraphRef | null;
+};

package/dist/style.css

@@ -0,0 +1,2 @@
+._nodeIcon_1hv62_1{color:inherit;align-items:center;line-height:0;display:inline-flex}._nodeIcon_1hv62_1 svg{width:1em;height:1em}._form_1hv62_13{flex-direction:column;gap:6px;display:flex}._callPreview_1hv62_19{align-items:center;gap:8px;min-width:0;display:flex}._callPreview_1hv62_19 .ant-typography{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}._summary_1hv62_33{flex-direction:column;gap:6px;padding:8px 10px;font-size:12px;line-height:18px;display:flex}._kind_1hv62_42{opacity:.75;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:11px}._rows_1hv62_48{flex-direction:column;gap:2px;display:flex}._row_1hv62_48{justify-content:space-between;align-items:center;gap:8px;display:flex}._rowKey_1hv62_61{opacity:.6;flex:none}._rowValue_1hv62_66{text-overflow:ellipsis;white-space:nowrap;text-align:right;flex:1;min-width:0;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;overflow:hidden}._returns_1hv62_76{border-top:1px dashed var(--seal-color-border,#00000014);justify-content:space-between;align-items:center;gap:8px;padding-top:4px;display:flex}._traceValue_1hv62_85{text-overflow:ellipsis;white-space:nowrap;max-width:110px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;overflow:hidden}._tabSplit_1hv62_93{flex-direction:row;height:100%;min-height:0;display:flex}._tabList_1hv62_100{border-right:1px solid var(--seal-color-border,#00000014);flex-direction:column;flex:none;width:232px;min-height:0;display:flex}._listRows_1hv62_109{flex-direction:column;flex:1;gap:2px;min-height:0;padding:8px;display:flex;overflow-y:auto}._listRow_1hv62_109{cursor:pointer;border-radius:6px;flex-direction:column;gap:2px;padding:6px 8px;display:flex}._listRow_1hv62_109:hover{background-color:var(--seal-color-fill-tertiary,#0000000a)}._listRowSelected_1hv62_132{box-shadow:inset 0 0 0 1px var(--seal-color-primary,#1677ff80)}._listRowHeader_1hv62_136{justify-content:space-between;align-items:center;gap:8px;display:flex}._listRowActions_1hv62_143{align-items:center;gap:2px;display:flex}._rosterRowValue_1hv62_149{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;line-height:18px;overflow:hidden}._listAdd_1hv62_160{border-top:1px solid var(--seal-color-border,#00000014);flex:none;padding:8px}._tabDetail_1hv62_166{flex-direction:column;flex:1;min-width:0;min-height:0;padding:12px;display:flex;overflow-y:auto}._httpSplit_1hv62_176{flex-direction:row;height:100%;min-height:0;display:flex}._httpRequestPane_1hv62_183{flex-direction:column;flex:1;min-width:0;min-height:0;padding:12px;display:flex;overflow-y:auto}._httpResponsePane_1hv62_193{border-left:1px solid var(--seal-color-border,#00000014);flex-direction:column;flex:none;gap:6px;width:340px;min-height:0;padding:12px;display:flex;overflow-y:auto}._httpHeaderLine_1hv62_205{justify-content:space-between;align-items:center;gap:8px;display:flex}._httpKeyValueRow_1hv62_212{grid-template-columns:minmax(110px,2fr) 3fr auto;align-items:stretch;gap:6px;display:grid}._httpKeyValueRow_1hv62_212 .cm-editor{height:100%}._httpKeyValueRow_1hv62_212>.ant-btn{align-self:center}._httpMono_1hv62_227{border-radius:6px;max-height:240px;margin:0;padding:8px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;line-height:18px;overflow:auto}
+/*$vite$:1*/

package/package.json

@@ -0,0 +1,73 @@
+{
+  "name": "@republicroad/seal-appshell",
+  "version": "1.1.0",
+  "description": "Application shell for @republicroad/jdm-editor — custom node hosting, UI slot overrides and skinning",
+  "type": "module",
+  "license": "MIT",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./dist/style.css": "./dist/style.css"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "peerDependencies": {
+    "@republicroad/jdm-editor": "^0.10.0",
+    "monaco-editor": "^0.52.2",
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "peerDependenciesMeta": {
+    "monaco-editor": {
+      "optional": false
+    }
+  },
+  "dependencies": {
+    "@base-ui/react": "^1.8.0",
+    "@tanstack/react-virtual": "^3.14.10",
+    "axios": "^1.13.5",
+    "better-auth": "^1.6.25",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.488.0",
+    "sonner": "^2.0.8",
+    "tailwind-merge": "^3.6.0",
+    "ts-pattern": "^5.9.0",
+    "zustand": "^5.0.15",
+    "@republicroad/seal-editor": "^1.1.0"
+  },
+  "devDependencies": {
+    "@lezer/common": "^1.5.2",
+    "@lezer/lr": "^1.4.2",
+    "@storybook/react-vite": "10.6.0",
+    "@testing-library/jest-dom": "6.6.3",
+    "@testing-library/react": "16.3.0",
+    "@types/bun": "^1.3.14",
+    "@types/react": "^18.3.1",
+    "fake-indexeddb": "^6.0.0",
+    "jsdom": "^30.0.1",
+    "monaco-editor": "^0.52.2",
+    "typescript": "^5.9.3",
+    "unplugin-dts": "^1.1.0",
+    "vite": "^8.2.2",
+    "vitest": "^4.1.11"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "vite build",
+    "typecheck": "tsc --noEmit",
+    "test:npm-smoke": "node scripts/npm-smoke.mjs",
+    "test": "vitest run"
+  }
+}