@vnejs/contracts.views.scenario.interface 0.1.1

package/dist/events.d.ts

@@ -0,0 +1,22 @@
+export declare const SUBSCRIBE_EVENTS: {
+    readonly SHOW: "vne:interface:show";
+    readonly HIDE: "vne:interface:hide";
+    readonly SHOW_CHANGED: "vne:interface:show_changed";
+    readonly VIEW_SHOW: "vne:interface:view_show";
+    readonly VIEW_HIDE: "vne:interface:view_hide";
+    readonly VIEW_UPDATE: "vne:interface:view_update";
+    readonly TEXT: "vne:interface:text";
+    readonly TEXT_HIDE: "vne:interface:text_hide";
+    readonly TEXT_CHANGED: "vne:interface:text_changed";
+    readonly SPEAKER_CHANGED: "vne:interface:speaker_changed";
+    readonly VISIBLE: "vne:interface:visible";
+    readonly VISIBLE_CHANGED: "vne:interface:visible_changed";
+    readonly VIEW: "vne:interface:view";
+    readonly VIEW_CHANGED: "vne:interface:view_changed";
+    readonly HISTORY: "vne:interface:history";
+    readonly HISTORY_BACK: "vne:interface:history_back";
+    readonly GAMEMENU: "vne:interface:gamemenu";
+    readonly INTERACT: "vne:interface:interact";
+    readonly STATE_CHANGED: "vne:interface:state_changed";
+};
+export type SubscribeEvents = typeof SUBSCRIBE_EVENTS;

package/dist/events.js

@@ -0,0 +1,21 @@
+export const SUBSCRIBE_EVENTS = {
+    SHOW: "vne:interface:show",
+    HIDE: "vne:interface:hide",
+    SHOW_CHANGED: "vne:interface:show_changed",
+    VIEW_SHOW: "vne:interface:view_show",
+    VIEW_HIDE: "vne:interface:view_hide",
+    VIEW_UPDATE: "vne:interface:view_update",
+    TEXT: "vne:interface:text",
+    TEXT_HIDE: "vne:interface:text_hide",
+    TEXT_CHANGED: "vne:interface:text_changed",
+    SPEAKER_CHANGED: "vne:interface:speaker_changed",
+    VISIBLE: "vne:interface:visible",
+    VISIBLE_CHANGED: "vne:interface:visible_changed",
+    VIEW: "vne:interface:view",
+    VIEW_CHANGED: "vne:interface:view_changed",
+    HISTORY: "vne:interface:history",
+    HISTORY_BACK: "vne:interface:history_back",
+    GAMEMENU: "vne:interface:gamemenu",
+    INTERACT: "vne:interface:interact",
+    STATE_CHANGED: "vne:interface:state_changed",
+};

package/dist/index.d.ts

@@ -0,0 +1,23 @@
+import "@vnejs/module";
+import "@vnejs/shared";
+import { SUBSCRIBE_EVENTS } from "./events.js";
+import type { InterfaceModuleState } from "./module-global-state.js";
+import { PARAMS } from "./params.js";
+export declare const PLUGIN_NAME: "INTERFACE";
+export type PluginName = typeof PLUGIN_NAME;
+export { SUBSCRIBE_EVENTS };
+export type { SubscribeEvents } from "./events.js";
+export { PARAMS };
+export type { Params } from "./params.js";
+export type { InterfaceModuleState } from "./module-global-state.js";
+declare module "@vnejs/module" {
+    interface ModuleGlobalState {
+        interface: InterfaceModuleState;
+    }
+}
+declare module "@vnejs/shared" {
+    interface VnePluginEventsMap extends Record<typeof PLUGIN_NAME, typeof SUBSCRIBE_EVENTS> {
+    }
+    interface VnePluginParamsMap extends Record<typeof PLUGIN_NAME, typeof PARAMS> {
+    }
+}

package/dist/index.js

@@ -0,0 +1,7 @@
+import "@vnejs/module";
+import "@vnejs/shared";
+import { SUBSCRIBE_EVENTS } from "./events.js";
+import { PARAMS } from "./params.js";
+export const PLUGIN_NAME = "INTERFACE";
+export { SUBSCRIBE_EVENTS };
+export { PARAMS };

package/dist/module-global-state.d.ts

@@ -0,0 +1,12 @@
+import type { TokenizedChar, WallElement } from "@vnejs/contracts.text";
+export type InterfaceModuleState = {
+    tokens: TokenizedChar[];
+    wall: WallElement[];
+    uid: string;
+    tokensVisible: number;
+    speaker: string;
+    meet: number;
+    isShow: boolean;
+    isVisible: boolean;
+    view: string;
+};

package/dist/module-global-state.js

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

package/dist/params.d.ts

