newhelper-js 2.1.7 → 2.1.8

package/newHelper.js

@@ -1,14 +1,15 @@
 /*
- * Перед вами код newHelper.js версии 2.1.7, он построен на базе фабрики
- * Которая начинается с Intl.newHelper=function(){...};
+ * Перед вами код newHelper.js версии 2.1.8,
+ * Фронтенд библиотека сверхлегких и мощных утилит.
+ * Библиотека построена на базе фабрики
+ * Которая начинается с Intl.newHelper=function(namespace){...};
  * Причина использоватся Intl.newHelper банально проста
  * Если я в 2.1.0 засирал глобалскоуп одной полу гибкой переменной
  * И парочкой addEventListener,
- * То почему бы не начать отказываться от засирания глобал скоупа как такового
+ * То почему бы не начать отказываться от засирания глобал скоупа
+ * при скачивании библиотеки как такового
  * И да, для инициализации ньюхелпера реально нужно писать
- * window.yourVariable = Intl.newHelper()
- * (Да, я рекомендую не бояться глобал скоупа, т.к. надеюсь
- *  что вы понимаете почему и зачем вы это читаете)
+ * Intl.newHelper(yourVar) чтобы newHelper появился в window.yourVar
  * 
  * Стиль комментариев
  * FIXME - странное поведение функции, которое желательно бы переделать
@@ -37,13 +38,14 @@
  *
  * Новые модули, готовятсяк релизу в 2.2
  * их апи может быть чуть чуть нестабильно
- * # - модуль ещё в планах:
- * link (пропатченный, см. _.link.get => dynamic)
+ * link (пропатченный, см. window[_].link.get => dynamic)
  * form
  * pipe/pipeAsync
- * drag (портирован из win)
- * #fade (будет портирован из win._animate)
- * #toast
+ * drag (портирован из win._initDrag)
+ * fade (портирован из win._animate)
+ * x10 (x window system - портирован и рефакторнут из кусков win)
+ * toast
+
  *
  * Модули, имена которых зарезервированы на 2.3++
  * не используйте их неймспейсы для плагинов:
@@ -54,9 +56,9 @@
  *
  * Плагины, новый паттерн который я хочу узаконить в 2.2
  * Это не _.use(), не _.plugins, не мутация прототипа
- * Простое назначение _.myPlugin = pluginFabric();
+ * Простое назначение _.myPlugin = pluginFabric(_);
  * (где _ это уже вызванная фабрика ядра)
- * Как предполагается работать? также как и Intl.newHelper()
+ * Как предполагается работать? также как и Intl.newHelper(namespace)
  * Фабрика плагина возвращает объект, метод, или класс, или что вам нужно
  * Вам для подключения плагина просто нужно дать плагину неймспейс внутри ядра
  * И вызвать фабрику, всё!
@@ -71,19 +73,22 @@
  *
  * А если вам нужны именно ньюхелпер таблицы
  * Будьте добры проверить исходники 2.1.6 на npm
- * Или пилите самодельные таблицы через innerHTML или _.html
+ * Или пилите самодельные таблицы через innerHTML или window[_].html
  * Что вам удобнее то и берите
  *
  * Я (MIOBOMB) хочу релизнуть 2.2 уже после 2.1.8,
- * ибо мне в идеале закончить тосты и Object Hub 0.97.4
+ * ибо мне в идеале закончить тосты и Object Hub 0.98
  */
 
+// deprecated!!
 /** @import { NewHelper } from './newHelper.d.ts' */
