48a4fd8373
* Improve url sharing for orgs and pros * Remove sharing via menu item * fmt * Not sure what's different but it is * fmt & lint * whoops * Update snapshots * Typos from codespell * Fix alignment * Update snapshots * Prune --------- Co-authored-by: Pierre Jacquier <pierrejacquier39@gmail.com> Co-authored-by: Pierre Jacquier <pierre@zoo.dev>
114 lines
2.9 KiB
TypeScript
114 lines
2.9 KiB
TypeScript
import { VITE_KC_API_BASE_URL, VITE_KC_SITE_APP_URL } from '@src/env'
|
|
import toast from 'react-hot-toast'
|
|
|
|
import { stringToBase64 } from '@src/lib/base64'
|
|
import {
|
|
ASK_TO_OPEN_QUERY_PARAM,
|
|
CREATE_FILE_URL_PARAM,
|
|
} from '@src/lib/constants'
|
|
import { err } from '@src/lib/trap'
|
|
|
|
export interface FileLinkParams {
|
|
code: string
|
|
name: string
|
|
isRestrictedToOrg: boolean
|
|
password?: string
|
|
}
|
|
|
|
export async function copyFileShareLink(
|
|
args: FileLinkParams & { token: string }
|
|
) {
|
|
const token = args.token
|
|
if (!token) {
|
|
toast.error('You need to be signed in to share a file.', {
|
|
duration: 5000,
|
|
})
|
|
return
|
|
}
|
|
const shareUrl = createCreateFileUrl(args)
|
|
const shortlink = await createShortlink(
|
|
token,
|
|
shareUrl.toString(),
|
|
args.isRestrictedToOrg,
|
|
args.password
|
|
)
|
|
|
|
if (err(shortlink)) {
|
|
toast.error(shortlink.message, {
|
|
duration: 5000,
|
|
})
|
|
return
|
|
}
|
|
|
|
await globalThis.navigator.clipboard.writeText(shortlink.url)
|
|
toast.success(
|
|
'Link copied to clipboard. Anyone who clicks this link will get a copy of this file. Share carefully!',
|
|
{
|
|
duration: 5000,
|
|
}
|
|
)
|
|
}
|
|
|
|
/**
|
|
* Creates a URL with the necessary query parameters to trigger
|
|
* the "Import file from URL" command in the app.
|
|
*
|
|
* With the additional step of asking the user if they want to
|
|
* open the URL in the desktop app.
|
|
*/
|
|
export function createCreateFileUrl({ code, name }: FileLinkParams) {
|
|
let origin = VITE_KC_SITE_APP_URL
|
|
const searchParams = new URLSearchParams({
|
|
[CREATE_FILE_URL_PARAM]: String(true),
|
|
name,
|
|
code: stringToBase64(code),
|
|
[ASK_TO_OPEN_QUERY_PARAM]: String(true),
|
|
})
|
|
const createFileUrl = new URL(`?${searchParams.toString()}`, origin)
|
|
|
|
return createFileUrl
|
|
}
|
|
|
|
/**
|
|
* Given a file's code, name, and units, creates shareable link to the
|
|
* web app with a query parameter that triggers a modal to "open in desktop app".
|
|
* That modal is defined in the `OpenInDesktopAppHandler` component.
|
|
* TODO: update the return type to use TS library after its updated
|
|
*/
|
|
export async function createShortlink(
|
|
token: string,
|
|
url: string,
|
|
isRestrictedToOrg: boolean,
|
|
password?: string
|
|
): Promise<Error | { key: string; url: string }> {
|
|
/**
|
|
* We don't use our `withBaseURL` function here because
|
|
* there is no URL shortener service in the dev API.
|
|
*/
|
|
const body: {
|
|
url: string
|
|
restrict_to_org: boolean
|
|
password?: string
|
|
} = {
|
|
url,
|
|
restrict_to_org: isRestrictedToOrg,
|
|
}
|
|
if (password) {
|
|
body.password = password
|
|
}
|
|
const response = await fetch(`${VITE_KC_API_BASE_URL}/user/shortlinks`, {
|
|
method: 'POST',
|
|
headers: {
|
|
'Content-type': 'application/json',
|
|
Authorization: `Bearer ${token}`,
|
|
},
|
|
body: JSON.stringify(body),
|
|
})
|
|
if (!response.ok) {
|
|
const error = await response.json()
|
|
return new Error(`Failed to create shortlink: ${error.message}`)
|
|
} else {
|
|
return response.json()
|
|
}
|
|
}
|