@hankchen/canvas-editor 0.2.0 → 0.4.0

package/dist/index.js

@@ -501,6 +501,7 @@ function normalizeSchemaType(value) {
   const primary = value.find((entry) => entry !== "null" && entry !== "");
   return primary;
 }
+var FORMAT_ANNOTATIONS = /* @__PURE__ */ new Set(["date", "date-time"]);
 function annotationsOf(raw) {
   const node = {};
   const rawType = raw["type"];
@@ -515,6 +516,10 @@ function annotationsOf(raw) {
   if (typeof rawDescription === "string") node.description = rawDescription;
   const rawTitle = raw["title"];
   if (typeof rawTitle === "string") node.title = rawTitle;
+  const rawFormat = raw["format"];
+  if (node.type === "string" && typeof rawFormat === "string" && FORMAT_ANNOTATIONS.has(rawFormat)) {
+    node.format = rawFormat;
+  }
   return node;
 }
 function pointerEscape(key) {
@@ -692,15 +697,170 @@ function parseExpressionPath(expr) {
   return { ok: true, head: { kind: "bare", name: head }, rest };
 }
 
+// src/shared/expressionCall.ts
+var TRIM_CHARS = " 	\n\r\0\v";
+var WS_CHARS = " 	\n\r";
+var HEAD_STOP_CHARS = `()',.${TRIM_CHARS}`;
+function phpTrim(value) {
+  let start = 0;
+  let end = value.length;
+  while (start < end && TRIM_CHARS.includes(value[start])) start += 1;
+  while (end > start && TRIM_CHARS.includes(value[end - 1])) end -= 1;
+  return value.slice(start, end);
+}
+function skipWs(expr, pos) {
+  while (pos < expr.length && WS_CHARS.includes(expr[pos])) pos += 1;
+  return pos;
+}
+function isCallFragment(expr) {
+  let head = 0;
+  while (head < expr.length && !HEAD_STOP_CHARS.includes(expr[head])) head += 1;
+  if (head === 0) return false;
+  let pos = head;
+  while (pos < expr.length && TRIM_CHARS.includes(expr[pos])) pos += 1;
+  return expr[pos] === "(";
+}
+function parseExpressionCall(expr) {
+  let head = 0;
+  while (head < expr.length && !HEAD_STOP_CHARS.includes(expr[head])) head += 1;
+  if (head === 0) return { ok: false, error: "expression_syntax_error" };
+  const name = expr.slice(0, head);
+  let pos = skipWs(expr, head);
+  if (pos >= expr.length || expr[pos] !== "(") return { ok: false, error: "expression_syntax_error" };
+  pos = skipWs(expr, pos + 1);
+  const args = [];
+  if (pos < expr.length && expr[pos] === ")") {
+    pos += 1;
+  } else {
+    for (; ; ) {
+      if (pos >= expr.length) return { ok: false, error: "expression_syntax_error" };
+      const arg = parseCallArg(expr, pos);
+      if (!arg.ok) return arg;
+      args.push(arg.value);
+      pos = skipWs(expr, arg.end);
+      if (pos >= expr.length) return { ok: false, error: "expression_syntax_error" };
+      if (expr[pos] === ",") {
+        pos = skipWs(expr, pos + 1);
+        if (pos < expr.length && expr[pos] === ")") {
+          return { ok: false, error: "expression_syntax_error" };
+        }
+        continue;
+      }
+      if (expr[pos] === ")") {
+        pos += 1;
+        break;
+      }
+      return { ok: false, error: "expression_syntax_error" };
+    }
+  }
+  if (skipWs(expr, pos) !== expr.length) return { ok: false, error: "expression_syntax_error" };
+  if (args[0] !== void 0 && args[0].type !== "path") return { ok: false, error: "expression_syntax_error" };
+  for (const arg of args) {
+    if (arg.type === "path" && !parseExpressionPath(arg.value).ok) {
+      return { ok: false, error: "expression_syntax_error" };
+    }
+  }
+  return { ok: true, name, args };
+}
+function parseCallArg(expr, pos) {
+  const len = expr.length;
+  const ch = expr[pos];
+  if (ch === "'") {
+    let cursor = pos + 1;
+    let buf = "";
+    for (; ; ) {
+      if (cursor >= len) return { ok: false, error: "expression_syntax_error" };
+      if (expr[cursor] === "'") {
+        if (cursor + 1 < len && expr[cursor + 1] === "'") {
+          buf += "'";
+          cursor += 2;
+          continue;
+        }
+        cursor += 1;
+        break;
+      }
+      buf += expr[cursor];
+      cursor += 1;
+    }
+    return { ok: true, value: { type: "string", value: buf }, end: cursor };
+  }
+  if (ch >= "0" && ch <= "9") {
+    const start2 = pos;
+    const isDigitAt = (index) => {
+      const c = expr[index];
+      return c !== void 0 && c >= "0" && c <= "9";
+    };
+    while (isDigitAt(pos)) pos += 1;
+    if (pos < len && expr[pos] === "." && isDigitAt(pos + 1)) {
+      pos += 1;
+      while (isDigitAt(pos)) pos += 1;
+    }
+    return { ok: true, value: { type: "number", value: expr.slice(start2, pos) }, end: pos };
+  }
+  const start = pos;
+  while (pos < len && expr[pos] !== "," && expr[pos] !== ")") pos += 1;
+  const raw = phpTrim(expr.slice(start, pos));
+  if (raw === "") return { ok: false, error: "expression_syntax_error" };
+  return { ok: true, value: { type: "path", value: raw }, end: pos };
+}
+function expressionCallSlotAtEnd(expr) {
+  let head = 0;
+  while (head < expr.length && !HEAD_STOP_CHARS.includes(expr[head])) head += 1;
+  if (head === 0) return null;
+  let pos = skipWs(expr, head);
+  if (pos >= expr.length || expr[pos] !== "(") return null;
+  pos = skipWs(expr, pos + 1);
+  let index = 0;
+  for (; ; ) {
+    if (pos >= expr.length) return { name: expr.slice(0, head), index, text: "", stringSlot: false };
+    const ch = expr[pos];
+    if (ch === "'") {
+      let cursor = pos + 1;
+      for (; ; ) {
+        if (cursor >= expr.length) {
+          return { name: expr.slice(0, head), index, text: expr.slice(pos + 1), stringSlot: true };
+        }
+        if (expr[cursor] === "'") {
+          if (cursor + 1 < expr.length && expr[cursor + 1] === "'") {
+            cursor += 2;
+            continue;
+          }
+          cursor += 1;
+          break;
+        }
+        cursor += 1;
+      }
+      pos = cursor;
+    } else if (ch !== "," && ch !== ")") {
+      const argStart = pos;
+      while (pos < expr.length && expr[pos] !== "," && expr[pos] !== ")") pos += 1;
+      if (pos >= expr.length) {
+        return { name: expr.slice(0, head), index, text: phpTrim(expr.slice(argStart)), stringSlot: false };
+      }
+    }
+    if (pos >= expr.length) return { name: expr.slice(0, head), index: index + 1, text: "", stringSlot: false };
+    if (expr[pos] === ")") return null;
+    index += 1;
+    pos = skipWs(expr, pos + 1);
+  }
+}
+
 // src/shared/expressionScan.ts
 var PHP_TRIM_CHARS = " 	\n\r\0\v";
-function phpTrim(value) {
+function phpTrim2(value) {
   let start = 0;
   let end = value.length;
   while (start < end && PHP_TRIM_CHARS.includes(value[start])) start += 1;
   while (end > start && PHP_TRIM_CHARS.includes(value[end - 1])) end -= 1;
   return value.slice(start, end);
 }
+function fragmentSyntaxError(expr) {
+  if (expr === "") return "expression_syntax_error";
+  if (isCallFragment(expr)) {
+    return parseExpressionCall(expr).ok ? null : "expression_syntax_error";
+  }
+  return parseExpressionPath(expr).ok ? null : "expression_syntax_error";
+}
 function scanExpressionFragments(template) {
   const parts = [];
   let pos = 0;
@@ -712,15 +872,15 @@ function scanExpressionFragments(template) {
         parts.push({ kind: "literal", start: pos, end: open, text: template.slice(pos, open) });
       }
       const text = template.slice(open);
-      parts.push({ kind: "open", start: open, end: template.length, text, expr: phpTrim(text.slice(2)) });
+      parts.push({ kind: "open", start: open, end: template.length, text, expr: phpTrim2(text.slice(2)) });
       return { template, parts };
     }
     if (open > pos) {
       parts.push({ kind: "literal", start: pos, end: open, text: template.slice(pos, open) });
     }
     const raw = template.slice(open + 2, close);
-    const expr = phpTrim(raw);
-    const error = parseExpressionPath(expr).ok ? null : "expression_syntax_error";
+    const expr = phpTrim2(raw);
+    const error = fragmentSyntaxError(expr);
     parts.push({ kind: "fragment", start: open, end: close + 2, raw, expr, error });
     pos = close + 2;
     open = template.indexOf("{{", pos);
@@ -938,7 +1098,35 @@ function buildLayerOutline(doc, lockedPaths = []) {
   }
   return roots;
 }
-function createDefaultLayer(type) {
+var TEXT_PRESETS = [
+  { id: "heading", fontSize: 40 },
+  { id: "subheading", fontSize: 28 },
+  { id: "body", fontSize: 16 }
+];
+function defaultNextTextStyle() {
+  const base = createDefaultLayer("TextLayer");
+  return {
+    font: base.font,
+    fontSize: base.fontSize,
+    fontColor: base.fontColor,
+    autowrap: base.autowrap,
+    lineHeight: base.shape.lineHeight
+  };
+}
+function pickNextTextStylePatch(raw) {
+  const out = {};
+  if (raw === null || typeof raw !== "object") return out;
+  const source = raw;
+  if (typeof source.font === "string") out.font = source.font;
+  if (typeof source.fontSize === "number" && Number.isFinite(source.fontSize)) out.fontSize = source.fontSize;
+  if (typeof source.fontColor === "string") out.fontColor = source.fontColor;
+  if (typeof source.autowrap === "boolean") out.autowrap = source.autowrap;
+  if (typeof source.lineHeight === "number" && Number.isFinite(source.lineHeight) && source.lineHeight > 0) {
+    out.lineHeight = source.lineHeight;
+  }
+  return out;
+}
+function createDefaultLayer(type, textDefaults) {
   const base = {
     // name/visible 缺省态（layer-panel-ux 工单 01）：未命名 + 可见，wire 键省略
     name: "",
@@ -958,19 +1146,26 @@ function createDefaultLayer(type) {
     position: { anchor: "top-left", x: 0, y: 0 }
   };
   switch (type) {
-    case "TextLayer":
-      return {
+    case "TextLayer": {
+      const layer = {
         ...base,
         type,
-        shape: { ...base.shape, width: 200, height: 60 },
+        shape: {
+          ...base.shape,
+          width: 200,
+          height: 60,
+          lineHeight: textDefaults?.lineHeight ?? base.shape.lineHeight
+        },
         text: "\u6587\u672C",
         expression: null,
-        font: "",
-        fontSize: 24,
-        fontColor: "#111827",
+        font: textDefaults?.font ?? "",
+        fontSize: textDefaults?.fontSize ?? 24,
+        fontColor: textDefaults?.fontColor ?? "#111827",
         angle: 0,
-        autowrap: false
+        autowrap: textDefaults?.autowrap ?? false
       };
+      return layer;
+    }
     case "ImageLayer":
       return { ...base, type, shape: { ...base.shape, width: 200, height: 150 }, src: null, expression: null };
     case "QrCodeLayer":
@@ -1051,8 +1246,8 @@ function moveTableRowInDraft(draft, tablePath, fromRow, toRow) {
   rows.splice(reduced, 0, moved);
   return { from: fromRow, to: reduced };
 }
-function addRootLayerInDraft(draft, type) {
-  return insertRootLayerInDraft(draft, createDefaultLayer(type));
+function addRootLayerInDraft(draft, type, textDefaults) {
+  return insertRootLayerInDraft(draft, createDefaultLayer(type, textDefaults));
 }
 function insertRootLayerInDraft(draft, layer) {
   let min = Number.POSITIVE_INFINITY;
@@ -1407,6 +1602,9 @@ function resourceStatusesEqual(a, b) {
   }
   return true;
 }
+function nextTextStyleEqual(a, b) {
+  return a.font === b.font && a.fontSize === b.fontSize && a.fontColor === b.fontColor && a.autowrap === b.autowrap && a.lineHeight === b.lineHeight;
+}
 var EditorStore = class {
   docValue = null;
   uiValue = {
@@ -1420,6 +1618,7 @@ var EditorStore = class {
     editing: null,
     renaming: null,
     anchorExpanded: false,
+    nextTextStyle: defaultNextTextStyle(),
     dataSourceSchema: null,
     guides: [],
     rulersVisible: true,
@@ -1451,7 +1650,7 @@ var EditorStore = class {
   }
   /** 打开/替换文档：ui 选择/编辑/重命名会话与双向历史一并重置（新文档不继承旧路径/旧事务）；
    *  参考线/锁定集合/查找会话/建层武装与画拉会话随当次会话清空（对位轴/文档内容防护/
-   *  查询词/待命层型不跨文档），标尺显隐作为偏好保留 */
+   *  查询词/待命层型不跨文档），标尺显隐/锚点折叠/新层样式作为偏好保留 */
   openDocument(canvas) {
     this.docValue = canvas;
     this.undoSteps = [];
@@ -1585,6 +1784,16 @@ var EditorStore = class {
     this.uiValue = { ...this.uiValue, anchorExpanded: open };
     this.notify({ scope: "ui", branch: "anchorExpanded" });
   }
+  /**
+   * 新层样式槽逐字段合并（text-defaults 工单 01：捕获/预设/prefs 恢复的统一
+   * 写入口）：patch 并入现值，五字段值等短路（重复写同值零通知），不进历史。
+   */
+  setNextTextStyle(patch) {
+    const next = { ...this.uiValue.nextTextStyle, ...patch };
+    if (nextTextStyleEqual(this.uiValue.nextTextStyle, next)) return;
+    this.uiValue = { ...this.uiValue, nextTextStyle: next };
+    this.notify({ scope: "ui", branch: "nextTextStyle" });
+  }
   /**
    * 数据源 schema 声明替换（归一产物或降级 null，校验收口在注入缝不在这里）：
    * 同引用短路（重复注入同一归一产物不惊动订阅方）；仅 ui 通知，不参与重绘
@@ -1952,6 +2161,12 @@ function clampFindCursor(cursor, count) {
   if (count <= 0) return 0;
   return Math.min(Math.max(cursor, 0), count - 1);
 }
+function captureFieldOfKey(key) {
+  const single = key.length === 1 ? key[0] : null;
+  if (single === "font" || single === "fontSize" || single === "fontColor" || single === "autowrap") return single;
+  if (key.length === 2 && key[0] === "shape" && key[1] === "lineHeight") return "lineHeight";
+  return null;
+}
 function hasValidExpressionFragment(template) {
   return scanExpressionFragments(template).parts.some(
     (part) => part.kind === "fragment" && part.error === null
@@ -2536,8 +2751,17 @@ var EditorSession = class {
    * 武装建层（面板新增项/层型快捷键的统一入口，CONTEXT「武装」词条）：置 ui
    * 分支待命层型，下一次画布按下即开画拉；建层提交或 Esc 即解除——一次性
    * 待命态，无粘性工具（spec 决策 2）。重复武装同型值等短路零通知。
+   *
+   * preset（text-defaults 工单 01，CONTEXT「文本预设」词条）：文本预设 = 写
+   * 新层样式槽的快捷方式——命中档位先把档位值并入槽（v1 只 fontSize），再
+   * 武装；仅 TextLayer 生效；未知 id = 跳过写槽、武装照常（评审口径统一：
+   * 「空转」只指写槽，武装层型本身仍合法）。
    */
-  armLayerCreate(type) {
+  armLayerCreate(type, preset) {
+    if (preset !== void 0 && type === "TextLayer") {
+      const entry = TEXT_PRESETS.find((candidate) => candidate.id === preset);
+      if (entry) this.store.setNextTextStyle({ fontSize: entry.fontSize });
+    }
     this.store.setArmedCreate(type);
   }
   /** 解除建层武装（取消入口）：仅清待命态，零副作用。 */
@@ -2615,7 +2839,7 @@ var EditorSession = class {
     const clicked = Math.hypot(dx, dy) <= deadZoneScene;
     const index = { v: -1 };
     this.store.transact((draft) => {
-      const layer = createDefaultLayer(gesture.type);
+      const layer = createDefaultLayer(gesture.type, this.store.ui.nextTextStyle);
       if (clicked) {
         layer.position = { ...layer.position, x: gesture.startScene.x, y: gesture.startScene.y };
       } else {
@@ -2801,15 +3025,22 @@ var EditorSession = class {
    */
   getEditorPrefs() {
     const ui = this.store.ui;
-    return { rulersVisible: ui.rulersVisible, anchorExpanded: ui.anchorExpanded };
+    return {
+      rulersVisible: ui.rulersVisible,
+      anchorExpanded: ui.anchorExpanded,
+      nextTextStyle: ui.nextTextStyle
+    };
   }
   /**
    * 应用偏好（会话建立时一次性，跨会话恢复 prefs 的写入口）：整体替换
    * rulersVisible/anchorExpanded，不进历史；值等写入经 store 短路零通知。
+   * 新层样式（text-defaults 工单 01）走宽容读逐字段合并（pickNextTextStylePatch
+   * 共享谓词——与捕获同门，缺字/类型不符保留现值）。
    */
   applyEditorPrefs(prefs) {
     this.store.setRulersVisible(prefs.rulersVisible);
     this.store.setAnchorExpanded(prefs.anchorExpanded);
+    this.store.setNextTextStyle(pickNextTextStylePatch(prefs.nextTextStyle));
   }
   // ---- 对齐画布（layer-align-snap 工单 01）：图层盒整体对齐画布几何 ----
   /**
@@ -3037,6 +3268,23 @@ var EditorSession = class {
       renormalizeAutoHeightInDraft(layer);
       canonicalizeTableSyncInDraft(draft, path, key, this.textPolicies);
     }, options);
+    this.captureNextTextStyle(path, key, value);
+  }
+  /**
+   * 新层样式捕获（text-defaults 工单 01，CONTEXT「新层样式」词条）：属性面板
+   * 对 TextLayer 文本族五字段的权威写顺带更新偏好槽——「用户改过一次，下一个
+   * 新层沿用」。捕获口唯一（updateSpec 漏斗）：内容写（updateData）、样式粘贴
+   * （搬运不是偏好）、撤销重做都不经过此口。字段合法性走 editing 域共享谓词
+   * pickNextTextStylePatch（与 prefs 宽容读同门，评审合流不再双写）：目标层非
+   * TextLayer、键不命中或值类型不符即空转，符合字段经值等短路入槽。
+   */
+  captureNextTextStyle(path, key, value) {
+    const layer = this.store.doc ? resolveLayer(this.store.doc, path) : null;
+    if (!layer || layer.type !== "TextLayer") return;
+    const field = captureFieldOfKey(key);
+    if (field === null) return;
+    const patch = pickNextTextStylePatch({ [field]: value });
+    if (patch[field] !== void 0) this.store.setNextTextStyle(patch);
   }
   /**
    * 更新图层数据字段（wire data.value 的领域展开，按 type 分派）：
@@ -3223,7 +3471,7 @@ var EditorSession = class {
     if (!this.store.doc) return;
     const index = { v: -1 };
     this.store.transact((draft) => {
-      index.v = addRootLayerInDraft(draft, type);
+      index.v = addRootLayerInDraft(draft, type, this.store.ui.nextTextStyle);
     });
     if (index.v >= 0) this.store.setSelection(["layers", index.v]);
   }
@@ -3993,6 +4241,22 @@ function classifyWheel(input) {
   return "pan";
 }
 
+// src/shared/expressionFunctions.ts
+var EXPRESSION_FUNCTIONS = [
+  { name: "date", signature: "date(path[, format])", summary: "\u65E5\u671F\u683C\u5F0F\u5316\uFF08moment \u98CE\u683C token\uFF0C\u9884\u8BBE date/datetime\uFF09" },
+  { name: "number", signature: "number(path[, n])", summary: "\u5343\u5206\u4F4D\u5206\u7EC4" },
+  { name: "fixed", signature: "fixed(path[, n])", summary: "\u5B9A\u70B9\u8865\u96F6\uFF08\u7F3A\u7701 2 \u4F4D\uFF09" },
+  { name: "percent", signature: "percent(path[, n])", summary: "\u767E\u5206\u6BD4\uFF08\u4E58 100\uFF09" }
+];
+var NUMBER_FUNCTION_SUGGESTIONS = EXPRESSION_FUNCTIONS.filter(
+  (fn) => fn.name !== "date"
+);
+var DATE_FORMAT_SUGGESTIONS = [
+  { segment: "date", description: "\u9884\u8BBE \u2192 YYYY-MM-DD" },
+  { segment: "datetime", description: "\u9884\u8BBE \u2192 YYYY-MM-DD HH:mm:ss" },
+  { segment: "YYYY\u5E74MM\u6708DD\u65E5", description: "\u4E2D\u6587\u6A21\u677F\uFF08\u5199\u5373\u6240\u5F97\uFF09" }
+];
+
 // src/shared/expressionCandidates.ts
 function headName(head) {
   if (head.kind === "row") return "row";
@@ -4010,9 +4274,57 @@ function childCandidate(entry, prefix) {
   const path = prefix === "" ? entry.key : `${prefix}.${entry.key}`;
   return { path, segment: entry.key, ...candidateMeta(entry.node) };
 }
-function headCandidates(schema, context, rowSchema) {
+function callCandidatesFor(entry, path, exprLen) {
+  const extras = [];
+  if (entry.node.format === "date" || entry.node.format === "date-time") {
+    extras.push({
+      path: `date(${path}, '')`,
+      segment: `date(${path}, '')`,
+      cursorBack: 2,
+      replaceLen: exprLen,
+      filterKey: entry.key,
+      description: "\u65E5\u671F\u683C\u5F0F\u5316",
+      type: "\u51FD\u6570"
+    });
+  } else if (entry.node.type === "number") {
+    for (const fn of NUMBER_FUNCTION_SUGGESTIONS) {
+      extras.push({
+        path: `${fn.name}(${path})`,
+        segment: `${fn.name}(${path})`,
+        replaceLen: exprLen,
+        filterKey: entry.key,
+        description: fn.summary,
+        type: "\u51FD\u6570"
+      });
+    }
+  }
+  return extras;
+}
+function childCandidates(entry, prefix, exprLen, withBuckets) {
+  const base = childCandidate(entry, prefix);
+  if (!withBuckets) return [base];
+  return [base, ...callCandidatesFor(entry, base.path, exprLen)];
+}
+function functionCandidates() {
+  return EXPRESSION_FUNCTIONS.map((fn) => ({
+    path: fn.signature,
+    segment: `${fn.name}()`,
+    cursorBack: 1,
+    description: fn.summary,
+    type: "\u51FD\u6570"
+  }));
+}
+function dateFormatCandidates() {
+  return DATE_FORMAT_SUGGESTIONS.map((suggestion) => ({
+    path: suggestion.segment,
+    segment: suggestion.segment,
+    description: suggestion.description,
+    type: "\u683C\u5F0F"
+  }));
+}
+function headCandidates(schema, context, rowSchema, exprLen, withBuckets) {
   const view = schemaChildEntries(schema);
-  const candidates = view.entries.map((entry) => childCandidate(entry, ""));
+  const candidates = view.entries.flatMap((entry) => childCandidates(entry, "", exprLen, withBuckets));
   candidates.push({ path: "$root", segment: "$root" });
   if (context === "row") {
     candidates.push(rowSchema ? { path: "row", segment: "row", ...candidateMeta(rowSchema) } : { path: "row", segment: "row" });
@@ -4020,15 +4332,35 @@ function headCandidates(schema, context, rowSchema) {
   }
   return view.open === true ? { candidates, open: true } : { candidates };
 }
-function enumerateExpressionCandidates(schema, query) {
+function callSlotResult(schema, query) {
+  const slot = expressionCallSlotAtEnd(query.expr);
+  if (slot === null) {
+    return { ok: true, prefix: "", partial: "", candidates: [] };
+  }
+  if (slot.stringSlot && slot.index >= 1 && slot.name === "date") {
+    return { ok: true, prefix: "", partial: slot.text, candidates: dateFormatCandidates() };
+  }
+  if (slot.index === 0 && !isCallFragment(slot.text)) {
+    const sub = enumeratePathCandidates(schema, query, slot.text, false);
+    if (!sub.ok) return { ok: true, prefix: "", partial: "", candidates: [] };
+    return sub;
+  }
+  return { ok: true, prefix: "", partial: "", candidates: [] };
+}
+function enumeratePathCandidates(schema, query, expr, allowCallSuggestions) {
   if (schema === null) {
     return { ok: true, prefix: "", partial: "", candidates: [] };
   }
-  const hadTrailingDot = query.expr.endsWith(".");
-  const stripped = hadTrailingDot ? query.expr.slice(0, -1) : query.expr;
+  const hadTrailingDot = expr.endsWith(".");
+  const stripped = hadTrailingDot ? expr.slice(0, -1) : expr;
   if (stripped === "") {
-    if (query.expr === "") {
-      return { ok: true, prefix: "", partial: "", ...headCandidates(schema, query.context, query.rowSchema) };
+    if (expr === "") {
+      return {
+        ok: true,
+        prefix: "",
+        partial: "",
+        ...headCandidates(schema, query.context, query.rowSchema, expr.length, false)
+      };
     }
     return { ok: false, reason: "expression_syntax_error" };
   }
@@ -4049,8 +4381,17 @@ function enumerateExpressionCandidates(schema, query) {
     prefixPath = [];
     partial = headName(head);
   }
+  const withBuckets = allowCallSuggestions && partial !== "";
   if (prefixPath.length === 0) {
-    return { ok: true, prefix: "", partial, ...headCandidates(schema, query.context, query.rowSchema) };
+    const view2 = headCandidates(schema, query.context, query.rowSchema, expr.length, withBuckets);
+    const fns = allowCallSuggestions && expr !== "" ? functionCandidates() : [];
+    return {
+      ok: true,
+      prefix: "",
+      partial,
+      candidates: [...view2.candidates, ...fns],
+      ...view2.open === true ? { open: true } : {}
+    };
   }
   let base;
   let segments;
@@ -4079,10 +4420,19 @@ function enumerateExpressionCandidates(schema, query) {
     ok: true,
     prefix,
     partial,
-    candidates: view.entries.map((entry) => childCandidate(entry, prefix)),
+    candidates: view.entries.flatMap((entry) => childCandidates(entry, prefix, expr.length, withBuckets)),
     ...view.open === true ? { open: true } : {}
   };
 }
+function enumerateExpressionCandidates(schema, query) {
+  if (schema === null) {
+    return { ok: true, prefix: "", partial: "", candidates: [] };
+  }
+  if (isCallFragment(query.expr)) {
+    return callSlotResult(schema, query);
+  }
+  return enumeratePathCandidates(schema, query, query.expr, true);
+}
 
 // src/shared/rowsPathCandidates.ts
 function isArrayNode(node) {
@@ -4232,15 +4582,18 @@ export {
   ANCHORS,
   ARM_CREATE_LAYER_TYPES,
   CREATE_DEAD_ZONE_SCREEN_PX,
+  DATE_FORMAT_SUGGESTIONS,
   DEFAULT_EDITOR_SHORTCUTS,
   DEFAULT_ZOOM_BOUNDS,
   EDITOR_STATE_SCHEMA_VERSION,
+  EXPRESSION_FUNCTIONS,
   EditorSession,
   EditorStore,
   FontCatalog,
   HORIZONTAL_ALIGNS,
   LAYER_TYPES,
   MAX_HISTORY_STEPS,
+  NUMBER_FUNCTION_SUGGESTIONS,
   PACKAGE_NAME,
   PAN_TO_BOX_MARGIN_PX,
   PASTE_OFFSET_PX,
@@ -4250,6 +4603,7 @@ export {
   RESIZE_MIN_SIZE_PX,
   SNAP_THRESHOLD_SCREEN_PX,
   STYLE_FIELD_KEYS_BY_TYPE,
+  TEXT_PRESETS,
   UploadHandlerMissingError,
   VERTICAL_ALIGNS,
   WHEEL_ZOOM_STEP,
@@ -4273,9 +4627,11 @@ export {
   createDefaultLayer,
   createRubberBandRect,
   createTemplateTable,
+  defaultNextTextStyle,
   deleteLayerInDraft,
   enumerateExpressionCandidates,
   enumerateRowsPathCandidates,
+  expressionCallSlotAtEnd,
   expressionFragmentAtCursor,
   fitRect,
   fitViewport,
@@ -4285,6 +4641,7 @@ export {
   hitTest,
   insertRootLayerAdjacentInDraft,
   insertRootLayerInDraft,
+  isCallFragment,
   isImageContentUndrawn,
   isLayerPath,
   isLockedPath,
@@ -4303,11 +4660,14 @@ export {
   normalizeExpressionSchemaSource,
   panBy,
   panToBox,
+  parseExpressionCall,
   parseExpressionPath,
   parseExpressionSchema,
   pastePosition,
   pathStartsWith,
   pathsEqual,
+  phpTrim2 as phpTrim,
+  pickNextTextStylePatch,
   prepareRootPaste,
   readSpecField,
   remapPathAfterSplice,