mirror of
https://github.com/storytold/storyteller-bevy.git
synced 2026-10-09 00:09:55 +00:00
Danny McGee
cba70a62ae
This commit implements a Sketchfab-style single-object viewer as a minimal proof-of-concept. ### `@storyteller/studio-web` This is a new package to house web components for interfacing with the `@storyteller/studio` WASM library. It currently includes a single component, `<sts-viewer />`, which is exported from `@storyteller/studio-web/viewer`. ### `react-frontend` This is a new application intended as a proof-of-concept and testbed for React interop with `@storyteller/studio-web`. Web components are currently a little bit fiddly to use in a React application. `react-frontend/src/app/studio-viewer.tsx` demonstrates how a React-idiomatic component can be written as a thin wrapper around a web component, and `react-frontend/src/app/app.tsx` demonstrates that wrapper component in use.
72 lines
1.3 KiB
JSON
72 lines
1.3 KiB
JSON
{
|
|
"plugins": [
|
|
"@nxrs/cargo"
|
|
],
|
|
"namedInputs": {
|
|
"default": [
|
|
"{projectRoot}/**/*",
|
|
"sharedGlobals"
|
|
],
|
|
"production": [
|
|
"default",
|
|
"!{projectRoot}/**/?(*.)+(spec|test).[jt]s?(x)?(.snap)",
|
|
"!{projectRoot}/tsconfig.spec.json"
|
|
],
|
|
"sharedGlobals": []
|
|
},
|
|
"targetDefaults": {
|
|
"build": {
|
|
"dependsOn": [
|
|
"^build"
|
|
],
|
|
"inputs": [
|
|
"production",
|
|
"^production"
|
|
]
|
|
},
|
|
"test": {
|
|
"inputs": [
|
|
"default",
|
|
"^production"
|
|
]
|
|
}
|
|
},
|
|
"tasksRunnerOptions": {
|
|
"default": {
|
|
"runner": "nx/tasks-runners/default",
|
|
"options": {
|
|
"useDaemonProcess": false,
|
|
"cacheableOperations": [
|
|
"build",
|
|
"lint",
|
|
"test",
|
|
"e2e"
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"generators": {
|
|
"@nx/web:application": {
|
|
"style": "scss",
|
|
"linter": "none",
|
|
"unitTestRunner": "none",
|
|
"e2eTestRunner": "none"
|
|
},
|
|
"@nx/react": {
|
|
"application": {
|
|
"style": "scss",
|
|
"linter": "none",
|
|
"bundler": "vite",
|
|
"babel": true
|
|
},
|
|
"component": {
|
|
"style": "scss"
|
|
},
|
|
"library": {
|
|
"style": "scss",
|
|
"linter": "none"
|
|
}
|
|
}
|
|
}
|
|
}
|