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

package/src/composables/useBioTemplateWorkspace.ts

@@ -0,0 +1,141 @@
+import type {
+  BioTemplateEnvelope,
+  TemplateCollectionEnvelope,
+} from '../templates'
+import type {
+  ControlWorkspaceFormBinding,
+  ControlWorkspaceOptions,
+  ControlWorkspacePillNavBinding,
+  ControlWorkspaceSidebarBinding,
+  ControlWorkspaceTopBarSettingsBinding,
+  UseControlSchemaReturn,
+  UseControlWorkspaceReturn,
+} from './useControlSchema'
+import {
+  useControlWorkspace,
+} from './useControlSchema'
+import {
+  useBioTemplateControls,
+  type BioTemplateControlSchema,
+  type BioTemplateControlTarget,
+} from './useBioTemplateControls'
+import {
+  useBioTemplateComponents,
+  type BioTemplateComponentBinding,
+  type BioTemplateComponentBindingsById,
+  type BioTemplateComponentImport,
+  type BioTemplateComponentPropsByComponent,
+  type BioTemplateComponentPropsBinding,
+  type BioTemplateComponentPropsById,
+  type BioTemplateComponentSnippet,
+  type BioTemplateComponentUsage,
+  type UseBioTemplateComponentsReturn,
+} from './useBioTemplateComponents'
+
+export type BioTemplateWorkspaceTarget = BioTemplateControlTarget
+
+export interface BioTemplateRendererBinding {
+  target: BioTemplateEnvelope<unknown> | TemplateCollectionEnvelope
+}
+
+export interface BioTemplateWorkspaceBindings {
+  renderer: BioTemplateRendererBinding | null
+  form: ControlWorkspaceFormBinding
+  sidebar: ControlWorkspaceSidebarBinding
+  topBar: UseControlWorkspaceReturn<BioTemplateControlSchema>['bindings']['topBar']
+  topBarSettings: ControlWorkspaceTopBarSettingsBinding
+  pillNav: ControlWorkspacePillNavBinding
+  componentBindings: BioTemplateComponentBinding[]
+  componentBindingsById: BioTemplateComponentBindingsById
+  componentProps: BioTemplateComponentPropsBinding[]
+  componentPropsById: BioTemplateComponentPropsById
+  componentPropsByComponent: BioTemplateComponentPropsByComponent
+  componentSnippets: BioTemplateComponentSnippet[]
+  componentUsage: BioTemplateComponentUsage | null
+  getComponentProps: UseBioTemplateComponentsReturn['getComponentProps']
+}
+
+export interface UseBioTemplateWorkspaceReturn {
+  target: BioTemplateWorkspaceTarget
+  controls: UseControlSchemaReturn<BioTemplateControlSchema>
+  workspace: UseControlWorkspaceReturn<BioTemplateControlSchema>
+  controlSchema: BioTemplateControlSchema
+  components: UseBioTemplateComponentsReturn
+  values: UseControlWorkspaceReturn<BioTemplateControlSchema>['values']
+  activeView: UseControlWorkspaceReturn<BioTemplateControlSchema>['activeView']
+  form: ControlWorkspaceFormBinding
+  sidebar: ControlWorkspaceSidebarBinding
+  topBar: UseControlWorkspaceReturn<BioTemplateControlSchema>['topBar']
+  pillNav: ControlWorkspacePillNavBinding
+  topBarSettings: ControlWorkspaceTopBarSettingsBinding
+  bindings: BioTemplateWorkspaceBindings
+  renderer: BioTemplateRendererBinding | null
+  componentBindings: BioTemplateComponentBinding[]
+  componentBindingsById: BioTemplateComponentBindingsById
+  componentImports: BioTemplateComponentImport[]
+  componentProps: BioTemplateComponentPropsBinding[]
+  componentPropsById: BioTemplateComponentPropsById
+  componentPropsByComponent: BioTemplateComponentPropsByComponent
+  componentSnippets: BioTemplateComponentSnippet[]
+  componentUsage: BioTemplateComponentUsage | null
+  getComponentProps: UseBioTemplateComponentsReturn['getComponentProps']
+}
+
+/** One-stop wiring for BioTemplateRenderer, FormBuilder, AppSidebar, and template-aware SDK components. */
+export function useBioTemplateWorkspace(
+  target: BioTemplateWorkspaceTarget,
+  options: ControlWorkspaceOptions = {}
+): UseBioTemplateWorkspaceReturn {
+  const controls = useBioTemplateControls(target, options)
+  const workspace = useControlWorkspace(controls.controls, options)
+  const components = useBioTemplateComponents(target)
+  const renderer = isTemplateObjectTarget(target) ? { target } : null
+  const bindings: BioTemplateWorkspaceBindings = {
+    renderer,
+    form: workspace.bindings.form,
+    sidebar: workspace.bindings.sidebar,
+    topBar: workspace.bindings.topBar,
+    topBarSettings: workspace.bindings.topBarSettings,
+    pillNav: workspace.bindings.pillNav,
+    componentBindings: components.bindings,
+    componentBindingsById: components.componentBindingsById,
+    componentProps: components.componentProps,
+    componentPropsById: components.componentPropsById,
+    componentPropsByComponent: components.componentPropsByComponent,
+    componentSnippets: components.snippets,
+    componentUsage: components.usage,
+    getComponentProps: components.getComponentProps,
+  }
+
+  return {
+    target,
+    controls,
+    workspace,
+    controlSchema: controls.controls,
+    components,
+    values: workspace.values,
+    activeView: workspace.activeView,
+    form: workspace.form,
+    sidebar: workspace.sidebar,
+    topBar: workspace.topBar,
+    pillNav: workspace.pillNav,
+    topBarSettings: workspace.topBarSettings,
+    bindings,
+    renderer,
+    componentBindings: components.bindings,
+    componentBindingsById: components.componentBindingsById,
+    componentImports: components.imports,
+    componentProps: components.componentProps,
+    componentPropsById: components.componentPropsById,
+    componentPropsByComponent: components.componentPropsByComponent,
+    componentSnippets: components.snippets,
+    componentUsage: components.usage,
+    getComponentProps: components.getComponentProps,
+  }
+}
+
+function isTemplateObjectTarget(
+  target: BioTemplateWorkspaceTarget
+): target is BioTemplateEnvelope<unknown> | TemplateCollectionEnvelope {
+  return typeof target !== 'string'
+}

