@vnejs/plugins.views.achievement 0.1.3 → 0.1.4

package/dist/index.d.ts

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

package/dist/index.js

@@ -0,0 +1,14 @@
+import { regPlugin } from "@vnejs/shared";
+import { CONSTANTS, PARAMS, PLUGIN_NAME, SUBSCRIBE_EVENTS } from "@vnejs/plugins.views.achievement.contract";
+import { Achievement } from "./modules/achievement.js";
+import { AchievementController } from "./modules/controller.js";
+import { AchievementExec } from "./modules/exec.js";
+import { AchievementLogs } from "./modules/logs.js";
+import { AchievementView } from "./modules/view.js";
+regPlugin(PLUGIN_NAME, { constants: CONSTANTS, events: SUBSCRIBE_EVENTS, params: PARAMS }, [
+    Achievement,
+    AchievementController,
+    AchievementExec,
+    AchievementLogs,
+    AchievementView,
+]);

package/dist/modules/achievement.d.ts

@@ -0,0 +1,9 @@
+import { Module } from "@vnejs/module";
+import type { AchievementPluginConstants, AchievementPluginEvents, AchievementPluginParams, AchievementPluginSettings } from "../types.js";
+import type { AchievementUnlockPayload } from "../utils/achievement.js";
+export declare class Achievement extends Module<AchievementPluginEvents, AchievementPluginConstants, AchievementPluginSettings, AchievementPluginParams> {
+    name: string;
+    subscribe: () => void;
+    onAchievementClear: () => Promise<unknown> | undefined;
+    onAchievementUnlock: ({ id, isSkipIfPossible }?: AchievementUnlockPayload) => Promise<unknown[] | undefined>;
+}

package/dist/modules/achievement.js

@@ -0,0 +1,17 @@
+import { Module } from "@vnejs/module";
+const STORAGE_VALUE = 1;
+export class Achievement extends Module {
+    name = "achievement";
+    subscribe = () => {
+        this.on(this.EVENTS.ACHIEVEMENT.CLEAR, this.onAchievementClear);
+        this.on(this.EVENTS.ACHIEVEMENT.UNLOCK, this.onAchievementUnlock);
+    };
+    onAchievementClear = () => this.emitOne(this.EVENTS.STORAGE.RM_ALL, { module: this.name });
+    onAchievementUnlock = async ({ id = "", isSkipIfPossible = false } = {}) => {
+        const storageValue = await this.emitOne(this.EVENTS.STORAGE.GET, { module: this.name, key: id });
+        this.emit(this.EVENTS.STORAGE.SET, { module: this.name, key: id, value: STORAGE_VALUE });
+        this.emit(this.EVENTS.ACHIEVEMENT.UNLOCKED, { id });
+        if (!isSkipIfPossible || storageValue !== STORAGE_VALUE)
+            return this.emit(this.EVENTS.ACHIEVEMENT.APPEND, { id });
+    };
+}

package/dist/modules/controller.d.ts

@@ -0,0 +1,12 @@
+import { ModuleController } from "@vnejs/module.components";
+import type { AchievementPluginConstants, AchievementPluginEvents, AchievementPluginParams, AchievementPluginSettings } from "../types.js";
+import type { AchievementAppendPayload, AchievementPluginState, AchievementLoadPayload } from "../utils/achievement.js";
+export declare class AchievementController extends ModuleController<AchievementPluginEvents, AchievementPluginConstants, AchievementPluginSettings, AchievementPluginParams, AchievementPluginState> {
+    name: string;
+    updateEvent: "vne:achievement:update";
+    subscribe: () => void;
+    onLoad: ({ id }?: AchievementLoadPayload) => Promise<string> | undefined;
+    onAppend: ({ id }?: AchievementAppendPayload) => undefined;
+    append: (id?: string) => Promise<void>;
+    getIconSrc: (icon?: string) => Promise<string>;
+}

package/dist/modules/controller.js

@@ -0,0 +1,28 @@
+import { ModuleController } from "@vnejs/module.components";
+export class AchievementController extends ModuleController {
+    name = "achievement.controller";
+    updateEvent = this.EVENTS.ACHIEVEMENT.UPDATE;
+    subscribe = () => {
+        this.on(this.EVENTS.ACHIEVEMENT.LOAD, this.onLoad);
+        this.on(this.EVENTS.ACHIEVEMENT.APPEND, this.onAppend);
+    };
+    onLoad = ({ id = "" } = {}) => {
+        if (this.PARAMS.ACHIEVEMENT.INFO[id]?.icon)
+            return this.getIconSrc(this.PARAMS.ACHIEVEMENT.INFO[id].icon);
+    };
+    onAppend = ({ id = "" } = {}) => void this.append(id);
+    append = async (id = "") => {
+        const initialInfo = { id, isShow: false, isNotShowed: true };
+        const info = this.PARAMS.ACHIEVEMENT.INFO[id];
+        if (info?.icon)
+            initialInfo.icon = await this.getIconSrc(info.icon);
+        this.updateStateAndViewFast({ array: [...(this.state.array || []), initialInfo] });
+        await this.waitTimeout(this.PARAMS.ACHIEVEMENT.TRANSITION);
+        this.updateStateAndViewFast({ array: this.state.array?.map((i) => (i.id === id ? { ...i, isShow: true, isNotShowed: false } : i)) });
+        await this.waitTimeout(this.PARAMS.ACHIEVEMENT.SHOW_DURATION);
+        this.updateStateAndViewFast({ array: this.state.array?.map((i) => (i.id === id ? { ...i, isShow: false } : i)) });
+        await this.waitTimeout(this.PARAMS.ACHIEVEMENT.TRANSITION);
+        this.updateStateAndViewFast({ array: this.state.array?.filter((i) => i.id !== id) });
+    };
+    getIconSrc = async (icon = "") => (await this.loadImageMedia(`achievement/${icon}`, "icons", this.shared.settings[this.SETTINGS.LAYER.QUALITY])).src;
+}

