roosterjs-content-model-dom 0.10.0

package/lib-mjs/modelToDom/optimizers/removeUnnecessarySpan.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @internal
+ */
+export declare function removeUnnecessarySpan(root: Node): void;

package/lib-mjs/modelToDom/optimizers/removeUnnecessarySpan.js

@@ -0,0 +1,25 @@
+import { isNodeOfType } from '../../domUtils/isNodeOfType';
+/**
+ * @internal
+ */
+export function removeUnnecessarySpan(root) {
+    for (var child = root.firstChild; child;) {
+        if (isNodeOfType(child, 1 /* Element */) &&
+            child.tagName == 'SPAN' &&
+            child.attributes.length == 0) {
+            var node = child;
+            var refNode = child.nextSibling;
+            child = child.nextSibling;
+            while (node.lastChild) {
+                var newNode = node.lastChild;
+                root.insertBefore(newNode, refNode);
+                refNode = newNode;
+            }
+            root.removeChild(node);
+        }
+        else {
+            child = child.nextSibling;
+        }
+    }
+}
+//# sourceMappingURL=removeUnnecessarySpan.js.map

package/lib-mjs/modelToDom/optimizers/removeUnnecessarySpan.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"removeUnnecessarySpan.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/modelToDom/optimizers/removeUnnecessarySpan.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAG3D;;GAEG;AACH,MAAM,UAAU,qBAAqB,CAAC,IAAU;IAC5C,KAAK,IAAI,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE,KAAK,GAAI;QACvC,IACI,YAAY,CAAC,KAAK,kBAAmB;YACrC,KAAK,CAAC,OAAO,IAAI,MAAM;YACvB,KAAK,CAAC,UAAU,CAAC,MAAM,IAAI,CAAC,EAC9B;YACE,IAAM,IAAI,GAAG,KAAK,CAAC;YACnB,IAAI,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC;YAChC,KAAK,GAAG,KAAK,CAAC,WAAW,CAAC;YAE1B,OAAO,IAAI,CAAC,SAAS,EAAE;gBACnB,IAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC;gBAC/B,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;gBACpC,OAAO,GAAG,OAAO,CAAC;aACrB;YAED,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;SAC1B;aAAM;YACH,KAAK,GAAG,KAAK,CAAC,WAAW,CAAC;SAC7B;KACJ;AACL,CAAC","sourcesContent":["import { isNodeOfType } from '../../domUtils/isNodeOfType';\nimport { NodeType } from 'roosterjs-editor-types';\n\n/**\n * @internal\n */\nexport function removeUnnecessarySpan(root: Node) {\n    for (let child = root.firstChild; child; ) {\n        if (\n            isNodeOfType(child, NodeType.Element) &&\n            child.tagName == 'SPAN' &&\n            child.attributes.length == 0\n        ) {\n            const node = child;\n            let refNode = child.nextSibling;\n            child = child.nextSibling;\n\n            while (node.lastChild) {\n                const newNode = node.lastChild;\n                root.insertBefore(newNode, refNode);\n                refNode = newNode;\n            }\n\n            root.removeChild(node);\n        } else {\n            child = child.nextSibling;\n        }\n    }\n}\n"]}

package/lib-mjs/modelToDom/utils/applyFormat.d.ts

@@ -0,0 +1,10 @@
+import { ContentModelFormatBase, FormatApplier, ModelToDomContext } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ * Apply formats to the given HTML element using specified appliers
+ * @param element The element to apply formats to
+ * @param appliers The appliers we are using to apply formats
+ * @param format The format object we get format info from
+ * @param context Content Model to DOM context
+ */
+export declare function applyFormat<T extends ContentModelFormatBase>(element: HTMLElement, appliers: (FormatApplier<T> | null)[], format: T, context: ModelToDomContext): void;

package/lib-mjs/modelToDom/utils/applyFormat.js

@@ -0,0 +1,14 @@
+/**
+ * @internal
+ * Apply formats to the given HTML element using specified appliers
+ * @param element The element to apply formats to
+ * @param appliers The appliers we are using to apply formats
+ * @param format The format object we get format info from
+ * @param context Content Model to DOM context
+ */
+export function applyFormat(element, appliers, format, context) {
+    appliers.forEach(function (applier) {
+        applier === null || applier === void 0 ? void 0 : applier(format, element, context);
+    });
+}
+//# sourceMappingURL=applyFormat.js.map

