@lunora/studio 0.0.0 → 1.0.0-alpha.10

package/dist/packem_shared/DataFilters-FNquMaiu.js

@@ -0,0 +1,249 @@
+import { c } from 'react/compiler-runtime';
+import { jsxDEV } from 'react/jsx-dev-runtime';
+
+const OPERATORS = [{
+  label: "=",
+  value: "eq"
+}, {
+  label: "≠",
+  value: "ne"
+}, {
+  label: "<",
+  value: "lt"
+}, {
+  label: "≤",
+  value: "lte"
+}, {
+  label: ">",
+  value: "gt"
+}, {
+  label: "≥",
+  value: "gte"
+}, {
+  label: "contains",
+  value: "contains"
+}];
+const toFilterClauses = (filters) => filters.filter((filter) => filter.column !== "").map((filter) => {
+  const numeric = filter.operator !== "contains" && filter.value.trim() !== "" && !Number.isNaN(Number(filter.value));
+  return {
+    column: filter.column,
+    operator: filter.operator,
+    value: numeric ? Number(filter.value) : filter.value
+  };
+});
+const DataFilters = (t0) => {
+  const $ = c(40);
+  const {
+    columns,
+    filters,
+    onFiltersChange,
+    onSearchChange,
+    search
+  } = t0;
+  let t1;
+  if ($[0] !== columns[0] || $[1] !== filters || $[2] !== onFiltersChange) {
+    t1 = () => {
+      onFiltersChange([...filters, {
+        column: columns[0] ?? "",
+        operator: "eq",
+        value: ""
+      }]);
+    };
+    $[0] = columns[0];
+    $[1] = filters;
+    $[2] = onFiltersChange;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const addFilter = t1;
+  let t2;
+  if ($[4] !== filters || $[5] !== onFiltersChange) {
+    t2 = (event) => {
+      const index = Number(event.currentTarget.dataset.index);
+      onFiltersChange(filters.filter((_, position) => position !== index));
+    };
+    $[4] = filters;
+    $[5] = onFiltersChange;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  const removeFilter = t2;
+  let t3;
+  if ($[7] !== filters || $[8] !== onFiltersChange) {
+    t3 = (event_0) => {
+      const index_0 = Number(event_0.currentTarget.dataset.index);
+      const next = event_0.currentTarget.value;
+      onFiltersChange(filters.map((filter, position_0) => position_0 === index_0 ? {
+        ...filter,
+        column: next
+      } : filter));
+    };
+    $[7] = filters;
+    $[8] = onFiltersChange;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  const changeColumn = t3;
+  let t4;
+  if ($[10] !== filters || $[11] !== onFiltersChange) {
+    t4 = (event_1) => {
+      const index_1 = Number(event_1.currentTarget.dataset.index);
+      const next_0 = event_1.currentTarget.value;
+      onFiltersChange(filters.map((filter_0, position_1) => position_1 === index_1 ? {
+        ...filter_0,
+        operator: next_0
+      } : filter_0));
+    };
+    $[10] = filters;
+    $[11] = onFiltersChange;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  const changeOperator = t4;
+  let t5;
+  if ($[13] !== filters || $[14] !== onFiltersChange) {
+    t5 = (event_2) => {
+      const index_2 = Number(event_2.currentTarget.dataset.index);
+      const next_1 = event_2.currentTarget.value;
+      onFiltersChange(filters.map((filter_1, position_2) => position_2 === index_2 ? {
+        ...filter_1,
+        value: next_1
+      } : filter_1));
+    };
+    $[13] = filters;
+    $[14] = onFiltersChange;
+    $[15] = t5;
+  } else {
+    t5 = $[15];
+  }
+  const changeValue = t5;
+  let t6;
+  if ($[16] !== onSearchChange || $[17] !== search) {
+    t6 = /* @__PURE__ */ jsxDEV("input", {
+      "aria-label": "Search rows",
+      "data-testid": "db-filter",
+      onChange: onSearchChange,
+      placeholder: "search table…",
+      value: search
+    }, void 0, false);
+    $[16] = onSearchChange;
+    $[17] = search;
+    $[18] = t6;
+  } else {
+    t6 = $[18];
+  }
+  let t7;
+  if ($[19] !== addFilter) {
+    t7 = /* @__PURE__ */ jsxDEV("button", {
+      "data-testid": "db-add-filter",
+      onClick: addFilter,
+      type: "button",
+      children: "Add filter"
+    }, void 0, false);
+    $[19] = addFilter;
+    $[20] = t7;
+  } else {
+    t7 = $[20];
+  }
+  let t8;
+  if ($[21] !== t6 || $[22] !== t7) {
+    t8 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-wrap items-center gap-1.5",
+      children: [t6, t7]
+    }, void 0, true);
+    $[21] = t6;
+    $[22] = t7;
+    $[23] = t8;
+  } else {
+    t8 = $[23];
+  }
+  let t9;
+  if ($[24] !== changeColumn || $[25] !== changeOperator || $[26] !== changeValue || $[27] !== columns || $[28] !== filters || $[29] !== removeFilter) {
+    let t102;
+    if ($[31] !== changeColumn || $[32] !== changeOperator || $[33] !== changeValue || $[34] !== columns || $[35] !== removeFilter) {
+      t102 = (filter_2, index_3) => /* @__PURE__ */ jsxDEV("div", {
+        className: "flex flex-wrap items-center gap-1.5",
+        "data-testid": "db-filter-row",
+        children: [/* @__PURE__ */ jsxDEV("select", {
+          "aria-label": "Filter column",
+          "data-index": index_3,
+          "data-testid": "db-filter-column",
+          onChange: changeColumn,
+          value: filter_2.column,
+          children: columns.map(_temp)
+        }, void 0, false), /* @__PURE__ */ jsxDEV("select", {
+          "aria-label": "Filter operator",
+          "data-index": index_3,
+          "data-testid": "db-filter-operator",
+          onChange: changeOperator,
+          value: filter_2.operator,
+          children: OPERATORS.map(_temp2)
+        }, void 0, false), /* @__PURE__ */ jsxDEV("input", {
+          "aria-label": "Filter value",
+          "data-index": index_3,
+          "data-testid": "db-filter-value",
+          onChange: changeValue,
+          placeholder: "value",
+          value: filter_2.value
+        }, void 0, false), /* @__PURE__ */ jsxDEV("button", {
+          "aria-label": "Remove filter",
+          "data-index": index_3,
+          "data-testid": "db-filter-remove",
+          onClick: removeFilter,
+          type: "button",
+          children: "✕"
+        }, void 0, false)]
+      }, index_3, true);
+      $[31] = changeColumn;
+      $[32] = changeOperator;
+      $[33] = changeValue;
+      $[34] = columns;
+      $[35] = removeFilter;
+      $[36] = t102;
+    } else {
+      t102 = $[36];
+    }
+    t9 = filters.map(t102);
+    $[24] = changeColumn;
+    $[25] = changeOperator;
+    $[26] = changeValue;
+    $[27] = columns;
+    $[28] = filters;
+    $[29] = removeFilter;
+    $[30] = t9;
+  } else {
+    t9 = $[30];
+  }
+  let t10;
+  if ($[37] !== t8 || $[38] !== t9) {
+    t10 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-col gap-1.5",
+      "data-testid": "db-filters",
+      children: [t8, t9]
+    }, void 0, true);
+    $[37] = t8;
+    $[38] = t9;
+    $[39] = t10;
+  } else {
+    t10 = $[39];
+  }
+  return t10;
+};
+function _temp(column) {
+  return /* @__PURE__ */ jsxDEV("option", {
+    value: column,
+    children: column
+  }, column, false);
+}
+function _temp2(operator) {
+  return /* @__PURE__ */ jsxDEV("option", {
+    value: operator.value,
+    children: operator.label
+  }, operator.value, false);
+}
+
+export { DataFilters, toFilterClauses };

