@sofereditor/core 0.3.2 → 0.5.0

package/dist/index.cjs

@@ -30,6 +30,10 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  ANSWER_LINE_COLOR: () => ANSWER_LINE_COLOR,
+  ANSWER_LINE_MAX: () => ANSWER_LINE_MAX,
+  BLANK_MIN_RUN: () => BLANK_MIN_RUN,
+  BLANK_STYLE: () => BLANK_STYLE,
   BLOCK_SPECS: () => BLOCK_SPECS,
   CLEAR_ALL_MARKS: () => CLEAR_ALL_MARKS,
   COMMAND_ORIGIN: () => COMMAND_ORIGIN,
@@ -40,8 +44,13 @@ __export(index_exports, {
   MAX_LIST_LEVEL: () => MAX_LIST_LEVEL,
   PAGE_PRESETS: () => PAGE_PRESETS,
   SOFER_MIME: () => SOFER_MIME,
+  TABLE_BORDER_COLOR: () => TABLE_BORDER_COLOR,
+  TABLE_GUIDE_COLOR: () => TABLE_GUIDE_COLOR,
   TRACKED_ORIGINS: () => TRACKED_ORIGINS,
   Y: () => Y3,
+  answerLineStyle: () => answerLineStyle,
+  cellBorderColors: () => cellBorderColors,
+  cellBorderStyle: () => cellBorderStyle,
   cellsInRect: () => cellsInRect,
   clearRectCells: () => clearRectCells,
   collapsedSelection: () => collapsedSelection,
@@ -65,6 +74,7 @@ __export(index_exports, {
   getBlockId: () => getBlockId,
   getMarksInRange: () => getMarksInRange,
   indentList: () => indentList,
+  insertAnswerLines: () => insertAnswerLines,
   insertImage: () => insertImage,
   insertParagraph: () => insertParagraph,
   insertSlice: () => insertSlice,
@@ -93,6 +103,7 @@ __export(index_exports, {
   sameTextRun: () => sameTextRun,
   serializeSelection: () => serializeSelection,
   setBlockAttr: () => setBlockAttr,
+  setBlockAttrAtIndex: () => setBlockAttrAtIndex,
   setBlockType: () => setBlockType,
   setCellAttr: () => setCellAttr,
   setColumnWidth: () => setColumnWidth,
@@ -104,6 +115,8 @@ __export(index_exports, {
   spanOf: () => spanOf,
   splitCell: () => splitCell,
   splitListItem: () => splitListItem,
+  splitUnderscoreRuns: () => splitUnderscoreRuns,
+  styleToCssText: () => styleToCssText,
   tableLocationOf: () => tableLocationOf,
   tableRectSelection: () => tableRectSelection,
   toggleList: () => toggleList,
@@ -705,6 +718,7 @@ var ALL_MARKS = {
   underline: true,
   strike: true,
   color: true,
+  highlight: true,
   fontFamily: true,
   fontSize: true,
   link: true,
@@ -836,6 +850,88 @@ function sameMarkValue(a, b) {
   return false;
 }
 
+// src/decorations.ts
+var BLANK_MIN_RUN = 3;
+function splitUnderscoreRuns(text) {
+  if (text.length === 0) return [];
+  const re = new RegExp(`_{${BLANK_MIN_RUN},}`, "g");
+  const out = [];
+  let last = 0;
+  let match;
+  while ((match = re.exec(text)) !== null) {
+    if (match.index > last) out.push({ text: text.slice(last, match.index), blank: false });
+    out.push({ text: match[0], blank: true });
+    last = match.index + match[0].length;
+  }
+  if (last < text.length) out.push({ text: text.slice(last), blank: false });
+  return out;
+}
+var BLANK_STYLE = {
+  WebkitTextFillColor: "transparent",
+  borderBottom: "1px solid currentColor"
+};
+var ANSWER_LINE_COLOR = "#000000";
+function answerLineStyle(attrs) {
+  if (attrs.answerLine !== true) return void 0;
+  const spacing = attrs.answerLineSpacing ?? 1;
+  return {
+    borderBottom: `1px solid ${ANSWER_LINE_COLOR}`,
+    lineHeight: String(spacing),
+    // `minHeight` casado com a entrelinha, e NÃO redundante: o CSS do
+    // consumidor costuma trazer `min-height` em parágrafo (o playground usa
+    // 1.5em "para manter parágrafo vazio visível"). Sem esta linha, "Simples"
+    // e "1,5" renderizariam com a mesma altura.
+    minHeight: `${spacing}em`
+  };
+}
+function styleToCssText(style) {
+  return Object.entries(style).map(([k, v]) => `${kebab(k)}:${v}`).join(";");
+}
+function kebab(prop) {
+  if (prop.startsWith("--")) return prop;
+  return prop.replace(/[A-Z]/g, (c) => `-${c.toLowerCase()}`);
+}
+
+// src/table-borders.ts
+var TABLE_BORDER_COLOR = "#cbd5e1";
+var TABLE_GUIDE_COLOR = "var(--ed-guide-color, transparent)";
+function cellBorderColors(preset, pos, variant, color) {
+  const on = color && color.length > 0 ? color : TABLE_BORDER_COLOR;
+  const off = variant === "screen" ? TABLE_GUIDE_COLOR : "transparent";
+  switch (preset ?? "all") {
+    case "horizontal":
+      return { top: on, right: off, bottom: on, left: off };
+    case "vertical":
+      return { top: off, right: on, bottom: off, left: on };
+    case "none":
+      return { top: off, right: off, bottom: off, left: off };
+    case "outer": {
+      const isTop = pos.row === pos.rowStart;
+      const isBottom = pos.row + Math.max(1, pos.rowspan) - 1 === pos.rowEnd - 1;
+      const isLeft = pos.col === 0;
+      const isRight = pos.col + Math.max(1, pos.colspan) - 1 === pos.cols - 1;
+      return {
+        top: isTop ? on : off,
+        right: isRight ? on : off,
+        bottom: isBottom ? on : off,
+        left: isLeft ? on : off
+      };
+    }
+    case "all":
+    default:
+      return { top: on, right: on, bottom: on, left: on };
+  }
+}
+function cellBorderStyle(preset, pos, variant, color) {
+  const c = cellBorderColors(preset, pos, variant, color);
+  return {
+    borderTopColor: c.top,
+    borderRightColor: c.right,
+    borderBottomColor: c.bottom,
+    borderLeftColor: c.left
+  };
+}
+
 // src/commands.ts
 var Y3 = __toESM(require("yjs"), 1);
 
@@ -1160,6 +1256,16 @@ function setBlockAttr(ctx, key, value) {
     ctx.setSelection(sel);
   });
 }
+function setBlockAttrAtIndex(ctx, blockIndex, key, value) {
+  transact(ctx.doc, () => {
+    const block = ctx.doc.getBlock(blockIndex);
+    if (!block) return;
+    const attrsMap = block.get("attrs") ?? new Y3.Map();
+    if (!block.get("attrs")) block.set("attrs", attrsMap);
+    if (value === null || value === void 0) attrsMap.delete(key);
+    else attrsMap.set(key, value);
+  });
+}
 function setCellAttr(ctx, key, value) {
   transact(ctx.doc, () => {
     const sel = ctx.getSelection();
@@ -1428,6 +1534,19 @@ function clampLevel(l) {
   if (typeof l !== "number" || !Number.isFinite(l)) return 0;
   return Math.max(0, Math.min(MAX_LIST_LEVEL, Math.trunc(l)));
 }
+var ANSWER_LINE_MAX = 50;
+function insertAnswerLines(ctx, count, spacing) {
+  const n = Math.max(1, Math.min(ANSWER_LINE_MAX, Math.trunc(count)));
+  transact(ctx.doc, () => {
+    const sel = ctx.getSelection();
+    const focusBlock = Math.max(0, Math.min(sel.focus.blockIndex, ctx.doc.blockCount() - 1));
+    const insertAt = focusBlock + 1;
+    const attrs = { answerLine: true, answerLineSpacing: spacing };
+    const blocks = Array.from({ length: n }, () => createBlock("paragraph", "", attrs));
+    ctx.doc.blocks.insert(insertAt, blocks);
+    ctx.setSelection(collapsedSelection({ blockIndex: insertAt, offset: 0 }));
+  });
+}
 function insertTable(ctx, rows, cols) {
   const r = Math.max(1, Math.trunc(rows));
   const c = Math.max(1, Math.trunc(cols));
@@ -2176,6 +2295,10 @@ var EditorHistory = class {
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  ANSWER_LINE_COLOR,
+  ANSWER_LINE_MAX,
+  BLANK_MIN_RUN,
+  BLANK_STYLE,
   BLOCK_SPECS,
   CLEAR_ALL_MARKS,
   COMMAND_ORIGIN,
@@ -2186,8 +2309,13 @@ var EditorHistory = class {
   MAX_LIST_LEVEL,
   PAGE_PRESETS,
   SOFER_MIME,
+  TABLE_BORDER_COLOR,
+  TABLE_GUIDE_COLOR,
   TRACKED_ORIGINS,
   Y,
+  answerLineStyle,
+  cellBorderColors,
+  cellBorderStyle,
   cellsInRect,
   clearRectCells,
   collapsedSelection,
@@ -2211,6 +2339,7 @@ var EditorHistory = class {
   getBlockId,
   getMarksInRange,
   indentList,
+  insertAnswerLines,
   insertImage,
   insertParagraph,
   insertSlice,
@@ -2239,6 +2368,7 @@ var EditorHistory = class {
   sameTextRun,
   serializeSelection,
   setBlockAttr,
+  setBlockAttrAtIndex,
   setBlockType,
   setCellAttr,
   setColumnWidth,
@@ -2250,6 +2380,8 @@ var EditorHistory = class {
   spanOf,
   splitCell,
   splitListItem,
+  splitUnderscoreRuns,
+  styleToCssText,
   tableLocationOf,
   tableRectSelection,
   toggleList,