build: updated cli generated projects

Author: matteobruni

files/create-preset/README.md

@@ -21,8 +21,8 @@ Once installed you need one more script to be included in your page (or you can
 from [jsDelivr](https://www.jsdelivr.com/package/npm/tsparticles-preset-template):
 
 ```html
-<script src="https://cdn.jsdelivr.net/npm/tsparticles@1/tsparticles.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/tsparticles-preset-template@1/tsparticles.preset.template.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/tsparticles-engine@2/tsparticles.engine.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/tsparticles-preset-template/tsparticles.preset.template.min.js"></script>
 ```
 
 This script **MUST** be placed after the `tsParticles` one.
@@ -32,7 +32,7 @@ This script **MUST** be placed after the `tsParticles` one.
 A bundled script can also be used, this will include every needed plugin needed by the preset.
 
 ```html
-<script src="https://cdn.jsdelivr.net/npm/tsparticles-preset-template@1/tsparticles.preset.template.bundle.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/tsparticles-preset-template/tsparticles.preset.template.bundle.min.js"></script>
 ```
 
 ### Usage

files/empty-project/package.dist.json

@@ -72,6 +72,6 @@
   "module": "index.js",
   "types": "index.d.ts",
   "dependencies": {
-    "tsparticles-engine": "^2.10.0"
+    "tsparticles-engine": "^2.12.0"
   }
 }

files/empty-project/package.json

@@ -83,7 +83,7 @@
   "prettier": "@tsparticles/prettier-config",
   "devDependencies": {
     "@babel/core": "^7.22.9",
-    "@tsparticles/cli": "1.11.0",
+    "@tsparticles/cli": "^1.11.0",
     "@tsparticles/eslint-config": "^1.19.0",
     "@tsparticles/prettier-config": "^1.12.0",
     "@tsparticles/tsconfig": "^1.14.0",
@@ -105,6 +105,6 @@
     "webpack-cli": "^5.1.4"
   },
   "dependencies": {
-    "tsparticles-engine": "^2.11.1"
+    "tsparticles-engine": "^2.12.0"
   }
 }

scripts/postversion.js

@@ -14,7 +14,7 @@ const emptyProjectPkgPath = path.join(__dirname, "..", "files", "empty-project",
 
         const obj = JSON.parse(data);
 
-        obj["devDependencies"]["@tsparticles/cli"] = pkg.version;
+        obj["devDependencies"]["@tsparticles/cli"] = `^${pkg.version}`;
 
         const result = JSON.stringify(obj, undefined, 2);
 

src/create/plugin/create-plugin.ts

@@ -45,7 +45,7 @@ async function updatePluginPackageFile(
     const camelizedName = camelize(camelize(name, "-"), " "),
         dashedName = dash(camelizedName);
 
-    updatePackageFile(
+    await updatePackageFile(
         destPath,
         `"tsparticles-plugin-${dashedName}"`,
         description,
@@ -140,7 +140,7 @@ async function updatePluginWebpackFile(destPath: string, name: string, descripti
     await updateWebpackFile(
         destPath,
         camelize(capitalize(capitalize(name, "-"), " ")),
-        `tsParticles ${description} Plugin`,
+        description,
         "loadParticlesPlugin",
     );
 }

src/create/preset/create-preset.ts

@@ -85,7 +85,7 @@ async function updatePresetPackageDistFile(
     const camelizedName = camelize(camelize(name, "-"), " "),
         dashedName = dash(camelizedName);
 
-    updatePackageDistFile(
+    await updatePackageDistFile(
         destPath,
         `"tsparticles-preset-${dashedName}"`,
         description,
@@ -155,7 +155,7 @@ async function updatePresetWebpackFile(destPath: string, name: string, descripti
     await updateWebpackFile(
         destPath,
         camelize(capitalize(capitalize(name, "-"), " ")),
-        `tsParticles ${description} Preset`,
+        description,
         "loadParticlesPreset",
     );
 }

src/create/shape/create-shape.ts

@@ -70,7 +70,7 @@ async function updateShapePackageDistFile(
     const camelizedName = camelize(camelize(name, "-"), " "),
         dashedName = dash(camelizedName);
 
-    updatePackageDistFile(
+    await updatePackageDistFile(
         destPath,
         `"tsparticles-shape-${dashedName}"`,
         description,
@@ -137,7 +137,7 @@ async function updateShapeWebpackFile(destPath: string, name: string, descriptio
     await updateWebpackFile(
         destPath,
         camelize(capitalize(capitalize(name, "-"), " ")),
-        `tsParticles ${description} Shape`,
+        description,
         "loadParticlesShape",
     );
 }

src/utils/template-utils.ts

@@ -83,10 +83,10 @@ export async function updateWebpackFile(
 ): Promise<void> {
     const webpackPath = path.resolve(destPath, "webpack.config.js"),
         webpack = await fs.readFile(webpackPath, "utf-8"),
-        webpackDescriptionRegex = /tsParticles Empty Template/g,
-        replacedDescriptionText = webpack.replace(webpackDescriptionRegex, description),
-        webpackEntryRegex = /"template(\.bundle)?"/g,
-        replacedNameText = replacedDescriptionText.replace(webpackEntryRegex, `"${name}$1"`),
+        webpackDescriptionRegex = /"Empty"/g,
+        replacedDescriptionText = webpack.replace(webpackDescriptionRegex, `"${description}"`),
+        webpackEntryRegex = /"empty"/g,
+        replacedNameText = replacedDescriptionText.replace(webpackEntryRegex, `"${name}"`),
         webpackFunctionNameRegex = /loadParticlesTemplate/g,
         replacedFunctionNameText = replacedNameText.replace(webpackFunctionNameRegex, fnName);