fix: assets folder not being used

Author: VanessaPC

packages/dapp-connector-preact/package.json

@@ -15,6 +15,7 @@
 		"@cardano-sdk/util-dev": "workspace:~",
 		"@cardano-sdk/wallet": "workspace:~",
 		"buffer": "^6.0.3",
+		"copy-webpack-plugin": "^12.0.2",
 		"crypto-browserify": "^3.12.0",
 		"libsodium-wrappers-sumo": "^0.7.5",
 		"preact": "^10.13.1",
@@ -32,8 +33,8 @@
 		"@babel/preset-typescript": "^7.24.1",
 		"@preact/preset-vite": "^2.5.0",
 		"babel-loader": "^9.1.3",
-		"copy-webpack-plugin": "^12.0.2",
 		"css-loader": "^7.1.0",
+		"dotenv": "^16.4.5",
 		"eslint": "^8.57.0",
 		"eslint-config-preact": "^1.3.0",
 		"html-webpack-plugin": "^5.6.0",

packages/dapp-connector-preact/webpack.config.base.js

@@ -1,6 +1,5 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
 const { DefinePlugin, NormalModuleReplacementPlugin, ProvidePlugin, IgnorePlugin } = require('webpack');
-const CopyPlugin = require('copy-webpack-plugin');
 
 const path = require('path');
 
@@ -36,11 +35,11 @@ module.exports = {
             {
               loader: 'babel-loader',
               options: {
-                presets: ['@babel/preset-react', '@babel/preset-env', '@babel/preset-typescript'],
                 plugins: [
                   '@babel/transform-runtime',
-                  ['@babel/transform-react-jsx', { runtime: 'automatic', importSource: 'preact' }]
-                ]
+                  ['@babel/transform-react-jsx', { importSource: 'preact', runtime: 'automatic' }]
+                ],
+                presets: ['@babel/preset-react', '@babel/preset-env', '@babel/preset-typescript']
               }
             }
           ]
@@ -71,15 +70,17 @@ module.exports = {
       new IgnorePlugin({
         contextRegExp: /bip39\/src\/wordlists$/,
         resourceRegExp: /^\.\/(?!english)/
-      }),
-      new CopyPlugin({
-        patterns: [{ from: 'src/assets', to: 'assets' }]
       })
     ],
     resolve: {
+      alias: {
+        react: 'preact/compat',
+        'react-dom': 'preact/compat'
+      },
       extensions: ['.ts', '.js', '.tsx'],
       fallback: {
         buffer: require.resolve('buffer/'),
+        crypto: require.resolve('crypto-browserify'),
         events: require.resolve('events/'),
         fs: false,
         'get-port-please': false,
@@ -88,13 +89,8 @@ module.exports = {
         os: false,
         path: false,
         perf_hooks: false,
-        crypto: require.resolve('crypto-browserify'),
         stream: require.resolve('readable-stream'),
         util: require.resolve('util/')
-      },
-      alias: {
-        react: 'preact/compat',
-        'react-dom': 'preact/compat'
       }
     },
     watchOptions: {

packages/dapp-connector-preact/webpack.config.js

@@ -1,27 +1,22 @@
-
 /* eslint-disable import/no-extraneous-dependencies */
 const config = require('./webpack.config.base');
 const { merge } = require('webpack-merge');
-const CopyPlugin = require('copy-webpack-plugin');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 
 const path = require('path');
 
 module.exports = merge(config.baseConfig, {
+  devServer: {
+    compress: true,
+    port: 9000,
+    static: {
+      directory: path.join(__dirname, 'dist')
+    }
+  },
   entry: './src/index.tsx',
   experiments: {
     syncWebAssembly: true
   },
-  plugins: [
-    new HtmlWebpackPlugin(),
-  ],
-  
-  devServer: {
-    static: {
-      directory: path.join(__dirname, 'dist'),
-    },
-    compress: true,
-    port: 9000
-  }
-});
 
+  plugins: [new HtmlWebpackPlugin()]
+});

