@i18n-micro/devtools-ui 1.0.1 → 1.0.3

package/dist/vite/plugin.d.ts

@@ -0,0 +1,7 @@
+import type { PluginOption } from 'vite';
+export interface DevToolsPluginOptions {
+    base?: string;
+    translationDir?: string;
+    injectButton?: boolean;
+}
+export declare function i18nDevToolsPlugin(options?: DevToolsPluginOptions): PluginOption;

package/dist/vite/plugin.mjs

@@ -0,0 +1,502 @@
+import * as fs from "node:fs";
+import * as path from "node:path";
+import { readdir } from "node:fs/promises";
+function safeResolvePath(projectRoot, filePath) {
+  const normalizedFile = filePath.replace(/^\/+/, "").replace(/\/+/g, "/");
+  const resolvedPath = path.resolve(projectRoot, normalizedFile);
+  const normalizedRoot = path.resolve(projectRoot);
+  const normalizedFilePath = path.resolve(resolvedPath);
+  if (!normalizedFilePath.startsWith(normalizedRoot)) {
+    throw new Error(`Access denied: Path ${resolvedPath} is outside project root`);
+  }
+  return resolvedPath;
+}
+async function scanTranslationFiles(dir, baseDir) {
+  const files = [];
+  try {
+    const entries = await readdir(dir, { withFileTypes: true });
+    for (const entry of entries) {
+      const fullPath = path.join(dir, entry.name);
+      if (entry.isDirectory()) {
+        const subFiles = await scanTranslationFiles(fullPath, baseDir);
+        files.push(...subFiles);
+      } else if (entry.isFile() && entry.name.endsWith(".json")) {
+        const relativePath = path.relative(baseDir, fullPath);
+        files.push(relativePath.replace(/\\/g, "/"));
+      }
+    }
+  } catch (error) {
+    console.warn(`[i18n-devtools] Cannot scan directory ${dir}:`, error);
+  }
+  return files;
+}
+const BUTTON_INJECTION_SCRIPT = `
+(function() {
+  if (typeof window === 'undefined' || document.getElementById('i18n-devtools-button-container')) {
+    return;
+  }
+
+  const container = document.createElement('div');
+  container.id = 'i18n-devtools-button-container';
+  container.style.cssText = 'position: fixed; bottom: 20px; right: 20px; z-index: 99999; pointer-events: none;';
+  document.body.appendChild(container);
+
+  const button = document.createElement('button');
+  button.id = 'i18n-devtools-button';
+  button.type = 'button';
+  button.innerHTML = '<svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" style="display: inline-block; vertical-align: middle; margin-right: 8px;"><circle cx="12" cy="12" r="10" /><line x1="2" y1="12" x2="22" y2="12" /><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" /></svg>i18n';
+  button.style.cssText = 'cursor: pointer; background: #1e1e1e; color: white; padding: 8px 16px; border-radius: 9999px; display: flex; align-items: center; gap: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); border: 1px solid #333; font-size: 14px; font-weight: 600; transition: all 0.3s ease; opacity: 0.3; pointer-events: auto; font-family: system-ui, sans-serif;';
+
+  let hideTimeout = null;
+  let isVisible = true;
+  let lastMouseY = window.innerHeight;
+
+  function showButton() {
+    if (!isVisible) {
+      button.style.transform = 'translateX(0)';
+      button.style.opacity = '0.3';
+      isVisible = true;
+    }
+    if (hideTimeout) {
+      clearTimeout(hideTimeout);
+      hideTimeout = null;
+    }
+  }
+
+  function hideButton() {
+    if (isVisible) {
+      // Оставляем видимой только небольшую часть кнопки (примерно 40px)
+      button.style.transform = 'translateX(calc(100% - 40px))';
+      button.style.opacity = '0.3';
+      isVisible = false;
+    }
+  }
+
+  function checkMouseDistance(e) {
+    const buttonRect = button.getBoundingClientRect();
+    const buttonCenterX = buttonRect.left + buttonRect.width / 2;
+    const buttonCenterY = buttonRect.top + buttonRect.height / 2;
+    const distanceX = Math.abs(e.clientX - buttonCenterX);
+    const distanceY = Math.abs(e.clientY - buttonCenterY);
+    const distance = Math.sqrt(distanceX * distanceX + distanceY * distanceY);
+
+    if (distance > 200 && !button.matches(':hover')) {
+      if (!hideTimeout) {
+        hideTimeout = setTimeout(hideButton, 1000);
+      }
+    } else {
+      if (hideTimeout) {
+        clearTimeout(hideTimeout);
+        hideTimeout = null;
+      }
+      if (!isVisible) {
+        showButton();
+      }
+    }
+    lastMouseY = e.clientY;
+  }
+
+  button.addEventListener('mouseenter', function() {
+    this.style.opacity = '1';
+    this.style.transform = 'translateX(0) translateY(-2px) scale(1.05)';
+    if (hideTimeout) {
+      clearTimeout(hideTimeout);
+      hideTimeout = null;
+    }
+    // Показываем кнопку полностью при наведении
+    if (!isVisible) {
+      showButton();
+    }
+  });
+
+  button.addEventListener('mouseleave', function() {
+    if (isVisible) {
+      this.style.opacity = '0.3';
+      this.style.transform = 'translateX(0) scale(1)';
+      hideTimeout = setTimeout(hideButton, 3000);
+    }
+  });
+
+  button.addEventListener('click', function() {
+    // Проверяем, не открыт ли уже редактор
+    if (document.getElementById('i18n-devtools-modal')) {
+      return;
+    }
+
+    // Открываем модальное окно с iframe
+    const modal = document.createElement('div');
+    modal.id = 'i18n-devtools-modal';
+    modal.style.cssText = 'position: fixed; inset: 0; z-index: 999999; background: rgba(0, 0, 0, 0.2); backdrop-filter: blur(2px); display: flex; align-items: center; justify-content: center; padding: 2rem;';
+    modal.addEventListener('click', function(e) {
+      if (e.target === modal) {
+        document.body.removeChild(modal);
+      }
+    });
+
+    const content = document.createElement('div');
+    content.style.cssText = 'background: white; width: 90vw; max-width: 1200px; height: 85vh; border-radius: 12px; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; overflow: hidden; border: 1px solid #e5e7eb;';
+    content.addEventListener('click', function(e) {
+      e.stopPropagation();
+    });
+
+    const header = document.createElement('div');
+    header.style.cssText = 'display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; border-bottom: 1px solid #e2e8f0; background: #f8fafc; flex-shrink: 0;';
+    header.innerHTML = '<div style="font-weight: 600; color: #334155; display: flex; align-items: center; gap: 8px;"><svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10" /><line x1="2" y1="12" x2="22" y2="12" /><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" /></svg> i18n DevTools</div><button id="i18n-devtools-close" style="background: transparent; border: none; cursor: pointer; padding: 4px; border-radius: 4px; display: flex; color: #64748b; transition: background 0.2s;">✕</button>';
+
+    const closeBtn = header.querySelector('#i18n-devtools-close');
+    closeBtn.addEventListener('mouseenter', function() {
+      this.style.background = '#e2e8f0';
+    });
+    closeBtn.addEventListener('mouseleave', function() {
+      this.style.background = 'transparent';
+    });
+    closeBtn.addEventListener('click', function() {
+      document.body.removeChild(modal);
+    });
+
+    const iframeContainer = document.createElement('div');
+    iframeContainer.style.cssText = 'flex: 1; position: relative; overflow: hidden; background: white;';
+
+    const iframe = document.createElement('iframe');
+    iframe.id = 'i18n-devtools-iframe';
+    iframe.style.cssText = 'width: 100%; height: 100%; border: none; background: white;';
+    iframe.src = '/__i18n_devtools.html';
+    iframe.setAttribute('sandbox', 'allow-scripts allow-same-origin allow-forms allow-popups');
+
+    iframeContainer.appendChild(iframe);
+    content.appendChild(header);
+    content.appendChild(iframeContainer);
+    modal.appendChild(content);
+    document.body.appendChild(modal);
+  });
+
+  document.addEventListener('mousemove', checkMouseDistance);
+
+  // Автоматически скрываем через 3 секунды после загрузки
+  setTimeout(() => {
+    if (!button.matches(':hover')) {
+      hideTimeout = setTimeout(hideButton, 3000);
+    }
+  }, 3000);
+
+  container.appendChild(button);
+})();
+`;
+function i18nDevToolsPlugin(options = {}) {
+  const apiBase = options.base || "/__i18n_api";
+  const translationDir = options.translationDir || "src/locales";
+  const injectButton = options.injectButton !== false;
+  return {
+    name: "i18n-micro-devtools-plugin",
+    apply: "serve",
+    // Работает только в dev server
+    resolveId(id) {
+      if (id === "/@vite-plugin-i18n-devtools/devtools-ui.js") {
+        return id;
+      }
+      return null;
+    },
+    load(id) {
+      if (id === "/@vite-plugin-i18n-devtools/devtools-ui.js") {
+        return `export * from '@i18n-micro/devtools-ui'`;
+      }
+      return null;
+    },
+    transformIndexHtml(html) {
+      if (!injectButton) {
+        return html;
+      }
+      const scriptTag = `<script>${BUTTON_INJECTION_SCRIPT}<\/script>`;
+      if (html.includes("</body>")) {
+        return html.replace("</body>", `${scriptTag}</body>`);
+      }
+      return html + scriptTag;
+    },
+    configureServer(server) {
+      const projectRoot = server.config.root;
+      const devtoolsHtml = `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>i18n DevTools</title>
+  <style>
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+    body {
+      font-family: system-ui, -apple-system, sans-serif;
+      overflow: hidden;
+      height: 100vh;
+    }
+    #app {
+      width: 100%;
+      height: 100%;
+    }
+    .loading {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      height: 100%;
+      color: #64748b;
+    }
+  </style>
+</head>
+<body>
+  <div id="app">
+    <div class="loading">Loading DevTools...</div>
+  </div>
+  <script type="module">
+    // Импортируем devtools UI
+    // Пытаемся импортировать через разные пути для совместимости
+    let register;
+    try {
+      const devtoolsModule = await import('/@vite-plugin-i18n-devtools/devtools-ui.js');
+      register = devtoolsModule.register;
+    } catch (e) {
+      // Fallback: пытаемся импортировать напрямую
+      try {
+        const devtoolsModule = await import('@i18n-micro/devtools-ui');
+        register = devtoolsModule.register;
+      } catch (e2) {
+        console.error('Failed to load devtools UI:', e2);
+        document.getElementById('app').innerHTML = '<div class="loading" style="color: #ef4444;">Failed to load DevTools. Please ensure @i18n-micro/devtools-ui is installed.</div>';
+        throw e2;
+      }
+    }
+
+    // Регистрируем custom element
+    register();
+
+    // Создаем bridge через API
+    const bridge = {
+      async getLocalesAndTranslations() {
+        try {
+          const response = await fetch('/__i18n_api/files');
+          const data = await response.json();
+          const result = {};
+          for (const file of data.files || []) {
+            try {
+              const fileResponse = await fetch('/__i18n_api/file?path=' + encodeURIComponent(file));
+              const fileData = await fileResponse.json();
+              if (fileData.success && fileData.content) {
+                result[file] = fileData.content;
+              }
+            } catch (e) {
+              console.warn('Failed to load file:', file, e);
+            }
+          }
+          return result;
+        } catch (e) {
+          console.error('Failed to get locales:', e);
+          return {};
+        }
+      },
+
+      async getConfigs() {
+        try {
+          const response = await fetch('/__i18n_api/config');
+          return await response.json();
+        } catch (e) {
+          return {
+            defaultLocale: 'en',
+            fallbackLocale: 'en',
+            locales: [],
+            translationDir: '${translationDir}',
+          };
+        }
+      },
+
+      async saveTranslation(filePath, content) {
+        const response = await fetch('/__i18n_api/save', {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ file: filePath, content }),
+        });
+        if (!response.ok) {
+          const error = await response.json().catch(() => ({ error: 'Unknown error' }));
+          throw new Error(error.error || 'Failed to save');
+        }
+      },
+
+      onLocalesUpdate(callback) {
+        let interval = null;
+        interval = setInterval(async () => {
+          try {
+            const data = await bridge.getLocalesAndTranslations();
+            callback(data);
+          } catch (e) {
+            console.error('Failed to update locales:', e);
+          }
+        }, 2000);
+        return () => {
+          if (interval) {
+            clearInterval(interval);
+          }
+        };
+      },
+    };
+
+    const app = document.getElementById('app');
+    app.innerHTML = '';
+    const element = document.createElement('i18n-devtools-ui');
+    element.bridge = bridge;
+    element.style.cssText = 'width: 100%; height: 100%; display: block;';
+    app.appendChild(element);
+  <\/script>
+</body>
+</html>`;
+      server.middlewares.use("/__i18n_devtools.html", (_req, res) => {
+        res.statusCode = 200;
+        res.setHeader("Content-Type", "text/html; charset=utf-8");
+        res.end(devtoolsHtml);
+      });
+      server.middlewares.use(`${apiBase}/config`, async (_req, res, next) => {
+        if (_req.method !== "GET") {
+          return next();
+        }
+        try {
+          res.statusCode = 200;
+          res.setHeader("Content-Type", "application/json");
+          res.end(JSON.stringify({
+            defaultLocale: "en",
+            fallbackLocale: "en",
+            locales: [],
+            translationDir
+          }));
+        } catch (e) {
+          console.error("[i18n-devtools] Config error:", e);
+          res.statusCode = 500;
+          res.setHeader("Content-Type", "application/json");
+          res.end(JSON.stringify({
+            success: false,
+            error: e instanceof Error ? e.message : String(e)
+          }));
+        }
+      });
+      server.middlewares.use(`${apiBase}/files`, async (req, res, next) => {
+        if (req.method !== "GET") {
+          return next();
+        }
+        try {
+          const localesPath = path.resolve(projectRoot, translationDir);
+          safeResolvePath(projectRoot, translationDir);
+          if (!fs.existsSync(localesPath)) {
+            res.statusCode = 200;
+            res.setHeader("Content-Type", "application/json");
+            res.end(JSON.stringify({ files: [], structure: {} }));
+            return;
+          }
+          const files = await scanTranslationFiles(localesPath, localesPath);
+          const structure = {};
+          for (const file of files) {
+            const parts = file.split("/");
+            let current = structure;
+            for (let i = 0; i < parts.length - 1; i++) {
+              const part = parts[i];
+              if (!current[part]) {
+                current[part] = {};
+              }
+              current = current[part];
+            }
+            current[parts[parts.length - 1]] = file;
+          }
+          res.statusCode = 200;
+          res.setHeader("Content-Type", "application/json");
+          res.end(JSON.stringify({ files, structure }));
+        } catch (e) {
+          console.error("[i18n-devtools] Files list error:", e);
+          res.statusCode = 500;
+          res.setHeader("Content-Type", "application/json");
+          res.end(JSON.stringify({
+            success: false,
+            error: e instanceof Error ? e.message : String(e)
+          }));
+        }
+      });
+      server.middlewares.use(`${apiBase}/file`, async (req, res, next) => {
+        if (req.method !== "GET") {
+          return next();
+        }
+        try {
+          const url = new URL(req.url || "", `http://${req.headers.host}`);
+          const filePath = url.searchParams.get("path");
+          if (!filePath) {
+            throw new Error("Path parameter is required");
+          }
+          const fullPath = path.join(translationDir, filePath);
+          const resolvedPath = safeResolvePath(projectRoot, fullPath);
+          if (!fs.existsSync(resolvedPath)) {
+            res.statusCode = 404;
+            res.setHeader("Content-Type", "application/json");
+            res.end(JSON.stringify({ success: false, error: "File not found" }));
+            return;
+          }
+          if (!resolvedPath.endsWith(".json")) {
+            throw new Error("Invalid file: only .json files are allowed");
+          }
+          const content = fs.readFileSync(resolvedPath, "utf-8");
+          const parsed = JSON.parse(content);
+          res.statusCode = 200;
+          res.setHeader("Content-Type", "application/json");
+          res.end(JSON.stringify({ success: true, content: parsed, path: filePath }));
+        } catch (e) {
+          console.error("[i18n-devtools] File read error:", e);
+          res.statusCode = 500;
+          res.setHeader("Content-Type", "application/json");
+          res.end(JSON.stringify({
+            success: false,
+            error: e instanceof Error ? e.message : String(e)
+          }));
+        }
+      });
+      server.middlewares.use(`${apiBase}/save`, async (req, res, next) => {
+        if (req.method !== "POST") {
+          return next();
+        }
+        try {
+          const buffers = [];
+          for await (const chunk of req) {
+            buffers.push(chunk);
+          }
+          const bodyData = Buffer.concat(buffers).toString();
+          if (!bodyData) {
+            throw new Error("Empty request body");
+          }
+          const body = JSON.parse(bodyData);
+          const { file, content } = body;
+          if (!file || !content) {
+            throw new Error("Invalid data: file and content are required");
+          }
+          const fullPath = file.startsWith(translationDir) ? file : path.join(translationDir, file);
+          const filePath = safeResolvePath(projectRoot, fullPath);
+          if (!filePath.endsWith(".json")) {
+            throw new Error("Invalid file: only .json files are allowed");
+          }
+          const dir = path.dirname(filePath);
+          if (!fs.existsSync(dir)) {
+            fs.mkdirSync(dir, { recursive: true });
+          }
+          fs.writeFileSync(filePath, JSON.stringify(content, null, 2), "utf-8");
+          res.statusCode = 200;
+          res.setHeader("Content-Type", "application/json");
+          res.end(JSON.stringify({ success: true }));
+        } catch (e) {
+          console.error("[i18n-devtools] Save error:", e);
+          res.statusCode = 500;
+          res.setHeader("Content-Type", "application/json");
+          res.end(JSON.stringify({
+            success: false,
+            error: e instanceof Error ? e.message : String(e)
+          }));
+        }
+      });
+    }
+  };
+}
+export {
+  i18nDevToolsPlugin
+};
+//# sourceMappingURL=plugin.mjs.map

