♻️ Starting to build the UI

Signed-off-by: Pascal Marco Caversaccio <[email protected]>

.eslintrc.js

@@ -10,6 +10,8 @@ module.exports = {
     "eslint:recommended",
     "plugin:@typescript-eslint/recommended",
     "plugin:@typescript-eslint/stylistic",
+    "next/babel",
+    "next/core-web-vitals",
     "prettier",
   ],
 };

.github/workflows/checks.yml

@@ -14,7 +14,7 @@ jobs:
         os:
           - ubuntu-latest
         node_version:
-          - 18
+          - 20
 
     steps:
       - name: Checkout

.github/workflows/test-createx.yml

@@ -17,7 +17,7 @@ jobs:
         os:
           - ubuntu-latest
         node_version:
-          - 18
+          - 20
         go_version:
           - 1.21.3
 

.prettierignore

@@ -7,3 +7,5 @@ forge-artifacts
 coverage
 bin
 out
+dist
+.next

.prettierrc.yml

@@ -1,2 +1,8 @@
 plugins:
   - "prettier-plugin-solidity"
+  - "prettier-plugin-tailwindcss"
+  - "@trivago/prettier-plugin-sort-imports"
+semi: true
+importOrder:
+  ["^react(.*)", "next/(.*)", "<THIRD_PARTY_MODULES>", "@/(.*)", "^[./]"]
+importOrderSortSpecifiers: true

hardhat.config.ts

@@ -1,10 +1,10 @@
-import { HardhatUserConfig, task, vars } from "hardhat/config";
 import "@nomicfoundation/hardhat-ethers";
 import "@nomicfoundation/hardhat-verify";
 import "@typechain/hardhat";
-import "hardhat-gas-reporter";
-import "hardhat-contract-sizer";
 import "hardhat-abi-exporter";
+import "hardhat-contract-sizer";
+import "hardhat-gas-reporter";
+import { HardhatUserConfig, task, vars } from "hardhat/config";
 
 export const ethMainnetUrl = vars.get(
   "ETH_MAINNET_URL",

interface/.gitignore

@@ -0,0 +1,61 @@
+# Ignore all Visual Studio Code settings
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+!.vscode/*.code-snippets
+
+# Local history for Visual Studio Code
+.history
+
+# Built Visual Studio Code extensions
+*.vsix
+
+# Dependency directory
+node_modules
+
+# dotenv environment variable files
+.env
+.env.development.local
+.env.test.local
+.env.production.local
+.env.local
+
+# Log files
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# Yarn integrity file
+.yarn-integrity
+
+# Optional npm cache directory
+.npm
+
+# Modern Yarn files
+.pnp.*
+.yarn/*
+!.yarn/cache
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions
+
+# Testing
+coverage
+
+# next.js
+.next
+out
+
+# Production build
+dist
+
+# TypeScript
+*.tsbuildinfo
+next-env.d.ts

interface/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Matt Solomon
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

interface/README.md

@@ -0,0 +1,7 @@
+# [`CreateX`](./src/CreateX.sol) User Interface
+
+[Next.js](https://nextjs.org)-based user interface for [createx.rocks](https://www.createx.rocks).
+
+## 🙏🏼 Acknowledgement
+
+Our code is based on a fork of [Matt Solomon](https://github.com/mds1)'s [`Multicall3`](https://github.com/mds1/multicall) [frontend](https://github.com/mds1/multicall3-frontend), licensed under the [MIT License](https://github.com/mds1/multicall3-frontend/blob/main/LICENSE).

interface/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "createx-interface",
+  "version": "1.0.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "pnpm build && next start"
+  },
+  "dependencies": {
+    "@headlessui/react": "^1.7.17",
+    "@heroicons/react": "^2.0.18",
+    "@vercel/analytics": "^1.1.1",
+    "next": "14.0.4",
+    "next-themes": "^0.2.1",
+    "prismjs": "^1.29.0",
+    "react": "18.2.0",
+    "react-dom": "18.2.0"
+  },
+  "devDependencies": {
+    "@trivago/prettier-plugin-sort-imports": "^4.3.0",
+    "@types/node": "20.10.4",
+    "@types/react": "18.2.45",
+    "@types/react-dom": "18.2.17",
+    "autoprefixer": "10.4.16",
+    "eslint": "8.55.0",
+    "eslint-config-next": "14.0.4",
+    "postcss": "8.4.32",
+    "prettier": "^3.1.1",
+    "prettier-plugin-tailwindcss": "^0.5.9",
+    "tailwindcss": "3.3.6",
+    "typescript": "5.3.3"
+  }
+}