Wire the app to the shared Supabase catalog (public catalog read integration)

Moves port/cable/category/device-template data from per-diagram embedded
storage to the global public/private catalog backed by Supabase, per
organized-ideas.md's "live reference, not snapshot" decision.

- domain/types.ts, project.ts, compatibility.ts, bom.ts: lookup functions
  now take an explicit Catalog parameter instead of deriving data from
  Project — Project is reduced to just diagram-scoped fields.
- New CatalogRepository/SupabaseCatalogRepository (mirrors the
  DiagramRepository pattern) and catalogStore.ts, replacing the
  catalog-related actions that used to live in projectStore.
- device_templates gets a plain-text manufacturer column for now (the
  normalized manufacturer catalog from organized-ideas.md §3 is its own
  future pass, not blocking this one).
- domain/library.ts is no longer imported by the app — it's now only the
  source scripts/generate-seed.mjs reads to produce supabase/seed.sql.
- Swept every UI call site via tsc -b until clean; oxlint clean; 23/23
  pgTAP RLS tests still passing after a `supabase db reset`.
This commit is contained in:
2026-09-07 23:42:00 -05:00
parent 93cb4a9617
commit b97777444a
22 changed files with 656 additions and 323 deletions
@@ -2,7 +2,7 @@ import { useMemo, useState } from 'react'
import { PORT_CATEGORIES, PORT_DIRECTIONS } from '../../domain/constants'
import { allPortTypes, expandCompatibleFamilyIds, incrementPortName } from '../../domain/project'
import type { DeviceTemplate, PortDirection } from '../../domain/types'
import { useProjectStore } from '../../state/projectStore'
import { useCatalogStore } from '../../state/catalogStore'
import CategorySelect from '../common/CategorySelect'
import Modal from '../common/Modal'
@@ -31,14 +31,14 @@ export default function DeviceTemplateEditor({
* palette can expand that category and reveal what was just created/edited. */
onSaved?: (categoryId: string) => void
}) {
const project = useProjectStore((s) => s.project)
const addCustomDeviceTemplate = useProjectStore((s) => s.addCustomDeviceTemplate)
const updateCustomDeviceTemplate = useProjectStore((s) => s.updateCustomDeviceTemplate)
const addCustomPortType = useProjectStore((s) => s.addCustomPortType)
const catalog = useCatalogStore((s) => s.catalog)
const addCustomDeviceTemplate = useCatalogStore((s) => s.addCustomDeviceTemplate)
const updateCustomDeviceTemplate = useCatalogStore((s) => s.updateCustomDeviceTemplate)
const addCustomPortType = useCatalogStore((s) => s.addCustomPortType)
const portTypes = useMemo(
() => [...allPortTypes(project)].sort((a, b) => a.name.localeCompare(b.name)),
[project],
() => [...allPortTypes(catalog)].sort((a, b) => a.name.localeCompare(b.name)),
[catalog],
)
const [name, setName] = useState(template?.name ?? '')