Remove parcel

package.json

@@ -26,7 +26,7 @@
     "downloadSpecs": "node bin/downloadSpecs.js",
     "preapi-docs": "yarn workspace @substrate/extension run compile",
     "api-docs": "typedoc --entryPoints ./packages/connect/src/index.ts --entryPoints ./packages/connect-extension-protocol/src/index.ts",
-    "deep-clean": "yarn workspaces -s run deep-clean && rm -rf .parcel-cache && rm -rf node_modules",
+    "deep-clean": "yarn workspaces -s run deep-clean && rm -rf node_modules",
     "clean": " yarn workspaces run clean",
     "lint": "prettier --check . && yarn workspaces -s run lint",
     "build": "yarn workspaces -s run build",
@@ -82,7 +82,6 @@
     "jest-silent-reporter": "^0.5.0",
     "jsdom": "^19.0.0",
     "nodemon": "^2.0.15",
-    "parcel": "2.4.0",
     "prettier": "^2.6.1",
     "regenerator-runtime": "^0.13.7",
     "rimraf": "^3.0.2",

projects/landing-page/package.json

@@ -6,10 +6,10 @@
   "license": "GPL-3.0-only",
   "scripts": {
     "prebuild": "yarn clean",
-    "build": "parcel build ./src/index.html --public-url ./",
+    "build": "webpack",
     "deep-clean": "yarn clean && rm -rf node_modules",
     "clean": "rm -rf dist tsconfig.tsbuildinfo",
-    "dev": "tsc -b & parcel ./public/index.html",
+    "dev": "tsc -b & webpack serve --config webpack.config.js",
     "test": "exit 0; #No tests",
     "lint": "yarn eslint . --ext .js,.jsx,.ts,.tsx",
     "predeploy": "yarn run build"
@@ -23,7 +23,10 @@
     "@material-ui/icons": "^4.11.2",
     "@material-ui/lab": "^4.0.0-alpha.61",
     "@material-ui/styles": "^4.11.4",
+    "copy-webpack-plugin": "^10.2.4",
+    "html-webpack-plugin": "^5.5.0",
     "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "react-dom": "^17.0.2",
+    "webpack": "^5.72.0"
   }
 }

projects/landing-page/src/App.tsx

@@ -25,9 +25,9 @@ import {
 import MuiAlert, { AlertProps } from "@material-ui/lab/Alert"
 import { CardNetwork, CardProject } from "./components/Cards"
 
-import Burnr from "url:./assets/images/Burnr.png"
-import Extension from "url:./assets/images/Extension.png"
-import YourProject from "url:./assets/images/YourProject.png"
+import Burnr from "./assets/images/Burnr.png"
+import Extension from "./assets/images/Extension.png"
+import YourProject from "./assets/images/YourProject.png"
 
 const Alert = (props: AlertProps) => {
   return <MuiAlert elevation={6} variant="filled" {...props} />

projects/landing-page/tsconfig.json

@@ -7,9 +7,7 @@
     "module": "ES2015",
     "target": "ES2015",
     "types": [],
-    "esModuleInterop": true,
     "moduleResolution": "node",
-    "resolveJsonModule": true,
     "skipLibCheck": true,
     "strict": true,
     "jsx": "react"

projects/landing-page/webpack.config.js

@@ -0,0 +1,78 @@
+/* eslint-disable no-undef */
+/* eslint-disable @typescript-eslint/no-var-requires */
+const webpack = require("webpack")
+const CopyPlugin = require("copy-webpack-plugin")
+const HtmlWebpackPlugin = require("html-webpack-plugin")
+
+module.exports = {
+  mode: "production",
+  entry: "./src/index.tsx",
+  devtool: "inline-source-map",
+  devServer: {
+    port: 1234,
+    open: true,
+    hot: true,
+  },
+  module: {
+    rules: [
+      {
+        test: /\.js$/,
+        exclude: /node_modules/,
+        use: {
+          loader: "babel-loader",
+          options: {
+            presets: ["@babel/preset-env", "@babel/preset-react"],
+          },
+        },
+      },
+      { test: /\.tsx?$/, loader: "ts-loader" },
+      {
+        test: /\.css$/i,
+        use: ["style-loader", "css-loader"],
+      },
+      {
+        test: /\.png$/,
+        use: [
+          {
+            loader: "url-loader",
+            options: {
+              mimetype: "image/png",
+            },
+          },
+        ],
+      },
+    ],
+  },
+  resolve: {
+    alias: {
+      "react/jsx-runtime": require.resolve("react/jsx-runtime"),
+    },
+    extensions: ["*", ".js", ".jsx", ".ts", ".tsx"],
+    fallback: {
+      crypto: require.resolve("crypto-browserify"),
+      stream: require.resolve("stream-browserify"),
+    },
+  },
+  plugins: [
+    new CopyPlugin({
+      patterns: [{ from: "public/assets", to: "." }],
+    }),
+    new webpack.DefinePlugin({
+      process: {
+        env: {
+          WS_URL: JSON.stringify(undefined),
+        },
+      },
+    }),
+    new HtmlWebpackPlugin({
+      template: "./public/index.html",
+    }),
+    new webpack.ProvidePlugin({
+      Buffer: ["buffer", "Buffer"],
+    }),
+    new webpack.HotModuleReplacementPlugin(),
+  ],
+  optimization: {
+    minimize: true,
+  },
+}