feat: Initial web app for the court

.codeclimate.yml

@@ -4,3 +4,5 @@ engines:
     checks:
       quotemark:
         enabled: false
+exclude_paths:
+  - "web/src/graphql/generated.ts"

contracts/.npmignore

@@ -1,5 +1,11 @@
+# Exclude everything by default from the package
 **/*
-!/src/**
-!/artifacts/@kleros/**
-!/artifacts/src/**
-!/deployments/*/*.json
+
+# Include this
+!/artifacts/**
+!/typechain-types/**
+!/deployments/**
+
+# Except this
+/deployments/localhost/
+**/.DS_Store

contracts/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@kleros/kleros-v2-contracts",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Smart contracts for Kleros version 2",
-  "main": "index.js",
+  "main": "typechain-types/index.ts",
   "repository": "git@github.com:kleros/kleros-v2.git",
   "author": "Kleros",
   "license": "MIT",
@@ -17,7 +17,8 @@
     "deploy:staging": "run-s \"deploy --network rinkeby {@}\" \"deploy --network arbitrumRinkeby {@}\" --",
     "test": "hardhat test",
     "watch": "hardhat watch",
-    "docgen": "hardhat docgen"
+    "docgen": "hardhat docgen",
+    "publish": "yarn npm publish --access public --tag $(cat package.json | jq .version)"
   },
   "devDependencies": {
     "@nomiclabs/hardhat-ethers": "npm:hardhat-deploy-ethers@0.3.0-beta.13",

netlify.toml

@@ -0,0 +1 @@
+web/netlify.toml

package.json

@@ -16,7 +16,7 @@
     "subgraph",
     "web"
   ],
-  "packageManager": "yarn@3.1.1",
+  "packageManager": "yarn@3.2.0",
   "volta": {
     "node": "16.15.1"
   },
@@ -33,6 +33,7 @@
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-prettier": "^3.4.1",
     "eslint-plugin-promise": "^5.1.1",
+    "eslint-utils": "^3.0.0",
     "husky": "^7.0.0",
     "lint-staged": "^11.0.0",
     "npm-run-all": "^4.1.5",

subgraph/tsconfig.json

@@ -1,6 +1,4 @@
 {
   "extends": "@graphprotocol/graph-ts/types/tsconfig.base.json",
-  "include": [
-    "src"
-  ]
+  "include": ["src"]
 }

web/.editorconfig

@@ -0,0 +1,11 @@
+root = true
+
+[*]
+end_of_line = lf
+trim_trailing_whitespace = true
+insert_final_newline = true
+charset = utf-8
+
+[*.{js,jsx,ts,tsx,json,yml}]
+indent_style = space
+indent_size = 2

web/.eslintrc.json

@@ -0,0 +1,102 @@
+{
+  "env": {
+    "es6": true,
+    "browser": true,
+    "node": true
+  },
+  "root": true,
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "ecmaVersion": 2020,
+    "sourceType": "module",
+    "ecmaFeatures": {
+      "jsx": true
+    }
+  },
+  "extends": [
+    "eslint:recommended",
+    "plugin:react/recommended",
+    "plugin:react-hooks/recommended",
+    "plugin:import/recommended",
+    "plugin:import/react",
+    "plugin:security/recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:prettier/recommended",
+    "prettier"
+  ],
+  "globals": {
+    "Atomics": "readonly",
+    "SharedArrayBuffer": "readonly"
+  },
+  "plugins": [
+    "react",
+    "react-hooks",
+    "security",
+    "import"
+  ],
+  "ignorePatterns": [
+    "src/assets"
+  ],
+  "settings": {
+    "react": {
+      "version": "^16.12.0"
+    },
+    "import/resolver": {
+      "parcel": {
+        "rootDir": "src",
+        "extensions": [
+          ".js",
+          ".jsx",
+          ".ts",
+          ".tsx",
+          ".svg",
+          ".png",
+          ".jpeg"
+        ]
+      }
+    }
+  },
+  "rules": {
+    "max-len": [
+      "warn",
+      {
+        "code": 80
+      }
+    ],
+    "react/prop-types": 0,
+    "no-unused-vars": "off",
+    "@typescript-eslint/no-unused-vars": [
+      "error",
+      {
+        "varsIgnorePattern": "(^_+[0-9]*$)|([iI]gnored$)|(^ignored)",
+        "argsIgnorePattern": "(^_+[0-9]*$)|([iI]gnored$)|(^ignored)"
+      }
+    ],
+    "no-console": [
+      "error",
+      {
+        "allow": [
+          "warn",
+          "error",
+          "info",
+          "debug"
+        ]
+      }
+    ],
+    "@typescript-eslint/no-non-null-assertion": "off",
+    "@typescript-eslint/no-explicit-any": "off",
+    "security/detect-object-injection": "off",
+    "security/detect-non-literal-fs-filename": "off",
+    "import/extensions": [
+      "error",
+      "ignorePackages",
+      {
+        "js": "never",
+        "jsx": "never",
+        "ts": "never",
+        "tsx": "never"
+      }
+    ],
+    "import/no-unresolved": "off"
+  }
+}

web/.gitignore

