@vnejs/plugins.canvas.sprite 0.1.1 → 0.1.3

package/modules/change.js

@@ -27,7 +27,7 @@ export class LayerSpriteChange extends Module {
 
     await this.emit(this.EVENTS.INTERACT.PUSH_POP, {
       key: `${this.name}_${layer}_${variation}`,
-      skipHandler: () => this.emit(this.EVENTS.LAYER.FORCE_UPDATE, { layer }).then(skipResolve),
+      skipHandler: () => this.emit(this.EVENTS.LAYER.UPDATE_FORCE, { layer }).then(skipResolve),
       handler: () => Promise.race([this.emitChildChange(layer, id, Number(duration), propsChange), skipPromise]),
     });
     await this.emitChildChange(layer, id, 0, { parts: partsReal, transition: 0 });

package/modules/hide.js

@@ -27,7 +27,7 @@ export class LayerSpriteHide extends Module {
 
     await this.emit(this.EVENTS.INTERACT.PUSH_POP, {
       key: `${this.name}_${layer}`,
-      skipHandler: () => this.emit(this.EVENTS.LAYER.FORCE_UPDATE, { layer }).then(skipResolve),
+      skipHandler: () => this.emit(this.EVENTS.LAYER.UPDATE_FORCE, { layer }).then(skipResolve),
       handler: () => Promise.race([this.emitChildChange(layer, id, duration, { boxProps: { ...newBoxProps, ...finishProps } }), skipPromise]),
     });
 

package/modules/move.js

@@ -25,7 +25,7 @@ export class LayerSpriteMove extends Module {
 
     return this.emit(this.EVENTS.INTERACT.PUSH_POP, {
       key: `${this.name}_${layer}_${id}`,
-      skipHandler: () => this.emit(this.EVENTS.LAYER.FORCE_UPDATE, { layer }).then(skipResolve),
+      skipHandler: () => this.emit(this.EVENTS.LAYER.UPDATE_FORCE, { layer }).then(skipResolve),
       handler: () => Promise.race([this.emitChildChange(layer, id, duration, newProps), skipPromise]),
     });
   };

package/modules/show.js

@@ -27,7 +27,7 @@ export class LayerSpriteShow extends Module {
 
     return this.emit(this.EVENTS.INTERACT.PUSH_POP, {
       key: `${this.name}_${layer}_${variation}`,
-      skipHandler: () => this.emit(this.EVENTS.LAYER.FORCE_UPDATE, { layer }).then(skipResolve),
+      skipHandler: () => this.emit(this.EVENTS.LAYER.UPDATE_FORCE, { layer }).then(skipResolve),
       handler: () => Promise.race([this.emitChildChange(layer, id, duration, { boxProps: { ...newBoxProps, ...finishProps } }), skipPromise]),
     });
   };

package/modules/state.js

@@ -27,11 +27,13 @@ export class LayerSpriteState extends Module {
   };
   onSpriteStateGet = ({ id } = {}) => this.state.sprites.find((e) => e.id === id);
 
-  onStateSet = async ({ [this.name]: state }) => {
-    await this.preloadState(state);
+  onStateSet = async ({ [this.name]: state } = {}) => {
+    const clonedState = await this.emitOne(this.EVENTS.VENDORS.CLONE, state);
+
+    await this.preloadState(clonedState);
 
     const oldSpritesByLayer = this.state.sprites.reduce(this.getSpritesByLayerFromState, {});
-    const newSpritesByLayer = state.sprites.reduce(this.getSpritesByLayerFromState, {});
+    const newSpritesByLayer = clonedState.sprites.reduce(this.getSpritesByLayerFromState, {});
 
     const [promises, uniqLayers, oldLayers, newLayers] = [[], new Set(), Object.keys(oldSpritesByLayer), Object.keys(newSpritesByLayer)];
 
@@ -43,12 +45,12 @@ export class LayerSpriteState extends Module {
       const newSprites = newSpritesByLayer[layer] || [];
 
       newSprites.forEach((sprite) => {
-        if (!oldSprites.find((s) => s.id === sprite.id)) return promises.push(this.emitSpriteShow(sprite));
+        if (!oldSprites.find((s) => s.id === sprite.id)) return promises.push(this.cloneSpriteAndShow(sprite));
 
-        promises.push(this.emitSpriteChange(sprite));
-        promises.push(this.emitSpriteMove(sprite));
+        promises.push(this.cloneSpriteAndChange(sprite));
+        promises.push(this.cloneSpriteAndMove(sprite));
       });
-      oldSprites.forEach((sprite) => !newSprites.find((s) => s.id === sprite.id) && promises.push(this.emitSpriteHide(sprite)));
+      oldSprites.forEach((sprite) => !newSprites.find((s) => s.id === sprite.id) && promises.push(this.cloneSpriteAndHide(sprite)));
     });
 
     this.shared.viewForceAnimationSources.push(`${this.name}.set`);
@@ -61,23 +63,30 @@ export class LayerSpriteState extends Module {
   onMemoryCleared = async () => {
     await this.preloadState(this.state);
     this.shared.viewForceAnimationSources.push(`${this.name}.memory`);
-    await Promise.all(this.state.sprites.map(this.emitSpriteChange));
+    await Promise.all(this.state.sprites.map(this.cloneSpriteAndChange));
     this.shared.viewForceAnimationSources = this.shared.viewForceAnimationSources.filter((i) => i !== `${this.name}.memory`);
   };
 
   clearState = async () => {
     this.shared.viewForceAnimationSources.push(`${this.name}.clear`);
-    await Promise.all(this.state.sprites.map(this.emitSpriteHide));
+    await Promise.all(this.state.sprites.map(this.cloneSpriteAndHide));
     this.shared.viewForceAnimationSources = this.shared.viewForceAnimationSources.filter((i) => i !== `${this.name}.clear`);
   };
   preloadState = (state) => Promise.all(state.sprites.map(this.emitSpriteSrcGet));
 
+  cloneSpriteAndChange = async (sprite) => this.emitEventWithSprite(await this.emitOne(this.EVENTS.VENDORS.CLONE, sprite), this.emitSpriteChange);
+  cloneSpriteAndHide = async (sprite) => this.emitEventWithSprite(await this.emitOne(this.EVENTS.VENDORS.CLONE, sprite), this.emitSpriteHide);
+  cloneSpriteAndShow = async (sprite) => this.emitEventWithSprite(await this.emitOne(this.EVENTS.VENDORS.CLONE, sprite), this.emitSpriteShow);
+  cloneSpriteAndMove = async (sprite) => this.emitEventWithSprite(await this.emitOne(this.EVENTS.VENDORS.CLONE, sprite), this.emitSpriteMove);
+
   emitSpriteSrcGet = (sprite) => this.emit(this.EVENTS.LAYER_SPRITE.SRC_GET, sprite);
   emitSpriteChange = (sprite) => this.emit(this.EVENTS.LAYER_SPRITE.CHANGE, sprite);
   emitSpriteMove = (sprite) => this.emit(this.EVENTS.LAYER_SPRITE.MOVE, sprite);
   emitSpriteHide = (sprite) => this.emit(this.EVENTS.LAYER_SPRITE.HIDE, sprite);
   emitSpriteShow = (sprite) => this.emit(this.EVENTS.LAYER_SPRITE.SHOW, sprite);
 
+  emitEventWithSprite = (sprite, cb) => cb(sprite);
+
   getSpritesByLayerFromState = (acc, sprite) => {
     if (!acc[sprite.layer]) acc[sprite.layer] = [];
     acc[sprite.layer].push(sprite);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vnejs/plugins.canvas.sprite",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",