modulePackage manifestv2.0.4

module.design-studio

Tenant-safe design pack selection, drafting, certification, and reusable studio surfaces.

@lssm-tech/module.design-studio
Source, release and verification context

Source snapshot bcc79fcc · Declared package version 2.0.4. 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 PACKAGEmodule.design-studioplatform

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

5 declarationsSELECT TO INSPECT

@lssm-tech/module.design-studio

Reusable, spec-first design selection and publishing workflows for ContractSpec applications.

The core package provides a canonical async DesignAuthoringStorePort service created with createDesignStudioService({ store, clock, ids, certifier }) and an InMemoryDesignAuthoringStore reference adapter. The original synchronous service remains available through createInMemoryDesignStudioService for compatibility. Both paths preserve strict tenant scoping, private user-owned drafts, optimistic revisions, safe patches, permission-gated certification, immutable publications, unpublication receipts, and deterministic fallback metadata. Catalog discovery supports industry and style filters through a contract adapter.

@lssm-tech/module.design-studio/tenant-authoring is the managed tenant authoring profile used behind authenticated HTTP routes: TenantDesignAuthoringService({ storeFor, now?, id? }) merges built-in packs with the tenant's published designs, enforces the tenant selection policy (fixed, allowed, custom-design switch), keeps private-draft selections in sync, and runs create/clone/replace/restore/delete with revision CAS, validation and preview, certification receipts and publish/unpublish. It differs from AsyncDesignStudioService deliberately: patches replace rather than append, drafts start only from built-in packs, publication requires the exact certified receipt and keeps the per-draft ref tenant.<tenant>.design.<draft>@<revision>.0.0, and every reset request is audited. Errors are DesignStudioError codes with stable host-facing messages. InMemoryDesignAuthoringDatabase gives one tenant-guarded InMemoryDesignAuthoringStore per tenant; the reference store lists drafts newest first and, like the SQL adapter, fences updates by owner and returns false for a stale delete.

Presentation exports provide matching web and React Native faceted gallery, picker, structured section controls, editor, diagnostics, responsive preview, history/diff, and publish controls built from design-system primitives. Consumers own persistence adapters, routing, and application-specific previews. The reference API application supplies the production PostgreSQL adapter and authenticated route composition; the reference web and Expo applications mount the paired Studio surfaces against the real authenticated lifecycle.

@lssm-tech/module.design-studio/presentation/design-studio-session is the platform-neutral client session shared by those web and Expo hosts: useDesignStudioSession({ client, onRefresh }) drives select -> draft -> patch -> validate -> certify -> publish/unpublish -> restore over an injected DesignStudioClient transport port and calls onRefresh after every persisted change (the saved patch refreshes before validation, so an invalid draft is still reflected); selecting a pack clears the draft and publication. assertDesignValidation joins patch and certification issues into one error. Hosts keep the transport adapter and the refresh binding.

Commands

  • bun run test
  • bun run typecheck
  • bun run lint:check
  • bun run build

Declared capabilities.

Module Design Studio

Tenant-safe design pack selection, drafting, certification, and reusable studio surfaces.

Use it to

  • Adopt tenant-safe design pack selection, drafting, certification, and reusable studio surfaces

Requires

  • TypeScript

Choose another boundary when

  • The @lssm-tech/module.design-studio package constraints do not match the target runtime or platform.

@lssm-tech/module.design-studio

@lssm-tech/module.design-studio/core

@lssm-tech/module.design-studio/presentation

@lssm-tech/module.design-studio/tenant-authoring

Imports and export paths.

5 entries

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

5 imports

Dependencies and related packages.

Runtime dependencies 5
react
catalog:
Peer dependencies 1
react
catalog:
Development dependencies 7
@types/react
catalog:types
@types/react-dom
catalog:types
happy-dom
catalog:testing
react-dom
catalog:
typescript
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
cleanrimraf dist .turbo
lintbun 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
prebuildcontractspec-bun-build prebuild
typechecktsgo --noEmit
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.