Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix various google photos issues #5275

Merged
merged 1 commit into from
Jun 27, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
Expand Up @@ -66,7 66,7 @@ class GooglePhotos extends Provider {

return paginate(
(pageToken) => client.get('albums', { searchParams: { pageToken, pageSize: 50 }, responseType: 'json' }).json(),
(response) => response.albums,
(response) => response.albums ?? [], // seems to be undefined if no albums
)
}

Expand All @@ -85,7 85,8 @@ class GooglePhotos extends Provider {
return resp
}

const [sharedAlbums, albums, { mediaItems, nextPageToken }] = await Promise.all([
// mediaItems seems to be undefined if empty folder
const [sharedAlbums, albums, { mediaItems = [], nextPageToken }] = await Promise.all([
fetchSharedAlbums(), fetchAlbums(), fetchMediaItems()
])

Expand Down
6 changes: 4 additions & 2 deletions packages/@uppy/core/src/Restricter.ts
Original file line number Diff line number Diff line change
Expand Up @@ -148,7 148,7 @@ class Restricter<M extends Meta, B extends Body> {
throw new RestrictionError(
this.getI18n()('exceedsSize', {
size: prettierBytes(maxFileSize),
file: file.name,
file: file.name ?? this.getI18n()('unnamed'),
}),
{ file } as { file: UppyFile<M, B> },
)
Expand Down Expand Up @@ -191,7 191,9 @@ class Restricter<M extends Meta, B extends Body> {
error: RestrictionError<M, B>
} {
const error = new RestrictionError<M, B>(
this.getI18n()('missingRequiredMetaFieldOnFile', { fileName: file.name }),
this.getI18n()('missingRequiredMetaFieldOnFile', {
fileName: file.name ?? this.getI18n()('unnamed'),
}),
)
const { requiredMetaFields } = this.getOpts().restrictions
const missingFields: string[] = []
Expand Down
4 changes: 3 additions & 1 deletion packages/@uppy/core/src/Uppy.ts
Original file line number Diff line number Diff line change
Expand Up @@ -1021,7 1021,9 @@ export class Uppy<M extends Meta, B extends Body = Record<string, never>> {
this.checkIfFileAlreadyExists(newFile.id)
) {
throw new RestrictionError(
this.i18n('noDuplicates', { fileName: newFile.name }),
this.i18n('noDuplicates', {
fileName: newFile.name ?? this.i18n('unnamed'),
}),
{ file: fileToAdd },
)
}
Expand Down
4 changes: 3 additions & 1 deletion packages/@uppy/image-editor/src/ImageEditor.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -155,7 155,9 @@ export default class ImageEditor<

this.uppy.setFileState(currentImage!.id, {
// Reinserting image's name and type, because .toBlob loses both.
data: new File([blob!], currentImage!.name, { type: blob!.type }),
data: new File([blob!], currentImage!.name ?? this.i18n('unnamed'), {
type: blob!.type,
}),
size: blob!.size,
preview: undefined,
})
Expand Down
7 changes: 5 additions & 2 deletions packages/@uppy/provider-views/src/Breadcrumbs.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -8,12 8,13 @@ type BreadcrumbsProps<M extends Meta, B extends Body> = {
title: string
breadcrumbsIcon: h.JSX.Element
breadcrumbs: PartialTreeFolder[]
i18n: any
}

export default function Breadcrumbs<M extends Meta, B extends Body>(
props: BreadcrumbsProps<M, B>,
): h.JSX.Element {
const { openFolder, title, breadcrumbsIcon, breadcrumbs } = props
const { openFolder, title, breadcrumbsIcon, breadcrumbs, i18n } = props

return (
<div className="uppy-Provider-breadcrumbs">
Expand All @@ -26,7 27,9 @@ export default function Breadcrumbs<M extends Meta, B extends Body>(
className="uppy-u-reset uppy-c-btn"
onClick={() => openFolder(folder.id)}
>
{folder.type === 'root' ? title : folder.data.name}
{folder.type === 'root' ?
title
: folder.data.name ?? i18n('unnamed')}
</button>
{breadcrumbs.length === index 1 ? '' : ' / '}
</Fragment>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 13,7 @@ type GridItemProps = {
restrictionError: string | null
showTitles: boolean
children?: h.JSX.Element | null
i18n: any
}

function GridItem({
Expand All @@ -23,6 24,7 @@ function GridItem({
restrictionError,
showTitles,
children = null,
i18n,
}: GridItemProps): h.JSX.Element {
return (
<li
Expand All @@ -41,11 43,11 @@ function GridItem({
/>
<label
htmlFor={file.id}
aria-label={file.data.name}
aria-label={file.data.name ?? i18n('unnamed')}
className="uppy-u-reset uppy-ProviderBrowserItem-inner"
>
<ItemIcon itemIconString={file.data.thumbnail || file.data.icon} />
{showTitles && file.data.name}
{showTitles && (file.data.name ?? i18n('unnamed'))}
{children}
</label>
</li>
Expand Down
10 changes: 7 additions & 3 deletions packages/@uppy/provider-views/src/Item/components/ListItem.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -52,7 52,9 @@ export default function ListItem({
checked={file.status === 'checked'}
aria-label={
file.data.isFolder ?
i18n('allFilesFromFolderNamed', { name: file.data.name })
i18n('allFilesFromFolderNamed', {
name: file.data.name ?? i18n('unnamed'),
})
: null
}
disabled={isDisabled}
Expand All @@ -66,7 68,9 @@ export default function ListItem({
type="button"
className="uppy-u-reset uppy-c-btn uppy-ProviderBrowserItem-inner"
onClick={() => openFolder(file.id)}
aria-label={i18n('openFolderNamed', { name: file.data.name })}
aria-label={i18n('openFolderNamed', {
name: file.data.name ?? i18n('unnamed'),
})}
>
<div className="uppy-ProviderBrowserItem-iconWrap">
<ItemIcon itemIconString={file.data.icon} />
Expand All @@ -83,7 87,7 @@ export default function ListItem({
<div className="uppy-ProviderBrowserItem-iconWrap">
<ItemIcon itemIconString={file.data.icon} />
</div>
{showTitles && file.data.name}
{showTitles && (file.data.name ?? i18n('unnamed'))}
</label>

}
Expand Down
1 change: 1 addition & 0 deletions packages/@uppy/provider-views/src/ProviderView/Header.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -36,6 36,7 @@ export default function Header<M extends Meta, B extends Body>(
breadcrumbs={props.breadcrumbs}
breadcrumbsIcon={props.pluginIcon && props.pluginIcon()}
title={props.title}
i18n={props.i18n}
/>
)}
<User
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -390,8 390,9 @@ export default class ProviderView<M extends Meta, B extends Body> {
searchString === '' ? inThisFolder : (
inThisFolder.filter(
(item) =>
item.data.name.toLowerCase().indexOf(searchString.toLowerCase()) !==
-1,
(item.data.name ?? this.plugin.uppy.i18n('unnamed'))
.toLowerCase()
.indexOf(searchString.toLowerCase()) !== -1,
)
)

Expand Down
2 changes: 1 addition & 1 deletion packages/@uppy/transloadit/src/Client.ts
Original file line number Diff line number Diff line change
Expand Up @@ -159,7 159,7 @@ export default class Client<M extends Meta, B extends Body> {
}
const size = encodeURIComponent(file.size!)
const uploadUrl = encodeURIComponent(file.uploadURL)
const filename = encodeURIComponent(file.name)
const filename = encodeURIComponent(file.name ?? 'Unnamed')
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hm it looks like we have to repeat "Unnamed" in a lot of places.
And in general, we have to think about the possibility that .name can be absent.

Have you considered injecting "Unnamed" as a .name in GooglePhotos.tsx?

const fieldname = 'file'

const qs = `size=${size}&filename=${filename}&fieldname=${fieldname}&s3Url=${uploadUrl}`
Expand Down
2 changes: 1 addition & 1 deletion packages/@uppy/utils/src/CompanionFile.ts
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 3,7 @@
*/
export type CompanionFile = {
id: string
name: string
name?: string
/*
* Url to the thumbnail icon
*/
Expand Down
2 changes: 1 addition & 1 deletion packages/@uppy/utils/src/UppyFile.ts
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 16,7 @@ export interface UppyFile<M extends Meta, B extends Body> {
isRemote: boolean
isGhost: boolean
meta: InternalMetadata & M
name: string
name?: string
preview?: string
progress: FileProgress
missingRequiredMetaFields?: string[]
Expand Down
13 changes: 9 additions & 4 deletions packages/@uppy/utils/src/generateFileID.ts
Original file line number Diff line number Diff line change
@@ -1,4 1,4 @@
import type { MinimalRequiredUppyFile } from './UppyFile.js'
import type { MinimalRequiredUppyFile, UppyFile } from './UppyFile.js'
import getFileType from './getFileType.ts'

function encodeCharacter(character: string): string {
Expand All @@ -20,7 20,8 @@ function encodeFilename(name: string): string {
* removing extra characters and adding type, size and lastModified
*/
export default function generateFileID(
file: MinimalRequiredUppyFile<any, any>,
file: Omit<MinimalRequiredUppyFile<any, any>, 'name'> &
Pick<UppyFile<any, any>, 'name'>,
instanceId: string,
): string {
// It's tempting to do `[items].filter(Boolean).join('-')` here, but that
Expand Down Expand Up @@ -51,7 52,10 @@ export default function generateFileID(

// If the provider has a stable, unique ID, then we can use that to identify the file.
// Then we don't have to generate our own ID, and we can add the same file many times if needed (different path)
function hasFileStableId(file: MinimalRequiredUppyFile<any, any>): boolean {
function hasFileStableId(
file: Omit<MinimalRequiredUppyFile<any, any>, 'name'> &
Pick<UppyFile<any, any>, 'name'>,
): boolean {
if (!file.isRemote || !file.remote) return false
// These are the providers that it seems like have stable IDs for their files. The other's I haven't checked yet.
const stableIdProviders = new Set([
Expand All @@ -65,7 69,8 @@ function hasFileStableId(file: MinimalRequiredUppyFile<any, any>): boolean {
}

export function getSafeFileId(
file: MinimalRequiredUppyFile<any, any>,
file: Omit<MinimalRequiredUppyFile<any, any>, 'name'> &
Pick<UppyFile<any, any>, 'name'>,
instanceId: string,
): string {
if (hasFileStableId(file)) return file.id!
Expand Down