libraryPackage manifestv45.0.5

lib.presentation-runtime-react

React presentation runtime with workflow components

@lssm-tech/lib.presentation-runtime-react
Source, release and verification context

Source snapshot bcc79fcc · Declared package version 45.0.5. This page combines the checked-in package guide and manifest; commands and runtime behavior were not executed in this review.

Package source ↗ Manifest ↗
servernode
EXPLORE THE PACKAGE

See where this package fits.

Follow a declared connection, inspect an import, then open the source guide when you need the detail.

THIS PACKAGElib.presentation-runtime-reactplatform

Arrows point from a package to its direct dependency. Each count is derived from the captured manifests.

8 declaraciones · se muestran las primeras 6SELECT TO INSPECT

@lssm-tech/lib.presentation-runtime-react

Website: https://contractspec.io

React presentation runtime with workflow components.

What It Provides

  • Capa: lib.
  • Consumers: bundles, apps.
  • Related ContractSpec packages include @lssm-tech/lib.contracts-spec, @lssm-tech/lib.presentation-runtime-core, @lssm-tech/lib.ui-kit-web, @lssm-tech/tool.bun.
  • Related ContractSpec packages include @lssm-tech/lib.contracts-spec, @lssm-tech/lib.presentation-runtime-core, @lssm-tech/lib.ui-kit-web, @lssm-tech/tool.bun.

Installation

npm install @lssm-tech/lib.presentation-runtime-react

or

bun add @lssm-tech/lib.presentation-runtime-react

Usage

Import the root entrypoint from @lssm-tech/lib.presentation-runtime-react, or choose a documented subpath when you only need one part of the package surface.

Adaptive Data Views

useAdaptiveDataView connects ContractSpec adaptive experience state to DataView renderers. It resolves safe defaults for view mode, density, data depth, and page size, then emits neutral interaction evidence when users manually change DataView settings.

The hook is intentionally vertical-agnostic: applications provide context, policy, constraints, and optional event emitters; the hook returns renderer props and explainable state. Explicit user choices remain stronger than inferred behavior, and emitted events describe observations rather than user labels.

Arquitectura

  • src/index.ts is the root public barrel and package entrypoint.
  • src/nativewind-env.d.ts is part of the package's public or composition surface.
  • src/presentation-runtime-react.feature.ts is part of the package's public or composition surface.
  • src/table.state.ts is part of the package's public or composition surface.
  • src/table.types.ts is part of the package's public or composition surface.
  • src/table.utils.test.ts is part of the package's public or composition surface.
  • src/table.utils.ts is part of the package's public or composition surface.
  • src/useContractTable.models.tsx is part of the package's public or composition surface.
  • src/useContractTable.tsx is part of the package's public or composition surface.
  • src/useAdaptiveDataView.ts is part of the package's public or composition surface.

Public Entry Points

  • Export . resolves through ./src/index.ts.
  • Export ./nativewind-env.d resolves through ./src/nativewind-env.d.ts.
  • Export ./presentation-runtime-react.feature resolves through ./src/presentation-runtime-react.feature.ts.
  • Export ./table.state resolves through ./src/table.state.ts.
  • Export ./table.types resolves through ./src/table.types.ts.
  • Export ./table.utils resolves through ./src/table.utils.ts.
  • Export ./useContractTable resolves through ./src/useContractTable.tsx.
  • Export ./useContractTable.models resolves through ./src/useContractTable.models.tsx.
  • Export ./useAdaptiveDataView resolves through ./src/useAdaptiveDataView.ts.
  • Export ./useDataViewTable resolves through ./src/useDataViewTable.tsx.
  • Export ./useVisualizationModel resolves through ./src/useVisualizationModel.ts.
  • Export ./useWorkflow resolves through ./src/useWorkflow.ts.
  • Export ./WorkflowStepper resolves through ./src/WorkflowStepper.tsx.
  • Export ./WorkflowStepRenderer resolves through ./src/WorkflowStepRenderer.tsx.
  • The package publishes 13 export subpaths plus the root entrypoint; keep docs aligned with package.json.

Local Commands

  • bun run dev — contractspec-bun-build dev
  • bun run build — contractspec-bun-build build
  • bun run lint — bun run lint:fix
  • bun run lint:check — biome check .
  • bun run lint:fix — biome check --write --unsafe --only=nursery/useSortedClasses . && biome check --write .
  • bun run typecheck — tsgo --noEmit -p tsconfig.json
  • bun run publish:pkg — bun publish --tolerate-republish --ignore-scripts --verbose
  • bun run publish:pkg:canary — bun publish:pkg --tag canary
  • bun run build:bundle — contractspec-bun-build transpile
  • bun run build:types — contractspec-bun-build types
  • bun run prebuild — contractspec-bun-build prebuild

Recent Updates

  • Replace eslint+prettier by biomejs to optimize speed.
  • Add data visualization capabilities.
  • Add table capabilities.
  • Propagate DataView table overflow metadata through useDataViewTable so renderers can truncate, wrap, expand, or initially hide columns consistently.
  • Añadir useAdaptiveDataView for adaptive DataView defaults and neutral interaction events.

