@flanksource/clicky-ui 0.3.9 → 0.3.11

package/dist/data/query-browser/QueryBrowser.cjs

@@ -0,0 +1,323 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const commands = require("@codemirror/commands");
+const autocomplete = require("@codemirror/autocomplete");
+const langJson = require("@codemirror/lang-json");
+const langSql = require("@codemirror/lang-sql");
+const state = require("@codemirror/state");
+const view = require("@codemirror/view");
+const react = require("react");
+const button = require("../../components/button.cjs");
+const JsonSchemaForm = require("../../components/JsonSchemaForm.cjs");
+const utils = require("../../lib/utils.cjs");
+const SplitPane = require("../../layout/SplitPane.cjs");
+const Icon = require("../Icon.cjs");
+const DataTable = require("../DataTable.cjs");
+const dataTableUtils = require("../data-table-utils.cjs");
+const ErrorDetails = require("../diagnostics/ErrorDetails.cjs");
+const Properties = require("../Properties.cjs");
+const QueryBrowser_completion = require("./QueryBrowser.completion.cjs");
+const UiPlay = require("../../icons/components/UiPlay.cjs");
+const MAX_HISTORY = 50;
+function historyKey(id) {
+  return `clicky-ui:query-browser:${id}:history`;
+}
+function readHistory(id) {
+  if (typeof window === "undefined") return [];
+  try {
+    const value = JSON.parse(
+      window.localStorage.getItem(historyKey(id)) ?? "[]"
+    );
+    return Array.isArray(value) ? value.slice(0, MAX_HISTORY) : [];
+  } catch {
+    return [];
+  }
+}
+function rememberQuery(id, query) {
+  const entries = readHistory(id).filter((entry) => entry.query !== query);
+  const next = [{ query, at: Date.now() }, ...entries].slice(0, MAX_HISTORY);
+  if (typeof window !== "undefined") {
+    window.localStorage.setItem(historyKey(id), JSON.stringify(next));
+  }
+  return next;
+}
+function editorExtensions(execute, onQueryChange, languageExtension2) {
+  return [
+    commands.history(),
+    view.keymap.of([
+      {
+        key: "Mod-Enter",
+        run: () => {
+          execute();
+          return true;
+        }
+      },
+      ...commands.historyKeymap
+    ]),
+    view.EditorView.lineWrapping,
+    view.EditorView.updateListener.of((update) => {
+      if (update.docChanged) onQueryChange(update.state.doc.toString());
+    }),
+    view.EditorView.theme({
+      "&": { height: "100%", fontSize: "13px", background: "transparent" },
+      ".cm-scroller": {
+        fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace"
+      },
+      ".cm-content": { padding: "12px 0" },
+      ".cm-gutters": { background: "transparent", border: "none" },
+      "&.cm-focused": { outline: "none" }
+    }),
+    languageExtension2
+  ];
+}
+function languageExtension(language, completion) {
+  if (language === "sql") {
+    if ((completion == null ? void 0 : completion.kind) !== "sql") return langSql.sql();
+    return langSql.sql({
+      dialect: QueryBrowser_completion.dialectFor(completion.dialect),
+      schema: QueryBrowser_completion.sqlCompletionNamespace(completion.schemas),
+      upperCaseKeywords: true,
+      ...completion.defaultSchema ? { defaultSchema: completion.defaultSchema } : {}
+    });
+  }
+  if (language === "json") {
+    if ((completion == null ? void 0 : completion.kind) !== "json-fields") return langJson.json();
+    return [
+      langJson.json(),
+      autocomplete.autocompletion({
+        override: [QueryBrowser_completion.openSearchJSONCompletionSource(completion.fields)]
+      })
+    ];
+  }
+  return [];
+}
+function QueryBrowser({
+  id,
+  title,
+  language = "text",
+  initialQuery = "",
+  queryLabel = "Query",
+  optionsSchema,
+  initialOptions,
+  completion,
+  onQueryChange,
+  onOptionsChange,
+  navigator,
+  execute,
+  renderResults,
+  className
+}) {
+  const editorHost = react.useRef(null);
+  const editor = react.useRef(null);
+  const languageConfig = react.useRef(new state.Compartment());
+  const executeRef = react.useRef(() => void 0);
+  const onQueryChangeRef = react.useRef(onQueryChange);
+  const [options, setOptions] = react.useState(
+    initialOptions ?? {}
+  );
+  const [result, setResult] = react.useState(null);
+  const [error, setError] = react.useState(null);
+  const [pending, setPending] = react.useState(false);
+  const [entries, setEntries] = react.useState(() => readHistory(id));
+  const currentQuery = react.useCallback(() => {
+    const view2 = editor.current;
+    if (!view2) return initialQuery;
+    const selection = view2.state.selection.main;
+    if (!selection.empty)
+      return view2.state.sliceDoc(selection.from, selection.to);
+    return view2.state.doc.toString();
+  }, [initialQuery]);
+  const run = react.useCallback(async () => {
+    const query = currentQuery().trim();
+    if (!query || pending) return;
+    setPending(true);
+    setError(null);
+    setEntries(rememberQuery(id, query));
+    const started = performance.now();
+    try {
+      const next = await execute({ query, options });
+      setResult({
+        ...next,
+        durationMs: next.durationMs ?? performance.now() - started
+      });
+    } catch (err) {
+      setError(err instanceof Error ? err.message : String(err));
+    } finally {
+      setPending(false);
+    }
+  }, [currentQuery, execute, id, options, pending]);
+  executeRef.current = () => void run();
+  onQueryChangeRef.current = onQueryChange;
+  react.useEffect(() => {
+    if (!editorHost.current) return;
+    const view$1 = new view.EditorView({
+      parent: editorHost.current,
+      state: state.EditorState.create({
+        doc: initialQuery,
+        extensions: editorExtensions(
+          () => executeRef.current(),
+          (query) => {
+            var _a;
+            return (_a = onQueryChangeRef.current) == null ? void 0 : _a.call(onQueryChangeRef, query);
+          },
+          languageConfig.current.of(languageExtension(language, completion))
+        )
+      })
+    });
+    editor.current = view$1;
+    return () => {
+      editor.current = null;
+      view$1.destroy();
+    };
+  }, [id, language]);
+  react.useEffect(() => {
+    const view2 = editor.current;
+    if (!view2) return;
+    view2.dispatch({
+      effects: languageConfig.current.reconfigure(
+        languageExtension(language, completion)
+      )
+    });
+  }, [completion, language]);
+  react.useEffect(() => {
+    const view2 = editor.current;
+    if (!view2 || view2.state.doc.toString() === initialQuery) return;
+    view2.dispatch({
+      changes: { from: 0, to: view2.state.doc.length, insert: initialQuery }
+    });
+  }, [initialQuery]);
+  react.useEffect(() => {
+    setOptions(initialOptions ?? {});
+  }, [initialOptions]);
+  const updateOptions = react.useCallback(
+    (next) => {
+      setOptions(next);
+      onOptionsChange == null ? void 0 : onOptionsChange(next);
+    },
+    [onOptionsChange]
+  );
+  react.useEffect(() => {
+    setEntries(readHistory(id));
+    setResult(null);
+    setError(null);
+  }, [id]);
+  const rows = (result == null ? void 0 : result.rows) ?? [];
+  const columns = react.useMemo(
+    () => dataTableUtils.inferColumns(rows, { literalKeys: true }),
+    [rows]
+  );
+  const defaultResults = result ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-0 flex-1 flex-col gap-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-3 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        rows.length.toLocaleString(),
+        " rows",
+        result.truncated ? "+" : ""
+      ] }),
+      result.affectedRows !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        result.affectedRows.toLocaleString(),
+        " affected"
+      ] }),
+      result.durationMs !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        Math.round(result.durationMs),
+        " ms"
+      ] }),
+      result.message && /* @__PURE__ */ jsxRuntime.jsx("span", { children: result.message })
+    ] }),
+    rows.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+      DataTable.DataTable,
+      {
+        data: rows,
+        columns,
+        autoFilter: false,
+        showGlobalFilter: true,
+        showFullscreenControl: true,
+        fullscreenTitle: title ?? queryLabel,
+        detailStyle: "dialog",
+        detailDialogTitle: "Row details",
+        renderExpandedRow: (row) => /* @__PURE__ */ jsxRuntime.jsx(
+          Properties.Properties,
+          {
+            items: Object.entries(row).map(([key, value]) => ({
+              key,
+              value
+            })),
+            renderLabel: (key) => key,
+            density: "compact"
+          }
+        ),
+        className: "min-h-0 flex-1"
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-md border border-dashed p-6 text-sm text-muted-foreground", children: result.message ?? "Statement completed with no rows." })
+  ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid min-h-40 place-items-center text-sm text-muted-foreground", children: "Run a query to see results." });
+  const workspace = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full min-h-0 flex-col overflow-hidden rounded-xl border bg-card", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2 border-b px-3 py-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+        title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "truncate text-sm font-semibold", children: title }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: queryLabel })
+      ] }),
+      entries.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
+        "select",
+        {
+          "aria-label": "Query history",
+          defaultValue: "",
+          onChange: (event) => {
+            const query = event.target.value;
+            const view2 = editor.current;
+            if (!view2 || !query) return;
+            view2.dispatch({
+              changes: { from: 0, to: view2.state.doc.length, insert: query }
+            });
+            event.target.value = "";
+          },
+          className: "h-8 max-w-52 rounded-md border bg-background px-2 text-xs",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: "History" }),
+            entries.map((entry) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: entry.query, children: entry.query.replace(/\s+/g, " ").slice(0, 80) }, `${entry.at}:${entry.query}`))
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        button.Button,
+        {
+          size: "sm",
+          onClick: () => void run(),
+          loading: pending,
+          loadingLabel: pending ? "Running" : void 0,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiPlay.UiPlay, className: "size-4" }),
+            "Run"
+          ]
+        }
+      )
+    ] }),
+    optionsSchema && Object.keys(optionsSchema.properties ?? {}).length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b px-3 py-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+      JsonSchemaForm.JsonSchemaForm,
+      {
+        schema: optionsSchema,
+        value: options,
+        onChange: updateOptions,
+        size: "sm",
+        inline: true,
+        showPreferencesMenu: false,
+        persistPreferences: false
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { ref: editorHost, className: "h-[34%] min-h-44 border-b" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex min-h-0 flex-1 flex-col overflow-auto p-3", children: error ? /* @__PURE__ */ jsxRuntime.jsx(
+      ErrorDetails.ErrorDetails,
+      {
+        diagnostics: {
+          message: error,
+          context: [
+            ["Query", currentQuery()],
+            ["Language", language]
+          ]
+        }
+      }
+    ) : result && renderResults ? renderResults({ result, defaultView: defaultResults }) : defaultResults })
+  ] });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn("h-[calc(100vh-15rem)] min-h-[32rem]", className), children: navigator ? /* @__PURE__ */ jsxRuntime.jsx(SplitPane.SplitPane, { defaultSplit: 28, left: navigator, right: workspace }) : workspace });
+}
+exports.QueryBrowser = QueryBrowser;
+//# sourceMappingURL=QueryBrowser.cjs.map

