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

package/dist/utils.js

@@ -96,22 +96,30 @@ export function sanitizeHtml(html) {
         sanitized = sanitized.replace(regex, '$1');
     }
     // Parse HTML safely using DOM parser for remaining sanitization
-    const doc = new DOMParser().parseFromString(sanitized, 'text/html');
-    const body = doc.body;
+    const fragment = new Range().createContextualFragment(sanitized);
     // Remove event handler attributes from all elements
-    sanitizeElementAndChildren(body);
-    return body.innerHTML;
+    sanitizeElementAndChildren(fragment);
+    const newHtml = [...fragment.childNodes]
+        .map((node) => {
+        if (node instanceof Element) {
+            return node.outerHTML;
+        }
+        return node.textContent ?? node.nodeValue ?? '';
+    })
+        .join('');
+    return newHtml;
 }
 /**
  * Sanitizes an element and all its child elements
- * @param element Target element
+ * @param node Target element
  */
-function sanitizeElementAndChildren(element) {
-    // Remove dangerous attributes from current element
-    sanitizeAttributes(element);
+function sanitizeElementAndChildren(node) {
+    if (node instanceof Element) {
+        // Remove dangerous attributes from current element
+        sanitizeAttributes(node);
+    }
     // Process child elements recursively
-    const children = element.children;
-    for (const child of children) {
+    for (const child of node.childNodes) {
         sanitizeElementAndChildren(child);
     }
 }

package/package.json

@@ -1,11 +1,13 @@
 {
 	"name": "@burger-editor/frozen-patty",
-	"version": "4.0.0-alpha.7",
+	"version": "4.0.0-alpha.71",
 	"description": "Pure HTML to JSON converter that does not use a template engine.",
 	"author": "D-ZERO",
 	"license": "(MIT OR Apache-2.0)",
 	"repository": {
-		"url": "https://github.com/d-zero-dev/BurgerEditor.git"
+		"type": "git",
+		"url": "https://github.com/d-zero-dev/BurgerEditor.git",
+		"directory": "packages/@burger-editor/frozen-patty"
 	},
 	"publishConfig": {
 		"access": "public"
@@ -30,6 +32,10 @@
 		},
 		"./types": {
 			"types": "./dist/types.d.ts"
+		},
+		"./parse-fields": {
+			"import": "./dist/parse-fields.js",
+			"types": "./dist/parse-fields.d.ts"
 		}
 	},
 	"files": [
@@ -41,7 +47,7 @@
 		"clean": "tsc --build --clean"
 	},
 	"dependencies": {
-		"@burger-editor/utils": "4.0.0-alpha.7"
+		"@burger-editor/utils": "4.0.0-alpha.71"
 	},
-	"gitHead": "724c366f9b97f94128ef808caf77b0339791aa42"
+	"gitHead": "c1f332e5de38a97b5fb901ccd3b28e2d49e65f53"
 }

package/dist/field-name-parser.d.ts

@@ -1,8 +0,0 @@
-/**
- *
- * @param field
- */
-export declare function fieldNameParser(field: string): {
-    fieldName: string;
-    propName: string;
-};

package/dist/field-name-parser.js

@@ -1,18 +0,0 @@
-import { camelCase } from './utils.js';
-/**
- *
- * @param field
- */
-export function fieldNameParser(field) {
-    field = field.trim().toLowerCase();
-    if (!field) {
-        throw new Error('Field name is empty.');
-    }
-    let [fieldName, propName] = field.split(':');
-    propName = propName?.trim() || '';
-    fieldName = fieldName?.trim() || propName || field;
-    return {
-        fieldName: camelCase(fieldName),
-        propName,
-    };
-}

package/dist/field-name-stringifier.d.ts

@@ -1,14 +0,0 @@
-import type { FieldDefinition } from './types.js';
-/**
- * フィールド名と属性名からフィールド定義文字列を生成します
- * @param fieldName フィールド名
- * @param propName 属性名（オプション）
- * @returns フィールド定義文字列
- */
-export declare function fieldNameStringify(fieldName: string, propName?: string): string;
-/**
- * 複数のフィールド定義をカンマ区切りで結合します
- * @param fields フィールド定義の配列
- * @returns カンマ区切りのフィールド定義文字列
- */
-export declare function fieldsStringify(fields: readonly FieldDefinition[]): string;

package/dist/field-name-stringifier.js

@@ -1,26 +0,0 @@
-/**
- * フィールド名と属性名からフィールド定義文字列を生成します
- * @param fieldName フィールド名
- * @param propName 属性名（オプション）
- * @returns フィールド定義文字列
- */
-export function fieldNameStringify(fieldName, propName) {
-    if (!propName) {
-        return fieldName;
-    }
-    // fieldNameとpropNameが同じ場合は省略記法を使用
-    if (fieldName === propName) {
-        return `:${propName}`;
-    }
-    return `${fieldName}:${propName}`;
-}
-/**
- * 複数のフィールド定義をカンマ区切りで結合します
- * @param fields フィールド定義の配列
- * @returns カンマ区切りのフィールド定義文字列
- */
-export function fieldsStringify(fields) {
-    return fields
-        .map((field) => fieldNameStringify(field.fieldName, field.propName))
-        .join(', ');
-}

package/dist/get.d.ts

@@ -1,9 +0,0 @@
-import type { Filter, FrozenPattyData } from './types.js';
-/**
- *
- * @param el
- * @param attr
- * @param typeConvert
- * @param filter
- */
-export default function (el: Element, attr: string, typeConvert: boolean, filter?: Filter): FrozenPattyData;

package/dist/get.js

@@ -1,19 +0,0 @@
-import { getValues } from './get-values.js';
-import { arrayToHash } from './utils.js';
-/**
- *
- * @param el
- * @param attr
- * @param typeConvert
- * @param filter
- */
-export default function (el, attr, typeConvert, filter) {
-    // eslint-disable-next-line unicorn/prefer-spread
-    const filedElements = Array.from(el.querySelectorAll(`[data-${attr}]`));
-    let values = [];
-    for (const _el of filedElements) {
-        values = [...values, ...getValues(_el, typeConvert, attr, filter)];
-    }
-    const result = arrayToHash(values);
-    return result;
-}

package/dist/handle-picture-element.d.ts

@@ -1,6 +0,0 @@
-/**
- * picture要素の特別な処理を行います
- * @param pictureElement picture要素
- * @param attr
- */
-export declare function handlePictureElement(pictureElement: HTMLPictureElement, attr: string): void;

package/dist/handle-picture-element.js

@@ -1,31 +0,0 @@
-import { parseFields } from './parse-fields.js';
-import { setValue } from './set-value.js';
-/**
- * picture要素の特別な処理を行います
- * @param pictureElement picture要素
- * @param attr
- */
-export function handlePictureElement(pictureElement, attr) {
-    const children = [...pictureElement.children];
-    const fieldAttrName = `data-${attr}`;
-    for (const [i, child] of children.entries()) {
-        const fields = parseFields(child.getAttribute(fieldAttrName) ?? '');
-        const newChild = child.cloneNode(false);
-        child.remove();
-        if (i > 0) {
-            setValue(newChild, 'node', 'source', attr);
-        }
-        switch (newChild.localName) {
-            case 'source': {
-                // newChild.removeAttribute('alt');
-                // setValue(newChild, name, attr.value);
-                break;
-            }
-            case 'img': {
-                //
-                break;
-            }
-        }
-        pictureElement.insertBefore(newChild, pictureElement.firstChild);
-    }
-}

package/dist/set-comonent.d.ts

@@ -1,10 +0,0 @@
-import type { Filter, FrozenPattyData } from './types.js';
-/**
- *
- * @param el
- * @param data
- * @param attr
- * @param filter
- * @param xssSanitize Enable XSS protection
- */
-export declare function setComponent(el: Element, data: FrozenPattyData, attr: string, filter?: Filter, xssSanitize?: boolean): Element;

package/dist/set-comonent.js

@@ -1,71 +0,0 @@
-import { setValue } from './set-value.js';
-import { stringifyFields } from './stringify-fields.js';
-import { definedFields, flattenData, getFields, hasField, kebabCase, maxLengthOf, removeProp, replaceNode, replaceProp, } from './utils.js';
-/**
- *
- * @param el
- * @param data
- * @param attr
- * @param filter
- * @param xssSanitize Enable XSS protection
- */
-export function setComponent(el, data, attr, filter, xssSanitize = true) {
-    el = el.cloneNode(true);
-    for (const dataKeyName in data) {
-        const datum = data[dataKeyName];
-        if (Array.isArray(datum)) {
-            continue;
-        }
-        const targetList = [
-            // 自身を含める
-            el,
-            // パフォーマンスのために雑なフィルタリングを行う
-            ...el.querySelectorAll(`[data-${attr}*="${kebabCase(dataKeyName)}"]`),
-        ]
-            // より正確なフィルタリングを行う
-            .filter((el) => hasField(el, attr, dataKeyName));
-        for (const targetEl of targetList) {
-            setValue(targetEl, dataKeyName, datum, attr, filter, xssSanitize);
-        }
-    }
-    for (const listRoot of el.querySelectorAll(`[data-${attr}-list]`)) {
-        const decendants = listRoot.querySelectorAll('*');
-        const definedFieldsOfDecendants = new Set([...decendants].flatMap((el) => definedFields(el, attr)));
-        const maxLength = maxLengthOf(data, [...definedFieldsOfDecendants]);
-        const listItem = listRoot.children[0]?.cloneNode(true);
-        if (!listItem) {
-            continue;
-        }
-        while (listRoot.firstChild) {
-            listRoot.firstChild.remove();
-        }
-        for (let i = 0; i < maxLength; i++) {
-            let item = listItem.cloneNode(true);
-            const itemData = flattenData(data, i);
-            let reverse = false;
-            switch (listRoot.localName) {
-                case 'picture': {
-                    reverse = true;
-                    if (i > 0) {
-                        // 2つ目以降はsource要素に変換
-                        let fields = getFields(item, attr);
-                        item = replaceNode(item, 'source', attr, xssSanitize);
-                        fields = replaceProp(fields, 'src', 'srcset');
-                        fields = removeProp(fields, 'alt');
-                        const fieldQuery = stringifyFields(fields);
-                        item.setAttribute(`data-${attr}`, fieldQuery);
-                    }
-                    break;
-                }
-            }
-            const newEl = setComponent(item, itemData, attr, filter, xssSanitize);
-            if (reverse) {
-                listRoot.prepend(newEl);
-            }
-            else {
-                listRoot.append(newEl);
-            }
-        }
-    }
-    return el;
-}

package/dist/set.d.ts

@@ -1,9 +0,0 @@
-import type { Filter, FrozenPattyData } from './types.js';
-/**
- *
- * @param el
- * @param data
- * @param attr
- * @param filter
- */
-export default function (el: Element, data: FrozenPattyData, attr: string, filter?: Filter): Element;

package/dist/set.js

@@ -1,60 +0,0 @@
-import { setValue } from './set-value.js';
-import { kebabCase } from './utils.js';
-/**
- *
- * @param el
- * @param data
- * @param attr
- * @param filter
- */
-export default function (el, data, attr, filter) {
-    el = el.cloneNode(true);
-    for (const dataKeyName in data) {
-        if (dataKeyName in data) {
-            const datum = data[dataKeyName];
-            const selector = `[data-${attr}*="${kebabCase(dataKeyName)}"]`;
-            // eslint-disable-next-line unicorn/prefer-spread
-            const targetList = Array.from(el.querySelectorAll(selector));
-            if (Array.isArray(datum)) {
-                const targetEl = targetList[0];
-                if (!targetEl) {
-                    continue;
-                }
-                const listRoot = targetEl.closest(`[data-${attr}-list]`);
-                if (!listRoot || (listRoot && listRoot.children.length === 0)) {
-                    continue;
-                }
-                const listItem = listRoot.children[0]?.cloneNode(true);
-                while (listItem && datum.length > listRoot.children.length) {
-                    listRoot.append(listItem.cloneNode(true));
-                }
-                // eslint-disable-next-line unicorn/prefer-spread
-                const newChildren = Array.from(listRoot.querySelectorAll(selector));
-                // eslint-disable-next-line unicorn/prefer-spread
-                const oldChildList = Array.from(listRoot.children);
-                let deleteNodeList = [];
-                for (const [i, child] of [...newChildren].entries()) {
-                    if (datum[i] == null) {
-                        setValue(child, dataKeyName, '', attr, filter);
-                        const oldChild = oldChildList[i];
-                        if (oldChild) {
-                            deleteNodeList.push(oldChild);
-                        }
-                    }
-                    else {
-                        setValue(child, dataKeyName, datum[i], attr, filter);
-                        deleteNodeList = [];
-                    }
-                }
-                for (const node of deleteNodeList)
-                    node.remove();
-            }
-            else {
-                for (const [, targetEl] of [...targetList].entries()) {
-                    setValue(targetEl, dataKeyName, datum, attr, filter);
-                }
-            }
-        }
-    }
-    return el;
-}