fix: remove console logs from the dev server

Long story, but they are not being consumed and we end up with the blocked dev server because it waits until log buffer is freed.

Author: AleksandrSl

cmp/compiler/src/__test-utils__/mocks.ts

@@ -3,9 +3,9 @@
  * Prevents duplication of test helper functions across test files
  */
 
-import type { LoaderConfig } from "../types";
-import { createLoaderConfig } from "../utils/config-factory";
-import { DictionarySchema } from "../translators";
+import type { LingoConfig } from "../types";
+import { createLingoConfig } from "../utils/config-factory";
+import type { DictionarySchema } from "../translators";
 
 /**
  * Create a mock loader config for testing
@@ -21,11 +21,11 @@ import { DictionarySchema } from "../translators";
  * ```
  */
 export function createMockConfig(
-  overrides?: Partial<LoaderConfig>,
-): LoaderConfig {
-  return createLoaderConfig({
+  overrides?: Partial<LingoConfig>,
+): LingoConfig {
+  return createLingoConfig({
+    sourceLocale: "en",
     sourceRoot: "src",
-    framework: "vite", // Default to vite (all client components)
     targetLocales: ["en", "de"],
     ...overrides,
   });

cmp/compiler/src/index.ts

@@ -1,5 +1,5 @@
 export type {
-  LoaderConfig,
+  PartialLingoConfig,
   MetadataConfig,
   TranslationConfig,
   PathConfig,

cmp/compiler/src/plugin/dev-server-loader.ts

@@ -1,10 +1,10 @@
-import type { LoaderConfig } from "../types";
+import type { LingoConfig } from "../types";
 import { logger } from "../utils/logger";
 import { DEFAULT_TIMEOUTS, withTimeout } from "../utils/timeout";
-import { startOrGetTranslationServerHono } from "../translation-server/translation-server-hono";
+import { startOrGetTranslationServer } from "../translation-server/translation-server";
+import { getCacheDir } from "../utils/path-helpers";
 
-let serverPromise: ReturnType<typeof startOrGetTranslationServerHono> | null =
-  null;
+let serverPromise: ReturnType<typeof startOrGetTranslationServer> | null = null;
 
 export default async function devServerLoader(
   this: any,
@@ -14,14 +14,16 @@ export default async function devServerLoader(
   if (typeof this.async !== "function") {
     throw new Error("This module must be run as a loader");
   }
+  logger.debug("devServerLoader called", this.resourcePath);
   const callback = this.async();
   const isDev = process.env.NODE_ENV === "development";
 
-  const config: LoaderConfig & { cacheDir: string } = this.getOptions();
+  const config: LingoConfig = this.getOptions();
+  const startPort = config.dev.serverStartPort;
 
   if (isDev && !serverPromise) {
-    serverPromise = startOrGetTranslationServerHono({
-      startPort: 60000,
+    serverPromise = startOrGetTranslationServer({
+      startPort,
       onError: (err) => {
         logger.error("Translation server error:", err);
       },
@@ -42,7 +44,9 @@ export default async function devServerLoader(
   callback(
     null,
     source
-      .replace("__SERVER_URL__", server?.url || "http://127.0.0.1:60000")
-      .replace("__CACHE_DIR__", config.cacheDir),
+      // TODO (AleksandrSl 04/12/2025): Should we just error instead of the default?
+      .replace("__SERVER_URL__", server?.url || `http://127.0.0.1:${startPort}`)
+      // TODO (AleksandrSl 04/12/2025): Make cacheDir work
+      .replace("__CACHE_DIR__", getCacheDir(config)),
   );
 }

cmp/compiler/src/plugin/esbuild.ts

@@ -20,11 +20,8 @@
 
 import { lingoUnplugin, type LingoPluginOptions } from "./unplugin";
 
-export function lingoCompilerPlugin(options: Partial<LingoPluginOptions> = {}) {
-  return lingoUnplugin.esbuild({
-    ...options,
-    framework: "esbuild",
-  } as LingoPluginOptions);
+export function lingoCompilerPlugin(options: LingoPluginOptions) {
+  return lingoUnplugin.esbuild(options);
 }
 
 export type { LingoPluginOptions };

cmp/compiler/src/plugin/next.ts

@@ -6,38 +6,14 @@ import {
   getCacheDir,
   getCachePath,
   getConfigPath,
-  getDevConfigPath,
 } from "../utils/path-helpers";
-import { createLoaderConfig } from "../utils/config-factory";
+import { createLingoConfig } from "../utils/config-factory";
 import { logger } from "../utils/logger";
 import { startTranslationServer } from "../translation-server";
-import { CookieConfig, LoaderConfig } from "../types";
-import { TurbopackOptions } from "next/dist/server/config-shared";
-
-export type LingoNextPluginOptions = {
-  /**
-   * File patterns to skip during transformation
-   * @default [/node_modules/, /\.spec\./, /\.test\./]
-   */
-  skipPatterns?: RegExp[];
-
-  /**
-   * Cookie configuration for locale persistence
-   * Shared between client-side LocaleSwitcher and server-side locale resolver
-   * @default { name: 'locale', maxAge: 31536000 }
-   */
-  cookieConfig?: CookieConfig;
-} & Pick<
-  LoaderConfig,
-  | "dev"
-  | "prompt"
-  | "models"
-  | "useDirective"
-  | "targetLocales"
-  | "sourceLocale"
-  | "lingoDir"
-  | "sourceRoot"
->;
+import type { PartialLingoConfig } from "../types";
+import type { TurbopackOptions } from "next/dist/server/config-shared";
+
+export type LingoNextPluginOptions = PartialLingoConfig;
 
 /**
  * Check if Next.js supports stable turbopack config (Next.js 16+)
@@ -93,10 +69,7 @@ function buildLingoConfig(
   userNextConfig: NextConfig,
   lingoOptions: LingoNextPluginOptions,
 ): NextConfig {
-  const lingoConfig = createLoaderConfig({
-    ...lingoOptions,
-    framework: "next",
-  });
+  const lingoConfig = createLingoConfig(lingoOptions);
 
   // Prepare Turbopack loader configuration
   const loaderConfig = {
@@ -106,7 +79,6 @@ function buildLingoConfig(
       lingoDir: lingoConfig.lingoDir,
       sourceLocale: lingoConfig.sourceLocale,
       useDirective: lingoConfig.useDirective,
-      framework: lingoConfig.framework,
     },
   };
 
@@ -118,15 +90,14 @@ function buildLingoConfig(
     }),
     // TODO (AleksandrSl 02/12/2025): We can also inject default resolvers for locale based on the framework
     {
-      pattern: "**/dev-config.ts",
+      pattern: "**/dev-config.mjs",
       config: {
         loaders: [
           {
             loader: "@lingo.dev/_compiler/dev-server-loader",
             options: {
               sourceRoot: lingoConfig.sourceRoot,
               lingoDir: lingoConfig.lingoDir,
-              cacheDir: getCacheDir(lingoConfig),
               dev: lingoConfig.dev,
               sourceLocale: lingoConfig.sourceLocale,
             },
@@ -140,7 +111,6 @@ function buildLingoConfig(
   const mergedResolveAlias = {
     ...existingResolveAlias,
     "@lingo.dev/_compiler/config": getConfigPath(lingoConfig),
-    "@lingo.dev/_compiler/dev-config": getDevConfigPath(lingoConfig),
   };
 
   // Build Turbopack config (handles Next.js 16+ vs <16)
@@ -191,7 +161,7 @@ function buildLingoConfig(
       | undefined;
     try {
       translationServer = await startTranslationServer({
-        startPort: 60000,
+        startPort: lingoConfig.dev?.serverStartPort,
         onError: (err) => {
           logger.error("Translation server error:", err);
         },
@@ -267,7 +237,6 @@ function buildLingoConfig(
             sourceLocale: lingoConfig.sourceLocale,
             useDirective: lingoConfig.useDirective,
             skipPatterns: lingoConfig.skipPatterns,
-            framework: lingoConfig.framework,
           },
         },
       ],

cmp/compiler/src/plugin/rollup.ts

@@ -19,11 +19,8 @@
 
 import { lingoUnplugin, type LingoPluginOptions } from "./unplugin";
 
-export function lingoCompilerPlugin(options: Partial<LingoPluginOptions> = {}) {
-  return lingoUnplugin.rollup({
-    ...options,
-    framework: "rollup",
-  } as LingoPluginOptions);
+export function lingoCompilerPlugin(options: LingoPluginOptions) {
+  return lingoUnplugin.rollup(options);
 }
 
 export type { LingoPluginOptions };

cmp/compiler/src/plugin/transform/index.ts

@@ -2,8 +2,8 @@ import * as parser from "@babel/parser";
 import traverseDefault from "@babel/traverse";
 import generateDefault from "@babel/generator";
 import path from "path";
-import { LoaderConfig, MetadataSchema, TranslationEntry } from "../../types";
-import { createBabelVisitors, VisitorsSharedState } from "./visitors";
+import type { LingoConfig, TranslationEntry } from "../../types";
+import { createBabelVisitors, type VisitorsSharedState } from "./visitors";
 import { logger } from "../../utils/logger";
 
 // Handle ESM/CJS interop - these packages may export differently
@@ -36,7 +36,7 @@ export interface BabelTransformOptions {
   /**
    * Loader configuration
    */
-  config: LoaderConfig;
+  config: LingoConfig;
 }
 
 /**
@@ -107,7 +107,7 @@ export function transformComponent({
  */
 export function shouldTransformFile(
   filePath: string,
-  config: LoaderConfig,
+  config: LingoConfig,
 ): boolean {
   // Only transform .tsx and .jsx files
   if (!filePath.match(/\.(tsx|jsx)$/)) {