@vnejs/plugins.core.system 0.0.1

package/const/events.js

@@ -0,0 +1,13 @@
+export const SUBSCRIBE_EVENTS = {
+  STARTED: "vne:system:started",
+
+  RESIZE: "vne:system:resize",
+  RELOAD: "vne:system:reload",
+  FULLSCREEN: "vne:system:fullscreen",
+
+  CLOSE: "vne:system:close",
+  CLOSE_BEFORE: "vne:system:close_before",
+
+  FILE_LOAD: "vne:file:load",
+  FILE_READ: "vne:file:read",
+};

package/index.js

@@ -0,0 +1,9 @@
+import { regPlugin } from "@vnejs/shared";
+
+import { SUBSCRIBE_EVENTS } from "./const/events";
+
+import { File } from "./modules/file";
+import { Resize } from "./modules/resize";
+import { System } from "./modules/system";
+
+regPlugin("SYSTEM", { events: SUBSCRIBE_EVENTS }, [File, Resize, System]);

package/modules/file.js

@@ -0,0 +1,36 @@
+import { Module } from "@vnejs/module";
+
+export class File extends Module {
+  name = "file";
+
+  subscribe = () => {
+    this.on(this.EVENTS.SYSTEM.FILE_LOAD, this.onFileLoad);
+    this.on(this.EVENTS.SYSTEM.FILE_READ, this.onFileRead);
+  };
+
+  onFileLoad = ({ obj, name } = {}) => {
+    const dataStr = "data:text/json;charset=utf-8," + encodeURIComponent(JSON.stringify(obj));
+    const objectLink = document.createElement("a");
+    objectLink.style.display = "none";
+    objectLink.setAttribute("href", dataStr);
+    objectLink.setAttribute("download", name + ".json");
+    document.body.appendChild(objectLink);
+    objectLink.click();
+    objectLink.remove();
+  };
+
+  onFileRead = () =>
+    new Promise((resolve) => {
+      const fileInput = document.createElement("input");
+      fileInput.style.display = "none";
+      fileInput.setAttribute("type", "file");
+      fileInput.setAttribute("accept", ".json");
+      fileInput.onchange = async () => {
+        const textJson = await fileInput.files[0].text();
+        fileInput.remove();
+        resolve(JSON.parse(textJson));
+      };
+      document.body.appendChild(fileInput);
+      fileInput.click();
+    });
+}

package/modules/resize.js

@@ -0,0 +1,37 @@
+import { Module } from "@vnejs/module";
+
+const WIDTHS = [
+  3840, 3520, 3200, 2880, 2560, 2400, 2160, 2048, 1920, 1680, 1600, 1440, 1336, 1366, 1280, 1152, 1136, 1024, 960, 854,
+  640,
+];
+const HEIGHTS = [
+  2160, 1980, 1800, 1620, 1600, 1440, 1350, 1200, 1152, 1080, 1050, 900, 810, 800, 768, 720, 640, 576, 540, 480, 360,
+];
+
+export class Resize extends Module {
+  name = "resize";
+  rootElement = document.body;
+  subscribe = () => {
+    this.on(this.EVENTS.SYSTEM.RESIZE, this.onResize);
+  };
+  init = async () => {
+    const debounceFunc = await this.emitOne(this.EVENTS.VENDORS.DEBOUNCE, { func: this.emitResize, wait: 250 });
+    window.addEventListener("resize", debounceFunc);
+    await this.emitResize();
+  };
+
+  onResize = () => {
+    WIDTHS.forEach(this.setWidths);
+    HEIGHTS.forEach(this.setHeights);
+
+    // Баг в иос связанный с 100vh
+    document.documentElement.style.setProperty("--app-height", `${window.innerHeight}px`);
+    document.documentElement.style.setProperty("--app-width", `${window.innerWidth}px`);
+  };
+
+  emitResize = () => this.emit(this.EVENTS.SYSTEM.RESIZE);
+
+  setWidths = (width) => this.setClassName(window.innerWidth < width, `width_${width}`);
+  setHeights = (height) => this.setClassName(window.innerHeight < height, `height_${height}`);
+  setClassName = (condition, className) => this.rootElement.classList.toggle(className, condition);
+}

package/modules/system.js

@@ -0,0 +1,21 @@
+import { Module } from "@vnejs/module";
+
+export class System extends Module {
+  name = "system";
+
+  subscribe = () => {
+    this.on(this.EVENTS.SYSTEM.CLOSE, this.onClose);
+    this.on(this.EVENTS.SYSTEM.RELOAD, this.onReload);
+    this.on(this.EVENTS.SYSTEM.FULLSCREEN, this.onFullScreen);
+  };
+
+  onClose = async () => {
+    await this.emit(this.EVENTS.SYSTEM.CLOSE_BEFORE);
+    window.close();
+  };
+  onReload = async () => {
+    await this.emit(this.EVENTS.SYSTEM.CLOSE_BEFORE);
+    window.location.reload();
+  };
+  onFullScreen = () => (document.fullscreenElement ? document.exitFullscreen() : document.body.requestFullscreen());
+}

package/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "@vnejs/plugins.core.system",
+  "version": "0.0.1",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "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"
+  },
+  "author": "",
+  "license": "ISC",
+  "description": "",
+  "peerDependencies": {
+    "@vnejs/shared": "*",
+    "@vnejs/module": "*"
+  }
+}