49 lines
1.6 KiB
TypeScript
49 lines
1.6 KiB
TypeScript
/**
|
|
* mediaViewer — bridges the Mail UI to the standalone media_viewer module
|
|
*/
|
|
|
|
import { defineAsyncComponent } from 'vue'
|
|
import { useIntegrationStore } from '@KTXC'
|
|
|
|
const MEDIA_VIEWER_FORMAT_POINT = 'media_viewer_format'
|
|
const MEDIA_VIEWER_POINT = 'media_viewer'
|
|
|
|
function mimeMatchesPattern(mime: string, pattern: string): boolean {
|
|
if (pattern.endsWith('/*')) {
|
|
return mime.startsWith(pattern.slice(0, -1))
|
|
}
|
|
return mime === pattern
|
|
}
|
|
|
|
function mimeMatchesViewer(mime: string, mimeTypes?: string[], mimePatterns?: string[]): boolean {
|
|
if (mimeTypes?.includes(mime)) return true
|
|
if (mimePatterns) {
|
|
for (const pattern of mimePatterns) {
|
|
if (mimeMatchesPattern(mime, pattern)) return true
|
|
}
|
|
}
|
|
return false
|
|
}
|
|
|
|
/** True if a leaf viewer is registered for this MIME type. */
|
|
export function mediaViewerCanDisplay(mime: string | null | undefined): boolean {
|
|
if (!mime) return false
|
|
const viewers = useIntegrationStore().getItems(MEDIA_VIEWER_FORMAT_POINT)
|
|
return viewers.some(viewer =>
|
|
mimeMatchesViewer(
|
|
mime,
|
|
viewer.meta?.mimeTypes as string[] | undefined,
|
|
viewer.meta?.mimePatterns as string[] | undefined,
|
|
),
|
|
)
|
|
}
|
|
|
|
export function mediaViewerComponent(type: 'dialog' | 'popover' = 'dialog') {
|
|
// The integration store prefixes ids with the module handle
|
|
// (e.g. 'media_viewer.dialog'), so match on the suffix.
|
|
const entry = useIntegrationStore().getItems(MEDIA_VIEWER_POINT).find(i => i.id.endsWith(`.${type}`))
|
|
return entry?.component
|
|
? defineAsyncComponent(entry.component as () => Promise<unknown>)
|
|
: null
|
|
}
|