@nsnanocat/preference-panes 0.9.8 → 0.9.10

package/src/browser/index.mjs

@@ -12,7 +12,7 @@ import { mountPanel } from "./panel.mjs";
  */
 export function mount(boxjs, css = "") {
     if (typeof css !== "string") throw new TypeError("CSS must be a string");
-    const catalog = new BoxJS(boxjs);
+    const catalog = boxjs instanceof BoxJS ? boxjs : new BoxJS(boxjs);
     const metadata = catalog.module.metadata;
     const image = metadata.icon || metadata.icons?.[1] || metadata.icons?.[0];
     if (image) resourceURL(image);

package/src/browser/panel.css

@@ -18,7 +18,11 @@
     position: relative;
     display: flex;
     flex-direction: column;
+    width: 100%;
+    max-width: 100vw;
+    min-width: 0;
     height: 100vh;
+    overflow: hidden;
 }
 
 :root[data-theme="dark"] .pp-panel {
@@ -53,23 +57,6 @@
     min-width: 0;
     overflow-wrap: anywhere;
 }
-/* 模块图标在正文内；嵌入宿主可使用纯文字原生标题栏。
- * Keep module icons in content so embedded hosts can use text-only native titles. */
-.pp-module-logo {
-    display: none;
-    width: 64px;
-    height: 64px;
-    margin: 8px auto 20px;
-}
-.pp-module-logo:not(:empty) {
-    display: block;
-}
-.pp-module-logo img {
-    display: block;
-    width: 100%;
-    height: 100%;
-    object-fit: contain;
-}
 .pp-nav-spacer {
     width: 44px;
     flex: none;
@@ -93,17 +80,10 @@
     opacity: 0.5;
     cursor: wait;
 }
-/* 固定工具区与滚动视口共用弹性布局，不按工具栏高度拼接页面偏移。
- * Fixed tools and the scrolling viewport share a flex layout without toolbar-height offsets. */
-.pp-toolbar {
-    flex: none;
-    padding: 12px max(16px, calc((100% - 688px) / 2));
-    background: var(--pp-surface);
-    border-bottom: 1px solid var(--pp-border);
-}
 .pp-viewport {
     position: relative;
     flex: 1;
+    min-width: 0;
     min-height: 0;
     overflow: hidden;
 }
@@ -120,7 +100,9 @@
 .pp-cache-page {
     position: absolute;
     inset: 0;
-    overflow: auto;
+    min-width: 0;
+    overflow-x: hidden;
+    overflow-y: auto;
     padding: 12px max(16px, calc((100% - 688px) / 2)) calc(28px + env(safe-area-inset-bottom) + var(--pp-keyboard-height, 0px));
     scroll-padding-bottom: var(--pp-keyboard-height, 0px);
     background: var(--pp-background);
@@ -164,10 +146,6 @@
     border: 0;
     border-radius: 6px;
 }
-.pp-search {
-    width: 100%;
-    margin: 0;
-}
 .pp-panel .pp-multiline {
     display: block;
 }
@@ -205,6 +183,7 @@
     font-weight: 400;
 }
 .pp-row {
+    min-width: 0;
     min-height: 48px;
     padding: 16px;
     display: flex;

package/src/browser/panel.mjs

@@ -1,6 +1,6 @@
 import { ActionMenu } from "./ActionMenu.mjs";
 import { createPreferencesClient } from "./client.mjs";
-import { errorView, fieldControl, icon, element as node, requestConfirmation, resourceURL, settingRow } from "./components.mjs";
+import { errorView, fieldControl, element as node, requestConfirmation, resourceURL, settingRow } from "./components.mjs";
 import { Navigation } from "./Navigation.mjs";
 
 /**
@@ -30,17 +30,10 @@ export function mountPanel(root, catalog) {
     const menu = new ActionMenu(id => runAction(id));
     const trailing = node("span", "pp-nav-spacer");
     trailing.append(menu.element);
-    const logo = node("span", "pp-module-logo");
-    logo.setAttribute("aria-hidden", "true");
-    const image = icon(catalog.module.metadata, "");
-    if (image) logo.append(image);
-    const toolbar = node("div", "pp-toolbar");
-    toolbar.setAttribute("role", "search");
-    toolbar.hidden = true;
     const viewport = node("div", "pp-viewport");
     let toast;
     header.append(back, heading, trailing);
-    shell.append(header, toolbar, viewport);
+    shell.append(header, viewport);
     root.append(shell);
     // 嵌入模式向宿主发布导航状态，宿主不读取或修改模块内部 DOM。
     // Embedded mode publishes navigation state without host reads or mutations of the module DOM.
@@ -131,7 +124,6 @@ export function mountPanel(root, catalog) {
     async function open(module) {
         const version = ++generation;
         active = module;
-        toolbar.hidden = true;
         back.disabled = window.history.length <= 1;
         heading.textContent = module;
         publishNavigation();
@@ -154,15 +146,6 @@ export function mountPanel(root, catalog) {
         const { definition, values } = client.snapshot(active);
         heading.textContent = definition.metadata?.name || active;
         const view = node("section", "pp-fields");
-        view.append(logo);
-        const search = node("input", "");
-        search.type = "search";
-        search.placeholder = "搜索设置项";
-        search.setAttribute("aria-label", "搜索设置");
-        const searchField = fieldControl(search);
-        searchField.classList.add("pp-search");
-        toolbar.replaceChildren(searchField);
-        const searchRows = [];
         /**
          * 挂载后执行的多行高度更新
          * Textarea sizing callbacks run after mounting.
@@ -181,7 +164,6 @@ export function mountPanel(root, catalog) {
          */
         const updateNavigation = () => {
             const editor = editors.get(navigation.current);
-            toolbar.hidden = Boolean(navigation.current);
             heading.textContent = editor?.title ?? definition.metadata?.name ?? active;
             back.disabled = saving || !navigation.canGoBack;
             publishNavigation();
@@ -406,18 +388,7 @@ export function mountPanel(root, catalog) {
             });
             if (eventName === "input") inputContainer.addEventListener("compositionend", event => event.target.dispatchEvent(new window.Event("input", { bubbles: true })));
             groups.get(group).append(row);
-            searchRows.push({ row, text: [field.name, field.key, field.description, ...(field.options ?? []).map(option => option.label)].join(" ").toLocaleLowerCase() });
         }
-        const empty = node("p", "pp-description", "没有匹配的设置项");
-        empty.hidden = true;
-        empty.setAttribute("role", "status");
-        view.append(empty);
-        search.oninput = () => {
-            const words = search.value.trim().toLocaleLowerCase().split(/\s+/);
-            for (const { row, text } of searchRows) row.hidden = !words.every(word => text.includes(word));
-            for (const rows of groups.values()) rows.parentElement.hidden = [...rows.children].every(row => row.hidden);
-            empty.hidden = searchRows.some(({ row }) => !row.hidden);
-        };
         const cachePage = node("section", "pp-cache-page");
         const output = node("pre", "pp-cache");
         output.textContent = "暂无缓存";

package/src/build.mjs

@@ -12,12 +12,10 @@ export async function build(boxjs, css = "") {
     if (typeof css !== "string") throw new TypeError("CSS must be a string");
     const catalog = new BoxJS(boxjs);
     const module = catalog.module.module;
-    const [html, app, navigation] = await Promise.all([readFile(new URL("../dist/module/index.html", import.meta.url), "utf8"), readFile(new URL("../dist/module/app.mjs", import.meta.url), "utf8"), readFile(new URL("../dist/module/navigation.mjs", import.meta.url), "utf8")]);
+    const [html, app] = await Promise.all([readFile(new URL("../dist/module/index.html", import.meta.url), "utf8"), readFile(new URL("../dist/module/app.mjs", import.meta.url), "utf8")]);
     return {
         [`settings/${module}/index.html`]: html,
-        [`settings/assets/${module}.html`]: html,
         "settings/assets/app.mjs": app,
-        "settings/assets/navigation.mjs": navigation,
         [`settings/assets/${module}.css`]: css,
     };
 }

package/src/lib/boxjs.mjs

@@ -4,14 +4,15 @@ import { validatePathParts } from "./settings-path.mjs";
 /**
  * 将 BoxJS 数组、app 或订阅转换为模块字段，保留原文件为唯一字段来源。
  * Normalize a BoxJS array, app or subscription using the source JSON as the field authority.
- * @param {unknown} config BoxJS JSON / BoxJS document.
+ * @param {unknown | BoxJS} config BoxJS JSON 或已解析目录 / BoxJS document or parsed catalog.
  * @param {string} module API 第一段模块名 / First API path segment.
  * @returns {import("../index.js").ModuleDefinition} 存储根和字段 / Storage root and fields.
  * @throws {TypeError} 配置结构、字段路径、默认值或展示属性无效 / Invalid configuration, field path, default or presentation attribute.
  */
 export function normalizeBoxJs(config, module) {
     validatePathParts([module]);
-    const target = new BoxJS(config).modules.get(module);
+    const catalog = config instanceof BoxJS ? config : new BoxJS(config);
+    const target = catalog.modules.get(module);
     if (!target) throw new TypeError(`No BoxJS settings for module: ${module}`);
     const { entries, storageKey, metadata } = target;
     const fields = [];