Skip to content

Commit

Permalink
fix: share space via ucan file (#126)
Browse files Browse the repository at this point in the history
Fix for issues
- storacha/project-tracking#131
- #93

The issue happens when we try to delegate `*` to the DID of the
audience. I've updated the code to delegate the same capabilities we use
in the `client.shareSpace` method.
  • Loading branch information
fforbeck authored Sep 24, 2024
1 parent 896079b commit ba934a2
Showing 1 changed file with 28 additions and 26 deletions.
54 changes: 28 additions & 26 deletions src/share.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -36,7 +36,6 @@ function isEmail(value: string): boolean {
export function ShareSpace({ spaceDID }: { spaceDID: SpaceDID }): JSX.Element {
const [{ client }] = useW3()
const [value, setValue] = useState('')
const [downloadUrl, setDownloadUrl] = useState('')
const [sharedEmails, setSharedEmails] = useState<{ email: string, capabilities: string[] }[]>([])

const updateSharedEmails = (delegations: { email: string, capabilities: string[] }[]) => {
Expand Down Expand Up @@ -125,41 +124,42 @@ export function ShareSpace({ spaceDID }: { spaceDID: SpaceDID }): JSX.Element {
}
}

async function makeDownloadLink(input: string): Promise<void> {
if (!client) return

let audience
async function makeDownloadLink(did: string): Promise<string> {
try {
audience = DID.parse(input.trim())
} catch {
setDownloadUrl('')
return
}
if (!client)
throw new Error('missing w3up client')

try {
const delegation = await client.createDelegation(audience, ['*'], {
const audience = DID.parse(did.trim())
const delegation = await client.createDelegation(audience, [
'space/*',
'store/*',
'upload/*',
'access/*',
'usage/*',
// @ts-expect-error (FIXME: https://github.com/storacha/w3up/issues/1554)
'filecoin/*',
], {
expiration: Infinity,
})

const archiveRes = await delegation.archive()
if (archiveRes.error) {
throw new Error('failed to archive delegation', { cause: archiveRes.error })
}
const blob = new Blob([archiveRes.ok])
const url = URL.createObjectURL(blob)
setDownloadUrl(url)
return url
} catch (err: any) {
throw new Error(err.message ?? err, { cause: err })
}
}

function onSubmit(e: React.FormEvent<HTMLFormElement>): void {
async function onSubmit(e: React.FormEvent<HTMLFormElement>): Promise<void> {
e.preventDefault()
if (isDID(value)) {
void makeDownloadLink(value)
void autoDownload(value)
} else if (isEmail(value)) {
void shareViaEmail(value)
} else {
setDownloadUrl('')
}
}

Expand All @@ -174,6 +174,16 @@ export function ShareSpace({ spaceDID }: { spaceDID: SpaceDID }): JSX.Element {
return `did-${method}-${id?.substring(0, 10)}.ucan`
}

async function autoDownload(value: string): Promise<void> {
const resourceURL = await makeDownloadLink(value)
const link = document.createElement('a')
link.href = resourceURL
link.download = downloadName(true, value)
document.body.appendChild(link)
link.click()
document.body.removeChild(link)
}

return (
<div className='max-w-4xl'>
<Header>Share your space</Header>
Expand All @@ -200,18 +210,10 @@ export function ShareSpace({ spaceDID }: { spaceDID: SpaceDID }): JSX.Element {
className={`inline-block bg-hot-red border border-hot-red ${isEmail(value) || isDID(value) ? 'hover:bg-white hover:text-hot-red' : 'opacity-20'} font-epilogue text-white uppercase text-sm px-6 py-2 rounded-full whitespace-nowrap`}
onClick={async (e) => {
e.preventDefault()

if (isEmail(value)) {
await shareViaEmail(value)
} else if (isDID(value)) {
if (!downloadUrl) await makeDownloadLink(value)

const link = document.createElement('a')
link.href = downloadUrl
link.download = downloadName(true, value)
document.body.appendChild(link)
link.click()
document.body.removeChild(link)
await autoDownload(value)
}
}}
disabled={!isEmail(value) && !isDID(value)}
Expand Down

0 comments on commit ba934a2

Please sign in to comment.