package/dist/vite/plugin.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.mjs","sources":["../../vite/plugin.ts"],"sourcesContent":["import type { PluginOption, ViteDevServer, IndexHtmlTransformResult } from 'vite'\nimport type { IncomingMessage, ServerResponse } from 'node:http'\nimport * as fs from 'node:fs'\nimport * as path from 'node:path'\nimport { readdir } from 'node:fs/promises'\n\nexport interface DevToolsPluginOptions {\n  base?: string\n  translationDir?: string\n  injectButton?: boolean\n}\n\n// Вспомогательная функция для безопасного резолва пути\nfunction safeResolvePath(projectRoot: string, filePath: string): string {\n  const normalizedFile = filePath.replace(/^\\/+/, '').replace(/\\/+/g, '/')\n  const resolvedPath = path.resolve(projectRoot, normalizedFile)\n  const normalizedRoot = path.resolve(projectRoot)\n  const normalizedFilePath = path.resolve(resolvedPath)\n\n  if (!normalizedFilePath.startsWith(normalizedRoot)) {\n    throw new Error(`Access denied: Path ${resolvedPath} is outside project root`)\n  }\n\n  return resolvedPath\n}\n\n// Рекурсивное сканирование директории для поиска JSON файлов\nasync function scanTranslationFiles(dir: string, baseDir: string): Promise<string[]> {\n  const files: string[] = []\n  try {\n    const entries = await readdir(dir, { withFileTypes: true })\n    for (const entry of entries) {\n      const fullPath = path.join(dir, entry.name)\n      if (entry.isDirectory()) {\n        const subFiles = await scanTranslationFiles(fullPath, baseDir)\n        files.push(...subFiles)\n      }\n      else if (entry.isFile() && entry.name.endsWith('.json')) {\n        const relativePath = path.relative(baseDir, fullPath)\n        files.push(relativePath.replace(/\\\\/g, '/')) // Нормализуем для кроссплатформенности\n      }\n    }\n  }\n  catch (error) {\n    // Игнорируем ошибки доступа к директориям\n    console.warn(`[i18n-devtools] Cannot scan directory ${dir}:`, error)\n  }\n  return files\n}\n\n// Скрипт для инжекции кнопки\nconst BUTTON_INJECTION_SCRIPT = `\n(function() {\n  if (typeof window === 'undefined' || document.getElementById('i18n-devtools-button-container')) {\n    return;\n  }\n\n  const container = document.createElement('div');\n  container.id = 'i18n-devtools-button-container';\n  container.style.cssText = 'position: fixed; bottom: 20px; right: 20px; z-index: 99999; pointer-events: none;';\n  document.body.appendChild(container);\n\n  const button = document.createElement('button');\n  button.id = 'i18n-devtools-button';\n  button.type = 'button';\n  button.innerHTML = '<svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"display: inline-block; vertical-align: middle; margin-right: 8px;\"><circle cx=\"12\" cy=\"12\" r=\"10\" /><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\" /><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\" /></svg>i18n';\n  button.style.cssText = 'cursor: pointer; background: #1e1e1e; color: white; padding: 8px 16px; border-radius: 9999px; display: flex; align-items: center; gap: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); border: 1px solid #333; font-size: 14px; font-weight: 600; transition: all 0.3s ease; opacity: 0.3; pointer-events: auto; font-family: system-ui, sans-serif;';\n\n  let hideTimeout = null;\n  let isVisible = true;\n  let lastMouseY = window.innerHeight;\n\n  function showButton() {\n    if (!isVisible) {\n      button.style.transform = 'translateX(0)';\n      button.style.opacity = '0.3';\n      isVisible = true;\n    }\n    if (hideTimeout) {\n      clearTimeout(hideTimeout);\n      hideTimeout = null;\n    }\n  }\n\n  function hideButton() {\n    if (isVisible) {\n      // Оставляем видимой только небольшую часть кнопки (примерно 40px)\n      button.style.transform = 'translateX(calc(100% - 40px))';\n      button.style.opacity = '0.3';\n      isVisible = false;\n    }\n  }\n\n  function checkMouseDistance(e) {\n    const buttonRect = button.getBoundingClientRect();\n    const buttonCenterX = buttonRect.left + buttonRect.width / 2;\n    const buttonCenterY = buttonRect.top + buttonRect.height / 2;\n    const distanceX = Math.abs(e.clientX - buttonCenterX);\n    const distanceY = Math.abs(e.clientY - buttonCenterY);\n    const distance = Math.sqrt(distanceX * distanceX + distanceY * distanceY);\n\n    if (distance > 200 && !button.matches(':hover')) {\n      if (!hideTimeout) {\n        hideTimeout = setTimeout(hideButton, 1000);\n      }\n    } else {\n      if (hideTimeout) {\n        clearTimeout(hideTimeout);\n        hideTimeout = null;\n      }\n      if (!isVisible) {\n        showButton();\n      }\n    }\n    lastMouseY = e.clientY;\n  }\n\n  button.addEventListener('mouseenter', function() {\n    this.style.opacity = '1';\n    this.style.transform = 'translateX(0) translateY(-2px) scale(1.05)';\n    if (hideTimeout) {\n      clearTimeout(hideTimeout);\n      hideTimeout = null;\n    }\n    // Показываем кнопку полностью при наведении\n    if (!isVisible) {\n      showButton();\n    }\n  });\n\n  button.addEventListener('mouseleave', function() {\n    if (isVisible) {\n      this.style.opacity = '0.3';\n      this.style.transform = 'translateX(0) scale(1)';\n      hideTimeout = setTimeout(hideButton, 3000);\n    }\n  });\n\n  button.addEventListener('click', function() {\n    // Проверяем, не открыт ли уже редактор\n    if (document.getElementById('i18n-devtools-modal')) {\n      return;\n    }\n\n    // Открываем модальное окно с iframe\n    const modal = document.createElement('div');\n    modal.id = 'i18n-devtools-modal';\n    modal.style.cssText = 'position: fixed; inset: 0; z-index: 999999; background: rgba(0, 0, 0, 0.2); backdrop-filter: blur(2px); display: flex; align-items: center; justify-content: center; padding: 2rem;';\n    modal.addEventListener('click', function(e) {\n      if (e.target === modal) {\n        document.body.removeChild(modal);\n      }\n    });\n\n    const content = document.createElement('div');\n    content.style.cssText = 'background: white; width: 90vw; max-width: 1200px; height: 85vh; border-radius: 12px; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; overflow: hidden; border: 1px solid #e5e7eb;';\n    content.addEventListener('click', function(e) {\n      e.stopPropagation();\n    });\n\n    const header = document.createElement('div');\n    header.style.cssText = 'display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; border-bottom: 1px solid #e2e8f0; background: #f8fafc; flex-shrink: 0;';\n    header.innerHTML = '<div style=\"font-weight: 600; color: #334155; display: flex; align-items: center; gap: 8px;\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\" /><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\" /><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\" /></svg> i18n DevTools</div><button id=\"i18n-devtools-close\" style=\"background: transparent; border: none; cursor: pointer; padding: 4px; border-radius: 4px; display: flex; color: #64748b; transition: background 0.2s;\">✕</button>';\n\n    const closeBtn = header.querySelector('#i18n-devtools-close');\n    closeBtn.addEventListener('mouseenter', function() {\n      this.style.background = '#e2e8f0';\n    });\n    closeBtn.addEventListener('mouseleave', function() {\n      this.style.background = 'transparent';\n    });\n    closeBtn.addEventListener('click', function() {\n      document.body.removeChild(modal);\n    });\n\n    const iframeContainer = document.createElement('div');\n    iframeContainer.style.cssText = 'flex: 1; position: relative; overflow: hidden; background: white;';\n\n    const iframe = document.createElement('iframe');\n    iframe.id = 'i18n-devtools-iframe';\n    iframe.style.cssText = 'width: 100%; height: 100%; border: none; background: white;';\n    iframe.src = '/__i18n_devtools.html';\n    iframe.setAttribute('sandbox', 'allow-scripts allow-same-origin allow-forms allow-popups');\n\n    iframeContainer.appendChild(iframe);\n    content.appendChild(header);\n    content.appendChild(iframeContainer);\n    modal.appendChild(content);\n    document.body.appendChild(modal);\n  });\n\n  document.addEventListener('mousemove', checkMouseDistance);\n\n  // Автоматически скрываем через 3 секунды после загрузки\n  setTimeout(() => {\n    if (!button.matches(':hover')) {\n      hideTimeout = setTimeout(hideButton, 3000);\n    }\n  }, 3000);\n\n  container.appendChild(button);\n})();\n`\n\nexport function i18nDevToolsPlugin(options: DevToolsPluginOptions = {}): PluginOption {\n  const apiBase = options.base || '/__i18n_api'\n  const translationDir = options.translationDir || 'src/locales'\n  const injectButton = options.injectButton !== false // По умолчанию true\n\n  return {\n    name: 'i18n-micro-devtools-plugin',\n    apply: 'serve', // Работает только в dev server\n\n    resolveId(id: string) {\n      if (id === '/@vite-plugin-i18n-devtools/devtools-ui.js') {\n        return id\n      }\n      return null\n    },\n\n    load(id: string) {\n      if (id === '/@vite-plugin-i18n-devtools/devtools-ui.js') {\n        // Возвращаем реэкспорт из devtools-ui пакета\n        return `export * from '@i18n-micro/devtools-ui'`\n      }\n      return null\n    },\n\n    transformIndexHtml(html: string): IndexHtmlTransformResult {\n      if (!injectButton) {\n        return html\n      }\n\n      // Инжектируем скрипт перед закрывающим тегом </body>\n      const scriptTag = `<script>${BUTTON_INJECTION_SCRIPT}</script>`\n      if (html.includes('</body>')) {\n        return html.replace('</body>', `${scriptTag}</body>`)\n      }\n      // Если нет </body>, добавляем в конец\n      return html + scriptTag\n    },\n\n    configureServer(server: ViteDevServer) {\n      // Используем server.config.root как источник правды для корня проекта\n      const projectRoot = server.config.root\n\n      // HTML страница для iframe с devtools UI\n      // Используем виртуальный модуль для правильного импорта\n      const devtoolsHtml = `<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>i18n DevTools</title>\n  <style>\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n    body {\n      font-family: system-ui, -apple-system, sans-serif;\n      overflow: hidden;\n      height: 100vh;\n    }\n    #app {\n      width: 100%;\n      height: 100%;\n    }\n    .loading {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      height: 100%;\n      color: #64748b;\n    }\n  </style>\n</head>\n<body>\n  <div id=\"app\">\n    <div class=\"loading\">Loading DevTools...</div>\n  </div>\n  <script type=\"module\">\n    // Импортируем devtools UI\n    // Пытаемся импортировать через разные пути для совместимости\n    let register;\n    try {\n      const devtoolsModule = await import('/@vite-plugin-i18n-devtools/devtools-ui.js');\n      register = devtoolsModule.register;\n    } catch (e) {\n      // Fallback: пытаемся импортировать напрямую\n      try {\n        const devtoolsModule = await import('@i18n-micro/devtools-ui');\n        register = devtoolsModule.register;\n      } catch (e2) {\n        console.error('Failed to load devtools UI:', e2);\n        document.getElementById('app').innerHTML = '<div class=\"loading\" style=\"color: #ef4444;\">Failed to load DevTools. Please ensure @i18n-micro/devtools-ui is installed.</div>';\n        throw e2;\n      }\n    }\n\n    // Регистрируем custom element\n    register();\n\n    // Создаем bridge через API\n    const bridge = {\n      async getLocalesAndTranslations() {\n        try {\n          const response = await fetch('/__i18n_api/files');\n          const data = await response.json();\n          const result = {};\n          for (const file of data.files || []) {\n            try {\n              const fileResponse = await fetch('/__i18n_api/file?path=' + encodeURIComponent(file));\n              const fileData = await fileResponse.json();\n              if (fileData.success && fileData.content) {\n                result[file] = fileData.content;\n              }\n            } catch (e) {\n              console.warn('Failed to load file:', file, e);\n            }\n          }\n          return result;\n        } catch (e) {\n          console.error('Failed to get locales:', e);\n          return {};\n        }\n      },\n\n      async getConfigs() {\n        try {\n          const response = await fetch('/__i18n_api/config');\n          return await response.json();\n        } catch (e) {\n          return {\n            defaultLocale: 'en',\n            fallbackLocale: 'en',\n            locales: [],\n            translationDir: '${translationDir}',\n          };\n        }\n      },\n\n      async saveTranslation(filePath, content) {\n        const response = await fetch('/__i18n_api/save', {\n          method: 'POST',\n          headers: { 'Content-Type': 'application/json' },\n          body: JSON.stringify({ file: filePath, content }),\n        });\n        if (!response.ok) {\n          const error = await response.json().catch(() => ({ error: 'Unknown error' }));\n          throw new Error(error.error || 'Failed to save');\n        }\n      },\n\n      onLocalesUpdate(callback) {\n        let interval = null;\n        interval = setInterval(async () => {\n          try {\n            const data = await bridge.getLocalesAndTranslations();\n            callback(data);\n          } catch (e) {\n            console.error('Failed to update locales:', e);\n          }\n        }, 2000);\n        return () => {\n          if (interval) {\n            clearInterval(interval);\n          }\n        };\n      },\n    };\n\n    const app = document.getElementById('app');\n    app.innerHTML = '';\n    const element = document.createElement('i18n-devtools-ui');\n    element.bridge = bridge;\n    element.style.cssText = 'width: 100%; height: 100%; display: block;';\n    app.appendChild(element);\n  </script>\n</body>\n</html>`\n\n      // Middleware для обслуживания HTML страницы devtools\n      server.middlewares.use('/__i18n_devtools.html', (_req: IncomingMessage, res: ServerResponse) => {\n        res.statusCode = 200\n        res.setHeader('Content-Type', 'text/html; charset=utf-8')\n        res.end(devtoolsHtml)\n      })\n\n      // Эндпоинт для получения конфигурации\n      server.middlewares.use(`${apiBase}/config`, async (_req: IncomingMessage, res: ServerResponse, next) => {\n        if (_req.method !== 'GET') {\n          return next()\n        }\n\n        try {\n          res.statusCode = 200\n          res.setHeader('Content-Type', 'application/json')\n          res.end(JSON.stringify({\n            defaultLocale: 'en',\n            fallbackLocale: 'en',\n            locales: [],\n            translationDir,\n          }))\n        }\n        catch (e) {\n          console.error('[i18n-devtools] Config error:', e)\n          res.statusCode = 500\n          res.setHeader('Content-Type', 'application/json')\n          res.end(JSON.stringify({\n            success: false,\n            error: e instanceof Error ? e.message : String(e),\n          }))\n        }\n      })\n\n      // Эндпоинт для получения списка файлов\n      server.middlewares.use(`${apiBase}/files`, async (req: IncomingMessage, res: ServerResponse, next) => {\n        if (req.method !== 'GET') {\n          return next()\n        }\n\n        try {\n          const localesPath = path.resolve(projectRoot, translationDir)\n\n          // Проверяем, что путь безопасен\n          safeResolvePath(projectRoot, translationDir)\n\n          if (!fs.existsSync(localesPath)) {\n            res.statusCode = 200\n            res.setHeader('Content-Type', 'application/json')\n            res.end(JSON.stringify({ files: [], structure: {} }))\n            return\n          }\n\n          const files = await scanTranslationFiles(localesPath, localesPath)\n\n          // Строим структуру директорий\n          const structure: Record<string, unknown> = {}\n          for (const file of files) {\n            const parts = file.split('/')\n            let current = structure\n            for (let i = 0; i < parts.length - 1; i++) {\n              const part = parts[i]\n              if (!current[part]) {\n                current[part] = {}\n              }\n              current = current[part] as Record<string, unknown>\n            }\n            current[parts[parts.length - 1]] = file\n          }\n\n          res.statusCode = 200\n          res.setHeader('Content-Type', 'application/json')\n          res.end(JSON.stringify({ files, structure }))\n        }\n        catch (e) {\n          console.error('[i18n-devtools] Files list error:', e)\n          res.statusCode = 500\n          res.setHeader('Content-Type', 'application/json')\n          res.end(JSON.stringify({\n            success: false,\n            error: e instanceof Error ? e.message : String(e),\n          }))\n        }\n      })\n\n      // Эндпоинт для загрузки конкретного файла\n      server.middlewares.use(`${apiBase}/file`, async (req: IncomingMessage, res: ServerResponse, next) => {\n        if (req.method !== 'GET') {\n          return next()\n        }\n\n        try {\n          const url = new URL(req.url || '', `http://${req.headers.host}`)\n          const filePath = url.searchParams.get('path')\n\n          if (!filePath) {\n            throw new Error('Path parameter is required')\n          }\n\n          // Резолвим путь относительно translationDir\n          const fullPath = path.join(translationDir, filePath)\n          const resolvedPath = safeResolvePath(projectRoot, fullPath)\n\n          if (!fs.existsSync(resolvedPath)) {\n            res.statusCode = 404\n            res.setHeader('Content-Type', 'application/json')\n            res.end(JSON.stringify({ success: false, error: 'File not found' }))\n            return\n          }\n\n          if (!resolvedPath.endsWith('.json')) {\n            throw new Error('Invalid file: only .json files are allowed')\n          }\n\n          const content = fs.readFileSync(resolvedPath, 'utf-8')\n          const parsed = JSON.parse(content)\n\n          res.statusCode = 200\n          res.setHeader('Content-Type', 'application/json')\n          res.end(JSON.stringify({ success: true, content: parsed, path: filePath }))\n        }\n        catch (e) {\n          console.error('[i18n-devtools] File read error:', e)\n          res.statusCode = 500\n          res.setHeader('Content-Type', 'application/json')\n          res.end(JSON.stringify({\n            success: false,\n            error: e instanceof Error ? e.message : String(e),\n          }))\n        }\n      })\n\n      // Эндпоинт для сохранения файла\n      server.middlewares.use(`${apiBase}/save`, async (req: IncomingMessage, res: ServerResponse, next) => {\n        if (req.method !== 'POST') {\n          return next()\n        }\n\n        try {\n          // Чтение тела запроса\n          const buffers: Buffer[] = []\n          for await (const chunk of req) {\n            buffers.push(chunk)\n          }\n          const bodyData = Buffer.concat(buffers).toString()\n\n          if (!bodyData) {\n            throw new Error('Empty request body')\n          }\n\n          const body = JSON.parse(bodyData)\n          const { file, content } = body\n\n          if (!file || !content) {\n            throw new Error('Invalid data: file and content are required')\n          }\n\n          // Резолвим путь относительно translationDir, если путь не абсолютный\n          const fullPath = file.startsWith(translationDir) ? file : path.join(translationDir, file)\n          const filePath = safeResolvePath(projectRoot, fullPath)\n\n          // Проверка расширения\n          if (!filePath.endsWith('.json')) {\n            throw new Error('Invalid file: only .json files are allowed')\n          }\n\n          // Создаем директорию, если её нет\n          const dir = path.dirname(filePath)\n          if (!fs.existsSync(dir)) {\n            fs.mkdirSync(dir, { recursive: true })\n          }\n\n          // Записываем файл\n          fs.writeFileSync(filePath, JSON.stringify(content, null, 2), 'utf-8')\n\n          // Успешный ответ\n          res.statusCode = 200\n          res.setHeader('Content-Type', 'application/json')\n          res.end(JSON.stringify({ success: true }))\n        }\n        catch (e) {\n          console.error('[i18n-devtools] Save error:', e)\n          res.statusCode = 500\n          res.setHeader('Content-Type', 'application/json')\n          res.end(JSON.stringify({\n            success: false,\n            error: e instanceof Error ? e.message : String(e),\n          }))\n        }\n      })\n    },\n  } as PluginOption\n}\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@i18n-micro/devtools-ui",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "type": "module",
   "main": "./dist/index.umd.js",
   "module": "./dist/index.es.js",
