@morscherlab/mint-sdk 1.2.0-beta.11 → 1.2.0-beta.13

package/src/composables/filePicker/usePickerNavigation.ts

@@ -0,0 +1,199 @@
+import { computed, onScopeDispose, ref, shallowRef } from 'vue'
+import type {
+  PickerAdapter,
+  PickerNode,
+  PickerRequest,
+  PickerTreeRow,
+} from '../../types/filePicker'
+
+export function usePickerNavigation(adapter: () => PickerAdapter, request: () => PickerRequest) {
+  const path = shallowRef('')
+  const trail = ref<{ path: string; label: string }[]>([])
+  const entries = shallowRef<PickerNode[]>([])
+  const nodes = ref(new Map<string, PickerNode>())
+  const children = shallowRef(new Map<string, PickerNode[]>())
+  const expanded = ref(new Set<string>())
+  const expanding = ref(new Set<string>())
+  const expansionErrors = ref(new Map<string, string>())
+  const loading = shallowRef(false)
+  const error = shallowRef('')
+  let epoch = 0
+  let navigation = 0
+  let controller: AbortController | undefined
+  const pending = new Map<string, Promise<PickerNode[]>>()
+  const childControllers = new Set<AbortController>()
+
+  function register(items: PickerNode[], parent?: string) {
+    for (const item of items)
+      nodes.value.set(item.path, {
+        ...item,
+        parentPath:
+          item.parentPath !== undefined
+            ? item.parentPath
+            : parent !== undefined
+              ? parent || null
+              : (nodes.value.get(item.path)?.parentPath ?? null),
+      })
+  }
+  function invalidate() {
+    ++epoch
+    ++navigation
+    controller?.abort()
+    childControllers.forEach((item) => item.abort())
+    childControllers.clear()
+    pending.clear()
+    children.value = new Map()
+    expanding.value.clear()
+    expansionErrors.value.clear()
+  }
+  function clear() {
+    invalidate()
+    nodes.value.clear()
+    expanded.value.clear()
+    expanding.value.clear()
+    expansionErrors.value.clear()
+    entries.value = []
+    loading.value = false
+    error.value = ''
+  }
+  async function loadChildren(folder: string, ancestors: string[] = []): Promise<PickerNode[]> {
+    if (ancestors.includes(folder)) throw new Error('The adapter returned a circular folder tree.')
+    const cached = children.value.get(folder)
+    if (cached) return cached
+    const existing = pending.get(folder)
+    if (existing) return existing
+    const token = epoch
+    const abort = new AbortController()
+    childControllers.add(abort)
+    const task = adapter()
+      .listChildren(folder, { ...request(), signal: abort.signal })
+      .then((items) => {
+        if (token !== epoch) throw new DOMException('Cancelled', 'AbortError')
+        const retained = new Set(items.map((item) => item.path))
+        function remove(path: string, seen = new Set<string>()) {
+          if (seen.has(path) || path === folder) return
+          seen.add(path)
+          for (const node of nodes.value.values())
+            if (node.parentPath === path) remove(node.path, seen)
+          nodes.value.delete(path)
+          children.value.delete(path)
+        }
+        for (const node of nodes.value.values())
+          if (node.parentPath === folder && !retained.has(node.path)) remove(node.path)
+        register(items, folder)
+        children.value = new Map(children.value).set(folder, items)
+        return items
+      })
+      .finally(() => {
+        childControllers.delete(abort)
+        if (token === epoch) pending.delete(folder)
+      })
+    pending.set(folder, task)
+    return task
+  }
+  async function load(query = '', recursive = false) {
+    const token = ++navigation
+    controller?.abort()
+    controller = new AbortController()
+    const options = { ...request(), signal: controller.signal }
+    loading.value = true
+    error.value = ''
+    entries.value = []
+    try {
+      const items = query.trim()
+        ? await adapter().search(query.trim(), { path: path.value, recursive }, options)
+        : path.value
+          ? await loadChildren(path.value)
+          : await adapter().listRoot(options)
+      if (token !== navigation) return
+      register(items, query.trim() ? undefined : path.value)
+      entries.value = items
+    } catch (cause) {
+      if (token === navigation)
+        error.value = cause instanceof Error ? cause.message : 'Could not read this location.'
+    } finally {
+      if (token === navigation) loading.value = false
+    }
+  }
+  async function expand(node: PickerNode) {
+    if (node.kind !== 'folder' || node.unavailableReason) return
+    if (expanded.value.has(node.path)) {
+      expanded.value.delete(node.path)
+      return
+    }
+    expanded.value.add(node.path)
+    expanding.value.add(node.path)
+    expansionErrors.value.delete(node.path)
+    const token = epoch
+    try {
+      await loadChildren(node.path)
+    } catch (cause) {
+      if (token === epoch)
+        expansionErrors.value.set(
+          node.path,
+          cause instanceof Error ? cause.message : 'Could not read this folder.',
+        )
+    } finally {
+      if (token === epoch) expanding.value.delete(node.path)
+    }
+  }
+  function enter(node: PickerNode) {
+    if (node.kind !== 'folder' || node.unavailableReason) return
+    const index = trail.value.findIndex((crumb) => crumb.path === node.path)
+    trail.value =
+      index >= 0
+        ? trail.value.slice(0, index + 1)
+        : [...trail.value, { path: node.path, label: node.name }]
+    path.value = node.path
+  }
+  function up(target?: string) {
+    const index =
+      target !== undefined
+        ? trail.value.findIndex((crumb) => crumb.path === target)
+        : trail.value.length - 2
+    trail.value = index < 0 ? [] : trail.value.slice(0, index + 1)
+    path.value = trail.value.at(-1)?.path ?? ''
+  }
+  const rows = computed(() => {
+    const result: PickerTreeRow[] = []
+    function visit(items: PickerNode[], depth: number, ancestors: Set<string>) {
+      for (const item of items) {
+        if (ancestors.has(item.path) || depth > 30) continue
+        const node = nodes.value.get(item.path) ?? item
+        result.push({
+          node,
+          depth,
+          expanded: expanded.value.has(item.path),
+          loading: expanding.value.has(item.path),
+          error: expansionErrors.value.get(item.path),
+        })
+        if (expanded.value.has(item.path))
+          visit(children.value.get(item.path) ?? [], depth + 1, new Set([...ancestors, item.path]))
+      }
+    }
+    visit(entries.value, 0, new Set())
+    return result
+  })
+  onScopeDispose(clear)
+  return {
+    path,
+    trail,
+    entries,
+    nodes,
+    children,
+    expanded,
+    expanding,
+    expansionErrors,
+    loading,
+    error,
+    rows,
+    clear,
+    invalidate,
+    register,
+    loadChildren,
+    load,
+    expand,
+    enter,
+    up,
+  }
+}

