@vnejs/plugins.canvas.scale 0.1.1 → 0.1.2

package/dist/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/index.js

@@ -0,0 +1,4 @@
+import { regPlugin } from "@vnejs/shared";
+import { CONSTANTS, PLUGIN_NAME, SUBSCRIBE_EVENTS } from "@vnejs/plugins.canvas.scale.contract";
+import { LayerScale } from "./modules/scale.js";
+regPlugin(PLUGIN_NAME, { constants: CONSTANTS, events: SUBSCRIBE_EVENTS }, [LayerScale]);

package/dist/modules/scale.d.ts

@@ -0,0 +1,13 @@
+import { Module } from "@vnejs/module";
+import type { ScalePluginConstants, ScalePluginEvents } from "../types.js";
+import type { ScaleSetPayload, ScaleState, ScaleUnsetPayload } from "../utils/scale.js";
+export declare class LayerScale extends Module<ScalePluginEvents, ScalePluginConstants, Record<string, never>, Record<string, never>, ScaleState> {
+    name: string;
+    subscribe: () => void;
+    onScaleSet: ({ layer, value, transformOriginX, transformOriginY, duration }?: ScaleSetPayload) => Promise<unknown[] | undefined>;
+    onScaleUnset: ({ layer, duration }?: ScaleUnsetPayload) => Promise<unknown[] | undefined>;
+    onStateSet: ({ [this.name]: state }?: Record<string, ScaleState>) => Promise<void>;
+    onStateClear: () => Promise<(unknown[] | undefined)[]>;
+    emitLayerPropsUpdate: (layer: string, scale: unknown | undefined, transformOriginX: string | undefined, transformOriginY: string | undefined, duration: number) => Promise<unknown[]> | undefined;
+    getDefaultState: () => ScaleState;
+}

package/dist/modules/scale.js

@@ -0,0 +1,25 @@
+import { Module } from "@vnejs/module";
+export class LayerScale extends Module {
+    name = "layer.scale";
+    subscribe = () => {
+        this.on(this.EVENTS.LAYER_SCALE.SET, this.onScaleSet);
+        this.on(this.EVENTS.LAYER_SCALE.UNSET, this.onScaleUnset);
+        this.on(this.EVENTS.STATE.SET, this.onStateSet);
+        this.on(this.EVENTS.STATE.CLEAR, this.onStateClear);
+    };
+    onScaleSet = async ({ layer = "", value = "", transformOriginX = "center", transformOriginY = "center", duration = 0 } = {}) => {
+        this.state[layer] = { scale: value, transformOriginX, transformOriginY };
+        return this.emitLayerPropsUpdate(layer, value, transformOriginX, transformOriginY, duration);
+    };
+    onScaleUnset = async ({ layer = "", duration = 0 } = {}) => {
+        delete this.state[layer];
+        return this.emitLayerPropsUpdate(layer, "", "", "", duration);
+    };
+    onStateSet = async ({ [this.name]: state = {} } = {}) => {
+        await Promise.all(Object.keys(this.state).map((layer) => this.emit(this.EVENTS.LAYER_SCALE.UNSET, { layer, duration: 0 })));
+        await Promise.all(Object.keys(state).map((layer) => this.emit(this.EVENTS.LAYER_SCALE.SET, { ...state[layer], layer, duration: 0 })));
+    };
+    onStateClear = () => Promise.all(Object.keys(this.state).map((layer) => this.emit(this.EVENTS.LAYER_SCALE.UNSET, { layer, duration: 0 })));
+    emitLayerPropsUpdate = (layer, scale = "", transformOriginX = "", transformOriginY = "", duration) => this.emit(this.EVENTS.LAYER.PROPS_UPDATE, { layer, props: { scale, transformOriginX, transformOriginY }, duration });
+    getDefaultState = () => ({});
+}

package/dist/types.d.ts

