@vnejs/contracts.views.screens.gallery 0.1.1

package/dist/events.d.ts

@@ -0,0 +1,13 @@
+export declare const SUBSCRIBE_EVENTS: {
+    readonly OPEN: "vne:gallery:open";
+    readonly CHECK: "vne:gallery:check";
+    readonly CLEAR: "vne:gallery:clear";
+    readonly SHOW: "vne:gallery:show";
+    readonly HIDE: "vne:gallery:hide";
+    readonly PAGE_SET: "vne:gallery:page_set";
+    readonly TYPE_SET: "vne:gallery:type_set";
+    readonly UPDATE: "vne:gallery:update";
+    readonly PRELOAD: "vne:gallery:preload";
+    readonly CHOOSE: "vne:gallery:choose";
+};
+export type SubscribeEvents = typeof SUBSCRIBE_EVENTS;

package/dist/events.js

@@ -0,0 +1,12 @@
+export const SUBSCRIBE_EVENTS = {
+    OPEN: "vne:gallery:open",
+    CHECK: "vne:gallery:check",
+    CLEAR: "vne:gallery:clear",
+    SHOW: "vne:gallery:show",
+    HIDE: "vne:gallery:hide",
+    PAGE_SET: "vne:gallery:page_set",
+    TYPE_SET: "vne:gallery:type_set",
+    UPDATE: "vne:gallery:update",
+    PRELOAD: "vne:gallery:preload",
+    CHOOSE: "vne:gallery:choose",
+};

package/dist/index.d.ts

@@ -0,0 +1,15 @@
+import "@vnejs/shared";
+import { SUBSCRIBE_EVENTS } from "./events.js";
+import { PARAMS } from "./params.js";
+export declare const PLUGIN_NAME: "GALLERY";
+export type PluginName = typeof PLUGIN_NAME;
+export { SUBSCRIBE_EVENTS };
+export type { SubscribeEvents } from "./events.js";
+export { PARAMS };
+export type { GalleryTab, GalleryTabContent, GalleryTabs, Params, ViewProps } from "./params.js";
+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,6 @@
+import "@vnejs/shared";
+import { SUBSCRIBE_EVENTS } from "./events.js";
+import { PARAMS } from "./params.js";
+export const PLUGIN_NAME = "GALLERY";
+export { SUBSCRIBE_EVENTS };
+export { PARAMS };

package/dist/params.d.ts

@@ -0,0 +1,115 @@
+import type { PositionBoxProps, WidenViewProps } from "@vnejs/uis.react.position-box";
+export type GalleryTabContent = {
+    check: string;
+    mediaType: string;
+    name: string;
+    fullName: string;
+};
+export type GalleryTab = {
+    locKey: string;
+    content: GalleryTabContent[];
+};
+export type GalleryTabs = Record<string, GalleryTab>;
+export declare const TABS: GalleryTabs;
+export declare const BACKGROUND: "save";
+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 zIndex: number;
+        readonly transition: number;
+    };
+    readonly close: {
+        readonly position: PositionBoxProps;
+        readonly svg: {
+            readonly size: 60;
+        };
+    };
+    readonly controls: {
+        readonly position: PositionBoxProps;
+        readonly controls: {
+            readonly flexDirection: "column";
+            readonly flexGap: 60;
+            readonly textSize: 96;
+        };
+    };
+    readonly items: {
+        readonly position: PositionBoxProps;
+        readonly flex: {
+            readonly gap: number;
+            readonly withWrap: true;
+            readonly width: number;
+        };
+        readonly stub: {
+            readonly width: number;
+            readonly height: number;
+        };
+        readonly item: {
+            readonly width: number;
+            readonly height: number;
+            readonly withHover: true;
+        };
+    };
+    readonly pages: {
+        readonly position: PositionBoxProps;
+    };
+};
+export type ViewProps = WidenViewProps<typeof VIEW_PROPS_DEFAULT>;
+export declare const VIEW_PROPS: ViewProps;
+export declare const ROWS: number;
+export declare const COLUMNS: number;
+declare const PARAMS_DEFAULT: {
+    TABS: GalleryTabs;
+    BACKGROUND: "save";
+    TRANSITION: number;
+    ZINDEX: number;
+    LOC_LABEL: string;
+    VIEW_PROPS: {
+        screen: {
+            withBackgroundDark: boolean;
+            zIndex: number;
+            transition: number;
+        };
+        close: {
+            position: PositionBoxProps<unknown>;
+            svg: {
+                size: number;
+            };
+        };
+        controls: {
+            position: PositionBoxProps<unknown>;
+            controls: {
+                flexDirection: "column";
+                flexGap: number;
+                textSize: number;
+            };
+        };
+        items: {
+            position: PositionBoxProps<unknown>;
+            flex: {
+                gap: number;
+                withWrap: boolean;
+                width: number;
+            };
+            stub: {
+                width: number;
+                height: number;
+            };
+            item: {
+                width: number;
+                height: number;
+                withHover: boolean;
+            };
+        };
+        pages: {
+            position: PositionBoxProps<unknown>;
+        };
+    };
+    ROWS: number;
+    COLUMNS: number;
+};
+export type Params = WidenViewProps<typeof PARAMS_DEFAULT>;
+export declare const PARAMS: Params;
+export {};