package/dist/packem_shared/ErrorBoundary-BzAApI7J.js

@@ -0,0 +1,66 @@
+import { Component } from 'react';
+import { jsxDEV, Fragment } from 'react/jsx-dev-runtime';
+
+const CONTAINER_STYLE = {
+  border: "1px solid var(--destructive)",
+  color: "var(--destructive)",
+  padding: 12
+};
+const MESSAGE_STYLE = {
+  overflow: "auto",
+  whiteSpace: "pre-wrap"
+};
+class ErrorBoundary extends Component {
+  static getDerivedStateFromError(error) {
+    return {
+      error
+    };
+  }
+  state = {
+    error: null
+  };
+  componentDidCatch(error, info) {
+    console.error("[lunora-studio] panel error", error, info.componentStack);
+  }
+  reset = () => {
+    this.setState({
+      error: null
+    });
+  };
+  render() {
+    const {
+      children,
+      fallbackTitle,
+      label,
+      retryLabel
+    } = this.props;
+    const {
+      error
+    } = this.state;
+    if (error === null) {
+      return /* @__PURE__ */ jsxDEV(Fragment, {
+        children
+      }, void 0, false);
+    }
+    const title = fallbackTitle ?? (label === void 0 ? "Something went wrong" : `${label} failed`);
+    return /* @__PURE__ */ jsxDEV("div", {
+      "data-testid": "dash-error-boundary",
+      role: "alert",
+      style: CONTAINER_STYLE,
+      children: [/* @__PURE__ */ jsxDEV("strong", {
+        children: title
+      }, void 0, false), /* @__PURE__ */ jsxDEV("pre", {
+        "data-testid": "dash-error-message",
+        style: MESSAGE_STYLE,
+        children: error.message
+      }, void 0, false), /* @__PURE__ */ jsxDEV("button", {
+        "data-testid": "dash-error-retry",
+        onClick: this.reset,
+        type: "button",
+        children: retryLabel ?? "Try again"
+      }, void 0, false)]
+    }, void 0, true);
+  }
+}
+
+export { ErrorBoundary };

