@w6w/embed 0.1.1 → 0.2.0

package/dist/editor-apps-BdenSV1o.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-apps-BdenSV1o.js","sources":["../src/chrome/HistoryView.tsx","../src/editor/editor-apps.ts"],"sourcesContent":["/**\n * `HistoryView` — the execution-history view body (T3.2.1, extracted from\n * `HistoryPage.tsx`'s T2.4.1 shape): stats + filters + paged list + the\n * selected execution's detail. Two hosts mount it — `HistoryPage` (the\n * project-wide and per-callable routes, filters URL-backed) and\n * `HistoryModal` (R-2's in-place modal, filters kept in local state) — so\n * this component owns every judgment call about HOW the view behaves, and\n * takes no position on WHERE its filters live: the host hands down\n * `filters` and gets every change back through `onFiltersChange`, exactly\n * the controlled-value shape `filtersToSearch`/`filtersFromSearch` already\n * assume on the URL-backed side.\n *\n * What stays here, same as it was in `HistoryPage` before the extraction:\n *  - the search box's text, debounced, so a keystroke does not re-key and\n *    re-issue both queries on every character (`onFiltersChange` — and so\n *    the host's own write, URL or local state — fires only once typing\n *    settles);\n *  - which list row is selected, which is not shareable state and resets on\n *    every mount;\n *  - every filter change but paging snapping the page back to the first\n *    (`offset` 0), because a narrowed result set has no meaningful \"page 3\".\n *\n * `onOpenInEditor`, when given, is called with the selected execution ONLY\n * while it is a workflow run (a function/endpoint invocation has no visual\n * editor to open) — the same gate `HistoryPage.tsx` applied inline before\n * this extraction. A host that never passes it (none of today's two do)\n * simply never sees the call.\n */\nimport {\n  type ExecutionSummary,\n  HISTORY_PAGE_SIZE,\n  type HistoryFilters,\n  type HistoryScope,\n  useExecutionDetailQuery,\n  useHistoryQuery,\n  useHistoryStatsQuery,\n} from \"@w6w/embed/repos\";\nimport {\n  ExecutionDetail,\n  type ExecutionFilterValue,\n  ExecutionFilters,\n  ExecutionList,\n  ExecutionStats,\n} from \"@w6w/ui\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\n\n/** How long to wait after the last keystroke before `onFiltersChange` fires\n *  with the new `q` (and so before either query re-issues with it). */\nconst SEARCH_DEBOUNCE_MS = 300;\n\nexport interface HistoryViewProps {\n  /** `null` ⇒ no scope known yet (the project-wide host, before its project\n   *  resolves) — both queries stay disabled, mirroring `repos/history.ts`'s\n   *  own `enabled: scope !== null`. */\n  scope: HistoryScope | null;\n  /** Project-wide chrome: the Kind filter, and the Callable column on every\n   *  row. A per-callable host (every callable already knows its own kind)\n   *  passes `false`. */\n  showKind: boolean;\n  filters: HistoryFilters;\n  onFiltersChange: (next: HistoryFilters) => void;\n  onOpenInEditor?: (execution: ExecutionSummary) => void;\n}\n\nexport function HistoryView(props: HistoryViewProps) {\n  const { scope, showKind, filters, onFiltersChange, onOpenInEditor } = props;\n\n  // The debounce below fires outside any render, so it needs the LATEST\n  // filters (a status picked while a `q` write was still pending must\n  // survive it) rather than the ones captured when typing started.\n  const filtersRef = useRef(filters);\n  filtersRef.current = filters;\n\n  const [q, setQ] = useState(filters.q);\n  const searchTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const [selected, setSelected] = useState<ExecutionSummary | null>(null);\n\n  // Keep the search box in step with `filters.q` when IT moves from outside\n  // (Back/Forward or a shared link on the URL-backed host). This never\n  // fights a keystroke: an outside `q` only changes once typing has\n  // settled, by which point `q` already equals it.\n  useEffect(() => {\n    setQ(filters.q);\n  }, [filters.q]);\n\n  // Drop a pending debounce on unmount.\n  useEffect(\n    () => () => {\n      if (searchTimer.current) clearTimeout(searchTimer.current);\n    },\n    [],\n  );\n\n  const listQuery = useHistoryQuery(scope, filters);\n  const statsQuery = useHistoryStatsQuery(scope, filters);\n  const detailQuery = useExecutionDetailQuery(selected);\n\n  const executions = listQuery.data?.executions ?? [];\n  const offset = filters.offset;\n  const hasMore = listQuery.data?.hasMore ?? false;\n\n  /** Every filter change but paging reports a fresh filter set and resets\n   *  the page to the first. */\n  const applyFilters = (next: ExecutionFilterValue) => {\n    onFiltersChange({ ...next, offset: 0 });\n  };\n\n  const onChange = (next: ExecutionFilterValue) => {\n    if (next.q === q) {\n      applyFilters(next);\n      return;\n    }\n    setQ(next.q);\n    if (searchTimer.current) clearTimeout(searchTimer.current);\n    searchTimer.current = setTimeout(() => {\n      searchTimer.current = null;\n      onFiltersChange({ ...filtersRef.current, q: next.q, offset: 0 });\n    }, SEARCH_DEBOUNCE_MS);\n  };\n\n  const onPrev = () =>\n    onFiltersChange({ ...filters, q, offset: Math.max(0, offset - HISTORY_PAGE_SIZE) });\n  const onNext = () => onFiltersChange({ ...filters, q, offset: offset + HISTORY_PAGE_SIZE });\n\n  const onSelect = useCallback(\n    (executionId: string) => {\n      setSelected(executions.find((row) => row.id === executionId) ?? null);\n    },\n    [executions],\n  );\n\n  const filterValue: ExecutionFilterValue = {\n    status: filters.status,\n    kind: filters.kind,\n    from: filters.from,\n    to: filters.to,\n    q,\n  };\n\n  // A workflow run is the only execution with a visual editor to jump into\n  // — a function/endpoint invocation has no such surface.\n  const openInEditor =\n    selected?.kind === \"workflow\" && onOpenInEditor ? () => onOpenInEditor(selected) : undefined;\n\n  return (\n    <>\n      <ExecutionStats stats={statsQuery.data ?? null} />\n\n      <ExecutionFilters showKind={showKind} value={filterValue} onChange={onChange} />\n\n      {listQuery.isError && (\n        <p className=\"error\" data-testid=\"history-error\">\n          Couldn't load execution history.\n        </p>\n      )}\n\n      <ExecutionList\n        items={executions}\n        showCallable={showKind}\n        loading={listQuery.isLoading}\n        selectedId={selected?.id ?? null}\n        hasPrev={offset > 0}\n        hasNext={hasMore}\n        onPrev={onPrev}\n        onNext={onNext}\n        onSelect={onSelect}\n      />\n\n      {selected && (\n        <ExecutionDetail\n          execution={detailQuery.data ?? null}\n          loading={detailQuery.isLoading}\n          errorMessage={detailQuery.isError ? \"This execution is no longer available.\" : undefined}\n          onClose={() => setSelected(null)}\n          onOpenInEditor={openInEditor}\n        />\n      )}\n    </>\n  );\n}\n","/**\n * The canvas's app lookups, through the host-provided `W6WApi` (`useW6WApi()` — in an embed that\n * is `createW6WUiAdapter`'s, in Studio the facade, which delegates to the same store/repo).\n */\nimport { useQuery } from \"@tanstack/react-query\";\nimport { type AppSummary, useW6WApi } from \"@w6w/ui\";\nimport { useMemo } from \"react\";\n\n/** The per-app actions query key — the repos export itself (one declaration, no copy). */\nexport { appActionsKey } from \"../repos/apps.ts\";\n\nconst NO_APPS: ReadonlyMap<string, AppSummary> = new Map();\n\n/** A bounded set of app records by id. Empty when the host's API has no `listAppsByIds`. */\nexport function useEditorApps(ids: readonly string[]): { byId: ReadonlyMap<string, AppSummary> } {\n  const api = useW6WApi();\n  const list = api.listAppsByIds?.bind(api);\n  const key = [...ids].sort().join(\",\");\n  const q = useQuery({\n    queryKey: [\"editor-apps\", key],\n    queryFn: ({ signal }) => (list ? list(ids, { signal }) : Promise.resolve([] as AppSummary[])),\n    enabled: ids.length > 0 && typeof list === \"function\",\n  });\n  const data = q.data;\n  const byId = useMemo(\n    () => (data ? new Map(data.map((a) => [a.id, a] as const)) : NO_APPS),\n    [data],\n  );\n  return { byId };\n}\n\n/**\n * One app record by id, over {@link useEditorApps} (same `/apps` request, same cache entry as the\n * canvas's batch lookup). `undefined` while loading, for an empty id (which issues no request),\n * or when the host's API cannot look apps up by id.\n */\nexport function useEditorApp(id: string): AppSummary | undefined {\n  const { byId } = useEditorApps(id ? [id] : []);\n  return id ? byId.get(id) : undefined;\n}\n"],"names":["SEARCH_DEBOUNCE_MS","HistoryView","props","scope","showKind","filters","onFiltersChange","onOpenInEditor","filtersRef","useRef","q","setQ","useState","searchTimer","selected","setSelected","useEffect","listQuery","useHistoryQuery","statsQuery","useHistoryStatsQuery","detailQuery","useExecutionDetailQuery","executions","_a","offset","hasMore","_b","applyFilters","next","onChange","onPrev","HISTORY_PAGE_SIZE","onNext","onSelect","useCallback","executionId","row","filterValue","openInEditor","jsxs","Fragment","jsx","ExecutionStats","ExecutionFilters","ExecutionList","ExecutionDetail","NO_APPS","useEditorApps","ids","api","useW6WApi","list","key","data","useQuery","signal","useMemo","a","useEditorApp","id","byId"],"mappings":"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"}