package/dist/params.js

@@ -0,0 +1,38 @@
+export const TABS = {};
+export const BACKGROUND = "save";
+export const TRANSITION = 300;
+export const ZINDEX = 4000;
+export const LOC_LABEL = "gallery";
+const [ITEM_WIDTH, ITEM_HEIGHT, ITEM_GAP] = [800, 450, 120];
+const VIEW_PROPS_DEFAULT = {
+    screen: { withBackgroundDark: true, zIndex: ZINDEX, transition: TRANSITION },
+    close: {
+        position: { right: 120, top: 90 },
+        svg: { size: 60 },
+    },
+    controls: {
+        position: { top: 240, left: 120 },
+        controls: { flexDirection: "column", flexGap: 60, textSize: 96 },
+    },
+    items: {
+        position: { top: 240, right: 120 },
+        flex: { gap: ITEM_GAP, withWrap: true, width: 2 * ITEM_GAP + 3 * ITEM_WIDTH },
+        stub: { width: ITEM_WIDTH, height: ITEM_HEIGHT },
+        item: { width: ITEM_WIDTH, height: ITEM_HEIGHT, withHover: true },
+    },
+    pages: { position: { bottom: 120, right: 120 } },
+};
+export const VIEW_PROPS = VIEW_PROPS_DEFAULT;
+export const ROWS = 3;
+export const COLUMNS = 3;
+const PARAMS_DEFAULT = {
+    TABS,
+    BACKGROUND,
+    TRANSITION,
+    ZINDEX,
+    LOC_LABEL,
+    VIEW_PROPS,
+    ROWS,
+    COLUMNS,
+};
+export const PARAMS = PARAMS_DEFAULT;

package/package.json

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

package/src/events.ts

@@ -0,0 +1,15 @@
+export const SUBSCRIBE_EVENTS = {
+  OPEN: "vne:gallery:open",
+  CHECK: "vne:gallery:check",
+  CLEAR: "vne:gallery:clear",
+
+  SHOW: "vne:gallery:show",
+  HIDE: "vne:gallery:hide",
+  PAGE_SET: "vne:gallery:page_set",
+  TYPE_SET: "vne:gallery:type_set",
+  UPDATE: "vne:gallery:update",
+  PRELOAD: "vne:gallery:preload",
+  CHOOSE: "vne:gallery:choose",
+} as const;
+
+export type SubscribeEvents = typeof SUBSCRIBE_EVENTS;

package/src/index.ts

@@ -0,0 +1,18 @@
+import "@vnejs/shared";
+
+import { SUBSCRIBE_EVENTS } from "./events.js";
+import { PARAMS } from "./params.js";
+
+export const PLUGIN_NAME = "GALLERY" as const;
+export type PluginName = typeof PLUGIN_NAME;
+
+export { SUBSCRIBE_EVENTS };
+export type { SubscribeEvents } from "./events.js";
+export { PARAMS };
+export type { GalleryTab, GalleryTabContent, GalleryTabs, Params, ViewProps } from "./params.js";
+
+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/params.ts

@@ -0,0 +1,65 @@
+import type { PositionBoxProps, WidenViewProps } from "@vnejs/uis.react.position-box";
+
+export type GalleryTabContent = {
+  check: string;
+  mediaType: string;
+  name: string;
+  fullName: string;
+};
+
+export type GalleryTab = {
+  locKey: string;
+  content: GalleryTabContent[];
+};
+
+export type GalleryTabs = Record<string, GalleryTab>;
+
+export const TABS: GalleryTabs = {};
+
+export const BACKGROUND = "save" as const;
+
+export const TRANSITION: number = 300;
+export const ZINDEX: number = 4000;
+
+export const LOC_LABEL: string = "gallery";
+
+const [ITEM_WIDTH, ITEM_HEIGHT, ITEM_GAP] = [800, 450, 120];
+
+const VIEW_PROPS_DEFAULT = {
+  screen: { withBackgroundDark: true, zIndex: ZINDEX, transition: TRANSITION },
+  close: {
+    position: { right: 120, top: 90 } as PositionBoxProps,
+    svg: { size: 60 },
+  },
+  controls: {
+    position: { top: 240, left: 120 } as PositionBoxProps,
+    controls: { flexDirection: "column" as const, flexGap: 60, textSize: 96 },
+  },
+  items: {
+    position: { top: 240, right: 120 } as PositionBoxProps,
+    flex: { gap: ITEM_GAP, withWrap: true, width: 2 * ITEM_GAP + 3 * ITEM_WIDTH },
+    stub: { width: ITEM_WIDTH, height: ITEM_HEIGHT },
+    item: { width: ITEM_WIDTH, height: ITEM_HEIGHT, withHover: true },
+  },
+  pages: { position: { bottom: 120, right: 120 } as PositionBoxProps },
+} 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;
+
+const PARAMS_DEFAULT = {
+  TABS,
+  BACKGROUND,
+  TRANSITION,
+  ZINDEX,
+  LOC_LABEL,
+  VIEW_PROPS,
+  ROWS,
+  COLUMNS,
+};
+
+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"]
+}