[examples/fivethirtyeight][lg] - first commmit of 538 Example

2023-05-08 20:44:13 -03:00
900 changed files with 19303 additions and 103580 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -16,7 +16,6 @@ node_modules
 *.launch
 .settings/
 *.sublime-workspace
 .obsidian
 # IDE - VSCode
 .vscode/*
--- a/examples/alan-turing-portal/.eslintrc.json
+++ b/examples/alan-turing-portal/.eslintrc.json
--- a/examples/alan-turing-portal/.gitignore
+++ b/examples/alan-turing-portal/.gitignore
--- a/examples/alan-turing-portal/LICENSE.md
+++ b/examples/alan-turing-portal/LICENSE.md
--- a/examples/alan-turing-portal/README.md
+++ b/examples/alan-turing-portal/README.md
@@ -10,24 +10,12 @@ This is also a Next.JS project so you can use the following steps to run the web
 ## Getting started
-To get started first clone this repo in your local machine like so:
+To get started first install the npm dependencies:
 ```bash
 npx create-next-app turing --example https://github.com/datopian/portaljs/tree/main/examples/turing
 cd turing
 ```
 Then install the npm dependencies:
 ```bash
 npm install
 ```
 Next, run this command, its related to [markdowndb](https://github.com/datopian/markdowndb):
 ```bash
 npm run mddb
 ```
 Next, run the development server:
 ```bash
--- a/examples/alan-turing-portal/components/Card.jsx
+++ b/examples/alan-turing-portal/components/Card.jsx
--- a/examples/alan-turing-portal/components/Container.jsx
+++ b/examples/alan-turing-portal/components/Container.jsx
--- a/examples/alan-turing-portal/components/Footer.jsx
+++ b/examples/alan-turing-portal/components/Footer.jsx
--- a/examples/alan-turing-portal/components/Header.jsx
+++ b/examples/alan-turing-portal/components/Header.jsx
@@ -140,7 +140,7 @@ function MobileNavigation(props) {
            </div>
            <nav className="mt-6">
              <ul className="-my-2 divide-y divide-zinc-100 text-base text-zinc-800 dark:divide-zinc-100/5 dark:text-zinc-300">
-                <MobileNavItem href="https://github.com/datopian/portaljs/tree/main/examples/turing">
+                <MobileNavItem href="https://github.com/leondz/hatespeechdata">
                  View on Github <GithubIcon />
                </MobileNavItem>
              </ul>
@@ -179,7 +179,7 @@ function DesktopNavigation(props) {
  return (
    <nav {...props}>
      <ul className="flex rounded-full bg-white/90 px-3 text-sm font-medium text-zinc-800 shadow-lg shadow-zinc-800/5 ring-1 ring-zinc-900/5 backdrop-blur dark:bg-zinc-800/90 dark:text-zinc-200 dark:ring-white/10">
-        <NavItem href="https://github.com/datopian/portaljs/tree/main/examples/turing">
+        <NavItem href="https://github.com/leondz/hatespeechdata">
          View on Github <GithubIcon />
        </NavItem>
      </ul>
--- a/examples/alan-turing-portal/content/about.md
+++ b/examples/alan-turing-portal/content/about.md
--- a/examples/alan-turing-portal/content/datasets/abusive-eval-v1-0.md
+++ b/examples/alan-turing-portal/content/datasets/abusive-eval-v1-0.md
--- a/examples/alan-turing-portal/content/datasets/abusive-language-detection-on-arabic-social-media-al-jazeera.md
+++ b/examples/alan-turing-portal/content/datasets/abusive-language-detection-on-arabic-social-media-al-jazeera.md
--- a/examples/alan-turing-portal/content/datasets/coral-a-context-aware-croatian-abusive-language-dataset.md
+++ b/examples/alan-turing-portal/content/datasets/coral-a-context-aware-croatian-abusive-language-dataset.md
--- a/examples/alan-turing-portal/content/datasets/detecting-abusive-albanian.md
+++ b/examples/alan-turing-portal/content/datasets/detecting-abusive-albanian.md
--- a/examples/alan-turing-portal/content/datasets/hate-speech-detection-in-the-bengali-language-a-dataset-and-its-baseline-evaluation.md
+++ b/examples/alan-turing-portal/content/datasets/hate-speech-detection-in-the-bengali-language-a-dataset-and-its-baseline-evaluation.md
--- a/examples/alan-turing-portal/content/datasets/large-scale-hate-speech-detection-with-cross-domain-tranfer.md
+++ b/examples/alan-turing-portal/content/datasets/large-scale-hate-speech-detection-with-cross-domain-tranfer.md
--- a/examples/alan-turing-portal/content/datasets/let-mi-an-arabic-levantine-twitter-dataset-for-mysogynistic-language.md
+++ b/examples/alan-turing-portal/content/datasets/let-mi-an-arabic-levantine-twitter-dataset-for-mysogynistic-language.md
--- a/examples/alan-turing-portal/content/datasets/measuring-hate-speech.md
+++ b/examples/alan-turing-portal/content/datasets/measuring-hate-speech.md
--- a/examples/alan-turing-portal/content/datasets/offensive-language-and-hate-speech-detection-for-danish.md
+++ b/examples/alan-turing-portal/content/datasets/offensive-language-and-hate-speech-detection-for-danish.md
--- a/examples/alan-turing-portal/content/index.mdx
+++ b/examples/alan-turing-portal/content/index.mdx
@@ -36,7 +36,7 @@ In the following page type `content/datasets/<name-of-the-file>.md`. if you want
 ### Fill in content
-Copy the contents of `templates/dataset.md` or `templates/keywords.md` respectively to the camp below, filling out the fields with the correct data format. Everything below the second `---` will automatically get rendered into the page, so you may add any standard markdown fields e.g tables, headings, lists...
+Copy the contents of `templates/dataset.md` or `templates/keywords.md` respectively to the camp below, filling out the fields with the correct data format
 ![](https://i.imgur.com/x6JIjhz.png)
--- a/examples/alan-turing-portal/content/keywords/hurtlex.md
+++ b/examples/alan-turing-portal/content/keywords/hurtlex.md
--- a/examples/alan-turing-portal/content/keywords/jiang-et-al.md
+++ b/examples/alan-turing-portal/content/keywords/jiang-et-al.md
--- a/examples/alan-turing-portal/jsconfig.json
+++ b/examples/alan-turing-portal/jsconfig.json
--- a/examples/alan-turing-portal/lib/formatDate.js
+++ b/examples/alan-turing-portal/lib/formatDate.js
--- a/examples/alan-turing-portal/lib/markdown.js
+++ b/examples/alan-turing-portal/lib/markdown.js
--- a/examples/alan-turing-portal/lib/mddb.ts
+++ b/examples/alan-turing-portal/lib/mddb.ts
--- a/examples/alan-turing-portal/markdown.db
+++ b/examples/alan-turing-portal/markdown.db
--- a/examples/alan-turing-portal/next-env.d.ts
+++ b/examples/alan-turing-portal/next-env.d.ts
--- a/examples/alan-turing-portal/next.config.js
+++ b/examples/alan-turing-portal/next.config.js
--- a/examples/alan-turing-portal/package-lock.json
+++ b/examples/alan-turing-portal/package-lock.json
@@ -23,8 +23,13 @@
        "@tailwindcss/forms": "^0.5.3",
        "@tailwindcss/typography": "^0.5.4",
        "@tanstack/react-table": "^8.8.5",
        "@types/node": "18.16.0",
        "@types/react": "18.2.0",
        "@types/react-dom": "18.2.0",
        "autoprefixer": "^10.4.12",
        "clsx": "^1.2.1",
        "eslint": "8.39.0",
        "eslint-config-next": "13.3.1",
        "fast-glob": "^3.2.11",
        "feed": "^4.2.2",
        "flexsearch": "^0.7.31",
@@ -56,9 +61,6 @@
        "tailwindcss": "^3.3.0"
      },
      "devDependencies": {
        "@types/node": "18.16.0",
        "@types/react": "18.2.0",
        "@types/react-dom": "18.2.0",
        "eslint": "8.26.0",
        "eslint-config-next": "13.0.2",
        "prettier": "^2.8.7",
@@ -550,9 +552,9 @@
      "dev": true
    },
    "node_modules/@jridgewell/gen-mapping": {
-      "version": "0.3.3",
+      "version": "0.3.2",
-      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.2.tgz",
-      "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==",
+      "integrity": "sha512-mh65xKQAzI6iBcFzwv28KVWSmCkdRBWoOh+bYQGW3+6OZvbbN3TqMGo5hqYxQniRcH9F2VZIoJCm4pa3BPDK/A==",
      "peer": true,
      "dependencies": {
        "@jridgewell/set-array": "^1.0.1",
@@ -582,9 +584,9 @@
      }
    },
    "node_modules/@jridgewell/source-map": {
-      "version": "0.3.3",
+      "version": "0.3.2",
-      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.3.tgz",
+      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.2.tgz",
-      "integrity": "sha512-b+fsZXeLYi9fEULmfBrhxn4IrPlINf8fiNarzTof004v3lFdntdwa9PF7vFJqm3mg7s+ScJMxXaE3Acp1irZcg==",
+      "integrity": "sha512-m7O9o2uR8k2ObDysZYzdfhb08VuEml5oWGiosa1VdaPZ/A6QyPkAJuwN0Q1lhULOf6B7MtQmHENS743hWtCrgw==",
      "peer": true,
      "dependencies": {
        "@jridgewell/gen-mapping": "^0.3.0",
@@ -598,13 +600,13 @@
      "peer": true
    },
    "node_modules/@jridgewell/trace-mapping": {
-      "version": "0.3.18",
+      "version": "0.3.14",
-      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.18.tgz",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.14.tgz",
-      "integrity": "sha512-w+niJYzMHdd7USdiH2U6869nqhD2nbfZXND5Yp93qIbEmnDNk7PD48o+YchRVpzMU7M6jVCbenTR7PA1FLQ9pA==",
+      "integrity": "sha512-bJWEfQ9lPTvm3SneWwRFVLzrh6nhjwqw7TUFFBEMzwvg7t7PCDenf2lDwqo4NQXzdpgBXyFgDWnQA+2vkruksQ==",
      "peer": true,
      "dependencies": {
-        "@jridgewell/resolve-uri": "3.1.0",
+        "@jridgewell/resolve-uri": "^3.0.3",
-        "@jridgewell/sourcemap-codec": "1.4.14"
+        "@jridgewell/sourcemap-codec": "^1.4.10"
      }
    },
    "node_modules/@lit-labs/ssr-dom-shim": {
@@ -1346,7 +1348,6 @@
      "version": "18.2.0",
      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.2.0.tgz",
      "integrity": "sha512-8yQrvS6sMpSwIovhPOwfyNf2Wz6v/B62LFSVYQ85+Rq3tLsBIG7rP5geMxaijTUxSkrO6RzN/IRuIAADYQsleA==",
      "dev": true,
      "dependencies": {
        "@types/react": "*"
      }
@@ -1477,148 +1478,148 @@
      }
    },
    "node_modules/@webassemblyjs/ast": {
-      "version": "1.11.6",
+      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.6.tgz",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.1.tgz",
-      "integrity": "sha512-IN1xI7PwOvLPgjcf180gC1bqn3q/QaOCwYUahIOhbYUu8KA/3tw2RT/T0Gidi1l7Hhj5D/INhJxiICObqpMu4Q==",
+      "integrity": "sha512-ukBh14qFLjxTQNTXocdyksN5QdM28S1CxHt2rdskFyL+xFV7VremuBLVbmCePj+URalXBENx/9Lm7lnhihtCSw==",
      "peer": true,
      "dependencies": {
-        "@webassemblyjs/helper-numbers": "1.11.6",
+        "@webassemblyjs/helper-numbers": "1.11.1",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.6"
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.1"
      }
    },
    "node_modules/@webassemblyjs/floating-point-hex-parser": {
-      "version": "1.11.6",
+      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.6.tgz",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.1.tgz",
-      "integrity": "sha512-ejAj9hfRJ2XMsNHk/v6Fu2dGS+i4UaXBXGemOfQ/JfQ6mdQg/WXtwleQRLLS4OvfDhv8rYnVwH27YJLMyYsxhw==",
+      "integrity": "sha512-iGRfyc5Bq+NnNuX8b5hwBrRjzf0ocrJPI6GWFodBFzmFnyvrQ83SHKhmilCU/8Jv67i4GJZBMhEzltxzcNagtQ==",
      "peer": true
    },
    "node_modules/@webassemblyjs/helper-api-error": {
-      "version": "1.11.6",
+      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.6.tgz",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.1.tgz",
-      "integrity": "sha512-o0YkoP4pVu4rN8aTJgAyj9hC2Sv5UlkzCHhxqWj8butaLvnpdc2jOwh4ewE6CX0txSfLn/UYaV/pheS2Txg//Q==",
+      "integrity": "sha512-RlhS8CBCXfRUR/cwo2ho9bkheSXG0+NwooXcc3PAILALf2QLdFyj7KGsKRbVc95hZnhnERon4kW/D3SZpp6Tcg==",
      "peer": true
    },
    "node_modules/@webassemblyjs/helper-buffer": {
-      "version": "1.11.6",
+      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.6.tgz",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.1.tgz",
-      "integrity": "sha512-z3nFzdcp1mb8nEOFFk8DrYLpHvhKC3grJD2ardfKOzmbmJvEf/tPIqCY+sNcwZIY8ZD7IkB2l7/pqhUhqm7hLA==",
+      "integrity": "sha512-gwikF65aDNeeXa8JxXa2BAk+REjSyhrNC9ZwdT0f8jc4dQQeDQ7G4m0f2QCLPJiMTTO6wfDmRmj/pW0PsUvIcA==",
      "peer": true
    },
    "node_modules/@webassemblyjs/helper-numbers": {
-      "version": "1.11.6",
+      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.6.tgz",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.1.tgz",
-      "integrity": "sha512-vUIhZ8LZoIWHBohiEObxVm6hwP034jwmc9kuq5GdHZH0wiLVLIPcMCdpJzG4C11cHoQ25TFIQj9kaVADVX7N3g==",
+      "integrity": "sha512-vDkbxiB8zfnPdNK9Rajcey5C0w+QJugEglN0of+kmO8l7lDb77AnlKYQF7aarZuCrv+l0UvqL+68gSDr3k9LPQ==",
      "peer": true,
      "dependencies": {
-        "@webassemblyjs/floating-point-hex-parser": "1.11.6",
+        "@webassemblyjs/floating-point-hex-parser": "1.11.1",
-        "@webassemblyjs/helper-api-error": "1.11.6",
+        "@webassemblyjs/helper-api-error": "1.11.1",
        "@xtuc/long": "4.2.2"
      }
    },
    "node_modules/@webassemblyjs/helper-wasm-bytecode": {
-      "version": "1.11.6",
+      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.6.tgz",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.1.tgz",
-      "integrity": "sha512-sFFHKwcmBprO9e7Icf0+gddyWYDViL8bpPjJJl0WHxCdETktXdmtWLGVzoHbqUcY4Be1LkNfwTmXOJUFZYSJdA==",
+      "integrity": "sha512-PvpoOGiJwXeTrSf/qfudJhwlvDQxFgelbMqtq52WWiXC6Xgg1IREdngmPN3bs4RoO83PnL/nFrxucXj1+BX62Q==",
      "peer": true
    },
    "node_modules/@webassemblyjs/helper-wasm-section": {
-      "version": "1.11.6",
+      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.11.6.tgz",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.11.1.tgz",
-      "integrity": "sha512-LPpZbSOwTpEC2cgn4hTydySy1Ke+XEu+ETXuoyvuyezHO3Kjdu90KK95Sh9xTbmjrCsUwvWwCOQQNta37VrS9g==",
+      "integrity": "sha512-10P9No29rYX1j7F3EVPX3JvGPQPae+AomuSTPiF9eBQeChHI6iqjMIwR9JmOJXwpnn/oVGDk7I5IlskuMwU/pg==",
      "peer": true,
      "dependencies": {
-        "@webassemblyjs/ast": "1.11.6",
+        "@webassemblyjs/ast": "1.11.1",
-        "@webassemblyjs/helper-buffer": "1.11.6",
+        "@webassemblyjs/helper-buffer": "1.11.1",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.1",
-        "@webassemblyjs/wasm-gen": "1.11.6"
+        "@webassemblyjs/wasm-gen": "1.11.1"
      }
    },
    "node_modules/@webassemblyjs/ieee754": {
-      "version": "1.11.6",
+      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.11.6.tgz",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.11.1.tgz",
-      "integrity": "sha512-LM4p2csPNvbij6U1f19v6WR56QZ8JcHg3QIJTlSwzFcmx6WSORicYj6I63f9yU1kEUtrpG+kjkiIAkevHpDXrg==",
+      "integrity": "sha512-hJ87QIPtAMKbFq6CGTkZYJivEwZDbQUgYd3qKSadTNOhVY7p+gfP6Sr0lLRVTaG1JjFj+r3YchoqRYxNH3M0GQ==",
      "peer": true,
      "dependencies": {
        "@xtuc/ieee754": "^1.2.0"
      }
    },
    "node_modules/@webassemblyjs/leb128": {
-      "version": "1.11.6",
+      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.11.6.tgz",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.11.1.tgz",
-      "integrity": "sha512-m7a0FhE67DQXgouf1tbN5XQcdWoNgaAuoULHIfGFIEVKA6tu/edls6XnIlkmS6FrXAquJRPni3ZZKjw6FSPjPQ==",
+      "integrity": "sha512-BJ2P0hNZ0u+Th1YZXJpzW6miwqQUGcIHT1G/sf72gLVD9DZ5AdYTqPNbHZh6K1M5VmKvFXwGSWZADz+qBWxeRw==",
      "peer": true,
      "dependencies": {
        "@xtuc/long": "4.2.2"
      }
    },
    "node_modules/@webassemblyjs/utf8": {
-      "version": "1.11.6",
+      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.11.6.tgz",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.11.1.tgz",
-      "integrity": "sha512-vtXf2wTQ3+up9Zsg8sa2yWiQpzSsMyXj0qViVP6xKGCUT8p8YJ6HqI7l5eCnWx1T/FYdsv07HQs2wTFbbof/RA==",
+      "integrity": "sha512-9kqcxAEdMhiwQkHpkNiorZzqpGrodQQ2IGrHHxCy+Ozng0ofyMA0lTqiLkVs1uzTRejX+/O0EOT7KxqVPuXosQ==",
      "peer": true
    },
    "node_modules/@webassemblyjs/wasm-edit": {
-      "version": "1.11.6",
+      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.11.6.tgz",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.11.1.tgz",
-      "integrity": "sha512-Ybn2I6fnfIGuCR+Faaz7YcvtBKxvoLV3Lebn1tM4o/IAJzmi9AWYIPWpyBfU8cC+JxAO57bk4+zdsTjJR+VTOw==",
+      "integrity": "sha512-g+RsupUC1aTHfR8CDgnsVRVZFJqdkFHpsHMfJuWQzWU3tvnLC07UqHICfP+4XyL2tnr1amvl1Sdp06TnYCmVkA==",
      "peer": true,
      "dependencies": {
-        "@webassemblyjs/ast": "1.11.6",
+        "@webassemblyjs/ast": "1.11.1",
-        "@webassemblyjs/helper-buffer": "1.11.6",
+        "@webassemblyjs/helper-buffer": "1.11.1",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.1",
-        "@webassemblyjs/helper-wasm-section": "1.11.6",
+        "@webassemblyjs/helper-wasm-section": "1.11.1",
-        "@webassemblyjs/wasm-gen": "1.11.6",
+        "@webassemblyjs/wasm-gen": "1.11.1",
-        "@webassemblyjs/wasm-opt": "1.11.6",
+        "@webassemblyjs/wasm-opt": "1.11.1",
-        "@webassemblyjs/wasm-parser": "1.11.6",
+        "@webassemblyjs/wasm-parser": "1.11.1",
-        "@webassemblyjs/wast-printer": "1.11.6"
+        "@webassemblyjs/wast-printer": "1.11.1"
      }
    },
    "node_modules/@webassemblyjs/wasm-gen": {
-      "version": "1.11.6",
+      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.11.6.tgz",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.11.1.tgz",
-      "integrity": "sha512-3XOqkZP/y6B4F0PBAXvI1/bky7GryoogUtfwExeP/v7Nzwo1QLcq5oQmpKlftZLbT+ERUOAZVQjuNVak6UXjPA==",
+      "integrity": "sha512-F7QqKXwwNlMmsulj6+O7r4mmtAlCWfO/0HdgOxSklZfQcDu0TpLiD1mRt/zF25Bk59FIjEuGAIyn5ei4yMfLhA==",
      "peer": true,
      "dependencies": {
-        "@webassemblyjs/ast": "1.11.6",
+        "@webassemblyjs/ast": "1.11.1",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.1",
-        "@webassemblyjs/ieee754": "1.11.6",
+        "@webassemblyjs/ieee754": "1.11.1",
-        "@webassemblyjs/leb128": "1.11.6",
+        "@webassemblyjs/leb128": "1.11.1",
-        "@webassemblyjs/utf8": "1.11.6"
+        "@webassemblyjs/utf8": "1.11.1"
      }
    },
    "node_modules/@webassemblyjs/wasm-opt": {
-      "version": "1.11.6",
+      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.11.6.tgz",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.11.1.tgz",
-      "integrity": "sha512-cOrKuLRE7PCe6AsOVl7WasYf3wbSo4CeOk6PkrjS7g57MFfVUF9u6ysQBBODX0LdgSvQqRiGz3CXvIDKcPNy4g==",
+      "integrity": "sha512-VqnkNqnZlU5EB64pp1l7hdm3hmQw7Vgqa0KF/KCNO9sIpI6Fk6brDEiX+iCOYrvMuBWDws0NkTOxYEb85XQHHw==",
      "peer": true,
      "dependencies": {
-        "@webassemblyjs/ast": "1.11.6",
+        "@webassemblyjs/ast": "1.11.1",
-        "@webassemblyjs/helper-buffer": "1.11.6",
+        "@webassemblyjs/helper-buffer": "1.11.1",
-        "@webassemblyjs/wasm-gen": "1.11.6",
+        "@webassemblyjs/wasm-gen": "1.11.1",
-        "@webassemblyjs/wasm-parser": "1.11.6"
+        "@webassemblyjs/wasm-parser": "1.11.1"
      }
    },
    "node_modules/@webassemblyjs/wasm-parser": {
-      "version": "1.11.6",
+      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.11.6.tgz",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.11.1.tgz",
-      "integrity": "sha512-6ZwPeGzMJM3Dqp3hCsLgESxBGtT/OeCvCZ4TA1JUPYgmhAx38tTPR9JaKy0S5H3evQpO/h2uWs2j6Yc/fjkpTQ==",
+      "integrity": "sha512-rrBujw+dJu32gYB7/Lup6UhdkPx9S9SnobZzRVL7VcBH9Bt9bCBLEuX/YXOOtBsOZ4NQrRykKhffRWHvigQvOA==",
      "peer": true,
      "dependencies": {
-        "@webassemblyjs/ast": "1.11.6",
+        "@webassemblyjs/ast": "1.11.1",
-        "@webassemblyjs/helper-api-error": "1.11.6",
+        "@webassemblyjs/helper-api-error": "1.11.1",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.1",
-        "@webassemblyjs/ieee754": "1.11.6",
+        "@webassemblyjs/ieee754": "1.11.1",
-        "@webassemblyjs/leb128": "1.11.6",
+        "@webassemblyjs/leb128": "1.11.1",
-        "@webassemblyjs/utf8": "1.11.6"
+        "@webassemblyjs/utf8": "1.11.1"
      }
    },
    "node_modules/@webassemblyjs/wast-printer": {
-      "version": "1.11.6",
+      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.11.6.tgz",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.11.1.tgz",
-      "integrity": "sha512-JM7AhRcE+yW2GWYaKeHL5vt4xqee5N2WcezptmgyhNS+ScggqcT1OtXykhAb13Sn5Yas0j2uv9tHgrjwvzAP4A==",
+      "integrity": "sha512-IQboUWM4eKzWW+N/jij2sRatKMh99QEelo3Eb2q0qXkvPRISAj8Qxtmw5itwqK+TTkBuUIE45AxYPToqPtL5gg==",
      "peer": true,
      "dependencies": {
-        "@webassemblyjs/ast": "1.11.6",
+        "@webassemblyjs/ast": "1.11.1",
        "@xtuc/long": "4.2.2"
      }
    },
@@ -3650,9 +3651,9 @@
      }
    },
    "node_modules/enhanced-resolve": {
-      "version": "5.14.0",
+      "version": "5.10.0",
-      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.14.0.tgz",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.10.0.tgz",
-      "integrity": "sha512-+DCows0XNwLDcUhbFJPdlQEVnT2zXlCv7hPxemTz86/O+B/hCQ+mb7ydkPKiflpVraqLPCAfu7lDy+hBXueojw==",
+      "integrity": "sha512-T0yTFjdpldGY8PmuXXR0PyQ1ufZpEGiHVrp7zHKB7jdR4qlmZHhONVM5AQOAWXuF/w3dnHbEQVrNptJgt7F+cQ==",
      "peer": true,
      "dependencies": {
        "graceful-fs": "^4.2.4",
@@ -3727,9 +3728,9 @@
      }
    },
    "node_modules/es-module-lexer": {
-      "version": "1.2.1",
+      "version": "0.9.3",
-      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.2.1.tgz",
+      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-0.9.3.tgz",
-      "integrity": "sha512-9978wrXM50Y4rTMmW5kXIC09ZdXQZqkE4mxhwkd8VbzsGkXGPgV4zWuqQJgCEzYngdo2dYDa0l8xhX4fkSwJSg==",
+      "integrity": "sha512-1HQ2M2sPtxwnvOvT1ZClHyQDiggdNjURWpY2we6aMKCQiUVxTmVs2UYPLIrD84sS+kMdUwfBSylbJPwNnBrnHQ==",
      "peer": true
    },
    "node_modules/es-shim-unscopables": {
@@ -5409,9 +5410,9 @@
      "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw=="
    },
    "node_modules/http-cache-semantics": {
-      "version": "4.1.1",
+      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.1.1.tgz",
+      "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.1.0.tgz",
-      "integrity": "sha512-er295DKPVsV82j5kw1Gjt+ADA/XYHsajl82cGNQG2eyoPkvgUhX+nDIyelzhIWbbsXP39EHcI6l5tYs2FYqYXQ=="
+      "integrity": "sha512-carPklcUh7ROWRK7Cv27RPtdhYhUsela/ue5/jKzjegVvXDqM2ILE9Q2BGn9JZJh1g87cp56su/FgQSzcWS8cQ=="
    },
    "node_modules/http-proxy-agent": {
      "version": "4.0.1",
@@ -6117,9 +6118,9 @@
      "integrity": "sha512-Rc2suX5meI0S3bfdZuA7JMFBGkJ875ApfVyq2WHELjBiiG22My/l7/8zPpH/CfFVQHuVLd8NLR0nv6vi0BYYKA=="
    },
    "node_modules/json5": {
-      "version": "1.0.2",
+      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
-      "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
+      "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
      "dev": true,
      "dependencies": {
        "minimist": "^1.2.0"
@@ -10807,9 +10808,9 @@
      }
    },
    "node_modules/schema-utils": {
-      "version": "3.1.2",
+      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.2.tgz",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.1.tgz",
-      "integrity": "sha512-pvjEHOgWc9OWA/f/DE3ohBWTD6EleVLf7iFUkoSwAxttdBhB9QUebQgxER2kWueOvRJXPHNnyrvvh9eZINB8Eg==",
+      "integrity": "sha512-Y5PQxS4ITlC+EahLuXaY86TXfR7Dc5lw294alXOq86JAHCihAIZfqv8nNCWvaEJvaC51uN9hbLGeV0cFBdH+Fw==",
      "peer": true,
      "dependencies": {
        "@types/json-schema": "^7.0.8",
@@ -10875,9 +10876,9 @@
      "integrity": "sha512-EjnoLE5OGmDAVV/8YDoN5KiajNadjzIp9BAHOhYeQHt7j0UWxjmgsx4YD48wp4Ue1Qogq38F1GNUJNqF1kKKxA=="
    },
    "node_modules/serialize-javascript": {
-      "version": "6.0.1",
+      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.1.tgz",
+      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.0.tgz",
-      "integrity": "sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==",
+      "integrity": "sha512-Qr3TosvguFt8ePWqsvRfrKyQXIiW+nGbYpy8XK24NQHE83caxWt+mIymTT19DGFbNWNLfEwsrkSmN64lVWB9ag==",
      "peer": true,
      "dependencies": {
        "randombytes": "^2.1.0"
@@ -11495,9 +11496,9 @@
      }
    },
    "node_modules/terser": {
-      "version": "5.17.3",
+      "version": "5.14.2",
-      "resolved": "https://registry.npmjs.org/terser/-/terser-5.17.3.tgz",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.14.2.tgz",
-      "integrity": "sha512-AudpAZKmZHkG9jueayypz4duuCFJMMNGRMwaPvQKWfxKedh8Z2x3OCoDqIIi1xx5+iwx1u6Au8XQcc9Lke65Yg==",
+      "integrity": "sha512-oL0rGeM/WFQCUd0y2QrWxYnq7tfSuKBiqTjRPWrRgB46WD/kiwHwF8T23z78H6Q6kGCuuHcPB+KULHRdxvVGQA==",
      "peer": true,
      "dependencies": {
        "@jridgewell/source-map": "^0.3.2",
@@ -11513,16 +11514,16 @@
      }
    },
    "node_modules/terser-webpack-plugin": {
-      "version": "5.3.8",
+      "version": "5.3.3",
-      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.8.tgz",
+      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.3.tgz",
-      "integrity": "sha512-WiHL3ElchZMsK27P8uIUh4604IgJyAW47LVXGbEoB21DbQcZ+OuMpGjVYnEUaqcWM6dO8uS2qUbA7LSCWqvsbg==",
+      "integrity": "sha512-Fx60G5HNYknNTNQnzQ1VePRuu89ZVYWfjRAeT5rITuCY/1b08s49e5kSQwHDirKZWuoKOBRFS98EUUoZ9kLEwQ==",
      "peer": true,
      "dependencies": {
-        "@jridgewell/trace-mapping": "^0.3.17",
+        "@jridgewell/trace-mapping": "^0.3.7",
        "jest-worker": "^27.4.5",
        "schema-utils": "^3.1.1",
-        "serialize-javascript": "^6.0.1",
+        "serialize-javascript": "^6.0.0",
-        "terser": "^5.16.8"
+        "terser": "^5.7.2"
      },
      "engines": {
        "node": ">= 10.13.0"
@@ -12812,22 +12813,22 @@
      "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ=="
    },
    "node_modules/webpack": {
-      "version": "5.82.0",
+      "version": "5.74.0",
-      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.82.0.tgz",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.74.0.tgz",
-      "integrity": "sha512-iGNA2fHhnDcV1bONdUu554eZx+XeldsaeQ8T67H6KKHl2nUSwX8Zm7cmzOA46ox/X1ARxf7Bjv8wQ/HsB5fxBg==",
+      "integrity": "sha512-A2InDwnhhGN4LYctJj6M1JEaGL7Luj6LOmyBHjcI8529cm5p6VXiTIW2sn6ffvEAKmveLzvu4jrihwXtPojlAA==",
      "peer": true,
      "dependencies": {
        "@types/eslint-scope": "^3.7.3",
-        "@types/estree": "^1.0.0",
+        "@types/estree": "^0.0.51",
-        "@webassemblyjs/ast": "^1.11.5",
+        "@webassemblyjs/ast": "1.11.1",
-        "@webassemblyjs/wasm-edit": "^1.11.5",
+        "@webassemblyjs/wasm-edit": "1.11.1",
-        "@webassemblyjs/wasm-parser": "^1.11.5",
+        "@webassemblyjs/wasm-parser": "1.11.1",
        "acorn": "^8.7.1",
        "acorn-import-assertions": "^1.7.6",
        "browserslist": "^4.14.5",
        "chrome-trace-event": "^1.0.2",
-        "enhanced-resolve": "^5.13.0",
+        "enhanced-resolve": "^5.10.0",
-        "es-module-lexer": "^1.2.1",
+        "es-module-lexer": "^0.9.0",
        "eslint-scope": "5.1.1",
        "events": "^3.2.0",
        "glob-to-regexp": "^0.4.1",
@@ -12836,9 +12837,9 @@
        "loader-runner": "^4.2.0",
        "mime-types": "^2.1.27",
        "neo-async": "^2.6.2",
-        "schema-utils": "^3.1.2",
+        "schema-utils": "^3.1.0",
        "tapable": "^2.1.1",
-        "terser-webpack-plugin": "^5.3.7",
+        "terser-webpack-plugin": "^5.1.3",
        "watchpack": "^2.4.0",
        "webpack-sources": "^3.2.3"
      },
@@ -12875,6 +12876,12 @@
        "node": ">=10.13.0"
      }
    },
    "node_modules/webpack/node_modules/@types/estree": {
      "version": "0.0.51",
      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.51.tgz",
      "integrity": "sha512-CuPgU6f3eT/XgKKPqKd/gLZV1Xmvf1a2R5POBOGQa6uv82xpls89HU5zKeVoyR8XzHd1RGNOlQlvUe3CFkjWNQ==",
      "peer": true
    },
    "node_modules/webpack/node_modules/eslint-scope": {
      "version": "5.1.1",
      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
@@ -13701,9 +13708,9 @@
      "dev": true
    },
    "@jridgewell/gen-mapping": {
-      "version": "0.3.3",
+      "version": "0.3.2",
-      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.2.tgz",
-      "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==",
+      "integrity": "sha512-mh65xKQAzI6iBcFzwv28KVWSmCkdRBWoOh+bYQGW3+6OZvbbN3TqMGo5hqYxQniRcH9F2VZIoJCm4pa3BPDK/A==",
      "peer": true,
      "requires": {
        "@jridgewell/set-array": "^1.0.1",
@@ -13724,9 +13731,9 @@
      "peer": true
    },
    "@jridgewell/source-map": {
-      "version": "0.3.3",
+      "version": "0.3.2",
-      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.3.tgz",
+      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.2.tgz",
-      "integrity": "sha512-b+fsZXeLYi9fEULmfBrhxn4IrPlINf8fiNarzTof004v3lFdntdwa9PF7vFJqm3mg7s+ScJMxXaE3Acp1irZcg==",
+      "integrity": "sha512-m7O9o2uR8k2ObDysZYzdfhb08VuEml5oWGiosa1VdaPZ/A6QyPkAJuwN0Q1lhULOf6B7MtQmHENS743hWtCrgw==",
      "peer": true,
      "requires": {
        "@jridgewell/gen-mapping": "^0.3.0",
@@ -13740,13 +13747,13 @@
      "peer": true
    },
    "@jridgewell/trace-mapping": {
-      "version": "0.3.18",
+      "version": "0.3.14",
-      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.18.tgz",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.14.tgz",
-      "integrity": "sha512-w+niJYzMHdd7USdiH2U6869nqhD2nbfZXND5Yp93qIbEmnDNk7PD48o+YchRVpzMU7M6jVCbenTR7PA1FLQ9pA==",
+      "integrity": "sha512-bJWEfQ9lPTvm3SneWwRFVLzrh6nhjwqw7TUFFBEMzwvg7t7PCDenf2lDwqo4NQXzdpgBXyFgDWnQA+2vkruksQ==",
      "peer": true,
      "requires": {
-        "@jridgewell/resolve-uri": "3.1.0",
+        "@jridgewell/resolve-uri": "^3.0.3",
-        "@jridgewell/sourcemap-codec": "1.4.14"
+        "@jridgewell/sourcemap-codec": "^1.4.10"
      }
    },
    "@lit-labs/ssr-dom-shim": {
@@ -14272,7 +14279,6 @@
      "version": "18.2.0",
      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.2.0.tgz",
      "integrity": "sha512-8yQrvS6sMpSwIovhPOwfyNf2Wz6v/B62LFSVYQ85+Rq3tLsBIG7rP5geMxaijTUxSkrO6RzN/IRuIAADYQsleA==",
      "dev": true,
      "requires": {
        "@types/react": "*"
      }
@@ -14355,148 +14361,148 @@
      }
    },
    "@webassemblyjs/ast": {
-      "version": "1.11.6",
+      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.6.tgz",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.1.tgz",
-      "integrity": "sha512-IN1xI7PwOvLPgjcf180gC1bqn3q/QaOCwYUahIOhbYUu8KA/3tw2RT/T0Gidi1l7Hhj5D/INhJxiICObqpMu4Q==",
+      "integrity": "sha512-ukBh14qFLjxTQNTXocdyksN5QdM28S1CxHt2rdskFyL+xFV7VremuBLVbmCePj+URalXBENx/9Lm7lnhihtCSw==",
      "peer": true,
      "requires": {
-        "@webassemblyjs/helper-numbers": "1.11.6",
+        "@webassemblyjs/helper-numbers": "1.11.1",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.6"
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.1"
      }
    },
    "@webassemblyjs/floating-point-hex-parser": {
-      "version": "1.11.6",
+      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.6.tgz",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.1.tgz",
-      "integrity": "sha512-ejAj9hfRJ2XMsNHk/v6Fu2dGS+i4UaXBXGemOfQ/JfQ6mdQg/WXtwleQRLLS4OvfDhv8rYnVwH27YJLMyYsxhw==",
+      "integrity": "sha512-iGRfyc5Bq+NnNuX8b5hwBrRjzf0ocrJPI6GWFodBFzmFnyvrQ83SHKhmilCU/8Jv67i4GJZBMhEzltxzcNagtQ==",
      "peer": true
    },
    "@webassemblyjs/helper-api-error": {
-      "version": "1.11.6",
+      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.6.tgz",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.1.tgz",
-      "integrity": "sha512-o0YkoP4pVu4rN8aTJgAyj9hC2Sv5UlkzCHhxqWj8butaLvnpdc2jOwh4ewE6CX0txSfLn/UYaV/pheS2Txg//Q==",
+      "integrity": "sha512-RlhS8CBCXfRUR/cwo2ho9bkheSXG0+NwooXcc3PAILALf2QLdFyj7KGsKRbVc95hZnhnERon4kW/D3SZpp6Tcg==",
      "peer": true
    },
    "@webassemblyjs/helper-buffer": {
-      "version": "1.11.6",
+      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.6.tgz",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.1.tgz",
-      "integrity": "sha512-z3nFzdcp1mb8nEOFFk8DrYLpHvhKC3grJD2ardfKOzmbmJvEf/tPIqCY+sNcwZIY8ZD7IkB2l7/pqhUhqm7hLA==",
+      "integrity": "sha512-gwikF65aDNeeXa8JxXa2BAk+REjSyhrNC9ZwdT0f8jc4dQQeDQ7G4m0f2QCLPJiMTTO6wfDmRmj/pW0PsUvIcA==",
      "peer": true
    },
    "@webassemblyjs/helper-numbers": {
-      "version": "1.11.6",
+      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.6.tgz",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.1.tgz",
-      "integrity": "sha512-vUIhZ8LZoIWHBohiEObxVm6hwP034jwmc9kuq5GdHZH0wiLVLIPcMCdpJzG4C11cHoQ25TFIQj9kaVADVX7N3g==",
+      "integrity": "sha512-vDkbxiB8zfnPdNK9Rajcey5C0w+QJugEglN0of+kmO8l7lDb77AnlKYQF7aarZuCrv+l0UvqL+68gSDr3k9LPQ==",
      "peer": true,
      "requires": {
-        "@webassemblyjs/floating-point-hex-parser": "1.11.6",
+        "@webassemblyjs/floating-point-hex-parser": "1.11.1",
-        "@webassemblyjs/helper-api-error": "1.11.6",
+        "@webassemblyjs/helper-api-error": "1.11.1",
        "@xtuc/long": "4.2.2"
      }
    },
    "@webassemblyjs/helper-wasm-bytecode": {
-      "version": "1.11.6",
+      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.6.tgz",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.1.tgz",
-      "integrity": "sha512-sFFHKwcmBprO9e7Icf0+gddyWYDViL8bpPjJJl0WHxCdETktXdmtWLGVzoHbqUcY4Be1LkNfwTmXOJUFZYSJdA==",
+      "integrity": "sha512-PvpoOGiJwXeTrSf/qfudJhwlvDQxFgelbMqtq52WWiXC6Xgg1IREdngmPN3bs4RoO83PnL/nFrxucXj1+BX62Q==",
      "peer": true
    },
    "@webassemblyjs/helper-wasm-section": {
-      "version": "1.11.6",
+      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.11.6.tgz",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.11.1.tgz",
-      "integrity": "sha512-LPpZbSOwTpEC2cgn4hTydySy1Ke+XEu+ETXuoyvuyezHO3Kjdu90KK95Sh9xTbmjrCsUwvWwCOQQNta37VrS9g==",
+      "integrity": "sha512-10P9No29rYX1j7F3EVPX3JvGPQPae+AomuSTPiF9eBQeChHI6iqjMIwR9JmOJXwpnn/oVGDk7I5IlskuMwU/pg==",
      "peer": true,
      "requires": {
-        "@webassemblyjs/ast": "1.11.6",
+        "@webassemblyjs/ast": "1.11.1",
-        "@webassemblyjs/helper-buffer": "1.11.6",
+        "@webassemblyjs/helper-buffer": "1.11.1",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.1",
-        "@webassemblyjs/wasm-gen": "1.11.6"
+        "@webassemblyjs/wasm-gen": "1.11.1"
      }
    },
    "@webassemblyjs/ieee754": {
-      "version": "1.11.6",
+      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.11.6.tgz",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.11.1.tgz",
-      "integrity": "sha512-LM4p2csPNvbij6U1f19v6WR56QZ8JcHg3QIJTlSwzFcmx6WSORicYj6I63f9yU1kEUtrpG+kjkiIAkevHpDXrg==",
+      "integrity": "sha512-hJ87QIPtAMKbFq6CGTkZYJivEwZDbQUgYd3qKSadTNOhVY7p+gfP6Sr0lLRVTaG1JjFj+r3YchoqRYxNH3M0GQ==",
      "peer": true,
      "requires": {
        "@xtuc/ieee754": "^1.2.0"
      }
    },
    "@webassemblyjs/leb128": {
-      "version": "1.11.6",
+      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.11.6.tgz",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.11.1.tgz",
-      "integrity": "sha512-m7a0FhE67DQXgouf1tbN5XQcdWoNgaAuoULHIfGFIEVKA6tu/edls6XnIlkmS6FrXAquJRPni3ZZKjw6FSPjPQ==",
+      "integrity": "sha512-BJ2P0hNZ0u+Th1YZXJpzW6miwqQUGcIHT1G/sf72gLVD9DZ5AdYTqPNbHZh6K1M5VmKvFXwGSWZADz+qBWxeRw==",
      "peer": true,
      "requires": {
        "@xtuc/long": "4.2.2"
      }
    },
    "@webassemblyjs/utf8": {
-      "version": "1.11.6",
+      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.11.6.tgz",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.11.1.tgz",
-      "integrity": "sha512-vtXf2wTQ3+up9Zsg8sa2yWiQpzSsMyXj0qViVP6xKGCUT8p8YJ6HqI7l5eCnWx1T/FYdsv07HQs2wTFbbof/RA==",
+      "integrity": "sha512-9kqcxAEdMhiwQkHpkNiorZzqpGrodQQ2IGrHHxCy+Ozng0ofyMA0lTqiLkVs1uzTRejX+/O0EOT7KxqVPuXosQ==",
      "peer": true
    },
    "@webassemblyjs/wasm-edit": {
-      "version": "1.11.6",
+      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.11.6.tgz",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.11.1.tgz",
-      "integrity": "sha512-Ybn2I6fnfIGuCR+Faaz7YcvtBKxvoLV3Lebn1tM4o/IAJzmi9AWYIPWpyBfU8cC+JxAO57bk4+zdsTjJR+VTOw==",
+      "integrity": "sha512-g+RsupUC1aTHfR8CDgnsVRVZFJqdkFHpsHMfJuWQzWU3tvnLC07UqHICfP+4XyL2tnr1amvl1Sdp06TnYCmVkA==",
      "peer": true,
      "requires": {
-        "@webassemblyjs/ast": "1.11.6",
+        "@webassemblyjs/ast": "1.11.1",
-        "@webassemblyjs/helper-buffer": "1.11.6",
+        "@webassemblyjs/helper-buffer": "1.11.1",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.1",
-        "@webassemblyjs/helper-wasm-section": "1.11.6",
+        "@webassemblyjs/helper-wasm-section": "1.11.1",
-        "@webassemblyjs/wasm-gen": "1.11.6",
+        "@webassemblyjs/wasm-gen": "1.11.1",
-        "@webassemblyjs/wasm-opt": "1.11.6",
+        "@webassemblyjs/wasm-opt": "1.11.1",
-        "@webassemblyjs/wasm-parser": "1.11.6",
+        "@webassemblyjs/wasm-parser": "1.11.1",
-        "@webassemblyjs/wast-printer": "1.11.6"
+        "@webassemblyjs/wast-printer": "1.11.1"
      }
    },
    "@webassemblyjs/wasm-gen": {
-      "version": "1.11.6",
+      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.11.6.tgz",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.11.1.tgz",
-      "integrity": "sha512-3XOqkZP/y6B4F0PBAXvI1/bky7GryoogUtfwExeP/v7Nzwo1QLcq5oQmpKlftZLbT+ERUOAZVQjuNVak6UXjPA==",
+      "integrity": "sha512-F7QqKXwwNlMmsulj6+O7r4mmtAlCWfO/0HdgOxSklZfQcDu0TpLiD1mRt/zF25Bk59FIjEuGAIyn5ei4yMfLhA==",
      "peer": true,
      "requires": {
-        "@webassemblyjs/ast": "1.11.6",
+        "@webassemblyjs/ast": "1.11.1",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.1",
-        "@webassemblyjs/ieee754": "1.11.6",
+        "@webassemblyjs/ieee754": "1.11.1",
-        "@webassemblyjs/leb128": "1.11.6",
+        "@webassemblyjs/leb128": "1.11.1",
-        "@webassemblyjs/utf8": "1.11.6"
+        "@webassemblyjs/utf8": "1.11.1"
      }
    },
    "@webassemblyjs/wasm-opt": {
-      "version": "1.11.6",
+      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.11.6.tgz",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.11.1.tgz",
-      "integrity": "sha512-cOrKuLRE7PCe6AsOVl7WasYf3wbSo4CeOk6PkrjS7g57MFfVUF9u6ysQBBODX0LdgSvQqRiGz3CXvIDKcPNy4g==",
+      "integrity": "sha512-VqnkNqnZlU5EB64pp1l7hdm3hmQw7Vgqa0KF/KCNO9sIpI6Fk6brDEiX+iCOYrvMuBWDws0NkTOxYEb85XQHHw==",
      "peer": true,
      "requires": {
-        "@webassemblyjs/ast": "1.11.6",
+        "@webassemblyjs/ast": "1.11.1",
-        "@webassemblyjs/helper-buffer": "1.11.6",
+        "@webassemblyjs/helper-buffer": "1.11.1",
-        "@webassemblyjs/wasm-gen": "1.11.6",
+        "@webassemblyjs/wasm-gen": "1.11.1",
-        "@webassemblyjs/wasm-parser": "1.11.6"
+        "@webassemblyjs/wasm-parser": "1.11.1"
      }
    },
    "@webassemblyjs/wasm-parser": {
-      "version": "1.11.6",
+      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.11.6.tgz",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.11.1.tgz",
-      "integrity": "sha512-6ZwPeGzMJM3Dqp3hCsLgESxBGtT/OeCvCZ4TA1JUPYgmhAx38tTPR9JaKy0S5H3evQpO/h2uWs2j6Yc/fjkpTQ==",
+      "integrity": "sha512-rrBujw+dJu32gYB7/Lup6UhdkPx9S9SnobZzRVL7VcBH9Bt9bCBLEuX/YXOOtBsOZ4NQrRykKhffRWHvigQvOA==",
      "peer": true,
      "requires": {
-        "@webassemblyjs/ast": "1.11.6",
+        "@webassemblyjs/ast": "1.11.1",
-        "@webassemblyjs/helper-api-error": "1.11.6",
+        "@webassemblyjs/helper-api-error": "1.11.1",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.1",
-        "@webassemblyjs/ieee754": "1.11.6",
+        "@webassemblyjs/ieee754": "1.11.1",
-        "@webassemblyjs/leb128": "1.11.6",
+        "@webassemblyjs/leb128": "1.11.1",
-        "@webassemblyjs/utf8": "1.11.6"
+        "@webassemblyjs/utf8": "1.11.1"
      }
    },
    "@webassemblyjs/wast-printer": {
-      "version": "1.11.6",
+      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.11.6.tgz",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.11.1.tgz",
-      "integrity": "sha512-JM7AhRcE+yW2GWYaKeHL5vt4xqee5N2WcezptmgyhNS+ScggqcT1OtXykhAb13Sn5Yas0j2uv9tHgrjwvzAP4A==",
+      "integrity": "sha512-IQboUWM4eKzWW+N/jij2sRatKMh99QEelo3Eb2q0qXkvPRISAj8Qxtmw5itwqK+TTkBuUIE45AxYPToqPtL5gg==",
      "peer": true,
      "requires": {
-        "@webassemblyjs/ast": "1.11.6",
+        "@webassemblyjs/ast": "1.11.1",
        "@xtuc/long": "4.2.2"
      }
    },
@@ -15979,9 +15985,9 @@
      }
    },
    "enhanced-resolve": {
-      "version": "5.14.0",
+      "version": "5.10.0",
-      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.14.0.tgz",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.10.0.tgz",
-      "integrity": "sha512-+DCows0XNwLDcUhbFJPdlQEVnT2zXlCv7hPxemTz86/O+B/hCQ+mb7ydkPKiflpVraqLPCAfu7lDy+hBXueojw==",
+      "integrity": "sha512-T0yTFjdpldGY8PmuXXR0PyQ1ufZpEGiHVrp7zHKB7jdR4qlmZHhONVM5AQOAWXuF/w3dnHbEQVrNptJgt7F+cQ==",
      "peer": true,
      "requires": {
        "graceful-fs": "^4.2.4",
@@ -16038,9 +16044,9 @@
      }
    },
    "es-module-lexer": {
-      "version": "1.2.1",
+      "version": "0.9.3",
-      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.2.1.tgz",
+      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-0.9.3.tgz",
-      "integrity": "sha512-9978wrXM50Y4rTMmW5kXIC09ZdXQZqkE4mxhwkd8VbzsGkXGPgV4zWuqQJgCEzYngdo2dYDa0l8xhX4fkSwJSg==",
+      "integrity": "sha512-1HQ2M2sPtxwnvOvT1ZClHyQDiggdNjURWpY2we6aMKCQiUVxTmVs2UYPLIrD84sS+kMdUwfBSylbJPwNnBrnHQ==",
      "peer": true
    },
    "es-shim-unscopables": {
@@ -17299,9 +17305,9 @@
      "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw=="
    },
    "http-cache-semantics": {
-      "version": "4.1.1",
+      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.1.1.tgz",
+      "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.1.0.tgz",
-      "integrity": "sha512-er295DKPVsV82j5kw1Gjt+ADA/XYHsajl82cGNQG2eyoPkvgUhX+nDIyelzhIWbbsXP39EHcI6l5tYs2FYqYXQ=="
+      "integrity": "sha512-carPklcUh7ROWRK7Cv27RPtdhYhUsela/ue5/jKzjegVvXDqM2ILE9Q2BGn9JZJh1g87cp56su/FgQSzcWS8cQ=="
    },
    "http-proxy-agent": {
      "version": "4.0.1",
@@ -17788,9 +17794,9 @@
      "integrity": "sha512-Rc2suX5meI0S3bfdZuA7JMFBGkJ875ApfVyq2WHELjBiiG22My/l7/8zPpH/CfFVQHuVLd8NLR0nv6vi0BYYKA=="
    },
    "json5": {
-      "version": "1.0.2",
+      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
-      "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
+      "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
      "dev": true,
      "requires": {
        "minimist": "^1.2.0"
@@ -21042,9 +21048,9 @@
      }
    },
    "schema-utils": {
-      "version": "3.1.2",
+      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.2.tgz",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.1.tgz",
-      "integrity": "sha512-pvjEHOgWc9OWA/f/DE3ohBWTD6EleVLf7iFUkoSwAxttdBhB9QUebQgxER2kWueOvRJXPHNnyrvvh9eZINB8Eg==",
+      "integrity": "sha512-Y5PQxS4ITlC+EahLuXaY86TXfR7Dc5lw294alXOq86JAHCihAIZfqv8nNCWvaEJvaC51uN9hbLGeV0cFBdH+Fw==",
      "peer": true,
      "requires": {
        "@types/json-schema": "^7.0.8",
@@ -21090,9 +21096,9 @@
      "integrity": "sha512-EjnoLE5OGmDAVV/8YDoN5KiajNadjzIp9BAHOhYeQHt7j0UWxjmgsx4YD48wp4Ue1Qogq38F1GNUJNqF1kKKxA=="
    },
    "serialize-javascript": {
-      "version": "6.0.1",
+      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.1.tgz",
+      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.0.tgz",
-      "integrity": "sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==",
+      "integrity": "sha512-Qr3TosvguFt8ePWqsvRfrKyQXIiW+nGbYpy8XK24NQHE83caxWt+mIymTT19DGFbNWNLfEwsrkSmN64lVWB9ag==",
      "peer": true,
      "requires": {
        "randombytes": "^2.1.0"
@@ -21543,9 +21549,9 @@
      "integrity": "sha512-wK0Ri4fOGjv/XPy8SBHZChl8CM7uMc5VML7SqiQ0zG7+J5Vr+RMQDoHa2CNT6KHUnTGIXH34UDMkPzAUyapBZg=="
    },
    "terser": {
-      "version": "5.17.3",
+      "version": "5.14.2",
-      "resolved": "https://registry.npmjs.org/terser/-/terser-5.17.3.tgz",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.14.2.tgz",
-      "integrity": "sha512-AudpAZKmZHkG9jueayypz4duuCFJMMNGRMwaPvQKWfxKedh8Z2x3OCoDqIIi1xx5+iwx1u6Au8XQcc9Lke65Yg==",
+      "integrity": "sha512-oL0rGeM/WFQCUd0y2QrWxYnq7tfSuKBiqTjRPWrRgB46WD/kiwHwF8T23z78H6Q6kGCuuHcPB+KULHRdxvVGQA==",
      "peer": true,
      "requires": {
        "@jridgewell/source-map": "^0.3.2",
@@ -21555,16 +21561,16 @@
      }
    },
    "terser-webpack-plugin": {
-      "version": "5.3.8",
+      "version": "5.3.3",
-      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.8.tgz",
+      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.3.tgz",
-      "integrity": "sha512-WiHL3ElchZMsK27P8uIUh4604IgJyAW47LVXGbEoB21DbQcZ+OuMpGjVYnEUaqcWM6dO8uS2qUbA7LSCWqvsbg==",
+      "integrity": "sha512-Fx60G5HNYknNTNQnzQ1VePRuu89ZVYWfjRAeT5rITuCY/1b08s49e5kSQwHDirKZWuoKOBRFS98EUUoZ9kLEwQ==",
      "peer": true,
      "requires": {
-        "@jridgewell/trace-mapping": "^0.3.17",
+        "@jridgewell/trace-mapping": "^0.3.7",
        "jest-worker": "^27.4.5",
        "schema-utils": "^3.1.1",
-        "serialize-javascript": "^6.0.1",
+        "serialize-javascript": "^6.0.0",
-        "terser": "^5.16.8"
+        "terser": "^5.7.2"
      }
    },
    "text-table": {
@@ -22598,22 +22604,22 @@
      "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ=="
    },
    "webpack": {
-      "version": "5.82.0",
+      "version": "5.74.0",
-      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.82.0.tgz",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.74.0.tgz",
-      "integrity": "sha512-iGNA2fHhnDcV1bONdUu554eZx+XeldsaeQ8T67H6KKHl2nUSwX8Zm7cmzOA46ox/X1ARxf7Bjv8wQ/HsB5fxBg==",
+      "integrity": "sha512-A2InDwnhhGN4LYctJj6M1JEaGL7Luj6LOmyBHjcI8529cm5p6VXiTIW2sn6ffvEAKmveLzvu4jrihwXtPojlAA==",
      "peer": true,
      "requires": {
        "@types/eslint-scope": "^3.7.3",
-        "@types/estree": "^1.0.0",
+        "@types/estree": "^0.0.51",
-        "@webassemblyjs/ast": "^1.11.5",
+        "@webassemblyjs/ast": "1.11.1",
-        "@webassemblyjs/wasm-edit": "^1.11.5",
+        "@webassemblyjs/wasm-edit": "1.11.1",
-        "@webassemblyjs/wasm-parser": "^1.11.5",
+        "@webassemblyjs/wasm-parser": "1.11.1",
        "acorn": "^8.7.1",
        "acorn-import-assertions": "^1.7.6",
        "browserslist": "^4.14.5",
        "chrome-trace-event": "^1.0.2",
-        "enhanced-resolve": "^5.13.0",
+        "enhanced-resolve": "^5.10.0",
-        "es-module-lexer": "^1.2.1",
+        "es-module-lexer": "^0.9.0",
        "eslint-scope": "5.1.1",
        "events": "^3.2.0",
        "glob-to-regexp": "^0.4.1",
@@ -22622,13 +22628,19 @@
        "loader-runner": "^4.2.0",
        "mime-types": "^2.1.27",
        "neo-async": "^2.6.2",
-        "schema-utils": "^3.1.2",
+        "schema-utils": "^3.1.0",
        "tapable": "^2.1.1",
-        "terser-webpack-plugin": "^5.3.7",
+        "terser-webpack-plugin": "^5.1.3",
        "watchpack": "^2.4.0",
        "webpack-sources": "^3.2.3"
      },
      "dependencies": {
        "@types/estree": {
          "version": "0.0.51",
          "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.51.tgz",
          "integrity": "sha512-CuPgU6f3eT/XgKKPqKd/gLZV1Xmvf1a2R5POBOGQa6uv82xpls89HU5zKeVoyR8XzHd1RGNOlQlvUe3CFkjWNQ==",
          "peer": true
        },
        "eslint-scope": {
          "version": "5.1.1",
          "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
--- a/examples/alan-turing-portal/package.json
+++ b/examples/alan-turing-portal/package.json
--- a/examples/alan-turing-portal/pages/[...slug].jsx
+++ b/examples/alan-turing-portal/pages/[...slug].jsx
@@ -6,6 +6,7 @@ import { Card } from '../components/Card'
 import Head from 'next/head'
 import parse from '../lib/markdown'
 import { Mermaid } from '@flowershow/core';
 import { Header } from '../components/Header';
 export const getStaticProps = async ({ params }) => {
  const urlPath = params.slug ? params.slug.join('/') : ''
@@ -81,13 +82,15 @@ export default function DRDPage({ mdxSource }) {
  )
  return (
    <>
      <Header />
      <Head>
        <title>{meta.title}</title>
      </Head>
-      <Container className="mt-9 relative">
+      <Container className="mt-16 lg:mt-32 relative">
        <Header />
        <article>
          <header className="flex flex-col">
-            <h1 className="text-4xl font-bold tracking-tight text-zinc-800 dark:text-zinc-100 sm:text-5xl">
+            <h1 className="mt-6 text-4xl font-bold tracking-tight text-zinc-800 dark:text-zinc-100 sm:text-5xl">
              {meta.title}
            </h1>
            <Card as="article">
--- a/examples/alan-turing-portal/pages/_app.jsx
+++ b/examples/alan-turing-portal/pages/_app.jsx
--- a/examples/alan-turing-portal/pages/_document.jsx
+++ b/examples/alan-turing-portal/pages/_document.jsx
--- a/examples/alan-turing-portal/pages/index.jsx
+++ b/examples/alan-turing-portal/pages/index.jsx
--- a/examples/alan-turing-portal/postcss.config.js
+++ b/examples/alan-turing-portal/postcss.config.js
--- a/examples/alan-turing-portal/prettier.config.js
+++ b/examples/alan-turing-portal/prettier.config.js
--- a/examples/alan-turing-portal/public/favicon.ico
+++ b/examples/alan-turing-portal/public/favicon.ico
--- a/examples/alan-turing-portal/styles/prism.css
+++ b/examples/alan-turing-portal/styles/prism.css
--- a/examples/alan-turing-portal/styles/tailwind.css
+++ b/examples/alan-turing-portal/styles/tailwind.css
--- a/examples/alan-turing-portal/tailwind.config.js
+++ b/examples/alan-turing-portal/tailwind.config.js
--- a/examples/alan-turing-portal/templates/dataset.md
+++ b/examples/alan-turing-portal/templates/dataset.md
--- a/examples/alan-turing-portal/templates/list-of-keywords.md
+++ b/examples/alan-turing-portal/templates/list-of-keywords.md
--- a/examples/alan-turing-portal/tsconfig.json
+++ b/examples/alan-turing-portal/tsconfig.json
--- a/examples/ckan-example/.env
+++ b/examples/ckan-example/.env
@@ -0,0 +1 @@
 DMS=https://demo.dev.datopian.com
--- a/examples/ckan-example/.eslintrc.json
+++ b/examples/ckan-example/.eslintrc.json
--- a/examples/ckan-example/README.md
+++ b/examples/ckan-example/README.md
--- a/examples/ckan-example/index.d.ts
+++ b/examples/ckan-example/index.d.ts
--- a/examples/ckan-example/jest.config.ts
+++ b/examples/ckan-example/jest.config.ts
--- a/examples/github-backed-catalog/next-env.d.ts
+++ b/examples/github-backed-catalog/next-env.d.ts
--- a/examples/ckan-example/next.config.js
+++ b/examples/ckan-example/next.config.js
--- a/examples/ckan-example/package-lock.json
+++ b/examples/ckan-example/package-lock.json
--- a/examples/ckan-example/package.json
+++ b/examples/ckan-example/package.json
@@ -10,7 +10,6 @@
  },
  "dependencies": {
    "@heroicons/react": "^2.0.17",
    "@portaljs/ckan": "^0.0.2",
    "next": "13.3.1",
    "next-seo": "^6.0.0",
    "octokit": "^2.0.14",
@@ -21,14 +20,14 @@
  },
  "devDependencies": {
    "@tailwindcss/typography": "^0.5.9",
    "@types/node": "18.16.0",
    "@types/react": "18.0.38",
    "@types/react-dom": "18.0.11",
    "autoprefixer": "^10.4.14",
    "eslint": "8.39.0",
    "eslint-config-next": "13.3.1",
    "postcss": "^8.4.23",
    "tailwindcss": "^3.3.1",
-    "typescript": "5.0.4"
+    "eslint": "8.39.0",
    "eslint-config-next": "13.3.1",
    "typescript": "5.0.4",
    "@types/node": "18.16.0",
    "@types/react": "18.0.38",
    "@types/react-dom": "18.0.11"
  }
 }
--- a/examples/ckan-example/pages/@org/[org]/[dataset]/index.tsx
+++ b/examples/ckan-example/pages/@org/[org]/[dataset]/index.tsx
@@ -11,9 +11,8 @@ import {
  ServerIcon,
  UserIcon,
 } from '@heroicons/react/20/solid';
 import { CKAN } from '@portaljs/ckan';
-const backend_url = getConfig().publicRuntimeConfig.DMS;
+const dms = getConfig().publicRuntimeConfig.DMS;
 const formatter = new Intl.DateTimeFormat('en-US', {
  year: 'numeric',
@@ -26,12 +25,14 @@ const formatter = new Intl.DateTimeFormat('en-US', {
 });
 export const getServerSideProps: GetServerSideProps = async (context) => {
  const ckan = new CKAN(backend_url)
  const { dataset } = context.query;
-  const _dataset = await ckan.getDatasetDetails(dataset as string)
+  const response = await fetch(
    `${dms}/api/3/action/package_show?id=${dataset}`
  );
  const _dataset = await response.json();
  return {
    props: {
-      dataset: _dataset,
+      dataset: _dataset.result,
    },
  };
 };
--- a/examples/ckan-example/pages/_app.tsx
+++ b/examples/ckan-example/pages/_app.tsx
--- a/examples/ckan-example/pages/index.tsx
+++ b/examples/ckan-example/pages/index.tsx
@@ -1,8 +1,7 @@
 import getConfig from 'next/config';
 import styles from './index.module.css';
 import { CKAN } from '@portaljs/ckan';
-const backend_url = getConfig().publicRuntimeConfig.DMS
+const dms = getConfig().publicRuntimeConfig.DMS
 const formatter = new Intl.DateTimeFormat('en-US', {
  year: 'numeric',
@@ -16,11 +15,12 @@ const formatter = new Intl.DateTimeFormat('en-US', {
 export async function getServerSideProps() {
-  const ckan = new CKAN(backend_url)
+  const response = await fetch(`${dms}/api/3/action/package_search`)
-  const { datasets } = await ckan.packageSearch({ limit: 1000, offset: 0, groups:[], orgs: [], tags: []})
+  const datasets = await response.json()
-  const datasetsWithDetails = await Promise.all(datasets.map(async (dataset) => {
+  const datasetsWithDetails = await Promise.all(datasets.result.results.map(async (dataset) => {
-    const _dataset = await ckan.getDatasetDetails(dataset.name)
+    const response = await fetch(`${dms}/api/3/action/package_show?id=` + dataset.name)
-    return _dataset
+    const json = await response.json()
    return json.result
  }))
  return {
@@ -79,7 +79,7 @@ export function Index({ datasets }) {
                </thead>
                <tbody className="divide-y divide-gray-200">
                  {datasets.map((dataset) => (
-                    <tr key={dataset.name}>
+                    <tr>
                      <td className="px-3 py-4 text-sm text-gray-500">
                          {dataset.title}
                      </td>
--- a/examples/ckan-example/pages/styles.css
+++ b/examples/ckan-example/pages/styles.css
--- a/examples/ckan-example/postcss.config.js
+++ b/examples/ckan-example/postcss.config.js
--- a/examples/ckan-example/project.json
+++ b/examples/ckan-example/project.json
--- a/examples/ckan-example/public/.gitkeep
+++ b/examples/ckan-example/public/.gitkeep
--- a/examples/ckan-example/specs/index.spec.tsx
+++ b/examples/ckan-example/specs/index.spec.tsx
--- a/examples/ckan-example/tailwind.config.js
+++ b/examples/ckan-example/tailwind.config.js
--- a/examples/ckan-example/tsconfig.json
+++ b/examples/ckan-example/tsconfig.json
--- a/examples/ckan-example/tsconfig.spec.json
+++ b/examples/ckan-example/tsconfig.spec.json
--- a/examples/ckan/content/test.md
+++ b/examples/ckan/content/test.md
@@ -1,3 +0,0 @@
 # Test
 Test Data Rich Stories
--- a/examples/ckan/next.config.js
+++ b/examples/ckan/next.config.js
@@ -1,11 +0,0 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
  reactStrictMode: true,
  publicRuntimeConfig: {
    DMS: process.env.DMS
      ? process.env.DMS.replace(/\/?$/, '')
      : 'https://demo.dev.datopian.com/',
  },
 };
 module.exports = nextConfig;
--- a/examples/ckan/package-lock.json
+++ b/examples/ckan/package-lock.json
--- a/examples/ckan/package.json
+++ b/examples/ckan/package.json
@@ -1,47 +0,0 @@
 {
  "name": "ckan",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "prebuild": "npm run mddb",
    "build": "next build",
    "start": "next start",
    "lint": "next lint",
    "mddb": "mddb ./content"
  },
  "dependencies": {
    "@flowershow/core": "^0.4.13",
    "@flowershow/markdowndb": "^0.1.5",
    "@flowershow/remark-callouts": "^1.0.0",
    "@flowershow/remark-embed": "^1.0.0",
    "@githubocto/flat-ui": "^0.14.1",
    "@heroicons/react": "^2.0.18",
    "@portaljs/ckan": "^0.0.2",
    "@portaljs/components": "0.1.6",
    "@tailwindcss/typography": "^0.5.9",
    "@types/node": "20.2.3",
    "@types/react": "18.2.6",
    "@types/react-dom": "18.2.4",
    "autoprefixer": "10.4.14",
    "eslint": "8.41.0",
    "eslint-config-next": "13.4.3",
    "isomorphic-unfetch": "^4.0.2",
    "next": "13.4.3",
    "next-mdx-remote": "^4.4.1",
    "papaparse": "^5.4.1",
    "postcss": "8.4.23",
    "react": "18.2.0",
    "react-dom": "18.2.0",
    "react-query": "^3.39.3",
    "rehype-autolink-headings": "^6.1.1",
    "rehype-katex": "^6.0.3",
    "rehype-prism-plus": "^1.5.1",
    "rehype-slug": "^5.1.0",
    "remark-math": "^5.1.1",
    "remark-smartypants": "^2.0.0",
    "remark-toc": "^8.0.1",
    "tailwindcss": "3.3.2",
    "typescript": "5.0.4"
  }
 }
--- a/examples/ckan/pages/[org]/[dataset]/index.tsx
+++ b/examples/ckan/pages/[org]/[dataset]/index.tsx
@@ -1,179 +0,0 @@
 import Head from "next/head";
 import { CKAN, Dataset } from "@portaljs/ckan";
 import {
  ChevronRightIcon,
  HomeIcon,
  PaperClipIcon,
 } from "@heroicons/react/20/solid";
 import Link from "next/link";
 import getConfig from "next/config";
 const backend_url = getConfig().publicRuntimeConfig.DMS
 export const getServerSideProps = async (context: any) => {
  try {
    const datasetName = context.params?.dataset;
    if (!datasetName) {
      return {
        notFound: true,
      };
    }
    const ckan = new CKAN(backend_url);
    const dataset = await ckan.getDatasetDetails(datasetName as string);
    if (!dataset) {
      return {
        notFound: true,
      };
    }
    return {
      props: { dataset },
    };
  } catch {
    return {
      notFound: true,
    };
  }
 };
 export default function DatasetPage({
  dataset,
 }: {
  dataset: Dataset;
 }): JSX.Element {
  return (
    <>
      <Head>
        <title>{`${dataset.title || dataset.name} - Dataset`}</title>
        <meta name="description" content="Generated by create next app" />
        <link rel="icon" href="/favicon.ico" />
      </Head>
      <main className="flex min-h-screen flex-col items-center justify-between p-24 bg-zinc-900">
        <div className="bg-white p-8 my-4 rounded-lg">
          <nav className="flex px-4 py-8" aria-label="Breadcrumb">
            <ol role="list" className="flex items-center space-x-4">
              <li>
                <div>
                  <Link href="/" className="text-gray-400 hover:text-gray-500">
                    <HomeIcon
                      className="h-5 w-5 flex-shrink-0"
                      aria-hidden="true"
                    />
                    <span className="sr-only">Home</span>
                  </Link>
                </div>
              </li>
              <li>
                <div className="flex items-center">
                  <ChevronRightIcon
                    className="h-5 w-5 flex-shrink-0 text-gray-400"
                    aria-hidden="true"
                  />
                  <span
                    className="ml-4 text-sm font-medium text-gray-500 hover:text-gray-700"
                    aria-current={"page"}
                  >
                    {dataset.name}
                  </span>
                </div>
              </li>
            </ol>
          </nav>
          {dataset && (
            <div>
              <div className="px-4 sm:px-0">
                <h3 className="text-base font-semibold leading-7 text-gray-900">
                  {dataset.title || dataset.name}
                </h3>
                <p className="mt-1 max-w-2xl text-sm leading-6 text-gray-500">
                  Dataset details
                </p>
              </div>
              <div className="mt-6 border-t border-gray-100">
                <dl className="divide-y divide-gray-100">
                  <div className="px-4 py-6 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-0">
                    <dt className="text-sm font-medium leading-6 text-gray-900">
                      Title
                    </dt>
                    <dd className="mt-1 text-sm leading-6 text-gray-700 sm:col-span-2 sm:mt-0">
                      {dataset.title}
                    </dd>
                  </div>
                  {dataset.tags && dataset.tags.length > 0 && (
                    <div className="px-4 py-6 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-0">
                      <dt className="text-sm font-medium leading-6 text-gray-900">
                        Tags
                      </dt>
                      <dd className="mt-1 text-sm leading-6 text-gray-700 sm:col-span-2 sm:mt-0">
                        {dataset.tags.map((tag) => tag.display_name).join(", ")}
                      </dd>
                    </div>
                  )}
                  {dataset.tags && dataset.tags.length > 0 && (
                    <div className="px-4 py-6 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-0">
                      <dt className="text-sm font-medium leading-6 text-gray-900">
                        URL
                      </dt>
                      <dd className="mt-1 text-sm leading-6 text-gray-700 sm:col-span-2 sm:mt-0">
                        {dataset.url}
                      </dd>
                    </div>
                  )}
                  <div className="px-4 py-6 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-0">
                    {dataset.notes && (
                      <>
                        <dt className="text-sm font-medium leading-6 text-gray-900">
                          Description
                        </dt>
                        <dd className="mt-1 text-sm leading-6 text-gray-700 sm:col-span-2 sm:mt-0">
                          {dataset.notes}
                        </dd>
                      </>
                    )}
                  </div>
                  <div className="px-4 py-6 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-0">
                    <dt className="text-sm font-medium leading-6 text-gray-900">
                      Files
                    </dt>
                    <dd className="mt-2 text-sm text-gray-900 sm:col-span-2 sm:mt-0">
                      <ul
                        role="list"
                        className="divide-y divide-gray-100 rounded-md border border-gray-200"
                      >
                        {dataset.resources.map((resource) => (
                          <li key={resource.id} className="flex items-center justify-between py-4 pl-4 pr-5 text-sm leading-6">
                            <div className="flex w-0 flex-1 items-center">
                              <PaperClipIcon
                                className="h-5 w-5 flex-shrink-0 text-gray-400"
                                aria-hidden="true"
                              />
                              <div className="ml-4 flex min-w-0 flex-1 gap-2">
                                <span className="truncate font-medium">
                                  {resource.name || resource.id}
                                </span>
                                <span className="flex-shrink-0 text-gray-400">
                                  {resource.size}
                                </span>
                              </div>
                            </div>
                            <div className="ml-4 flex-shrink-0">
                              <a
                                href={resource.url}
                                className="font-medium hover:text-indigo-500 mr-4"
                              >
                                Download
                              </a>
                            </div>
                          </li>
                        ))}
                      </ul>
                    </dd>
                  </div>
                </dl>
              </div>
            </div>
          )}
        </div>
      </main>
    </>
  );
 }
--- a/examples/ckan/pages/api/cors.ts
+++ b/examples/ckan/pages/api/cors.ts
@@ -1,18 +0,0 @@
 import fetch from 'isomorphic-unfetch';
 const Cors = async (req: any, res: any) => {
  const { url } = req.query;
  try {
    const resProxy = await fetch(url, {
      headers: {
        Range: 'bytes=0-5132288',
      },
    });
    const data = await resProxy.text();
    return res.status(200).send(data);
  } catch (error: any) {
    res.status(400).send(error.toString());
  }
 };
 export default Cors;
--- a/examples/ckan/pages/index.tsx
+++ b/examples/ckan/pages/index.tsx
@@ -1,55 +0,0 @@
 import {
  CKAN,
  DatasetSearchForm,
  ListOfDatasets,
  PackageSearchOptions,
  Organization,
  Group,
 } from '@portaljs/ckan';
 import getConfig from 'next/config';
 import { useState } from 'react';
 const backend_url = getConfig().publicRuntimeConfig.DMS;
 export async function getServerSideProps() {
  const ckan = new CKAN(backend_url);
  const groups = await ckan.getGroupsWithDetails();
  const orgs = await ckan.getOrgsWithDetails();
  return {
    props: {
      groups,
      orgs,
    },
  };
 }
 export default function Home({
  orgs,
  groups,
 }: {
  orgs: Organization[];
  groups: Group[];
 }) {
  const ckan = new CKAN(backend_url);
  const [options, setOptions] = useState<PackageSearchOptions>({
    offset: 0,
    limit: 5,
    tags: [],
    groups: [],
    orgs: [],
  });
  return (
    <main className="flex min-h-screen flex-col items-center p-24 bg-zinc-900">
      <DatasetSearchForm
        options={options}
        setOptions={setOptions}
        groups={groups}
        orgs={orgs}
      />
      <div className="bg-white p-8 my-4 rounded-lg">
        <ListOfDatasets options={options} setOptions={setOptions} ckan={ckan} />{' '}
      </div>
    </main>
  );
 }
--- a/examples/ckan/pages/stories/[[...path]].tsx
+++ b/examples/ckan/pages/stories/[[...path]].tsx
@@ -1,129 +0,0 @@
 import { existsSync, promises as fs } from 'fs';
 import path from 'path';
 import parse from '../../lib/markdown';
 import DataRichDocument from '../../components/DataRichDocument';
 import clientPromise from '../../lib/mddb';
 import getConfig from 'next/config';
 import { CKAN } from '@portaljs/ckan';
 export const getStaticPaths = async () => {
  const contentDir = path.join(process.cwd(), '/content/');
  const contentFolders = await fs.readdir(contentDir, 'utf8');
  const paths = contentFolders.map((folder: string) => ({
    params: { path: [folder.split('.')[0]] },
  }));
  return {
    paths,
    fallback: false,
  };
 };
 const backend_url = getConfig().publicRuntimeConfig.DMS;
 export const getStaticProps = async (context) => {
  const mddb = await clientPromise;
  const storyFile = await mddb.getFileByUrl(context.params.path);
  const md = await fs.readFile(
    `${process.cwd()}/${storyFile.file_path}`,
    'utf8'
  );
  const ckan = new CKAN(backend_url);
  const datasets = storyFile.metadata.datasets ? await Promise.all(
    storyFile.metadata.datasets.map(
      async (datasetName: string) => await ckan.getDatasetDetails(datasetName)
    )
  ) : [];
  const orgs = storyFile.metadata.orgs ? await Promise.all(
    storyFile.metadata.orgs.map(
      async (orgName: string) => await ckan.getOrgDetails(orgName)
    )
  ) : [];
  let { mdxSource, frontMatter } = await parse(md, '.mdx', { datasets, orgs });
  return {
    props: {
      mdxSource,
      frontMatter: JSON.stringify(frontMatter),
    },
  };
 };
 export default function DatasetPage({ mdxSource, frontMatter }) {
  frontMatter = JSON.parse(frontMatter);
  return (
    <main className="flex min-h-screen flex-col justify-between p-16 bg-zinc-900">
      <div className="bg-white p-8 my-4 rounded-lg">
        <div className="prose mx-auto py-8">
          <header>
            <div className="mb-6">
              <>
                <h1 className="mb-2">{frontMatter.title}</h1>
                {frontMatter.author && (
                  <p className="my-0">
                    <span className="font-semibold">Author: </span>
                    <span className="my-0">{frontMatter.author}</span>
                  </p>
                )}
                {frontMatter.description && (
                  <p className="my-0">
                    <span className="font-semibold">Description: </span>
                    <span className="description my-0">
                      {frontMatter.description}
                    </span>
                  </p>
                )}
                {frontMatter.modified && (
                  <p className="my-0">
                    <span className="font-semibold">Modified: </span>
                    <span className="description my-0">
                      {new Date(frontMatter.modified).toLocaleDateString()}
                    </span>
                  </p>
                )}
                {frontMatter.files && (
                  <section className="py-6">
                    <h2 className="mt-0">Data files</h2>
                    <table className="table-auto">
                      <thead>
                        <tr>
                          <th>File</th>
                          <th>Format</th>
                        </tr>
                      </thead>
                      <tbody>
                        {frontMatter.files.map((f) => {
                          const fileName = f.split('/').slice(-1);
                          return (
                            <tr key={`resources-list-${f}`}>
                              <td>
                                <a target="_blank" href={f}>
                                  {fileName}
                                </a>
                              </td>
                              <td>
                                {fileName[0]
                                  .split('.')
                                  .slice(-1)[0]
                                  .toUpperCase()}
                              </td>
                            </tr>
                          );
                        })}
                      </tbody>
                    </table>
                  </section>
                )}
              </>
            </div>
          </header>
          <main>
            <DataRichDocument source={mdxSource} />
          </main>
        </div>
      </div>
    </main>
  );
 }
--- a/examples/ckan/styles/globals.css
+++ b/examples/ckan/styles/globals.css
@@ -1,71 +0,0 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
@import "@flowershow/remark-callouts/styles.css";
 /* mathjax */
 .math-inline > mjx-container > svg {
  display: inline;
  align-items: center;
 }
 /* smooth scrolling in modern browsers */
 html {
  scroll-behavior: smooth !important;
 }
 /* tooltip fade-out clip */
 .tooltip-body::after {
  content: "";
  position: absolute;
  right: 0;
  top: 3.6rem; /* multiple of $line-height used on the tooltip body (defined in tooltipBodyStyle) */
  height: 1.2rem; /* ($top + $height)/$line-height is the number of lines we want to clip tooltip text at*/
  width: 10rem;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0),
    rgba(255, 255, 255, 1) 100%
  );
 }
 :is(h2, h3, h4, h5, h6):not(.blogitem-title) {
  margin-left: -2rem !important;
  padding-left: 2rem !important;
  scroll-margin-top: 4.5rem;
  position: relative;
 }
 .heading-link {
  padding: 1px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  margin: auto 0;
  border-radius: 5px;
  background: #1e293b;
  opacity: 0;
  transition: opacity 0.2s;
 }
 .light .heading-link {
  /* border: 1px solid #ab2b65; */
  /* background: none; */
  background: #e2e8f0;
 }
 :is(h2, h3, h4, h5, h6):not(.blogitem-title):hover .heading-link {
  opacity: 100;
 }
 .heading-link svg {
  transform: scale(0.75);
 }