package/dist/data/query-browser/QueryBrowser.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryBrowser.cjs","sources":["../../../src/data/query-browser/QueryBrowser.tsx"],"sourcesContent":["import { history, historyKeymap } from \"@codemirror/commands\";\nimport { autocompletion } from \"@codemirror/autocomplete\";\nimport { json } from \"@codemirror/lang-json\";\nimport { sql } from \"@codemirror/lang-sql\";\nimport { Compartment, EditorState, type Extension } from \"@codemirror/state\";\nimport { EditorView, keymap } from \"@codemirror/view\";\nimport {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from \"react\";\nimport { Button } from \"../../components/button\";\nimport { JsonSchemaForm } from \"../../components/JsonSchemaForm\";\nimport type { JsonSchemaObject } from \"../../components/json-schema-form-types\";\nimport { cn } from \"../../lib/utils\";\nimport { SplitPane } from \"../../layout/SplitPane\";\nimport { Icon } from \"../Icon\";\nimport { UiPlay } from \"../../icons\";\nimport { DataTable } from \"../DataTable\";\nimport { inferColumns } from \"../data-table-utils\";\nimport { ErrorDetails } from \"../diagnostics/ErrorDetails\";\nimport { Properties } from \"../Properties\";\nimport {\n  dialectFor,\n  openSearchJSONCompletionSource,\n  sqlCompletionNamespace,\n  type QueryBrowserCompletion,\n} from \"./QueryBrowser.completion\";\n\nexport type QueryBrowserColumn = {\n  name: string;\n  databaseType?: string;\n};\n\nexport type QueryBrowserResult = {\n  rows?: Record<string, unknown>[];\n  columns?: QueryBrowserColumn[];\n  affectedRows?: number;\n  durationMs?: number;\n  message?: string;\n  truncated?: boolean;\n  metadata?: Record<string, unknown>;\n};\n\nexport type QueryBrowserRequest = {\n  query: string;\n  options: Record<string, unknown>;\n};\n\nexport type QueryBrowserResultContext = {\n  result: QueryBrowserResult;\n  defaultView: ReactNode;\n};\n\nexport type QueryBrowserProps = {\n  id: string;\n  title?: string;\n  language?: \"sql\" | \"json\" | \"text\";\n  initialQuery?: string;\n  queryLabel?: string;\n  optionsSchema?: JsonSchemaObject;\n  initialOptions?: Record<string, unknown>;\n  completion?: QueryBrowserCompletion;\n  onQueryChange?: (query: string) => void;\n  onOptionsChange?: (options: Record<string, unknown>) => void;\n  navigator?: ReactNode;\n  execute: (request: QueryBrowserRequest) => Promise<QueryBrowserResult>;\n  renderResults?: (context: QueryBrowserResultContext) => ReactNode;\n  className?: string;\n};\n\ntype HistoryEntry = { query: string; at: number };\n\nconst MAX_HISTORY = 50;\n\nfunction historyKey(id: string) {\n  return `clicky-ui:query-browser:${id}:history`;\n}\n\nfunction readHistory(id: string): HistoryEntry[] {\n  if (typeof window === \"undefined\") return [];\n  try {\n    const value = JSON.parse(\n      window.localStorage.getItem(historyKey(id)) ?? \"[]\",\n    );\n    return Array.isArray(value) ? value.slice(0, MAX_HISTORY) : [];\n  } catch {\n    return [];\n  }\n}\n\nfunction rememberQuery(id: string, query: string): HistoryEntry[] {\n  const entries = readHistory(id).filter((entry) => entry.query !== query);\n  const next = [{ query, at: Date.now() }, ...entries].slice(0, MAX_HISTORY);\n  if (typeof window !== \"undefined\") {\n    window.localStorage.setItem(historyKey(id), JSON.stringify(next));\n  }\n  return next;\n}\n\nfunction editorExtensions(\n  execute: () => void,\n  onQueryChange: (query: string) => void,\n  languageExtension: Extension,\n) {\n  return [\n    history(),\n    keymap.of([\n      {\n        key: \"Mod-Enter\",\n        run: () => {\n          execute();\n          return true;\n        },\n      },\n      ...historyKeymap,\n    ]),\n    EditorView.lineWrapping,\n    EditorView.updateListener.of((update) => {\n      if (update.docChanged) onQueryChange(update.state.doc.toString());\n    }),\n    EditorView.theme({\n      \"&\": { height: \"100%\", fontSize: \"13px\", background: \"transparent\" },\n      \".cm-scroller\": {\n        fontFamily: \"ui-monospace, SFMono-Regular, Menlo, monospace\",\n      },\n      \".cm-content\": { padding: \"12px 0\" },\n      \".cm-gutters\": { background: \"transparent\", border: \"none\" },\n      \"&.cm-focused\": { outline: \"none\" },\n    }),\n    languageExtension,\n  ];\n}\n\nfunction languageExtension(\n  language: QueryBrowserProps[\"language\"],\n  completion?: QueryBrowserCompletion,\n): Extension {\n  if (language === \"sql\") {\n    if (completion?.kind !== \"sql\") return sql();\n    return sql({\n      dialect: dialectFor(completion.dialect),\n      schema: sqlCompletionNamespace(completion.schemas),\n      upperCaseKeywords: true,\n      ...(completion.defaultSchema\n        ? { defaultSchema: completion.defaultSchema }\n        : {}),\n    });\n  }\n  if (language === \"json\") {\n    if (completion?.kind !== \"json-fields\") return json();\n    return [\n      json(),\n      autocompletion({\n        override: [openSearchJSONCompletionSource(completion.fields)],\n      }),\n    ];\n  }\n  return [];\n}\n\nexport function QueryBrowser({\n  id,\n  title,\n  language = \"text\",\n  initialQuery = \"\",\n  queryLabel = \"Query\",\n  optionsSchema,\n  initialOptions,\n  completion,\n  onQueryChange,\n  onOptionsChange,\n  navigator,\n  execute,\n  renderResults,\n  className,\n}: QueryBrowserProps) {\n  const editorHost = useRef<HTMLDivElement | null>(null);\n  const editor = useRef<EditorView | null>(null);\n  const languageConfig = useRef(new Compartment());\n  const executeRef = useRef<() => void>(() => undefined);\n  const onQueryChangeRef = useRef(onQueryChange);\n  const [options, setOptions] = useState<Record<string, unknown>>(\n    initialOptions ?? {},\n  );\n  const [result, setResult] = useState<QueryBrowserResult | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [pending, setPending] = useState(false);\n  const [entries, setEntries] = useState<HistoryEntry[]>(() => readHistory(id));\n\n  const currentQuery = useCallback(() => {\n    const view = editor.current;\n    if (!view) return initialQuery;\n    const selection = view.state.selection.main;\n    if (!selection.empty)\n      return view.state.sliceDoc(selection.from, selection.to);\n    return view.state.doc.toString();\n  }, [initialQuery]);\n\n  const run = useCallback(async () => {\n    const query = currentQuery().trim();\n    if (!query || pending) return;\n    setPending(true);\n    setError(null);\n    setEntries(rememberQuery(id, query));\n    const started = performance.now();\n    try {\n      const next = await execute({ query, options });\n      setResult({\n        ...next,\n        durationMs: next.durationMs ?? performance.now() - started,\n      });\n    } catch (err) {\n      setError(err instanceof Error ? err.message : String(err));\n    } finally {\n      setPending(false);\n    }\n  }, [currentQuery, execute, id, options, pending]);\n\n  executeRef.current = () => void run();\n  onQueryChangeRef.current = onQueryChange;\n\n  useEffect(() => {\n    if (!editorHost.current) return;\n    const view = new EditorView({\n      parent: editorHost.current,\n      state: EditorState.create({\n        doc: initialQuery,\n        extensions: editorExtensions(\n          () => executeRef.current(),\n          (query) => onQueryChangeRef.current?.(query),\n          languageConfig.current.of(languageExtension(language, completion)),\n        ),\n      }),\n    });\n    editor.current = view;\n    return () => {\n      editor.current = null;\n      view.destroy();\n    };\n  }, [id, language]);\n\n  useEffect(() => {\n    const view = editor.current;\n    if (!view) return;\n    view.dispatch({\n      effects: languageConfig.current.reconfigure(\n        languageExtension(language, completion),\n      ),\n    });\n  }, [completion, language]);\n\n  useEffect(() => {\n    const view = editor.current;\n    if (!view || view.state.doc.toString() === initialQuery) return;\n    view.dispatch({\n      changes: { from: 0, to: view.state.doc.length, insert: initialQuery },\n    });\n  }, [initialQuery]);\n\n  useEffect(() => {\n    setOptions(initialOptions ?? {});\n  }, [initialOptions]);\n\n  const updateOptions = useCallback(\n    (next: Record<string, unknown>) => {\n      setOptions(next);\n      onOptionsChange?.(next);\n    },\n    [onOptionsChange],\n  );\n\n  useEffect(() => {\n    setEntries(readHistory(id));\n    setResult(null);\n    setError(null);\n  }, [id]);\n\n  const rows = result?.rows ?? [];\n  const columns = useMemo(\n    () => inferColumns(rows, { literalKeys: true }),\n    [rows],\n  );\n  const defaultResults = result ? (\n    <div className=\"flex min-h-0 flex-1 flex-col gap-2\">\n      <div className=\"flex flex-wrap items-center gap-3 text-xs text-muted-foreground\">\n        <span>\n          {rows.length.toLocaleString()} rows{result.truncated ? \"+\" : \"\"}\n        </span>\n        {result.affectedRows !== undefined && (\n          <span>{result.affectedRows.toLocaleString()} affected</span>\n        )}\n        {result.durationMs !== undefined && (\n          <span>{Math.round(result.durationMs)} ms</span>\n        )}\n        {result.message && <span>{result.message}</span>}\n      </div>\n      {rows.length > 0 ? (\n        <DataTable\n          data={rows}\n          columns={columns}\n          autoFilter={false}\n          showGlobalFilter\n          showFullscreenControl\n          fullscreenTitle={title ?? queryLabel}\n          detailStyle=\"dialog\"\n          detailDialogTitle=\"Row details\"\n          renderExpandedRow={(row) => (\n            <Properties\n              items={Object.entries(row).map(([key, value]) => ({\n                key,\n                value,\n              }))}\n              renderLabel={(key) => key}\n              density=\"compact\"\n            />\n          )}\n          className=\"min-h-0 flex-1\"\n        />\n      ) : (\n        <div className=\"rounded-md border border-dashed p-6 text-sm text-muted-foreground\">\n          {result.message ?? \"Statement completed with no rows.\"}\n        </div>\n      )}\n    </div>\n  ) : (\n    <div className=\"grid min-h-40 place-items-center text-sm text-muted-foreground\">\n      Run a query to see results.\n    </div>\n  );\n\n  const workspace = (\n    <div className=\"flex h-full min-h-0 flex-col overflow-hidden rounded-xl border bg-card\">\n      <div className=\"flex flex-wrap items-center gap-2 border-b px-3 py-2\">\n        <div className=\"min-w-0 flex-1\">\n          {title && <h2 className=\"truncate text-sm font-semibold\">{title}</h2>}\n          <p className=\"text-xs text-muted-foreground\">{queryLabel}</p>\n        </div>\n        {entries.length > 0 && (\n          <select\n            aria-label=\"Query history\"\n            defaultValue=\"\"\n            onChange={(event) => {\n              const query = event.target.value;\n              const view = editor.current;\n              if (!view || !query) return;\n              view.dispatch({\n                changes: { from: 0, to: view.state.doc.length, insert: query },\n              });\n              event.target.value = \"\";\n            }}\n            className=\"h-8 max-w-52 rounded-md border bg-background px-2 text-xs\"\n          >\n            <option value=\"\">History</option>\n            {entries.map((entry) => (\n              <option key={`${entry.at}:${entry.query}`} value={entry.query}>\n                {entry.query.replace(/\\s+/g, \" \").slice(0, 80)}\n              </option>\n            ))}\n          </select>\n        )}\n        <Button\n          size=\"sm\"\n          onClick={() => void run()}\n          loading={pending}\n          loadingLabel={pending ? \"Running\" : undefined}\n        >\n          <Icon icon={UiPlay} className=\"size-4\" />\n          Run\n        </Button>\n      </div>\n      {optionsSchema &&\n        Object.keys(optionsSchema.properties ?? {}).length > 0 && (\n          <div className=\"border-b px-3 py-2\">\n            <JsonSchemaForm\n              schema={optionsSchema}\n              value={options}\n              onChange={updateOptions}\n              size=\"sm\"\n              inline\n              showPreferencesMenu={false}\n              persistPreferences={false}\n            />\n          </div>\n        )}\n      <div ref={editorHost} className=\"h-[34%] min-h-44 border-b\" />\n      <div className=\"flex min-h-0 flex-1 flex-col overflow-auto p-3\">\n        {error ? (\n          <ErrorDetails\n            diagnostics={{\n              message: error,\n              context: [\n                [\"Query\", currentQuery()],\n                [\"Language\", language],\n              ],\n            }}\n          />\n        ) : result && renderResults ? (\n          renderResults({ result, defaultView: defaultResults })\n        ) : (\n          defaultResults\n        )}\n      </div>\n    </div>\n  );\n\n  return (\n    <div className={cn(\"h-[calc(100vh-15rem)] min-h-[32rem]\", className)}>\n      {navigator ? (\n        <SplitPane defaultSplit={28} left={navigator} right={workspace} />\n      ) : (\n        workspace\n      )}\n    </div>\n  );\n}\n"],"names":["languageExtension","history","keymap","historyKeymap","EditorView","sql","dialectFor","sqlCompletionNamespace","json","autocompletion","openSearchJSONCompletionSource","useRef","Compartment","useState","useCallback","view","useEffect","EditorState","useMemo","inferColumns","jsxs","jsx","DataTable","Properties","Button","Icon","UiPlay","JsonSchemaForm","ErrorDetails","cn","SplitPane"],"mappings":"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"}