@@ -0,0 +1,206 @@
+import type { PositionBoxProps, WidenViewProps } from "@vnejs/uis.react.position-box";
+export declare const DEFAULT_VIEW: string;
+export declare const LOC_LABEL: string;
+export declare const TRANSITION: number;
+export declare const ZINDEX: number;
+declare const VIEW_PROPS_DEFAULT: {
+    readonly adv: {
+        readonly backdrop: {
+            readonly props: {
+                type: "bottom";
+                size: number;
+                transition: number;
+                opacity: number;
+            };
+            readonly flatPosition: PositionBoxProps;
+            readonly flatStyle: {
+                background: string;
+                borderRadius: string | number;
+                transition: string;
+            };
+        };
+        readonly position: PositionBoxProps;
+        readonly flex: {
+            readonly direction: "column";
+            readonly gap: 24;
+        };
+        readonly speaker: {
+            readonly size: 72;
+            readonly weight: "bold";
+        };
+        readonly text: {
+            readonly size: 60;
+            readonly height: 300;
+        };
+    };
+    readonly wall: {
+        readonly backdrop: {
+            readonly props: {
+                type: "bottom";
+                size: number;
+                transition: number;
+                opacity: number;
+            };
+            readonly flatPosition: PositionBoxProps;
+            readonly flatStyle: {
+                background: string;
+                borderRadius: string | number;
+                transition: string;
+            };
+        };
+        readonly position: PositionBoxProps;
+        readonly flex: {
+            readonly direction: "column";
+            readonly gap: 24;
+        };
+        readonly scrollBar: {
+            readonly height: 1680;
+            readonly scrollToEnd: true;
+            readonly hideScrolbars: true;
+            readonly disableScroll: true;
+        };
+        readonly speaker: {
+            readonly size: 72;
+            readonly weight: "bold";
+        };
+        readonly text: {
+            readonly size: 60;
+        };
+    };
+    readonly line: {
+        readonly backdrop: {
+            readonly props: {
+                type: "bottom";
+                size: number;
+                transition: number;
+                opacity: number;
+            };
+            readonly flatPosition: PositionBoxProps;
+            readonly flatStyle: {
+                background: string;
+                borderRadius: string | number;
+                transition: string;
+            };
+        };
+        readonly position: PositionBoxProps;
+        readonly flex: {
+            readonly direction: "column";
+            readonly gap: 60;
+        };
+        readonly speaker: {
+            readonly size: 72;
+            readonly weight: "bold";
+        };
+        readonly text: {
+            readonly isCentered: true;
+            readonly size: 60;
+            readonly width: 3120;
+        };
+    };
+};
+export type ViewProps = WidenViewProps<typeof VIEW_PROPS_DEFAULT>;
+export declare const VIEW_PROPS: ViewProps;
+declare const PARAMS_DEFAULT: {
+    DEFAULT_VIEW: string;
+    LOC_LABEL: string;
+    TRANSITION: number;
+    ZINDEX: number;
+    VIEW_PROPS: {
+        adv: {
+            backdrop: {
+                props: {
+                    type: "bottom";
+                    size: number;
+                    transition: number;
+                    opacity: number;
+                };
+                flatPosition: PositionBoxProps<unknown>;
+                flatStyle: {
+                    background: string;
+                    borderRadius: string | number;
+                    transition: string;
+                };
+            };
+            position: PositionBoxProps<unknown>;
+            flex: {
+                direction: "column";
+                gap: number;
+            };
+            speaker: {
+                size: number;
+                weight: "bold";
+            };
+            text: {
+                size: number;
+                height: number;
+            };
+        };
+        wall: {
+            backdrop: {
+                props: {
+                    type: "bottom";
+                    size: number;
+                    transition: number;
+                    opacity: number;
+                };
+                flatPosition: PositionBoxProps<unknown>;
+                flatStyle: {
+                    background: string;
+                    borderRadius: string | number;
+                    transition: string;
+                };
+            };
+            position: PositionBoxProps<unknown>;
+            flex: {
+                direction: "column";
+                gap: number;
+            };
+            scrollBar: {
+                height: number;
+                scrollToEnd: boolean;
+                hideScrolbars: boolean;
+                disableScroll: boolean;
+            };
+            speaker: {
+                size: number;
+                weight: "bold";
+            };
+            text: {
+                size: number;
+            };
+        };
+        line: {
+            backdrop: {
+                props: {
+                    type: "bottom";
+                    size: number;
+                    transition: number;
+                    opacity: number;
+                };
+                flatPosition: PositionBoxProps<unknown>;
+                flatStyle: {
+                    background: string;
+                    borderRadius: string | number;
+                    transition: string;
+                };
+            };
+            position: PositionBoxProps<unknown>;
+            flex: {
+                direction: "column";
+                gap: number;
+            };
+            speaker: {
+                size: number;
+                weight: "bold";
+            };
+            text: {
+                isCentered: boolean;
+                size: number;
+                width: number;
+            };
+        };
+    };
+};
+export type Params = WidenViewProps<typeof PARAMS_DEFAULT>;
+export declare const PARAMS: Params;
+export {};

