@tsparticles/cli 1.12.0 → 1.13.0

package/.github/workflows/node.js-ci.yml

@@ -44,6 +44,7 @@ jobs:
             ${{ runner.os }}-pnpm-store-
       - run: pnpm install --no-frozen-lockfile
       - run: npx pnpm run build:ci
+      - run: npx pnpm test
   pr:
     runs-on: ubuntu-latest
     if: ${{ github.event_name == 'pull_request' }}
@@ -81,3 +82,4 @@ jobs:
             ${{ runner.os }}-pnpm-store-
       - run: pnpm install --no-frozen-lockfile
       - run: npx pnpm run build:ci
+      - run: npx pnpm test

package/.mocharc.json

@@ -0,0 +1,11 @@
+{
+  "extension": [
+    "ts"
+  ],
+  "spec": "tests/**/*.ts",
+  "require": [
+    "ts-node/register",
+    "source-map-support/register"
+  ],
+  "recursive": true
+}

package/dist/build/build.js

@@ -16,7 +16,7 @@ const build_eslint_1 = require("./build-eslint");
 const path_1 = __importDefault(require("path"));
 const buildCommand = new commander_1.Command("build");
 exports.buildCommand = buildCommand;
-buildCommand.description("Build the library using TypeScript");
+buildCommand.description("Build the tsParticles 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);
 buildCommand.option("-b, --bundle", "Bundle the library using Webpack", false);
 buildCommand.option("-c, --clean", "Clean the dist folder", false);

package/dist/cli.js

@@ -8,8 +8,8 @@ const build_1 = require("./build/build");
 const create_1 = require("./create/create");
 const package_json_1 = __importDefault(require("../package.json"));
 const commander_1 = require("commander");
-commander_1.program.name("tsparticles-cli build");
-commander_1.program.description("tsParticles Builder");
+commander_1.program.name("tsparticles-cli");
+commander_1.program.description("tsParticles CLI");
 commander_1.program.version(package_json_1.default.version, "-v, --version", "output the current version");
 commander_1.program.addCommand(build_1.buildCommand);
 commander_1.program.addCommand(create_1.createCommand);

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

@@ -8,14 +8,27 @@ const string_utils_1 = require("../../utils/string-utils");
 const template_utils_1 = require("../../utils/template-utils");
 const fs_extra_1 = __importDefault(require("fs-extra"));
 const path_1 = __importDefault(require("path"));
+const file_utils_1 = require("../../utils/file-utils");
 /**
  * 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, name) {
-    const indexPath = path_1.default.resolve(destPath, "src", "index.ts"), index = await fs_extra_1.default.readFile(indexPath, "utf-8"), capitalizedName = (0, string_utils_1.capitalize)((0, string_utils_1.capitalize)(name, "-"), " "), camelizedName = (0, string_utils_1.camelize)(capitalizedName), indexFunctionRegex = /loadTemplatePlugin/g, replacedFuncText = index.replace(indexFunctionRegex, `load${capitalizedName}Plugin`), indexNameRegex = /"#template#"/g, replacedNameText = replacedFuncText.replace(indexNameRegex, `"${camelizedName}"`);
-    await fs_extra_1.default.writeFile(indexPath, replacedNameText);
+    const capitalizedName = (0, string_utils_1.capitalize)(name, "-", " "), camelizedName = (0, string_utils_1.camelize)(capitalizedName);
+    await (0, file_utils_1.replaceTokensInFile)({
+        path: path_1.default.resolve(destPath, "src", "index.ts"),
+        tokens: [
+            {
+                from: /loadTemplatePlugin/g,
+                to: `load${capitalizedName}Plugin`,
+            },
+            {
+                from: /"#template#"/g,
+                to: `"${camelizedName}"`,
+            },
+        ],
+    });
 }
 /**
  * Updates the plugin package file
@@ -26,7 +39,7 @@ async function updateIndexFile(destPath, name) {
  */
 async function updatePluginPackageFile(destPath, name, description, repoUrl) {
     const camelizedName = (0, string_utils_1.camelize)((0, string_utils_1.camelize)(name, "-"), " "), dashedName = (0, string_utils_1.dash)(camelizedName);
-    await (0, template_utils_1.updatePackageFile)(destPath, `"tsparticles-plugin-${dashedName}"`, description, `"tsparticles.plugin.${camelizedName}.min.js"`, repoUrl);
+    await (0, template_utils_1.updatePackageFile)(destPath, `tsparticles-plugin-${dashedName}`, description, `tsparticles.plugin.${camelizedName}.min.js`, repoUrl);
 }
 /**
  * Updates the plugin package dist file
@@ -37,7 +50,7 @@ async function updatePluginPackageFile(destPath, name, description, repoUrl) {
  */
 async function updatePluginPackageDistFile(destPath, name, description, repoUrl) {
     const camelizedName = (0, string_utils_1.camelize)((0, string_utils_1.camelize)(name, "-"), " "), dashedName = (0, string_utils_1.dash)(camelizedName);
-    (0, template_utils_1.updatePackageDistFile)(destPath, `"tsparticles-plugin-${dashedName}"`, description, `"tsparticles.plugin.${camelizedName}.min.js"`, repoUrl);
+    await (0, template_utils_1.updatePackageDistFile)(destPath, `tsparticles-plugin-${dashedName}`, description, `tsparticles.plugin.${camelizedName}.min.js`, repoUrl);
 }
 /**
  * Updates the plugin readme file
@@ -47,10 +60,42 @@ async function updatePluginPackageDistFile(destPath, name, description, repoUrl)
  * @param repoUrl - The repository url
  */
 async function updateReadmeFile(destPath, name, description, repoUrl) {
-    const readmePath = path_1.default.resolve(destPath, "README.md"), readme = await fs_extra_1.default.readFile(readmePath, "utf-8"), capitalizedName = (0, string_utils_1.capitalize)((0, string_utils_1.capitalize)(name, "-"), " "), camelizedName = (0, string_utils_1.camelize)(capitalizedName), dashedName = (0, string_utils_1.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")
+    const readmePath = path_1.default.resolve(destPath, "README.md"), capitalizedName = (0, string_utils_1.capitalize)(name, "-", " "), camelizedName = (0, string_utils_1.camelize)(capitalizedName), dashedName = (0, string_utils_1.dash)(camelizedName), 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_extra_1.default.writeFile(readmePath, replacedText);
+        : "tsparticles/plugin-template";
+    await (0, file_utils_1.replaceTokensInFile)({
+        path: readmePath,
+        tokens: [
+            {
+                from: /tsParticles Template Plugin/g,
+                to: `tsParticles ${description} Plugin`,
+            },
+            {
+                from: /tsparticles-plugin-template/g,
+                to: `tsparticles-plugin-${dashedName}`,
+            },
+            {
+                from: /tsparticles\.plugin\.template(\.bundle)?\.min\.js/g,
+                to: `tsparticles.plugin.${camelizedName}$1.min.js`,
+            },
+            {
+                from: /loadTemplatePlugin/g,
+                to: `load${capitalizedName}Plugin`,
+            },
+            {
+                from: /\[tsParticles]\(https:\/\/github.com\/matteobruni\/tsparticles\) additional template plugin\./g,
+                to: `[tsParticles](https://github.com/matteobruni/tsparticles) additional ${name} plugin.`,
+            },
+            {
+                from: /plugin\.type: "template"/g,
+                to: `plugin.type: "${camelizedName}"`,
+            },
+            {
+                from: /!\[demo]\(https:\/\/raw.githubusercontent.com\/tsparticles\/plugin-template\/main\/images\/sample.png\)/g,
+                to: `![demo](https://raw.githubusercontent.com/${repoPath}/main/images/sample.png)`,
+            },
+        ],
+    });
 }
 /**
  * Updates the plugin webpack file
@@ -59,7 +104,7 @@ async function updateReadmeFile(destPath, name, description, repoUrl) {
  * @param description - The description of the project
  */
 async function updatePluginWebpackFile(destPath, name, description) {
-    await (0, template_utils_1.updateWebpackFile)(destPath, (0, string_utils_1.camelize)((0, string_utils_1.capitalize)((0, string_utils_1.capitalize)(name, "-"), " ")), description, "loadParticlesPlugin");
+    await (0, template_utils_1.updateWebpackFile)(destPath, (0, string_utils_1.camelize)((0, string_utils_1.capitalize)(name, "-", " ")), description, "loadParticlesPlugin");
 }
 /**
  * Creates the plugin project

package/dist/create/plugin/plugin.js

@@ -4,33 +4,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.pluginCommand = void 0;
+const file_utils_1 = require("../../utils/file-utils");
 const prompts_1 = __importDefault(require("prompts"));
 const commander_1 = require("commander");
 const string_utils_1 = require("../../utils/string-utils");
 const create_plugin_1 = require("./create-plugin");
-const child_process_1 = require("child_process");
-const fs_extra_1 = __importDefault(require("fs-extra"));
 const path_1 = __importDefault(require("path"));
 const pluginCommand = new commander_1.Command("plugin");
 exports.pluginCommand = pluginCommand;
 pluginCommand.description("Create a new tsParticles plugin");
 pluginCommand.argument("<destination>", "Destination folder");
 pluginCommand.action(async (destination) => {
-    let repoUrl;
-    const destPath = path_1.default.resolve(path_1.default.join(process.cwd(), destination)), destExists = await fs_extra_1.default.pathExists(destPath);
-    if (destExists) {
-        const destContents = await fs_extra_1.default.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_extra_1.default.ensureDir(destPath);
-    try {
-        repoUrl = (0, child_process_1.execSync)("git config --get remote.origin.url").toString();
-    }
-    catch {
-        repoUrl = "";
-    }
+    const destPath = await (0, file_utils_1.getDestinationDir)(destination), repoUrl = (0, file_utils_1.getRepositoryUrl)();
     const initialName = destPath.split(path_1.default.sep).pop(), questions = [
         {
             type: "text",
@@ -54,5 +39,5 @@ pluginCommand.action(async (destination) => {
         },
     ];
     const { name, description, repositoryUrl } = await (0, prompts_1.default)(questions);
-    (0, create_plugin_1.createPluginTemplate)(name.trim(), description.trim(), repositoryUrl.trim(), destPath);
+    await (0, create_plugin_1.createPluginTemplate)(name.trim(), description.trim(), repositoryUrl.trim(), destPath);
 });

package/dist/create/preset/create-preset.js

@@ -8,14 +8,23 @@ const string_utils_1 = require("../../utils/string-utils");
 const template_utils_1 = require("../../utils/template-utils");
 const fs_extra_1 = __importDefault(require("fs-extra"));
 const path_1 = __importDefault(require("path"));
+const file_utils_1 = require("../../utils/file-utils");
 /**
  * Updates the bundle file with the correct function name
  * @param destPath - The path where the project is located
  * @param name - The name of the project
  */
 async function updateBundleFile(destPath, name) {
-    const bundlePath = path_1.default.resolve(destPath, "src", "bundle.ts"), bundle = await fs_extra_1.default.readFile(bundlePath, "utf-8"), capitalizedName = (0, string_utils_1.capitalize)((0, string_utils_1.capitalize)(name, "-"), " "), bundleRegex = /loadTemplatePreset/g, replacedText = bundle.replace(bundleRegex, `load${capitalizedName}Preset`);
-    await fs_extra_1.default.writeFile(bundlePath, replacedText);
+    const capitalizedName = (0, string_utils_1.capitalize)(name, "-", " ");
+    await (0, file_utils_1.replaceTokensInFile)({
+        path: path_1.default.resolve(destPath, "src", "bundle.ts"),
+        tokens: [
+            {
+                from: /loadTemplatePreset/g,
+                to: `load${capitalizedName}Preset`,
+            },
+        ],
+    });
 }
 /**
  * Updates the index file with the correct function name
@@ -23,8 +32,20 @@ async function updateBundleFile(destPath, name) {
  * @param name - The name of the project
  */
 async function updateIndexFile(destPath, name) {
-    const indexPath = path_1.default.resolve(destPath, "src", "index.ts"), index = await fs_extra_1.default.readFile(indexPath, "utf-8"), capitalizedName = (0, string_utils_1.capitalize)((0, string_utils_1.capitalize)(name, "-"), " "), camelizedName = (0, string_utils_1.camelize)(capitalizedName), indexFunctionRegex = /loadTemplatePreset/g, replacedFuncText = index.replace(indexFunctionRegex, `load${capitalizedName}Preset`), indexNameRegex = /"#template#"/g, replacedNameText = replacedFuncText.replace(indexNameRegex, `"${camelizedName}"`);
-    await fs_extra_1.default.writeFile(indexPath, replacedNameText);
+    const capitalizedName = (0, string_utils_1.capitalize)(name, "-", " "), camelizedName = (0, string_utils_1.camelize)(capitalizedName);
+    await (0, file_utils_1.replaceTokensInFile)({
+        path: path_1.default.resolve(destPath, "src", "index.ts"),
+        tokens: [
+            {
+                from: /loadTemplatePreset/g,
+                to: `load${capitalizedName}Preset`,
+            },
+            {
+                from: /"#template#"/g,
+                to: `"${camelizedName}"`,
+            },
+        ],
+    });
 }
 /**
  * Updates the preset package file
@@ -34,8 +55,8 @@ async function updateIndexFile(destPath, name) {
  * @param repoUrl - The repository url
  */
 async function updatePresetPackageFile(destPath, name, description, repoUrl) {
-    const camelizedName = (0, string_utils_1.camelize)((0, string_utils_1.camelize)(name, "-"), " "), dashedName = (0, string_utils_1.dash)(camelizedName);
-    (0, template_utils_1.updatePackageFile)(destPath, `"tsparticles-preset-${dashedName}"`, description, `"tsparticles.preset.${camelizedName}.min.js"`, repoUrl);
+    const camelizedName = (0, string_utils_1.camelize)(name, "-", " "), dashedName = (0, string_utils_1.dash)(camelizedName);
+    await (0, template_utils_1.updatePackageFile)(destPath, `tsparticles-preset-${dashedName}`, description, `tsparticles.preset.${camelizedName}.min.js`, repoUrl);
 }
 /**
  * Updates the preset package dist file
@@ -45,8 +66,8 @@ async function updatePresetPackageFile(destPath, name, description, repoUrl) {
  * @param repoUrl - The repository url
  */
 async function updatePresetPackageDistFile(destPath, name, description, repoUrl) {
-    const camelizedName = (0, string_utils_1.camelize)((0, string_utils_1.camelize)(name, "-"), " "), dashedName = (0, string_utils_1.dash)(camelizedName);
-    await (0, template_utils_1.updatePackageDistFile)(destPath, `"tsparticles-preset-${dashedName}"`, description, `"tsparticles.preset.${camelizedName}.min.js"`, repoUrl);
+    const camelizedName = (0, string_utils_1.camelize)(name, "-", " "), dashedName = (0, string_utils_1.dash)(camelizedName);
+    await (0, template_utils_1.updatePackageDistFile)(destPath, `tsparticles-preset-${dashedName}`, description, `tsparticles.preset.${camelizedName}.min.js`, repoUrl);
 }
 /**
  * Updates the preset readme file
@@ -56,10 +77,42 @@ async function updatePresetPackageDistFile(destPath, name, description, repoUrl)
  * @param repoUrl - The repository url
  */
 async function updateReadmeFile(destPath, name, description, repoUrl) {
-    const readmePath = path_1.default.resolve(destPath, "README.md"), readme = await fs_extra_1.default.readFile(readmePath, "utf-8"), capitalizedName = (0, string_utils_1.capitalize)((0, string_utils_1.capitalize)(name, "-"), " "), camelizedName = (0, string_utils_1.camelize)(capitalizedName), dashedName = (0, string_utils_1.dash)(camelizedName), readmeDescriptionRegex = /tsParticles Template Preset/g, replacedDescriptionText = readme.replace(readmeDescriptionRegex, `tsParticles ${description} Preset`), readmePackageNameRegex = /tsparticles-preset-template/g, replacedPackageNameText = replacedDescriptionText.replace(readmePackageNameRegex, `tsparticles-preset-${dashedName}`), readmeFileNameRegex = /tsparticles\.preset\.template(\.bundle)?\.min\.js/g, replacedFileNameText = replacedPackageNameText.replace(readmeFileNameRegex, `tsparticles.preset.${camelizedName}$1.min.js`), readmeFunctionNameRegex = /loadTemplatePreset/g, replacedFunctionNameText = replacedFileNameText.replace(readmeFunctionNameRegex, `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}.`), readmeUsageRegex = /preset: "template"/g, replacedUsageText = replacedMiniDescriptionText.replace(readmeUsageRegex, `preset: "${camelizedName}`), sampleImageRegex = /!\[demo]\(https:\/\/raw.githubusercontent.com\/tsparticles\/preset-template\/main\/images\/sample.png\)/g, repoPath = repoUrl.includes("github.com")
+    const capitalizedName = (0, string_utils_1.capitalize)(name, "-", " "), camelizedName = (0, string_utils_1.camelize)(capitalizedName), dashedName = (0, string_utils_1.dash)(camelizedName), repoPath = repoUrl.includes("github.com")
         ? repoUrl.substring(repoUrl.indexOf("github.com/") + 11, repoUrl.indexOf(".git"))
-        : "tsparticles/preset-template", replacedText = replacedUsageText.replace(sampleImageRegex, `![demo](https://raw.githubusercontent.com/${repoPath}/main/images/sample.png)`);
-    await fs_extra_1.default.writeFile(readmePath, replacedText);
+        : "tsparticles/preset-template";
+    await (0, file_utils_1.replaceTokensInFile)({
+        path: path_1.default.resolve(destPath, "README.md"),
+        tokens: [
+            {
+                from: /tsParticles Template Preset/g,
+                to: `tsParticles ${description} Preset`,
+            },
+            {
+                from: /tsparticles-preset-template/g,
+                to: `tsparticles-preset-${dashedName}`,
+            },
+            {
+                from: /tsparticles\.preset\.template(\.bundle)?\.min\.js/g,
+                to: `tsparticles.preset.${camelizedName}$1.min.js`,
+            },
+            {
+                from: /loadTemplatePreset/g,
+                to: `load${capitalizedName}Preset`,
+            },
+            {
+                from: /\[tsParticles]\(https:\/\/github.com\/matteobruni\/tsparticles\) preset template\./g,
+                to: `[tsParticles](https://github.com/matteobruni/tsparticles) preset ${name}.`,
+            },
+            {
+                from: /preset: "template"/g,
+                to: `preset: "${camelizedName}`,
+            },
+            {
+                from: /!\[demo]\(https:\/\/raw.githubusercontent.com\/tsparticles\/preset-template\/main\/images\/sample.png\)/g,
+                to: `![demo](https://raw.githubusercontent.com/${repoPath}/main/images/sample.png)`,
+            },
+        ],
+    });
 }
 /**
  * Updates the preset webpack file
@@ -68,7 +121,7 @@ async function updateReadmeFile(destPath, name, description, repoUrl) {
  * @param description - The description of the project
  */
 async function updatePresetWebpackFile(destPath, name, description) {
-    await (0, template_utils_1.updateWebpackFile)(destPath, (0, string_utils_1.camelize)((0, string_utils_1.capitalize)((0, string_utils_1.capitalize)(name, "-"), " ")), description, "loadParticlesPreset");
+    await (0, template_utils_1.updateWebpackFile)(destPath, (0, string_utils_1.camelize)((0, string_utils_1.capitalize)(name, "-", " ")), description, "loadParticlesPreset");
 }
 /**
  * Creates the preset project

package/dist/create/preset/preset.js

@@ -4,33 +4,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.presetCommand = void 0;
+const file_utils_1 = require("../../utils/file-utils");
 const prompts_1 = __importDefault(require("prompts"));
 const commander_1 = require("commander");
 const string_utils_1 = require("../../utils/string-utils");
 const create_preset_1 = require("./create-preset");
-const child_process_1 = require("child_process");
-const fs_extra_1 = __importDefault(require("fs-extra"));
 const path_1 = __importDefault(require("path"));
 const presetCommand = new commander_1.Command("preset");
 exports.presetCommand = presetCommand;
 presetCommand.description("Create a new tsParticles preset");
 presetCommand.argument("<destination>", "Destination folder");
 presetCommand.action(async (destination) => {
-    let repoUrl;
-    const destPath = path_1.default.resolve(path_1.default.join(process.cwd(), destination)), destExists = await fs_extra_1.default.pathExists(destPath);
-    if (destExists) {
-        const destContents = await fs_extra_1.default.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_extra_1.default.ensureDir(destPath);
-    try {
-        repoUrl = (0, child_process_1.execSync)("git config --get remote.origin.url").toString();
-    }
-    catch {
-        repoUrl = "";
-    }
+    const destPath = await (0, file_utils_1.getDestinationDir)(destination), repoUrl = (0, file_utils_1.getRepositoryUrl)();
     const initialName = destPath.split(path_1.default.sep).pop(), questions = [
         {
             type: "text",
@@ -54,5 +39,5 @@ presetCommand.action(async (destination) => {
         },
     ];
     const { name, description, repositoryUrl } = await (0, prompts_1.default)(questions);
-    (0, create_preset_1.createPresetTemplate)(name.trim(), description.trim(), repositoryUrl.trim(), destPath);
+    await (0, create_preset_1.createPresetTemplate)(name.trim(), description.trim(), repositoryUrl.trim(), destPath);
 });

package/dist/create/shape/create-shape.js

@@ -8,14 +8,27 @@ const string_utils_1 = require("../../utils/string-utils");
 const template_utils_1 = require("../../utils/template-utils");
 const fs_extra_1 = __importDefault(require("fs-extra"));
 const path_1 = __importDefault(require("path"));
+const file_utils_1 = require("../../utils/file-utils");
 /**
  * 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, name) {
-    const indexPath = path_1.default.resolve(destPath, "src", "index.ts"), index = await fs_extra_1.default.readFile(indexPath, "utf-8"), capitalizedName = (0, string_utils_1.capitalize)((0, string_utils_1.capitalize)(name, "-"), " "), camelizedName = (0, string_utils_1.camelize)(capitalizedName), indexFunctionRegex = /loadTemplateShape/g, replacedFuncText = index.replace(indexFunctionRegex, `load${capitalizedName}Shape`), indexNameRegex = /"#template#"/g, replacedNameText = replacedFuncText.replace(indexNameRegex, `"${camelizedName}"`);
-    await fs_extra_1.default.writeFile(indexPath, replacedNameText);
+    const capitalizedName = (0, string_utils_1.capitalize)(name, "-", " "), camelizedName = (0, string_utils_1.camelize)(capitalizedName);
+    await (0, file_utils_1.replaceTokensInFile)({
+        path: path_1.default.resolve(destPath, "src", "index.ts"),
+        tokens: [
+            {
+                from: /loadTemplateShape/g,
+                to: `load${capitalizedName}Shape`,
+            },
+            {
+                from: /"#template#"/g,
+                to: `"${camelizedName}"`,
+            },
+        ],
+    });
 }
 /**
  * Updates the shape package file
@@ -26,7 +39,7 @@ async function updateIndexFile(destPath, name) {
  */
 async function updateShapePackageFile(destPath, name, description, repoUrl) {
     const camelizedName = (0, string_utils_1.camelize)((0, string_utils_1.camelize)(name, "-"), " "), dashedName = (0, string_utils_1.dash)(camelizedName);
-    (0, template_utils_1.updatePackageFile)(destPath, `"tsparticles-shape-${dashedName}"`, description, `"tsparticles.shape.${camelizedName}.min.js"`, repoUrl);
+    await (0, template_utils_1.updatePackageFile)(destPath, `tsparticles-shape-${dashedName}`, description, `tsparticles.shape.${camelizedName}.min.js`, repoUrl);
 }
 /**
  * Updates the shape package dist file
@@ -37,7 +50,7 @@ async function updateShapePackageFile(destPath, name, description, repoUrl) {
  */
 async function updateShapePackageDistFile(destPath, name, description, repoUrl) {
     const camelizedName = (0, string_utils_1.camelize)((0, string_utils_1.camelize)(name, "-"), " "), dashedName = (0, string_utils_1.dash)(camelizedName);
-    await (0, template_utils_1.updatePackageDistFile)(destPath, `"tsparticles-shape-${dashedName}"`, description, `"tsparticles.shape.${camelizedName}.min.js"`, repoUrl);
+    await (0, template_utils_1.updatePackageDistFile)(destPath, `tsparticles-shape-${dashedName}`, description, `tsparticles.shape.${camelizedName}.min.js`, repoUrl);
 }
 /**
  * Updates the shape readme file
@@ -47,10 +60,42 @@ async function updateShapePackageDistFile(destPath, name, description, repoUrl)
  * @param repoUrl - The repository url
  */
 async function updateReadmeFile(destPath, name, description, repoUrl) {
-    const readmePath = path_1.default.resolve(destPath, "README.md"), readme = await fs_extra_1.default.readFile(readmePath, "utf-8"), capitalizedName = (0, string_utils_1.capitalize)((0, string_utils_1.capitalize)(name, "-"), " "), camelizedName = (0, string_utils_1.camelize)(capitalizedName), dashedName = (0, string_utils_1.dash)(camelizedName), readmeDescriptionRegex = /tsParticles Template Shape/g, replacedDescriptionText = readme.replace(readmeDescriptionRegex, `tsParticles ${description} Shape`), readmePackageNameRegex = /tsparticles-shape-template/g, replacedPackageNameText = replacedDescriptionText.replace(readmePackageNameRegex, `tsparticles-shape-${dashedName}`), readmeFileNameRegex = /tsparticles\.shape\.template(\.bundle)?\.min\.js/g, replacedFileNameText = replacedPackageNameText.replace(readmeFileNameRegex, `tsparticles.shape.${camelizedName}$1.min.js`), readmeFunctionNameRegex = /loadTemplateShape/g, replacedFunctionNameText = replacedFileNameText.replace(readmeFunctionNameRegex, `load${capitalizedName}Shape`), readmeMiniDescriptionRegex = /\[tsParticles]\(https:\/\/github.com\/matteobruni\/tsparticles\) additional template shape\./g, replacedMiniDescriptionText = replacedFunctionNameText.replace(readmeMiniDescriptionRegex, `[tsParticles](https://github.com/matteobruni/tsparticles) additional ${name} shape.`), readmeUsageRegex = /shape\.type: "template"/g, replacedUsageText = replacedMiniDescriptionText.replace(readmeUsageRegex, `shape.type: "${camelizedName}`), sampleImageRegex = /!\[demo]\(https:\/\/raw.githubusercontent.com\/tsparticles\/shape-template\/main\/images\/sample.png\)/g, repoPath = repoUrl.includes("github.com")
+    const capitalizedName = (0, string_utils_1.capitalize)(name, "-", " "), camelizedName = (0, string_utils_1.camelize)(capitalizedName), dashedName = (0, string_utils_1.dash)(camelizedName), repoPath = repoUrl.includes("github.com")
         ? repoUrl.substring(repoUrl.indexOf("github.com/") + 11, repoUrl.indexOf(".git"))
-        : "tsparticles/shape-template", replacedText = replacedUsageText.replace(sampleImageRegex, `![demo](https://raw.githubusercontent.com/${repoPath}/main/images/sample.png)`);
-    await fs_extra_1.default.writeFile(readmePath, replacedText);
+        : "tsparticles/shape-template";
+    await (0, file_utils_1.replaceTokensInFile)({
+        path: path_1.default.resolve(destPath, "README.md"),
+        tokens: [
+            {
+                from: /tsParticles Template Shape/g,
+                to: `tsParticles ${description} Shape`,
+            },
+            {
+                from: /tsparticles-shape-template/g,
+                to: `tsparticles-shape-${dashedName}`,
+            },
+            {
+                from: /tsparticles\.shape\.template(\.bundle)?\.min\.js/g,
+                to: `tsparticles.shape.${camelizedName}$1.min.js`,
+            },
+            {
+                from: /loadTemplateShape/g,
+                to: `load${capitalizedName}Shape`,
+            },
+            {
+                from: /\[tsParticles]\(https:\/\/github.com\/matteobruni\/tsparticles\) additional template shape\./g,
+                to: `[tsParticles](https://github.com/matteobruni/tsparticles) additional ${name} shape.`,
+            },
+            {
+                from: /shape\.type: "template"/g,
+                to: `shape.type: "${camelizedName}`,
+            },
+            {
+                from: /!\[demo]\(https:\/\/raw.githubusercontent.com\/tsparticles\/shape-template\/main\/images\/sample.png\)/g,
+                to: `![demo](https://raw.githubusercontent.com/${repoPath}/main/images/sample.png)`,
+            },
+        ],
+    });
 }
 /**
  * Updates the shape webpack file
@@ -59,7 +104,7 @@ async function updateReadmeFile(destPath, name, description, repoUrl) {
  * @param description - The description of the project
  */
 async function updateShapeWebpackFile(destPath, name, description) {
-    await (0, template_utils_1.updateWebpackFile)(destPath, (0, string_utils_1.camelize)((0, string_utils_1.capitalize)((0, string_utils_1.capitalize)(name, "-"), " ")), description, "loadParticlesShape");
+    await (0, template_utils_1.updateWebpackFile)(destPath, (0, string_utils_1.camelize)((0, string_utils_1.capitalize)(name, "-", " ")), description, "loadParticlesShape");
 }
 /**
  * Creates the shape project

package/dist/create/shape/shape.js

@@ -4,33 +4,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.shapeCommand = void 0;
+const file_utils_1 = require("../../utils/file-utils");
 const prompts_1 = __importDefault(require("prompts"));
 const commander_1 = require("commander");
 const string_utils_1 = require("../../utils/string-utils");
 const create_shape_1 = require("./create-shape");
-const child_process_1 = require("child_process");
-const fs_extra_1 = __importDefault(require("fs-extra"));
 const path_1 = __importDefault(require("path"));
 const shapeCommand = new commander_1.Command("shape");
 exports.shapeCommand = shapeCommand;
 shapeCommand.description("Create a new tsParticles shape");
 shapeCommand.argument("<destination>", "Destination folder");
 shapeCommand.action(async (destination) => {
-    let repoUrl;
-    const destPath = path_1.default.resolve(path_1.default.join(process.cwd(), destination)), destExists = await fs_extra_1.default.pathExists(destPath);
-    if (destExists) {
-        const destContents = await fs_extra_1.default.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_extra_1.default.ensureDir(destPath);
-    try {
-        repoUrl = (0, child_process_1.execSync)("git config --get remote.origin.url").toString();
-    }
-    catch {
-        repoUrl = "";
-    }
+    const destPath = await (0, file_utils_1.getDestinationDir)(destination), repoUrl = (0, file_utils_1.getRepositoryUrl)();
     const initialName = destPath.split(path_1.default.sep).pop(), questions = [
         {
             type: "text",
@@ -54,5 +39,5 @@ shapeCommand.action(async (destination) => {
         },
     ];
     const { name, description, repositoryUrl } = await (0, prompts_1.default)(questions);
-    (0, create_shape_1.createShapeTemplate)(name.trim(), description.trim(), repositoryUrl.trim(), destPath);
+    await (0, create_shape_1.createShapeTemplate)(name.trim(), description.trim(), repositoryUrl.trim(), destPath);
 });

package/dist/utils/file-utils.js

@@ -0,0 +1,62 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getRepositoryUrl = exports.getDestinationDir = exports.replaceTokensInFile = exports.replaceTokensInFiles = void 0;
+const child_process_1 = require("child_process");
+const fs_extra_1 = __importDefault(require("fs-extra"));
+const path_1 = __importDefault(require("path"));
+/**
+ *
+ * @param options -
+ */
+async function replaceTokensInFiles(options) {
+    for (const item of options) {
+        const filePath = path_1.default.resolve(item.path);
+        let data = await fs_extra_1.default.readFile(filePath, "utf-8");
+        for (const token of item.tokens) {
+            const regex = new RegExp(token.from, "g");
+            data = data.replace(regex, token.to);
+        }
+        await fs_extra_1.default.writeFile(filePath, data);
+    }
+}
+exports.replaceTokensInFiles = replaceTokensInFiles;
+/**
+ *
+ * @param options -
+ */
+async function replaceTokensInFile(options) {
+    await replaceTokensInFiles([options]);
+}
+exports.replaceTokensInFile = replaceTokensInFile;
+/**
+ *
+ * @param destination -
+ * @returns the destination directory path
+ */
+async function getDestinationDir(destination) {
+    const destPath = path_1.default.resolve(path_1.default.join(process.cwd(), destination)), destExists = await fs_extra_1.default.pathExists(destPath);
+    if (destExists) {
+        const destContents = await fs_extra_1.default.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_extra_1.default.ensureDir(destPath);
+    return destPath;
+}
+exports.getDestinationDir = getDestinationDir;
+/**
+ * @returns the repository URL
+ */
+function getRepositoryUrl() {
+    try {
+        return (0, child_process_1.execSync)("git config --get remote.origin.url").toString();
+    }
+    catch {
+        return "";
+    }
+}
+exports.getRepositoryUrl = getRepositoryUrl;

package/dist/utils/string-utils.js

@@ -4,22 +4,28 @@ exports.dash = exports.camelize = exports.capitalize = void 0;
 /**
  * This function is used to capitalize a string.
  * @param str - the string to capitalize (e.g. "my-string" -\> "MyString")
- * @param split - the character used to split the string, if not provided the string will be considered a single word
+ * @param splits - the characters used to split the string, if not provided the string will be considered a single word
  * @returns the capitalized string
  */
-function capitalize(str, split) {
-    const words = split ? str.split(split) : [str];
-    return words.map(w => w.replace(/./, c => c.toUpperCase())).join("");
+function capitalize(str, ...splits) {
+    let res = str.replace(/./, c => c.toUpperCase());
+    for (const split of splits) {
+        res = res
+            .split(split)
+            .map(w => w.replace(/./, c => c.toUpperCase()))
+            .join("");
+    }
+    return res;
 }
 exports.capitalize = capitalize;
 /**
  * This function is used to camelcase a string.
  * @param str - the string to camelcase (e.g. "my-string" -\> "myString")
- * @param split - the character used to split the string, if not provided the string will be considered a single word
+ * @param splits - the characters used to split the string, if not provided the string will be considered a single word
  * @returns the camelized string
  */
-function camelize(str, split) {
-    return capitalize(str, split).replace(/./, c => c.toLowerCase());
+function camelize(str, ...splits) {
+    return capitalize(str, ...splits).replace(/./, c => c.toLowerCase());
 }
 exports.camelize = camelize;
 /**