minecodex 2.0.4 → 2.0.5

package/packages/ui/src/components/page.mjs

@@ -1,8 +1,15 @@
-export function installPage(signal, ui) {
+export function installPage(signal, ui, native) {
+  const pages = new Map();
+  signal.addEventListener("abort", () => { for (const lease of pages.values()) lease.release(); pages.clear(); }, { once:true });
   return {
-    page(node, { transparent = false } = {}) {
+    page(node, { transparent = false, sidebar = "inherit" } = {}) {
+      if (sidebar === "none" && !pages.has(node)) pages.set(node, native.standalone());
       ui.surface(node, "page", { variant:transparent ? "transparent" : "opaque" });
       return ui.layer(node, "page");
     },
+    releasePage(node, options) {
+      pages.get(node)?.release(options);
+      pages.delete(node);
+    },
   };
 }

package/packages/ui/src/install.mjs

@@ -1,4 +1,5 @@
 import { createNativeThemeAdapter } from "./native/theme.mjs";
+import { createNativePageAdapter } from "./native/page.mjs";
 import { createNativeRailAdapter } from "./native/navigation-rail.mjs";
 import { installSurfaces } from "./foundation/surfaces.mjs";
 import { installLayers } from "./foundation/layers.mjs";
@@ -11,10 +12,11 @@ import { installFeatureTooltips } from "./components/tooltip.mjs";
 
 // 所有依赖在组装时显式写入源码，Renderer 不依赖 Node 模块闭包。
 export function createUIInstallerSource() {
-  const installers = [installSurfaces, installLayers, installDialog, installButton, installPage, installComposerMenu];
+  const installers = [installSurfaces, installLayers, installDialog, installButton, installComposerMenu];
   return `function installFeatureUI(signal, context) {
     const ui = {theme:(${createNativeThemeAdapter.toString()})(context.themeTokens,context.themeTokenAliases,context.themeBindings)};
     ${installers.map(install => `Object.assign(ui, (${install.toString()})(signal, ui));`).join("\n")}
+    Object.assign(ui, (${installPage.toString()})(signal, ui, (${createNativePageAdapter.toString()})(context.codex)));
     Object.assign(ui, (${installNavigationRail.toString()})(signal, ui, (${createNativeRailAdapter.toString()})(context.codex)));
     Object.assign(ui, (${installFeatureTooltips.toString()})(signal));
     return ui;

package/packages/ui/src/native/navigation-rail.mjs

@@ -28,6 +28,11 @@ export function createNativeRailAdapter(codex) {
     }
     return defaultIcons.get(node)?.cloneNode(true) ?? null;
   }
-  return { item:nativeItem, icon:defaultIcon,
+  function attributes(node, names) {
+    const props = codex.currentFiber(node)?.memoizedProps;
+    if (!props || !names.some(name => Object.hasOwn(props, name))) return null;
+    return new Map(names.map(name => [name, props[name] == null ? null : String(props[name])]));
+  }
+  return { item:nativeItem, icon:defaultIcon, attributes,
     remember:(node, icon) => defaultIcons.set(node, icon.cloneNode(true)) };
 }

package/packages/ui/src/native/page.mjs

@@ -0,0 +1,23 @@
+// 原生页面壳由路由决定；借用 Projects 的无上下文侧栏壳，不改侧栏展开偏好。
+export function createNativePageAdapter(codex) {
+  function standalone() {
+    const rail = codex.rail();
+    const scope = codex.props(rail, props => Boolean((props.router ?? props.value?.router)?.navigate));
+    const router = scope?.router ?? scope?.value?.router;
+    const origin = router?.state?.location;
+    if (!origin) throw new Error("The native page navigation was not found");
+    const target = "/projects";
+    const changed = origin.pathname !== target;
+    if (changed) void router.navigate(target, { replace:true, state:origin.state });
+    let released = false;
+    return {
+      release({ restoreNavigation=true } = {}) {
+        if (released) return;
+        released = true;
+        if (changed && restoreNavigation && router.state.location.pathname === target)
+          void router.navigate(origin, { replace:true, state:origin.state });
+      },
+    };
+  }
+  return { standalone };
+}

package/packages/ui/src/native/tokens.mjs

@@ -135,6 +135,9 @@ export const CODEX_THEME_TOKENS = Object.freeze([
   "--color-background-danger-soft-alpha",
   "--color-background-danger-soft-alpha-hover",
   "--color-text-danger",
+  "--color-background-danger-solid",
+  "--color-background-danger-solid-hover",
+  "--color-text-danger-solid",
 ]);
 
 // images 图片编辑器可用性依赖的项目 token 子集。