tool-snippets 0.0.0-stage → 0.0.8

package/README.md

@@ -1,3 +1,132 @@
-# Temporary Holding Version
+Для WebStorm и VS Code:
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+```markdown
+# ToolSnippets
+
+Библиотека сниппетов для **WebStorm** и **Visual Studio Code** (Angular/TypeScript).
+
+## Установка
+
+```bash
+npm install -D tool-snippets
+```
+
+После установки выполните команду для нужной IDE:
+
+### WebStorm
+
+```bash
+npm run SNIPPETS:webstorm
+```
+
+Скрипт находит все установленные версии WebStorm и копирует файл `_tool-frontend.xml` в папку `templates` каждой из них.
+
+> ⚠️ После установки перезапустите WebStorm, чтобы сниппеты применились.
+
+### VS Code
+
+```bash
+npm run SNIPPETS:vscode
+```
+
+Скрипт копирует файл `tool-frontend.code-snippets` в пользовательскую папку сниппетов VS Code:
+- **Windows:** `%APPDATA%\Code\User\snippets\`
+- **macOS:** `~/Library/Application Support/Code/User/snippets/`
+- **Linux:** `~/.config/Code/User/snippets/`
+
+> ⚠️ После установки перезагрузите окно VS Code: `Ctrl+Shift+P` → **Developer: Reload Window**.
+
+## Использование
+
+В редакторе начните вводить префикс сниппета (например `tool_deb`, `tool#forEach`, `tool___subscribe`) — IntelliSense предложит подстановку.
+
+## Структура пакета
+
+```
+tool-snippets/
+├── webstorm/
+│   ├── _tool-frontend.xml
+│   └── install-snippets.js
+├── vscode/
+│   ├── tool-frontend.code-snippets
+│   └── install-snippets.js
+├── package.json
+└── README.md
+```
+
+## Разработка
+
+```bash
+# сборка
+ng build tool-snippets
+
+# публикация
+cd dist/tool-snippets
+npm publish
+```
+
+## Требования
+
+- Node.js (для скриптов установки)
+
+### Группы:
+
+**1. Массивы / циклы**
+- `tool#forEach`, `tool#switch`, `tool#switch_NEVER`
+
+**2. Angular хуки**
+- `tool_comp_1_ngOnChanges`, `tool_comp_2_ngOnInit`, `tool_comp_3_ngAfterViewInit`, `tool_comp_4_ngOnDestroy`
+
+**3. Angular подписки / DI / ViewChild**
+- `tool___subscribe`, `tool___Injector`, `tool____ViewChild_Child`, `tool____ViewChild_Element`
+
+**4. Angular getter/setter**
+- `tool____get_set`, `tool____get_set@Input()`
+
+**5. TypeScript типы**
+- `tool--typePickPartialOmit`, `tool--type_keyof`, `tool--typeTNullable`, `tool--typePartial`, `tool#type_never`, `tool--Interface with readonly`
+
+**6. TypeScript const / Record**
+- `tool-as_const_1`, `tool-as_const_2_Record`, `tool-as_const_3_satisfies_Record`
+
+**7. try/catch**
+- `tool__tryCatch`, `tool__tryCatch.await`
+
+**8. Отладка**
+- `tool_deb`, `tool---globalErrorListeners`, `tool---Proxy_Логирование`
+
+**9. Глобальные объекты**
+- `tool----windowГлобальный_объект`
+
+### Примеры сниппетов
+
+| Префикс | Описание |
+|---|---|
+| `tool#forEach` | forEach по массиву |
+| `tool_deb` | `debugger;` |
+| `tool_comp_1_ngOnChanges` | хук `ngOnChanges` |
+| `tool_comp_2_ngOnInit` | хук `ngOnInit` |
+| `tool_comp_3_ngAfterViewInit` | хук `ngAfterViewInit` |
+| `tool_comp_4_ngOnDestroy` | хук `ngOnDestroy` |
+| `tool___subscribe` | подписка на Observable с `takeUntil` |
+| `tool__tryCatch` | блок `try-catch-finally` |
+| `tool__tryCatch.await` | tryCatch для promise |
+| `tool-as_const_1` | объект `as const` |
+| `tool-as_const_2_Record` | `Record<K, V>` + `as const` |
+| `tool-as_const_3_satisfies_Record` | `as const satisfies Record` |
+| `tool--typePickPartialOmit` | `Pick & Partial<Omit>` |
+| `tool--type_keyof` | `keyof` |
+| `tool--typeTNullable` | `TNullable<T>` |
+| `tool--typePartial` | `Partial<T>` |
+| `tool--Interface with readonly` | interface с `readonly` |
+| `tool___Injector` | сервис через `Injector` |
+| `tool____ViewChild_Child` | `@ViewChild` (компонент) |
+| `tool____ViewChild_Element` | `@ViewChild` (ElementRef) |
+| `tool____get_set` | getter/setter |
+| `tool____get_set@Input()` | getter/setter с `@Input()` |
+| `tool---Proxy_Логирование` | Proxy-логирование изменений |
+| `tool#type_never` | `switch` + `never` (exhaustive check) |
+| `tool#switch` | `switch` блок |
+| `tool#switch_NEVER` | `switch` + `never` |
+| `tool----windowГлобальный_объект` | declare global window |
+| `tool---globalErrorListeners` | global error listeners |

package/esm2020/public-api.mjs

@@ -0,0 +1,5 @@
+/*
+ * Public API Surface of tool-snippets
+ */
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3Rvb2wtc25pcHBldHMvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUciLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIHRvb2wtc25pcHBldHNcbiAqL1xuXG5leHBvcnQge307XG4iXX0=

package/esm2020/tool-snippets.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbC1zbmlwcGV0cy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3Rvb2wtc25pcHBldHMvc3JjL3Rvb2wtc25pcHBldHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==

package/fesm2015/tool-snippets.mjs

@@ -0,0 +1,4 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=tool-snippets.mjs.map

package/fesm2015/tool-snippets.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-snippets.mjs","sources":["../../../projects/tool-snippets/src/tool-snippets.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAAA;;AAEG"}

package/fesm2020/tool-snippets.mjs

