vgapp 1.5.7 → 1.5.9

package/app/modules/vgfilepreview/js/renderers/zip.js

@@ -1,89 +1,89 @@
-import ZipModal from "./zip-modal";
-
-const ZIP_EXTENSIONS = new Set([
-	'.zip'
-]);
-
-class ZipFilePreviewRenderer {
-	constructor() {
-		this.name = 'zip';
-		this._modal = ZipModal.getInstance();
-	}
-
-	canRender(context = {}) {
-		const ext = String(context?.fileMeta?.ext || '').toLowerCase();
-		return ZIP_EXTENSIONS.has(ext);
-	}
-
-	render(context = {}) {
-		const container = context?.previewContainer;
-		const nameOnly = Boolean(context?.ui?.nameOnly);
-		const i18n = context?.i18n;
-
-		const src = context?.fileUrl?.href || context?.filePath || '';
-		if (!src) {
-			return false;
-		}
-
-		const openArchive = (event) => {
-			if (event) {
-				event.preventDefault();
-			}
-
-			this._modal.open({
-				src,
-				title: context?.fileMeta?.name || i18n?.message('archive_title') || '',
-				defaultTitle: i18n?.message('archive_title') || '',
-				labels: {
-					loadingArchive: i18n?.message('loading_archive') || '',
-					cannotOpenArchive: i18n?.message('cannot_open_archive') || '',
-					unknownError: i18n?.message('unknown_error') || '',
-					invalidZip: i18n?.message('invalid_zip') || '',
-					centralDirectoryNotFound: i18n?.message('central_directory_not_found') || '',
-					archiveEmptyUnsupported: i18n?.message('archive_empty_unsupported') || '',
-					typeDir: i18n?.message('archive_type_dir') || '',
-					typeFile: i18n?.message('archive_type_file') || '',
-					tableName: i18n?.message('archive_table_name') || '',
-					tableType: i18n?.message('archive_table_type') || '',
-					tablePacked: i18n?.message('archive_table_packed') || '',
-					tableSize: i18n?.message('archive_table_size') || '',
-					tablePreview: i18n?.message('archive_table_preview') || '',
-					previewEntry: i18n?.button('preview') || '',
-					loadingEntry: i18n?.message('loading_entry') || '',
-					cannotPreviewEntry: i18n?.message('cannot_preview_entry') || '',
-					deflateNotSupported: i18n?.message('deflate_not_supported') || '',
-					compressionNotSupported: i18n?.message('compression_not_supported') || '',
-					entryCorrupted: i18n?.message('entry_corrupted') || '',
-					archiveBufferMissing: i18n?.message('archive_buffer_missing') || '',
-					emptyFileInArchive: i18n?.message('empty_file') || ''
-				}
-			});
-		};
-
-		const titleLink = context?.element?.querySelector('.name');
-		if (titleLink && !titleLink.hasAttribute('data-vg-filepreview-zip-bind')) {
-			titleLink.setAttribute('data-vg-filepreview-zip-bind', 'true');
-			titleLink.classList.add('is-preview-action');
-			titleLink.addEventListener('click', openArchive);
-		}
-
-		if (nameOnly) {
-			return Boolean(titleLink);
-		}
-
-		if (!container) {
-			return false;
-		}
-
-		const trigger = document.createElement('button');
-		trigger.type = 'button';
-		trigger.className = 'vg-filepreview-zip-trigger';
-		trigger.textContent = i18n?.button('open_archive') || '';
-		trigger.addEventListener('click', openArchive);
-		container.appendChild(trigger);
-
-		return true;
-	}
-}
-
-export default ZipFilePreviewRenderer;
+import ZipModal from "./zip-modal";
+
+const ZIP_EXTENSIONS = new Set([
+	'.zip'
+]);
+
+class ZipFilePreviewRenderer {
+	constructor() {
+		this.name = 'zip';
+		this._modal = ZipModal.getInstance();
+	}
+
+	canRender(context = {}) {
+		const ext = String(context?.fileMeta?.ext || '').toLowerCase();
+		return ZIP_EXTENSIONS.has(ext);
+	}
+
+	render(context = {}) {
+		const container = context?.previewContainer;
+		const nameOnly = Boolean(context?.ui?.nameOnly);
+		const i18n = context?.i18n;
+
+		const src = context?.fileUrl?.href || context?.filePath || '';
+		if (!src) {
+			return false;
+		}
+
+		const openArchive = (event) => {
+			if (event) {
+				event.preventDefault();
+			}
+
+			this._modal.open({
+				src,
+				title: context?.fileMeta?.name || i18n?.message('archive_title') || '',
+				defaultTitle: i18n?.message('archive_title') || '',
+				labels: {
+					loadingArchive: i18n?.message('loading_archive') || '',
+					cannotOpenArchive: i18n?.message('cannot_open_archive') || '',
+					unknownError: i18n?.message('unknown_error') || '',
+					invalidZip: i18n?.message('invalid_zip') || '',
+					centralDirectoryNotFound: i18n?.message('central_directory_not_found') || '',
+					archiveEmptyUnsupported: i18n?.message('archive_empty_unsupported') || '',
+					typeDir: i18n?.message('archive_type_dir') || '',
+					typeFile: i18n?.message('archive_type_file') || '',
+					tableName: i18n?.message('archive_table_name') || '',
+					tableType: i18n?.message('archive_table_type') || '',
+					tablePacked: i18n?.message('archive_table_packed') || '',
+					tableSize: i18n?.message('archive_table_size') || '',
+					tablePreview: i18n?.message('archive_table_preview') || '',
+					previewEntry: i18n?.button('preview') || '',
+					loadingEntry: i18n?.message('loading_entry') || '',
+					cannotPreviewEntry: i18n?.message('cannot_preview_entry') || '',
+					deflateNotSupported: i18n?.message('deflate_not_supported') || '',
+					compressionNotSupported: i18n?.message('compression_not_supported') || '',
+					entryCorrupted: i18n?.message('entry_corrupted') || '',
+					archiveBufferMissing: i18n?.message('archive_buffer_missing') || '',
+					emptyFileInArchive: i18n?.message('empty_file') || ''
+				}
+			});
+		};
+
+		const titleLink = context?.element?.querySelector('.name');
+		if (titleLink && !titleLink.hasAttribute('data-vg-filepreview-zip-bind')) {
+			titleLink.setAttribute('data-vg-filepreview-zip-bind', 'true');
+			titleLink.classList.add('is-preview-action');
+			titleLink.addEventListener('click', openArchive);
+		}
+
+		if (nameOnly) {
+			return Boolean(titleLink);
+		}
+
+		if (!container) {
+			return false;
+		}
+
+		const trigger = document.createElement('button');
+		trigger.type = 'button';
+		trigger.className = 'vg-filepreview-zip-trigger';
+		trigger.textContent = i18n?.button('open_archive') || '';
+		trigger.addEventListener('click', openArchive);
+		container.appendChild(trigger);
+
+		return true;
+	}
+}
+
+export default ZipFilePreviewRenderer;

package/app/modules/vgfilepreview/readme.md

@@ -1,68 +1,68 @@
-## VGFilePreview
-
-Модуль предпросмотра файлов для элементов с атрибутом `data-vg-filepreview`.
-
-### Новые фичи
-
-- Inline-аудио в поле `.name`: play/pause, прогресс через CSS-переменную `--vg-filepreview-audio-inline-progress`, и контроль единственного активного аудио.
-- Унифицированная кнопка скачивания: модуль сам создает/инициализирует control в поле `download`, скачивает через `fetch + blob` и имеет fallback на прямую ссылку.
-- Режим `ui.nameOnly`: рендер только действий по имени файла (без кнопок/контейнера предпросмотра).
-- Автоопределение языка (`ru`/`en`) с приоритетом: `params.lang` -> `element[lang]` -> ближайший `[lang]` -> `<html lang>` -> `navigator.language`.
-- Видео-плейлист между соседними превью: `prev/next`, циклическая навигация и hotkeys `ArrowLeft/ArrowRight`.
-- ZIP-предпросмотр с кэшем: таблица содержимого архива + предпросмотр поддерживаемых файлов внутри архива (текст/изображения), включая deflate-raw через `DecompressionStream`.
-- Текстовый/Markdown modal с кэшем, безопасной обработкой ссылок и прерыванием прошлых запросов (`AbortController`).
-
-### Что умеет модуль
-
-- Определяет тип файла и подставляет SVG-иконку.
-- Заполняет поля карточки: `name`, `ext`, `size`, `original_name`, `icon`, `download`, `preview`.
-- Запускает предпросмотр по типам файлов:
-  - изображения (`png/jpg/webp/svg/...`);
-  - видео (`mp4/webm/mov/mkv/avi/m4v`);
-  - текст (`txt/md/csv/json/xml/yml/yaml/log/ini/conf/env`);
-  - `pdf`;
-  - office (`doc/docx/xls/xlsx/ppt/pptx/odt/ods/odp`);
-  - архивы (`zip`).
-- Для интерактивных рендеров автоматически вешает обработчики клика на `.name` (`is-preview-action`).
-
-### Состояния и валидация
-
-- Валидация пути через helper (`data-vg-filepreview-valid`, `data-vg-filepreview-error`).
-- Текущее состояние рендера в `data-vg-filepreview-state`:
-  - `loading`
-  - `ready`
-  - `empty`
-  - `error`
-- Выбранный рендерер в `data-vg-filepreview-renderer` (`image`, `video`, `pdf`, `office`, `zip`, `text`, `audio`).
-
-### Атрибуты и слоты
-
-- `data-vg-filepreview` — путь к файлу (обязательный).
-- `data-fields` — список полей для синхронизации (например, `name,size,download`).
-- Поддерживаемые поля: `icon`, `name`, `ext`, `size`, `original_name`, `preview`, `download`.
-- Если поле `preview` не найдено, модуль создает `<div class="preview" data-vg-filepreview-slot="preview">` автоматически (кроме `ui.nameOnly`).
-
-### Параметры
-
-```js
-new VGFilePreview(element, {
-  validate: true,
-  lang: 'ru',
-  ui: {
-    nameOnly: false
-  }
-});
-```
-
-- `validate` (`boolean`, default `true`) — проверка пути до файла.
-- `lang` (`'ru' | 'en'`) — язык кнопок/сообщений.
-- `ui.nameOnly` (`boolean`, default `false`) — не создавать UI-контейнер предпросмотра.
-
-### Расширение
-
-Рендереры подключаются через `js/renderers/index.js`.
-
-1. Создайте рендерер в `js/renderers/`.
-2. Реализуйте `canRender(context)` и `render(context)`.
-3. Добавьте рендерер в `js/renderers/index.js` в нужном порядке приоритета.
-
+## VGFilePreview
+
+Модуль предпросмотра файлов для элементов с атрибутом `data-vg-filepreview`.
+
+### Новые фичи
+
+- Inline-аудио в поле `.name`: play/pause, прогресс через CSS-переменную `--vg-filepreview-audio-inline-progress`, и контроль единственного активного аудио.
+- Унифицированная кнопка скачивания: модуль сам создает/инициализирует control в поле `download`, скачивает через `fetch + blob` и имеет fallback на прямую ссылку.
+- Режим `ui.nameOnly`: рендер только действий по имени файла (без кнопок/контейнера предпросмотра).
+- Автоопределение языка (`ru`/`en`) с приоритетом: `params.lang` -> `element[lang]` -> ближайший `[lang]` -> `<html lang>` -> `navigator.language`.
+- Видео-плейлист между соседними превью: `prev/next`, циклическая навигация и hotkeys `ArrowLeft/ArrowRight`.
+- ZIP-предпросмотр с кэшем: таблица содержимого архива + предпросмотр поддерживаемых файлов внутри архива (текст/изображения), включая deflate-raw через `DecompressionStream`.
+- Текстовый/Markdown modal с кэшем, безопасной обработкой ссылок и прерыванием прошлых запросов (`AbortController`).
+
+### Что умеет модуль
+
+- Определяет тип файла и подставляет SVG-иконку.
+- Заполняет поля карточки: `name`, `ext`, `size`, `original_name`, `icon`, `download`, `preview`.
+- Запускает предпросмотр по типам файлов:
+  - изображения (`png/jpg/webp/svg/...`);
+  - видео (`mp4/webm/mov/mkv/avi/m4v`);
+  - текст (`txt/md/csv/json/xml/yml/yaml/log/ini/conf/env`);
+  - `pdf`;
+  - office (`doc/docx/xls/xlsx/ppt/pptx/odt/ods/odp`);
+  - архивы (`zip`).
+- Для интерактивных рендеров автоматически вешает обработчики клика на `.name` (`is-preview-action`).
+
+### Состояния и валидация
+
+- Валидация пути через helper (`data-vg-filepreview-valid`, `data-vg-filepreview-error`).
+- Текущее состояние рендера в `data-vg-filepreview-state`:
+  - `loading`
+  - `ready`
+  - `empty`
+  - `error`
+- Выбранный рендерер в `data-vg-filepreview-renderer` (`image`, `video`, `pdf`, `office`, `zip`, `text`, `audio`).
+
+### Атрибуты и слоты
+
+- `data-vg-filepreview` — путь к файлу (обязательный).
+- `data-fields` — список полей для синхронизации (например, `name,size,download`).
+- Поддерживаемые поля: `icon`, `name`, `ext`, `size`, `original_name`, `preview`, `download`.
+- Если поле `preview` не найдено, модуль создает `<div class="preview" data-vg-filepreview-slot="preview">` автоматически (кроме `ui.nameOnly`).
+
+### Параметры
+
+```js
+new VGFilePreview(element, {
+  validate: true,
+  lang: 'ru',
+  ui: {
+    nameOnly: false
+  }
+});
+```
+
+- `validate` (`boolean`, default `true`) — проверка пути до файла.
+- `lang` (`'ru' | 'en'`) — язык кнопок/сообщений.
+- `ui.nameOnly` (`boolean`, default `false`) — не создавать UI-контейнер предпросмотра.
+
+### Расширение
+
+Рендереры подключаются через `js/renderers/index.js`.
+
+1. Создайте рендерер в `js/renderers/`.
+2. Реализуйте `canRender(context)` и `render(context)`.
+3. Добавьте рендерер в `js/renderers/index.js` в нужном порядке приоритета.
+