iwgt 2.4.11 → 2.4.13

package/dist/generators/collections-menu.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Генератор меню категорий
+ */
+import type { CollectionsMenuResult } from './types.js';
+/**
+ * Генерирует код меню категорий на основе выбранного паттерна
+ */
+export declare function generateCollectionsMenu(args: {
+    patternId: string;
+    customSettings?: any;
+    cssPrefix?: string;
+}): CollectionsMenuResult;
+//# sourceMappingURL=collections-menu.d.ts.map

package/dist/generators/collections-menu.js

@@ -0,0 +1,268 @@
+/**
+ * Генератор меню категорий
+ */
+/**
+ * Генерирует код меню категорий на основе выбранного паттерна
+ */
+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: 'Подменю' }
+        ]
+    };
+}
+//# sourceMappingURL=collections-menu.js.map

package/dist/generators/index.d.ts

@@ -1,110 +1,21 @@
 /**
  * Генераторы файлов виджетов
- * Модуль содержит функции для генерации содержимого файлов виджета
- */
-import type { BlockTemplate } from '../types/index.js';
-export interface WidgetConfig {
-    handle: string;
-    category: string;
-    type: string;
-    description: string;
-    blockTemplate?: BlockTemplate;
-    libraries: string[];
-    commonSettings: any[];
-}
-/**
- * Генерирует имя виджета из описания
- */
-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>;
-/**
- * Генерирует settings_data.json
- */
-export declare function generateSettingsData(commonSettings: any[]): Record<string, any>;
-/**
- * Генерирует settings_form.json
- * Структура согласно документации:
- * - content: специфичные настройки виджета
- * - design: типовые настройки (фон, отступы, адаптивность)
- */
-export declare function generateSettingsForm(commonSettings: any[]): {
-    form: Record<string, any[]>;
-    count: number;
-};
-/**
- * Генерирует snippet.liquid
- * ВАЖНО: Код автоматически оборачивается системой в div.layout с CSS-переменными
- * НЕ добавляйте обёртку layout вручную!
- */
-export declare function generateSnippetLiquid(config: WidgetConfig): string;
-/**
- * Генерирует snippet.scss
- * ВАЖНО: Весь код оборачивается в класс виджета
- * Используйте & для обращения к родительскому элементу (layout + класс виджета)
- */
-export declare function generateSnippetScss(config: WidgetConfig): string;
-/**
- * Генерирует snippet.js
- * ВАЖНО:
- * - Код автоматически оборачивается в try/catch
- * - Доступны переменные: widget (селектор) и $widget (jQuery объект)
- * - НЕ используйте Vue.js или другие фреймворки!
- * - На странице может быть несколько экземпляров виджета - используйте $widget.each()
- */
-export declare function generateSnippetJs(config: WidgetConfig): string;
-/**
- * Генерирует setup.json для block_list_widget_type
- */
-export declare function generateSetupJson(blockTemplate: BlockTemplate): Record<string, any>;
-/**
- * Генерирует код меню категорий на основе выбранного паттерна
- */
-export declare function generateCollectionsMenu(args: {
-    patternId: string;
-    customSettings?: any;
-    cssPrefix?: string;
-}): {
-    liquidCode: string;
-    requiredSettings: any[];
-    cssPrefix: string;
-    dataAttributes: any[];
-};
+ * Главный модуль для экспорта всех функций генерации
+ */
+import type { WidgetConfig, ValidationError, ValidationResult, FixResult, CollectionsMenuResult, SettingsFormResult } from './types.js';
+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';
+export type { WidgetConfig, ValidationError, ValidationResult, FixResult, CollectionsMenuResult, SettingsFormResult };
+export { generateWidgetName, generateInfoJson, generateMessages };
+export { generateSettingsData, generateSettingsForm };
+export { generateSnippetLiquid, generateSnippetScss, generateSnippetJs, generateSetupJson };
+export { validateLiquidFilters, fixInvalidFilters };
+export { generateCollectionsMenu };
 /**
  * Генерирует все файлы виджета
  */
-export declare function generateWidgetFiles(config: WidgetConfig): Record<string, any>;
-/**
- * Валидирует Liquid код на наличие несуществующих фильтров
- */
-export declare function validateLiquidFilters(liquidCode: string): {
-    isValid: boolean;
-    errors: Array<{
-        filter: string;
-        line: number;
-        column: number;
-        suggestion: string;
-    }>;
-};
-/**
- * Проверяет и исправляет несуществующие фильтры в Liquid коде
- */
-export declare function fixInvalidFilters(liquidCode: string): {
-    fixedCode: string;
-    fixes: Array<{
-        filter: string;
-        line: number;
-        suggestion: string;
-    }>;
-};
+export declare function generateWidgetFiles(config: WidgetConfig, cleanMode?: boolean): Record<string, any>;
 //# sourceMappingURL=index.d.ts.map