@crapthings/run3d 0.2.10 → 0.2.11

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.2.10",
+  "version": "0.2.11",
   "description": "From idea to interactive 3D prototype in one command. A JavaScript starter with Vite, React Three Fiber, and tools for creative experimentation.",
   "type": "module",
   "bin": {

package/template/index.html

@@ -8,7 +8,7 @@
     <link rel="icon" href="%BASE_URL%favicon.svg" type="image/svg+xml" />
     <title>Run3D</title>
   </head>
-  <body>
+  <body class="select-none">
     <div id="root"></div>
     <script type="module" src="/src/main.jsx"></script>
   </body>

package/template/src/main.jsx

@@ -4,6 +4,22 @@ import { createRoot } from 'react-dom/client'
 import { App } from '@/App'
 import '@/styles.css'
 
+// Keep Tab available to game controls without moving focus outside editable fields.
+function preventTabFocus (event) {
+  if (event.key !== 'Tab') return
+  if (!(event.target instanceof window.Element)) return
+  if (event.target.closest('input, textarea, select, [contenteditable]:not([contenteditable="false"]), [role="textbox"]')) return
+  event.preventDefault()
+}
+
+window.addEventListener('keydown', preventTabFocus)
+
+if (import.meta.hot) {
+  import.meta.hot.dispose(() => {
+    window.removeEventListener('keydown', preventTabFocus)
+  })
+}
+
 createRoot(document.getElementById('root')).render(
   <StrictMode>
     <App />

package/template/src/styles.css

@@ -1 +1,11 @@
 @import "tailwindcss";
+
+@layer base {
+  body {
+    -webkit-tap-highlight-color: transparent;
+  }
+
+  :focus {
+    @apply outline-none ring-0;
+  }
+}