Notes

  • Workflow component API is consumed by bundles — breaking changes require coordinated updates.
  • Must stay compatible with presentation-runtime-core interface.
  • Hook signatures (useWorkflow) are public API; parameter changes are breaking.

Standalone declaration exports keep their existing public subpath names. The shared builder preserves their original declaration suffix and copies checked source declarations into dist, without overwriting emitted implementation types.

The canonical import migration preserves renderer signatures, refresh defaults, state handling, test assertions and public export maps. It requires the complete OrchestrationSpec workflow models, nominal WorkflowComposer runner/state family and PresentationRuntimeCore portable adaptive family to join together. The candidate has no direct compatibility-package source imports; task-bound adoption, producer, compiler and affected consumer qualification remain pending. It must not be adopted before those complete suppliers are available.

Declared capabilities.

Lib Presentation Runtime React

React presentation runtime with workflow components

Use it to

  • Adopt react presentation runtime with workflow components

Requires

  • TypeScript

Choose another boundary when

  • The @lssm-tech/lib.presentation-runtime-react package constraints do not match the target runtime or platform.

@lssm-tech/lib.presentation-runtime-react

@lssm-tech/lib.presentation-runtime-react/i18n

@lssm-tech/lib.presentation-runtime-react/i18n/catalogs

@lssm-tech/lib.presentation-runtime-react/i18n/catalogs/en

@lssm-tech/lib.presentation-runtime-react/i18n/catalogs/es

@lssm-tech/lib.presentation-runtime-react/i18n/catalogs/fr

@lssm-tech/lib.presentation-runtime-react/i18n/keys

@lssm-tech/lib.presentation-runtime-react/i18n/locale

@lssm-tech/lib.presentation-runtime-react/i18n/messages

@lssm-tech/lib.presentation-runtime-react/nativewind-env.d

@lssm-tech/lib.presentation-runtime-react/presentation-runtime-react.feature

@lssm-tech/lib.presentation-runtime-react/table.state

Imports and export paths.

22 entries

These are package-manifest entry points. Named symbols listed above come from the capability catalogue; this is not an exhaustive TypeScript symbol reference.

22 importaciones

Dependencies and related packages.

Runtime dependencies 8
@tanstack/react-table
^9.2.4
Peer dependencies 3
react
catalog:
react-hook-form
catalog:ui
zod
catalog:
Development dependencies 8
happy-dom
catalog:testing
react
catalog:
react-dom
catalog:
react-hook-form
catalog:ui
react-native-css
catalog:native
zod
catalog:

Package scripts.

Commands declared by this package. Review its setup requirements before running them; no command here was executed by this review.

publish:pkgbun publish --tolerate-republish --ignore-scripts --verbose
publish:pkg:canarybun publish:pkg --tag canary
buildcontractspec-bun-build build
build:bundlecontractspec-bun-build transpile
build:typescontractspec-bun-build types
devcontractspec-bun-build dev
lintbun run lint:fix
lint:fixnode ../../../../scripts/biome.cjs check --write --unsafe --only=nursery/useSortedClasses . && node ../../../../scripts/biome.cjs check --write .
lint:checknode ../../../../scripts/biome.cjs check .
testbun test --pass-with-no-tests
prebuildcontractspec-bun-build prebuild
typechecktsgo --noEmit -p tsconfig.json
Tu vista

Make room for your context.

Shape the presentation around this moment. You can change it whenever you need.

Tu contexto

The different parts of you

Choose a starting point

Una mezcla útil de contexto, imágenes y orientación discreta.

Tune each dimension
Each dimension can change independently. Product permissions and available actions stay unchanged.

Support the way you begin and return

Tune your support

Comodidad de lectura

Elige tu idioma

El idioma de la interfaz solo cambia el texto. Los mercados, precios y flujos de trabajo conservan sus propios ajustes.

Cobertura de traducción

Parte del contenido se muestra en inglés.

Navegación151
Grafo616
Categorías188
Portafolio332
Ejemplos2035
Vista previa de la fuente41

Se añadirán más traducciones a medida que se revise el contenido.

Esta preferencia se guarda en este navegador.

Buscar en el sitio web

Puntos de partida útiles

Sin resultados. Prueba una frase más corta, un nombre de operación u otro ámbito de búsqueda.

UN POCO DE ESPACIO PARA EXPLORAR

Encuentra algo que explorar.

Abre una vista detallada en esta página, prueba otra perspectiva o sigue el detalle a su propia página.

Cómo funcionan las vistas previas y los controles
01

Mirar antes de salir

Pasa el cursor por un enlace o enfócalo con Tab para ver una vista previa. Hacer clic en el enlace original o pulsar Intro siempre abre su destino.

02

Mantener el contexto

Entra en la vista previa para explorar sus secciones. Usa Alt + ↓ desde un enlace enfocado para entrar con el teclado. Escape la cierra.

03

Abrir las posibilidades

Las filas desplegables, las perspectivas y los controles destacados revelan más. Tu vista cambia la comodidad de lectura y el contexto que exploras.

Un botón separado para mirar más de cerca

Muestra pequeños botones de vista previa junto a los enlaces donde haya espacio. Toca el ojo para inspeccionar o el enlace para ir directamente. Esta elección permanece en esta pestaña.

No se recoge historial de navegación. El movimiento reducido sigue tu dispositivo y Tu vista.