@vnejs/plugins.views.screens.credits 0.1.5 → 0.1.6

package/dist/index.d.ts

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

package/dist/index.js

@@ -0,0 +1,6 @@
+import { regPlugin } from "@vnejs/shared";
+import { PARAMS, PLUGIN_NAME, SUBSCRIBE_EVENTS } from "@vnejs/plugins.views.screens.credits.contract";
+import { CreditsController } from "./modules/controller.js";
+import { Credits } from "./modules/credits.js";
+import { CreditsView } from "./modules/view.js";
+regPlugin(PLUGIN_NAME, { events: SUBSCRIBE_EVENTS, params: PARAMS }, [CreditsController, Credits, CreditsView]);

package/dist/modules/controller.d.ts

@@ -0,0 +1,16 @@
+import { ModuleController } from "@vnejs/module.components";
+import type { CreditsPluginConstants, CreditsPluginEvents, CreditsPluginParams, CreditsPluginSettings } from "../types.js";
+import type { CreditsPluginState } from "../utils/credits.js";
+export declare class CreditsController extends ModuleController<CreditsPluginEvents, CreditsPluginConstants, CreditsPluginSettings, CreditsPluginParams, CreditsPluginState> {
+    name: string;
+    onInteract: () => undefined;
+    updateEvent: "vne:credits:update";
+    controls: {
+        abstract_accept: () => undefined;
+        abstract_interact: () => undefined;
+        abstract_menu: () => undefined;
+    };
+    controlsIndex: number;
+    subscribe: () => void;
+    afterHide: () => undefined;
+}

package/dist/modules/controller.js

@@ -0,0 +1,18 @@
+import { ModuleController } from "@vnejs/module.components";
+export class CreditsController extends ModuleController {
+    name = "credits.controller";
+    onInteract = () => void this.emit(this.EVENTS.CREDITS.HIDE);
+    updateEvent = this.EVENTS.CREDITS.UPDATE;
+    controls = {
+        [this.CONST.CONTROLS.BUTTONS.ACCEPT]: this.onInteract,
+        [this.CONST.CONTROLS.BUTTONS.INTERACT]: this.onInteract,
+        [this.CONST.CONTROLS.BUTTONS.MENU]: this.onInteract,
+    };
+    controlsIndex = this.PARAMS.CREDITS.ZINDEX;
+    subscribe = () => {
+        this.on(this.EVENTS.CREDITS.SHOW, this.onShow);
+        this.on(this.EVENTS.CREDITS.HIDE, this.onHide);
+        this.on(this.EVENTS.STATE.CLEAR, this.onHide);
+    };
+    afterHide = () => void this.emit(this.EVENTS.SCENARIO.NEXT, { module: this.name });
+}

package/dist/modules/credits.d.ts

@@ -0,0 +1,8 @@
+import { Module } from "@vnejs/module";
+import type { CreditsPluginConstants, CreditsPluginEvents, CreditsPluginParams, CreditsPluginSettings } from "../types.js";
+import type { CreditsLineExecPayload } from "../utils/credits.js";
+export declare class Credits extends Module<CreditsPluginEvents, CreditsPluginConstants, CreditsPluginSettings, CreditsPluginParams> {
+    name: string;
+    init: () => Promise<unknown[]> | undefined;
+    onLineExec: ({ line }?: CreditsLineExecPayload) => Promise<unknown[]> | undefined;
+}

package/dist/modules/credits.js

@@ -0,0 +1,13 @@
+import { tokenizeExecLine } from "@vnejs/helpers";
+import { Module } from "@vnejs/module";
+export class Credits extends Module {
+    name = "credits";
+    init = () => this.emit(this.EVENTS.SCENARIO.LINE_EXEC_REG, { module: this.name, handler: this.onLineExec });
+    onLineExec = ({ line = "" } = {}) => {
+        const [action = ""] = tokenizeExecLine(line);
+        if (action === "show")
+            return this.emit(this.EVENTS.CREDITS.SHOW);
+        if (action === "hide")
+            return this.emit(this.EVENTS.CREDITS.HIDE);
+    };
+}

