iwgt 2.4.12 → 2.4.13

package/dist/generators/info-generator.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Генераторы для info.json и messages.json
+ */
+import type { WidgetConfig } from './types.js';
+/**
+ * Генерирует имя виджета из описания
+ */
+export declare function generateWidgetName(description: string): string;
+/**
+ * Генерирует info.json
+ */
+export declare function generateInfoJson(config: WidgetConfig): Record<string, any>;
+/**
+ * Генерирует messages.json
+ * Использует только те ключи, которых нет в глобальных messages
+ * Глобальные ключи: background, indentation, content, adaptive, widget_background_color,
+ * wide_background, wide_content, padding_top, padding_bottom, content_max_width,
+ * remove_padding_at_edges, hide_desktop, hide_mobile и другие
+ */
+export declare function generateMessages(description: string): Record<string, any>;
+//# sourceMappingURL=info-generator.d.ts.map

package/dist/generators/info-generator.js

@@ -0,0 +1,70 @@
+/**
+ * Генераторы для info.json и messages.json
+ */
+/**
+ * Генерирует имя виджета из описания
+ */
+export function generateWidgetName(description) {
+    const words = description.split(' ').slice(0, 4);
+    return words.map(w => w.charAt(0).toUpperCase() + w.slice(1)).join(' ');
+}
+/**
+ * Определяет widget_list_kinds в зависимости от категории виджета
+ */
+function getWidgetListKinds(category) {
+    // Соответствие категорий и widget_list_kinds
+    const categoryToListKinds = {
+        'headers': ['header'],
+        'footers': ['footer'],
+        'cart': ['cart'],
+        'products-cards': ['product'],
+        // Все остальные категории
+    };
+    return categoryToListKinds[category] || ['content', 'footer'];
+}
+/**
+ * Генерирует info.json
+ */
+export function generateInfoJson(config) {
+    const infoJson = {
+        type: config.type === 'simple_widget_type' ? 'SimpleWidgetType' : 'BlockListWidgetType',
+        handle: config.handle,
+        page_kinds: ["all"],
+        widget_list_kinds: getWidgetListKinds(config.category),
+        generation: 4,
+        name: generateWidgetName(config.description),
+        widget_category_handle: config.category,
+        libraries: config.libraries.includes('my-layout') ? config.libraries : [...config.libraries, 'my-layout'],
+    };
+    // block_template_handle обязателен только для BlockListWidgetType
+    if (config.type === 'block_list_widget_type' && config.blockTemplate) {
+        infoJson.block_template_handle = config.blockTemplate.handle;
+    }
+    return infoJson;
+}
+/**
+ * Генерирует messages.json
+ * Использует только те ключи, которых нет в глобальных messages
+ * Глобальные ключи: background, indentation, content, adaptive, widget_background_color,
+ * wide_background, wide_content, padding_top, padding_bottom, content_max_width,
+ * remove_padding_at_edges, hide_desktop, hide_mobile и другие
+ */
+export function generateMessages(description) {
+    const name = generateWidgetName(description);
+    return {
+        ru: {
+            widget_name: name,
+            // Только специфичные для виджета переводы
+            // Все стандартные (background, indentation, content, adaptive и т.д.) уже есть в глобальных
+        },
+        en: {
+            widget_name: name,
+            // Только специфичные для виджета переводы
+        },
+        ua: {
+            widget_name: name,
+            // Только специфичные для виджета переводы
+        },
+    };
+}
+//# sourceMappingURL=info-generator.js.map

package/dist/generators/settings-generator.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Генераторы для настроек виджетов (settings_data.json, settings_form.json)
+ */
+import type { BaseSetting as Setting } from '../types/settings.js';
+import type { SettingsFormResult } from './types.js';
+/**
+ * Генерирует settings_data.json
+ */
+export declare function generateSettingsData(commonSettings: Setting[]): Record<string, any>;
+/**
+ * Генерирует settings_form.json
+ * Структура согласно документации:
+ * - content: специфичные настройки виджета
+ * - design: типовые настройки (фон, отступы, адаптивность)
+ *
+ * ВАЖНО:
+ * - Игнорирует виджеты без разделения на content/design
+ * - Предотвращает дублирование имен настроек
+ * - Автоматически классифицирует настройки по типу
+ */
+export declare function generateSettingsForm(commonSettings: Setting[]): SettingsFormResult;
+//# sourceMappingURL=settings-generator.d.ts.map

