@morscherlab/mint-sdk 1.0.0-beta.2 → 1.0.0-beta.4

package/src/__tests__/composables/usePluginApi.test.ts

@@ -1,81 +0,0 @@
-/**
- * Tests for usePluginApi.
- *
- * Exercises the baseUrl resolution priority that every plugin relies on:
- *   1. VITE_API_PREFIX (build-time env override)
- *   2. fallbackPrefix option (plugin's route prefix)
- *   3. '/api' default
- *
- * The SDK-wide axios client is a singleton, so these tests stub axios
- * with a MockAdapter-style approach via vi.spyOn to observe the
- * baseURL actually used at request time.
- */
-
-import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
-import { createPinia, setActivePinia } from 'pinia'
-import axios, { type AxiosRequestConfig } from 'axios'
-
-import { usePluginApi } from '../../composables/usePluginApi'
-
-// Spy on axios create so each test starts with a fresh instance hook
-// and we can observe request configs.
-describe('usePluginApi', () => {
-  let requestConfigs: AxiosRequestConfig[] = []
-
-  beforeEach(() => {
-    setActivePinia(createPinia())
-    requestConfigs = []
-    // Intercept axios.get on the shared instance
-    vi.spyOn(axios.Axios.prototype, 'get').mockImplementation(async function (
-      this: unknown,
-      url: string,
-      config?: AxiosRequestConfig,
-    ) {
-      requestConfigs.push({ url, ...config })
-      return { data: { called: url, baseURL: config?.baseURL } }
-    })
-  })
-
-  afterEach(() => {
-    vi.restoreAllMocks()
-    vi.unstubAllEnvs()
-  })
-
-  it('uses fallbackPrefix when no env override', async () => {
-    const api = usePluginApi({ fallbackPrefix: '/api/drp' })
-    await api.get('/sessions')
-    expect(requestConfigs).toHaveLength(1)
-    expect(requestConfigs[0]!.baseURL).toBe('/api/drp')
-  })
-
-  it('falls back to /api when neither env nor fallback provided', async () => {
-    const api = usePluginApi()
-    await api.get('/health')
-    expect(requestConfigs[0]!.baseURL).toBe('/api')
-  })
-
-  it('VITE_API_PREFIX env var overrides fallbackPrefix', async () => {
-    vi.stubEnv('VITE_API_PREFIX', '/api/override')
-    const api = usePluginApi({ fallbackPrefix: '/api/drp' })
-    await api.get('/check')
-    expect(requestConfigs[0]!.baseURL).toBe('/api/override')
-  })
-
-  it('empty VITE_API_PREFIX env var falls through to fallback', async () => {
-    vi.stubEnv('VITE_API_PREFIX', '')
-    const api = usePluginApi({ fallbackPrefix: '/api/drp' })
-    await api.get('/check')
-    expect(requestConfigs[0]!.baseURL).toBe('/api/drp')
-  })
-
-  it('returns a client with all CRUD methods', () => {
-    const api = usePluginApi({ fallbackPrefix: '/api/drp' })
-    expect(typeof api.get).toBe('function')
-    expect(typeof api.post).toBe('function')
-    expect(typeof api.put).toBe('function')
-    expect(typeof api.patch).toBe('function')
-    expect(typeof api.delete).toBe('function')
-    expect(typeof api.upload).toBe('function')
-    expect(typeof api.buildUrl).toBe('function')
-  })
-})

package/src/components/AppPageSelector.vue

