iwgt 2.4.11 → 2.4.13

package/dist/generators/index.js

@@ -1,1031 +1,27 @@
 /**
  * Генераторы файлов виджетов
- * Модуль содержит функции для генерации содержимого файлов виджета
- */
-/**
- * Генерирует имя виджета из описания
- */
-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,
-            // Только специфичные для виджета переводы
-        },
-    };
-}
-/**
- * Генерирует 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 => {
-        if (setting.type === 'checkbox') {
-            // Всегда используем false для булевых, null превращается в true на сервере
-            const value = setting.value;
-            data[setting.name] = value === true ? true : false;
-        }
-        else if (setting.type === 'text' || setting.type === 'rich-text') {
-            data[setting.name] = setting.value || '';
-        }
-        else if (setting.type === 'number' || setting.type === 'range') {
-            data[setting.name] = setting.value !== undefined ? setting.value : (setting.min || 0);
-        }
-        else if (setting.type === 'color') {
-            data[setting.name] = setting.value || '';
-        }
-        else if (setting.type === 'select') {
-            data[setting.name] = setting.value || (setting.options?.[0]?.value || 'default');
-        }
-        else {
-            data[setting.name] = setting.value || '';
-        }
-    });
-    return data;
-}
-/**
- * Генерирует settings_form.json
- * Структура согласно документации:
- * - 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
-    if (commonSettings.length > 0) {
-        const categoryGroup = {
-            type: "group",
-            name: "{{ messages.settings }}",
-            items: [],
-        };
-        commonSettings.forEach(setting => {
-            const item = {
-                name: setting.name,
-                label: setting.label || setting.name,
-                type: setting.type,
-            };
-            // Добавляем class если указан
-            if (setting.class) {
-                item.class = setting.class;
-            }
-            // Специфичные свойства для разных типов
-            if (setting.type === 'checkbox') {
-                item.value = setting.value !== undefined ? setting.value : false;
-            }
-            else if (setting.type === 'text' || setting.type === 'rich-text') {
-                item.value = setting.value || "";
-            }
-            else if (setting.type === 'select') {
-                item.options = setting.options || [{ text: "{{ messages.default }}", value: "default" }];
-                item.value = setting.value || null;
-            }
-            else if (setting.type === 'number' || setting.type === '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;
-            }
-            else if (setting.type === 'color') {
-                item.value = setting.value || "#ffffff";
-                if (setting.clearable)
-                    item.clearable = setting.clearable;
-            }
-            // Общие свойства
-            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;
-            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 };
-}
-/**
- * Генерирует snippet.liquid
- * ВАЖНО: Код автоматически оборачивается системой в div.layout с CSS-переменными
- * НЕ добавляйте обёртку layout вручную!
- */
-export function generateSnippetLiquid(config) {
-    const useBlocks = config.type === 'block_list_widget_type';
-    let liquid = `{% comment %}
-  Виджет: ${generateWidgetName(config.description)}
-  Категория: ${config.category}
-  Тип: ${config.type}
-  
-  ВАЖНО: 
-  - Этот код будет автоматически обёрнут в div.layout с классом widget-type_${config.handle}
-  - CSS-переменные из настроек будут доступны через var(--handle-настройки)
-  - Используйте widget_settings для доступа к настройкам
-  ${useBlocks ? '- Блоки доступны через data.blocks (не widget.blocks!)' : ''}
-{% endcomment %}
-
-<div class="widget-container">
-`;
-    // Заголовок виджета (если есть в настройках)
-    liquid += `  {% if widget_settings.show-heading %}
-    <h2 class="widget-heading">{{ widget_settings.heading-text }}</h2>
-  {% endif %}
-
-`;
-    if (useBlocks) {
-        const blockTemplate = config.blockTemplate;
-        const exampleFields = blockTemplate ? Object.keys(blockTemplate.fields).slice(0, 3) : ['name', 'image', 'link'];
-        liquid += `  {% comment %} Блоки используют шаблон: ${blockTemplate?.handle || 'не указан'} {% endcomment %}
-  {% if data.blocks and data.blocks.size > 0 %}
-    <div class="widget-blocks">
-      {% for block in data.blocks %}
-        <div class="widget-block">
-          {% comment %} Доступные поля блока: ${exampleFields.join(', ')} {% endcomment %}
-          
-          {% if block.image %}
-            {% assign img_width = widget_settings.layout-content-max-width | default: 1200 %}
-            <picture class="block-image">
-              <source media="(min-width:769px)" data-srcset="{{ block.image | image_url: img_width, format: 'webp', resizing_type: 'fit_width' }}" type="image/webp" class="lazyload">
-              <source media="(max-width:768px)" data-srcset="{{ block.image | image_url: 768, format: 'webp', resizing_type: 'fit_width' }}" type="image/webp" class="lazyload">
-              <img data-src="{{ block.image | image_url: 800, resizing_type: 'fit_width' }}" alt="{{ block.name }}" class="lazyload">
-            </picture>
-          {% endif %}
-          
-          {% if block.name %}
-            <h3 class="block-title">{{ block.name }}</h3>
-          {% endif %}
-          
-          {% if block.description or block.content %}
-            <div class="block-content">
-              {{ block.description | default: block.content }}
-            </div>
-          {% endif %}
-          
-          {% if block.link %}
-            <a href="{{ block.link }}" class="block-link">
-              {{ block.button_text | default: widget_messages.read_more }}
-            </a>
-          {% endif %}
-        </div>
-      {% endfor %}
-    </div>
-  {% else %}
-    {% comment %} Заглушка для редактора {% endcomment %}
-    {% if editor_mode? %}
-      <div class="widget-empty">
-        <p>{{ widget_messages.no_blocks | default: 'Добавьте блоки для отображения контента' }}</p>
-      </div>
-    {% endif %}
-  {% endif %}
-`;
-    }
-    else {
-        liquid += `  <div class="widget-content">
-    {% comment %} Здесь размещается контент простого виджета {% endcomment %}
-    <p>{{ widget_messages.widget_description | default: 'Контент виджета' }}</p>
-  </div>
-`;
-    }
-    liquid += `</div>
-`;
-    return liquid;
-}
-/**
- * Генерирует snippet.scss
- * ВАЖНО: Весь код оборачивается в класс виджета
- * Используйте & для обращения к родительскому элементу (layout + класс виджета)
- */
-export function generateSnippetScss(config) {
-    return `// ВАЖНО: Код автоматически оборачивается в .layout.widget-type_${config.handle}
-// Используйте & для обращения к родительскому классу
-// CSS-переменные из настроек доступны через var(--название-настройки)
-
-// КРИТИЧЕСКИ ВАЖНО: Миксин background-color устанавливает фон И автоматически
-// определяет контрастный цвет текста (светлый на тёмном фоне и наоборот)
-// Переменная --bg всегда доступна из настроек design
-@include background-color(--bg);
-
-& {
-  // Основные стили родительского элемента
-  padding-top: var(--layout-pt, 2rem);
-  padding-bottom: var(--layout-pb, 2rem);
-  position: relative;
-}
-
-// Широкий фон
-&[style*="--layout-wide-bg:true"] {
-  width: 100vw;
-  margin-left: calc(50% - 50vw);
-}
-
-// Скрытие на устройствах
-&[style*="--hide-desktop:true"] {
-  @media (min-width: 1024px) {
-    display: none;
-  }
-}
-
-&[style*="--hide-mobile:true"] {
-  @media (max-width: 767px) {
-    display: none;
-  }
-}
-
-// Состояния на основе настроек
-&[style*="--heading-hide:true"] {
-  .widget-heading {
-    display: none;
-  }
-}
-
-// Контейнер виджета
-.widget-container {
-  max-width: var(--layout-content-max-width, 1200px);
-  margin: 0 auto;
-  padding: 0 15px;
-}
-
-// Заголовок виджета
-.widget-heading {
-  text-align: var(--align-title, left);
-  margin-bottom: 2rem;
-  font-size: 1.5rem;
-  font-weight: 600;
-}
-
-// Блоки (для block_list_widget_type)
-.widget-blocks {
-  display: grid;
-  gap: var(--slide-gap, 2rem);
-  
-  @media (min-width: 768px) {
-    grid-template-columns: repeat(auto-fit, minmax(var(--slide-width, 300px), 1fr));
-  }
-  
-  @media (max-width: 767px) {
-    grid-template-columns: repeat(auto-fit, minmax(var(--slide-width-mobile, 150px), 1fr));
-  }
-}
-
-.widget-block {
-  position: relative;
-  
-  .block-image {
-    width: 100%;
-    aspect-ratio: var(--img-ratio, 1);
-    object-fit: cover;
-    border-radius: var(--banner-border-radius, 0);
-    overflow: hidden;
-    
-    @media (max-width: 767px) {
-      aspect-ratio: var(--img-ratio-mobile, 1);
-    }
-    
-    img {
-      width: 100%;
-      height: 100%;
-      object-fit: cover;
-      transition: transform 0.3s ease;
-    }
-  }
-  
-  &:hover .block-image img {
-    transform: scale(1.05);
-  }
-  
-  .block-title {
-    margin: 1rem 0 0.5rem;
-    font-size: 1.25rem;
-    font-weight: 600;
-  }
-  
-  .block-content {
-    margin: 0.5rem 0;
-    color: var(--text-color, inherit);
-    line-height: 1.6;
-  }
-  
-  .block-link {
-    display: inline-block;
-    margin-top: 1rem;
-    padding: 0.5rem 1.5rem;
-    background: var(--button-bg, #000);
-    color: var(--button-color, #fff);
-    text-decoration: none;
-    border-radius: var(--button-radius, 4px);
-    transition: opacity 0.2s;
-    
-    &:hover {
-      opacity: 0.8;
-    }
-  }
-}
-
-// Заглушка для редактора
-.widget-empty {
-  padding: 3rem;
-  text-align: center;
-  background: #f5f5f5;
-  border: 2px dashed #ddd;
-  border-radius: 8px;
-  
-  p {
-    margin: 0;
-    color: #999;
-    font-size: 0.875rem;
-  }
-}
-
-// Адаптивность
-@media screen and (max-width: 767px) {
-  & {
-    // На мобильных используются те же переменные --layout-pt и --layout-pb
-    // Значения задаются в настройках в vw
-  }
-}
-`;
-}
-/**
- * Генерирует snippet.js
- * ВАЖНО:
- * - Код автоматически оборачивается в try/catch
- * - Доступны переменные: widget (селектор) и $widget (jQuery объект)
- * - НЕ используйте Vue.js или другие фреймворки!
- * - На странице может быть несколько экземпляров виджета - используйте $widget.each()
- */
-export function generateSnippetJs(config) {
-    const hasJquery = config.libraries.includes('jquery');
-    const hasCommonjs = config.libraries.includes('commonjs_v2');
-    const hasSplide = config.libraries.includes('splide') || config.libraries.includes('splide3');
-    const widgetClass = `widget-type_${config.handle}`;
-    let js = `/**
- * Виджет: ${generateWidgetName(config.description)}
- * Handle: ${config.handle}
- * 
- * ВАЖНО:
- * - Этот код автоматически оборачивается в try/catch
- * - Доступны переменные: widget = '.${widgetClass}' и $widget = $('.${widgetClass}')
- * - Виджет обёрнут в .layout.${widgetClass}
- * - На странице может быть несколько виджетов - используйте $widget.each()
- */
-
-`;
-    if (hasCommonjs) {
-        js += `// CommonJS API InSales
-// Документация: https://liquidhub.ru/collection/start
-// Основные модули: EventBus, Cart, Products, Shop
-
-`;
-    }
-    if (hasJquery) {
-        js += `// Переменная $widget уже доступна (создана системой)
-// ВАЖНО: На странице может быть несколько виджетов одного типа
-if ($widget.length === 0) return;
-
-console.log('Виджет ${config.handle} инициализирован, найдено экземпляров:', $widget.length);
-
-// Перебираем каждый экземпляр виджета на странице
-$widget.each(function(index, el) {
-  const $widgetInstance = $(el);
-  
-  // Пример: получение настроек из CSS-переменных для каждого экземпляра
-  const settings = {
-    slideWidth: getComputedStyle(el).getPropertyValue('--slide-width'),
-    slideGap: getComputedStyle(el).getPropertyValue('--slide-gap'),
-  };
-  
-  console.log(\`Инициализация виджета #\${index}\`, settings);
-
-`;
-        if (hasSplide) {
-            js += `  // Инициализация Splide слайдера для этого экземпляра
-  const splideEl = $widgetInstance.find('.splide');
-  if (splideEl.length) {
-    new Splide(splideEl[0], {
-      type: 'loop',
-      perPage: 3,
-      perMove: 1,
-      gap: '1rem',
-      pagination: false,
-      breakpoints: {
-        768: {
-          perPage: 1,
-        },
-        1024: {
-          perPage: 2,
-        },
-      },
-    }).mount();
-  }
-
-`;
-        }
-        js += `  // Ваш код для каждого экземпляра виджета
-});
-
-`;
-        if (hasCommonjs) {
-            js += `// Пример работы с EventBus (глобальные события, вне цикла)
-EventBus.subscribe('cart:add', function(cart) {
-  console.log('Товар добавлен в корзину', cart);
-});
-
-// Реакция на изменение настроек в редакторе
-EventBus.subscribe([
-  'widget:input-setting:insales:system:editor',
-  'widget:change-setting:insales:system:editor'
-], function(data) {
-  console.log('Настройка изменена:', data.setting_name, data.value);
-  // Здесь можно обновить виджет при изменении настроек
-});
-
-`;
-        }
-    }
-    else {
-        js += `// Переменная widget уже доступна (создана системой)
-// ВАЖНО: На странице может быть несколько виджетов одного типа
-const widgetElements = document.querySelectorAll(widget);
-
-if (widgetElements.length === 0) return;
-
-console.log('Виджет ${config.handle} инициализирован, найдено экземпляров:', widgetElements.length);
-
-// Перебираем каждый экземпляр виджета на странице
-widgetElements.forEach((el, index) => {
-  // Пример: получение настроек из CSS-переменных для каждого экземпляра
-  const styles = getComputedStyle(el);
-  const settings = {
-    slideWidth: styles.getPropertyValue('--slide-width'),
-    slideGap: styles.getPropertyValue('--slide-gap'),
-  };
-  
-  console.log(\`Инициализация виджета #\${index}\`, settings);
-
-`;
-        if (hasSplide) {
-            js += `  // Инициализация Splide слайдера для этого экземпляра
-  const splideEl = el.querySelector('.splide');
-  if (splideEl) {
-    new Splide(splideEl, {
-      type: 'loop',
-      perPage: 3,
-      perMove: 1,
-      gap: '1rem',
-      pagination: false,
-      breakpoints: {
-        768: {
-          perPage: 1,
-        },
-        1024: {
-          perPage: 2,
-        },
-      },
-    }).mount();
-  }
-
-`;
-        }
-        js += `  // Ваш код для каждого экземпляра виджета
-});
-
-`;
-        if (hasCommonjs) {
-            js += `// Пример работы с EventBus (глобальные события, вне цикла)
-if (typeof EventBus !== 'undefined') {
-  EventBus.subscribe('cart:add', function(cart) {
-    console.log('Товар добавлен в корзину', cart);
-  });
-  
-  // Реакция на изменение настроек в редакторе
-  EventBus.subscribe([
-    'widget:input-setting:insales:system:editor',
-    'widget:change-setting:insales:system:editor'
-  ], function(data) {
-    console.log('Настройка изменена:', data.setting_name, data.value);
-    // Здесь можно обновить виджет при изменении настроек
-  });
-}
-
-`;
-        }
-    }
-    return js;
-}
-/**
- * Генерирует setup.json для block_list_widget_type
- */
-export function generateSetupJson(blockTemplate) {
-    // Создаем дефолтный блок с полями из block template
-    const createDefaultBlock = () => {
-        const block = {};
-        blockTemplate.fields.forEach(field => {
-            // Генерируем дефолтные значения в зависимости от типа поля
-            switch (field.kind) {
-                case 'text':
-                case 'link':
-                    block[field.handle] = '';
-                    break;
-                case 'textarea':
-                case 'html':
-                    block[field.handle] = '';
-                    break;
-                case 'account_file':
-                case 'image':
-                    // Для изображений оставляем пустую строку или placeholder ID
-                    block[field.handle] = '';
-                    break;
-                case 'checkbox':
-                    block[field.handle] = false;
-                    break;
-                case 'number':
-                case 'range':
-                    block[field.handle] = 0;
-                    break;
-                case 'color':
-                    block[field.handle] = '#000000';
-                    break;
-                case 'collection':
-                case 'product':
-                case 'blog':
-                case 'article':
-                case 'page':
-                    block[field.handle] = null;
-                    break;
-                default:
-                    block[field.handle] = '';
-            }
-        });
-        return block;
-    };
-    // Создаем 3-4 дефолтных блока для примера
-    const defaultBlocksCount = Math.min(4, Math.max(2, blockTemplate.fields.length > 5 ? 2 : 3));
-    const blocks = Array.from({ length: defaultBlocksCount }, () => createDefaultBlock());
-    return {
-        blocks
-    };
-}
-/**
- * Генерирует код меню категорий на основе выбранного паттерна
- */
-export function generateCollectionsMenu(args) {
-    // Импортируем паттерны
-    const collectionsMenuPatterns = {
-        patterns: [
-            {
-                id: 'two_level_hierarchical',
-                cacheKeyPattern: 'cache_menu_key_{{ widget_drop.list_item_id }}_{{ collections.last_updated_at }}_{{ language.locale }}_{{ custom_params }}',
-                requiredSettings: [
-                    {
-                        handle: 'subcollections-items-limit',
-                        type: 'to_integer',
-                        default: 10,
-                        description: 'Ограничение количества подкатегорий для отображения'
-                    },
-                    {
-                        handle: 'hide-menu-photo',
-                        type: 'checkbox',
-                        default: false,
-                        description: 'Скрыть фотографии категорий'
-                    },
-                    {
-                        handle: 'hide-counts',
-                        type: 'checkbox',
-                        default: false,
-                        description: 'Скрыть счетчики товаров'
-                    }
-                ],
-                liquidCode: `{% assign subcollections_items_limit = widget_settings.subcollections-items-limit | to_integer %}
-{% capture cache_menu_key %}cache_menu_key_{{ collections.last_updated_at }}_{{ language.locale }}_{{ widget_settings.hide-menu-photo }}_{{ widget_settings.subcollections-items-limit }}{% endcapture %}
-
-<ul class="menu" data-navigation data-subcollections-items-limit={{subcollections_items_limit}}>
-  {% cache cache_menu_key %}
-  {% assign level_1 = collections.root_category.subcollections %}
-  {% for level_1_item in level_1 %}
-    {% assign level_2 = level_1_item.subcollections %}
-    
-    <li class="menu__item is-level-1" data-navigation-item>
-      <div class="menu__controls">
-        <a href="{{ level_1_item.url }}" class="menu__link" data-navigation-link="{{ level_1_item.url }}">
-          {{ level_1_item.title }}
-        </a>
-        
-        {% if level_2.size > 0 %}
-          <button class="menu__show-submenu-btn" type="button">
-            <i class="icon icon-angle-down"></i>
-          </button>
-        {% endif %}
-      </div>
-      
-      {% if level_2.size > 0 %}
-        <ul class="menu__submenu" data-navigation-submenu>
-          {% for level_2_item in level_2 %}
-            <li class="menu__item {%if forloop.index > subcollections_items_limit %}is-hide{% endif%}" data-navigation-item>
-              <div class="menu__controls">
-                <a href="{{ level_2_item.url }}" class="menu__link" data-navigation-link="{{ level_2_item.url }}">
-                  {{ level_2_item.title }}
-                  {% if editor_mode? or widget_settings.hide-counts != true %}
-                    {% if level_2_item.products_count > 0 %}
-                      <span class="menu__item-count">{{ level_2_item.products_count }}</span>
-                    {% endif %}
-                  {% endif %}
-                </a>
-              </div>
-            </li>
-          {% endfor %}
-        </ul>
-      {% endif %}
-    </li>
-  {% endfor %}
-  {% endcache %}
-</ul>`
-            },
-            {
-                id: 'multi_level_flatten',
-                cacheKeyPattern: 'cache_menu_key_{{ widget_drop.list_item_id }}_{{ collections.last_updated_at }}_{{ language.locale }}_{{ level_limit }}',
-                requiredSettings: [
-                    {
-                        handle: 'level-limit',
-                        type: 'to_integer',
-                        default: 3,
-                        description: 'Максимальная глубина вложенности меню'
-                    }
-                ],
-                liquidCode: `{% assign level_limit = widget_settings.level-limit | default: 3 | to_integer %}
-{% capture cache_menu_key %}cache_menu_key_{{ collections.last_updated_at }}_{{ language.locale }}_{{ level_limit }}{% endcapture %}
-{% assign prev_link_level = 1 %}
-
-<ul class="menu" data-navigation>
-  {% cache cache_menu_key %}
-  {% assign root_level = collections.root_category.level %}
-  {% for link in collections.root_category.flatten_branch %}
-    {% assign node_level = link.level | minus: root_level %}
-    {% assign _in_limit = level_limit | minus: node_level %}
-    {% assign _next_level_in_limit = _in_limit | minus: 1 %}
-    
-    {% assign show_level = false %}
-    {% if _in_limit >= 0 %}
-      {% assign show_level = true %}
-    {% endif %}
-    
-    {% assign show_next_level = false %}
-    {% if link.subcollections.size > 0 and _next_level_in_limit >= 0 %}
-      {% assign show_next_level = true %}
-    {% endif %}
-    
-    {% if show_level %}
-      {% assign level_difference = prev_link_level | minus: link.level | plus: root_level %}
-      
-      {% if level_difference > 0 %}
-        {% for i in (1..level_difference) %}
-          {% unless forloop.first %}</li>{% endunless %}
-          </ul>
-        {% endfor %}
-        </li>
-      {% endif %}
-      
-      <li class="menu__item" data-navigation-item>
-        <div class="menu__controls {% if show_next_level %}with-submenu{% endif %}">
-          <a href="{{ link.url }}" class="menu__link" data-navigation-link="{{ link.url }}">
-            {{ link.title }}
-          </a>
-          
-          {% if show_next_level %}
-            <button class="menu__show-submenu-btn" type="button">
-              <i class="icon icon-angle-down"></i>
-            </button>
-          {% endif %}
-        </div>
-        
-        {% if show_next_level %}
-          <ul class="menu__submenu" data-navigation-submenu>
-        {% endif %}
-        
-        {% assign prev_link_level = node_level %}
-        
-        {% unless show_next_level %}
-          </li>
-        {% endunless %}
-        
-        {% if forloop.last %}
-          {% assign prev_link_level = node_level | minus: 1 %}
-          {% for i in (1..prev_link_level) %}
-            </ul>
-          {% endfor %}
-        {% endif %}
-    {% endif %}
-  {% endfor %}
-  {% endcache %}
-</ul>`
-            },
-            {
-                id: 'simple_subcollections',
-                cacheKeyPattern: 'cache_menu_key_{{ widget_drop.list_item_id }}_{{ collections.last_updated_at }}_{{ language.locale }}_{{ collection_handle }}',
-                requiredSettings: [
-                    {
-                        handle: 'collection-handle',
-                        type: 'string',
-                        default: '',
-                        description: 'Handle категории (по умолчанию root_category)'
-                    }
-                ],
-                liquidCode: `{% capture cache_menu_key %}cache_menu_key_{{ collections.last_updated_at }}_{{ language.locale }}_{{ widget_settings.collection-handle }}{% endcapture %}
-{% cache cache_menu_key %}
-  {% assign source_handle = widget_settings.collection-handle | default: collections.root_category.handle %}
-  {% assign collection_list = collections[source_handle].subcollections %}
-  {% if collection_list.size > 0 %}
-    <div class="menu-wrapper">
-      <ul class="menu" data-navigation>
-        {% for collection_item in collection_list %}
-          <li class="menu__item" data-navigation-item>
-            <div class="menu__controls">
-              <a href="{{ collection_item.url }}" class="menu__link" data-navigation-link="{{ collection_item.url }}">
-                {{ collection_item.title }}
-              </a>
-            </div>
-          </li>
-        {% endfor %}
-      </ul>
-    </div>
-  {% endif %}
-{% endcache %}`
-            },
-            {
-                id: 'flat_collections_list',
-                cacheKeyPattern: 'cache_menu_key_{{ widget_drop.list_item_id }}_{{ collections.last_updated_at }}_{{ language.locale }}',
-                requiredSettings: [],
-                liquidCode: `{% capture cache_menu_key %}cache_menu_key_{{ collections.last_updated_at }}_{{ language.locale }}{% endcapture %}
-{% cache cache_menu_key %}
-  {% if collections.root_category.subcollections.size > 0 %}
-    <div class="menu-wrapper" data-navigation>
-      {% for collection in collections %}
-        {% if collection.products_count > 0 %}
-          <div class="menu__item" data-navigation-item>
-            <a class="menu__link" href="{{ collection.url }}" data-navigation-link="{{ collection.url }}">
-              <span class="menu__title">{{ collection.title }}</span>
-            </a>
-          </div>
-        {% endif %}
-      {% endfor %}
-    </div>
-  {% endif %}
-{% endcache %}`
-            },
-            {
-                id: 'tree_structure_flatten',
-                cacheKeyPattern: 'cache_menu_key_{{ widget_drop.list_item_id }}_{{ collections.last_updated_at }}_{{ language.locale }}',
-                requiredSettings: [],
-                liquidCode: `{% capture cache_menu_key %}cache_menu_key_{{ collections.last_updated_at }}_{{ language.locale }}{% endcapture %}
-{% cache cache_menu_key %}
-  {% for collection in collections.flatten %}
-    {% if collection.first? %}<ul class="menu" data-navigation>{% endif %}
-    {% if collection.show? %}
-      <li class="menu__item" data-navigation-item>
-        <a href="{{ collection.url }}" class="menu__link" data-navigation-link="{{ collection.url }}">
-          {{ collection.title }}
-        </a>
-      </li>
-    {% endif %}
-    {% if collection.last? %}
-      {% for i in (1..collection.level_difference) %}</ul>{% endfor %}
-    {% endif %}
-  {% endfor %}
-{% endcache %}`
-            }
-        ]
-    };
-    const { patternId, customSettings = {}, cssPrefix = 'menu' } = args;
-    // Находим паттерн
-    const pattern = collectionsMenuPatterns.patterns.find(p => p.id === patternId);
-    if (!pattern) {
-        throw new Error(`Паттерн меню "${patternId}" не найден. Доступные: ${collectionsMenuPatterns.patterns.map(p => p.id).join(', ')}`);
-    }
-    // Применяем кастомный CSS префикс если задан
-    let liquidCode = pattern.liquidCode;
-    if (cssPrefix !== 'menu') {
-        liquidCode = liquidCode.replace(/class="menu/g, `class="${cssPrefix}`);
-    }
-    // Объединяем настройки
-    const requiredSettings = [...pattern.requiredSettings];
-    if (customSettings && Object.keys(customSettings).length > 0) {
-        Object.entries(customSettings).forEach(([key, value]) => {
-            requiredSettings.push({
-                handle: key,
-                type: 'string',
-                default: value,
-                description: `Custom setting: ${key}`
-            });
-        });
-    }
-    return {
-        liquidCode,
-        requiredSettings,
-        cssPrefix,
-        dataAttributes: [
-            { name: 'data-navigation', description: 'Основной контейнер навигации' },
-            { name: 'data-navigation-item', description: 'Элемент навигации' },
-            { name: 'data-navigation-link', description: 'Ссылка навигации' },
-            { name: 'data-navigation-submenu', description: 'Подменю' }
-        ]
-    };
-}
+ * Главный модуль для экспорта всех функций генерации
+ */
+// Импортируем функции генерации
+import { generateWidgetName, generateInfoJson, generateMessages } from './info-generator.js';
+import { generateSettingsData, generateSettingsForm } from './settings-generator.js';
+import { generateSnippetLiquid, generateSnippetScss, generateSnippetJs, generateSetupJson } from './snippet-generator.js';
+import { validateLiquidFilters, fixInvalidFilters } from './validation.js';
+import { generateCollectionsMenu } from './collections-menu.js';
+// Экспортируем функции генерации info.json и messages.json
+export { generateWidgetName, generateInfoJson, generateMessages };
+// Экспортируем функции генерации настроек
+export { generateSettingsData, generateSettingsForm };
+// Экспортируем функции генерации snippet файлов
+export { generateSnippetLiquid, generateSnippetScss, generateSnippetJs, generateSetupJson };
+// Экспортируем функции валидации
+export { validateLiquidFilters, fixInvalidFilters };
+// Экспортируем функции генерации меню категорий
+export { generateCollectionsMenu };
 /**
  * Генерирует все файлы виджета
  */
-export function generateWidgetFiles(config) {
+export function generateWidgetFiles(config, cleanMode = false) {
     const files = {};
     // info.json
     files['info.json'] = generateInfoJson(config);
@@ -1038,7 +34,7 @@ export function generateWidgetFiles(config) {
     files['settings_form.json'] = settingsForm.form;
     files['settings_form'] = { settingsCount: settingsForm.count }; // метаинформация
     // snippet.liquid
-    const liquidCode = generateSnippetLiquid(config);
+    const liquidCode = generateSnippetLiquid(config, cleanMode);
     // Валидируем Liquid код на несуществующие фильтры
     const validation = validateLiquidFilters(liquidCode);
     if (!validation.isValid) {
@@ -1063,80 +59,13 @@ export function generateWidgetFiles(config) {
         files['snippet.liquid'] = liquidCode;
     }
     // snippet.scss
-    files['snippet.scss'] = generateSnippetScss(config);
+    files['snippet.scss'] = generateSnippetScss(config, cleanMode);
     // snippet.js
-    files['snippet.js'] = generateSnippetJs(config);
+    files['snippet.js'] = generateSnippetJs(config, cleanMode);
     // setup.json (только для block_list_widget_type)
     if (config.type === 'block_list_widget_type' && config.blockTemplate) {
         files['setup.json'] = generateSetupJson(config.blockTemplate);
     }
     return files;
 }
-/**
- * Валидирует Liquid код на наличие несуществующих фильтров
- */
-export function validateLiquidFilters(liquidCode) {
-    const invalidFiltersList = [
-        { name: 't', suggestion: 'Используйте messages или widget_messages для переводов' },
-        { name: 'translate', suggestion: 'Используйте messages для переводов' },
-        { name: 'i18n', suggestion: 'Используйте messages для переводов' },
-        { name: 'l', suggestion: 'Используйте messages для переводов' },
-        { name: 'localize', suggestion: 'Используйте messages для переводов' },
-        { name: 'tr', suggestion: 'Используйте messages для переводов' }
-    ];
-    const errors = [];
-    const lines = liquidCode.split('\n');
-    lines.forEach((line, lineIndex) => {
-        invalidFiltersList.forEach(invalidFilter => {
-            // Ищем паттерн | filter_name
-            const regex = new RegExp(`\\|\\s*${invalidFilter.name}\\b`, 'g');
-            let match;
-            while ((match = regex.exec(line)) !== null) {
-                errors.push({
-                    filter: invalidFilter.name,
-                    line: lineIndex + 1,
-                    column: match.index + 1,
-                    suggestion: invalidFilter.suggestion
-                });
-            }
-        });
-    });
-    return {
-        isValid: errors.length === 0,
-        errors
-    };
-}
-/**
- * Проверяет и исправляет несуществующие фильтры в Liquid коде
- */
-export function fixInvalidFilters(liquidCode) {
-    const fixes = [];
-    let fixedCode = liquidCode;
-    // Исправляем фильтр 't' на messages
-    const tRegex = /\|\s*t\b/g;
-    let match;
-    while ((match = tRegex.exec(fixedCode)) !== null) {
-        const beforeMatch = fixedCode.substring(0, match.index);
-        const afterMatch = fixedCode.substring(match.index + match[0].length);
-        // Определяем, что это за контекст
-        const contextBefore = beforeMatch.substring(Math.max(0, beforeMatch.length - 50));
-        if (contextBefore.includes('widget_messages')) {
-            // Если это в контексте widget_messages, оставляем как есть
-            continue;
-        }
-        else {
-            // Заменяем на messages
-            fixedCode = beforeMatch + '| messages' + afterMatch;
-            fixes.push({
-                filter: 't',
-                line: fixedCode.substring(0, match.index).split('\n').length,
-                suggestion: 'Заменен на messages'
-            });
-        }
-    }
-    return {
-        fixedCode,
-        fixes
-    };
-}
 //# sourceMappingURL=index.js.map