@media screen and (max-width: 640px) {
  .heading-link {
    visibility: hidden;
  }
 }
--- a/examples/ckan/tsconfig.json
+++ b/examples/ckan/tsconfig.json
@@ -1,23 +0,0 @@
 {
  "compilerOptions": {
    "target": "es5",
    "lib": ["dom", "dom.iterable", "esnext"],
    "allowJs": true,
    "skipLibCheck": true,
    "strict": false,
    "forceConsistentCasingInFileNames": true,
    "noEmit": true,
    "esModuleInterop": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "jsx": "preserve",
    "incremental": true,
    "paths": {
      "@/*": ["./*"]
    }
  },
  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
  "exclude": ["node_modules"]
 }
--- a/examples/fiverthirtyeight-example/.eslintrc.json
+++ b/examples/fiverthirtyeight-example/.eslintrc.json
--- a/examples/fiverthirtyeight-example/.gitignore
+++ b/examples/fiverthirtyeight-example/.gitignore
--- a/examples/fiverthirtyeight-example/README.md
+++ b/examples/fiverthirtyeight-example/README.md
--- a/examples/fiverthirtyeight-example/datasets.json
+++ b/examples/fiverthirtyeight-example/datasets.json
@@ -1,11 +1,46 @@
 [
  {
    "url": "https://github.com/fivethirtyeight/data/tree/master/nba-forecasts",
    "name": "nba-forecasts",
    "displayName": "nba-<span class=\"lastword\">forecasts</span>",
    "articles": [
      {
        "date": "2023-05-08T22:33:43.000Z",
        "title": "2022-23 NBA Predictions",
        "url": "https://projects.fivethirtyeight.com/2023-nba-predictions/"
      }
    ],
    "files": [
      "https://projects.fivethirtyeight.com/nba-model/nba_elo.csv",
      "https://projects.fivethirtyeight.com/nba-model/nba_elo_latest.csv"
    ]
  },
  {
    "url": "https://github.com/fivethirtyeight/data/tree/master/soccer-spi",
    "name": "soccer-spi",
    "displayName": "soccer-<span class=\"lastword\">spi</span>",
    "articles": [
      {
        "date": "2023-05-08T22:17:18.000Z",
        "title": "Club Soccer Predictions",
        "url": "https://projects.fivethirtyeight.com/soccer-predictions/"
      }
    ],
    "files": [
      "https://projects.fivethirtyeight.com/soccer-api/club/spi_matches.csv",
      "https://projects.fivethirtyeight.com/soccer-api/club/spi_matches_latest.csv",
      "https://projects.fivethirtyeight.com/soccer-api/club/spi_global_rankings.csv",
      "https://projects.fivethirtyeight.com/soccer-api/international/spi_matches_intl.csv",
      "https://projects.fivethirtyeight.com/soccer-api/international/spi_global_rankings_intl.csv"
    ]
  },
  {
    "url": "https://github.com/fivethirtyeight/data/tree/master/polls",
    "name": "polls",
    "displayName": "<span class=\"lastword\">polls</span>",
    "articles": [
      {
-        "date": "2023-05-11T14:35:40.000Z",
+        "date": "2023-05-08T20:36:59.000Z",
        "title": "Latest Polls",
        "url": "https://projects.fivethirtyeight.com/polls/"
      }
@@ -28,45 +63,13 @@
      "https://projects.fivethirtyeight.com/2020-general-data/presidential_poll_averages_2020.csv"
    ]
  },
  {
    "url": "https://github.com/fivethirtyeight/data/tree/master/congress-generic-ballot",
    "name": "congress-generic-ballot",
    "displayName": "congress-generic-<span class=\"lastword\">ballot</span>",
    "articles": [
      {
        "date": "2023-05-11T14:35:40.000Z",
        "title": "Do Voters Want Democrats Or Republicans In Congress?",
        "url": "https://projects.fivethirtyeight.com/congress-generic-ballot-polls/"
      }
    ],
    "files": [
      "https://projects.fivethirtyeight.com/generic-ballot-data/generic_polllist.csv",
      "https://projects.fivethirtyeight.com/polls/data/generic_ballot_averages.csv"
    ]
  },
  {
    "url": "https://github.com/fivethirtyeight/data/tree/master/nba-forecasts",
    "name": "nba-forecasts",
    "displayName": "nba-<span class=\"lastword\">forecasts</span>",
    "articles": [
      {
        "date": "2023-05-11T11:15:46.000Z",
        "title": "2022-23 NBA Predictions",
        "url": "https://projects.fivethirtyeight.com/2023-nba-predictions/"
      }
    ],
    "files": [
      "https://projects.fivethirtyeight.com/nba-model/nba_elo.csv",
      "https://projects.fivethirtyeight.com/nba-model/nba_elo_latest.csv"
    ]
  },
  {
    "url": "https://github.com/fivethirtyeight/data/tree/master/nba-raptor",
    "name": "nba-raptor",
    "displayName": "nba-<span class=\"lastword\">raptor</span>",
    "articles": [
      {
-        "date": "2023-05-11T11:13:20.000Z",
+        "date": "2023-05-08T11:15:48.000Z",
        "title": "The Best NBA Players, According To RAPTOR",
        "rowspan": 3,
        "url": "https://projects.fivethirtyeight.com/nba-player-ratings/"
@@ -89,32 +92,13 @@
      "https://projects.fivethirtyeight.com/nba-model/2023/latest_RAPTOR_by_player.csv"
    ]
  },
  {
    "url": "https://github.com/fivethirtyeight/data/tree/master/soccer-spi",
    "name": "soccer-spi",
    "displayName": "soccer-<span class=\"lastword\">spi</span>",
    "articles": [
      {
        "date": "2023-05-11T05:25:51.000Z",
        "title": "Club Soccer Predictions",
        "url": "https://projects.fivethirtyeight.com/soccer-predictions/"
      }
    ],
    "files": [
      "https://projects.fivethirtyeight.com/soccer-api/club/spi_matches.csv",
      "https://projects.fivethirtyeight.com/soccer-api/club/spi_matches_latest.csv",
      "https://projects.fivethirtyeight.com/soccer-api/club/spi_global_rankings.csv",
      "https://projects.fivethirtyeight.com/soccer-api/international/spi_matches_intl.csv",
      "https://projects.fivethirtyeight.com/soccer-api/international/spi_global_rankings_intl.csv"
    ]
  },
  {
    "url": "https://github.com/fivethirtyeight/data/tree/master/nhl-forecasts",
    "name": "nhl-forecasts",
    "displayName": "nhl-<span class=\"lastword\">forecasts</span>",
    "articles": [
      {
-        "date": "2023-05-11T04:53:22.000Z",
+        "date": "2023-05-08T04:18:20.000Z",
        "title": "2022-23 NHL Predictions",
        "url": "https://projects.fivethirtyeight.com/2023-nhl-predictions/"
      }
@@ -130,7 +114,7 @@
    "displayName": "mlb-<span class=\"lastword\">elo</span>",
    "articles": [
      {
-        "date": "2023-05-11T02:35:49.000Z",
+        "date": "2023-05-08T02:25:55.000Z",
        "title": "2023 MLB Predictions",
        "url": "https://projects.fivethirtyeight.com/2023-mlb-predictions/"
      }
@@ -140,6 +124,22 @@
      "https://projects.fivethirtyeight.com/mlb-api/mlb_elo_latest.csv"
    ]
  },
  {
    "url": "https://github.com/fivethirtyeight/data/tree/master/congress-generic-ballot",
    "name": "congress-generic-ballot",
    "displayName": "congress-generic-<span class=\"lastword\">ballot</span>",
    "articles": [
      {
        "date": "2023-05-02T13:48:41.000Z",
        "title": "Do Voters Want Democrats Or Republicans In Congress?",
        "url": "https://projects.fivethirtyeight.com/congress-generic-ballot-polls/"
      }
    ],
    "files": [
      "https://projects.fivethirtyeight.com/generic-ballot-data/generic_polllist.csv",
      "https://projects.fivethirtyeight.com/polls/data/generic_ballot_averages.csv"
    ]
  },
  {
    "url": "https://github.com/fivethirtyeight/data/tree/master/congress-demographics",
    "name": "congress-demographics",
@@ -211,6 +211,18 @@
      "https://projects.fivethirtyeight.com/nfl-api/nfl_elo_latest.csv"
    ]
  },
  {
    "url": "https://github.com/fivethirtyeight/checking-our-work-data",
    "name": "checking-our-work-data",
    "displayName": "checking-our-work-<span class=\"lastword\">data</span>",
    "articles": [
      {
        "date": "2023-02-02T16:30:00.000Z",
        "title": "How Good Are FiveThirtyEight Forecasts?",
        "url": "https://projects.fivethirtyeight.com/checking-our-work/"
      }
    ]
  },
  {
    "url": "https://github.com/fivethirtyeight/data/tree/master/world-cup-2022",
    "name": "world-cup-2022",
@@ -227,6 +239,18 @@
      "https://projects.fivethirtyeight.com/soccer-api/international/2022/wc_forecasts.csv"
    ]
  },
  {
    "url": "https://github.com/fivethirtyeight/covid-19-polls",
    "name": "covid-19-polls",
    "displayName": "covid-19-<span class=\"lastword\">polls</span>",
    "articles": [
      {
        "date": "2022-11-29T20:20:08.000Z",
        "title": "How Americans View Biden’s Response To The Coronavirus Crisis",
        "url": "https://projects.fivethirtyeight.com/coronavirus-polls/"
      }
    ]
  },
  {
    "url": "https://github.com/fivethirtyeight/data/tree/master/election-deniers",
    "name": "election-deniers",
@@ -347,6 +371,18 @@
      }
    ]
  },
  {
    "url": "https://github.com/fivethirtyeight/nfl-elo-game",
    "name": "nfl-elo-game",
    "displayName": "nfl-elo-<span class=\"lastword\">game</span>",
    "articles": [
      {
        "date": "2022-02-14T03:03:26.000Z",
        "title": "Can You Beat FiveThirtyEight’s NFL Forecasts?",
        "url": "https://projects.fivethirtyeight.com/2021-nfl-forecasting-game/"
      }
    ]
  },
  {
    "url": "https://github.com/fivethirtyeight/data/tree/master/redlining",
    "name": "redlining",
@@ -371,6 +407,42 @@
      }
    ]
  },
  {
    "url": "https://github.com/fivethirtyeight/negro-leagues-player-ratings",
    "name": "negro-leagues-player-ratings",
    "displayName": "negro-leagues-player-<span class=\"lastword\">ratings</span>",
    "articles": [
      {
        "date": "2021-02-25T11:00:00.000Z",
        "title": "The Negro League Stars That MLB Kept Out — And Is Finally Recognizing",
        "url": "https://projects.fivethirtyeight.com/negro-leagues-mlb/"
      }
    ]
  },
  {
    "url": "https://github.com/fivethirtyeight/police-settlements",
    "name": "police-settlements",
    "displayName": "police-<span class=\"lastword\">settlements</span>",
    "articles": [
      {
        "date": "2021-02-22T11:00:49.000Z",
        "title": "Cities Spend Millions On Police Misconduct Every Year. Here’s Why It’s So Difficult to Hold Departments Accountable.",
        "url": "https://fivethirtyeight.com/features/police-misconduct-costs-cities-millions-every-year-but-thats-where-the-accountability-ends/"
      }
    ]
  },
  {
    "url": "https://github.com/fivethirtyeight/superbowl-ads",
    "name": "superbowl-ads",
    "displayName": "superbowl-<span class=\"lastword\">ads</span>",
    "articles": [
      {
        "date": "2021-02-04T16:11:00.000Z",
        "title": "According To Super Bowl Ads, Americans Love America, Animals And Sex",
        "url": "https://projects.fivethirtyeight.com/super-bowl-ads/"
      }
    ]
  },
  {
    "url": "https://github.com/fivethirtyeight/data/tree/master/trump-approval-ratings",
    "name": "trump-approval-ratings",
@@ -403,6 +475,18 @@
      "https://projects.fivethirtyeight.com/congress-tracker-data/csv/vote_predictions.csv"
    ]
  },
  {
    "url": "https://github.com/fivethirtyeight/election-results",
    "name": "election-results",
    "displayName": "election-<span class=\"lastword\">results</span>",
    "articles": [
      {
        "date": "2020-11-03T05:33:43.000Z",
        "title": "2020 Election Forecast",
        "url": "https://projects.fivethirtyeight.com/2020-election-forecast/"
      }
    ]
  },
  {
    "url": "https://github.com/fivethirtyeight/data/tree/master/election-forecasts-2020",
    "name": "election-forecasts-2020",
@@ -473,6 +557,18 @@
      }
    ]
  },
  {
    "url": "https://github.com/fivethirtyeight/WNBA-stats",
    "name": "WNBA-stats",
    "displayName": "WNBA-<span class=\"lastword\">stats</span>",
    "articles": [
      {
        "date": "2020-05-27T19:06:43.000Z",
        "title": "It’s Time To Give Basketball’s Other GOAT Her Due",
        "url": "https://fivethirtyeight.com/features/its-time-to-give-basketballs-other-goat-her-due/"
      }
    ]
  },
  {
    "url": "https://github.com/fivethirtyeight/data/tree/master/covid-geography",
    "name": "covid-geography",
@@ -512,6 +608,18 @@
      "https://projects.fivethirtyeight.com/endorsements-2020-data/endorsements-2020.csv"
    ]
  },
  {
    "url": "https://github.com/fivethirtyeight/nba-player-advanced-metrics",
    "name": "nba-player-advanced-metrics",
    "displayName": "nba-player-advanced-<span class=\"lastword\">metrics</span>",
    "articles": [
      {
        "date": "2020-03-09T15:27:37.000Z",
        "title": "Luka Dončić And The Mavs Are Pushing The Limits Of Offensive Efficiency",
        "url": "https://fivethirtyeight.com/features/luka-doncic-and-the-mavs-are-pushing-the-limits-of-offensive-efficiency/"
      }
    ]
  },
  {
    "url": "https://github.com/fivethirtyeight/data/tree/master/impeachment-polls",
    "name": "impeachment-polls",
@@ -603,6 +711,18 @@
      }
    ]
  },
  {
    "url": "https://github.com/fivethirtyeight/candidate-emails",
    "name": "candidate-emails",
    "displayName": "candidate-<span class=\"lastword\">emails</span>",
    "articles": [
      {
        "date": "2019-07-11T15:33:15.000Z",
        "title": "What Our Inbox Tells Us About How Democrats Are Tackling Trump",
        "url": "https://fivethirtyeight.com/features/which-democrats-are-campaigning-on-trump/"
      }
    ]
  },
  {
    "url": "https://github.com/fivethirtyeight/data/tree/master/nba-draymond",
    "name": "nba-draymond",
@@ -643,6 +763,18 @@
      }
    ]
  },
  {
    "url": "https://github.com/fivethirtyeight/twitter-overlap",
    "name": "twitter-overlap",
    "displayName": "twitter-<span class=\"lastword\">overlap</span>",
    "articles": [
      {
        "date": "2019-06-12T15:24:07.000Z",
        "title": "Which 2020 Candidates Have The Most In Common … On Twitter?",
        "url": "https://fivethirtyeight.com/features/which-2020-candidates-have-the-most-in-common-on-twitter/"
      }
    ]
  },
  {
    "url": "https://github.com/fivethirtyeight/data/tree/master/trump-lawsuits",
    "name": "trump-lawsuits",
@@ -825,6 +957,18 @@
      "https://projects.fivethirtyeight.com/congress-model-2018/governor_state_forecast.csv"
    ]
  },
  {
    "url": "https://github.com/fivethirtyeight/actblue-analysis",
    "name": "actblue-analysis",
    "displayName": "actblue-<span class=\"lastword\">analysis</span>",
    "articles": [
      {
        "date": "2018-10-25T17:31:42.000Z",
        "title": "How ActBlue Is Trying To Turn Small Donations Into A Blue Wave",
        "url": "https://fivethirtyeight.com/features/how-actblue-is-trying-to-turn-small-donations-into-a-blue-wave"
      }
    ]
  },
  {
    "url": "https://github.com/fivethirtyeight/data/tree/master/primary-candidates-2018",
    "name": "primary-candidates-2018",
@@ -1035,6 +1179,18 @@
      }
    ]
  },
  {
    "url": "https://github.com/fivethirtyeight/redistricting-atlas-data",
    "name": "redistricting-atlas-data",
    "displayName": "redistricting-atlas-<span class=\"lastword\">data</span>",
    "articles": [
      {
        "date": "2018-01-25T11:00:00.000Z",
        "title": "The Atlas Of Redistricting",
        "url": "https://projects.fivethirtyeight.com/redistricting-maps/"
      }
    ]
  },
  {
    "url": "https://github.com/fivethirtyeight/data/tree/master/next-bechdel",
    "name": "next-bechdel",
@@ -1464,6 +1620,37 @@
      }
    ]
  },
  {
    "url": "https://github.com/fivethirtyeight/uber-tlc-foil-response",
    "name": "uber-tlc-foil-response",
    "displayName": "uber-tlc-foil-<span class=\"lastword\">response</span>",
    "articles": [
      {
        "date": "2015-12-09T16:19:40.000Z",
        "title": "Is Uber Making NYC Rush-Hour Traffic Worse?",
        "rowspan": 4,
        "url": "https://fivethirtyeight.com/features/is-uber-making-nyc-rush-hour-traffic-worse/"
      },
      {
        "date": "2015-10-13T20:44:12.000Z",
        "title": "Uber Is Taking Millions Of Manhattan Rides Away From Taxis",
        "rowspan": 0,
        "url": "https://fivethirtyeight.com/features/uber-is-taking-millions-of-manhattan-rides-away-from-taxis/"
      },
      {
        "date": "2015-08-28T10:30:36.000Z",
        "title": "Public Transit Should Be Uber’s New Best Friend",
        "rowspan": 0,
        "url": "https://fivethirtyeight.com/features/public-transit-should-be-ubers-new-best-friend/"
      },
      {
        "date": "2015-08-10T18:06:17.000Z",
        "title": "Uber Is Serving New York’s Outer Boroughs More Than Taxis Are",
        "rowspan": 0,
        "url": "https://fivethirtyeight.com/features/uber-is-serving-new-yorks-outer-boroughs-more-than-taxis-are/"
      }
    ]
  },
  {
    "url": "https://github.com/fivethirtyeight/data/tree/master/tarantino",
    "name": "tarantino",
@@ -1982,6 +2169,18 @@
      }
    ]
  },
  {
    "url": "https://github.com/fivethirtyeight/data/tree/master/comma-survey-data",
    "name": "comma-survey-data",
    "displayName": "comma-survey-<span class=\"lastword\">data</span>",
    "articles": [
      {
        "date": "2014-06-17T16:28:55.000Z",
        "title": "Elitist, Superfluous, Or Popular? We Polled Americans on the Oxford Comma",
        "url": "http://fivethirtyeight.com/features/elitist-superfluous-or-popular-we-polled-americans-on-the-oxford-comma/"
      }
    ]
  },
  {
    "url": "https://github.com/fivethirtyeight/data/tree/master/world-cup-predictions",
    "name": "world-cup-predictions",
--- a/examples/fiverthirtyeight-example/next.config.js
+++ b/examples/fiverthirtyeight-example/next.config.js
@@ -1,9 +1,6 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
  reactStrictMode: true,
  serverRuntimeConfig: {
    github_pat: process.env.GITHUB_PAT ? process.env.GITHUB_PAT : null,
  },
 }
 module.exports = nextConfig
