Reading and Writing Profile Info From Ceramic

.env.sample

@@ -7,18 +7,22 @@ DATABASE_NAME=metagame-db
 HASURA_GRAPHQL_ADMIN_SECRET=metagame_secret
 HASURA_PORT=8080
 
-# packages/web
+# packages/web/.env
 NEXT_TELEMETRY_DISABLED=1
 NEXT_PUBLIC_INFURA_ID=781d8466252d47508e177b8637b1c2fd
 NEXT_PUBLIC_GRAPHQL_URL=http://localhost:8080/v1/graphql # use https://api-staging.metagame.wtf/v1/graphql for staging backend
 NEXT_BRIGHTID_APP_URL=https://app.brightid.org
 NEXT_BRIGHTID_NODE_URL=http:%2f%2fnode.brightid.org
 NEXT_PUBLIC_VERCEL_URL=http://localhost:3000
+WEB3_STORAGE_TOKEN=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiJkaWQ6ZXRocjoweGE0OWIyMGIyMzVGY2E3N0QzRURlZWFDMzlDODkyZkVENmUzOTU5OTQiLCJpc3MiOiJ3ZWIzLXN0b3JhZ2UiLCJpYXQiOjE2MzA3MDMyMDg0ODEsIm5hbWUiOiJNeU1ldGEifQ.q7_i_XmkIMb6_6u9pNI6tkNUq0vhiJ0e1oV8GLdeez0
+NEXT_PUBLIC_CERAMIC_URL=https://ceramic-clay.3boxlabs.com
+NEXT_PUBLIC_CERAMIC_NETWORK=testnet-clay
 
 # packages/discord-bot
 GRAPHQL_URL=http://localhost:8080/v1/graphql
 FRONTEND_URL=http://localhost:3000
 
+
 # packages/backend
 IMGIX_TOKEN=
 # GITHUB_API_TOKEN=   # IMPORTANT! create one at https://github.com/settings/tokens

.eslintignore

@@ -0,0 +1 @@
+.eslintrc.js

.eslintrc.js

@@ -0,0 +1,83 @@
+module.exports = {
+  root: true,
+  extends: [
+    'airbnb-base',
+    'airbnb-typescript/base',
+    'airbnb/hooks',
+    'plugin:@typescript-eslint/eslint-recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:jest/recommended',
+    'prettier',
+  ],
+  parserOptions: {
+    project: 'tsconfig.json',
+    tsconfigRootDir: __dirname,
+    ecmaVersion: 6,
+  },
+  ignorePatterns: ['packages/web/next.config.js'],
+  plugins: ['simple-import-sort'],
+  settings: {
+    'import/resolver': {
+      typescript: {},
+    },
+  },
+  rules: {
+    '@typescript-eslint/explicit-function-return-type': 'off',
+
+    // Doesn't work for FC: https://github.com/yannickcr/eslint-plugin-react/issues/2353
+    'react/prop-types': 'off',
+
+    // Prefer non-default exports
+    'import/no-default-export': 'off',
+    'import/prefer-default-export': 'off',
+
+    // Auto-sort imports
+    'sort-imports': 'off',
+    'import/order': 'off',
+    'simple-import-sort/imports': 'error',
+    'simple-import-sort/exports': 'error',
+
+    // unary operators are ok
+    'no-plusplus': 'off',
+
+    // Using a type system makes it safe enough to spread props
+    'react/jsx-props-no-spreading': 'off',
+
+    // we want to be able to use functions before definition
+    '@typescript-eslint/no-use-before-define': 'off',
+
+    '@typescript-eslint/ban-ts-comment': [
+      'error',
+      {
+        'ts-expect-error': 'allow-with-description',
+        minimumDescriptionLength: 5,
+      },
+    ],
+    'no-bitwise': 'off',
+  },
+  overrides: [
+    {
+      // assuming Next.js application
+      files: '**/pages/**/*.{ts,tsx}',
+      rules: {
+        'react/react-in-jsx-scope': 'off', // react is a global in this folder
+        'import/no-default-export': 'off', // pages have to have a default export
+        'import/prefer-default-export': 'off',
+        '@typescript-eslint/explicit-module-boundary-types': [
+          // So we can infer prop types
+          'warn',
+          { allowedNames: ['getStaticProps'] },
+        ],
+      },
+    },
+    {
+      files: ['**/*.stories.*'],
+      rules: {
+        // Storybook requires default exports for stories
+        'import/no-default-export': 'off',
+        '@typescript-eslint/explicit-module-boundary-types': 'off',
+      },
+    },
+  ],
+  parser: '@typescript-eslint/parser',
+};

.github/workflows/PR-CI.yml

@@ -23,7 +23,7 @@ jobs:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v1
         with:
-          node-version: 14.x
+          node-version: 16.x
 
       - uses: actions/cache@v2
         with:
@@ -64,7 +64,7 @@ jobs:
 
       - uses: actions/setup-node@v1
         with:
-          node-version: 14.x
+          node-version: 16.x
 
       - uses: actions/cache@v2
         with: