cabletidy 0.1.0

package/web/config-identity.js

@@ -0,0 +1,73 @@
+export function configurationId(name, fallback = "codex") {
+  const normalize = (value) => String(value || "")
+    .trim()
+    .toLowerCase()
+    .replace(/[^a-z0-9_-]+/g, "-")
+    .replace(/^[^a-z0-9]+|-+$/g, "")
+    .slice(0, 54)
+    .replace(/-+$/, "");
+  return normalize(name) || normalize(fallback) || "codex";
+}
+
+export function providerIdForConfiguration(id) {
+  return `cabletidy_${id}`;
+}
+
+export function configurationBaseUrl(config, id) {
+  const host = String(config.web?.listenHost || "127.0.0.1");
+  const address = host.includes(":") && !host.startsWith("[") ? `[${host}]` : host;
+  return `http://${address}:${config.web?.port || 43100}/${encodeURIComponent(id)}`;
+}
+
+function isRecord(value) {
+  return value !== null && typeof value === "object" && !Array.isArray(value);
+}
+
+export function normalizeConfigurationIdentities(config) {
+  const bindings = Object.entries(config.bindings);
+  const bindingIds = new Map(bindings.map(([id, binding]) => [
+    id, isRecord(binding) ? configurationId(binding.name, id) : id,
+  ]));
+  const providerIds = new Map(Object.entries(config.virtualProviders).map(([id, provider]) => {
+    if (!isRecord(provider)) return [id, id];
+    const owners = bindings.filter(([, binding]) => binding?.virtualProvider === id);
+    if (owners.length > 1) return [id, id];
+    const owner = owners[0];
+    const suffix = id.startsWith("cabletidy_") ? id.slice("cabletidy_".length) : id;
+    return [id, providerIdForConfiguration(owner ? bindingIds.get(owner[0]) : configurationId(suffix))];
+  }));
+
+  // Leave colliding records intact so validation can report them without
+  // losing either configuration or retargeting a reference to another one.
+  const uniqueRenames = (ids) => {
+    const counts = new Map();
+    for (const id of ids.values()) counts.set(id, (counts.get(id) || 0) + 1);
+    const result = new Map([...ids].map(([oldId, id]) => [oldId, counts.get(id) === 1 ? id : oldId]));
+    let changed;
+    do {
+      changed = false;
+      for (const [oldId, id] of result) {
+        if (id !== oldId && result.has(id) && result.get(id) === id) {
+          result.set(oldId, oldId);
+          changed = true;
+        }
+      }
+    } while (changed);
+    return result;
+  };
+  const renamedBindings = uniqueRenames(bindingIds);
+  const renamedProviders = uniqueRenames(providerIds);
+  config.bindings = Object.fromEntries(bindings.map(([id, binding]) => [
+    renamedBindings.get(id),
+    isRecord(binding) ? {
+      ...binding,
+      id: renamedBindings.get(id),
+      virtualProvider: renamedProviders.get(binding.virtualProvider) ?? binding.virtualProvider,
+    } : binding,
+  ]));
+  config.virtualProviders = Object.fromEntries(Object.entries(config.virtualProviders).map(([id, provider]) => [
+    renamedProviders.get(id),
+    isRecord(provider) ? { ...provider, id: renamedProviders.get(id) } : provider,
+  ]));
+  return { bindingIds: renamedBindings, providerIds: renamedProviders };
+}

package/web/index.html

@@ -0,0 +1,48 @@
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#f5f6f7" />
+    <title>CableTidy 管理</title>
+    <link rel="stylesheet" href="/styles.css" />
+  </head>
+  <body>
+    <div id="app" class="app-shell">
+      <aside class="rail">
+        <div class="brand">
+          <strong>CableTidy</strong>
+        </div>
+        <div class="rail-status">
+          <span class="status-light" aria-hidden="true"></span>
+          <span id="rail-status">连接中</span>
+        </div>
+        <nav class="nav" aria-label="主导航">
+          <button class="nav-item is-active" data-page="overview">
+            配置套装
+          </button>
+          <button class="nav-item" data-page="diagnostics">
+            诊断
+          </button>
+        </nav>
+        <div class="rail-footer">
+          <span id="revision-label">版本 0</span>
+        </div>
+      </aside>
+
+      <main class="main" id="main-content">
+        <header class="topbar">
+          <div>
+            <h1 id="page-title">配置套装</h1>
+          </div>
+          <div class="topbar-actions">
+            <button class="button button-quiet" id="refresh-button">刷新</button>
+          </div>
+        </header>
+        <div id="toast-region" class="toast-region" aria-live="polite"></div>
+        <section id="page-content" class="page-content"></section>
+      </main>
+    </div>
+    <script type="module" src="/app.js"></script>
+  </body>
+</html>