@vnejs/contracts.views.screens.save 0.1.1

package/dist/const.d.ts

@@ -0,0 +1,13 @@
+export declare const PAGE_TYPES: {
+    readonly AUTOSAVE: "autosave";
+    readonly SAVE: "save";
+    readonly LOAD: "load";
+};
+export declare const CONSTANTS: {
+    readonly PAGE_TYPES: {
+        readonly AUTOSAVE: "autosave";
+        readonly SAVE: "save";
+        readonly LOAD: "load";
+    };
+};
+export type Constants = typeof CONSTANTS;

package/dist/const.js

@@ -0,0 +1,6 @@
+export const PAGE_TYPES = {
+    AUTOSAVE: "autosave",
+    SAVE: "save",
+    LOAD: "load",
+};
+export const CONSTANTS = { PAGE_TYPES };

package/dist/events.d.ts

@@ -0,0 +1,12 @@
+export declare const SUBSCRIBE_EVENTS: {
+    readonly SHOW: "vne:save_view:show";
+    readonly HIDE: "vne:save_view:hide";
+    readonly PAGE_SET: "vne:save_view:page_set";
+    readonly TYPE_SET: "vne:save_view:type_set";
+    readonly CREATE: "vne:save_view:create";
+    readonly DELETE: "vne:save_view:delete";
+    readonly LOAD: "vne:save_view:load";
+    readonly UPDATE: "vne:save_view:update";
+    readonly PRELOAD: "vne:save_view:preload";
+};
+export type SubscribeEvents = typeof SUBSCRIBE_EVENTS;

package/dist/events.js

@@ -0,0 +1,11 @@
+export const SUBSCRIBE_EVENTS = {
+    SHOW: "vne:save_view:show",
+    HIDE: "vne:save_view:hide",
+    PAGE_SET: "vne:save_view:page_set",
+    TYPE_SET: "vne:save_view:type_set",
+    CREATE: "vne:save_view:create",
+    DELETE: "vne:save_view:delete",
+    LOAD: "vne:save_view:load",
+    UPDATE: "vne:save_view:update",
+    PRELOAD: "vne:save_view:preload",
+};

package/dist/index.d.ts

@@ -0,0 +1,20 @@
+import "@vnejs/shared";
+import { CONSTANTS } from "./const.js";
+import { SUBSCRIBE_EVENTS } from "./events.js";
+import { PARAMS } from "./params.js";
+export declare const PLUGIN_NAME: "SAVE_VIEW";
+export type PluginName = typeof PLUGIN_NAME;
+export { CONSTANTS };
+export type { Constants } from "./const.js";
+export { SUBSCRIBE_EVENTS };
+export type { SubscribeEvents } from "./events.js";
+export { PARAMS };
+export type { Params, ViewProps } from "./params.js";
+declare module "@vnejs/shared" {
+    interface VnePluginEventsMap extends Record<typeof PLUGIN_NAME, typeof SUBSCRIBE_EVENTS> {
+    }
+    interface VnePluginConstantsMap extends Record<typeof PLUGIN_NAME, typeof CONSTANTS> {
+    }
+    interface VnePluginParamsMap extends Record<typeof PLUGIN_NAME, typeof PARAMS> {
+    }
+}

package/dist/index.js

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

package/dist/params.d.ts

