small changes

.editorconfig

@@ -1,18 +1,16 @@
+# EditorConfig is awesome: https://EditorConfig.org
 
+# top-most EditorConfig file
+root = true
 
-# # EditorConfig is awesome: https://EditorConfig.org
+# Unix-style newlines with a newline ending every file
+[*]
+end_of_line = lf
+insert_final_newline = true
 
-# # top-most EditorConfig file
-# root = true
-
-# # Unix-style newlines with a newline ending every file
-# [*]
-# end_of_line = lf
-# insert_final_newline = true
-
-# # Matches multiple files with brace expansion notation
-# # Set default charset
-# [*.{js,jsx}]
-# charset = utf-8
-# indent_size = 2
-# bracket_spacing = true
+# Matches multiple files with brace expansion notation
+# Set default charset
+[*.{js,jsx,ts,tsx}]
+charset = utf-8
+indent_size = 2
+bracket_spacing = true

.eslintignore

@@ -0,0 +1,8 @@
+node_modules
+logs
+run
+coverage
+Dockerfile
+.next
+.gitignore
+.scratch

.eslintrc

@@ -1,43 +1,18 @@
 {
-  "plugins": [],
   "extends": [
+    "next",
+    "prettier",
     "next/core-web-vitals",
-    "plugin:react-hooks/recommended",
-    "plugin:@typescript-eslint/eslint-recommended",
-    "plugin:@typescript-eslint/recommended",
-    "plugin:import/typescript",
-    "prettier"
+    "plugin:react/recommended",
+    "plugin:@next/next/recommended"
   ],
-  "env": {
-    "es6": true
-  },
   "rules": {
-    "array-bracket-spacing": ["warn", "always"],
-    "react-hooks/exhaustive-deps": [
-      "warn",
-      {
-        "additionalHooks": "(useMyCustomHook|useMyOtherCustomHook)"
-      }
-    ],
-    "@typescript-eslint/no-var-requires": 0,
-
-    "import/no-anonymous-default-export": "off",
-    "@typescript-eslint/ban-types": "off",
-    "@typescript-eslint/ban-ts-comment": "off",
-    "@typescript-eslint/explicit-module-boundary-types": "off",
-    "@typescript-eslint/no-empty-interface": "off",
-    "@typescript-eslint/no-explicit-any": "off",
-    "@typescript-eslint/no-non-null-assertion": "off",
-    "@typescript-eslint/no-inferrable-types": [
-      "error",
-      {
-        "ignoreParameters": true
-      }
-    ],
-    "no-shadow": "error",
-    "import/no-cycle": "error",
-    "import/no-unresolved": ["error", { "ignore": ["react-query"] }],
-    "import/no-unused-modules": ["off", { "unusedExports": true }],
-    "no-redeclare": "off"
+    "@next/next/no-img-element": "off",
+    "@next/next/no-title-in-document-head": "off"
+  },
+  "env": {
+    "es6": true,
+    "node": true,
+    "browser": true
   }
 }

.github/workflows/prettier-ci.yml

