@uipkge/nuxt 0.1.1 → 0.1.4

package/README.md

@@ -14,20 +14,18 @@ Nuxt module for [i18now](https://i18now.com) — loads translations from the i18
 ## Installation
 
 ```bash
-npm install @uipkge/nuxt
+npm install @uipkge/nuxt @nuxtjs/i18n
 # or
-pnpm add @uipkge/nuxt
+pnpm add @uipkge/nuxt @nuxtjs/i18n
 ```
 
-`@nuxtjs/i18n` is a dependency and will be installed automatically.
-
 ## Setup
 
 Add the module to `nuxt.config.ts`:
 
 ```ts
 export default defineNuxtConfig({
-  modules: ['@uipkge/nuxt'],
+  modules: ['@nuxtjs/i18n', '@uipkge/nuxt'],
 
   i18now: {
     projectId: process.env.I18NOW_PROJECT_ID ?? '',

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=3.0.0"
   },
-  "version": "0.1.1",
+  "version": "0.1.4",
   "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 || ^10.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,15 +1,17 @@
 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(import.meta.dev ? "development" : "production")) 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 {
@@ -17,8 +19,7 @@ export default defineNuxtPlugin(async (nuxtApp) => {
       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 (import.meta.dev) {
         console.warn(
@@ -32,59 +33,12 @@ export default defineNuxtPlugin(async (nuxtApp) => {
     }
   }
   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 (import.meta.dev) {
-          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 Object.assign(new Error(`${res.status}`), { status: res.status });
-      }
-    }).catch((err) => {
-      const status = err.status ?? 0;
-      const retryable = status === 0 || status >= 500;
-      for (const { key } of keys) {
-        if (!retryable) {
-          retries.delete(key);
-          continue;
-        }
-        const attempts = (retries.get(key) ?? 0) + 1;
-        if (attempts < MAX_RETRIES) {
-          retries.set(key, attempts);
-          synced.delete(key);
-        } else {
-          retries.delete(key);
-          if (import.meta.dev) {
-            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;
     };
@@ -94,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,6 +1,7 @@
 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 {

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 = import.meta.dev ? "development" : "production";
+  const env = process.env.NODE_ENV ?? "production";
   if (!publicConfig?.syncIn?.includes(env)) {
     throw createError({ statusCode: 403, statusMessage: "Key sync is disabled in this environment" });
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uipkge/nuxt",
-  "version": "0.1.1",
+  "version": "0.1.4",
   "license": "MIT",
   "type": "module",
   "exports": {
@@ -12,32 +12,35 @@
   "files": [
     "dist"
   ],
-  "scripts": {
-    "build": "nuxt-module-build build",
-    "dev": "nuxt-module-build prepare",
-    "dev:playground": "nuxi dev playground",
-    "prepack": "nuxt-module-build build",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "test:coverage": "vitest run --coverage"
-  },
   "dependencies": {
     "@nuxt/kit": "^3.0.0",
-    "@nuxtjs/i18n": "^9.0.0 || ^10.0.0"
+    "@uipkge/core": "0.1.1"
   },
   "peerDependencies": {
-    "vue-i18n": "^9.0.0 || ^10.0.0 || ^11.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": false
+    },
+    "@nuxtjs/i18n": {
       "optional": true
     }
   },
   "devDependencies": {
     "@nuxt/module-builder": "^1.0.0",
-    "@uipkge/nuxt": "file:uipkge-nuxt-0.1.0.tgz",
     "happy-dom": "^17.0.0",
     "nuxt": "^3.0.0",
     "vitest": "^4.0.0"
+  },
+  "scripts": {
+    "build": "nuxt-module-build build",
+    "dev": "nuxt-module-build prepare",
+    "dev:playground": "nuxi dev playground",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "release": "vitest run && nuxt-module-build build && pnpm publish --access public --no-git-checks"
   }
-}
+}