@vnejs/plugins.views.cursor 0.1.2 → 0.1.4

package/dist/index.d.ts

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

package/dist/index.js

@@ -0,0 +1,5 @@
+import { regPlugin } from "@vnejs/shared";
+import { PLUGIN_NAME } from "@vnejs/plugins.views.cursor.contract";
+import { CursorController } from "./modules/controller.js";
+import { CursorView } from "./modules/view.js";
+regPlugin(PLUGIN_NAME, {}, [CursorController, CursorView]);

package/dist/modules/controller.d.ts

@@ -0,0 +1,13 @@
+import { ModuleController } from "@vnejs/module.components";
+import type { CursorViewPluginConstants, CursorViewPluginEvents, CursorViewPluginParams, CursorViewPluginSettings } from "../types.js";
+import type { CursorViewPluginState, CursorViewSetPayload } from "../utils/cursor.js";
+export declare class CursorController extends ModuleController<CursorViewPluginEvents, CursorViewPluginConstants, CursorViewPluginSettings, CursorViewPluginParams, CursorViewPluginState> {
+    name: string;
+    updateEvent: "vne:cursor:update";
+    subscribe: () => void;
+    onViewSet: ({ view }?: CursorViewSetPayload) => Promise<unknown[] | undefined>;
+    onMoved: () => Promise<unknown[]> | undefined;
+    onMemoryCleared: () => "" | Promise<unknown[] | undefined> | undefined;
+    changeView: (view?: string) => Promise<unknown[] | undefined>;
+    loadIconMedia: (view: string, type: string) => Promise<HTMLImageElement>;
+}

package/dist/modules/controller.js

@@ -0,0 +1,26 @@
+import { ModuleController } from "@vnejs/module.components";
+export class CursorController extends ModuleController {
+    name = "cursor.controller";
+    updateEvent = this.EVENTS.CURSOR.UPDATE;
+    subscribe = () => {
+        this.on(this.EVENTS.CURSOR.SHOW, this.onShow);
+        this.on(this.EVENTS.CURSOR.HIDE, this.onHide);
+        this.on(this.EVENTS.CURSOR.MOVED, this.onMoved);
+        this.on(this.EVENTS.CURSOR.VIEW_SET, this.onViewSet);
+        this.on(this.EVENTS.MEMORY.CLEARED, this.onMemoryCleared);
+    };
+    onViewSet = ({ view } = {}) => {
+        this.updateState({ view });
+        return this.changeView(view);
+    };
+    onMoved = () => this.updateStateAndViewFast({ x: this.globalState.cursor.x, y: this.globalState.cursor.y });
+    onMemoryCleared = () => this.state.view && this.changeView(this.state.view);
+    changeView = async (view = "") => {
+        const [mediaDefault, mediaHover] = await Promise.all([this.loadIconMedia(view, "default"), this.loadIconMedia(view, "pointer")]);
+        return this.updateStateAndViewFast({
+            srcDefault: mediaDefault.src,
+            srcPointer: mediaHover.src,
+        });
+    };
+    loadIconMedia = (view, type) => this.loadImageMedia(`cursor/${view}/${type}`, "icons", this.shared.settings[this.SETTINGS.LAYER.QUALITY]);
+}

package/dist/modules/view.d.ts

@@ -0,0 +1,9 @@
+import { ModuleView } from "@vnejs/module.components";
+import type { CursorViewPluginConstants, CursorViewPluginEvents, CursorViewPluginParams, CursorViewPluginSettings } from "../types.js";
+import type { CursorViewPluginState } from "../utils/cursor.js";
+export declare class CursorView extends ModuleView<CursorViewPluginEvents, CursorViewPluginConstants, CursorViewPluginSettings, CursorViewPluginParams, CursorViewPluginState> {
+    name: string;
+    updateEvent: "vne:cursor:update";
+    renderFunc: import("@vnejs/module.components").ViewRenderFunc<CursorViewPluginState>;
+    updateHandler: (state?: CursorViewPluginState | undefined) => Promise<void>;
+}

package/dist/modules/view.js

