@vnejs/plugins.canvas.filter 0.1.1 → 0.1.3

package/dist/index.d.ts

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

package/dist/index.js

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

package/dist/modules/filter.d.ts

@@ -0,0 +1,13 @@
+import { Module } from "@vnejs/module";
+import type { FilterPluginConstants, FilterPluginEvents, FilterPluginParams } from "../types.js";
+import type { FilterSetPayload, FilterState, FilterUnsetPayload } from "../utils/filter.js";
+export declare class LayerFilter extends Module<FilterPluginEvents, FilterPluginConstants, Record<string, never>, FilterPluginParams, FilterState> {
+    name: string;
+    subscribe: () => void;
+    onFilterSet: ({ layer, name, value, duration, args }?: FilterSetPayload) => Promise<unknown[] | undefined>;
+    onFilterUnset: ({ layer, duration }?: FilterUnsetPayload) => Promise<unknown[] | undefined>;
+    onStateSet: ({ [this.name]: state }?: Record<string, FilterState>) => Promise<void>;
+    onStateClear: () => Promise<(unknown[] | undefined)[]>;
+    emitLayerPropsUpdate: (layer: string, filter: string, duration: number) => Promise<unknown[]> | undefined;
+    getDefaultState: () => FilterState;
+}

package/dist/modules/filter.js

@@ -0,0 +1,27 @@
+import { Module } from "@vnejs/module";
+export class LayerFilter extends Module {
+    name = "layer.filter";
+    subscribe = () => {
+        this.on(this.EVENTS.LAYER_FILTER.SET, this.onFilterSet);
+        this.on(this.EVENTS.LAYER_FILTER.UNSET, this.onFilterUnset);
+        this.on(this.EVENTS.STATE.SET, this.onStateSet);
+        this.on(this.EVENTS.STATE.CLEAR, this.onStateClear);
+    };
+    onFilterSet = async ({ layer = "", name = "", value = "", duration = 0, args = [] } = {}) => {
+        const filterFn = this.PARAMS.LAYER_FILTER.FILTERS[name];
+        const filter = value || (filterFn ? filterFn(...args) : "");
+        this.state[layer] = filter;
+        return this.emitLayerPropsUpdate(layer, this.state[layer], duration);
+    };
+    onFilterUnset = 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_FILTER.UNSET, { layer, duration: 0 })));
+        await Promise.all(Object.keys(state).map((layer) => this.emit(this.EVENTS.LAYER_FILTER.SET, { layer, value: state[layer], duration: 0 })));
+    };
+    onStateClear = () => Promise.all(Object.keys(this.state).map((layer) => this.emit(this.EVENTS.LAYER_FILTER.UNSET, { layer, duration: 0 })));
+    emitLayerPropsUpdate = (layer, filter, duration) => this.emit(this.EVENTS.LAYER.PROPS_UPDATE, { layer, props: { filter }, duration });
+    getDefaultState = () => ({});
+}

package/dist/types.d.ts

@@ -0,0 +1,7 @@
+import type { VnePluginConstantsMapRegistry, VnePluginEventsMapRegistry, VnePluginParamsMapRegistry } from "@vnejs/shared";
+import type { Constants, Params, PluginName, SubscribeEvents } from "@vnejs/plugins.canvas.filter.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 FilterPluginEvents = VnePluginEventsMapRegistry & Record<PluginName, SubscribeEvents> & Record<LayerPluginName, LayerSubscribeEvents> & Record<StatePluginName, StateSubscribeEvents>;
+export type FilterPluginConstants = VnePluginConstantsMapRegistry & Record<PluginName, Constants>;
+export type FilterPluginParams = VnePluginParamsMapRegistry & Record<PluginName, Params>;

package/dist/types.js

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

package/dist/utils/filter.d.ts

@@ -0,0 +1,17 @@
+export type FilterState = Record<string, string>;
+export type FilterSetPayload = {
+    layer?: string;
+    name?: string;
+    value?: string;
+    duration?: number;
+    args?: unknown[];
+};
+export type FilterUnsetPayload = {
+    layer?: string;
+    duration?: number;
+};
+export type FilterStateSetPayload = {
+    value?: string;
+    layer?: string;
+    duration?: number;
+};

package/dist/utils/filter.js

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

package/package.json

