roosterjs-content-model-core 0.20.0

package/lib-amd/corePlugin/ContentModelCachePlugin.d.ts

@@ -0,0 +1,53 @@
+import type { ContentModelCachePluginState } from 'roosterjs-content-model-types';
+import type { IEditor, PluginEvent, PluginWithState } from 'roosterjs-editor-types';
+/**
+ * ContentModel cache plugin manages cached Content Model, and refresh the cache when necessary
+ */
+export declare class ContentModelCachePlugin implements PluginWithState<ContentModelCachePluginState> {
+    private state;
+    private editor;
+    /**
+     * Construct a new instance of ContentModelEditPlugin class
+     * @param state State of this plugin
+     */
+    constructor(state: ContentModelCachePluginState);
+    /**
+     * Get name of this plugin
+     */
+    getName(): string;
+    /**
+     * The first method that editor will call to a plugin when editor is initializing.
+     * It will pass in the editor instance, plugin should take this chance to save the
+     * editor reference so that it can call to any editor method or format API later.
+     * @param editor The editor object
+     */
+    initialize(editor: IEditor): void;
+    /**
+     * The last method that editor will call to a plugin before it is disposed.
+     * Plugin can take this chance to clear the reference to editor. After this method is
+     * called, plugin should not call to any editor method since it will result in error.
+     */
+    dispose(): void;
+    /**
+     * Get plugin state object
+     */
+    getState(): ContentModelCachePluginState;
+    /**
+     * Core method for a plugin. Once an event happens in editor, editor will call this
+     * method of each plugin to handle the event as long as the event is not handled
+     * exclusively by another plugin.
+     * @param event The event to handle:
+     */
+    onPluginEvent(event: PluginEvent): void;
+    private onNativeSelectionChange;
+    private invalidateCache;
+    private updateCachedModel;
+    private shouldClearCache;
+}
+/**
+ * @internal
+ * Create a new instance of ContentModelCachePlugin class.
+ * This is mostly for unit test
+ * @param state State of this plugin
+ */
+export declare function createContentModelCachePlugin(state: ContentModelCachePluginState): ContentModelCachePlugin;

package/lib-amd/corePlugin/ContentModelCachePlugin.js