package/dist/params.js

@@ -0,0 +1,56 @@
+import { getVneLength } from "@vnejs/uis.utils";
+export const DEFAULT_VIEW = "line";
+export const LOC_LABEL = "interface";
+export const TRANSITION = 500;
+export const ZINDEX = 1000;
+const createBackdropProps = (opacity) => ({ type: "bottom", size: 600, transition: TRANSITION, opacity });
+const createFlatBackdropPosition = (margin, opacity) => ({
+    top: margin,
+    left: margin,
+    right: margin,
+    bottom: margin,
+    transition: TRANSITION,
+    opacity,
+});
+const createFlatBackdropStyle = (borderRadius) => ({
+    background: "rgba(0, 0, 0, 0.6)",
+    borderRadius,
+    transition: `${TRANSITION}ms`,
+});
+const VIEW_PROPS_DEFAULT = {
+    adv: {
+        backdrop: { props: createBackdropProps(1), flatPosition: createFlatBackdropPosition(0, 0), flatStyle: createFlatBackdropStyle(0) },
+        position: { bottom: 144, left: 600, right: 600 },
+        flex: { direction: "column", gap: 24 },
+        speaker: { size: 72, weight: "bold" },
+        text: { size: 60, height: 300 },
+    },
+    wall: {
+        backdrop: {
+            props: createBackdropProps(0),
+            flatPosition: createFlatBackdropPosition(120, 1),
+            flatStyle: createFlatBackdropStyle(getVneLength(48)),
+        },
+        position: { top: 180, left: 180, right: 180, bottom: 264 },
+        flex: { direction: "column", gap: 24 },
+        scrollBar: { height: 1680, scrollToEnd: true, hideScrolbars: true, disableScroll: true },
+        speaker: { size: 72, weight: "bold" },
+        text: { size: 60 },
+    },
+    line: {
+        backdrop: { props: createBackdropProps(0), flatPosition: createFlatBackdropPosition(0, 1), flatStyle: createFlatBackdropStyle(0) },
+        position: { isCentered: true },
+        flex: { direction: "column", gap: 60 },
+        speaker: { size: 72, weight: "bold" },
+        text: { isCentered: true, size: 60, width: 3120 },
+    },
+};
+export const VIEW_PROPS = VIEW_PROPS_DEFAULT;
+const PARAMS_DEFAULT = {
+    DEFAULT_VIEW,
+    LOC_LABEL,
+    TRANSITION,
+    ZINDEX,
+    VIEW_PROPS,
+};
+export const PARAMS = PARAMS_DEFAULT;

package/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@vnejs/contracts.views.scenario.interface",
+  "version": "0.1.1",
+  "description": "Contracts for @vnejs/plugins.views.scenario.interface",
+  "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": {
+    "build": "npx @vnejs/monorepo package",
+    "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",
+  "peerDependencies": {
+    "@vnejs/module": "~0.1.0",
+    "@vnejs/contracts.text": "~0.1.0",
+    "@vnejs/shared": "~0.1.0",
+    "@vnejs/uis.react.position-box": "~0.1.0",
+    "@vnejs/uis.utils": "~0.1.0"
+  },
+  "devDependencies": {
+    "@vnejs/configs.ts-common": "~0.1.0"
+  }
+}

package/src/events.ts

@@ -0,0 +1,33 @@
+export const SUBSCRIBE_EVENTS = {
+  SHOW: "vne:interface:show",
+  HIDE: "vne:interface:hide",
+
+  SHOW_CHANGED: "vne:interface:show_changed",
+
+  VIEW_SHOW: "vne:interface:view_show",
+  VIEW_HIDE: "vne:interface:view_hide",
+  VIEW_UPDATE: "vne:interface:view_update",
+
+  TEXT: "vne:interface:text",
+  TEXT_HIDE: "vne:interface:text_hide",
+  TEXT_CHANGED: "vne:interface:text_changed",
+
+  SPEAKER_CHANGED: "vne:interface:speaker_changed",
+
+  VISIBLE: "vne:interface:visible",
+  VISIBLE_CHANGED: "vne:interface:visible_changed",
+
+  VIEW: "vne:interface:view",
+  VIEW_CHANGED: "vne:interface:view_changed",
+
+  HISTORY: "vne:interface:history",
+  HISTORY_BACK: "vne:interface:history_back",
+
+  GAMEMENU: "vne:interface:gamemenu",
+
+  INTERACT: "vne:interface:interact",
+
+  STATE_CHANGED: "vne:interface:state_changed",
+} as const;
+
+export type SubscribeEvents = typeof SUBSCRIBE_EVENTS;

