@inlang/paraglide-js 2.0.0-prerelease.0 → 2.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Opral US Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,77 +1,14 @@
 [![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)
+[![Closed github issues](https://img.shields.io/github/issues-closed/opral/paraglide-js?logo=github&color=purple)](https://github.com/opral/inlang-paraglide-js/issues) 
+[![Monorepo contributors](https://img.shields.io/github/contributors/opral/monorepo?logo=github)](https://github.com/opral/monorepo/graphs/contributors)
 
-To use Paraglide standalone without a framework, run the following command:
 
-```bash
-npx @inlang/paraglide-js@latest init
-```
+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.
 
-This will:
+Visit https://inlang.com/m/gerre34r/library-inlang-paraglideJs to learn more.
 
-- Install necessary dependencies
-- Generate a `messages/` folder where your translation files live
-- Add the Paraglide compiler to your `build` script in `package.json`
-- Create necessary configuration files
+## Contributing
 
-Running the Paraglide compiler will generate a `src/paraglide` folder. This folder contains all the code that you will use in your app.
-
-## Adding and Editing Messages
-
-Messages are stored in `messages/{lang}.json` as key-value pairs. You can add parameters with curly braces.
-
-```diff
-// messages/en.json
-{
-	"$schema": "https://inlang.com/schema/inlang-message-format",
-+ 	"greeting": "Hello {name}!"
-}
-```
-
-Make sure to re-run the paraglide compiler after editing your messages.
-
-```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.hello(); // Hello world!
-m.loginHeader({ name: "Samuel" }); // Hello Samuel, please login to continue.
-```
-
-# Playground
-
-Find examples of how to use Paraglide on CodeSandbox or in [our GitHub repository](https://github.com/opral/monorepo/tree/main/inlang/packages/paraglide).
-
-<doc-links>
-    <doc-link title="NextJS + Paraglide JS" icon="lucide:codesandbox" href="https://stackblitz.com/~/LorisSigrist/paraglide-next-app-router-example" description="Play around with NextJS and Paraglide JS"></doc-link>
-    <doc-link title="Svelte + Paraglide JS" icon="lucide:codesandbox" href="https://stackblitz.com/~/github.com/LorisSigrist/paraglide-sveltekit-example" description="Play around with Svelte and Paraglide JS"></doc-link>
-    <doc-link title="Astro + Paraglide JS" icon="lucide:codesandbox" href="https://stackblitz.com/~/github.com/LorisSigrist/paraglide-astro-example" description="Play around with Astro and Paraglide JS"></doc-link>
-</doc-links>
-
-# Roadmap
-
-Of course, we're not done yet! We plan on adding the following features to Paraglide JS soon:
-
-- [ ] Pluralization ([Join the Discussion](https://github.com/opral/monorepo/discussions/2025))
-- [ ] Formatting of numbers and dates ([Join the Discussion](https://github.com/opral/monorepo/discussions/992))
-- [ ] Markup Placeholders ([Join the Discussion](https://github.com/opral/monorepo/discussions/913))
-- [ ] Component Interpolation
-- [ ] Per-Language Splitting without Lazy-Loading
-- [ ] Even Smaller Output
-
-# Talks
-
-- [Svelte Summit Spring 2023](https://www.youtube.com/watch?v=Y6IbPfMU1xM)
-- [Svelte Summit Fall 2023](https://www.youtube.com/watch?v=-YES3CCAG90)
-- Web Zurich December 2023
-- [Svelte London January 2024](https://www.youtube.com/watch?v=eswNQiq4T2w&t=646s)
+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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1 @@
+{"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/rollup.js

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

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

@@ -0,0 +1,4 @@
+import type { UnpluginFactory } from "unplugin";
+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

@@ -0,0 +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;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

@@ -0,0 +1,131 @@
+import { compile } from "../compiler/compile.js";
+import fs from "node:fs";
+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() {
+        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) {
+        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();
+            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) {
+        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 () => {
+            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.");
+            }
+        });
+    },
+});
+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(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(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(nodeNormalizePath(resolve(process.cwd(), path.toString())));
+            return fs.promises.readFile(path, options);
+        },
+    },
+    // Add other fs methods as needed
+};

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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1 @@
+{"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/vite.js

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

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,24 +1,3 @@
 import { Command } from "commander";
-import { Logger } from "../../../services/logger/index.js";
-import type { CliStep } from "../../utils.js";
-import type { NodeishFilesystem } from "../../../services/file-handling/types.js";
 export declare const initCommand: Command;
-export declare const addParaglideJsToDevDependencies: CliStep<{
-    fs: NodeishFilesystem;
-    logger: Logger;
-    packageJsonPath: string;
-}, unknown>;
-export declare const enforcePackageJsonExists: CliStep<{
-    logger: Logger;
-    fs: NodeishFilesystem;
-}, {
-    packageJsonPath: string;
-}>;
-export declare const addCompileStepToPackageJSON: CliStep<{
-    fs: NodeishFilesystem;
-    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;AAE9C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0CAA0C,CAAC;AAGlF,eAAO,MAAM,WAAW,SA0DrB,CAAC;AAEJ,eAAO,MAAM,+BAA+B,EAAE,OAAO,CACpD;IACC,EAAE,EAAE,iBAAiB,CAAC;IACtB,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,iBAAiB,CAAA;CAAE,EACzC;IAAE,eAAe,EAAE,MAAM,CAAA;CAAE,CAU3B,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,OAAO,CAChD;IACC,EAAE,EAAE,iBAAiB,CAAC;IACtB,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"}

package/dist/cli/defaults.js

@@ -5,8 +5,11 @@
 const defaultProjectSettings = {
     $schema: "https://inlang.com/schema/project-settings",
     baseLocale: "en",
-    locales: ["en"],
-    modules: [],
+    locales: ["en", "de"],
+    modules: [
+        "https://cdn.jsdelivr.net/npm/@inlang/plugin-message-format@4/dist/index.js",
+        "https://cdn.jsdelivr.net/npm/@inlang/plugin-m-function-matcher@2/dist/index.js",
+    ],
     "plugin.inlang.messageFormat": {
         pathPattern: "./messages/{locale}.json",
     },
@@ -15,14 +18,6 @@ const defaultProjectSettings = {
  * @returns A new copy of the default project template that is safe to mutate.
  */
 export function getNewProjectTemplate() {
-    if (!("structuredClone" in globalThis)) {
-        try {
-            return JSON.parse(JSON.stringify(defaultProjectSettings));
-        }
-        catch {
-            throw new Error("structuredClone is not supported in your Node Version. Please use version 17 or higher");
-        }
-    }
     return structuredClone(defaultProjectSettings);
 }
 export const DEFAULT_PROJECT_PATH = "./project.inlang";