package/dist/generators/settings-generator.js

@@ -0,0 +1,455 @@
+/**
+ * Генераторы для настроек виджетов (settings_data.json, settings_form.json)
+ */
+/**
+ * Паттерны настроек, которые относятся к дизайну
+ * На основе анализа 350+ системных виджетов
+ */
+const DESIGN_SETTINGS_PATTERNS = [
+    // Цвета и фон
+    'bg', 'background', 'color', 'border', 'shadow',
+    // Размеры и отступы
+    'width', 'height', 'padding', 'margin', 'gap', 'spacing',
+    'pt', 'pb', 'pl', 'pr', 'mt', 'mb', 'ml', 'mr',
+    'layout-pt', 'layout-pb', 'layout-wide-bg', 'layout-wide-content',
+    'layout-content-max-width', 'layout-edge',
+    // Скрытие элементов
+    'hide-desktop', 'hide-mobile', 'hide-',
+    // Изображения
+    'img-ratio', 'img-fit', 'img-border-radius', 'banner-border-radius',
+    'image-ratio', 'image-fit', 'image-border-radius',
+    // Шрифты и типографика
+    'font-size', 'font-weight', 'font-family', 'text-align', 'line-height',
+    'heading-ratio', 'heading-weight', 'text-color',
+    // Сетка и позиционирование
+    'grid', 'flex', 'align', 'justify', 'position',
+    'catalog-grid', 'menu-grid', 'banner-grid',
+    // Анимации и эффекты
+    'hover', 'transition', 'animation', 'zoom', 'scale',
+    'switch-img', 'zoom-on-hover',
+    // Скругления и границы
+    'border-radius', 'radius', 'rounding',
+    // Рейтинг и стикеры
+    'rating-color', 'sticker-font-size', 'sale-bg',
+    // Продуктовые стили
+    'product-border-radius', 'product-background', 'product-bg',
+    'product-info-align', 'product-desc-limit',
+    // Меню и навигация
+    'menu-grid-list', 'menu-img', 'subcollections-items-limit',
+    'menu-item-min-width', 'menu-row-gap', 'menu-column-gap',
+    // Адаптивность
+    'mobile', 'desktop', 'responsive', 'breakpoint'
+];
+/**
+ * Паттерны настроек, которые относятся к контенту
+ * На основе анализа 350+ системных виджетов
+ */
+const CONTENT_SETTINGS_PATTERNS = [
+    // Текст и контент
+    'title', 'heading', 'text', 'description', 'content',
+    'current-page-description', 'current-page-short-description',
+    // Функциональность
+    'enable', 'disable', 'show', 'open', 'close',
+    'open-first', 'enable-server-reload',
+    // Данные и информация
+    'phone', 'email', 'address', 'working-hours',
+    'logo-img', 'logo-max-width',
+    // Навигация и меню
+    'menu-handle', 'navigation',
+    // Продукты и каталог
+    'product-hide', 'hide-variants', 'hide-sku', 'hide-description',
+    'hide-rating', 'hide-compare', 'hide-favorite',
+    'show-selected-variant-photos',
+    // Ссылки и виджеты
+    'link-to-widget', 'category-handle',
+    // Информационные блоки
+    'info', 'help', 'quick-checkout-info', 'favorites-enable',
+    // Настройки отображения контента
+    'display-property-color', 'video-before-image'
+];
+/**
+ * Определяет, относится ли настройка к дизайну
+ */
+function isDesignSetting(settingName) {
+    return DESIGN_SETTINGS_PATTERNS.some(pattern => settingName.includes(pattern) || settingName === pattern);
+}
+/**
+ * Определяет, относится ли настройка к контенту
+ */
+function isContentSetting(settingName) {
+    return CONTENT_SETTINGS_PATTERNS.some(pattern => settingName.includes(pattern) || settingName === pattern);
+}
+/**
+ * Создает элемент настройки для settings_form
+ */
+function createSettingItem(setting) {
+    const item = {
+        name: setting.name,
+        label: setting.label || setting.name,
+        type: setting.type,
+    };
+    // Добавляем class если указан
+    if (setting.class) {
+        item.class = setting.class;
+    }
+    // Специфичные свойства для разных типов с типизацией
+    switch (setting.type) {
+        case 'checkbox':
+            item.value = setting.value !== undefined ? setting.value : false;
+            break;
+        case 'text':
+        case 'rich-text':
+            item.value = setting.value || "";
+            break;
+        case 'select':
+            item.options = setting.options || [{ text: "{{ messages.default }}", value: "default" }];
+            item.value = setting.value || null;
+            break;
+        case 'button-group':
+            item.options = setting.options || [];
+            item.value = setting.value || null;
+            break;
+        case 'number':
+        case 'range':
+            item.min = setting.min !== undefined ? setting.min : 0;
+            item.max = setting.max !== undefined ? setting.max : 100;
+            item.step = setting.step !== undefined ? setting.step : 1;
+            if (setting.unit)
+                item.unit = setting.unit;
+            if (setting.with_btns)
+                item.with_btns = setting.with_btns;
+            break;
+        case 'color':
+            item.value = setting.value || "#ffffff";
+            if (setting.clearable)
+                item.clearable = setting.clearable;
+            if (setting.fallback)
+                item.fallback = setting.fallback;
+            break;
+        case 'file':
+            item.value = setting.value || null;
+            if (setting['with-generate-logo'])
+                item['with-generate-logo'] = setting['with-generate-logo'];
+            break;
+        case 'blog':
+            item.value = setting.value || null;
+            if (setting.edit_admin_link)
+                item.edit_admin_link = setting.edit_admin_link;
+            break;
+        case 'info':
+            item.value = setting.value || "";
+            break;
+        case 'current-page-description':
+            item.value = setting.value || "";
+            break;
+        case 'icon_group':
+            item.value = setting.value || "";
+            break;
+        case 'link-to-widget':
+            item.value = setting.value || "";
+            break;
+        case 'button_switch':
+            item.value = setting.value !== undefined ? setting.value : false;
+            break;
+        default:
+            // Для неизвестных типов используем базовые свойства
+            item.value = setting.value || "";
+    }
+    // Общие свойства
+    if (setting.help)
+        item.help = setting.help;
+    if (setting.general !== undefined)
+        item.general = setting.general;
+    if (setting.general_position)
+        item.general_position = setting.general_position;
+    if (setting.general_label)
+        item.general_label = setting.general_label;
+    if (setting.enable_server_reload)
+        item.enable_server_reload = setting.enable_server_reload;
+    if (setting.hide_mobile)
+        item.hide_mobile = setting.hide_mobile;
+    return item;
+}
+/**
+ * Генерирует settings_data.json
+ */
+export function generateSettingsData(commonSettings) {
+    const data = {
+        // Стандартные настройки design
+        bg: "",
+        "layout-wide-bg": false,
+        "layout-pt": 2,
+        "layout-pb": 2,
+        "layout-content-max-width": 1200,
+        "layout-wide-content": false,
+        "layout-edge": false,
+        "hide-desktop": false,
+        "hide-mobile": false,
+    };
+    // Добавляем дефолтное значение для заголовка
+    data.title = "";
+    // Добавляем настройки из категории
+    commonSettings.forEach(setting => {
+        // Генерируем дефолтное значение в зависимости от типа
+        switch (setting.type) {
+            case 'checkbox':
+                data[setting.name] = setting.value === true ? true : false;
+                break;
+            case 'text':
+            case 'rich-text':
+                data[setting.name] = setting.value || '';
+                break;
+            case 'number':
+            case 'range':
+                data[setting.name] = setting.value !== undefined ? setting.value : (setting.min || 0);
+                break;
+            case 'color':
+                data[setting.name] = setting.value || '';
+                break;
+            case 'select':
+                data[setting.name] = setting.value || (setting.options?.[0]?.value || 'default');
+                break;
+            case 'button-group':
+                data[setting.name] = setting.value || (setting.options?.[0]?.value || 'default');
+                break;
+            case 'file':
+                data[setting.name] = setting.value || null;
+                break;
+            case 'blog':
+                data[setting.name] = setting.value || null;
+                break;
+            case 'info':
+                data[setting.name] = setting.value || '';
+                break;
+            case 'current-page-description':
+                data[setting.name] = setting.value || '';
+                break;
+            case 'icon_group':
+                data[setting.name] = setting.value || '';
+                break;
+            case 'link-to-widget':
+                data[setting.name] = setting.value || '';
+                break;
+            case 'button_switch':
+                data[setting.name] = setting.value === true ? true : false;
+                break;
+            default:
+                data[setting.name] = setting.value || '';
+        }
+    });
+    return data;
+}
+/**
+ * Генерирует settings_form.json
+ * Структура согласно документации:
+ * - content: специфичные настройки виджета
+ * - design: типовые настройки (фон, отступы, адаптивность)
+ *
+ * ВАЖНО:
+ * - Игнорирует виджеты без разделения на content/design
+ * - Предотвращает дублирование имен настроек
+ * - Автоматически классифицирует настройки по типу
+ */
+export function generateSettingsForm(commonSettings) {
+    const form = {
+        content: [],
+        design: [
+            {
+                type: "group",
+                name: "{{ messages.background }}",
+                items: [
+                    {
+                        name: "bg",
+                        label: "{{ messages.widget_background_color }}",
+                        type: "color",
+                        clearable: true
+                    },
+                    {
+                        class: "checkbox",
+                        name: "layout-wide-bg",
+                        label: "{{ messages.wide_background }}",
+                        type: "checkbox"
+                    }
+                ]
+            },
+            {
+                type: "group",
+                name: "{{ messages.indentation }}",
+                items: [
+                    {
+                        class: "range",
+                        name: "layout-pt",
+                        min: 0,
+                        max: 10,
+                        step: 0.5,
+                        label: "{{ messages.padding_top }} (vw)",
+                        type: "number",
+                        with_btns: true,
+                        unit: "vw"
+                    },
+                    {
+                        class: "range",
+                        name: "layout-pb",
+                        min: 0,
+                        max: 10,
+                        step: 0.5,
+                        label: "{{ messages.padding_bottom }} (vw)",
+                        type: "number",
+                        with_btns: true,
+                        unit: "vw"
+                    }
+                ]
+            },
+            {
+                type: "group",
+                name: "{{ messages.content }}",
+                items: [
+                    {
+                        class: "number",
+                        name: "layout-content-max-width",
+                        min: 400,
+                        max: 2000,
+                        label: "{{ messages.content_max_width }}",
+                        type: "number",
+                        unit: "px",
+                        hide_mobile: true
+                    },
+                    {
+                        class: "checkbox",
+                        name: "layout-wide-content",
+                        label: "{{ messages.wide_content }}",
+                        type: "checkbox",
+                        hide_mobile: true
+                    },
+                    {
+                        class: "checkbox",
+                        name: "layout-edge",
+                        label: "{{ messages.remove_padding_at_edges }}",
+                        type: "checkbox"
+                    }
+                ]
+            },
+            {
+                type: "group",
+                name: "{{ messages.adaptive }}",
+                items: [
+                    {
+                        class: "checkbox",
+                        name: "hide-desktop",
+                        label: "{{ messages.hide_desktop }}",
+                        type: "checkbox"
+                    },
+                    {
+                        class: "checkbox",
+                        name: "hide-mobile",
+                        label: "{{ messages.hide_mobile }}",
+                        type: "checkbox"
+                    }
+                ]
+            }
+        ]
+    };
+    let count = 11; // базовые настройки в design (bg, layout-wide-bg, layout-pt, layout-pb, layout-content-max-width, layout-wide-content, layout-edge, hide-desktop, hide-mobile)
+    // Проверяем, есть ли настройки без разделения на content/design
+    // Если все настройки относятся к дизайну, игнорируем их (как в системных виджетах)
+    const hasContentSettings = commonSettings.some(setting => isContentSetting(setting.name));
+    if (!hasContentSettings && commonSettings.length > 0) {
+        console.warn('⚠️ Все настройки относятся к дизайну. Игнорируем их, как в системных виджетах без разделения content/design.');
+        // Добавляем только базовую группу с заголовком
+        form.content.push({
+            type: "group",
+            name: "{{ messages.content_settings }}",
+            items: [
+                {
+                    class: "text",
+                    name: "title",
+                    label: "{{ messages.title }}",
+                    type: "text",
+                    general: true
+                }
+            ]
+        });
+        count++;
+        return { form, count };
+    }
+    // Собираем уникальные имена настроек для предотвращения дубликатов
+    const usedNames = new Set();
+    // Добавляем имена базовых настроек design
+    ['bg', 'layout-wide-bg', 'layout-pt', 'layout-pb', 'layout-content-max-width', 'layout-wide-content', 'layout-edge', 'hide-desktop', 'hide-mobile'].forEach(name => {
+        usedNames.add(name);
+    });
+    // Разделяем настройки на content и design
+    const contentSettings = [];
+    const designSettings = [];
+    commonSettings.forEach(setting => {
+        // Проверяем дубликаты
+        if (usedNames.has(setting.name)) {
+            console.warn(`⚠️ Дублирующееся имя настройки "${setting.name}". Пропускаем.`);
+            return;
+        }
+        usedNames.add(setting.name);
+        // Классифицируем настройку
+        if (isDesignSetting(setting.name)) {
+            designSettings.push(setting);
+        }
+        else if (isContentSetting(setting.name)) {
+            contentSettings.push(setting);
+        }
+        else {
+            // Если не можем определить, добавляем в content по умолчанию
+            console.warn(`⚠️ Неопределенный тип настройки "${setting.name}". Добавляем в content.`);
+            contentSettings.push(setting);
+        }
+    });
+    // Добавляем настройки дизайна в соответствующие группы
+    if (designSettings.length > 0) {
+        const designGroup = {
+            type: "group",
+            name: "{{ messages.widget_settings }}",
+            items: [],
+        };
+        designSettings.forEach(setting => {
+            const item = createSettingItem(setting);
+            designGroup.items.push(item);
+            count++;
+        });
+        if (designGroup.items.length > 0) {
+            form.design.push(designGroup);
+        }
+    }
+    // Добавляем настройки контента
+    if (contentSettings.length > 0) {
+        const categoryGroup = {
+            type: "group",
+            name: "{{ messages.settings }}",
+            items: [],
+        };
+        contentSettings.forEach(setting => {
+            const item = createSettingItem(setting);
+            categoryGroup.items.push(item);
+            count++;
+        });
+        if (categoryGroup.items.length > 0) {
+            form.content.push(categoryGroup);
+        }
+    }
+    else {
+        // Если нет специфичных настроек контента, добавляем минимальную группу с заголовком
+        form.content.push({
+            type: "group",
+            name: "{{ messages.content_settings }}",
+            items: [
+                {
+                    class: "text",
+                    name: "title",
+                    label: "{{ messages.title }}",
+                    type: "text",
+                    general: true
+                }
+            ]
+        });
+        count++;
+    }
+    return { form, count };
+}
+//# sourceMappingURL=settings-generator.js.map

