voiptime-components 1.23.4 → 1.23.6

package/README.md

@@ -29,3 +29,67 @@ git push origin main
 генерування іконок
 npm run generate-icons
 
+# Іконки з Figma (src/icon-groups)
+
+Іконки згруповані за розділами з Figma-файлу
+[VT_icons_base](https://www.figma.com/design/6VQ3TVEZ2eEew06yQdjPFK/VT_icons_base--Copy-).
+Кожна група — окрема папка в `src/icon-groups/<група>/`, назва іконки = префікс групи + назва:
+
+```
+src/icon-groups/
+  left-menu/LeftMenuCrmIcon.vue   → <VIcon name="left_menu_crm" />
+  phone/PhoneHangupIcon.vue       → <VIcon name="phone_hangup" />
+  index.ts                        ← генерується автоматично, не редагувати
+```
+
+Однотонні іконки використовують `currentColor`, тому колір задається через `color`
+(`<VIcon name="filter_save" color="#a82525" />`). Багатоколірні (месенджери, прапори, no-data,
+`phone_answer_call`, `phone_hangup_call`) зберігають оригінальні кольори.
+
+Старі іконки з `src/icons` (`arrowDown`, `filterSave`, ...) теж працюють у `VIcon`, але вони deprecated —
+для нового коду використовуйте іконки з груп. Усі доступні іконки — в демо, розділ **Icon Groups** (`npm run dev`).
+
+## Налаштування токена Figma (один раз)
+
+1. Figma → Settings → Security → Personal access tokens → Generate new token, scope **File content: Read-only**.
+2. Створіть у корені проєкту файл `.env.local` (він у `.gitignore`):
+
+```
+FIGMA_TOKEN=figd_xxxxxxxxxxxxxxxx
+```
+
+## Скрипти
+
+| Команда | Що робить |
+|---|---|
+| `npm run fetch-icons` | Завантажує структуру файлу та SVG з Figma, оновлює кеш `.figma-cache`, перегенеровує `src/icon-groups` та `index.ts` |
+| `npm run fetch-icons:offline` | Те саме, але з кешу `.figma-cache`, без запитів до Figma |
+| `npm run generate-icon-groups` | Тільки перегенеровує `src/icon-groups/index.ts` з наявних `.vue` файлів |
+
+## Як оновити іконки, коли дизайнер змінив Figma
+
+1. Переконайтесь, що є `.env.local` з `FIGMA_TOKEN`.
+2. Запустіть `npm run fetch-icons`.
+3. Якщо скрипт повідомляє про **іконки без групи** — додайте новий фрейм Figma у `groups` в
+   `scripts/icon-groups.config.cjs` і запустіть `npm run fetch-icons:offline`.
+4. Якщо скрипт повідомляє про **дублікати назв** — додайте перейменування у `rename` і запустіть
+   `npm run fetch-icons:offline`.
+5. Перевірте результат у демо (`npm run dev` → Icon Groups) та `git diff src/icon-groups`.
+6. Закомітьте зміни (`feat: оновлено іконки` / `fix: ...`).
+
+> ⚠️ Figma має жорсткі ліміти на експорт (для деяких типів місць — кілька запитів на кілька днів).
+> Якщо отримали `перевищено ліміт запитів, повторіть через N хв` — дочекайтесь або використайте токен
+> акаунта з Dev/Full seat. Через це структура файлу та SVG кешуються у `.figma-cache` (не в git):
+> **для зміни груп і назв Figma не потрібна** — достатньо `npm run fetch-icons:offline`.
+> Кеш є тільки локально: на новій машині перший запуск має бути `npm run fetch-icons`.
+
+## Конфігурація `scripts/icon-groups.config.cjs`
+
+- `groups` — групи: `folder` (папка та префікс назви), `frames` (фрейми Figma, з яких беруться іконки),
+  `strip` (слова, які прибираються з початку назви: `messageEdit` → `message_edit`, а не `message_message_edit`),
+  `multicolor` / `multicolorIcons` — не замінювати кольори на `currentColor`.
+- `rename` — ручні назви у форматі `'<папка>/<назва у Figma>': '<назва без префікса>'`
+  (наприклад `'player/forword': 'forward'` → `player_forward`).
+- `skipColors` — іконки з цими кольорами пропускаються (сірий `#828282` у легенді дизайнера —
+  «не знаю, чи потрібні»).
+

package/dist/components/button/types.d.ts

@@ -1,4 +1,4 @@
-import { IconName } from '../../icons';
+import { IconName } from '../icon/icons';
 import { TooltipPlacement } from '../../directives/tooltip/types';
 export type VButtonType = 'default' | 'primary' | 'success' | 'danger' | 'warning' | 'info';
 export type VButtonShape = 'circle' | 'square';

package/dist/components/button/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAEvE,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;AAC5F,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE/C,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;CAC5B;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,QAAQ,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAEvE,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;AAC5F,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE/C,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;CAC5B;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,QAAQ,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}