package/dist/modules/view.d.ts

@@ -0,0 +1,10 @@
+import { ModuleView } from "@vnejs/module.components";
+import type { CreditsPluginConstants, CreditsPluginEvents, CreditsPluginParams, CreditsPluginSettings } from "../types.js";
+import type { CreditsPluginState } from "../utils/credits.js";
+export declare class CreditsView extends ModuleView<CreditsPluginEvents, CreditsPluginConstants, CreditsPluginSettings, CreditsPluginParams, CreditsPluginState> {
+    name: string;
+    animationTime: number;
+    updateEvent: "vne:credits:update";
+    renderFunc: import("@vnejs/module.components").ViewRenderFunc<CreditsPluginState>;
+    updateHandler: (state?: CreditsPluginState | undefined) => Promise<void>;
+}

package/dist/modules/view.js

@@ -0,0 +1,9 @@
+import { ModuleView } from "@vnejs/module.components";
+import { render } from "../view/index.js";
+export class CreditsView extends ModuleView {
+    name = "credits.view";
+    animationTime = this.PARAMS.CREDITS.TRANSITION;
+    updateEvent = this.EVENTS.CREDITS.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 ControlsConstants, PluginName as ControlsPluginName } from "@vnejs/plugins.controls.contract";
+import type { PluginName as ScenarioPluginName, SubscribeEvents as ScenarioSubscribeEvents } from "@vnejs/plugins.core.scenario.contract";
+import type { PluginName as StatePluginName, SubscribeEvents as StateSubscribeEvents } from "@vnejs/plugins.core.state.contract";
+import type { Params, PluginName, SubscribeEvents } from "@vnejs/plugins.views.screens.credits.contract";
+export type CreditsPluginEvents = ModuleComponentsEvents & Record<PluginName, SubscribeEvents> & Record<ScenarioPluginName, ScenarioSubscribeEvents> & Record<StatePluginName, StateSubscribeEvents>;
+export type CreditsPluginConstants = ModuleComponentsConstants & Record<ControlsPluginName, ControlsConstants>;
+export type CreditsPluginSettings = ModuleComponentsSettings;
+export type CreditsPluginParams = ModuleComponentsParams & Record<PluginName, Params>;

package/dist/types.js

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

package/dist/utils/credits.d.ts

@@ -0,0 +1,7 @@
+export type CreditsPluginState = {
+    isShow: boolean;
+    isForce: boolean;
+};
+export type CreditsLineExecPayload = {
+    line?: string;
+};

package/dist/utils/credits.js

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

package/dist/view/index.d.ts

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

package/dist/view/index.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
+import { Flex, Screen, ScrollContent, Text, createRenderFunc, useCallback, useMemo, useStoreState } from "@vnejs/uis.react";
+const renderLine = ({ text, props }, i) => (_createElement(Text, { ...props, text: text, key: i }));
+const Credits = ({ store, onMount, PARAMS, emit, EVENTS }) => {
+    const { isShow = false, isForce = false } = useStoreState(store, onMount);
+    const onClose = useCallback(() => void emit(EVENTS.CREDITS.HIDE), [emit, EVENTS.CREDITS.HIDE]);
+    const propsByView = PARAMS.CREDITS.VIEW_PROPS;
+    const propsScreen = useMemo(() => ({ ...propsByView.screen, isShow, isForce, onClose }), [isShow, isForce, onClose, propsByView.screen]);
+    const propsScroll = useMemo(() => ({ ...propsByView.scroll, shouldScroll: isShow, onClose }), [isShow, onClose, propsByView.scroll]);
+    const texts = useMemo(() => PARAMS.CREDITS.LINES.split("\n").map((line) => ({ text: line, props: propsByView.text })), [PARAMS.CREDITS.LINES, propsByView.text]);
+    return (_jsx(Screen, { ...propsScreen, children: _jsx(ScrollContent, { ...propsScroll, children: _jsx(Flex, { ...propsByView.flex, children: texts.map(renderLine) }) }) }));
+};
+export const render = createRenderFunc(Credits);

