feat: switch gateway host per deployment (storacha#427)

Switches the gateway host based on env var `VITE_W3UP_GATEWAY_HOST`. Co-authored-by: Travis Vachon <[email protected]>
storacha · Mar 23, 2023 · 9a9c7da · 9a9c7da
1 parent 786b969
commit 9a9c7da
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 2 deletions.
diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
@@ -95,6 +95,7 @@ jobs:
         env:
           VITE_W3UP_PROVIDER: did:web:nft.storage
           VITE_W3UP_SERVICE_BRAND_NAME: 'NFT.Storage'
+          VITE_W3UP_GATEWAY_HOST: nftstorage.link
       - name: Publish console.nft.storage
         uses: ./.github/actions/preview
         with:

diff --git a/examples/react/w3console/src/components/Uploader.tsx b/examples/react/w3console/src/components/Uploader.tsx
@@ -8,6 +8,7 @@ import {
   Uploader as UploaderCore,
   useUploaderComponent
 } from '@w3ui/react-uploader'
+import { gatewayHost } from '../components/services'
 
 export const Uploading = ({
   file,
@@ -49,7 +50,7 @@ export const Done = ({ dataCID }: DoneProps): JSX.Element => {
       <h1 className='font-bold text-sm uppercase text-gray-400 mb-1'>Uploaded</h1>
       <a
         className='font-mono text-xs'
-        href={`https://${cid}.ipfs.w3s.link/`}
+        href={`https://${cid}.ipfs.${gatewayHost}/`}
       >
         {cid}
       </a>

diff --git a/examples/react/w3console/src/components/UploadsList.tsx b/examples/react/w3console/src/components/UploadsList.tsx
@@ -2,6 +2,7 @@ import React from 'react'
 import { ChevronLeftIcon, ChevronRightIcon, ArrowPathIcon } from '@heroicons/react/20/solid'
 import type { UploadListResult } from '@w3ui/uploads-list-core'
 import { UploadsList as UploadsListCore } from '@w3ui/react-uploads-list'
+import { gatewayHost } from '../components/services'
 
 interface UploadsProps {
   uploads?: UploadListResult[]
@@ -33,7 +34,7 @@ function Uploads ({ uploads, loading }: UploadsProps): JSX.Element {
               {uploads.map(({ root }) => (
                 <tr key={root.toString()}>
                   <td className="w-64 p-2 pl-3 font-mono text-sm">
-                    <a href={`https://${root.toString()}.ipfs.w3s.link/`}>
+                    <a href={`https://${root.toString()}.ipfs.${gatewayHost}/`}>
                       {root.toString()}
                     </a>
                   </td>

diff --git a/examples/react/w3console/src/components/services.ts b/examples/react/w3console/src/components/services.ts
@@ -41,3 +41,5 @@ export const uploadServiceConnection = connect<Service>({
     method: 'POST',
   }),
 })
+
+export const gatewayHost = import.meta.env.VITE_W3UP_GATEWAY_HOST ?? 'w3s.link'
-Original file line number
+Diff line change
@@ Expand Up / @@ -41,3 +41,5 @@ export const uploadServiceConnection = connect<Service>({ @@
         method: 'POST',
       }),
     })
+    export const gatewayHost = import.meta.env.VITE_W3UP_GATEWAY_HOST ?? 'w3s.link'