package/dist/generators/snippet-generator.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Генераторы для snippet файлов (liquid, scss, js)
+ */
+import type { WidgetConfig } from './types.js';
+import type { BlockTemplate } from '../types/index.js';
+/**
+ * Генерирует snippet.liquid
+ * ВАЖНО: Код автоматически оборачивается системой в div.layout с CSS-переменными
+ * НЕ добавляйте обёртку layout вручную!
+ */
+export declare function generateSnippetLiquid(config: WidgetConfig, cleanMode?: boolean): string;
+/**
+ * Генерирует snippet.scss
+ * ВАЖНО: Весь код оборачивается в класс виджета
+ * Используйте & для обращения к родительскому элементу (layout + класс виджета)
+ */
+export declare function generateSnippetScss(config: WidgetConfig, cleanMode?: boolean): string;
+/**
+ * Генерирует snippet.js
+ * ВАЖНО:
+ * - Код автоматически оборачивается в try/catch
+ * - Доступны переменные: widget (селектор) и $widget (jQuery объект)
+ * - НЕ используйте Vue.js или другие фреймворки!
+ * - На странице может быть несколько экземпляров виджета - используйте $widget.each()
+ */
+export declare function generateSnippetJs(config: WidgetConfig, cleanMode?: boolean): string;
+/**
+ * Генерирует setup.json для block_list_widget_type
+ */
+export declare function generateSetupJson(blockTemplate: BlockTemplate): Record<string, any>;
+//# sourceMappingURL=snippet-generator.d.ts.map