After Devcon (#116)

* refactor: packages, rework eslint rules

* refactor: moving components to their right places

* correcting errors

* refactor: move context

* error correcting

* refactor: tesconfig + move constants to its right place

* error correcting

* refactor: typings

* error correcting

* refactor: redudant page names

* error correcting

* refactor

* error correcting

* general refactor

* styling refactor

* styling refactor

* error correcting

* correcting dependencies

* linting

* prettier

* deleting data folder

* error correcting

* error correcting

* correcting some page names

* lock file correcting

---------

Co-authored-by: Levente Kiss <[email protected]>

.eslintignore

@@ -0,0 +1 @@
+node_modules

.eslintrc.cjs

@@ -0,0 +1,56 @@
+module.exports = {
+  root: true,
+  env: { browser: true, es2020: true },
+  extends: [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:react-hooks/recommended",
+    "plugin:import/errors",
+    "plugin:import/warnings",
+    "plugin:import/typescript",
+    "plugin:prettier/recommended",
+    "prettier",
+  ],
+  ignorePatterns: ["dist", ".eslintrc.cjs"],
+  parser: "@typescript-eslint/parser",
+  plugins: [
+    "@typescript-eslint",
+    "react",
+    "react-refresh",
+    "react-hooks",
+    "simple-import-sort",
+  ],
+  rules: {
+    "@typescript-eslint/no-explicit-any": "off",
+    "@typescript-eslint/no-non-null-assertion": "off",
+    "@typescript-eslint/no-unused-vars": [
+      "warn",
+      {
+        argsIgnorePattern: "^_",
+        varsIgnorePattern: "^_",
+        caughtErrorsIgnorePattern: "^_",
+      },
+    ],
+    "react-hooks/rules-of-hooks": "error",
+    "react-hooks/exhaustive-deps": "warn",
+    "simple-import-sort/imports": [
+      "error",
+      {
+        groups: [
+          // Packages `react` related packages come first.
+          ["^react", "^@?\\w"],
+          // Internal packages.
+          ["^(@|components)(/.*|$)"],
+          // Side effect imports.
+          ["^\\u0000"],
+          // Parent imports. Put `..` last.
+          ["^\\.\\.(?!/?$)", "^\\.\\./?$"],
+          // Other relative imports. Put same-folder imports and `.` last.
+          ["^\\./(?=.*/)(?!/?$)", "^\\.(?!/?$)", "^\\./?$"],
+          // Style imports.
+          ["^.+\\.?(css)$"],
+        ],
+      },
+    ],
+  },
+};

.github/workflows/build.yml

@@ -17,11 +17,11 @@ jobs:
         uses: actions/setup-node@v4
         with:
           node-version: 20
-          cache: 'npm'
+          cache: "npm"
       - name: Install dependencies
         run: npm ci
       - name: Get current date
         id: date
         run: echo "::set-output name=date::$(date +'%Y-%m-%d')"
       - name: Build
-        run: npm run build
+        run: npm run build

.github/workflows/deploy.yml

@@ -4,7 +4,7 @@ name: Deploy static content to Pages
 on:
   # Runs on pushes targeting the default branch
   push:
-    branches: ['main']
+    branches: ["main"]
 
   # Allows you to run this workflow manually from the Actions tab
   workflow_dispatch:
@@ -17,7 +17,7 @@ permissions:
 
 # Allow one concurrent deployment
 concurrency:
-  group: 'pages'
+  group: "pages"
   cancel-in-progress: true
 
 jobs:
@@ -34,7 +34,7 @@ jobs:
         uses: actions/setup-node@v4
         with:
           node-version: 20
-          cache: 'npm'
+          cache: "npm"
       - name: Install dependencies
         run: npm ci
       - name: Get current date
@@ -54,7 +54,7 @@ jobs:
         uses: actions/upload-pages-artifact@v3
         with:
           # Upload dist folder
-          path: './dist'
+          path: "./dist"
       - name: Deploy to GitHub Pages
         id: deployment
         uses: actions/deploy-pages@v4

README.md

@@ -17,12 +17,12 @@ If you are developing a production application, we recommend updating the config
 export default {
   // other rules...
   parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-    project: ['./tsconfig.json', './tsconfig.node.json', './tsconfig.app.json'],
+    ecmaVersion: "latest",
+    sourceType: "module",
+    project: ["./tsconfig.json", "./tsconfig.node.json", "./tsconfig.app.json"],
     tsconfigRootDir: __dirname,
   },
-}
+};
 ```
 
 - Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`

