feat: added dynamic imports

matteobruni · matteobruni · commit 31942863f6a5 · 2024-01-28T02:44:14.000+01:00
diff --git a/src/build/build-distfiles.ts b/src/build/build-distfiles.ts
@@ -35,7 +35,7 @@ export async function buildDistFiles(basePath: string): Promise<boolean> {
 
         const jsonIndent = 2;
 
-        fs.writeFileSync(libPackage, `${JSON.stringify(libObj, undefined, jsonIndent)}\n`, "utf8");
+        await fs.writeFile(libPackage, `${JSON.stringify(libObj, undefined, jsonIndent)}\n`, "utf8");
 
         console.log(`package.dist.json updated successfully to version ${pkgInfo.version}`);
 
@@ -52,19 +52,19 @@ export async function buildDistFiles(basePath: string): Promise<boolean> {
             const src = path.join(basePath, typeof file === "string" ? file : file.source),
                 dest = path.join(distPath, typeof file === "string" ? file : file.destination);
 
-            fs.copyFileSync(src, dest);
+            await fs.copyFile(src, dest);
         }
 
         const scriptsPath = path.join(basePath, "scripts"),
             distScriptsPath = path.join(distPath, "scripts");
 
-        if (fs.existsSync(scriptsPath) && !fs.existsSync(distScriptsPath)) {
-            fs.mkdirSync(distScriptsPath);
+        if ((await fs.exists(scriptsPath)) && !(await fs.exists(distScriptsPath))) {
+            await fs.mkdir(distScriptsPath);
 
             const installPath = path.join(scriptsPath, "install.js");
 
-            if (fs.existsSync(installPath)) {
-                fs.copyFileSync(installPath, path.join(distScriptsPath, "install.js"));
+            if (await fs.exists(installPath)) {
+                await fs.copyFile(installPath, path.join(distScriptsPath, "install.js"));
             }
         }
 
diff --git a/src/build/build-diststats.ts b/src/build/build-diststats.ts
@@ -1,5 +1,4 @@
 import fs from "fs-extra";
-import path from "path";
 
 export interface IDistStats {
     bundleSize: number;
@@ -25,7 +24,8 @@ async function getFolderStats(folderPath: string, bundlePath?: string): Promise<
         return stats;
     }
 
-    const dir = await fs.promises.opendir(folderPath);
+    const dir = await fs.promises.opendir(folderPath),
+        path = await import("path");
 
     for await (const dirent of dir) {
         const increment = 1;
@@ -57,7 +57,8 @@ async function getFolderStats(folderPath: string, bundlePath?: string): Promise<
  * @returns the stats for the dist folder
  */
 export async function getDistStats(basePath: string): Promise<IDistStats> {
-    const distFolder = path.join(basePath, "dist"),
+    const path = await import("path"),
+        distFolder = path.join(basePath, "dist"),
         pkgInfo = (await fs.exists(path.join(distFolder, "package.json")))
             ? ((await import(path.join(distFolder, "package.json"))) as { jsdelivr?: string })
             : {},
diff --git a/src/build/build-tsc.ts b/src/build/build-tsc.ts
@@ -1,6 +1,5 @@
 import fs from "fs-extra";
 import path from "path";
-import ts from "typescript";
 
 const enum ExitCodes {
     OK = 0,
@@ -123,7 +122,8 @@ async function compile(basePath: string, type: "browser" | "cjs" | "esm" | "type
         return ExitCodes.NoOptions;
     }
 
-    const parsed = ts.parseJsonConfigFileContent(options, ts.sys, basePath);
+    const ts = await import("typescript"),
+        parsed = ts.parseJsonConfigFileContent(options, ts.sys, basePath);
 
     if (!parsed) {
         return ExitCodes.ParseError;
diff --git a/src/build/build.ts b/src/build/build.ts
@@ -1,13 +1,4 @@
-import { prettifyPackageDistJson, prettifyPackageJson, prettifyReadme, prettifySrc } from "./build-prettier";
 import { Command } from "commander";
-import { buildDistFiles } from "./build-distfiles";
-import { buildTS } from "./build-tsc";
-import { bundle } from "./build-bundle";
-import { clearDist } from "./build-clear";
-import fs from "fs-extra";
-import { getDistStats } from "./build-diststats";
-import { lint } from "./build-eslint";
-import path from "path";
 
 const buildCommand = new Command("build");
 
@@ -42,13 +33,18 @@ buildCommand.action(async (argPath: string) => {
         tsc = all || !!opts.tsc;
 
     const basePath = process.cwd(),
+        { getDistStats } = await import("./build-diststats.js"),
         oldStats = await getDistStats(basePath);
 
     if (clean) {
+        const { clearDist } = await import("./build-clear.js");
+
         await clearDist(basePath);
     }
 
-    const srcPath = path.join(basePath, argPath);
+    const path = await import("path"),
+        srcPath = path.join(basePath, argPath),
+        fs = await import("fs-extra");
 
     if (!(await fs.pathExists(srcPath))) {
         throw new Error("Provided path does not exist");
@@ -57,28 +53,40 @@ buildCommand.action(async (argPath: string) => {
     let canContinue = true;
 
     if (canContinue && prettier) {
+        const { prettifySrc } = await import("./build-prettier.js");
+
         canContinue = await prettifySrc(basePath, srcPath, ci);
     }
 
     if (canContinue && doLint) {
+        const { lint } = await import("./build-eslint.js");
+
         canContinue = await lint(ci);
     }
 
     if (canContinue && tsc) {
+        const { buildTS } = await import("./build-tsc.js");
+
         canContinue = await buildTS(basePath);
     }
 
     if (canContinue && doBundle) {
+        const { bundle } = await import("./build-bundle.js");
+
         canContinue = await bundle(basePath);
     }
 
     if (canContinue && prettier) {
+        const { prettifyReadme, prettifyPackageJson, prettifyPackageDistJson } = await import("./build-prettier");
+
         canContinue = await prettifyReadme(basePath, ci);
         canContinue = await prettifyPackageJson(basePath, ci);
         canContinue = await prettifyPackageDistJson(basePath, ci);
     }
 
     if (canContinue && distfiles) {
+        const { buildDistFiles } = await import("./build-distfiles.js");
+
         canContinue = await buildDistFiles(basePath);
     }
 
diff --git a/src/create/plugin/plugin.ts b/src/create/plugin/plugin.ts
@@ -11,9 +11,8 @@ pluginCommand.description("Create a new tsParticles plugin");
 pluginCommand.argument("<destination>", "Destination folder");
 pluginCommand.action(async (destination: string) => {
     const destPath = await getDestinationDir(destination),
-        repoUrl = await getRepositoryUrl();
-
-    const initialName = destPath.split(path.sep).pop(),
+        repoUrl = await getRepositoryUrl(),
+        initialName = destPath.split(path.sep).pop(),
         questions: PromptObject[] = [
             {
                 type: "text",
@@ -35,13 +34,12 @@ pluginCommand.action(async (destination: string) => {
                 message: "What is the repository URL? (optional)",
                 initial: repoUrl.trim(),
             },
-        ];
-
-    const { name, description, repositoryUrl } = (await prompts(questions)) as {
-        description: string;
-        name: string;
-        repositoryUrl: string;
-    };
+        ],
+        { name, description, repositoryUrl } = (await prompts(questions)) as {
+            description: string;
+            name: string;
+            repositoryUrl: string;
+        };
 
     await createPluginTemplate(name.trim(), description.trim(), repositoryUrl.trim(), destPath);
 });
diff --git a/src/create/preset/preset.ts b/src/create/preset/preset.ts
@@ -11,9 +11,8 @@ presetCommand.description("Create a new tsParticles preset");
 presetCommand.argument("<destination>", "Destination folder");
 presetCommand.action(async (destination: string) => {
     const destPath = await getDestinationDir(destination),
-        repoUrl = await getRepositoryUrl();
-
-    const initialName = destPath.split(path.sep).pop(),
+        repoUrl = await getRepositoryUrl(),
+        initialName = destPath.split(path.sep).pop(),
         questions: PromptObject[] = [
             {
                 type: "text",
@@ -35,13 +34,12 @@ presetCommand.action(async (destination: string) => {
                 message: "What is the repository URL? (optional)",
                 initial: repoUrl.trim(),
             },
-        ];
-
-    const { name, description, repositoryUrl } = (await prompts(questions)) as {
-        description: string;
-        name: string;
-        repositoryUrl: string;
-    };
+        ],
+        { name, description, repositoryUrl } = (await prompts(questions)) as {
+            description: string;
+            name: string;
+            repositoryUrl: string;
+        };
 
     await createPresetTemplate(name.trim(), description.trim(), repositoryUrl.trim(), destPath);
 });
diff --git a/src/create/shape/shape.ts b/src/create/shape/shape.ts
@@ -11,9 +11,8 @@ shapeCommand.description("Create a new tsParticles shape");
 shapeCommand.argument("<destination>", "Destination folder");
 shapeCommand.action(async (destination: string) => {
     const destPath = await getDestinationDir(destination),
-        repoUrl = await getRepositoryUrl();
-
-    const initialName = destPath.split(path.sep).pop(),
+        repoUrl = await getRepositoryUrl(),
+        initialName = destPath.split(path.sep).pop(),
         questions: PromptObject[] = [
             {
                 type: "text",
@@ -35,13 +34,12 @@ shapeCommand.action(async (destination: string) => {
                 message: "What is the repository URL? (optional)",
                 initial: repoUrl.trim(),
             },
-        ];
-
-    const { name, description, repositoryUrl } = (await prompts(questions)) as {
-        description: string;
-        name: string;
-        repositoryUrl: string;
-    };
+        ],
+        { name, description, repositoryUrl } = (await prompts(questions)) as {
+            description: string;
+            name: string;
+            repositoryUrl: string;
+        };
 
     await createShapeTemplate(name.trim(), description.trim(), repositoryUrl.trim(), destPath);
 });
