@vnejs/plugins.core.system 0.0.1 → 0.1.0

package/index.d.ts

@@ -0,0 +1,15 @@
+import * as constants from "./const/const";
+import { SUBSCRIBE_EVENTS } from "./const/events";
+import { SETTINGS_KEYS } from "./const/settings";
+
+type SubscribeEventsType = typeof SUBSCRIBE_EVENTS;
+type SettingsKeysType = typeof SETTINGS_KEYS;
+type ConstantsType = typeof constants;
+
+const PLUGIN_NAME = "SYSTEM";
+
+declare global {
+  interface EVENTS {
+    [PLUGIN_NAME]: SubscribeEventsType;
+  }
+}

package/modules/resize.js

@@ -1,37 +1,49 @@
 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,
-];
+const HEIGHT = 2160;
+const WIDTH = 3840;
+const HEIGHT_ARRAY = [];
+const WIDTH_ARRAY = [];
+
+const kek = (i, value, arr) => {
+  if (value % i === 0) arr.push(i);
+  if (value / i < i) {
+    const maxLength = arr.length;
+
+    arr.forEach((_, j) => arr.push(Math.round(value / arr[maxLength - j - 1])));
+    arr.push(value);
+
+    return true;
+  }
+
+  return false;
+};
+
+for (let i = 2; ; i++) if (kek(i, HEIGHT, HEIGHT_ARRAY)) break;
+for (let i = 2; ; i++) if (kek(i, WIDTH, WIDTH_ARRAY)) break;
+
+const LENGTH_ARRAY = [...new Set([...HEIGHT_ARRAY, ...WIDTH_ARRAY]).values()].sort((i, j) => i - j);
 
 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);
+    window.addEventListener("resize", this.emitResize);
+
     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`);
+    LENGTH_ARRAY.forEach((len) =>
+      document.documentElement.style.setProperty(
+        `--vne-length-${len}`,
+        Math.min(Math.floor((len * window.innerHeight) / HEIGHT), Math.floor((len * window.innerWidth) / WIDTH)),
+      ),
+    );
   };
 
   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

@@ -11,10 +11,12 @@ export class System extends Module {
 
   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

@@ -1,9 +1,12 @@
 {
   "name": "@vnejs/plugins.core.system",
-  "version": "0.0.1",
+  "version": "0.1.0",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
+    "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"