[plugins] Fix bug where not all plugins are loaded

quasar.conf.js

@@ -86,7 +86,7 @@ module.exports = configure(function (/* ctx */) {
                   const custom_plgns = require('./plugin.config.js')
                   const required_plgns = require('./src/vendor-plugin.config.js')
                   return src.replace(/\/\* *INSERT_PLUGIN_LIST *\*\//, 
-                  [...custom_plgns, ...required_plgns].map(v => `import("${v}").then(v => success(v)).catch(() => failure("${v}"))`)
+                  [...custom_plgns, ...required_plgns].map(v => `import("${v}").catch(() => "${v}")`)
                     .join(','))
                   }
               }

src/boot/plugins.ts

@@ -21,26 +21,10 @@ function validatePlugin(plugin: FG_Plugin.Plugin) {
   );
 }
 
-/* eslint-disable */
-// This functions are used by webpack magic
-// Called when import promise resolved
-function success(value: ImportPlgn, path: string) {
-  if (validatePlugin(value.default)) PLUGINS.plugins.set(value.default.id, value.default);
-  else failure(path);
-}
-// Called when import promise rejected
-function failure(path = 'unknown') {
-  console.error(`Plugin ${path} could not be found and not imported`);
-}
-/* eslint-enable */
-
 // Here does some magic happens, WebPack will automatically replace the following comment with the import statements
-const PLUGINS = {
-  context: <Array<() => Promise<ImportPlgn>>>[
-    /*INSERT_PLUGIN_LIST*/
-  ],
-  plugins: new Map<string, FG_Plugin.Plugin>(),
-};
+const PLUGINS = <Array<Promise<ImportPlgn>>>[
+  /*INSERT_PLUGIN_LIST*/
+];
 
 interface BackendPlugin {
   permissions: string[];
@@ -314,23 +298,34 @@ export default boot(async ({ router, app }) => {
     widgets: [],
   };
 
-  const BreakError = {};
   try {
-    PLUGINS.plugins.forEach((plugin, id) => {
-      if (!loadPlugin(loadedPlugins, plugin, backend)) {
-        void router.push({ name: 'error' });
+    // Wait for all plugins to be loaded
+    const results = await Promise.allSettled(PLUGINS);
 
-        Notify.create({
-          type: 'negative',
-          message: `Fehler beim Laden: Bitte wende dich an den Admin (error: PNF-${id}!`,
-          timeout: 10000,
-          progress: true,
-        });
-        throw BreakError;
+    // Check if loaded successfully
+    results.forEach((result) => {
+      if (result.status === 'rejected') {
+        throw <string>result.reason;
+      } else {
+        if (
+          !(
+            validatePlugin(result.value.default) &&
+            loadPlugin(loadedPlugins, result.value.default, backend)
+          )
+        )
+          throw result.value.default.id;
       }
     });
-  } catch (e) {
-    if (e !== BreakError) throw e;
+  } catch (reason) {
+    const id = <string>reason;
+    void router.push({ name: 'error' });
+
+    Notify.create({
+      type: 'negative',
+      message: `Fehler beim Laden: Bitte wende dich an den Admin (error: PNF-${id}!`,
+      timeout: 10000,
+      progress: true,
+    });
   }
 
   // Sort widgets by priority