@proteus-vue/render-backend 0.3.0-beta.21 → 0.3.0-beta.23

package/dist/screen-executor.js

@@ -0,0 +1,165 @@
+// ../contracts/src/layers.ts
+var LAYER_PRIMITIVES = ["layer-content", "layer-navigation", "layer-mask", "layer-popout"];
+
+// ../contracts/src/mount-layers.ts
+var MOUNT_LAYERS = ["global", "page", "overlay"];
+var MOUNT_LAYER_ORDER = {
+  global: 0,
+  page: 1,
+  overlay: 2
+};
+var MOUNT_LAYER_NODE_OFFSET = {
+  global: 1,
+  page: 2,
+  overlay: 3
+};
+function mountLayerContainerPlans() {
+  return [...MOUNT_LAYERS].sort((a, b) => MOUNT_LAYER_ORDER[a] - MOUNT_LAYER_ORDER[b]).map((layer) => ({
+    layer,
+    nodeOffset: MOUNT_LAYER_NODE_OFFSET[layer],
+    order: MOUNT_LAYER_ORDER[layer],
+    frame: "fullscreen"
+  }));
+}
+
+// ../contracts/src/scroll.ts
+var DOCK_REQUIRES_LAYER = LAYER_PRIMITIVES.includes("layer-navigation");
+
+// src/screen-executor.ts
+function screenContentFromLayoutTemplate(template, viewport) {
+  const nodes = template.nodes.map((n) => {
+    const out = {
+      id: n.id,
+      parentId: n.parentId,
+      // ★展平：`style` 的引擎字段提到顶层（内核 NodeDto 读顶层键）
+      ...n.style ?? {}
+    };
+    if (typeof n.text === "string" && n.text.length > 0) out.text = n.text;
+    if (typeof n.tag === "string" && n.tag.length > 0) out.semantic = n.tag;
+    return out;
+  });
+  return viewport ? { viewport, nodes } : { nodes };
+}
+function createScreenExecutor(opts) {
+  const { host, anim, plan, contentOf, onScreenMounted, onEvent } = opts;
+  const nodes = /* @__PURE__ */ new Map();
+  const stats = {
+    commands: 0,
+    transitions: 0,
+    forward: 0,
+    back: 0,
+    skippedNone: 0,
+    destroyed: { pop: 0, reset: 0, freeze: 0 },
+    visibility: { shown: 0, hidden: 0 },
+    mounts: { first: 0, rebuild: 0 },
+    errors: []
+  };
+  let txn = { exiting: null, mounted: /* @__PURE__ */ new Map() };
+  const emit = (type, screenId, detail) => {
+    onEvent?.({ type, screenId, detail });
+  };
+  async function runCommand(cmd) {
+    stats.commands++;
+    switch (cmd.op) {
+      case "mount": {
+        const rebuild = cmd.rebuild === true;
+        const name = cmd.name ?? cmd.screenId;
+        const path = cmd.path ?? "";
+        const content = contentOf?.({ name, path });
+        const node = await host.mountScreen({
+          screenId: cmd.screenId,
+          name,
+          path,
+          params: cmd.params ?? null,
+          rebuild,
+          ...content ? { content } : {},
+          // ★GP3-c：三层容器计划（由**契约**算，宿主只消费——偏移量而非绝对 id，见类型注释）
+          layerContainers: mountLayerContainerPlans()
+        });
+        nodes.set(cmd.screenId, node);
+        txn.mounted.set(cmd.screenId, rebuild);
+        if (rebuild) stats.mounts.rebuild++;
+        else stats.mounts.first++;
+        emit("mount", cmd.screenId, { rebuild, node, contentNodes: content?.nodes.length ?? 0 });
+        onScreenMounted?.(cmd.screenId, rebuild);
+        return;
+      }
+      case "exit": {
+        txn.exiting = { screenId: cmd.screenId, transition: cmd.transition, destroy: null };
+        emit("exit", cmd.screenId, { transition: cmd.transition });
+        return;
+      }
+      case "unmount": {
+        const reason = cmd.reason ?? "pop";
+        if (txn.exiting && txn.exiting.screenId === cmd.screenId) {
+          txn.exiting.destroy = reason;
+          emit("unmount-deferred", cmd.screenId, { reason });
+          return;
+        }
+        await host.destroyScreen(cmd.screenId, reason, nodes.get(cmd.screenId));
+        nodes.delete(cmd.screenId);
+        stats.destroyed[reason]++;
+        emit("destroy", cmd.screenId, { reason });
+        return;
+      }
+      case "enter": {
+        const incomingNode = nodes.get(cmd.screenId);
+        if (incomingNode === void 0) {
+          stats.errors.push(`enter(${cmd.screenId})\uFF1A\u5C4F\u5B50\u6811\u4E0D\u5B58\u5728\uFF08mount \u672A\u6267\u884C\uFF1F\uFF09`);
+          emit("error", cmd.screenId, "enter-without-subtree");
+          return;
+        }
+        const exiting = txn.exiting;
+        const outgoingNode = exiting ? nodes.get(exiting.screenId) : void 0;
+        const mountedHere = txn.mounted.get(cmd.screenId);
+        const direction = mountedHere === false ? "forward" : "back";
+        const transition = cmd.transition;
+        const batch = plan(transition, { incoming: incomingNode, outgoing: outgoingNode }, { direction });
+        const normalized = typeof transition === "string" ? transition : "none";
+        await host.setScreenVisible(cmd.screenId, true, incomingNode);
+        stats.visibility.shown++;
+        emit("visible", cmd.screenId, true);
+        const hasAnims = batch.incoming.anims.length > 0 || batch.outgoing.anims.length > 0;
+        if (hasAnims) {
+          await anim.playRouteTransition(batch, { direction, transition: normalized });
+          stats.transitions++;
+          if (direction === "forward") stats.forward++;
+          else stats.back++;
+          emit("transition", cmd.screenId, { direction, transition: normalized, anims: batch.incoming.anims.length + batch.outgoing.anims.length });
+        } else {
+          stats.skippedNone++;
+          emit("transition-skipped", cmd.screenId, { transition: normalized });
+        }
+        if (exiting) {
+          if (exiting.destroy !== null) {
+            await host.destroyScreen(exiting.screenId, exiting.destroy, outgoingNode);
+            nodes.delete(exiting.screenId);
+            stats.destroyed[exiting.destroy]++;
+            emit("destroy", exiting.screenId, { reason: exiting.destroy, deferred: true });
+          } else if (outgoingNode !== void 0) {
+            await host.setScreenVisible(exiting.screenId, false, outgoingNode);
+            stats.visibility.hidden++;
+            emit("visible", exiting.screenId, false);
+          }
+        }
+        txn = { exiting: null, mounted: /* @__PURE__ */ new Map() };
+        return;
+      }
+    }
+  }
+  let queue = Promise.resolve();
+  return {
+    applyCommands(commands) {
+      queue = queue.then(async () => {
+        for (const c of commands) await runCommand(c);
+      });
+      return queue;
+    },
+    stats: () => JSON.parse(JSON.stringify(stats)),
+    subtreeNode: (screenId) => nodes.get(screenId)
+  };
+}
+export {
+  createScreenExecutor,
+  screenContentFromLayoutTemplate
+};

