vite-smart-img 1.1.7

package/dist/plugin.js

@@ -0,0 +1,270 @@
+// src/plugin/imageThumbnails.ts
+import sharp from "sharp";
+import { createHash } from "crypto";
+import { readFileSync } from "fs";
+import { extname } from "path";
+
+// src/plugin/assetsPath.ts
+import { normalize } from "path";
+import { fileURLToPath } from "url";
+function cleanLoadId(id) {
+  let raw = id.split("?")[0] ?? id;
+  if (raw.startsWith("\0")) return raw;
+  if (raw.startsWith("@fs/")) raw = raw.slice("@fs/".length);
+  else if (raw.startsWith("@fs\\")) raw = raw.slice("@fs\\".length);
+  if (raw.startsWith("file:")) {
+    try {
+      return fileURLToPath(raw);
+    } catch {
+      return raw;
+    }
+  }
+  return raw;
+}
+function isViteUrlImportRequest(id) {
+  const q = id.indexOf("?");
+  if (q === -1) return false;
+  const search = id.slice(q + 1);
+  if (!search) return false;
+  try {
+    return new URLSearchParams(search).has("url");
+  } catch {
+    return false;
+  }
+}
+function isPathInsideAssetsFolder(id) {
+  const fsPath = cleanLoadId(id);
+  if (fsPath.startsWith("\0")) return false;
+  const unified = normalize(fsPath).replace(/\\/g, "/");
+  return /(^|\/)assets\//.test(unified);
+}
+
+// src/plugin/imageThumbnails.ts
+var SIZES = [
+  400,
+  600,
+  800,
+  1e3,
+  1200,
+  1400,
+  1600,
+  1800,
+  2e3,
+  2500,
+  3e3,
+  3500,
+  4e3,
+  5e3,
+  6e3,
+  7e3,
+  8e3
+];
+var SOURCE_EXTS = /* @__PURE__ */ new Set([".jpg", ".jpeg", ".png"]);
+var JPEG_QUALITY = 85;
+var WEBP_QUALITY = 82;
+var ORIGINAL_QUALITY_CANDIDATES = [85, 80, 75, 70, 65];
+function contentHash(buf) {
+  return createHash("sha256").update(buf).digest("hex").slice(0, 8);
+}
+function normalizeExt(ext) {
+  const e = ext.replace(/^\./, "").toLowerCase();
+  return e === "jpeg" ? "jpg" : e;
+}
+function smaller(a, b) {
+  return a.length <= b.length ? a : b;
+}
+function imageThumbnails() {
+  return {
+    name: "vite-smart-img-thumbnails",
+    apply: "build",
+    enforce: "pre",
+    async load(id) {
+      if (!isPathInsideAssetsFolder(id)) return null;
+      const pathOnly = cleanLoadId(id);
+      const ext = extname(pathOnly).toLowerCase();
+      if (!SOURCE_EXTS.has(ext)) return null;
+      const rawContent = readFileSync(pathOnly);
+      const cleanExt = normalizeExt(ext);
+      const isPng = cleanExt === "png";
+      let cleanedOriginal;
+      if (isPng) {
+        cleanedOriginal = await sharp(rawContent).rotate().png({ compressionLevel: 9 }).toBuffer();
+      } else {
+        cleanedOriginal = rawContent;
+        let found = false;
+        for (const q of ORIGINAL_QUALITY_CANDIDATES) {
+          const buf = await sharp(rawContent).rotate().jpeg({ quality: q, progressive: true }).toBuffer();
+          if (buf.length <= rawContent.length) {
+            cleanedOriginal = buf;
+            found = true;
+            break;
+          }
+        }
+        if (!found) {
+          cleanedOriginal = await sharp(rawContent).rotate().jpeg({ quality: 65, progressive: true }).toBuffer();
+        }
+      }
+      const hash = contentHash(cleanedOriginal);
+      const origFileName = `assets/img/${hash}.${cleanExt}`;
+      const origRef = this.emitFile({
+        type: "asset",
+        fileName: origFileName,
+        source: cleanedOriginal
+      });
+      const meta = await sharp(cleanedOriginal).metadata();
+      const originalW = meta.width && meta.width > 0 ? meta.width : 1;
+      const originalH = meta.height && meta.height > 0 ? meta.height : 1;
+      const applicableSizes = SIZES.filter((s) => s <= originalW);
+      const ctx = this;
+      await Promise.all(
+        applicableSizes.flatMap((size) => {
+          const base = sharp(cleanedOriginal).rotate().resize({
+            width: size,
+            withoutEnlargement: true,
+            fit: "inside"
+          });
+          return [
+            base.clone().webp({ quality: WEBP_QUALITY }).toBuffer().then((buf) => {
+              ctx.emitFile({
+                type: "asset",
+                fileName: `assets/img/${hash}-${size}.webp`,
+                source: smaller(buf, cleanedOriginal)
+              });
+            }),
+            base.clone()[isPng ? "png" : "jpeg"]({
+              ...isPng ? { compressionLevel: 9 } : { quality: JPEG_QUALITY, progressive: true }
+            }).toBuffer().then((buf) => {
+              ctx.emitFile({
+                type: "asset",
+                fileName: `assets/img/${hash}-${size}.${cleanExt}`,
+                source: smaller(buf, cleanedOriginal)
+              });
+            })
+          ];
+        })
+      );
+      return `const src = import.meta.ROLLUP_FILE_URL_${origRef}
+export default { src, originalW: ${originalW}, originalH: ${originalH} }
+`;
+    }
+  };
+}
+
+// src/plugin/importedAssetsAlwaysFiles.ts
+function importedAssetsAlwaysFiles() {
+  return {
+    name: "vite-smart-img-imported-assets-always-files",
+    enforce: "pre",
+    config() {
+      return {
+        build: {
+          assetsInlineLimit: 0
+        }
+      };
+    }
+  };
+}
+
+// src/plugin/smartImgLocalAssetImport.ts
+import { readFileSync as readFileSync2 } from "fs";
+import { extname as extname2 } from "path";
+import sharp2 from "sharp";
+
+// src/plugin/parseSvgDimensions.ts
+function parseSvgDimensions(svgSource) {
+  const widthAttr = svgSource.match(/\bwidth\s*=\s*["']([^"']+)["']/i);
+  const heightAttr = svgSource.match(/\bheight\s*=\s*["']([^"']+)["']/i);
+  if (widthAttr && heightAttr) {
+    const w = parseFloat(String(widthAttr[1]).replace(/px|pt|em|rem|%$/i, ""));
+    const h = parseFloat(String(heightAttr[1]).replace(/px|pt|em|rem|%$/i, ""));
+    if (Number.isFinite(w) && Number.isFinite(h) && w > 0 && h > 0) {
+      return { originalW: Math.round(w), originalH: Math.round(h) };
+    }
+  }
+  const vb = svgSource.match(/viewBox\s*=\s*["']\s*([^"']+)\s*["']/i);
+  if (vb) {
+    const parts = vb[1].trim().split(/[\s,]+/).map((s) => Number(s));
+    if (parts.length >= 4) {
+      const w = parts[2];
+      const h = parts[3];
+      if (Number.isFinite(w) && Number.isFinite(h) && w > 0 && h > 0) {
+        return { originalW: Math.round(w), originalH: Math.round(h) };
+      }
+    }
+  }
+  return null;
+}
+
+// src/plugin/smartImgLocalAssetImport.ts
+var RASTER_EXT = /* @__PURE__ */ new Set([".jpg", ".jpeg", ".png"]);
+function smartImgLocalAssetImport() {
+  return {
+    name: "vite-smart-img-local-asset-import",
+    enforce: "pre",
+    apply: "serve",
+    async load(id) {
+      if (isViteUrlImportRequest(id)) return null;
+      if (!isPathInsideAssetsFolder(id)) return null;
+      const pathOnly = cleanLoadId(id);
+      const ext = extname2(pathOnly).toLowerCase();
+      if (RASTER_EXT.has(ext)) {
+        const buf = readFileSync2(pathOnly);
+        const meta = await sharp2(buf).rotate().metadata();
+        const originalW = meta.width && meta.width > 0 ? meta.width : 1;
+        const originalH = meta.height && meta.height > 0 ? meta.height : 1;
+        const urlParam = JSON.stringify(`${pathOnly}?url`);
+        return `import _smiResolvedUrl from ${urlParam}
+export default { src: _smiResolvedUrl, originalW: ${originalW}, originalH: ${originalH} }
+`;
+      }
+      if (ext === ".svg") {
+        const source = readFileSync2(pathOnly, "utf8");
+        const d = parseSvgDimensions(source) ?? { originalW: 1, originalH: 1 };
+        const urlParam = JSON.stringify(`${pathOnly}?url`);
+        return `import _smiResolvedUrl from ${urlParam}
+export default { src: _smiResolvedUrl, originalW: ${d.originalW}, originalH: ${d.originalH} }
+`;
+      }
+      return null;
+    }
+  };
+}
+
+// src/plugin/smartImgSvgAssetBuild.ts
+import { createHash as createHash2 } from "crypto";
+import { readFileSync as readFileSync3 } from "fs";
+import { extname as extname3 } from "path";
+function contentHash2(text) {
+  return createHash2("sha256").update(text, "utf8").digest("hex").slice(0, 8);
+}
+function smartImgSvgAssetBuild() {
+  return {
+    name: "vite-smart-img-svg-asset-build",
+    enforce: "pre",
+    apply: "build",
+    load(id) {
+      if (!isPathInsideAssetsFolder(id)) return null;
+      const pathOnly = cleanLoadId(id);
+      if (extname3(pathOnly).toLowerCase() !== ".svg") return null;
+      const source = readFileSync3(pathOnly, "utf8");
+      const dims = parseSvgDimensions(source) ?? { originalW: 1, originalH: 1 };
+      const hash = contentHash2(source);
+      const buf = Buffer.from(source, "utf8");
+      const origRef = this.emitFile({
+        type: "asset",
+        fileName: `assets/img/${hash}.svg`,
+        source: buf
+      });
+      return `const src = import.meta.ROLLUP_FILE_URL_${origRef}
+export default { src, originalW: ${dims.originalW}, originalH: ${dims.originalH} }
+`;
+    }
+  };
+}
+export {
+  imageThumbnails,
+  importedAssetsAlwaysFiles,
+  smartImgLocalAssetImport,
+  smartImgSvgAssetBuild
+};
+//# sourceMappingURL=plugin.js.map