package/dist/components/datepicker/VDatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VDatePicker.vue.d.ts","sourceRoot":"","sources":["../../../src/components/datepicker/VDatePicker.vue"],"names":[],"mappings":";AA89CE,OAAO,EAAwC,KAAK,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAigE9G,wBASG"}
+{"version":3,"file":"VDatePicker.vue.d.ts","sourceRoot":"","sources":["../../../src/components/datepicker/VDatePicker.vue"],"names":[],"mappings":";AAw/CE,OAAO,EAAwC,KAAK,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiiE9G,wBASG"}

package/dist/components/editor/constants.d.ts

@@ -1,4 +1,4 @@
-import { IconName } from '../../icons';
+import { IconName } from '../icon/icons';
 export declare const TOOLBAR_ICONS: Record<string, IconName>;
 export declare const HEADING_GROUPS: {
     value: string;

package/dist/components/editor/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/editor/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAuBlD,CAAC;AAEF,eAAO,MAAM,cAAc;;;GAM1B,CAAC;AAEF,eAAO,MAAM,WAAW;;;GAMvB,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/editor/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAExD,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAuBlD,CAAC;AAEF,eAAO,MAAM,cAAc;;;GAM1B,CAAC;AAEF,eAAO,MAAM,WAAW;;;GAMvB,CAAC"}

package/dist/components/editor/useEditorToolbar.d.ts

@@ -1,5 +1,5 @@
 import { VtEditorToolbarGroup } from './types';
-import { IconName } from '../../icons';
+import { IconName } from '../icon/icons';
 import { ComputedRef, Ref } from 'vue';
 export interface ToolbarItem {
     type: 'button' | 'select' | 'separator';

package/dist/components/editor/useEditorToolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useEditorToolbar.d.ts","sourceRoot":"","sources":["../../../src/components/editor/useEditorToolbar.ts"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAIpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,WAAW,CAAC;IACxC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,OAAO,CAAC;CAC7B;AAED,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,MAAM,oBAAoB,EAAE,EACpC,QAAQ,EAAE;IACR,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC;IACvC,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,EAAE,CAAC,IAAI,EAAE,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC;IACnD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,UAAU,EAAE,MAAM,OAAO,CAAC;CAC3B;;;6BAK6B,IAAI;0BAIL,WAAW,KAAG,OAAO;;;;;;;;;EAwOnD"}
+{"version":3,"file":"useEditorToolbar.d.ts","sourceRoot":"","sources":["../../../src/components/editor/useEditorToolbar.ts"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAIpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAExD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,WAAW,CAAC;IACxC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,OAAO,CAAC;CAC7B;AAED,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,MAAM,oBAAoB,EAAE,EACpC,QAAQ,EAAE;IACR,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC;IACvC,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,EAAE,CAAC,IAAI,EAAE,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC;IACnD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,UAAU,EAAE,MAAM,OAAO,CAAC;CAC3B;;;6BAK6B,IAAI;0BAIL,WAAW,KAAG,OAAO;;;;;;;;;EAwOnD"}

package/dist/components/empty/types.d.ts

@@ -1,4 +1,4 @@
-import { IconName } from '../../icons';
+import { IconName } from '../icon/icons';
 export interface VEmptyProps {
     icon?: IconName;
     text?: string;

package/dist/components/empty/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/empty/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/empty/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAExD,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf"}

package/dist/components/icon/VIcon.d.ts

@@ -1,4 +1,4 @@
-import { IconName } from '../../icons';
+import { IconName } from './icons';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 interface Props {
     name: IconName;

package/dist/components/icon/VIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VIcon.vue.d.ts","sourceRoot":"","sources":["../../../src/components/icon/VIcon.vue"],"names":[],"mappings":";AA+BE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAG5C,UAAU,KAAK;IACb,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;;WADS,MAAM;;AA6DlB,wBAOG"}
+{"version":3,"file":"VIcon.vue.d.ts","sourceRoot":"","sources":["../../../src/components/icon/VIcon.vue"],"names":[],"mappings":";AA+BE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAGxC,UAAU,KAAK;IACb,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;;WADS,MAAM;;AA6DlB,wBAOG"}