@@ -0,0 +1,8 @@
+import { ModuleView } from "@vnejs/module.components";
+import { render } from "../view/index.js";
+export class CursorView extends ModuleView {
+    name = "cursor.view";
+    updateEvent = this.EVENTS.CURSOR.UPDATE;
+    renderFunc = render;
+    updateHandler = this.onUpdateStoreComponent;
+}

package/dist/types.d.ts

@@ -0,0 +1,7 @@
+import type { ModuleComponentsConstants, ModuleComponentsEvents, ModuleComponentsParams, ModuleComponentsSettings } from "@vnejs/module.components";
+import type { PluginName as CursorPluginName, SubscribeEvents as CursorSubscribeEvents } from "@vnejs/plugins.controls.cursor.contract";
+import type { PluginName as MemoryPluginName, SubscribeEvents as MemorySubscribeEvents } from "@vnejs/plugins.core.memory.contract";
+export type CursorViewPluginEvents = ModuleComponentsEvents & Record<CursorPluginName, CursorSubscribeEvents> & Record<MemoryPluginName, MemorySubscribeEvents>;
+export type CursorViewPluginConstants = ModuleComponentsConstants;
+export type CursorViewPluginSettings = ModuleComponentsSettings;
+export type CursorViewPluginParams = ModuleComponentsParams;

package/dist/types.js

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

package/dist/utils/cursor.d.ts

@@ -0,0 +1,12 @@
+export type CursorViewPluginState = {
+    isShow: boolean;
+    isForce: boolean;
+    x?: number;
+    y?: number;
+    view?: string;
+    srcDefault?: string;
+    srcPointer?: string;
+};
+export type CursorViewSetPayload = {
+    view?: string;
+};

package/dist/utils/cursor.js

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

package/dist/view/index.d.ts

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

package/dist/view/index.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Cursor, createRenderFunc, useMemo, useStoreState } from "@vnejs/uis.react";
+const CursorViewComponent = ({ store, onMount }) => {
+    const { isShow = false, x = 0, y = 0, srcDefault = "", srcPointer = "" } = useStoreState(store, onMount);
+    const propsCursor = useMemo(() => ({ isShow, forceX: x, forceY: y, srcDefault, srcPointer }), [isShow, x, y, srcDefault, srcPointer]);
+    return _jsx(Cursor, { ...propsCursor });
+};
+export const render = createRenderFunc(CursorViewComponent);

package/package.json