package/dist/modules/exec.d.ts

@@ -0,0 +1,21 @@
+import { Module } from "@vnejs/module";
+import type { AchievementPluginConstants, AchievementPluginEvents, AchievementPluginParams, AchievementPluginSettings } from "../types.js";
+type LineExecPayload = {
+    keywords?: string[];
+    line?: string;
+};
+type LineLoadPayload = {
+    line?: string;
+    priority?: number;
+};
+export declare class AchievementExec extends Module<AchievementPluginEvents, AchievementPluginConstants, AchievementPluginSettings, AchievementPluginParams> {
+    name: string;
+    init: () => Promise<[unknown[] | undefined, unknown[] | undefined]>;
+    onLineExec: ({ keywords, line }?: LineExecPayload) => Promise<void>;
+    onLineLoad: ({ line, priority }?: LineLoadPayload) => Promise<unknown> | undefined;
+    emitActionExec: (action?: string, tokens?: string[], keywords?: string[]) => Promise<unknown> | undefined;
+    emitUnlockExec: (id?: string, isSkipIfPossible?: boolean) => Promise<unknown> | undefined;
+    emitActionLoad: (action?: string, tokens?: string[], priority?: number) => Promise<unknown> | undefined;
+    emitUnlockLoad: (id?: string, priority?: number) => Promise<unknown> | undefined;
+}
+export {};

package/dist/modules/exec.js

@@ -0,0 +1,29 @@
+import { Module } from "@vnejs/module";
+import { tokenizeExecLine } from "@vnejs/helpers";
+export class AchievementExec extends Module {
+    name = "achievement.exec";
+    init = () => Promise.all([
+        this.emit(this.EVENTS.SCENARIO.LINE_EXEC_REG, { module: "achievement", handler: this.onLineExec }),
+        this.emit(this.EVENTS.SCENARIO.LINE_LOAD_REG, { module: "achievement", handler: this.onLineLoad }),
+    ]);
+    onLineExec = async ({ keywords = [], line = "" } = {}) => {
+        const [action = "", ...tokens] = tokenizeExecLine(line).map(String);
+        await this.emitActionExec(action, tokens, keywords);
+        this.emit(this.EVENTS.SCENARIO.NEXT, { module: this.name });
+    };
+    onLineLoad = ({ line = "", priority = this.CONST.MEDIA.PRIORITIES.BACKGROUND } = {}) => {
+        const [action = "", ...tokens] = tokenizeExecLine(line).map(String);
+        return this.emitActionLoad(action, tokens, priority);
+    };
+    emitActionExec = (action = "", tokens = [], keywords = []) => {
+        const isSkipIfPossible = keywords.includes(this.CONST.SCENARIO.LINE_KEYWORDS.SKIP_IF_POSSIBLE);
+        if (action === this.CONST.ACHIEVEMENT.EXEC_ACTIONS.UNLOCK)
+            return this.emitUnlockExec(tokens[0], isSkipIfPossible);
+    };
+    emitUnlockExec = (id = "", isSkipIfPossible = false) => this.emitOne(this.EVENTS.ACHIEVEMENT.UNLOCK, { id, isSkipIfPossible });
+    emitActionLoad = (action = "", tokens = [], priority) => {
+        if (action === this.CONST.ACHIEVEMENT.EXEC_ACTIONS.UNLOCK)
+            return this.emitUnlockLoad(tokens[0], priority);
+    };
+    emitUnlockLoad = (id = "", priority) => this.emitOne(this.EVENTS.ACHIEVEMENT.LOAD, { id, priority });
+}

package/dist/modules/logs.d.ts

@@ -0,0 +1,8 @@
+import { Module } from "@vnejs/module";
+import type { AchievementPluginConstants, AchievementPluginEvents, AchievementPluginParams, AchievementPluginSettings } from "../types.js";
+import type { AchievementUnlockedPayload } from "../utils/achievement.js";
+export declare class AchievementLogs extends Module<AchievementPluginEvents, AchievementPluginConstants, AchievementPluginSettings, AchievementPluginParams> {
+    name: string;
+    subscribe: () => void;
+    onAchievementUnlocked: ({ id }?: AchievementUnlockedPayload) => undefined;
+}

package/dist/modules/logs.js

@@ -0,0 +1,8 @@
+import { Module } from "@vnejs/module";
+export class AchievementLogs extends Module {
+    name = "achievement.logs";
+    subscribe = () => {
+        this.on(this.EVENTS.ACHIEVEMENT.UNLOCKED, this.onAchievementUnlocked, this.CONST.LOGS.FILTER_FROM_RESULT_OPTIONS);
+    };
+    onAchievementUnlocked = ({ id = "" } = {}) => void this.emit(this.EVENTS.LOGS.EMIT, { module: this.name, value: { action: this.CONST.ACHIEVEMENT.LOGS_ACTIONS.UNLOCKED, id } });
+}

package/dist/modules/view.d.ts