@@ -0,0 +1,169 @@
+define(["require", "exports", "./utils/areSameSelection", "../publicApi/domUtils/eventUtils"], function (require, exports, areSameSelection_1, eventUtils_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.createContentModelCachePlugin = exports.ContentModelCachePlugin = void 0;
+    /**
+     * ContentModel cache plugin manages cached Content Model, and refresh the cache when necessary
+     */
+    var ContentModelCachePlugin = /** @class */ (function () {
+        /**
+         * Construct a new instance of ContentModelEditPlugin class
+         * @param state State of this plugin
+         */
+        function ContentModelCachePlugin(state) {
+            var _this = this;
+            this.state = state;
+            this.editor = null;
+            this.onNativeSelectionChange = function () {
+                var _a;
+                if ((_a = _this.editor) === null || _a === void 0 ? void 0 : _a.hasFocus()) {
+                    _this.updateCachedModel(_this.editor);
+                }
+            };
+            // TODO: Remove tempState parameter once we have standalone Content Model editor
+        }
+        /**
+         * Get name of this plugin
+         */
+        ContentModelCachePlugin.prototype.getName = function () {
+            return 'ContentModelCache';
+        };
+        /**
+         * The first method that editor will call to a plugin when editor is initializing.
+         * It will pass in the editor instance, plugin should take this chance to save the
+         * editor reference so that it can call to any editor method or format API later.
+         * @param editor The editor object
+         */
+        ContentModelCachePlugin.prototype.initialize = function (editor) {
+            // TODO: Later we may need a different interface for Content Model editor plugin
+            this.editor = editor;
+            this.editor.getDocument().addEventListener('selectionchange', this.onNativeSelectionChange);
+        };
+        /**
+         * The last method that editor will call to a plugin before it is disposed.
+         * Plugin can take this chance to clear the reference to editor. After this method is
+         * called, plugin should not call to any editor method since it will result in error.
+         */
+        ContentModelCachePlugin.prototype.dispose = function () {
+            if (this.editor) {
+                this.editor
+                    .getDocument()
+                    .removeEventListener('selectionchange', this.onNativeSelectionChange);
+                this.editor = null;
+            }
+        };
+        /**
+         * Get plugin state object
+         */
+        ContentModelCachePlugin.prototype.getState = function () {
+            return this.state;
+        };
+        /**
+         * Core method for a plugin. Once an event happens in editor, editor will call this
+         * method of each plugin to handle the event as long as the event is not handled
+         * exclusively by another plugin.
+         * @param event The event to handle:
+         */
+        ContentModelCachePlugin.prototype.onPluginEvent = function (event) {
+            if (!this.editor) {
+                return;
+            }
+            switch (event.eventType) {
+                case 0 /* KeyDown */:
+                    if (this.shouldClearCache(event)) {
+                        this.invalidateCache();
+                    }
+                    break;
+                case 3 /* Input */:
+                    {
+                        this.updateCachedModel(this.editor, true /*forceUpdate*/);
+                    }
+                    break;
+                case 22 /* SelectionChanged */:
+                    this.updateCachedModel(this.editor);
+                    break;
+                case 7 /* ContentChanged */:
+                    {
+                        var _a = event, contentModel = _a.contentModel, selection = _a.selection;
+                        if (contentModel && this.state.domIndexer) {
+                            this.state.cachedModel = contentModel;
+                            this.state.cachedSelection = selection;
+                        }
+                        else {
+                            this.invalidateCache();
+                        }
+                    }
+                    break;
+            }
+        };
+        ContentModelCachePlugin.prototype.invalidateCache = function () {
+            var _a;
+            if (!((_a = this.editor) === null || _a === void 0 ? void 0 : _a.isInShadowEdit())) {
+                this.state.cachedModel = undefined;
+                this.state.cachedSelection = undefined;
+            }
+        };
+        ContentModelCachePlugin.prototype.updateCachedModel = function (editor, forceUpdate) {
+            var _a;
+            var cachedSelection = this.state.cachedSelection;
+            this.state.cachedSelection = undefined; // Clear it to force getDOMSelection() retrieve the latest selection range
+            var newRangeEx = editor.getDOMSelection() || undefined;
+            var model = this.state.cachedModel;
+            var isSelectionChanged = forceUpdate ||
+                !cachedSelection ||
+                !newRangeEx ||
+                !(0, areSameSelection_1.areSameSelection)(newRangeEx, cachedSelection);
+            if (isSelectionChanged) {
+                if (!model ||
+                    !newRangeEx ||
+                    !((_a = this.state.domIndexer) === null || _a === void 0 ? void 0 : _a.reconcileSelection(model, newRangeEx, cachedSelection))) {
+                    this.invalidateCache();
+                }
+                else {
+                    this.state.cachedSelection = newRangeEx;
+                }
+            }
+            else {
+                this.state.cachedSelection = cachedSelection;
+            }
+        };
+        ContentModelCachePlugin.prototype.shouldClearCache = function (event) {
+            var _a;
+            var rawEvent = event.rawEvent, handledByEditFeature = event.handledByEditFeature;
+            // In these cases we can't update the model, so clear cache:
+            // 1. It is already handled by Content Edit Features
+            if (handledByEditFeature) {
+                return true;
+            }
+            // 2. Default behavior is prevented, which means other plugins has handled the event
+            if (rawEvent.defaultPrevented) {
+                return true;
+            }
+            // 3. ENTER key is pressed. ENTER key will create new paragraph, so need to update cache to reflect this change
+            // TODO: Handle ENTER key to better reuse content model
+            if (rawEvent.key == 'Enter') {
+                return true;
+            }
+            // 4. Current selection is image or table or expanded range selection, and is inputting some text
+            if ((((_a = this.state.cachedSelection) === null || _a === void 0 ? void 0 : _a.type) != 'range' ||
+                !this.state.cachedSelection.range.collapsed) &&
+                (0, eventUtils_1.isCharacterValue)(rawEvent)) {
+                return true;
+            }
+            return false;
+        };
+        return ContentModelCachePlugin;
+    }());
+    exports.ContentModelCachePlugin = ContentModelCachePlugin;
+    /**
+     * @internal
+     * Create a new instance of ContentModelCachePlugin class.
+     * This is mostly for unit test
+     * @param state State of this plugin
+     */
+    function createContentModelCachePlugin(state) {
+        return new ContentModelCachePlugin(state);
+    }
+    exports.createContentModelCachePlugin = createContentModelCachePlugin;
+});
+//# sourceMappingURL=ContentModelCachePlugin.js.map

