@spotpatch/runtime 1.7.1 → 1.9.0

package/dist/data-flow-panel.js

@@ -0,0 +1,281 @@
+import {
+  createButton,
+  createMarkedElement,
+  getDataFlowExtension,
+  registerDataFlowExtension
+} from "./chunk-AXKYJRAM.js";
+
+// src/ui/data-flow-panel.ts
+var LABELS = Object.freeze({
+  "zh-CN": Object.freeze({
+    bindings: "\u6570\u636E\u53BB\u5411",
+    changes: "\u4FEE\u6539\u8BF4\u660E",
+    componentEmpty: "\u5F53\u524D\u7EC4\u4EF6\u6CA1\u6709\u627E\u5230\u53EF\u8BC1\u660E\u7684\u63A5\u53E3\u3002\u672A\u627E\u5230\u4E0D\u7B49\u4E8E\u6CA1\u6709\u8BF7\u6C42\u3002",
+    componentTab: "\u6570\u636E\u94FE\u8DEF",
+    componentTitle: "\u7EC4\u4EF6\u6570\u636E\u94FE\u8DEF",
+    consumed: "\u8BFB\u53D6\u5B57\u6BB5",
+    declared: "\u4EE3\u7801\u58F0\u660E\uFF0C\u5C1A\u672A\u5728\u672C\u6B21\u9875\u9762\u4F1A\u8BDD\u4E2D\u89C2\u6D4B",
+    diagnostics: "\u8BCA\u65AD",
+    disabled: "\u6570\u636E\u94FE\u8DEF\u80FD\u529B\u672A\u542F\u7528\uFF0C\u8BF7\u5728\u63D2\u4EF6\u914D\u7F6E\u4E2D\u8BBE\u7F6E dataFlow: {}\u3002",
+    error: "\u6570\u636E\u94FE\u8DEF\u62A5\u544A\u52A0\u8F7D\u5931\u8D25",
+    evidence: "\u8BC1\u636E",
+    loading: "\u6B63\u5728\u5206\u6790\u6E90\u7801\u5E76\u5408\u5E76\u8FD0\u884C\u65F6\u8BC1\u636E\u2026",
+    logicalObserved: "\u672C\u6B21\u4F1A\u8BDD\u5DF2\u8FDB\u5165 tRPC \u8C03\u7528\u94FE",
+    noParameters: "\u672A\u63D0\u53D6\u5230\u53EF\u8BC1\u660E\u7684\u53C2\u6570\u952E",
+    observed: "\u672C\u6B21\u4F1A\u8BDD\u5DF2\u5B9E\u9645\u8BF7\u6C42",
+    pageEmpty: "\u5F53\u524D\u5DF2\u9009\u9875\u9762\u8303\u56F4\u5185\u6CA1\u6709\u9759\u6001\u63A5\u53E3\u6216\u8FD0\u884C\u65F6\u7F51\u7EDC\u8BB0\u5F55\u3002",
+    pageTab: "\u9875\u9762\u63A5\u53E3",
+    pageTitle: "\u9875\u9762\u63A5\u53E3",
+    parameters: "\u8BF7\u6C42\u53C2\u6570",
+    refresh: "\u5237\u65B0\u8BC1\u636E",
+    unknown: "\u672A\u77E5"
+  }),
+  "en-US": Object.freeze({
+    bindings: "Data destinations",
+    changes: "Changes",
+    componentEmpty: "No proven interface was found for this component. This does not prove that no request exists.",
+    componentTab: "Data flow",
+    componentTitle: "Component data flow",
+    consumed: "Consumed fields",
+    declared: "Declared in code, not observed in this page session",
+    diagnostics: "Diagnostics",
+    disabled: "Data flow is disabled. Set dataFlow: {} in the plugin options.",
+    error: "Failed to load the data-flow report",
+    evidence: "Evidence",
+    loading: "Analyzing source and merging runtime evidence\u2026",
+    logicalObserved: "Dispatched through the tRPC link in this session",
+    noParameters: "No proven parameter keys were extracted",
+    observed: "Actually requested in this session",
+    pageEmpty: "No static interface or runtime traffic is available for the selected page scope.",
+    pageTab: "Page APIs",
+    pageTitle: "Page interfaces",
+    parameters: "Request parameters",
+    refresh: "Refresh evidence",
+    unknown: "Unknown"
+  })
+});
+function badge(document, text, tone) {
+  const element = createMarkedElement(document, "span");
+  element.className = "spotpatch-data-flow-badge";
+  element.dataset.tone = tone;
+  element.textContent = text;
+  return element;
+}
+function detailRow(document, label, value) {
+  const row = createMarkedElement(document, "div");
+  row.className = "spotpatch-data-flow-detail";
+  const key = createMarkedElement(document, "span");
+  key.textContent = label;
+  const content = createMarkedElement(document, "code");
+  content.textContent = value;
+  row.append(key, content);
+  return row;
+}
+function renderDependency(document, dependency, labels) {
+  const card = createMarkedElement(document, "article");
+  card.className = "spotpatch-data-flow-card";
+  const header = createMarkedElement(document, "div");
+  header.className = "spotpatch-data-flow-card-head";
+  const endpoint = createMarkedElement(document, "div");
+  endpoint.className = "spotpatch-data-flow-endpoint";
+  const method = createMarkedElement(document, "strong");
+  method.textContent = dependency.method ?? labels.unknown;
+  const path = createMarkedElement(document, "code");
+  path.textContent = dependency.url === void 0 ? dependency.operation ?? labels.unknown : `${dependency.url.origin ?? ""}${dependency.url.pathname}`;
+  endpoint.append(method, path);
+  const states = createMarkedElement(document, "div");
+  states.className = "spotpatch-data-flow-badges";
+  states.append(
+    badge(
+      document,
+      dependency.execution === "observed" ? dependency.kind === "rpc" ? labels.logicalObserved : labels.observed : labels.declared,
+      dependency.execution === "observed" ? "success" : "neutral"
+    ),
+    badge(
+      document,
+      dependency.proof,
+      dependency.proof === "proven" ? "proof" : "warning"
+    ),
+    badge(document, dependency.association, "neutral")
+  );
+  header.append(endpoint, states);
+  const parameters = dependency.parameters.length === 0 ? labels.noParameters : dependency.parameters.map(
+    (parameter) => `${parameter.position}.${parameter.path}${parameter.type === void 0 ? "" : `: ${parameter.type}`}${parameter.sensitive ? " [sensitive]" : ""}${parameter.condition === void 0 ? "" : ` [when ${parameter.condition}]`}`
+  ).join("\n");
+  const consumed = dependency.response.consumedFields.length === 0 ? labels.unknown : dependency.response.consumedFields.join(", ");
+  const bindings = dependency.suppliedBindings.length === 0 ? labels.unknown : dependency.suppliedBindings.join(", ");
+  const body = createMarkedElement(document, "div");
+  body.className = "spotpatch-data-flow-card-body";
+  const observationIds = new Set(dependency.observationIds);
+  const staticEvidenceCount = dependency.evidenceIds.filter(
+    (id) => !observationIds.has(id)
+  ).length;
+  body.append(
+    detailRow(document, labels.parameters, parameters),
+    detailRow(document, labels.consumed, consumed),
+    detailRow(document, labels.bindings, bindings),
+    detailRow(
+      document,
+      labels.evidence,
+      `${String(staticEvidenceCount)} static \xB7 ${String(dependency.observationIds.length)} runtime`
+    )
+  );
+  card.append(header, body);
+  return card;
+}
+function createReportRoot(document, titleText) {
+  const root = createMarkedElement(document, "section");
+  root.className = "spotpatch-data-flow-panel";
+  const title = createMarkedElement(document, "h3");
+  title.textContent = titleText;
+  const status = createMarkedElement(document, "p");
+  status.className = "spotpatch-data-flow-status";
+  const list = createMarkedElement(document, "div");
+  list.className = "spotpatch-data-flow-list";
+  root.append(title, status, list);
+  return Object.freeze({ root, status, list });
+}
+function createDataFlowPanel(document, enabled, locale, changesRoot, diagnosticsRoot, onViewChange) {
+  let labels = LABELS[locale()];
+  const component = createReportRoot(document, labels.componentTitle);
+  const page = createReportRoot(document, labels.pageTitle);
+  const refreshButton = createButton(document, labels.refresh);
+  const styles = document.createElement("style");
+  styles.textContent = DATA_FLOW_PANEL_STYLES;
+  refreshButton.classList.add("spotpatch-data-flow-refresh");
+  component.root.prepend(refreshButton);
+  const root = createMarkedElement(document, "div");
+  const tabs = createMarkedElement(document, "nav");
+  tabs.className = "spotpatch-view-tabs";
+  tabs.setAttribute("aria-label", "SpotPatch views");
+  tabs.setAttribute("role", "tablist");
+  const views = /* @__PURE__ */ new Map([
+    ["changes", changesRoot],
+    ["component-data", component.root],
+    ["page-data", page.root],
+    ["diagnostics", diagnosticsRoot]
+  ]);
+  const tabButtons = /* @__PURE__ */ new Map();
+  let activeView = "changes";
+  for (const id of views.keys()) {
+    const button = createButton(document, "");
+    button.dataset.viewId = id;
+    button.id = `spotpatch-view-${id}-tab`;
+    button.setAttribute("role", "tab");
+    button.setAttribute("aria-selected", String(id === activeView));
+    const view = views.get(id);
+    view?.setAttribute("aria-labelledby", button.id);
+    view?.setAttribute("role", "tabpanel");
+    if (!enabled && (id === "component-data" || id === "page-data")) {
+      button.hidden = true;
+    }
+    tabButtons.set(id, button);
+    tabs.append(button);
+  }
+  root.append(tabs, ...views.values());
+  function selectView(viewId) {
+    if (!views.has(viewId)) return;
+    activeView = viewId;
+    for (const [id, view] of views) {
+      view.hidden = id !== viewId;
+      const button = tabButtons.get(id);
+      button?.setAttribute("aria-selected", String(id === viewId));
+      if (button !== void 0) button.tabIndex = id === viewId ? 0 : -1;
+    }
+    onViewChange();
+  }
+  function handleTabClick(event) {
+    if (!(event.target instanceof HTMLButtonElement)) return;
+    const viewId = event.target.dataset.viewId;
+    if (viewId !== void 0) selectView(viewId);
+  }
+  tabs.addEventListener("click", handleTabClick);
+  selectView(activeView);
+  function renderSnapshot(target, snapshot, empty) {
+    target.list.replaceChildren();
+    target.status.dataset.state = snapshot.status;
+    if (!enabled || snapshot.status === "disabled") {
+      target.status.textContent = labels.disabled;
+      return;
+    }
+    if (snapshot.status === "loading") {
+      target.status.textContent = labels.loading;
+      return;
+    }
+    if (snapshot.status === "error") {
+      target.status.textContent = snapshot.message ?? labels.error;
+      return;
+    }
+    const report = snapshot.report;
+    const diagnosticCodes = report === void 0 ? "" : [...new Set(report.diagnostics.map(({ code }) => code))].join(", ");
+    const diagnosticSuffix = diagnosticCodes.length === 0 ? "" : ` \xB7 ${labels.diagnostics}: ${diagnosticCodes}`;
+    if (report === void 0 || report.dependencies.length === 0) {
+      target.status.textContent = `${empty}${diagnosticSuffix}`;
+      return;
+    }
+    target.status.textContent = `${String(report.dependencies.length)} \xB7 ${report.completeness.complete ? "complete" : "partial"}${diagnosticSuffix}`;
+    target.list.append(
+      ...report.dependencies.map(
+        (dependency) => renderDependency(document, dependency, labels)
+      )
+    );
+  }
+  return Object.freeze({
+    root,
+    refreshButton,
+    styles,
+    dispose() {
+      tabs.removeEventListener("click", handleTabClick);
+    },
+    render(state) {
+      labels = LABELS[locale()];
+      const tabLabels = [
+        labels.changes,
+        labels.componentTab,
+        labels.pageTab,
+        labels.diagnostics
+      ];
+      [...tabButtons.values()].forEach((button, index) => {
+        button.textContent = tabLabels[index] ?? "";
+      });
+      refreshButton.textContent = `${labels.refresh} \xB7 ${String(state.observationCount)}`;
+      refreshButton.disabled = !enabled || state.component.status === "loading";
+      renderSnapshot(component, state.component, labels.componentEmpty);
+      renderSnapshot(page, state.page, labels.pageEmpty);
+    },
+    resetView() {
+      selectView("changes");
+    }
+  });
+}
+var DATA_FLOW_PANEL_STYLES = `
+  .spotpatch-view-tabs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; margin-bottom: 12px; padding: 3px; border: 1px solid rgb(255 255 255 / 7%); border-radius: 9px; background: rgb(3 7 18 / 42%); }
+  .spotpatch-view-tabs button { min-width: 0; border: 0; border-radius: 7px; padding: 7px 5px; color: var(--spotpatch-text-muted); background: transparent; cursor: pointer; font-size: 10.5px; }
+  .spotpatch-view-tabs button[aria-selected="true"] { color: #f8fafc; background: rgb(139 124 247 / 18%); }
+  .spotpatch-data-flow-panel { position: relative; }
+  .spotpatch-data-flow-panel > h3 { margin: 0 0 3px; color: #f3f4f6; font-size: 13px; }
+  .spotpatch-data-flow-refresh { position: absolute; top: -4px; right: 0; border: 1px solid rgb(139 124 247 / 30%); border-radius: 7px; padding: 4px 8px; color: #c4baff; background: rgb(139 124 247 / 8%); cursor: pointer; font-size: 10.5px; }
+  .spotpatch-data-flow-refresh:disabled { cursor: not-allowed; opacity: .45; }
+  .spotpatch-data-flow-status { margin: 0 0 10px; color: var(--spotpatch-text-muted); font-size: 10.5px; line-height: 1.5; }
+  .spotpatch-data-flow-list { display: grid; gap: 8px; }
+  .spotpatch-data-flow-card { overflow: hidden; border: 1px solid rgb(255 255 255 / 8%); border-radius: 9px; background: rgb(255 255 255 / 2.5%); }
+  .spotpatch-data-flow-card-head { display: grid; gap: 7px; padding: 10px; border-bottom: 1px solid rgb(255 255 255 / 7%); }
+  .spotpatch-data-flow-endpoint { display: flex; min-width: 0; align-items: center; gap: 8px; }
+  .spotpatch-data-flow-endpoint strong { color: #79d9e7; font: 700 10px/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
+  .spotpatch-data-flow-endpoint code { min-width: 0; overflow: hidden; color: #f8fafc; font: 11px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace; text-overflow: ellipsis; white-space: nowrap; }
+  .spotpatch-data-flow-badges { display: flex; flex-wrap: wrap; gap: 4px; }
+  .spotpatch-data-flow-badge { border-radius: 999px; padding: 2px 6px; color: #9ca3af; background: rgb(255 255 255 / 5%); font-size: 9px; }
+  .spotpatch-data-flow-badge[data-tone="success"] { color: #6ee7b7; background: rgb(16 185 129 / 10%); }
+  .spotpatch-data-flow-badge[data-tone="proof"] { color: #c4b5fd; background: rgb(139 92 246 / 11%); }
+  .spotpatch-data-flow-badge[data-tone="warning"] { color: #fcd34d; background: rgb(245 158 11 / 10%); }
+  .spotpatch-data-flow-card-body { display: grid; gap: 7px; padding: 10px; }
+  .spotpatch-data-flow-detail { display: grid; grid-template-columns: 82px minmax(0, 1fr); gap: 8px; align-items: start; }
+  .spotpatch-data-flow-detail > span { color: var(--spotpatch-text-muted); font-size: 10px; }
+  .spotpatch-data-flow-detail > code { overflow-wrap: anywhere; color: #cbd5e1; font: 10px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; white-space: pre-wrap; }
+`;
+export {
+  createDataFlowPanel,
+  getDataFlowExtension,
+  registerDataFlowExtension
+};
+//# sourceMappingURL=data-flow-panel.js.map

