mirror of
https://github.com/storytold/storyteller-bevy.git
synced 2026-10-09 00:09:55 +00:00
0a0acacfdb
This PR adds a `CanvasProviderElement` to `@storyteller/studio-web` to manage the complexity of maintaining a single concrete `HTMLCanvasElement` for `@storyteller/studio`, while still being able to treat components like the `ViewerElement` as self-contained "views" that behave as expected with regards to CSS styling, DOM placement, etc. Consuming applications should wrap the new `<sts-canvas-provider />` element around some common ancestor of all views into the `@storyteller/studio` app, similar to a React context provider. The `react-frontend` application has been updated to take advantage of the new `CanvasProviderElement` by demonstrating a more realistic use case for the `ViewerElement`. The new demo presents a grid of "thumbnails," one for each object in our hard-coded "object library." Clicking on one of these thumbnails will render a `ViewerElement` for that object in a modal dialog.
13 lines
279 B
JSON
13 lines
279 B
JSON
{
|
|
"name": "@storyteller/studio-web",
|
|
"version": "0.0.1",
|
|
"dependencies": {},
|
|
"main": "./index.js",
|
|
"module": "./index.mjs",
|
|
"typings": "./index.d.ts",
|
|
"exports": {
|
|
"./canvas-provider": "./canvas-provider.element.js",
|
|
"./viewer": "./viewer.element.js"
|
|
}
|
|
}
|