package/dist/screen-runtime.d.ts

@@ -0,0 +1,96 @@
+import type { LayoutTemplate, SubscriptionTable, EventBinding, DispatchState } from '@proteus-vue/slot-runtime';
+/** 一屏的运行期产物（与 `packages/cli/src/app-runtime-content.ts` 的 `ScreenRuntimeArtifact` 同形） */
+export interface ScreenRuntimeArtifact {
+    tpl: LayoutTemplate;
+    table: SubscriptionTable;
+    events: EventBinding[];
+    handlers: Record<string, Array<{
+        op: string;
+        source?: string;
+        program?: unknown;
+        event?: string;
+    }>>;
+    data: Record<string, unknown>;
+}
+export interface CreateScreenRuntimeOptions {
+    /** 各屏运行期产物（键 = 屏名） */
+    artifacts: Record<string, ScreenRuntimeArtifact>;
+    /** 指令出口：把 `SlotRuntime` 编出的二进制指令（number[] JSON）交给宿主应用（同 `applyOps`） */
+    applyOps: (opsJson: string) => void;
+    /** 视口（实例化用；宿主在挂载时给真实尺寸） */
+    viewport: {
+        width: number;
+        height: number;
+    };
+    /**
+     * 手势命中的**内核 id → 内容 local id** 的映射基址。两条宿主路径口径不同：
+     *   · **不传（缺省）** = 恒等：`VaporRenderHost.mount` **直接用节点 id** 建树（App 壳走这条）⇒
+     *     `kernelId === localId`，无需重映射；
+     *   · **传数字** = `kernelId = base + 数组序`：`ScreenHost.screen.mount` 按**数组序**重映射内容
+     *     节点（Android 基址 1000）⇒ 反查 `index = kernelId − base`、`localId = 节点序[index]`。
+     */
+    contentIdBase?: number;
+    /**
+     * ★★★跨调用**状态种子**（2026-10-07 · 鸿蒙一次性 VM）：`{ 屏名: { 变量: 值 } }`。
+     *   【为什么需要】鸿蒙宿主为规避持久 VM 崩溃（决策 #540）**每次交互都新建一次性 VM**
+     *   ⇒ 运行期实例态（如 `count`）随 VM 销毁而丢 ⇒ 「点击计数不累加」「改数据不生效」。
+     *   ⇒ 宿主把上次的 `snapshot()` 回灌为种子，实例化即恢复态——**宿主充当状态持有者**，
+     *     一次性 VM 变"无状态执行器"（本模式的必然形态）。缺省 ⇒ 用构建期 `data`。
+     */
+    seedData?: Record<string, Record<string, unknown>>;
+    /** 诊断出口（不静默） */
+    onNote?: (note: string) => void;
+    /**
+     * ★导航出口（B1）：handler 里的 `$nav('目标')` 动作 → 交给宿主/装配层执行导航
+     *   （App 壳 = `router.push(target)`；与 `<navigator>` 同语义）。缺省 ⇒ 只记 note（不静默）。
+     */
+    navigate?: (target: string) => void;
+}
+/** 一屏的运行期实例（挂载 + 事件 + 增量） */
+export interface ScreenRuntimeInstance {
+    /** 供 `screen.mount` 的内容载荷（`{viewport,nodes}`，节点已实例化） */
+    content(): {
+        viewport: {
+            width: number;
+            height: number;
+        };
+        nodes: unknown[];
+    };
+    /** 派发一次语义手势（宿主 collected 命中链 → 这里）；返回是否跑了 handler */
+    dispatch(type: string, chain: readonly number[], state?: DispatchState): {
+        handled: boolean;
+        fired: number[];
+    };
+    /** 立即把脏槽位编成指令并交给 `applyOps`（确定性驱动入口） */
+    flush(): void;
+    /**
+     * ★★★**数据变更后重实例化**（2026-10-07）：用当前 `data` 重建节点树 + 重算槽位。
+     *   给"`applyOps` 为 no-op"的宿主（鸿蒙一次性 VM，无驻留内核指令流）用——它们拿不到细粒度
+     *   增量，只能整树重建。`content()` 之后即反映新数据。（有 applyOps 的宿主无需调本方法。）
+     */
+    refresh(): void;
+    /** 当前数据快照（诊断/判据读） */
+    data(): Record<string, unknown>;
+    /** ★跨调用状态导出（浅拷贝）——供宿主（一次性 VM）在下次调用回灌为 `seedData`（见 CreateScreenRuntimeOptions.seedData） */
+    snapshot(): Record<string, unknown>;
+}
+export interface ScreenRuntime {
+    /** 取（或按需创建）某屏的运行期实例 */
+    instance(name: string): ScreenRuntimeInstance;
+    /** 是否有该屏的运行期产物 */
+    has(name: string): boolean;
+    /** ★跨调用状态导出（`{屏名: 数据}`）——一次性 VM 宿主回灌用 */
+    snapshot(): Record<string, Record<string, unknown>>;
+}
+/**
+ * 创建 App 壳的统一运行期。
+ *
+ * 用法（壳 JS 入口，QuickJS/JSC 里）：
+ * ```ts
+ * const rt = createScreenRuntime({ artifacts, applyOps: (ops) => proteusHost.applyOps(ops), viewport })
+ * // 挂载某屏：把 rt.instance('index').content() 交给 screen.mount；记下它回报的 contentIdBase
+ * // 手势：proteusHost.onGesture((type, kernelId, chain) => rt.instance(cur).dispatch(type, chain))
+ * // 每帧：rt.instance(cur).flush()（或在数据变更后调）
+ * ```
+ */
+export declare function createScreenRuntime(opts: CreateScreenRuntimeOptions): ScreenRuntime;