package/dist/data-flow-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/data-flow-panel.ts"],"sourcesContent":["import type { DataDependency, SpotPatchLocale } from \"@spotpatch/shared\";\n\nimport { createButton, createMarkedElement } from \"./dom.js\";\nimport type {\n  DataFlowPanel,\n  DataFlowPanelSnapshot,\n  DataFlowViewState,\n} from \"./data-flow-panel-contract.js\";\n\ninterface Labels {\n  readonly bindings: string;\n  readonly changes: string;\n  readonly componentEmpty: string;\n  readonly componentTab: string;\n  readonly componentTitle: string;\n  readonly consumed: string;\n  readonly declared: string;\n  readonly diagnostics: string;\n  readonly disabled: string;\n  readonly error: string;\n  readonly evidence: string;\n  readonly loading: string;\n  readonly logicalObserved: string;\n  readonly noParameters: string;\n  readonly observed: string;\n  readonly pageEmpty: string;\n  readonly pageTab: string;\n  readonly pageTitle: string;\n  readonly parameters: string;\n  readonly refresh: string;\n  readonly unknown: string;\n}\n\nconst LABELS = Object.freeze({\n  \"zh-CN\": Object.freeze({\n    bindings: \"数据去向\",\n    changes: \"修改说明\",\n    componentEmpty: \"当前组件没有找到可证明的接口。未找到不等于没有请求。\",\n    componentTab: \"数据链路\",\n    componentTitle: \"组件数据链路\",\n    consumed: \"读取字段\",\n    declared: \"代码声明，尚未在本次页面会话中观测\",\n    diagnostics: \"诊断\",\n    disabled: \"数据链路能力未启用，请在插件配置中设置 dataFlow: {}。\",\n    error: \"数据链路报告加载失败\",\n    evidence: \"证据\",\n    loading: \"正在分析源码并合并运行时证据…\",\n    logicalObserved: \"本次会话已进入 tRPC 调用链\",\n    noParameters: \"未提取到可证明的参数键\",\n    observed: \"本次会话已实际请求\",\n    pageEmpty: \"当前已选页面范围内没有静态接口或运行时网络记录。\",\n    pageTab: \"页面接口\",\n    pageTitle: \"页面接口\",\n    parameters: \"请求参数\",\n    refresh: \"刷新证据\",\n    unknown: \"未知\",\n  }),\n  \"en-US\": Object.freeze({\n    bindings: \"Data destinations\",\n    changes: \"Changes\",\n    componentEmpty:\n      \"No proven interface was found for this component. This does not prove that no request exists.\",\n    componentTab: \"Data flow\",\n    componentTitle: \"Component data flow\",\n    consumed: \"Consumed fields\",\n    declared: \"Declared in code, not observed in this page session\",\n    diagnostics: \"Diagnostics\",\n    disabled: \"Data flow is disabled. Set dataFlow: {} in the plugin options.\",\n    error: \"Failed to load the data-flow report\",\n    evidence: \"Evidence\",\n    loading: \"Analyzing source and merging runtime evidence…\",\n    logicalObserved: \"Dispatched through the tRPC link in this session\",\n    noParameters: \"No proven parameter keys were extracted\",\n    observed: \"Actually requested in this session\",\n    pageEmpty:\n      \"No static interface or runtime traffic is available for the selected page scope.\",\n    pageTab: \"Page APIs\",\n    pageTitle: \"Page interfaces\",\n    parameters: \"Request parameters\",\n    refresh: \"Refresh evidence\",\n    unknown: \"Unknown\",\n  }),\n}) satisfies Readonly<Record<SpotPatchLocale, Labels>>;\n\nfunction badge(document: Document, text: string, tone: string): HTMLElement {\n  const element = createMarkedElement(document, \"span\");\n  element.className = \"spotpatch-data-flow-badge\";\n  element.dataset.tone = tone;\n  element.textContent = text;\n  return element;\n}\n\nfunction detailRow(document: Document, label: string, value: string): HTMLElement {\n  const row = createMarkedElement(document, \"div\");\n  row.className = \"spotpatch-data-flow-detail\";\n  const key = createMarkedElement(document, \"span\");\n  key.textContent = label;\n  const content = createMarkedElement(document, \"code\");\n  content.textContent = value;\n  row.append(key, content);\n  return row;\n}\n\nfunction renderDependency(\n  document: Document,\n  dependency: DataDependency,\n  labels: Labels,\n): HTMLElement {\n  const card = createMarkedElement(document, \"article\");\n  card.className = \"spotpatch-data-flow-card\";\n  const header = createMarkedElement(document, \"div\");\n  header.className = \"spotpatch-data-flow-card-head\";\n  const endpoint = createMarkedElement(document, \"div\");\n  endpoint.className = \"spotpatch-data-flow-endpoint\";\n  const method = createMarkedElement(document, \"strong\");\n  method.textContent = dependency.method ?? labels.unknown;\n  const path = createMarkedElement(document, \"code\");\n  path.textContent =\n    dependency.url === undefined\n      ? (dependency.operation ?? labels.unknown)\n      : `${dependency.url.origin ?? \"\"}${dependency.url.pathname}`;\n  endpoint.append(method, path);\n  const states = createMarkedElement(document, \"div\");\n  states.className = \"spotpatch-data-flow-badges\";\n  states.append(\n    badge(\n      document,\n      dependency.execution === \"observed\"\n        ? dependency.kind === \"rpc\"\n          ? labels.logicalObserved\n          : labels.observed\n        : labels.declared,\n      dependency.execution === \"observed\" ? \"success\" : \"neutral\",\n    ),\n    badge(\n      document,\n      dependency.proof,\n      dependency.proof === \"proven\" ? \"proof\" : \"warning\",\n    ),\n    badge(document, dependency.association, \"neutral\"),\n  );\n  header.append(endpoint, states);\n\n  const parameters =\n    dependency.parameters.length === 0\n      ? labels.noParameters\n      : dependency.parameters\n          .map(\n            (parameter) =>\n              `${parameter.position}.${parameter.path}${parameter.type === undefined ? \"\" : `: ${parameter.type}`}${parameter.sensitive ? \" [sensitive]\" : \"\"}${parameter.condition === undefined ? \"\" : ` [when ${parameter.condition}]`}`,\n          )\n          .join(\"\\n\");\n  const consumed =\n    dependency.response.consumedFields.length === 0\n      ? labels.unknown\n      : dependency.response.consumedFields.join(\", \");\n  const bindings =\n    dependency.suppliedBindings.length === 0\n      ? labels.unknown\n      : dependency.suppliedBindings.join(\", \");\n  const body = createMarkedElement(document, \"div\");\n  body.className = \"spotpatch-data-flow-card-body\";\n  const observationIds = new Set(dependency.observationIds);\n  const staticEvidenceCount = dependency.evidenceIds.filter(\n    (id) => !observationIds.has(id),\n  ).length;\n  body.append(\n    detailRow(document, labels.parameters, parameters),\n    detailRow(document, labels.consumed, consumed),\n    detailRow(document, labels.bindings, bindings),\n    detailRow(\n      document,\n      labels.evidence,\n      `${String(staticEvidenceCount)} static · ${String(dependency.observationIds.length)} runtime`,\n    ),\n  );\n  card.append(header, body);\n  return card;\n}\n\nfunction createReportRoot(\n  document: Document,\n  titleText: string,\n): Readonly<{ root: HTMLElement; status: HTMLElement; list: HTMLElement }> {\n  const root = createMarkedElement(document, \"section\");\n  root.className = \"spotpatch-data-flow-panel\";\n  const title = createMarkedElement(document, \"h3\");\n  title.textContent = titleText;\n  const status = createMarkedElement(document, \"p\");\n  status.className = \"spotpatch-data-flow-status\";\n  const list = createMarkedElement(document, \"div\");\n  list.className = \"spotpatch-data-flow-list\";\n  root.append(title, status, list);\n  return Object.freeze({ root, status, list });\n}\n\nexport function createDataFlowPanel(\n  document: Document,\n  enabled: boolean,\n  locale: () => SpotPatchLocale,\n  changesRoot: HTMLElement,\n  diagnosticsRoot: HTMLElement,\n  onViewChange: () => void,\n): DataFlowPanel {\n  let labels = LABELS[locale()];\n  const component = createReportRoot(document, labels.componentTitle);\n  const page = createReportRoot(document, labels.pageTitle);\n  const refreshButton = createButton(document, labels.refresh);\n  const styles = document.createElement(\"style\");\n  styles.textContent = DATA_FLOW_PANEL_STYLES;\n  refreshButton.classList.add(\"spotpatch-data-flow-refresh\");\n  component.root.prepend(refreshButton);\n  const root = createMarkedElement(document, \"div\");\n  const tabs = createMarkedElement(document, \"nav\");\n  tabs.className = \"spotpatch-view-tabs\";\n  tabs.setAttribute(\"aria-label\", \"SpotPatch views\");\n  tabs.setAttribute(\"role\", \"tablist\");\n  const views = new Map([\n    [\"changes\", changesRoot],\n    [\"component-data\", component.root],\n    [\"page-data\", page.root],\n    [\"diagnostics\", diagnosticsRoot],\n  ]);\n  const tabButtons = new Map<string, HTMLButtonElement>();\n  let activeView = \"changes\";\n  for (const id of views.keys()) {\n    const button = createButton(document, \"\");\n    button.dataset.viewId = id;\n    button.id = `spotpatch-view-${id}-tab`;\n    button.setAttribute(\"role\", \"tab\");\n    button.setAttribute(\"aria-selected\", String(id === activeView));\n    const view = views.get(id);\n    view?.setAttribute(\"aria-labelledby\", button.id);\n    view?.setAttribute(\"role\", \"tabpanel\");\n    if (!enabled && (id === \"component-data\" || id === \"page-data\")) {\n      button.hidden = true;\n    }\n    tabButtons.set(id, button);\n    tabs.append(button);\n  }\n  root.append(tabs, ...views.values());\n\n  function selectView(viewId: string): void {\n    if (!views.has(viewId)) return;\n    activeView = viewId;\n    for (const [id, view] of views) {\n      view.hidden = id !== viewId;\n      const button = tabButtons.get(id);\n      button?.setAttribute(\"aria-selected\", String(id === viewId));\n      if (button !== undefined) button.tabIndex = id === viewId ? 0 : -1;\n    }\n    onViewChange();\n  }\n\n  function handleTabClick(event: Event): void {\n    if (!(event.target instanceof HTMLButtonElement)) return;\n    const viewId = event.target.dataset.viewId;\n    if (viewId !== undefined) selectView(viewId);\n  }\n\n  tabs.addEventListener(\"click\", handleTabClick);\n  selectView(activeView);\n\n  function renderSnapshot(\n    target: ReturnType<typeof createReportRoot>,\n    snapshot: DataFlowPanelSnapshot,\n    empty: string,\n  ): void {\n    target.list.replaceChildren();\n    target.status.dataset.state = snapshot.status;\n    if (!enabled || snapshot.status === \"disabled\") {\n      target.status.textContent = labels.disabled;\n      return;\n    }\n    if (snapshot.status === \"loading\") {\n      target.status.textContent = labels.loading;\n      return;\n    }\n    if (snapshot.status === \"error\") {\n      target.status.textContent = snapshot.message ?? labels.error;\n      return;\n    }\n    const report = snapshot.report;\n    const diagnosticCodes =\n      report === undefined\n        ? \"\"\n        : [...new Set(report.diagnostics.map(({ code }) => code))].join(\", \");\n    const diagnosticSuffix =\n      diagnosticCodes.length === 0\n        ? \"\"\n        : ` · ${labels.diagnostics}: ${diagnosticCodes}`;\n    if (report === undefined || report.dependencies.length === 0) {\n      target.status.textContent = `${empty}${diagnosticSuffix}`;\n      return;\n    }\n    target.status.textContent = `${String(report.dependencies.length)} · ${report.completeness.complete ? \"complete\" : \"partial\"}${diagnosticSuffix}`;\n    target.list.append(\n      ...report.dependencies.map((dependency) =>\n        renderDependency(document, dependency, labels),\n      ),\n    );\n  }\n\n  return Object.freeze({\n    root,\n    refreshButton,\n    styles,\n    dispose(): void {\n      tabs.removeEventListener(\"click\", handleTabClick);\n    },\n    render(state: DataFlowViewState): void {\n      labels = LABELS[locale()];\n      const tabLabels = [\n        labels.changes,\n        labels.componentTab,\n        labels.pageTab,\n        labels.diagnostics,\n      ];\n      [...tabButtons.values()].forEach((button, index) => {\n        button.textContent = tabLabels[index] ?? \"\";\n      });\n      refreshButton.textContent = `${labels.refresh} · ${String(state.observationCount)}`;\n      refreshButton.disabled = !enabled || state.component.status === \"loading\";\n      renderSnapshot(component, state.component, labels.componentEmpty);\n      renderSnapshot(page, state.page, labels.pageEmpty);\n    },\n    resetView(): void {\n      selectView(\"changes\");\n    },\n  });\n}\n\nconst DATA_FLOW_PANEL_STYLES = `\n  .spotpatch-view-tabs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; margin-bottom: 12px; padding: 3px; border: 1px solid rgb(255 255 255 / 7%); border-radius: 9px; background: rgb(3 7 18 / 42%); }\n  .spotpatch-view-tabs button { min-width: 0; border: 0; border-radius: 7px; padding: 7px 5px; color: var(--spotpatch-text-muted); background: transparent; cursor: pointer; font-size: 10.5px; }\n  .spotpatch-view-tabs button[aria-selected=\"true\"] { color: #f8fafc; background: rgb(139 124 247 / 18%); }\n  .spotpatch-data-flow-panel { position: relative; }\n  .spotpatch-data-flow-panel > h3 { margin: 0 0 3px; color: #f3f4f6; font-size: 13px; }\n  .spotpatch-data-flow-refresh { position: absolute; top: -4px; right: 0; border: 1px solid rgb(139 124 247 / 30%); border-radius: 7px; padding: 4px 8px; color: #c4baff; background: rgb(139 124 247 / 8%); cursor: pointer; font-size: 10.5px; }\n  .spotpatch-data-flow-refresh:disabled { cursor: not-allowed; opacity: .45; }\n  .spotpatch-data-flow-status { margin: 0 0 10px; color: var(--spotpatch-text-muted); font-size: 10.5px; line-height: 1.5; }\n  .spotpatch-data-flow-list { display: grid; gap: 8px; }\n  .spotpatch-data-flow-card { overflow: hidden; border: 1px solid rgb(255 255 255 / 8%); border-radius: 9px; background: rgb(255 255 255 / 2.5%); }\n  .spotpatch-data-flow-card-head { display: grid; gap: 7px; padding: 10px; border-bottom: 1px solid rgb(255 255 255 / 7%); }\n  .spotpatch-data-flow-endpoint { display: flex; min-width: 0; align-items: center; gap: 8px; }\n  .spotpatch-data-flow-endpoint strong { color: #79d9e7; font: 700 10px/1 ui-monospace, SFMono-Regular, Menlo, monospace; }\n  .spotpatch-data-flow-endpoint code { min-width: 0; overflow: hidden; color: #f8fafc; font: 11px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace; text-overflow: ellipsis; white-space: nowrap; }\n  .spotpatch-data-flow-badges { display: flex; flex-wrap: wrap; gap: 4px; }\n  .spotpatch-data-flow-badge { border-radius: 999px; padding: 2px 6px; color: #9ca3af; background: rgb(255 255 255 / 5%); font-size: 9px; }\n  .spotpatch-data-flow-badge[data-tone=\"success\"] { color: #6ee7b7; background: rgb(16 185 129 / 10%); }\n  .spotpatch-data-flow-badge[data-tone=\"proof\"] { color: #c4b5fd; background: rgb(139 92 246 / 11%); }\n  .spotpatch-data-flow-badge[data-tone=\"warning\"] { color: #fcd34d; background: rgb(245 158 11 / 10%); }\n  .spotpatch-data-flow-card-body { display: grid; gap: 7px; padding: 10px; }\n  .spotpatch-data-flow-detail { display: grid; grid-template-columns: 82px minmax(0, 1fr); gap: 8px; align-items: start; }\n  .spotpatch-data-flow-detail > span { color: var(--spotpatch-text-muted); font-size: 10px; }\n  .spotpatch-data-flow-detail > code { overflow-wrap: anywhere; color: #cbd5e1; font: 10px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; white-space: pre-wrap; }\n`;\n"],"mappings":"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","names":[]}