cloudbuild.yaml

@@ -2,46 +2,46 @@ steps:
   - name: gcr.io/cloud-builders/docker
     args:
       - build
-      - '--no-cache'
-      - '-t'
+      - "--no-cache"
+      - "-t"
       - $_AR_HOSTNAME/$PROJECT_ID/cloud-run-source-deploy/$REPO_NAME/$_SERVICE_NAME:$COMMIT_SHA
       - .
-      - '-f'
+      - "-f"
       - Dockerfile
-      - '--build-arg' 
-      - 'BEE_API_URL=${_BEE_API_URL}'
-      - '--build-arg'
-      - 'DEVCON6_SESSSIONS_HASH=${_DEVCON6_SESSSIONS_HASH}'
-      - '--build-arg'
-      - 'BASE_URL=${_BASE_URL}'
-      - '--build-arg'
-      - 'HEALTH_CHECK_DATA_REF=${_HEALTH_CHECK_DATA_REF}'
-      - '--build-arg'
-      - 'FEED_OWNER_ADDRESS=${_FEED_OWNER_ADDRESS}'
-      - '--build-arg'
-      - 'BACKEND_API_URL=${_BACKEND_API_URL}'
-      - '--build-arg'
-      - 'GATEWAY=${_GATEWAY}'
+      - "--build-arg"
+      - "BEE_API_URL=${_BEE_API_URL}"
+      - "--build-arg"
+      - "DEVCON6_SESSSIONS_HASH=${_DEVCON6_SESSSIONS_HASH}"
+      - "--build-arg"
+      - "BASE_URL=${_BASE_URL}"
+      - "--build-arg"
+      - "HEALTH_CHECK_DATA_REF=${_HEALTH_CHECK_DATA_REF}"
+      - "--build-arg"
+      - "FEED_OWNER_ADDRESS=${_FEED_OWNER_ADDRESS}"
+      - "--build-arg"
+      - "BACKEND_API_URL=${_BACKEND_API_URL}"
+      - "--build-arg"
+      - "GATEWAY=${_GATEWAY}"
     id: Build
   - name: gcr.io/cloud-builders/docker
     args:
       - push
       - >-
         $_AR_HOSTNAME/$PROJECT_ID/cloud-run-source-deploy/$REPO_NAME/$_SERVICE_NAME:$COMMIT_SHA
     id: Push
-  - name: 'gcr.io/google.com/cloudsdktool/cloud-sdk:slim'
+  - name: "gcr.io/google.com/cloudsdktool/cloud-sdk:slim"
     args:
       - run
       - services
       - update
       - $_SERVICE_NAME
-      - '--platform=managed'
+      - "--platform=managed"
       - >-
         --image=$_AR_HOSTNAME/$PROJECT_ID/cloud-run-source-deploy/$REPO_NAME/$_SERVICE_NAME:$COMMIT_SHA
       - >-
         --labels=managed-by=gcp-cloud-build-deploy-cloud-run,commit-sha=$COMMIT_SHA,gcb-build-id=$BUILD_ID,gcb-trigger-id=$_TRIGGER_ID
-      - '--region=$_DEPLOY_REGION'
-      - '--quiet'
+      - "--region=$_DEPLOY_REGION"
+      - "--quiet"
     id: Deploy
     entrypoint: gcloud
 images:
@@ -60,4 +60,4 @@ substitutions:
 tags:
   - gcp-cloud-build-deploy-cloud-run
   - gcp-cloud-build-deploy-cloud-run-managed
-  - devcon-buzz
+  - devcon-buzz