@@ -0,0 +1,8 @@
+/*
+ * Public API Surface of tool-snippets
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=tool-snippets.mjs.map

package/fesm2020/tool-snippets.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-snippets.mjs","sources":["../../../projects/tool-snippets/src/public-api.ts","../../../projects/tool-snippets/src/tool-snippets.ts"],"sourcesContent":["/*\n * Public API Surface of tool-snippets\n */\n\nexport {};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAAA;;AAEG;;ACFH;;AAEG"}

package/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="tool-snippets" />
+export * from './public-api';

package/package.json

@@ -1,6 +1,28 @@
 {
   "name": "tool-snippets",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.0.8",
+  "peerDependencies": {},
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2015/tool-snippets.mjs",
+  "es2020": "fesm2020/tool-snippets.mjs",
+  "esm2020": "esm2020/tool-snippets.mjs",
+  "fesm2020": "fesm2020/tool-snippets.mjs",
+  "fesm2015": "fesm2015/tool-snippets.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2020": "./esm2020/tool-snippets.mjs",
+      "es2020": "./fesm2020/tool-snippets.mjs",
+      "es2015": "./fesm2015/tool-snippets.mjs",
+      "node": "./fesm2015/tool-snippets.mjs",
+      "default": "./fesm2020/tool-snippets.mjs"
+    }
+  }
 }

package/public-api.d.ts

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

package/vscode/install-snippets.js

@@ -0,0 +1,36 @@
+#!/usr/bin/env node
+const fs = require('fs');
+const os = require('os');
+const path = require('path');
+
+const log = m => console.log(`[tool] ${m}`);
+
+function getVscodeSnippetsDir() {
+	const home = os.homedir();
+	if (process.platform === 'darwin') return path.join(home, 'Library/Application Support/Code/User/snippets');
+	if (process.platform === 'win32') return path.join(process.env.APPDATA, 'Code/User/snippets');
+	return path.join(home, '.config/Code/User/snippets');
+}
+
+function run() {
+	try {
+		log('Installing VS Code snippets...');
+		const dir = getVscodeSnippetsDir();
+		if (!fs.existsSync(dir)) fs.mkdirSync(dir, { recursive: true });
+
+		const source = path.join(__dirname, '../vscode/tool-frontend.code-snippets');
+		const destination = path.join(dir, 'tool-frontend.code-snippets');
+
+		if (!fs.existsSync(source)) throw new Error('Snippets file not found in package');
+
+		log(`Copy from: ${source}`);
+		log(`Copy to: ${destination}`);
+		fs.copyFileSync(source, destination);
+		log(`✅ Installed`);
+		log('⚠️ Reload VS Code window (Ctrl+Shift+P -> Reload Window)');
+	} catch (e) {
+		console.error('[tool] ❌ Error:', e.message);
+		process.exit(1);
+	}
+}
+run();

package/vscode/tool-frontend.code-snippets

