feat: implement table

.dockerignore

@@ -0,0 +1,8 @@
+Dockerfile
+.dockerignore
+node_modules
+npm-debug.log
+README.md
+.next
+.git
+codegen.ts

.eslintrc.json

@@ -0,0 +1,6 @@
+{
+  "extends": "next/core-web-vitals",
+  "rules": {
+    "@next/next/no-img-element": "off"
+  }
+}

.github/ISSUE_TEMPLATE/bug_report.md

@@ -0,0 +1,37 @@
+---
+name: Bug report
+about: Create a report to help us improve
+title: ''
+labels: ''
+assignees: ''
+
+---
+
+### Summary:
+[Provide a brief summary of the issue.]
+
+### Environment:
+- Operating System:
+- Browser (If applicable):
+- Project Version:
+- Additional relevant information:
+
+### Steps to Reproduce:
+1. [First step]
+2. [Second step]
+3. [And so on…]
+
+### Expected Behavior:
+[Provide a detailed description of the expected behavior.]
+
+### Actual Behavior:
+[Provide a detailed description of the actual behavior you are experiencing.]
+
+### Screenshots (if applicable):
+[Attach screenshots to help illustrate the issue.]
+
+### Additional Information:
+[Any additional information, configuration, or data that might be necessary to reproduce the issue.]
+
+### Potential Solutions (if applicable):
+[Optional: Provide any thoughts or ideas you might have on potential solutions to the issue.]

.github/ISSUE_TEMPLATE/feature_request.md

@@ -0,0 +1,17 @@
+---
+name: Feature request
+about: Suggest an idea for this project
+title: ''
+labels: ''
+assignees: ''
+
+---
+
+### Feature Request:
+[Quick summary of the feature you would like to be added.]
+
+### Why is this feature important?
+[Explain why you think this feature would be beneficial.]
+
+### How should it work?
+[Briefly describe how you envision this feature working, or how you would like it to be implemented.]

.github/pull_request_template.md

@@ -0,0 +1,24 @@
+### Description:
+[Provide a brief description of the changes in the pull request.]
+
+### Related Issue(s):
+[Link to the related Issue(s), if any.]
+
+### Changes Included:
+- [ ] Bugfix (a change that fixes an issue)
+- [ ] New feature (a change that adds new functionality)
+- [ ] Refactoring (a change that improves code quality and/or architecture)
+- [ ] Other (explain below)
+
+### Implementation Details:
+[Explain any new decisions made during the implementation of the changes.]
+
+### Testing:
+[Describe how the changes have been tested.]
+
+### Checklist:
+- [ ] My code follows the style guidelines of this project
+- [ ] I have performed a self-review of my own code
+- [ ] I have commented my code, particularly in hard-to-understand areas
+- [ ] My changes generate no new warnings
+- [ ] Any dependent changes have been merged and published in downstream modules

.gitignore

@@ -0,0 +1,41 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
+
+.idea
+.env
+
+public/rss.xml
+public/atom*.xml

.husky/pre-commit

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

.prettierignore

@@ -0,0 +1,2 @@
+src/components/Copy
+src/components/Info/index.tsx

.prettierrc

@@ -0,0 +1,7 @@
+{
+  "tabWidth": 2,
+  "semi": false,
+  "singleQuote": true,
+  "trailingComma": "all",
+  "plugins": ["prettier-plugin-organize-imports"]
+}

CNAME

@@ -1 +0,0 @@
-psc.logos.co

Jenkinsfile

@@ -0,0 +1,58 @@
+#!/usr/bin/env groovy
+library 'status-jenkins-lib@v1.8.16'
+
+pipeline {
+  agent { label 'linux' }
+
+  options {
+    disableConcurrentBuilds()
+    /* manage how many builds we keep */
+    buildDiscarder(logRotator(
+      numToKeepStr: '20',
+      daysToKeepStr: '30',
+    ))
+  }
+
+  environment {
+    GIT_COMMITTER_NAME = 'status-im-auto'
+    GIT_COMMITTER_EMAIL = 'auto@status.im'
+  }
+
+  stages {
+    stage('Install') {
+      steps {
+        sh 'yarn install'
+      }
+    }
+
+    stage('Build') {
+      steps {
+        script {
+          sh 'yarn build'
+          jenkins.genBuildMetaJSON('out/build.json')
+        }
+      }
+    }
+
+    stage('Publish') {
+      steps {
+        sshagent(credentials: ['status-im-auto-ssh']) {
+          sh """
+            ghp-import \
+              -b ${deployBranch()} \
+              -c ${deployDomain()} \
+              -p out
+          """
+         }
+      }
+    }
+  }
+
+  post {
+    cleanup { cleanWs() }
+  }
+}
+
+def isMasterBranch() { GIT_BRANCH ==~ /.*master/ }
+def deployBranch() { isMasterBranch() ? 'deploy-master' : 'deploy-develop' }
+def deployDomain() { isMasterBranch() ? 'psc.logos.co' : 'dev-psc.logos.co' }

