Remove unused CSS

felixturner · felixturner · commit e10f5035a954 · 2023-04-13T14:26:31.000-07:00
diff --git a/index.html b/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React</title>
+    <title>threejs-react-wrapper</title>
   </head>
   <body>
     <div id="root"></div>
diff --git a/src/App.css b/src/App.css
diff --git a/src/App.jsx b/src/App.jsx
@@ -1,4 +1,3 @@
-import './App.css';
 import { useControls } from 'leva';
 import { ThreeWrapper } from './components/threeWrapper/ThreeWrapper';
 
diff --git a/src/components/threeWrapper/js/main.js b/src/components/threeWrapper/js/main.js
@@ -1,20 +1,13 @@
 import * as THREE from 'three';
-import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js';
-import Stats from 'three/examples/jsm/libs/stats.module.js';
+import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
+import Stats from 'three/addons/libs/stats.module.js';
 
 import testcard from '../assets/testcard.jpg';
 
 /*
-
-  Main Three.js code
-
-	A rotating cube with orbit controls and stats. This is a vanilla JS ES6 module, 
-  as used in the threejs examples. threejs loaded via NPM.
-
-  Assets can be loaded via imports (see testcard above), or directly from 
-  public folder by using something like: process.env.PUBLIC_URL + '/assets/testcard.jpg'
-  https://create-react-app.dev/docs/using-the-public-folder/
-  
+  Main Three.js code. A rotating cube with orbit controls and stats. 
+  This is a vanilla JS ES6 module, as used in the threejs examples. 
+  Assets can be loaded via imports (see testcard.jpg above).
 */
 
 console.log('THREE version', THREE.REVISION);
@@ -58,15 +51,9 @@ export function init(canvas) {
 }
 
 function update() {
-  //console.log('threejs update');
   raf = requestAnimationFrame(update);
-
-  //if (speed !== undefined) {
-  //console.log(cube.rotation.x, props.props.speedX);
   cube.rotation.x += Number(props.speedX) / 20;
   cube.rotation.y += Number(props.speedY) / 20;
-  //}
-  // cube.rotation.y += speed / 10;
   renderer.render(scene, camera);
   stats.update();
   controls.update();
diff --git a/src/index.css b/src/index.css
diff --git a/src/main.jsx b/src/main.jsx
@@ -1,10 +1,9 @@
-import React from 'react'
-import ReactDOM from 'react-dom/client'
-import App from './App'
-import './index.css'
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import App from './App';
 
 ReactDOM.createRoot(document.getElementById('root')).render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>,
-)
+  </React.StrictMode>
+);

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,3 @@`
`1`		`-import './App.css';`
`2`	`1`	`import { useControls } from 'leva';`
`3`	`2`	`import { ThreeWrapper } from './components/threeWrapper/ThreeWrapper';`
`4`	`3`