package/dist/data/query-browser/QueryBrowser.completion.cjs

@@ -0,0 +1,99 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("@codemirror/autocomplete");
+const langSql = require("@codemirror/lang-sql");
+function dialectFor(name) {
+  switch (name) {
+    case "postgresql":
+      return langSql.PostgreSQL;
+    case "mysql":
+      return langSql.MySQL;
+    case "mssql":
+      return langSql.MSSQL;
+    default:
+      return langSql.StandardSQL;
+  }
+}
+function sqlCompletionNamespace(schemas) {
+  const namespace = {};
+  for (const schema of schemas) {
+    const relations = {};
+    for (const relation of schema.relations) {
+      const columns = relation.columns.map((column) => {
+        var _a;
+        const detail = (_a = column.types) == null ? void 0 : _a.join(" | ");
+        return {
+          label: column.name,
+          type: "property",
+          ...detail ? { detail } : {}
+        };
+      });
+      relations[relation.name] = {
+        self: {
+          label: relation.name,
+          type: relation.type === "view" ? "interface" : "class"
+        },
+        children: columns
+      };
+    }
+    namespace[schema.name] = relations;
+  }
+  return namespace;
+}
+const OPENSEARCH_VOCABULARY = [
+  "query",
+  "bool",
+  "must",
+  "filter",
+  "should",
+  "must_not",
+  "match",
+  "match_phrase",
+  "term",
+  "terms",
+  "range",
+  "exists",
+  "sort",
+  "aggs",
+  "aggregations",
+  "field",
+  "_source",
+  "includes",
+  "excludes",
+  "size"
+].map((label) => ({ label, type: "keyword" }));
+function completionRange(context) {
+  const word = context.matchBefore(/[\w.@-]*/);
+  return (word == null ? void 0 : word.from) ?? context.pos;
+}
+function isOpenSearchFieldContext(before) {
+  const tail = before.slice(-2e3);
+  return /"(?:match|match_phrase|term|terms|range)"\s*:\s*\{[^{}]*"?[\w.@-]*$/s.test(
+    tail
+  ) || /"sort"\s*:\s*\[[^\]]*(?:\{|,)\s*"?[\w.@-]*$/s.test(tail) || /"(?:field|includes|excludes)"\s*:\s*(?:\[\s*)?"?[\w.@-]*$/s.test(tail);
+}
+function openSearchJSONCompletionSource(fields) {
+  const fieldOptions = fields.map((field) => {
+    var _a;
+    return {
+      label: field.name,
+      type: "property",
+      detail: [
+        (_a = field.types) == null ? void 0 : _a.join(" | "),
+        field.conflicting ? "type conflict" : void 0
+      ].filter(Boolean).join(" · ")
+    };
+  });
+  return (context) => {
+    const before = context.state.sliceDoc(0, context.pos);
+    const options = isOpenSearchFieldContext(before) ? fieldOptions : OPENSEARCH_VOCABULARY;
+    const word = context.matchBefore(/[\w.@-]*/);
+    if (!context.explicit && (!word || word.from === word.to && !isOpenSearchFieldContext(before)))
+      return null;
+    return { from: completionRange(context), options, validFor: /^[\w.@-]*$/ };
+  };
+}
+exports.dialectFor = dialectFor;
+exports.openSearchJSONCompletionSource = openSearchJSONCompletionSource;
+exports.sqlCompletionNamespace = sqlCompletionNamespace;
+//# sourceMappingURL=QueryBrowser.completion.cjs.map

package/dist/data/query-browser/QueryBrowser.completion.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryBrowser.completion.cjs","sources":["../../../src/data/query-browser/QueryBrowser.completion.ts"],"sourcesContent":["import {\n  type Completion,\n  type CompletionContext,\n  type CompletionSource,\n} from \"@codemirror/autocomplete\";\nimport {\n  MSSQL,\n  MySQL,\n  PostgreSQL,\n  StandardSQL,\n  type SQLNamespace,\n} from \"@codemirror/lang-sql\";\n\nexport type QueryBrowserCompletionField = {\n  name: string;\n  types?: string[];\n  searchable?: boolean;\n  aggregatable?: boolean;\n  conflicting?: boolean;\n};\n\nexport type QueryBrowserCompletionRelation = {\n  name: string;\n  type?: \"table\" | \"view\";\n  columns: QueryBrowserCompletionField[];\n};\n\nexport type QueryBrowserCompletionSchema = {\n  name: string;\n  relations: QueryBrowserCompletionRelation[];\n};\n\nexport type QueryBrowserCompletion =\n  | {\n      kind: \"sql\";\n      dialect: \"postgresql\" | \"mysql\" | \"mssql\" | \"standard\";\n      defaultSchema?: string;\n      schemas: QueryBrowserCompletionSchema[];\n    }\n  | {\n      kind: \"json-fields\";\n      vocabulary: \"opensearch\";\n      fields: QueryBrowserCompletionField[];\n    };\n\nexport function dialectFor(\n  name: Extract<QueryBrowserCompletion, { kind: \"sql\" }>[\"dialect\"],\n) {\n  switch (name) {\n    case \"postgresql\":\n      return PostgreSQL;\n    case \"mysql\":\n      return MySQL;\n    case \"mssql\":\n      return MSSQL;\n    default:\n      return StandardSQL;\n  }\n}\n\nexport function sqlCompletionNamespace(\n  schemas: QueryBrowserCompletionSchema[],\n): SQLNamespace {\n  const namespace: Record<string, SQLNamespace> = {};\n  for (const schema of schemas) {\n    const relations: Record<string, SQLNamespace> = {};\n    for (const relation of schema.relations) {\n      const columns: Completion[] = relation.columns.map((column) => {\n        const detail = column.types?.join(\" | \");\n        return {\n          label: column.name,\n          type: \"property\",\n          ...(detail ? { detail } : {}),\n        };\n      });\n      relations[relation.name] = {\n        self: {\n          label: relation.name,\n          type: relation.type === \"view\" ? \"interface\" : \"class\",\n        },\n        children: columns,\n      } as SQLNamespace;\n    }\n    namespace[schema.name] = relations;\n  }\n  return namespace;\n}\n\nconst OPENSEARCH_VOCABULARY: Completion[] = [\n  \"query\",\n  \"bool\",\n  \"must\",\n  \"filter\",\n  \"should\",\n  \"must_not\",\n  \"match\",\n  \"match_phrase\",\n  \"term\",\n  \"terms\",\n  \"range\",\n  \"exists\",\n  \"sort\",\n  \"aggs\",\n  \"aggregations\",\n  \"field\",\n  \"_source\",\n  \"includes\",\n  \"excludes\",\n  \"size\",\n].map((label) => ({ label, type: \"keyword\" }));\n\nfunction completionRange(context: CompletionContext) {\n  const word = context.matchBefore(/[\\w.@-]*/);\n  return word?.from ?? context.pos;\n}\n\nfunction isOpenSearchFieldContext(before: string) {\n  const tail = before.slice(-2000);\n  return (\n    /\"(?:match|match_phrase|term|terms|range)\"\\s*:\\s*\\{[^{}]*\"?[\\w.@-]*$/s.test(\n      tail,\n    ) ||\n    /\"sort\"\\s*:\\s*\\[[^\\]]*(?:\\{|,)\\s*\"?[\\w.@-]*$/s.test(tail) ||\n    /\"(?:field|includes|excludes)\"\\s*:\\s*(?:\\[\\s*)?\"?[\\w.@-]*$/s.test(tail)\n  );\n}\n\nexport function openSearchJSONCompletionSource(\n  fields: QueryBrowserCompletionField[],\n): CompletionSource {\n  const fieldOptions: Completion[] = fields.map((field) => ({\n    label: field.name,\n    type: \"property\",\n    detail: [\n      field.types?.join(\" | \"),\n      field.conflicting ? \"type conflict\" : undefined,\n    ]\n      .filter(Boolean)\n      .join(\" · \"),\n  }));\n  return (context) => {\n    const before = context.state.sliceDoc(0, context.pos);\n    const options = isOpenSearchFieldContext(before)\n      ? fieldOptions\n      : OPENSEARCH_VOCABULARY;\n    const word = context.matchBefore(/[\\w.@-]*/);\n    if (\n      !context.explicit &&\n      (!word || (word.from === word.to && !isOpenSearchFieldContext(before)))\n    )\n      return null;\n    return { from: completionRange(context), options, validFor: /^[\\w.@-]*$/ };\n  };\n}\n"],"names":["PostgreSQL","MySQL","MSSQL","StandardSQL"],"mappings":";;;;AA6CO,SAAS,WACd,MACA;AACA,UAAQ,MAAA;AAAA,IACN,KAAK;AACH,aAAOA,QAAAA;AAAAA,IACT,KAAK;AACH,aAAOC,QAAAA;AAAAA,IACT,KAAK;AACH,aAAOC,QAAAA;AAAAA,IACT;AACE,aAAOC,QAAAA;AAAAA,EAAA;AAEb;AAEO,SAAS,uBACd,SACc;AACd,QAAM,YAA0C,CAAA;AAChD,aAAW,UAAU,SAAS;AAC5B,UAAM,YAA0C,CAAA;AAChD,eAAW,YAAY,OAAO,WAAW;AACvC,YAAM,UAAwB,SAAS,QAAQ,IAAI,CAAC,WAAW;;AAC7D,cAAM,UAAS,YAAO,UAAP,mBAAc,KAAK;AAClC,eAAO;AAAA,UACL,OAAO,OAAO;AAAA,UACd,MAAM;AAAA,UACN,GAAI,SAAS,EAAE,WAAW,CAAA;AAAA,QAAC;AAAA,MAE/B,CAAC;AACD,gBAAU,SAAS,IAAI,IAAI;AAAA,QACzB,MAAM;AAAA,UACJ,OAAO,SAAS;AAAA,UAChB,MAAM,SAAS,SAAS,SAAS,cAAc;AAAA,QAAA;AAAA,QAEjD,UAAU;AAAA,MAAA;AAAA,IAEd;AACA,cAAU,OAAO,IAAI,IAAI;AAAA,EAC3B;AACA,SAAO;AACT;AAEA,MAAM,wBAAsC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,EAAE,IAAI,CAAC,WAAW,EAAE,OAAO,MAAM,YAAY;AAE7C,SAAS,gBAAgB,SAA4B;AACnD,QAAM,OAAO,QAAQ,YAAY,UAAU;AAC3C,UAAO,6BAAM,SAAQ,QAAQ;AAC/B;AAEA,SAAS,yBAAyB,QAAgB;AAChD,QAAM,OAAO,OAAO,MAAM,IAAK;AAC/B,SACE,uEAAuE;AAAA,IACrE;AAAA,EAAA,KAEF,+CAA+C,KAAK,IAAI,KACxD,6DAA6D,KAAK,IAAI;AAE1E;AAEO,SAAS,+BACd,QACkB;AAClB,QAAM,eAA6B,OAAO,IAAI,CAAC,UAAA;;AAAW;AAAA,MACxD,OAAO,MAAM;AAAA,MACb,MAAM;AAAA,MACN,QAAQ;AAAA,SACN,WAAM,UAAN,mBAAa,KAAK;AAAA,QAClB,MAAM,cAAc,kBAAkB;AAAA,MAAA,EAErC,OAAO,OAAO,EACd,KAAK,KAAK;AAAA,IAAA;AAAA,GACb;AACF,SAAO,CAAC,YAAY;AAClB,UAAM,SAAS,QAAQ,MAAM,SAAS,GAAG,QAAQ,GAAG;AACpD,UAAM,UAAU,yBAAyB,MAAM,IAC3C,eACA;AACJ,UAAM,OAAO,QAAQ,YAAY,UAAU;AAC3C,QACE,CAAC,QAAQ,aACR,CAAC,QAAS,KAAK,SAAS,KAAK,MAAM,CAAC,yBAAyB,MAAM;AAEpE,aAAO;AACT,WAAO,EAAE,MAAM,gBAAgB,OAAO,GAAG,SAAS,UAAU,aAAA;AAAA,EAC9D;AACF;;;;"}

