@tsparticles/engine 3.0.0-alpha.1 → 3.0.0-beta.0

package/scripts/install.js

@@ -1,4 +1,4 @@
-const path = require('path');
+const path = require("path");
 const particlesJsFoundError = "particles.js-found";
 const reactParticlesJsFoundError = "react-particles-js-found";
 
@@ -6,8 +6,10 @@ try {
     console.log("Thank you for installing tsParticles.");
     console.log("Remember to checkout the official website https://particles.js.org to explore some samples.");
     console.log("You can find more samples on CodePen too: https://codepen.io/collection/DPOage");
-    console.log("If you need documentation you can find it here: https://particles.js.org");
-    console.log("Remember to leave a star on the tsParticles repository if you like the project and want to support it: https://github.com/matteobruni/tsparticles");
+    console.log("If you need documentation you can find it here: https://particles.js.org/docs");
+    console.log(
+        "Don't forget to star the tsParticles repository, if you like the project and want to support it: https://github.com/matteobruni/tsparticles"
+    );
 
     const pkgSettings = require(path.join(process.env.INIT_CWD, "package.json"));
 
@@ -22,30 +24,56 @@ try {
     }
 
     if (dependencies["particles.js"]) {
-        console.error("\x1b[31m%s\x1b[0m", "The package particles.js can't be installed with tsparticles, since it can lead to unexpected behaviors, please uninstall particles.js and remove it from the package.json file.");
+        console.error(
+            "\x1b[31m%s\x1b[0m",
+            "The package particles.js can't be installed with tsparticles, since it can lead to unexpected behaviors, please uninstall particles.js and remove it from the package.json file."
+        );
 
-        throw new Error(particlesJsFoundError);
+        throw new Error(reactParticlesJsFoundError);
+    }
+
+    if (dependencies["particlesjs"]) {
+        console.error(
+            "\x1b[31m%s\x1b[0m",
+            "The package particlesjs can't be installed with tsparticles, since it can lead to unexpected behaviors, please uninstall particlesjs and remove it from the package.json file."
+        );
+
+        throw new Error(reactParticlesJsFoundError);
     }
 
     if (dependencies["react-particles-js"]) {
-        console.error("\x1b[31m%s\x1b[0m", "The package react-particles-js has been deprecated and is not supported anymore.");
-        console.error("\x1b[31m%s\x1b[0m", "Please consider switching to @tsparticles/react package.")
-        console.error("\x1b[31m%s\x1b[0m", "This error will be fixed once react-particles-js is removed from the package.json file.");
+        console.error(
+            "\x1b[31m%s\x1b[0m",
+            "The package react-particles-js has been deprecated and is not supported anymore."
+        );
+        console.error("\x1b[31m%s\x1b[0m", "Please consider switching to react-particles package.");
+        console.error(
+            "\x1b[31m%s\x1b[0m",
+            "This error will be fixed once react-particles-js is removed from the package.json file."
+        );
 
         throw new Error(reactParticlesJsFoundError);
     }
 
     if (dependencies["react"] || dependencies["next"]) {
-        if (!dependencies["react-particles"] && !dependencies["react-tsparticles"] && !dependencies["@tsparticles/react"]) {
-            console.warn("\x1b[43m\x1b[30m%s\x1b[0m", "Found React installed. Please download @tsparticles/react to use tsParticles with a component ready to use and easier to configure.");
-            console.log("You can read more about the component here: https://github.com/tsparticles/react#readme");
+        if (!dependencies["react-particles"]) {
+            console.warn(
+                "\x1b[43m\x1b[30m%s\x1b[0m",
+                "Found React installed. Please download react-particles to use tsParticles with a component ready to use and easier to configure."
+            );
+            console.log(
+                "You can read more about the component here: https://github.com/matteobruni/tsparticles/blob/main/components/react/README.md"
+            );
         }
     }
 
     if (dependencies["@angular/core"]) {
-        if (!dependencies["@tsparticles/angular"] && !dependencies["ng-particles"]) {
-            console.warn("\x1b[43m\x1b[30m%s\x1b[0m", "Found Angular installed. Please download @tsparticles/angular to use tsParticles with a component ready to use and easier to configure.");
-            console.log("You can read more about the component here: https://github.com/tsparticles/angular#readme");
+        if (!dependencies["ng-particles"]) {
+            console.warn(
+                "\x1b[43m\x1b[30m%s\x1b[0m",
+                "Found Angular installed. Please download ng-particles to use tsParticles with a component ready to use and easier to configure."
+            );
+            console.log("You can read more about the component here: https://github.com/tsparticles/angular/#readme");
         }
     }
 
@@ -56,44 +84,73 @@ try {
         const vueMajor = (vueVersion || nuxtVersion).split(".")[0];
 
         if (vueMajor > 2) {
-            if (!dependencies["@tsparticles/vue3"] || !dependencies["vue3-particles"]) {
-                console.warn("\x1b[43m\x1b[30m%s\x1b[0m", "Found Vue 3.x installed. Please Download @tsparticles/vue3 to use tsParticles with a component ready to use and easier to configure.");
-                console.log("You can read more about the component here: https://github.com/tsparticles/vue3#readme");
+            if (!dependencies["vue3-particles"]) {
+                console.warn(
+                    "\x1b[43m\x1b[30m%s\x1b[0m",
+                    "Found Vue 3.x installed. Please Download vue3-particles to use tsParticles with a component ready to use and easier to configure."
+                );
+                console.log(
+                    "You can read more about the component here: https://github.com/matteobruni/tsparticles/blob/main/components/vue3/README.md"
+                );
             }
         } else {
-            if (!dependencies["@tsparticles/vue2"] || !dependencies["vue2-particles"]) {
-                console.warn("\x1b[43m\x1b[30m%s\x1b[0m", "Found Vue 2.x installed. Please Download @tsparticles/vue2 to use tsParticles with a component ready to use and easier to configure.");
-                console.log("You can read more about the component here: https://github.com/tsparticles/vue2#readme");
+            if (!dependencies["vue2-particles"]) {
+                console.warn(
+                    "\x1b[43m\x1b[30m%s\x1b[0m",
+                    "Found Vue 2.x installed. Please Download vue2-particles to use tsParticles with a component ready to use and easier to configure."
+                );
+                console.log(
+                    "You can read more about the component here: https://github.com/matteobruni/tsparticles/blob/main/components/vue/README.md"
+                );
             }
         }
-
     }
 
     if (dependencies["svelte"]) {
-        if (!dependencies["svelte-particles"] && !dependencies["@tsparticles/svelte"]) {
-            console.warn("\x1b[43m\x1b[30m%s\x1b[0m", "Found Svelte installed. Please Download @tsparticles/svelte to use tsParticles with a component ready to use and easier to configure.");
-            console.log("You can read more about the component here: https://github.com/tsparticles/svelte#readme");
+        if (!dependencies["svelte-particles"]) {
+            console.warn(
+                "\x1b[43m\x1b[30m%s\x1b[0m",
+                "Found Svelte installed. Please Download svelte-particles to use tsParticles with a component ready to use and easier to configure."
+            );
+            console.log(
+                "You can read more about the component here: https://github.com/matteobruni/tsparticles/blob/main/components/svelte/README.md"
+            );
         }
     }
 
     if (dependencies["inferno"]) {
-        if (!dependencies["@tsparticles/inferno"] && !dependencies["inferno-particles"]) {
-            console.warn("\x1b[43m\x1b[30m%s\x1b[0m", "Found Inferno installed. Please Download @tsparticles/inferno to use tsParticles with a component ready to use and easier to configure.");
-            console.log("You can read more about the component here: https://github.com/tsparticles/inferno#readme");
+        if (!dependencies["inferno-particles"]) {
+            console.warn(
+                "\x1b[43m\x1b[30m%s\x1b[0m",
+                "Found Inferno installed. Please Download inferno-particles to use tsParticles with a component ready to use and easier to configure."
+            );
+            console.log(
+                "You can read more about the component here: https://github.com/matteobruni/tsparticles/blob/main/components/inferno/README.md"
+            );
         }
     }
 
     if (dependencies["preact"]) {
-        if (!dependencies["@tsparticles/preact"]) {
-            console.warn("\x1b[43m\x1b[30m%s\x1b[0m", "Found Preact installed. Please Download @tsparticles/preact to use tsParticles with a component ready to use and easier to configure.");
-            console.log("You can read more about the component here: https://github.com/tsparticles/preact#readme");
+        if (!dependencies["preact-particles"]) {
+            console.warn(
+                "\x1b[43m\x1b[30m%s\x1b[0m",
+                "Found Preact installed. Please Download preact-particles to use tsParticles with a component ready to use and easier to configure."
+            );
+            console.log(
+                "You can read more about the component here: https://github.com/matteobruni/tsparticles/blob/main/components/preact/README.md"
+            );
         }
     }
 
     if (dependencies["jquery"]) {
-        if (!dependencies["@tsparticles/jquery"]) {
-            console.warn("\x1b[43m\x1b[30m%s\x1b[0m", "Found jQuery installed. Please Download @tsparticles/jquery to use tsParticles with a plugin ready to use and easier to configure.");
-            console.log("You can read more about the plugin here: https://github.com/tsparticles/jquery#readme");
+        if (!dependencies["jquery-particles"]) {
+            console.warn(
+                "\x1b[43m\x1b[30m%s\x1b[0m",
+                "Found jQuery installed. Please Download jquery-particles to use tsParticles with a plugin ready to use and easier to configure."
+            );
+            console.log(
+                "You can read more about the plugin here: https://github.com/matteobruni/tsparticles/blob/main/components/jquery/README.md"
+            );
         }
     }
 } catch (error) {