@vnejs/plugins.views.settings 0.2.3 → 0.2.5

package/dist/index.js

@@ -1,7 +1,7 @@
 import "@vnejs/contracts.views.settings";
 import { regPlugin } from "@vnejs/shared";
 import { PARAMS, PLUGIN_NAME, SUBSCRIBE_EVENTS } from "@vnejs/contracts.views.settings";
-import { SettingsViewController } from "./modules/controller.js";
-import { SettingsViewArrows } from "./modules/arrows.js";
-import { SettingsView } from "./modules/view.js";
-regPlugin(PLUGIN_NAME, { events: SUBSCRIBE_EVENTS, params: PARAMS }, [SettingsViewController, SettingsViewArrows, SettingsView]);
+import { SettingsFieldsController } from "./modules/fields.controller.js";
+import { SettingsFieldsControllerArrows } from "./modules/fields.controller.arrows.js";
+import { SettingsFieldsView } from "./modules/fields.view.js";
+regPlugin(PLUGIN_NAME, { events: SUBSCRIBE_EVENTS, params: PARAMS }, [SettingsFieldsController, SettingsFieldsControllerArrows, SettingsFieldsView]);

package/dist/modules/{arrows.d.ts → fields.controller.arrows.d.ts}

@@ -2,7 +2,7 @@ import type { SettingsField } from "@vnejs/contracts.views.settings";
 import { ModuleControllerArrowsVertical } from "@vnejs/module.controller.arrows.vertical";
 import type { SettingsViewPluginConstants, SettingsViewPluginEvents, SettingsViewPluginParams, SettingsViewPluginSettings } from "../types.js";
 import type { SettingsViewTabPayload } from "../utils/settings.js";