package/package.json

@@ -1,17 +1,48 @@
 {
   "name": "@vnejs/plugins.views.screens.credits",
-  "version": "0.1.5",
-  "main": "index.js",
+  "version": "0.1.6",
+  "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.screens.credits.contract": "~0.0.1"
+  },
+  "peerDependencies": {
+    "@vnejs/helpers": "~0.1.0",
+    "@vnejs/module": "~0.0.1",
+    "@vnejs/module.components": "~0.0.1",
+    "@vnejs/plugins.controls.contract": "~0.0.1",
+    "@vnejs/plugins.core.scenario.contract": "~0.0.1",
+    "@vnejs/plugins.core.state.contract": "~0.0.1",
+    "@vnejs/shared": "~0.0.9",
+    "@vnejs/uis.react": "~0.1.0"
+  },
+  "devDependencies": {
+    "@vnejs/configs.ts-common": "~0.0.1"
+  }
 }

package/src/index.ts

@@ -0,0 +1,8 @@
+import { regPlugin } from "@vnejs/shared";
+import { PARAMS, PLUGIN_NAME, SUBSCRIBE_EVENTS } from "@vnejs/plugins.views.screens.credits.contract";
+
+import { CreditsController } from "./modules/controller.js";
+import { Credits } from "./modules/credits.js";
+import { CreditsView } from "./modules/view.js";
+
+regPlugin(PLUGIN_NAME, { events: SUBSCRIBE_EVENTS, params: PARAMS }, [CreditsController, Credits, CreditsView]);

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

@@ -1,9 +1,18 @@
 import { ModuleController } from "@vnejs/module.components";
 
