feat: display blog IPFS Address

2022-08-06 21:38:59 +01:00 · 2022-08-06 21:38:59 +01:00 · 95b69f0b75
parent 3da5ada3e3
commit 95b69f0b75
3 changed files with 94 additions and 35 deletions
--- a/package.json
+++ b/package.json
@ -72,7 +72,7 @@
    "remark-rehype": "^10.1.0",
    "sortablejs": "^1.15.0",
    "ua-parser-js": "^1.0.2",
-    "unidata.js": "^0.6.8",
+    "unidata.js": "^0.6.9",
    "unified": "^10.1.2",
    "unist-builder": "^3.0.0",
    "unist-util-visit": "^4.1.0",
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@ -88,7 +88,7 @@ specifiers:
  tailwindcss: ^3.0.24
  typescript: ^4.5.5
  ua-parser-js: ^1.0.2
-  unidata.js: ^0.6.8
+  unidata.js: ^0.6.9
  unified: ^10.1.2
  unist-builder: ^3.0.0
  unist-util-visit: ^4.1.0
@ -155,7 +155,7 @@ dependencies:
  remark-rehype: 10.1.0
  sortablejs: 1.15.0
  ua-parser-js: 1.0.2
-  unidata.js: 0.6.8
+  unidata.js: 0.6.9
  unified: 10.1.2
  unist-builder: 3.0.0
  unist-util-visit: 4.1.0
@ -3172,7 +3172,7 @@ packages:
      is-ipfs: 6.0.2
      query-string: 7.1.1
      ts-mixer: 6.0.1
-      web3-providers-ws: 1.7.4
+      web3-providers-ws: 1.7.5
    transitivePeerDependencies:
      - bufferutil
      - node-fetch
@ -8234,6 +8234,12 @@ packages:
      multiformats: 9.7.0
    dev: false

+  /uint8arrays/3.1.0:
+    resolution: {integrity: sha512-ei5rfKtoRO8OyOIor2Rz5fhzjThwIHJZ3uyDPnDHTXbP0aMQ1RN/6AI5B5d9dBxJOU+BvOAk7ZQ1xphsX8Lrog==}
+    dependencies:
+      multiformats: 9.7.1
+    dev: false
+
  /unbox-primitive/1.0.2:
    resolution: {integrity: sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==}
    dependencies:
@ -8260,8 +8266,8 @@ packages:
    engines: {node: '>=12.18'}
    dev: false

-  /unidata.js/0.6.8:
-    resolution: {integrity: sha512-d0P182Bd/u9nn71fQ+mcMhia8CZCcqzzrBXs3wVfoDtB/Nc9CXQYlvYHtv/MAXWpLEpFrplf3esB3BNqdh1Png==}
+  /unidata.js/0.6.9:
+    resolution: {integrity: sha512-IwG/hUqZm5abESj/VsfrvVSPCoLK7koWdrowMNyNz639Beky4JFyqERUO4eEjKR0SYrpmmTdI8pMJeBxsbPSmA==}
    dependencies:
      '@types/lodash': 4.14.182
      '@urql/core': 2.5.0_graphql@16.5.0
@ -8682,6 +8688,14 @@ packages:
      web3-utils: 1.7.4
    dev: false

+  /web3-core-helpers/1.7.5:
+    resolution: {integrity: sha512-lDDjTks6Q6aNUO87RYrY2xub3UWTKr/RIWxpHJODEqkLxZS1dWdyliJ6aIx3031VQwsNT5HE7NvABe/t0p3iDQ==}
+    engines: {node: '>=8.0.0'}
+    dependencies:
+      web3-eth-iban: 1.7.5
+      web3-utils: 1.7.5
+    dev: false
+
  /web3-eth-iban/1.7.4:
    resolution: {integrity: sha512-XyrsgWlZQMv5gRcjXMsNvAoCRvV5wN7YCfFV5+tHUCqN8g9T/o4XUS20vDWD0k4HNiAcWGFqT1nrls02MGZ08w==}
    engines: {node: '>=8.0.0'}
@ -8690,6 +8704,14 @@ packages:
      web3-utils: 1.7.4
    dev: false

+  /web3-eth-iban/1.7.5:
+    resolution: {integrity: sha512-mn2W5t/1IpL8OZvzAabLKT4kvwRnZSJ9K0tctndl9sDNWkfITYQibEEhUaNNA50Q5fJKgVudHI/m0gwIVTyG8Q==}
+    engines: {node: '>=8.0.0'}
+    dependencies:
+      bn.js: 5.2.1
+      web3-utils: 1.7.5
+    dev: false
+
  /web3-providers-ws/1.7.4:
    resolution: {integrity: sha512-g72X77nrcHMFU8hRzQJzfgi/072n8dHwRCoTw+WQrGp+XCQ71fsk2qIu3Tp+nlp5BPn8bRudQbPblVm2uT4myQ==}
    engines: {node: '>=8.0.0'}
@ -8701,6 +8723,17 @@ packages:
      - supports-color
    dev: false

