tsparticles 4.0.0-beta.9 → 4.0.0

package/README.md

@@ -11,11 +11,12 @@ a `@tsparticles/engine` instance.
 
 - [@tsparticles/slim (and all its dependencies)](https://github.com/tsparticles/tsparticles/tree/main/bundles/slim)
 - [@tsparticles/engine](https://github.com/tsparticles/tsparticles/tree/main/engine)
+- [@tsparticles/interaction-external-drag](https://github.com/tsparticles/tsparticles/tree/main/interactions/external/drag)
 - [@tsparticles/interaction-external-trail](https://github.com/tsparticles/tsparticles/tree/main/interactions/external/trail)
 - [@tsparticles/plugin-absorbers](https://github.com/tsparticles/tsparticles/tree/main/plugins/absorbers)
 - [@tsparticles/plugin-emitters](https://github.com/tsparticles/tsparticles/tree/main/plugins/emitters)
-- [@tsparticles/plugin-emitters-shape-circle](https://github.com/tsparticles/tsparticles/tree/main/plugins/emitters/shape/circle)
-- [@tsparticles/plugin-emitters-shape-square](https://github.com/tsparticles/tsparticles/tree/main/plugins/emitters/shape/square)
+- [@tsparticles/plugin-emitters-shape-circle](https://github.com/tsparticles/tsparticles/tree/main/plugins/emittersShapes/circle)
+- [@tsparticles/plugin-emitters-shape-square](https://github.com/tsparticles/tsparticles/tree/main/plugins/emittersShapes/square)
 - [@tsparticles/shape-text](https://github.com/tsparticles/tsparticles/tree/main/shapes/text)
 - [@tsparticles/updater-destroy](https://github.com/tsparticles/tsparticles/tree/main/updaters/destroy)
 - [@tsparticles/updater-roll](https://github.com/tsparticles/tsparticles/tree/main/updaters/roll)
@@ -38,6 +39,7 @@ subgraph c [Core]
 end
 
 subgraph i [Interactions]
+  ied[tsparticles/interaction-external-drag]
   iet[tsparticles/interaction-external-trail]
 end
 

package/browser/browser.js

@@ -0,0 +1,5 @@
+import { loadFull } from "./index.js";
+const globalObject = globalThis;
+globalObject.__tsParticlesInternals = globalObject.__tsParticlesInternals ?? {};
+globalObject.loadFull = loadFull;
+export * from "./index.js";

package/browser/bundle.js

@@ -1,2 +1,6 @@
+import { loadFull } from "./index.js";
 export * from "@tsparticles/engine";
 export { loadFull } from "./index.js";
+const globalObject = globalThis;
+globalObject.__tsParticlesInternals = globalObject.__tsParticlesInternals ?? {};
+globalObject.loadFull = loadFull;

package/browser/index.js

@@ -1,37 +1,36 @@
+import { loadAbsorbersPlugin } from "@tsparticles/plugin-absorbers";
+import { loadDestroyUpdater } from "@tsparticles/updater-destroy";
+import { loadEmittersPlugin } from "@tsparticles/plugin-emitters";
+import { loadEmittersShapeCircle } from "@tsparticles/plugin-emitters-shape-circle";
+import { loadEmittersShapeSquare } from "@tsparticles/plugin-emitters-shape-square";
+import { loadExternalDragInteraction } from "@tsparticles/interaction-external-drag";
+import { loadExternalTrailInteraction } from "@tsparticles/interaction-external-trail";
+import { loadRollUpdater } from "@tsparticles/updater-roll";
+import { loadSlim } from "@tsparticles/slim";
+import { loadTextShape } from "@tsparticles/shape-text";
+import { loadTiltUpdater } from "@tsparticles/updater-tilt";
+import { loadTwinkleUpdater } from "@tsparticles/updater-twinkle";
+import { loadWobbleUpdater } from "@tsparticles/updater-wobble";
 export async function loadFull(engine) {
-    engine.checkVersion("4.0.0-beta.9");
+    engine.checkVersion("4.0.0");
     await engine.pluginManager.register(async (e) => {
-        const [{ loadSlim }, { loadExternalDragInteraction }, { loadExternalTrailInteraction }, { loadAbsorbersPlugin }, { loadEmittersPlugin }, { loadEmittersShapeCircle }, { loadEmittersShapeSquare }, { loadTextShape }, { loadDestroyUpdater }, { loadRollUpdater }, { loadTiltUpdater }, { loadTwinkleUpdater }, { loadWobbleUpdater },] = await Promise.all([
-            import("@tsparticles/slim"),
-            import("@tsparticles/interaction-external-drag"),
-            import("@tsparticles/interaction-external-trail"),
-            import("@tsparticles/plugin-absorbers"),
-            import("@tsparticles/plugin-emitters"),
-            import("@tsparticles/plugin-emitters-shape-circle"),
-            import("@tsparticles/plugin-emitters-shape-square"),
-            import("@tsparticles/shape-text"),
-            import("@tsparticles/updater-destroy"),
-            import("@tsparticles/updater-roll"),
-            import("@tsparticles/updater-tilt"),
-            import("@tsparticles/updater-twinkle"),
-            import("@tsparticles/updater-wobble"),
-        ]);
+        const loadEmittersPluginBundle = async (e) => {
+            await loadEmittersPlugin(e);
+            await Promise.all([
+                loadEmittersShapeCircle(e),
+                loadEmittersShapeSquare(e),
+            ]);
+        }, loadInteractivityForFull = async (e) => {
+            await loadSlim(e);
+            await Promise.all([
+                loadExternalDragInteraction(e),
+                loadExternalTrailInteraction(e),
+                loadAbsorbersPlugin(e),
+                loadEmittersPluginBundle(e),
+            ]);
+        };
         await Promise.all([
-            (async () => {
-                await loadSlim(e);
-                await Promise.all([
-                    loadExternalDragInteraction(e),
-                    loadExternalTrailInteraction(e),
-                    loadAbsorbersPlugin(e),
-                    (async () => {
-                        await loadEmittersPlugin(e);
-                        await Promise.all([
-                            loadEmittersShapeCircle(e),
-                            loadEmittersShapeSquare(e),
-                        ]);
-                    })(),
-                ]);
-            })(),
+            loadInteractivityForFull(e),
             loadDestroyUpdater(e),
             loadRollUpdater(e),
             loadTiltUpdater(e),

package/browser/index.lazy.js

@@ -0,0 +1,43 @@
+export async function loadFull(engine) {
+    engine.checkVersion("4.0.0");
+    await engine.pluginManager.register(async (e) => {
+        const [{ loadSlim }, { loadExternalDragInteraction }, { loadExternalTrailInteraction }, { loadAbsorbersPlugin }, { loadEmittersPlugin }, { loadEmittersShapeCircle }, { loadEmittersShapeSquare }, { loadTextShape }, { loadDestroyUpdater }, { loadRollUpdater }, { loadTiltUpdater }, { loadTwinkleUpdater }, { loadWobbleUpdater },] = await Promise.all([
+            import("@tsparticles/slim/lazy"),
+            import("@tsparticles/interaction-external-drag/lazy"),
+            import("@tsparticles/interaction-external-trail/lazy"),
+            import("@tsparticles/plugin-absorbers/lazy"),
+            import("@tsparticles/plugin-emitters/lazy"),
+            import("@tsparticles/plugin-emitters-shape-circle/lazy"),
+            import("@tsparticles/plugin-emitters-shape-square/lazy"),
+            import("@tsparticles/shape-text/lazy"),
+            import("@tsparticles/updater-destroy/lazy"),
+            import("@tsparticles/updater-roll/lazy"),
+            import("@tsparticles/updater-tilt/lazy"),
+            import("@tsparticles/updater-twinkle/lazy"),
+            import("@tsparticles/updater-wobble/lazy"),
+        ]), loadEmittersPluginBundle = async (e) => {
+            await loadEmittersPlugin(e);
+            await Promise.all([
+                loadEmittersShapeCircle(e),
+                loadEmittersShapeSquare(e),
+            ]);
+        }, loadInteractivityForFull = async (e) => {
+            await loadSlim(e);
+            await Promise.all([
+                loadExternalDragInteraction(e),
+                loadExternalTrailInteraction(e),
+                loadAbsorbersPlugin(e),
+                loadEmittersPluginBundle(e),
+            ]);
+        };
+        await Promise.all([
+            loadInteractivityForFull(e),
+            loadDestroyUpdater(e),
+            loadRollUpdater(e),
+            loadTiltUpdater(e),
+            loadTwinkleUpdater(e),
+            loadWobbleUpdater(e),
+            loadTextShape(e),
+        ]);
+    });
+}

package/cjs/browser.js

@@ -0,0 +1,5 @@
+import { loadFull } from "./index.js";
+const globalObject = globalThis;
+globalObject.__tsParticlesInternals = globalObject.__tsParticlesInternals ?? {};
+globalObject.loadFull = loadFull;
+export * from "./index.js";

package/cjs/bundle.js

@@ -1,2 +1,6 @@
+import { loadFull } from "./index.js";
 export * from "@tsparticles/engine";
 export { loadFull } from "./index.js";
+const globalObject = globalThis;
+globalObject.__tsParticlesInternals = globalObject.__tsParticlesInternals ?? {};
+globalObject.loadFull = loadFull;

package/cjs/index.js

@@ -1,37 +1,36 @@
+import { loadAbsorbersPlugin } from "@tsparticles/plugin-absorbers";
+import { loadDestroyUpdater } from "@tsparticles/updater-destroy";
+import { loadEmittersPlugin } from "@tsparticles/plugin-emitters";
+import { loadEmittersShapeCircle } from "@tsparticles/plugin-emitters-shape-circle";
+import { loadEmittersShapeSquare } from "@tsparticles/plugin-emitters-shape-square";
+import { loadExternalDragInteraction } from "@tsparticles/interaction-external-drag";
+import { loadExternalTrailInteraction } from "@tsparticles/interaction-external-trail";
+import { loadRollUpdater } from "@tsparticles/updater-roll";
+import { loadSlim } from "@tsparticles/slim";
+import { loadTextShape } from "@tsparticles/shape-text";
+import { loadTiltUpdater } from "@tsparticles/updater-tilt";
+import { loadTwinkleUpdater } from "@tsparticles/updater-twinkle";
+import { loadWobbleUpdater } from "@tsparticles/updater-wobble";
 export async function loadFull(engine) {
-    engine.checkVersion("4.0.0-beta.9");
+    engine.checkVersion("4.0.0");
     await engine.pluginManager.register(async (e) => {
-        const [{ loadSlim }, { loadExternalDragInteraction }, { loadExternalTrailInteraction }, { loadAbsorbersPlugin }, { loadEmittersPlugin }, { loadEmittersShapeCircle }, { loadEmittersShapeSquare }, { loadTextShape }, { loadDestroyUpdater }, { loadRollUpdater }, { loadTiltUpdater }, { loadTwinkleUpdater }, { loadWobbleUpdater },] = await Promise.all([
-            import("@tsparticles/slim"),
-            import("@tsparticles/interaction-external-drag"),
-            import("@tsparticles/interaction-external-trail"),
-            import("@tsparticles/plugin-absorbers"),
-            import("@tsparticles/plugin-emitters"),
-            import("@tsparticles/plugin-emitters-shape-circle"),
-            import("@tsparticles/plugin-emitters-shape-square"),
-            import("@tsparticles/shape-text"),
-            import("@tsparticles/updater-destroy"),
-            import("@tsparticles/updater-roll"),
-            import("@tsparticles/updater-tilt"),
-            import("@tsparticles/updater-twinkle"),
-            import("@tsparticles/updater-wobble"),
-        ]);
+        const loadEmittersPluginBundle = async (e) => {
+            await loadEmittersPlugin(e);
+            await Promise.all([
+                loadEmittersShapeCircle(e),
+                loadEmittersShapeSquare(e),
+            ]);
+        }, loadInteractivityForFull = async (e) => {
+            await loadSlim(e);
+            await Promise.all([
+                loadExternalDragInteraction(e),
+                loadExternalTrailInteraction(e),
+                loadAbsorbersPlugin(e),
+                loadEmittersPluginBundle(e),
+            ]);
+        };
         await Promise.all([
-            (async () => {
-                await loadSlim(e);
-                await Promise.all([
-                    loadExternalDragInteraction(e),
-                    loadExternalTrailInteraction(e),
-                    loadAbsorbersPlugin(e),
-                    (async () => {
-                        await loadEmittersPlugin(e);
-                        await Promise.all([
-                            loadEmittersShapeCircle(e),
-                            loadEmittersShapeSquare(e),
-                        ]);
-                    })(),
-                ]);
-            })(),
+            loadInteractivityForFull(e),
             loadDestroyUpdater(e),
             loadRollUpdater(e),
             loadTiltUpdater(e),

package/cjs/index.lazy.js

@@ -0,0 +1,43 @@
+export async function loadFull(engine) {
+    engine.checkVersion("4.0.0");
+    await engine.pluginManager.register(async (e) => {
+        const [{ loadSlim }, { loadExternalDragInteraction }, { loadExternalTrailInteraction }, { loadAbsorbersPlugin }, { loadEmittersPlugin }, { loadEmittersShapeCircle }, { loadEmittersShapeSquare }, { loadTextShape }, { loadDestroyUpdater }, { loadRollUpdater }, { loadTiltUpdater }, { loadTwinkleUpdater }, { loadWobbleUpdater },] = await Promise.all([
+            import("@tsparticles/slim/lazy"),
+            import("@tsparticles/interaction-external-drag/lazy"),
+            import("@tsparticles/interaction-external-trail/lazy"),
+            import("@tsparticles/plugin-absorbers/lazy"),
+            import("@tsparticles/plugin-emitters/lazy"),
+            import("@tsparticles/plugin-emitters-shape-circle/lazy"),
+            import("@tsparticles/plugin-emitters-shape-square/lazy"),
+            import("@tsparticles/shape-text/lazy"),
+            import("@tsparticles/updater-destroy/lazy"),
+            import("@tsparticles/updater-roll/lazy"),
+            import("@tsparticles/updater-tilt/lazy"),
+            import("@tsparticles/updater-twinkle/lazy"),
+            import("@tsparticles/updater-wobble/lazy"),
+        ]), loadEmittersPluginBundle = async (e) => {
+            await loadEmittersPlugin(e);
+            await Promise.all([
+                loadEmittersShapeCircle(e),
+                loadEmittersShapeSquare(e),
+            ]);
+        }, loadInteractivityForFull = async (e) => {
+            await loadSlim(e);
+            await Promise.all([
+                loadExternalDragInteraction(e),
+                loadExternalTrailInteraction(e),
+                loadAbsorbersPlugin(e),
+                loadEmittersPluginBundle(e),
+            ]);
+        };
+        await Promise.all([
+            loadInteractivityForFull(e),
+            loadDestroyUpdater(e),
+            loadRollUpdater(e),
+            loadTiltUpdater(e),
+            loadTwinkleUpdater(e),
+            loadWobbleUpdater(e),
+            loadTextShape(e),
+        ]);
+    });
+}

package/esm/browser.js

@@ -0,0 +1,5 @@
+import { loadFull } from "./index.js";
+const globalObject = globalThis;
+globalObject.__tsParticlesInternals = globalObject.__tsParticlesInternals ?? {};
+globalObject.loadFull = loadFull;
+export * from "./index.js";

package/esm/bundle.js

@@ -1,2 +1,6 @@
+import { loadFull } from "./index.js";
 export * from "@tsparticles/engine";
 export { loadFull } from "./index.js";
+const globalObject = globalThis;
+globalObject.__tsParticlesInternals = globalObject.__tsParticlesInternals ?? {};
+globalObject.loadFull = loadFull;

package/esm/index.js

@@ -1,37 +1,36 @@
+import { loadAbsorbersPlugin } from "@tsparticles/plugin-absorbers";
+import { loadDestroyUpdater } from "@tsparticles/updater-destroy";
+import { loadEmittersPlugin } from "@tsparticles/plugin-emitters";
+import { loadEmittersShapeCircle } from "@tsparticles/plugin-emitters-shape-circle";
+import { loadEmittersShapeSquare } from "@tsparticles/plugin-emitters-shape-square";
+import { loadExternalDragInteraction } from "@tsparticles/interaction-external-drag";
+import { loadExternalTrailInteraction } from "@tsparticles/interaction-external-trail";
+import { loadRollUpdater } from "@tsparticles/updater-roll";
+import { loadSlim } from "@tsparticles/slim";
+import { loadTextShape } from "@tsparticles/shape-text";
+import { loadTiltUpdater } from "@tsparticles/updater-tilt";
+import { loadTwinkleUpdater } from "@tsparticles/updater-twinkle";
+import { loadWobbleUpdater } from "@tsparticles/updater-wobble";
 export async function loadFull(engine) {
-    engine.checkVersion("4.0.0-beta.9");
+    engine.checkVersion("4.0.0");
     await engine.pluginManager.register(async (e) => {
-        const [{ loadSlim }, { loadExternalDragInteraction }, { loadExternalTrailInteraction }, { loadAbsorbersPlugin }, { loadEmittersPlugin }, { loadEmittersShapeCircle }, { loadEmittersShapeSquare }, { loadTextShape }, { loadDestroyUpdater }, { loadRollUpdater }, { loadTiltUpdater }, { loadTwinkleUpdater }, { loadWobbleUpdater },] = await Promise.all([
-            import("@tsparticles/slim"),
-            import("@tsparticles/interaction-external-drag"),
-            import("@tsparticles/interaction-external-trail"),
-            import("@tsparticles/plugin-absorbers"),
-            import("@tsparticles/plugin-emitters"),
-            import("@tsparticles/plugin-emitters-shape-circle"),
-            import("@tsparticles/plugin-emitters-shape-square"),
-            import("@tsparticles/shape-text"),
-            import("@tsparticles/updater-destroy"),
-            import("@tsparticles/updater-roll"),
-            import("@tsparticles/updater-tilt"),
-            import("@tsparticles/updater-twinkle"),
-            import("@tsparticles/updater-wobble"),
-        ]);
+        const loadEmittersPluginBundle = async (e) => {
+            await loadEmittersPlugin(e);
+            await Promise.all([
+                loadEmittersShapeCircle(e),
+                loadEmittersShapeSquare(e),
+            ]);
+        }, loadInteractivityForFull = async (e) => {
+            await loadSlim(e);
+            await Promise.all([
+                loadExternalDragInteraction(e),
+                loadExternalTrailInteraction(e),
+                loadAbsorbersPlugin(e),
+                loadEmittersPluginBundle(e),
+            ]);
+        };
         await Promise.all([
-            (async () => {
-                await loadSlim(e);
-                await Promise.all([
-                    loadExternalDragInteraction(e),
-                    loadExternalTrailInteraction(e),
-                    loadAbsorbersPlugin(e),
-                    (async () => {
-                        await loadEmittersPlugin(e);
-                        await Promise.all([
-                            loadEmittersShapeCircle(e),
-                            loadEmittersShapeSquare(e),
-                        ]);
-                    })(),
-                ]);
-            })(),
+            loadInteractivityForFull(e),
             loadDestroyUpdater(e),
             loadRollUpdater(e),
             loadTiltUpdater(e),

package/esm/index.lazy.js

@@ -0,0 +1,43 @@
+export async function loadFull(engine) {
+    engine.checkVersion("4.0.0");
+    await engine.pluginManager.register(async (e) => {
+        const [{ loadSlim }, { loadExternalDragInteraction }, { loadExternalTrailInteraction }, { loadAbsorbersPlugin }, { loadEmittersPlugin }, { loadEmittersShapeCircle }, { loadEmittersShapeSquare }, { loadTextShape }, { loadDestroyUpdater }, { loadRollUpdater }, { loadTiltUpdater }, { loadTwinkleUpdater }, { loadWobbleUpdater },] = await Promise.all([
+            import("@tsparticles/slim/lazy"),
+            import("@tsparticles/interaction-external-drag/lazy"),
+            import("@tsparticles/interaction-external-trail/lazy"),
+            import("@tsparticles/plugin-absorbers/lazy"),
+            import("@tsparticles/plugin-emitters/lazy"),
+            import("@tsparticles/plugin-emitters-shape-circle/lazy"),
+            import("@tsparticles/plugin-emitters-shape-square/lazy"),
+            import("@tsparticles/shape-text/lazy"),
+            import("@tsparticles/updater-destroy/lazy"),
+            import("@tsparticles/updater-roll/lazy"),
+            import("@tsparticles/updater-tilt/lazy"),
+            import("@tsparticles/updater-twinkle/lazy"),
+            import("@tsparticles/updater-wobble/lazy"),
+        ]), loadEmittersPluginBundle = async (e) => {
+            await loadEmittersPlugin(e);
+            await Promise.all([
+                loadEmittersShapeCircle(e),
+                loadEmittersShapeSquare(e),
+            ]);
+        }, loadInteractivityForFull = async (e) => {
+            await loadSlim(e);
+            await Promise.all([
+                loadExternalDragInteraction(e),
+                loadExternalTrailInteraction(e),
+                loadAbsorbersPlugin(e),
+                loadEmittersPluginBundle(e),
+            ]);
+        };
+        await Promise.all([
+            loadInteractivityForFull(e),
+            loadDestroyUpdater(e),
+            loadRollUpdater(e),
+            loadTiltUpdater(e),
+            loadTwinkleUpdater(e),
+            loadWobbleUpdater(e),
+            loadTextShape(e),
+        ]);
+    });
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tsparticles",
-  "version": "4.0.0-beta.9",
+  "version": "4.0.0",
   "description": "Easily create highly customizable particle animations and use them as animated backgrounds for your website. Ready to use components available also for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno.",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -95,23 +95,30 @@
       "require": "./cjs/index.js",
       "default": "./esm/index.js"
     },
+    "./lazy": {
+      "types": "./types/index.lazy.d.ts",
+      "browser": "./browser/index.lazy.js",
+      "import": "./esm/index.lazy.js",
+      "require": "./cjs/index.lazy.js",
+      "default": "./esm/index.lazy.js"
+    },
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/engine": "4.0.0-beta.9",
-    "@tsparticles/interaction-external-drag": "4.0.0-beta.9",
-    "@tsparticles/interaction-external-trail": "4.0.0-beta.9",
-    "@tsparticles/plugin-absorbers": "4.0.0-beta.9",
-    "@tsparticles/plugin-emitters": "4.0.0-beta.9",
-    "@tsparticles/plugin-emitters-shape-circle": "4.0.0-beta.9",
-    "@tsparticles/plugin-emitters-shape-square": "4.0.0-beta.9",
-    "@tsparticles/shape-text": "4.0.0-beta.9",
-    "@tsparticles/slim": "4.0.0-beta.9",
-    "@tsparticles/updater-destroy": "4.0.0-beta.9",
-    "@tsparticles/updater-roll": "4.0.0-beta.9",
-    "@tsparticles/updater-tilt": "4.0.0-beta.9",
-    "@tsparticles/updater-twinkle": "4.0.0-beta.9",
-    "@tsparticles/updater-wobble": "4.0.0-beta.9"
+    "@tsparticles/engine": "4.0.0",
+    "@tsparticles/interaction-external-drag": "4.0.0",
+    "@tsparticles/interaction-external-trail": "4.0.0",
+    "@tsparticles/plugin-absorbers": "4.0.0",
+    "@tsparticles/plugin-emitters": "4.0.0",
+    "@tsparticles/plugin-emitters-shape-circle": "4.0.0",
+    "@tsparticles/plugin-emitters-shape-square": "4.0.0",
+    "@tsparticles/shape-text": "4.0.0",
+    "@tsparticles/slim": "4.0.0",
+    "@tsparticles/updater-destroy": "4.0.0",
+    "@tsparticles/updater-roll": "4.0.0",
+    "@tsparticles/updater-tilt": "4.0.0",
+    "@tsparticles/updater-twinkle": "4.0.0",
+    "@tsparticles/updater-wobble": "4.0.0"
   },
   "publishConfig": {
     "access": "public"