PrivateCoffee/tldraw
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Fix SVG's not loading in multiplayer (#498)

Browse source 
* Session undefined

* Fix S3 svg uploads
This commit is contained in:
Milo Hill 2022-01-12 13:36:19 +00:00 • committed by GitHub
parent 15784517e8
commit f61c09fb55
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 5 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

3
apps/www/hooks/useMultiplayerAssets.ts
View file

@ -4,7 +4,8 @@ export function useMultiplayerAssets() {
const onAssetCreate = React.useCallback( const onAssetCreate = React.useCallback(
async (file: File, id: string): Promise<string | false> => { async (file: File, id: string): Promise<string | false> => {
const filename = encodeURIComponent(file.name) const filename = encodeURIComponent(file.name)
const res = await fetch(`/api/upload?file=${filename}`) const fileType = encodeURIComponent(file.type)
const res = await fetch(`/api/upload?file=${filename}&fileType=${fileType}`)
const { url, fields } = await res.json() const { url, fields } = await res.json()
const formData = new FormData() const formData = new FormData()
Object.entries({ ...fields, file }).forEach(([key, value]) => { Object.entries({ ...fields, file }).forEach(([key, value]) => {

3
apps/www/pages/api/upload.ts
View file

@ -10,10 +10,11 @@ export default async function handler(req, res) {
const s3 = new aws.S3() const s3 = new aws.S3()
const post = await s3.createPresignedPost({ const post = s3.createPresignedPost({
Bucket: process.env.TL_AWS_BUCKET_NAME, Bucket: process.env.TL_AWS_BUCKET_NAME,
Fields: { Fields: {
key: req.query.file, key: req.query.file,
'Content-Type': req.query.fileType,
}, },
Expires: 60, // seconds Expires: 60, // seconds
Conditions: [ Conditions: [

2
apps/www/pages/r/[id].tsx
View file

@ -21,7 +21,7 @@ export const getServerSideProps: GetServerSideProps = async (context) => {
props: { props: {
id, id,
isUser: session?.user ? true : false, isUser: session?.user ? true : false,
isSponsor: session?.isSponsor, isSponsor: session?.isSponsor ?? false,
}, },
} }
} }