build: reordered bundles loading functions

Author: matteobruni

bundles/all/src/index.ts

@@ -191,10 +191,6 @@ export async function loadAll(engine: Engine): Promise<void> {
     await loadFull(e);
 
     await Promise.all([
-      loadEmittersShapeCanvas(e),
-      loadEmittersShapePath(e),
-      loadEmittersShapePolygon(e),
-
       loadHsvColorPlugin(e),
       loadHwbColorPlugin(e),
       loadLabColorPlugin(e),
@@ -220,7 +216,6 @@ export async function loadAll(engine: Engine): Promise<void> {
       loadBackgroundMaskPlugin(e),
       loadBlendPlugin(e),
       loadCanvasMaskPlugin(e),
-      loadInfectionPlugin(e),
       loadManualParticlesPlugin(e),
       loadMotionPlugin(e),
       loadPoissonDiscPlugin(e),
@@ -235,11 +230,6 @@ export async function loadAll(engine: Engine): Promise<void> {
       loadExportJSONPlugin(e),
       loadExportVideoPlugin(e),
 
-      loadExternalParticleInteraction(e),
-      loadExternalPopInteraction(e),
-      loadLightInteraction(e),
-      loadParticlesRepulseInteraction(e),
-
       loadGradientUpdater(e),
       loadOrbitUpdater(e),
 
@@ -275,5 +265,18 @@ export async function loadAll(engine: Engine): Promise<void> {
       loadSpiralShape(e),
       loadSquircleShape(e),
     ]);
+
+    await Promise.all([
+      loadExternalParticleInteraction(e),
+      loadExternalPopInteraction(e),
+      loadLightInteraction(e),
+      loadParticlesRepulseInteraction(e),
+
+      loadInfectionPlugin(e),
+
+      loadEmittersShapeCanvas(e),
+      loadEmittersShapePath(e),
+      loadEmittersShapePolygon(e),
+    ]);
   });
 }

bundles/basic/src/index.ts

@@ -19,7 +19,9 @@ export async function loadBasic(engine: Engine): Promise<void> {
       { loadHslColorPlugin },
       { loadRgbColorPlugin },
       { loadMovePlugin },
+
       { loadCircleShape },
+
       { loadFillColorUpdater },
       { loadOpacityUpdater },
       { loadOutModesUpdater },
@@ -29,7 +31,9 @@ export async function loadBasic(engine: Engine): Promise<void> {
       import("@tsparticles/plugin-hsl-color"),
       import("@tsparticles/plugin-rgb-color"),
       import("@tsparticles/plugin-move"),
+
       import("@tsparticles/shape-circle"),
+
       import("@tsparticles/updater-fill-color"),
       import("@tsparticles/updater-opacity"),
       import("@tsparticles/updater-out-modes"),

bundles/full/src/index.ts

@@ -15,44 +15,50 @@ export async function loadFull(engine: Engine): Promise<void> {
 
   await engine.register(async e => {
     const [
-      { loadDestroyUpdater },
-      { loadRollUpdater },
-      { loadTiltUpdater },
-      { loadTwinkleUpdater },
-      { loadWobbleUpdater },
-      { loadTextShape },
+      { loadSlim },
       { loadExternalTrailInteraction },
       { loadAbsorbersPlugin },
       { loadEmittersPlugin },
       { loadEmittersShapeCircle },
       { loadEmittersShapeSquare },
-      { loadSlim },
+      { loadTextShape },
+      { loadDestroyUpdater },
+      { loadRollUpdater },
+      { loadTiltUpdater },
+      { loadTwinkleUpdater },
+      { loadWobbleUpdater },
     ] = await Promise.all([
-      import("@tsparticles/updater-destroy"),
-      import("@tsparticles/updater-roll"),
-      import("@tsparticles/updater-tilt"),
-      import("@tsparticles/updater-twinkle"),
-      import("@tsparticles/updater-wobble"),
-      import("@tsparticles/shape-text"),
+      import("@tsparticles/slim"),
+
       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/slim"),
-    ]);
 
-    await loadSlim(e);
+      import("@tsparticles/shape-text"),
+
+      import("@tsparticles/updater-destroy"),
+      import("@tsparticles/updater-roll"),
+      import("@tsparticles/updater-tilt"),
+      import("@tsparticles/updater-twinkle"),
+      import("@tsparticles/updater-wobble"),
+    ]);
 
     await Promise.all([
+      loadSlim(e),
+
       loadDestroyUpdater(e),
       loadRollUpdater(e),
       loadTiltUpdater(e),
       loadTwinkleUpdater(e),
       loadWobbleUpdater(e),
 
       loadTextShape(e),
+    ]);
 
+    await Promise.all([
       loadExternalTrailInteraction(e),
 
       loadAbsorbersPlugin(e),

bundles/slim/src/index.ts

@@ -15,6 +15,8 @@ export async function loadSlim(engine: Engine): Promise<void> {
 
   await engine.register(async e => {
     const [
+      { loadBasic },
+
       { loadExternalParallaxInteraction },
       { loadExternalAttractInteraction },
       { loadExternalBounceInteraction },
@@ -29,19 +31,23 @@ export async function loadSlim(engine: Engine): Promise<void> {
       { loadParticlesAttractInteraction },
       { loadParticlesCollisionsInteraction },
       { loadParticlesLinksInteraction },
+
       { loadEasingQuadPlugin },
+      { loadInteractivityPlugin },
+
       { loadEmojiShape },
       { loadImageShape },
       { loadLineShape },
       { loadPolygonShape },
       { loadSquareShape },
       { loadStarShape },
+
       { loadLifeUpdater },
       { loadRotateUpdater },
       { loadStrokeColorUpdater },
-      { loadBasic },
-      { loadInteractivityPlugin },
     ] = await Promise.all([
+      import("@tsparticles/basic"),
+
       import("@tsparticles/interaction-external-parallax"),
       import("@tsparticles/interaction-external-attract"),
       import("@tsparticles/interaction-external-bounce"),
@@ -56,23 +62,25 @@ export async function loadSlim(engine: Engine): Promise<void> {
       import("@tsparticles/interaction-particles-attract"),
       import("@tsparticles/interaction-particles-collisions"),
       import("@tsparticles/interaction-particles-links"),
+
       import("@tsparticles/plugin-easing-quad"),
+      import("@tsparticles/plugin-interactivity"),
+
       import("@tsparticles/shape-emoji"),
       import("@tsparticles/shape-image"),
       import("@tsparticles/shape-line"),
       import("@tsparticles/shape-polygon"),
       import("@tsparticles/shape-square"),
       import("@tsparticles/shape-star"),
+
       import("@tsparticles/updater-life"),
       import("@tsparticles/updater-rotate"),
       import("@tsparticles/updater-stroke-color"),
-      import("@tsparticles/basic"),
-      import("@tsparticles/plugin-interactivity"),
     ]);
 
-    await loadBasic(e);
-
     await Promise.all([
+      loadBasic(e),
+
       loadInteractivityPlugin(e),
 
       loadEasingQuadPlugin(e),