package/dist/plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/plugin/imageThumbnails.ts","../src/plugin/assetsPath.ts","../src/plugin/importedAssetsAlwaysFiles.ts","../src/plugin/smartImgLocalAssetImport.ts","../src/plugin/parseSvgDimensions.ts","../src/plugin/smartImgSvgAssetBuild.ts"],"sourcesContent":["/**\n * Vite-плагин продакшн-обработки изображений из папок assets/.\n *\n * Работает только в режиме `build` (apply: 'build').\n * В dev-режиме IS_DEV в smartImgManager грузит оригинал напрямую.\n *\n * Что делает при билде:\n *  1. Перехватывает импорты картинок из любой папки assets/ в проекте.\n *  2. Хеширует содержимое файла (SHA-256, 8 символов) → имя без коллизий.\n *  3. Прогоняет оригинал через sharp — снимает EXIF/метаданные, корректирует\n *     ориентацию по EXIF (.rotate()) перед его удалением.\n *  4. Нарезает миниатюры для размеров из SIZES, не превышающих ширину оригинала.\n *  5. Для каждого размера создаёт .jpg/.png и .webp.\n *     Если миниатюра тяжелее очищенного оригинала — записывает оригинал вместо неё.\n *  6. Эмитирует все файлы в dist/assets/ с точными именами (без Rollup-хеша).\n *  7. Модуль по умолчанию: `{ src, originalW, originalH }` — `src` как раньше (URL оригинала).\n */\n\nimport sharp from 'sharp'\nimport { createHash } from 'crypto'\nimport { readFileSync } from 'fs'\nimport { extname } from 'path'\nimport type { Plugin } from 'vite'\n\nimport { cleanLoadId, isPathInsideAssetsFolder } from './assetsPath'\n\n// ─── Конфигурация ─────────────────────────────────────────────────────────────\n\nconst SIZES = [\n  400, 600, 800, 1000, 1200, 1400, 1600, 1800, 2000,\n  2500, 3000, 3500, 4000, 5000, 6000, 7000, 8000,\n] as const\n\nconst SOURCE_EXTS = new Set(['.jpg', '.jpeg', '.png'])\n\n/** Качество JPEG при нарезке миниатюр */\nconst JPEG_QUALITY = 85\n\n/** Качество WebP при нарезке миниатюр */\nconst WEBP_QUALITY = 82\n\n/**\n * Набор качеств JPEG для перебора при очистке оригинала.\n * Берём первое, при котором очищенный файл ≤ сырого исходника.\n */\nconst ORIGINAL_QUALITY_CANDIDATES = [85, 80, 75, 70, 65] as const\n\n// ─── Утилиты ──────────────────────────────────────────────────────────────────\n\nfunction contentHash(buf: Buffer): string {\n  return createHash('sha256').update(buf).digest('hex').slice(0, 8)\n}\n\nfunction normalizeExt(ext: string): string {\n  const e = ext.replace(/^\\./, '').toLowerCase()\n  return e === 'jpeg' ? 'jpg' : e\n}\n\n/** Меньший из двух буферов */\nfunction smaller(a: Buffer, b: Buffer): Buffer {\n  return a.length <= b.length ? a : b\n}\n\n// ─── Плагин ───────────────────────────────────────────────────────────────────\n\nexport function imageThumbnails(): Plugin {\n  return {\n    name: 'vite-smart-img-thumbnails',\n    apply: 'build',\n    enforce: 'pre',\n\n    async load(id) {\n      if (!isPathInsideAssetsFolder(id)) return null\n      const pathOnly = cleanLoadId(id)\n      const ext = extname(pathOnly).toLowerCase()\n      if (!SOURCE_EXTS.has(ext)) return null\n\n      const rawContent = readFileSync(pathOnly)\n      const cleanExt = normalizeExt(ext)\n      const isPng = cleanExt === 'png'\n\n      // ── Шаг 1: очистить оригинал от метаданных ──────────────────────────────\n      let cleanedOriginal: Buffer\n\n      if (isPng) {\n        cleanedOriginal = await sharp(rawContent)\n          .rotate()\n          .png({ compressionLevel: 9 })\n          .toBuffer()\n      } else {\n        cleanedOriginal = rawContent\n        let found = false\n        for (const q of ORIGINAL_QUALITY_CANDIDATES) {\n          const buf = await sharp(rawContent)\n            .rotate()\n            .jpeg({ quality: q, progressive: true })\n            .toBuffer()\n          if (buf.length <= rawContent.length) {\n            cleanedOriginal = buf\n            found = true\n            break\n          }\n        }\n        if (!found) {\n          cleanedOriginal = await sharp(rawContent)\n            .rotate()\n            .jpeg({ quality: 65, progressive: true })\n            .toBuffer()\n        }\n      }\n\n      const hash = contentHash(cleanedOriginal)\n      const origFileName = `assets/img/${hash}.${cleanExt}`\n\n      const origRef = this.emitFile({\n        type: 'asset',\n        fileName: origFileName,\n        source: cleanedOriginal,\n      })\n\n      // ── Шаг 2: нарезать миниатюры ──────────────────────────────────────────\n      const meta = await sharp(cleanedOriginal).metadata()\n      const originalW = meta.width && meta.width > 0 ? meta.width : 1\n      const originalH = meta.height && meta.height > 0 ? meta.height : 1\n      const applicableSizes = SIZES.filter((s) => s <= originalW)\n\n      const ctx = this\n      await Promise.all(\n        applicableSizes.flatMap((size) => {\n          const base = sharp(cleanedOriginal).rotate().resize({\n            width: size,\n            withoutEnlargement: true,\n            fit: 'inside',\n          })\n\n          return [\n            base\n              .clone()\n              .webp({ quality: WEBP_QUALITY })\n              .toBuffer()\n              .then((buf) => {\n                ctx.emitFile({\n                  type: 'asset',\n                  fileName: `assets/img/${hash}-${size}.webp`,\n                  source: smaller(buf, cleanedOriginal),\n                })\n              }),\n\n            base\n              .clone()\n              [isPng ? 'png' : 'jpeg']({\n                ...(isPng\n                  ? { compressionLevel: 9 }\n                  : { quality: JPEG_QUALITY, progressive: true }),\n              })\n              .toBuffer()\n              .then((buf) => {\n                ctx.emitFile({\n                  type: 'asset',\n                  fileName: `assets/img/${hash}-${size}.${cleanExt}`,\n                  source: smaller(buf, cleanedOriginal),\n                })\n              }),\n          ]\n        }),\n      )\n\n      return (\n        `const src = import.meta.ROLLUP_FILE_URL_${origRef}\\n` +\n        `export default { src, originalW: ${originalW}, originalH: ${originalH} }\\n`\n      )\n    },\n  }\n}\n","/**\r\n * Vite `load(id)` может отдавать POSIX-путь, `file://` URL или префикс `@fs/`.\r\n * Сегмент папки `assets` проверяем в унифицированном виде (`/assets/`), чтобы\r\n * работало на Windows и не зависело от `path.sep`.\r\n */\r\nimport { normalize } from 'path'\r\nimport { fileURLToPath } from 'url'\r\n\r\nexport function cleanLoadId(id: string): string {\r\n  let raw = id.split('?')[0] ?? id\r\n  if (raw.startsWith('\\0')) return raw\r\n\r\n  if (raw.startsWith('@fs/')) raw = raw.slice('@fs/'.length)\r\n  else if (raw.startsWith('@fs\\\\')) raw = raw.slice('@fs\\\\'.length)\r\n\r\n  if (raw.startsWith('file:')) {\r\n    try {\r\n      return fileURLToPath(raw)\r\n    } catch {\r\n      return raw\r\n    }\r\n  }\r\n  return raw\r\n}\r\n\r\n/**\r\n * Явный запрос URL ассета (`?url`, `?import&url`, …) — его обрабатывает встроенный пайплайн Vite.\r\n * Наш `load` для обёртки не должен перехватывать повторно (цикл / TDZ по имени импорта).\r\n */\r\nexport function isViteUrlImportRequest(id: string): boolean {\r\n  const q = id.indexOf('?')\r\n  if (q === -1) return false\r\n  const search = id.slice(q + 1)\r\n  if (!search) return false\r\n  try {\r\n    return new URLSearchParams(search).has('url')\r\n  } catch {\r\n    return false\r\n  }\r\n}\r\n\r\n/** Файл лежит в каталоге `.../assets/...` (сегмент `assets` в пути). */\r\nexport function isPathInsideAssetsFolder(id: string): boolean {\r\n  const fsPath = cleanLoadId(id)\r\n  if (fsPath.startsWith('\\0')) return false\r\n  const unified = normalize(fsPath).replace(/\\\\/g, '/')\r\n  return /(^|\\/)assets\\//.test(unified)\r\n}\r\n","import type { Plugin } from 'vite'\r\n\r\n/**\r\n * При `vite build` не встраивает импортируемые статические ассеты внутрь JS (base64 / data URL).\r\n * Вместо этого они остаются отдельными файлами в `dist`, в коде — только строковые URL.\r\n *\r\n * Задаёт `build.assetsInlineLimit: 0` (в Vite один лимит на весь пайплайн статических импортов:\r\n * отключается inlining не только у изображений, но и у других мелких ассетов, которые Vite\r\n * мог бы положить в бандл).\r\n */\r\nexport function importedAssetsAlwaysFiles(): Plugin {\r\n  return {\r\n    name: 'vite-smart-img-imported-assets-always-files',\r\n    enforce: 'pre',\r\n    config() {\r\n      return {\r\n        build: {\r\n          assetsInlineLimit: 0,\r\n        },\r\n      }\r\n    },\r\n  }\r\n}\r\n","/**\r\n * Только dev (`apply: 'serve'`): импорт `*.jpg|jpeg|png|svg` из `.../assets/...`\r\n * → `export default { src, originalW, originalH }` (как после production-плагинов).\r\n * Для растра — sharp.rotate().metadata(); для SVG — parseSvgDimensions.\r\n */\r\nimport { readFileSync } from 'fs'\r\nimport { extname } from 'path'\r\nimport type { Plugin } from 'vite'\r\nimport sharp from 'sharp'\r\nimport { cleanLoadId, isPathInsideAssetsFolder, isViteUrlImportRequest } from './assetsPath'\r\nimport { parseSvgDimensions } from './parseSvgDimensions'\r\n\r\nconst RASTER_EXT = new Set(['.jpg', '.jpeg', '.png'])\r\n\r\nexport function smartImgLocalAssetImport(): Plugin {\r\n  return {\r\n    name: 'vite-smart-img-local-asset-import',\r\n    enforce: 'pre',\r\n    apply: 'serve',\r\n\r\n    async load(id) {\r\n      // Обёртка импортирует `path?url`. Vite часто отдаёт `?import&url`, а не голый `?url`.\r\n      if (isViteUrlImportRequest(id)) return null\r\n\r\n      if (!isPathInsideAssetsFolder(id)) return null\r\n      const pathOnly = cleanLoadId(id)\r\n      const ext = extname(pathOnly).toLowerCase()\r\n\r\n      if (RASTER_EXT.has(ext)) {\r\n        const buf = readFileSync(pathOnly)\r\n        const meta = await sharp(buf).rotate().metadata()\r\n        const originalW = meta.width && meta.width > 0 ? meta.width : 1\r\n        const originalH = meta.height && meta.height > 0 ? meta.height : 1\r\n        const urlParam = JSON.stringify(`${pathOnly}?url`)\r\n        return `import _smiResolvedUrl from ${urlParam}\\nexport default { src: _smiResolvedUrl, originalW: ${originalW}, originalH: ${originalH} }\\n`\r\n      }\r\n\r\n      if (ext === '.svg') {\r\n        const source = readFileSync(pathOnly, 'utf8')\r\n        const d = parseSvgDimensions(source) ?? { originalW: 1, originalH: 1 }\r\n        const urlParam = JSON.stringify(`${pathOnly}?url`)\r\n        return `import _smiResolvedUrl from ${urlParam}\\nexport default { src: _smiResolvedUrl, originalW: ${d.originalW}, originalH: ${d.originalH} }\\n`\r\n      }\r\n\r\n      return null\r\n    },\r\n  }\r\n}\r\n","/**\r\n * Базовый разбор width/height/viewBox у корневого <svg> (достаточно для типичных экспортов).\r\n * При неудаче возвращает null — вызывающий может подставить fallback.\r\n */\r\nexport function parseSvgDimensions(svgSource: string): { originalW: number; originalH: number } | null {\r\n  const widthAttr = svgSource.match(/\\bwidth\\s*=\\s*[\"']([^\"']+)[\"']/i)\r\n  const heightAttr = svgSource.match(/\\bheight\\s*=\\s*[\"']([^\"']+)[\"']/i)\r\n  if (widthAttr && heightAttr) {\r\n    const w = parseFloat(String(widthAttr[1]).replace(/px|pt|em|rem|%$/i, ''))\r\n    const h = parseFloat(String(heightAttr[1]).replace(/px|pt|em|rem|%$/i, ''))\r\n    if (Number.isFinite(w) && Number.isFinite(h) && w > 0 && h > 0) {\r\n      return { originalW: Math.round(w), originalH: Math.round(h) }\r\n    }\r\n  }\r\n  const vb = svgSource.match(/viewBox\\s*=\\s*[\"']\\s*([^\"']+)\\s*[\"']/i)\r\n  if (vb) {\r\n    const parts = vb[1].trim().split(/[\\s,]+/).map((s) => Number(s))\r\n    if (parts.length >= 4) {\r\n      const w = parts[2]\r\n      const h = parts[3]\r\n      if (Number.isFinite(w) && Number.isFinite(h) && w > 0 && h > 0) {\r\n        return { originalW: Math.round(w), originalH: Math.round(h) }\r\n      }\r\n    }\r\n  }\r\n  return null\r\n}\r\n","/**\r\n * Только build: SVG из `.../assets/...` → тот же контракт `{ src, originalW, originalH }`.\r\n * Растр по-прежнему в `imageThumbnails`.\r\n */\r\nimport { createHash } from 'crypto'\r\nimport { readFileSync } from 'fs'\r\nimport { extname } from 'path'\r\nimport type { Plugin } from 'vite'\r\nimport { cleanLoadId, isPathInsideAssetsFolder } from './assetsPath'\r\nimport { parseSvgDimensions } from './parseSvgDimensions'\r\n\r\nfunction contentHash(text: string): string {\r\n  return createHash('sha256').update(text, 'utf8').digest('hex').slice(0, 8)\r\n}\r\n\r\nexport function smartImgSvgAssetBuild(): Plugin {\r\n  return {\r\n    name: 'vite-smart-img-svg-asset-build',\r\n    enforce: 'pre',\r\n    apply: 'build',\r\n\r\n    load(id) {\r\n      if (!isPathInsideAssetsFolder(id)) return null\r\n      const pathOnly = cleanLoadId(id)\r\n      if (extname(pathOnly).toLowerCase() !== '.svg') return null\r\n\r\n      const source = readFileSync(pathOnly, 'utf8')\r\n      const dims = parseSvgDimensions(source) ?? { originalW: 1, originalH: 1 }\r\n      const hash = contentHash(source)\r\n      const buf = Buffer.from(source, 'utf8')\r\n      const origRef = this.emitFile({\r\n        type: 'asset',\r\n        fileName: `assets/img/${hash}.svg`,\r\n        source: buf,\r\n      })\r\n\r\n      return (\r\n        `const src = import.meta.ROLLUP_FILE_URL_${origRef}\\n` +\r\n        `export default { src, originalW: ${dims.originalW}, originalH: ${dims.originalH} }\\n`\r\n      )\r\n    },\r\n  }\r\n}\r\n"],"mappings":"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","names":["readFileSync","extname","sharp","extname","readFileSync","sharp","createHash","readFileSync","extname","contentHash","createHash","extname","readFileSync"]}

