x/onedrive
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

use second request for paging instead of expand children

Browse source
This commit is contained in:
spencerwooo 2021-09-04 18:47:31 +01:00
parent 97f4250a57
commit 091e97f211
No known key found for this signature in database
GPG key ID: 24CD550268849CA0
2 changed files with 31 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
components/FileListing.tsx
View file

@ -123,7 +123,6 @@ const FileListing: FunctionComponent<{ query?: ParsedUrlQuery }> = ({ query }) =
)
}
const resp = data.data
const fileIsImage = (fileName: string) => {
const fileExtension = getExtension(fileName)
if (hasKey(extensions, fileExtension)) {
@ -134,8 +133,8 @@ const FileListing: FunctionComponent<{ query?: ParsedUrlQuery }> = ({ query }) =
return false
}
if ('folder' in resp) {
const { children } = resp
if ('folderData' in data) {
const { value } = data.folderData
// Image preview rendering preparations
const imagesInFolder: ImageDecorator[] = []
@ -146,7 +145,7 @@ const FileListing: FunctionComponent<{ query?: ParsedUrlQuery }> = ({ query }) =
let renderReadme = false
let readmeFile = null
children.forEach((c: any) => {
value.forEach((c: any) => {
if (fileIsImage(c.name)) {
imagesInFolder.push({
src: c['@microsoft.graph.downloadUrl'],
@ -218,7 +217,7 @@ const FileListing: FunctionComponent<{ query?: ParsedUrlQuery }> = ({ query }) =
/>
)}
{children.map((c: any) => (
{value.map((c: any) => (
<div className="hover:bg-gray-100 dark:hover:bg-gray-850 grid grid-cols-12" key={c.id}>
<div
className="col-span-11"
@ -281,9 +280,10 @@ const FileListing: FunctionComponent<{ query?: ParsedUrlQuery }> = ({ query }) =
)
}
if ('file' in resp) {
const downloadUrl = resp['@microsoft.graph.downloadUrl']
const fileName = resp.name
if ('identityData' in data) {
const { identityData } = data
const downloadUrl = identityData['@microsoft.graph.downloadUrl']
const fileName = data.identityData.name
const fileExtension = fileName.slice(((fileName.lastIndexOf('.') - 1) >>> 0) + 2).toLowerCase()
if (hasKey(extensions, fileExtension)) {
@ -297,25 +297,25 @@ const FileListing: FunctionComponent<{ query?: ParsedUrlQuery }> = ({ query }) =
)
case preview.text:
return <TextPreview file={resp} />
return <TextPreview file={identityData} />
case preview.code:
return <CodePreview file={resp} />
return <CodePreview file={identityData} />
case preview.markdown:
return <MarkdownPreview file={resp} path={path} />
return <MarkdownPreview file={identityData} path={path} />
case preview.video:
return <VideoPreview file={resp} />
return <VideoPreview file={identityData} />
case preview.audio:
return <AudioPreview file={resp} />
return <AudioPreview file={identityData} />
case preview.pdf:
return <PDFPreview file={resp} />
return <PDFPreview file={identityData} />
case preview.office:
return <OfficePreview file={resp} />
return <OfficePreview file={identityData} />
default:
return <div className="dark:bg-gray-900 bg-white rounded shadow">{fileName}</div>
@ -326,7 +326,7 @@ const FileListing: FunctionComponent<{ query?: ParsedUrlQuery }> = ({ query }) =
<>
<div className="dark:bg-gray-900 p-3 bg-white rounded shadow">
<FourOhFour
errorMsg={`Preview for file ${resp.name} is not available, download directly with the button below.`}
errorMsg={`Preview for file ${identityData.name} is not available, download directly with the button below.`}
/>
</div>
<div className="mt-4">
@ -338,7 +338,7 @@ const FileListing: FunctionComponent<{ query?: ParsedUrlQuery }> = ({ query }) =
return (
<div className="dark:bg-gray-900 p-3 bg-white rounded shadow">
<FourOhFour errorMsg={`Cannot preview ${resp.name}.`} />
<FourOhFour errorMsg={`Cannot preview ${path}.`} />
</div>
)
}

18
pages/api/index.ts
View file

@ -112,15 +112,25 @@ export default async function handler(req: NextApiRequest, res: NextApiResponse)
}
}
// Normal query selecting and expanding every children in current directory
const { data } = await axios.get(requestUrl, {
// Querying current path identity (file or folder) and follow up query childrens in folder
const { data: identityData } = await axios.get(requestUrl, {
headers: { Authorization: `Bearer ${accessToken}` },
params: {
select: '@microsoft.graph.downloadUrl,name,size,id,lastModifiedDateTime,folder,file',
expand: 'children(select=@content.downloadUrl,name,lastModifiedDateTime,eTag,size,id,folder,file)',
},
})
res.status(200).json({ path, data })
if ('folder' in identityData) {
const { data: folderData } = await axios.get(`${requestUrl}:/children`, {
headers: { Authorization: `Bearer ${accessToken}` },
params: {
select: '@microsoft.graph.downloadUrl,name,size,id,lastModifiedDateTime,folder,file',
},
})
res.status(200).json({ path, identityData, folderData })
return
}
res.status(200).json({ path, identityData })
return
}