@@ -0,0 +1,435 @@
+{
+  "tool#forEach": {
+    "prefix": "tool#forEach",
+    "body": [
+      "$1.forEach((item, i, arr) => {",
+      "  console.log( arr, i, item);",
+      "});",
+      "$0"
+    ],
+    "description": "forEach - метод массива",
+    "scope": "javascript,typescript"
+  },
+  "tool_deb": {
+    "prefix": "tool_deb",
+    "body": ["debugger;"],
+    "description": "debugger",
+    "scope": "javascript,typescript"
+  },
+  "tool_comp_2_ngOnInit": {
+    "prefix": "tool_comp_2_ngOnInit",
+    "body": [
+      "import { OnInit } from '@angular/core';",
+      "",
+      "implements OnInit",
+      "",
+      "public ngOnInit() {",
+      "    $1",
+      "}",
+      "$0"
+    ],
+    "description": "хук, вызывается один раз после создания компонента, когда инициализировались все данные (например, @Input свойства) - при первой загрузке",
+    "scope": "javascript,typescript"
+  },
+  "tool_comp_4_ngOnDestroy": {
+    "prefix": "tool_comp_4_ngOnDestroy",
+    "body": [
+      "import {OnDestroy} from '@angular/core';",
+      "",
+      "implements OnDestroy",
+      "",
+      "public ngOnDestroy() {",
+      "    $1",
+      "}",
+      "$0"
+    ],
+    "description": "хук, вызывается перед уничтожением компонента - при уничтожении",
+    "scope": "javascript,typescript"
+  },
+  "tool_comp_1_ngOnChanges": {
+    "prefix": "tool_comp_1_ngOnChanges",
+    "body": [
+      "import { OnChanges, SimpleChanges } from '@angular/core';",
+      "",
+      "implements OnChanges",
+      "",
+      "public ngOnChanges(changes: SimpleChanges): void {",
+      "    console.log(changes);",
+      "}",
+      "$0"
+    ],
+    "description": "хук, который срабатывает каждый раз, когда меняются входные данные (@Input) компонента - при первой загрузке (если есть @Input)",
+    "scope": "javascript,typescript"
+  },
+  "tool_comp_3_ngAfterViewInit": {
+    "prefix": "tool_comp_3_ngAfterViewInit",
+    "body": [
+      "import { AfterViewInit } from '@angular/core';",
+      "",
+      "implements AfterViewInit",
+      "",
+      "public ngAfterViewInit() {",
+      "    $1",
+      "}",
+      "$0"
+    ],
+    "description": "хук, вызывается после полной инициализации представления (view) компонента - при первой загрузке",
+    "scope": "javascript,typescript"
+  },
+  "tool___subscribe": {
+    "prefix": "tool___subscribe",
+    "body": [
+      "// --------------------------------------",
+      "import { OnDestroy } from '@angular/core';",
+      "import { Subject } from 'rxjs/Subject';",
+      "import { takeUntil } from 'rxjs/operators';",
+      "// --------------------------------------",
+      "private _destroyedSubscribe$: Subject<void> = new Subject<void>();",
+      "// --------------------------------------",
+      "    $1",
+      "    .pipe(takeUntil(this._destroyedSubscribe$))",
+      "    .subscribe({",
+      "        next: (result) => { console.log('result', result); },",
+      "        error: (err) => { console.error('Ошибка:', err); // здесь можно показать уведомление или выполнить fallback-логику },",
+      "        complete: () => { console.log('Поток завершён'); }",
+      "    });",
+      "// --------------------------------------",
+      "public ngOnDestroy(): void {",
+      "    this._destroyedSubscribe$.next();",
+      "    this._destroyedSubscribe$.complete();",
+      "}",
+      "// --------------------------------------",
+      "$0"
+    ],
+    "description": "подписка на Observable и автоматическая отписка при уничтожении компонента (ngOnDestroy).",
+    "scope": "javascript,typescript"
+  },
+  "tool__tryCatch.await": {
+    "prefix": "tool__tryCatch.await",
+    "body": ["await evo.awaitTryCatch.send($1, $2)", "$0"],
+    "description": "tryCatch для promise",
+    "scope": "javascript,typescript"
+  },
+  "tool-as_const_1": {
+    "prefix": "tool-as_const_1",
+    "body": ["const obj = { $1: $2 } as const; // readonly", "$0"],
+    "description": "объект константа",
+    "scope": "javascript,typescript"
+  },
+  "tool-as_const_2_Record": {
+    "prefix": "tool-as_const_2_Record",
+    "body": [
+      "// type UserId = 'id1' | 'id2' | 'id3';",
+      "// const users: Record<UserId, string> = { id1: 'Alice', id2: 'Bob', id3: 'Charlie' // id4: 'David' // ❌ ошибка: ключ не из UserId }  as const;;",
+      "",
+      "const obj: Record<$1, $2> = {$0} as const; // readonly"
+    ],
+    "description": "типизация объектов через Record",
+    "scope": "javascript,typescript"
+  },
+  "tool--typePickPartialOmit": {
+    "prefix": "tool--typePickPartialOmit",
+    "body": [
+      "// type UserUpdate = Pick<User, 'id'> & Partial<Omit<User, 'id'>>;",
+      "type $1 = Pick<$2, '$3'> & Partial<Omit<$2, '$3'>>;",
+      "$0"
+    ],
+    "description": "обязательное поле, остальные — опциональные",
+    "scope": "javascript,typescript"
+  },
+  "tool--type_keyof": {
+    "prefix": "tool--type_keyof",
+    "body": [
+      "// interface Person { name: string; age: number }; type PersonKeys = keyof Person",
+      "type $1Keys = keyof $1;",
+      "$0"
+    ],
+    "description": "динамические ключи объектов",
+    "scope": "javascript,typescript"
+  },
+  "tool--typeTNullable": {
+    "prefix": "tool--typeTNullable",
+    "body": [
+      "// let currentUser: TNullable<User> = { id: 1, name: \"Иван\" };",
+      "type TNullable<T> = T | null;",
+      "$0"
+    ],
+    "description": "Дженерик-тип, который расширяет тип T, позволяя ему также принимать значение null.",
+    "scope": "javascript,typescript"
+  },
+  "tool--typePartial": {
+    "prefix": "tool--typePartial",
+    "body": [
+      "// const car: Partial<Car> = {};",
+      "const $1: Partial<$2> = {};",
+      "$0"
+    ],
+    "description": "объект временно пуст",
+    "scope": "javascript,typescript"
+  },
+  "tool__tryCatch": {
+    "prefix": "tool__tryCatch",
+    "body": [
+      "try {",
+      "    $0",
+      "} catch (error) {",
+      "    console.error(error);",
+      "} finally {",
+      "    // код, который выполнится всегда",
+      "}"
+    ],
+    "description": "обертка кода в блок try-catch-finally",
+    "scope": "javascript,typescript"
+  },
+  "tool___Injector": {
+    "prefix": "tool___Injector",
+    "body": [
+      "// в \"рабочем компоненте\" - public constructor(protected injector: Injector) { super(injector); }",
+      "",
+      "import { Injector, Type } from '@angular/core';",
+      "",
+      "protected $1: $2;",
+      "",
+      "protected constructor(",
+      "    protected injector: Injector,",
+      ") {",
+      "    this.$1 = injector.get<$2>($2 as Type<$2>);",
+      "}",
+      "$0"
+    ],
+    "description": "Подключение сервиса в базовом компоненте через injector",
+    "scope": "javascript,typescript"
+  },
+  "tool____ViewChild_Child": {
+    "prefix": "tool____ViewChild_Child",
+    "body": [
+      "import { ViewChild } from '@angular/core'",
+      "",
+      "@ViewChild($1) private _childComponent!: $1;",
+      "$0"
+    ],
+    "description": "дочерний компонент",
+    "scope": "javascript,typescript"
+  },
+  "tool____ViewChild_Element": {
+    "prefix": "tool____ViewChild_Element",
+    "body": [
+      "import { ViewChild, ElementRef } from '@angular/core'",
+      "",
+      "@ViewChild('element') private _element: ElementRef; // <div #rootElement></div>",
+      "$0"
+    ],
+    "description": "html элемент",
+    "scope": "javascript,typescript"
+  },
+  "tool____get_set": {
+    "prefix": "tool____get_set",
+    "body": [
+      "private _$1: $2;",
+      "",
+      "public get $1(): $2 {",
+      "  return this._$1;",
+      "}",
+      "",
+      "public set $1(value: $2) {",
+      "  if (this._$1 !== value) {",
+      "    this._$1 = value;",
+      "    // this.cdr.markForCheck(); // если используется ChangeDetectionStrategy.OnPush",
+      "  }",
+      "}",
+      "$0"
+    ],
+    "description": "getter/setter типизированный",
+    "scope": "javascript,typescript"
+  },
+  "tool____get_set@Input()": {
+    "prefix": "tool____get_set@Input()",
+    "body": [
+      "private _$1: $2;",
+      "",
+      "@Input()",
+      "public get $1(): $2 {",
+      "  return this._$1;",
+      "}",
+      "",
+      "public set $1(value: $2) {",
+      "  if (this._$1 !== value) {",
+      "    this._$1 = value;",
+      "    // this.cdr.markForCheck(); // если используется ChangeDetectionStrategy.OnPush",
+      "  }",
+      "}",
+      "$0"
+    ],
+    "description": "",
+    "scope": "javascript,typescript"
+  },
+  "tool---Proxy_Логирование": {
+    "prefix": "tool---Proxy_Логирование",
+    "body": [
+      "public createProxyLog(target, onChange) {",
+      "    // Обработка null и примитивов",
+      "    if (target === null || typeof target !== 'object') {",
+      "        return target;",
+      "    }",
+      "  ",
+      "    return new Proxy(target, {",
+      "        set(obj, prop, value) {",
+      "            const oldValue = obj[prop];",
+      "          ",
+      "            // Рекурсивно обрабатываем новые объекты",
+      "            const newValue = this.createProxyLog(value, onChange);",
+      "          ",
+      "            obj[prop] = newValue;",
+      "          ",
+      "            // Проверяем реальное изменение (учитываем NaN)",
+      "            if (oldValue !== value && !(Number.isNaN(oldValue) && Number.isNaN(value))) {",
+      "                onChange(prop, newValue, oldValue);",
+      "            }",
+      "          ",
+      "            return true;",
+      "        },",
+      "    ",
+      "        get(obj, prop) {",
+      "            const value = obj[prop];",
+      "          ",
+      "            // Рекурсивно создаем прокси для вложенных объектов",
+      "            if (value !== null && typeof value === 'object') {",
+      "                return this.createProxyLog(value, onChange);",
+      "            }",
+      "          ",
+      "            return value;",
+      "        },",
+      "    ",
+      "        deleteProperty(obj, prop) {",
+      "            const oldValue = obj[prop];",
+      "            const deleted = delete obj[prop];",
+      "          ",
+      "            if (deleted) { onChange(prop, undefined, oldValue); }",
+      "          ",
+      "            return deleted;",
+      "        }",
+      "    });",
+      "}",
+      "",
+      "",
+      "// Использование:",
+      "//let state = this.createProxyLog(",
+      "//{ user: { name: 'Alice', age: 30 } settings: { theme: 'dark', notifications: true } }, ",
+      "//(prop, value, oldValue) => { console.log(`Property \"${prop}\" changed: ${oldValue} → ${value}`); });",
+      "//",
+      "// delete state.user.email;        // Property \"email\" changed: alice@example.com → undefined",
+      "$0"
+    ],
+    "description": "Функция создания Proxy Логирование",
+    "scope": "javascript,typescript"
+  },
+  "tool-as_const_3_satisfies_Record": {
+    "prefix": "tool-as_const_3_satisfies_Record",
+    "body": [
+      "// type UserId = 'id1' | 'id2' | 'id3';",
+      "// const users = { id1: 'Alice', id2: 'Bob', id3: 'Charlie' // id4: 'David' // ❌ ошибка: ключ не из UserId } as const satisfies Record<UserId, string>;",
+      "",
+      "const obj = {$0} as const satisfies Record<$1, $2>;"
+    ],
+    "description": "константный объект с as const и satisfies Record",
+    "scope": "javascript,typescript"
+  },
+  "tool#type_never": {
+    "prefix": "tool#type_never",
+    "body": [
+      "// Если union‑тип (Direction) изменится, TypeScript выдаст ошибку компиляции, если switch не обновлён.",
+      "type Direction = 'up' | 'down';",
+      "",
+      "public move(direction: Direction): number {",
+      "    switch (direction) {",
+      "        case 'up': return 1;",
+      "        case 'down': return -1;",
+      "        default:",
+      "          //!!! Если добавлен новый вариант в `Direction` и не обработан — ошибка компиляции",
+      "          const _: never = direction;",
+      "          throw new Error(`Неизвестный ключ: ${_}`);",
+      "    }",
+      "}",
+      "$0"
+    ],
+    "description": "пример обеспечения типовой безопасности при работе с union‑тип и switch",
+    "scope": "javascript,typescript"
+  },
+  "tool--Interface with readonly": {
+    "prefix": "tool--Interface with readonly",
+    "body": [
+      "// interface UserId { readonly id: number; }; const user: UserId = { id: 12345 };",
+      "// Ошибка компиляции - user.id = 67890; // Cannot assign to 'id' because it is a read-only property",
+      "interface I$1 {",
+      "  readonly $2: $3;",
+      "}",
+      "$0"
+    ],
+    "description": "Interface with readonly properties",
+    "scope": "javascript,typescript"
+  },
+  "tool#switch": {
+    "prefix": "tool#switch",
+    "body": [
+      "switch ($1) {",
+      "  case $2: $3; break;",
+      "  case $4: $5; break;",
+      "  default:",
+      "    $6;",
+      "}",
+      "$0"
+    ],
+    "description": "create SWITCH block",
+    "scope": "javascript,typescript"
+  },
+  "tool#switch_NEVER": {
+    "prefix": "tool#switch_NEVER",
+    "body": [
+      "// Если union‑тип (type Direction = 'up' | 'down';) изменится, TypeScript выдаст ошибку компиляции, если switch не обновлён.",
+      "",
+      "switch ($1) {",
+      "  case $2:",
+      "    $3;",
+      "    break;",
+      "  case $4:",
+      "    $5;",
+      "    break;",
+      "  default:",
+      "    const _exhaustiveCheck: never = $1;",
+      "    throw new Error(`Необработанное значение: ${$1}`);",
+      "}",
+      "$0"
+    ],
+    "description": "create SWITCH block with NEVER",
+    "scope": "javascript,typescript"
+  },
+  "tool----windowГлобальный_объект": {
+    "prefix": "tool----windowГлобальный_объект",
+    "body": [
+      "declare global {",
+      "    interface Window { $1: any; }",
+      "    ",
+      "    const $1: any; // Добавляем глобальную переменную",
+      "}",
+      "",
+      "(window as any).$1 = $0;",
+      "",
+      "export {};"
+    ],
+    "description": "Declare global window object and assign value",
+    "scope": "javascript,typescript"
+  },
+  "tool---globalErrorListeners": {
+    "prefix": "tool---globalErrorListeners",
+    "body": [
+      "window.addEventListener('error', (event) => { console.warn('Global error:', event.error); }); // для обычных ошибок",
+      "",
+      "window.addEventListener('unhandledrejection', (event) => {",
+      "  console.warn('Unhandled promise rejection:', event.reason); // для ошибок (например, async / Promise)",
+      "});",
+      "$0"
+    ],
+    "description": "Debug: global error & promise rejection listeners",
+    "scope": "javascript,typescript"
+  }
+}

