@flanksource/clicky-ui 0.3.18 → 0.3.19

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

@@ -0,0 +1,88 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const autocomplete = require("@codemirror/autocomplete");
+const commands = require("@codemirror/commands");
+const langJson = require("@codemirror/lang-json");
+const langSql = require("@codemirror/lang-sql");
+const view = require("@codemirror/view");
+const QueryBrowser_completion = require("./QueryBrowser.completion.cjs");
+const MAX_HISTORY = 50;
+function historyKey(id) {
+  return `clicky-ui:query-browser:${id}:history`;
+}
+function readQueryBrowserHistory(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 rememberQueryBrowserQuery(id, query) {
+  const entries = readQueryBrowserHistory(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 queryBrowserEditorExtensions(execute, onQueryChange, languageExtension) {
+  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" }
+    }),
+    languageExtension
+  ];
+}
+function queryBrowserLanguageExtension(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 [];
+}
+exports.queryBrowserEditorExtensions = queryBrowserEditorExtensions;
+exports.queryBrowserLanguageExtension = queryBrowserLanguageExtension;
+exports.readQueryBrowserHistory = readQueryBrowserHistory;
+exports.rememberQueryBrowserQuery = rememberQueryBrowserQuery;
+//# sourceMappingURL=QueryBrowser.editor.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QueryBrowser.editor.cjs","sources":["../../../src/data/query-browser/QueryBrowser.editor.ts"],"sourcesContent":["import { autocompletion } from \"@codemirror/autocomplete\";\nimport { history, historyKeymap } from \"@codemirror/commands\";\nimport { json } from \"@codemirror/lang-json\";\nimport { sql } from \"@codemirror/lang-sql\";\nimport type { Extension } from \"@codemirror/state\";\nimport { EditorView, keymap } from \"@codemirror/view\";\nimport {\n  dialectFor,\n  openSearchJSONCompletionSource,\n  sqlCompletionNamespace,\n  type QueryBrowserCompletion,\n} from \"./QueryBrowser.completion\";\n\nexport type QueryBrowserLanguage = \"sql\" | \"json\" | \"text\";\nexport type QueryBrowserHistoryEntry = { query: string; at: number };\n\nconst MAX_HISTORY = 50;\n\nfunction historyKey(id: string) {\n  return `clicky-ui:query-browser:${id}:history`;\n}\n\nexport function readQueryBrowserHistory(\n  id: string,\n): QueryBrowserHistoryEntry[] {\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\nexport function rememberQueryBrowserQuery(\n  id: string,\n  query: string,\n): QueryBrowserHistoryEntry[] {\n  const entries = readQueryBrowserHistory(id).filter(\n    (entry) => entry.query !== query,\n  );\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\nexport function queryBrowserEditorExtensions(\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\nexport function queryBrowserLanguageExtension(\n  language: QueryBrowserLanguage,\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"],"names":["history","keymap","historyKeymap","EditorView","sql","dialectFor","sqlCompletionNamespace","json","autocompletion","openSearchJSONCompletionSource"],"mappings":";;;;;;;;AAgBA,MAAM,cAAc;AAEpB,SAAS,WAAW,IAAY;AAC9B,SAAO,2BAA2B,EAAE;AACtC;AAEO,SAAS,wBACd,IAC4B;AAC5B,MAAI,OAAO,WAAW,YAAa,QAAO,CAAA;AAC1C,MAAI;AACF,UAAM,QAAQ,KAAK;AAAA,MACjB,OAAO,aAAa,QAAQ,WAAW,EAAE,CAAC,KAAK;AAAA,IAAA;AAEjD,WAAO,MAAM,QAAQ,KAAK,IAAI,MAAM,MAAM,GAAG,WAAW,IAAI,CAAA;AAAA,EAC9D,QAAQ;AACN,WAAO,CAAA;AAAA,EACT;AACF;AAEO,SAAS,0BACd,IACA,OAC4B;AAC5B,QAAM,UAAU,wBAAwB,EAAE,EAAE;AAAA,IAC1C,CAAC,UAAU,MAAM,UAAU;AAAA,EAAA;AAE7B,QAAM,OAAO,CAAC,EAAE,OAAO,IAAI,KAAK,MAAI,GAAK,GAAG,OAAO,EAAE,MAAM,GAAG,WAAW;AACzE,MAAI,OAAO,WAAW,aAAa;AACjC,WAAO,aAAa,QAAQ,WAAW,EAAE,GAAG,KAAK,UAAU,IAAI,CAAC;AAAA,EAClE;AACA,SAAO;AACT;AAEO,SAAS,6BACd,SACA,eACA,mBACA;AACA,SAAO;AAAA,IACLA,iBAAA;AAAA,IACAC,KAAAA,OAAO,GAAG;AAAA,MACR;AAAA,QACE,KAAK;AAAA,QACL,KAAK,MAAM;AACT,kBAAA;AACA,iBAAO;AAAA,QACT;AAAA,MAAA;AAAA,MAEF,GAAGC,SAAAA;AAAAA,IAAA,CACJ;AAAA,IACDC,KAAAA,WAAW;AAAA,IACXA,KAAAA,WAAW,eAAe,GAAG,CAAC,WAAW;AACvC,UAAI,OAAO,WAAY,eAAc,OAAO,MAAM,IAAI,UAAU;AAAA,IAClE,CAAC;AAAA,IACDA,KAAAA,WAAW,MAAM;AAAA,MACf,KAAK,EAAE,QAAQ,QAAQ,UAAU,QAAQ,YAAY,cAAA;AAAA,MACrD,gBAAgB;AAAA,QACd,YAAY;AAAA,MAAA;AAAA,MAEd,eAAe,EAAE,SAAS,SAAA;AAAA,MAC1B,eAAe,EAAE,YAAY,eAAe,QAAQ,OAAA;AAAA,MACpD,gBAAgB,EAAE,SAAS,OAAA;AAAA,IAAO,CACnC;AAAA,IACD;AAAA,EAAA;AAEJ;AAEO,SAAS,8BACd,UACA,YACW;AACX,MAAI,aAAa,OAAO;AACtB,SAAI,yCAAY,UAAS,MAAO,QAAOC,QAAAA,IAAA;AACvC,WAAOA,YAAI;AAAA,MACT,SAASC,wBAAAA,WAAW,WAAW,OAAO;AAAA,MACtC,QAAQC,wBAAAA,uBAAuB,WAAW,OAAO;AAAA,MACjD,mBAAmB;AAAA,MACnB,GAAI,WAAW,gBACX,EAAE,eAAe,WAAW,cAAA,IAC5B,CAAA;AAAA,IAAC,CACN;AAAA,EACH;AACA,MAAI,aAAa,QAAQ;AACvB,SAAI,yCAAY,UAAS,cAAe,QAAOC,SAAAA,KAAA;AAC/C,WAAO;AAAA,MACLA,cAAA;AAAA,MACAC,4BAAe;AAAA,QACb,UAAU,CAACC,wBAAAA,+BAA+B,WAAW,MAAM,CAAC;AAAA,MAAA,CAC7D;AAAA,IAAA;AAAA,EAEL;AACA,SAAO,CAAA;AACT;;;;;"}

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