@@ -1,17 +1,44 @@
 {
   "name": "@vnejs/plugins.canvas.filter",
-  "version": "0.1.1",
-  "main": "index.js",
+  "version": "0.1.3",
+  "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.filter.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, PARAMS, PLUGIN_NAME, SUBSCRIBE_EVENTS } from "@vnejs/plugins.canvas.filter.contract";
+
+import { LayerFilter } from "./modules/filter.js";
+
+regPlugin(PLUGIN_NAME, { constants: CONSTANTS, events: SUBSCRIBE_EVENTS, params: PARAMS }, [LayerFilter]);

package/src/modules/filter.ts

@@ -0,0 +1,43 @@
+import { Module } from "@vnejs/module";
+
+import type { FilterPluginConstants, FilterPluginEvents, FilterPluginParams } from "../types.js";
+import type { FilterSetPayload, FilterState, FilterStateSetPayload, FilterUnsetPayload } from "../utils/filter.js";
+
+export class LayerFilter extends Module<FilterPluginEvents, FilterPluginConstants, Record<string, never>, FilterPluginParams, FilterState> {
+  name = "layer.filter";
+
+  subscribe = () => {
+    this.on(this.EVENTS.LAYER_FILTER.SET, this.onFilterSet);
+    this.on(this.EVENTS.LAYER_FILTER.UNSET, this.onFilterUnset);
+
+    this.on(this.EVENTS.STATE.SET, this.onStateSet);
+    this.on(this.EVENTS.STATE.CLEAR, this.onStateClear);
+  };
+
+  onFilterSet = async ({ layer = "", name = "", value = "", duration = 0, args = [] }: FilterSetPayload = {}) => {
+    const filterFn = this.PARAMS.LAYER_FILTER.FILTERS[name as keyof typeof this.PARAMS.LAYER_FILTER.FILTERS];
+    const filter = value || (filterFn ? (filterFn as (...filterArgs: unknown[]) => string)(...args) : "");
+
+    this.state[layer] = filter!;
+
+    return this.emitLayerPropsUpdate(layer, this.state[layer], duration);
+  };
+
+  onFilterUnset = async ({ layer = "", duration = 0 }: FilterUnsetPayload = {}) => {
+    delete this.state[layer];
+
+    return this.emitLayerPropsUpdate(layer, "", duration);
+  };
+
+  onStateSet = async ({ [this.name]: state = {} }: Record<string, FilterState> = {}) => {
+    await Promise.all(Object.keys(this.state).map((layer) => this.emit(this.EVENTS.LAYER_FILTER.UNSET, { layer, duration: 0 })));
+    await Promise.all(Object.keys(state).map((layer) => this.emit(this.EVENTS.LAYER_FILTER.SET, { layer, value: state[layer], duration: 0 } satisfies FilterStateSetPayload)));
+  };
+
+  onStateClear = () => Promise.all(Object.keys(this.state).map((layer) => this.emit(this.EVENTS.LAYER_FILTER.UNSET, { layer, duration: 0 })));
+
+  emitLayerPropsUpdate = (layer: string, filter: string, duration: number) =>
+    this.emit(this.EVENTS.LAYER.PROPS_UPDATE, { layer, props: { filter }, duration });
+
+  getDefaultState = (): FilterState => ({});
+}

package/src/types.ts

@@ -0,0 +1,10 @@
+import type { VnePluginConstantsMapRegistry, VnePluginEventsMapRegistry, VnePluginParamsMapRegistry } from "@vnejs/shared";
+import type { Constants, Params, PluginName, SubscribeEvents } from "@vnejs/plugins.canvas.filter.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 FilterPluginEvents = VnePluginEventsMapRegistry & Record<PluginName, SubscribeEvents> & Record<LayerPluginName, LayerSubscribeEvents> & Record<StatePluginName, StateSubscribeEvents>;
+
+export type FilterPluginConstants = VnePluginConstantsMapRegistry & Record<PluginName, Constants>;
+
+export type FilterPluginParams = VnePluginParamsMapRegistry & Record<PluginName, Params>;

package/src/utils/filter.ts

@@ -0,0 +1,20 @@
+export type FilterState = Record<string, string>;
+
+export type FilterSetPayload = {
+  layer?: string;
+  name?: string;
+  value?: string;
+  duration?: number;
+  args?: unknown[];
+};
+
+export type FilterUnsetPayload = {
+  layer?: string;
+  duration?: number;
+};
+
+export type FilterStateSetPayload = {
+  value?: string;
+  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 ACTIONS = { SET: "set", UNSET: "unset" };

package/const/events.js

@@ -1,4 +0,0 @@
-export const SUBSCRIBE_EVENTS = {
-  SET: "vne:layer_filter:show",
-  UNSET: "vne:layer_filter:hide",
-};

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 { LayerFilter } from "./modules/filter";
-
-regPlugin("LAYER_FILTER", { constants, events: SUBSCRIBE_EVENTS }, [LayerFilter]);

package/modules/filter.js

@@ -1,32 +0,0 @@
-import { Module } from "@vnejs/module";
-
-export class LayerFilter extends Module {
-  name = "layer.filter";
-
-  subscribe = () => {
-    this.on(this.EVENTS.LAYER_FILTER.SET, this.onFilterSet);
-    this.on(this.EVENTS.LAYER_FILTER.UNSET, this.onFilterUnset);
-
-    this.on(this.EVENTS.STATE.SET, this.onStateSet);
-    this.on(this.EVENTS.STATE.CLEAR, this.onStateClear);
-  };
-
-  onFilterSet = async ({ layer = "", name = "", duration = 0 } = {}) => {
-    this.state[layer] = name;
-
-    return this.emitLayerPropsUpdate(layer, name, duration);
-  };
-  onFilterUnset = 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_FILTER.UNSET, { layer, duration: 0 })));
-    await Promise.all(Object.keys(state).map((layer) => this.emit(this.EVENTS.LAYER_FILTER.SET, { layer, name: state[layer], duration: 0 })));
-  };
-  onStateClear = () => Promise.all(Object.keys(this.state).map((layer) => this.emit(this.EVENTS.LAYER_FILTER.UNSET, { layer, duration: 0 })));
-
-  emitLayerPropsUpdate = (layer, filter, duration) => this.emit(this.EVENTS.LAYER.PROPS_UPDATE, { layer, props: { filter }, duration });
-}