feat: vNext Lingo localizer

Author: maxprilutskiy

.changeset/sixty-meteors-appear.md

@@ -0,0 +1,6 @@
+---
+"@lingo.dev/_spec": minor
+"lingo.dev": minor
+---
+
+vNext localizer

demo/new-compiler-next16/package.json

@@ -10,19 +10,19 @@
   },
   "dependencies": {
     "@lingo.dev/compiler": "workspace:*",
-    "next": "^16.0.4",
+    "next": "16.0.4",
     "react": "19.2.0",
     "react-dom": "19.2.0"
   },
   "devDependencies": {
-    "@tailwindcss/postcss": "^4",
-    "@types/node": "^20",
-    "@types/react": "^19",
-    "@types/react-dom": "^19",
-    "eslint": "^9",
+    "@tailwindcss/postcss": "4",
+    "@types/node": "20",
+    "@types/react": "19",
+    "@types/react-dom": "19",
+    "eslint": "9",
     "eslint-config-next": "16.0.3",
-    "tailwindcss": "^4",
-    "tsx": "^4.20.6",
-    "typescript": "^5"
+    "tailwindcss": "4",
+    "tsx": "4.20.6",
+    "typescript": "5"
   }
 }

demo/new-compiler-vite-react-spa/package.json

@@ -9,27 +9,27 @@
   },
   "dependencies": {
     "@lingo.dev/compiler": "workspace:*",
-    "@tailwindcss/vite": "^4.0.6",
-    "@tanstack/react-devtools": "^0.7.0",
-    "@tanstack/react-router": "^1.132.0",
-    "@tanstack/react-router-devtools": "^1.132.0",
-    "@tanstack/router-plugin": "^1.132.0",
-    "lucide-react": "^0.545.0",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
-    "tailwindcss": "^4.0.6"
+    "@tailwindcss/vite": "4.0.6",
+    "@tanstack/react-devtools": "0.7.0",
+    "@tanstack/react-router": "1.132.0",
+    "@tanstack/react-router-devtools": "1.132.0",
+    "@tanstack/router-plugin": "1.132.0",
+    "lucide-react": "0.545.0",
+    "react": "19.2.0",
+    "react-dom": "19.2.0",
+    "tailwindcss": "4.0.6"
   },
   "devDependencies": {
-    "@tanstack/devtools-vite": "^0.3.11",
-    "@testing-library/dom": "^10.4.0",
-    "@testing-library/react": "^16.2.0",
-    "@types/node": "^22.10.2",
-    "@types/react": "^19.2.0",
-    "@types/react-dom": "^19.2.0",
-    "@vitejs/plugin-react": "^5.0.4",
-    "jsdom": "^27.0.0",
-    "typescript": "^5.7.2",
-    "vite": "^7.3.0",
-    "web-vitals": "^5.1.0"
+    "@tanstack/devtools-vite": "0.3.11",
+    "@testing-library/dom": "10.4.0",
+    "@testing-library/react": "16.2.0",
+    "@types/node": "22.10.2",
+    "@types/react": "19.2.0",
+    "@types/react-dom": "19.2.0",
+    "@vitejs/plugin-react": "5.0.4",
+    "jsdom": "27.0.0",
+    "typescript": "5.7.2",
+    "vite": "7.3.0",
+    "web-vitals": "5.1.0"
   }
 }

packages/cli/src/cli/cmd/run/setup.ts

@@ -51,14 +51,15 @@ export default async function setup(input: CmdRunContext) {
         title: "Selecting localization provider",
         task: async (ctx, task) => {
           const provider = ctx.flags.pseudo ? "pseudo" : ctx.config?.provider;
-          ctx.localizer = createLocalizer(provider, ctx.flags.apiKey);
+          const vNext = ctx.config?.vNext;
+          ctx.localizer = createLocalizer(provider, ctx.flags.apiKey, vNext);
           if (!ctx.localizer) {
             throw new Error(
               "Could not create localization provider. Please check your i18n.json configuration.",
             );
           }
           task.title =
-            ctx.localizer.id === "Lingo.dev"
+            ctx.localizer.id === "Lingo.dev" || ctx.localizer.id === "Lingo.dev vNext"
               ? `Using ${chalk.hex(colors.green)(ctx.localizer.id)} provider`
               : ctx.localizer.id === "pseudo"
                 ? `Using ${chalk.hex(colors.blue)("pseudo")} mode for testing`
@@ -68,7 +69,7 @@ export default async function setup(input: CmdRunContext) {
       {
         title: "Checking authentication",
         enabled: (ctx) =>
-          ctx.localizer?.id === "Lingo.dev" && !ctx.flags.pseudo,
+          (ctx.localizer?.id === "Lingo.dev" || ctx.localizer?.id === "Lingo.dev vNext") && !ctx.flags.pseudo,
         task: async (ctx, task) => {
           const authStatus = await ctx.localizer!.checkAuth();
           if (!authStatus.authenticated) {
@@ -81,7 +82,7 @@ export default async function setup(input: CmdRunContext) {
       },
       {
         title: "Validating configuration",
-        enabled: (ctx) => ctx.localizer?.id !== "Lingo.dev",
+        enabled: (ctx) => ctx.localizer?.id !== "Lingo.dev" && ctx.localizer?.id !== "Lingo.dev vNext",
         task: async (ctx, task) => {
           const validationStatus = await ctx.localizer!.validateSettings!();
           if (!validationStatus.valid) {

packages/cli/src/cli/localizer/_types.ts

@@ -16,7 +16,7 @@ export type LocalizerProgressFn = (
 ) => void;
 
 export interface ILocalizer {
-  id: "Lingo.dev" | "pseudo" | NonNullable<I18nConfig["provider"]>["id"];
+  id: "Lingo.dev" | "Lingo.dev vNext" | "pseudo" | NonNullable<I18nConfig["provider"]>["id"];
   checkAuth: () => Promise<{
     authenticated: boolean;
     username?: string;

packages/cli/src/cli/localizer/index.ts

@@ -1,18 +1,25 @@
 import { I18nConfig } from "@lingo.dev/_spec";
 
 import createLingoDotDevLocalizer from "./lingodotdev";
+import createLingoDotDevVNextLocalizer from "./lingodotdev-vnext";
 import createExplicitLocalizer from "./explicit";
 import createPseudoLocalizer from "./pseudo";
 import { ILocalizer } from "./_types";
 
 export default function createLocalizer(
   provider: I18nConfig["provider"] | "pseudo" | null | undefined,
   apiKey?: string,
+  vNext?: string,
 ): ILocalizer {
   if (provider === "pseudo") {
     return createPseudoLocalizer();
   }
 
+  // Check if vNext is configured
+  if (vNext) {
+    return createLingoDotDevVNextLocalizer(vNext);
+  }
+
   if (!provider) {
     return createLingoDotDevLocalizer(apiKey);
   } else {