README.md

@@ -0,0 +1,32 @@
+# psc.logos.co
+
+https://psc.logos.co/
+
+## How to Run Locally
+
+1. Clone this repository
+```bash
+$ git clone https://github.com/acid-info/psc.logos.co.git
+```
+
+2. Install the dependencies:
+```bash
+$ yarn install
+```
+
+3. Start the development server:
+```bash
+$ yarn dev
+```
+
+4. Visit `http://localhost:3000` in your browser
+
+## CI/CD
+
+- [CI builds](https://ci.infra.status.im/job/website/job/psc.logos.co/) `master` and pushes to `deploy-master` branch, which is hosted at <https://psc.logos.co//>.
+- [CI builds](https://ci.infra.status.im/job/website/job/dev-psc.logos.co/) `develop` and pushes to `deploy-develop` branch, which is hosted at <https://dev-psc.logos.co//>.
+
+The hosting is done using [Caddy server with Git plugin for handling GitHub webhooks](https://github.com/status-im/infra-misc/blob/master/ansible/roles/caddy-git).
+
+Information about deployed build can be also found in `/build.json` available on the website.
+

_next/static/chunks/pages/_error-77823ddac6993d35.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[820],{1981:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/_error",function(){return u(6971)}])}},function(n){n.O(0,[888,774,179],function(){return n(n.s=1981)}),_N_E=n.O()}]);

_next/static/chunks/pages/world-debt-ce190a8e06677851.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[223],{9913:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/world-debt",function(){return e(9332)}])},9332:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return s}});var r=e(2729),i=e(5893),u=e(1998),l=e(7294);function c(){let n=(0,r._)(["\n  width: 100vw;\n  height: 100vh;\n  background-color: #000;\n  color: #fff;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  h1 {\n    font-size: 52px;\n    text-align: center;\n  }\n\n  p {\n    font-size: 60px;\n    text-align: center;\n    margin-top: 20px;\n    font-weight: bold;\n  }\n"]);return c=function(){return n},n}function o(){let n=(0,r._)([""]);return o=function(){return n},n}let f=n=>n.toString().replace(/\B(?=(\d{3})+(?!\d))/g,",");function s(){let[n,t]=(0,l.useState)(72748553737909);return(0,l.useEffect)(()=>{if(null===n)return;let e=setInterval(()=>{t(n+5e-13*n)},2e3);return()=>clearInterval(e)},[n]),(0,i.jsx)(d,{children:(0,i.jsxs)(a,{children:[(0,i.jsx)("h1",{children:"World Debt Clock"}),(0,i.jsxs)("p",{children:["$",f(n).split(".")[0]]})]})})}let d=u.Z.div(c()),a=u.Z.div(o())}},function(n){n.O(0,[888,774,179],function(){return n(n.s=9913)}),_N_E=n.O()}]);

_next/static/chunks/webpack-c4acd79e87956a0e.js

@@ -1 +0,0 @@
-!function(){"use strict";var e,t,n,r,o,u,f={},i={};function c(e){var t=i[e];if(void 0!==t)return t.exports;var n=i[e]={exports:{}},r=!0;try{f[e].call(n.exports,n,n.exports,c),r=!1}finally{r&&delete i[e]}return n.exports}c.m=f,e=[],c.O=function(t,n,r,o){if(n){o=o||0;for(var u=e.length;u>0&&e[u-1][2]>o;u--)e[u]=e[u-1];e[u]=[n,r,o];return}for(var f=1/0,u=0;u<e.length;u++){for(var n=e[u][0],r=e[u][1],o=e[u][2],i=!0,l=0;l<n.length;l++)f>=o&&Object.keys(c.O).every(function(e){return c.O[e](n[l])})?n.splice(l--,1):(i=!1,o<f&&(f=o));if(i){e.splice(u--,1);var a=r();void 0!==a&&(t=a)}}return t},c.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return c.d(t,{a:t}),t},n=Object.getPrototypeOf?function(e){return Object.getPrototypeOf(e)}:function(e){return e.__proto__},c.t=function(e,r){if(1&r&&(e=this(e)),8&r||"object"==typeof e&&e&&(4&r&&e.__esModule||16&r&&"function"==typeof e.then))return e;var o=Object.create(null);c.r(o);var u={};t=t||[null,n({}),n([]),n(n)];for(var f=2&r&&e;"object"==typeof f&&!~t.indexOf(f);f=n(f))Object.getOwnPropertyNames(f).forEach(function(t){u[t]=function(){return e[t]}});return u.default=function(){return e},c.d(o,u),o},c.d=function(e,t){for(var n in t)c.o(t,n)&&!c.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},c.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},c.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},c.p="/_next/",r={272:0},c.O.j=function(e){return 0===r[e]},o=function(e,t){var n,o,u=t[0],f=t[1],i=t[2],l=0;if(u.some(function(e){return 0!==r[e]})){for(n in f)c.o(f,n)&&(c.m[n]=f[n]);if(i)var a=i(c)}for(e&&e(t);l<u.length;l++)o=u[l],c.o(r,o)&&r[o]&&r[o][0](),r[o]=0;return c.O(a)},(u=self.webpackChunk_N_E=self.webpackChunk_N_E||[]).forEach(o.bind(null,0)),u.push=o.bind(null,u.push.bind(u))}();

_next/static/css/f95e1b774649d420.css

@@ -1 +0,0 @@
-.hero-cover-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}

_next/static/ecdT-hDqP23gWUVK1P3PT/_buildManifest.js

@@ -1 +0,0 @@
-self.__BUILD_MANIFEST={__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},"/":["static/chunks/946-9a26d27f6b0d4a65.js","static/chunks/pages/index-e60f8f78c634a1b6.js"],"/_error":["static/chunks/pages/_error-77823ddac6993d35.js"],"/world-debt":["static/chunks/pages/world-debt-ce190a8e06677851.js"],sortedPages:["/","/_app","/_error","/world-debt"]},self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();