@@ -0,0 +1,12 @@
+import { Extension } from '@codemirror/state';
+import { QueryBrowserCompletion } from './QueryBrowser.completion';
+export type QueryBrowserLanguage = "sql" | "json" | "text";
+export type QueryBrowserHistoryEntry = {
+    query: string;
+    at: number;
+};
+export declare function readQueryBrowserHistory(id: string): QueryBrowserHistoryEntry[];
+export declare function rememberQueryBrowserQuery(id: string, query: string): QueryBrowserHistoryEntry[];
+export declare function queryBrowserEditorExtensions(execute: () => void, onQueryChange: (query: string) => void, languageExtension: Extension): Extension[];
+export declare function queryBrowserLanguageExtension(language: QueryBrowserLanguage, completion?: QueryBrowserCompletion): Extension;
+//# sourceMappingURL=QueryBrowser.editor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QueryBrowser.editor.d.ts","sourceRoot":"","sources":["../../../src/data/query-browser/QueryBrowser.editor.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAIL,KAAK,sBAAsB,EAC5B,MAAM,2BAA2B,CAAC;AAEnC,MAAM,MAAM,oBAAoB,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;AAC3D,MAAM,MAAM,wBAAwB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AAQrE,wBAAgB,uBAAuB,CACrC,EAAE,EAAE,MAAM,GACT,wBAAwB,EAAE,CAU5B;AAED,wBAAgB,yBAAyB,CACvC,EAAE,EAAE,MAAM,EACV,KAAK,EAAE,MAAM,GACZ,wBAAwB,EAAE,CAS5B;AAED,wBAAgB,4BAA4B,CAC1C,OAAO,EAAE,MAAM,IAAI,EACnB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,EACtC,iBAAiB,EAAE,SAAS,eA6B7B;AAED,wBAAgB,6BAA6B,CAC3C,QAAQ,EAAE,oBAAoB,EAC9B,UAAU,CAAC,EAAE,sBAAsB,GAClC,SAAS,CAsBX"}

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

@@ -0,0 +1,88 @@
+import { autocompletion } from "@codemirror/autocomplete";
+import { history, historyKeymap } from "@codemirror/commands";
+import { json } from "@codemirror/lang-json";
+import { sql } from "@codemirror/lang-sql";
+import { EditorView, keymap } from "@codemirror/view";
+import { sqlCompletionNamespace, dialectFor, openSearchJSONCompletionSource } from "./QueryBrowser.completion.js";
+const MAX_HISTORY = 50;
+function historyKey(id) {
+  return `clicky-ui:query-browser:${id}:history`;
+}
+function readQueryBrowserHistory(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 rememberQueryBrowserQuery(id, query) {
+  const entries = readQueryBrowserHistory(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 queryBrowserEditorExtensions(execute, onQueryChange, languageExtension) {
+  return [
+    history(),
+    keymap.of([
+      {
+        key: "Mod-Enter",
+        run: () => {
+          execute();
+          return true;
+        }
+      },
+      ...historyKeymap
+    ]),
+    EditorView.lineWrapping,
+    EditorView.updateListener.of((update) => {
+      if (update.docChanged) onQueryChange(update.state.doc.toString());
+    }),
+    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" }
+    }),
+    languageExtension
+  ];
+}
+function queryBrowserLanguageExtension(language, completion) {
+  if (language === "sql") {
+    if ((completion == null ? void 0 : completion.kind) !== "sql") return sql();
+    return sql({
+      dialect: dialectFor(completion.dialect),
+      schema: sqlCompletionNamespace(completion.schemas),
+      upperCaseKeywords: true,
+      ...completion.defaultSchema ? { defaultSchema: completion.defaultSchema } : {}
+    });
+  }
+  if (language === "json") {
+    if ((completion == null ? void 0 : completion.kind) !== "json-fields") return json();
+    return [
+      json(),
+      autocompletion({
+        override: [openSearchJSONCompletionSource(completion.fields)]
+      })
+    ];
+  }
+  return [];
+}
+export {
+  queryBrowserEditorExtensions,
+  queryBrowserLanguageExtension,
+  readQueryBrowserHistory,
+  rememberQueryBrowserQuery
+};
+//# sourceMappingURL=QueryBrowser.editor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QueryBrowser.editor.js","sources":["../../../src/data/query-browser/QueryBrowser.editor.ts"],"sourcesContent":["import { autocompletion } from \"@codemirror/autocomplete\";\nimport { history, historyKeymap } from \"@codemirror/commands\";\nimport { json } from \"@codemirror/lang-json\";\nimport { sql } from \"@codemirror/lang-sql\";\nimport type { Extension } from \"@codemirror/state\";\nimport { EditorView, keymap } from \"@codemirror/view\";\nimport {\n  dialectFor,\n  openSearchJSONCompletionSource,\n  sqlCompletionNamespace,\n  type QueryBrowserCompletion,\n} from \"./QueryBrowser.completion\";\n\nexport type QueryBrowserLanguage = \"sql\" | \"json\" | \"text\";\nexport type QueryBrowserHistoryEntry = { query: string; at: number };\n\nconst MAX_HISTORY = 50;\n\nfunction historyKey(id: string) {\n  return `clicky-ui:query-browser:${id}:history`;\n}\n\nexport function readQueryBrowserHistory(\n  id: string,\n): QueryBrowserHistoryEntry[] {\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\nexport function rememberQueryBrowserQuery(\n  id: string,\n  query: string,\n): QueryBrowserHistoryEntry[] {\n  const entries = readQueryBrowserHistory(id).filter(\n    (entry) => entry.query !== query,\n  );\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\nexport function queryBrowserEditorExtensions(\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\nexport function queryBrowserLanguageExtension(\n  language: QueryBrowserLanguage,\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"],"names":[],"mappings":";;;;;;AAgBA,MAAM,cAAc;AAEpB,SAAS,WAAW,IAAY;AAC9B,SAAO,2BAA2B,EAAE;AACtC;AAEO,SAAS,wBACd,IAC4B;AAC5B,MAAI,OAAO,WAAW,YAAa,QAAO,CAAA;AAC1C,MAAI;AACF,UAAM,QAAQ,KAAK;AAAA,MACjB,OAAO,aAAa,QAAQ,WAAW,EAAE,CAAC,KAAK;AAAA,IAAA;AAEjD,WAAO,MAAM,QAAQ,KAAK,IAAI,MAAM,MAAM,GAAG,WAAW,IAAI,CAAA;AAAA,EAC9D,QAAQ;AACN,WAAO,CAAA;AAAA,EACT;AACF;AAEO,SAAS,0BACd,IACA,OAC4B;AAC5B,QAAM,UAAU,wBAAwB,EAAE,EAAE;AAAA,IAC1C,CAAC,UAAU,MAAM,UAAU;AAAA,EAAA;AAE7B,QAAM,OAAO,CAAC,EAAE,OAAO,IAAI,KAAK,MAAI,GAAK,GAAG,OAAO,EAAE,MAAM,GAAG,WAAW;AACzE,MAAI,OAAO,WAAW,aAAa;AACjC,WAAO,aAAa,QAAQ,WAAW,EAAE,GAAG,KAAK,UAAU,IAAI,CAAC;AAAA,EAClE;AACA,SAAO;AACT;AAEO,SAAS,6BACd,SACA,eACA,mBACA;AACA,SAAO;AAAA,IACL,QAAA;AAAA,IACA,OAAO,GAAG;AAAA,MACR;AAAA,QACE,KAAK;AAAA,QACL,KAAK,MAAM;AACT,kBAAA;AACA,iBAAO;AAAA,QACT;AAAA,MAAA;AAAA,MAEF,GAAG;AAAA,IAAA,CACJ;AAAA,IACD,WAAW;AAAA,IACX,WAAW,eAAe,GAAG,CAAC,WAAW;AACvC,UAAI,OAAO,WAAY,eAAc,OAAO,MAAM,IAAI,UAAU;AAAA,IAClE,CAAC;AAAA,IACD,WAAW,MAAM;AAAA,MACf,KAAK,EAAE,QAAQ,QAAQ,UAAU,QAAQ,YAAY,cAAA;AAAA,MACrD,gBAAgB;AAAA,QACd,YAAY;AAAA,MAAA;AAAA,MAEd,eAAe,EAAE,SAAS,SAAA;AAAA,MAC1B,eAAe,EAAE,YAAY,eAAe,QAAQ,OAAA;AAAA,MACpD,gBAAgB,EAAE,SAAS,OAAA;AAAA,IAAO,CACnC;AAAA,IACD;AAAA,EAAA;AAEJ;AAEO,SAAS,8BACd,UACA,YACW;AACX,MAAI,aAAa,OAAO;AACtB,SAAI,yCAAY,UAAS,MAAO,QAAO,IAAA;AACvC,WAAO,IAAI;AAAA,MACT,SAAS,WAAW,WAAW,OAAO;AAAA,MACtC,QAAQ,uBAAuB,WAAW,OAAO;AAAA,MACjD,mBAAmB;AAAA,MACnB,GAAI,WAAW,gBACX,EAAE,eAAe,WAAW,cAAA,IAC5B,CAAA;AAAA,IAAC,CACN;AAAA,EACH;AACA,MAAI,aAAa,QAAQ;AACvB,SAAI,yCAAY,UAAS,cAAe,QAAO,KAAA;AAC/C,WAAO;AAAA,MACL,KAAA;AAAA,MACA,eAAe;AAAA,QACb,UAAU,CAAC,+BAA+B,WAAW,MAAM,CAAC;AAAA,MAAA,CAC7D;AAAA,IAAA;AAAA,EAEL;AACA,SAAO,CAAA;AACT;"}

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

@@ -1,96 +1,21 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { history, historyKeymap } from "@codemirror/commands";
-import { autocompletion } from "@codemirror/autocomplete";
-import { json } from "@codemirror/lang-json";
-import { sql } from "@codemirror/lang-sql";
 import { Compartment, EditorState } from "@codemirror/state";
-import { EditorView, keymap } from "@codemirror/view";
+import { EditorView } from "@codemirror/view";
 import { useRef, useState, useCallback, useEffect, useMemo } from "react";
 import { Button } from "../../components/button.js";
 import { JsonSchemaForm } from "../../components/JsonSchemaForm.js";
 import { cn } from "../../lib/utils.js";
 import { SplitPane } from "../../layout/SplitPane.js";
 import { Icon } from "../Icon.js";
-import { DataTable } from "../DataTable.js";
 import { inferColumns } from "../data-table-utils.js";
 import { serverColumnsToDataTableColumns, serverFiltersToFilterBar } from "../data-table-server-filters.js";
 import { ErrorDetails } from "../diagnostics/ErrorDetails.js";
-import { Properties } from "../Properties.js";
-import { sqlCompletionNamespace, dialectFor, openSearchJSONCompletionSource } from "./QueryBrowser.completion.js";
+import { readQueryBrowserHistory, rememberQueryBrowserQuery, queryBrowserEditorExtensions, queryBrowserLanguageExtension } from "./QueryBrowser.editor.js";
+import { QueryBrowserDiagnosticsPanel } from "./QueryBrowserDiagnosticsPanel.js";
+import { QueryBrowserResults } from "./QueryBrowserResults.js";
+import { QueryBrowserExecutionError } from "./QueryBrowser.types.js";
+import { UiDebug } from "../../icons/components/UiDebug.js";
 import { UiPlay } from "../../icons/components/UiPlay.js";
-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 [
-    history(),
-    keymap.of([
-      {
-        key: "Mod-Enter",
-        run: () => {
-          execute();
-          return true;
-        }
-      },
-      ...historyKeymap
-    ]),
-    EditorView.lineWrapping,
-    EditorView.updateListener.of((update) => {
-      if (update.docChanged) onQueryChange(update.state.doc.toString());
-    }),
-    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 sql();
-    return sql({
-      dialect: dialectFor(completion.dialect),
-      schema: sqlCompletionNamespace(completion.schemas),
-      upperCaseKeywords: true,
-      ...completion.defaultSchema ? { defaultSchema: completion.defaultSchema } : {}
-    });
-  }
-  if (language === "json") {
-    if ((completion == null ? void 0 : completion.kind) !== "json-fields") return json();
-    return [
-      json(),
-      autocompletion({
-        override: [openSearchJSONCompletionSource(completion.fields)]
-      })
-    ];
-  }
-  return [];
-}
 function QueryBrowser({
   id,
   title,
@@ -119,7 +44,10 @@ function QueryBrowser({
   const [result, setResult] = useState(null);
   const [error, setError] = useState(null);
   const [pending, setPending] = useState(false);
-  const [entries, setEntries] = useState(() => readHistory(id));
+  const [debug, setDebug] = useState(false);
+  const [entries, setEntries] = useState(
+    () => readQueryBrowserHistory(id)
+  );
   const [filters, setFilters] = useState({});
   const lastRun = useRef(null);
   const executedFilters = useRef({});
@@ -137,10 +65,15 @@ function QueryBrowser({
         lastRun.current = {
           query: request.query,
           options: request.options,
+          ...request.filters ? { filters: request.filters } : {},
           ...next.columns ? { columns: next.columns } : {}
         };
       } catch (err) {
-        setError(err instanceof Error ? err.message : String(err));
+        setError({
+          message: err instanceof Error ? err.message : String(err),
+          query: request.query,
+          ...err instanceof QueryBrowserExecutionError && err.diagnostics ? { diagnostics: err.diagnostics } : {}
+        });
       } finally {
         setPending(false);
       }
@@ -159,7 +92,7 @@ function QueryBrowser({
     var _a;
     const query = currentQuery().trim();
     if (!query || pending) return;
-    setEntries(rememberQuery(id, query));
+    setEntries(rememberQueryBrowserQuery(id, query));
     const repeat = ((_a = lastRun.current) == null ? void 0 : _a.query) === query ? lastRun.current : null;
     const carried = repeat ? filters : {};
     if (carried !== filters) setFilters(carried);
@@ -169,18 +102,42 @@ function QueryBrowser({
       query,
       options,
       ...Object.keys(carried).length > 0 ? { filters: carried } : {},
-      ...(repeat == null ? void 0 : repeat.columns) ? { columns: repeat.columns } : {}
+      ...(repeat == null ? void 0 : repeat.columns) ? { columns: repeat.columns } : {},
+      ...debug ? { debug: true } : {}
     });
-  }, [currentQuery, filters, id, options, pending, runRequest]);
+  }, [currentQuery, debug, filters, id, options, pending, runRequest]);
   const rerunWithFilters = useCallback(
     async (selection) => {
       const previous = lastRun.current;
       if (!previous) {
-        throw new Error("QueryBrowser: a filter changed before any query had run");
+        throw new Error(
+          "QueryBrowser: a filter changed before any query had run"
+        );
+      }
+      await runRequest({
+        ...previous,
+        filters: selection,
+        ...(result == null ? void 0 : result.pagination) ? { pagination: { limit: result.pagination.limit } } : {},
+        ...debug ? { debug: true } : {}
+      });
+    },
+    [debug, result == null ? void 0 : result.pagination, runRequest]
+  );
+  const rerunAt = useCallback(
+    async (pagination) => {
+      const previous = lastRun.current;
+      if (!previous) {
+        throw new Error(
+          "QueryBrowser: pagination changed before any query had run"
+        );
       }
-      await runRequest({ ...previous, filters: selection });
+      await runRequest({
+        ...previous,
+        pagination,
+        ...debug ? { debug: true } : {}
+      });
     },
-    [runRequest]
+    [debug, runRequest]
   );
   useEffect(() => {
     if (!lastRun.current) return;
@@ -196,13 +153,15 @@ function QueryBrowser({
       parent: editorHost.current,
       state: EditorState.create({
         doc: initialQuery,
-        extensions: editorExtensions(
+        extensions: queryBrowserEditorExtensions(
           () => executeRef.current(),
           (query) => {
             var _a;
             return (_a = onQueryChangeRef.current) == null ? void 0 : _a.call(onQueryChangeRef, query);
           },
-          languageConfig.current.of(languageExtension(language, completion))
+          languageConfig.current.of(
+            queryBrowserLanguageExtension(language, completion)
+          )
         )
       })
     });
@@ -217,7 +176,7 @@ function QueryBrowser({
     if (!view) return;
     view.dispatch({
       effects: languageConfig.current.reconfigure(
-        languageExtension(language, completion)
+        queryBrowserLanguageExtension(language, completion)
       )
     });
   }, [completion, language]);
@@ -239,10 +198,11 @@ function QueryBrowser({
     [onOptionsChange]
   );
   useEffect(() => {
-    setEntries(readHistory(id));
+    setEntries(readQueryBrowserHistory(id));
     setResult(null);
     setError(null);
     setFilters({});
+    setDebug(false);
     lastRun.current = null;
     executedFilters.current = {};
   }, [id]);
@@ -257,7 +217,9 @@ function QueryBrowser({
     return (request) => {
       const previous = lastRun.current;
       if (!previous) {
-        throw new Error("QueryBrowser: a filter lookup ran before any query had");
+        throw new Error(
+          "QueryBrowser: a filter lookup ran before any query had"
+        );
       }
       return lookupFilterValues({ ...request, ...previous, filters });
     };
@@ -272,59 +234,53 @@ function QueryBrowser({
     [described, filters, lookupValues]
   );
   const serverFiltered = filterConfig.filters.length > 0 || filterConfig.timeRange !== void 0;
-  const defaultResults = result ? /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 flex-1 flex-col gap-2", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-3 text-xs text-muted-foreground", children: [
-      /* @__PURE__ */ jsxs("span", { children: [
-        rows.length.toLocaleString(),
-        " rows",
-        result.truncated ? "+" : ""
-      ] }),
-      result.truncated && /* @__PURE__ */ jsxs("span", { className: "text-amber-600 [[data-theme=dark]_&]:text-amber-400", children: [
-        "stopped at the console's ",
-        (result.limit ?? rows.length).toLocaleString(),
-        "-row bound; narrow the query to see the rest"
-      ] }),
-      result.affectedRows !== void 0 && /* @__PURE__ */ jsxs("span", { children: [
-        result.affectedRows.toLocaleString(),
-        " affected"
-      ] }),
-      result.durationMs !== void 0 && /* @__PURE__ */ jsxs("span", { children: [
-        Math.round(result.durationMs),
-        " ms"
-      ] }),
-      result.message && /* @__PURE__ */ jsx("span", { children: result.message })
-    ] }),
-    rows.length > 0 || described.length > 0 ? /* @__PURE__ */ jsx(
-      DataTable,
-      {
-        data: rows,
-        columns,
-        loading: pending,
-        autoFilter: false,
-        ...serverFiltered ? {
-          manualFilter: true,
-          externalFilters: filterConfig.filters,
-          ...filterConfig.timeRange ? { externalTimeRange: filterConfig.timeRange } : {}
-        } : { showGlobalFilter: true },
-        showFullscreenControl: true,
-        fullscreenTitle: title ?? queryLabel,
-        detailStyle: "dialog",
-        detailDialogTitle: "Row details",
-        renderExpandedRow: (row) => /* @__PURE__ */ jsx(
-          Properties,
-          {
-            items: Object.entries(row).map(([key, value]) => ({
-              key,
-              value
-            })),
-            renderLabel: (key) => key,
-            density: "compact"
-          }
-        ),
-        className: "min-h-0 flex-1"
-      }
-    ) : /* @__PURE__ */ jsx("div", { className: "rounded-md border border-dashed p-6 text-sm text-muted-foreground", children: result.message ?? "Statement completed with no rows." })
-  ] }) : /* @__PURE__ */ jsx("div", { className: "grid min-h-40 place-items-center text-sm text-muted-foreground", children: "Run a query to see results." });
+  const tablePagination = useMemo(() => {
+    const pagination = result == null ? void 0 : result.pagination;
+    if (!pagination) return void 0;
+    const shared = {
+      pageSize: pagination.limit,
+      ...pagination.total !== void 0 ? { total: pagination.total } : {},
+      ...pagination.totalRelation === "eq" || pagination.totalRelation === "gte" ? { totalRelation: pagination.totalRelation } : {},
+      hasMore: pagination.hasMore,
+      onPageSizeChange: (limit) => void rerunAt({ limit })
+    };
+    if (pagination.mode === "cursor") {
+      return {
+        ...shared,
+        page: 0,
+        cursor: {
+          ...pagination.cursor ? { current: pagination.cursor } : {},
+          ...pagination.nextCursor ? { next: pagination.nextCursor } : {},
+          onCursorChange: (cursor) => void rerunAt({
+            limit: pagination.limit,
+            ...cursor ? { cursor } : {}
+          })
+        }
+      };
+    }
+    const page = Math.floor((pagination.offset ?? 0) / pagination.limit);
+    return {
+      ...shared,
+      page,
+      onPageChange: (nextPage) => void rerunAt({
+        limit: pagination.limit,
+        offset: nextPage * pagination.limit
+      })
+    };
+  }, [rerunAt, result == null ? void 0 : result.pagination]);
+  const defaultResults = /* @__PURE__ */ jsx(
+    QueryBrowserResults,
+    {
+      result,
+      pending,
+      ...title ? { title } : {},
+      queryLabel,
+      columns,
+      filterConfig,
+      serverFiltered,
+      ...tablePagination ? { pagination: tablePagination } : {}
+    }
+  );
   const workspace = /* @__PURE__ */ jsxs("div", { className: "flex h-full min-h-0 flex-col overflow-hidden rounded-xl border bg-card", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2 border-b px-3 py-2", children: [
       /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
@@ -352,6 +308,19 @@ function QueryBrowser({
           ]
         }
       ),
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          size: "sm",
+          variant: debug ? "secondary" : "outline",
+          "aria-pressed": debug,
+          onClick: () => setDebug((enabled) => !enabled),
+          children: [
+            /* @__PURE__ */ jsx(Icon, { icon: UiDebug, className: "size-4" }),
+            "Debug"
+          ]
+        }
+      ),
       /* @__PURE__ */ jsxs(
         Button,
         {
@@ -379,18 +348,21 @@ function QueryBrowser({
       }
     ) }),
     /* @__PURE__ */ jsx("div", { ref: editorHost, className: "h-[34%] min-h-44 border-b" }),
-    /* @__PURE__ */ jsx("div", { className: "flex min-h-0 flex-1 flex-col overflow-auto p-3", children: error ? /* @__PURE__ */ jsx(
-      ErrorDetails,
-      {
-        diagnostics: {
-          message: error,
-          context: [
-            ["Query", currentQuery()],
-            ["Language", language]
-          ]
+    /* @__PURE__ */ jsx("div", { className: "flex min-h-0 flex-1 flex-col overflow-auto p-3", children: error ? /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsx(
+        ErrorDetails,
+        {
+          diagnostics: {
+            message: error.message,
+            context: [
+              ["Query", error.query],
+              ["Language", language]
+            ]
+          }
         }
-      }
-    ) : result && renderResults ? renderResults({ result, defaultView: defaultResults }) : defaultResults })
+      ),
+      error.diagnostics && /* @__PURE__ */ jsx(QueryBrowserDiagnosticsPanel, { diagnostics: error.diagnostics })
+    ] }) : result && renderResults ? renderResults({ result, defaultView: defaultResults }) : defaultResults })
   ] });
   return /* @__PURE__ */ jsx("div", { className: cn("h-[calc(100vh-15rem)] min-h-[32rem]", className), children: navigator ? /* @__PURE__ */ jsx(SplitPane, { defaultSplit: 28, left: navigator, right: workspace }) : workspace });
 }