@@ -1,159 +0,0 @@
-<script setup lang="ts">
-/** Dropdown trigger that switches between named pages, closing on outside click or Escape. */
-import { ref, computed, onMounted, onUnmounted } from 'vue'
-import type { PageSelectorItem } from '../types/components'
-
-interface Props {
-  pages: PageSelectorItem[]
-  currentPageId?: string
-  placeholder?: string
-  minWidth?: string
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  placeholder: 'Go to…',
-  minWidth: '11.25rem',
-})
-
-const emit = defineEmits<{
-  select: [page: PageSelectorItem]
-}>()
-
-const isOpen = ref(false)
-const rootRef = ref<HTMLElement | null>(null)
-
-const current = computed<PageSelectorItem | undefined>(() =>
-  props.pages.find((p) => p.id === props.currentPageId) ?? props.pages[0],
-)
-
-function toggle() {
-  isOpen.value = !isOpen.value
-}
-
-function handleSelect(page: PageSelectorItem) {
-  if (page.disabled) return
-  emit('select', page)
-  isOpen.value = false
-}
-
-function handleClickOutside(event: MouseEvent) {
-  if (!isOpen.value) return
-  const target = event.target as Node
-  if (rootRef.value && !rootRef.value.contains(target)) {
-    isOpen.value = false
-  }
-}
-
-function handleKeydown(event: KeyboardEvent) {
-  if (event.key === 'Escape' && isOpen.value) {
-    isOpen.value = false
-  }
-}
-
-onMounted(() => {
-  document.addEventListener('click', handleClickOutside)
-  document.addEventListener('keydown', handleKeydown)
-})
-
-onUnmounted(() => {
-  document.removeEventListener('click', handleClickOutside)
-  document.removeEventListener('keydown', handleKeydown)
-})
-</script>
-
-<template>
-  <div ref="rootRef" class="mint-page-selector" :style="{ minWidth }">
-    <button
-      type="button"
-      class="mint-page-selector__trigger"
-      :class="{ 'mint-page-selector__trigger--open': isOpen }"
-      :aria-expanded="isOpen"
-      aria-haspopup="menu"
-      @click.stop="toggle"
-    >
-      <span class="mint-page-selector__label">{{ current?.label ?? placeholder }}</span>
-      <span class="mint-page-selector__chevron-wrap" aria-hidden="true">
-        <svg
-          class="mint-page-selector__chevron"
-          :class="{ 'mint-page-selector__chevron--open': isOpen }"
-          viewBox="0 0 24 24"
-          fill="none"
-          stroke="currentColor"
-          stroke-width="2"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-        >
-          <path d="m6 9 6 6 6-6" />
-        </svg>
-      </span>
-    </button>
-
-    <div v-if="isOpen" class="mint-page-selector__menu" role="menu">
-      <div class="mint-page-selector__menu-title">Go to</div>
-      <template v-for="page in pages" :key="page.id">
-        <a
-          v-if="page.href"
-          :href="page.href"
-          :class="[
-            'mint-page-selector__item',
-            { 'mint-page-selector__item--active': page.id === current?.id },
-            { 'mint-page-selector__item--disabled': page.disabled },
-          ]"
-          role="menuitem"
-          @click="isOpen = false"
-        >
-          <span class="mint-page-selector__item-icon">
-            <slot name="item-icon" :page="page">
-              <span class="mint-page-selector__icon-fallback">{{ page.label.charAt(0) }}</span>
-            </slot>
-          </span>
-          <span class="mint-page-selector__item-label">{{ page.label }}</span>
-          <span v-if="page.hint" class="mint-page-selector__item-hint">{{ page.hint }}</span>
-        </a>
-        <router-link
-          v-else-if="page.to"
-          :to="page.to"
-          :class="[
-            'mint-page-selector__item',
-            { 'mint-page-selector__item--active': page.id === current?.id },
-            { 'mint-page-selector__item--disabled': page.disabled },
-          ]"
-          role="menuitem"
-          @click="isOpen = false"
-        >
-          <span class="mint-page-selector__item-icon">
-            <slot name="item-icon" :page="page">
-              <span class="mint-page-selector__icon-fallback">{{ page.label.charAt(0) }}</span>
-            </slot>
-          </span>
-          <span class="mint-page-selector__item-label">{{ page.label }}</span>
-          <span v-if="page.hint" class="mint-page-selector__item-hint">{{ page.hint }}</span>
-        </router-link>
-        <button
-          v-else
-          type="button"
-          :class="[
-            'mint-page-selector__item',
-            { 'mint-page-selector__item--active': page.id === current?.id },
-            { 'mint-page-selector__item--disabled': page.disabled },
-          ]"
-          role="menuitem"
-          :disabled="page.disabled"
-          @click="handleSelect(page)"
-        >
-          <span class="mint-page-selector__item-icon">
-            <slot name="item-icon" :page="page">
-              <span class="mint-page-selector__icon-fallback">{{ page.label.charAt(0) }}</span>
-            </slot>
-          </span>
-          <span class="mint-page-selector__item-label">{{ page.label }}</span>
-          <span v-if="page.hint" class="mint-page-selector__item-hint">{{ page.hint }}</span>
-        </button>
-      </template>
-    </div>
-  </div>
-</template>
-
-<style>
-@import '../styles/components/app-page-selector.css';
-</style>