@@ -0,0 +1,116 @@
+import type { PositionBoxProps, WidenViewProps } from "@vnejs/uis.react.position-box";
+export declare const BACKGROUND: string;
+export declare const TRANSITION: number;
+export declare const ZINDEX: number;
+export declare const LOC_LABEL: string;
+declare const VIEW_PROPS_DEFAULT: {
+    readonly screen: {
+        readonly withBackgroundDark: true;
+        readonly withBackgroundBlur: false;
+        readonly transition: number;
+        readonly zIndex: number;
+    };
+    readonly close: {
+        readonly position: PositionBoxProps;
+        readonly props: {
+            readonly size: 60;
+        };
+    };
+    readonly controls: {
+        readonly position: PositionBoxProps;
+        readonly props: {
+            readonly flexDirection: "column";
+            readonly flexGap: 60;
+            readonly textSize: 96;
+        };
+    };
+    readonly items: {
+        readonly position: PositionBoxProps;
+        readonly wrap: {
+            readonly width: number;
+            readonly height: 450;
+            readonly top: 24;
+            readonly left: 24;
+            readonly right: 24;
+            readonly bottom: 24;
+            readonly topLeftSize: 36;
+            readonly topRightSize: 36;
+            readonly bottomLeftSize: 48;
+            readonly withHover: true;
+        };
+        readonly flex: {
+            readonly gap: 120;
+            readonly withWrap: true;
+            readonly width: string;
+        };
+    };
+    readonly pages: {
+        readonly position: PositionBoxProps;
+        readonly props: {};
+    };
+};
+export type ViewProps = WidenViewProps<typeof VIEW_PROPS_DEFAULT>;
+export declare const VIEW_PROPS: ViewProps;
+export declare const ROWS: number;
+export declare const COLUMNS: number;
+export declare const PAGES: number;
+export declare const AUDIO_NAME: string;
+declare const PARAMS_DEFAULT: {
+    BACKGROUND: string;
+    TRANSITION: number;
+    ZINDEX: number;
+    LOC_LABEL: string;
+    VIEW_PROPS: {
+        screen: {
+            withBackgroundDark: boolean;
+            withBackgroundBlur: boolean;
+            transition: number;
+            zIndex: number;
+        };
+        close: {
+            position: PositionBoxProps<unknown>;
+            props: {
+                size: number;
+            };
+        };
+        controls: {
+            position: PositionBoxProps<unknown>;
+            props: {
+                flexDirection: "column";
+                flexGap: number;
+                textSize: number;
+            };
+        };
+        items: {
+            position: PositionBoxProps<unknown>;
+            wrap: {
+                width: number;
+                height: number;
+                top: number;
+                left: number;
+                right: number;
+                bottom: number;
+                topLeftSize: number;
+                topRightSize: number;
+                bottomLeftSize: number;
+                withHover: boolean;
+            };
+            flex: {
+                gap: number;
+                withWrap: boolean;
+                width: string;
+            };
+        };
+        pages: {
+            position: PositionBoxProps<unknown>;
+            props: {};
+        };
+    };
+    ROWS: number;
+    COLUMNS: number;
+    PAGES: number;
+    AUDIO_NAME: string;
+};
+export type Params = WidenViewProps<typeof PARAMS_DEFAULT>;
+export declare const PARAMS: Params;
+export {};

package/dist/params.js

@@ -0,0 +1,28 @@
+import { getVneLength } from "@vnejs/uis.utils";
+export const BACKGROUND = "save";
+export const TRANSITION = 300;
+export const ZINDEX = 4000;
+export const LOC_LABEL = "saveLoad";
+const HORIZONTAL_MARGIN = 120;
+const TOP_MARGIN = 240;
+const [WRAP_COUNT, WRAP_LENGTH] = [5, 160];
+const WRAP_WIDTH = WRAP_COUNT * WRAP_LENGTH;
+const WRAP_GAP = 120;
+const VIEW_PROPS_DEFAULT = {
+    screen: { withBackgroundDark: true, withBackgroundBlur: false, transition: TRANSITION, zIndex: ZINDEX },
+    close: { position: { top: 90, right: HORIZONTAL_MARGIN }, props: { size: 60 } },
+    controls: { position: { top: TOP_MARGIN, left: HORIZONTAL_MARGIN }, props: { flexDirection: "column", flexGap: 60, textSize: 96 } },
+    items: {
+        position: { top: TOP_MARGIN, right: HORIZONTAL_MARGIN },
+        wrap: { width: WRAP_WIDTH, height: 450, top: 24, left: 24, right: 24, bottom: 24, topLeftSize: 36, topRightSize: 36, bottomLeftSize: 48, withHover: true },
+        flex: { gap: WRAP_GAP, withWrap: true, width: getVneLength(2 * WRAP_GAP + WRAP_COUNT * 3 * WRAP_LENGTH) },
+    },
+    pages: { position: { bottom: 120, right: HORIZONTAL_MARGIN }, props: {} },
+};
+export const VIEW_PROPS = VIEW_PROPS_DEFAULT;
+export const ROWS = 3;
+export const COLUMNS = 3;
+export const PAGES = 5;
+export const AUDIO_NAME = "";
+const PARAMS_DEFAULT = { BACKGROUND, TRANSITION, ZINDEX, LOC_LABEL, VIEW_PROPS, ROWS, COLUMNS, PAGES, AUDIO_NAME };
+export const PARAMS = PARAMS_DEFAULT;

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@vnejs/contracts.views.screens.save",
+  "version": "0.1.1",
+  "description": "Contracts for @vnejs/plugins.views.screens.save",
+  "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/shared": "~0.1.0",
+    "@vnejs/uis.utils": "~0.1.0",
+    "@vnejs/uis.react.position-box": "~0.1.0"
+  },
+  "devDependencies": {
+    "@vnejs/configs.ts-common": "~0.1.0"
+  }
+}