-Intl.newHelper=function() {
-	/** @type {NewHelper} */
-	let _ = {
+Intl.newHelper=function(_='_') {
+	if (!window[_])
+		window[_] = {};
+
+	window[_].ver = '2.1.8';
 
-	link: {
+	window[_].link = {
 		/*
 		 * МОДУЛЬ ССЫЛОК
 		 * Author: MIOBOMB (2023-2026)
@@ -99,6 +104,10 @@ Intl.newHelper=function() {
 		 * Но в теории на них можно повешать все модальные и прочие действия
 		 * 
 		 * !!!: в функции get() работает весь роутинг, в т.ч. вложенный для страниц
+		 * !!!: пожалуйста, относитесь к этому модулю не как к "компонентной модели"
+		 *      или что у вас там в реактивном вебе.
+		 *      А относитесь к нему как к серверному маршрутизатору,
+		 *      вы же ведь можете сделать красивые и адекватные маршруты.
 	   	 *
 		 * See also:
 		 * - https://developer.mozilla.org/en-US/docs/Web/API/History_API
@@ -137,47 +146,47 @@ Intl.newHelper=function() {
 			 * false = страница пишет свой адрес в ссылку
 			 */
 			// HMM: некоторые браузеры могут вызывать popstate и при реплейсе
-			if (!this._i) {
+			if (!window[_].link._i) {
 				// здесь происходит перенос команд при popstate
-				// читайте _.link.get() если хотите узнать почему
-				let newUrl='?' + [this.compile()[0],...this._cmd].join('&');
-				this._i=true;
+				// читайте window[_].link.get() если хотите узнать почему
+				let newUrl='?' + [window[_].link.compile()[0],...window[_].link._cmd].join('&');
+				window[_].link._i=true;
 				history.replaceState(null,null,newUrl);
-				this.get();
+				window[_].link.get();
 			} else
-				this._i=false;
+				window[_].link._i=false;
 		}, 
 		_cmd: [],
 		popInit: false,
 		_init() {
-			if (!this.popInit) {
-				window.addEventListener('popstate', ()=>this._pop());
-				this.popInit = true;
+			if (!window[_].link.popInit) {
+				window.addEventListener('popstate', ()=>window[_].link._pop());
+				window[_].link.popInit = true;
 			}
 		},
 
 		compile: (e=location.search)=>e.replace('?','').split('&'),
-		set(page, title = this.defTitle) {
+		set(page, title = window[_].link.defTitle) {
 			if (title) document.title = title;
-			if (!this._i) {
-				let link = this.compile();
+			if (!window[_].link._i) {
+				let link = window[_].link.compile();
 				link[0] = page;
 				history.pushState(null,null,'?'+link.join('&'));
 			}
-			this._i = false;
+			window[_].link._i = false;
 		},
 		add(cmd) {
-			let link = this.compile();
+			let link = window[_].link.compile();
 			if (!link.includes(cmd)) {
 				link.push(cmd);
-				this._cmd.push(cmd);
+				window[_].link._cmd.push(cmd);
 				history.replaceState(null,null,'?'+link.join('&'));
 			}
 		},
 		remove(cmd) {
-			let link = this.compile();
+			let link = window[_].link.compile();
 			if (link.includes(cmd)){
-				let c = this._cmd;
+				let c = window[_].link._cmd;
 				link.splice(link.indexOf(cmd),1);
 				c.splice(c.indexOf(cmd),1);
 				history.replaceState(null,null,'?'+link.join('&'));
@@ -185,7 +194,7 @@ Intl.newHelper=function() {
 		},
 
 		get() {
-			this._init();
+			window[_].link._init();
 			/*
 			 * Страницы бросают ошибку чтобы вызвать базовую страницу
 			 * Команды тем временем так не делают
@@ -195,12 +204,12 @@ Intl.newHelper=function() {
 			 * При popstate команды берутся из хранилища _cmd, вместо самой ссылки
 			 * Сделано это для переноса команд при прыжках по истории
 			 */
-			let links = this.compile(),
+			let links = window[_].link.compile(),
 				[ firstKey, fisrtValue ] = links[0].split('='),
 				cmds = links.slice(1);
 			try {
 				let route = firstKey.split('/'),
-					dir = this.actions,
+					dir = window[_].link.actions,
 					main = dir[firstKey];
 				if (!firstKey.includes('/')) {
 					main(fisrtValue);
@@ -268,22 +277,22 @@ Intl.newHelper=function() {
 					}
 				}
 			} catch (e) {
-				this.basePage();
+				window[_].link.basePage();
 				throw e;
 			}
-			this._cmd = cmds;
+			window[_].link._cmd = cmds;
 			cmds.forEach(cmdPre => {
 				let [ key, value ] = cmdPre.split('=');
-				let cmd = this.commands[key];
+				let cmd = window[_].link.commands[key];
 				if (cmd)
 					cmd(value);
 				else 
 					console.error(new Error(`command '${cmd}' doesn't exist!`))
 			});
 		},
-	},
+	};
 
-	lazy: {
+	window[_].lazy = {
 		/*
 		 * МОДУЛЬ ЛЕНИ
 		 * Author: MIOBOMB (2024-2026)
@@ -307,7 +316,7 @@ Intl.newHelper=function() {
 		load(url, ...args) {
 			/*
 			 * ...args передаются в Promise.resolve(args)
-			 * Это позволяет делать _.lazy.load('script.js', 'данные', 'для', 'колбека')
+			 * Это позволяет делать window[_].lazy.load('script.js', 'данные', 'для', 'колбека')
 			 * И потом в .then((a,b,c)=>...) получать эти аргументы
 			 * 
 			 * Тройное состояние скрипта в lazy.loaded:
@@ -318,7 +327,7 @@ Intl.newHelper=function() {
 			 * Это защита от двойной загрузки одного скрипта
 			 */
 			let key = url.split('?')[0], // отсекаем параметры, чтобы не дублировать
-				state = this.loaded;
+				state = window[_].lazy.loaded;
 			if (state[key] === true)
 				return Promise.resolve(args);
 			if (state[key] instanceof Promise)
@@ -351,22 +360,22 @@ Intl.newHelper=function() {
 					path = path[obj];
 				}
 				path[method] = (...a)=>
-					this._(script,fn).then(f=>f(...a));
+					window[_].lazy._(script,fn).then(f=>f(...a));
 			}
 		},
 		async _(scr, fn) {
 			let get = path => path.split('.').reduce((obj, key) => obj?.[key], window),
 				wrapper = get(fn);
 	
-			await this.load(scr); // await короче Promise.then
+			await window[_].lazy.load(scr); // await короче Promise.then
 	
 			if (wrapper !== get(fn))
 				return get(fn);
 			throw new Error(`Function ${fn} not loaded from ${scr}`);
 		},
-	},
+	};
 
-	lang: {
+	window[_].lang = {
 		/*
 		 * МОДУЛЬ ПЕРЕВОДОВ (l10n)
 		 * Author: MIOBOMB (2024-2026)
@@ -409,21 +418,21 @@ Intl.newHelper=function() {
 		// или сохранить оригинальное api на объекте
 		main: {},
 	
-		// FIXME: переделать на fetch для устранения связности
-		load: name => _.http.req('GET', _.lang.addr + name + '.json'),
-		parse: (packet, vars = _.lang.vars)=>
+		load: name => fetch(window[_].lang.addr + name + '.json')
+			.then(r => r.text()),
+		parse: (packet, vars = window[_].lang.vars)=>
 			// HMM: переделать под общий синтаксис типа {var}
 			packet.replace(/\+([^+]+)\+/g, (match, key)=>{
 				let v = vars[key];
 				return v !== undefined ? v : match;
 			}),
 		async replace(name){
-			const packet = await this.load(name);
-			this.main = JSON.parse(this.parse(packet)); // без замены языка нельзя начинать перевод
+			const packet = await window[_].lang.load(name);
+			window[_].lang.main = JSON.parse(window[_].lang.parse(packet)); // без замены языка нельзя начинать перевод
 	
-			for (let el of document.querySelectorAll(`[${this.attr}]`)) {
+			for (let el of document.querySelectorAll(`[${window[_].lang.attr}]`)) {
 				let key = el.dataset.trans,
-					text = this.main[key] || key,
+					text = window[_].lang.main[key] || key,
 					tag = el.tagName;
 	
 				if (tag === 'IMG')
@@ -433,7 +442,7 @@ Intl.newHelper=function() {
 				else
 					el.innerHTML = text;
 			}
-			// возвращаем для последующей обработки пакета, например для сохранения в _.storage
+			// возвращаем для последующей обработки пакета, например для сохранения в window[_].storage
 			return packet;
 		},
 	
@@ -441,33 +450,33 @@ Intl.newHelper=function() {
 		 * Получатели строки из пакета автоматически формируют HTML
 		 * Это позволяет заметно упростить работу с кодом
 		 * Вместо отдельного указания data-trans и lang.from
-		 * вы можете написать   `<h1${_.lang.text('yourKey')}/h1>`
-		 * А пришлось бы писать `<h1 data-trans="yourKey">${_.lang.from('yourKey')}</h1>`
+		 * вы можете написать   `<h1${window[_].lang.text('yourKey')}/h1>`
+		 * А пришлось бы писать `<h1 data-trans="yourKey">${window[_].lang.from('yourKey')}</h1>`
 		 * Согласитесь, и короче и удобнее ведь?
 		 * Не повторяйте моих ошибок и примите это как победу в лотерее
 		 * 
 		 * !!!: если ключа в пакете нету, будет выброшен warning
 		 */
 		attr:       ` data-trans`,
-		from:		i=>_.lang.main[i] || console.warn(`_.lang> ${i} is undefined`) || i,
+		from:		i=>window[_].lang.main[i] || console.warn(`window[_].lang> ${i} is undefined`) || i,
 	
-		text:		i=>_.lang.attr+`="${i}">${_.lang.from(i)}<`,
-		submit:		i=>_.lang.attr+`="${i}" value="${_.lang.from(i)}">`, // <input type=submit>
-		input:		i=>_.lang.attr+`="${i}" placeholder="${_.lang.from(i)}">`,
-		textarea:	i=>_.lang.attr+`="${i}" placeholder="${_.lang.from(i)}"><`,
-		img:		i=>_.lang.attr+`="${i}" src="${_.lang.from(i)}"`,
+		text:		i=>window[_].lang.attr+`="${i}">${window[_].lang.from(i)}<`,
+		submit:		i=>window[_].lang.attr+`="${i}" value="${window[_].lang.from(i)}">`, // <input type=submit>
+		input:		i=>window[_].lang.attr+`="${i}" placeholder="${window[_].lang.from(i)}">`,
+		textarea:	i=>window[_].lang.attr+`="${i}" placeholder="${window[_].lang.from(i)}"><`,
+		img:		i=>window[_].lang.attr+`="${i}" src="${window[_].lang.from(i)}"`,
 		winTitle(i) {
-			let text = this.from(i),
-				dataTrans = _.lang.attr[i]+`="${i}"`;
+			let text = window[_].lang.from(i),
+				dataTrans = window[_].lang.attr+`="${i}"`;
 			if (text == null || text == '') {
 				text = i;
 				dataTrans = '';
 			}
 			return `${dataTrans}>${text}<`;
 		},
-	},
+	};
 
-	http: {
+	window[_].http = {
 		/*
 		 * HTTP-КЛИЕНТ
 		 * Author: MIOBOMB (2024-2026)
@@ -494,7 +503,7 @@ Intl.newHelper=function() {
 	
 				xhr.open(method, url);
 	
-				let allHeaders = { ...this.defaultHeaders, ...headers };
+				let allHeaders = { ...window[_].http.defaultHeaders, ...headers };
 				for (let header in allHeaders)
 					xhr.setRequestHeader(header, allHeaders[header]);
 	
@@ -522,18 +531,18 @@ Intl.newHelper=function() {
 			});
 		},
 		get: (url, headers={})=>
-			_.http.req('GET', url, false, headers),
+			window[_].http.req('GET', url, false, headers),
 		post: (url, data = '', headers = {}, fileProgressElement = false)=>
-			_.http.req('POST', url, data, headers, fileProgressElement)
-	},
+			window[_].http.req('POST', url, data, headers, fileProgressElement)
+	};
 
-	html(strs, ...args) {
+	window[_].html = function(strs, ...args) {
 		/*
 		 * Шаблонные строки в DOM
 		 * Author: MIOBOMB (2026)
 		 * Last patch: 2.1.4
 		 * 
-		 * Позволяет писать _.html`<div>${content}</div>`
+		 * Позволяет писать window[_].html`<div>${content}</div>`
 		 * И получать настоящий DOM-элемент, а не строку
 		 * 
 		 * Почему через template?
@@ -543,6 +552,7 @@ Intl.newHelper=function() {
 		 * - Банально удобнее createElement для сложных древ
 		 *
 		 * HMM: проверить производительность этого генератора dom
+		 * HMM: проверить факт о "защите от xss" из-за on* атрибутов
 		 *
 		 * See also:
 		 * - https://developer.mozilla.org/en-US/docs/Web/API/HTMLTemplateElement
@@ -578,9 +588,9 @@ Intl.newHelper=function() {
 		if (content.children.length === 1)
 			return content.firstChild;
 		return content;
-	},
+	};
 
-	pipe(data, ...fns) {
+	window[_].pipe = function(data, ...fns) {
 		/*
 		 * КАСТОМНЫЙ PIPE ОПЕРАТОР
 		 * Author: MIOBOMB (2026)
@@ -595,9 +605,9 @@ Intl.newHelper=function() {
 		for (const fn of fns)
 			data = fn(data);
 		return data;
-	},
+	};
 
-	async pipeAsync(data, ...fns) {
+	window[_].pipeAsync = async function(data, ...fns) {
 		/*
 		 * КАСТОМНЫЙ PIPE ОПЕРАТОР 2
 		 * Author: MIOBOMB (2026)
@@ -615,9 +625,9 @@ Intl.newHelper=function() {
 			data = await fn(waiter);
 		}
 		return data;
-	},
+	};
 
-	form: { // TS DONE HMM no
+	window[_].form = { // TS DONE HMM no
 		/*
 		 * АВТОСОХРАНЕНИЕ ФОРМ
 		 * Author: MIOBOMB (2026)
@@ -672,9 +682,9 @@ Intl.newHelper=function() {
 			});
 			return data;
 		},
-	},
+	};
 
-	storage: class {
+	window[_].storage = class {
 		/* 
 		 * ИЗОЛЯТОР ХРАНИЛИЩ
 		 * Author: MIOBOMB (2024-2026)
@@ -690,21 +700,21 @@ Intl.newHelper=function() {
 		 * - https://developer.mozilla.org/en-US/docs/Web/API/Storage
 		 */
 		constructor(storage, name) {
-			this._ = storage;
+			this.s = storage;
 			this.n = name;
 		}
 		get = key=>
-			this._.getItem(this.n + key);
+			this.s.getItem(this.n + key);
 		set = (key, value)=>
-			this._.setItem(this.n + key, value);
+			this.s.setItem(this.n + key, value);
 		remove = key=>
-			this._.removeItem(this.n + key);
-		clear = ()=>Object.keys(this._)
+			this.s.removeItem(this.n + key);
+		clear = ()=>Object.keys(this.s)
 			.filter(k => k.startsWith(this.n))
-				.forEach(k => this._.removeItem(k));
-	},
+				.forEach(k => this.s.removeItem(k));
+	};
 
-	err: {
+	window[_].err = {
 		/* 
 		 * МОДУЛЬ ОШИБОК
 		 * Author: MIOBOMB (2024-2026)
@@ -721,33 +731,33 @@ Intl.newHelper=function() {
 		 * - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Error
 		 */
 		init() {
-			window.addEventListener('error',_.err.handleGlobal);
-			window.addEventListener('unhandledrejection',_.err.handleRejection);
+			window.addEventListener('error',window[_].err.handleGlobal);
+			window.addEventListener('unhandledrejection',window[_].err.handleRejection);
 		},
 		print: (cnt,e)=>console.error(e),
 	
 		errors: {},
 		_c: 0,
 		log(err) {
-			_.err.print(_.err._c,err);
-			_.err._c++;
-			_.err.errors[_.err._c]=err;
+			window[_].err.print(window[_].err._c,err);
+			window[_].err._c++;
+			window[_].err.errors[window[_].err._c]=err;
 		},
 		handleGlobal(message,source,line,column,error){
 			console.error(message,source+':'+line+':'+column,error)
-			_.err.log(message + `\n IN ${source} ON LINE ${line} IN COLUMN ${column}`);
+			window[_].err.log(message + `\n IN ${source} ON LINE ${line} IN COLUMN ${column}`);
 		},
 		handleRejection(e){
 			const err = e.reason || e;
 			console.error(err);
-			_.err.log(
+			window[_].err.log(
 				`PROMISE ERROR\n`+
 				`${e.stack || e}`
 			);
 		},
-	},
+	};
 
-	hotkeys: {
+	window[_].hotkeys = {
 		/*
 		 * ГОРЯЧИЕ КЛАВИШЫ
 		 * Author: MIOBOMB (2025-2026)
@@ -785,18 +795,18 @@ Intl.newHelper=function() {
 		_parse: combo => combo.split('+').map(k=>k.trim()),
 		_match(keys) {
 			// Нужно сверять все клавишы, это же КОМБИНАЦИЯ а не отдельные куски
-			for (let k of keys) if (!this._holds.has(k)) return false;
+			for (let k of keys) if (!window[_].hotkeys._holds.has(k)) return false;
 			return true;
 		},
 		_init() {
-			if (this._)
+			if (window[_].hotkeys._)
 				return;
 			document.addEventListener('keydown', e=>{
-				this._holds.add(e.code);// key зависит от раскладки (на Qwerty 'KeyZ' — это 'z', на Йцукен — 'я')
+				window[_].hotkeys._holds.add(e.code);// key зависит от раскладки (на Qwerty 'KeyZ' — это 'z', на Йцукен — 'я')
 				// code даёт физическое положение клавиши, что важно для игр и хоткеев, и в целом универсальнее
 	
-				for (let hotkey of this.keys.values()) {
-					if (!this._match(hotkey.keys))
+				for (let hotkey of window[_].hotkeys.keys.values()) {
+					if (!window[_].hotkeys._match(hotkey.keys))
 						continue;
 					if (hotkey.press && !hotkey.active) {
 						hotkey.active = true; // active защищает от множественных срабатываний
@@ -805,10 +815,10 @@ Intl.newHelper=function() {
 				}
 			});
 			document.addEventListener('keyup', e=>{
-				this._holds.delete(e.code);
+				window[_].hotkeys._holds.delete(e.code);
 	
-				for (let hotkey of this.keys.values()) {
-					if (hotkey.active && !this._match(hotkey.keys)) {
+				for (let hotkey of window[_].hotkeys.keys.values()) {
+					if (hotkey.active && !window[_].hotkeys._match(hotkey.keys)) {
 						hotkey.active=false;
 						hotkey.release(e);
 					}
@@ -819,21 +829,21 @@ Intl.newHelper=function() {
 				 * При переключении в другое окно автоматического keyup не будет
 				 * Поэтому сбрасываем всё принудительно, мало ли
 				 */
-				for (let hotkey of this.keys.values()) {
+				for (let hotkey of window[_].hotkeys.keys.values()) {
 					if (hotkey.active) {
 						hotkey.active = false;
 						hotkey.release();
 					}
 				}
-				this._holds.clear();
+				window[_].hotkeys._holds.clear();
 			});
-			this._=true;
+			window[_].hotkeys._=true;
 		},
 		on(combo, press, release) {
-			this._init();
-			let keys = this._parse(combo);
+			window[_].hotkeys._init();
+			let keys = window[_].hotkeys._parse(combo);
 	
-			this.keys.set(combo, {
+			window[_].hotkeys.keys.set(combo, {
 				keys,
 				// press/releace по умолчанию пустышки для сокращения синаксиса
 				press: press || (()=>{}),
@@ -844,12 +854,12 @@ Intl.newHelper=function() {
 			return this;
 		},
 		off(combo) {
-			this.keys.delete(combo);
+			window[_].hotkeys.keys.delete(combo);
 			return this;
 		},
-	},
+	};
 
-	drag: {
+	window[_].drag = {
 		/* МОДУЛЬ ДРАГГЕРА
 		 * Author: MIOBOMB (2023-2026)
 		 * Last patch: 2.1.7
@@ -866,6 +876,10 @@ Intl.newHelper=function() {
 		 * А последний взятый элемент сильно фризит
 		 * Я что зря делал проброс nginx'а на 192.168.0.*?
 		 * Непорядок
+		 * HMM:
+		 * оставить сломанный мультитач потому что
+		 * мне лень его чинить + наврядли кто то
+		 * всерьёз будет двигать много элементов за раз
 		 *
 		 * See also:
 		 * - https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/clientX
@@ -884,11 +898,11 @@ Intl.newHelper=function() {
 			let start=e=>{
 				// Проверяем куда нажали, если бы мы не проверяли,
 				// То драггер не дал бы нам нажать на кнопки или изменить имя окна
-				if (this.prevent(e)) return;
+				if (window[_].drag.prevent(e)) return;
 	
 				e.preventDefault();
 	
-				this.active.set(e.pointerId,{
+				window[_].drag.active.set(e.pointerId,{
 					x:e.clientX,
 					y:e.clientY,
 					mover:mover,
@@ -897,11 +911,11 @@ Intl.newHelper=function() {
 	
 				onStart?.(e);
 			};
-			if (!this._i) {
-				document.addEventListener("pointermove", (e) => this.move(e));
-				document.addEventListener("pointerup", (e) => this.stop(e));
-				document.addEventListener("pointercancel", (e) => this.stop(e));
-				this._i = true;
+			if (!window[_].drag._i) {
+				document.addEventListener("pointermove", (e) => window[_].drag.move(e));
+				document.addEventListener("pointerup", (e) => window[_].drag.stop(e));
+				document.addEventListener("pointercancel", (e) => window[_].drag.stop(e));
+				window[_].drag._i = true;
 			}
 			dragger.onpointerdown=start;
 			// превентим touchmove событие чтобы не было проблем
@@ -909,7 +923,7 @@ Intl.newHelper=function() {
 			dragger.ontouchmove=e=>e.preventDefault();
 		},
 		move(e) {
-			let p=this.active.get(e.pointerId);
+			let p=window[_].drag.active.get(e.pointerId);
 			if(!p) return;
 			e.preventDefault();
 	
@@ -924,20 +938,206 @@ Intl.newHelper=function() {
 			mov.style.left=(mov.offsetLeft - dx)+"px";
 		},
 		stop(e) {
-			this.active.get(e.pointerId)?.onStop?.(e);
-			this.active.delete(e.pointerId);
+			window[_].drag.active.get(e.pointerId)?.onStop?.(e);
+			window[_].drag.active.delete(e.pointerId);
+		},
+	};
+
+	window[_].fade = function(elem, anim, actAfter = ()=>{}) {
+		if (!anim)
+			return actAfter();
+		elem.classList.add(anim);
+		elem.addEventListener('animationend', ()=>{
+			elem.classList.remove(anim);
+			actAfter();
+		}, { once: true });
+	};
+
+	window[_].x10 = {
+		/*
+		 * МОДУЛЬ ОКОН (РЕАЛЬНЫЙ)
+		 * Author: MIOBOMB (2026)
+		 * Last patch: 2.1.8
+		 * 
+		 * Помните прошлый и уродливый win?
+		 * Я теперь понял что насрал говна и решил подсмотреть
+		 * архитектуру у гениев своего времени.
+		 * По итогу я создал это чудо юдо чтобы поверх него строить "оконные менеджеры"!
+		 * Прошлый модуль win все ещё останется рабочим и возможно
+		 * будет встроенным wm как это сделано в реальных иксах с toms window manager.
+		 * В отличии от реального x.org у меня будет реализована возможность
+		 * исполнять несколько оконных менеджеров в одной сессии,
+		 * нужно мне это чтобы модуль toast мог просто создавать для каждого
+		 * инстанса тостов свой очень тонкий wm.
+		 *
+		 * СОСТОЯНИЯ ОКОН
+		 * Это вообще отдельная тема, которую мне стоит осветить особенно от x10.
+		 * Дело в том, что я вам дарую свободу обзывать и вешать в состояния окон
+		 * всё что вам вздумается! Только пожалуйста, давайте не будем творить что попало
+		 * и мы примим этот "контракт" о выдаче названий состояний окон:
+		 *
+		 * opened - окно открыто и видно
+		 * hidened - окно скрыто
+		 * opening - окно в анимации открытия
+		 * hiding - окно в анимации сворачивания
+		 * showing - окно в анимации разворачивания
+		 * moving - окно в анимации движения
+		 * closing - окно входит в анимацию закрытия и скоро умрёт
+		 *
+		 * Да, я сам эти состояния пока не использую в win, но к какой нибуть 2.4
+		 * я начну над этим работать
+		 * FIXME: прописать newHelper win адекватную работу со всеми состояниями
+		 * FIXME: создать x10.iterate функцию
+		 *
+		 * !!!: это x.org! Тупая софтина которая просто хранит окна и плюёт события!
+		 *      Управлять окнами и DOM'ом окон все ещё будет оконный менеджер!
+		 * 
+		 * See also:
+		 * - https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent/CustomEvent
+		 * - https://en.wikipedia.org/wiki/X_Window_System (будет полезно понимать)
+		 */
+		busName: 'xws:',
+
+		generateId() {
+			let id;
+			// Создаём случайный 6 символьный айди, чтобы каждый раз не совпадало
+			// !!!: в теории можно задать любой айди
+			// HMM: проверить при скольки окнах генератор начинает тормозить
+			do id=Math.random().toString(36).substring(2,8);
+			while (window[_].wins[id]);
+			//while (window[_].wins.has(id));
+			return id;
+		},
+
+		// метод spit() публичный, если вам нужны какие то
+		// специфичные события для вашего WM - пожалуйста
+		// HMM: дать ли ему нормальное название или нет
+		spit(evName, data) {
+			let event = new CustomEvent(window[_].x10.busName + evName, data)
+			document.dispatchEvent(event);
+		},
+
+		create(name, patcher) {
+			let winId = window[_].x10.generateId(),
+				state = {
+					id: winId,
+					name: name,
+					state: 'opened',
+					wm: '',
+				};
+	
+			// оконные менеджеры могут вешать свои флаги в окна
+			Object.assign(state, patcher);
+			window[_].wins[winId] = state;
+			window[_].x10.spit('created', window[_].wins[winId]);
+	
+			return window[_].wins[winId];
 		},
-	},
 
-	win:{
+		get(winId) {
+			return window[_].wins[winId];
+		},
+
+		// vim ciw отсылка лол
+		ciw(winId, attr, value, events = false) {
+			let winData = window[_].wins[winId];
+			winData[attr] = value;
+			if (events) {
+				window[_].x10.spit('patched', {[attr]: value});
+				window[_].x10.spit('patched:' + attr, value);
+			}
+		},
+
+		setState(winId, state) {
+			let winData = window[_].wins[winId];
+			winData.state = state;
+			window[_].x10.spit('state:' + state, winData);
+			return winData;
+		},
+
+		destroy(winId) {
+			window[_].x10.spit('destroyed', window[_].wins[winId]);
+			delete window[_].wins[winId];
+		},
+	};
+
+	window[_].toast = class {
+		/* 
+		 * МОДУЛЬ УВЕДОМЛЕНИЙ
+		 * Author: MIOBOMB (2026)
+		 * Last patch: 2.1.8
+		 * 
+		 * Является фабрикой оконных менеджеров, работает по такому принципу:
+		 * errAlert = new window[_].toast('error', DOMelem)
+		 * okAlert = new window[_].toast('ok', DOMelem)
+		 * loadingAnim = new window[_].toast('loading', DOMelem, 0)
+		 *
+		 * Сам тонкий оконный менеджер крайне примитивный и простой,
+		 * но для тостов обычно большего и не надо.
+		 * 
+		 * Вы также можете переопределить метод generateDOM
+		 * под ваши нужны. В целом, это безопасно если иметь меру.
+		 * в Object hub это уже используется повсеместно.
+		 *
+		 * !!!:
+		 * если duration = 0 то тост будет закрыт только при вызове close()
+		 * !!!:
+		 * не вешайте manager'ом document.body!
+		 * управление позицией окон отдано на откуп DOM и CSS,
+		 * вам придётся настроить элемент менеджера и классы или стили
+		 * тостов, чтобы они позиционировались адекватно
+		 */
+	
+		constructor(name, manager, duration = 3000, attrs = '', animOpen = '', animClose = '') {
+			this.name = name;
+			this.wm = 'newHelper-toast-' + this.name;
+			this.manager = manager;
+			this.duration = duration;
+			this.attrs = attrs;
+			this.animOpen = animOpen;
+			this.animClose = animClose;
+		}
+		generateDOM = (wId,content) => `<div style=overflow:auto;width:100%;height:100%>${content}</div>`.replace(/\{winId\}/g,wId)
+
+		open(content = '') {
+			let winState = window[_].x10.create(this.name, { wm: this.wm }),
+			wId = winState.id,
+			html = window[_].html`<div id=${wId} ${this.attrs}>
+					<div style="display:flex;justify-content:space-between;align-items:center">
+						${this.generateDOM(wId, content)}
+					</div>
+				</div>`;
+			window[_].fade(html, this.animOpen);
+			this.manager.append(html);
+	
+			// сохраним ссылку на dom чтобы достать её в close()
+			// HMM: а может писать в this.elem
+			window[_].x10.ciw(wId, 'elem', document.getElementById(wId));
+	
+			if (this.duration > 0)
+				setTimeout(() => this.close(wId), this.duration)
+		}
+		close(winId) {
+			let win = window[_].x10.get(winId), w;
+			if (!win || win.wm !== this.wm)
+				return;
+			w = win.elem;
+			window[_].fade(w, this.animClose, ()=>{
+				w.remove();
+				window[_].x10.destroy(winId);
+			});
+		}
+	};
+
+	window[_].win = {
 		/* 
 		 * МОДУЛЬ ОКОН
 		 * Author: MIOBOMB (2023-2026)
-		 * Last patch: 2.1.7
+		 * Last patch: 2.1.8
 		 *
 		 * если вы спросите почему ньюхелпер я отвечу
-		 * winBox.js это 35 килобайт, здесь же вы получаете в 25 килобайт
-		 * И более широкий движок окон и документацию уровня...
+		 * winBox.js это 35 килобайт, здесь же вы получаете в 65 килобайт
+		 * И более мощный движок окон и документацию уровня...
 		 * А у кого нибуть вообще есть такие подробные документации в вебе?
 		 * 
 		 * Реализует ограниченно-гибкий движок окон, функционал:
@@ -948,6 +1148,7 @@ Intl.newHelper=function() {
 		 * - сохранение и загрузка окон по вашему выбору
 		 * 
 		 * теперь мне надо вспомнить я рефакторил этот код 4 раза или 7 раз
+		 * 25:06:2026 - Вспомнил! раз 6 точно, +x10 значит это уже 7 раз
 		 *
 		 * !!!: _opn() и toggleFull() могут сломать ваши окна!
 		 *      Эти функции высчитывают координаты окна, и размер окна с учётом padding'а
@@ -960,9 +1161,9 @@ Intl.newHelper=function() {
 		 *
 		 * FIXME: вынести lang.winTitle из переводов для устранения "связности" кода
 		 *
-		 * FIXME: придумать что делать с переездом _.wins на new Map
+		 * FIXME: придумать что делать с переездом window[_].wins на new Map
 		 * я уже пробовал перенос на мапу и результат...
-		 * но у меня сломались все окна в object hub'е
+		 * у меня сломались все окна в object hub'е
 		 * по этому пусть пока хоть до 2.5 будет объект
 		 * 
 		 * See also:
@@ -977,6 +1178,7 @@ Intl.newHelper=function() {
 		 * - html модуль
 		 * - lang.winTitle функция
 		 * - drag модуль
+		 * - x10 подсистема
 		 */
 		manager:false,
 		hider:false,
@@ -1002,51 +1204,25 @@ Intl.newHelper=function() {
 		animFullOn:'',
 		animFullOff:'',
 	
-		_animate(elem, anim, actAfter = ()=>{}, actPre = ()=>{}) {
-			if (anim) {
-				elem.classList.add(anim);
-				actPre();
-				elem.addEventListener('animationend', ()=>{
-					elem.classList.remove(anim);
-					actAfter();
-				}, { once: true });
-			} else {
-				actPre();
-				actAfter();
-			}
-		},
-
-		_ID(){
-			let id;
-			// Создаём случайный 6 символьный айди, чтобы каждый раз не совпадало
-			// !!!: в теории можно задать любой айди
-			// HMM: проверить при скольки окнах генератор начинает тормозить
-			do id=Math.random().toString(36).substring(2,8);
-			while (_.wins[id]);
-			//while (_.wins.has(id));
-			return id;
-		},
+	
 		_winBtn(win,text,func){
-			let b=_.html`<button ${this.btnAttrs}>${text}</button>`;
+			let b=window[_].html`<button ${window[_].win.btnAttrs}>${text}</button>`;
 			b.addEventListener('click',()=>func(win));
 			return b;
 		},
 		_hiderBtn(win){
-			let title=win.langs!== false ? _.lang.winTitle(_.win.text+win.langs) : `>${win.name}<`,
-				b=_.html`<button id=hider${win.id} ${this.hiderAttrs}${title}/button>`;
-			b.addEventListener('click',()=>this.show(win));
+			let title=win.langs!== false ? window[_].lang.winTitle(window[_].win.text+win.langs) : `>${win.name}<`,
+				b=window[_].html`<button id=hider${win.id} ${window[_].win.hiderAttrs}${title}/button>`;
+			b.addEventListener('click',()=>window[_].win.show(win));
 			return b;
 		},
-
 		_initWin: winState=>
-			_.drag.init(winState.drag, winState.elem, ()=>_.win.manager.appendChild(winState.elem)),
+			window[_].drag.init(winState.drag, winState.elem, ()=>window[_].win.manager.appendChild(winState.elem)),
+
 		open(name,content='',customAttrs=''){
-			let winId=this._ID(),
-			winState={
-				id:winId,
-				name:name,
+			let winState = {
+				wm: 'newHelper-win',
 				langs:name,
-				state:'opened',
 				full:false,
 				inRename:false,
 				// Если окно новое, координаты полностью нулевые, 
@@ -1056,49 +1232,58 @@ Intl.newHelper=function() {
 				elem:false,
 				drag:false,
 				content:false,
-			};
-			return this._opn(winState,content);
+	
+				setTitle(nT)	{window[_].win.setTitle(this,nT)},
+				toggleFull(e)	{window[_].win.toggleFull(this)},
+				close(e)		{window[_].win.close(this)},
+				hide(e)			{window[_].win.hide(this)},
+				show(e)			{window[_].win.show(this)},
+			},
+			winData = window[_].x10.create(name, winState);
+			return window[_].win._opn(winData,content);
 		},
 		_opn(winState,content=''){
-			if (!this.manager || !this.hider) throw new Error('Window managers not inited');
-	
+			// эти проверки жрут драгоценные байты
+			// if (!window[_].win.manager || !window[_].win.hider) throw new Error('Window managers not inited');
 			let wId=winState.id,
 				html=
-				_.html`<div id=${wId} ${this.winAttrs} ${winState.attrs}>
+				window[_].html`<div id=${wId} ${window[_].win.winAttrs} ${winState.attrs}>
 					<div style="display:flex;justify-content:space-between;align-items:center"
-					${this.dragAttrs} id=DRAGGER${wId}>
-						<span ${this.titleAttrs} id=title${wId}${_.lang.winTitle(_.win.text+winState.name)}/span>
+					${window[_].win.dragAttrs} id=DRAGGER${wId}>
+						<span ${window[_].win.titleAttrs} id=title${wId}${window[_].lang.winTitle(window[_].win.text+winState.name)}/span>
 						<div id=btns${wId}></div>
 					</div>
 					<div id=content${wId} style=overflow:auto;width:100%;height:100%>
 						${content.replace(/\{winId\}/g,wId)}
 					</div>
 				</div>`,
-				btns=html.querySelector(`#btns${wId}`);
-			for(let b of this.defBtns) btns.append(this._winBtn(winState,...b));
-			html.style.overflow='hidden';
-			html.style.resize='both';
+				btns = html.querySelector(`#btns${wId}`);
+			for(let b of window[_].win.defBtns) btns.append(window[_].win._winBtn(winState,...b));
+			html.style.overflow = 'hidden';
+			html.style.resize = 'both';
+	
+			window[_].fade(html, window[_].win.animOpen)
 	
-			this._animate(html, this.animOpen)
+			window[_].win.manager.append(html);
+	
+			// AFTER INSERT LOGISC !!!!!!!!!!!!!!!!
 
-			winState.setTitle=nT=>_.win.setTitle(winState,nT);
-			winState.toggleFull=e=>_.win.toggleFull(winState);
-			winState.close=e=>_.win.close(winState);
-			winState.hide=e=>_.win.hide(winState);
-			winState.show=e=>_.win.show(winState);
-			this.manager.append(html);
+			let mainElem = document.getElementById(wId),
+				dragElem = document.getElementById('DRAGGER'+wId),
+				contentElem = document.getElementById('content'+wId);
 	
-			let win=winState.elem=document.getElementById(wId),
-				contentRect=document.getElementById('content'+wId).getBoundingClientRect(),
-				windowRect=win.getBoundingClientRect(),
+			let win = winState.elem = mainElem,
+				contentRect = document.getElementById('content'+wId).getBoundingClientRect(),
+				windowRect = win.getBoundingClientRect(),
 				padX=windowRect.width - contentRect.width,padY=windowRect.height - contentRect.height;
-			winState.drag=document.getElementById('DRAGGER'+wId);
-			winState.content=document.getElementById('content'+wId);
+			winState.drag = dragElem,
+			winState.content = contentElem;
 	
 			if (winState.onUnfull.width === 0) {
 				// Здесь и задаются координаты...
 				// Мастера клин кода не выносите мне мозги прошу
 				// Оно же работает!!!
+				// 26:06:2026 - и вроде гзипается хорошо
 				if (!winState.attrs.includes('top')) {
 					win.style.top=win.offsetTop - (win.offsetHeight / 2) + 'px';
 					win.style.left=win.offsetLeft - (win.offsetWidth / 2) + 'px';
@@ -1111,125 +1296,126 @@ Intl.newHelper=function() {
 				for (let pos in winState.onUnfull)
 					win.style[pos] = winState.onUnfull[pos] + 'px'
 	
-			this._initWin(winState);
-			winState.drag.addEventListener('contextmenu',(e)=>{
+			dragElem.addEventListener('contextmenu', function(e) {
 				e.preventDefault();
-				if(e.target.closest('button')) return;
-				let wT=document.getElementById('title'+wId);
+				if (e.target.closest('button')) return;
+				let wT = document.getElementById('title'+wId);
 				if (!winState.inRename){
-					wT.innerHTML=`<input ${this.renameAttrs} id=rename${wId} value="${wT.textContent}">`;
-					winState.inRename=true;
-				}else{
-					this.setTitle(winState,document.getElementById('rename'+wId).value);
-					winState.inRename=false;
+					wT.innerHTML=`<input ${window[_].win.renameAttrs} id=rename${wId} value="${wT.textContent}">`;
+					window[_].x10.ciw(wId,'inRename',true);
+					//winState.inRename=true;
+				} else {
+					window[_].win.setTitle(winState,document.getElementById('rename'+wId).value);
+					window[_].x10.ciw(wId,'inRename',false);
+					//winState.inRename=false;
 				}
 			});
 	
-			if (winState.state === 'hidened') winState.hide();
-	
-			_.wins[winState.id] = winState;
-			//_.wins.set(winState.id, winState);
+			if (winState.state === 'hidened')
+				winState.hide();
+			else
+				window[_].win._initWin(winState);
 			return winState;
 		},
 
-		setTitle(winState,newT){
-			winState.langs=false;
-			winState.name=newT;
+		setTitle(winState, newT) {
+			window[_].x10.ciw(winState.id,'langs',false);
+			window[_].x10.ciw(winState.id,'name',newT);
 			let t=document.getElementById('title'+winState.id),
 				h=document.getElementById('hider'+winState.id);
 			t.innerHTML=newT;
 			t.removeAttribute('data-trans');
-			if (h){
+			if (h) {
 				h.innerHTML=newT;
 				h.removeAttribute('data-trans');
 			}
 		},
 
-		toggleFull(winState){
-			let wEl=winState.elem,
-				ws=wEl.style,
-				wc=wEl.classList,
-				contentRect=document.getElementById('content'+winState.id).getBoundingClientRect(),
-				windowRect=wEl.getBoundingClientRect(),
-				padX=windowRect.width - contentRect.width,
-				padY=windowRect.height - contentRect.height,
-				aOn=this.animFullOn,
-				aOff=this.animFullOff,
-				fd={
+		toggleFull(winState) {
+			let wEl = winState.elem,
+				ws = wEl.style,
+				wc = wEl.classList,
+				contentRect = document.getElementById('content'+winState.id).getBoundingClientRect(),
+				windowRect = wEl.getBoundingClientRect(),
+				padX = windowRect.width - contentRect.width,
+				padY = windowRect.height - contentRect.height,
+				aOn = window[_].win.animFullOn,
+				aOff = window[_].win.animFullOff,
+				fd = {
 					top: windowRect.top,	left: windowRect.left,
 					width: contentRect.width,	height: contentRect.height,
 				},
-				unful=()=>{
-					ws.top=old.top + 'px';
-					ws.left=old.left + 'px';
-					ws.width=old.width + 'px';
-					ws.height=old.height + 'px';
+				unful = ()=>{
+					ws.top = old.top + 'px';
+					ws.left = old.left + 'px';
+					ws.width = old.width + 'px';
+					ws.height = old.height + 'px';
 				},
-				doFul=()=>{
+				doFul = ()=>{
 					if (aOn) wc.remove(aOn);
-					winState.full=true;
-					winState.onUnfull=fd;
-					ws.top=0;
-					ws.left=0;
-					ws.width=`calc(100% - ${padX}px)`;
-					ws.height=`calc(100% - ${padY}px)`;
-					winState.drag.onpointerdown=null;
+					window[_].x10.ciw(winState.id,'full',true);
+					window[_].x10.ciw(winState.id,'onUnfull',fd);
+					ws.top = 0;
+					ws.left = 0;
+					ws.width = `calc(100% - ${padX}px)`;
+					ws.height = `calc(100% - ${padY}px)`;
+					winState.drag.onpointerdown = null;
 				},
-				doUnful=()=>{
+				doUnful = ()=>{
 					if (aOff) wc.remove(aOff);
 					unful();
-					winState.full=false;
-					this._initWin(winState);
+					window[_].x10.ciw(winState.id,'full',false);
+					window[_].win._initWin(winState);
 				},
-				old=winState.onUnfull;
+				old = winState.onUnfull;
 			if (!winState.full)
-				this._animate(wEl, this.animFullOn, doFul)
-			else
-				this._animate(wEl, this.animFullOff, doUnful, unful)
+				window[_].fade(wEl, window[_].win.animFullOn, doFul)
+			else {
+				unful();
+				window[_].fade(wEl, window[_].win.animFullOff, doUnful);
+			}
 		},
 
-		close(winState){
-			let w=winState.elem,
-				remover=()=>{
-					let dr=winState.drag;
-					dr.onpointerdown=dr.ontouchmove=null;
+		close(winState) {
+			let w = winState.elem,
+				remover = ()=>{
+					let dr = winState.drag;
+					dr.onpointerdown = dr.ontouchmove=null;
 					w.remove();
-					delete _.wins[winState.id];
-					//_.wins.delete(winState.id);
+					window[_].x10.destroy(winState.id);
 				};
 			if (w.style.display== 'none') {
 				document.getElementById('hider'+winState.id).remove();
 				remover();
 			} else
-				this._animate(w, this.animClose, remover);
-			
+				window[_].fade(w, window[_].win.animClose, remover);
 		},
 
-		hide(winState){
-			let wEl=winState.elem,
-				wc=wEl.classList,
-				anim=this.animHide,
-				hider=()=>{
-					wEl.style.display='none';
-					if(anim)wc.remove(anim);
-					winState.state='hidened';
-					this.hider.append(this._hiderBtn(winState));
+		hide(winState) {
+			let wEl = winState.elem,
+				wc = wEl.classList,
+				anim = window[_].win.animHide,
+				hider = ()=>{
+					wEl.style.display = 'none';
+					if (anim) wc.remove(anim);
+					window[_].x10.setState(winState.id,'hidened');
+					window[_].win.hider.append(window[_].win._hiderBtn(winState));
 				}
-			this._animate(wEl, this.animHide, hider);
+			window[_].fade(wEl, window[_].win.animHide, hider);
 		},
 
-		show(winState){
-			let wEl=winState.elem,
-				wc=wEl.classList,
-				anim=this.animShow,
-				hider=document.getElementById('hider'+winState.id),
-				shower=()=>{
-					if(anim)wc.remove(anim);
-					winState.state='opened';
+		show(winState) {
+			let wEl = winState.elem,
+				wc = wEl.classList,
+				anim = window[_].win.animShow,
+				hider = document.getElementById('hider'+winState.id),
+				shower = ()=>{
+					if (anim) wc.remove(anim);
+					window[_].x10.setState(winState.id,'opened');
 				}
-			wEl.style.display='';
+			wEl.style.display = '';
 			hider.remove();
-			this._animate(wEl, this.animShow, shower);
+			window[_].fade(wEl, window[_].win.animShow, shower);
 		},
 
 		/*
@@ -1245,12 +1431,14 @@ Intl.newHelper=function() {
 		 * Или как вы ещё придумаете
 		 * 
 		 * !!!: Оно работает настолько гибко что в теории можно сделать виртуальные рабочие столы
+		 *
+		 * FIXME: добавить проверку принадлежности WM
 		 */
 		read(){
 			let store = {};
-			for (let winId in _.wins) {
-			let winPre = _.wins[winId];
-			//for (let [winId, winPre] of _.wins) {
+			for (let winId in window[_].wins) {
+			let winPre = window[_].wins[winId];
+			//for (let [winId, winPre] of window[_].wins) {
 				let win = { ...winPre },
 					size=win.onUnfull,
 					wEl = win.elem,
@@ -1273,24 +1461,24 @@ Intl.newHelper=function() {
 				let win=state[winId],
 				content=win.realContent;
 				delete win.realContent;
-				_.wins[winId] = win;
-				//_.wins.set(winId, win);
-				this._opn(win,content);
+				window[_].wins[winId] = win;
+				//window[_].wins.set(winId, win);
+				window[_].win._opn(win,content);
 			}
-			return _.wins;
+			return window[_].wins;
 		},
-	},
+	};
 
-	wins: {},
+	window[_].wins = {};
 	//wins: new Map(),
-	};
-	return _
+
+	return window[_];
 };
 
 /* полифиллы к удалённым модулям
  * (сделаны в формате плагинов)
  * DOM хелпер ($), удалён в 2.1.X:
-_.$ = {
+window[_].$ = {
 	D: document,
 	id: i=>					document.getElementById(i),
 	q: (i,p=document)=>		p.querySelector(i),
@@ -1307,4 +1495,3 @@ _.$ = {
  * 2. в следствие пункта 1 я удалил весь синтаксический сахар
  *    потому что "document." гзипается заметно лучше
  */
-

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "newhelper-js",
-  "version": "2.1.7",
+  "version": "2.1.8",
   "description": "сверх лёгкая библиотека для построения админок",
   "keywords": [
     "admin",
@@ -10,6 +10,7 @@
     "dialog",
     "router",
     "window-manager",
+	"desktop",
     "i18n",
     "internationalization",
     "lazy-loading",
@@ -17,7 +18,9 @@
     "lightweight",
     "vanilla-js",
     "frontend",
-    "zero-dependencies"
+    "zero-dependencies",
+	"toasts",
+	"notifications"
   ],
   "homepage": "https://github.com/MIOBOMB/newHelper-js#readme",
   "bugs": {