@uipkge/nuxt 0.1.0 → 0.1.2

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=3.0.0"
   },
-  "version": "0.1.0",
+  "version": "0.1.2",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "unknown"

package/dist/module.mjs

@@ -6,11 +6,6 @@ const module$1 = defineNuxtModule({
     configKey: "i18now",
     compatibility: { nuxt: ">=3.0.0" }
   },
-  // Auto-install @nuxtjs/i18n when the user hasn't added it themselves.
-  // It ships as a dependency of @uipkge/nuxt so no separate install is needed.
-  moduleDependencies: {
-    "@nuxtjs/i18n": { version: "^9.0.0" }
-  },
   defaults: {
     host: "https://i18now.com",
     cdnUrl: "https://cdn.i18now.com",
@@ -49,6 +44,7 @@ const module$1 = defineNuxtModule({
       src: resolver.resolve("./runtime/plugin"),
       mode: "server"
     });
+    nuxt.options.build.transpile.push("@uipkge/core");
     if (nuxt.options.dev) {
       addServerHandler({
         route: "/api/_i18now/sync",

package/dist/runtime/plugin.client.js

@@ -1,83 +1,44 @@
 import { defineNuxtPlugin, useRuntimeConfig } from "#app";
-const MAX_TRACKED = 2e3;
-const MAX_RETRIES = 3;
+import { createI18nowSyncer } from "@uipkge/core";
 export default defineNuxtPlugin(async (nuxtApp) => {
   const { projectId, cdnUrl, environment, syncIn, locale: configLocale } = useRuntimeConfig().public.i18now;
-  if (!syncIn.includes(process.env.NODE_ENV ?? "development")) return;
+  if (!syncIn.includes(process.env.NODE_ENV ?? "production")) return;
   if (!projectId) {
     console.warn("[i18now] projectId is not set \u2014 key sync disabled.");
     return;
   }
   const i18nGlobal = nuxtApp.$i18n ?? nuxtApp.vueApp.config.globalProperties.$i18n;
-  const existingKeys = /* @__PURE__ */ new Set();
+  const syncer = createI18nowSyncer({
+    endpoint: "/api/_i18now/sync",
+    debug: import.meta.dev
+  });
   const locale = i18nGlobal?.locale?.value ?? i18nGlobal?.locale ?? configLocale;
   async function loadLocale(targetLocale) {
     try {
-      const res = await fetch(`${cdnUrl}/${projectId}/publish/${environment}/${targetLocale}.json`);
+      const url = `${cdnUrl}/${projectId}/publish/${environment}/${targetLocale}.json`;
+      const res = await fetch(url, { signal: AbortSignal.timeout(8e3) });
       if (res.ok) {
         const data = await res.json();
-        existingKeys.clear();
-        for (const key of Object.keys(data)) existingKeys.add(key);
+        syncer.setExistingKeys(Object.keys(data));
         i18nGlobal?.setLocaleMessage(targetLocale, data);
-      } else if (process.env.NODE_ENV === "development") {
+      } else if (import.meta.dev) {
         console.warn(
-          `[i18now] Could not load translations from CDN (${res.status}). All keys will be sent to sync \u2014 this is safe, the backend deduplicates them. URL: ${cdnUrl}/${projectId}/publish/${environment}/${targetLocale}.json`
+          `[i18now] Could not load translations from CDN (${res.status}). All keys will be sent to sync \u2014 this is safe, the backend deduplicates them. URL: ${url}`
         );
       }
     } catch (err) {
-      if (process.env.NODE_ENV === "development") {
+      if (import.meta.dev) {
         console.warn(`[i18now] CDN fetch failed for locale '${targetLocale}':`, err);
       }
     }
   }
   await loadLocale(locale);
-  const synced = /* @__PURE__ */ new Set();
-  const retries = /* @__PURE__ */ new Map();
-  const pending = /* @__PURE__ */ new Map();
-  let flushTimer = null;
-  function flush() {
-    flushTimer = null;
-    if (pending.size === 0) return;
-    const keys = Array.from(pending.entries()).map(([key, value]) => ({ key, value }));
-    pending.clear();
-    fetch("/api/_i18now/sync", {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({ keys })
-    }).then((res) => {
-      if (!res.ok) {
-        if (process.env.NODE_ENV === "development") {
-          res.json().then((data) => console.warn(`[i18now] Sync failed (${res.status}):`, data?.statusMessage ?? data)).catch(() => console.warn(`[i18now] Sync failed with status ${res.status}`));
-        }
-        throw new Error(`${res.status}`);
-      }
-    }).catch(() => {
-      for (const { key } of keys) {
-        const attempts = (retries.get(key) ?? 0) + 1;
-        if (attempts < MAX_RETRIES) {
-          retries.set(key, attempts);
-          synced.delete(key);
-        } else {
-          retries.delete(key);
-          if (process.env.NODE_ENV === "development") {
-            console.warn(`[i18now] Sync failed after ${MAX_RETRIES} attempts for key "${key}". Giving up.`);
-          }
-        }
-      }
-    });
-  }
-  function syncKey(key, value) {
-    if (synced.has(key) || synced.size >= MAX_TRACKED) return;
-    synced.add(key);
-    pending.set(key, value);
-    if (!flushTimer) flushTimer = setTimeout(flush, 0);
-  }
   const originalGlobalT = nuxtApp.vueApp.config.globalProperties.$t;
   if (originalGlobalT) {
     nuxtApp.vueApp.config.globalProperties.$t = function(key, defaultValue, ...rest) {
       const result = originalGlobalT.call(this, key, defaultValue, ...rest);
-      if (!existingKeys.has(key) && typeof defaultValue === "string") {
-        syncKey(key, defaultValue);
+      if (!syncer.existingKeys.has(key) && typeof defaultValue === "string") {
+        syncer.syncKey(key, defaultValue);
       }
       return result;
     };
@@ -87,7 +48,7 @@ export default defineNuxtPlugin(async (nuxtApp) => {
   });
   return {
     provide: {
-      i18nowSync: { syncKey, existingKeys }
+      i18nowSync: { syncKey: syncer.syncKey, existingKeys: syncer.existingKeys }
     }
   };
 });

package/dist/runtime/plugin.js

@@ -1,16 +1,24 @@
 import { defineNuxtPlugin, useRuntimeConfig } from "#app";
 export default defineNuxtPlugin(async (nuxtApp) => {
   const { projectId, cdnUrl, environment, locale: configLocale } = useRuntimeConfig().public.i18now;
+  if (!projectId) return;
   const i18n = nuxtApp.$i18n ?? nuxtApp.vueApp.config.globalProperties.$i18n;
   async function loadLocale(locale) {
     try {
       const url = `${cdnUrl}/${projectId}/publish/${environment}/${locale}.json`;
-      const res = await fetch(url);
-      if (!res.ok) return;
+      const res = await fetch(url, { signal: AbortSignal.timeout(8e3) });
+      if (!res.ok) {
+        if (import.meta.dev) {
+          console.warn(
+            `[i18now] Could not load locale '${locale}' from CDN (${res.status}). Default values will be used as fallback. URL: ${url}`
+          );
+        }
+        return;
+      }
       const messages = await res.json();
       if (i18n) i18n.setLocaleMessage(locale, messages);
     } catch (err) {
-      if (process.env.NODE_ENV === "development") {
+      if (import.meta.dev) {
         console.warn(`[i18now] Failed to load locale '${locale}' from CDN:`, err);
       }
     }

package/dist/runtime/plugin.suppress-warnings.js

@@ -1,11 +1,16 @@
 import { defineNuxtPlugin } from "#app";
 export default defineNuxtPlugin((nuxtApp) => {
-  const provides = nuxtApp.vueApp._context?.provides ?? {};
-  const i18nSym = Object.getOwnPropertySymbols(provides).find((s) => s.toString() === "Symbol(vue-i18n)");
-  const i18nInstance = i18nSym ? provides[i18nSym] : void 0;
-  const global = i18nInstance?.global;
-  if (global) {
-    global.missingWarn = false;
-    global.fallbackWarn = false;
+  const directGlobal = nuxtApp.$i18n?.global;
+  let symbolGlobal;
+  if (!directGlobal) {
+    const provides = nuxtApp.vueApp._context?.provides ?? {};
+    const i18nSym = Object.getOwnPropertySymbols(provides).find((s) => s.toString() === "Symbol(vue-i18n)");
+    const i18nInstance = i18nSym ? provides[i18nSym] : void 0;
+    symbolGlobal = i18nInstance?.global;
+  }
+  const globalComposer = directGlobal ?? symbolGlobal;
+  if (globalComposer) {
+    globalComposer.missingWarn = false;
+    globalComposer.fallbackWarn = false;
   }
 });

package/dist/runtime/server/sync.js

@@ -2,7 +2,7 @@ import { createError, defineEventHandler, readBody } from "h3";
 export default defineEventHandler(async (event) => {
   const config = useRuntimeConfig(event);
   const publicConfig = config.public?.i18now;
-  const env = process.env.NODE_ENV ?? "development";
+  const env = process.env.NODE_ENV ?? "production";
   if (!publicConfig?.syncIn?.includes(env)) {
     throw createError({ statusCode: 403, statusMessage: "Key sync is disabled in this environment" });
   }
@@ -23,7 +23,13 @@ export default defineEventHandler(async (event) => {
   if (!Array.isArray(body?.keys)) {
     throw createError({ statusCode: 400, statusMessage: 'Request body must contain a "keys" array' });
   }
-  if (body.keys.length > 100) {
+  const validKeys = body.keys.filter(
+    (item) => item !== null && typeof item === "object" && typeof item.key === "string" && item.key.length > 0 && typeof item.value === "string" && item.value.length > 0
+  );
+  if (validKeys.length === 0) {
+    return { synced: 0 };
+  }
+  if (validKeys.length > 100) {
     throw createError({ statusCode: 400, statusMessage: "Maximum 100 keys per request" });
   }
   const res = await fetch(
@@ -31,7 +37,7 @@ export default defineEventHandler(async (event) => {
     {
       method: "POST",
       headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({ apiKey, keys: body.keys })
+      body: JSON.stringify({ apiKey, keys: validKeys })
     }
   );
   const data = await res.json();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uipkge/nuxt",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "license": "MIT",
   "type": "module",
   "exports": {
@@ -9,7 +9,9 @@
     }
   },
   "main": "./dist/module.mjs",
-  "files": ["dist"],
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "build": "nuxt-module-build build",
     "dev": "nuxt-module-build prepare",
@@ -17,21 +19,28 @@
     "prepack": "nuxt-module-build build",
     "test": "vitest run",
     "test:watch": "vitest",
-    "test:coverage": "vitest run --coverage"
+    "test:coverage": "vitest run --coverage",
+    "release": "vitest run && nuxt-module-build build && npm publish --access public"
   },
   "dependencies": {
     "@nuxt/kit": "^3.0.0",
-    "@nuxtjs/i18n": "^9.0.0"
+    "@uipkge/core": "workspace:*"
   },
   "peerDependencies": {
-    "vue-i18n": "^9.0.0 || ^10.0.0"
+    "vue-i18n": "^9.0.0 || ^10.0.0 || ^11.0.0",
+    "@nuxtjs/i18n": "^9.0.0 || ^10.0.0"
   },
   "peerDependenciesMeta": {
-    "vue-i18n": { "optional": true }
+    "vue-i18n": {
+      "optional": false
+    },
+    "@nuxtjs/i18n": {
+      "optional": true
+    }
   },
   "devDependencies": {
     "@nuxt/module-builder": "^1.0.0",
-    "happy-dom": "^17.0.0",
+"happy-dom": "^17.0.0",
     "nuxt": "^3.0.0",
     "vitest": "^4.0.0"
   }