@tsparticles/cli 1.11.0 → 1.12.0

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

@@ -26,7 +26,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);
-    (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
@@ -59,7 +59,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, "-"), " ")), `tsParticles ${description} Plugin`, "loadParticlesPlugin");
+    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");
 }
 /**
  * Creates the plugin project

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

@@ -46,7 +46,7 @@ async function updatePresetPackageFile(destPath, name, description, repoUrl) {
  */
 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);
-    (0, template_utils_1.updatePackageDistFile)(destPath, `"tsparticles-preset-${dashedName}"`, description, `"tsparticles.preset.${camelizedName}.min.js"`, repoUrl);
+    await (0, template_utils_1.updatePackageDistFile)(destPath, `"tsparticles-preset-${dashedName}"`, description, `"tsparticles.preset.${camelizedName}.min.js"`, repoUrl);
 }
 /**
  * Updates the preset readme file
@@ -68,7 +68,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, "-"), " ")), `tsParticles ${description} Preset`, "loadParticlesPreset");
+    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");
 }
 /**
  * Creates the preset project

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

@@ -37,7 +37,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);
-    (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
@@ -59,7 +59,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, "-"), " ")), `tsParticles ${description} Shape`, "loadParticlesShape");
+    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");
 }
 /**
  * Creates the shape project

package/dist/utils/template-utils.js

@@ -41,7 +41,7 @@ exports.updatePackageDistFile = updatePackageDistFile;
  * @param fnName - The name of the function to load the template
  */
 async function updateWebpackFile(destPath, name, description, fnName) {
-    const webpackPath = path_1.default.resolve(destPath, "webpack.config.js"), webpack = await fs_extra_1.default.readFile(webpackPath, "utf-8"), webpackDescriptionRegex = /tsParticles Empty Template/g, replacedDescriptionText = webpack.replace(webpackDescriptionRegex, description), webpackEntryRegex = /"template(\.bundle)?"/g, replacedNameText = replacedDescriptionText.replace(webpackEntryRegex, `"${name}$1"`), webpackFunctionNameRegex = /loadParticlesTemplate/g, replacedFunctionNameText = replacedNameText.replace(webpackFunctionNameRegex, fnName);
+    const webpackPath = path_1.default.resolve(destPath, "webpack.config.js"), webpack = await fs_extra_1.default.readFile(webpackPath, "utf-8"), webpackDescriptionRegex = /"Empty"/g, replacedDescriptionText = webpack.replace(webpackDescriptionRegex, `"${description}"`), webpackEntryRegex = /"empty"/g, replacedNameText = replacedDescriptionText.replace(webpackEntryRegex, `"${name}"`), webpackFunctionNameRegex = /loadParticlesTemplate/g, replacedFunctionNameText = replacedNameText.replace(webpackFunctionNameRegex, fnName);
     await fs_extra_1.default.writeFile(webpackPath, replacedFunctionNameText);
 }
 exports.updateWebpackFile = updateWebpackFile;

package/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

package/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"
   }
 }

package/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.12.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"
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/cli",
-  "version": "1.11.0",
+  "version": "1.12.0",
   "license": "MIT",
   "bin": {
     "tsparticles-cli": "dist/cli.js"

package/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);
 

package/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",
     );
 }

package/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",
     );
 }

package/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",
     );
 }

package/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);