(null)
+ const [loading, setLoading] = useState(false)
+ const { enqueueSnackbar } = useSnackbar()
+ const [showPasswordPrompt, setShowPasswordPrompt] = useState(false)
+
+ const history = useHistory()
+
+ useEffect(() => {
+ refresh()
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, [])
+
+ function onFeedChange(event: SelectEvent) {
+ const uuid = event.target.value
+ setSelectedIdentity(identities.find(x => x.uuid === uuid) || null)
+ }
+
+ function onStampChange(event: SelectEvent) {
+ const batchId = event.target.value as string
+ setSelectedStamp(batchId)
+ }
+
+ function onCancel() {
+ history.goBack()
+ }
+
+ function onBeginUpdatingFeed() {
+ if (!selectedIdentity) {
+ return
+ }
+
+ if (selectedIdentity.type === 'V3') {
+ setShowPasswordPrompt(true)
+ } else {
+ onFeedUpdate(selectedIdentity)
+ }
+ }
+
+ async function onFeedUpdate(identity: Identity, password?: string) {
+ setLoading(true)
+
+ if (!beeApi || !beeDebugApi || !selectedStamp) {
+ enqueueSnackbar(Bee API unavailabe, { variant: 'error' })
+ setLoading(false)
+
+ return
+ }
+
+ try {
+ await updateFeed(beeApi, identity, props.match.params.hash, selectedStamp, password as string)
+ persistIdentity(identities, identity)
+ setIdentities([...identities])
+ history.push(ROUTES.FEEDS_PAGE.replace(':uuid', identity.uuid))
+ } catch (error: unknown) {
+ setLoading(false)
+
+ const message = (typeof error === 'object' && error !== null && Reflect.get(error, 'message')) || ''
+
+ if (message.includes('possibly wrong passphrase')) {
+ enqueueSnackbar('Wrong password, please try again', { variant: 'error' })
+ } else {
+ enqueueSnackbar('Could not update feed at this time, please try again later', { variant: 'error' })
+ }
+ }
+ }
+
+ if (!status.all) return
+
+ return (
+
+ {showPasswordPrompt && selectedIdentity && (
+ {
+ setShowPasswordPrompt(false)
+ }}
+ onProceed={(password: string) => {
+ onFeedUpdate(selectedIdentity, password)
+ }}
+ loading={loading}
+ />
+ )}
+ Update feed
+
+
+ ({ value: x.uuid, label: `${x.name} Website` }))}
+ onChange={onFeedChange}
+ label="Feed"
+ />
+
+
+
+
+
+ {stamps ? (
+ ({ value: x.batchID, label: x.batchID.slice(0, 8) }))}
+ onChange={onStampChange}
+ label="Stamp"
+ />
+ ) : (
+ You need to buy a stamp first to be able to update a feed.
+ )}
+
+
+
+
+ Update Selected Feed
+
+
+ Close
+
+
+
+ )
+}
diff --git a/src/pages/feeds/index.tsx b/src/pages/feeds/index.tsx
new file mode 100644
index 0000000..bc3c8bb
--- /dev/null
+++ b/src/pages/feeds/index.tsx
@@ -0,0 +1,115 @@
+import { Box, Typography } from '@material-ui/core'
+import { ReactElement, useContext, useState } from 'react'
+import { Download, Info, PlusSquare, Trash } from 'react-feather'
+import { useHistory } from 'react-router'
+import ExpandableList from '../../components/ExpandableList'
+import ExpandableListItem from '../../components/ExpandableListItem'
+import ExpandableListItemActions from '../../components/ExpandableListItemActions'
+import ExpandableListItemKey from '../../components/ExpandableListItemKey'
+import { SwarmButton } from '../../components/SwarmButton'
+import { Context as BeeContext } from '../../providers/Bee'
+import { Context as IdentityContext, Identity } from '../../providers/Feeds'
+import { ROUTES } from '../../routes'
+import { formatEnum } from '../../utils'
+import { persistIdentitiesWithoutUpdate } from '../../utils/identity'
+import { DeleteFeedDialog } from './DeleteFeedDialog'
+import { ExportFeedDialog } from './ExportFeedDialog'
+import { ImportFeedDialog } from './ImportFeedDialog'
+
+export default function Feeds(): ReactElement {
+ const { identities, setIdentities } = useContext(IdentityContext)
+ const { status } = useContext(BeeContext)
+
+ const history = useHistory()
+
+ const [selectedIdentity, setSelectedIdentity] = useState(null)
+ const [showImport, setShowImport] = useState(false)
+ const [showExport, setShowExport] = useState(false)
+ const [showDelete, setShowDelete] = useState(false)
+
+ function createNewFeed() {
+ return history.push(ROUTES.FEEDS_NEW)
+ }
+
+ function viewFeed(uuid: string) {
+ history.push(ROUTES.FEEDS_PAGE.replace(':uuid', uuid))
+ }
+
+ function onDialogClose() {
+ setShowDelete(false)
+ setShowExport(false)
+ setShowImport(false)
+ setSelectedIdentity(null)
+ }
+
+ function onDelete(identity: Identity) {
+ onDialogClose()
+ const updatedFeeds = identities.filter(x => x.uuid !== identity.uuid)
+ setIdentities(updatedFeeds)
+ persistIdentitiesWithoutUpdate(updatedFeeds)
+ }
+
+ function onShowExport(identity: Identity) {
+ setSelectedIdentity(identity)
+ setShowExport(true)
+ }
+
+ function onShowDelete(identity: Identity) {
+ setSelectedIdentity(identity)
+ setShowDelete(true)
+ }
+
+ return (
+
+ {showImport && setShowImport(false)} />}
+ {showExport && selectedIdentity && }
+ {showDelete && selectedIdentity && (
+ onDelete(identity)}
+ />
+ )}
+
+ Feeds
+
+
+
+
+ Create New Feed
+
+ setShowImport(true)}>
+ Import Feed
+
+
+
+ {identities.map((x, i) => (
+
+
+
+
+
+
+
+
+ {x.feedHash && }
+
+
+ {status.all && (
+ viewFeed(x.uuid)} iconType={Info}>
+ View Feed Page
+
+ )}
+ onShowExport(x)} iconType={Download}>
+ Export...
+
+ onShowDelete(x)} iconType={Trash}>
+ Delete...
+
+
+
+
+ ))}
+
+ )
+}
diff --git a/src/pages/files/AssetSummary.tsx b/src/pages/files/AssetSummary.tsx
index c626fff..f024bb6 100644
--- a/src/pages/files/AssetSummary.tsx
+++ b/src/pages/files/AssetSummary.tsx
@@ -1,24 +1,35 @@
-import { Box, Typography } from '@material-ui/core'
+import * as swarmCid from '@ethersphere/swarm-cid'
+import { Box } from '@material-ui/core'
import { ReactElement } from 'react'
+import { DocumentationText } from '../../components/DocumentationText'
import ExpandableListItemKey from '../../components/ExpandableListItemKey'
import ExpandableListItemLink from '../../components/ExpandableListItemLink'
+import { detectIndexHtml } from '../../utils/file'
+import { SwarmFile } from '../../utils/SwarmFile'
interface Props {
+ files: SwarmFile[]
hash: string
}
-export function AssetSummary({ hash }: Props): ReactElement {
+export function AssetSummary({ files, hash }: Props): ReactElement {
return (
<>
+ {detectIndexHtml(files) && (
+
+ )}
-
+
The Swarm Gateway is graciously provided by the Swarm Foundation. This service is under development and provided
for testing purposes only. Learn more at{' '}
https://gateway.ethswarm.org/.
-
+
)
}
diff --git a/src/pages/files/Download.tsx b/src/pages/files/Download.tsx
index a59831c..6f6cfa0 100644
--- a/src/pages/files/Download.tsx
+++ b/src/pages/files/Download.tsx
@@ -5,6 +5,7 @@ import { ReactElement, useContext, useState } from 'react'
import { useHistory } from 'react-router-dom'
import ExpandableListItemInput from '../../components/ExpandableListItemInput'
import { History } from '../../components/History'
+import { Context, defaultUploadOrigin } from '../../providers/File'
import { Context as SettingsContext } from '../../providers/Settings'
import { ROUTES } from '../../routes'
import { extractSwarmHash } from '../../utils'
@@ -16,6 +17,8 @@ export function Download(): ReactElement {
const { beeApi } = useContext(SettingsContext)
const [referenceError, setReferenceError] = useState(undefined)
+ const { setUploadOrigin } = useContext(Context)
+
const { enqueueSnackbar } = useSnackbar()
const history = useHistory()
@@ -28,12 +31,21 @@ export function Download(): ReactElement {
}
async function onSwarmIdentifier(identifier: string) {
+ setLoading(true)
+
if (!beeApi) {
+ setLoading(false)
+
return
}
try {
const manifestJs = new ManifestJs(beeApi)
+ const feedIdentifier = await manifestJs.resolveFeedManifest(identifier)
+
+ if (feedIdentifier) {
+ identifier = feedIdentifier
+ }
const isManifest = await manifestJs.isManifest(identifier)
if (!isManifest) {
@@ -41,6 +53,7 @@ export function Download(): ReactElement {
}
const indexDocument = await manifestJs.getIndexDocumentPath(identifier)
putHistory(HISTORY_KEYS.DOWNLOAD_HISTORY, identifier, determineHistoryName(identifier, indexDocument))
+ setUploadOrigin(defaultUploadOrigin)
history.push(ROUTES.HASH.replace(':hash', identifier))
} catch (error: unknown) {
let message = typeof error === 'object' && error !== null && Reflect.get(error, 'message')
@@ -80,11 +93,12 @@ export function Download(): ReactElement {
onConfirm={value => onSwarmIdentifier(value)}
onChange={validateChange}
helperText={referenceError}
- confirmLabel={'Search'}
+ confirmLabel={'Find'}
confirmLabelDisabled={Boolean(referenceError) || loading}
placeholder="e.g. 31fb0362b1a42536134c86bc58b97ac0244e5c6630beec3e27c2d1cecb38c605"
expandedOnly
mapperFn={value => recognizeSwarmHash(value)}
+ loading={loading}
/>
diff --git a/src/pages/files/DownloadActionBar.tsx b/src/pages/files/DownloadActionBar.tsx
index 9dc0e59..7a4bc05 100644
--- a/src/pages/files/DownloadActionBar.tsx
+++ b/src/pages/files/DownloadActionBar.tsx
@@ -1,32 +1,46 @@
-import { Button } from '@material-ui/core'
-import { Clear } from '@material-ui/icons'
+import { Box, Grid } from '@material-ui/core'
import { ReactElement } from 'react'
-import { Download, Link } from 'react-feather'
+import { Bookmark, Download, Link, X } from 'react-feather'
import ExpandableListItemActions from '../../components/ExpandableListItemActions'
import { SwarmButton } from '../../components/SwarmButton'
interface Props {
onOpen: () => void
- onDownload: () => void
onCancel: () => void
+ onDownload: () => void
+ onUpdateFeed: () => void
hasIndexDocument: boolean
loading: boolean
}
-export function DownloadActionBar({ onOpen, onDownload, onCancel, hasIndexDocument, loading }: Props): ReactElement {
+export function DownloadActionBar({
+ onOpen,
+ onCancel,
+ onDownload,
+ onUpdateFeed,
+ hasIndexDocument,
+ loading,
+}: Props): ReactElement {
return (
-
- {hasIndexDocument && (
-
- View Website
+
+
+ {hasIndexDocument && (
+
+ View Website
+
+ )}
+
+ Download
- )}
-
- Download
-
- } disabled={loading}>
- Close
-