@tensorix/metahub 0.4.0 → 0.4.1

package/dist/edge-worker.js

@@ -639,16 +639,25 @@ var updateProperty = grouped(function updateProperty2(db, id, fields) {
   if (fields.type !== undefined && !PROP_TYPES.has(fields.type))
     throw new MhError("invalid_input", `unknown property type: ${fields.type}`);
   const effectiveType = fields.type ?? cur.type;
-  if (fields.config !== undefined)
-    validateConfig(effectiveType, fields.config);
-  else if (typeChanged)
-    validateConfig(fields.type, undefined);
+  let mergedConfig;
+  if (fields.config !== undefined) {
+    const merged = { ...cur.config ?? {} };
+    for (const [k, v] of Object.entries(fields.config)) {
+      if (v === null)
+        delete merged[k];
+      else
+        merged[k] = v;
+    }
+    mergedConfig = merged;
+    validateConfig(effectiveType, mergedConfig);
+  } else if (typeChanged)
+    validateConfig(fields.type, cur.config ?? undefined);
   if (fields.name !== undefined)
     emit(db, "properties", id, "name", fields.name);
   if (fields.type !== undefined)
     emit(db, "properties", id, "type", fields.type);
-  if (fields.config !== undefined)
-    emit(db, "properties", id, "config", fields.config);
+  if (mergedConfig !== undefined)
+    emit(db, "properties", id, "config", mergedConfig);
   if (fields.position !== undefined)
     emit(db, "properties", id, "position", fields.position);
   if (typeChanged) {
@@ -658,6 +667,75 @@ var updateProperty = grouped(function updateProperty2(db, id, fields) {
   }
   return getProperty(db, id);
 });
+function getSelectProperty(db, id) {
+  const prop = getProperty(db, id);
+  if (!prop)
+    throw new MhError("not_found", `no such property: ${id}`);
+  if (prop.type !== "select" && prop.type !== "multi_select")
+    throw new MhError("invalid_input", `${prop.type} property has no options`);
+  return { prop, options: prop.config?.options ?? [] };
+}
+var renameSelectOption = grouped(function renameSelectOption2(db, id, from, to) {
+  const { prop, options } = getSelectProperty(db, id);
+  to = to.trim();
+  if (!to)
+    throw new MhError("invalid_input", "option name must not be empty");
+  if (!options.includes(from))
+    throw new MhError("not_found", `no such option: ${from}`);
+  if (to === from)
+    return { property: prop, renamed: 0 };
+  if (options.includes(to))
+    throw new MhError("conflict", `option already exists: ${to}`);
+  emit(db, "properties", id, "config", {
+    ...prop.config ?? {},
+    options: options.map((o) => o === from ? to : o)
+  });
+  let renamed = 0;
+  if (prop.type === "select") {
+    const rows = db.query("SELECT id FROM records WHERE database_id = ? AND __deleted = 0 AND data ->> ? = ?").all(prop.database_id, id, from);
+    for (const r of rows)
+      emit(db, "records", r.id, id, to);
+    renamed = rows.length;
+  } else {
+    const rows = db.query("SELECT id, data ->> ? AS v FROM records WHERE database_id = ? AND __deleted = 0 AND data ->> ? IS NOT NULL").all(id, prop.database_id, id);
+    for (const r of rows) {
+      const vals = JSON.parse(r.v);
+      if (!Array.isArray(vals) || !vals.includes(from))
+        continue;
+      emit(db, "records", r.id, id, [...new Set(vals.map((v) => v === from ? to : v))]);
+      renamed++;
+    }
+  }
+  return { property: getProperty(db, id), renamed };
+});
+var removeSelectOption = grouped(function removeSelectOption2(db, id, name) {
+  const { prop, options } = getSelectProperty(db, id);
+  if (!options.includes(name))
+    throw new MhError("not_found", `no such option: ${name}`);
+  if (options.length === 1)
+    throw new MhError("invalid_input", "cannot remove the last option; delete the property instead");
+  emit(db, "properties", id, "config", {
+    ...prop.config ?? {},
+    options: options.filter((o) => o !== name)
+  });
+  let cleared = 0;
+  if (prop.type === "select") {
+    const rows = db.query("SELECT id FROM records WHERE database_id = ? AND __deleted = 0 AND data ->> ? = ?").all(prop.database_id, id, name);
+    for (const r of rows)
+      emit(db, "records", r.id, id, null);
+    cleared = rows.length;
+  } else {
+    const rows = db.query("SELECT id, data ->> ? AS v FROM records WHERE database_id = ? AND __deleted = 0 AND data ->> ? IS NOT NULL").all(id, prop.database_id, id);
+    for (const r of rows) {
+      const vals = JSON.parse(r.v);
+      if (!Array.isArray(vals) || !vals.includes(name))
+        continue;
+      emit(db, "records", r.id, id, vals.filter((v) => v !== name));
+      cleared++;
+    }
+  }
+  return { property: getProperty(db, id), cleared };
+});
 var removeProperty = grouped(function removeProperty2(db, id) {
   const prop = getProperty(db, id);
   if (!prop)

package/dist/index.js

@@ -953,7 +953,15 @@ function setPropertyWidth(db, id, width) {
   const w = Math.max(80, Math.min(2000, Math.round(width)));
   return updateProperty(db, id, { config: { ...cur.config ?? {}, width: w } });
 }
-var PROP_TYPES, PROPERTY_COLS, PROPERTY_SELECT, addProperty, updateProperty, removeProperty;
+function getSelectProperty(db, id) {
+  const prop = getProperty(db, id);
+  if (!prop)
+    throw new MhError("not_found", `no such property: ${id}`);
+  if (prop.type !== "select" && prop.type !== "multi_select")
+    throw new MhError("invalid_input", `${prop.type} property has no options`);
+  return { prop, options: prop.config?.options ?? [] };
+}
+var PROP_TYPES, PROPERTY_COLS, PROPERTY_SELECT, addProperty, updateProperty, renameSelectOption, removeSelectOption, removeProperty;
 var init_properties = __esm(() => {
   init_ids();
   init_crdt();
@@ -996,16 +1004,25 @@ var init_properties = __esm(() => {
     if (fields.type !== undefined && !PROP_TYPES.has(fields.type))
       throw new MhError("invalid_input", `unknown property type: ${fields.type}`);
     const effectiveType = fields.type ?? cur.type;
-    if (fields.config !== undefined)
-      validateConfig(effectiveType, fields.config);
-    else if (typeChanged)
-      validateConfig(fields.type, undefined);
+    let mergedConfig;
+    if (fields.config !== undefined) {
+      const merged = { ...cur.config ?? {} };
+      for (const [k, v] of Object.entries(fields.config)) {
+        if (v === null)
+          delete merged[k];
+        else
+          merged[k] = v;
+      }
+      mergedConfig = merged;
+      validateConfig(effectiveType, mergedConfig);
+    } else if (typeChanged)
+      validateConfig(fields.type, cur.config ?? undefined);
     if (fields.name !== undefined)
       emit(db, "properties", id, "name", fields.name);
     if (fields.type !== undefined)
       emit(db, "properties", id, "type", fields.type);
-    if (fields.config !== undefined)
-      emit(db, "properties", id, "config", fields.config);
+    if (mergedConfig !== undefined)
+      emit(db, "properties", id, "config", mergedConfig);
     if (fields.position !== undefined)
       emit(db, "properties", id, "position", fields.position);
     if (typeChanged) {
@@ -1015,6 +1032,67 @@ var init_properties = __esm(() => {
     }
     return getProperty(db, id);
   });
+  renameSelectOption = grouped(function renameSelectOption2(db, id, from, to) {
+    const { prop, options } = getSelectProperty(db, id);
+    to = to.trim();
+    if (!to)
+      throw new MhError("invalid_input", "option name must not be empty");
+    if (!options.includes(from))
+      throw new MhError("not_found", `no such option: ${from}`);
+    if (to === from)
+      return { property: prop, renamed: 0 };
+    if (options.includes(to))
+      throw new MhError("conflict", `option already exists: ${to}`);
+    emit(db, "properties", id, "config", {
+      ...prop.config ?? {},
+      options: options.map((o) => o === from ? to : o)
+    });
+    let renamed = 0;
+    if (prop.type === "select") {
+      const rows = db.query("SELECT id FROM records WHERE database_id = ? AND __deleted = 0 AND data ->> ? = ?").all(prop.database_id, id, from);
+      for (const r of rows)
+        emit(db, "records", r.id, id, to);
+      renamed = rows.length;
+    } else {
+      const rows = db.query("SELECT id, data ->> ? AS v FROM records WHERE database_id = ? AND __deleted = 0 AND data ->> ? IS NOT NULL").all(id, prop.database_id, id);
+      for (const r of rows) {
+        const vals = JSON.parse(r.v);
+        if (!Array.isArray(vals) || !vals.includes(from))
+          continue;
+        emit(db, "records", r.id, id, [...new Set(vals.map((v) => v === from ? to : v))]);
+        renamed++;
+      }
+    }
+    return { property: getProperty(db, id), renamed };
+  });
+  removeSelectOption = grouped(function removeSelectOption2(db, id, name) {
+    const { prop, options } = getSelectProperty(db, id);
+    if (!options.includes(name))
+      throw new MhError("not_found", `no such option: ${name}`);
+    if (options.length === 1)
+      throw new MhError("invalid_input", "cannot remove the last option; delete the property instead");
+    emit(db, "properties", id, "config", {
+      ...prop.config ?? {},
+      options: options.filter((o) => o !== name)
+    });
+    let cleared = 0;
+    if (prop.type === "select") {
+      const rows = db.query("SELECT id FROM records WHERE database_id = ? AND __deleted = 0 AND data ->> ? = ?").all(prop.database_id, id, name);
+      for (const r of rows)
+        emit(db, "records", r.id, id, null);
+      cleared = rows.length;
+    } else {
+      const rows = db.query("SELECT id, data ->> ? AS v FROM records WHERE database_id = ? AND __deleted = 0 AND data ->> ? IS NOT NULL").all(id, prop.database_id, id);
+      for (const r of rows) {
+        const vals = JSON.parse(r.v);
+        if (!Array.isArray(vals) || !vals.includes(name))
+          continue;
+        emit(db, "records", r.id, id, vals.filter((v) => v !== name));
+        cleared++;
+      }
+    }
+    return { property: getProperty(db, id), cleared };
+  });
   removeProperty = grouped(function removeProperty2(db, id) {
     const prop = getProperty(db, id);
     if (!prop)
@@ -18488,7 +18566,7 @@ var package_default;
 var init_package = __esm(() => {
   package_default = {
     name: "@tensorix/metahub",
-    version: "0.4.0",
+    version: "0.4.1",
     description: "Metahub core library and CLI",
     license: "AGPL-3.0-only",
     type: "module",
@@ -18528,6 +18606,7 @@ var init_package = __esm(() => {
       "@codemirror/commands": "6.10.4",
       "@codemirror/state": "6.7.0",
       "@codemirror/view": "6.43.4",
+      "@joplin/turndown-plugin-gfm": "^1.0.67",
       "@sqlite.org/sqlite-wasm": "^3.53.0-build1",
       aws4fetch: "^1.0.20",
       citty: "^0.1.6",
@@ -18536,7 +18615,6 @@ var init_package = __esm(() => {
       preact: "^10.29.2",
       "qrcode-generator": "^2.0.4",
       turndown: "^7.2.4",
-      "turndown-plugin-gfm": "^1.0.2",
       zod: "^4.4.3"
     },
     devDependencies: {
@@ -26896,15 +26974,57 @@ var styles_default = `  :root {
   .pop .typegrid .item .lico { margin:0 auto; }
   .pop input.field { width:100%; border:1px solid var(--line-strong); border-radius:var(--radius-sm); padding:7px 9px; outline:none; background:var(--surface); margin:2px; }
   .pop input.field:focus { border-color:var(--accent); }
+  /* select-cell picker: search/create input at the top of the popover */
+  .pop .selsearch { display:flex; align-items:center; gap:7px; margin:2px 2px 6px; padding:6px 9px;
+    border:1px solid var(--line-strong); border-radius:var(--radius-sm); background:var(--surface); color:var(--muted); }
+  .pop .selsearch:focus-within { border-color:var(--accent); }
+  .pop .selsearch input { flex:1; width:0; min-width:0; border:0; background:transparent; outline:none;
+    font:inherit; font-size:var(--fs-ui); color:var(--fg); }
+  .pop .selsearch input::placeholder { color:var(--muted); }
   .optrow { display:flex; align-items:center; gap:6px; padding:3px 4px; }
   .optrow .chip { flex:1; }
-  .optrow .x { width:22px; height:22px; display:grid; place-items:center; color:var(--muted); border-radius:5px; }
-  .optrow .x:hover { background:var(--hover-2); color:var(--danger); }
+  .optrow .grip { width:18px; height:22px; display:grid; place-items:center; color:var(--muted); cursor:grab; touch-action:none; flex:none; }
+  .optrow .grip.dim { color:color-mix(in srgb,var(--muted) 40%,transparent); cursor:default; }
+  .optrow .optlabel { flex:1; display:flex; min-width:0; text-align:left; cursor:pointer; }
+  .optrow .x { width:22px; height:22px; display:grid; place-items:center; color:var(--muted); border-radius:5px; flex:none; }
+  .optrow .x:hover { background:var(--hover-2); color:var(--fg); }
+  .optrow .x.del:hover { color:var(--danger); }
+  .optrow .x.ok:hover { color:var(--success); }
+  /* edit-state buttons fade in alongside the pill's ring */
+  .optrow .x.ok, .optrow .x.cancel { animation:optbtn-in .15s ease; }
+  @keyframes optbtn-in { from { opacity:0; } }
+  .optrow.drop-before { box-shadow:inset 0 2px 0 0 var(--accent); }
+  .optrow.drop-after { box-shadow:inset 0 -2px 0 0 var(--accent); }
+  /* In-place pill editor: mirrors .chip metrics exactly (padding/radius/type)
+     so entering edit never changes the row's size \u2014 only a color-matched ring
+     appears. Caret and selection reuse the option's own hue. */
+  /* width:0 kills the input's intrinsic width (browser default ~20ch) so the
+     popover doesn't widen when the row enters edit \u2014 flex:1 does the sizing.
+     The entry animation only fades the ring in: the pill background must stay
+     put or the swap from the chip reads as a flash. */
+  .optrow input.optedit { flex:1; width:0; min-width:0; margin:0; border:0; font:inherit; font-size:var(--fs-sm); font-weight:500;
+    padding:2px 8px; border-radius:5px; background:color-mix(in srgb,var(--c) 15%,transparent); color:var(--c);
+    caret-color:var(--c); outline:1.5px solid color-mix(in srgb,var(--c) 50%,transparent); outline-offset:0;
+    animation:optedit-in .18s ease; }
+  @keyframes optedit-in { from { outline-color:transparent; } }
+  .optrow input.optedit::selection { background:color-mix(in srgb,var(--c) 28%,transparent); }
+  :root[data-resolved="dark"] .optrow input.optedit { background:color-mix(in srgb,var(--c) 22%,transparent);
+    color:color-mix(in srgb,var(--c) 75%,#fff); caret-color:color-mix(in srgb,var(--c) 75%,#fff); }
+  /* Ghost add-row: quiet until it's needed \u2014 plus icon in the grip slot, a
+     bare borderless input; hover/focus tints the row like a menu item. */
+  .optrow.optadd { border-radius:var(--radius-sm); }
+  .optrow.optadd:hover, .optrow.optadd:focus-within { background:var(--hover-2); }
+  .optrow.optadd input { flex:1; width:0; min-width:0; margin:0; border:0; background:transparent; font:inherit;
+    font-size:var(--fs-sm); padding:2px 8px; color:var(--fg); outline:none; }
+  .optrow.optadd input::placeholder { color:var(--muted); }
 
   /* modal */
   .modal-scrim { position:fixed; inset:0; background:rgba(15,15,25,.4); z-index:100; display:flex; align-items:center; justify-content:center;
     opacity:0; pointer-events:none; transition:opacity .15s; padding:20px; }
   .modal-scrim.open { opacity:1; pointer-events:auto; }
+  /* opt-in (openModal aboveMenus): stack one dialog over the menu layer (115)
+     so a confirm can appear without dismissing an open popover */
+  .modal-scrim.above-menus { z-index:130; }
   .modal { background:var(--bg); border-radius:var(--radius-xl); box-shadow:var(--shadow-lg); width:440px; max-width:100%; max-height:100%; display:flex; flex-direction:column; overflow:hidden; }
   .modal-head { padding:20px 22px 0; }
   .modal-head h3 { margin:0; font-size:18px; font-weight:700; letter-spacing:-.01em; }
@@ -31024,6 +31144,8 @@ var UpdatePropertyReq = exports_external.object({
   position: exports_external.number().optional()
 });
 var SetWidthReq = exports_external.object({ width: exports_external.number() });
+var RenameOptionReq = exports_external.object({ from: exports_external.string(), to: exports_external.string() });
+var RemoveOptionReq = exports_external.object({ name: exports_external.string() });
 var RecordValuesReq = exports_external.record(exports_external.string(), exports_external.any()).describe("Flat { column: value } cell patch (keyed by property name).");
 var CreateDocumentReq = exports_external.object({
   title: exports_external.string(),
@@ -31335,7 +31457,7 @@ var webuiRoutes = [
   {
     method: "PATCH",
     path: "/api/property",
-    summary: "Update a property: rename, change type, edit config/options, reorder. Query: ?id=<id>",
+    summary: "Update a property: rename, change type, edit config, reorder. `config` is merged key-wise into the current config (set a key to null to remove it). Query: ?id=<id>",
     request: UpdatePropertyReq,
     response: PropertySchema,
     handler: handle3(async (req, { db: db2 }) => {
@@ -31343,6 +31465,28 @@ var webuiRoutes = [
       return updateProperty(db2, need3(req, "id"), body);
     })
   },
+  {
+    method: "POST",
+    path: "/api/property/option/rename",
+    summary: "Rename a select/multi_select option and rewrite every cell using the old name. Query: ?id=<id>",
+    request: RenameOptionReq,
+    response: exports_external.object({ property: PropertySchema, renamed: exports_external.number() }),
+    handler: handle3(async (req, { db: db2 }) => {
+      const body = await req.json();
+      return renameSelectOption(db2, need3(req, "id"), body.from, body.to);
+    })
+  },
+  {
+    method: "POST",
+    path: "/api/property/option/remove",
+    summary: "Remove a select/multi_select option and clear it from every cell using it. Query: ?id=<id>",
+    request: RemoveOptionReq,
+    response: exports_external.object({ property: PropertySchema, cleared: exports_external.number() }),
+    handler: handle3(async (req, { db: db2 }) => {
+      const body = await req.json();
+      return removeSelectOption(db2, need3(req, "id"), body.name);
+    })
+  },
   {
     method: "PATCH",
     path: "/api/property/width",
@@ -31730,6 +31874,8 @@ export {
   resolveEntity,
   resolveData,
   resolveCandidates,
+  renameSelectOption,
+  removeSelectOption,
   removeProperty,
   reconcile,
   rebuildSearchIndex,
@@ -31868,4 +32014,4 @@ export {
   BLOB_HASH_HEX
 };
 
-//# debugId=DA3A2F257B2F30C464756E2164756E21
+//# debugId=9052D340AA681E6D64756E2164756E21