@@ -0,0 +1,6 @@
+import type { VnePluginConstantsMapRegistry, VnePluginEventsMapRegistry } from "@vnejs/shared";
+import type { Constants, PluginName, SubscribeEvents } from "@vnejs/plugins.canvas.scale.contract";
+import type { PluginName as LayerPluginName, SubscribeEvents as LayerSubscribeEvents } from "@vnejs/plugins.canvas.layer.contract";
+import type { PluginName as StatePluginName, SubscribeEvents as StateSubscribeEvents } from "@vnejs/plugins.core.state.contract";
+export type ScalePluginEvents = VnePluginEventsMapRegistry & Record<PluginName, SubscribeEvents> & Record<LayerPluginName, LayerSubscribeEvents> & Record<StatePluginName, StateSubscribeEvents>;
+export type ScalePluginConstants = VnePluginConstantsMapRegistry & Record<PluginName, Constants>;

package/dist/types.js

@@ -0,0 +1 @@
+export {};

package/dist/utils/scale.d.ts

@@ -0,0 +1,17 @@
+export type ScaleLayerState = {
+    scale: unknown;
+    transformOriginX: string;
+    transformOriginY: string;
+};
+export type ScaleState = Record<string, ScaleLayerState>;
+export type ScaleSetPayload = {
+    layer?: string;
+    value?: unknown;
+    transformOriginX?: string;
+    transformOriginY?: string;
+    duration?: number;
+};
+export type ScaleUnsetPayload = {
+    layer?: string;
+    duration?: number;
+};

package/dist/utils/scale.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,17 +1,44 @@
 {
   "name": "@vnejs/plugins.canvas.scale",
-  "version": "0.1.1",
-  "main": "index.js",
+  "version": "0.1.2",
+  "description": "",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "src",
+    "tsconfig.json"
+  ],
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "npx @vnejs/monorepo package",
     "publish:major:plugin": "npm run publish:major",
     "publish:minor:plugin": "npm run publish:minor",
     "publish:patch:plugin": "npm run publish:patch",
-    "publish:major": "npm version major && npm publish --access public",
-    "publish:minor": "npm version minor && npm publish --access public",
-    "publish:patch": "npm version patch && npm publish --access public"
+    "publish:major": "npx @vnejs/monorepo publish major --access public",
+    "publish:minor": "npx @vnejs/monorepo publish minor --access public",
+    "publish:patch": "npx @vnejs/monorepo publish patch --access public"
   },
   "author": "",
   "license": "ISC",
-  "description": ""
+  "dependencies": {
+    "@vnejs/plugins.canvas.scale.contract": "~0.0.1"
+  },
+  "peerDependencies": {
+    "@vnejs/module": "~0.0.1",
+    "@vnejs/plugins.canvas.layer.contract": "~0.0.1",
+    "@vnejs/plugins.core.state.contract": "~0.0.1",
+    "@vnejs/shared": "~0.0.9"
+  },
+  "devDependencies": {
+    "@vnejs/configs.ts-common": "~0.0.1"
+  }
 }

package/src/index.ts

@@ -0,0 +1,6 @@
+import { regPlugin } from "@vnejs/shared";
+import { CONSTANTS, PLUGIN_NAME, SUBSCRIBE_EVENTS } from "@vnejs/plugins.canvas.scale.contract";
+
+import { LayerScale } from "./modules/scale.js";
+
+regPlugin(PLUGIN_NAME, { constants: CONSTANTS, events: SUBSCRIBE_EVENTS }, [LayerScale]);

package/{modules/scale.js → src/modules/scale.ts}

@@ -1,6 +1,9 @@
 import { Module } from "@vnejs/module";
 