package/webstorm/_tool-frontend.xml

@@ -0,0 +1,211 @@
+<templateSet group="#tool-frontend">
+  <template name="tool#forEach" value="$ARR$.forEach((item, i, arr) =&gt; {&#10;  console.log( arr, i, item);&#10;});$END$" description="forEach - метод массива" toReformat="true" toShortenFQNames="true">
+    <variable name="ARR" expression="" defaultValue="" alwaysStopAt="true" />
+    <context>
+      <option name="JAVA_SCRIPT" value="true" />
+      <option name="TypeScript" value="true" />
+    </context>
+  </template>
+  <template name="tool_deb" value="debugger;" description="debugger" toReformat="true" toShortenFQNames="true">
+    <context>
+      <option name="JAVA_SCRIPT" value="true" />
+      <option name="TypeScript" value="true" />
+    </context>
+  </template>
+  <template name="tool_comp_2_ngOnInit" value="import { OnInit } from '@angular/core';&#10;&#10;implements OnInit&#10;&#10;public ngOnInit() {&#10;    $TEXT$&#10;}$END$&#10;" description="хук, вызывается один раз после создания компонента, когда инициализировались все данные (например, @Input свойства) - при первой загрузке" toReformat="false" toShortenFQNames="true">
+    <variable name="TEXT" expression="" defaultValue="" alwaysStopAt="true" />
+    <context>
+      <option name="JAVA_SCRIPT" value="true" />
+      <option name="TypeScript" value="true" />
+    </context>
+  </template>
+  <template name="tool_comp_4_ngOnDestroy" value="import {OnDestroy} from '@angular/core';&#10;&#10;implements OnDestroy&#10;&#10;public ngOnDestroy() {&#10;    $TEXT$&#10;}$END$" description="хук, вызывается перед уничтожением компонента - при уничтожении" toReformat="false" toShortenFQNames="true">
+    <variable name="TEXT" expression="" defaultValue="" alwaysStopAt="true" />
+    <context>
+      <option name="JAVA_SCRIPT" value="true" />
+      <option name="TypeScript" value="true" />
+    </context>
+  </template>
+  <template name="tool_comp_1_ngOnChanges" value="import { OnChanges, SimpleChanges } from '@angular/core';&#10;&#10;implements OnChanges&#10;&#10;public ngOnChanges(changes: SimpleChanges): void {&#10;    console.log(changes);&#10;}$END$" description="хук, который срабатывает каждый раз, когда меняются входные данные (@Input) компонента - при первой загрузке (если есть @Input)" toReformat="true" toShortenFQNames="true">
+    <context>
+      <option name="JAVA_SCRIPT" value="true" />
+      <option name="TypeScript" value="true" />
+    </context>
+  </template>
+  <template name="tool_comp_3_ngAfterViewInit" value="import { AfterViewInit } from '@angular/core';&#10;&#10;implements AfterViewInit&#10;&#10;public ngAfterViewInit() {&#10;    $TEXT$&#10;}$END$" description="хук, вызывается после полной инициализации представления (view) компонента - при первой загрузке" toReformat="true" toShortenFQNames="true">
+    <variable name="TEXT" expression="" defaultValue="" alwaysStopAt="true" />
+    <context>
+      <option name="JAVA_SCRIPT" value="true" />
+      <option name="TypeScript" value="true" />
+    </context>
+  </template>
+  <template name="tool___subscribe" value="// --------------------------------------&#10;import { OnDestroy } from '@angular/core';&#10;import { Subject } from 'rxjs/Subject';&#10;import { takeUntil } from 'rxjs/operators';&#10;// --------------------------------------&#10;private _destroyedSubscribe$: Subject&lt;void&gt; = new Subject&lt;void&gt;();&#10;// --------------------------------------&#10;    $TEXT$&#10;    .pipe(takeUntil(this._destroyedSubscribe$))&#10;    .subscribe({&#10;        next: (result) =&gt; { console.log('result', result); },&#10;        error: (err) =&gt; { console.error('Ошибка:', err); // здесь можно показать уведомление или выполнить fallback-логику },&#10;        complete: () =&gt; { console.log('Поток завершён'); }&#10;    });&#10;// --------------------------------------&#10;public ngOnDestroy(): void {&#10;    this._destroyedSubscribe$.next();&#10;    this._destroyedSubscribe$.complete();&#10;}&#10;// --------------------------------------" description="подписка на Observable и автоматическая отписка при уничтожении компонента (ngOnDestroy)." toReformat="false" toShortenFQNames="true">
+    <variable name="TEXT" expression="" defaultValue="" alwaysStopAt="true" />
+    <context>
+      <option name="JAVA_SCRIPT" value="true" />
+      <option name="TypeScript" value="true" />
+    </context>
+  </template>
+  <template name="tool__tryCatch.await" value="await evo.awaitTryCatch.send($PROMISE$, $FROM$)" description="tryCatch для promise" toReformat="false" toShortenFQNames="true">
+    <variable name="PROMISE" expression="" defaultValue="" alwaysStopAt="true" />
+    <variable name="FROM" expression="" defaultValue="" alwaysStopAt="true" />
+    <context>
+      <option name="JAVA_SCRIPT" value="true" />
+      <option name="TypeScript" value="true" />
+    </context>
+  </template>
+  <template name="tool-as_const_1" value="const obj = { $PROP$: $VAL$} as const; // readonly" description="объект константа" toReformat="false" toShortenFQNames="true">
+    <variable name="PROP" expression="" defaultValue="" alwaysStopAt="true" />
+    <variable name="VAL" expression="" defaultValue="" alwaysStopAt="true" />
+    <context>
+      <option name="JAVA_SCRIPT" value="true" />
+      <option name="TypeScript" value="true" />
+    </context>
+  </template>
+  <template name="tool-as_const_2_Record" value="// type UserId = 'id1' | 'id2' | 'id3';&#10;// const users: Record&lt;UserId, string&gt; = { id1: 'Alice', id2: 'Bob', id3: 'Charlie' // id4: 'David' // ❌ ошибка: ключ не из UserId }  as const;;&#10;&#10;const obj: Record&lt;$PROP$, $VAL$&gt; = {$END$} as const; // readonly" description="типизация объектов через Record" toReformat="false" toShortenFQNames="true">
+    <variable name="PROP" expression="" defaultValue="" alwaysStopAt="true" />
+    <variable name="VAL" expression="" defaultValue="" alwaysStopAt="true" />
+    <context>
+      <option name="JAVA_SCRIPT" value="true" />
+      <option name="TypeScript" value="true" />
+    </context>
+  </template>
+  <template name="tool--typePickPartialOmit" value="// type UserUpdate = Pick&lt;User, 'id'&gt; &amp; Partial&lt;Omit&lt;User, 'id'&gt;&gt;;&#10;type $TYPE$ = Pick&lt;$INTERFACE$, '$PROP$'&gt; &amp; Partial&lt;Omit&lt;$INTERFACE$, '$PROP$'&gt;&gt;;" description="обязательное поле, остальные — опциональные" toReformat="false" toShortenFQNames="true">
+    <variable name="TYPE" expression="" defaultValue="" alwaysStopAt="true" />
+    <variable name="INTERFACE" expression="" defaultValue="" alwaysStopAt="true" />
+    <variable name="PROP" expression="" defaultValue="" alwaysStopAt="true" />
+    <context>
+      <option name="JAVA_SCRIPT" value="true" />
+      <option name="TypeScript" value="true" />
+    </context>
+  </template>
+  <template name="tool--type_keyof" value="// interface Person { name: string; age: number }; type PersonKeys = keyof Person&#10;type $TYPE$Keys = keyof $TYPE$;" description="динамические ключи объектов" toReformat="false" toShortenFQNames="true">
+    <variable name="TYPE" expression="" defaultValue="" alwaysStopAt="true" />
+    <context>
+      <option name="JAVA_SCRIPT" value="true" />
+      <option name="TypeScript" value="true" />
+    </context>
+  </template>
+  <template name="tool--typeTNullable" value="// let currentUser: TNullable&lt;User&gt; = { id: 1, name: &quot;Иван&quot; };&#10;type TNullable&lt;T&gt; = T | null;" description="Дженерик-тип, который расширяет тип T, позволяя ему также принимать значение null." toReformat="false" toShortenFQNames="true">
+    <context>
+      <option name="JAVA_SCRIPT" value="true" />
+      <option name="TypeScript" value="true" />
+    </context>
+  </template>
+  <template name="tool--typePartial" value="// const car: Partial&lt;Car&gt; = {};&#10;const $CAR$: Partial&lt;$CARINTERFACE$&gt; = {};" description="объект временно пуст" toReformat="false" toShortenFQNames="true">
+    <variable name="CAR" expression="" defaultValue="" alwaysStopAt="true" />
+    <variable name="CARINTERFACE" expression="" defaultValue="" alwaysStopAt="true" />
+    <context>
+      <option name="JAVA_SCRIPT" value="true" />
+      <option name="TypeScript" value="true" />
+    </context>
+  </template>
+  <template name="tool__tryCatch" value="try {&#10;    $END$&#10;} catch (error) {&#10;    console.error(error);&#10;} finally {&#10;    // код, который выполнится всегда&#10;}" description="обертка кода в блок try-catch-finally" toReformat="false" toShortenFQNames="true">
+    <context>
+      <option name="JAVA_SCRIPT" value="true" />
+      <option name="TypeScript" value="true" />
+    </context>
+  </template>
+  <template name="tool___Injector" value="// в &quot;рабочем компоненте&quot; - public constructor(protected injector: Injector) { super(injector); }&#10;&#10;import { Injector, Type } from '@angular/core';&#10;&#10;protected $INSTANS$: $SERVICE$;&#10;&#10;protected constructor(&#10;    protected injector: Injector,&#10;) {&#10;    this.$INSTANS$ = injector.get&lt;$SERVICE$&gt;($SERVICE$ as Type&lt;$SERVICE$&gt;);&#10;}" description="Подключение сервиса в базовом компоненте через injector" toReformat="false" toShortenFQNames="true">
+    <variable name="INSTANS" expression="" defaultValue="" alwaysStopAt="true" />
+    <variable name="SERVICE" expression="" defaultValue="" alwaysStopAt="true" />
+    <context>
+      <option name="JAVA_SCRIPT" value="true" />
+      <option name="TypeScript" value="true" />
+    </context>
+  </template>
+  <template name="tool____ViewChild_Child" value="import { ViewChild } from '@angular/core'&#10;&#10;@ViewChild($COMPONENT$) private _childComponent!: $COMPONENT$;" description="дочерний компонент" toReformat="false" toShortenFQNames="true">
+    <variable name="COMPONENT" expression="" defaultValue="" alwaysStopAt="true" />
+    <context>
+      <option name="JAVA_SCRIPT" value="true" />
+      <option name="TypeScript" value="true" />
+    </context>
+  </template>
+  <template name="tool____ViewChild_Element" value="import { ViewChild, ElementRef } from '@angular/core'&#10;&#10;@ViewChild('element') private _element: ElementRef; // &lt;div #rootElement&gt;&lt;/div&gt;" description="html элемент" toReformat="false" toShortenFQNames="true">
+    <context>
+      <option name="JAVA_SCRIPT" value="true" />
+      <option name="TypeScript" value="true" />
+    </context>
+  </template>
+  <template name="tool____get_set" value="private _$VAR$: $TYPE$;&#10;&#10;public get $VAR$(): $TYPE$ {&#10;  return this._$VAR$;&#10;}&#10;&#10;public set $VAR$(value: $TYPE$) {&#10;  if (this._$VAR$ !== value) {&#10;    this._$VAR$ = value;&#10;    // this.cdr.markForCheck(); // если используется ChangeDetectionStrategy.OnPush&#10;  }&#10;}$END$" description="getter/setter типизированный" toReformat="false" toShortenFQNames="true">
+    <variable name="VAR" expression="" defaultValue="" alwaysStopAt="true" />
+    <variable name="TYPE" expression="" defaultValue="" alwaysStopAt="true" />
+    <context>
+      <option name="JAVA_SCRIPT" value="true" />
+      <option name="TypeScript" value="true" />
+    </context>
+  </template>
+  <template name="tool____get_set@Input()" value="private _$VAR$: $TYPE$;&#10;&#10;@Input()&#10;public get $VAR$(): $TYPE$ {&#10;  return this._$VAR$;&#10;}&#10;&#10;public set $VAR$(value: $TYPE$) {&#10;  if (this._$VAR$ !== value) {&#10;    this._$VAR$ = value;&#10;    // this.cdr.markForCheck(); // если используется ChangeDetectionStrategy.OnPush&#10;  }&#10;}$END$" description="" toReformat="false" toShortenFQNames="true">
+    <variable name="VAR" expression="" defaultValue="" alwaysStopAt="true" />
+    <variable name="TYPE" expression="" defaultValue="" alwaysStopAt="true" />
+    <context>
+      <option name="JAVA_SCRIPT" value="true" />
+      <option name="TypeScript" value="true" />
+    </context>
+  </template>
+  <template name="tool---Proxy_Логирование" value="public createProxyLog(target, onChange) {&#10;    // Обработка null и примитивов&#10;    if (target === null || typeof target !== 'object') {&#10;        return target;&#10;    }&#10;  &#10;    return new Proxy(target, {&#10;        set(obj, prop, value) {&#10;            const oldValue = obj[prop];&#10;          &#10;            // Рекурсивно обрабатываем новые объекты&#10;            const newValue = this.createProxyLog(value, onChange);&#10;          &#10;            obj[prop] = newValue;&#10;          &#10;            // Проверяем реальное изменение (учитываем NaN)&#10;            if (oldValue !== value &amp;&amp; !(Number.isNaN(oldValue) &amp;&amp; Number.isNaN(value))) {&#10;                onChange(prop, newValue, oldValue);&#10;            }&#10;          &#10;            return true;&#10;        },&#10;    &#10;        get(obj, prop) {&#10;            const value = obj[prop];&#10;          &#10;            // Рекурсивно создаем прокси для вложенных объектов&#10;            if (value !== null &amp;&amp; typeof value === 'object') {&#10;                return this.createProxyLog(value, onChange);&#10;            }&#10;          &#10;            return value;&#10;        },&#10;    &#10;        deleteProperty(obj, prop) {&#10;            const oldValue = obj[prop];&#10;            const deleted = delete obj[prop];&#10;          &#10;            if (deleted) { onChange(prop, undefined, oldValue); }&#10;          &#10;            return deleted;&#10;        }&#10;    });&#10;}&#10;&#10;&#10;// Использование:&#10;//let state = this.createProxyLog(&#10;//{ user: { name: 'Alice', age: 30 } settings: { theme: 'dark', notifications: true } }, &#10;//(prop, value, oldValue) =&gt; { console.log(`Property &quot;${prop}&quot; changed: ${oldValue} → ${value}`); });&#10;//&#10;// delete state.user.email;        // Property &quot;email&quot; changed: alice@example.com → undefined" description="Функция создания Proxy Логирование" toReformat="false" toShortenFQNames="true">
+    <context>
+      <option name="JAVA_SCRIPT" value="true" />
+      <option name="TypeScript" value="true" />
+    </context>
+  </template>
+  <template name="tool-as_const_3_satisfies_Record" value="// type UserId = 'id1' | 'id2' | 'id3';&#10;// const users = { id1: 'Alice', id2: 'Bob', id3: 'Charlie' // id4: 'David' // ❌ ошибка: ключ не из UserId } as const satisfies Record&lt;UserId, string&gt;;&#10;&#10;const obj = {$END$} as const satisfies Record&lt;$KEY_TYPE$, $VALUE_TYPE$&gt;;" description="константный объект с as const и satisfies Record" toReformat="false" toShortenFQNames="true">
+    <variable name="KEY_TYPE" expression="" defaultValue="" alwaysStopAt="true" />
+    <variable name="VALUE_TYPE" expression="" defaultValue="" alwaysStopAt="true" />
+    <context>
+      <option name="JAVA_SCRIPT" value="true" />
+      <option name="TypeScript" value="true" />
+    </context>
+  </template>
+  <template name="tool#type_never" value="// Если union‑тип (Direction) изменится, TypeScript выдаст ошибку компиляции, если switch не обновлён.&#10;type Direction = 'up' | 'down';&#10;&#10;public move(direction: Direction): number {&#10;    switch (direction) {&#10;        case 'up': return 1;&#10;        case 'down': return -1;&#10;        default:&#10;          //!!! Если добавлен новый вариант в `Direction` и не обработан — ошибка компиляции&#10;          const _: never = direction;&#10;          throw new Error(`Неизвестный ключ: ${_}`);&#10;    }&#10;}" description="пример обеспечения типовой безопасности при работе с union‑тип и switch" toReformat="false" toShortenFQNames="true" deactivated="true">
+    <context>
+      <option name="JAVA_SCRIPT" value="true" />
+      <option name="TypeScript" value="true" />
+    </context>
+  </template>
+  <template name="tool--Interface with readonly" value="// interface UserId { readonly id: number; }; const user: UserId = { id: 12345 };&#10;// Ошибка компиляции - user.id = 67890; // Cannot assign to 'id' because it is a read-only property&#10;interface I$NAME$ {&#10;  readonly $PROPERTY$: $TYPE$;&#10;}" description="Interface with readonly properties" toReformat="false" toShortenFQNames="true">
+    <variable name="NAME" expression="" defaultValue="" alwaysStopAt="true" />
+    <variable name="PROPERTY" expression="" defaultValue="" alwaysStopAt="true" />
+    <variable name="TYPE" expression="" defaultValue="" alwaysStopAt="true" />
+    <context>
+      <option name="JAVA_SCRIPT" value="true" />
+      <option name="TypeScript" value="true" />
+    </context>
+  </template>
+  <template name="tool#switch" value="switch ($EXPRESSION$) {&#10;  case $CASE1$: $BODY1$; break;&#10;  case $CASE2$: $BODY2$; break;&#10;  default:&#10;    $DEFAULT_BODY$;&#10;}&#10;" description="create SWITCH block" toReformat="false" toShortenFQNames="true">
+    <variable name="EXPRESSION" expression="" defaultValue="" alwaysStopAt="true" />
+    <variable name="CASE1" expression="" defaultValue="" alwaysStopAt="true" />
+    <variable name="BODY1" expression="" defaultValue="" alwaysStopAt="true" />
+    <variable name="CASE2" expression="" defaultValue="" alwaysStopAt="true" />
+    <variable name="BODY2" expression="" defaultValue="" alwaysStopAt="true" />
+    <variable name="DEFAULT_BODY" expression="" defaultValue="" alwaysStopAt="true" />
+    <context>
+      <option name="JAVA_SCRIPT" value="true" />
+      <option name="TypeScript" value="true" />
+    </context>
+  </template>
+  <template name="tool#switch_NEVER" value="// Если union‑тип (type Direction = 'up' | 'down';) изменится, TypeScript выдаст ошибку компиляции, если switch не обновлён.&#10;&#10;switch ($EXPRESSION$) {&#10;  case $CASE1$:&#10;    $BODY1$;&#10;    break;&#10;  case $CASE2$:&#10;    $BODY2$;&#10;    break;&#10;  default:&#10;    const _exhaustiveCheck: never = $EXPRESSION$;&#10;    throw new Error(`Необработанное значение: ${$EXPRESSION$}`);&#10;}&#10;" description="create SWITCH block with NEVER" toReformat="false" toShortenFQNames="true">
+    <variable name="EXPRESSION" expression="" defaultValue="" alwaysStopAt="true" />
+    <variable name="CASE1" expression="" defaultValue="" alwaysStopAt="true" />
+    <variable name="BODY1" expression="" defaultValue="" alwaysStopAt="true" />
+    <variable name="CASE2" expression="" defaultValue="" alwaysStopAt="true" />
+    <variable name="BODY2" expression="" defaultValue="" alwaysStopAt="true" />
+    <context>
+      <option name="JAVA_SCRIPT" value="true" />
+      <option name="TypeScript" value="true" />
+    </context>
+  </template>
+  <template name="tool----windowГлобальный_объект" value="declare global {&#10;    interface Window { $NAME$: any; }&#10;    &#10;    const $NAME$: any; // Добавляем глобальную переменную&#10;}&#10;&#10;(window as any).$NAME$ = $END$;&#10;&#10;export {};" description="Declare global window object and assign value" toReformat="false" toShortenFQNames="true">
+    <variable name="NAME" expression="" defaultValue="" alwaysStopAt="true" />
+    <context>
+      <option name="JAVA_SCRIPT" value="true" />
+      <option name="TypeScript" value="true" />
+    </context>
+  </template>
+  <template name="tool---globalErrorListeners" value="window.addEventListener('error', (event) =&gt; { console.warn('Global error:', event.error); }); // для обычных ошибок&#10;&#10;window.addEventListener('unhandledrejection', (event) =&gt; {&#10;  console.warn('Unhandled promise rejection:', event.reason); // для ошибок (например, async / Promise)&#10;});" description="Debug: global error &amp; promise rejection listeners" toReformat="false" toShortenFQNames="true">
+    <context>
+      <option name="JAVA_SCRIPT" value="true" />
+      <option name="TypeScript" value="true" />
+    </context>
+  </template>
+</templateSet>