package/dist/selfdraw-batch.d.ts

@@ -0,0 +1,47 @@
+import type { NativeBatchAdapter } from './native';
+/** 真机宿主桥（iOS/Android/鸿蒙 同形——三端宿主都实现这三个入口） */
+export interface SelfDrawHostBridge {
+    /** 首帧建树：`{viewport:{width,height}, nodes:[spec]}` */
+    mount(treeJson: string): string;
+    /** 结构变化：整树重发 */
+    update(treeJson: string): string;
+    /** 样式/文本增量：`[{id, style:{…}}]`（宿主同通道处理 text——`style:{text}`） */
+    updatePatches(patchesJson: string): string;
+}
+/** 本桥的诊断面（判据/可观测性——不含在 SPI 契约里） */
+export interface SelfDrawBatchAdapter extends NativeBatchAdapter {
+    /** 已发生的**宿主调用次数**（★批处理红线判据：应恒等于 commit 次数） */
+    hostCalls(): number;
+    /** 最近一次走的是哪个宿主入口（诊断：mount / update / updatePatches） */
+    lastCallKind(): 'mount' | 'update' | 'updatePatches' | null;
+    /** 镜像树的节点表（判据用：节点数 / 树形 / 文本） */
+    nodeSpecs(): Array<Record<string, unknown>>;
+}
+export interface SelfDrawBatchOptions {
+    viewport: {
+        width: number;
+        height: number;
+    };
+    /**
+     * props 归一化钩子（IR props → 宿主 spec 字段）。
+     *
+     * ★缺省 = **原样透传**（宿主自行解释；测试/简单宿主够用）。
+     * ★真机接线建议传入 renderer-app 的既有归一化（`paintOf` 等），
+     *   而**不要**在本文件里再写一份——复制必然漂移（本仓纪律 #22）。
+     */
+    normalizeProps?: (props: Record<string, unknown>) => Record<string, unknown>;
+}
+/**
+ * 创建 selfdraw 批量宿主适配器。
+ *
+ * 用法（真机接线）：
+ * ```ts
+ * const backend = createNativeBackend(
+ *   createSelfDrawBatchAdapter(proteusSelfDraw, { viewport: { width: 390, height: 844 } }),
+ *   'ios',
+ * )
+ * // …正常走 SPI nodeOps…
+ * backend.flush()   // ← 一次 flush = 一次宿主调用
+ * ```
+ */
+export declare function createSelfDrawBatchAdapter(host: SelfDrawHostBridge, opts: SelfDrawBatchOptions): SelfDrawBatchAdapter;

