@i18n-micro/devtools-ui 1.2.8 → 1.2.15

package/dist/views/ConfigView.vue.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/views/I18nView.vue.d.ts

@@ -1,4 +1,3 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
-    file: HTMLInputElement;
-}, HTMLDivElement>;
+declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/views/SettingsView.vue.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/vite/plugin.mjs

@@ -1,72 +1,63 @@
 import * as fs from "node:fs";
 import { readdir } from "node:fs/promises";
 import * as path from "node:path";
+//#region src/safe-path.ts
 function rejectInvalidSymlink(linkPath, originalPath) {
-  const linkTarget = fs.readlinkSync(linkPath);
-  const absoluteTarget = path.isAbsolute(linkTarget) ? linkTarget : path.resolve(path.dirname(linkPath), linkTarget);
-  if (!fs.existsSync(absoluteTarget)) {
-    throw new Error(`Access denied: Path ${originalPath} resolves through an invalid symlink`);
-  }
+	const linkTarget = fs.readlinkSync(linkPath);
+	const absoluteTarget = path.isAbsolute(linkTarget) ? linkTarget : path.resolve(path.dirname(linkPath), linkTarget);
+	if (!fs.existsSync(absoluteTarget)) throw new Error(`Access denied: Path ${originalPath} resolves through an invalid symlink`);
 }
+/**
+* Resolve the deepest existing ancestor of `p` through `fs.realpathSync` (so
+* symlinks are followed), then re-append the not-yet-existing tail. Lets us
+* validate both existing reads and to-be-created write targets.
+*/
 function realpathAllowingMissing(p) {
-  let current = p;
-  const tail = [];
-  while (true) {
-    try {
-      const stat = fs.lstatSync(current);
-      if (stat.isSymbolicLink()) {
-        rejectInvalidSymlink(current, p);
-      }
-      break;
-    } catch (error) {
-      if (error instanceof Error && error.message.startsWith("Access denied:")) {
-        throw error;
-      }
-      const code = error instanceof Error && "code" in error ? error.code : void 0;
-      if (code !== "ENOENT" && code !== "ENOTDIR") {
-        throw error;
-      }
-      tail.unshift(path.basename(current));
-      const parent = path.dirname(current);
-      if (parent === current) break;
-      current = parent;
-    }
-  }
-  const realExisting = fs.realpathSync(current);
-  return tail.length > 0 ? path.join(realExisting, ...tail) : realExisting;
+	let current = p;
+	const tail = [];
+	while (true) try {
+		if (fs.lstatSync(current).isSymbolicLink()) rejectInvalidSymlink(current, p);
+		break;
+	} catch (error) {
+		if (error instanceof Error && error.message.startsWith("Access denied:")) throw error;
+		const code = error instanceof Error && "code" in error ? error.code : void 0;
+		if (code !== "ENOENT" && code !== "ENOTDIR") throw error;
+		tail.unshift(path.basename(current));
+		const parent = path.dirname(current);
+		if (parent === current) break;
+		current = parent;
+	}
+	const realExisting = fs.realpathSync(current);
+	return tail.length > 0 ? path.join(realExisting, ...tail) : realExisting;
 }
 function safeResolvePath(projectRoot, filePath) {
-  const normalizedFile = filePath.replace(/^\/+/, "").replace(/\/+/g, "/");
-  const resolvedPath = path.resolve(projectRoot, normalizedFile);
-  const realRoot = fs.realpathSync(path.resolve(projectRoot));
-  const realCandidate = realpathAllowingMissing(resolvedPath);
-  const rel = path.relative(realRoot, realCandidate);
-  if (rel === ".." || rel.startsWith(`..${path.sep}`) || path.isAbsolute(rel)) {
-    throw new Error(`Access denied: Path ${resolvedPath} is outside project root`);
-  }
-  return resolvedPath;
+	const normalizedFile = filePath.replace(/^\/+/, "").replace(/\/+/g, "/");
+	const resolvedPath = path.resolve(projectRoot, normalizedFile);
+	const realRoot = fs.realpathSync(path.resolve(projectRoot));
+	const realCandidate = realpathAllowingMissing(resolvedPath);
+	const rel = path.relative(realRoot, realCandidate);
+	if (rel === ".." || rel.startsWith(`..${path.sep}`) || path.isAbsolute(rel)) throw new Error(`Access denied: Path ${resolvedPath} is outside project root`);
+	return resolvedPath;
 }
+//#endregion
+//#region vite/plugin.ts
 async function scanTranslationFiles(dir, baseDir) {
-  const files = [];
-  try {
-    const entries = await readdir(dir, { withFileTypes: true });
-    const subdirFiles = await Promise.all(
-      entries.filter((entry) => entry.isDirectory()).map((entry) => scanTranslationFiles(path.join(dir, entry.name), baseDir))
-    );
-    files.push(...subdirFiles.flat());
-    for (const entry of entries) {
-      if (entry.isFile() && entry.name.endsWith(".json")) {
-        const fullPath = path.join(dir, entry.name);
-        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 files = [];
+	try {
+		const entries = await readdir(dir, { withFileTypes: true });
+		const subdirFiles = await Promise.all(entries.filter((entry) => entry.isDirectory()).map((entry) => scanTranslationFiles(path.join(dir, entry.name), baseDir)));
+		files.push(...subdirFiles.flat());
+		for (const entry of entries) if (entry.isFile() && entry.name.endsWith(".json")) {
+			const fullPath = path.join(dir, entry.name);
+			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 = `
+var BUTTON_INJECTION_SCRIPT = `
 (function() {
   if (typeof window === 'undefined' || document.getElementById('i18n-devtools-button-container')) {
     return;
@@ -219,38 +210,29 @@ const BUTTON_INJECTION_SCRIPT = `
 })();
 `;
 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",
-    // Works only in 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>
+	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",
+		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">
@@ -384,168 +366,143 @@ function i18nDevToolsPlugin(options = {}) {
   <\/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];
-            }
-            const last = parts[parts.length - 1];
-            if (last !== void 0) {
-              current[last] = 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)
-            })
-          );
-        }
-      });
-    }
-  };
+			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];
+						}
+						const last = parts[parts.length - 1];
+						if (last !== void 0) current[last] = 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 filePath = new URL(req.url || "", `http://${req.headers.host}`).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 { file, content } = JSON.parse(bodyData);
+					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
+//#endregion
+export { i18nDevToolsPlugin };
+
+//# sourceMappingURL=plugin.mjs.map