create-vitnode-app 1.2.0-canary.9 → 2.0.0-canary.2

package/dist/src/index.js

@@ -1,51 +1,54 @@
 #!/usr/bin/env node
-import { input } from '@inquirer/prompts';
-import { Command, Option } from 'commander';
-import { basename, resolve } from 'path';
-import color from 'picocolors';
-import { createVitNode } from './create/create-vitnode.js';
-import { packageJson } from './helpers/get-package-json.js';
-import { validateNpmName } from './helpers/validate-pkg.js';
-import { createPlugin } from './plugin/index.js';
-import { createQuestionsCli } from './questions.js';
-import { validationProject } from './validation.js';
-const [major] = process.versions.node.split('.').map(Number);
+import { input } from "@inquirer/prompts";
+import { Command, Option } from "commander";
+import { basename, resolve } from "node:path";
+import color from "picocolors";
+import { createVitNode } from "./create/create-vitnode.js";
+import { packageJson } from "./helpers/get-package-json.js";
+import { validateNpmName } from "./helpers/validate-pkg.js";
+import { createPlugin } from "./plugin/index.js";
+import { createQuestionsCli } from "./questions.js";
+import { validationProject } from "./validation.js";
+const [major] = process.versions.node.split(".").map(Number);
 if (major < 20) {
     console.error(color.red(`\nError: VitNode requires Node.js version 20 or higher.\nYou are currently using Node.js ${process.versions.node}\n`));
     process.exit(1);
 }
