@burger-editor/frozen-patty 4.0.0-alpha.7 → 4.0.0-alpha.70

package/README.md

@@ -584,6 +584,24 @@ HTML文字列に変換します。
 
 DOM要素に変換します。
 
+## サブモジュールエクスポート
+
+メインの`frozenPatty`関数以外に、個別の機能をサブモジュールとしてインポートできます。
+
+| エクスポートパス                        | 説明                                                           |
+| --------------------------------------- | -------------------------------------------------------------- |
+| `@burger-editor/frozen-patty`           | メインの `frozenPatty` 関数                                    |
+| `@burger-editor/frozen-patty/get-value` | HTML要素からフィールド値を取得する `getValue` 関数             |
+| `@burger-editor/frozen-patty/set-value` | HTML要素にフィールド値を設定する `setValue`, `setContent` 関数 |
+| `@burger-editor/frozen-patty/utils`     | HTML正規化、フィールドパースなどのユーティリティ               |
+| `@burger-editor/frozen-patty/types`     | TypeScript型定義                                               |
+
+```js
+// サブモジュールの個別インポート例
+import { setValue } from '@burger-editor/frozen-patty/set-value';
+import { getValue } from '@burger-editor/frozen-patty/get-value';
+```
+
 ## ライセンス
 
 MIT

package/dist/get-values.js

@@ -1,4 +1,5 @@
 import { kebabCase } from '@burger-editor/utils';
+import { normalizeIndent } from './normalize-indent.js';
 import { parseFields } from './parse-fields.js';
 /**
  * Get value from an element
@@ -30,7 +31,7 @@ export function getValues(el, convertType = false, attr = 'field', filter) {
                     break;
                 }
                 case 'html': {
-                    value = el.innerHTML.trim();
+                    value = normalizeIndent(el.innerHTML);
                     break;
                 }
                 case 'style': {
@@ -67,7 +68,7 @@ export function getValues(el, convertType = false, attr = 'field', filter) {
                 value = convertType ? convert(val) : val;
             }
             else {
-                value = el.innerHTML.trim();
+                value = normalizeIndent(el.innerHTML);
             }
         }
         if (filter) {
@@ -127,7 +128,8 @@ function getAttribute(el, keyAttr, attr, typeConvert) {
     // For shorthand notation, get value from data-field-* attribute
     const dataAttr = ['data', attr, kebabCase(keyAttr)].join('-');
     if (el.hasAttribute(dataAttr)) {
-        return el.getAttribute(dataAttr) ?? '';
+        const value = el.getAttribute(dataAttr);
+        return typeConvert ? convert(value) : value;
     }
     value = el.getAttribute(keyAttr) ?? null;
     if ((value === '' || value == null) &&

package/dist/normalize-indent.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Normalizes the indentation of a multi-line HTML string by detecting the indentation
+ * of the first line and removing the same amount of leading whitespace (spaces or tabs)
+ * from all lines.
+ *
+ * - The function first removes any leading empty lines (lines containing only line breaks).
+ * - It then detects the leading whitespace (indent) from the first line.
+ * - For each line, if that indent is present at the start of the line, it is removed.
+ * - After normalization, any trailing empty lines (containing only whitespace or line breaks)
+ * are also removed.
+ * - Supports both LF (\n) and CRLF (\r\n) line endings.
+ *
+ * This is useful when copying and pasting or serializing innerHTML that includes
+ * indentation due to template formatting, so the returned HTML has normalized,
+ * consistent indentation and no unwanted leading/trailing blank lines.
+ * @param html - The multi-line HTML string to normalize.
+ * @returns The HTML string with normalized indentation and no leading/trailing empty lines.
+ */
+export declare function normalizeIndent(html: string): string;

package/dist/normalize-indent.js

@@ -0,0 +1,29 @@
+/**
+ * Normalizes the indentation of a multi-line HTML string by detecting the indentation
+ * of the first line and removing the same amount of leading whitespace (spaces or tabs)
+ * from all lines.
+ *
+ * - The function first removes any leading empty lines (lines containing only line breaks).
+ * - It then detects the leading whitespace (indent) from the first line.
+ * - For each line, if that indent is present at the start of the line, it is removed.
+ * - After normalization, any trailing empty lines (containing only whitespace or line breaks)
+ * are also removed.
+ * - Supports both LF (\n) and CRLF (\r\n) line endings.
+ *
+ * This is useful when copying and pasting or serializing innerHTML that includes
+ * indentation due to template formatting, so the returned HTML has normalized,
+ * consistent indentation and no unwanted leading/trailing blank lines.
+ * @param html - The multi-line HTML string to normalize.
+ * @returns The HTML string with normalized indentation and no leading/trailing empty lines.
+ */
+export function normalizeIndent(html) {
+    // Remove leading line breaks
+    const trimmedHtml = html.replace(/^(?:\r?\n)+/, '');
+    const lines = trimmedHtml.split(/(?<=\r\n|\n|$)/);
+    const firstLineIndent = lines[0]?.match(/^\s+/)?.[0] ?? '';
+    if (firstLineIndent.length === 0) {
+        return trimmedHtml.trimEnd();
+    }
+    const normalizedLines = lines.map((line) => line.replace(firstLineIndent, ''));
+    return normalizedLines.join('').trimEnd();
+}

package/dist/set-component.js

@@ -40,6 +40,8 @@ export function setComponent(el, data, attr, filter, xssSanitize = true) {
         while (listRoot.firstChild) {
             listRoot.firstChild.remove();
         }
+        // Track used paths for picture elements to avoid duplicates
+        const usedPaths = new Set();
         for (let i = 0; i < maxLength; i++) {
             let item = listItem.cloneNode(true);
             const itemData = flattenData(data, i);
@@ -47,6 +49,14 @@ export function setComponent(el, data, attr, filter, xssSanitize = true) {
             switch (listRoot.localName) {
                 case 'picture': {
                     reverse = true;
+                    // Check for duplicate paths and skip if found
+                    const pathValue = itemData.path;
+                    if (pathValue != null && usedPaths.has(String(pathValue))) {
+                        continue;
+                    }
+                    if (pathValue != null) {
+                        usedPaths.add(String(pathValue));
+                    }
                     let fields = getFields(item, attr);
                     if (i === 0) {
                         // Convert first item to img element

package/dist/set-value.d.ts

@@ -14,10 +14,11 @@ import type { Filter, PrimitiveDatum } from './types.js';
  */
 export declare function setValue(el: Element, name: string, datum: PrimitiveDatum, attr?: string, filter?: Filter, xssSanitize?: boolean): void;
 /**
- *
- * @param el
- * @param datum
- * @param asHtml
- * @param xssSanitize
+ * Set content value on a form element or general element.
+ * Handles checkbox/radio checked state, input values, and innerHTML/textContent.
+ * @param el - The target element
+ * @param datum - The value to set
+ * @param asHtml - Whether to set as innerHTML (true) or textContent (false)
+ * @param xssSanitize - Whether to sanitize HTML content for XSS protection
  */
 export declare function setContent(el: Element, datum: PrimitiveDatum, asHtml?: boolean, xssSanitize?: boolean): void;