@@ -0,0 +1,11 @@
+import { ModuleView } from "@vnejs/module.components";
+import type { AchievementPluginConstants, AchievementPluginEvents, AchievementPluginParams, AchievementPluginSettings } from "../types.js";
+import type { AchievementPluginState } from "../utils/achievement.js";
+export declare class AchievementView extends ModuleView<AchievementPluginEvents, AchievementPluginConstants, AchievementPluginSettings, AchievementPluginParams, AchievementPluginState> {
+    name: string;
+    locLabel: "achievement";
+    animationTime: 500;
+    updateEvent: "vne:achievement:update";
+    renderFunc: import("@vnejs/module.components").ViewRenderFunc<AchievementPluginState>;
+    updateHandler: (state?: AchievementPluginState | undefined) => Promise<void>;
+}

package/dist/modules/view.js

@@ -0,0 +1,10 @@
+import { ModuleView } from "@vnejs/module.components";
+import { render } from "../view/index.js";
+export class AchievementView extends ModuleView {
+    name = "achievement.view";
+    locLabel = this.PARAMS.ACHIEVEMENT.LOC_LABEL;
+    animationTime = this.PARAMS.ACHIEVEMENT.TRANSITION;
+    updateEvent = this.EVENTS.ACHIEVEMENT.UPDATE;
+    renderFunc = render;
+    updateHandler = this.onUpdateStoreComponent;
+}

package/dist/types.d.ts

@@ -0,0 +1,9 @@
+import type { ModuleComponentsConstants, ModuleComponentsEvents, ModuleComponentsParams, ModuleComponentsSettings } from "@vnejs/module.components";
+import type { Constants as LogsConstants, PluginName as LogsPluginName, SubscribeEvents as LogsSubscribeEvents } from "@vnejs/plugins.core.logs.contract";
+import type { Constants as ScenarioConstants, PluginName as ScenarioPluginName, SubscribeEvents as ScenarioSubscribeEvents } from "@vnejs/plugins.core.scenario.contract";
+import type { PluginName as StoragePluginName, SubscribeEvents as StorageSubscribeEvents } from "@vnejs/plugins.core.storage.contract";
+import type { Constants, Params, PluginName, SubscribeEvents } from "@vnejs/plugins.views.achievement.contract";
+export type AchievementPluginEvents = ModuleComponentsEvents & Record<PluginName, SubscribeEvents> & Record<StoragePluginName, StorageSubscribeEvents> & Record<ScenarioPluginName, ScenarioSubscribeEvents> & Record<LogsPluginName, LogsSubscribeEvents>;
+export type AchievementPluginConstants = ModuleComponentsConstants & Record<PluginName, Constants> & Record<ScenarioPluginName, ScenarioConstants> & Record<LogsPluginName, LogsConstants>;
+export type AchievementPluginSettings = ModuleComponentsSettings;
+export type AchievementPluginParams = ModuleComponentsParams & Record<PluginName, Params>;

package/dist/types.js

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

package/dist/utils/achievement.d.ts

@@ -0,0 +1,26 @@
+export type AchievementItem = {
+    id: string;
+    isShow: boolean;
+    isNotShowed: boolean;
+    icon?: string;
+};
+export type AchievementPluginState = {
+    isShow: boolean;
+    isForce: boolean;
+    array?: AchievementItem[];
+    locs?: Record<string, string>;
+};
+export type AchievementUnlockPayload = {
+    id?: string;
+    isSkipIfPossible?: boolean;
+};
+export type AchievementAppendPayload = {
+    id?: string;
+};
+export type AchievementLoadPayload = {
+    id?: string;
+    priority?: number;
+};
+export type AchievementUnlockedPayload = {
+    id?: string;
+};

package/dist/utils/achievement.js

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

package/dist/view/index.d.ts

@@ -0,0 +1,3 @@
+import type { ViewRenderFunc } from "@vnejs/module.components";
+import type { AchievementPluginState } from "../utils/achievement.js";
+export declare const render: ViewRenderFunc<AchievementPluginState>;

package/dist/view/index.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Flex, Icon, Text, View, Wrap, createRenderFunc, useMemo, useStoreState } from "@vnejs/uis.react";
+import { getVneLength } from "@vnejs/uis.utils";
+const renderOneView = ({ icon, id, isShow, isNotShowed, locs, PARAMS }, i) => {
+    const info = PARAMS.ACHIEVEMENT.INFO[id];
+    return (_jsx(View, { top: PARAMS.ACHIEVEMENT.TOP, left: PARAMS.ACHIEVEMENT.LEFT, translateY: getVneLength(PARAMS.ACHIEVEMENT.TOP_SHIFT * i), translateX: getVneLength(isNotShowed || !isShow ? 0 : PARAMS.ACHIEVEMENT.LEFT_SHIFT), isShow: isShow || isNotShowed, transition: PARAMS.ACHIEVEMENT.TRANSITION, zIndex: PARAMS.ACHIEVEMENT.ZINDEX, isHidden: isNotShowed, children: _jsx(Wrap, { ...PARAMS.ACHIEVEMENT.VIEW_PROPS.wrap, children: _jsxs(Flex, { ...PARAMS.ACHIEVEMENT.VIEW_PROPS.flex, children: [_jsx(Icon, { ...PARAMS.ACHIEVEMENT.VIEW_PROPS.icon, src: icon, isNotRender: !icon }), _jsxs(Flex, { ...PARAMS.ACHIEVEMENT.VIEW_PROPS.flexText, children: [_jsx(Text, { ...PARAMS.ACHIEVEMENT.VIEW_PROPS.title, text: locs[info?.title || ""] || info?.title }), _jsx(Text, { ...PARAMS.ACHIEVEMENT.VIEW_PROPS.description, text: locs[info?.description || ""] || info?.description })] })] }) }) }, id));
+};
+const Achievement = ({ store, onMount, PARAMS }) => {
+    const { locs = {}, array = [] } = useStoreState(store, onMount);
+    const arrayWithProps = useMemo(() => array.map((a) => ({ ...a, locs })), [array, locs]);
+    return arrayWithProps.map((item, i) => renderOneView({ ...item, PARAMS }, i));
+};
+export const render = createRenderFunc(Achievement);

