Move examples

Author: repalash

examples/index.html

@@ -535,6 +535,7 @@ <h2 class="category">Realistic Rendering (<a class="brand-link webgi-link" href=
             <li><a href="./advanced-ground-plugin/">Advanced Ground Plugin <br/>(Baked Shadow/Planar Reflections) </a></li>
 <!--            <li><a href="./r3f-jsx-webgi/">R3F/JSX + WebGI Sample </a></li>-->
             <li><a href="./r3f-tsx-webgi/">R3F/TSX + WebGI Sample </a></li>
+            <li><a href="./r3f-ssr-demo/">R3F Screen Space Reflections (SSR) </a></li>
         </ul>
         <h2 class="category">Post-Processing</h2>
         <ul>
@@ -561,7 +562,6 @@ <h2 class="category">Interaction</h2>
             <li><a href="./simplify-modifier-plugin/">Simplify Modifier Plugin </a></li>
             <li><a href="./meshopt-simplify-modifier-plugin/">MeshOpt Simplify Modifier Plugin </a></li>
             <li><a href="./r3f-pivot-controls/">Drei Pivot Controls (R3F) </a></li>
-            <li><a href="./r3f-drei-transform-controls/">Drei Transform Controls (R3F) </a></li>
         </ul>
         <h2 class="category">Configurators</h2>
         <ul>
@@ -686,9 +686,6 @@ <h2 class="category">Utils / Experiments</h2>
             <li><a href="./stencil-clipping-portal/">Stencil Clipping Portal </a></li>
             <li><a href="./stencil-picking-outline/">Stencil Picking Outline </a></li>
             <li><a href="./flickity-carousel/">Flickity Image Carousel </a></li>
-            <li><a href="./r3f-ssr-demo/">R3F Screen Space Reflections (SSR) </a></li>
-            <li><a href="./r3f-diamond-caustics-demo/">R3F Diamond Caustics </a></li>
-            <li><a href="./r3f-spline-glass-demo/">R3F Spline Glass </a></li>
         </ul>
         <h2 class="category">Shaders</h2>
         <ul>
@@ -729,6 +726,9 @@ <h2 class="category">Tests</h2>
             <li><a href="./clear-reimport-test/">Clear + Reimport (URL, Root)</a></li>
             <li><a href="./clear-reimport-test-2/">Clear + Reimport 2 (URL, Root)</a></li>
             <li><a href="./theatrejs-plugin/">TheatreJs UI Plugin (Incomplete)</a></li>
+            <li><a href="./r3f-diamond-caustics-demo/">R3F Diamond Caustics </a></li>
+            <li><a href="./r3f-spline-glass-demo/">R3F Spline Glass </a></li>
+            <li><a href="./r3f-drei-transform-controls/">Drei Transform Controls (R3F) </a></li>
         </ul>
     </div>
     <div class="codebar closed left-pane">

examples/r3f-drei-transform-controls/script.jsx

@@ -4,6 +4,8 @@ import {createRoot} from 'react-dom/client'
 import {Asset, Model, ViewerCanvas} from '@threepipe/plugin-r3f'
 import {TransformControls} from '@react-three/drei'
 
+// TODO doesn't work in production because of three.js version?
+
 const matrix = new Matrix4()
 function Scene () {
     return <>

examples/r3f-spline-glass-demo/script.jsx

@@ -6,6 +6,8 @@ import {Environment, Float, Lightformer, MeshTransmissionMaterial, PivotControls
 import useSpline from 'https://esm.sh/@splinetool/r3f-spline?external=react,react-dom,three,@react-three/fiber'
 import {useControls} from 'https://esm.sh/leva'
 
+// TODO doesn't work in production because of three.js version?
+
 function App () {
     return <div style={{
         position: 'relative',