@vnejs/plugins.settings.filter 0.1.1

package/dist/index.d.ts

@@ -0,0 +1 @@
+import "@vnejs/contracts.settings.filter";

package/dist/index.js

@@ -0,0 +1,5 @@
+import "@vnejs/contracts.settings.filter";
+import { regPlugin } from "@vnejs/shared";
+import { CONSTANTS, PARAMS, PLUGIN_NAME, SETTINGS_KEYS } from "@vnejs/contracts.settings.filter";
+import { Filter } from "./modules/filter.js";
+regPlugin(PLUGIN_NAME, { constants: CONSTANTS, settings: SETTINGS_KEYS, params: PARAMS }, [Filter]);

package/dist/modules/filter.d.ts

@@ -0,0 +1,11 @@
+import { ModuleCore } from "@vnejs/module.core";
+import type { FilterPluginConstants, FilterPluginEvents, FilterPluginParams, FilterPluginSettings } from "../types.js";
+import type { SettingsChangedResult } from "@vnejs/module.core";
+export declare class Filter extends ModuleCore<FilterPluginEvents, FilterPluginConstants, FilterPluginSettings, FilterPluginParams> {
+    name: string;
+    filterElement: HTMLElement | null;
+    subscribe: () => void;
+    init: () => Promise<void>;
+    onSettingChange: ({ name, value }: SettingsChangedResult) => false | void;
+    setFilter: (presetId?: string) => void;
+}

package/dist/modules/filter.js

@@ -0,0 +1,21 @@
+import { ModuleCore } from "@vnejs/module.core";
+import { PARAMS as FILTER_PARAMS, SETTINGS_KEYS } from "@vnejs/contracts.settings.filter";
+export class Filter extends ModuleCore {
+    name = "filter";
+    filterElement = null;
+    subscribe = () => {
+        this.on(this.EVENTS.SETTINGS.CHANGED, this.onSettingChange);
+    };
+    init = async () => {
+        this.filterElement = document.body;
+        const options = Object.keys(FILTER_PARAMS.PRESETS);
+        await this.emit(this.EVENTS.SETTINGS.INIT, { name: SETTINGS_KEYS.VALUE, value: FILTER_PARAMS.DEFAULT, options });
+        this.setFilter(this.shared.settings[SETTINGS_KEYS.VALUE]);
+    };
+    onSettingChange = ({ name, value }) => name === SETTINGS_KEYS.VALUE && this.setFilter(value);
+    setFilter = (presetId = "") => {
+        if (!this.filterElement)
+            return;
+        this.filterElement.style.filter = FILTER_PARAMS.PRESETS[presetId] ?? "";
+    };
+}

package/dist/types.d.ts

@@ -0,0 +1,6 @@
+import type { ModuleCoreConstants, ModuleCoreEvents, ModuleCoreParams, ModuleCoreSettings } from "@vnejs/module.core";
+import type { PluginName, SettingsKeys } from "@vnejs/contracts.settings.filter";
+export type FilterPluginEvents = ModuleCoreEvents;
+export type FilterPluginConstants = ModuleCoreConstants;
+export type FilterPluginSettings = ModuleCoreSettings & Record<PluginName, SettingsKeys>;
+export type FilterPluginParams = ModuleCoreParams;

package/dist/types.js

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

package/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "@vnejs/plugins.settings.filter",
+  "version": "0.1.1",
+  "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": "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",
+  "dependencies": {
+    "@vnejs/contracts.settings.filter": "~0.1.0"
+  },
+  "peerDependencies": {
+    "@vnejs/module.core": "~0.1.0",
+    "@vnejs/shared": "~0.1.0"
+  },
+  "devDependencies": {
+    "@vnejs/configs.ts-common": "~0.1.0"
+  }
+}

package/src/index.ts

@@ -0,0 +1,8 @@
+import "@vnejs/contracts.settings.filter";
+
+import { regPlugin } from "@vnejs/shared";
+import { CONSTANTS, PARAMS, PLUGIN_NAME, SETTINGS_KEYS } from "@vnejs/contracts.settings.filter";
+
+import { Filter } from "./modules/filter.js";
+
+regPlugin(PLUGIN_NAME, { constants: CONSTANTS, settings: SETTINGS_KEYS, params: PARAMS }, [Filter]);

package/src/modules/filter.ts

@@ -0,0 +1,33 @@
+import { ModuleCore } from "@vnejs/module.core";
+import { PARAMS as FILTER_PARAMS, SETTINGS_KEYS } from "@vnejs/contracts.settings.filter";
+
+import type { FilterPluginConstants, FilterPluginEvents, FilterPluginParams, FilterPluginSettings } from "../types.js";
+import type { SettingsChangedResult } from "@vnejs/module.core";
+
+export class Filter extends ModuleCore<FilterPluginEvents, FilterPluginConstants, FilterPluginSettings, FilterPluginParams> {
+  name = "filter";
+
+  filterElement: HTMLElement | null = null;
+
+  subscribe = () => {
+    this.on(this.EVENTS.SETTINGS.CHANGED, this.onSettingChange);
+  };
+
+  init = async () => {
+    this.filterElement = document.body;
+
+    const options = Object.keys(FILTER_PARAMS.PRESETS);
+
+    await this.emit(this.EVENTS.SETTINGS.INIT, { name: SETTINGS_KEYS.VALUE, value: FILTER_PARAMS.DEFAULT, options });
+
+    this.setFilter(this.shared.settings[SETTINGS_KEYS.VALUE]);
+  };
+
+  onSettingChange = ({ name, value }: SettingsChangedResult) => name === SETTINGS_KEYS.VALUE && this.setFilter(value as string);
+
+  setFilter = (presetId = "") => {
+    if (!this.filterElement) return;
+
+    this.filterElement.style.filter = FILTER_PARAMS.PRESETS[presetId as keyof typeof FILTER_PARAMS.PRESETS] ?? "";
+  };
+}

package/src/types.ts

@@ -0,0 +1,10 @@
+import type { ModuleCoreConstants, ModuleCoreEvents, ModuleCoreParams, ModuleCoreSettings } from "@vnejs/module.core";
+import type { PluginName, SettingsKeys } from "@vnejs/contracts.settings.filter";
+
+export type FilterPluginEvents = ModuleCoreEvents;
+
+export type FilterPluginConstants = ModuleCoreConstants;
+
+export type FilterPluginSettings = ModuleCoreSettings & Record<PluginName, SettingsKeys>;
+
+export type FilterPluginParams = ModuleCoreParams;

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"]
+}