@tsparticles/cli 1.6.5 → 1.8.0

package/files/create-shape/README.md

@@ -0,0 +1,75 @@
+[![banner](https://particles.js.org/images/banner3.png)](https://particles.js.org)
+
+# tsParticles Template Shape
+
+[![jsDelivr](https://data.jsdelivr.com/v1/package/npm/tsparticles-shape-template/badge)](https://www.jsdelivr.com/package/npm/tsparticles-shape-template)
+[![npmjs](https://badge.fury.io/js/tsparticles-shape-template.svg)](https://www.npmjs.com/package/tsparticles-shape-template)
+[![npmjs](https://img.shields.io/npm/dt/tsparticles-shape-template)](https://www.npmjs.com/package/tsparticles-shape-template) [![GitHub Sponsors](https://img.shields.io/github/sponsors/matteobruni)](https://github.com/sponsors/matteobruni)
+
+[tsParticles](https://github.com/matteobruni/tsparticles) additional template shape.
+
+## How to use it
+
+### CDN / Vanilla JS / jQuery
+
+The CDN/Vanilla version JS has one required file in vanilla configuration:
+
+Including the `tsparticles.shape.template.min.js` file will export the function to load the shape:
+
+```text
+loadTemplateShape
+```
+
+### Usage
+
+Once the scripts are loaded you can set up `tsParticles` and the shape like this:
+
+```javascript
+(async () => {
+  await loadTemplateShape(tsParticles);
+
+  await tsParticles.load({
+    id: "tsparticles",
+    options: {
+      /* options */
+      /* here you can use particles.shape.type: "template" */
+    },
+  });
+})();
+```
+
+### ESM / CommonJS
+
+This package is compatible also with ES or CommonJS modules, firstly this needs to be installed, like this:
+
+```shell
+$ npm install tsparticles-shape-template
+```
+
+or
+
+```shell
+$ yarn add tsparticles-shape-template
+```
+
+Then you need to import it in the app, like this:
+
+```javascript
+const { tsParticles } = require("tsparticles-engine");
+const { loadTemplateShape } = require("tsparticles-shape-template");
+
+(async () => {
+  await loadTemplateShape(tsParticles);
+})();
+```
+
+or
+
+```javascript
+import { tsParticles } from "tsparticles-engine";
+import { loadTemplateShape } from "tsparticles-shape-template";
+
+(async () => {
+  await loadTemplateShape(tsParticles);
+})();
+```

package/files/create-shape/src/ShapeDrawer.ts

@@ -0,0 +1,19 @@
+import type { IDelta, IShapeDrawer, Particle } from "tsparticles-engine";
+
+export class ShapeDrawer implements IShapeDrawer {
+    draw(_context: CanvasRenderingContext2D,
+         _particle: Particle,
+         _radius: number,
+         _opacity: number,
+         _delta: IDelta,
+         _pixelRatio: number): void {
+        // draw the particle using the context
+        // which is already centered in the particle position
+        // colors are already handles, just draw the shape
+        // the bounds are -radius to radius
+        // delta is the frame time difference between the last frame and this one, in ms, use it for animated shapes
+        // pixelRatio is the canvas ratio used by the tsParticles instance, you may need it for density-independent shapes
+        // the parameters have an underscore prefix because they're not used in this example
+        // the underscore prefix can be removed for used parameters, the unused ones can be removed too
+    }
+}

package/files/create-shape/src/index.ts

@@ -0,0 +1,9 @@
+import type { Engine } from "tsparticles-engine";
+import { ShapeDrawer } from "./ShapeDrawer";
+
+/**
+ * @param engine - the engine instance to load the shape into
+ */
+export async function loadTemplateShape(engine: Engine): Promise<void> {
+    await engine.addShape("#template#", new ShapeDrawer());
+}

package/files/empty-project/package.json

@@ -83,14 +83,14 @@
   "prettier": "@tsparticles/prettier-config",
   "devDependencies": {
     "@babel/core": "^7.22.5",
-    "@tsparticles/cli": "1.6.5",
-    "@tsparticles/eslint-config": "^1.13.0",
+    "@tsparticles/cli": "1.8.0",
+    "@tsparticles/eslint-config": "^1.14.0",
     "@tsparticles/prettier-config": "^1.10.0",
-    "@tsparticles/tsconfig": "^1.13.0",
-    "@tsparticles/webpack-plugin": "^1.15.1",
+    "@tsparticles/tsconfig": "^1.14.0",
+    "@tsparticles/webpack-plugin": "^1.16.0",
     "@types/webpack-env": "^1.18.1",
-    "@typescript-eslint/eslint-plugin": "^5.60.0",
-    "@typescript-eslint/parser": "^5.60.0",
+    "@typescript-eslint/eslint-plugin": "^5.60.1",
+    "@typescript-eslint/parser": "^5.60.1",
     "babel-loader": "^9.1.2",
     "browserslist": "^4.21.9",
     "copyfiles": "^2.4.1",
@@ -99,8 +99,8 @@
     "prettier": "^2.8.8",
     "rimraf": "^5.0.1",
     "terser-webpack-plugin": "^5.3.9",
-    "typescript": "^5.1.3",
-    "webpack": "^5.87.0",
+    "typescript": "^5.1.6",
+    "webpack": "^5.88.1",
     "webpack-bundle-analyzer": "^4.9.0",
     "webpack-cli": "^5.1.4"
   },

package/files/empty-project/webpack.config.js

@@ -1,4 +1,4 @@
 const { loadParticlesTemplate } = require("@tsparticles/webpack-plugin"),
     version = require("./package.json").version;
 
-module.exports = loadParticlesTemplate("empty", "Empty", version, __dirname);
+module.exports = loadParticlesTemplate({ moduleName: "empty", templateName: "Empty", version, dir: __dirname });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/cli",
-  "version": "1.6.5",
+  "version": "1.8.0",
   "license": "MIT",
   "bin": {
     "tsparticles-cli": "dist/cli.js"
@@ -10,32 +10,31 @@
   },
   "prettier": "@tsparticles/prettier-config",
   "dependencies": {
-    "@tsparticles/eslint-config": "^1.13.3",
-    "@tsparticles/prettier-config": "^1.10.0",
-    "@tsparticles/tsconfig": "^1.13.0",
-    "@tsparticles/webpack-plugin": "^1.15.5",
-    "@typescript-eslint/eslint-plugin": "^5.60.0",
-    "@typescript-eslint/parser": "^5.60.0",
+    "@tsparticles/eslint-config": "^1.15.0",
+    "@tsparticles/prettier-config": "^1.11.0",
+    "@tsparticles/tsconfig": "^1.14.0",
+    "@tsparticles/webpack-plugin": "^1.17.1",
+    "@typescript-eslint/eslint-plugin": "^5.61.0",
+    "@typescript-eslint/parser": "^5.61.0",
     "commander": "^11.0.0",
-    "eslint": "^8.43.0",
+    "eslint": "^8.44.0",
     "eslint-config-prettier": "^8.8.0",
-    "eslint-plugin-jsdoc": "^46.2.6",
+    "eslint-plugin-jsdoc": "^46.4.3",
     "eslint-plugin-tsdoc": "^0.2.17",
     "fs-extra": "^11.1.1",
     "klaw": "^4.1.0",
-    "path-scurry": "^1.9.2",
-    "prettier": "^2.8.8",
+    "path-scurry": "^1.10.0",
+    "prettier": "^3.0.0",
     "prompts": "^2.4.2",
     "rimraf": "^5.0.1",
-    "typescript": "^5.1.3",
-    "webpack": "^5.87.0"
+    "typescript": "^5.1.6",
+    "webpack": "^5.88.1"
   },
   "devDependencies": {
     "@types/eslint": "^8.40.2",
     "@types/fs-extra": "^11.0.1",
     "@types/klaw": "^3.0.3",
-    "@types/node": "^20.3.1",
-    "@types/prettier": "^2.7.3",
+    "@types/node": "^20.3.2",
     "@types/prompts": "^2.4.4"
   },
   "description": "tsParticles CLI",

package/src/build/build-eslint.ts

@@ -7,7 +7,7 @@ import { ESLint } from "eslint";
 export async function lint(ci: boolean): Promise<boolean> {
     console.log("ESLint - started on src");
 
-    let res = false;
+    let res: boolean;
 
     try {
         const eslint = new ESLint({
@@ -28,7 +28,7 @@ export async function lint(ci: boolean): Promise<boolean> {
 
         if (errors.length > 0) {
             const messages = errors.map(t =>
-                t.messages.map(m => `${t.filePath} (${m.line},${m.column}): ${m.message}`).join("\n")
+                t.messages.map(m => `${t.filePath} (${m.line},${m.column}): ${m.message}`).join("\n"),
             );
 
             throw new Error(messages.join("\n"));

package/src/build/build-prettier.ts

@@ -12,7 +12,7 @@ import prettier from "prettier";
 export async function prettifySrc(basePath: string, srcPath: string, ci: boolean): Promise<boolean> {
     console.log("Prettier - started on src");
 
-    let res = false;
+    let res: boolean;
 
     try {
         for await (const file of klaw(srcPath)) {
@@ -29,11 +29,11 @@ export async function prettifySrc(basePath: string, srcPath: string, ci: boolean
             options.tabWidth = 4;
 
             if (ci) {
-                if (!prettier.check(contents, options)) {
+                if (!(await prettier.check(contents, options))) {
                     throw new Error(`${file.path} is not formatted correctly`);
                 }
             } else {
-                const formatted = prettier.format(contents, options);
+                const formatted = await prettier.format(contents, options);
 
                 await fs.writeFile(file.path, formatted, "utf8");
             }
@@ -59,7 +59,7 @@ export async function prettifySrc(basePath: string, srcPath: string, ci: boolean
 export async function prettifyReadme(basePath: string, ci: boolean): Promise<boolean> {
     console.log("Prettier - started on README.md");
 
-    let res = false;
+    let res: boolean;
 
     try {
         const contents = await fs.readFile("README.md", "utf8"),
@@ -70,11 +70,11 @@ export async function prettifyReadme(basePath: string, ci: boolean): Promise<boo
         options.parser = "markdown";
 
         if (ci) {
-            if (!prettier.check(contents, options)) {
+            if (!(await prettier.check(contents, options))) {
                 throw new Error(`README.md is not formatted correctly`);
             }
         } else {
-            const formatted = prettier.format(contents, options);
+            const formatted = await prettier.format(contents, options);
 
             await fs.writeFile("README.md", formatted, "utf8");
         }
@@ -123,11 +123,11 @@ async function prettifyTraductions(basePath: string, ci: boolean): Promise<boole
                 options.parser = "markdown";
 
                 if (ci) {
-                    if (!prettier.check(contents, options)) {
+                    if (!(await prettier.check(contents, options))) {
                         throw new Error(`${file.path} is not formatted correctly`);
                     }
                 } else {
-                    const formatted = prettier.format(contents, options);
+                    const formatted = await prettier.format(contents, options);
 
                     await fs.writeFile(file.path, formatted, "utf8");
                 }
@@ -178,11 +178,11 @@ async function prettifyMarkdownTypeDocFiles(basePath: string, ci: boolean): Prom
                 options.parser = "markdown";
 
                 if (ci) {
-                    if (!prettier.check(contents, options)) {
+                    if (!(await prettier.check(contents, options))) {
                         throw new Error(`${file.path} is not formatted correctly`);
                     }
                 } else {
-                    const formatted = prettier.format(contents, options);
+                    const formatted = await prettier.format(contents, options);
 
                     await fs.writeFile(file.path, formatted, "utf8");
                 }

package/src/build/build.ts

@@ -15,14 +15,14 @@ buildCommand.description("Build the library using TypeScript");
 buildCommand.option(
     "-a, --all",
     "Do all build steps (default if no flags are specified) (same as -b -c -d -l -p -t)",
-    true
+    true,
 );
 buildCommand.option("-b, --bundle", "Bundle the library using Webpack", false);
 buildCommand.option("-c, --clean", "Clean the dist folder", false);
 buildCommand.option(
     "--ci",
     "Do all build steps for CI, no fixing files, only checking if they are formatted correctly",
-    false
+    false,
 );
 buildCommand.option("-d, --dist", "Build the dist files", false);
 buildCommand.option("-l, --lint", "Lint the source files", false);

package/src/create/create.ts

@@ -1,9 +1,14 @@
 import { Command } from "commander";
+import { pluginCommand } from "./plugin/plugin";
 import { presetCommand } from "./preset/preset";
+import { shapeCommand } from "./shape/shape";
 
 const createCommand = new Command("create");
 
 createCommand.description("Create a new tsParticles project");
+
+createCommand.addCommand(pluginCommand);
 createCommand.addCommand(presetCommand);
+createCommand.addCommand(shapeCommand);
 
 export { createCommand };

package/src/create/plugin/create-plugin.ts

@@ -0,0 +1,178 @@
+import { camelize, capitalize, dash } from "../../utils/string-utils";
+import {
+    copyEmptyTemplateFiles,
+    copyFilter,
+    runBuild,
+    runInstall,
+    updatePackageDistFile,
+    updatePackageFile,
+    updateWebpackFile,
+} from "../../utils/template-utils";
+import fs from "fs-extra";
+import path from "path";
+
+/**
+ * Updates the index file with the correct function name
+ * @param destPath - The path where the project is located
+ * @param name - The name of the project
+ */
+async function updateIndexFile(destPath: string, name: string): Promise<void> {
+    const indexPath = path.resolve(destPath, "src", "index.ts"),
+        index = await fs.readFile(indexPath, "utf-8"),
+        capitalizedName = capitalize(capitalize(name, "-"), " "),
+        camelizedName = camelize(capitalizedName),
+        indexFunctionRegex = /loadTemplatePlugin/g,
+        replacedFuncText = index.replace(indexFunctionRegex, `load${capitalizedName}Plugin`),
+        indexNameRegex = /"#template#"/g,
+        replacedNameText = replacedFuncText.replace(indexNameRegex, `"${camelizedName}"`);
+
+    await fs.writeFile(indexPath, replacedNameText);
+}
+
+/**
+ * Updates the plugin package file
+ * @param destPath - The path where the project is located
+ * @param name - The name of the project
+ * @param description - The description of the project
+ * @param repoUrl - The repository url
+ */
+async function updatePluginPackageFile(
+    destPath: string,
+    name: string,
+    description: string,
+    repoUrl: string,
+): Promise<void> {
+    const camelizedName = camelize(camelize(name, "-"), " "),
+        dashedName = dash(camelizedName);
+
+    updatePackageFile(
+        destPath,
+        `"tsparticles-plugin-${dashedName}"`,
+        description,
+        `"tsparticles.plugin.${camelizedName}.min.js"`,
+        repoUrl,
+    );
+}
+
+/**
+ * Updates the plugin package dist file
+ * @param destPath - The path where the project is located
+ * @param name - The name of the project
+ * @param description - The description of the project
+ * @param repoUrl - The repository url
+ */
+async function updatePluginPackageDistFile(
+    destPath: string,
+    name: string,
+    description: string,
+    repoUrl: string,
+): Promise<void> {
+    const camelizedName = camelize(camelize(name, "-"), " "),
+        dashedName = dash(camelizedName);
+
+    updatePackageDistFile(
+        destPath,
+        `"tsparticles-plugin-${dashedName}"`,
+        description,
+        `"tsparticles.plugin.${camelizedName}.min.js"`,
+        repoUrl,
+    );
+}
+
+/**
+ * Updates the plugin readme file
+ * @param destPath - The path where the project is located
+ * @param name - The name of the project
+ * @param description - The description of the project
+ * @param repoUrl - The repository url
+ */
+async function updateReadmeFile(destPath: string, name: string, description: string, repoUrl: string): Promise<void> {
+    const readmePath = path.resolve(destPath, "README.md"),
+        readme = await fs.readFile(readmePath, "utf-8"),
+        capitalizedName = capitalize(capitalize(name, "-"), " "),
+        camelizedName = camelize(capitalizedName),
+        dashedName = dash(camelizedName),
+        readmeDescriptionRegex = /tsParticles Template Plugin/g,
+        replacedDescriptionText = readme.replace(readmeDescriptionRegex, `tsParticles ${description} Plugin`),
+        readmePackageNameRegex = /tsparticles-plugin-template/g,
+        replacedPackageNameText = replacedDescriptionText.replace(
+            readmePackageNameRegex,
+            `tsparticles-plugin-${dashedName}`,
+        ),
+        readmeFileNameRegex = /tsparticles\.plugin\.template(\.bundle)?\.min\.js/g,
+        replacedFileNameText = replacedPackageNameText.replace(
+            readmeFileNameRegex,
+            `tsparticles.plugin.${camelizedName}$1.min.js`,
+        ),
+        readmeFunctionNameRegex = /loadTemplatePlugin/g,
+        replacedFunctionNameText = replacedFileNameText.replace(
+            readmeFunctionNameRegex,
+            `load${capitalizedName}Plugin`,
+        ),
+        readmeMiniDescriptionRegex =
+            /\[tsParticles]\(https:\/\/github.com\/matteobruni\/tsparticles\) additional template plugin\./g,
+        replacedMiniDescriptionText = replacedFunctionNameText.replace(
+            readmeMiniDescriptionRegex,
+            `[tsParticles](https://github.com/matteobruni/tsparticles) additional ${name} plugin.`,
+        ),
+        readmeUsageRegex = /plugin\.type: "template"/g,
+        replacedUsageText = replacedMiniDescriptionText.replace(readmeUsageRegex, `plugin.type: "${camelizedName}`),
+        sampleImageRegex =
+            /!\[demo]\(https:\/\/raw.githubusercontent.com\/tsparticles\/plugin-template\/main\/images\/sample.png\)/g,
+        repoPath = repoUrl.includes("github.com")
+            ? repoUrl.substring(repoUrl.indexOf("github.com/") + 11, repoUrl.indexOf(".git"))
+            : "tsparticles/plugin-template",
+        replacedText = replacedUsageText.replace(
+            sampleImageRegex,
+            `![demo](https://raw.githubusercontent.com/${repoPath}/main/images/sample.png)`,
+        );
+
+    await fs.writeFile(readmePath, replacedText);
+}
+
+/**
+ * Updates the plugin webpack file
+ * @param destPath - The path where the project is located
+ * @param name - The name of the project
+ * @param description - The description of the project
+ */
+async function updatePluginWebpackFile(destPath: string, name: string, description: string): Promise<void> {
+    await updateWebpackFile(
+        destPath,
+        camelize(capitalize(capitalize(name, "-"), " ")),
+        `tsParticles ${description} Plugin`,
+        "loadParticlesPlugin",
+    );
+}
+
+/**
+ * Creates the plugin project
+ * @param name - The name of the project
+ * @param description - The description of the project
+ * @param repoUrl - The repository url
+ * @param destPath - The path where the project is located
+ */
+export async function createPluginTemplate(
+    name: string,
+    description: string,
+    repoUrl: string,
+    destPath: string,
+): Promise<void> {
+    const sourcePath = path.resolve(__dirname, "..", "..", "..", "files", "create-plugin");
+
+    await copyEmptyTemplateFiles(destPath);
+
+    await fs.copy(sourcePath, destPath, {
+        overwrite: true,
+        filter: copyFilter,
+    });
+
+    await updateIndexFile(destPath, name);
+    await updatePluginPackageFile(destPath, name, description, repoUrl);
+    await updatePluginPackageDistFile(destPath, name, description, repoUrl);
+    await updateReadmeFile(destPath, name, description, repoUrl);
+    await updatePluginWebpackFile(destPath, name, description);
+
+    runInstall(destPath);
+    runBuild(destPath);
+}

package/src/create/plugin/plugin.ts

@@ -0,0 +1,65 @@
+import prompts, { type PromptObject } from "prompts";
+import { Command } from "commander";
+import { capitalize } from "../../utils/string-utils";
+import { createPluginTemplate } from "./create-plugin";
+import { execSync } from "child_process";
+import fs from "fs-extra";
+import path from "path";
+
+const pluginCommand = new Command("plugin");
+
+pluginCommand.description("Create a new tsParticles plugin");
+pluginCommand.argument("<destination>", "Destination folder");
+pluginCommand.action(async (destination: string) => {
+    let repoUrl: string;
+
+    const destPath = path.resolve(path.join(process.cwd(), destination)),
+        destExists = await fs.pathExists(destPath);
+
+    if (destExists) {
+        const destContents = await fs.readdir(destPath),
+            destContentsNoGit = destContents.filter(t => t !== ".git" && t !== ".gitignore");
+
+        if (destContentsNoGit.length) {
+            throw new Error("Destination folder already exists and is not empty");
+        }
+    }
+
+    await fs.ensureDir(destPath);
+
+    try {
+        repoUrl = execSync("git config --get remote.origin.url").toString();
+    } catch {
+        repoUrl = "";
+    }
+
+    const initialName = destPath.split(path.sep).pop(),
+        questions: PromptObject[] = [
+            {
+                type: "text",
+                name: "name",
+                message: "What is the name of the plugin?",
+                validate: (value: string) => (value ? true : "The name can't be empty"),
+                initial: initialName,
+            },
+            {
+                type: "text",
+                name: "description",
+                message: "What is the description of the plugin?",
+                validate: (value: string) => (value ? true : "The description can't be empty"),
+                initial: capitalize(initialName || ""),
+            },
+            {
+                type: "text",
+                name: "repositoryUrl",
+                message: "What is the repository URL? (optional)",
+                initial: repoUrl.trim(),
+            },
+        ];
+
+    const { name, description, repositoryUrl } = await prompts(questions);
+
+    createPluginTemplate(name.trim(), description.trim(), repositoryUrl.trim(), destPath);
+});
+
+export { pluginCommand };

package/src/create/preset/create-preset.ts

@@ -55,7 +55,7 @@ async function updatePresetPackageFile(
     destPath: string,
     name: string,
     description: string,
-    repoUrl: string
+    repoUrl: string,
 ): Promise<void> {
     const camelizedName = camelize(camelize(name, "-"), " "),
         dashedName = dash(camelizedName);
@@ -65,7 +65,7 @@ async function updatePresetPackageFile(
         `"tsparticles-preset-${dashedName}"`,
         description,
         `"tsparticles.preset.${camelizedName}.min.js"`,
-        repoUrl
+        repoUrl,
     );
 }
 
@@ -80,7 +80,7 @@ async function updatePresetPackageDistFile(
     destPath: string,
     name: string,
     description: string,
-    repoUrl: string
+    repoUrl: string,
 ): Promise<void> {
     const camelizedName = camelize(camelize(name, "-"), " "),
         dashedName = dash(camelizedName);
@@ -90,7 +90,7 @@ async function updatePresetPackageDistFile(
         `"tsparticles-preset-${dashedName}"`,
         description,
         `"tsparticles.preset.${camelizedName}.min.js"`,
-        repoUrl
+        repoUrl,
     );
 }
 
@@ -112,23 +112,23 @@ async function updateReadmeFile(destPath: string, name: string, description: str
         readmePackageNameRegex = /tsparticles-preset-template/g,
         replacedPackageNameText = replacedDescriptionText.replace(
             readmePackageNameRegex,
-            `tsparticles-preset-${dashedName}`
+            `tsparticles-preset-${dashedName}`,
         ),
         readmeFileNameRegex = /tsparticles\.preset\.template(\.bundle)?\.min\.js/g,
         replacedFileNameText = replacedPackageNameText.replace(
             readmeFileNameRegex,
-            `tsparticles.preset.${camelizedName}$1.min.js`
+            `tsparticles.preset.${camelizedName}$1.min.js`,
         ),
         readmeFunctionNameRegex = /loadTemplatePreset/g,
         replacedFunctionNameText = replacedFileNameText.replace(
             readmeFunctionNameRegex,
-            `load${capitalizedName}Preset`
+            `load${capitalizedName}Preset`,
         ),
         readmeMiniDescriptionRegex =
             /\[tsParticles]\(https:\/\/github.com\/matteobruni\/tsparticles\) preset template\./g,
         replacedMiniDescriptionText = replacedFunctionNameText.replace(
             readmeMiniDescriptionRegex,
-            `[tsParticles](https://github.com/matteobruni/tsparticles) preset ${name}.`
+            `[tsParticles](https://github.com/matteobruni/tsparticles) preset ${name}.`,
         ),
         readmeUsageRegex = /preset: "template"/g,
         replacedUsageText = replacedMiniDescriptionText.replace(readmeUsageRegex, `preset: "${camelizedName}`),
@@ -139,7 +139,7 @@ async function updateReadmeFile(destPath: string, name: string, description: str
             : "tsparticles/preset-template",
         replacedText = replacedUsageText.replace(
             sampleImageRegex,
-            `![demo](https://raw.githubusercontent.com/${repoPath}/main/images/sample.png)`
+            `![demo](https://raw.githubusercontent.com/${repoPath}/main/images/sample.png)`,
         );
 
     await fs.writeFile(readmePath, replacedText);
@@ -156,7 +156,7 @@ async function updatePresetWebpackFile(destPath: string, name: string, descripti
         destPath,
         camelize(capitalize(capitalize(name, "-"), " ")),
         `tsParticles ${description} Preset`,
-        "loadParticlesPreset"
+        "loadParticlesPreset",
     );
 }
 
@@ -171,7 +171,7 @@ export async function createPresetTemplate(
     name: string,
     description: string,
     repoUrl: string,
-    destPath: string
+    destPath: string,
 ): Promise<void> {
     const sourcePath = path.resolve(__dirname, "..", "..", "..", "files", "create-preset");