package/webstorm/install-snippets.js

@@ -0,0 +1,88 @@
+#!/usr/bin/env node
+
+const fs = require('fs');
+const os = require('os');
+const path = require('path');
+
+function log(msg) {
+	console.log(`[tool] ${msg}`);
+}
+
+function getJetBrainsBaseDir() {
+	const home = os.homedir();
+
+	if (process.platform === 'darwin') {
+		return path.join(home, 'Library/Application Support/JetBrains');
+	}
+
+	if (process.platform === 'win32') {
+		return path.join(process.env.APPDATA, 'JetBrains');
+	}
+
+	return path.join(home, '.config/JetBrains');
+}
+
+function findAllWebStormTemplatesDirs(baseDir) {
+	if (!fs.existsSync(baseDir)) {
+		throw new Error('JetBrains directory not found');
+	}
+
+	const dirs = fs.readdirSync(baseDir);
+
+	const wsDirs = dirs.filter(d => d.startsWith('WebStorm'));
+
+	if (!wsDirs.length) {
+		throw new Error('WebStorm not found');
+	}
+
+	return wsDirs.map(dir => {
+		const templatesDir = path.join(baseDir, dir, 'templates');
+
+		if (!fs.existsSync(templatesDir)) {
+			fs.mkdirSync(templatesDir, { recursive: true });
+		}
+
+		return templatesDir;
+	});
+}
+
+function copySnippets(targetDir) {
+	const source = path.join(__dirname, '../webstorm/_tool-frontend.xml');
+
+	if (!fs.existsSync(source)) {
+		console.error('[tool] Snippets not found. Is the library installed?');
+		process.exit(1);
+	}
+
+	const destination = path.join(targetDir, '_tool-frontend.xml');
+
+	log(`Copy from: ${source}`);
+	log(`Copy to: ${destination}`);
+
+	if (!fs.existsSync(source)) {
+		throw new Error('Snippets file not found in package');
+	}
+
+	fs.copyFileSync(source, destination);
+}
+
+function run() {
+	try {
+		log('Installing WebStorm snippets...');
+
+		const baseDir = getJetBrainsBaseDir();
+		const templateDirs = findAllWebStormTemplatesDirs(baseDir);
+
+		templateDirs.forEach(dir => {
+			copySnippets(dir);
+			log(`✅ Installed to: ${dir}`);
+		});
+
+		log('⚠️ Restart WebStorm to apply snippets');
+	} catch (e) {
+		console.error('[evo-lib] ❌ Error:', e.message);
+		process.exit(1);
+	}
+}
+
+run();