js-draw 0.25.1 → 1.0.0

package/dist/mjs/commands/uniteCommands.mjs

@@ -1,75 +1,48 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 import  waitForAll  from '../util/waitForAll.mjs';
 import  Command  from './Command.mjs';
 import  SerializableCommand  from './SerializableCommand.mjs';
-var NonSerializableUnion = /** @class */ (function (_super) {
-    __extends(NonSerializableUnion, _super);
-    function NonSerializableUnion(commands, applyChunkSize) {
-        var _this = _super.call(this) || this;
-        _this.commands = commands;
-        _this.applyChunkSize = applyChunkSize;
-        return _this;
-    }
-    NonSerializableUnion.prototype.apply = function (editor) {
+class NonSerializableUnion extends Command {
+    constructor(commands, applyChunkSize) {
+        super();
+        this.commands = commands;
+        this.applyChunkSize = applyChunkSize;
+    }
+    apply(editor) {
         if (this.applyChunkSize === undefined) {
-            var results = this.commands.map(function (cmd) { return cmd.apply(editor); });
+            const results = this.commands.map(cmd => cmd.apply(editor));
             return waitForAll(results);
         }
         else {
             return editor.asyncApplyCommands(this.commands, this.applyChunkSize);
         }
-    };
-    NonSerializableUnion.prototype.unapply = function (editor) {
-        var commands = __spreadArray([], this.commands, true);
+    }
+    unapply(editor) {
+        const commands = [...this.commands];
         commands.reverse();
         if (this.applyChunkSize === undefined) {
-            var results = commands.map(function (cmd) { return cmd.unapply(editor); });
+            const results = commands.map(cmd => cmd.unapply(editor));
             return waitForAll(results);
         }
         else {
             return editor.asyncUnapplyCommands(commands, this.applyChunkSize, false);
         }
-    };
-    NonSerializableUnion.prototype.onDrop = function (editor) {
-        this.commands.forEach(function (command) { return command.onDrop(editor); });
-    };
-    NonSerializableUnion.prototype.description = function (editor, localizationTable) {
-        var descriptions = [];
-        var lastDescription = null;
-        var duplicateDescriptionCount = 0;
-        for (var _i = 0, _a = this.commands; _i < _a.length; _i++) {
-            var part = _a[_i];
-            var description = part.description(editor, localizationTable);
+    }
+    onDrop(editor) {
+        this.commands.forEach(command => command.onDrop(editor));
+    }
+    description(editor, localizationTable) {
+        const descriptions = [];
+        let lastDescription = null;
+        let duplicateDescriptionCount = 0;
+        for (const part of this.commands) {
+            const description = part.description(editor, localizationTable);
             if (description !== lastDescription && lastDescription !== null) {
                 descriptions.push(localizationTable.unionOf(lastDescription, duplicateDescriptionCount));
                 lastDescription = null;
                 duplicateDescriptionCount = 0;
             }
             duplicateDescriptionCount++;
-            lastDescription !== null && lastDescription !== void 0 ? lastDescription : (lastDescription = description);
+            lastDescription ??= description;
         }
         if (duplicateDescriptionCount > 1) {
             descriptions.push(localizationTable.unionOf(lastDescription, duplicateDescriptionCount));
@@ -78,47 +51,42 @@ var NonSerializableUnion = /** @class */ (function (_super) {
             descriptions.push(lastDescription);
         }
         return descriptions.join(', ');
-    };
-    return NonSerializableUnion;
-}(Command));
-var SerializableUnion = /** @class */ (function (_super) {
-    __extends(SerializableUnion, _super);
-    function SerializableUnion(commands, applyChunkSize) {
-        var _this = _super.call(this, 'union') || this;
-        _this.commands = commands;
-        _this.applyChunkSize = applyChunkSize;
-        _this.nonserializableCommand = new NonSerializableUnion(commands, applyChunkSize);
-        return _this;
-    }
-    SerializableUnion.prototype.serializeToJSON = function () {
+    }
+}
+class SerializableUnion extends SerializableCommand {
+    constructor(commands, applyChunkSize) {
+        super('union');
+        this.commands = commands;
+        this.applyChunkSize = applyChunkSize;
+        this.nonserializableCommand = new NonSerializableUnion(commands, applyChunkSize);
+    }
+    serializeToJSON() {
         if (this.serializedData) {
             return this.serializedData;
         }
         return {
             applyChunkSize: this.applyChunkSize,
-            data: this.commands.map(function (command) { return command.serialize(); }),
+            data: this.commands.map(command => command.serialize()),
         };
-    };
-    SerializableUnion.prototype.apply = function (editor) {
+    }
+    apply(editor) {
         // Cache this' serialized form -- applying this may change how commands serialize.
         this.serializedData = this.serializeToJSON();
         return this.nonserializableCommand.apply(editor);
-    };
-    SerializableUnion.prototype.unapply = function (editor) {
+    }
+    unapply(editor) {
         return this.nonserializableCommand.unapply(editor);
-    };
-    SerializableUnion.prototype.onDrop = function (editor) {
+    }
+    onDrop(editor) {
         this.nonserializableCommand.onDrop(editor);
-    };
-    SerializableUnion.prototype.description = function (editor, localizationTable) {
+    }
+    description(editor, localizationTable) {
         return this.nonserializableCommand.description(editor, localizationTable);
-    };
-    return SerializableUnion;
-}(SerializableCommand));
-var uniteCommands = function (commands, applyChunkSize) {
-    var allSerializable = true;
-    for (var _i = 0, commands_1 = commands; _i < commands_1.length; _i++) {
-        var command = commands_1[_i];
+    }
+}
+const uniteCommands = (commands, applyChunkSize) => {
+    let allSerializable = true;
+    for (const command of commands) {
         if (!(command instanceof SerializableCommand)) {
             allSerializable = false;
             break;
@@ -128,21 +96,20 @@ var uniteCommands = function (commands, applyChunkSize) {
         return new NonSerializableUnion(commands, applyChunkSize);
     }
     else {
-        var castedCommands = commands;
+        const castedCommands = commands;
         return new SerializableUnion(castedCommands, applyChunkSize);
     }
 };
-SerializableCommand.register('union', function (data, editor) {
+SerializableCommand.register('union', (data, editor) => {
     if (typeof data.data.length !== 'number') {
         throw new Error('Unions of commands must serialize to lists of serialization data.');
     }
-    var applyChunkSize = data.applyChunkSize;
+    const applyChunkSize = data.applyChunkSize;
     if (typeof applyChunkSize !== 'number' && applyChunkSize !== undefined) {
         throw new Error('serialized applyChunkSize is neither undefined nor a number.');
     }
-    var commands = [];
-    for (var _i = 0, _a = data.data; _i < _a.length; _i++) {
-        var part = _a[_i];
+    const commands = [];
+    for (const part of data.data) {
         commands.push(SerializableCommand.deserialize(part, editor));
     }
     return uniteCommands(commands, applyChunkSize);

package/dist/mjs/components/AbstractComponent.d.ts

@@ -1,8 +1,6 @@
 import SerializableCommand from '../commands/SerializableCommand';
 import EditorImage from '../EditorImage';
-import LineSegment2 from '../math/shapes/LineSegment2';
-import Mat33 from '../math/Mat33';
-import Rect2 from '../math/shapes/Rect2';
+import { LineSegment2, Mat33, Rect2 } from '@js-draw/math';
 import AbstractRenderer from '../rendering/renderers/AbstractRenderer';
 import { ImageComponentLocalization } from './localization';
 export type LoadSaveData = (string[] | Record<symbol, string | number>);
@@ -44,6 +42,16 @@ export default abstract class AbstractComponent {
     /** Called when this component is added to the given image. */
     onAddToImage(_image: EditorImage): void;
     onRemoveFromImage(): void;
+    /**
+     * Renders this component onto the given `canvas`.
+     *
+     * If `visibleRect` is given, it should be the region of `canvas` that is visible --
+     * rendering anything outside of `visibleRect` should have no visible effect on the
+     * resultant image.
+     *
+     * For optimal performance, implementers should call `canvas.startObject` and `canvas.endObject`
+     * before and after rendering.
+     */
     abstract render(canvas: AbstractRenderer, visibleRect?: Rect2): void;
     /** @return true if `lineSegment` intersects this component. */
     abstract intersects(lineSegment: LineSegment2): boolean;