-process.on('uncaughtException', (error) => {
-    if (error.name === 'ExitPromptError') {
-        console.log(color.dim('👋 VitNode setup cancelled - see you next time!'));
+process.on("uncaughtException", (error) => {
+    if (error.name === "ExitPromptError") {
+        console.log(color.dim("👋 VitNode setup cancelled - see you next time!"));
         process.exit(0);
     }
-    console.error(color.red('An unexpected error occurred:'));
+    console.error(color.red("An unexpected error occurred:"));
     console.error(color.red(error.stack ?? error.message));
     process.exit(1);
 });
 const init = async () => {
-    let projectPath = '';
+    let projectPath = "";
     const program = new Command()
-        .version(packageJson.version)
-        .argument('[project-directory]')
-        .usage(`${color.green('[project-directory]')} [options]`)
+        .version(packageJson.version ?? "0.1.0")
+        .argument("[project-directory]")
+        .usage(`${color.green("[project-directory]")} [options]`)
         .action(name => {
         projectPath = name;
     });
-    program.addOption(new Option('--package-manager <package-manager>', 'Specify the package manager to use').choices(['npm', 'pnpm', 'bun']));
-    program.option('--eslint', 'Initialize with eslint config.');
-    program.option('--skip-install', 'Skip installing packages after initializing the project.');
-    program.option('--plugin', 'Enable plugin mode.');
+    program.addOption(new Option("--package-manager <package-manager>", "Specify the package manager to use").choices(["npm", "pnpm", "bun"]));
+    program.option("--eslint", "Initialize with ESLint & Prettier config.");
+    program.option("--skip-install", "Skip installing packages after initializing the project.");
+    program.addOption(new Option("--mode <mode>", "What type of app do you want to create?").choices(["singleApp", "apiMonorepo", "onlyApi"]));
+    program.option("--monorepo", "Create project with monorepo structure.");
+    program.option("--docker", "Initialize with Docker support.");
+    program.option("--plugin", "Create a plugin.");
     program.parse(process.argv);
     const opts = program.opts();
     if (opts.plugin) {
-        await createPlugin(projectPath);
+        await createPlugin({ projectPath, program });
         return;
     }
     if (!projectPath) {
         projectPath = await input({
-            message: 'What is your project named?',
-            default: 'my-vitnode',
+            message: "What is your project named?",
+            default: "my-vitnode",
             validate: (name) => {
                 const validation = validateNpmName({ name: basename(resolve(name)) });
                 if (validation.valid)

package/dist/src/plugin/create/add-plugin-to-workspace.js

@@ -0,0 +1,74 @@
+import { readdir, readFile, writeFile } from "fs/promises";
+import { dirname, join } from "path";
+const writeJson = async (path, data) => writeFile(path, JSON.stringify(data, null, 2) + "\n");
+const findPackageJsonFiles = async (dir, results = []) => {
+    try {
+        const entries = await readdir(dir, { withFileTypes: true });
+        for (const entry of entries) {
+            const fullPath = join(dir, entry.name);
+            if (entry.name === "node_modules" || entry.name === "dist") {
+                continue;
+            }
+            if (entry.isDirectory()) {
+                await findPackageJsonFiles(fullPath, results);
+            }
+            else if (entry.name === "package.json") {
+                results.push(fullPath);
+            }
+        }
+    }
+    catch {
+    }
+    return results;
+};
+export const addPluginToWorkspace = async ({ packageManager, pluginName, pluginPath, rootPath, }) => {
+    const packageJsonFiles = await findPackageJsonFiles(rootPath);
+    const pluginParentDir = dirname(pluginPath);
+    for (const packageJsonPath of packageJsonFiles) {
+        if (packageJsonPath === join(pluginPath, "package.json")) {
+            continue;
+        }
+        const packageDir = dirname(dirname(packageJsonPath));
+        if (packageDir === pluginParentDir) {
+            continue;
+        }
+        try {
+            const content = await readFile(packageJsonPath, "utf-8");
+            const pkg = JSON.parse(content);
+            const hasVitnodeCore = pkg.dependencies?.["@vitnode/core"] ??
+                pkg.devDependencies?.["@vitnode/core"];
+            if (!hasVitnodeCore) {
+                continue;
+            }
+            let workspaceReference;
+            switch (packageManager) {
+                case "bun":
+                    workspaceReference = "workspace:*";
+                    break;
+                case "npm":
+                    workspaceReference = "*";
+                    break;
+                case "pnpm":
+                    workspaceReference = "workspace:*";
+                    break;
+                case "yarn":
+                    workspaceReference = "workspace:*";
+                    break;
+                default:
+                    workspaceReference = "workspace:*";
+            }
+            pkg.dependencies ??= {};
+            pkg.dependencies[pluginName] = workspaceReference;
+            pkg.dependencies = Object.keys(pkg.dependencies)
+                .sort()
+                .reduce((acc, key) => {
+                acc[key] = pkg.dependencies?.[key] ?? "";
+                return acc;
+            }, {});
+            await writeJson(packageJsonPath, pkg);
+        }
+        catch {
+            continue;
+        }
+    }
+};

package/dist/src/plugin/create/create-package-json.js

@@ -0,0 +1,54 @@
+import { writeFile } from "fs/promises";
+import { versionsPackageJson } from "../../create/package-versions.js";
+import { getVitnodePackageVersion } from "../../helpers/get-vitnode-package-version.js";
+import { withIf } from "../../helpers/with-If.js";
+import { pluginPackageExports } from "./route-templates.js";
+const writeJson = async (path, data) => writeFile(path, JSON.stringify(data, null, 2));
+export const createPluginPackageJSON = async ({ pluginName, pluginPath, eslint, }) => {
+    const vitnodeVersionRange = await getVitnodePackageVersion();
+    const pluginPkg = {
+        name: pluginName,
+        version: "0.1.0",
+        private: true,
+        type: "module",
+        scripts: {
+            "build:plugins": "vitnode build",
+            dev: "vitnode dev",
+            "dev:email": "email dev --dir src/emails",
+            ...withIf(eslint, {
+                lint: "turbo lint",
+                "lint:fix": "turbo lint:fix",
+            }),
+        },
+        exports: pluginPackageExports(),
+        dependencies: {
+            "@hono/zod-openapi": versionsPackageJson.honoZodOpenapi,
+            "@vitnode/core": vitnodeVersionRange,
+            "drizzle-kit": versionsPackageJson.drizzleKit,
+            "drizzle-orm": versionsPackageJson.drizzleOrm,
+            hono: versionsPackageJson.hono,
+            "lucide-react": versionsPackageJson.lucide,
+            react: versionsPackageJson.react,
+            "react-dom": versionsPackageJson.reactDom,
+            "react-email": versionsPackageJson.reactEmail,
+            "react-hook-form": versionsPackageJson.rhf,
+            sonner: versionsPackageJson.sonner,
+            "use-intl": versionsPackageJson.useIntl,
+            zod: versionsPackageJson.zod,
+        },
+        devDependencies: {
+            "@react-email/ui": versionsPackageJson.reactEmailUi,
+            "@swc/cli": versionsPackageJson.swcCli,
+            "@swc/core": versionsPackageJson.swcCore,
+            "@types/react": versionsPackageJson.typesReact,
+            "@types/react-dom": versionsPackageJson.typesReactDom,
+            "@vitnode/config": vitnodeVersionRange,
+            ...withIf(eslint, {
+                eslint: versionsPackageJson.eslint,
+            }),
+            "tsc-alias": versionsPackageJson.tscAlias,
+            typescript: versionsPackageJson.typescript,
+        },
+    };
+    await writeJson(`${pluginPath}/package.json`, pluginPkg);
+};

package/dist/src/plugin/create/create-plugin-vitnode.js

@@ -0,0 +1,80 @@
+import { existsSync } from "fs";
+import { cp, mkdir, rename, writeFile } from "fs/promises";
+import ora from "ora";
+import { dirname, join } from "path";
+import color from "picocolors";
+import { fileURLToPath } from "url";
+import { getPackageManagerFromRoot } from "../../helpers/get-package-manager-from-root.js";
+import { installDependencies } from "../../helpers/install-dependencies.js";
+import { isFolderEmpty } from "../../helpers/is-folder-empty.js";
+import { addPluginToWorkspace } from "./add-plugin-to-workspace.js";
+import { createPluginPackageJSON } from "./create-package-json.js";
+import { pluginRouteScaffold } from "./route-templates.js";
+const writePluginRouteScaffold = async ({ pluginName, pluginPath, }) => {
+    const files = pluginRouteScaffold(pluginName);
+    await Promise.all(Object.keys(files).map(async (file) => mkdir(dirname(join(pluginPath, file)), { recursive: true })));
+    await Promise.all(Object.entries(files).map(async ([file, contents]) => writeFile(join(pluginPath, file), contents, "utf-8")));
+};
+export const createPluginVitNode = async ({ pluginPath, pluginName, install, eslint, }) => {
+    const packageManager = getPackageManagerFromRoot(process.cwd());
+    const spinner = ora(`Creating a new VitNode plugin in ${color.green(pluginPath)}. Using ${color.green(packageManager)}...`).start();
+    const __filename = fileURLToPath(import.meta.url);
+    const __dirname = dirname(__filename);
+    const templatePath = join(__dirname, "..", "..", "..", "..", "copy-of-vitnode-plugin", "root");
+    if (!existsSync(templatePath)) {
+        spinner.fail(`\n${color.red("Error!")} Template path ${color.cyan(templatePath)} does not exist.`);
+        process.exit(1);
+    }
+    await mkdir(pluginPath, { recursive: true });
+    if (!isFolderEmpty(pluginPath, pluginName)) {
+        process.exit(1);
+    }
+    spinner.text = "Preparing the plugin structure...";
+    await cp(templatePath, pluginPath, { recursive: true });
+    const npmIgnoreTemplatePath = join(pluginPath, "npmignore.template");
+    const dotNpmIgnorePath = join(pluginPath, ".npmignore");
+    if (existsSync(npmIgnoreTemplatePath)) {
+        await rename(npmIgnoreTemplatePath, dotNpmIgnorePath);
+    }
+    spinner.text = "Writing the plugin's first route...";
+    await writePluginRouteScaffold({ pluginName, pluginPath });
+    spinner.text = "Creating package.json...";
+    await createPluginPackageJSON({
+        pluginName,
+        pluginPath,
+        eslint,
+    });
+    if (eslint) {
+        spinner.text = "Setting up ESLint...";
+        const templateEslintPath = join(__dirname, "..", "..", "..", "..", "copy-of-vitnode-app", "eslint-react");
+        if (!existsSync(templateEslintPath)) {
+            spinner.fail(`\n${color.red("Error!")} ESLint template path ${color.cyan(templateEslintPath)} does not exist.`);
+            process.exit(1);
+        }
+        await cp(templateEslintPath, pluginPath, { recursive: true });
+    }
+    let rootPath = process.cwd();
+    let currentDir = rootPath;
+    while (currentDir !== dirname(currentDir)) {
+        if (existsSync(join(currentDir, "turbo.json"))) {
+            rootPath = currentDir;
+            break;
+        }
+        currentDir = dirname(currentDir);
+    }
+    spinner.text = "Adding plugin to workspace packages...";
+    await addPluginToWorkspace({
+        packageManager,
+        pluginName,
+        pluginPath,
+        rootPath,
+    });
+    if (install) {
+        spinner.text = "Installing dependencies...";
+        await installDependencies({
+            packageManager,
+            cwd: pluginPath,
+        });
+    }
+    spinner.succeed(`${color.green("Success!")} Created ${color.cyan(pluginName)} at ${color.cyan(pluginPath)}`);
+};

package/dist/src/plugin/create/route-templates.js

@@ -0,0 +1,144 @@
+export const routeSlugFor = (pluginName) => pluginName.includes("/")
+    ? pluginName.slice(pluginName.indexOf("/") + 1)
+    : pluginName;
+export const pluginRoutesTemplate = (pluginName) => {
+    const slug = routeSlugFor(pluginName);
+    return `import { definePluginRoutes, lazy, page } from "@vitnode/core/routing";
+
+/**
+ * The routes this plugin contributes to whatever app installs it.
+ *
+ * Browser-safe data: a path, and the module that renders it. \`lazy\` keeps that
+ * \`import()\` a literal the bundler can follow *without running it*, so your page
+ * gets a chunk of its own and is fetched when somebody navigates to it - not
+ * before. Never import a page into this file: a component named here is in the
+ * initial bundle of every page on the site, which is why VitNode refuses one.
+ *
+ * Your page is never copied into the application either. The app holds one static
+ * import of this tree, and nothing else.
+ *
+ * Add a route by adding a \`page()\`. \`path\` is the public URL, written in
+ * VitNode's own spelling: a dynamic segment is \`:id\`, never Next's \`[id]\` and
+ * never TanStack's \`$id\`. To nest pages inside a shared frame, wrap them in a
+ * \`layout()\` and give each child a path relative to it.
+ */
+export const routes = definePluginRoutes([
+  page("/${slug}", {
+    component: lazy(() => import("./pages/home-page")),
+  }),
+]);
+`;
+};
+export const pluginRouteModuleTemplate = (pluginName) => `import { useTranslations } from "use-intl";
+
+/**
+ * The page \`routes.ts\` declares.
+ *
+ * Keep it framework-neutral. This module is compiled into the package's own
+ * \`dist\` and imported by whichever app installed the plugin, so anything from
+ * a router or a host-bound i18n package pins the plugin to one kind of host.
+ * \`use-intl\` - which is what VitNode itself renders through - and plain JSX are
+ * pinned to neither.
+ *
+ * No \`<main>\`: the application shell owns the document's one \`main\` landmark,
+ * and a page that renders a second gives a screen reader two to choose between.
+ * A page owns its container - width, padding, vertical rhythm - and nothing
+ * above it.
+ *
+ * To give this route a loader, page metadata or a breadcrumb, add a \`route\`
+ * export beside the default one:
+ *
+ *     import { definePluginRoute } from "@vitnode/core/routing";
+ *
+ *     export const route = definePluginRoute({
+ *       load: ({ context, params }) => fetchThing(context.locale, params.id),
+ *       head: ({ loaderData }) => ({ title: loaderData?.title }),
+ *     });
+ */
+const HomePage = () => {
+  const t = useTranslations("${pluginName}");
+
+  return (
+    <div className="container mx-auto flex max-w-2xl flex-col gap-4 p-4">
+      <h1 className="text-2xl font-semibold tracking-tight text-balance">
+        {t("home.title")}
+      </h1>
+
+      <p className="text-muted-foreground leading-relaxed text-pretty">
+        {t("home.desc")}
+      </p>
+    </div>
+  );
+};
+
+export default HomePage;
+`;
+export const pluginMessagesTemplate = (pluginName) => `${JSON.stringify({
+    [pluginName]: {
+        home: {
+            desc: "This page ships inside the plugin and is served by the app that installed it.",
+            title: "Hello from your plugin",
+        },
+    },
+}, null, 2)}\n`;
+export const pluginMessagesBarrelTemplate = () => `import type { LocaleMessagesMap } from "@vitnode/core/lib/i18n/types";
+
+/**
+ * Every language this plugin ships. Add a file next to this one and a line here
+ * to add another; apps pick it up with no copy step, because they read this
+ * package's own \`dist\` rather than a copy of it.
+ */
+const messages: LocaleMessagesMap = {
+  en: async () => await import("./en.json", { with: { type: "json" } }),
+};
+
+export default messages;
+`;
+export const pluginVariableName = (pluginName) => {
+    const camel = routeSlugFor(pluginName)
+        .split(/[^A-Za-z0-9]+/)
+        .filter(Boolean)
+        .map((part, index) => index === 0 ? part : `${part[0].toUpperCase()}${part.slice(1)}`)
+        .join("");
+    const safe = /^[A-Za-z]/.test(camel) ? camel : `vitnode${camel}`;
+    const stem = safe.replace(/plugin$/i, "");
+    return `${stem === "" ? safe : stem}Plugin`;
+};
+export const pluginConfigTemplate = (pluginName) => `import { buildPlugin } from "@vitnode/core/lib/plugin";
+
+import messages from "./locales";
+import { routes } from "./routes";
+
+/**
+ * This plugin, as an application registers it.
+ *
+ * \`pluginId\` is the package name, and that is not a convention - it is how this
+ * plugin's route tree is imported (\`${pluginName}/routes\`) and how its messages
+ * are namespaced. The two cannot drift because they are one string.
+ *
+ * Add this to an app's \`src/vitnode.config.ts\` \`plugins\` array. A plugin that
+ * is installed but not listed there contributes nothing - no directory is ever
+ * scanned - so this is the only switch.
+ */
+export const ${pluginVariableName(pluginName)} = () =>
+  buildPlugin({
+    pluginId: "${pluginName}",
+    messages,
+    routes,
+  });
+`;
+export const pluginPackageExports = () => ({
+    "./locales/*.json": "./src/locales/*.json",
+    "./*": {
+        import: "./dist/src/*.js",
+        types: "./dist/src/*.d.ts",
+        default: "./dist/src/*.js",
+    },
+});
+export const pluginRouteScaffold = (pluginName) => ({
+    "src/config.tsx": pluginConfigTemplate(pluginName),
+    "src/locales/en.json": pluginMessagesTemplate(pluginName),
+    "src/locales/index.ts": pluginMessagesBarrelTemplate(),
+    "src/pages/home-page.tsx": pluginRouteModuleTemplate(pluginName),
+    "src/routes.ts": pluginRoutesTemplate(pluginName),
+});

package/dist/src/plugin/index.js

@@ -1,12 +1,15 @@
-import { input } from '@inquirer/prompts';
-import { basename, resolve } from 'path';
-import { validateNpmName } from '../helpers/validate-pkg.js';
-export const createPlugin = async (projectPath) => {
+import { input } from "@inquirer/prompts";
+import { basename, resolve } from "node:path";
+import { validateNpmName } from "../helpers/validate-pkg.js";
+import { createPluginVitNode } from "./create/create-plugin-vitnode.js";
+import { createPluginQuestionsCli } from "./questions.js";
+import { validationProjectForPlugin } from "./validation.js";
+export const createPlugin = async ({ program, projectPath, }) => {
     let name = projectPath;
     if (!name) {
         name = await input({
-            message: 'What is your plugin named?',
-            default: 'my-vitnode-plugin',
+            message: "What is your plugin named?",
+            default: "my-vitnode-plugin",
             validate: (name) => {
                 const validation = validateNpmName({ name: basename(resolve(name)) });
                 if (validation.valid)
@@ -15,4 +18,12 @@ export const createPlugin = async (projectPath) => {
             },
         });
     }
+    const { pluginName, pluginPath, eslint } = await validationProjectForPlugin(name);
+    const options = await createPluginQuestionsCli(program);
+    await createPluginVitNode({
+        pluginName,
+        pluginPath,
+        eslint,
+        ...options,
+    });
 };

package/dist/src/plugin/questions.js

@@ -0,0 +1,14 @@
+import { confirm } from "@inquirer/prompts";
+import color from "picocolors";
+export const createPluginQuestionsCli = async (program) => {
+    const optionsFromProgram = program.opts();
+    const options = {
+        install: !optionsFromProgram.skipInstall,
+    };
+    if (optionsFromProgram.skipInstall === undefined) {
+        options.install = await confirm({
+            message: `Would you like to ${color.blue("Install dependencies")}?`,
+        });
+    }
+    return options;
+};

package/dist/src/plugin/validation.js

@@ -0,0 +1,76 @@
+import { program } from "commander";
+import { existsSync } from "node:fs";
+import { mkdir, readFile } from "node:fs/promises";
+import { basename, join, resolve } from "node:path";
+import color from "picocolors";
+import { isFolderEmpty } from "../helpers/is-folder-empty.js";
+import { isWriteable } from "../helpers/is-writeable.js";
+import { validateNpmName } from "../helpers/validate-pkg.js";
+export const validationProjectForPlugin = async (projectPath) => {
+    if (!projectPath) {
+        console.log("\nPlease specify the plugin directory:\n" +
+            `  ${color.cyan(program.name())} ${color.green("<plugin-directory>")}\n` +
+            "For example:\n" +
+            `  ${color.cyan(program.name())} ${color.green("my-vitnode-plugin")}\n\n` +
+            `Run ${color.cyan(`${program.name()} --help`)} to see all options.`);
+        process.exit(1);
+    }
+    const cwd = process.cwd();
+    const turboJsonPath = join(cwd, "turbo.json");
+    const packageJsonPath = join(cwd, "package.json");
+    if (!existsSync(turboJsonPath)) {
+        console.error(`${color.red("Error:")} Could not find ${color.cyan("turbo.json")} in the current directory.`);
+        console.error(`Plugins must be created inside a VitNode monorepo structure.`);
+        console.error(`\nPlease run this command from the root of your VitNode monorepo project.`);
+        process.exit(1);
+    }
+    if (!existsSync(packageJsonPath)) {
+        console.error(`${color.red("Error:")} Could not find ${color.cyan("package.json")} in the current directory.`);
+        console.error(`\nPlease run this command from the root of your VitNode monorepo project.`);
+        process.exit(1);
+    }
+    let eslint = false;
+    try {
+        const packageJson = JSON.parse(await readFile(packageJsonPath, "utf-8"));
+        if (!packageJson.packageManager) {
+            console.error(`${color.red("Error:")} The ${color.cyan("packageManager")} field is not defined in ${color.cyan("package.json")}.`);
+            console.error(`\nPlease add a ${color.cyan('"packageManager"')} field to your ${color.cyan("package.json")} file.`);
+            console.error(`Example: ${color.green('"packageManager": "pnpm@10.18.3"')}`);
+            process.exit(1);
+        }
+        eslint = !!(packageJson.dependencies?.eslint ??
+            packageJson.devDependencies?.eslint ??
+            false);
+    }
+    catch (error) {
+        console.error(`${color.red("Error:")} Failed to read or parse ${color.cyan("package.json")}.`);
+        console.error(error);
+        process.exit(1);
+    }
+    const projectName = basename(resolve(projectPath));
+    const validation = validateNpmName({ name: projectName });
+    if (!validation.valid) {
+        console.error(`Could not create a plugin called ${color.red(`"${projectName}"`)} because of npm naming restrictions:`);
+        validation.problems.forEach(p => {
+            console.error(`${color.red(color.bold("*"))} ${p}`);
+        });
+        process.exit(1);
+    }
+    const pluginsDir = join(cwd, "plugins");
+    const pluginPath = join(pluginsDir, projectName);
+    const pluginName = basename(pluginPath);
+    const folderExists = existsSync(pluginPath);
+    if (folderExists && !isFolderEmpty(pluginPath, pluginName)) {
+        console.error(`The directory ${color.cyan(`plugins/${pluginName}`)} is not empty.`);
+        process.exit(1);
+    }
+    if (!existsSync(pluginsDir)) {
+        await mkdir(pluginsDir, { recursive: true });
+    }
+    if (!(await isWriteable(pluginsDir))) {
+        console.error(`The plugins directory is not writable, please check folder permissions and try again.`);
+        console.error(`It is likely you do not have write permissions for this folder.`);
+        process.exit(1);
+    }
+    return { pluginName, pluginPath, eslint };
+};

package/dist/src/prepare/prepare.js

@@ -1,12 +1,15 @@
-import { existsSync } from 'fs';
-import { mkdir } from 'fs/promises';
-import { join } from 'path';
+import { existsSync } from "node:fs";
+import { mkdir } from "node:fs/promises";
+import { join } from "node:path";
 const prepare = async () => {
-    const toRootPath = join(process.cwd(), 'copy-of-vitnode-app');
-    if (!existsSync(toRootPath)) {
-        await mkdir(toRootPath);
-    }
-    const fromRootPath = join(process.cwd(), '..', '..', 'apps', 'web');
+    const toRootPaths = ["copy-of-vitnode-app", "copy-of-vitnode-plugin"];
+    await Promise.all(toRootPaths.map(async (path) => {
+        const toRootPath = join(process.cwd(), path);
+        if (!existsSync(toRootPath)) {
+            await mkdir(toRootPath);
+        }
+    }));
+    const fromRootPath = join(process.cwd(), "..", "..", "apps", "web");
     if (!existsSync(fromRootPath)) {
         console.error(`\x1b[31mThe path ${fromRootPath} does not exist. Please check the directory structure.\x1b[0m`);
         process.exit(1);