package/lib-amd/corePlugin/ContentModelCachePlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentModelCachePlugin.js","sourceRoot":"","sources":["../../../../packages-content-model/roosterjs-content-model-core/lib/corePlugin/ContentModelCachePlugin.ts"],"names":[],"mappings":"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","sourcesContent":["import { areSameSelection } from './utils/areSameSelection';\nimport { isCharacterValue } from '../publicApi/domUtils/eventUtils';\nimport { PluginEventType } from 'roosterjs-editor-types';\nimport type {\n    ContentModelCachePluginState,\n    ContentModelContentChangedEvent,\n    IStandaloneEditor,\n} from 'roosterjs-content-model-types';\nimport type {\n    IEditor,\n    PluginEvent,\n    PluginKeyDownEvent,\n    PluginWithState,\n} from 'roosterjs-editor-types';\n\n/**\n * ContentModel cache plugin manages cached Content Model, and refresh the cache when necessary\n */\nexport class ContentModelCachePlugin implements PluginWithState<ContentModelCachePluginState> {\n    private editor: (IEditor & IStandaloneEditor) | null = null;\n\n    /**\n     * Construct a new instance of ContentModelEditPlugin class\n     * @param state State of this plugin\n     */\n    constructor(private state: ContentModelCachePluginState) {\n        // TODO: Remove tempState parameter once we have standalone Content Model editor\n    }\n\n    /**\n     * Get name of this plugin\n     */\n    getName() {\n        return 'ContentModelCache';\n    }\n\n    /**\n     * The first method that editor will call to a plugin when editor is initializing.\n     * It will pass in the editor instance, plugin should take this chance to save the\n     * editor reference so that it can call to any editor method or format API later.\n     * @param editor The editor object\n     */\n    initialize(editor: IEditor) {\n        // TODO: Later we may need a different interface for Content Model editor plugin\n        this.editor = editor as IEditor & IStandaloneEditor;\n        this.editor.getDocument().addEventListener('selectionchange', this.onNativeSelectionChange);\n    }\n\n    /**\n     * The last method that editor will call to a plugin before it is disposed.\n     * Plugin can take this chance to clear the reference to editor. After this method is\n     * called, plugin should not call to any editor method since it will result in error.\n     */\n    dispose() {\n        if (this.editor) {\n            this.editor\n                .getDocument()\n                .removeEventListener('selectionchange', this.onNativeSelectionChange);\n            this.editor = null;\n        }\n    }\n\n    /**\n     * Get plugin state object\n     */\n    getState(): ContentModelCachePluginState {\n        return this.state;\n    }\n\n    /**\n     * Core method for a plugin. Once an event happens in editor, editor will call this\n     * method of each plugin to handle the event as long as the event is not handled\n     * exclusively by another plugin.\n     * @param event The event to handle:\n     */\n    onPluginEvent(event: PluginEvent) {\n        if (!this.editor) {\n            return;\n        }\n\n        switch (event.eventType) {\n            case PluginEventType.KeyDown:\n                if (this.shouldClearCache(event)) {\n                    this.invalidateCache();\n                }\n                break;\n\n            case PluginEventType.Input:\n                {\n                    this.updateCachedModel(this.editor, true /*forceUpdate*/);\n                }\n                break;\n\n            case PluginEventType.SelectionChanged:\n                this.updateCachedModel(this.editor);\n                break;\n\n            case PluginEventType.ContentChanged:\n                {\n                    const { contentModel, selection } = event as ContentModelContentChangedEvent;\n\n                    if (contentModel && this.state.domIndexer) {\n                        this.state.cachedModel = contentModel;\n                        this.state.cachedSelection = selection;\n                    } else {\n                        this.invalidateCache();\n                    }\n                }\n\n                break;\n        }\n    }\n\n    private onNativeSelectionChange = () => {\n        if (this.editor?.hasFocus()) {\n            this.updateCachedModel(this.editor);\n        }\n    };\n\n    private invalidateCache() {\n        if (!this.editor?.isInShadowEdit()) {\n            this.state.cachedModel = undefined;\n            this.state.cachedSelection = undefined;\n        }\n    }\n\n    private updateCachedModel(editor: IStandaloneEditor, forceUpdate?: boolean) {\n        const cachedSelection = this.state.cachedSelection;\n        this.state.cachedSelection = undefined; // Clear it to force getDOMSelection() retrieve the latest selection range\n\n        const newRangeEx = editor.getDOMSelection() || undefined;\n        const model = this.state.cachedModel;\n        const isSelectionChanged =\n            forceUpdate ||\n            !cachedSelection ||\n            !newRangeEx ||\n            !areSameSelection(newRangeEx, cachedSelection);\n\n        if (isSelectionChanged) {\n            if (\n                !model ||\n                !newRangeEx ||\n                !this.state.domIndexer?.reconcileSelection(model, newRangeEx, cachedSelection)\n            ) {\n                this.invalidateCache();\n            } else {\n                this.state.cachedSelection = newRangeEx;\n            }\n        } else {\n            this.state.cachedSelection = cachedSelection;\n        }\n    }\n\n    private shouldClearCache(event: PluginKeyDownEvent) {\n        const { rawEvent, handledByEditFeature } = event;\n\n        // In these cases we can't update the model, so clear cache:\n        // 1. It is already handled by Content Edit Features\n        if (handledByEditFeature) {\n            return true;\n        }\n\n        // 2. Default behavior is prevented, which means other plugins has handled the event\n        if (rawEvent.defaultPrevented) {\n            return true;\n        }\n\n        // 3. ENTER key is pressed. ENTER key will create new paragraph, so need to update cache to reflect this change\n        // TODO: Handle ENTER key to better reuse content model\n\n        if (rawEvent.key == 'Enter') {\n            return true;\n        }\n\n        // 4. Current selection is image or table or expanded range selection, and is inputting some text\n        if (\n            (this.state.cachedSelection?.type != 'range' ||\n                !this.state.cachedSelection.range.collapsed) &&\n            isCharacterValue(rawEvent)\n        ) {\n            return true;\n        }\n\n        return false;\n    }\n}\n\n/**\n * @internal\n * Create a new instance of ContentModelCachePlugin class.\n * This is mostly for unit test\n * @param state State of this plugin\n */\nexport function createContentModelCachePlugin(state: ContentModelCachePluginState) {\n    return new ContentModelCachePlugin(state);\n}\n"]}

package/lib-amd/corePlugin/ContentModelCopyPastePlugin.d.ts

@@ -0,0 +1,46 @@
+import type { OnNodeCreated } from 'roosterjs-content-model-types';
+import type { CopyPastePluginState, IEditor, PluginWithState } from 'roosterjs-editor-types';
+/**
+ * Copy and paste plugin for handling onCopy and onPaste event
+ */
+export declare class ContentModelCopyPastePlugin implements PluginWithState<CopyPastePluginState> {
+    private state;
+    private editor;
+    private disposer;
+    /**
+     * Construct a new instance of CopyPastePlugin
+     * @param options The editor options
+     */
+    constructor(state: CopyPastePluginState);
+    /**
+     * Get a friendly name of  this plugin
+     */
+    getName(): string;
+    /**
+     * Initialize this plugin. This should only be called from Editor
+     * @param editor Editor instance
+     */
+    initialize(editor: IEditor): void;
+    /**
+     * Dispose this plugin
+     */
+    dispose(): void;
+    /**
+     * Get plugin state object
+     */
+    getState(): CopyPastePluginState;
+    private onCutCopy;
+    private onPaste;
+    private getTempDiv;
+}
+/**
+ * @internal
+ * Exported only for unit testing
+ */
+export declare const onNodeCreated: OnNodeCreated;
+/**
+ * @internal
+ * Create a new instance of ContentModelCopyPastePlugin
+ * @param state The plugin state object
+ */
+export declare function createContentModelCopyPastePlugin(state: CopyPastePluginState): ContentModelCopyPastePlugin;

package/lib-amd/corePlugin/ContentModelCopyPastePlugin.js

@@ -0,0 +1,226 @@
+define(["require", "exports", "tslib", "./utils/addRangeToSelection", "../constants/ChangeSource", "../publicApi/model/cloneModel", "../publicApi/selection/deleteSelection", "roosterjs-editor-dom", "../publicApi/selection/iterateSelections", "../publicApi/model/paste", "roosterjs-content-model-dom"], function (require, exports, tslib_1, addRangeToSelection_1, ChangeSource_1, cloneModel_1, deleteSelection_1, roosterjs_editor_dom_1, iterateSelections_1, paste_1, roosterjs_content_model_dom_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.createContentModelCopyPastePlugin = exports.onNodeCreated = exports.ContentModelCopyPastePlugin = void 0;
+    /**
+     * Copy and paste plugin for handling onCopy and onPaste event
+     */
+    var ContentModelCopyPastePlugin = /** @class */ (function () {
+        /**
+         * Construct a new instance of CopyPastePlugin
+         * @param options The editor options
+         */
+        function ContentModelCopyPastePlugin(state) {
+            var _this = this;
+            this.state = state;
+            this.editor = null;
+            this.disposer = null;
+            this.onPaste = function (event) {
+                if (_this.editor && isClipboardEvent(event)) {
+                    var editor_1 = _this.editor;
+                    var dataTransfer = event.clipboardData;
+                    if (dataTransfer === null || dataTransfer === void 0 ? void 0 : dataTransfer.items) {
+                        event.preventDefault();
+                        (0, roosterjs_editor_dom_1.extractClipboardItems)((0, roosterjs_content_model_dom_1.toArray)(dataTransfer.items), {
+                            allowedCustomPasteType: _this.state.allowedCustomPasteType,
+                        }, true /*pasteNativeEvent*/).then(function (clipboardData) {
+                            if (!editor_1.isDisposed()) {
+                                (0, paste_1.paste)(editor_1, clipboardData);
+                            }
+                        });
+                    }
+                }
+            };
+        }
+        /**
+         * Get a friendly name of  this plugin
+         */
+        ContentModelCopyPastePlugin.prototype.getName = function () {
+            return 'ContentModelCopyPaste';
+        };
+        /**
+         * Initialize this plugin. This should only be called from Editor
+         * @param editor Editor instance
+         */
+        ContentModelCopyPastePlugin.prototype.initialize = function (editor) {
+            var _this = this;
+            this.editor = editor;
+            this.disposer = this.editor.addDomEventHandler({
+                paste: function (e) { return _this.onPaste(e); },
+                copy: function (e) { return _this.onCutCopy(e, false /*isCut*/); },
+                cut: function (e) { return _this.onCutCopy(e, true /*isCut*/); },
+            });
+        };
+        /**
+         * Dispose this plugin
+         */
+        ContentModelCopyPastePlugin.prototype.dispose = function () {
+            if (this.disposer) {
+                this.disposer();
+            }
+            this.disposer = null;
+            this.editor = null;
+        };
+        /**
+         * Get plugin state object
+         */
+        ContentModelCopyPastePlugin.prototype.getState = function () {
+            return this.state;
+        };
+        ContentModelCopyPastePlugin.prototype.onCutCopy = function (event, isCut) {
+            var _this = this;
+            if (!this.editor) {
+                return;
+            }
+            var doc = this.editor.getDocument();
+            var selection = this.editor.getDOMSelection();
+            if (selection && (selection.type != 'range' || !selection.range.collapsed)) {
+                var model = this.editor.createContentModel();
+                var pasteModel = (0, cloneModel_1.cloneModel)(model, {
+                    includeCachedElement: this.editor.isDarkMode()
+                        ? function (node, type) {
+                            var _a;
+                            if (type == 'cache') {
+                                return undefined;
+                            }
+                            else {
+                                var result = node.cloneNode(true /*deep*/);
+                                (_a = _this.editor) === null || _a === void 0 ? void 0 : _a.transformToDarkColor(result, 1 /* DarkToLight */);
+                                result.style.color = result.style.color || 'inherit';
+                                result.style.backgroundColor =
+                                    result.style.backgroundColor || 'inherit';
+                                return result;
+                            }
+                        }
+                        : false,
+                });
+                if (selection.type === 'table') {
+                    (0, iterateSelections_1.iterateSelections)(pasteModel, function (_, tableContext) {
+                        if (tableContext === null || tableContext === void 0 ? void 0 : tableContext.table) {
+                            var table = tableContext === null || tableContext === void 0 ? void 0 : tableContext.table;
+                            table.rows = table.rows
+                                .map(function (row) {
+                                return (0, tslib_1.__assign)((0, tslib_1.__assign)({}, row), { cells: row.cells.filter(function (cell) { return cell.isSelected; }) });
+                            })
+                                .filter(function (row) { return row.cells.length > 0; });
+                            return true;
+                        }
+                        return false;
+                    });
+                }
+                var tempDiv_1 = this.getTempDiv(this.editor);
+                var selectionForCopy = (0, roosterjs_content_model_dom_1.contentModelToDom)(tempDiv_1.ownerDocument, tempDiv_1, pasteModel, (0, roosterjs_content_model_dom_1.createModelToDomContext)(), exports.onNodeCreated);
+                var newRange = selectionForCopy
+                    ? domSelectionToRange(doc, selectionForCopy, tempDiv_1)
+                    : null;
+                if (newRange) {
+                    newRange = this.editor.triggerPluginEvent(9 /* BeforeCutCopy */, {
+                        clonedRoot: tempDiv_1,
+                        range: newRange,
+                        rawEvent: event,
+                        isCut: isCut,
+                    }).range;
+                    if (newRange) {
+                        (0, addRangeToSelection_1.addRangeToSelection)(doc, newRange);
+                    }
+                    this.editor.runAsync(function (e) {
+                        var editor = e;
+                        cleanUpAndRestoreSelection(tempDiv_1);
+                        editor.focus();
+                        editor.setDOMSelection(selection);
+                        if (isCut) {
+                            editor.formatContentModel(function (model, context) {
+                                if ((0, deleteSelection_1.deleteSelection)(model, [], context).deleteResult == 'range') {
+                                    (0, roosterjs_content_model_dom_1.normalizeContentModel)(model);
+                                }
+                                return true;
+                            }, {
+                                apiName: 'cut',
+                                changeSource: ChangeSource_1.ChangeSource.Cut,
+                            });
+                        }
+                    });
+                }
+                else {
+                    cleanUpAndRestoreSelection(tempDiv_1);
+                }
+            }
+        };
+        ContentModelCopyPastePlugin.prototype.getTempDiv = function (editor) {
+            var div = editor.getCustomData('CopyPasteTempDiv', function () {
+                var tempDiv = editor.getDocument().createElement('div');
+                tempDiv.style.width = '600px';
+                tempDiv.style.height = '1px';
+                tempDiv.style.overflow = 'hidden';
+                tempDiv.style.position = 'fixed';
+                tempDiv.style.top = '0';
+                tempDiv.style.left = '0';
+                tempDiv.style.userSelect = 'text';
+                tempDiv.contentEditable = 'true';
+                editor.getDocument().body.appendChild(tempDiv);
+                return tempDiv;
+            }, function (tempDiv) { var _a; return (_a = tempDiv.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(tempDiv); });
+            div.style.backgroundColor = 'white';
+            div.style.color = 'black';
+            div.childNodes.forEach(function (node) { return div.removeChild(node); });
+            div.style.display = '';
+            div.focus();
+            return div;
+        };
+        return ContentModelCopyPastePlugin;
+    }());
+    exports.ContentModelCopyPastePlugin = ContentModelCopyPastePlugin;
+    function cleanUpAndRestoreSelection(tempDiv) {
+        tempDiv.style.backgroundColor = '';
+        tempDiv.style.color = '';
+        tempDiv.style.display = 'none';
+        (0, roosterjs_content_model_dom_1.moveChildNodes)(tempDiv);
+    }
+    function isClipboardEvent(event) {
+        return !!event.clipboardData;
+    }
+    function domSelectionToRange(doc, selection, tempDiv) {
+        var _a;
+        var newRange = null;
+        if (selection.type === 'table') {
+            var table = tempDiv.querySelector("#" + selection.table.id);
+            var elementToSelect = ((_a = table.parentElement) === null || _a === void 0 ? void 0 : _a.childElementCount) == 1 ? table.parentElement : table;
+            newRange = doc.createRange();
+            newRange.selectNode(elementToSelect);
+        }
+        else if (selection.type === 'image') {
+            var image = tempDiv.querySelector('#' + selection.image.id);
+            if (image) {
+                newRange = doc.createRange();
+                newRange.selectNode(image);
+            }
+        }
+        else {
+            newRange = selection.range;
+        }
+        return newRange;
+    }
+    /**
+     * @internal
+     * Exported only for unit testing
+     */
+    var onNodeCreated = function (_, node) {
+        if ((0, roosterjs_content_model_dom_1.isNodeOfType)(node, 'ELEMENT_NODE') && (0, roosterjs_content_model_dom_1.isElementOfType)(node, 'table')) {
+            (0, roosterjs_content_model_dom_1.wrap)(node.ownerDocument, node, 'div');
+        }
+        if ((0, roosterjs_content_model_dom_1.isNodeOfType)(node, 'ELEMENT_NODE') && !node.isContentEditable) {
+            node.removeAttribute('contenteditable');
+        }
+    };
+    exports.onNodeCreated = onNodeCreated;
+    /**
+     * @internal
+     * Create a new instance of ContentModelCopyPastePlugin
+     * @param state The plugin state object
+     */
+    function createContentModelCopyPastePlugin(state) {
+        return new ContentModelCopyPastePlugin(state);
+    }
+    exports.createContentModelCopyPastePlugin = createContentModelCopyPastePlugin;
+});
+//# sourceMappingURL=ContentModelCopyPastePlugin.js.map

package/lib-amd/corePlugin/ContentModelCopyPastePlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentModelCopyPastePlugin.js","sourceRoot":"","sources":["../../../../packages-content-model/roosterjs-content-model-core/lib/corePlugin/ContentModelCopyPastePlugin.ts"],"names":[],"mappings":"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","sourcesContent":["import { addRangeToSelection } from './utils/addRangeToSelection';\nimport { ChangeSource } from '../constants/ChangeSource';\nimport { cloneModel } from '../publicApi/model/cloneModel';\nimport { ColorTransformDirection, PluginEventType } from 'roosterjs-editor-types';\nimport { deleteSelection } from '../publicApi/selection/deleteSelection';\nimport { extractClipboardItems } from 'roosterjs-editor-dom';\nimport { iterateSelections } from '../publicApi/selection/iterateSelections';\nimport { paste } from '../publicApi/model/paste';\nimport {\n    contentModelToDom,\n    createModelToDomContext,\n    isElementOfType,\n    isNodeOfType,\n    moveChildNodes,\n    normalizeContentModel,\n    toArray,\n    wrap,\n} from 'roosterjs-content-model-dom';\nimport type { DOMSelection, IStandaloneEditor, OnNodeCreated } from 'roosterjs-content-model-types';\nimport type {\n    CopyPastePluginState,\n    IEditor,\n    PluginWithState,\n    ClipboardData,\n} from 'roosterjs-editor-types';\n\n/**\n * Copy and paste plugin for handling onCopy and onPaste event\n */\nexport class ContentModelCopyPastePlugin implements PluginWithState<CopyPastePluginState> {\n    private editor: (IStandaloneEditor & IEditor) | null = null;\n    private disposer: (() => void) | null = null;\n\n    /**\n     * Construct a new instance of CopyPastePlugin\n     * @param options The editor options\n     */\n    constructor(private state: CopyPastePluginState) {}\n\n    /**\n     * Get a friendly name of  this plugin\n     */\n    getName() {\n        return 'ContentModelCopyPaste';\n    }\n\n    /**\n     * Initialize this plugin. This should only be called from Editor\n     * @param editor Editor instance\n     */\n    initialize(editor: IEditor) {\n        this.editor = editor as IStandaloneEditor & IEditor;\n        this.disposer = this.editor.addDomEventHandler({\n            paste: e => this.onPaste(e),\n            copy: e => this.onCutCopy(e, false /*isCut*/),\n            cut: e => this.onCutCopy(e, true /*isCut*/),\n        });\n    }\n\n    /**\n     * Dispose this plugin\n     */\n    dispose() {\n        if (this.disposer) {\n            this.disposer();\n        }\n        this.disposer = null;\n        this.editor = null;\n    }\n\n    /**\n     * Get plugin state object\n     */\n    getState() {\n        return this.state;\n    }\n\n    private onCutCopy(event: Event, isCut: boolean) {\n        if (!this.editor) {\n            return;\n        }\n\n        const doc = this.editor.getDocument();\n        const selection = this.editor.getDOMSelection();\n\n        if (selection && (selection.type != 'range' || !selection.range.collapsed)) {\n            const model = this.editor.createContentModel();\n\n            const pasteModel = cloneModel(model, {\n                includeCachedElement: this.editor.isDarkMode()\n                    ? (node, type) => {\n                          if (type == 'cache') {\n                              return undefined;\n                          } else {\n                              const result = node.cloneNode(true /*deep*/) as HTMLElement;\n\n                              this.editor?.transformToDarkColor(\n                                  result,\n                                  ColorTransformDirection.DarkToLight\n                              );\n\n                              result.style.color = result.style.color || 'inherit';\n                              result.style.backgroundColor =\n                                  result.style.backgroundColor || 'inherit';\n\n                              return result;\n                          }\n                      }\n                    : false,\n            });\n            if (selection.type === 'table') {\n                iterateSelections(pasteModel, (_, tableContext) => {\n                    if (tableContext?.table) {\n                        const table = tableContext?.table;\n                        table.rows = table.rows\n                            .map(row => {\n                                return {\n                                    ...row,\n                                    cells: row.cells.filter(cell => cell.isSelected),\n                                };\n                            })\n                            .filter(row => row.cells.length > 0);\n                        return true;\n                    }\n                    return false;\n                });\n            }\n            const tempDiv = this.getTempDiv(this.editor);\n            const selectionForCopy = contentModelToDom(\n                tempDiv.ownerDocument,\n                tempDiv,\n                pasteModel,\n                createModelToDomContext(),\n                onNodeCreated\n            );\n\n            let newRange: Range | null = selectionForCopy\n                ? domSelectionToRange(doc, selectionForCopy, tempDiv)\n                : null;\n            if (newRange) {\n                newRange = this.editor.triggerPluginEvent(PluginEventType.BeforeCutCopy, {\n                    clonedRoot: tempDiv,\n                    range: newRange,\n                    rawEvent: event as ClipboardEvent,\n                    isCut,\n                }).range;\n\n                if (newRange) {\n                    addRangeToSelection(doc, newRange);\n                }\n\n                this.editor.runAsync(e => {\n                    const editor = e as IStandaloneEditor & IEditor;\n\n                    cleanUpAndRestoreSelection(tempDiv);\n                    editor.focus();\n                    editor.setDOMSelection(selection);\n\n                    if (isCut) {\n                        editor.formatContentModel(\n                            (model, context) => {\n                                if (deleteSelection(model, [], context).deleteResult == 'range') {\n                                    normalizeContentModel(model);\n                                }\n\n                                return true;\n                            },\n                            {\n                                apiName: 'cut',\n                                changeSource: ChangeSource.Cut,\n                            }\n                        );\n                    }\n                });\n            } else {\n                cleanUpAndRestoreSelection(tempDiv);\n            }\n        }\n    }\n\n    private onPaste = (event: Event) => {\n        if (this.editor && isClipboardEvent(event)) {\n            const editor = this.editor;\n\n            const dataTransfer = event.clipboardData;\n\n            if (dataTransfer?.items) {\n                event.preventDefault();\n                extractClipboardItems(\n                    toArray(dataTransfer.items),\n                    {\n                        allowedCustomPasteType: this.state.allowedCustomPasteType,\n                    },\n                    true /*pasteNativeEvent*/\n                ).then((clipboardData: ClipboardData) => {\n                    if (!editor.isDisposed()) {\n                        paste(editor, clipboardData);\n                    }\n                });\n            }\n        }\n    };\n\n    private getTempDiv(editor: IEditor) {\n        const div = editor.getCustomData(\n            'CopyPasteTempDiv',\n            () => {\n                const tempDiv = editor.getDocument().createElement('div');\n\n                tempDiv.style.width = '600px';\n                tempDiv.style.height = '1px';\n                tempDiv.style.overflow = 'hidden';\n                tempDiv.style.position = 'fixed';\n                tempDiv.style.top = '0';\n                tempDiv.style.left = '0';\n                tempDiv.style.userSelect = 'text';\n                tempDiv.contentEditable = 'true';\n\n                editor.getDocument().body.appendChild(tempDiv);\n\n                return tempDiv;\n            },\n            tempDiv => tempDiv.parentNode?.removeChild(tempDiv)\n        );\n\n        div.style.backgroundColor = 'white';\n        div.style.color = 'black';\n        div.childNodes.forEach(node => div.removeChild(node));\n\n        div.style.display = '';\n        div.focus();\n\n        return div;\n    }\n}\n\nfunction cleanUpAndRestoreSelection(tempDiv: HTMLDivElement) {\n    tempDiv.style.backgroundColor = '';\n    tempDiv.style.color = '';\n    tempDiv.style.display = 'none';\n    moveChildNodes(tempDiv);\n}\n\nfunction isClipboardEvent(event: Event): event is ClipboardEvent {\n    return !!(event as ClipboardEvent).clipboardData;\n}\n\nfunction domSelectionToRange(\n    doc: Document,\n    selection: DOMSelection,\n    tempDiv: HTMLDivElement\n): Range | null {\n    let newRange: Range | null = null;\n\n    if (selection.type === 'table') {\n        const table = tempDiv.querySelector(`#${selection.table.id}`) as HTMLTableElement;\n        const elementToSelect =\n            table.parentElement?.childElementCount == 1 ? table.parentElement : table;\n\n        newRange = doc.createRange();\n        newRange.selectNode(elementToSelect);\n    } else if (selection.type === 'image') {\n        const image = tempDiv.querySelector('#' + selection.image.id);\n\n        if (image) {\n            newRange = doc.createRange();\n            newRange.selectNode(image);\n        }\n    } else {\n        newRange = selection.range;\n    }\n\n    return newRange;\n}\n\n/**\n * @internal\n * Exported only for unit testing\n */\nexport const onNodeCreated: OnNodeCreated = (_, node): void => {\n    if (isNodeOfType(node, 'ELEMENT_NODE') && isElementOfType(node, 'table')) {\n        wrap(node.ownerDocument, node, 'div');\n    }\n    if (isNodeOfType(node, 'ELEMENT_NODE') && !node.isContentEditable) {\n        node.removeAttribute('contenteditable');\n    }\n};\n\n/**\n * @internal\n * Create a new instance of ContentModelCopyPastePlugin\n * @param state The plugin state object\n */\nexport function createContentModelCopyPastePlugin(state: CopyPastePluginState) {\n    return new ContentModelCopyPastePlugin(state);\n}\n"]}

package/lib-amd/corePlugin/ContentModelFormatPlugin.d.ts

@@ -0,0 +1,59 @@
+import type { IEditor, PluginEvent, PluginWithState } from 'roosterjs-editor-types';
+import type { ContentModelFormatPluginState } from 'roosterjs-content-model-types';
+/**
+ * ContentModelFormat plugins helps editor to do formatting on top of content model.
+ * This includes:
+ * 1. Handle pending format changes when selection is collapsed
+ */
+export declare class ContentModelFormatPlugin implements PluginWithState<ContentModelFormatPluginState> {
+    private state;
+    private editor;
+    private hasDefaultFormat;
+    /**
+     * Construct a new instance of ContentModelEditPlugin class
+     * @param state State of this plugin
+     */
+    constructor(state: ContentModelFormatPluginState);
+    /**
+     * Get name of this plugin
+     */
+    getName(): string;
+    /**
+     * The first method that editor will call to a plugin when editor is initializing.
+     * It will pass in the editor instance, plugin should take this chance to save the
+     * editor reference so that it can call to any editor method or format API later.
+     * @param editor The editor object
+     */
+    initialize(editor: IEditor): void;
+    /**
+     * The last method that editor will call to a plugin before it is disposed.
+     * Plugin can take this chance to clear the reference to editor. After this method is
+     * called, plugin should not call to any editor method since it will result in error.
+     */
+    dispose(): void;
+    /**
+     * Get plugin state object
+     */
+    getState(): ContentModelFormatPluginState;
+    /**
+     * Core method for a plugin. Once an event happens in editor, editor will call this
+     * method of each plugin to handle the event as long as the event is not handled
+     * exclusively by another plugin.
+     * @param event The event to handle:
+     */
+    onPluginEvent(event: PluginEvent): void;
+    private checkAndApplyPendingFormat;
+    private clearPendingFormat;
+    /**
+     * @internal
+     * Check if this editor can apply pending format
+     * @param editor The editor to get format from
+     */
+    private canApplyPendingFormat;
+}
+/**
+ * @internal
+ * Create a new instance of ContentModelFormatPlugin.
+ * This is mostly for unit test
+ */
+export declare function createContentModelFormatPlugin(state: ContentModelFormatPluginState): ContentModelFormatPlugin;