_next/static/ecdT-hDqP23gWUVK1P3PT/_ssgManifest.js

@@ -1 +0,0 @@
-self.__SSG_MANIFEST=new Set,self.__SSG_MANIFEST_CB&&self.__SSG_MANIFEST_CB();

assets/lightning-talks/4seas.svg

@@ -1,3 +0,0 @@
-<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M35.5263 4C35.8096 4.03712 36.0937 4.0678 36.3758 4.11194C38.0357 4.37263 39.5087 5.05097 40.7853 6.13817C42.4547 7.56002 43.5141 9.35303 43.867 11.5196C44.3218 14.3121 43.6138 16.7925 41.6888 18.8854C40.1951 20.5095 38.3142 21.4479 36.1674 21.8837C35.2752 22.0649 34.3716 22.0947 33.4654 22.104C32.5113 22.1137 31.5568 22.1149 30.6036 22.1517C29.79 22.1832 28.9826 22.289 28.224 22.6134C27.6841 22.8443 27.1977 23.1702 26.7346 23.5259C26.4227 23.7655 26.4388 24.2521 26.7504 24.4938C27.718 25.2444 28.7897 25.7403 30.0312 25.8014C30.7553 25.8371 31.4797 25.8648 32.2043 25.8856C33.1044 25.9113 34.0089 25.8771 34.904 25.9549C37.532 26.1831 39.8291 27.1689 41.6666 29.0996C42.9792 30.4785 43.7553 32.1268 43.9441 34.0277C44.2131 36.7322 43.4139 39.0972 41.5821 41.0965C40.1515 42.6584 38.3692 43.6079 36.2706 43.9019C33.6215 44.2731 31.2587 43.5936 29.2492 41.8108C27.5906 40.339 26.6145 38.4662 26.1497 36.3131C25.9629 35.4475 25.9103 34.5698 25.903 33.6869C25.8942 32.645 25.8898 31.6028 25.8489 30.562C25.8165 29.7387 25.725 28.9116 25.3552 28.1623C25.1114 27.6681 24.8 27.2034 24.4858 26.7483C24.2554 26.4146 23.7626 26.4236 23.5138 26.7466C22.826 27.6403 22.3164 28.6159 22.2334 29.7645C22.1785 30.5261 22.1407 31.2895 22.1162 32.0526C22.0855 33.0062 22.1276 33.9648 22.0478 34.9135C21.8265 37.5438 20.8414 39.8457 18.9 41.6723C17.1206 43.3467 14.9823 44.1182 12.5414 43.9797C8.42543 43.7456 4.99323 40.7967 4.19285 36.7638C3.62427 33.8988 4.31095 31.3339 6.27947 29.1548C7.50928 27.7932 9.04779 26.9056 10.7982 26.3778C11.8588 26.058 12.9445 25.9119 14.0512 25.9072C14.9715 25.9031 15.8917 25.9043 16.8117 25.8821C17.693 25.8607 18.5703 25.7871 19.4207 25.5252C19.958 25.3598 20.4239 25.0605 20.8867 24.7542C21.0004 24.6791 21.1126 24.6017 21.2217 24.5201C21.5862 24.2481 21.5856 23.7658 21.2299 23.4861C20.1959 22.6731 19.0275 22.2218 17.71 22.1742C17.0049 22.1488 16.2992 22.1306 15.5938 22.1134C14.7911 22.0938 13.9863 22.1046 13.1854 22.0555C11.7211 21.9661 10.3314 21.5756 9.02352 20.9096C7.63878 20.2043 6.47006 19.2399 5.56911 17.9659C4.70909 16.749 4.19226 15.3987 4.05721 13.9126C3.81429 11.2402 4.60269 8.89974 6.40692 6.92348C7.86679 5.32481 9.69061 4.37994 11.8415 4.08271C12.0713 4.05085 12.3022 4.02747 12.5326 4C12.8638 4 13.1947 4 13.5259 4C13.5727 4.00877 13.6195 4.01929 13.6668 4.02601C14.0615 4.08125 14.4611 4.11164 14.8499 4.19465C16.6418 4.57721 18.1531 5.46101 19.387 6.81008C21.0109 8.58585 21.8575 10.7033 22.0493 13.0834C22.1182 13.9406 22.084 14.8057 22.1089 15.667C22.1314 16.445 22.16 17.2233 22.2042 18.0004C22.274 19.2288 22.7605 20.2952 23.5103 21.2521C23.7608 21.5718 24.2557 21.5911 24.4834 21.2582C24.8091 20.7821 25.1327 20.2961 25.3815 19.7782C25.7448 19.0213 25.8191 18.1872 25.8504 17.3589C25.8822 16.5175 25.8796 15.6749 25.8863 14.8326C25.8942 13.8439 25.9205 12.8572 26.1184 11.8831C26.5613 9.70199 27.5207 7.79909 29.1653 6.27466C30.4726 5.06266 32.0132 4.32733 33.7826 4.08271C34.0033 4.05231 34.2246 4.02747 34.4459 4C34.8063 4 35.1665 4 35.5269 4L35.5263 4Z" fill="black"/>
-</svg>