yarn-project.nix

@@ -1464,6 +1464,7 @@ cacheEntries = {
 "dotenv@npm:10.0.0" = { filename = "dotenv-npm-10.0.0-36b272df25-f412c5fe8c.zip"; sha512 = "f412c5fe8c24fbe313d302d2500e247ba8a1946492db405a4de4d30dd0eb186a88a43f13c958c5a7de303938949c4231c56994f97d05c4bc1f22478d631b4005"; };
 "dotenv@npm:16.0.1" = { filename = "dotenv-npm-16.0.1-d99e72bb95-f459ffce07.zip"; sha512 = "f459ffce07b977b7f15d8cc4ee69cdff77d4dd8c5dc8c85d2d485ee84655352c2415f9dd09d42b5b5985ced3be186130871b34e2f3e2569ebc72fbc2e8096792"; };
 "dotenv@npm:16.0.3" = { filename = "dotenv-npm-16.0.3-4cc29121dc-afcf03f373.zip"; sha512 = "afcf03f373d7a6d62c7e9afea6328e62851d627a4e73f2e12d0a8deae1cd375892004f3021883f8aec85932cd2834b091f568ced92b4774625b321db83b827f8"; };
+"dotenv@npm:16.4.5" = { filename = "dotenv-npm-16.4.5-bcb20eb95d-301a12c3d4.zip"; sha512 = "301a12c3d44fd49888b74eb9ccf9f07a1f5df43f489e7fcb89647a2edcd84c42d6bc349dc8df099cd18f07c35c7b04685c1a4f3e6a6a9e6b30f8d48c15b7f49c"; };
 "double-ended-queue@npm:2.1.0-0" = { filename = "double-ended-queue-npm-2.1.0-0-24dce6d2ad-3030cf9dcf.zip"; sha512 = "3030cf9dcf6f8e7d8cb6ae5b7304890445d7c32233a614e400ba7b378086ad76f5822d0e501afd5ffe0af1de4bcb842fa23d4c79174d54f6566399435fafc271"; };
 "driftless@npm:2.0.3" = { filename = "driftless-npm-2.0.3-12dde7d989-b4e12d9387.zip"; sha512 = "b4e12d9387e1aeab3a18978bd2646069f3fb320c2295f6a53332d8b4914b10e93dc57e9db5fc727b4198868d873bd7aafaa6262d0f78a2ae134376254a1e4d7d"; };
 "dtrace-provider@npm:0.8.8" = { filename = "dtrace-provider-npm-0.8.8-c06c6b4a53-f2dc89df6a.zip"; sha512 = "f2dc89df6a9c443dc9bae3b53496e0685b5da89142951d451c1ce062c75d96698ffc0b3d90f621a59a6a18578be552378ad4e08210759038910ff2080be556b9"; };

yarn.lock

@@ -4594,6 +4594,7 @@ __metadata:
     copy-webpack-plugin: ^12.0.2
     crypto-browserify: ^3.12.0
     css-loader: ^7.1.0
+    dotenv: ^16.4.5
     eslint: ^8.57.0
     eslint-config-preact: ^1.3.0
     html-webpack-plugin: ^5.6.0
@@ -15178,6 +15179,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"dotenv@npm:^16.4.5":
+  version: 16.4.5
+  resolution: "dotenv@npm:16.4.5"
+  checksum: 301a12c3d44fd49888b74eb9ccf9f07a1f5df43f489e7fcb89647a2edcd84c42d6bc349dc8df099cd18f07c35c7b04685c1a4f3e6a6a9e6b30f8d48c15b7f49c
+  languageName: node
+  linkType: hard
+
 "double-ended-queue@npm:2.1.0-0":
   version: 2.1.0-0
   resolution: "double-ended-queue@npm:2.1.0-0"