Change cosmos fixtures structure and vite plugin logic

cosmos.config.json

@@ -1,4 +1,5 @@
 {
   "plugins": ["react-cosmos-plugin-vite"],
-  "globalImports": ["src/main.css"]
+  "globalImports": ["src/main.css"],
+  "ignore": ["**/cosmos-export/**"]
 }

lib/components/Example-wrapper.tsx

@@ -4,23 +4,21 @@ import { ChevronUp, ChevronDown } from "lucide-react"
 
 type FixtureWrapperProps = {
   children: React.ReactNode
-  fileName: ImportMeta["url"]
+  fileName: string
 }
 
 export function ExampleWrapper({ children, fileName }: FixtureWrapperProps) {
   const [showCode, setShowCode] = React.useState(false)
   const [codeString, setCodeString] = React.useState<string | null>(null)
 
-  const derivedFileName = new URL(fileName).pathname.split("/").pop()
-
   React.useEffect(() => {
     if (showCode && codeString === null) {
-      fetch(`/example-code/${derivedFileName}`)
-        .then((response) => response.json())
-        .then((data) => setCodeString(data.code))
+      fetch(`/examples/${fileName}`)
+        .then((response) => response.text())
+        .then((data) => setCodeString(data))
         .catch((error) => console.error("Error fetching code:", error))
     }
-  }, [showCode, codeString, derivedFileName])
+  }, [showCode, codeString, fileName])
 
   return (
     <div>

examples/array-based-subtraction.fixture.tsx → public/examples/array-based-subtraction.fixture.tsx

@@ -1,6 +1,6 @@
 import { ExampleWrapper } from "lib/components/Example-wrapper"
-import { JsCadView } from "../lib/components/jscad-view"
-import { Cuboid, Subtract } from "../lib/jscad-fns"
+import { JsCadView } from "lib/components/jscad-view"
+import { Cuboid, Subtract } from "lib/jscad-fns"
 
 export default () => (
   <ExampleWrapper fileName={import.meta.url}>

examples/circle.fixture.tsx → public/examples/circle.fixture.tsx

@@ -1,6 +1,6 @@
 import { ExampleWrapper } from "lib/components/Example-wrapper"
-import { Circle } from "../lib"
-import { JsCadView } from "../lib/components/jscad-view"
+import { Circle } from "lib"
+import { JsCadView } from "lib/components/jscad-view"
 
 export default () => (
   <ExampleWrapper fileName={import.meta.url}>

examples/colorize.fixture.tsx → public/examples/colorize.fixture.tsx

@@ -1,6 +1,6 @@
 import { ExampleWrapper } from "lib/components/Example-wrapper"
-import { JsCadView } from "../lib/components/jscad-view"
-import { Colorize, Cube } from "../lib/jscad-fns"
+import { JsCadView } from "lib/components/jscad-view"
+import { Colorize, Cube } from "lib/jscad-fns"
 
 export default () => (
   <ExampleWrapper fileName={import.meta.url}>

examples/cone.fixture.tsx → public/examples/cone.fixture.tsx

@@ -1,6 +1,6 @@
 import { ExampleWrapper } from "lib/components/Example-wrapper"
-import { CylinderElliptic } from "../lib"
-import { JsCadView } from "../lib/components/jscad-view"
+import { CylinderElliptic } from "lib"
+import { JsCadView } from "lib/components/jscad-view"
 
 export default () => (
   <ExampleWrapper fileName={import.meta.url}>

public/examples/cube.fixture.tsx

@@ -0,0 +1,10 @@
+import { Cube } from "lib"
+import { JsCadView } from "lib/components/jscad-view"
+import { ExampleWrapper } from "lib/components/Example-wrapper"
+export default () => (
+  <ExampleWrapper fileName={import.meta.url}>
+    <JsCadView>
+      <Cube size={10} color="orange" center={[0, 0, 10]} />
+    </JsCadView>
+  </ExampleWrapper>
+)

examples/cuboid.fixture.tsx → public/examples/cuboid.fixture.tsx

@@ -1,6 +1,6 @@
 import { ExampleWrapper } from "lib/components/Example-wrapper"
-import { Cuboid } from "../lib"
-import { JsCadView } from "../lib/components/jscad-view"
+import { Cuboid } from "lib"
+import { JsCadView } from "lib/components/jscad-view"
 
 export default () => (
   <ExampleWrapper fileName={import.meta.url}>

examples/custom-sphere.fixture.tsx → public/examples/custom-sphere.fixture.tsx

@@ -1,6 +1,6 @@
 import { ExampleWrapper } from "lib/components/Example-wrapper"
-import { Sphere } from "../lib"
-import { JsCadView } from "../lib/components/jscad-view"
+import { Sphere } from "lib"
+import { JsCadView } from "lib/components/jscad-view"
 
 export default () => (
   <ExampleWrapper fileName={import.meta.url}>

examples/custom-torus.fixture.tsx → public/examples/custom-torus.fixture.tsx

@@ -1,6 +1,6 @@
 import { ExampleWrapper } from "lib/components/Example-wrapper"
-import { Torus } from "../lib"
-import { JsCadView } from "../lib/components/jscad-view"
+import { Torus } from "lib"
+import { JsCadView } from "lib/components/jscad-view"
 
 export default () => (
   <ExampleWrapper fileName={import.meta.url}>

examples/custom.fixture.tsx → public/examples/custom.fixture.tsx

@@ -1,6 +1,6 @@
 import { booleans, primitives } from "@jscad/modeling"
-import { Custom } from "../lib"
-import { JsCadView } from "../lib/components/jscad-view"
+import { Custom } from "lib"
+import { JsCadView } from "lib/components/jscad-view"
 import { ExampleWrapper } from "lib/components/Example-wrapper"
 
 const cube = primitives.cube({ size: 10 })

examples/cylinder.fixture.tsx → public/examples/cylinder.fixture.tsx

@@ -1,6 +1,6 @@
 import { ExampleWrapper } from "lib/components/Example-wrapper"
-import { Cylinder } from "../lib"
-import { JsCadView } from "../lib/components/jscad-view"
+import { Cylinder } from "lib"
+import { JsCadView } from "lib/components/jscad-view"
 
 export default () => (
   <ExampleWrapper fileName={import.meta.url}>

examples/ellipsoid.fixture.tsx → public/examples/ellipsoid.fixture.tsx

@@ -1,6 +1,6 @@
 import { ExampleWrapper } from "lib/components/Example-wrapper"
-import { Ellipsoid } from "../lib"
-import { JsCadView } from "../lib/components/jscad-view"
+import { Ellipsoid } from "lib"
+import { JsCadView } from "lib/components/jscad-view"
 
 export default () => (
   <ExampleWrapper fileName={import.meta.url}>

examples/extrude-from-slices.fixture.tsx → public/examples/extrude-from-slices.fixture.tsx

@@ -1,6 +1,6 @@
 import { ExampleWrapper } from "lib/components/Example-wrapper"
-import { ExtrudeFromSlices } from "../lib"
-import { JsCadView } from "../lib/components/jscad-view"
+import { ExtrudeFromSlices } from "lib"
+import { JsCadView } from "lib/components/jscad-view"
 import jscad from "@jscad/modeling"
 
 const { bezier } = jscad.curves

examples/extrude-helical.fixture.tsx → public/examples/extrude-helical.fixture.tsx

@@ -1,7 +1,7 @@
 import { ExampleWrapper } from "lib/components/Example-wrapper"
-import { JsCadView } from "../lib/components/jscad-view"
-import { ExtrudeHelical } from "../lib/jscad-fns"
-import { Polygon } from "../lib/jscad-fns/polygon"
+import { JsCadView } from "lib/components/jscad-view"
+import { ExtrudeHelical } from "lib/jscad-fns"
+import { Polygon } from "lib/jscad-fns/polygon"
 
 export default () => (
   <ExampleWrapper fileName={import.meta.url}>

examples/extrude-linear.fixture.tsx → public/examples/extrude-linear.fixture.tsx

@@ -1,7 +1,7 @@
 import { ExampleWrapper } from "lib/components/Example-wrapper"
-import { JsCadView } from "../lib/components/jscad-view"
-import { ExtrudeLinear } from "../lib/jscad-fns"
-import { Polygon } from "../lib/jscad-fns/polygon"
+import { JsCadView } from "lib/components/jscad-view"
+import { ExtrudeLinear } from "lib/jscad-fns"
+import { Polygon } from "lib/jscad-fns/polygon"
 
 export default () => (
   <ExampleWrapper fileName={import.meta.url}>

examples/extrude-rectangular.fixture.tsx → public/examples/extrude-rectangular.fixture.tsx

@@ -1,7 +1,7 @@
 import { ExampleWrapper } from "lib/components/Example-wrapper"
-import { JsCadView } from "../lib/components/jscad-view"
-import { ExtrudeRectangular } from "../lib/jscad-fns"
-import { Polygon } from "../lib/jscad-fns/polygon"
+import { JsCadView } from "lib/components/jscad-view"
+import { ExtrudeRectangular } from "lib/jscad-fns"
+import { Polygon } from "lib/jscad-fns/polygon"
 
 export default () => (
   <ExampleWrapper fileName={import.meta.url}>

examples/extrude-rotate.fixture.tsx → public/examples/extrude-rotate.fixture.tsx

@@ -1,6 +1,6 @@
-import { JsCadView } from "../lib/components/jscad-view"
-import { ExtrudeRotate } from "../lib/jscad-fns"
-import { Polygon } from "../lib/jscad-fns/polygon"
+import { JsCadView } from "lib/components/jscad-view"
+import { ExtrudeRotate } from "lib/jscad-fns"
+import { Polygon } from "lib/jscad-fns/polygon"
 import { ExampleWrapper } from "lib/components/Example-wrapper"
 
 export default () => (

examples/high-geodesic-sphere.fixture.tsx → public/examples/high-geodesic-sphere.fixture.tsx

@@ -1,6 +1,6 @@
 import { ExampleWrapper } from "lib/components/Example-wrapper"
-import { GeodesicSphere } from "../lib"
-import { JsCadView } from "../lib/components/jscad-view"
+import { GeodesicSphere } from "lib"
+import { JsCadView } from "lib/components/jscad-view"
 
 export default () => (
   <ExampleWrapper fileName={import.meta.url}>

examples/hull-chain.fixture.tsx → public/examples/hull-chain.fixture.tsx

@@ -1,6 +1,6 @@
 import { ExampleWrapper } from "lib/components/Example-wrapper"
-import { Cuboid, Ellipsoid, HullChain } from "../lib"
-import { JsCadView } from "../lib/components/jscad-view"
+import { Cuboid, Ellipsoid, HullChain } from "lib"
+import { JsCadView } from "lib/components/jscad-view"
 
 export default () => (
   <ExampleWrapper fileName={import.meta.url}>

examples/hull.fixture.tsx → public/examples/hull.fixture.tsx

@@ -1,5 +1,5 @@
-import { Cuboid, Ellipsoid, Hull, Translate } from "../lib"
-import { JsCadView } from "../lib/components/jscad-view"
+import { Cuboid, Ellipsoid, Hull, Translate } from "lib"
+import { JsCadView } from "lib/components/jscad-view"
 import { ExampleWrapper } from "lib/components/Example-wrapper"
 
 export default () => (

examples/jscad-three-mesh.fixture.tsx → public/examples/jscad-three-mesh.fixture.tsx

@@ -2,8 +2,8 @@ import { cube, sphere } from "@jscad/modeling/src/primitives"
 import { OrbitControls } from "@react-three/drei"
 import { Canvas } from "@react-three/fiber"
 import { useState } from "react"
-import { Custom } from "../lib"
-import { JSCadThreeMesh } from "../lib/components/jscad-three-mesh"
+import { Custom } from "lib"
+import { JSCadThreeMesh } from "lib/components/jscad-three-mesh"
 
 export default () => {
   const [solid, setSolid] = useState(cube({ size: 10 }))

examples/low-geodesic-sphere.fixture.tsx → public/examples/low-geodesic-sphere.fixture.tsx

@@ -1,6 +1,6 @@
 import { ExampleWrapper } from "lib/components/Example-wrapper"
-import { GeodesicSphere } from "../lib"
-import { JsCadView } from "../lib/components/jscad-view"
+import { GeodesicSphere } from "lib"
+import { JsCadView } from "lib/components/jscad-view"
 
 export default () => (
   <ExampleWrapper fileName={import.meta.url}>

examples/partial-cylindrical-elliptic.fixture.tsx → public/examples/partial-cylindrical-elliptic.fixture.tsx

@@ -1,5 +1,5 @@
-import { CylinderElliptic } from "../lib"
-import { JsCadView } from "../lib/components/jscad-view"
+import { CylinderElliptic } from "lib"
+import { JsCadView } from "lib/components/jscad-view"
 import { ExampleWrapper } from "lib/components/Example-wrapper"
 
 export default () => (

examples/polygon.fixture.tsx → public/examples/polygon.fixture.tsx

@@ -1,5 +1,5 @@
-import { JsCadView } from "../lib/components/jscad-view"
-import { Polygon } from "../lib/jscad-fns/polygon"
+import { JsCadView } from "lib/components/jscad-view"
+import { Polygon } from "lib/jscad-fns/polygon"
 import { ExampleWrapper } from "lib/components/Example-wrapper"
 export default () => (
   <ExampleWrapper fileName={import.meta.url}>

examples/project.fixture.tsx → public/examples/project.fixture.tsx

@@ -1,7 +1,7 @@
 import { ExampleWrapper } from "lib/components/Example-wrapper"
-import { JsCadView } from "../lib/components/jscad-view"
-import { Project } from "../lib/jscad-fns"
-import { Polygon } from "../lib/jscad-fns/polygon"
+import { JsCadView } from "lib/components/jscad-view"
+import { Project } from "lib/jscad-fns"
+import { Polygon } from "lib/jscad-fns/polygon"
 
 export default () => (
   <ExampleWrapper fileName={import.meta.url}>

examples/rectangle.fixture.tsx → public/examples/rectangle.fixture.tsx

@@ -1,6 +1,6 @@
 import { ExampleWrapper } from "lib/components/Example-wrapper"
-import { Rectangle } from "../lib"
-import { JsCadView } from "../lib/components/jscad-view"
+import { Rectangle } from "lib"
+import { JsCadView } from "lib/components/jscad-view"
 
 export default () => (
   <ExampleWrapper fileName={import.meta.url}>

examples/rotate.fixture.tsx → public/examples/rotate.fixture.tsx

@@ -1,7 +1,7 @@
 import { ExampleWrapper } from "lib/components/Example-wrapper"
-import { Polygon } from "../lib"
-import { JsCadView } from "../lib/components/jscad-view"
-import { Rotate } from "../lib/jscad-fns"
+import { Polygon } from "lib"
+import { JsCadView } from "lib/components/jscad-view"
+import { Rotate } from "lib/jscad-fns"
 
 export default () => (
   <ExampleWrapper fileName={import.meta.url}>

examples/rounded-cuboid.fixture.tsx → public/examples/rounded-cuboid.fixture.tsx

@@ -1,6 +1,6 @@
 import { ExampleWrapper } from "lib/components/Example-wrapper"
-import { RoundedCuboid } from "../lib"
-import { JsCadView } from "../lib/components/jscad-view"
+import { RoundedCuboid } from "lib"
+import { JsCadView } from "lib/components/jscad-view"
 
 export default () => (
   <ExampleWrapper fileName={import.meta.url}>

examples/rounded-cylinder.fixture.tsx → public/examples/rounded-cylinder.fixture.tsx

@@ -1,6 +1,6 @@
 import { ExampleWrapper } from "lib/components/Example-wrapper"
-import { RoundedCylinder } from "../lib"
-import { JsCadView } from "../lib/components/jscad-view"
+import { RoundedCylinder } from "lib"
+import { JsCadView } from "lib/components/jscad-view"
 
 export default () => (
   <ExampleWrapper fileName={import.meta.url}>

examples/sphere.fixture.tsx → public/examples/sphere.fixture.tsx

@@ -1,6 +1,6 @@
 import { ExampleWrapper } from "lib/components/Example-wrapper"
-import { Sphere } from "../lib"
-import { JsCadView } from "../lib/components/jscad-view"
+import { Sphere } from "lib"
+import { JsCadView } from "lib/components/jscad-view"
 
 export default () => (
   <ExampleWrapper fileName={import.meta.url}>

examples/subtract.fixture.tsx → public/examples/subtract.fixture.tsx

@@ -1,6 +1,6 @@
 import { ExampleWrapper } from "lib/components/Example-wrapper"
-import { Cube, Sphere, Subtract } from "../lib"
-import { JsCadView } from "../lib/components/jscad-view"
+import { Cube, Sphere, Subtract } from "lib"
+import { JsCadView } from "lib/components/jscad-view"
 
 export default () => (
   <ExampleWrapper fileName={import.meta.url}>

examples/torus.fixture.tsx → public/examples/torus.fixture.tsx

@@ -1,6 +1,6 @@
 import { ExampleWrapper } from "lib/components/Example-wrapper"
-import { Torus } from "../lib"
-import { JsCadView } from "../lib/components/jscad-view"
+import { Torus } from "lib"
+import { JsCadView } from "lib/components/jscad-view"
 
 export default () => (
   <ExampleWrapper fileName={import.meta.url}>

examples/translate.fixture.tsx → public/examples/translate.fixture.tsx

@@ -1,7 +1,7 @@
 import { ExampleWrapper } from "lib/components/Example-wrapper"
-import { Cuboid } from "../lib"
-import { JsCadView } from "../lib/components/jscad-view"
-import { Translate } from "../lib/jscad-fns"
+import { Cuboid } from "lib"
+import { JsCadView } from "lib/components/jscad-view"
+import { Translate } from "lib/jscad-fns"
 
 export default () => (
   <ExampleWrapper fileName={import.meta.url}>

examples/twisted-cylindrical-elliptic.fixture.tsx → public/examples/twisted-cylindrical-elliptic.fixture.tsx

@@ -1,5 +1,5 @@
-import { CylinderElliptic } from "../lib"
-import { JsCadView } from "../lib/components/jscad-view"
+import { CylinderElliptic } from "lib"
+import { JsCadView } from "lib/components/jscad-view"
 import { ExampleWrapper } from "lib/components/Example-wrapper"
 
 export default () => (