package/lib-mjs/modelToDom/utils/applyFormat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyFormat.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/modelToDom/utils/applyFormat.ts"],"names":[],"mappings":"AAMA;;;;;;;GAOG;AACH,MAAM,UAAU,WAAW,CACvB,OAAoB,EACpB,QAAqC,EACrC,MAAS,EACT,OAA0B;IAE1B,QAAQ,CAAC,OAAO,CAAC,UAAA,OAAO;QACpB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IACxC,CAAC,CAAC,CAAC;AACP,CAAC","sourcesContent":["import {\n    ContentModelFormatBase,\n    FormatApplier,\n    ModelToDomContext,\n} from 'roosterjs-content-model-types';\n\n/**\n * @internal\n * Apply formats to the given HTML element using specified appliers\n * @param element The element to apply formats to\n * @param appliers The appliers we are using to apply formats\n * @param format The format object we get format info from\n * @param context Content Model to DOM context\n */\nexport function applyFormat<T extends ContentModelFormatBase>(\n    element: HTMLElement,\n    appliers: (FormatApplier<T> | null)[],\n    format: T,\n    context: ModelToDomContext\n) {\n    appliers.forEach(applier => {\n        applier?.(format, element, context);\n    });\n}\n"]}

package/lib-mjs/modelToDom/utils/handleSegmentCommon.d.ts

@@ -0,0 +1,5 @@
+import { ContentModelSegment, ModelToDomContext } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ */
+export declare function handleSegmentCommon(doc: Document, segmentNode: Node, containerNode: HTMLElement, segment: ContentModelSegment, context: ModelToDomContext): void;

package/lib-mjs/modelToDom/utils/handleSegmentCommon.js

@@ -0,0 +1,15 @@
+import { applyFormat } from './applyFormat';
+/**
+ * @internal
+ */
+export function handleSegmentCommon(doc, segmentNode, containerNode, segment, context) {
+    var _a;
+    if (!segmentNode.firstChild) {
+        context.regularSelection.current.segment = segmentNode;
+    }
+    applyFormat(containerNode, context.formatAppliers.styleBasedSegment, segment.format, context);
+    context.modelHandlers.segmentDecorator(doc, containerNode, segment, context);
+    applyFormat(containerNode, context.formatAppliers.elementBasedSegment, segment.format, context);
+    (_a = context.onNodeCreated) === null || _a === void 0 ? void 0 : _a.call(context, segment, segmentNode);
+}
+//# sourceMappingURL=handleSegmentCommon.js.map

package/lib-mjs/modelToDom/utils/handleSegmentCommon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handleSegmentCommon.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/modelToDom/utils/handleSegmentCommon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C;;GAEG;AACH,MAAM,UAAU,mBAAmB,CAC/B,GAAa,EACb,WAAiB,EACjB,aAA0B,EAC1B,OAA4B,EAC5B,OAA0B;;IAE1B,IAAI,CAAC,WAAW,CAAC,UAAU,EAAE;QACzB,OAAO,CAAC,gBAAgB,CAAC,OAAO,CAAC,OAAO,GAAG,WAAW,CAAC;KAC1D;IAED,WAAW,CAAC,aAAa,EAAE,OAAO,CAAC,cAAc,CAAC,iBAAiB,EAAE,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAE9F,OAAO,CAAC,aAAa,CAAC,gBAAgB,CAAC,GAAG,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IAE7E,WAAW,CAAC,aAAa,EAAE,OAAO,CAAC,cAAc,CAAC,mBAAmB,EAAE,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAEhG,MAAA,OAAO,CAAC,aAAa,+CAArB,OAAO,EAAiB,OAAO,EAAE,WAAW,CAAC,CAAC;AAClD,CAAC","sourcesContent":["import { applyFormat } from './applyFormat';\nimport { ContentModelSegment, ModelToDomContext } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport function handleSegmentCommon(\n    doc: Document,\n    segmentNode: Node,\n    containerNode: HTMLElement,\n    segment: ContentModelSegment,\n    context: ModelToDomContext\n) {\n    if (!segmentNode.firstChild) {\n        context.regularSelection.current.segment = segmentNode;\n    }\n\n    applyFormat(containerNode, context.formatAppliers.styleBasedSegment, segment.format, context);\n\n    context.modelHandlers.segmentDecorator(doc, containerNode, segment, context);\n\n    applyFormat(containerNode, context.formatAppliers.elementBasedSegment, segment.format, context);\n\n    context.onNodeCreated?.(segment, segmentNode);\n}\n"]}