-export class LayerScale extends Module {
+import type { ScalePluginConstants, ScalePluginEvents } from "../types.js";
+import type { ScaleSetPayload, ScaleState, ScaleUnsetPayload } from "../utils/scale.js";
+
+export class LayerScale extends Module<ScalePluginEvents, ScalePluginConstants, Record<string, never>, Record<string, never>, ScaleState> {
   name = "layer.scale";
 
   subscribe = () => {
@@ -11,23 +14,27 @@ export class LayerScale extends Module {
     this.on(this.EVENTS.STATE.CLEAR, this.onStateClear);
   };
 
-  onScaleSet = async ({ layer = "", value = "", transformOriginX = "center", transformOriginY = "center", duration = 0 } = {}) => {
+  onScaleSet = async ({ layer = "", value = "", transformOriginX = "center", transformOriginY = "center", duration = 0 }: ScaleSetPayload = {}) => {
     this.state[layer] = { scale: value, transformOriginX, transformOriginY };
 
     return this.emitLayerPropsUpdate(layer, value, transformOriginX, transformOriginY, duration);
   };
-  onScaleUnset = async ({ layer = "", duration = 0 } = {}) => {
+
+  onScaleUnset = async ({ layer = "", duration = 0 }: ScaleUnsetPayload = {}) => {
     delete this.state[layer];
 
     return this.emitLayerPropsUpdate(layer, "", "", "", duration);
   };
 
-  onStateSet = async ({ [this.name]: state = {} } = {}) => {
+  onStateSet = async ({ [this.name]: state = {} }: Record<string, ScaleState> = {}) => {
     await Promise.all(Object.keys(this.state).map((layer) => this.emit(this.EVENTS.LAYER_SCALE.UNSET, { layer, duration: 0 })));
     await Promise.all(Object.keys(state).map((layer) => this.emit(this.EVENTS.LAYER_SCALE.SET, { ...state[layer], layer, duration: 0 })));
   };
+
   onStateClear = () => Promise.all(Object.keys(this.state).map((layer) => this.emit(this.EVENTS.LAYER_SCALE.UNSET, { layer, duration: 0 })));
 
-  emitLayerPropsUpdate = (layer, scale = "", transformOriginX = "", transformOriginY = "", duration) =>
+  emitLayerPropsUpdate = (layer: string, scale: unknown = "", transformOriginX = "", transformOriginY = "", duration: number) =>
     this.emit(this.EVENTS.LAYER.PROPS_UPDATE, { layer, props: { scale, transformOriginX, transformOriginY }, duration });
+
+  getDefaultState = (): ScaleState => ({});
 }

package/src/types.ts

@@ -0,0 +1,8 @@
+import type { VnePluginConstantsMapRegistry, VnePluginEventsMapRegistry } from "@vnejs/shared";
+import type { Constants, PluginName, SubscribeEvents } from "@vnejs/plugins.canvas.scale.contract";
+import type { PluginName as LayerPluginName, SubscribeEvents as LayerSubscribeEvents } from "@vnejs/plugins.canvas.layer.contract";
+import type { PluginName as StatePluginName, SubscribeEvents as StateSubscribeEvents } from "@vnejs/plugins.core.state.contract";
+
+export type ScalePluginEvents = VnePluginEventsMapRegistry & Record<PluginName, SubscribeEvents> & Record<LayerPluginName, LayerSubscribeEvents> & Record<StatePluginName, StateSubscribeEvents>;
+
+export type ScalePluginConstants = VnePluginConstantsMapRegistry & Record<PluginName, Constants>;

package/src/utils/scale.ts

@@ -0,0 +1,20 @@
+export type ScaleLayerState = {
+  scale: unknown;
+  transformOriginX: string;
+  transformOriginY: string;
+};
+
+export type ScaleState = Record<string, ScaleLayerState>;
+
+export type ScaleSetPayload = {
+  layer?: string;
+  value?: unknown;
+  transformOriginX?: string;
+  transformOriginY?: string;
+  duration?: number;
+};
+
+export type ScaleUnsetPayload = {
+  layer?: string;
+  duration?: number;
+};

package/tsconfig.json

@@ -0,0 +1,9 @@
+{
+  "extends": "@vnejs/configs.ts-common/tsconfig.json",
+  "compilerOptions": {
+    "rootDir": "src",
+    "outDir": "dist"
+  },
+  "include": ["src/**/*.ts"],
+  "exclude": ["dist", "node_modules"]
+}

package/const/const.js

@@ -1 +0,0 @@
-export const EXEC_ACTIONS = { SET: "set", UNSET: "unset" };

package/const/events.js

@@ -1,4 +0,0 @@
-export const SUBSCRIBE_EVENTS = {
-  SET: "vne:layer_scale:set",
-  UNSET: "vne:layer_scale:unset",
-};

package/index.js

@@ -1,8 +0,0 @@
-import { regPlugin } from "@vnejs/shared";
-
-import * as constants from "./const/const";
-import { SUBSCRIBE_EVENTS } from "./const/events";
-
-import { LayerScale } from "./modules/scale";
-
-regPlugin("LAYER_SCALE", { constants, events: SUBSCRIBE_EVENTS }, [LayerScale]);