Experiment with async modules

Author: FrederikBolding

packages/snaps-cli/src/webpack/config.ts

@@ -166,7 +166,8 @@ export async function getDefaultConfiguration(
          *
          * @see https://webpack.js.org/configuration/output/#outputlibrarytarget
          */
-        type: 'commonjs',
+        type: 'global',
+        name: 'exports',
       },
 
       /**
@@ -177,7 +178,7 @@ export async function getDefaultConfiguration(
        *
        * @see https://webpack.js.org/configuration/output/#outputchunkformat
        */
-      chunkFormat: 'commonjs',
+      chunkFormat: 'module',
     },
 
     /**
@@ -386,14 +387,7 @@ export async function getDefaultConfiguration(
      * @see https://webpack.js.org/configuration/experiments
      */
     experiments: {
-      /**
-       * Experimental support for top level await.
-       *
-       * This is unsupported in Snaps and therefore disabled.
-       *
-       * @see https://webpack.js.org/configuration/experiments/#experimentstoplevelawait
-       */
-      topLevelAwait: false,
+      outputModule: true,
     },
 
     /**

packages/snaps-execution-environments/src/common/BaseSnapExecutor.ts

@@ -416,8 +416,9 @@ export class BaseSnapExecutor {
       compartment.globalThis.global = compartment.globalThis;
       compartment.globalThis.window = compartment.globalThis;
 
-      await this.executeInSnapContext(snapId, () => {
+      await this.executeInSnapContext(snapId, async () => {
         compartment.evaluate(sourceCode);
+        await snapModule.exports;
         this.registerSnapExports(snapId, snapModule);
       });
     } catch (error) {