package/src/composables/useCalendarGrid.ts

@@ -0,0 +1,140 @@
+import { computed, ref, type ComputedRef, type Ref } from 'vue'
+
+export interface CalendarGridDay {
+  date: Date
+  isCurrentMonth: boolean
+  isDisabled: boolean
+}
+
+export interface UseCalendarGridOptions {
+  min?: () => string | undefined
+  max?: () => string | undefined
+  locale?: () => string | undefined
+}
+
+export interface UseCalendarGridReturn {
+  currentMonth: Ref<Date>
+  weekDays: readonly string[]
+  monthYear: ComputedRef<string>
+  calendarDays: ComputedRef<CalendarGridDay[]>
+  isDateDisabled: (date: Date) => boolean
+  isSameDay: (date: Date, other: Date | null | undefined) => boolean
+  isToday: (date: Date) => boolean
+  formatDateValue: (date: Date) => string
+  setCurrentMonthFromDate: (date: Date) => void
+  prevMonth: () => void
+  nextMonth: () => void
+}
+
+const WEEK_DAYS = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'] as const
+
+/** Shared calendar grid state for date and datetime pickers. */
+export function useCalendarGrid(options: UseCalendarGridOptions = {}): UseCalendarGridReturn {
+  const currentMonth = ref(new Date())
+
+  const monthYear = computed(() => {
+    return currentMonth.value.toLocaleDateString(options.locale?.() ?? 'en-US', {
+      year: 'numeric',
+      month: 'long',
+    })
+  })
+
+  const calendarDays = computed<CalendarGridDay[]>(() => {
+    const year = currentMonth.value.getFullYear()
+    const month = currentMonth.value.getMonth()
+    const firstDay = new Date(year, month, 1)
+    const lastDay = new Date(year, month + 1, 0)
+    const days: CalendarGridDay[] = []
+
+    const startPadding = firstDay.getDay()
+    for (let i = startPadding - 1; i >= 0; i--) {
+      const date = new Date(year, month, -i)
+      days.push({ date, isCurrentMonth: false, isDisabled: isDateDisabled(date) })
+    }
+
+    for (let i = 1; i <= lastDay.getDate(); i++) {
+      const date = new Date(year, month, i)
+      days.push({ date, isCurrentMonth: true, isDisabled: isDateDisabled(date) })
+    }
+
+    const endPadding = 42 - days.length
+    for (let i = 1; i <= endPadding; i++) {
+      const date = new Date(year, month + 1, i)
+      days.push({ date, isCurrentMonth: false, isDisabled: isDateDisabled(date) })
+    }
+
+    return days
+  })
+
+  function isDateDisabled(date: Date): boolean {
+    const minDate = parseBoundaryDate(options.min?.())
+    if (minDate && startOfDay(date) < startOfDay(minDate)) return true
+
+    const maxDate = parseBoundaryDate(options.max?.())
+    if (maxDate && startOfDay(date) > startOfDay(maxDate)) return true
+
+    return false
+  }
+
+  function isSameDay(date: Date, other: Date | null | undefined): boolean {
+    if (!other) return false
+    return date.toDateString() === other.toDateString()
+  }
+
+  function isToday(date: Date): boolean {
+    return isSameDay(date, new Date())
+  }
+
+  function formatDateValue(date: Date): string {
+    const year = date.getFullYear()
+    const month = String(date.getMonth() + 1).padStart(2, '0')
+    const day = String(date.getDate()).padStart(2, '0')
+    return `${year}-${month}-${day}`
+  }
+
+  function setCurrentMonthFromDate(date: Date): void {
+    currentMonth.value = new Date(date.getFullYear(), date.getMonth(), 1)
+  }
+
+  function prevMonth(): void {
+    currentMonth.value = new Date(
+      currentMonth.value.getFullYear(),
+      currentMonth.value.getMonth() - 1,
+      1,
+    )
+  }
+
+  function nextMonth(): void {
+    currentMonth.value = new Date(
+      currentMonth.value.getFullYear(),
+      currentMonth.value.getMonth() + 1,
+      1,
+    )
+  }
+
+  return {
+    currentMonth,
+    weekDays: WEEK_DAYS,
+    monthYear,
+    calendarDays,
+    isDateDisabled,
+    isSameDay,
+    isToday,
+    formatDateValue,
+    setCurrentMonthFromDate,
+    prevMonth,
+    nextMonth,
+  }
+}
+
+function parseBoundaryDate(value: string | undefined): Date | null {
+  if (!value) return null
+  const date = value.includes('T') ? new Date(value) : new Date(`${value}T00:00:00`)
+  return Number.isNaN(date.getTime()) ? null : date
+}
+
+function startOfDay(date: Date): Date {
+  const copy = new Date(date)
+  copy.setHours(0, 0, 0, 0)
+  return copy
+}