package/dist/data-flow-runtime-B3itbieT.d.cts

@@ -0,0 +1,67 @@
+import { NetworkObservation, RuntimeDataFlowConfig } from '@spotpatch/shared/data-flow-runtime';
+
+interface DataFlowComponentRegistration {
+    readonly componentSourceId: string;
+    readonly sourceVersion: string;
+}
+interface DataFlowInvocationToken {
+    readonly invocationId: string;
+    readonly componentSourceId: string;
+    readonly triggerCallsiteId: string;
+    readonly sourceVersion: string;
+}
+interface DataFlowRequestFrame {
+    readonly requestCallsiteId: string;
+    readonly sourceVersion: string;
+    readonly invocationToken?: DataFlowInvocationToken;
+}
+interface DataFlowTriggerMetadata {
+    readonly componentSourceId: string;
+    readonly triggerCallsiteId: string;
+    readonly sourceVersion: string;
+}
+interface DataFlowRequestMetadata {
+    readonly requestCallsiteId: string;
+    readonly sourceVersion: string;
+}
+interface DataFlowRuntime {
+    readonly beginInvocation: (metadata: DataFlowTriggerMetadata) => DataFlowInvocationToken;
+    readonly bindInvocation: <Arguments extends readonly unknown[], Result>(token: DataFlowInvocationToken | undefined, callback: (...args: Arguments) => Result) => (...args: Arguments) => Result;
+    readonly bindTrigger: <Callback>(metadata: DataFlowTriggerMetadata, callback: Callback) => Callback;
+    readonly captureInvocation: () => DataFlowInvocationToken | undefined;
+    readonly clear: () => void;
+    readonly createTrpcLink: () => DataFlowTrpcLink;
+    readonly dispose: () => void;
+    readonly getComponentRegistration: (component: object) => DataFlowComponentRegistration | undefined;
+    readonly getCurrentRequestFrame: () => DataFlowRequestFrame | undefined;
+    readonly observations: () => readonly NetworkObservation[];
+    readonly updateRoute: (routeKey: string) => void;
+    readonly registerComponent: (component: object, componentSourceId: string, sourceVersion: string) => void;
+    readonly withInvocation: <Result>(token: DataFlowInvocationToken | undefined, callback: () => Result) => Result;
+    readonly withRequestFrame: <Result>(token: DataFlowInvocationToken | undefined, metadata: DataFlowRequestMetadata, callback: () => Result) => Result;
+}
+interface DataFlowTrpcOperation {
+    readonly path: unknown;
+    readonly type: unknown;
+}
+interface DataFlowTrpcLinkOptions<Operation extends DataFlowTrpcOperation, Result> {
+    readonly next: (operation: Operation) => Result;
+    readonly op: Operation;
+}
+type DataFlowTrpcLink = (runtime: unknown) => <Operation extends DataFlowTrpcOperation, Result>(options: DataFlowTrpcLinkOptions<Operation, Result>) => Result;
+interface DataFlowGlobal {
+    readonly fetch?: typeof globalThis.fetch;
+    readonly location?: Location;
+    readonly performance?: Performance;
+    readonly XMLHttpRequest?: typeof globalThis.XMLHttpRequest;
+}
+interface MutableDataFlowGlobal extends DataFlowGlobal {
+    fetch?: typeof globalThis.fetch;
+}
+type DataFlowRuntimeStore = Partial<Record<symbol, DataFlowRuntime>>;
+type GlobalWithDataFlow = MutableDataFlowGlobal & DataFlowRuntimeStore;
+declare function createDataFlowRuntime(config: RuntimeDataFlowConfig, target?: MutableDataFlowGlobal): DataFlowRuntime;
+declare function installDataFlowPrelude(config: RuntimeDataFlowConfig, target?: GlobalWithDataFlow): DataFlowRuntime | undefined;
+declare function getDataFlowRuntime(target?: GlobalWithDataFlow): DataFlowRuntime | undefined;
+
+export { type DataFlowComponentRegistration as D, type DataFlowInvocationToken as a, type DataFlowRequestFrame as b, type DataFlowRequestMetadata as c, type DataFlowRuntime as d, type DataFlowTriggerMetadata as e, createDataFlowRuntime as f, getDataFlowRuntime as g, type DataFlowTrpcLink as h, installDataFlowPrelude as i, type DataFlowTrpcLinkOptions as j, type DataFlowTrpcOperation as k };