package/package.json

@@ -1,17 +1,50 @@
 {
   "name": "@vnejs/plugins.views.achievement",
-  "version": "0.1.3",
-  "main": "index.js",
+  "version": "0.1.4",
+  "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.views.achievement.contract": "~0.0.1"
+  },
+  "peerDependencies": {
+    "@vnejs/helpers": "~0.1.0",
+    "@vnejs/module": "~0.0.1",
+    "@vnejs/module.components": "~0.0.1",
+    "@vnejs/plugins.core.components.contract": "~0.0.1",
+    "@vnejs/plugins.core.logs.contract": "~0.0.1",
+    "@vnejs/plugins.core.scenario.contract": "~0.0.1",
+    "@vnejs/plugins.core.storage.contract": "~0.0.1",
+    "@vnejs/shared": "~0.0.9",
+    "@vnejs/uis.react": "~0.1.0",
+    "@vnejs/uis.utils": "~0.1.0"
+  },
+  "devDependencies": {
+    "@vnejs/configs.ts-common": "~0.0.1"
+  }
 }

package/src/index.ts

@@ -0,0 +1,16 @@
+import { regPlugin } from "@vnejs/shared";
+import { CONSTANTS, PARAMS, PLUGIN_NAME, SUBSCRIBE_EVENTS } from "@vnejs/plugins.views.achievement.contract";
+
+import { Achievement } from "./modules/achievement.js";
+import { AchievementController } from "./modules/controller.js";
+import { AchievementExec } from "./modules/exec.js";
+import { AchievementLogs } from "./modules/logs.js";
+import { AchievementView } from "./modules/view.js";
+
+regPlugin(PLUGIN_NAME, { constants: CONSTANTS, events: SUBSCRIBE_EVENTS, params: PARAMS }, [
+  Achievement,
+  AchievementController,
+  AchievementExec,
+  AchievementLogs,
+  AchievementView,
+]);

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

@@ -1,8 +1,11 @@
 import { Module } from "@vnejs/module";
 
+import type { AchievementPluginConstants, AchievementPluginEvents, AchievementPluginParams, AchievementPluginSettings } from "../types.js";
+import type { AchievementUnlockPayload } from "../utils/achievement.js";
+
 const STORAGE_VALUE = 1;
 