assets/lightning-talks/registry-chain.svg

@@ -1,15 +0,0 @@
-<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<mask id="mask0_4121_9141" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="2" y="3" width="44" height="43">
-<path d="M45.0009 3H2.99911V45.0018H45.0009V3Z" fill="white"/>
-</mask>
-<g mask="url(#mask0_4121_9141)">
-<path d="M23.0894 39.3256C13.723 39.3256 6.33072 32.3113 6.33072 23.4489C6.33072 14.4606 13.807 7.57227 23.0894 7.57227C31.5738 7.57227 36.53 10.5964 39.4701 15.2586C40.9402 17.5687 41.6542 20.2988 41.6542 23.4489C41.6542 29.7912 38.5041 34.5374 33.2958 37.2675C30.7337 38.6116 27.3316 39.3256 23.0894 39.3256ZM22.0814 37.3935C29.6837 37.3935 35.984 31.2193 35.984 23.4909C35.984 15.8466 29.7257 9.58835 22.0814 9.58835C14.311 9.58835 8.3048 16.0566 8.3048 23.4909C8.3048 28.4471 10.9509 33.1093 15.1931 35.5454C17.3352 36.7635 19.6033 37.3935 22.0814 37.3935Z" fill="white"/>
-<mask id="mask1_4121_9141" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="5" y="6" width="38" height="35">
-<path d="M42.9499 6.28516H5.04988V40.5756H42.9499V6.28516Z" fill="white"/>
-<path d="M23.0893 39.3256C13.7229 39.3256 6.33064 32.3113 6.33064 23.4489C6.33064 14.4606 13.807 7.57227 23.0893 7.57227C31.5737 7.57227 36.5299 10.5964 39.47 15.2586C40.9401 17.5687 41.6541 20.2988 41.6541 23.4489C41.6541 29.7912 38.504 34.5374 33.2958 37.2675C30.7337 38.6116 27.3315 39.3256 23.0893 39.3256ZM22.0813 37.3935C29.6836 37.3935 35.9839 31.2193 35.9839 23.4909C35.9839 15.8466 29.7256 9.58835 22.0813 9.58835C14.311 9.58835 8.30472 16.0566 8.30472 23.4909C8.30472 28.4471 10.9508 33.1093 15.193 35.5454C17.3351 36.7635 19.6032 37.3935 22.0813 37.3935Z" fill="black"/>
-</mask>
-<g mask="url(#mask1_4121_9141)">
-<path d="M39.4701 15.2586L38.4292 15.915L38.4306 15.9171L38.4319 15.9193L39.4701 15.2586ZM33.2958 37.2676L32.7245 36.1777L32.7242 36.1779L33.2958 37.2676ZM15.193 35.5455L14.5803 36.6126L14.5825 36.6139L14.5848 36.6151L15.193 35.5455ZM23.0894 38.0951C14.3396 38.0951 7.5612 31.5705 7.5612 23.449H5.10016C5.10016 33.0522 13.1063 40.5562 23.0894 40.5562V38.0951ZM7.5612 23.449C7.5612 15.2116 14.4129 8.80284 23.0894 8.80284V6.3418C13.2011 6.3418 5.10016 13.7096 5.10016 23.449H7.5612ZM23.0894 8.80284C31.2266 8.80284 35.7519 11.6696 38.4292 15.915L40.5109 14.6023C37.308 9.52328 31.9209 6.3418 23.0894 6.3418V8.80284ZM38.4319 15.9193C39.7553 17.9988 40.4236 20.4902 40.4236 23.449H42.8847C42.8847 20.1075 42.125 17.1386 40.5082 14.598L38.4319 15.9193ZM40.4236 23.449C40.4236 29.3128 37.5462 33.6502 32.7245 36.1777L33.8671 38.3574C39.4619 35.4247 42.8847 30.2697 42.8847 23.449H40.4236ZM32.7242 36.1779C30.3942 37.4002 27.2067 38.0951 23.0894 38.0951V40.5562C27.4564 40.5562 31.0732 39.823 33.8674 38.3572L32.7242 36.1779ZM22.0813 38.6241C30.356 38.6241 37.2144 31.9062 37.2144 23.491H34.7534C34.7534 30.5324 29.0113 36.163 22.0813 36.163V38.6241ZM37.2144 23.491C37.2144 15.1671 30.4052 8.35788 22.0813 8.35788V10.8189C29.0461 10.8189 34.7534 16.5262 34.7534 23.491H37.2144ZM22.0813 8.35788C13.5977 8.35788 7.07424 15.4113 7.07424 23.491H9.53528C9.53528 16.702 15.0243 10.8189 22.0813 10.8189V8.35788ZM7.07424 23.491C7.07424 28.8756 9.94546 33.951 14.5803 36.6126L15.8058 34.4784C11.9563 32.2678 9.53528 28.0188 9.53528 23.491H7.07424ZM14.5848 36.6151C16.9036 37.9337 19.3803 38.6241 22.0813 38.6241V36.163C19.8262 36.163 17.7666 35.5934 15.8013 34.4758L14.5848 36.6151Z" fill="black"/>
-</g>
-</g>
-</svg>