package/dist/vite-asset-types.d.ts

@@ -0,0 +1,39 @@
+/**
+ * В `src/vite-env.d.ts` подключай **раньше**, чем `vite/client`, иначе `*.jpg` останутся `string`:
+ *
+ *   /// <reference types="vite-smart-img/vite-asset-types" />
+ *   /// <reference types="vite/client" />
+ *
+ * Форма совпадает с `SmartImgImportedAsset` (`smartImgAsset.ts`) — менять синхронно.
+ */
+type SmartImgImportedAssetVite = {
+  src: string
+  originalW: number
+  originalH: number
+}
+
+declare module '*.jpg' {
+  const _smartImgAsset: SmartImgImportedAssetVite
+  export default _smartImgAsset
+}
+
+declare module '*.jpeg' {
+  const _smartImgAsset: SmartImgImportedAssetVite
+  export default _smartImgAsset
+}
+
+declare module '*.png' {
+  const _smartImgAsset: SmartImgImportedAssetVite
+  export default _smartImgAsset
+}
+
+declare module '*.svg' {
+  const _smartImgAsset: SmartImgImportedAssetVite
+  export default _smartImgAsset
+}
+
+/** Растр вне пайплайна SmartImg — как у `vite/client`, строка URL. */
+declare module '*.webp' {
+  const src: string
+  export default src
+}

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "vite-smart-img",
+  "version": "1.1.7",
+  "description": "Smart lazy-loading image component for React + Vite with automatic thumbnail generation",
+  "license": "MIT",
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./plugin": {
+      "types": "./dist/plugin.d.ts",
+      "import": "./dist/plugin.js",
+      "require": "./dist/plugin.cjs"
+    },
+    "./vite-asset-types": {
+      "types": "./dist/vite-asset-types.d.ts"
+    }
+  },
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": ["dist"],
+  "scripts": {
+    "build": "tsup && node scripts/copy-vite-asset-types.cjs",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "peerDependenciesMeta": {
+    "vite": {
+      "optional": true
+    },
+    "sharp": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@types/node": "^22.0.0",
+    "@types/react": "^19.1.0",
+    "@types/react-dom": "^19.1.0",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "sharp": "^0.34.0",
+    "tsup": "^8.0.0",
+    "typescript": "^6.0.2",
+    "vite": "^8.0.2"
+  }
+}