Introduce lucid-evolution and wasm compatibility to the frontend (#64)

* fix cors and requestData errors

* redeem mint wallet

* add dynamic user info

* add FE loading state

* add lucid-evolution and wasm compatibility

* submit endpoint

* update ui to support lucid wallet loading

* update lucid

* recent changes

* handle changes to profile switcher

* add get wallet balance func

* Fix hash

* comment out output export

* Disable container build

---------

Co-authored-by: KJES4 <[email protected]>
Co-authored-by: Jann Müller <[email protected]>

Author: 3 people

.github/workflows/ci-oci.yaml

@@ -74,10 +74,11 @@ jobs:
         # except the version with the `primary-key`, if it exists
         purge-primary-key: never
 
-    # TODO: matrix build for two images (mock server and wst)
     - name: Build image with nix
+      if: False
       run: nix build --accept-flake-config .#containers.x86_64-linux.${{ matrix.image }}.copyTo
     - name: Publish tagged image with podman
+    if: False
       run: |
         IMAGE_NAME=ghcr.io/${{github.repository_owner}}/${{ matrix.image }}:$IMAGE_TAG
         ./result/bin/copy-to oci-archive:oci.tar

frontend/next.config.js

@@ -1,7 +1,12 @@
+const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin');
+
 
   /** @type {import('next').NextConfig} */
 const nextConfig = {
-  output: 'export',
+  // output: 'export',
+  serverExternalPackages: [
+    "@lucid-evolution/lucid",
+  ],
   async headers() {
     return [
       {
@@ -24,6 +29,64 @@ const nextConfig = {
       },
     ];
   },
+  async redirects() {
+    return [
+      {
+        source: '/',
+        destination: '/mint-authority',
+        permanent: true, // Use true for a 301 redirect, false for 302
+      },
+    ];
+  },
+  experimental: {
+    esmExternals: true, // Ensure modern module support
+  },
+  webpack: (config, { isServer }) => {
+    // Ensure `resolve.plugins` exists
+    config.resolve.plugins = [
+      ...(config.resolve.plugins || []), // Keep existing plugins
+      new TsconfigPathsPlugin({
+        configFile: './tsconfig.json', // Adjust the path to your tsconfig.json if necessary
+      }),
+    ];
+
+    config.experiments = {
+      ...config.experiments,
+      asyncWebAssembly: true, // Enable async WebAssembly
+      topLevelAwait: true,
+      layers: true
+    };
+    if (!isServer) {
+      config.output.environment = { ...config.output.environment, asyncFunction: true };
+    }
+
+    // Add fallback and resolve configurations for browser compatibility
+    config.resolve = {
+      ...config.resolve,
+      extensions: ['.ts', '.tsx', '.js', '.mjs'],
+      fallback: {
+        https: require.resolve('https-browserify'),
+        http: require.resolve('stream-http'),
+        'get-port-please': false,
+        net: false,
+        fs: false,
+        os: false,
+        path: false,
+        events: require.resolve('events/'),
+        buffer: require.resolve('buffer/'),
+        stream: require.resolve('readable-stream'),
+        crypto: require.resolve('crypto-browserify'),
+        constants: require.resolve('constants-browserify'),
+        zlib: require.resolve('browserify-zlib'),
+        dns: false,
+        tls: false,
+        process: false,
+        child_process: false,
+      },
+    };
+    
+    return config;
+  },
 };
 
 module.exports = nextConfig;