@@ -0,0 +1,27 @@
+name: Prettier CI
+
+# This action works with pull requests and pushes
+on:
+  pull_request:
+  push:
+    branches:
+      - master
+
+jobs:
+  prettier:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2
+        with:
+          ref: ${{ github.head_ref }}
+
+      - name: Prettify code
+        uses: creyD/[email protected]
+        with:
+          # only_changed: true
+          # dry:
+          prettier_options: --write **/*.{js,ts,jsx,tsx,md}
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.gitignore

@@ -1,3 +1,7 @@
+.scratch
+
+next.lock
+
 # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 pnpm-lock.yaml
 # dependencies
@@ -31,9 +35,6 @@ yarn-error.log*
 .env.test.local
 .env.production.local
 
-# vercel
 .vercel
-
 .scratch
-
 .vscode

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+./node_modules/.bin/lint-staged

.prettierignore

@@ -0,0 +1,12 @@
+.vscode/
+.DS_Store
+node_modules/
+
+/.cache
+/build
+/server-build
+/public/build
+/coverage
+
+app/styles
+.scratch

.prettierrc

@@ -1,24 +1,13 @@
 {
-  "singleQuote": true,
-  "printWidth": 80,
-  "tabWidth": 2,
-  "trailingComma": "es5",
-  "bracketSpacing": true,
-
-  "semi": false,
-  "useTabs": false,
-  "jsxBracketSameLine": false,
-  "arrowParens": "avoid",
-  "endOfLine": "auto",
-  "proseWrap": "preserve",
-  "overrides": [
-    {
-      "files": "*.json",
-      "options": {
-        "parser": "json"
-      }
-    }
-  ],
-  "requirePragma": false,
-  "insertPragma": false
+	"singleQuote": true,
+	"trailingComma": "es5",
+	"printWidth": 100,
+	"tabWidth": 2,
+	"useTabs": false,
+	"semi": true,
+	"bracketSpacing": true,
+	"jsxBracketSameLine": true,
+	"objectCurlySpacing": true,
+	"bracketSameLine": false,
+	"arrowParens": "avoid"
 }

README.md

@@ -1,6 +1,43 @@
-#
-
 <div style="display:flex;flex-direction:column;flex-gap:0;justify-content:center;align-items:center">
-<p style="font-size: 7rem;margin-bottom:-70px">🐦</p>
-<span style="font-size: 4rem;font-weight:bold;padding-top:50px">Social Realms</span>
+<p style="font-size: 10rem;margin-bottom:-70px">🐦</p>
+<span style="font-size: 4rem;font-weight:bold;padding-top:25px">Social Realms</span>
+</div>
+
+<hr/>
+
+<br/>
+<br/>
+
+-note: If you don't have `pnpm` installed you can install it with `npm install -g pnpm`. Alternatively, you can use `npm` instead of `pnpm`.
+
+To get started:
+
+```
+pnpm install
+```
+
+Then,
+
+```
+pnpm run dev
+```
+
+If you want to run locally as https:
+
+```
+npm run dev-https
+```
+
+Why you would want to run locally as https is for many reasons. One of which is to be able to access the browser `window.navigation.clipboard` object.
+
+When you run `npm run dev-https`, you will have `http://localhost:3000` and `https://localhost:3001` running.
+
+<br/>
+<hr/>
+<br/>
+
+<div align="center">
+
+[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/404DAO/social-realms/tree/development)
+
 </div>

next.config.js

@@ -1,65 +1,4 @@
-// @ts-nocheck
-
-/**
- * @type {import('next').NextConfig}
- **/
-const nextConfig = {
-  experimental: {
-    // concurrentFeatures: true,
-    urlImports: [ 'https://fonts.googleapis.com/', 'https://api.wrappedpunks.com/' ],
-  },
-  images: {
-    domains: [ 'storage.googleapis.com', 'api.wrappedpunks.com' ],
-  },
-  env: {
-    RPC_URL_1: 'https://mainnet.infura.io/v3/84842078b09946638c03157f83405213',
-    RPC_URL_4: 'https://rinkeby.infura.io/v3/84842078b09946638c03157f83405213',
-  },
+/** @type {import('next').NextConfig} */
+module.exports = {
   reactStrictMode: true,
-  swcMinify: true,
-  styledComponents: true,
-  trailingSlash: true,
-  serverRuntimeConfig: {
-    // Will only be available on the server side
-    //mySecret: 'secret',
-  },
-  /**
-   * can do:
-   * import getConfig from 'next/config'
-   * const { publicRuntimeConfig } = getConfig()
-   * <Image src={publicRuntimeConfig.IMAGE_URL} />
-   */
-  publicRuntimeConfig: {
-    // Will be available on both server and client
-    // staticFolder: '/static',
-    // apiUrl: 'https://api.example.com',
-  },
-  webpack: ( config, { dev, isServer, defaultLoaders, webpack } ) => {
-    // Important: return the modified config
-    // if (!isServer) {
-    //   config.node = {
-    //     dgram: 'empty',
-    //     fs: 'empty',
-    //     net: 'empty',
-    //     tls: 'empty',
-    //     child_process: 'empty',
-    //   };
-
-    //   // ignore apm (might use in nextjs code but dont want it in client bundles)
-    //   config.plugins.push(
-    //     new webpack.IgnorePlugin(/^(elastic-apm-node)$/),
-    //   );
-    // }
-    return config
-  },
-  poweredByHeader: false,
-  devIndicators: {
-    buildActivity: true,
-    buildActivityPosition: 'bottom-left'
-  }
-
-  // distDir: "build",
-
-}
-
-module.exports = nextConfig
+};