build.json

@@ -1,15 +0,0 @@
-{
-    "timestamp": "2024-11-11T00:27:29Z",
-    "git": {
-        "commit": "1a1e8be18e90f658a7e8ee6e0b3ac5441b508c2a",
-        "branch": "origin/master",
-        "url": "git@github.com:acid-info/psc.logos.co.git"
-    },
-    "build": {
-        "id": "62",
-        "number": "62",
-        "name": "website/psc.logos.co",
-        "slave": "linux-01",
-        "url": "https://ci.infra.status.im/job/website/job/psc.logos.co/62/"
-    }
-}

hooks/useUTMSource.ts

@@ -0,0 +1,25 @@
+import { useRouter } from 'next/router'
+import { useEffect } from 'react'
+
+const useUTMSource = () => {
+  const router = useRouter()
+  const { utm_source } = router.query
+
+  useEffect(() => {
+    if (utm_source) {
+      const links = document.querySelectorAll<HTMLAnchorElement>(
+        'a[href^="https://lu.ma/psc1"]',
+      )
+
+      links.forEach((link) => {
+        if (link && link.href) {
+          const url = new URL(link.href)
+          url.searchParams.set('utm_source', utm_source as string)
+          link.href = url.toString()
+        }
+      })
+    }
+  }, [utm_source])
+}
+
+export default useUTMSource