package/dist/data/query-browser/QueryBrowser.completion.d.ts

@@ -0,0 +1,34 @@
+import { CompletionSource } from '@codemirror/autocomplete';
+import { SQLNamespace } from '@codemirror/lang-sql';
+export type QueryBrowserCompletionField = {
+    name: string;
+    types?: string[];
+    searchable?: boolean;
+    aggregatable?: boolean;
+    conflicting?: boolean;
+};
+export type QueryBrowserCompletionRelation = {
+    name: string;
+    type?: "table" | "view";
+    columns: QueryBrowserCompletionField[];
+};
+export type QueryBrowserCompletionSchema = {
+    name: string;
+    relations: QueryBrowserCompletionRelation[];
+};
+export type QueryBrowserCompletion = {
+    kind: "sql";
+    dialect: "postgresql" | "mysql" | "mssql" | "standard";
+    defaultSchema?: string;
+    schemas: QueryBrowserCompletionSchema[];
+} | {
+    kind: "json-fields";
+    vocabulary: "opensearch";
+    fields: QueryBrowserCompletionField[];
+};
+export declare function dialectFor(name: Extract<QueryBrowserCompletion, {
+    kind: "sql";
+}>["dialect"]): import('@codemirror/lang-sql').SQLDialect;
+export declare function sqlCompletionNamespace(schemas: QueryBrowserCompletionSchema[]): SQLNamespace;
+export declare function openSearchJSONCompletionSource(fields: QueryBrowserCompletionField[]): CompletionSource;
+//# sourceMappingURL=QueryBrowser.completion.d.ts.map

package/dist/data/query-browser/QueryBrowser.completion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryBrowser.completion.d.ts","sourceRoot":"","sources":["../../../src/data/query-browser/QueryBrowser.completion.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,gBAAgB,EACtB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAKL,KAAK,YAAY,EAClB,MAAM,sBAAsB,CAAC;AAE9B,MAAM,MAAM,2BAA2B,GAAG;IACxC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,8BAA8B,GAAG;IAC3C,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,OAAO,EAAE,2BAA2B,EAAE,CAAC;CACxC,CAAC;AAEF,MAAM,MAAM,4BAA4B,GAAG;IACzC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,8BAA8B,EAAE,CAAC;CAC7C,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAC9B;IACE,IAAI,EAAE,KAAK,CAAC;IACZ,OAAO,EAAE,YAAY,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,CAAC;IACvD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,4BAA4B,EAAE,CAAC;CACzC,GACD;IACE,IAAI,EAAE,aAAa,CAAC;IACpB,UAAU,EAAE,YAAY,CAAC;IACzB,MAAM,EAAE,2BAA2B,EAAE,CAAC;CACvC,CAAC;AAEN,wBAAgB,UAAU,CACxB,IAAI,EAAE,OAAO,CAAC,sBAAsB,EAAE;IAAE,IAAI,EAAE,KAAK,CAAA;CAAE,CAAC,CAAC,SAAS,CAAC,6CAYlE;AAED,wBAAgB,sBAAsB,CACpC,OAAO,EAAE,4BAA4B,EAAE,GACtC,YAAY,CAwBd;AAyCD,wBAAgB,8BAA8B,CAC5C,MAAM,EAAE,2BAA2B,EAAE,GACpC,gBAAgB,CAwBlB"}