package/dist/superapp-runtime.d.ts

@@ -0,0 +1,83 @@
+import type { ScreenRuntimeArtifact } from './screen-runtime';
+/** 宿主原语（App 壳各端 `proteusHost` 的**子集**；平台无关形状） */
+export interface SuperappHostPorts {
+    /** 建树 + 上屏（内核排版 + 宿主自绘）；返回宿主回执 JSON 串 */
+    mount(treeJson: string): string;
+    /** 应用二进制指令流（`number[]` JSON）——增量更新 */
+    applyOps(opsJson: string): string;
+    /** 注册手势反向回调名（宿主在"语义手势 + 命中节点 + 冒泡链"时回调该全局函数） */
+    onGesture?(cbName: string): void;
+    /**
+     * ★★★**每屏滚动进度记忆**（用户：「返回去的页面滚动进度应该保留，前进的页面才重置」——与手机系统 App 一致）。
+     *
+     * 【为什么需要这对原语（而非单一 resetScroll）】滚动偏移是**视图属性**、不是树属性 —— 跨屏会泄漏。
+     *   但**正确语义不是"每次挂载都归零"**：浏览器/系统 App 的返回（pop）**保留**上一页滚动位置，
+     *   只有**前进**（push 到新页）才从顶部开始。⇒ 运行期需要"读当前偏移 / 写目标偏移"两个原语，
+     *   由运行期用**导航历史栈**判断 前进（重置）vs 返回（恢复）。
+     */
+    getScroll?(): number;
+    /** 设置滚动偏移（逻辑像素；前进=0 / 返回=该页上次的值）。 */
+    setScroll?(offset: number): void;
+}
+export interface SuperappRuntimeOptions {
+    /** 各屏运行期产物（`APP_RUNTIME_CONTENT`） */
+    artifacts: Record<string, ScreenRuntimeArtifact>;
+    /** 宿主原语 */
+    host: SuperappHostPorts;
+    /** 视口（逻辑像素） */
+    viewport: {
+        width: number;
+        height: number;
+    };
+    /** 手势回调全局函数名（缺省 `__proteusRuntimeGesture`） */
+    gestureCbName?: string;
+    /** 导航出口（`$nav('目标')` → 这里；App 壳 = router.push） */
+    navigate?: (target: string) => void;
+    /**
+     * ★★★跨调用**状态种子**（鸿蒙一次性 VM）：上次调用 `snapshot()` 的返回，回灌以恢复实例态
+     *   （`{屏名: {变量: 值}}`）。宿主持有、每次新建 VM 时回传——见 `ScreenRuntimeOptions.seedData`。
+     */
+    seedData?: Record<string, Record<string, unknown>>;
+    /** 诊断（不静默） */
+    onNote?: (note: string) => void;
+}
+export interface SuperappRuntime {
+    /** 挂载（或重挂载）某屏：实例化 → `host.mount`；并记忆为"当前屏"（手势派发用） */
+    mountScreen(name: string): boolean;
+    /**
+     * ★★★**强制挂载**（2026-10-07 · 鸿蒙一次性 VM）：无条件重实例化 + `host.mount`（同屏也重挂）。
+     *   一次性 VM 每次交互都是新 VM ⇒ 必须从 `content()` 拿到**反映当前 state** 的整树（不能 like
+     *   `mountScreen` 那样"同屏短路"）。也用于"数据变更后重挂"。
+     */
+    mountScreenInto(name: string): boolean;
+    /** 派发一次手势：宿主报的内核 id + 冒泡链 → 当前屏实例派发 */
+    dispatchGesture(type: string, chain: readonly number[]): {
+        handled: boolean;
+        fired: number[];
+    };
+    /** 当前屏名 */
+    current(): string;
+    /** ★跨调用状态导出（`{屏名: 数据}`）——一次性 VM 宿主持有、下次回灌 `seedData` */
+    snapshot(): Record<string, Record<string, unknown>>;
+    /**
+     * ★★★**最近一次 `host.mount` 的原始回执**（2026-10-08 · 用户抓出「iOS/鸿蒙背景页导航后仍是首页」）。
+     *
+     * 【为什么必须暴露（本仓实测的静默失效）】宿主 `mount` 是**有回执的**（`{ok:true,...}` /
+     *   `{ok:false,error}`），而运行期此前**丢弃**它、只看"有没有该屏产物" ⇒ 内核建树失败
+     *   （`proteus_layout_create` 返回 0）时**整屏保持旧内容却仍报 ok:true** —— 与「hook 静默失效」
+     *   同源：**没有回执校验 = 失败不可观测**。宿主持有本值即可在报告里如实落盘失败原因。
+     */
+    lastHostReply(): string | null;
+}
+/**
+ * 创建 App 壳运行期驱动。
+ *
+ * 用法（entry-superapp，宿主 eval bundle 后）：
+ * ```ts
+ * const rt = createSuperappRuntime({ artifacts: APP_RUNTIME_CONTENT, host: proteusHost, viewport, navigate })
+ * rt.mountScreen('index')                 // 首屏
+ * globalThis.__proteusRuntimeGesture = (type, id, chainJson) => rt.dispatchGesture(type, JSON.parse(chainJson))
+ * // 导航后：rt.mountScreen(router.current().name)
+ * ```
+ */
+export declare function createSuperappRuntime(opts: SuperappRuntimeOptions): SuperappRuntime;

