Skip to content

SDK

asteby/metacore-sdk is the TypeScript half of Metacore: the manifest schema, the bundle format, the React runtime, the CLI, and a set of UI primitives that read kernel metadata and render typed components.

What it provides

The SDK publishes a set of packages under the @asteby/metacore-* scope, plus the addon CLI. They split along a few axes:

Runtime & rendering

PackageWhat it is
@asteby/metacore-runtime-reactThe core: dynamic CRUD rendering — <DynamicTable>, <DynamicForm>, <DynamicCRUDPage>, <Slot>, federated addon loader, capability gate, hooks (useApi, useMetadataCache, useNavigation, useOptions, useCapabilities)
@asteby/metacore-sdkFrontend SDK: federated addon loader, slot registry, typed manifest & API client
@asteby/metacore-uiUI kit — data-table, layout shell, command menu, shadcn-based primitives
@asteby/metacore-themeDesign tokens + Tailwind v4 preset (oklch, shadows, fonts, dark mode)
@asteby/metacore-i18ni18next factory, base ES/EN bundles, language switcher, RTL provider
@asteby/metacore-libUtilities — date/currency/number formatting, error handling, cookies

App shell & integrations

PackageWhat it is
@asteby/metacore-app-providersMetacoreAppShell + transport-agnostic providers (platform-config, layout, search, direction, font)
@asteby/metacore-starter-coreShared providers, stores, hooks and context consumed by Vite+React host apps
@asteby/metacore-authAuth kit — store, API client factory, login/signup/forgot pages, TanStack Router guards
@asteby/metacore-websocketWebSocket provider — auto-reconnect, typed messages, channel subscriptions
@asteby/metacore-notificationsNotification dropdown, app badge, WebSocket-driven updates
@asteby/metacore-pwaPWA helpers — Vite plugin, install/update prompts, push, offline indicator
@asteby/metacore-webhooksWebhooks management UI — list, create, logs, test/replay, signing secrets
@asteby/metacore-billingSubscription state, Stripe checkout/portal hooks, billing settings UI
@asteby/metacore-marketplaceHub catalog + install/upgrade client, hooks, headless UI for addon discovery
@asteby/metacore-toolsTypeScript client for the kernel's Tools runtime (LLM-triggered tools)

Build & authoring

PackageWhat it is
@asteby/create-metacore-appnpm create @asteby/metacore-app — scaffolds a full host from an example (e.g. fullstack-starter)
@asteby/metacore-starter-configShared Vite + Tailwind 4 + TanStack Router + ESLint + TS config, incl. metacoreOptimizeDeps

The addon CLI itself is the Go metacore tool (go install github.com/asteby/metacore-sdk/cli@latest) — init, validate, build, sign, publish. (Exact versions + names track the SDK docs — this is a high-level inventory.)

What you reach for

A host app frontend depends on the runtime plus the shell:

bash
pnpm add @asteby/metacore-runtime-react @asteby/metacore-app-providers \
         @asteby/metacore-auth @asteby/metacore-ui @asteby/metacore-theme

Or skip the manual wiring entirely and scaffold from the starter — npm create @asteby/metacore-app my-app -- --example fullstack-starter.

Scaffold a host

bash
npm create @asteby/metacore-app my-app -- --example fullstack-starter
cd my-app
docker compose up --build

See Build a host for what it wires, and Build an addon for the addon authoring loop.

Stack

  • TypeScript 5.x
  • React 18+ (the published packages run on React 19)
  • TanStack Query + TanStack Router + TanStack Table under the hood
  • Zod for runtime schema validation
  • Vite as the reference build tool for hosts (the core is framework-agnostic)
  • Tailwind v4 — the theme package ships a preset and you declare SDK packages via @source

Where the deep documentation lives

The SDK ships its own VitePress docs site with:

  • Full manifest spec (every field, every column type, every validator)
  • Every package's API reference (TypeDoc-generated)
  • Every component's props
  • Every hook's signature
  • Recipes (forms, tables, navigation, real-time, custom slots)

SDK docs ↗

Repository

Metacore is open-source. Apache-2.0.