feat: improve Lingo.dev Compiler initialization API

demo/adonisjs/vite.config.ts

@@ -2,11 +2,22 @@ import { getDirname } from '@adonisjs/core/helpers'
 import inertia from '@adonisjs/inertia/client'
 import adonisjs from '@adonisjs/vite/client'
 import react from '@vitejs/plugin-react'
-import lingoCompiler from 'lingo.dev/compiler'
+import { lingo } from 'lingo.dev/compiler/vite'
 import { type UserConfig, type PluginOption } from 'vite'
 
 const viteConfig: UserConfig = {
   plugins: [
+    // Place Lingo.dev first so it runs before other transforms
+    lingo({
+      sourceRoot: 'inertia',
+      lingoDir: 'lingo',
+      sourceLocale: 'en',
+      targetLocales: ['es'],
+      rsc: false,
+      useDirective: false,
+      debug: false,
+      models: 'lingo.dev',
+    }) as unknown as PluginOption,
     inertia({
       ssr: {
         enabled: true,
@@ -26,15 +37,4 @@ const viteConfig: UserConfig = {
   },
 }
 
-const withLingo = lingoCompiler.vite({
-  sourceRoot: 'inertia',
-  lingoDir: 'lingo',
-  sourceLocale: 'en',
-  targetLocales: ['es'],
-  rsc: false,
-  useDirective: false,
-  debug: false,
-  models: 'lingo.dev',
-})
-
-export default withLingo(viteConfig)
+export default viteConfig

demo/next-app/next.config.ts

@@ -1,11 +1,11 @@
 import type { NextConfig } from "next";
-import lingoCompiler from "lingo.dev/compiler";
+import { withLingo } from "lingo.dev/compiler/next";
 
 const nextConfig: NextConfig = {
   /* config options here */
 };
 
-export default lingoCompiler.next({
+export default withLingo({
   sourceLocale: "en",
   targetLocales: ["es", "ja", "fr", "ru", "de", "zh", "ar", "ko"],
   models: "lingo.dev",

demo/react-router-app/vite.config.ts

@@ -3,16 +3,20 @@ import tailwindcss from "@tailwindcss/vite";
 import { defineConfig } from "vite";
 import tsconfigPaths from "vite-tsconfig-paths";
 
-// Compiler: import
-import lingoCompiler from "lingo.dev/compiler";
+// Compiler: public export path
+import { lingo } from "lingo.dev/compiler/vite";
 
-export default defineConfig(({ isSsrBuild }) =>
-  lingoCompiler.vite({
-    sourceRoot: "app",
-    targetLocales: ["es", "fr", "de"],
-    useDirective: false,
-    models: "lingo.dev",
-  })({
-    plugins: [tailwindcss(), reactRouter(), tsconfigPaths()],
-  }),
-);
+export default defineConfig(({ isSsrBuild }) => ({
+  plugins: [
+    // Place Lingo.dev first so it runs before other transforms
+    lingo({
+      sourceRoot: "app",
+      targetLocales: ["es", "fr", "de"],
+      useDirective: false,
+      models: "lingo.dev",
+    }),
+    tailwindcss(),
+    reactRouter(),
+    tsconfigPaths(),
+  ],
+}));

demo/vite-project/vite.config.ts

@@ -1,22 +1,18 @@
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react-swc";
 
-// Compiler: add import
-import lingoCompiler from "lingo.dev/compiler";
-
-const viteConfig = {
-  plugins: [react()],
-};
+// Compiler: public export path
+import { lingo } from "lingo.dev/compiler/vite";
 
 // https://vite.dev/config/
-export default defineConfig(() =>
-  // Compiler: add lingoCompiler.vite
-  lingoCompiler.vite({
-    sourceRoot: "src",
-    targetLocales: ["es", "fr", "ru", "de", "ja", "zh", "ar", "ko"],
-    models: "lingo.dev",
-  })(viteConfig),
-);
-// export default defineConfig({
-//   plugins: [react()],
-// })
+export default defineConfig(() => ({
+  plugins: [
+    // Place Lingo.dev first so it runs before other transforms
+    lingo({
+      sourceRoot: "src",
+      targetLocales: ["es", "fr", "ru", "de", "ja", "zh", "ar", "ko"],
+      models: "lingo.dev",
+    }),
+    react(),
+  ],
+}));

packages/cli/package.json

@@ -29,6 +29,16 @@
       "import": "./build/compiler.mjs",
       "require": "./build/compiler.cjs"
     },
+    "./compiler/vite": {
+      "types": "./build/compiler/vite.d.ts",
+      "import": "./build/compiler/vite.mjs",
+      "require": "./build/compiler/vite.cjs"
+    },
+    "./compiler/next": {
+      "types": "./build/compiler/next.d.ts",
+      "import": "./build/compiler/next.mjs",
+      "require": "./build/compiler/next.cjs"
+    },
     "./react": {
       "types": "./build/react.d.ts",
       "import": "./build/react.mjs",
@@ -84,6 +94,12 @@
       "compiler": [
         "./build/compiler.d.ts"
       ],
+      "compiler/vite": [
+        "./build/compiler/vite.d.ts"
+      ],
+      "compiler/next": [
+        "./build/compiler/next.d.ts"
+      ],
       "react": [
         "./build/react.d.ts"
       ],

packages/cli/src/compiler/next.ts

@@ -0,0 +1,2 @@
+export type * from "@lingo.dev/_compiler/next";
+export { default, withLingo } from "@lingo.dev/_compiler/next";

packages/cli/src/compiler/vite.ts

@@ -0,0 +1,2 @@
+export type * from "@lingo.dev/_compiler/vite";
+export { default, lingo } from "@lingo.dev/_compiler/vite";

packages/cli/tsup.config.ts

@@ -11,6 +11,8 @@ export default defineConfig({
     "react/rsc": "src/react/rsc.ts",
     "react/react-router": "src/react/react-router.ts",
     compiler: "src/compiler/index.ts",
+    "compiler/vite": "src/compiler/vite.ts",
+    "compiler/next": "src/compiler/next.ts",
     "locale-codes": "src/locale-codes/index.ts",
   },
   outDir: "build",

packages/compiler/package.json

@@ -11,6 +11,23 @@
   "main": "build/index.cjs",
   "types": "build/index.d.ts",
   "module": "build/index.mjs",
+  "exports": {
+    ".": {
+      "types": "./build/index.d.ts",
+      "import": "./build/index.mjs",
+      "require": "./build/index.cjs"
+    },
+    "./vite": {
+      "types": "./build/vite.d.ts",
+      "import": "./build/vite.mjs",
+      "require": "./build/vite.cjs"
+    },
+    "./next": {
+      "types": "./build/next.d.ts",
+      "import": "./build/next.mjs",
+      "require": "./build/next.cjs"
+    }
+  },
   "files": [
     "build"
   ],

packages/compiler/src/core/unplugin.ts

@@ -0,0 +1 @@
+export { unplugin } from "../unplugin";