package/dist/data-flow-runtime-B3itbieT.d.ts

@@ -0,0 +1,67 @@
+import { NetworkObservation, RuntimeDataFlowConfig } from '@spotpatch/shared/data-flow-runtime';
+
+interface DataFlowComponentRegistration {
+    readonly componentSourceId: string;
+    readonly sourceVersion: string;
+}
+interface DataFlowInvocationToken {
+    readonly invocationId: string;
+    readonly componentSourceId: string;
+    readonly triggerCallsiteId: string;
+    readonly sourceVersion: string;
+}
+interface DataFlowRequestFrame {
+    readonly requestCallsiteId: string;
+    readonly sourceVersion: string;
+    readonly invocationToken?: DataFlowInvocationToken;
+}
+interface DataFlowTriggerMetadata {
+    readonly componentSourceId: string;
+    readonly triggerCallsiteId: string;
+    readonly sourceVersion: string;
+}
+interface DataFlowRequestMetadata {
+    readonly requestCallsiteId: string;
+    readonly sourceVersion: string;
+}
+interface DataFlowRuntime {
+    readonly beginInvocation: (metadata: DataFlowTriggerMetadata) => DataFlowInvocationToken;
+    readonly bindInvocation: <Arguments extends readonly unknown[], Result>(token: DataFlowInvocationToken | undefined, callback: (...args: Arguments) => Result) => (...args: Arguments) => Result;
+    readonly bindTrigger: <Callback>(metadata: DataFlowTriggerMetadata, callback: Callback) => Callback;
+    readonly captureInvocation: () => DataFlowInvocationToken | undefined;
+    readonly clear: () => void;
+    readonly createTrpcLink: () => DataFlowTrpcLink;
+    readonly dispose: () => void;
+    readonly getComponentRegistration: (component: object) => DataFlowComponentRegistration | undefined;
+    readonly getCurrentRequestFrame: () => DataFlowRequestFrame | undefined;
+    readonly observations: () => readonly NetworkObservation[];
+    readonly updateRoute: (routeKey: string) => void;
+    readonly registerComponent: (component: object, componentSourceId: string, sourceVersion: string) => void;
+    readonly withInvocation: <Result>(token: DataFlowInvocationToken | undefined, callback: () => Result) => Result;
+    readonly withRequestFrame: <Result>(token: DataFlowInvocationToken | undefined, metadata: DataFlowRequestMetadata, callback: () => Result) => Result;
+}
+interface DataFlowTrpcOperation {
+    readonly path: unknown;
+    readonly type: unknown;
+}
+interface DataFlowTrpcLinkOptions<Operation extends DataFlowTrpcOperation, Result> {
+    readonly next: (operation: Operation) => Result;
+    readonly op: Operation;
+}
+type DataFlowTrpcLink = (runtime: unknown) => <Operation extends DataFlowTrpcOperation, Result>(options: DataFlowTrpcLinkOptions<Operation, Result>) => Result;
+interface DataFlowGlobal {
+    readonly fetch?: typeof globalThis.fetch;
+    readonly location?: Location;
+    readonly performance?: Performance;
+    readonly XMLHttpRequest?: typeof globalThis.XMLHttpRequest;
+}
+interface MutableDataFlowGlobal extends DataFlowGlobal {
+    fetch?: typeof globalThis.fetch;
+}
+type DataFlowRuntimeStore = Partial<Record<symbol, DataFlowRuntime>>;
+type GlobalWithDataFlow = MutableDataFlowGlobal & DataFlowRuntimeStore;
+declare function createDataFlowRuntime(config: RuntimeDataFlowConfig, target?: MutableDataFlowGlobal): DataFlowRuntime;
+declare function installDataFlowPrelude(config: RuntimeDataFlowConfig, target?: GlobalWithDataFlow): DataFlowRuntime | undefined;
+declare function getDataFlowRuntime(target?: GlobalWithDataFlow): DataFlowRuntime | undefined;
+
+export { type DataFlowComponentRegistration as D, type DataFlowInvocationToken as a, type DataFlowRequestFrame as b, type DataFlowRequestMetadata as c, type DataFlowRuntime as d, type DataFlowTriggerMetadata as e, createDataFlowRuntime as f, getDataFlowRuntime as g, type DataFlowTrpcLink as h, installDataFlowPrelude as i, type DataFlowTrpcLinkOptions as j, type DataFlowTrpcOperation as k };