@@ -14,29 +14,40 @@
     "./bridge": {
       "types": "./dist/bridge/interface.d.ts",
       "import": "./dist/bridge/interface.js"
+    },
+    "./bridge/create": {
+      "types": "./dist/bridge/create-bridge.d.ts",
+      "import": "./dist/bridge/create-bridge.js"
+    },
+    "./vite": {
+      "types": "./dist/vite/plugin.d.ts",
+      "import": "./dist/vite/plugin.mjs"
     }
   },
   "files": [
-    "dist"
+    "dist",
+    "vite"
   ],
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "vue": "^3.3.0",
-    "@i18n-micro/types": "1.0.15"
+    "vue": "^3.5.25",
+    "@i18n-micro/types": "1.0.16"
   },
   "devDependencies": {
     "@tailwindcss/vite": "^4.1.17",
-    "@vitejs/plugin-vue": "^5.0.0",
-    "autoprefixer": "^10.4.0",
-    "postcss": "^8.4.0",
-    "tailwindcss": "^4.0.0",
-    "vite": "^5.0.0",
-    "vite-plugin-dts": "^4.3.0"
+    "@vitejs/plugin-vue": "^6.0.2",
+    "autoprefixer": "^10.4.22",
+    "postcss": "^8.5.6",
+    "tailwindcss": "^4.1.17",
+    "vite": "^7.2.7",
+    "vite-plugin-dts": "^4.5.4"
   },
   "scripts": {
-    "build": "vite build",
+    "build": "vite build && vite build --config vite.config.plugin.mjs && npm run build:plugin-types",
+    "build:plugin": "vite build --config vite.config.plugin.mjs",
+    "build:plugin-types": "tsc vite/plugin.ts --declaration --emitDeclarationOnly --outDir dist/vite --module esnext --target es2020 --moduleResolution node --esModuleInterop --skipLibCheck",
     "typecheck": "tsc --noEmit"
   }
 }