refactor: added the plugin manager, reducing the engine class scope

Author: matteobruni

bundles/all/src/index.ts

@@ -13,7 +13,7 @@ declare const __VERSION__: string;
 export async function loadAll(engine: Engine): Promise<void> {
   engine.checkVersion(__VERSION__);
 
-  await engine.register(async e => {
+  await engine.pluginManager.register(async e => {
     const [
       { loadFull },
 

bundles/basic/src/index.ts

@@ -13,7 +13,7 @@ declare const __VERSION__: string;
 export async function loadBasic(engine: Engine): Promise<void> {
   engine.checkVersion(__VERSION__);
 
-  await engine.register(async e => {
+  await engine.pluginManager.register(async e => {
     const [
       { loadHexColorPlugin },
       { loadHslColorPlugin },

bundles/confetti/src/confetti.ts

@@ -99,7 +99,7 @@ async function initPlugins(engine: Engine): Promise<void> {
 
   engine.checkVersion(__VERSION__);
 
-  await engine.register(async e => {
+  await engine.pluginManager.register(async e => {
     const [
       { loadBasic },
       { loadEmittersPlugin },

bundles/fireworks/src/fireworks.ts

@@ -77,7 +77,7 @@ async function initPlugins(engine: Engine): Promise<void> {
 
   engine.checkVersion(__VERSION__);
 
-  await engine.register(async e => {
+  await engine.pluginManager.register(async e => {
     const [
       { loadBasic },
       { loadEmittersPlugin },

bundles/full/src/index.ts

@@ -13,7 +13,7 @@ declare const __VERSION__: string;
 export async function loadFull(engine: Engine): Promise<void> {
   engine.checkVersion(__VERSION__);
 
-  await engine.register(async e => {
+  await engine.pluginManager.register(async e => {
     const [
       { loadSlim },
       { loadExternalDragInteraction },

bundles/pjs/src/VincentGarreau/particles.ts

@@ -309,7 +309,7 @@ const defaultMinOpacity = 0,
      */
     // eslint-disable-next-line @typescript-eslint/no-deprecated
     particlesJS.setOnClickHandler = (callback: (e: Event, particles?: Particle[]) => void): void => {
-      engine.setOnClickHandler?.(callback);
+      engine.pluginManager.setOnClickHandler?.(callback);
     };
 
     /**

bundles/pjs/src/index.ts

@@ -34,7 +34,7 @@ declare global {
 const initPjs = async (engine: Engine): Promise<void> => {
   engine.checkVersion(__VERSION__);
 
-  await engine.register(async e => {
+  await engine.pluginManager.register(async e => {
     const [
       { loadFull },
       { loadResponsivePlugin },

bundles/slim/src/index.ts

@@ -13,7 +13,7 @@ declare const __VERSION__: string;
 export async function loadSlim(engine: Engine): Promise<void> {
   engine.checkVersion(__VERSION__);
 
-  await engine.register(async e => {
+  await engine.pluginManager.register(async e => {
     const [
       { loadBasic },
 

effects/bubble/src/index.ts

@@ -8,8 +8,8 @@ declare const __VERSION__: string;
 export async function loadBubbleEffect(engine: Engine): Promise<void> {
   engine.checkVersion(__VERSION__);
 
-  await engine.register(e => {
-    e.addEffect("bubble", async () => {
+  await engine.pluginManager.register(e => {
+    e.pluginManager.addEffect("bubble", async () => {
       const { BubbleDrawer } = await import("./BubbleDrawer.js");
 
       return new BubbleDrawer();

effects/particles/src/index.ts

@@ -8,8 +8,8 @@ declare const __VERSION__: string;
 export async function loadParticlesEffect(engine: Engine): Promise<void> {
   engine.checkVersion(__VERSION__);
 
-  await engine.register(e => {
-    e.addEffect("particles", async container => {
+  await engine.pluginManager.register(e => {
+    e.pluginManager.addEffect("particles", async container => {
       const { ParticlesDrawer } = await import("./ParticlesDrawer.js");
 
       return new ParticlesDrawer(container);