mirror of
https://github.com/storytold/storyteller-bevy.git
synced 2026-10-12 23:48:57 +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.
45 lines
926 B
TypeScript
45 lines
926 B
TypeScript
import { nxViteTsPaths } from "@nx/vite/plugins/nx-tsconfig-paths.plugin";
|
|
import react from "@vitejs/plugin-react";
|
|
import { defineConfig } from "vite";
|
|
import topLevelAwait from "vite-plugin-top-level-await";
|
|
import wasm from "vite-plugin-wasm";
|
|
|
|
import mergeAssetsDirs from "./vite-plugins/multiple-assets";
|
|
|
|
export default defineConfig({
|
|
cacheDir: "../node_modules/.vite/react-frontend",
|
|
|
|
server: {
|
|
port: 4200,
|
|
host: "localhost",
|
|
},
|
|
|
|
preview: {
|
|
port: 4300,
|
|
host: "localhost",
|
|
},
|
|
|
|
plugins: [
|
|
react(),
|
|
nxViteTsPaths(),
|
|
wasm(),
|
|
topLevelAwait(),
|
|
mergeAssetsDirs([
|
|
"react-frontend/public",
|
|
"dist/studio/public",
|
|
]),
|
|
],
|
|
|
|
// Uncomment this if you are using workers.
|
|
// worker: {
|
|
// plugins: [ nxViteTsPaths() ],
|
|
// },
|
|
|
|
test: {
|
|
globals: true,
|
|
cache: { dir: "../node_modules/.vitest" },
|
|
environment: "jsdom",
|
|
include: ["src/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}"],
|
|
},
|
|
});
|