Skip to content

v0.8.0 — every framework, one look

Choose a tag to compare

View all tags
@korya korya released this 21 Jul 18:58
· 226 commits to master since this release
v0.8.0
0bf4863

Embed the viewer from React, Vue, Svelte, plain HTML, or nothing at all — and get the same pixels everywhere. This release rebuilds the embed UI as one implementation with thin framework veneers, verified pixel-identical in production builds.

The bindings family

  • @aspicio/elements (#84) — <aspicio-embed>, <aspicio-preview>, <aspicio-layer-panel> as Lit web components: the single implementation of the embed UI, shadow-DOM-isolated from host CSS, themable via --aspicio-* custom properties and ::part() hooks. Works from plain HTML with one tag.
  • @aspicio/react (#84) — now a thin veneer over the elements with its published API intact; existing users upgrade without code changes.
  • @aspicio/vue (#85) — the same three components with typed props and emits, unwrapped payloads, and reactive-proxy safety (File uploads through ref() state just work).
  • @aspicio/svelte (#86) — shipped as raw Svelte 5 source via the svelte export condition; your bundler compiles it, so it always matches your Svelte version.
  • Identity is measured, not promised: production-build embed screenshots across all four consumption paths differ by zero pixels, and every binding's example app runs the same e2e scenarios in dev and production modes in CI.

Examples for every path

  • apps/vue-example, apps/svelte-example — real integrations mirroring the React example.
  • apps/vanilla-example — hand-rolled chrome on the raw DxfViewer API.
  • apps/widget-example (#86) — the in-chat MCP Apps viewer driven by a fake host across seven configurations (sizes, light/dark, inline/fullscreen, empty, too-large, chunked pull): the widget's first end-to-end protocol coverage.

In-chat viewer polish

  • Layer swatches survive strict host CSPs (#82); empty drawings get a proper state card and xref layer names dedupe (#81); README shows the widget in action (#79); directory submission prep (#80, #83).

Install

  • Any framework or none: npm i @aspicio/elements three
  • React: npm i @aspicio/react react three · Vue: npm i @aspicio/vue vue three · Svelte: npm i @aspicio/svelte svelte three
  • Remote MCP (no install): https://aspicio-api.dmitri-66a.workers.dev/mcp · Local stdio: npx -y @aspicio/mcp
  • npm: @aspicio/core · @aspicio/elements · @aspicio/react · @aspicio/vue · @aspicio/svelte · @aspicio/mcp — all 0.8.0

🤖 Generated with Claude Code

Assets 2
Loading