@@ -1,17 +1,46 @@
 {
   "name": "@vnejs/plugins.views.cursor",
-  "version": "0.1.2",
-  "main": "index.js",
+  "version": "0.1.4",
+  "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.cursor.contract": "~0.0.1"
+  },
+  "peerDependencies": {
+    "@vnejs/module.components": "~0.0.1",
+    "@vnejs/plugins.controls.cursor.contract": "~0.0.1",
+    "@vnejs/plugins.core.components.contract": "~0.0.1",
+    "@vnejs/plugins.core.memory.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,7 @@
+import { regPlugin } from "@vnejs/shared";
+import { PLUGIN_NAME } from "@vnejs/plugins.views.cursor.contract";
+
+import { CursorController } from "./modules/controller.js";
+import { CursorView } from "./modules/view.js";
+
+regPlugin(PLUGIN_NAME, {}, [CursorController, CursorView]);

package/src/modules/controller.ts

@@ -0,0 +1,46 @@
+import { ModuleController } from "@vnejs/module.components";
+
+import type { CursorViewPluginConstants, CursorViewPluginEvents, CursorViewPluginParams, CursorViewPluginSettings } from "../types.js";
+import type { CursorViewPluginState, CursorViewSetPayload } from "../utils/cursor.js";
+
+export class CursorController extends ModuleController<
+  CursorViewPluginEvents,
+  CursorViewPluginConstants,
+  CursorViewPluginSettings,
+  CursorViewPluginParams,
+  CursorViewPluginState
+> {
+  name = "cursor.controller";
+
+  updateEvent = this.EVENTS.CURSOR.UPDATE;
+
+  subscribe = () => {
+    this.on(this.EVENTS.CURSOR.SHOW, this.onShow);
+    this.on(this.EVENTS.CURSOR.HIDE, this.onHide);
+    this.on(this.EVENTS.CURSOR.MOVED, this.onMoved);
+    this.on(this.EVENTS.CURSOR.VIEW_SET, this.onViewSet);
+    this.on(this.EVENTS.MEMORY.CLEARED, this.onMemoryCleared);
+  };
+
+  onViewSet = ({ view }: CursorViewSetPayload = {}) => {
+    this.updateState({ view });
+
+    return this.changeView(view);
+  };
+
+  onMoved = () => this.updateStateAndViewFast({ x: this.globalState.cursor.x, y: this.globalState.cursor.y });
+
+  onMemoryCleared = () => this.state.view && this.changeView(this.state.view);
+
+  changeView = async (view = "") => {
+    const [mediaDefault, mediaHover] = await Promise.all([this.loadIconMedia(view, "default"), this.loadIconMedia(view, "pointer")]);
+
+    return this.updateStateAndViewFast({
+      srcDefault: mediaDefault.src,
+      srcPointer: mediaHover.src,
+    });
+  };
+
+  loadIconMedia = (view: string, type: string) =>
+    this.loadImageMedia(`cursor/${view}/${type}`, "icons", this.shared.settings[this.SETTINGS.LAYER.QUALITY]);
+}

package/src/modules/view.ts

@@ -0,0 +1,20 @@
+import { ModuleView } from "@vnejs/module.components";
+
+import { render } from "../view/index.js";
+import type { CursorViewPluginConstants, CursorViewPluginEvents, CursorViewPluginParams, CursorViewPluginSettings } from "../types.js";
+import type { CursorViewPluginState } from "../utils/cursor.js";
+
+export class CursorView extends ModuleView<
+  CursorViewPluginEvents,
+  CursorViewPluginConstants,
+  CursorViewPluginSettings,
+  CursorViewPluginParams,
+  CursorViewPluginState
+> {
+  name = "cursor.view";
+
+  updateEvent = this.EVENTS.CURSOR.UPDATE;
+
+  renderFunc = render;
+  updateHandler = this.onUpdateStoreComponent;
+}

package/src/types.ts

@@ -0,0 +1,11 @@
+import type { ModuleComponentsConstants, ModuleComponentsEvents, ModuleComponentsParams, ModuleComponentsSettings } from "@vnejs/module.components";
+import type { PluginName as CursorPluginName, SubscribeEvents as CursorSubscribeEvents } from "@vnejs/plugins.controls.cursor.contract";
+import type { PluginName as MemoryPluginName, SubscribeEvents as MemorySubscribeEvents } from "@vnejs/plugins.core.memory.contract";
+
+export type CursorViewPluginEvents = ModuleComponentsEvents & Record<CursorPluginName, CursorSubscribeEvents> & Record<MemoryPluginName, MemorySubscribeEvents>;
+
+export type CursorViewPluginConstants = ModuleComponentsConstants;
+
+export type CursorViewPluginSettings = ModuleComponentsSettings;
+
+export type CursorViewPluginParams = ModuleComponentsParams;

package/src/utils/cursor.ts

@@ -0,0 +1,13 @@
+export type CursorViewPluginState = {
+  isShow: boolean;
+  isForce: boolean;
+  x?: number;
+  y?: number;
+  view?: string;
+  srcDefault?: string;
+  srcPointer?: string;
+};
+
+export type CursorViewSetPayload = {
+  view?: string;
+};

package/src/view/index.tsx

@@ -0,0 +1,24 @@
+import type { ViewRenderFunc } from "@vnejs/module.components";
+import type { ReactComponentProps } from "@vnejs/uis.react";
+import { Cursor, createRenderFunc, useMemo, useStoreState } from "@vnejs/uis.react";
+
+import type { CursorViewPluginConstants, CursorViewPluginEvents, CursorViewPluginParams, CursorViewPluginSettings } from "../types.js";
+import type { CursorViewPluginState } from "../utils/cursor.js";
+
+type CursorViewComponentProps = ReactComponentProps<
+  CursorViewPluginEvents,
+  CursorViewPluginConstants,
+  CursorViewPluginSettings,
+  CursorViewPluginParams,
+  CursorViewPluginState
+>;
+
+const CursorViewComponent = ({ store, onMount }: CursorViewComponentProps) => {
+  const { isShow = false, x = 0, y = 0, srcDefault = "", srcPointer = "" } = useStoreState<CursorViewPluginState>(store, onMount);
+
+  const propsCursor = useMemo(() => ({ isShow, forceX: x, forceY: y, srcDefault, srcPointer }), [isShow, x, y, srcDefault, srcPointer]);
+
+  return <Cursor {...propsCursor} />;
+};
+
+export const render: ViewRenderFunc<CursorViewPluginState> = createRenderFunc(CursorViewComponent);

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

@@ -1,6 +0,0 @@
-import { regPlugin } from "@vnejs/shared";
-
-import { CursorController } from "./modules/controller";
-import { CursorView } from "./modules/view";
-
-regPlugin("CURSOR_VIEW", {}, [CursorController, CursorView]);

package/modules/controller.js

@@ -1,32 +0,0 @@
-import { ModuleController } from "@vnejs/module.components";
-
-export class CursorController extends ModuleController {
-  name = "cursor.controller";
-
-  updateEvent = this.EVENTS.CURSOR.UPDATE;
-
-  subscribe = () => {
-    this.on(this.EVENTS.CURSOR.SHOW, this.onShow);
-    this.on(this.EVENTS.CURSOR.HIDE, this.onHide);
-    this.on(this.EVENTS.CURSOR.MOVED, this.onMoved);
-    this.on(this.EVENTS.CURSOR.VIEW_SET, this.onViewSet);
-    this.on(this.EVENTS.MEMORY.CLEARED, this.onMemoryCleared);
-  };
-
-  onViewSet = ({ view } = {}) => {
-    this.updateState({ view });
-
-    return this.changeView(view);
-  };
-  onMoved = () => this.updateStateAndViewFast({ x: this.globalState.cursor.x, y: this.globalState.cursor.y });
-
-  onMemoryCleared = () => this.state.view && this.changeView(this.state.view);
-
-  changeView = async (view) => {
-    const [mediaDefault, mediaHover, uid] = await Promise.all([this.loadIconMedia(view, "default"), this.loadIconMedia(view, "pointer")]);
-
-    return this.updateStateAndViewFast({ srcDefault: mediaDefault.src, srcPointer: mediaHover.src });
-  };
-
-  loadIconMedia = (view, type) => this.loadImageMedia(`cursor/${view}/${type}`, "icons", this.shared.settings[this.SETTINGS.LAYER.QUALITY]);
-}

package/modules/view.js

@@ -1,12 +0,0 @@
-import { ModuleView } from "@vnejs/module.components";
-
-import { render } from "../view";
-
-export class CursorView extends ModuleView {
-  name = "cursor.view";
-
-  updateEvent = this.EVENTS.CURSOR.UPDATE;
-
-  renderFunc = render;
-  updateHandler = this.onUpdateStoreComponent;
-}

package/view/index.jsx

@@ -1,17 +0,0 @@
-import { useEffect, useMemo, useState } from "react";
-import { createRoot } from "react-dom/client";
-
-import { Cursor } from "@vnejs/uis.react";
-
-const CursorView = ({ store, onMount } = {}) => {
-  const [{ isShow = false, x = 0, y = 0, srcDefault = "", srcPointer = "" }, setState] = useState({});
-
-  useEffect(() => store.subscribe(setState), []);
-  useEffect(() => void onMount(), []);
-
-  const propsCursor = useMemo(() => ({ isShow, forceX: x, forceY: y, srcDefault, srcPointer }), [isShow, x, y, srcDefault, srcPointer]);
-
-  return <Cursor {...propsCursor} />;
-};
-
-export const render = (props, root) => createRoot(root).render(<CursorView {...props} />);