+  /web3-providers-ws/1.7.5:
+    resolution: {integrity: sha512-9uJNVVkIGC8PmM9kNbgPth56HDMSSsxZh3ZEENdwO3LNWemaADiQYUDCsD/dMVkn0xsGLHP5dgAy4Q5msqySLg==}
+    engines: {node: '>=8.0.0'}
+    dependencies:
+      eventemitter3: 4.0.4
+      web3-core-helpers: 1.7.5
+      websocket: 1.0.34
+    transitivePeerDependencies:
+      - supports-color
+    dev: false
+
  /web3-utils/1.7.4:
    resolution: {integrity: sha512-acBdm6Evd0TEZRnChM/MCvGsMwYKmSh7OaUfNf5OKG0CIeGWD/6gqLOWIwmwSnre/2WrA1nKGId5uW2e5EfluA==}
    engines: {node: '>=8.0.0'}
@ -8714,6 +8747,19 @@ packages:
      utf8: 3.0.0
    dev: false

+  /web3-utils/1.7.5:
+    resolution: {integrity: sha512-9AqNOziQky4wNQadEwEfHiBdOZqopIHzQQVzmvvv6fJwDSMhP+khqmAZC7YTiGjs0MboyZ8tWNivqSO1699XQw==}
+    engines: {node: '>=8.0.0'}
+    dependencies:
+      bn.js: 5.2.1
+      ethereum-bloom-filters: 1.0.10
+      ethereumjs-util: 7.1.5
+      ethjs-unit: 0.1.6
+      number-to-bn: 1.7.0
+      randombytes: 2.1.0
+      utf8: 3.0.0
+    dev: false
+
  /web3.storage/4.2.0:
    resolution: {integrity: sha512-s7yf9nR9TsnKyPdijQMq48q7NV9WNZ8AWyMroa1F0ZOVExUpx9DVIxsLCCZRJEuMZsitnLSbvXK2CexMNyYKKg==}
    dependencies:
@ -8732,7 +8778,7 @@ packages:
      p-retry: 4.6.2
      streaming-iterables: 6.2.0
      throttled-queue: 2.1.4
-      uint8arrays: 3.0.0
+      uint8arrays: 3.1.0
    transitivePeerDependencies:
      - encoding
      - node-fetch
--- a/src/components/site/SiteFooter.tsx
+++ b/src/components/site/SiteFooter.tsx
@ -12,14 +12,14 @@ export const SiteFooter: React.FC<{
  return (
    <footer className="text-zinc-500 border-t">
      <div className="max-w-screen-md mx-auto px-5 py-10 text-xs">
-        <p className="mb-4">
+        <p className="font-medium mb-4 text-gray-700">
          🔔 This{" "}
          {page ? (page.tags?.includes("post") ? "post" : "page") : "blog"} has
          been permanently stored on the blockchain and signed by its creator.
        </p>
        <ul className="mb-6">
          <li className="mt-2">
-            <div className="font-bold">Blockchain Transaction</div>
+            <div className="font-bold">Blockchain Transactions</div>
            <div>
              {page
                ? page?.related_urls
@ -60,33 +60,46 @@ export const SiteFooter: React.FC<{
                  })}
            </div>
          </li>
-          {page && (
-            <li className="mt-2">
-              <div className="font-bold">IPFS Address</div>
-              <div>
-                {page?.related_urls
-                  ?.filter((url) =>
-                    url.startsWith("https://gateway.ipfs.io/ipfs/"),
-                  )
-                  .map((url) => {
-                    return (
-                      <a
-                        target="_blank"
-                        rel="noreferrer"
-                        className="inline-block mr-4 break-all"
-                        href={url}
-                        key={url}
-                      >
-                        {url.replace(
-                          "https://gateway.ipfs.io/ipfs/",
-                          "ipfs://",
-                        )}
-                      </a>
+          <li className="mt-2">
+            <div className="font-bold">IPFS Address</div>
+            <div>
+              {page
+                ? page.related_urls
+                    ?.filter((url) =>
+                      url.startsWith("https://gateway.ipfs.io/ipfs/"),
                    )
-                  })}
-              </div>
-            </li>
-          )}
+                    .map((url) => {
+                      return (
+                        <a
+                          target="_blank"
+                          rel="noreferrer"
+                          className="inline-block mr-4 break-all"
+                          href={url}
+                          key={url}
+                        >
+                          {url.replace(
+                            "https://gateway.ipfs.io/ipfs/",
+                            "ipfs://",
+                          )}
+                        </a>
+                      )
+                    })
+                : site?.metadata?.uri && (
+                    <a
+                      target="_blank"
+                      rel="noreferrer"
+                      className="inline-block mr-4 break-all"
+                      href={site?.metadata?.uri.replace(
+                        "ipfs://",
+                        "https://gateway.ipfs.io/ipfs/",
+                      )}
+                      key={site?.metadata?.uri}
+                    >
+                      {site?.metadata?.uri}
+                    </a>
+                  )}
+            </div>
+          </li>
          <li className="mt-2">
            <div className="font-bold">Author Address</div>
            <div>