package/dist/tab-bar-spec.d.ts

@@ -0,0 +1,35 @@
+export interface TabBarSpec {
+    /** 栏高（逻辑像素；不含底部安全区——宿主自行叠加 safeBottom） */
+    height: number;
+    /** 底色（CSS 颜色字面量） */
+    surface: string;
+    /** 顶边线色 */
+    line: string;
+    /** 选中项色（品牌色） */
+    brand: string;
+    /** 未选中项色 */
+    text3: string;
+    /** 角标底色（提示红） */
+    badgeBg: string;
+    /** 图标字号（逻辑像素） */
+    iconSize: number;
+    /** 标签字号（逻辑像素） */
+    labelSize: number;
+    /** IM 角标规格 */
+    badge: {
+        radius: number;
+        fontSize: number;
+        offsetX: number;
+        offsetY: number;
+        padX: number;
+    };
+    /**
+     * 图标字形（符号/emoji；宿主按名字查）。★Web 用 SVG/字体图标——此处给 App 端的**字形回退**。
+     *   （U+FE0E 变体选择符让 emoji 走文本呈现——见各宿主实现。）
+     */
+    icons: Record<string, string>;
+    /** 标签文案（符号键 → 文案；缺省用 tabLabels 或键名） */
+    labels: Record<string, string>;
+}
+/** App 壳 tab 栏视觉规格（基准 = superapp/App.vue `.sa-tabbar` + global.css token）。 */
+export declare const TAB_BAR_SPEC: TabBarSpec;

