@noy-db/ui

A noy-db collection already describes itself — labels, types, units, enums, refs (collection.describe()). noy-db-ui turns that metadata into the UI you'd otherwise hand-write per entity: browse, search, filter, group, view, edit, and AI/voice query — with zero per-collection code.

Packages

Bare name = the agnostic base, <framework> suffix = the binding (mirrors noy-db's @noy-db/in-*):

@noy-db/hub (the vault runtime) is an external peer.

Quick start (Nuxt)

npm i @noy-db/ui-suai

// nuxt.config.ts — the module auto-registers components, auto-imports core/ composables,
// injects the pre-built CSS, and wires theme + locale.
export default defineNuxtConfig({
  modules: ['@noy-db/ui-suai/module'],
  noydbUi: { theme: 'system', locale: 'en' },
})

<CollectionList :columns="columns" :rows="rows" @row-click="open" />
<SearchBox v-model="query" :schema="schema" :rows="rows" />

For the plain Nuxt UI look, use @noy-db/ui-nuxt instead — same noydbUi options, but it ships no CSS (Nuxt UI styles it) and a smaller component set; see its README. examples/showcase runs ui-suai, examples/plain runs ui-nuxt, on the same vault.

Docs

Develop

pnpm install
pnpm build      # turbo → tsup
pnpm test       # vitest (engine unit tests)
pnpm typecheck  # tsc + vue-tsc
pnpm lint

License

Apache-2.0 © vLannaAi