@pooder/kit 0.0.2 → 1.0.0

package/CHANGELOG.md

@@ -1,9 +1,15 @@
-# @pooder/kit
-
-## 0.0.2
-
-### Patch Changes
-
-- changeset release
-- Updated dependencies
-  - @pooder/core@0.0.2
+# @pooder/kit
+
+## 1.0.0
+
+### Major Changes
+
+- fix
+
+## 0.0.2
+
+### Patch Changes
+
+- changeset release
+- Updated dependencies
+  - @pooder/core@0.0.2

package/dist/index.js

@@ -124,10 +124,10 @@ var BackgroundTool = class {
       editor.canvas.add(backgroundLayer);
       editor.canvas.sendObjectToBack(backgroundLayer);
     }
-    this.updateBackground(editor, this.options);
   }
   onMount(editor) {
     this.initLayer(editor);
+    this.updateBackground(editor, this.options);
   }
   onUnmount(editor) {
     const layer = editor.getLayer("background");
@@ -465,6 +465,7 @@ var DielineTool = class {
   }
   onMount(editor) {
     this.createLayer(editor);
+    this.updateDieline(editor);
   }
   onUnmount(editor) {
     this.destroyLayer(editor);
@@ -496,7 +497,6 @@ var DielineTool = class {
       editor.canvas.add(layer);
     }
     editor.canvas.bringObjectToFront(layer);
-    this.updateDieline(editor);
   }
   destroyLayer(editor) {
     const layer = this.getLayer(editor, "dieline-overlay");
@@ -750,6 +750,7 @@ var FilmTool = class {
     }
   }
   onUpdate(editor, state) {
+    this.updateFilm(editor, this.options);
   }
   initLayer(editor) {
     let overlayLayer = editor.getLayer("overlay");
@@ -1166,6 +1167,7 @@ var ImageTool = class {
   }
   onMount(editor) {
     this.ensureLayer(editor);
+    this.updateImage(editor, this.options);
   }
   onUnmount(editor) {
     const layer = editor.getLayer("user");
@@ -1295,6 +1297,7 @@ var WhiteInkTool = class {
   }
   onMount(editor) {
     this.setup(editor);
+    this.updateWhiteInk(editor, this.options);
   }
   onUnmount(editor) {
     this.teardown(editor);
@@ -1335,7 +1338,6 @@ var WhiteInkTool = class {
       editor.canvas.on("object:rotating", this.syncHandler);
       editor.canvas.on("object:modified", this.syncHandler);
     }
-    this.updateWhiteInk(editor, this.options);
   }
   teardown(editor) {
     if (this.syncHandler) {
@@ -1545,11 +1547,13 @@ var RulerTool = class {
   }
   onMount(editor) {
     this.createLayer(editor);
+    this.updateRuler(editor);
   }
   onUnmount(editor) {
     this.destroyLayer(editor);
   }
   onUpdate(editor, state) {
+    this.updateRuler(editor);
   }
   onDestroy(editor) {
     this.destroyLayer(editor);
@@ -1575,7 +1579,6 @@ var RulerTool = class {
       editor.canvas.add(layer);
     }
     editor.canvas.bringObjectToFront(layer);
-    this.updateRuler(editor);
   }
   destroyLayer(editor) {
     const layer = this.getLayer(editor);

package/dist/index.mjs

@@ -82,10 +82,10 @@ var BackgroundTool = class {
       editor.canvas.add(backgroundLayer);
       editor.canvas.sendObjectToBack(backgroundLayer);
     }
-    this.updateBackground(editor, this.options);
   }
   onMount(editor) {
     this.initLayer(editor);
+    this.updateBackground(editor, this.options);
   }
   onUnmount(editor) {
     const layer = editor.getLayer("background");
@@ -423,6 +423,7 @@ var DielineTool = class {
   }
   onMount(editor) {
     this.createLayer(editor);
+    this.updateDieline(editor);
   }
   onUnmount(editor) {
     this.destroyLayer(editor);
@@ -454,7 +455,6 @@ var DielineTool = class {
       editor.canvas.add(layer);
     }
     editor.canvas.bringObjectToFront(layer);
-    this.updateDieline(editor);
   }
   destroyLayer(editor) {
     const layer = this.getLayer(editor, "dieline-overlay");
@@ -708,6 +708,7 @@ var FilmTool = class {
     }
   }
   onUpdate(editor, state) {
+    this.updateFilm(editor, this.options);
   }
   initLayer(editor) {
     let overlayLayer = editor.getLayer("overlay");
@@ -1124,6 +1125,7 @@ var ImageTool = class {
   }
   onMount(editor) {
     this.ensureLayer(editor);
+    this.updateImage(editor, this.options);
   }
   onUnmount(editor) {
     const layer = editor.getLayer("user");
@@ -1257,6 +1259,7 @@ var WhiteInkTool = class {
   }
   onMount(editor) {
     this.setup(editor);
+    this.updateWhiteInk(editor, this.options);
   }
   onUnmount(editor) {
     this.teardown(editor);
@@ -1297,7 +1300,6 @@ var WhiteInkTool = class {
       editor.canvas.on("object:rotating", this.syncHandler);
       editor.canvas.on("object:modified", this.syncHandler);
     }
-    this.updateWhiteInk(editor, this.options);
   }
   teardown(editor) {
     if (this.syncHandler) {
@@ -1507,11 +1509,13 @@ var RulerTool = class {
   }
   onMount(editor) {
     this.createLayer(editor);
+    this.updateRuler(editor);
   }
   onUnmount(editor) {
     this.destroyLayer(editor);
   }
   onUpdate(editor, state) {
+    this.updateRuler(editor);
   }
   onDestroy(editor) {
     this.destroyLayer(editor);
@@ -1537,7 +1541,6 @@ var RulerTool = class {
       editor.canvas.add(layer);
     }
     editor.canvas.bringObjectToFront(layer);
-    this.updateRuler(editor);
   }
   destroyLayer(editor) {
     const layer = this.getLayer(editor);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pooder/kit",
-  "version": "0.0.2",
+  "version": "1.0.0",
   "description": "Standard plugins for Pooder editor",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

package/src/background.ts

@@ -37,11 +37,10 @@ export class BackgroundTool implements Extension<BackgroundToolOptions> {
             editor.canvas.add(backgroundLayer)
             editor.canvas.sendObjectToBack(backgroundLayer)
         }
-
-        this.updateBackground(editor, this.options);
     }
     onMount(editor: Editor) {
         this.initLayer(editor);
+        this.updateBackground(editor, this.options);
     }
 
     onUnmount(editor: Editor) {

package/src/dieline.ts

@@ -62,6 +62,7 @@ export class DielineTool implements Extension<DielineToolOptions> {
 
     onMount(editor: Editor) {
         this.createLayer(editor);
+        this.updateDieline(editor);
     }
 
     onUnmount(editor: Editor) {
@@ -98,11 +99,7 @@ export class DielineTool implements Extension<DielineToolOptions> {
             editor.canvas.add(layer);
         }
 
-        // Ensure it's on top
         editor.canvas.bringObjectToFront(layer);
-
-        // Initial draw
-        this.updateDieline(editor);
     }
 
     private destroyLayer(editor: Editor) {

package/src/film.ts

@@ -43,6 +43,7 @@ export class FilmTool implements Extension<FilmToolOptions> {
     }
 
     onUpdate(editor: Editor, state: EditorState) {
+        this.updateFilm(editor, this.options);
     }
 
     private initLayer(editor: Editor) {

package/src/image.ts

@@ -27,6 +27,7 @@ export class ImageTool implements Extension<ImageToolOptions> {
 
     onMount(editor: Editor) {
         this.ensureLayer(editor);
+        this.updateImage(editor, this.options);
     }
 
     onUnmount(editor: Editor) {

package/src/ruler.ts

@@ -35,6 +35,7 @@ export class RulerTool implements Extension<RulerToolOptions> {
 
     onMount(editor: Editor) {
         this.createLayer(editor);
+        this.updateRuler(editor);
     }
 
     onUnmount(editor: Editor) {
@@ -42,6 +43,7 @@ export class RulerTool implements Extension<RulerToolOptions> {
     }
 
     onUpdate(editor: Editor, state: EditorState) {
+        this.updateRuler(editor);
     }
 
     onDestroy(editor: Editor) {
@@ -71,7 +73,6 @@ export class RulerTool implements Extension<RulerToolOptions> {
         }
 
         editor.canvas.bringObjectToFront(layer);
-        this.updateRuler(editor);
     }
 
     private destroyLayer(editor: Editor) {

package/src/white-ink.ts

@@ -34,6 +34,7 @@ export class WhiteInkTool implements Extension<WhiteInkToolOptions> {
 
     onMount(editor: Editor) {
         this.setup(editor);
+        this.updateWhiteInk(editor, this.options);
     }
 
     onUnmount(editor: Editor) {
@@ -78,8 +79,6 @@ export class WhiteInkTool implements Extension<WhiteInkToolOptions> {
             editor.canvas.on('object:rotating', this.syncHandler);
             editor.canvas.on('object:modified', this.syncHandler);
         }
-
-        this.updateWhiteInk(editor, this.options);
     }
 
     private teardown(editor: Editor) {