Skip to content

El suite del SDK de Metacore

Un set cohesivo de packages TypeScript bajo el scope @asteby/metacore-* — cada uno renderizando la misma metadata del kernel en una experiencia tipada, en tiempo real y multi-tenant. Elegí el runtime, sumá el shell, agregá las superficies que necesites. Las versiones de abajo son los releases publicados actuales.

Un comando para empezar

npm create @asteby/metacore-app my-app -- --example fullstack-starter cablea todo el suite por vos. El desglose de abajo es para cuando quieras agarrar un package directamente.

Runtime & rendering

El core que convierte /api/metadata/table/:model + /api/dynamic/:model en UI.

PackageVer.Qué hace
@asteby/metacore-runtime-react11.0.0Runtime React — renderiza contribuciones de addons dinámicamente (<DynamicTable>, <DynamicForm>, <DynamicCRUDPage>, <Slot>, hooks).
@asteby/metacore-sdk2.6.0SDK frontend — loader de addons federados, slot registry, manifest tipado & cliente de API.
@asteby/metacore-lib0.4.0Utilidades — formato de date/currency/number, manejo de errores, cookies.
bash
pnpm add @asteby/metacore-runtime-react @asteby/metacore-sdk
tsx
import { DynamicCRUDPage } from '@asteby/metacore-runtime-react'

export const ModelPage = ({ model }: { model: string }) => <DynamicCRUDPage model={model} />

UI, theme & i18n

El look y las palabras.

PackageVer.Qué hace
@asteby/metacore-ui2.0.1UI kit — data-table, layout shell, command menu, primitives basados en shadcn.
@asteby/metacore-theme2.0.0Design tokens + preset Tailwind 4 (oklch, sombras, fuentes, dark mode).
@asteby/metacore-i18n6.0.0Factory de i18next, bundles base ES/EN, language switcher, RTL provider.
css
/* Declará los packages del SDK como sources de Tailwind para que sus clases sobrevivan al purge */
@import "tailwindcss";
@source "../node_modules/@asteby/metacore-ui";

App shell & providers

Bootstrapeá una app en un componente.

PackageVer.Qué hace
@asteby/metacore-app-providers7.0.2MetacoreAppShell + providers transport-agnostic (platform-config, layout, search, direction, font).
@asteby/metacore-starter-core11.0.0Providers, stores, hooks y context compartidos que consumen las apps Vite+React.
tsx
import { MetacoreAppShell } from '@asteby/metacore-app-providers'

<MetacoreAppShell api={api} queryClient={queryClient}>
  <RouterProvider router={router} />
</MetacoreAppShell>

Auth

PackageVer.Qué hace
@asteby/metacore-auth7.1.0Kit de auth — store Zustand, factory de cliente de API, páginas login/signup/forgot, guards para TanStack Router.
tsx
import { createApiClient } from '@asteby/metacore-auth/api-client'
import { useAuthStore } from '@asteby/metacore-auth/store'

export const api = createApiClient({
  baseURL: '/api',
  getToken: () => useAuthStore.getState().auth.accessToken,
})

Realtime, webhooks & notificaciones

PackageVer.Qué hace
@asteby/metacore-websocket0.4.0Provider WebSocket — auto-reconnect, mensajes tipados, suscripciones a canales.
@asteby/metacore-notifications7.0.0Dropdown de notificaciones, badge de app, updates en tiempo real por WebSocket.
@asteby/metacore-webhooks6.0.0UI de gestión de webhooks — list, create, logs, test/replay, signing secrets.
bash
pnpm add @asteby/metacore-websocket @asteby/metacore-notifications

PWA, billing & marketplace

PackageVer.Qué hace
@asteby/metacore-pwa0.3.1Helpers PWA — wrapper de plugin Vite, prompts de install/update, push, indicador offline.
@asteby/metacore-billing0.2.0Estado de suscripción, hooks de Stripe checkout/portal, y la UI BillingSettings.
@asteby/metacore-marketplace0.1.0Cliente de catálogo Hub + install/upgrade, hooks React, UI headless para descubrir addons.
tsx
import { MarketplaceClient } from '@asteby/metacore-marketplace'

Tooling, CLI & starter

PackageVer.Qué hace
@asteby/metacore-tools4.0.0Cliente TypeScript para el runtime de Tools del kernel (tools triggereadas por LLM).
@asteby/metacore-starter-config2.2.1Config compartida Vite + Tailwind 4 + TanStack Router + ESLint + TS (incl. metacoreOptimizeDeps).
@asteby/metacore-starter-monaco0.2.0Wrapper opt-in del editor Monaco — mantiene el bundle de ~2 MB fuera de apps que no embeben un editor.
@asteby/create-metacore-app0.5.1npm create @asteby/metacore-app — scaffoldea un host completo desde un example.
@asteby/create-metacore-addon0.1.0Scaffoldea un proyecto de addon nuevo.

La CLI de build de addons es la herramienta Go metacore:

bash
go install github.com/asteby/metacore-sdk/cli@latest
metacore init my-addon   # después: validate · build · sign · publish

Primitivos de federation

Cuando un addon trae UI bespoke, el host la carga en runtime — sin rebuild. Los entry points reales:

tsx
import {
  loadFederatedAddon,        // carga un remote federado en runtime
  registerActionComponent,   // registra un modal/componente custom para una action
  getActionComponent,        // resuelve un componente de action registrado
} from '@asteby/metacore-runtime-react'

Las versiones se mueven rápido

Renovate mantiene cada dependencia @asteby/metacore-* en el último patch/minor automáticamente — las versiones de arriba son una foto puntual. Las docs del SDK siguen los números vivos y la API completa.

Dónde seguir

Metacore es open-source. Apache-2.0.