@roottale/cms-core 0.60.0 → 0.61.1

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @roottale/cms-core
 
+## 0.61.1
+
+### Patch Changes
+
+- HTML 정화 후에도 이미지와 사진 설명의 좌우 자동 여백과 블록 배치를 유지해
+  에디터의 이미지 정렬이 미리보기와 HTML 기반 사이트에서 동일하게 표시되도록 합니다.
+
+## 0.61.0
+
+### Minor Changes
+
+- 공통 에디터의 글씨 크기·서식 초기화·줄간격·문단 간격·이미지 너비·정렬·사진 설명을
+  저장하고 공개 글에 출력합니다. ROOT-ADMIN에서 선택한 내용을 사이트 공통 블록으로
+  저장하고 독립 복사본으로 재사용할 수 있습니다.
+
 ## 0.60.0
 
 ## 0.59.0

package/dist/index.cjs

@@ -31,6 +31,10 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 __export(src_exports, {
   BLOCK_NAME_PATTERN: () => BLOCK_NAME_PATTERN,
+  CMS_FONT_SIZES: () => CMS_FONT_SIZES,
+  CMS_IMAGE_WIDTHS: () => CMS_IMAGE_WIDTHS,
+  CMS_LINE_HEIGHTS: () => CMS_LINE_HEIGHTS,
+  CMS_PARAGRAPH_SPACINGS: () => CMS_PARAGRAPH_SPACINGS,
   DEFAULT_SITE_PATTERN_PRESENTATION: () => DEFAULT_SITE_PATTERN_PRESENTATION,
   EMPTY_SITE_PATTERN_PLACEMENTS: () => EMPTY_SITE_PATTERN_PLACEMENTS,
   FIELD_BINDING_SOURCE: () => FIELD_BINDING_SOURCE,
@@ -54,6 +58,12 @@ __export(src_exports, {
   blockSchema: () => blockSchema,
   boundFieldValue: () => boundFieldValue,
   chainResolvers: () => chainResolvers,
+  cmsFontSize: () => cmsFontSize,
+  cmsImageAlign: () => cmsImageAlign,
+  cmsImageStyle: () => cmsImageStyle,
+  cmsImageWidth: () => cmsImageWidth,
+  cmsLineHeight: () => cmsLineHeight,
+  cmsParagraphSpacing: () => cmsParagraphSpacing,
   createFieldBindingResolver: () => createFieldBindingResolver,
   emptyPatternSlots: () => emptyPatternSlots,
   ensureImportedHtmlDocumentRoots: () => ensureImportedHtmlDocumentRoots,
@@ -1437,6 +1447,16 @@ var SANITIZE_OPTIONS = {
     "*": [ROOTTALE_CLASS_RE]
   },
   allowedStyles: {
+    img: {
+      display: [/^block$/i],
+      "margin-left": [CSS_LENGTH_RE, /^auto$/i],
+      "margin-right": [CSS_LENGTH_RE, /^auto$/i]
+    },
+    figure: {
+      display: [/^block$/i],
+      "margin-left": [CSS_LENGTH_RE, /^auto$/i],
+      "margin-right": [CSS_LENGTH_RE, /^auto$/i]
+    },
     "*": {
       "aspect-ratio": [ASPECT_RATIO_RE],
       background: [HEX_COLOR_RE],
@@ -1664,9 +1684,50 @@ function sitePatternPresentationAttributes(presentation) {
     cssVariables
   };
 }
+
+// src/editor-formatting.ts
+var CMS_FONT_SIZES = [14, 16, 18, 20, 24, 28, 32];
+var CMS_LINE_HEIGHTS = [1.2, 1.5, 1.8, 2, 2.4];
+var CMS_PARAGRAPH_SPACINGS = [0, 8, 16, 24, 32];
+var CMS_IMAGE_WIDTHS = [25, 50, 75, 100];
+function cmsFontSize(value) {
+  if (typeof value !== "string") return null;
+  return CMS_FONT_SIZES.some((size) => value === `${size}px`) ? value : null;
+}
+function cmsLineHeight(value) {
+  if (typeof value !== "number" && typeof value !== "string") return null;
+  return CMS_LINE_HEIGHTS.find((size) => String(size) === String(value)) ?? null;
+}
+function cmsParagraphSpacing(value) {
+  if (typeof value !== "string") return null;
+  return CMS_PARAGRAPH_SPACINGS.some((size) => value === `${size}px`) ? value : null;
+}
+function cmsImageWidth(value) {
+  if (typeof value !== "string") return null;
+  return CMS_IMAGE_WIDTHS.some((size) => value === `${size}%`) ? value : null;
+}
+function cmsImageAlign(value) {
+  return value === "left" || value === "center" || value === "right" ? value : null;
+}
+function cmsImageStyle(attrs) {
+  const width = cmsImageWidth(attrs.displayWidth);
+  const align = cmsImageAlign(attrs.imageAlign);
+  return {
+    ...width ? { width, maxWidth: "100%", height: "auto" } : {},
+    ...align ? {
+      display: "block",
+      marginLeft: align === "left" ? "0" : "auto",
+      marginRight: align === "right" ? "0" : "auto"
+    } : {}
+  };
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   BLOCK_NAME_PATTERN,
+  CMS_FONT_SIZES,
+  CMS_IMAGE_WIDTHS,
+  CMS_LINE_HEIGHTS,
+  CMS_PARAGRAPH_SPACINGS,
   DEFAULT_SITE_PATTERN_PRESENTATION,
   EMPTY_SITE_PATTERN_PLACEMENTS,
   FIELD_BINDING_SOURCE,
@@ -1690,6 +1751,12 @@ function sitePatternPresentationAttributes(presentation) {
   blockSchema,
   boundFieldValue,
   chainResolvers,
+  cmsFontSize,
+  cmsImageAlign,
+  cmsImageStyle,
+  cmsImageWidth,
+  cmsLineHeight,
+  cmsParagraphSpacing,
   createFieldBindingResolver,
   emptyPatternSlots,
   ensureImportedHtmlDocumentRoots,