@inlang/paraglide-js 2.0.0-beta.3 → 2.0.0-beta.30

package/README.md

@@ -1,63 +1,13 @@
 [![Inlang-ecosystem compatibility badge](https://cdn.jsdelivr.net/gh/opral/monorepo@main/inlang/assets/md-badges/inlang.svg)](https://inlang.com)
 
-# Getting started
+[![NPM Downloads](https://img.shields.io/npm/dw/%40inlang%2Fparaglide-js?logo=npm&logoColor=red&label=npm%20downloads)](https://www.npmjs.com/package/@inlang/paraglide-js) [![Discord](https://img.shields.io/discord/897438559458430986?style=flat&logo=discord&labelColor=white)](https://discord.gg/MZ48XgXKkk)
 
-To auto setup Paraglide JS, run the following command:
 
-```bash
-npx @inlang/paraglide-js@latest init
-```
 
-This will:
+A compiler-based i18n library that emits tree-shakable message functions. This means that only the messages you actually use are loaded without asynchronous waterfalls.
 
-- Create an [inlang project](https://inlang.com/documentation/concept/project)
-- Install necessary dependencies
-- Generate a `messages/` folder where your translation files live
+Visit https://inlang.com/m/gerre34r/library-inlang-paraglideJs to learn more.
 
-## Adding and editing Messages
+## Contributing
 
-Messages are stored in `messages/{locale}.json` as key-value pairs. You can add parameters with curly braces.
-
-```diff
-// messages/en.json
-{
-+ 	"greeting": "Hello {name}!"
-}
-```
-
-Run the compiler via the CLI to generate the message functions.
-
-```bash
-npx @inlang/paraglide-js compile --project ./project.inlang --outdir ./src/paraglide
-```
-
-_If you are using a Bundler use one of the [Bundler Plugins](usage#usage-with-a-bundler) to recompile automatically._
-
-## Using messages in code
-
-After running the compiler import the messages with `import * as m from "./paraglide/messages"`. By convention, a wildcard import is used.
-
-```js
-import * as m from "./paraglide/messages.js";
-
-m.greeting({ name: "Samuel" }); // Hello Samuel!
-```
-
-## Changing the locale 
-
-To change the locale, use the `setLocale` function. 
-
-```js
-import { setLocale } from "./paraglide/runtime.js";
-import * as m from "./paraglide/messages.js";
-
-m.greeting({ name: "Samuel" }); // Hello Samuel!
-
-setLocale("de");
-
-m.greeting({ name: "Samuel" }); // Guten Tag Samuel!
-```
-
-## Define your strategy 
-
-In the last step, you need to define what strategy you want to use to resolve the locale. Visit the [strategy documentation](https://inlang.com/m/gerre34r/library-inlang-paraglideJs/strategy) to learn more.
+Read the [CONTRIBUTING.md](https://github.com/opral/monorepo/blob/main/inlang/packages/paraglide/paraglide-js/CONTRIBUTING.md) file to learn more on how to contribute.

package/dist/bundler-plugins/esbuild.d.ts

@@ -0,0 +1,2 @@
+export declare const paraglideEsbuildPlugin: (options: import("../index.js").CompilerOptions) => import("unplugin").EsbuildPlugin;
+//# sourceMappingURL=esbuild.d.ts.map

package/dist/bundler-plugins/esbuild.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"esbuild.d.ts","sourceRoot":"","sources":["../../src/bundler-plugins/esbuild.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,sBAAsB,sFAAuC,CAAC"}

package/dist/bundler-plugins/esbuild.js

@@ -0,0 +1,3 @@
+import { createEsbuildPlugin } from "unplugin";
+import { unpluginFactory } from "./unplugin.js";
+export const paraglideEsbuildPlugin = createEsbuildPlugin(unpluginFactory);

package/dist/bundler-plugins/index.d.ts

@@ -1,3 +1,7 @@
-export { paraglideVitePlugin } from "./vite.js";
+export { paraglideEsbuildPlugin } from "./esbuild.js";
+export { paraglideRolldownPlugin } from "./rolldown.js";
 export { paraglideRollupPlugin } from "./rollup.js";
+export { paraglideRspackPlugin } from "./rspack.js";
+export { paraglideVitePlugin } from "./vite.js";
+export { paraglideWebpackPlugin } from "./webpack.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/bundler-plugins/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/bundler-plugins/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAChD,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/bundler-plugins/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAChD,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC"}

package/dist/bundler-plugins/index.js

@@ -1,2 +1,6 @@
-export { paraglideVitePlugin } from "./vite.js";
+export { paraglideEsbuildPlugin } from "./esbuild.js";
+export { paraglideRolldownPlugin } from "./rolldown.js";
 export { paraglideRollupPlugin } from "./rollup.js";
+export { paraglideRspackPlugin } from "./rspack.js";
+export { paraglideVitePlugin } from "./vite.js";
+export { paraglideWebpackPlugin } from "./webpack.js";

package/dist/bundler-plugins/rolldown.d.ts

@@ -0,0 +1,2 @@
+export declare const paraglideRolldownPlugin: (options: import("../index.js").CompilerOptions) => import("unplugin").RolldownPlugin<any> | import("unplugin").RolldownPlugin<any>[];
+//# sourceMappingURL=rolldown.d.ts.map

package/dist/bundler-plugins/rolldown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rolldown.d.ts","sourceRoot":"","sources":["../../src/bundler-plugins/rolldown.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,uBAAuB,uIAAwC,CAAC"}

package/dist/bundler-plugins/rolldown.js

@@ -0,0 +1,3 @@
+import { createRolldownPlugin } from "unplugin";
+import { unpluginFactory } from "./unplugin.js";
+export const paraglideRolldownPlugin = createRolldownPlugin(unpluginFactory);

package/dist/bundler-plugins/rollup.d.ts

@@ -1,6 +1,2 @@
-export declare const paraglideRollupPlugin: (options: {
-    project: string;
-    outdir: string;
-    options?: import("../compiler/compileProject.js").ParaglideCompilerOptions;
-}) => import("rollup").Plugin<any> | import("rollup").Plugin<any>[];
+export declare const paraglideRollupPlugin: (options: import("../index.js").CompilerOptions) => import("unplugin").RollupPlugin<any> | import("unplugin").RollupPlugin<any>[];
 //# sourceMappingURL=rollup.d.ts.map

package/dist/bundler-plugins/rollup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rollup.d.ts","sourceRoot":"","sources":["../../src/bundler-plugins/rollup.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,qBAAqB;;;;mEAAsC,CAAC"}
+{"version":3,"file":"rollup.d.ts","sourceRoot":"","sources":["../../src/bundler-plugins/rollup.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,qBAAqB,mIAAsC,CAAC"}

package/dist/bundler-plugins/rspack.d.ts

@@ -0,0 +1,2 @@
+export declare const paraglideRspackPlugin: (options: import("../index.js").CompilerOptions) => RspackPluginInstance;
+//# sourceMappingURL=rspack.d.ts.map

package/dist/bundler-plugins/rspack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rspack.d.ts","sourceRoot":"","sources":["../../src/bundler-plugins/rspack.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,qBAAqB,0EAAsC,CAAC"}

package/dist/bundler-plugins/rspack.js

@@ -0,0 +1,3 @@
+import { createRspackPlugin } from "unplugin";
+import { unpluginFactory } from "./unplugin.js";
+export const paraglideRspackPlugin = createRspackPlugin(unpluginFactory);

package/dist/bundler-plugins/unplugin.d.ts

@@ -1,18 +1,4 @@
 import type { UnpluginFactory } from "unplugin";
-import type { ParaglideCompilerOptions } from "../compiler/compileProject.js";
-export declare const unpluginFactory: UnpluginFactory<{
-    /**
-     * The path to the inlang project.
-     *
-     * @example "./project.inlang"
-     */
-    project: string;
-    /**
-     * The path to the output directory.
-     *
-     * @example "./src/paraglide"
-     */
-    outdir: string;
-    options?: ParaglideCompilerOptions;
-}>;
+import type { CompilerOptions } from "../compiler/compiler-options.js";
+export declare const unpluginFactory: UnpluginFactory<CompilerOptions>;
 //# sourceMappingURL=unplugin.d.ts.map

package/dist/bundler-plugins/unplugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"unplugin.d.ts","sourceRoot":"","sources":["../../src/bundler-plugins/unplugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAO9E,eAAO,MAAM,eAAe,EAAE,eAAe,CAAC;IAC7C;;;;OAIG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,wBAAwB,CAAC;CACnC,CAwCC,CAAC"}
+{"version":3,"file":"unplugin.d.ts","sourceRoot":"","sources":["../../src/bundler-plugins/unplugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAMhD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAavE,eAAO,MAAM,eAAe,EAAE,eAAe,CAAC,eAAe,CAmG3D,CAAC"}

package/dist/bundler-plugins/unplugin.js

@@ -1,66 +1,129 @@
 import { compile } from "../compiler/compile.js";
 import fs from "node:fs";
-import { resolve } from "node:path";
+import { resolve, relative } from "node:path";
+import { nodeNormalizePath } from "../utilities/node-normalize-path.js";
+import { Logger } from "../services/logger/index.js";
 const PLUGIN_NAME = "unplugin-paraglide-js";
+const logger = new Logger();
+/**
+ * Default isServer which differs per bundler.
+ */
+let isServer;
+let previousCompilation;
 export const unpluginFactory = (args) => ({
     name: PLUGIN_NAME,
     enforce: "pre",
     async buildStart() {
-        console.log("Paraglide JS: Compiling inlang project...");
-        await compile({
-            project: args.project,
-            outdir: args.outdir,
-            options: args.options,
-            fs: wrappedFs,
-        });
-        for (const path of Array.from(readFiles)) {
-            this.addWatchFile(path);
+        logger.info("Compiling inlang project...");
+        try {
+            previousCompilation = await compile({
+                fs: wrappedFs,
+                previousCompilation,
+                // webpack invokes the `buildStart` api in watch mode,
+                // to avoid cleaning the output directory in watch mode,
+                // we only clean the output directory if there was no previous compilation
+                cleanOutdir: previousCompilation === undefined,
+                isServer,
+                ...args,
+            });
+            logger.success("Compilation complete");
+        }
+        catch (error) {
+            logger.error("Failed to compile project:", error.message);
+            logger.info("Please check your translation files for syntax errors.");
+        }
+        finally {
+            // in any case add the files to watch
+            for (const path of Array.from(readFiles)) {
+                this.addWatchFile(path);
+            }
         }
     },
     async watchChange(path) {
-        if (readFiles.has(path)) {
-            console.log(`Paraglide JS: Recompiling inlang project...`);
+        const shouldCompile = readFiles.has(path) && !path.includes("cache");
+        if (shouldCompile === false) {
+            return;
+        }
+        const previouslyReadFiles = new Set(readFiles);
+        try {
+            logger.info(`Re-compiling inlang project... File "${relative(process.cwd(), path)}" has changed.`);
+            // Clear readFiles to track fresh file reads
             readFiles.clear();
-            await compile({
-                project: args.project,
-                outdir: args.outdir,
-                options: args.options,
+            previousCompilation = await compile({
                 fs: wrappedFs,
+                previousCompilation,
+                cleanOutdir: false,
+                isServer,
+                ...args,
             });
+            logger.success("Re-compilation complete");
+            // Add any new files to watch
+            for (const filePath of Array.from(readFiles)) {
+                this.addWatchFile(filePath);
+            }
         }
+        catch (e) {
+            readFiles = previouslyReadFiles;
+            // Reset compilation result on error
+            previousCompilation = undefined;
+            logger.warn("Failed to re-compile project:", e.message);
+        }
+    },
+    vite: {
+        config: {
+            handler: () => {
+                isServer = "import.meta.env?.SSR ?? typeof window === 'undefined'";
+            },
+        },
     },
     webpack(compiler) {
-        //we need the compiler to run before the build so that the message-modules will be present
-        //In the other bundlers `buildStart` already runs before the build. In webpack it's a race condition
+        compiler.options.resolve = {
+            ...compiler.options.resolve,
+            fallback: {
+                ...compiler.options.resolve?.fallback,
+                // https://stackoverflow.com/a/72989932
+                async_hooks: false,
+            },
+        };
         compiler.hooks.beforeRun.tapPromise(PLUGIN_NAME, async () => {
-            await compile({
-                project: args.project,
-                outdir: args.outdir,
-                options: args.options,
-                fs: wrappedFs,
-            });
+            try {
+                previousCompilation = await compile({
+                    fs: wrappedFs,
+                    previousCompilation,
+                    // clean dir needs to be false. otherwise webpack get's into a race condition
+                    // of deleting the output directory and writing files at the same time for
+                    // multi environment builds
+                    cleanOutdir: false,
+                    ...args,
+                });
+                logger.success("Compilation complete");
+            }
+            catch (error) {
+                logger.warn("Failed to compile project:", error.message);
+                logger.warn("Please check your translation files for syntax errors.");
+            }
         });
     },
 });
-const readFiles = new Set();
+let readFiles = new Set();
 // Create a wrapper around the fs object to intercept and store read files
 const wrappedFs = {
     ...fs,
     // @ts-expect-error - Node's fs has too many overloads
     readFile: (path, options, callback) => {
-        readFiles.add(resolve(process.cwd(), path.toString()));
+        readFiles.add(nodeNormalizePath(resolve(process.cwd(), path.toString())));
         return fs.readFile(path, options, callback);
     },
     // @ts-expect-error - Node's fs has too many overloads
     readFileSync: (path, options) => {
-        readFiles.add(resolve(process.cwd(), path.toString()));
+        readFiles.add(nodeNormalizePath(resolve(process.cwd(), path.toString())));
         return fs.readFileSync(path, options);
     },
     promises: {
         ...fs.promises,
         // @ts-expect-error - Node's fs.promises has too many overloads
         readFile: async (path, options) => {
-            readFiles.add(resolve(process.cwd(), path.toString()));
+            readFiles.add(nodeNormalizePath(resolve(process.cwd(), path.toString())));
             return fs.promises.readFile(path, options);
         },
     },

package/dist/bundler-plugins/vite.d.ts

@@ -1,6 +1,2 @@
-export declare const paraglideVitePlugin: (options: {
-    project: string;
-    outdir: string;
-    options?: import("../compiler/compileProject.js").ParaglideCompilerOptions;
-}) => import("vite").Plugin<any> | import("vite").Plugin<any>[];
+export declare const paraglideVitePlugin: (options: import("../index.js").CompilerOptions) => import("vite").Plugin<any> | import("vite").Plugin<any>[];
 //# sourceMappingURL=vite.d.ts.map

package/dist/bundler-plugins/vite.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vite.d.ts","sourceRoot":"","sources":["../../src/bundler-plugins/vite.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,mBAAmB;;;;+DAAoC,CAAC"}
+{"version":3,"file":"vite.d.ts","sourceRoot":"","sources":["../../src/bundler-plugins/vite.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,mBAAmB,+GAAoC,CAAC"}

package/dist/bundler-plugins/webpack.d.ts

@@ -0,0 +1,2 @@
+export declare const paraglideWebpackPlugin: (options: import("../index.js").CompilerOptions) => import("unplugin").WebpackPluginInstance;
+//# sourceMappingURL=webpack.d.ts.map

package/dist/bundler-plugins/webpack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"webpack.d.ts","sourceRoot":"","sources":["../../src/bundler-plugins/webpack.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,sBAAsB,8FAAuC,CAAC"}

package/dist/bundler-plugins/webpack.js

@@ -0,0 +1,3 @@
+import { createWebpackPlugin } from "unplugin";
+import { unpluginFactory } from "./unplugin.js";
+export const paraglideWebpackPlugin = createWebpackPlugin(unpluginFactory);

package/dist/cli/commands/compile/command.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../../../src/cli/commands/compile/command.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AASpC,eAAO,MAAM,cAAc,SAoDzB,CAAC"}
+{"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../../../src/cli/commands/compile/command.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAUpC,eAAO,MAAM,cAAc,SAmDzB,CAAC"}

package/dist/cli/commands/compile/command.js

@@ -1,38 +1,37 @@
 import { Command } from "commander";
-import fs from "node:fs";
 import { resolve } from "node:path";
 import { Logger } from "../../../services/logger/index.js";
-import { runCompiler } from "../../steps/run-compiler.js";
-import { DEFAULT_OUTDIR } from "../../defaults.js";
-import { loadProjectFromDirectory } from "@inlang/sdk";
-import { ENV_VARIABLES } from "../../../services/env-variables/index.js";
+import { DEFAULT_OUTDIR, DEFAULT_PROJECT_PATH } from "../../defaults.js";
+import { compile } from "../../../compiler/compile.js";
+import { defaultCompilerOptions, } from "../../../compiler/compiler-options.js";
 export const compileCommand = new Command()
     .name("compile")
     .summary("Compiles inlang Paraglide-JS")
-    .requiredOption("--project <path>", 'The path to the inlang project. Example: "./project.inlang"')
+    .requiredOption("--project <path>", 'The path to the inlang project. Example: "./project.inlang"', DEFAULT_PROJECT_PATH)
     .requiredOption("--outdir <path>", 'The path to the output directory. Example: "./src/paraglide"', DEFAULT_OUTDIR)
+    .option("--strategy <items...>", [
+    "The strategy to be used.",
+    "",
+    "Example: --strategy cookie globalVariable baseLocale",
+    "Read more on https://inlang.com/m/gerre34r/library-inlang-paraglideJs/strategy",
+].join("\n"))
     .requiredOption("--silent", "Only log errors to the console", false)
     .action(async (options) => {
     const logger = new Logger({ silent: options.silent, prefix: true });
     const path = resolve(process.cwd(), options.project);
-    logger.info(`Compiling inlang project at "${options.project}".`);
-    const project = await loadProjectFromDirectory({
-        path,
-        fs,
-        appId: ENV_VARIABLES.PARJS_APP_ID,
-    });
-    await runCompiler({
-        project,
-        fs: fs.promises,
-        outdir: options.outdir,
-    });
-    logger.success("Successfully compiled the project.");
-    const errors = await project.errors.get();
-    if (errors.length > 0) {
-        logger.warn(`But the project reported the following warnings and/or errors that might have influenced compilation:`);
-        for (const error of errors) {
-            logger.log(`${error}`);
-        }
+    logger.info(`Compiling inlang project ...`);
+    try {
+        await compile({
+            project: path,
+            outdir: options.outdir,
+            strategy: options.strategy ?? defaultCompilerOptions.strategy,
+        });
     }
+    catch (e) {
+        logger.error("Error while compiling inlang project.");
+        logger.error(e);
+        process.exit(1);
+    }
+    logger.success(`Successfully compiled inlang project.`);
     process.exit(0);
 });

package/dist/cli/commands/init/command.d.ts

@@ -1,23 +1,3 @@
 import { Command } from "commander";
-import { Logger } from "../../../services/logger/index.js";
-import type { CliStep } from "../../utils.js";
 export declare const initCommand: Command;
-export declare const addParaglideJsToDevDependencies: CliStep<{
-    fs: typeof import("node:fs/promises");
-    logger: Logger;
-    packageJsonPath: string;
-}, unknown>;
-export declare const enforcePackageJsonExists: CliStep<{
-    logger: Logger;
-    fs: typeof import("node:fs/promises");
-}, {
-    packageJsonPath: string;
-}>;
-export declare const addCompileStepToPackageJSON: CliStep<{
-    fs: typeof import("node:fs/promises");
-    logger: Logger;
-    projectPath: string;
-    outdir: string;
-    packageJsonPath: string;
-}, unknown>;
 //# sourceMappingURL=command.d.ts.map

package/dist/cli/commands/init/command.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../../../src/cli/commands/init/command.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAGpC,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAS3D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAI9C,eAAO,MAAM,WAAW,SA0DrB,CAAC;AAEJ,eAAO,MAAM,+BAA+B,EAAE,OAAO,CACpD;IACC,EAAE,EAAE,cAAc,kBAAkB,CAAC,CAAC;IACtC,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,MAAM,CAAC;CACxB,EACD,OAAO,CAYP,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,OAAO,CAC7C;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,cAAc,kBAAkB,CAAC,CAAA;CAAE,EACzD;IAAE,eAAe,EAAE,MAAM,CAAA;CAAE,CAU3B,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,OAAO,CAChD;IACC,EAAE,EAAE,cAAc,kBAAkB,CAAC,CAAC;IACtC,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,MAAM,CAAC;CACxB,EACD,OAAO,CAuDP,CAAC"}
+{"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../../../src/cli/commands/init/command.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAkBpC,eAAO,MAAM,WAAW,SAwDrB,CAAC"}

package/dist/cli/commands/init/command.js

@@ -1,23 +1,25 @@
 import { Command } from "commander";
-import consola from "consola";
 import * as nodePath from "node:path";
 import { Logger } from "../../../services/logger/index.js";
 import { findPackageJson } from "../../../services/environment/package.js";
 import { checkForUncommittedChanges } from "../../steps/check-for-uncomitted-changes.js";
 import { initializeInlangProject } from "../../steps/initialize-inlang-project.js";
 import { maybeAddSherlock } from "../../steps/maybe-add-sherlock.js";
-import { maybeChangeTsConfig } from "../../steps/update-ts-config.js";
+import { maybeUpdateTsConfig } from "../../steps/update-ts-config.js";
 import { promptForOutdir } from "../../steps/prompt-for-outdir.js";
 import { updatePackageJson } from "../../steps/update-package-json.js";
-import { runCompiler } from "../../steps/run-compiler.js";
 import nodeFs from "node:fs";
 import { ENV_VARIABLES } from "../../../services/env-variables/index.js";
+import { detectBundler } from "../../steps/detect-bundler.js";
+import { addVitePlugin } from "../../steps/add-vite-plugin.js";
+import { compile } from "../../../compiler/compile.js";
+import { maybeAddMachineTranslation } from "../../steps/maybe-add-machine-translation.js";
 export const initCommand = new Command()
     .name("init")
     .summary("Initializes inlang Paraglide-JS.")
     .action(async () => {
     const logger = new Logger({ silent: false, prefix: false });
-    logger.box("Welcome to inlang Paraglide-JS 🪂");
+    logger.box("Welcome to inlang Paraglide JS 🪂");
     const ctx = {
         logger,
         fs: nodeFs.promises,
@@ -29,33 +31,40 @@ export const initCommand = new Command()
     const ctx3 = await initializeInlangProject(ctx2);
     const ctx4 = await promptForOutdir(ctx3);
     const ctx5 = await addParaglideJsToDevDependencies(ctx4);
-    const ctx6 = await addCompileStepToPackageJSON(ctx5);
-    const ctx7 = await maybeChangeTsConfig(ctx6);
+    const ctx6 = await detectBundler(ctx5);
+    if (ctx6.bundler === "vite") {
+        await addVitePlugin(ctx6);
+    }
+    else {
+        await addCompileStepToPackageJSON(ctx6);
+    }
+    const ctx7 = await maybeUpdateTsConfig(ctx6);
     const ctx8 = await maybeAddSherlock(ctx7);
+    const ctx9 = await maybeAddMachineTranslation(ctx8);
     try {
-        await runCompiler(ctx8);
-        ctx.logger.success("Run paraglide compiler");
+        await compile({
+            project: ctx9.projectPath,
+            outdir: ctx9.outdir,
+        });
+        ctx.logger.success("Ran the paraglide compiler");
     }
     catch {
         ctx.logger.warn("Failed to compile project automatically. You will need to run the compiler manually");
     }
-    const absoluteSettingsPath = nodePath.resolve(ctx8.projectPath, "settings.json");
-    const relativeSettingsFilePath = absoluteSettingsPath.replace(process.cwd(), ".");
     const successMessage = [
         `inlang Paraglide-JS has been set up sucessfully.`,
         "\n",
         `1. Run your install command (npm i, yarn install, etc)`,
-        `2. Register all your languages in ${relativeSettingsFilePath}`,
-        `3. Run the build script (npm run build, or similar.)`,
-        `4. Done :) Happy paragliding 🪂`,
-        "\n",
+        `2. Run the build script (npm run build, or similar.)`,
+        `3. Visit https://inlang.com/m/gerre34r/library-inlang-paraglideJs/basics to get started.`,
         "\n",
         `For questions and feedback, visit`,
         `https://github.com/opral/inlang-paraglide-js/issues`,
     ].join("\n");
     ctx.logger.box(successMessage);
+    process.exit(0);
 });
-export const addParaglideJsToDevDependencies = async (ctx) => {
+const addParaglideJsToDevDependencies = async (ctx) => {
     const ctx1 = await updatePackageJson({
         devDependencies: async (devDeps) => ({
             ...devDeps,
@@ -65,7 +74,7 @@ export const addParaglideJsToDevDependencies = async (ctx) => {
     ctx.logger.success("Added @inlang/paraglide-js to the devDependencies in package.json.");
     return ctx1;
 };
-export const enforcePackageJsonExists = async (ctx) => {
+const enforcePackageJsonExists = async (ctx) => {
     const packageJsonPath = await findPackageJson(ctx.fs, process.cwd());
     if (!packageJsonPath) {
         ctx.logger.warn("No package.json found in the current working directory. Please change the working directory to the directory with a package.json file.");
@@ -73,19 +82,11 @@ export const enforcePackageJsonExists = async (ctx) => {
     }
     return { ...ctx, packageJsonPath };
 };
-export const addCompileStepToPackageJSON = async (ctx) => {
+const addCompileStepToPackageJSON = async (ctx) => {
     const projectPath = "./" + nodePath.relative(process.cwd(), ctx.projectPath);
     const outdir = "./" + nodePath.relative(process.cwd(), ctx.outdir);
-    let shouldExit = false;
     ctx = await updatePackageJson({
         scripts: async (scripts) => {
-            // add the compile command to the postinstall script
-            // this isn't super important, so we won't interrupt the user if it fails
-            if (!scripts.postinstall?.includes("paraglide-js compile")) {
-                scripts.postinstall =
-                    `paraglide-js compile --project ${projectPath} --outdir ${outdir}` +
-                        (scripts.postinstall ? " && " + scripts.postinstall : "");
-            }
             if (scripts.build === undefined) {
                 scripts.build = `paraglide-js compile --project ${projectPath} --outdir ${outdir}`;
             }
@@ -93,30 +94,13 @@ export const addCompileStepToPackageJSON = async (ctx) => {
                 scripts.build = `paraglide-js compile --project ${projectPath} --outdir ${outdir} && ${scripts.build}`;
             }
             else {
-                ctx.logger
-                    .warn(`The "build" script in the \`package.json\` already contains a "paraglide-js compile" command.
-				
-				Please add the following command to your build script manually:
-				
-				\`paraglide-js compile --project ${ctx.projectPath}`);
-                const response = await consola.prompt("Have you added the compile command to your build script?", {
-                    type: "confirm",
-                    initial: false,
-                });
-                if (response === false) {
-                    ctx.logger.log("Please add the paraglide-js compile to your build script and try again.");
-                    shouldExit = true;
-                    throw new Error("Skip write");
-                }
-                else {
-                    throw new Error("Skip write");
-                }
+                return scripts;
             }
-            ctx.logger.success("Successfully added the compile command to the build step in package.json.");
+            ctx.logger.success("Added the compile command to the build step in package.json.");
+            ctx.logger.info(`If you use a bundler like Vite, Rolldown, or Webpack, you can use a bundler plugin instead and remove the compile command from the build script.`);
+            ctx.logger.info(`Visit https://inlang.com/m/gerre34r/library-inlang-paraglideJs/compiling-messages for more information.`);
             return scripts;
         },
     })(ctx);
-    if (shouldExit)
-        process.exit(1);
     return ctx;
 };

package/dist/cli/defaults.d.ts

@@ -5,7 +5,7 @@ export declare function getNewProjectTemplate(): {
     $schema: "https://inlang.com/schema/project-settings";
     baseLocale: string;
     locales: string[];
-    modules: never[];
+    modules: string[];
     "plugin.inlang.messageFormat": {
         pathPattern: string;
     };

package/dist/cli/defaults.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../src/cli/defaults.ts"],"names":[],"mappings":"AAgBA;;GAEG;AACH,wBAAgB,qBAAqB;;;;;;;;EAapC;AAED,eAAO,MAAM,oBAAoB,qBAAqB,CAAC;AACvD,eAAO,MAAM,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../src/cli/defaults.ts"],"names":[],"mappings":"AAmBA;;GAEG;AACH,wBAAgB,qBAAqB;;;;;;;;EAEpC;AAED,eAAO,MAAM,oBAAoB,qBAAqB,CAAC;AACvD,eAAO,MAAM,cAAc,oBAAoB,CAAC"}