fun: easy till

app/react-components/hotbar.jsx

@@ -15,7 +15,13 @@ export default function Hotbar({active, onActivate, slots}) {
     >
       <Slot
         icon={slot?.icon}
-        onClick={() => onActivate(i)}
+        onMouseDown={(event) => {
+          onActivate(i)
+          event.stopPropagation();
+        }}
+        onMouseUp={(event) => {
+          event.stopPropagation();
+        }}
         onDragOver={(event) => {
           event.preventDefault();
         }}

app/react-components/slot.jsx

@@ -10,6 +10,8 @@ export default function Slot({
   onDragOver,
   onDragStart,
   onDrop,
+  onMouseDown,
+  onMouseUp,
   qty = 1,
 }) {
   return (
@@ -24,6 +26,8 @@ export default function Slot({
       onKeyDown={(event) => {
         event.preventDefault();
       }}
+      onMouseDown={onMouseDown}
+      onMouseUp={onMouseUp}
     >
       <div
         className={styles.slotInner}

app/react-components/ui.jsx

@@ -189,6 +189,18 @@ export default function Ui({disconnected}) {
   return (
     <div
       className={styles.ui}
+      onMouseDown={(event) => {
+        client.send({
+          type: 'Action',
+          payload: {type: 'use', value: 'keyDown'},
+        });
+      }}
+      onMouseUp={(event) => {
+        client.send({
+          type: 'Action',
+          payload: {type: 'use', value: 'keyUp'},
+        });
+      }}
     >
       <style>
         {`

public/assets/hoe/start.js

@@ -116,11 +116,11 @@ if (projected?.length > 0) {
 
   for (let i = 0; i < projected.length; ++i) {
     if ([1, 2, 3, 4].includes(layer.tile(projected[i]))) {
-      layer.stamp(projected[i], [[6]])
-    }
-    else if ([6].includes(layer.tile(projected[i]))) {
       layer.stamp(projected[i], [[7]])
     }
+    // else if ([6].includes(layer.tile(projected[i]))) {
+    //   layer.stamp(projected[i], [[7]])
+    // }
   }
 
   Controlled.locked = 0;