package/src/composables/filePicker/usePickerSelection.ts

@@ -0,0 +1,242 @@
+import { computed, ref, shallowRef } from 'vue'
+import type {
+  PickerCapability,
+  PickerExcluded,
+  PickerFile,
+  PickerNode,
+  PickerSelection,
+  PickerSelectionMode,
+} from '../../types/filePicker'
+import type { usePickerNavigation } from './usePickerNavigation'
+import { pickerExclusion } from './validation'
+
+type Navigation = ReturnType<typeof usePickerNavigation>
+export function usePickerSelection(
+  nav: Navigation,
+  mode: () => PickerSelectionMode,
+  capability: () => PickerCapability | undefined,
+  skipBlanks: () => boolean,
+) {
+  const keys = ref(new Set<string>())
+  const dropped = ref(new Set<string>())
+  const focusPath = shallowRef('')
+  const resolving = shallowRef(false)
+  const resolutionError = shallowRef('')
+  let anchor = ''
+  let generation = 0
+
+  function ancestorSelected(node: PickerNode, candidates = keys.value): boolean {
+    const seen = new Set<string>()
+    let parent = node.parentPath
+    while (parent && !seen.has(parent)) {
+      if (candidates.has(parent)) return true
+      seen.add(parent)
+      parent = nav.nodes.value.get(parent)?.parentPath
+    }
+    return false
+  }
+  function exclusion(node: PickerNode) {
+    const own = pickerExclusion(node, capability(), skipBlanks())
+    if (own) return own
+    const seen = new Set<string>()
+    let parent = node.parentPath
+    while (parent && !seen.has(parent)) {
+      seen.add(parent)
+      const folder = nav.nodes.value.get(parent)
+      if (!folder) break
+      const inherited = pickerExclusion(folder, capability(), skipBlanks())
+      if (inherited) return { ...inherited, path: node.path, name: node.name }
+      parent = folder.parentPath
+    }
+    return null
+  }
+  function selected(node: PickerNode): boolean {
+    return (
+      !exclusion(node) &&
+      !dropped.value.has(node.path) &&
+      !ancestorSelected(node, dropped.value) &&
+      (keys.value.has(node.path) || (mode() === 'folder+files' && ancestorSelected(node)))
+    )
+  }
+  function selectable(node: PickerNode): boolean {
+    if (exclusion(node)) return false
+    return node.kind === 'folder'
+      ? mode() === 'folder' || mode() === 'folder+files'
+      : mode() !== 'folder'
+  }
+  function select(
+    node: PickerNode,
+    modifiers: { metaKey?: boolean; ctrlKey?: boolean; shiftKey?: boolean; toggle?: boolean } = {},
+  ) {
+    if (exclusion(node)) return
+    focusPath.value = node.path
+    if (!selectable(node)) return
+    const multi = mode() === 'multi-file' || mode() === 'folder+files'
+    const additive = multi && (modifiers.metaKey || modifiers.ctrlKey)
+    if (multi && modifiers.shiftKey && anchor) {
+      const rows = nav.rows.value.map((row) => row.node)
+      const from = rows.findIndex((item) => item.path === anchor)
+      const to = rows.findIndex((item) => item.path === node.path)
+      if (from >= 0 && to >= 0) {
+        keys.value = new Set([
+          ...(additive ? keys.value : []),
+          ...rows
+            .slice(Math.min(from, to), Math.max(from, to) + 1)
+            .filter(selectable)
+            .map((item) => item.path),
+        ])
+        dropped.value.clear()
+        return
+      }
+    }
+    if (additive || (modifiers.toggle && (selected(node) || dropped.value.has(node.path)))) {
+      if (mode() === 'folder+files' && ancestorSelected(node)) {
+        if (dropped.value.has(node.path)) dropped.value.delete(node.path)
+        else dropped.value.add(node.path)
+      } else if (keys.value.has(node.path)) keys.value.delete(node.path)
+      else {
+        keys.value.add(node.path)
+        dropped.value.delete(node.path)
+      }
+    } else {
+      keys.value = new Set([node.path])
+      dropped.value.clear()
+    }
+    anchor = node.path
+  }
+  function reset(selection?: PickerSelection | null) {
+    ++generation
+    keys.value.clear()
+    dropped.value.clear()
+    resolving.value = false
+    resolutionError.value = ''
+    focusPath.value = ''
+    if (selection?.source === 'server') {
+      const files =
+        mode() === 'folder'
+          ? []
+          : mode() === 'single-file'
+            ? selection.files.slice(0, 1)
+            : selection.files
+      const folders =
+        mode() === 'folder'
+          ? selection.folders.slice(0, 1)
+          : mode() === 'folder+files'
+            ? selection.folders
+            : []
+      nav.register(files)
+      folders.forEach((path) => {
+        if (!nav.nodes.value.has(path))
+          nav.register([
+            { kind: 'folder', path, name: 'Selected folder', parentName: 'Selected location' },
+          ])
+        keys.value.add(path)
+      })
+      files.forEach((file) => keys.value.add(file.path))
+      selection.excluded
+        .filter((item) => item.reason === 'deselected')
+        .forEach((item) => dropped.value.add(item.path))
+    }
+  }
+  const roots = computed(() =>
+    [...keys.value]
+      .map((key) => nav.nodes.value.get(key))
+      .filter((node): node is PickerNode => !!node && !ancestorSelected(node)),
+  )
+  const chosen = computed(() => {
+    const files: PickerFile[] = []
+    const excluded: PickerExcluded[] = []
+    for (const node of nav.nodes.value.values()) {
+      if (!keys.value.has(node.path) && !ancestorSelected(node)) continue
+      const reason =
+        exclusion(node) ??
+        (dropped.value.has(node.path)
+          ? { path: node.path, name: node.name, reason: 'deselected' as const }
+          : null)
+      // A dropped folder excludes its descendants as well.
+      const droppedByParent = ancestorSelected(node, dropped.value)
+      if (reason || droppedByParent) {
+        if (node.kind === 'file' || reason?.reason === 'unreadable')
+          excluded.push(reason ?? { path: node.path, name: node.name, reason: 'deselected' })
+      } else if (node.kind === 'file') files.push(node)
+    }
+    return { files, excluded, bytes: files.reduce((total, node) => total + (node.bytes ?? 0), 0) }
+  })
+  async function resolve() {
+    const token = ++generation
+    resolving.value = true
+    resolutionError.value = ''
+    let count = 0
+    const seen = new Set<string>()
+    async function walk(node: PickerNode, ancestors: string[] = []): Promise<PickerFile[]> {
+      if (token !== generation) throw new DOMException('Cancelled', 'AbortError')
+      if (node.kind === 'file') return [node]
+      if (node.unavailableReason) return []
+      if (ancestors.includes(node.path))
+        throw new Error('The adapter returned a circular folder tree.')
+      if (seen.has(node.path)) return []
+      seen.add(node.path)
+      if (++count > 500 || ancestors.length > 30)
+        throw new Error('This selection is too large to validate. Choose a smaller folder.')
+      const children = await nav.loadChildren(node.path, ancestors)
+      const files: PickerFile[] = []
+      for (const child of children) files.push(...(await walk(child, [...ancestors, node.path])))
+      if (token !== generation) throw new DOMException('Cancelled', 'AbortError')
+      const formats: Record<string, number> = {}
+      files.forEach((file) => {
+        formats[file.format] = (formats[file.format] ?? 0) + 1
+      })
+      nav.register([
+        {
+          ...node,
+          fileCount: files.length,
+          bytes: files.reduce((sum, file) => sum + (file.bytes ?? 0), 0),
+          formats,
+        },
+      ])
+      return files
+    }
+    try {
+      for (const node of roots.value) await walk(node)
+      if (token === generation) {
+        // Resolved descendants inherit their folder, including restored selections.
+        for (const key of [...keys.value]) {
+          const node = nav.nodes.value.get(key)
+          if (node && ancestorSelected(node)) keys.value.delete(key)
+        }
+      }
+    } catch (cause) {
+      if (token === generation)
+        resolutionError.value =
+          cause instanceof Error ? cause.message : 'Could not validate the selection.'
+    } finally {
+      if (token === generation) resolving.value = false
+    }
+  }
+  const focused = computed(() => nav.nodes.value.get(focusPath.value) ?? roots.value.at(-1) ?? null)
+  function folderProgress(node: PickerNode): string {
+    if (node.kind !== 'folder' || node.fileCount == null) return ''
+    const allowed = chosen.value.files.filter((file) =>
+      ancestorSelected(file, new Set([node.path])),
+    ).length
+    return `${selected(node) ? allowed : 0} / ${node.fileCount}`
+  }
+  return {
+    keys,
+    dropped,
+    focusPath,
+    resolving,
+    resolutionError,
+    roots,
+    chosen,
+    focused,
+    select,
+    selected,
+    selectable,
+    exclusion,
+    reset,
+    resolve,
+    folderProgress,
+    ancestorSelected,
+  }
+}