package/src/components/AppPillNav.vue

@@ -1,66 +0,0 @@
-<script setup lang="ts">
-/** Horizontal pill-style navigation bar that emits select events and supports href, router-link, or button items. */
-import type { PillNavItem } from '../types/components'
-
-interface Props {
-  items: PillNavItem[]
-  currentItemId?: string
-}
-
-defineProps<Props>()
-
-const emit = defineEmits<{
-  select: [item: PillNavItem]
-}>()
-
-function handleClick(item: PillNavItem) {
-  if (item.disabled) return
-  emit('select', item)
-}
-</script>
-
-<template>
-  <nav class="mint-pill-nav" aria-label="Primary">
-    <template v-for="item in items" :key="item.id">
-      <a
-        v-if="item.href"
-        :href="item.href"
-        :class="[
-          'mint-pill-nav__item',
-          { 'mint-pill-nav__item--active': item.id === currentItemId },
-          { 'mint-pill-nav__item--disabled': item.disabled },
-        ]"
-      >
-        {{ item.label }}
-      </a>
-      <router-link
-        v-else-if="item.to"
-        :to="item.to"
-        :class="[
-          'mint-pill-nav__item',
-          { 'mint-pill-nav__item--active': item.id === currentItemId },
-          { 'mint-pill-nav__item--disabled': item.disabled },
-        ]"
-      >
-        {{ item.label }}
-      </router-link>
-      <button
-        v-else
-        type="button"
-        :class="[
-          'mint-pill-nav__item',
-          { 'mint-pill-nav__item--active': item.id === currentItemId },
-          { 'mint-pill-nav__item--disabled': item.disabled },
-        ]"
-        :disabled="item.disabled"
-        @click="handleClick(item)"
-      >
-        {{ item.label }}
-      </button>
-    </template>
-  </nav>
-</template>
-
-<style>
-@import '../styles/components/app-pill-nav.css';
-</style>

package/src/components/GroupingModal.story.vue

@@ -1,52 +0,0 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-import GroupingModal from './GroupingModal.vue'
-
-const mockSamples = [
-  'CTRL_Rep1', 'CTRL_Rep2', 'CTRL_Rep3',
-  'TREAT_A_Rep1', 'TREAT_A_Rep2', 'TREAT_A_Rep3',
-  'TREAT_B_Rep1', 'TREAT_B_Rep2', 'TREAT_B_Rep3',
-]
-
-const isOpen = ref(false)
-</script>
-
-<template>
-  <Story title="Lab/GroupingModal">
-    <Variant title="Playground">
-      <div style="padding: 2rem;">
-        <button
-          type="button"
-          style="
-            padding: 0.5rem 1rem;
-            background: var(--bg-card, #fff);
-            border: 1px solid var(--border-color, #e5e7eb);
-            border-radius: 0.375rem;
-            cursor: pointer;
-            font-size: 0.875rem;
-          "
-          @click="isOpen = true"
-        >
-          Open Grouping Modal
-        </button>
-        <GroupingModal
-          :open="isOpen"
-          :samples="mockSamples"
-          @close="isOpen = false"
-          @apply="(mapping, columns) => { console.log('Applied grouping:', mapping, columns); isOpen = false }"
-        />
-      </div>
-    </Variant>
-
-    <Variant title="Open by Default">
-      <div style="padding: 2rem;">
-        <GroupingModal
-          :open="true"
-          :samples="mockSamples"
-          @close="() => {}"
-          @apply="() => {}"
-        />
-      </div>
-    </Variant>
-  </Story>
-</template>