package/dist/tab-bar-spec.js

@@ -0,0 +1,17 @@
+// src/tab-bar-spec.ts
+var TAB_BAR_SPEC = {
+  height: 56,
+  surface: "#ffffff",
+  line: "#dcdfe5",
+  brand: "#5b5bd6",
+  text3: "#5f6673",
+  badgeBg: "#d64545",
+  iconSize: 19,
+  labelSize: 10,
+  badge: { radius: 8, fontSize: 11, offsetX: 4, offsetY: 4, padX: 4 },
+  icons: { index: "\u2302", messages: "\u2709", mine: "\u263A" },
+  labels: { index: "\u9996\u9875", messages: "\u6D88\u606F", mine: "\u6211\u7684" }
+};
+export {
+  TAB_BAR_SPEC
+};

package/package.json

@@ -1,12 +1,15 @@
 {
   "name": "@proteus-vue/render-backend",
-  "version": "0.3.0-beta.21",
+  "version": "0.3.0-beta.23",
   "description": "G-27 ProteusRenderBackend SPI：可插拔渲染后端接口 + conformance test + 官方后端原型（Headless/VueDom） + G-41 nodeOps Dispatcher——Render anywhere, on any engine（M1.4）",
   "type": "module",
   "license": "Apache-2.0",
   "dependencies": {
-    "@proteus-vue/component-ir": "0.3.0-beta.21",
-    "@proteus-vue/contracts": "0.3.0-beta.11"
+    "@proteus-vue/animation": "0.3.0-beta.23",
+    "@proteus-vue/component-ir": "0.3.0-beta.23",
+    "@proteus-vue/contracts": "0.3.0-beta.23",
+    "@proteus-vue/router": "0.3.0-beta.23",
+    "@proteus-vue/slot-runtime": "0.3.0-beta.23"
   },
   "peerDependencies": {
     "@vue/runtime-core": "^3.4.0"
@@ -19,13 +22,28 @@
       "import": "./dist/index.js",
       "default": "./dist/index.js"
     },
-    "./package.json": "./package.json"
+    "./package.json": "./package.json",
+    "./app-navigation": {
+      "types": "./dist/app-navigation.d.ts",
+      "import": "./dist/app-navigation.js",
+      "default": "./dist/app-navigation.js"
+    },
+    "./screen-executor": {
+      "types": "./dist/screen-executor.d.ts",
+      "import": "./dist/screen-executor.js",
+      "default": "./dist/screen-executor.js"
+    },
+    "./screen-executor-host": {
+      "types": "./dist/screen-executor-host.d.ts",
+      "import": "./dist/screen-executor-host.js",
+      "default": "./dist/screen-executor-host.js"
+    }
   },
   "files": [
     "dist",
     "README.md"
   ],
   "scripts": {
-    "build": "rm -rf dist && tsc -p tsconfig.build.json --emitDeclarationOnly && esbuild src/index.ts --bundle --format=esm --platform=neutral --outfile=dist/index.js --external:@vue/runtime-core"
+    "build": "rm -rf dist && tsc -p tsconfig.build.json --emitDeclarationOnly && esbuild src/index.ts src/app-navigation.ts src/screen-executor.ts src/screen-executor-host.ts src/tab-bar-spec.ts src/host-invoke-contract.ts --bundle --format=esm --platform=neutral --outdir=dist --external:@vue/runtime-core"
   }
 }