-export declare class SettingsViewArrows extends ModuleControllerArrowsVertical<SettingsViewPluginEvents, SettingsViewPluginConstants, SettingsViewPluginSettings, SettingsViewPluginParams> {
+export declare class SettingsFieldsControllerArrows extends ModuleControllerArrowsVertical<SettingsViewPluginEvents, SettingsViewPluginConstants, SettingsViewPluginSettings, SettingsViewPluginParams> {
     name: string;
     EVENT_SHOW: "vne:settings_view:show";
     EVENT_HIDE: "vne:settings_view:hide";

package/dist/modules/{arrows.js → fields.controller.arrows.js}

@@ -1,5 +1,5 @@
 import { ModuleControllerArrowsVertical } from "@vnejs/module.controller.arrows.vertical";
-export class SettingsViewArrows extends ModuleControllerArrowsVertical {
+export class SettingsFieldsControllerArrows extends ModuleControllerArrowsVertical {
     name = "settings.fields.controller.arrows";
     EVENT_SHOW = this.EVENTS.SETTINGS_VIEW.SHOW;
     EVENT_HIDE = this.EVENTS.SETTINGS_VIEW.HIDE;
@@ -17,7 +17,7 @@ export class SettingsViewArrows extends ModuleControllerArrowsVertical {
         this.currentItem = null;
         return this.emit(this.EVENTS.CONTROLS.PUSH, {
             key: this.name,
-            controls: this.controls,
+            controls: this.CONTROLS,
             index: this.CONTROLS_ZINDEX + 1,
             checkNext: true,
         });

package/dist/modules/{controller.d.ts → fields.controller.d.ts}

@@ -2,10 +2,16 @@ import { ModuleController } from "@vnejs/module.components";
 import type { SettingsField } from "@vnejs/contracts.views.settings";
 import type { SettingsViewPluginConstants, SettingsViewPluginEvents, SettingsViewPluginParams, SettingsViewPluginSettings } from "../types.js";
 import type { SettingsViewPluginState, SettingsViewTabContent, SettingsViewTabPayload } from "../utils/settings.js";
-export declare class SettingsViewController extends ModuleController<SettingsViewPluginEvents, SettingsViewPluginConstants, SettingsViewPluginSettings, SettingsViewPluginParams, SettingsViewPluginState> {
+export declare class SettingsFieldsController extends ModuleController<SettingsViewPluginEvents, SettingsViewPluginConstants, SettingsViewPluginSettings, SettingsViewPluginParams, SettingsViewPluginState> {
     name: string;
-    updateEvent: "vne:settings_view:update";
-    controlsIndex: number;
+    EVENT_UPDATE_VIEW: "vne:settings_view:update";
+    CONTROLS: {
+        abstract_interact: () => undefined;
+        abstract_arrow_left: () => undefined;
+        abstract_arrow_right: () => undefined;
+    };
+    CONTROLS_INDEX: number;
+    CONTROLS_CHECK_NEXT: boolean;
     tabKeyOf: ({ tabKey, tab }?: SettingsViewTabPayload) => string;
     tabContentOf: (tab: SettingsViewTabPayload["tab"], locs?: Record<string, string>) => SettingsViewTabContent;
     applyTab: (payload?: SettingsViewTabPayload) => {
@@ -29,12 +35,6 @@ export declare class SettingsViewController extends ModuleController<SettingsVie
     onArrowLeft: () => void | false;
     onArrowRight: () => void | false;
     onInteract: () => void;
-    controls: {
-        abstract_interact: () => undefined;
-        abstract_arrow_left: () => undefined;
-        abstract_arrow_right: () => undefined;
-    };
-    controlsCheckNext: boolean;
     subscribe: () => void;
     beforeShow: (payload?: SettingsViewTabPayload) => Promise<void>;
     afterHide: () => void;

package/dist/modules/{controller.js → fields.controller.js}

@@ -1,8 +1,14 @@
 import { ModuleController } from "@vnejs/module.components";
-export class SettingsViewController extends ModuleController {
+export class SettingsFieldsController extends ModuleController {
     name = "settings.fields.controller";
-    updateEvent = this.EVENTS.SETTINGS_VIEW.UPDATE;
-    controlsIndex = this.PARAMS.SETTINGS_VIEW.ZINDEX;
+    EVENT_UPDATE_VIEW = this.EVENTS.SETTINGS_VIEW.UPDATE;
+    CONTROLS = {
+        [this.CONST.CONTROLS.BUTTONS.INTERACT]: () => void this.onInteract(),
+        [this.CONST.CONTROLS.BUTTONS.ARROW_LEFT]: () => void this.onArrowLeft(),
+        [this.CONST.CONTROLS.BUTTONS.ARROW_RIGHT]: () => void this.onArrowRight(),
+    };
+    CONTROLS_INDEX = this.PARAMS.SETTINGS_VIEW.ZINDEX;
+    CONTROLS_CHECK_NEXT = true;
     tabKeyOf = ({ tabKey, tab } = {}) => tabKey || tab?.titleLocKey || "default";
     tabContentOf = (tab, locs) => ({
         fields: tab?.fields ?? [],
@@ -137,12 +143,6 @@ export class SettingsViewController extends ModuleController {
         if (type === "toggle")
             return void this.emit(this.EVENTS.SETTINGS.SET, { name: settingKey, value: !this.shared.settings[settingKey] });
     };
-    controls = {
-        [this.CONST.CONTROLS.BUTTONS.INTERACT]: () => void this.onInteract(),
-        [this.CONST.CONTROLS.BUTTONS.ARROW_LEFT]: () => void this.onArrowLeft(),
-        [this.CONST.CONTROLS.BUTTONS.ARROW_RIGHT]: () => void this.onArrowRight(),
-    };
-    controlsCheckNext = true;
     subscribe = () => {
         this.on(this.EVENTS.SETTINGS_VIEW.SHOW, this.onShowFields);
         this.on(this.EVENTS.SETTINGS_VIEW.HIDE, this.onHide);

package/dist/modules/{view.d.ts → fields.view.d.ts}

@@ -1,11 +1,10 @@
 import { ModuleView } from "@vnejs/module.components";
 import type { SettingsViewPluginConstants, SettingsViewPluginEvents, SettingsViewPluginParams, SettingsViewPluginSettings } from "../types.js";
 import type { SettingsViewPluginState } from "../utils/settings.js";
-export declare class SettingsView extends ModuleView<SettingsViewPluginEvents, SettingsViewPluginConstants, SettingsViewPluginSettings, SettingsViewPluginParams, SettingsViewPluginState> {
+export declare class SettingsFieldsView extends ModuleView<SettingsViewPluginEvents, SettingsViewPluginConstants, SettingsViewPluginSettings, SettingsViewPluginParams, SettingsViewPluginState> {
     name: string;
-    locLabel: string;
-    animationTime: number;
-    updateEvent: "vne:settings_view:update";
+    EVENT_UPDATE_VIEW: "vne:settings_view:update";
+    LOC_LABEL: string;
+    TRANSITION: number;
     renderFunc: import("@vnejs/module.components").ViewRenderFunc<SettingsViewPluginState>;
-    updateHandler: (state?: SettingsViewPluginState | undefined) => Promise<void>;
 }

package/dist/modules/fields.view.js

@@ -0,0 +1,9 @@
+import { ModuleView } from "@vnejs/module.components";
+import { render } from "../view/index.js";
+export class SettingsFieldsView extends ModuleView {
+    name = "settings.fields.view";
+    EVENT_UPDATE_VIEW = this.EVENTS.SETTINGS_VIEW.UPDATE;
+    LOC_LABEL = this.PARAMS.SETTINGS_VIEW.LOC_LABEL;
+    TRANSITION = this.PARAMS.SETTINGS_VIEW.TRANSITION;
+    renderFunc = render;
+}

package/dist/view/SettingsExampleText.js

@@ -18,8 +18,6 @@ export const SettingsExampleText = ({ isShow = false, locs = {}, PARAMS, shared,
         const tm = setTimeout(() => setTokens([]), PARAMS.SETTINGS_VIEW.TRANSITION);
         return () => clearTimeout(tm);
     }, [isShow, isForce, PARAMS.SETTINGS_VIEW.TRANSITION]);
-    const charDelay = isForce
-        ? 0
-        : PARAMS.TEXT_SMOOTH.TOKEN_RENDER_DELAY / Number(shared.settings[SETTINGS.TEXT_SMOOTH.TOKEN_RENDER_SPEED]);
+    const charDelay = isForce ? 0 : PARAMS.TEXT_SMOOTH.TOKEN_RENDER_DELAY / Number(shared.settings[SETTINGS.TEXT_SMOOTH.TOKEN_RENDER_SPEED]);
     return (_jsx(SmoothText, { tokens: tokens, isForce: isForce, charDelay: charDelay, tokensVisibleForce: isForce ? tokens.length : null, transition: PARAMS.SETTINGS_VIEW.VIEW_PROPS.exampleText.transition, size: PARAMS.SETTINGS_VIEW.VIEW_PROPS.exampleText.size, color: PARAMS.SETTINGS_VIEW.VIEW_PROPS.exampleText.color, height: PARAMS.SETTINGS_VIEW.VIEW_PROPS.exampleText.height, scrollBarTextSize: Number(shared.settings[SETTINGS.TEXTSIZE.VALUE]) }));
 };

package/dist/view/index.js

@@ -12,7 +12,20 @@ const SettingsViewComponent = ({ store, onMount, PARAMS, emit, EVENTS, shared, C
         isForce: isRealForce,
         transition: isRealForce ? 0 : PARAMS.SETTINGS_VIEW.TRANSITION,
     }), [isShow, isRealForce, propsByView.view, PARAMS.SETTINGS_VIEW.TRANSITION]);
-    const propsTab = useMemo(() => ({ store, onMount, PARAMS, emit, EVENTS, shared, CONST, SETTINGS, isForce: isRealForce, currentItem: currentArrowVerticalItem, currentItemInner, locs }), [store, onMount, PARAMS, emit, EVENTS, shared, CONST, SETTINGS, isRealForce, currentArrowVerticalItem, currentItemInner, locs]);
+    const propsTab = useMemo(() => ({
+        store,
+        onMount,
+        PARAMS,
+        emit,
+        EVENTS,
+        shared,
+        CONST,
+        SETTINGS,
+        isForce: isRealForce,
+        currentItem: currentArrowVerticalItem,
+        currentItemInner,
+        locs,
+    }), [store, onMount, PARAMS, emit, EVENTS, shared, CONST, SETTINGS, isRealForce, currentArrowVerticalItem, currentItemInner, locs]);
     return (_jsx(View, { ...propsView, children: Object.entries(tabsContent).map(([key, content]) => (_createElement(SettingsTabContent, { ...propsTab, key: key, isShow: tabKey === key, fields: content.fields, showTextExample: content.showTextExample, locs: content.locs ?? locs }))) }));
 };
 export const render = createRenderFunc(SettingsViewComponent);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vnejs/plugins.views.settings",
-  "version": "0.2.3",
+  "version": "0.2.5",
   "description": "",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/index.ts

@@ -3,8 +3,8 @@ import "@vnejs/contracts.views.settings";
 import { regPlugin } from "@vnejs/shared";
 import { PARAMS, PLUGIN_NAME, SUBSCRIBE_EVENTS } from "@vnejs/contracts.views.settings";
 
-import { SettingsViewController } from "./modules/controller.js";
-import { SettingsViewArrows } from "./modules/arrows.js";
-import { SettingsView } from "./modules/view.js";
+import { SettingsFieldsController } from "./modules/fields.controller.js";
+import { SettingsFieldsControllerArrows } from "./modules/fields.controller.arrows.js";
+import { SettingsFieldsView } from "./modules/fields.view.js";
 
-regPlugin(PLUGIN_NAME, { events: SUBSCRIBE_EVENTS, params: PARAMS }, [SettingsViewController, SettingsViewArrows, SettingsView]);
+regPlugin(PLUGIN_NAME, { events: SUBSCRIBE_EVENTS, params: PARAMS }, [SettingsFieldsController, SettingsFieldsControllerArrows, SettingsFieldsView]);

package/src/modules/{arrows.ts → fields.controller.arrows.ts}

@@ -5,7 +5,7 @@ import { ModuleControllerArrowsVertical } from "@vnejs/module.controller.arrows.
 import type { SettingsViewPluginConstants, SettingsViewPluginEvents, SettingsViewPluginParams, SettingsViewPluginSettings } from "../types.js";
 import type { SettingsViewTabPayload } from "../utils/settings.js";
 
-export class SettingsViewArrows extends ModuleControllerArrowsVertical<
+export class SettingsFieldsControllerArrows extends ModuleControllerArrowsVertical<
   SettingsViewPluginEvents,
   SettingsViewPluginConstants,
   SettingsViewPluginSettings,
@@ -34,7 +34,7 @@ export class SettingsViewArrows extends ModuleControllerArrowsVertical<
 
     return this.emit(this.EVENTS.CONTROLS.PUSH, {
       key: this.name,
-      controls: this.controls,
+      controls: this.CONTROLS,
       index: this.CONTROLS_ZINDEX + 1,
       checkNext: true,
     } satisfies ControlsPushPayload);

package/src/modules/{controller.ts → fields.controller.ts}

@@ -4,7 +4,7 @@ import type { SettingsField } from "@vnejs/contracts.views.settings";
 import type { SettingsViewPluginConstants, SettingsViewPluginEvents, SettingsViewPluginParams, SettingsViewPluginSettings } from "../types.js";
 import type { SettingsViewPluginState, SettingsViewTabContent, SettingsViewTabPayload } from "../utils/settings.js";
 
-export class SettingsViewController extends ModuleController<
+export class SettingsFieldsController extends ModuleController<
   SettingsViewPluginEvents,
   SettingsViewPluginConstants,
   SettingsViewPluginSettings,
@@ -13,8 +13,15 @@ export class SettingsViewController extends ModuleController<
 > {
   name = "settings.fields.controller";
 
-  updateEvent = this.EVENTS.SETTINGS_VIEW.UPDATE;
-  controlsIndex = this.PARAMS.SETTINGS_VIEW.ZINDEX;
+  EVENT_UPDATE_VIEW = this.EVENTS.SETTINGS_VIEW.UPDATE;
+
+  CONTROLS = {
+    [this.CONST.CONTROLS.BUTTONS.INTERACT]: () => void this.onInteract(),
+    [this.CONST.CONTROLS.BUTTONS.ARROW_LEFT]: () => void this.onArrowLeft(),
+    [this.CONST.CONTROLS.BUTTONS.ARROW_RIGHT]: () => void this.onArrowRight(),
+  };
+  CONTROLS_INDEX = this.PARAMS.SETTINGS_VIEW.ZINDEX;
+  CONTROLS_CHECK_NEXT = true;
 
   tabKeyOf = ({ tabKey, tab }: SettingsViewTabPayload = {}) => tabKey || tab?.titleLocKey || "default";
 
@@ -30,9 +37,7 @@ export class SettingsViewController extends ModuleController<
     const key = this.tabKeyOf(payload);
 
     const tabsContent = payload.tabs
-      ? Object.fromEntries(
-          Object.entries(payload.tabs).map(([tabKey, settingsTab]) => [tabKey, this.tabContentOf(settingsTab, locs)]),
-        )
+      ? Object.fromEntries(Object.entries(payload.tabs).map(([tabKey, settingsTab]) => [tabKey, this.tabContentOf(settingsTab, locs)]))
       : { ...(this.state.tabsContent ?? {}), [key]: this.tabContentOf(tab, locs) };
 
     return {
@@ -185,13 +190,6 @@ export class SettingsViewController extends ModuleController<
     if (type === "toggle") return void this.emit(this.EVENTS.SETTINGS.SET, { name: settingKey, value: !this.shared.settings[settingKey] });
   };
 
-  controls = {
-    [this.CONST.CONTROLS.BUTTONS.INTERACT]: () => void this.onInteract(),
-    [this.CONST.CONTROLS.BUTTONS.ARROW_LEFT]: () => void this.onArrowLeft(),
-    [this.CONST.CONTROLS.BUTTONS.ARROW_RIGHT]: () => void this.onArrowRight(),
-  };
-  controlsCheckNext = true;
-
   subscribe = () => {
     this.on(this.EVENTS.SETTINGS_VIEW.SHOW, this.onShowFields);
     this.on(this.EVENTS.SETTINGS_VIEW.HIDE, this.onHide);

package/src/modules/{view.ts → fields.view.ts}

@@ -4,7 +4,7 @@ import { render } from "../view/index.js";
 import type { SettingsViewPluginConstants, SettingsViewPluginEvents, SettingsViewPluginParams, SettingsViewPluginSettings } from "../types.js";
 import type { SettingsViewPluginState } from "../utils/settings.js";
 
-export class SettingsView extends ModuleView<
+export class SettingsFieldsView extends ModuleView<
   SettingsViewPluginEvents,
   SettingsViewPluginConstants,
   SettingsViewPluginSettings,
@@ -13,10 +13,11 @@ export class SettingsView extends ModuleView<
 > {
   name = "settings.fields.view";
 
-  locLabel = this.PARAMS.SETTINGS_VIEW.LOC_LABEL;
-  animationTime = this.PARAMS.SETTINGS_VIEW.TRANSITION;
-  updateEvent = this.EVENTS.SETTINGS_VIEW.UPDATE;
+  EVENT_UPDATE_VIEW = this.EVENTS.SETTINGS_VIEW.UPDATE;
+
+  LOC_LABEL = this.PARAMS.SETTINGS_VIEW.LOC_LABEL;
+
+  TRANSITION = this.PARAMS.SETTINGS_VIEW.TRANSITION;
 
   renderFunc = render;
-  updateHandler = this.onUpdateStoreComponent;
 }

package/src/tests/arrows.test.ts

@@ -2,22 +2,25 @@ import { beforeEach, describe, expect, it } from "vitest";
 
 import { spyEvent } from "@vnejs/test-utils";
 
-import { SettingsViewArrows } from "../modules/arrows.js";
+import { SettingsFieldsControllerArrows } from "../modules/fields.controller.arrows.js";
 import { CONTROLS_EVENTS, createSettingsViewTestModule, registerSettingsViewPluginVne, SUBSCRIBE_EVENTS } from "./setup.js";
 
 const generalTab = {
   titleLocKey: "general",
-  fields: [{ settingKey: "a", type: "toggle" }, { settingKey: "b", type: "toggle" }],
+  fields: [
+    { settingKey: "a", type: "toggle" },
+    { settingKey: "b", type: "toggle" },
+  ],
 };
 
-describe("SettingsViewArrows", () => {
+describe("SettingsFieldsControllerArrows", () => {
   beforeEach(() => {
     registerSettingsViewPluginVne();
   });
 
   it("SHOW pushes arrow controls above the controller layer", async () => {
-    const { module, observer } = createSettingsViewTestModule(SettingsViewArrows);
-    const arrows = module as SettingsViewArrows;
+    const { module, observer } = createSettingsViewTestModule(SettingsFieldsControllerArrows);
+    const arrows = module as SettingsFieldsControllerArrows;
     const push = spyEvent(observer, CONTROLS_EVENTS.PUSH);
 
     await observer.emit(SUBSCRIBE_EVENTS.SHOW, { tab: generalTab });
@@ -34,7 +37,7 @@ describe("SettingsViewArrows", () => {
   });
 
   it("HIDE pops arrow controls", async () => {
-    const { observer } = createSettingsViewTestModule(SettingsViewArrows);
+    const { observer } = createSettingsViewTestModule(SettingsFieldsControllerArrows);
     const pop = spyEvent(observer, CONTROLS_EVENTS.POP);
 
     await observer.emit(SUBSCRIBE_EVENTS.HIDE);
@@ -43,8 +46,8 @@ describe("SettingsViewArrows", () => {
   });
 
   it("first ARROW_BOTTOM selects 0 and emits STATE_UPDATE plus UPDATE_FAST", async () => {
-    const { module, observer } = createSettingsViewTestModule(SettingsViewArrows);
-    const arrows = module as SettingsViewArrows;
+    const { module, observer } = createSettingsViewTestModule(SettingsFieldsControllerArrows);
+    const arrows = module as SettingsFieldsControllerArrows;
     const stateUpdate = spyEvent(observer, SUBSCRIBE_EVENTS.STATE_UPDATE);
     const updateFast = spyEvent(observer, SUBSCRIBE_EVENTS.UPDATE_FAST);
 
@@ -57,8 +60,8 @@ describe("SettingsViewArrows", () => {
   });
 
   it("arrow wrap cycles fields", async () => {
-    const { module, observer } = createSettingsViewTestModule(SettingsViewArrows);
-    const arrows = module as SettingsViewArrows;
+    const { module, observer } = createSettingsViewTestModule(SettingsFieldsControllerArrows);
+    const arrows = module as SettingsFieldsControllerArrows;
     const stateUpdate = spyEvent(observer, SUBSCRIBE_EVENTS.STATE_UPDATE);
 
     await observer.emit(SUBSCRIBE_EVENTS.SHOW, { tab: generalTab });
@@ -75,8 +78,8 @@ describe("SettingsViewArrows", () => {
   });
 
   it("TAB_SET resets currentItem and syncs fields", async () => {
-    const { module, observer } = createSettingsViewTestModule(SettingsViewArrows);
-    const arrows = module as SettingsViewArrows;
+    const { module, observer } = createSettingsViewTestModule(SettingsFieldsControllerArrows);
+    const arrows = module as SettingsFieldsControllerArrows;
     const stateUpdate = spyEvent(observer, SUBSCRIBE_EVENTS.STATE_UPDATE);
 
     await observer.emit(SUBSCRIBE_EVENTS.SHOW, { tab: generalTab });
@@ -86,7 +89,11 @@ describe("SettingsViewArrows", () => {
     await observer.emit(SUBSCRIBE_EVENTS.TAB_SET, {
       tab: {
         titleLocKey: "audio",
-        fields: [{ settingKey: "c", type: "toggle" }, { settingKey: "d", type: "toggle" }, { settingKey: "e", type: "toggle" }],
+        fields: [
+          { settingKey: "c", type: "toggle" },
+          { settingKey: "d", type: "toggle" },
+          { settingKey: "e", type: "toggle" },
+        ],
       },
     });
 

package/src/tests/controller.test.ts

@@ -3,16 +3,16 @@ import { beforeEach, describe, expect, it, vi } from "vitest";
 import { spyEvent } from "@vnejs/test-utils";
 import { SUBSCRIBE_EVENTS as SETTINGS_EVENTS } from "@vnejs/contracts.core.settings";
 
-import { SettingsViewController } from "../modules/controller.js";
+import { SettingsFieldsController } from "../modules/fields.controller.js";
 import { createSettingsViewTestModule, registerSettingsViewPluginVne, SUBSCRIBE_EVENTS } from "./setup.js";
 
-describe("SettingsViewController", () => {
+describe("SettingsFieldsController", () => {
   beforeEach(() => {
     registerSettingsViewPluginVne();
   });
 
   it("SHOW stores fields from tab", async () => {
-    const { module, observer } = createSettingsViewTestModule(SettingsViewController);
+    const { module, observer } = createSettingsViewTestModule(SettingsFieldsController);
 
     await observer.emit(SUBSCRIBE_EVENTS.SHOW, {
       tabKey: "general",
@@ -25,14 +25,14 @@ describe("SettingsViewController", () => {
       },
     });
 
-    expect((module as SettingsViewController).state.fields).toHaveLength(2);
-    expect((module as SettingsViewController).state.isShow).toBe(true);
-    expect((module as SettingsViewController).state.tabKey).toBe("general");
-    expect(Object.keys((module as SettingsViewController).state.tabsContent ?? {})).toEqual(["general"]);
+    expect((module as SettingsFieldsController).state.fields).toHaveLength(2);
+    expect((module as SettingsFieldsController).state.isShow).toBe(true);
+    expect((module as SettingsFieldsController).state.tabKey).toBe("general");
+    expect(Object.keys((module as SettingsFieldsController).state.tabsContent ?? {})).toEqual(["general"]);
   });
 
   it("ARROW_RIGHT toggles setting when focused", async () => {
-    const { module, observer } = createSettingsViewTestModule(SettingsViewController, {
+    const { module, observer } = createSettingsViewTestModule(SettingsFieldsController, {
       shared: { settings: { "test.toggle": false } },
     });
 
@@ -40,17 +40,17 @@ describe("SettingsViewController", () => {
       tab: { titleLocKey: "general", fields: [{ settingKey: "test.toggle", type: "toggle" }] },
     });
 
-    (module as SettingsViewController).updateState({ currentArrowVerticalItem: 0 });
+    (module as SettingsFieldsController).updateState({ currentArrowVerticalItem: 0 });
 
     const settingsSet = spyEvent(observer, SETTINGS_EVENTS.SET);
 
-    (module as SettingsViewController).onArrowRight();
+    (module as SettingsFieldsController).onArrowRight();
 
     expect(settingsSet).toHaveBeenCalledExactlyOnceWith({ name: "test.toggle", value: true });
   });
 
   it("TAB_SET while visible replaces fields with fade", async () => {
-    const { module, observer } = createSettingsViewTestModule(SettingsViewController);
+    const { module, observer } = createSettingsViewTestModule(SettingsFieldsController);
 
     await observer.emit(SUBSCRIBE_EVENTS.SHOW, {
       tabKey: "general",
@@ -81,16 +81,16 @@ describe("SettingsViewController", () => {
       },
     });
 
-    expect((module as SettingsViewController).state.fields).toHaveLength(2);
-    expect((module as SettingsViewController).state.showTextExample).toBe(true);
-    expect((module as SettingsViewController).state.currentItemInner).toBe(0);
-    expect((module as SettingsViewController).state.currentArrowVerticalItem).toBeNull();
-    expect((module as SettingsViewController).state.tabKey).toBe("audio");
-    expect(Object.keys((module as SettingsViewController).state.tabsContent ?? {}).sort()).toEqual(["audio", "general"]);
+    expect((module as SettingsFieldsController).state.fields).toHaveLength(2);
+    expect((module as SettingsFieldsController).state.showTextExample).toBe(true);
+    expect((module as SettingsFieldsController).state.currentItemInner).toBe(0);
+    expect((module as SettingsFieldsController).state.currentArrowVerticalItem).toBeNull();
+    expect((module as SettingsFieldsController).state.tabKey).toBe("audio");
+    expect(Object.keys((module as SettingsFieldsController).state.tabsContent ?? {}).sort()).toEqual(["audio", "general"]);
   });
 
   it("ARROW_RIGHT on selector_texts cycles inner and SET", async () => {
-    const { module, observer } = createSettingsViewTestModule(SettingsViewController, {
+    const { module, observer } = createSettingsViewTestModule(SettingsFieldsController, {
       shared: { settings: { "test.lang": "ru" } },
     });
 
@@ -111,7 +111,7 @@ describe("SettingsViewController", () => {
       },
     });
 
-    const controller = module as SettingsViewController;
+    const controller = module as SettingsFieldsController;
 
     controller.updateState({ currentArrowVerticalItem: 0, currentItemInner: 0 });
 
@@ -124,7 +124,7 @@ describe("SettingsViewController", () => {
   });
 
   it("ARROW_LEFT on selector_texts wraps inner and SET", async () => {
-    const { module, observer } = createSettingsViewTestModule(SettingsViewController, {
+    const { module, observer } = createSettingsViewTestModule(SettingsFieldsController, {
       shared: { settings: { "test.lang": "ru" } },
     });
 
@@ -145,7 +145,7 @@ describe("SettingsViewController", () => {
       },
     });
 
-    const controller = module as SettingsViewController;
+    const controller = module as SettingsFieldsController;
 
     controller.updateState({ currentArrowVerticalItem: 0, currentItemInner: 0 });
 
@@ -158,8 +158,8 @@ describe("SettingsViewController", () => {
   });
 
   it("ARROW_* on actions without settingKey only moves inner", async () => {
-    const { module, observer } = createSettingsViewTestModule(SettingsViewController);
-    const controller = module as SettingsViewController;
+    const { module, observer } = createSettingsViewTestModule(SettingsFieldsController);
+    const controller = module as SettingsFieldsController;
     const doA = vi.fn();
     const doB = vi.fn();
 
@@ -199,7 +199,7 @@ describe("SettingsViewController", () => {
   });
 
   it("STATE_UPDATE syncs currentItemInner to the current option", async () => {
-    const { module, observer } = createSettingsViewTestModule(SettingsViewController, {
+    const { module, observer } = createSettingsViewTestModule(SettingsFieldsController, {
       shared: { settings: { "test.lang": "en" } },
     });
 
@@ -221,7 +221,7 @@ describe("SettingsViewController", () => {
       },
     });
 
-    const controller = module as SettingsViewController;
+    const controller = module as SettingsFieldsController;
 
     controller.updateState({ currentArrowVerticalItem: 0, currentItemInner: 99 });
 

package/src/tests/setup.ts

@@ -1,12 +1,7 @@
 import { CONSTANTS as CONTROLS_CONST, PLUGIN_NAME as CONTROLS, SUBSCRIBE_EVENTS as CONTROLS_EVENTS } from "@vnejs/contracts.controls";
 import { PARAMS, PLUGIN_NAME, SUBSCRIBE_EVENTS } from "@vnejs/contracts.views.settings";
 import { SourcesSet } from "@vnejs/sources-set";
-import {
-  createTestModule as baseCreateTestModule,
-  registerCoreVne,
-  registerVnePlugin,
-  stubSilentEvent,
-} from "@vnejs/test-utils";
+import { createTestModule as baseCreateTestModule, registerCoreVne, registerVnePlugin, stubSilentEvent } from "@vnejs/test-utils";
 
 export const registerSettingsViewPluginVne = () => {
   registerCoreVne();

package/src/types.ts

@@ -5,9 +5,7 @@ import type { SettingsKeys as TextsizeSettingsKeys, PluginName as TextsizePlugin
 import type { Params as TextSmoothParams, PluginName as TextSmoothPluginName, SettingsKeys as TextSmoothSettingsKeys } from "@vnejs/contracts.text.smooth";
 import type { Params, PluginName, SubscribeEvents } from "@vnejs/contracts.views.settings";
 
-export type SettingsViewPluginEvents = ModuleComponentsEvents &
-  Record<PluginName, SubscribeEvents> &
-  Record<SettingsPluginName, SettingsSubscribeEvents>;
+export type SettingsViewPluginEvents = ModuleComponentsEvents & Record<PluginName, SubscribeEvents> & Record<SettingsPluginName, SettingsSubscribeEvents>;
 
 export type SettingsViewPluginConstants = ModuleComponentsConstants & Record<ControlsPluginName, ControlsConstants>;
 
@@ -15,6 +13,4 @@ export type SettingsViewPluginSettings = ModuleComponentsSettings &
   Record<TextSmoothPluginName, TextSmoothSettingsKeys> &
   Record<TextsizePluginName, TextsizeSettingsKeys>;
 
-export type SettingsViewPluginParams = ModuleComponentsParams &
-  Record<PluginName, Params> &
-  Record<TextSmoothPluginName, TextSmoothParams>;
+export type SettingsViewPluginParams = ModuleComponentsParams & Record<PluginName, Params> & Record<TextSmoothPluginName, TextSmoothParams>;

package/src/view/SettingsExampleText.tsx

@@ -41,9 +41,7 @@ export const SettingsExampleText = ({ isShow = false, locs = {}, PARAMS, shared,
     return () => clearTimeout(tm);
   }, [isShow, isForce, PARAMS.SETTINGS_VIEW.TRANSITION]);
 
-  const charDelay = isForce
-    ? 0
-    : PARAMS.TEXT_SMOOTH.TOKEN_RENDER_DELAY / Number(shared.settings[SETTINGS.TEXT_SMOOTH.TOKEN_RENDER_SPEED]);
+  const charDelay = isForce ? 0 : PARAMS.TEXT_SMOOTH.TOKEN_RENDER_DELAY / Number(shared.settings[SETTINGS.TEXT_SMOOTH.TOKEN_RENDER_SPEED]);
 
   return (
     <SmoothText

package/src/view/index.tsx

@@ -40,7 +40,20 @@ const SettingsViewComponent = ({ store, onMount, PARAMS, emit, EVENTS, shared, C
   );
 
   const propsTab = useMemo(
-    () => ({ store, onMount, PARAMS, emit, EVENTS, shared, CONST, SETTINGS, isForce: isRealForce, currentItem: currentArrowVerticalItem, currentItemInner, locs }),
+    () => ({
+      store,
+      onMount,
+      PARAMS,
+      emit,
+      EVENTS,
+      shared,
+      CONST,
+      SETTINGS,
+      isForce: isRealForce,
+      currentItem: currentArrowVerticalItem,
+      currentItemInner,
+      locs,
+    }),
     [store, onMount, PARAMS, emit, EVENTS, shared, CONST, SETTINGS, isRealForce, currentArrowVerticalItem, currentItemInner, locs],
   );
 

package/dist/modules/view.js

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