Single-canvas juggling (#15)

mirror of https://github.com/storytold/storyteller-bevy.git synced 2026-10-18 07:35:19 +00:00

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.

This commit is contained in:

Danny McGee

2023-12-19 16:11:25 -05:00

committed by

GitHub

parent cba70a62ae

commit 0a0acacfdb

24 changed files with 774 additions and 102 deletions

									
										framework/src/index.ts
									
		+2
		-1
	
												View File
												
				@@ -1,2 +1,3 @@

				export * from "./lib/decorators/on";

				export * from "./lib/decorators";

				export * from "./lib/di";

				export { default as spread } from "./lib/directives/spread";