@vnejs/plugins.canvas.filter 0.1.1 → 0.1.2

package/const/const.js

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

package/const/events.js

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

package/const/params.js

@@ -0,0 +1,8 @@
+export const FILTERS = {
+  blur: (value = 0) => `blur(${value}px)`,
+  sunset: () => `opacity(95%) drop-shadow(0 0 0 #fad6a5) brightness(95%)`,
+  night: () => `opacity(90%) drop-shadow(0 0 0 #546bab) brightness(80%)`,
+  deepnight: () => `opacity(85%) drop-shadow(0 0 0 #2e4482) brightness(70%)`,
+  sunrise: () => `opacity(95%) drop-shadow(0 0 0 #fa7b62) brightness(95%)`,
+  grayscale: (value = 0) => `grayscale(${value})`,
+};

package/index.js

@@ -2,7 +2,8 @@ import { regPlugin } from "@vnejs/shared";
 
 import * as constants from "./const/const";
 import { SUBSCRIBE_EVENTS } from "./const/events";
+import * as params from "./const/params";
 
 import { LayerFilter } from "./modules/filter";
 
-regPlugin("LAYER_FILTER", { constants, events: SUBSCRIBE_EVENTS }, [LayerFilter]);
+regPlugin("LAYER_FILTER", { constants, events: SUBSCRIBE_EVENTS, params }, [LayerFilter]);

package/modules/filter.js

@@ -11,10 +11,10 @@ export class LayerFilter extends Module {
     this.on(this.EVENTS.STATE.CLEAR, this.onStateClear);
   };
 
-  onFilterSet = async ({ layer = "", name = "", duration = 0 } = {}) => {
-    this.state[layer] = name;
+  onFilterSet = async ({ layer = "", name = "", value = "", duration = 0, args = [] } = {}) => {
+    this.state[layer] = value || this.PARAMS.LAYER_FILTER.FILTERS[name](...args);
 
-    return this.emitLayerPropsUpdate(layer, name, duration);
+    return this.emitLayerPropsUpdate(layer, this.state[layer], duration);
   };
   onFilterUnset = async ({ layer = "", duration = 0 } = {}) => {
     delete this.state[layer];
@@ -24,7 +24,7 @@ export class LayerFilter extends Module {
 
   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 })));
+    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 })));
 

package/package.json

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