package/dist/data/query-browser/QueryBrowser.completion.js

@@ -0,0 +1,99 @@
+import "@codemirror/autocomplete";
+import { StandardSQL, MSSQL, MySQL, PostgreSQL } from "@codemirror/lang-sql";
+function dialectFor(name) {
+  switch (name) {
+    case "postgresql":
+      return PostgreSQL;
+    case "mysql":
+      return MySQL;
+    case "mssql":
+      return MSSQL;
+    default:
+      return StandardSQL;
+  }
+}
+function sqlCompletionNamespace(schemas) {
+  const namespace = {};
+  for (const schema of schemas) {
+    const relations = {};
+    for (const relation of schema.relations) {
+      const columns = relation.columns.map((column) => {
+        var _a;
+        const detail = (_a = column.types) == null ? void 0 : _a.join(" | ");
+        return {
+          label: column.name,
+          type: "property",
+          ...detail ? { detail } : {}
+        };
+      });
+      relations[relation.name] = {
+        self: {
+          label: relation.name,
+          type: relation.type === "view" ? "interface" : "class"
+        },
+        children: columns
+      };
+    }
+    namespace[schema.name] = relations;
+  }
+  return namespace;
+}
+const OPENSEARCH_VOCABULARY = [
+  "query",
+  "bool",
+  "must",
+  "filter",
+  "should",
+  "must_not",
+  "match",
+  "match_phrase",
+  "term",
+  "terms",
+  "range",
+  "exists",
+  "sort",
+  "aggs",
+  "aggregations",
+  "field",
+  "_source",
+  "includes",
+  "excludes",
+  "size"
+].map((label) => ({ label, type: "keyword" }));
+function completionRange(context) {
+  const word = context.matchBefore(/[\w.@-]*/);
+  return (word == null ? void 0 : word.from) ?? context.pos;
+}
+function isOpenSearchFieldContext(before) {
+  const tail = before.slice(-2e3);
+  return /"(?:match|match_phrase|term|terms|range)"\s*:\s*\{[^{}]*"?[\w.@-]*$/s.test(
+    tail
+  ) || /"sort"\s*:\s*\[[^\]]*(?:\{|,)\s*"?[\w.@-]*$/s.test(tail) || /"(?:field|includes|excludes)"\s*:\s*(?:\[\s*)?"?[\w.@-]*$/s.test(tail);
+}
+function openSearchJSONCompletionSource(fields) {
+  const fieldOptions = fields.map((field) => {
+    var _a;
+    return {
+      label: field.name,
+      type: "property",
+      detail: [
+        (_a = field.types) == null ? void 0 : _a.join(" | "),
+        field.conflicting ? "type conflict" : void 0
+      ].filter(Boolean).join(" · ")
+    };
+  });
+  return (context) => {
+    const before = context.state.sliceDoc(0, context.pos);
+    const options = isOpenSearchFieldContext(before) ? fieldOptions : OPENSEARCH_VOCABULARY;
+    const word = context.matchBefore(/[\w.@-]*/);
+    if (!context.explicit && (!word || word.from === word.to && !isOpenSearchFieldContext(before)))
+      return null;
+    return { from: completionRange(context), options, validFor: /^[\w.@-]*$/ };
+  };
+}
+export {
+  dialectFor,
+  openSearchJSONCompletionSource,
+  sqlCompletionNamespace
+};
+//# sourceMappingURL=QueryBrowser.completion.js.map

package/dist/data/query-browser/QueryBrowser.completion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryBrowser.completion.js","sources":["../../../src/data/query-browser/QueryBrowser.completion.ts"],"sourcesContent":["import {\n  type Completion,\n  type CompletionContext,\n  type CompletionSource,\n} from \"@codemirror/autocomplete\";\nimport {\n  MSSQL,\n  MySQL,\n  PostgreSQL,\n  StandardSQL,\n  type SQLNamespace,\n} from \"@codemirror/lang-sql\";\n\nexport type QueryBrowserCompletionField = {\n  name: string;\n  types?: string[];\n  searchable?: boolean;\n  aggregatable?: boolean;\n  conflicting?: boolean;\n};\n\nexport type QueryBrowserCompletionRelation = {\n  name: string;\n  type?: \"table\" | \"view\";\n  columns: QueryBrowserCompletionField[];\n};\n\nexport type QueryBrowserCompletionSchema = {\n  name: string;\n  relations: QueryBrowserCompletionRelation[];\n};\n\nexport type QueryBrowserCompletion =\n  | {\n      kind: \"sql\";\n      dialect: \"postgresql\" | \"mysql\" | \"mssql\" | \"standard\";\n      defaultSchema?: string;\n      schemas: QueryBrowserCompletionSchema[];\n    }\n  | {\n      kind: \"json-fields\";\n      vocabulary: \"opensearch\";\n      fields: QueryBrowserCompletionField[];\n    };\n\nexport function dialectFor(\n  name: Extract<QueryBrowserCompletion, { kind: \"sql\" }>[\"dialect\"],\n) {\n  switch (name) {\n    case \"postgresql\":\n      return PostgreSQL;\n    case \"mysql\":\n      return MySQL;\n    case \"mssql\":\n      return MSSQL;\n    default:\n      return StandardSQL;\n  }\n}\n\nexport function sqlCompletionNamespace(\n  schemas: QueryBrowserCompletionSchema[],\n): SQLNamespace {\n  const namespace: Record<string, SQLNamespace> = {};\n  for (const schema of schemas) {\n    const relations: Record<string, SQLNamespace> = {};\n    for (const relation of schema.relations) {\n      const columns: Completion[] = relation.columns.map((column) => {\n        const detail = column.types?.join(\" | \");\n        return {\n          label: column.name,\n          type: \"property\",\n          ...(detail ? { detail } : {}),\n        };\n      });\n      relations[relation.name] = {\n        self: {\n          label: relation.name,\n          type: relation.type === \"view\" ? \"interface\" : \"class\",\n        },\n        children: columns,\n      } as SQLNamespace;\n    }\n    namespace[schema.name] = relations;\n  }\n  return namespace;\n}\n\nconst OPENSEARCH_VOCABULARY: Completion[] = [\n  \"query\",\n  \"bool\",\n  \"must\",\n  \"filter\",\n  \"should\",\n  \"must_not\",\n  \"match\",\n  \"match_phrase\",\n  \"term\",\n  \"terms\",\n  \"range\",\n  \"exists\",\n  \"sort\",\n  \"aggs\",\n  \"aggregations\",\n  \"field\",\n  \"_source\",\n  \"includes\",\n  \"excludes\",\n  \"size\",\n].map((label) => ({ label, type: \"keyword\" }));\n\nfunction completionRange(context: CompletionContext) {\n  const word = context.matchBefore(/[\\w.@-]*/);\n  return word?.from ?? context.pos;\n}\n\nfunction isOpenSearchFieldContext(before: string) {\n  const tail = before.slice(-2000);\n  return (\n    /\"(?:match|match_phrase|term|terms|range)\"\\s*:\\s*\\{[^{}]*\"?[\\w.@-]*$/s.test(\n      tail,\n    ) ||\n    /\"sort\"\\s*:\\s*\\[[^\\]]*(?:\\{|,)\\s*\"?[\\w.@-]*$/s.test(tail) ||\n    /\"(?:field|includes|excludes)\"\\s*:\\s*(?:\\[\\s*)?\"?[\\w.@-]*$/s.test(tail)\n  );\n}\n\nexport function openSearchJSONCompletionSource(\n  fields: QueryBrowserCompletionField[],\n): CompletionSource {\n  const fieldOptions: Completion[] = fields.map((field) => ({\n    label: field.name,\n    type: \"property\",\n    detail: [\n      field.types?.join(\" | \"),\n      field.conflicting ? \"type conflict\" : undefined,\n    ]\n      .filter(Boolean)\n      .join(\" · \"),\n  }));\n  return (context) => {\n    const before = context.state.sliceDoc(0, context.pos);\n    const options = isOpenSearchFieldContext(before)\n      ? fieldOptions\n      : OPENSEARCH_VOCABULARY;\n    const word = context.matchBefore(/[\\w.@-]*/);\n    if (\n      !context.explicit &&\n      (!word || (word.from === word.to && !isOpenSearchFieldContext(before)))\n    )\n      return null;\n    return { from: completionRange(context), options, validFor: /^[\\w.@-]*$/ };\n  };\n}\n"],"names":[],"mappings":";;AA6CO,SAAS,WACd,MACA;AACA,UAAQ,MAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EAAA;AAEb;AAEO,SAAS,uBACd,SACc;AACd,QAAM,YAA0C,CAAA;AAChD,aAAW,UAAU,SAAS;AAC5B,UAAM,YAA0C,CAAA;AAChD,eAAW,YAAY,OAAO,WAAW;AACvC,YAAM,UAAwB,SAAS,QAAQ,IAAI,CAAC,WAAW;;AAC7D,cAAM,UAAS,YAAO,UAAP,mBAAc,KAAK;AAClC,eAAO;AAAA,UACL,OAAO,OAAO;AAAA,UACd,MAAM;AAAA,UACN,GAAI,SAAS,EAAE,WAAW,CAAA;AAAA,QAAC;AAAA,MAE/B,CAAC;AACD,gBAAU,SAAS,IAAI,IAAI;AAAA,QACzB,MAAM;AAAA,UACJ,OAAO,SAAS;AAAA,UAChB,MAAM,SAAS,SAAS,SAAS,cAAc;AAAA,QAAA;AAAA,QAEjD,UAAU;AAAA,MAAA;AAAA,IAEd;AACA,cAAU,OAAO,IAAI,IAAI;AAAA,EAC3B;AACA,SAAO;AACT;AAEA,MAAM,wBAAsC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,EAAE,IAAI,CAAC,WAAW,EAAE,OAAO,MAAM,YAAY;AAE7C,SAAS,gBAAgB,SAA4B;AACnD,QAAM,OAAO,QAAQ,YAAY,UAAU;AAC3C,UAAO,6BAAM,SAAQ,QAAQ;AAC/B;AAEA,SAAS,yBAAyB,QAAgB;AAChD,QAAM,OAAO,OAAO,MAAM,IAAK;AAC/B,SACE,uEAAuE;AAAA,IACrE;AAAA,EAAA,KAEF,+CAA+C,KAAK,IAAI,KACxD,6DAA6D,KAAK,IAAI;AAE1E;AAEO,SAAS,+BACd,QACkB;AAClB,QAAM,eAA6B,OAAO,IAAI,CAAC,UAAA;;AAAW;AAAA,MACxD,OAAO,MAAM;AAAA,MACb,MAAM;AAAA,MACN,QAAQ;AAAA,SACN,WAAM,UAAN,mBAAa,KAAK;AAAA,QAClB,MAAM,cAAc,kBAAkB;AAAA,MAAA,EAErC,OAAO,OAAO,EACd,KAAK,KAAK;AAAA,IAAA;AAAA,GACb;AACF,SAAO,CAAC,YAAY;AAClB,UAAM,SAAS,QAAQ,MAAM,SAAS,GAAG,QAAQ,GAAG;AACpD,UAAM,UAAU,yBAAyB,MAAM,IAC3C,eACA;AACJ,UAAM,OAAO,QAAQ,YAAY,UAAU;AAC3C,QACE,CAAC,QAAQ,aACR,CAAC,QAAS,KAAK,SAAS,KAAK,MAAM,CAAC,yBAAyB,MAAM;AAEpE,aAAO;AACT,WAAO,EAAE,MAAM,gBAAgB,OAAO,GAAG,SAAS,UAAU,aAAA;AAAA,EAC9D;AACF;"}