hooks/useWindowSize.ts

@@ -0,0 +1,29 @@
+import { useEffect, useState } from 'react'
+
+function useWindowSize() {
+  const [windowSize, setWindowSize] = useState({
+    width: 0,
+    height: 0,
+  })
+
+  useEffect(() => {
+    function handleResize() {
+      setWindowSize({
+        width: window.innerWidth,
+        height: window.innerHeight,
+      })
+    }
+    window.addEventListener('resize', handleResize)
+    handleResize()
+    return () => window.removeEventListener('resize', handleResize)
+  }, [])
+
+  const { width, height } = windowSize
+
+  return {
+    width,
+    height,
+  }
+}
+
+export default useWindowSize

mdx-components.tsx

@@ -0,0 +1,7 @@
+import type { MDXComponents } from 'mdx/types'
+
+export function useMDXComponents(components: MDXComponents): MDXComponents {
+  return {
+    ...components,
+  }
+}

next.config.js

@@ -0,0 +1,26 @@
+import createMDX from '@next/mdx'
+import remarkGfm from 'remark-gfm'
+
+const withMDX = createMDX({
+  // Add markdown plugins here, as desired
+  options: {
+    remarkPlugins: [remarkGfm],
+    rehypePlugins: [],
+  },
+})
+
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  output: 'export',
+  trailingSlash: true,
+  images: {
+    unoptimized: true,
+  },
+
+  pageExtensions: ['js', 'jsx', 'mdx', 'ts', 'tsx'],
+  images: {
+    domains: ['avatars.githubusercontent.com', 'source.unsplash.com'],
+  },
+}
+
+export default withMDX(nextConfig)

package.json

@@ -0,0 +1,66 @@
+{
+  "name": "PSC",
+  "version": "0.1.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint",
+    "prepare": "husky install"
+  },
+  "lint-staged": {
+    "*.{ts,tsx}": [
+      "prettier --write",
+      "eslint --fix"
+    ]
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  },
+  "dependencies": {
+    "@emotion/react": "^11.11.1",
+    "@emotion/styled": "^11.11.0",
+    "@hookstate/core": "^4.0.1",
+    "@hookstate/localstored": "^4.0.2",
+    "@mdx-js/loader": "^2.3.0",
+    "@mdx-js/react": "^2.3.0",
+    "@next/mdx": "^13.5.5",
+    "@types/mdx": "^2.0.8",
+    "@types/web3": "^1.2.2",
+    "@vercel/og": "^0.5.4",
+    "axios": "^1.4.0",
+    "i": "^0.3.7",
+    "next": "^14.2.3",
+    "next-mdx-remote": "^4.4.1",
+    "nextjs-progressbar": "^0.0.16",
+    "npm": "^10.7.0",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "react-markdown": "^9.0.1",
+    "react-photo-album": "^2.3.1",
+    "recoil": "^0.7.7",
+    "rehype-raw": "^7.0.0",
+    "remark-breaks": "^4.0.0",
+    "remark-gfm": "3.0.1",
+    "web3": "^4.9.0"
+  },
+  "devDependencies": {
+    "@types/node": "^20",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
+    "clsx": "^1.2.1",
+    "dotenv": "^16.3.1",
+    "dotenv-cli": "^7.2.1",
+    "eslint": "^8",
+    "eslint-config-next": "14.2.0",
+    "husky": "^8.0.3",
+    "lint-staged": "^13.2.1",
+    "prettier": "^2.8.7",
+    "prettier-plugin-organize-imports": "^3.2.3",
+    "typescript": "^5"
+  }
+}