package/dist/packem_shared/ExportImportPanel-BGJqFK9X.js

@@ -0,0 +1,197 @@
+import { useLunora } from '@lunora/react';
+import { useState } from 'react';
+import { ConfirmButton } from './ConfirmButton-C2eVi2Qv.js';
+import { ShardInput } from './ShardInput-gx_DZXXn.js';
+import { B as Button } from './button-BhsN2uZH.js';
+import { C as Card, a as CardContent } from './card-DURq3ElK.js';
+import { T as Textarea } from './textarea-D3gaCU_-.js';
+import { a as useInvalidateAdmin } from './use-admin-query-4JQW2rr1.js';
+import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
+import { ADMIN_FUNCTIONS } from './ADMIN_FUNCTIONS-DjXgvJb6.js';
+import { f as fireAndForget, c as callOptions, e as errorMessage, a as adminRef } from './internal-rXJEAhXS.js';
+import { r as recordShard } from './shard-history-DyebH1R5.js';
+import { jsxDEV } from 'react/jsx-dev-runtime';
+
+const EXPORT_SHARD = adminRef(ADMIN_FUNCTIONS.exportShard);
+const IMPORT_SHARD = adminRef(ADMIN_FUNCTIONS.importShard);
+const toNdjson = (rows) => rows.map((row) => JSON.stringify(row)).join("\n");
+const parseNdjson = (text) => {
+  const rows = [];
+  const lines = text.split("\n");
+  for (const [index, rawLine] of lines.entries()) {
+    const line = rawLine.trim();
+    if (line === "") {
+      continue;
+    }
+    const parsed = JSON.parse(line);
+    if (typeof parsed !== "object" || parsed === null) {
+      throw new Error(`line ${(index + 1).toString()}: expected a { table, doc } object`);
+    }
+    const row = parsed;
+    if (typeof row.table !== "string" || typeof row.doc !== "object" || row.doc === null || Array.isArray(row.doc)) {
+      throw new Error(`line ${(index + 1).toString()}: expected a { table, doc } object`);
+    }
+    rows.push(row);
+  }
+  return rows;
+};
+const ExportImportPanel = ({
+  initialShardKey
+}) => {
+  const client = useLunora();
+  const invalidateAdmin = useInvalidateAdmin();
+  const t = useT();
+  const [shardKey, setShardKey] = useState(initialShardKey ?? "");
+  const [ndjson, setNdjson] = useState("");
+  const [busy, setBusy] = useState(false);
+  const [error, setError] = useState(null);
+  const [importResult, setImportResult] = useState(null);
+  const [exportCount, setExportCount] = useState(null);
+  const exportShard = async () => {
+    setBusy(true);
+    setError(null);
+    setImportResult(null);
+    try {
+      const result = await client.query(EXPORT_SHARD, {}, callOptions(shardKey));
+      recordShard(shardKey);
+      setNdjson(toNdjson(result.rows));
+      setExportCount(result.rows.length);
+    } catch (error_) {
+      setError(errorMessage(error_));
+    } finally {
+      setBusy(false);
+    }
+  };
+  const importShard = async () => {
+    setBusy(true);
+    setError(null);
+    setImportResult(null);
+    setExportCount(null);
+    let rows;
+    try {
+      rows = parseNdjson(ndjson);
+    } catch (error__0) {
+      setError(t("Invalid NDJSON: {message}", {
+        message: errorMessage(error__0)
+      }));
+      setBusy(false);
+      return;
+    }
+    try {
+      const result_0 = await client.query(IMPORT_SHARD, {
+        rows
+      }, callOptions(shardKey));
+      recordShard(shardKey);
+      setImportResult(result_0);
+      invalidateAdmin(ADMIN_FUNCTIONS.readTablePage);
+      invalidateAdmin(ADMIN_FUNCTIONS.listTables);
+    } catch (error__1) {
+      setError(errorMessage(error__1));
+    } finally {
+      setBusy(false);
+    }
+  };
+  const insertedTotal = importResult === null ? 0 : Object.values(importResult.inserted).reduce((sum, count) => sum + count, 0);
+  const runExport = () => {
+    fireAndForget(exportShard());
+  };
+  const runImport = () => {
+    fireAndForget(importShard());
+  };
+  const onNdjsonChange = (event) => {
+    setNdjson(event.target.value);
+  };
+  return /* @__PURE__ */ jsxDEV("div", {
+    className: "flex flex-col gap-4",
+    "data-testid": "lunora-export-import",
+    children: [/* @__PURE__ */ jsxDEV(Card, {
+      className: "rounded-xl border border-border bg-card shadow-xs",
+      children: [/* @__PURE__ */ jsxDEV("header", {
+        className: "border-b border-border px-4 py-3",
+        children: /* @__PURE__ */ jsxDEV("span", {
+          className: "font-mono text-[11px] tracking-wide text-muted-foreground uppercase",
+          children: t("Export")
+        }, void 0, false)
+      }, void 0, false), /* @__PURE__ */ jsxDEV(CardContent, {
+        className: "flex flex-col gap-3 p-4",
+        children: [/* @__PURE__ */ jsxDEV("div", {
+          className: "flex flex-wrap items-center gap-2",
+          children: [/* @__PURE__ */ jsxDEV(ShardInput, {
+            onChange: setShardKey,
+            testId: "ei-shard-input",
+            value: shardKey
+          }, void 0, false), /* @__PURE__ */ jsxDEV(Button, {
+            "data-testid": "ei-export",
+            disabled: busy,
+            onClick: runExport,
+            type: "button",
+            children: t("Export")
+          }, void 0, false)]
+        }, void 0, true), exportCount !== null && /* @__PURE__ */ jsxDEV("p", {
+          className: "text-sm text-muted-foreground",
+          "data-testid": "ei-export-result",
+          children: t("Exported {count} rows.", {
+            count: exportCount
+          })
+        }, void 0, false)]
+      }, void 0, true)]
+    }, void 0, true), /* @__PURE__ */ jsxDEV(Card, {
+      className: "rounded-xl border border-border bg-card shadow-xs",
+      children: [/* @__PURE__ */ jsxDEV("header", {
+        className: "border-b border-border px-4 py-3",
+        children: /* @__PURE__ */ jsxDEV("span", {
+          className: "font-mono text-[11px] tracking-wide text-muted-foreground uppercase",
+          children: t("Import")
+        }, void 0, false)
+      }, void 0, false), /* @__PURE__ */ jsxDEV(CardContent, {
+        className: "flex flex-col gap-3 p-4",
+        children: [/* @__PURE__ */ jsxDEV(Textarea, {
+          "aria-label": "NDJSON",
+          className: "font-mono text-xs min-h-40 rounded-md",
+          "data-testid": "ei-ndjson",
+          onChange: onNdjsonChange,
+          placeholder: '{"table":"messages","doc":{…}}',
+          value: ndjson
+        }, void 0, false), /* @__PURE__ */ jsxDEV("div", {
+          className: "flex flex-wrap items-center gap-2",
+          children: /* @__PURE__ */ jsxDEV(ConfirmButton, {
+            confirmLabel: t("Import (writes rows)?"),
+            disabled: busy || ndjson.trim() === "",
+            onConfirm: runImport,
+            testId: "ei-import",
+            children: t("Import")
+          }, void 0, false)
+        }, void 0, false), importResult !== null && /* @__PURE__ */ jsxDEV("div", {
+          className: "flex flex-col gap-2",
+          "data-testid": "ei-import-result",
+          children: [/* @__PURE__ */ jsxDEV("p", {
+            className: "text-sm text-muted-foreground",
+            children: t("Inserted {inserted}, {conflicts} conflicts, {errors} errors.", {
+              conflicts: importResult.conflicts,
+              errors: importResult.errors.length,
+              inserted: insertedTotal
+            })
+          }, void 0, false), importResult.errors.length > 0 && /* @__PURE__ */ jsxDEV("ul", {
+            className: "flex flex-col gap-1",
+            "data-testid": "ei-import-errors",
+            children: importResult.errors.map((rowError) => /* @__PURE__ */ jsxDEV("li", {
+              className: "text-xs text-destructive",
+              children: t("line {line} ({table}): {message}", {
+                line: rowError.line,
+                message: rowError.message,
+                table: rowError.table
+              })
+            }, `${rowError.table}-${rowError.line.toString()}`, false))
+          }, void 0, false)]
+        }, void 0, true)]
+      }, void 0, true)]
+    }, void 0, true), error !== null && /* @__PURE__ */ jsxDEV("p", {
+      className: "text-sm text-destructive",
+      "data-testid": "ei-error",
+      role: "alert",
+      children: error
+    }, void 0, false)]
+  }, void 0, true);
+};
+
+export { ExportImportPanel };