@burger-editor/utils 4.0.0-alpha.34 → 4.0.0-alpha.42

package/dist/index.d.ts

@@ -2,5 +2,6 @@ export * from './camel-case.js';
 export * from './kebab-case.js';
 export * from './markdown.js';
 export * from './merge-items.js';
+export * from './normalize-html.js';
 export * from './replace-comment-with-html.js';
 export * from './utils.js';

package/dist/index.js

@@ -2,5 +2,6 @@ export * from './camel-case.js';
 export * from './kebab-case.js';
 export * from './markdown.js';
 export * from './merge-items.js';
+export * from './normalize-html.js';
 export * from './replace-comment-with-html.js';
 export * from './utils.js';

package/dist/normalize-html.d.ts

@@ -0,0 +1,8 @@
+/**
+ * HTMLの構造を正規化して比較する
+ * 空白や属性順序の違いを無視し、タグ構造のみを比較する
+ * @param html1 比較対象のHTML文字列1
+ * @param html2 比較対象のHTML文字列2
+ * @returns 構造が同じ場合true、異なる場合false
+ */
+export declare function normalizeHtmlStructure(html1: string, html2: string): boolean;

package/dist/normalize-html.js

@@ -0,0 +1,109 @@
+/**
+ * HTMLの構造を正規化して比較する
+ * 空白や属性順序の違いを無視し、タグ構造のみを比較する
+ * @param html1 比較対象のHTML文字列1
+ * @param html2 比較対象のHTML文字列2
+ * @returns 構造が同じ場合true、異なる場合false
+ */
+export function normalizeHtmlStructure(html1, html2) {
+    const doc1 = new Range().createContextualFragment(html1);
+    const doc2 = new Range().createContextualFragment(html2);
+    return compareElements(doc1, doc2);
+}
+/**
+ * 2つの要素の構造を比較する
+ * @param el1 比較対象の要素1
+ * @param el2 比較対象の要素2
+ * @returns 構造が同じ場合true、異なる場合false
+ */
+function compareElements(el1, el2) {
+    // 子要素の数を取得（テキストノードは無視）
+    const children1 = [...el1.children];
+    const children2 = [...el2.children];
+    // 子要素の数が異なる場合は構造が異なる
+    if (children1.length !== children2.length) {
+        return false;
+    }
+    // 子要素がない場合（テキストのみまたは空要素）
+    if (children1.length === 0) {
+        // テキスト内容を正規化して比較
+        const text1 = normalizeText(el1.textContent ?? '');
+        const text2 = normalizeText(el2.textContent ?? '');
+        return text1 === text2;
+    }
+    // 各子要素を比較
+    for (const [i, child1] of children1.entries()) {
+        const child2 = children2[i];
+        if (!child1 || !child2 || !compareElementStructure(child1, child2)) {
+            return false;
+        }
+    }
+    return true;
+}
+/**
+ * 2つの要素の構造を詳細に比較する
+ * @param el1 比較対象の要素1
+ * @param el2 比較対象の要素2
+ * @returns 構造が同じ場合true、異なる場合false
+ */
+function compareElementStructure(el1, el2) {
+    // タグ名が異なる場合は構造が異なる
+    if (el1.tagName !== el2.tagName) {
+        return false;
+    }
+    // 属性を比較（順序は無視）
+    const attrs1 = getNormalizedAttributes(el1);
+    const attrs2 = getNormalizedAttributes(el2);
+    if (!compareAttributes(attrs1, attrs2)) {
+        return false;
+    }
+    // 子要素を再帰的に比較
+    return compareElements(el1, el2);
+}
+/**
+ * 要素の属性を正規化して取得する
+ * @param el 対象の要素
+ * @returns 属性名をキー、属性値を値とするオブジェクト
+ */
+function getNormalizedAttributes(el) {
+    const attrs = {};
+    for (const attr of el.attributes) {
+        attrs[attr.name] = attr.value;
+    }
+    return attrs;
+}
+/**
+ * 2つの属性オブジェクトを比較する
+ * @param attrs1 比較対象の属性1
+ * @param attrs2 比較対象の属性2
+ * @returns 属性が同じ場合true、異なる場合false
+ */
+function compareAttributes(attrs1, attrs2) {
+    const keys1 = Object.keys(attrs1).sort();
+    const keys2 = Object.keys(attrs2).sort();
+    // 属性名の数が異なる場合は異なる
+    if (keys1.length !== keys2.length) {
+        return false;
+    }
+    // 各属性を比較
+    for (const [i, key1] of keys1.entries()) {
+        const key2 = keys2[i];
+        // 属性名が異なる場合は異なる
+        if (key1 !== key2) {
+            return false;
+        }
+        // 属性値が異なる場合は異なる
+        if (attrs1[key1] !== attrs2[key2]) {
+            return false;
+        }
+    }
+    return true;
+}
+/**
+ * テキストを正規化する（空白文字を統一）
+ * @param text 対象のテキスト
+ * @returns 正規化されたテキスト
+ */
+function normalizeText(text) {
+    return text.replaceAll(/\s+/g, ' ').trim();
+}

package/dist/normalize-indent.d.ts

@@ -0,0 +1,8 @@
+/**
+ * HTMLの先頭行のインデントを検出し、全行から同じインデントを削除する
+ *
+ * CRLF (\r\n) と LF (\n) の両方に対応
+ * @param html - 正規化するHTML文字列
+ * @returns インデントが正規化され、前後の空白行が削除されたHTML文字列
+ */
+export declare function normalizeIndent(html: string): string;

package/dist/normalize-indent.js

@@ -0,0 +1,18 @@
+/**
+ * HTMLの先頭行のインデントを検出し、全行から同じインデントを削除する
+ *
+ * CRLF (\r\n) と LF (\n) の両方に対応
+ * @param html - 正規化するHTML文字列
+ * @returns インデントが正規化され、前後の空白行が削除されたHTML文字列
+ */
+export function normalizeIndent(html) {
+    // 先頭の改行を削除
+    const trimmedHtml = html.replace(/^(?:\r?\n)+/, '');
+    const lines = trimmedHtml.split(/\r?\n/);
+    const firstLineIndent = lines[0]?.match(/^\s+/)?.[0] ?? '';
+    if (firstLineIndent.length === 0) {
+        return trimmedHtml;
+    }
+    const normalizedLines = lines.map((line) => line.replace(firstLineIndent, ''));
+    return normalizedLines.join('\n');
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@burger-editor/utils",
-	"version": "4.0.0-alpha.34",
+	"version": "4.0.0-alpha.42",
 	"description": "BurgerEditor Editor Utility Functions",
 	"author": "D-ZERO",
 	"license": "(MIT OR Apache-2.0)",
@@ -33,5 +33,5 @@
 	"devDependencies": {
 		"@types/turndown": "5.0.6"
 	},
-	"gitHead": "a890245c6ab8c2ee402de8ded490973d5732e953"
+	"gitHead": "2e7526f26cfb3e09f6dc57b66175dd88d209a45c"
 }