package/src/composables/filePicker/validation.ts

@@ -0,0 +1,40 @@
+import type { PickerCapability, PickerExcluded, PickerNode } from '../../types/filePicker'
+
+export function normalizePickerFormat(format: string): string {
+  return format.trim().replace(/^\./, '').toLowerCase()
+}
+
+export function pickerExclusion(
+  node: PickerNode,
+  capability?: PickerCapability,
+  skipBlanks = false,
+): PickerExcluded | null {
+  const base = { path: node.path, name: node.name }
+  if (node.unavailableReason) return { ...base, reason: 'unreadable' }
+  if (skipBlanks && capability?.isBlank?.(node)) return { ...base, reason: 'blank' }
+  if (node.kind === 'folder') return null
+  const formats = capability?.formats.map(normalizePickerFormat) ?? []
+  if (formats.length && !formats.some((format) => node.name.toLowerCase().endsWith(`.${format}`))) {
+    return { ...base, reason: 'unsupported' }
+  }
+  if (capability?.maxBytes != null && node.bytes != null && node.bytes > capability.maxBytes) {
+    return { ...base, reason: 'tooLarge' }
+  }
+  return null
+}
+
+export function pickerReason(excluded: PickerExcluded | null, node?: PickerNode): string {
+  if (!excluded) return ''
+  return {
+    unsupported: 'This format is not supported by this source.',
+    tooLarge: 'This file exceeds the size limit for this source.',
+    blank: 'Skipped by the blank-file rule.',
+    unreadable: node?.unavailableReason || 'This item cannot be read.',
+    deselected: 'Removed from the selection.',
+  }[excluded.reason]
+}
+
+export function pickerFormat(name: string): string {
+  const compound = /\.(mzml|mzxml)\.gz$/i.exec(name)
+  return compound ? `${compound[1]}.gz` : name.includes('.') ? name.split('.').pop()! : ''
+}

package/src/composables/index.ts

@@ -174,6 +174,11 @@ export {
   type UseAnalysisArtifactsOptions,
   type UseAnalysisArtifactsReturn,
 } from './useAnalysisArtifacts'
+export {
+  useFileBrowser,
+  type UseFileBrowserOptions,
+  type UseFileBrowserReturn,
+} from './useFileBrowser'
 export {
   buildAnalysisArtifactTargetQuery,
   parseAnalysisArtifactTarget,
@@ -564,3 +569,5 @@ export {
   type UseMenuKeyboardOptions,
   type UseMenuKeyboardReturn,
 } from './useMenuKeyboard'
+
+export { usePlatformFilePickerAdapter, encodePlatformPickerPath, decodePlatformPickerPath } from './usePlatformFilePickerAdapter'