-export class Achievement extends Module {
+export class Achievement extends Module<AchievementPluginEvents, AchievementPluginConstants, AchievementPluginSettings, AchievementPluginParams> {
   name = "achievement";
 
   subscribe = () => {
@@ -12,7 +15,7 @@ export class Achievement extends Module {
 
   onAchievementClear = () => this.emitOne(this.EVENTS.STORAGE.RM_ALL, { module: this.name });
 
-  onAchievementUnlock = async ({ id = "", isSkipIfPossible = false }) => {
+  onAchievementUnlock = async ({ id = "", isSkipIfPossible = false }: AchievementUnlockPayload = {}) => {
     const storageValue = await this.emitOne(this.EVENTS.STORAGE.GET, { module: this.name, key: id });
 
     this.emit(this.EVENTS.STORAGE.SET, { module: this.name, key: id, value: STORAGE_VALUE });

package/src/modules/controller.ts

@@ -0,0 +1,46 @@
+import { ModuleController } from "@vnejs/module.components";
+
+import type { AchievementPluginConstants, AchievementPluginEvents, AchievementPluginParams, AchievementPluginSettings } from "../types.js";
+import type { AchievementAppendPayload, AchievementPluginState, AchievementItem, AchievementLoadPayload } from "../utils/achievement.js";
+
+export class AchievementController extends ModuleController<
+  AchievementPluginEvents,
+  AchievementPluginConstants,
+  AchievementPluginSettings,
+  AchievementPluginParams,
+  AchievementPluginState
+> {
+  name = "achievement.controller";
+
+  updateEvent = this.EVENTS.ACHIEVEMENT.UPDATE;
+
+  subscribe = () => {
+    this.on(this.EVENTS.ACHIEVEMENT.LOAD, this.onLoad);
+    this.on(this.EVENTS.ACHIEVEMENT.APPEND, this.onAppend);
+  };
+
+  onLoad = ({ id = "" }: AchievementLoadPayload = {}) => {
+    if (this.PARAMS.ACHIEVEMENT.INFO[id as keyof typeof this.PARAMS.ACHIEVEMENT.INFO]?.icon)
+      return this.getIconSrc(this.PARAMS.ACHIEVEMENT.INFO[id as keyof typeof this.PARAMS.ACHIEVEMENT.INFO].icon!);
+  };
+
+  onAppend = ({ id = "" }: AchievementAppendPayload = {}) => void this.append(id);
+
+  append = async (id = "") => {
+    const initialInfo: AchievementItem = { id, isShow: false, isNotShowed: true };
+    const info = this.PARAMS.ACHIEVEMENT.INFO[id as keyof typeof this.PARAMS.ACHIEVEMENT.INFO];
+
+    if (info?.icon) initialInfo.icon = await this.getIconSrc(info.icon);
+
+    this.updateStateAndViewFast({ array: [...(this.state.array || []), initialInfo] });
+    await this.waitTimeout(this.PARAMS.ACHIEVEMENT.TRANSITION);
+    this.updateStateAndViewFast({ array: this.state.array?.map((i) => (i.id === id ? { ...i, isShow: true, isNotShowed: false } : i)) });
+    await this.waitTimeout(this.PARAMS.ACHIEVEMENT.SHOW_DURATION);
+    this.updateStateAndViewFast({ array: this.state.array?.map((i) => (i.id === id ? { ...i, isShow: false } : i)) });
+    await this.waitTimeout(this.PARAMS.ACHIEVEMENT.TRANSITION);
+    this.updateStateAndViewFast({ array: this.state.array?.filter((i) => i.id !== id) });
+  };
+
+  getIconSrc = async (icon = "") =>
+    ((await this.loadImageMedia(`achievement/${icon}`, "icons", this.shared.settings[this.SETTINGS.LAYER.QUALITY] as string | number)) as { src: string }).src;
+}

package/src/modules/exec.ts

@@ -0,0 +1,52 @@
+import { Module } from "@vnejs/module";
+import { tokenizeExecLine } from "@vnejs/helpers";
+
+import type { AchievementPluginConstants, AchievementPluginEvents, AchievementPluginParams, AchievementPluginSettings } from "../types.js";
+
+type LineExecPayload = {
+  keywords?: string[];
+  line?: string;
+};
+
+type LineLoadPayload = {
+  line?: string;
+  priority?: number;
+};
+
+export class AchievementExec extends Module<AchievementPluginEvents, AchievementPluginConstants, AchievementPluginSettings, AchievementPluginParams> {
+  name = "achievement.exec";
+
+  init = () =>
+    Promise.all([
+      this.emit(this.EVENTS.SCENARIO.LINE_EXEC_REG, { module: "achievement", handler: this.onLineExec }),
+      this.emit(this.EVENTS.SCENARIO.LINE_LOAD_REG, { module: "achievement", handler: this.onLineLoad }),
+    ]);
+
+  onLineExec = async ({ keywords = [], line = "" }: LineExecPayload = {}) => {
+    const [action = "", ...tokens] = tokenizeExecLine(line).map(String);
+
+    await this.emitActionExec(action, tokens, keywords);
+
+    this.emit(this.EVENTS.SCENARIO.NEXT, { module: this.name });
+  };
+
+  onLineLoad = ({ line = "", priority = this.CONST.MEDIA.PRIORITIES.BACKGROUND }: LineLoadPayload = {}) => {
+    const [action = "", ...tokens] = tokenizeExecLine(line).map(String);
+
+    return this.emitActionLoad(action, tokens, priority);
+  };
+
+  emitActionExec = (action = "", tokens: string[] = [], keywords: string[] = []) => {
+    const isSkipIfPossible = keywords.includes(this.CONST.SCENARIO.LINE_KEYWORDS.SKIP_IF_POSSIBLE);
+
+    if (action === this.CONST.ACHIEVEMENT.EXEC_ACTIONS.UNLOCK) return this.emitUnlockExec(tokens[0], isSkipIfPossible);
+  };
+
+  emitUnlockExec = (id = "", isSkipIfPossible = false) => this.emitOne(this.EVENTS.ACHIEVEMENT.UNLOCK, { id, isSkipIfPossible });
+
+  emitActionLoad = (action = "", tokens: string[] = [], priority?: number) => {
+    if (action === this.CONST.ACHIEVEMENT.EXEC_ACTIONS.UNLOCK) return this.emitUnlockLoad(tokens[0], priority);
+  };
+
+  emitUnlockLoad = (id = "", priority?: number) => this.emitOne(this.EVENTS.ACHIEVEMENT.LOAD, { id, priority });
+}

package/src/modules/logs.ts

@@ -0,0 +1,15 @@
+import { Module } from "@vnejs/module";
+
+import type { AchievementPluginConstants, AchievementPluginEvents, AchievementPluginParams, AchievementPluginSettings } from "../types.js";
+import type { AchievementUnlockedPayload } from "../utils/achievement.js";
+
+export class AchievementLogs extends Module<AchievementPluginEvents, AchievementPluginConstants, AchievementPluginSettings, AchievementPluginParams> {
+  name = "achievement.logs";
+
+  subscribe = () => {
+    this.on(this.EVENTS.ACHIEVEMENT.UNLOCKED, this.onAchievementUnlocked, this.CONST.LOGS.FILTER_FROM_RESULT_OPTIONS);
+  };
+
+  onAchievementUnlocked = ({ id = "" }: AchievementUnlockedPayload = {}) =>
+    void this.emit(this.EVENTS.LOGS.EMIT, { module: this.name, value: { action: this.CONST.ACHIEVEMENT.LOGS_ACTIONS.UNLOCKED, id } });
+}

package/src/modules/view.ts

@@ -0,0 +1,22 @@
+import { ModuleView } from "@vnejs/module.components";
+
+import { render } from "../view/index.js";
+import type { AchievementPluginConstants, AchievementPluginEvents, AchievementPluginParams, AchievementPluginSettings } from "../types.js";
+import type { AchievementPluginState } from "../utils/achievement.js";
+
+export class AchievementView extends ModuleView<
+  AchievementPluginEvents,
+  AchievementPluginConstants,
+  AchievementPluginSettings,
+  AchievementPluginParams,
+  AchievementPluginState
+> {
+  name = "achievement.view";
+
+  locLabel = this.PARAMS.ACHIEVEMENT.LOC_LABEL;
+  animationTime = this.PARAMS.ACHIEVEMENT.TRANSITION;
+  updateEvent = this.EVENTS.ACHIEVEMENT.UPDATE;
+
+  renderFunc = render;
+  updateHandler = this.onUpdateStoreComponent;
+}

package/src/types.ts

@@ -0,0 +1,20 @@
+import type { ModuleComponentsConstants, ModuleComponentsEvents, ModuleComponentsParams, ModuleComponentsSettings } from "@vnejs/module.components";
+import type { Constants as LogsConstants, PluginName as LogsPluginName, SubscribeEvents as LogsSubscribeEvents } from "@vnejs/plugins.core.logs.contract";
+import type { Constants as ScenarioConstants, PluginName as ScenarioPluginName, SubscribeEvents as ScenarioSubscribeEvents } from "@vnejs/plugins.core.scenario.contract";
+import type { PluginName as StoragePluginName, SubscribeEvents as StorageSubscribeEvents } from "@vnejs/plugins.core.storage.contract";
+import type { Constants, Params, PluginName, SubscribeEvents } from "@vnejs/plugins.views.achievement.contract";
+
+export type AchievementPluginEvents = ModuleComponentsEvents &
+  Record<PluginName, SubscribeEvents> &
+  Record<StoragePluginName, StorageSubscribeEvents> &
+  Record<ScenarioPluginName, ScenarioSubscribeEvents> &
+  Record<LogsPluginName, LogsSubscribeEvents>;
+
+export type AchievementPluginConstants = ModuleComponentsConstants &
+  Record<PluginName, Constants> &
+  Record<ScenarioPluginName, ScenarioConstants> &
+  Record<LogsPluginName, LogsConstants>;
+
+export type AchievementPluginSettings = ModuleComponentsSettings;
+
+export type AchievementPluginParams = ModuleComponentsParams & Record<PluginName, Params>;

package/src/utils/achievement.ts

@@ -0,0 +1,31 @@
+export type AchievementItem = {
+  id: string;
+  isShow: boolean;
+  isNotShowed: boolean;
+  icon?: string;
+};
+
+export type AchievementPluginState = {
+  isShow: boolean;
+  isForce: boolean;
+  array?: AchievementItem[];
+  locs?: Record<string, string>;
+};
+
+export type AchievementUnlockPayload = {
+  id?: string;
+  isSkipIfPossible?: boolean;
+};
+
+export type AchievementAppendPayload = {
+  id?: string;
+};
+
+export type AchievementLoadPayload = {
+  id?: string;
+  priority?: number;
+};
+
+export type AchievementUnlockedPayload = {
+  id?: string;
+};

package/src/view/index.tsx

@@ -0,0 +1,67 @@
+import type { ViewRenderFunc } from "@vnejs/module.components";
+import type { ReactComponentProps } from "@vnejs/uis.react";
+import { Flex, Icon, Text, View, Wrap, createRenderFunc, useMemo, useStoreState } from "@vnejs/uis.react";
+import { getVneLength } from "@vnejs/uis.utils";
+
+import type { AchievementPluginConstants, AchievementPluginEvents, AchievementPluginParams, AchievementPluginSettings } from "../types.js";
+import type { AchievementPluginState, AchievementItem } from "../utils/achievement.js";
+
+type AchievementComponentProps = ReactComponentProps<
+  AchievementPluginEvents,
+  AchievementPluginConstants,
+  AchievementPluginSettings,
+  AchievementPluginParams,
+  AchievementPluginState
+>;
+
+type AchievementViewItem = AchievementItem & {
+  locs: Record<string, string>;
+};
+
+const renderOneView = ({ icon, id, isShow, isNotShowed, locs, PARAMS }: AchievementViewItem & Pick<AchievementComponentProps, "PARAMS">, i: number) => {
+  const info = PARAMS.ACHIEVEMENT.INFO[id as keyof typeof PARAMS.ACHIEVEMENT.INFO];
+
+  return (
+    <View
+      top={PARAMS.ACHIEVEMENT.TOP}
+      left={PARAMS.ACHIEVEMENT.LEFT}
+      translateY={getVneLength(PARAMS.ACHIEVEMENT.TOP_SHIFT * i)}
+      translateX={getVneLength(isNotShowed || !isShow ? 0 : PARAMS.ACHIEVEMENT.LEFT_SHIFT)}
+      isShow={isShow || isNotShowed}
+      transition={PARAMS.ACHIEVEMENT.TRANSITION}
+      zIndex={PARAMS.ACHIEVEMENT.ZINDEX}
+      key={id}
+      isHidden={isNotShowed}
+    >
+      <Wrap {...PARAMS.ACHIEVEMENT.VIEW_PROPS.wrap}>
+        <Flex {...PARAMS.ACHIEVEMENT.VIEW_PROPS.flex}>
+          <Icon
+            {...PARAMS.ACHIEVEMENT.VIEW_PROPS.icon}
+            src={icon}
+            isNotRender={!icon}
+          />
+          <Flex {...PARAMS.ACHIEVEMENT.VIEW_PROPS.flexText}>
+            <Text
+              {...PARAMS.ACHIEVEMENT.VIEW_PROPS.title}
+              text={locs[info?.title || ""] || info?.title}
+            />
+            <Text
+              {...PARAMS.ACHIEVEMENT.VIEW_PROPS.description}
+              text={locs[info?.description || ""] || info?.description}
+            />
+          </Flex>
+        </Flex>
+      </Wrap>
+    </View>
+  );
+};
+
+const Achievement = ({ store, onMount, PARAMS }: AchievementComponentProps) => {
+  const { locs = {}, array = [] } = useStoreState<AchievementPluginState>(store, onMount);
+
+  const arrayWithProps = useMemo(() => array.map((a) => ({ ...a, locs })), [array, locs]);
+
+  return arrayWithProps.map((item, i) => renderOneView({ ...item, PARAMS }, i));
+};
+
+export const render: ViewRenderFunc<AchievementPluginState> = createRenderFunc(Achievement);

package/tsconfig.json

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

package/const/const.js

@@ -1,2 +0,0 @@
-export const EXEC_ACTIONS = { UNLOCK: "unlock" };
-export const LOGS_ACTIONS = { UNLOCKED: "unlocked" };

package/const/events.js

@@ -1,7 +0,0 @@
-export const SUBSCRIBE_EVENTS = {
-  LOAD: "vne:achievement:load",
-  UNLOCK: "vne:achievement:unlock",
-  APPEND: "vne:achievement:append",
-  UPDATE: "vne:achievement:update",
-  UNLOCKED: "vne:achievement:unlocked",
-};

package/const/params.js

@@ -1,28 +0,0 @@
-export const TRANSITION = 500;
-export const ZINDEX = 100000;
-export const LOC_LABEL = "achievement";
-
-export const SHOW_DURATION = 5000;
-
-export const VIEW_PROPS = {
-  title: { size: 60, isActive: true },
-  description: { size: 48 },
-
-  wrap: { borderRadius: 120, height: 204, width: 1260, padding: 0, borderWidth: 0, isSelected: true },
-
-  flex: { direction: "row", gap: 36, height: "100%", align: "center" },
-  flexText: { justify: "spaceEvenly", direction: "column", height: 180 },
-
-  icon: { width: 180, height: 180, isDisabled: true, marginLeft: 24 },
-};
-
-export const TOP = 120;
-export const TOP_SHIFT = 240;
-
-export const LEFT = 0;
-export const LEFT_SHIFT = 60;
-
-export const INFO = {
-  kekw: { title: "title", description: "description.kekw", icon: "kekw" },
-  qwert: { title: "title", description: "description.qwert", icon: "qwert" },
-};

package/index.js

@@ -1,19 +0,0 @@
-import { regPlugin } from "@vnejs/shared";
-
-import * as constants from "./const/const";
-import { SUBSCRIBE_EVENTS } from "./const/events";
-import * as params from "./const/params";
-
-import { Achievement } from "./modules/achievement";
-import { AchievementController } from "./modules/controller";
-import { AchievementExec } from "./modules/exec";
-import { AchievementLogs } from "./modules/logs";
-import { AchievementView } from "./modules/view";
-
-regPlugin("ACHIEVEMENT", { constants, events: SUBSCRIBE_EVENTS, params }, [
-  Achievement,
-  AchievementController,
-  AchievementExec,
-  AchievementLogs,
-  AchievementView,
-]);

package/modules/controller.js

@@ -1,32 +0,0 @@
-import { ModuleController } from "@vnejs/module.components";
-
-export class AchievementController extends ModuleController {
-  name = "achievement.controller";
-
-  updateEvent = this.EVENTS.ACHIEVEMENT.UPDATE;
-
-  subscribe = () => {
-    this.on(this.EVENTS.ACHIEVEMENT.LOAD, this.onLoad);
-    this.on(this.EVENTS.ACHIEVEMENT.APPEND, this.onAppend);
-  };
-
-  onLoad = ({ id = "" }) => {
-    if (this.PARAMS.ACHIEVEMENT.INFO[id].icon) return this.getIconSrc(this.PARAMS.ACHIEVEMENT.INFO[id].icon);
-  };
-  onAppend = ({ id = "" }) => void this.append(id);
-
-  append = async (id = "") => {
-    const initialInfo = { id, isShow: false, isNotShowed: true };
-
-    if (this.PARAMS.ACHIEVEMENT.INFO[id].icon) initialInfo.icon = await this.getIconSrc(this.PARAMS.ACHIEVEMENT.INFO[id].icon);
-
-    this.updateStateAndViewFast({ array: [...(this.state.array || []), initialInfo] });
-    await this.waitTimeout(this.PARAMS.ACHIEVEMENT.TRANSITION);
-    this.updateStateAndViewFast({ array: this.state.array.map((i) => (i.id === id ? { ...i, isShow: true, isNotShowed: false } : i)) });
-    await this.waitTimeout(this.PARAMS.ACHIEVEMENT.SHOW_DURATION);
-    this.updateStateAndViewFast({ array: this.state.array.map((i) => (i.id === id ? { ...i, isShow: false } : i)) });
-    await this.waitTimeout(this.PARAMS.ACHIEVEMENT.TRANSITION);
-    this.updateStateAndViewFast({ array: this.state.array.filter((i) => i.id !== id) });
-  };
-  getIconSrc = async (icon = "") => (await this.loadImageMedia(`achievement/${icon}`, "icons", this.shared.settings[this.SETTINGS.LAYER.QUALITY])).src;
-}

package/modules/exec.js

@@ -1,38 +0,0 @@
-import { Module } from "@vnejs/module";
-
-import { tokenizeExecLine } from "@vnejs/helpers";
-
-export class AchievementExec extends Module {
-  name = "achievement.exec";
-
-  init = () =>
-    Promise.all([
-      this.emit(this.EVENTS.SCENARIO.LINE_EXEC_REG, { module: "achievement", handler: this.onLineExec }),
-      this.emit(this.EVENTS.SCENARIO.LINE_LOAD_REG, { module: "achievement", handler: this.onLineLoad }),
-    ]);
-
-  onLineExec = async ({ keywords = [], line = "" } = {}) => {
-    const [action = "", ...tokens] = tokenizeExecLine(line);
-
-    await this.emitActionExec(action, tokens, keywords);
-
-    this.emit(this.EVENTS.SCENARIO.NEXT, { module: this.name });
-  };
-  onLineLoad = ({ line = "", priority = this.CONST.MEDIA.PRIORITIES.BACKGROUND } = {}) => {
-    const [action = "", ...tokens] = tokenizeExecLine(line);
-
-    return this.emitActionLoad(action, tokens, priority);
-  };
-
-  emitActionExec = (action = "", tokens = [], keywords = []) => {
-    const isSkipIfPossible = keywords.includes(this.CONST.SCENARIO.LINE_KEYWORDS.SKIP_IF_POSSIBLE);
-
-    if (action === this.CONST.ACHIEVEMENT.EXEC_ACTIONS.UNLOCK) return this.emitUnlockExec(tokens, isSkipIfPossible);
-  };
-  emitUnlockExec = ([id = ""], isSkipIfPossible = false) => this.emitOne(this.EVENTS.ACHIEVEMENT.UNLOCK, { id, isSkipIfPossible });
-
-  emitActionLoad = (action = "", tokens = [], priority) => {
-    if (action === this.CONST.ACHIEVEMENT.EXEC_ACTIONS.UNLOCK) return this.emitUnlockLoad(tokens, priority);
-  };
-  emitUnlockLoad = ([id = ""], priority) => this.emitOne(this.EVENTS.ACHIEVEMENT.LOAD, { id, priority });
-}

package/modules/logs.js

@@ -1,12 +0,0 @@
-import { Module } from "@vnejs/module";
-
-export class AchievementLogs extends Module {
-  name = "achievement.logs";
-
-  subscribe = () => {
-    this.on(this.EVENTS.ACHIEVEMENT.UNLOCKED, this.onAchievementUnlocked, this.CONST.LOGS.FILTER_FROM_RESULT_OPTIONS);
-  };
-
-  onAchievementUnlocked = ({ id = "" } = {}) =>
-    void this.emit(this.EVENTS.LOGS.EMIT, { module: this.name, value: { action: this.CONST.ACHIEVEMENT.LOGS_ACTIONS.UNLOCKED, id } });
-}

package/modules/view.js

@@ -1,14 +0,0 @@
-import { ModuleView } from "@vnejs/module.components";
-
-import { render } from "../view";
-
-export class AchievementView extends ModuleView {
-  name = "achievement.view";
-
-  locLabel = this.PARAMS.ACHIEVEMENT.LOC_LABEL;
-  animationTime = this.PARAMS.ACHIEVEMENT.TRANSITION;
-  updateEvent = this.EVENTS.ACHIEVEMENT.UPDATE;
-
-  renderFunc = render;
-  updateHandler = this.onUpdateStoreComponent;
-}

package/view/index.jsx

@@ -1,52 +0,0 @@
-import { useEffect, useMemo, useState } from "react";
-import { createRoot } from "react-dom/client";
-
-import { View, Text, Wrap, Flex, Icon } from "@vnejs/uis.react";
-import { getVneLength } from "@vnejs/uis.utils";
-
-const renderOneView = ({ icon, id, isShow, isNotShowed, props, locs }, i) => (
-  <View
-    top={props.PARAMS.ACHIEVEMENT.TOP}
-    left={props.PARAMS.ACHIEVEMENT.LEFT}
-    translateY={getVneLength(props.PARAMS.ACHIEVEMENT.TOP_SHIFT * i)}
-    translateX={getVneLength(isNotShowed || !isShow ? 0 : props.PARAMS.ACHIEVEMENT.LEFT_SHIFT)}
-    isShow={isShow || isNotShowed}
-    transition={props.PARAMS.ACHIEVEMENT.TRANSITION}
-    zIndex={props.PARAMS.ACHIEVEMENT.ZINDEX}
-    key={id}
-    isHidden={isNotShowed}
-  >
-    <Wrap {...props.PARAMS.ACHIEVEMENT.VIEW_PROPS.wrap}>
-      <Flex {...props.PARAMS.ACHIEVEMENT.VIEW_PROPS.flex}>
-        <Icon
-          {...props.PARAMS.ACHIEVEMENT.VIEW_PROPS.icon}
-          src={icon}
-          isNotRender={!icon}
-        />
-        <Flex {...props.PARAMS.ACHIEVEMENT.VIEW_PROPS.flexText}>
-          <Text
-            {...props.PARAMS.ACHIEVEMENT.VIEW_PROPS.title}
-            text={locs[props.PARAMS.ACHIEVEMENT.INFO[id]?.title] || props.PARAMS.ACHIEVEMENT.INFO[id]?.title}
-          />
-          <Text
-            {...props.PARAMS.ACHIEVEMENT.VIEW_PROPS.description}
-            text={locs[props.PARAMS.ACHIEVEMENT.INFO[id]?.description] || props.PARAMS.ACHIEVEMENT.INFO[id]?.description}
-          />
-        </Flex>
-      </Flex>
-    </Wrap>
-  </View>
-);
-
-const Achievement = ({ store, onMount, ...props } = {}) => {
-  const [{ locs = {}, array = [] }, setState] = useState({});
-
-  useEffect(() => store.subscribe(setState), []);
-  useEffect(() => void onMount(), []);
-
-  const arrayWithProps = useMemo(() => array.map((a) => ({ ...a, props, locs })), [array, locs]);
-
-  return arrayWithProps.map(renderOneView);
-};
-
-export const render = (props, root) => createRoot(root).render(<Achievement {...props} />);