@@ -0,0 +1,28 @@
+/.yarn/*
+!/.yarn/versions
+!/.yarn/plugins
+!/.yarn/releases
+!/.yarn/sdks
+/.pnp.*
+node_modules
+
+# Parcel
+.parcel-cache
+development
+build
+dist
+parcel-bundle-reports
+
+# misc
+.eslintcache
+.DS_Store
+.env
+.env.test
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

web/.parcelrc

@@ -0,0 +1,6 @@
+{
+  "extends": "@parcel/config-default",
+  "transformers": {
+    "*.svg": ["...", "@parcel/transformer-svg-react"]
+  }
+}

web/.prettierrc.json

@@ -0,0 +1,14 @@
+{
+  "printWidth": 80,
+  "endOfLine": "lf",
+  "overrides": [
+    {
+      "files": [
+        "*.json"
+      ],
+      "options": {
+        "parser": "json-stringify"
+      }
+    }
+  ]
+}

web/.yarnrc.yml

@@ -0,0 +1,2 @@
+nodeLinker: node-modules
+

web/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 Kleros
+
+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.

web/codegen.yaml

@@ -0,0 +1,7 @@
+schema: https://api.thegraph.com/subgraphs/name/alcercu/kleros-core
+documents: './src/hooks/queries/*.ts'
+generates:
+  src/graphql/generated.ts:
+    plugins:
+      - typescript
+      - typescript-operations

web/global.d.ts

@@ -0,0 +1,15 @@
+import {} from "styled-components";
+import { lightTheme } from "./src/styles/themes";
+
+declare global {
+  module "*.svg" {
+    const content: React.FC<React.SVGAttributes<SVGElement>>;
+    export default content;
+  }
+}
+
+declare module "styled-components" {
+  type Theme = typeof lightTheme;
+  //eslint-disable-next-line @typescript-eslint/no-empty-interface
+  export interface DefaultTheme extends Theme {}
+}

web/netlify.toml

@@ -0,0 +1,8 @@
+## Yarn 3 cache does not work out of the box as of Jan 2022. Context:
+## https://github.com/netlify/build/issues/1535#issuecomment-1021947989
+[build.environment]
+NETLIFY_USE_YARN = "true"
+NETLIFY_YARN_WORKSPACES = "true"
+YARN_ENABLE_GLOBAL_CACHE = "true"
+# YARN_CACHE_FOLDER = "$HOME/.yarn_cache"
+# YARN_VERSION = "3.2.0"

web/package.json

@@ -0,0 +1,75 @@
+{
+  "name": "@kleros/kleros-v2-web",
+  "version": "0.1.0",
+  "source": "src/index.html",
+  "browserslist": "> 0.5%, not dead",
+  "repository": "",
+  "author": "",
+  "license": "MIT",
+  "alias": {
+    "src": "./src",
+    "assets": "./src/assets",
+    "components": "./src/components",
+    "context": "./src/context",
+    "layout": "./src/layout",
+    "consts": "./src/consts",
+    "hooks": "./src/hooks",
+    "queries": "./src/hooks/queries",
+    "pages": "./src/pages",
+    "styles": "./src/styles",
+    "svgs": "./src/assets/svgs"
+  },
+  "packageManager": "yarn@3.2.0",
+  "scripts": {
+    "clear": "rm -r .parcel-cache",
+    "clean": "rm dist/bundle.js",
+    "start": "parcel",
+    "build": "parcel build",
+    "check-style": "eslint 'src/**/*.{js,jsx,ts,tsx}'",
+    "check-types": "tsc --noEmit",
+    "generate": "graphql-codegen"
+  },
+  "devDependencies": {
+    "@parcel/transformer-svg-react": "^2.5.0",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "@types/styled-components": "^5.1.21",
+    "@typescript-eslint/eslint-plugin": "^5.27.0",
+    "@typescript-eslint/parser": "^5.27.0",
+    "@typescript-eslint/utils": "^5.27.0",
+    "eslint": "^8.16.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-import-resolver-parcel": "^1.10.6",
+    "eslint-plugin-import": "^2.25.4",
+    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-react": "^7.28.0",
+    "eslint-plugin-react-hooks": "^4.3.0",
+    "eslint-plugin-security": "^1.4.0",
+    "eslint-utils": "^3.0.0",
+    "lru-cache": "^7.8.0",
+    "parcel": "^2.6.0",
+    "prettier": "^2.5.1",
+    "typescript": "^4.5.5"
+  },
+  "dependencies": {
+    "@graphql-codegen/cli": "^2.6.2",
+    "@graphql-codegen/typescript": "^2.4.9",
+    "@graphql-codegen/typescript-operations": "^2.3.6",
+    "@kleros/kleros-v2-contracts": "workspace:^",
+    "@kleros/ui-components-library": "^1.1.0",
+    "chart.js": "^3.7.1",
+    "chartjs-adapter-moment": "^1.0.0",
+    "core-js": "^3.21.1",
+    "ethers": "^5.6.5",
+    "graphql": "^16.4.0",
+    "graphql-request": "^4.2.0",
+    "moment": "^2.29.3",
+    "react": "^18.0.0",
+    "react-chartjs-2": "^4.1.0",
+    "react-dom": "^18.0.0",
+    "react-is": "^18.0.0",
+    "react-router-dom": "6",
+    "styled-components": "^5.3.5",
+    "swr": "^1.3.0"
+  }
+}