package/src/const.ts

@@ -0,0 +1,8 @@
+export const PAGE_TYPES = {
+  AUTOSAVE: "autosave",
+  SAVE: "save",
+  LOAD: "load",
+} as const;
+
+export const CONSTANTS = { PAGE_TYPES } as const;
+export type Constants = typeof CONSTANTS;

package/src/events.ts

@@ -0,0 +1,13 @@
+export const SUBSCRIBE_EVENTS = {
+  SHOW: "vne:save_view:show",
+  HIDE: "vne:save_view:hide",
+  PAGE_SET: "vne:save_view:page_set",
+  TYPE_SET: "vne:save_view:type_set",
+  CREATE: "vne:save_view:create",
+  DELETE: "vne:save_view:delete",
+  LOAD: "vne:save_view:load",
+  UPDATE: "vne:save_view:update",
+  PRELOAD: "vne:save_view:preload",
+} as const;
+
+export type SubscribeEvents = typeof SUBSCRIBE_EVENTS;

package/src/index.ts

@@ -0,0 +1,19 @@
+import "@vnejs/shared";
+import { CONSTANTS } from "./const.js";
+import { SUBSCRIBE_EVENTS } from "./events.js";
+import { PARAMS } from "./params.js";
+
+export const PLUGIN_NAME = "SAVE_VIEW" as const;
+export type PluginName = typeof PLUGIN_NAME;
+export { CONSTANTS };
+export type { Constants } from "./const.js";
+export { SUBSCRIBE_EVENTS };
+export type { SubscribeEvents } from "./events.js";
+export { PARAMS };
+export type { Params, ViewProps } from "./params.js";
+
+declare module "@vnejs/shared" {
+  interface VnePluginEventsMap extends Record<typeof PLUGIN_NAME, typeof SUBSCRIBE_EVENTS> {}
+  interface VnePluginConstantsMap extends Record<typeof PLUGIN_NAME, typeof CONSTANTS> {}
+  interface VnePluginParamsMap extends Record<typeof PLUGIN_NAME, typeof PARAMS> {}
+}

package/src/params.ts

@@ -0,0 +1,37 @@
+import { getVneLength } from "@vnejs/uis.utils";
+import type { PositionBoxProps, WidenViewProps } from "@vnejs/uis.react.position-box";
+
+export const BACKGROUND: string = "save";
+export const TRANSITION: number = 300;
+export const ZINDEX: number = 4000;
+export const LOC_LABEL: string = "saveLoad";
+
+const HORIZONTAL_MARGIN = 120;
+const TOP_MARGIN = 240;
+const [WRAP_COUNT, WRAP_LENGTH] = [5, 160];
+const WRAP_WIDTH = WRAP_COUNT * WRAP_LENGTH;
+const WRAP_GAP = 120;
+
+const VIEW_PROPS_DEFAULT = {
+  screen: { withBackgroundDark: true, withBackgroundBlur: false, transition: TRANSITION, zIndex: ZINDEX },
+  close: { position: { top: 90, right: HORIZONTAL_MARGIN } as PositionBoxProps, props: { size: 60 } },
+  controls: { position: { top: TOP_MARGIN, left: HORIZONTAL_MARGIN } as PositionBoxProps, props: { flexDirection: "column" as const, flexGap: 60, textSize: 96 } },
+  items: {
+    position: { top: TOP_MARGIN, right: HORIZONTAL_MARGIN } as PositionBoxProps,
+    wrap: { width: WRAP_WIDTH, height: 450, top: 24, left: 24, right: 24, bottom: 24, topLeftSize: 36, topRightSize: 36, bottomLeftSize: 48, withHover: true },
+    flex: { gap: WRAP_GAP, withWrap: true, width: getVneLength(2 * WRAP_GAP + WRAP_COUNT * 3 * WRAP_LENGTH) },
+  },
+  pages: { position: { bottom: 120, right: HORIZONTAL_MARGIN } as PositionBoxProps, props: {} },
+} as const;
+
+export type ViewProps = WidenViewProps<typeof VIEW_PROPS_DEFAULT>;
+export const VIEW_PROPS: ViewProps = VIEW_PROPS_DEFAULT;
+
+export const ROWS: number = 3;
+export const COLUMNS: number = 3;
+export const PAGES: number = 5;
+export const AUDIO_NAME: string = "";
+
+const PARAMS_DEFAULT = { BACKGROUND, TRANSITION, ZINDEX, LOC_LABEL, VIEW_PROPS, ROWS, COLUMNS, PAGES, AUDIO_NAME };
+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"]
+}