@scrider/formatter 1.0.0 → 1.1.0

package/dist/index.d.cts

@@ -67,6 +67,8 @@ interface DOMCSSStyleDeclaration {
     setProperty(property: string, value: string): void;
     color?: string;
     backgroundColor?: string;
+    fontFamily?: string;
+    fontSize?: string;
     fontWeight?: string;
     fontStyle?: string;
     textDecoration?: string;
@@ -788,6 +790,13 @@ declare const codeFormat: Format<boolean>;
  */
 declare const colorFormat: Format<string>;
 
+/**
+ * Font family format
+ *
+ * Delta: { insert: "text", attributes: { font: "Times New Roman" } }
+ */
+declare const fontFormat: Format<string>;
+
 /**
  * Italic format
  *
@@ -825,6 +834,15 @@ declare const linkFormat: Format<string>;
  */
 declare const markFormat: Format<boolean>;
 
+/**
+ * Font size format
+ *
+ * Delta: { insert: "text", attributes: { size: "14pt" } }
+ *
+ * Value is a string with CSS unit (e.g. "14pt", "16px", "1.2em").
+ */
+declare const sizeFormat: Format<string>;
+
 /**
  * Strikethrough format
  *
@@ -1655,4 +1673,4 @@ declare function markdownToDelta(markdown: string, options?: MarkdownToDeltaOpti
  */
 declare function markdownToDeltaSync(markdown: string, options?: MarkdownToDeltaOptions): Delta;
 
-export { ALERT_TYPES, type AlertBlockData, type AlertType, type AlignType, BOX_FLOAT_VALUES, BOX_OVERFLOW_VALUES, type BlockContext, type BlockHandler, BlockHandlerRegistry, type BlockRenderOptions, type BoxBlockData, type BoxFloat, type BoxOpAttributes, type BoxOverflow, BrowserDOMAdapter, type CellAlign, type CellData, type ColumnsBlockData, type DOMAdapter, type DOMDocument, type DOMDocumentFragment, type DOMElement, type DOMNode, type DOMNodeList, type DeltaToHtmlOptions, type DeltaToMarkdownOptions, type FootnotesBlockData, type Format, type FormatDefinition, type FormatMatchResult, type FormatScope, type HtmlToDeltaOptions, type ListType, type MarkdownToDeltaOptions, NODE_TYPE, NodeDOMAdapter, Registry, type SanitizeOptions, type TableBlockData, type TableColAlignType, alertBlockHandler, alignFormat, backgroundFormat, blockFormat, blockquoteFormat, boldFormat, boxBlockHandler, browserAdapter, cloneDelta, codeBlockFormat, codeFormat, colorFormat, columnsBlockHandler, createDefaultBlockHandlers, createDefaultRegistry, defaultBlockFormats, defaultEmbedFormats, defaultFormats, defaultInlineFormats, deltaToHtml, deltaToMarkdown, dividerFormat, escapeHtml, extractBoxOpAttributes, footnoteRefFormat, footnotesBlockHandler, formulaFormat, getAdapter, getNamedColors, headerFormat, headerIdFormat, htmlToDelta, imageFormat, indentFormat, isAdapterAvailable, isElement, isRemarkAvailable, isTextNode, isValidColor, isValidHexColor, italicFormat, kbdFormat, linkFormat, listFormat, markFormat, markdownToDelta, markdownToDeltaSync, nodeAdapter, normalizeDelta, sanitizeDelta, slugify, slugifyWithDedup, strikeFormat, subscriptFormat, superscriptFormat, tableBlockHandler, tableColAlignFormat, tableColFormat, tableHeaderFormat, tableRowFormat, toHexColor, underlineFormat, unescapeHtml, validateDelta, videoFormat };
+export { ALERT_TYPES, type AlertBlockData, type AlertType, type AlignType, BOX_FLOAT_VALUES, BOX_OVERFLOW_VALUES, type BlockContext, type BlockHandler, BlockHandlerRegistry, type BlockRenderOptions, type BoxBlockData, type BoxFloat, type BoxOpAttributes, type BoxOverflow, BrowserDOMAdapter, type CellAlign, type CellData, type ColumnsBlockData, type DOMAdapter, type DOMDocument, type DOMDocumentFragment, type DOMElement, type DOMNode, type DOMNodeList, type DeltaToHtmlOptions, type DeltaToMarkdownOptions, type FootnotesBlockData, type Format, type FormatDefinition, type FormatMatchResult, type FormatScope, type HtmlToDeltaOptions, type ListType, type MarkdownToDeltaOptions, NODE_TYPE, NodeDOMAdapter, Registry, type SanitizeOptions, type TableBlockData, type TableColAlignType, alertBlockHandler, alignFormat, backgroundFormat, blockFormat, blockquoteFormat, boldFormat, boxBlockHandler, browserAdapter, cloneDelta, codeBlockFormat, codeFormat, colorFormat, columnsBlockHandler, createDefaultBlockHandlers, createDefaultRegistry, defaultBlockFormats, defaultEmbedFormats, defaultFormats, defaultInlineFormats, deltaToHtml, deltaToMarkdown, dividerFormat, escapeHtml, extractBoxOpAttributes, fontFormat, footnoteRefFormat, footnotesBlockHandler, formulaFormat, getAdapter, getNamedColors, headerFormat, headerIdFormat, htmlToDelta, imageFormat, indentFormat, isAdapterAvailable, isElement, isRemarkAvailable, isTextNode, isValidColor, isValidHexColor, italicFormat, kbdFormat, linkFormat, listFormat, markFormat, markdownToDelta, markdownToDeltaSync, nodeAdapter, normalizeDelta, sanitizeDelta, sizeFormat, slugify, slugifyWithDedup, strikeFormat, subscriptFormat, superscriptFormat, tableBlockHandler, tableColAlignFormat, tableColFormat, tableHeaderFormat, tableRowFormat, toHexColor, underlineFormat, unescapeHtml, validateDelta, videoFormat };

package/dist/index.d.ts

@@ -67,6 +67,8 @@ interface DOMCSSStyleDeclaration {
     setProperty(property: string, value: string): void;
     color?: string;
     backgroundColor?: string;
+    fontFamily?: string;
+    fontSize?: string;
     fontWeight?: string;
     fontStyle?: string;
     textDecoration?: string;
@@ -788,6 +790,13 @@ declare const codeFormat: Format<boolean>;
  */
 declare const colorFormat: Format<string>;
 
+/**
+ * Font family format
+ *
+ * Delta: { insert: "text", attributes: { font: "Times New Roman" } }
+ */
+declare const fontFormat: Format<string>;
+
 /**
  * Italic format
  *
@@ -825,6 +834,15 @@ declare const linkFormat: Format<string>;
  */
 declare const markFormat: Format<boolean>;
 
+/**
+ * Font size format
+ *
+ * Delta: { insert: "text", attributes: { size: "14pt" } }
+ *
+ * Value is a string with CSS unit (e.g. "14pt", "16px", "1.2em").
+ */
+declare const sizeFormat: Format<string>;
+
 /**
  * Strikethrough format
  *
@@ -1655,4 +1673,4 @@ declare function markdownToDelta(markdown: string, options?: MarkdownToDeltaOpti
  */
 declare function markdownToDeltaSync(markdown: string, options?: MarkdownToDeltaOptions): Delta;
 
-export { ALERT_TYPES, type AlertBlockData, type AlertType, type AlignType, BOX_FLOAT_VALUES, BOX_OVERFLOW_VALUES, type BlockContext, type BlockHandler, BlockHandlerRegistry, type BlockRenderOptions, type BoxBlockData, type BoxFloat, type BoxOpAttributes, type BoxOverflow, BrowserDOMAdapter, type CellAlign, type CellData, type ColumnsBlockData, type DOMAdapter, type DOMDocument, type DOMDocumentFragment, type DOMElement, type DOMNode, type DOMNodeList, type DeltaToHtmlOptions, type DeltaToMarkdownOptions, type FootnotesBlockData, type Format, type FormatDefinition, type FormatMatchResult, type FormatScope, type HtmlToDeltaOptions, type ListType, type MarkdownToDeltaOptions, NODE_TYPE, NodeDOMAdapter, Registry, type SanitizeOptions, type TableBlockData, type TableColAlignType, alertBlockHandler, alignFormat, backgroundFormat, blockFormat, blockquoteFormat, boldFormat, boxBlockHandler, browserAdapter, cloneDelta, codeBlockFormat, codeFormat, colorFormat, columnsBlockHandler, createDefaultBlockHandlers, createDefaultRegistry, defaultBlockFormats, defaultEmbedFormats, defaultFormats, defaultInlineFormats, deltaToHtml, deltaToMarkdown, dividerFormat, escapeHtml, extractBoxOpAttributes, footnoteRefFormat, footnotesBlockHandler, formulaFormat, getAdapter, getNamedColors, headerFormat, headerIdFormat, htmlToDelta, imageFormat, indentFormat, isAdapterAvailable, isElement, isRemarkAvailable, isTextNode, isValidColor, isValidHexColor, italicFormat, kbdFormat, linkFormat, listFormat, markFormat, markdownToDelta, markdownToDeltaSync, nodeAdapter, normalizeDelta, sanitizeDelta, slugify, slugifyWithDedup, strikeFormat, subscriptFormat, superscriptFormat, tableBlockHandler, tableColAlignFormat, tableColFormat, tableHeaderFormat, tableRowFormat, toHexColor, underlineFormat, unescapeHtml, validateDelta, videoFormat };
+export { ALERT_TYPES, type AlertBlockData, type AlertType, type AlignType, BOX_FLOAT_VALUES, BOX_OVERFLOW_VALUES, type BlockContext, type BlockHandler, BlockHandlerRegistry, type BlockRenderOptions, type BoxBlockData, type BoxFloat, type BoxOpAttributes, type BoxOverflow, BrowserDOMAdapter, type CellAlign, type CellData, type ColumnsBlockData, type DOMAdapter, type DOMDocument, type DOMDocumentFragment, type DOMElement, type DOMNode, type DOMNodeList, type DeltaToHtmlOptions, type DeltaToMarkdownOptions, type FootnotesBlockData, type Format, type FormatDefinition, type FormatMatchResult, type FormatScope, type HtmlToDeltaOptions, type ListType, type MarkdownToDeltaOptions, NODE_TYPE, NodeDOMAdapter, Registry, type SanitizeOptions, type TableBlockData, type TableColAlignType, alertBlockHandler, alignFormat, backgroundFormat, blockFormat, blockquoteFormat, boldFormat, boxBlockHandler, browserAdapter, cloneDelta, codeBlockFormat, codeFormat, colorFormat, columnsBlockHandler, createDefaultBlockHandlers, createDefaultRegistry, defaultBlockFormats, defaultEmbedFormats, defaultFormats, defaultInlineFormats, deltaToHtml, deltaToMarkdown, dividerFormat, escapeHtml, extractBoxOpAttributes, fontFormat, footnoteRefFormat, footnotesBlockHandler, formulaFormat, getAdapter, getNamedColors, headerFormat, headerIdFormat, htmlToDelta, imageFormat, indentFormat, isAdapterAvailable, isElement, isRemarkAvailable, isTextNode, isValidColor, isValidHexColor, italicFormat, kbdFormat, linkFormat, listFormat, markFormat, markdownToDelta, markdownToDeltaSync, nodeAdapter, normalizeDelta, sanitizeDelta, sizeFormat, slugify, slugifyWithDedup, strikeFormat, subscriptFormat, superscriptFormat, tableBlockHandler, tableColAlignFormat, tableColFormat, tableHeaderFormat, tableRowFormat, toHexColor, underlineFormat, unescapeHtml, validateDelta, videoFormat };

package/dist/index.js

@@ -1563,6 +1563,15 @@ var colorFormat = {
   }
 };
 
+// src/schema/formats/inline/font.ts
+var fontFormat = {
+  name: "font",
+  scope: "inline",
+  validate(value) {
+    return typeof value === "string" && value.length > 0;
+  }
+};
+
 // src/schema/formats/inline/italic.ts
 var italicFormat = {
   name: "italic",
@@ -1620,6 +1629,15 @@ var markFormat = {
   }
 };
 
+// src/schema/formats/inline/size.ts
+var sizeFormat = {
+  name: "size",
+  scope: "inline",
+  validate(value) {
+    return typeof value === "string" && value.length > 0;
+  }
+};
+
 // src/schema/formats/inline/strike.ts
 var strikeFormat = {
   name: "strike",
@@ -1827,7 +1845,9 @@ var INLINE_FORMAT_ORDER = [
 ];
 var INLINE_STYLE_FORMATS = {
   color: "color",
-  background: "background-color"
+  background: "background-color",
+  font: "font-family",
+  size: "font-size"
 };
 var BLOCK_FORMAT_TAGS = {
   header: (value) => `h${String(value)}`,
@@ -2212,6 +2232,8 @@ var defaultInlineFormats = [
   linkFormat,
   colorFormat,
   backgroundFormat,
+  fontFormat,
+  sizeFormat,
   markFormat,
   kbdFormat
 ];
@@ -3242,6 +3264,14 @@ function htmlToDelta(html, options = {}) {
     if (bg) {
       currentAttributes.background = bg;
     }
+    const fontFamily = element.style?.fontFamily || element.style?.getPropertyValue?.("font-family");
+    if (fontFamily) {
+      currentAttributes.font = fontFamily.replace(/^["']|["']$/g, "");
+    }
+    const fontSize = element.style?.fontSize || element.style?.getPropertyValue?.("font-size");
+    if (fontSize) {
+      currentAttributes.size = fontSize;
+    }
     processChildren(element);
     flushText();
     currentAttributes = prevAttrs;
@@ -3943,11 +3973,14 @@ function renderInlineText2(text, attributes) {
   if (link) {
     result = renderLink(result, link);
   }
-  if (typeof attributes.color === "string") {
-    result = `<span style="color: ${attributes.color}">${result}</span>`;
-  }
-  if (typeof attributes.background === "string") {
-    result = `<span style="background-color: ${attributes.background}">${result}</span>`;
+  const styleProps = [];
+  if (typeof attributes.color === "string") styleProps.push(`color: ${attributes.color}`);
+  if (typeof attributes.background === "string")
+    styleProps.push(`background-color: ${attributes.background}`);
+  if (typeof attributes.font === "string") styleProps.push(`font-family: ${attributes.font}`);
+  if (typeof attributes.size === "string") styleProps.push(`font-size: ${attributes.size}`);
+  if (styleProps.length > 0) {
+    result = `<span style="${styleProps.join("; ")}">${result}</span>`;
   }
   return result;
 }
@@ -4689,6 +4722,19 @@ function astToDelta(tree, customHandlers, mathBlock, mermaidBlock, plantumlBlock
         currentInlineAttrs = { ...currentInlineAttrs, background: bgMatch[1].trim() };
         addedKeys.push("background");
       }
+      const fontMatch = style.match(/(?:^|;)\s*font-family\s*:\s*([^;]+)/i);
+      if (fontMatch) {
+        currentInlineAttrs = {
+          ...currentInlineAttrs,
+          font: fontMatch[1].trim().replace(/^["']|["']$/g, "")
+        };
+        addedKeys.push("font");
+      }
+      const sizeMatch = style.match(/(?:^|;)\s*font-size\s*:\s*([^;]+)/i);
+      if (sizeMatch) {
+        currentInlineAttrs = { ...currentInlineAttrs, size: sizeMatch[1].trim() };
+        addedKeys.push("size");
+      }
       spanAttrStack.push(addedKeys);
       return;
     }
@@ -4799,6 +4845,7 @@ export {
   dividerFormat,
   escapeHtml,
   extractBoxOpAttributes,
+  fontFormat,
   footnoteRefFormat,
   footnotesBlockHandler,
   formulaFormat,
@@ -4825,6 +4872,7 @@ export {
   nodeAdapter,
   normalizeDelta,
   sanitizeDelta,
+  sizeFormat,
   slugify,
   slugifyWithDedup,
   strikeFormat,