package/src/index.ts

@@ -0,0 +1,27 @@
+import "@vnejs/module";
+import "@vnejs/shared";
+
+import { SUBSCRIBE_EVENTS } from "./events.js";
+import type { InterfaceModuleState } from "./module-global-state.js";
+import { PARAMS } from "./params.js";
+
+export const PLUGIN_NAME = "INTERFACE" as const;
+export type PluginName = typeof PLUGIN_NAME;
+
+export { SUBSCRIBE_EVENTS };
+export type { SubscribeEvents } from "./events.js";
+export { PARAMS };
+export type { Params } from "./params.js";
+export type { InterfaceModuleState } from "./module-global-state.js";
+
+declare module "@vnejs/module" {
+  interface ModuleGlobalState {
+    interface: InterfaceModuleState;
+  }
+}
+
+declare module "@vnejs/shared" {
+  interface VnePluginEventsMap extends Record<typeof PLUGIN_NAME, typeof SUBSCRIBE_EVENTS> {}
+
+  interface VnePluginParamsMap extends Record<typeof PLUGIN_NAME, typeof PARAMS> {}
+}

package/src/module-global-state.ts

@@ -0,0 +1,13 @@
+import type { TokenizedChar, WallElement } from "@vnejs/contracts.text";
+
+export type InterfaceModuleState = {
+  tokens: TokenizedChar[];
+  wall: WallElement[];
+  uid: string;
+  tokensVisible: number;
+  speaker: string;
+  meet: number;
+  isShow: boolean;
+  isVisible: boolean;
+  view: string;
+};

package/src/params.ts

@@ -0,0 +1,65 @@
+import type { PositionBoxProps, WidenViewProps } from "@vnejs/uis.react.position-box";
+import { getVneLength } from "@vnejs/uis.utils";
+
+export const DEFAULT_VIEW: string = "line";
+export const LOC_LABEL: string = "interface";
+export const TRANSITION: number = 500;
+export const ZINDEX: number = 1000;
+
+const createBackdropProps = (opacity: number) => ({ type: "bottom" as const, size: 600, transition: TRANSITION, opacity });
+const createFlatBackdropPosition = (margin: number, opacity: number): PositionBoxProps => ({
+  top: margin,
+  left: margin,
+  right: margin,
+  bottom: margin,
+  transition: TRANSITION,
+  opacity,
+});
+const createFlatBackdropStyle = (borderRadius: number | string) => ({
+  background: "rgba(0, 0, 0, 0.6)",
+  borderRadius,
+  transition: `${TRANSITION}ms`,
+});
+
+const VIEW_PROPS_DEFAULT = {
+  adv: {
+    backdrop: { props: createBackdropProps(1), flatPosition: createFlatBackdropPosition(0, 0), flatStyle: createFlatBackdropStyle(0) },
+    position: { bottom: 144, left: 600, right: 600 } as PositionBoxProps,
+    flex: { direction: "column" as const, gap: 24 },
+    speaker: { size: 72, weight: "bold" as const },
+    text: { size: 60, height: 300 },
+  },
+  wall: {
+    backdrop: {
+      props: createBackdropProps(0),
+      flatPosition: createFlatBackdropPosition(120, 1),
+      flatStyle: createFlatBackdropStyle(getVneLength(48)),
+    },
+    position: { top: 180, left: 180, right: 180, bottom: 264 } as PositionBoxProps,
+    flex: { direction: "column" as const, gap: 24 },
+    scrollBar: { height: 1680, scrollToEnd: true, hideScrolbars: true, disableScroll: true },
+    speaker: { size: 72, weight: "bold" as const },
+    text: { size: 60 },
+  },
+  line: {
+    backdrop: { props: createBackdropProps(0), flatPosition: createFlatBackdropPosition(0, 1), flatStyle: createFlatBackdropStyle(0) },
+    position: { isCentered: true } as PositionBoxProps,
+    flex: { direction: "column" as const, gap: 60 },
+    speaker: { size: 72, weight: "bold" as const },
+    text: { isCentered: true, size: 60, width: 3120 },
+  },
+} as const;
+
+export type ViewProps = WidenViewProps<typeof VIEW_PROPS_DEFAULT>;
+export const VIEW_PROPS: ViewProps = VIEW_PROPS_DEFAULT;
+
+const PARAMS_DEFAULT = {
+  DEFAULT_VIEW,
+  LOC_LABEL,
+  TRANSITION,
+  ZINDEX,
+  VIEW_PROPS,
+};
+
+export type Params = WidenViewProps<typeof PARAMS_DEFAULT>;
+export const PARAMS: Params = PARAMS_DEFAULT;

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