@morscherlab/mint-sdk 1.0.0-rc.2 → 1.0.0-rc.5

package/src/composables/useAutoGroupInputSources.ts

@@ -0,0 +1,147 @@
+import { computed, nextTick, ref, type Ref } from 'vue'
+import { parseCSV, type useAutoGroup } from './useAutoGroup'
+import { useApi, type UseApiReturn } from './useApi'
+import type { WizardStep } from '../types/components'
+
+type AutoGroupController = ReturnType<typeof useAutoGroup>
+type ReadableRef<T> = Readonly<Ref<T>>
+type AutoGroupApi = Pick<UseApiReturn, 'get'>
+
+export interface UseAutoGroupInputSourcesOptions {
+  autoGroup: AutoGroupController
+  samples: ReadableRef<readonly string[]>
+  experimentId: ReadableRef<number | undefined>
+  designData: ReadableRef<Record<string, unknown> | undefined>
+  currentStep: Ref<number>
+  dynamicSteps: ReadableRef<readonly WizardStep[]>
+  api?: AutoGroupApi
+}
+
+/** Manages AutoGroupModal input sources: pasted samples, CSV/TSV files, and experiment metadata. */
+export function useAutoGroupInputSources(options: UseAutoGroupInputSourcesOptions) {
+  const api = options.api ?? useApi()
+  const isDragOver = ref(false)
+  const csvFileName = ref('')
+  const experimentLoading = ref(false)
+  const experimentError = ref<string | null>(null)
+  const csvError = ref<string | null>(null)
+
+  const experimentFieldNames = computed(() =>
+    options.autoGroup.csvData.value?.columns.filter(c => c !== 'sample_name') ?? [],
+  )
+
+  async function initializeInputSources() {
+    options.autoGroup.reset()
+    options.currentStep.value = 0
+    resetInputSourceState()
+
+    if (options.experimentId.value || options.designData.value) {
+      await fetchExperimentData()
+    } else if (options.samples.value.length > 0) {
+      options.autoGroup.rawText.value = options.samples.value.join('\n')
+    }
+  }
+
+  function resetInputSourceState() {
+    csvFileName.value = ''
+    experimentError.value = null
+    csvError.value = null
+    isDragOver.value = false
+  }
+
+  async function fetchExperimentData() {
+    if (!options.experimentId.value && !options.designData.value) return
+
+    options.autoGroup.inputMode.value = 'experiment'
+    experimentLoading.value = true
+    experimentError.value = null
+
+    try {
+      const pluginData = await loadExperimentPluginData()
+
+      if (!pluginData || typeof pluginData !== 'object') {
+        experimentError.value = 'No design data found for this experiment'
+        return
+      }
+
+      const success = options.autoGroup.loadExperimentData(pluginData)
+      if (!success) {
+        experimentError.value = 'No sample metadata found in this experiment'
+        return
+      }
+
+      await nextTick()
+      const fieldsIdx = options.dynamicSteps.value.findIndex(s => s.id === 'fields')
+      if (fieldsIdx >= 0) {
+        options.currentStep.value = fieldsIdx
+      }
+    } catch (e) {
+      experimentError.value = e instanceof Error ? e.message : 'Failed to fetch experiment data'
+    } finally {
+      experimentLoading.value = false
+    }
+  }
+
+  async function loadExperimentPluginData(): Promise<Record<string, unknown> | undefined> {
+    if (options.designData.value) {
+      return options.designData.value
+    }
+
+    const result = await api.get<Record<string, unknown>>(
+      `/experiments/${options.experimentId.value}/data`,
+    )
+    return result.data as Record<string, unknown> | undefined
+  }
+
+  function handleFileDrop(event: DragEvent) {
+    event.preventDefault()
+    isDragOver.value = false
+    const files = event.dataTransfer?.files
+    if (files && files.length > 0) {
+      void processFile(files[0])
+    }
+  }
+
+  function handleFileInput(event: Event) {
+    const target = event.target as HTMLInputElement
+    if (target.files && target.files.length > 0) {
+      void processFile(target.files[0])
+    }
+  }
+
+  async function processFile(file: File) {
+    if (!file.name.endsWith('.csv') && !file.name.endsWith('.tsv')) return
+
+    csvError.value = null
+    try {
+      const text = await file.text()
+      const parsed = parseCSV(text)
+      options.autoGroup.inputMode.value = 'csv'
+      options.autoGroup.csvData.value = parsed
+      csvFileName.value = file.name
+    } catch (e) {
+      csvError.value = e instanceof Error ? e.message : 'Failed to parse file'
+    }
+  }
+
+  function clearCsvFile() {
+    options.autoGroup.csvData.value = null
+    options.autoGroup.inputMode.value = 'paste'
+    csvFileName.value = ''
+  }
+
+  return {
+    isDragOver,
+    csvFileName,
+    experimentLoading,
+    experimentError,
+    csvError,
+    experimentFieldNames,
+    initializeInputSources,
+    fetchExperimentData,
+    handleFileDrop,
+    handleFileInput,
+    processFile,
+    clearCsvFile,
+  }
+}

package/src/composables/useBioTemplateControls.ts

@@ -9,7 +9,7 @@ import type {
   ControlSchemaOptions,
   ControlWorkspaceOptions,
   UseControlSchemaReturn,
-} from './useControlSchema'
+} from './controlSchemaTypes'
 
 export {
   getBioTemplateControlSchema,

package/src/composables/useBioTemplatePresetWorkspace.ts

@@ -23,7 +23,7 @@ import type {
   ControlWorkspaceTopBarBinding,
   ControlWorkspaceTopBarSettingsBinding,
   UseControlSchemaReturn,
-} from './useControlSchema'
+} from './controlSchemaTypes'
 import {
   useTemplateCollection,
   type UseTemplateCollectionOptions,

package/src/composables/useBioTemplateWorkspace.ts

@@ -10,7 +10,7 @@ import type {
   ControlWorkspaceTopBarSettingsBinding,
   UseControlSchemaReturn,
   UseControlWorkspaceReturn,
-} from './useControlSchema'
+} from './controlSchemaTypes'
 import {
   useControlWorkspace,
 } from './useControlSchema'