@vnejs/plugins.canvas.sprite 0.1.2 → 0.1.4

package/const/const.js

@@ -1,9 +1,9 @@
 export const ACTIONS = { SHOW: "show", HIDE: "hide", CHANGE: "change", MOVE: "move" };
 
-export const LINE_MOVE_REG = /^(?<id>[a-zA-Z_0-9-]+) move (?<position>[a-zA-Z_0-9-]+)( (?<duration>\d+))?( async)?$/;
+export const LINE_MOVE_REG = /^(?<id>[a-zA-Z_0-9-]+) move (?<position>[a-zA-Z_0-9-]+)( (?<duration>\d+))?$/;
 export const LINE_SHOW_REG =
-  /^(?<id>[a-zA-Z_0-9-]+) show (?<position>[a-zA-Z_0-9-]+) {(?<variation>[a-zA-Z_0-9-/]+)}( (?<transition>[a-zA-Z_0-9-]+)[:](?<duration>\d+))?( async)?$/;
-export const LINE_HIDE_REG = /^(?<id>[a-zA-Z_0-9-]+) hide( (?<transition>[a-zA-Z_0-9-]+)[:](?<duration>\d+))?( async)?$/;
-export const LINE_CHANGE_REG = /^(?<id>[a-zA-Z_0-9-]+) change {(?<variation>[a-zA-Z_0-9-/]+)}( (?<duration>\d+))?( async)?$/;
+  /^(?<id>[a-zA-Z_0-9-]+) show (?<position>[a-zA-Z_0-9-]+) {(?<variation>[a-zA-Z_0-9-/]+)}( (?<transition>[a-zA-Z_0-9-]+)[:](?<duration>\d+))?$/;
+export const LINE_HIDE_REG = /^(?<id>[a-zA-Z_0-9-]+) hide( (?<transition>[a-zA-Z_0-9-]+)[:](?<duration>\d+))?$/;
+export const LINE_CHANGE_REG = /^(?<id>[a-zA-Z_0-9-]+) change {(?<variation>[a-zA-Z_0-9-/]+)}( (?<duration>\d+))?$/;
 
 export const LAYER_CHILD_TYPE = "sprite";

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.2",
+  "version": "0.1.4",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",