--- a/examples/fiverthirtyeight-example/package-lock.json
+++ b/examples/fiverthirtyeight-example/package-lock.json
--- a/examples/fiverthirtyeight-example/package.json
+++ b/examples/fiverthirtyeight-example/package.json
@@ -9,27 +9,16 @@
    "lint": "next lint"
  },
  "dependencies": {
    "@portaljs/components": "^0.1.0",
    "@tailwindcss/typography": "^0.5.9",
    "@types/node": "20.1.1",
    "@types/react": "18.2.6",
    "@types/react-dom": "18.2.4",
    "autoprefixer": "10.4.14",
    "eslint": "8.40.0",
    "eslint-config-next": "13.4.1",
    "flexsearch": "^0.7.31",
    "next": "13.4.1",
    "next-mdx-remote": "^4.4.1",
    "next-seo": "^6.0.0",
    "octokit": "^2.0.14",
    "postcss": "8.4.23",
    "react": "18.2.0",
    "react-dom": "18.2.0",
    "react-markdown": "^8.0.7",
    "remark-code-frontmatter": "^1.0.0",
    "remark-extract-frontmatter": "^3.2.0",
    "remark-frontmatter": "^4.0.1",
    "remark-gfm": "^3.0.1",
    "tailwindcss": "3.3.2",
    "timeago.js": "^4.0.2",
    "typescript": "5.0.4"
--- a/examples/fiverthirtyeight-example/pages/_app.tsx
+++ b/examples/fiverthirtyeight-example/pages/_app.tsx
@@ -1,5 +1,4 @@
 import '@/styles/globals.css'
 import '@portaljs/ckan/styles.css'
 import type { AppProps } from 'next/app'
 export default function App({ Component, pageProps }: AppProps) {
--- a/examples/fiverthirtyeight-example/pages/_document.tsx
+++ b/examples/fiverthirtyeight-example/pages/_document.tsx
--- a/examples/fiverthirtyeight-example/pages/api/hello.ts
+++ b/examples/fiverthirtyeight-example/pages/api/hello.ts
@@ -0,0 +1,13 @@
 // Next.js API route support: https://nextjs.org/docs/api-routes/introduction
 import type { NextApiRequest, NextApiResponse } from 'next'
 type Data = {
  name: string
 }
 export default function handler(
  req: NextApiRequest,
  res: NextApiResponse<Data>
 ) {
  res.status(200).json({ name: 'John Doe' })
 }
--- a/examples/fiverthirtyeight-example/pages/index.tsx
+++ b/examples/fiverthirtyeight-example/pages/index.tsx
@@ -1,53 +1,41 @@
 import Image from 'next/image';
 import { Inter } from 'next/font/google';
-import { format } from 'timeago.js';
+import { format } from 'timeago.js'
 import { promises as fs } from 'fs';
 import path from 'path';
 import { NextSeo } from 'next-seo';
 const inter = Inter({ subsets: ['latin'] });
-export interface Article {
+interface Article {
  date: string;
  title: string;
  url: string;
 }
-export interface Dataset {
+interface Dataset {
  url: string;
  name: string;
  displayName: string;
  articles: Article[];
  files?: string[];
 }
-// Request a weekday along with a long date
+export function MobileItem({dataset} : { dataset: Dataset}) {
 const options = {
  year: 'numeric',
  month: 'long',
  day: 'numeric',
 } as const;
 export function MobileItem({ dataset }: { dataset: Dataset }) {
  return (
    <div className="flex gap-x-2 pb-2 py-4 items-center justify-between border-b border-zinc-600">
      <div className="flex flex-col">
-        <span className="font-mono font-light">{dataset.name}</span>
+        <span className="font-light">{dataset.name}</span>
        {dataset.articles.map((article) => (
-          <div key={article.title} className="py-1 flex flex-col">
+          <div className='py-1 flex flex-col'>
            <span className="font-bold hover:underline">{article.title}</span>
-            <span className="font-light text-base">
+            <span className="font-light text-base">{format(article.date)}</span>{' '}
              {format(article.date).includes('years')
                ? new Date(article.date).toLocaleString('en-US', options)
                : format(article.date)}
            </span>{' '}
          </div>
        ))}
      </div>
      <div className="flex flex-col justify-start">
        <a
-          className="ml-2 border border-zinc-900 font-light px-4 py-1 text-sm transition hover:bg-zinc-900 hover:text-white"
+          className="border border-zinc-900 font-light px-4 py-1 text-sm transition hover:bg-zinc-900 hover:text-white"
          href={dataset.url}
          target="_blank"
        >
          info
        </a>
@@ -71,37 +59,24 @@ export function MobileItem({ dataset }: { dataset: Dataset }) {
  );
 }
-export function DesktopItem({ dataset }: { dataset: Dataset }) {
+export function DesktopItem({dataset} : { dataset: Dataset}) {
  return (
    <>
      {dataset.articles.map((article, index) => (
-        <tr
+        <tr className={`${index === (dataset.articles.length - 1) ? 'border-b' : ''} border-zinc-400`}>
-          key={article.url}
+          <td className="py-8 font-light">{index === 0 ? dataset.name : ''}</td>
          className={`${
            index === dataset.articles.length - 1 ? 'border-b' : ''
          } border-zinc-400`}
        >
          <td className="py-8 font-light font-mono text-[13px] text-zinc-700">
            {index === 0 ? dataset.name : ''}
          </td>
          <td>
-            <a
+            <a className="py-8 font-bold hover:underline" href={article.url}>
              className="py-8 font-bold hover:underline pr-2"
              href={article.url}
            >
              {article.title}
            </a>
          </td>
-          <td className="py-8 font-light text-[14px] min-w-[138px] font-mono text-[#999]">
+          <td className="py-8 font-light text-base min-w-[120px]">{format(article.date)}</td>
            {format(article.date).includes('years')
              ? new Date(article.date).toLocaleString('en-US', options)
              : format(article.date)}
          </td>
          <td className="py-8">
            {index === 0 && (
              <a
-                className="ml-2 border border-zinc-900 font-light px-[25px] py-2.5 text-sm transition hover:bg-zinc-900 hover:text-white"
+                className="border border-zinc-900 font-light px-[25px] py-2.5 text-sm transition hover:bg-zinc-900 hover:text-white"
                href={dataset.url}
                target="_blank"
              >
                info
              </a>
@@ -131,18 +106,35 @@ export function DesktopItem({ dataset }: { dataset: Dataset }) {
 }
 export async function getStaticProps() {
-  const jsonDirectory = path.join(process.cwd(), '/datasets.json');
+  const jsonDirectory = path.join(
    process.cwd(),
    '/datasets.json'
  );
  const datasetString = await fs.readFile(jsonDirectory, 'utf8');
-  const datasets = JSON.parse(datasetString);
+  const datasets = JSON.parse(datasetString)
  return {
    props: { datasets },
  };
 }
-export default function Home({ datasets }: { datasets: Dataset[] }) {
+export default function Home( { datasets }: { datasets: Dataset[] }) {
  return (
    <>
-      <NextSeo title="FiveThirtyEight tribute by PortalJS" />
+      <header className="max-w-5xl mx-auto mt-8 w-full">
        <div className="border-b-2 pb-2.5 mx-2 border-zinc-800">
          <h1>
            <span className="sr-only">FiveThirtyEight</span>
            <a className='flex gap-x-2 items-center' href="http://fivethirtyeight.com">
              <img
                width="197"
                height="25"
                alt="FiveThirtyEight"
                src="data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MjEgNTMuNzYiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojMDEwMTAxO308L3N0eWxlPjwvZGVmcz48dGl0bGU+QXJ0Ym9hcmQgOTU8L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTAgMGgyNXY4SDl2MTBoMTV2OEg5djE3SDBWMHpNMzEgMzZoNVYxOGgtNXYtOGgxM3YyNmg0djdIMzF6bTUtMzZoOHY4aC04ek0xNzkgMzZoNVYxOGgtNXYtOGgxM3YyNmg0djdoLTE3em01LTM2aDh2OGgtOHpNMzE2IDM2aDVWMThoLTV2LThoMTN2MjZoNHY3aC0xN3ptNS0zNmg4djhoLTh6TTU0IDI3VjEwaDh2MTVsNCA5Ljk4aDFMNzEgMjVWMTBoOHYxN2wtNyAxNkg2MWwtNy0xNnpNMTExIDQzSDk3LjQyQzg5LjIzIDQzIDg1IDM5LjE5IDg1IDMxLjE3VjIyYzAtNy41NyA0LjMtMTMgMTMtMTMgOS4zMyAwIDEzIDUuMDcgMTMgMTR2N0g5NHYxLjc0YzAgMi42MiAxIDQuMjYgMy40MiA0LjI2SDExMXpNOTQgMjNoOHYtMS41NWMwLTIuNjItMS4wNi01LjQ1LTQuMTMtNS40NS0yLjc5IDAtMy44NyAyLjItMy44NyA1LjQ1ek0xMjUgOGgtMTBWMGgyOXY4aC0xMHYzNWgtOVY4ek0yMDIgNDNWMTBoOHY0YzEuMTQtMi40NSAzLjc1LTQgNy4yMi00SDIyMHY4aC02Yy0yLjg0IDAtNCAuOTQtNCAzLjlWNDN6TTI0NSA0M2gtNC44NEMyMzMuMDUgNDMgMjMwIDM5LjMxIDIzMCAzMS44NVYxOGgtNnYtOGg2VjNoOHY3aDd2OGgtN2wtLjA3IDEzLjkzYzAgMi4yMi45MyA0LjA3IDMuNjYgNC4wN0gyNDV6TTQyMSA0M2gtNC44NEM0MDkuMDUgNDMgNDA2IDM5LjMxIDQwNiAzMS44NVYxOGgtNnYtOGg2VjNoOHY3aDd2OGgtN2wtLjA3IDEzLjkzYzAgMi4yMi45MyA0LjA3IDMuNjYgNC4wN0g0MjF6TTI1NC4yNiA1My43Nmw0LjYxLTkuNUwyNTEgMjdWMTBoOHYxNWw0IDEwaDFsNC0xMFYxMGg4djE3bC0xMi4zIDI2Ljc2aC05LjQ0ek0yODQgMGgyNXY4aC0xNnY5aDE1djhoLTE1djEwaDE2djhoLTI1VjB6TTMzNyA0OHYtMmgxNi4xYzIgMCAyLjktLjE4IDIuOS0xLjI3di0uMzRjMC0xLjA4LS45MS0xLjM5LTIuOS0xLjM5SDM0MHYtNWw1LTVjLTUuMjktMS40OC04LTUuNDMtOC0xMXYtMWMwLTcuNTYgNC40NC0xMiAxNC0xMmEyMS45MyAyMS45MyAwIDAgMSA1Ljk1IDFMMzYxIDRsNSAzLTQgNmMxLjM3IDEuOTMgMyA0LjkzIDMgOHYxYzAgNy0zLjMgMTAuNjYtMTIgMTFsLTMgNGg2YzUuOTIgMCA5IDIuNjIgOSA3LjY4di4xMWMwIDUuMDYtMi43MSA4LjIxLTguNjIgOC4yMWgtMTNjLTQuMjkgMC02LjM4LTEuODQtNi4zOC01em0xOS0yNXYtM2MwLTMuMy0xLjMzLTQtNS00cy01IC43LTUgNHYzYzAgMy4zIDEuMzkgNCA1IDRzNS0uNyA1LTR6TTM4MCA0M2gtOFYwaDh2MTRjMS4xNC0yLjY3IDMuNC00IDctNCA2LjI2IDAgOSAzLjA4IDkgMTAuNzZWNDNoLThWMjJjMC0zLjEzLTEuMDctNS00LTVzLTQgMS44Ny00IDV6TTE1NyA0M2gtOFYwaDh2MTRjMS4xNC0yLjY3IDMuOTEtNCA3LjQ5LTQgNi4yNiAwIDguNTEgMy4xMyA4LjUxIDEwLjgxVjQzaC04VjIxYzAtMy4xMy0xLjA3LTQuNDQtNC00LjQ0cy00IDIuMjYtNCA1LjM5eiIvPjwvc3ZnPg=="
              /> by PortalJS
            </a>
          </h1>
        </div>
      </header>
      <main
        className={`flex min-h-screen flex-col items-center max-w-5xl mx-auto pt-20 px-2.5 ${inter.className}`}
      >
@@ -150,36 +142,28 @@ export default function Home({ datasets }: { datasets: Dataset[] }) {
          <h1 className="text-[40px] font-bold text-zinc-800 text-center">
            Our Data
          </h1>
-          <p className="max-w-[600px] text-[17px] text-center text-[#6d6f71]">
+          <p className="max-w-2xl text-lg text-center text-zinc-700">
            We’re sharing the data and code behind some of our articles and
            graphics. We hope you’ll use it to check our work and to create
            stories and visualizations of&nbsp;your&nbsp;own.
          </p>
        </div>
-        <article className="w-full px-2 md:hidden py-4">
+        <article className="w-full px-2 md:hidden py-4">{datasets.map(dataset => <MobileItem dataset={dataset} />)}</article>
          {datasets.map((dataset) => (
            <MobileItem key={dataset.name} dataset={dataset} />
          ))}
        </article>
        <table className="w-full mt-10 mb-4 hidden md:table">
          <thead className="border-b-4 pb-2 border-zinc-900">
            <tr>
-              <th className="uppercase text-left font-normal text-xs pb-3">
+              <th className="uppercase text-left font-light text-xs pb-3">
                data set
              </th>
-              <th className="uppercase text-left font-normal text-xs pb-3">
+              <th className="uppercase text-left font-light text-xs pb-3">
                related content
              </th>
-              <th className="uppercase text-left font-normal text-xs pb-3">
+              <th className="uppercase text-left font-light text-xs pb-3">
                last updated
              </th>
            </tr>
          </thead>
-          <tbody>
+          <tbody>{datasets.map(dataset => <DesktopItem dataset={dataset} />)}</tbody>
            {datasets.map((dataset) => (
              <DesktopItem key={dataset.name} dataset={dataset} />
            ))}
          </tbody>
        </table>
        <p className="text-[13px] py-8">
          Unless otherwise noted, our data sets are available under the{' '}
--- a/examples/fiverthirtyeight-example/postcss.config.js
+++ b/examples/fiverthirtyeight-example/postcss.config.js
--- a/examples/fiverthirtyeight-example/public/favicon.ico
+++ b/examples/fiverthirtyeight-example/public/favicon.ico
--- a/examples/fiverthirtyeight-example/public/next.svg
+++ b/examples/fiverthirtyeight-example/public/next.svg
--- a/examples/fiverthirtyeight-example/public/vercel.svg
+++ b/examples/fiverthirtyeight-example/public/vercel.svg
--- a/examples/fiverthirtyeight-example/styles/globals.css
+++ b/examples/fiverthirtyeight-example/styles/globals.css
@@ -1,3 +1,3 @@
@tailwind base;
@tailwind components;
-@tailwind utilities;
+@tailwind utilities;
--- a/examples/fiverthirtyeight-example/tailwind.config.js
+++ b/examples/fiverthirtyeight-example/tailwind.config.js
@@ -14,5 +14,5 @@ module.exports = {
      },
    },
  },
-  plugins: [require('@tailwindcss/typography')],
+  plugins: [],
 }
--- a/examples/fiverthirtyeight-example/tsconfig.json
+++ b/examples/fiverthirtyeight-example/tsconfig.json
--- a/examples/fivethirtyeight/.gitignore
+++ b/examples/fivethirtyeight/.gitignore
@@ -1,35 +0,0 @@
 # 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
--- a/examples/fivethirtyeight/README.md
+++ b/examples/fivethirtyeight/README.md
@@ -1,44 +0,0 @@
 This is a replica of the awesome data.fivethirtyeight.com using PortalJS.
 You might be asking why we did that, there are three main reasons:
 - The website has a great UI, with multiple datasets being displayed elegantly and with simplicity.
 - PortalJS allows us to add more functionality to it e.g dataset previews and search functionality.
 - The project follows our same principles of open sourcing and free data, with every dataset being publicly available on Github.
 ## Getting Started
 First, run the development server:
 ```bash
 npm run dev
 # or
 yarn dev
 # or
 pnpm dev
 ```
 Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
 You can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file.
 [API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.ts`.
 The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
 This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
 ## Learn More
 To learn more about Next.js, take a look at the following resources:
 - [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
 - [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
 You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
 ## Deploy on Vercel
 The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
 Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
--- a/examples/fivethirtyeight/components/Breadcrumbs.tsx
+++ b/examples/fivethirtyeight/components/Breadcrumbs.tsx
@@ -1,23 +0,0 @@
 import Link from "next/link";
 function HomeIcon({ className = "" }) {
  return <div className={`inline-block w-4 ${className}`}><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">    <path d="M 12 2 A 1 1 0 0 0 11.289062 2.296875 L 1.203125 11.097656 A 0.5 0.5 0 0 0 1 11.5 A 0.5 0.5 0 0 0 1.5 12 L 4 12 L 4 20 C 4 20.552 4.448 21 5 21 L 9 21 C 9.552 21 10 20.552 10 20 L 10 14 L 14 14 L 14 20 C 14 20.552 14.448 21 15 21 L 19 21 C 19.552 21 20 20.552 20 20 L 20 12 L 22.5 12 A 0.5 0.5 0 0 0 23 11.5 A 0.5 0.5 0 0 0 22.796875 11.097656 L 12.716797 2.3027344 A 1 1 0 0 0 12.710938 2.296875 A 1 1 0 0 0 12 2 z"/></svg></div>
 }
 export default function Breadcrumbs({ links }: { links: { title: string, href?: string, target?: string }[] }) {
  const current = links.at(-1);
  return <div className="flex items-center uppercase font-black text-xs">
    <Link className="flex items-center" href='/'><HomeIcon /></Link>
    {/* {links.length > 1 && links.slice(0, -1).map((link) => {
      return <>
        <span className="mx-4">/</span>
        <Link href={link.href}>{link.title}</Link>
      </>
    })} */}
    <span className="mx-4">/</span>
    <span>{current?.title}</span>
  </div >
 }
--- a/examples/fivethirtyeight/lib/octokit.ts
+++ b/examples/fivethirtyeight/lib/octokit.ts
@@ -1,38 +0,0 @@
 import { Octokit } from 'octokit';
 export interface GithubProject {
  owner: string;
  repo: string;
  branch: string;
  files: string[];
  readme: string;
  description?: string;
  name?: string;
 }
 export async function getProjectReadme(
  owner: string,
  repo: string,
  branch: string,
  readme: string,
  github_pat?: string
 ) {
  const octokit = new Octokit({ auth: github_pat });
  try {
    const response = await octokit.rest.repos.getContent({
      owner,
      repo,
      path: readme,
      ref: branch,
    });
    const data = response.data as { content?: string };
    const fileContent = data.content ? data.content : '';
    if (fileContent === '') {
      return null;
    }
    const decodedContent = Buffer.from(fileContent, 'base64').toString();
    return decodedContent;
  } catch (error) {
    return null;
  }
 }
--- a/examples/fivethirtyeight/pages/_app.tsx
+++ b/examples/fivethirtyeight/pages/_app.tsx
@@ -1,8 +0,0 @@
 import '@/styles/globals.css'
 import '@portaljs/components/styles.css'
 import type { AppProps } from 'next/app'
 export default function App({ Component, pageProps }: AppProps) {
  return <Component {...pageProps} />
 }
--- a/examples/fivethirtyeight/pages/_document.tsx
+++ b/examples/fivethirtyeight/pages/_document.tsx
@@ -1,96 +0,0 @@
 import { Html, Head, Main, NextScript } from 'next/document';
 export default function Document() {
  return (
    <Html lang="en">
      <Head>
        <link
          rel="icon"
          type="image/x-icon"
          href="https://projects.fivethirtyeight.com/shared/favicon.ico"
        />
        <meta
          property="og:image"
          content="https://portaljs-fivethirtyeight.vercel.app/share_image.png"
        />
        <meta
          property="twitter:image"
          content="https://portaljs-fivethirtyeight.vercel.app/share_image.png"
        />
      </Head>
      <body>
        <div className="px-2 max-w-5xl mx-auto pb-2">
          <div className="mt-2 px-2 bg-[#3c3c3c] text-white">
            <div className="p-2 text-center">
              This is a replica to the awesome{' '}
              <a
                className="hover:underline font-bold"
                href="https://data.fivethirtyeight.com"
              >
                data.fivethirtyeight.com
              </a>{' '}
              website.{' '}
              <a
                className="hover:underline font-bold"
                href="https://github.com/datopian/portaljs/tree/main/examples/fivethirtyeight"
              >
                Read more here
              </a>{' '}
            </div>
          </div>
        </div>
        <header className="max-w-5xl mx-auto mt-8 w-full">
          <div className="border-b-2 pb-2.5 mx-2 border-zinc-800 flex justify-between">
            <h1 className="flex gap-x-1 items-end">
              <span className="sr-only">FiveThirtyEight</span>
              <img
                width="197"
                height="25"
                alt="FiveThirtyEight"
                src="data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MjEgNTMuNzYiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojMDEwMTAxO308L3N0eWxlPjwvZGVmcz48dGl0bGU+QXJ0Ym9hcmQgOTU8L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTAgMGgyNXY4SDl2MTBoMTV2OEg5djE3SDBWMHpNMzEgMzZoNVYxOGgtNXYtOGgxM3YyNmg0djdIMzF6bTUtMzZoOHY4aC04ek0xNzkgMzZoNVYxOGgtNXYtOGgxM3YyNmg0djdoLTE3em01LTM2aDh2OGgtOHpNMzE2IDM2aDVWMThoLTV2LThoMTN2MjZoNHY3aC0xN3ptNS0zNmg4djhoLTh6TTU0IDI3VjEwaDh2MTVsNCA5Ljk4aDFMNzEgMjVWMTBoOHYxN2wtNyAxNkg2MWwtNy0xNnpNMTExIDQzSDk3LjQyQzg5LjIzIDQzIDg1IDM5LjE5IDg1IDMxLjE3VjIyYzAtNy41NyA0LjMtMTMgMTMtMTMgOS4zMyAwIDEzIDUuMDcgMTMgMTR2N0g5NHYxLjc0YzAgMi42MiAxIDQuMjYgMy40MiA0LjI2SDExMXpNOTQgMjNoOHYtMS41NWMwLTIuNjItMS4wNi01LjQ1LTQuMTMtNS40NS0yLjc5IDAtMy44NyAyLjItMy44NyA1LjQ1ek0xMjUgOGgtMTBWMGgyOXY4aC0xMHYzNWgtOVY4ek0yMDIgNDNWMTBoOHY0YzEuMTQtMi40NSAzLjc1LTQgNy4yMi00SDIyMHY4aC02Yy0yLjg0IDAtNCAuOTQtNCAzLjlWNDN6TTI0NSA0M2gtNC44NEMyMzMuMDUgNDMgMjMwIDM5LjMxIDIzMCAzMS44NVYxOGgtNnYtOGg2VjNoOHY3aDd2OGgtN2wtLjA3IDEzLjkzYzAgMi4yMi45MyA0LjA3IDMuNjYgNC4wN0gyNDV6TTQyMSA0M2gtNC44NEM0MDkuMDUgNDMgNDA2IDM5LjMxIDQwNiAzMS44NVYxOGgtNnYtOGg2VjNoOHY3aDd2OGgtN2wtLjA3IDEzLjkzYzAgMi4yMi45MyA0LjA3IDMuNjYgNC4wN0g0MjF6TTI1NC4yNiA1My43Nmw0LjYxLTkuNUwyNTEgMjdWMTBoOHYxNWw0IDEwaDFsNC0xMFYxMGg4djE3bC0xMi4zIDI2Ljc2aC05LjQ0ek0yODQgMGgyNXY4aC0xNnY5aDE1djhoLTE1djEwaDE2djhoLTI1VjB6TTMzNyA0OHYtMmgxNi4xYzIgMCAyLjktLjE4IDIuOS0xLjI3di0uMzRjMC0xLjA4LS45MS0xLjM5LTIuOS0xLjM5SDM0MHYtNWw1LTVjLTUuMjktMS40OC04LTUuNDMtOC0xMXYtMWMwLTcuNTYgNC40NC0xMiAxNC0xMmEyMS45MyAyMS45MyAwIDAgMSA1Ljk1IDFMMzYxIDRsNSAzLTQgNmMxLjM3IDEuOTMgMyA0LjkzIDMgOHYxYzAgNy0zLjMgMTAuNjYtMTIgMTFsLTMgNGg2YzUuOTIgMCA5IDIuNjIgOSA3LjY4di4xMWMwIDUuMDYtMi43MSA4LjIxLTguNjIgOC4yMWgtMTNjLTQuMjkgMC02LjM4LTEuODQtNi4zOC01em0xOS0yNXYtM2MwLTMuMy0xLjMzLTQtNS00cy01IC43LTUgNHYzYzAgMy4zIDEuMzkgNCA1IDRzNS0uNyA1LTR6TTM4MCA0M2gtOFYwaDh2MTRjMS4xNC0yLjY3IDMuNC00IDctNCA2LjI2IDAgOSAzLjA4IDkgMTAuNzZWNDNoLThWMjJjMC0zLjEzLTEuMDctNS00LTVzLTQgMS44Ny00IDV6TTE1NyA0M2gtOFYwaDh2MTRjMS4xNC0yLjY3IDMuOTEtNCA3LjQ5LTQgNi4yNiAwIDguNTEgMy4xMyA4LjUxIDEwLjgxVjQzaC04VjIxYzAtMy4xMy0xLjA3LTQuNDQtNC00LjQ0cy00IDIuMjYtNCA1LjM5eiIvPjwvc3ZnPg=="
              />{' '}
              <span className="-mb-0.5 text-[#3c3c3c]">replica</span>
            </h1>
            <div className="md:flex items-center gap-x-3 text-[#3c3c3c] -mb-1 hidden">
              <a
                className="hover:opacity-75 transition"
                href="https://portaljs.org"
              >
                Built with 🌀PortalJS
              </a>
              <hr className="h-[80%] border border-[#3c3c3c] opacity-75 my-2"></hr>
              <a
                className="hover:opacity-75 transition"
                href="https://github.com/datopian/portaljs/tree/main/examples/fivethirtyeight"
              >
                Github
              </a>
            </div>
          </div>
          <div className="mx-2 py-1.5 text-[14px] text-[#3c3c3c] md:hidden">
            <ul className="flex gap-x-4">
              <li>
                <a
                  className="hover:opacity-75 transition"
                  href="https://portaljs.org"
                >
                  PortalJS
                </a>
              </li>
              <li>
                <a
                  className="hover:opacity-75 transition"
                  href="https://github.com/datopian/portaljs/tree/main/examples/fivethirtyeight"
                >
                  View on Github
                </a>
              </li>
            </ul>
          </div>
        </header>
        <Main />
        <NextScript />
      </body>
    </Html>
  );
 }
--- a/examples/fivethirtyeight/pages/datasets/[datasetName].tsx
+++ b/examples/fivethirtyeight/pages/datasets/[datasetName].tsx
@@ -1,131 +0,0 @@
 import { NextSeo } from 'next-seo';
 import { promises as fs } from 'fs';
 import path from 'path';
 import getConfig from 'next/config';
 import { getProjectReadme, GithubProject } from '@/lib/octokit';
 import remarkGfm from 'remark-gfm';
 import extract from 'remark-extract-frontmatter';
 import { Dataset } from '..';
 import { GetStaticProps } from 'next';
 import { Table } from '@portaljs/components';
 import Breadcrumbs from '@/components/Breadcrumbs';
 import { ReactMarkdown } from 'react-markdown/lib/react-markdown';
 import remarkFrontmatter from 'remark-frontmatter';
 export default function DatasetPage({
  dataset,
 }: {
  dataset: Dataset & {
    readme: string | null;
  };
 }) {
  return (
    <>
      <NextSeo title={`${dataset.name} page`} />
      <main className="max-w-5xl px-2 prose mx-auto my-8 prose-thead:border-b-4 prose-table:max-w-5xl prose-table:overflow-scroll prose-thead:overflow-scroll prose-tbody:overflow-scroll prose-thead:pb-2 prose-thead:border-zinc-900 prose-th:uppercase prose-th:text-left prose-th:font-light prose-th:text-xs">
        <Breadcrumbs links={[{ title: dataset.name, href: '' }]} />
        <h1 className="uppercase mb-0 mt-16">{dataset.name}</h1>
        <p className="mb-8">
          <span className="font-semibold">Repository:</span>{' '}
          <a target="_blank" href={dataset.url}>
            {dataset.url}
          </a>
        </p>
        <h2 className="mb-0 mt-10">FILES</h2>
        <div className="inline-block min-w-full py-2 align-middle">
          <table className="min-w-full divide-y divide-gray-300">
            <thead className="border-b-4 pb-2 border-zinc-900">
              <tr>
                <th
                  className="uppercase text-left font-light text-xs pb-3"
                  scope="col"
                >
                  Name
                </th>
              </tr>
            </thead>
            <tbody className="divide-y divide-gray-200">
              {dataset.files?.map((file) => (
                <tr key={file}>
                  <td className="whitespace-nowrap text-left py-4 text-sm text-gray-500">
                    <a href={file}>{file.split('/').slice(-1)}</a>
                  </td>
                </tr>
              ))}
            </tbody>
          </table>
        </div>
        {dataset.files && dataset.files.length > 0 && (
          <>
            <h2 className="mb-0 mt-10">DATA PREVIEWS</h2>
            {dataset.files?.map((file) => (
              <div key={file} className="preview-table my-8">
                <h3>{file.split('/').slice(-1)}</h3>
                <Table url={file} />
              </div>
            ))}
          </>
        )}
        {dataset.readme && (
          <>
            <h2 className="uppercase font-black">Readme</h2>
            {dataset.readme && (
              <ReactMarkdown
                remarkPlugins={[
                  remarkFrontmatter,
                  remarkGfm,
                  [extract, { remove: true }],
                ]}
              >
                {dataset.readme}
              </ReactMarkdown>
            )}
          </>
        )}
      </main>
    </>
  );
 }
 export async function getStaticPaths() {
  const datasetsFile = path.join(process.cwd(), 'datasets.json');
  const datasets = await fs.readFile(datasetsFile, 'utf8');
  return {
    paths: JSON.parse(datasets).map((dataset: Dataset) => {
      return {
        params: { datasetName: dataset.name },
      };
    }),
    fallback: false, // can also be true or 'blocking'
  };
 }
 export const getStaticProps: GetStaticProps = async ({ params }) => {
  const datasetsFile = path.join(process.cwd(), 'datasets.json');
  const datasetsString = await fs.readFile(datasetsFile, 'utf8');
  const datasets: Dataset[] = JSON.parse(datasetsString);
  const dataset: Dataset | undefined = datasets.find(
    (_dataset) => _dataset.name === params?.datasetName
  );
  const github_pat = getConfig().serverRuntimeConfig.github_pat;
  const readmes = await Promise.all(['/README.md', '/readme.md', '/Readme.md'].map(async (readme) => await getProjectReadme(
    'fivethirtyeight',
    'data',
    'master',
    dataset?.name + readme,
    github_pat
  )));
  const readme = readmes.find(item => item !== null)
  if (!readme) console.log('Readme not found for ' + dataset?.name)
  return {
    props: {
      dataset: {
        ...dataset,
        readme,
        files: dataset && dataset.files ? dataset.files : null,
      },
    },
  };
 };
--- a/examples/fivethirtyeight/public/favicon.ico
+++ b/examples/fivethirtyeight/public/favicon.ico
--- a/Show More
+++ b/Show More