package/lib-mjs/modelToDom/utils/reuseCachedElement.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @internal
+ */
+export declare function reuseCachedElement(parent: Node, element: Node, refNode: Node | null): Node | null;
+/**
+ * @internal
+ */
+export declare function removeNode(node: Node): Node | null;

package/lib-mjs/modelToDom/utils/reuseCachedElement.js

@@ -0,0 +1,41 @@
+import { getEntityFromElement } from 'roosterjs-editor-dom';
+import { isNodeOfType } from '../../domUtils/isNodeOfType';
+/**
+ * @internal
+ */
+export function reuseCachedElement(parent, element, refNode) {
+    var _a;
+    if (element.parentNode == parent) {
+        // Remove nodes before the one we are hitting since they don't appear in Content Model at this position.
+        // But we don't want to touch entity since it would better to keep entity at its place unless it is removed
+        // In that case we will remove it after we have handled all other nodes
+        while (refNode && refNode != element && !isEntity(refNode)) {
+            var next = refNode.nextSibling;
+            (_a = refNode.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(refNode);
+            refNode = next;
+        }
+        if (refNode && refNode == element) {
+            refNode = refNode.nextSibling;
+        }
+        else {
+            parent.insertBefore(element, refNode);
+        }
+    }
+    else {
+        parent.insertBefore(element, refNode);
+    }
+    return refNode;
+}
+/**
+ * @internal
+ */
+export function removeNode(node) {
+    var _a;
+    var next = node.nextSibling;
+    (_a = node.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(node);
+    return next;
+}
+function isEntity(node) {
+    return isNodeOfType(node, 1 /* Element */) && !!getEntityFromElement(node);
+}
+//# sourceMappingURL=reuseCachedElement.js.map

package/lib-mjs/modelToDom/utils/reuseCachedElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reuseCachedElement.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/modelToDom/utils/reuseCachedElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAG3D;;GAEG;AACH,MAAM,UAAU,kBAAkB,CAAC,MAAY,EAAE,OAAa,EAAE,OAAoB;;IAChF,IAAI,OAAO,CAAC,UAAU,IAAI,MAAM,EAAE;QAC9B,wGAAwG;QACxG,2GAA2G;QAC3G,uEAAuE;QACvE,OAAO,OAAO,IAAI,OAAO,IAAI,OAAO,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE;YACxD,IAAM,IAAI,GAAG,OAAO,CAAC,WAAW,CAAC;YAEjC,MAAA,OAAO,CAAC,UAAU,0CAAE,WAAW,CAAC,OAAO,CAAC,CAAC;YACzC,OAAO,GAAG,IAAI,CAAC;SAClB;QAED,IAAI,OAAO,IAAI,OAAO,IAAI,OAAO,EAAE;YAC/B,OAAO,GAAG,OAAO,CAAC,WAAW,CAAC;SACjC;aAAM;YACH,MAAM,CAAC,YAAY,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;SACzC;KACJ;SAAM;QACH,MAAM,CAAC,YAAY,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;KACzC;IAED,OAAO,OAAO,CAAC;AACnB,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,UAAU,CAAC,IAAU;;IACjC,IAAM,IAAI,GAAG,IAAI,CAAC,WAAW,CAAC;IAC9B,MAAA,IAAI,CAAC,UAAU,0CAAE,WAAW,CAAC,IAAI,CAAC,CAAC;IAEnC,OAAO,IAAI,CAAC;AAChB,CAAC;AAED,SAAS,QAAQ,CAAC,IAAU;IACxB,OAAO,YAAY,CAAC,IAAI,kBAAmB,IAAI,CAAC,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC;AAChF,CAAC","sourcesContent":["import { getEntityFromElement } from 'roosterjs-editor-dom';\nimport { isNodeOfType } from '../../domUtils/isNodeOfType';\nimport { NodeType } from 'roosterjs-editor-types';\n\n/**\n * @internal\n */\nexport function reuseCachedElement(parent: Node, element: Node, refNode: Node | null): Node | null {\n    if (element.parentNode == parent) {\n        // Remove nodes before the one we are hitting since they don't appear in Content Model at this position.\n        // But we don't want to touch entity since it would better to keep entity at its place unless it is removed\n        // In that case we will remove it after we have handled all other nodes\n        while (refNode && refNode != element && !isEntity(refNode)) {\n            const next = refNode.nextSibling;\n\n            refNode.parentNode?.removeChild(refNode);\n            refNode = next;\n        }\n\n        if (refNode && refNode == element) {\n            refNode = refNode.nextSibling;\n        } else {\n            parent.insertBefore(element, refNode);\n        }\n    } else {\n        parent.insertBefore(element, refNode);\n    }\n\n    return refNode;\n}\n\n/**\n * @internal\n */\nexport function removeNode(node: Node): Node | null {\n    const next = node.nextSibling;\n    node.parentNode?.removeChild(node);\n\n    return next;\n}\n\nfunction isEntity(node: Node) {\n    return isNodeOfType(node, NodeType.Element) && !!getEntityFromElement(node);\n}\n"]}

package/lib-mjs/modelToDom/utils/stackFormat.d.ts

@@ -0,0 +1,5 @@
+import { ContentModelBlockFormat, ContentModelSegmentFormat, ModelToDomContext } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ */
+export declare function stackFormat(context: ModelToDomContext, tagNameOrFormat: string | (ContentModelSegmentFormat & ContentModelBlockFormat) | null, callback: () => void): void;

package/lib-mjs/modelToDom/utils/stackFormat.js

@@ -0,0 +1,23 @@
+import { __assign } from "tslib";
+/**
+ * @internal
+ */
+export function stackFormat(context, tagNameOrFormat, callback) {
+    var newFormat = typeof tagNameOrFormat === 'string'
+        ? context.defaultImplicitFormatMap[tagNameOrFormat]
+        : tagNameOrFormat;
+    if (newFormat) {
+        var implicitFormat = context.implicitFormat;
+        try {
+            context.implicitFormat = __assign(__assign({}, implicitFormat), newFormat);
+            callback();
+        }
+        finally {
+            context.implicitFormat = implicitFormat;
+        }
+    }
+    else {
+        callback();
+    }
+}
+//# sourceMappingURL=stackFormat.js.map

package/lib-mjs/modelToDom/utils/stackFormat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stackFormat.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/modelToDom/utils/stackFormat.ts"],"names":[],"mappings":";AAMA;;GAEG;AACH,MAAM,UAAU,WAAW,CACvB,OAA0B,EAC1B,eAAsF,EACtF,QAAoB;IAEpB,IAAM,SAAS,GACX,OAAO,eAAe,KAAK,QAAQ;QAC/B,CAAC,CAAC,OAAO,CAAC,wBAAwB,CAAC,eAAe,CAAC;QACnD,CAAC,CAAC,eAAe,CAAC;IAE1B,IAAI,SAAS,EAAE;QACX,IAAM,cAAc,GAAG,OAAO,CAAC,cAAc,CAAC;QAE9C,IAAI;YACA,OAAO,CAAC,cAAc,yBACf,cAAc,GACd,SAAS,CACf,CAAC;YAEF,QAAQ,EAAE,CAAC;SACd;gBAAS;YACN,OAAO,CAAC,cAAc,GAAG,cAAc,CAAC;SAC3C;KACJ;SAAM;QACH,QAAQ,EAAE,CAAC;KACd;AACL,CAAC","sourcesContent":["import {\n    ContentModelBlockFormat,\n    ContentModelSegmentFormat,\n    ModelToDomContext,\n} from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport function stackFormat(\n    context: ModelToDomContext,\n    tagNameOrFormat: string | (ContentModelSegmentFormat & ContentModelBlockFormat) | null,\n    callback: () => void\n) {\n    const newFormat =\n        typeof tagNameOrFormat === 'string'\n            ? context.defaultImplicitFormatMap[tagNameOrFormat]\n            : tagNameOrFormat;\n\n    if (newFormat) {\n        const implicitFormat = context.implicitFormat;\n\n        try {\n            context.implicitFormat = {\n                ...implicitFormat,\n                ...newFormat,\n            };\n\n            callback();\n        } finally {\n            context.implicitFormat = implicitFormat;\n        }\n    } else {\n        callback();\n    }\n}\n"]}

package/package.json

@@ -0,0 +1,18 @@
+{
+    "name": "roosterjs-content-model-dom",
+    "description": "Content Model for roosterjs (Under development)",
+    "dependencies": {
+        "tslib": "^2.3.1",
+        "roosterjs-editor-types": "^8.51.0",
+        "roosterjs-editor-dom": "^8.51.0",
+        "roosterjs-content-model-types": "^0.10.0"
+    },
+    "main": "./lib/index.js",
+    "version": "0.10.0",
+    "typings": "./lib/index.d.ts",
+    "license": "MIT",
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/Microsoft/roosterjs"
+    }
+}