-export class CreditsController extends ModuleController {
+import type { CreditsPluginConstants, CreditsPluginEvents, CreditsPluginParams, CreditsPluginSettings } from "../types.js";
+import type { CreditsPluginState } from "../utils/credits.js";
+
+export class CreditsController extends ModuleController<
+  CreditsPluginEvents,
+  CreditsPluginConstants,
+  CreditsPluginSettings,
+  CreditsPluginParams,
+  CreditsPluginState
+> {
   name = "credits.controller";
 
-  onInteract = () => this.emit(this.EVENTS.CREDITS.HIDE);
+  onInteract = () => void this.emit(this.EVENTS.CREDITS.HIDE);
 
   updateEvent = this.EVENTS.CREDITS.UPDATE;
   controls = {
@@ -20,5 +29,5 @@ export class CreditsController extends ModuleController {
     this.on(this.EVENTS.STATE.CLEAR, this.onHide);
   };
 
-  afterHide = () => this.emit(this.EVENTS.SCENARIO.NEXT, { module: this.name });
+  afterHide = () => void this.emit(this.EVENTS.SCENARIO.NEXT, { module: this.name });
 }

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

@@ -1,13 +1,15 @@
+import { tokenizeExecLine } from "@vnejs/helpers";
 import { Module } from "@vnejs/module";
 
-import { tokenizeExecLine } from "@vnejs/helpers";
+import type { CreditsPluginConstants, CreditsPluginEvents, CreditsPluginParams, CreditsPluginSettings } from "../types.js";
+import type { CreditsLineExecPayload } from "../utils/credits.js";
 
-export class Credits extends Module {
+export class Credits extends Module<CreditsPluginEvents, CreditsPluginConstants, CreditsPluginSettings, CreditsPluginParams> {
   name = "credits";
 
   init = () => this.emit(this.EVENTS.SCENARIO.LINE_EXEC_REG, { module: this.name, handler: this.onLineExec });
 
-  onLineExec = ({ line = "" } = {}) => {
+  onLineExec = ({ line = "" }: CreditsLineExecPayload = {}) => {
     const [action = ""] = tokenizeExecLine(line);
 
     if (action === "show") return this.emit(this.EVENTS.CREDITS.SHOW);

package/src/modules/view.ts

@@ -0,0 +1,21 @@
+import { ModuleView } from "@vnejs/module.components";
+
+import { render } from "../view/index.js";
+import type { CreditsPluginConstants, CreditsPluginEvents, CreditsPluginParams, CreditsPluginSettings } from "../types.js";
+import type { CreditsPluginState } from "../utils/credits.js";
+
+export class CreditsView extends ModuleView<
+  CreditsPluginEvents,
+  CreditsPluginConstants,
+  CreditsPluginSettings,
+  CreditsPluginParams,
+  CreditsPluginState
+> {
+  name = "credits.view";
+
+  animationTime = this.PARAMS.CREDITS.TRANSITION;
+  updateEvent = this.EVENTS.CREDITS.UPDATE;
+
+  renderFunc = render;
+  updateHandler = this.onUpdateStoreComponent;
+}

package/src/types.ts

@@ -0,0 +1,16 @@
+import type { ModuleComponentsConstants, ModuleComponentsEvents, ModuleComponentsParams, ModuleComponentsSettings } from "@vnejs/module.components";
+import type { Constants as ControlsConstants, PluginName as ControlsPluginName } from "@vnejs/plugins.controls.contract";
+import type { PluginName as ScenarioPluginName, SubscribeEvents as ScenarioSubscribeEvents } from "@vnejs/plugins.core.scenario.contract";
+import type { PluginName as StatePluginName, SubscribeEvents as StateSubscribeEvents } from "@vnejs/plugins.core.state.contract";
+import type { Params, PluginName, SubscribeEvents } from "@vnejs/plugins.views.screens.credits.contract";
+
+export type CreditsPluginEvents = ModuleComponentsEvents &
+  Record<PluginName, SubscribeEvents> &
+  Record<ScenarioPluginName, ScenarioSubscribeEvents> &
+  Record<StatePluginName, StateSubscribeEvents>;
+
+export type CreditsPluginConstants = ModuleComponentsConstants & Record<ControlsPluginName, ControlsConstants>;
+
+export type CreditsPluginSettings = ModuleComponentsSettings;
+
+export type CreditsPluginParams = ModuleComponentsParams & Record<PluginName, Params>;

package/src/utils/credits.ts

@@ -0,0 +1,8 @@
+export type CreditsPluginState = {
+  isShow: boolean;
+  isForce: boolean;
+};
+
+export type CreditsLineExecPayload = {
+  line?: string;
+};

package/src/view/index.tsx

@@ -0,0 +1,48 @@
+import type { ViewRenderFunc } from "@vnejs/module.components";
+import type { ReactComponentProps } from "@vnejs/uis.react";
+import { Flex, Screen, ScrollContent, Text, createRenderFunc, useCallback, useMemo, useStoreState } from "@vnejs/uis.react";
+
+import type { CreditsPluginConstants, CreditsPluginEvents, CreditsPluginParams, CreditsPluginSettings } from "../types.js";
+import type { CreditsPluginState } from "../utils/credits.js";
+
+type CreditsComponentProps = ReactComponentProps<
+  CreditsPluginEvents,
+  CreditsPluginConstants,
+  CreditsPluginSettings,
+  CreditsPluginParams,
+  CreditsPluginState
+>;
+
+const renderLine = ({ text, props }: { text: string; props: Record<string, unknown> }, i: number) => (
+  <Text
+    {...props}
+    text={text}
+    key={i}
+  />
+);
+
+const Credits = ({ store, onMount, PARAMS, emit, EVENTS }: CreditsComponentProps) => {
+  const { isShow = false, isForce = false } = useStoreState<CreditsPluginState>(store, onMount);
+
+  const onClose = useCallback(() => void emit(EVENTS.CREDITS.HIDE), [emit, EVENTS.CREDITS.HIDE]);
+
+  const propsByView = PARAMS.CREDITS.VIEW_PROPS;
+
+  const propsScreen = useMemo(() => ({ ...propsByView.screen, isShow, isForce, onClose }), [isShow, isForce, onClose, propsByView.screen]);
+  const propsScroll = useMemo(() => ({ ...propsByView.scroll, shouldScroll: isShow, onClose }), [isShow, onClose, propsByView.scroll]);
+
+  const texts = useMemo(
+    () => PARAMS.CREDITS.LINES.split("\n").map((line) => ({ text: line, props: propsByView.text })),
+    [PARAMS.CREDITS.LINES, propsByView.text],
+  );
+
+  return (
+    <Screen {...propsScreen}>
+      <ScrollContent {...propsScroll}>
+        <Flex {...propsByView.flex}>{texts.map(renderLine)}</Flex>
+      </ScrollContent>
+    </Screen>
+  );
+};
+
+export const render: ViewRenderFunc<CreditsPluginState> = createRenderFunc(Credits);

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/events.js

@@ -1,5 +0,0 @@
-export const SUBSCRIBE_EVENTS = {
-  SHOW: "vne:credits:show",
-  HIDE: "vne:credits:hide",
-  UPDATE: "vne:credits:update",
-};

package/const/params.js

@@ -1,11 +0,0 @@
-export const LINES = [];
-
-export const TRANSITION = 1000;
-export const ZINDEX = 2000;
-
-export const VIEW_PROPS = {
-  screen: { isDisableAutoread: true, zIndex: ZINDEX, transition: TRANSITION },
-  scroll: { waitCommonDelay: TRANSITION, waitStartDelay: 500, waitEndDelay: 2000, duration: 120 * 1000 },
-  flex: { paddingHorizontal: 720, paddingVertical: 120, gap: 36, direction: "column" },
-  text: { size: 72, align: "center" },
-};

package/index.js

@@ -1,10 +0,0 @@
-import { regPlugin } from "@vnejs/shared";
-
-import { SUBSCRIBE_EVENTS } from "./const/events";
-import * as params from "./const/params";
-
-import { CreditsController } from "./modules/controller";
-import { Credits } from "./modules/credits";
-import { CreditsView } from "./modules/view";
-
-regPlugin("CREDITS", { events: SUBSCRIBE_EVENTS, params }, [CreditsController, Credits, CreditsView]);

package/modules/view.js

@@ -1,13 +0,0 @@
-import { ModuleView } from "@vnejs/module.components";
-
-import { render } from "../view";
-
-export class CreditsView extends ModuleView {
-  name = "credits.view";
-
-  animationTime = this.PARAMS.CREDITS.TRANSITION;
-  updateEvent = this.EVENTS.CREDITS.UPDATE;
-
-  renderFunc = render;
-  updateHandler = this.onUpdateStoreComponent;
-}

package/view/index.jsx

@@ -1,38 +0,0 @@
-import { useCallback, useEffect, useMemo, useState } from "react";
-import { createRoot } from "react-dom/client";
-
-import { Flex, Screen, ScrollContent, Text } from "@vnejs/uis.react";
-
-const renderLine = ({ text, props } = {}, i) => (
-  <Text
-    {...props}
-    text={text}
-    key={i}
-  />
-);
-
-const Credits = ({ store, onMount, ...props } = {}) => {
-  const [{ isShow = false, isForce = false }, setState] = useState({});
-
-  useEffect(() => store.subscribe(setState), []);
-  useEffect(() => void onMount(), []);
-
-  const onClose = useCallback(() => props.emit(props.EVENTS.CREDITS.HIDE), []);
-
-  const propsByView = props.PARAMS.CREDITS.VIEW_PROPS;
-
-  const propsScreen = useMemo(() => ({ ...propsByView.screen, isShow, isForce, onClose }), [isShow, isForce]);
-  const propsScroll = useMemo(() => ({ ...propsByView.scroll, shouldScroll: isShow, onClose }), [isShow]);
-
-  const texts = useMemo(() => props.PARAMS.CREDITS.LINES.split("\n").map((text) => ({ text, props: propsByView.text })), []);
-
-  return (
-    <Screen {...propsScreen}>
-      <ScrollContent {...propsScroll}>
-        <Flex {...propsByView.flex}>{texts.map(renderLine)}</Flex>
-      </ScrollContent>
-    </Screen>
-  );
-};
-
-export const render = (props, root) => createRoot(root).render(<Credits {...props} />);