3d10325873
This implements some basic infra for testing Theatre.js with popular setups such as npm/yarn/pnpm, webpack/vite/parcel, js/ts, etc. So far, the only existing setup has been with create-react-app. Will add more in the future. Co-authored-by: Fülöp <fulopkovacs@users.noreply.github.com> Co-authored-by: Aria Minaei <aria.minaei@gmail.com> |
||
|---|---|---|
| .. | ||
| devEnv | ||
| src | ||
| .gitignore | ||
| LICENSE | ||
| package.json | ||
| README.md | ||
| test.html | ||
| tsconfig.json | ||
Theatre.js browser bundles
A custom build of Theatre.js that you can use via a <script> tag rather than using a bundler.
How to use
There are currently two builds:
dist/core-and-studio.jsdist/core-only.min.js
As the names imply, one includes both @theatre/studio and @theatre/core, while the other is a minified version of @theatre/core.
Example:
<script src="path/to/core-and-studio.js"></script>
<script>
// here, core is equal to `import * as core from '@theatre/core`
const core = Theatre.core
// here, studio is equal to `import studio from '@theatre/studio`.
// Note this would be undefined if you're using `core-only.min.js`
const studio = Theatre.studio
// only call this if you're using the core-and-studio.js bundle
studio.initialize()
const project = core.getProject("My project")
const sheet = project.sheet("...")
// and so on...
</script>