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 declarations · first 6 shownSELECT TO INSPECT

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

Website: https://contractspec.io

React presentation runtime with workflow components.

What It Provides

  • Layer: 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.

Architecture

  • 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.
  • Add 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 imports

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
Your view

Make room for your context.

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

Your context

The different parts of you

Choose a starting point

A useful mix of context, visuals and gentle guidance.

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

Reading comfort

Choose your language

Interface language changes text only. Markets, prices and workflows keep their own settings.

Translation coverage

Original source

Navigation151
Graph616
Categories378
Portfolio833
Examples2,035
Source preview1,542

More translations will be added as content is reviewed.

This preference is saved on this browser.

Search the website

Useful starting points

No results. Try a shorter phrase, an operation name or another search area.

A LITTLE ROOM TO EXPLORE

Find something to explore.

Open a closer look on this page, try a different perspective, or follow the detail into its own page.

How previews and controls work
01

Look before you leave

Hover a link or focus it with Tab to see a preview. Clicking the original link or pressing Enter always opens its destination.

02

Stay with the context

Move into the preview to explore its sections. Use Alt + ↓ from a focused link to enter it with the keyboard. Escape closes it.

03

Open the possibilities

Disclosure rows, perspective choices and highlighted controls reveal more. Your view changes reading comfort and the context you explore.

A separate button for a closer look

Show small preview buttons beside links where there is room. Tap the eye to inspect, or tap the link to go straight there. This choice stays in this tab.

No browsing history is collected. Reduced motion follows your device and Your view.