turbo dev
# or one of these:
npm run dev
yarn dev
pnpm dev
bun dev

# cwebp e.g. https://developers.google.com/speed/webp/docs/precompiled
# must be version 1.5.0 libsharpyuv: 0.4.1

# ImageMagick
brew install imagemagick

# fix `npm install` of npm module `canvas`
# https://github.com/Automattic/node-canvas/issues/1825#issuecomment-1090125736
brew install pkg-config cairo pango libpng jpeg giflib librsvg

curl --silent localhost:3000/api/connect/myFunUid/dev-events
curl --silent -XPOST localhost:3000/api/send-dev-event
curl --silent -XPOST localhost:3000/api/close-dev-events -d'{ "clientUid": 1234 }'

c=-1; while c+=1; do
  spawn npc:"rob_${c}" at:$( click 1 ) granted:.
done

# much faster version:
seq 100 |
  map '(_, { w }) => w.crowd.navMeshQuery.findRandomPoint().randomPoint' &>>pts

w npc.spawnMany "{ points: $( pts ) }"

# commands work while paused via prefix `ptags=always;`
ptags=always events

# reset or save control state i.e. current view
w view.controls.reset
w view.controls.saveState

# this command does not exit until the World is enabled
test $( w disabled ) &&
  events '({ key }) => key === "enabled"' | take 1

# modify npc rob's skin
w n.rob.skin | assign '{ "body-overlay-front": { prefix: "plus-icon" }}'
w n.rob.applySkin

# reset npc rob's skin
w n.rob.resetSkin

# pass from Vector3 to Vect for an internal function which only supports the latter
click -2 | w n.rob.getLookAngle -

w view.controls | assign '{minDistance:1}'

w n.rob.position | w floor.setTorchTarget -

foo() { jsArg "${@}"; }
foo bar:[1,4,9] baz:baz qux:42
foo() { echo $( jsArg "${@}" ); }
foo bar:[1,4,9] baz:baz qux:42

while { false; test ${?}; }; do echo foo; done
while { true; ! test ${?}; }; do echo foo; done

# more stuff

ptags=always; click 5 meta.nav | while take 1; do 
  points/at'(-1)' >&2 
done &>> points

c=0; while c+=1; do
  test $( expr "$c >= 5" ) && c=0
  move npc:rob arriveAnim:none to:"$( points/$c )"
done


# playing with loops
spawn npc:rob at:$( click 1 )
spawn npc:kate at:$( click 1 ) as:medic-0
w e.grantAccess . rob kate

tour npc:rob to:"$( click 2 )" &
tour npc:kate to:"$( click 2 )" &

spawn npc:kate at:$( click 1 ) as:soldier-0,,medic-0,
spawn npc:kate at:$( click 1 ) as:soldier-0,,,suit-0
spawn npc:kate at:$( click 1 ) as:suit-0,,,soldier-0

click 5 &>> points
# skips to next point if stopped
while true; do
  tour npc:kate to:"$( points )"
done &

call Math.random
expr 'Math.random() * 2 * Math.PI

brew install cmake

# at repo root
git checkout feat/expose-all-mesh-anim
# yarn build does not work, but we can:
yarn build:packages2

# might have to manually delete packages/recast-navigation-wasm/{build,dist}

npx patch-package @react-three/drei/three-stdlib

export PATH="$PATH:~/Downloads/scrcpy-macos-aarch64-v3.3.1"

# plug phone into usb and permit usb debug (via settings > developer options)
scrcpy --video-codec=h265 --max-size=1920 --max-fps=60 --no-audio --keyboard=uhid

# this command works with Quicktime Player
# https://github.com/Genymobile/scrcpy/issues/4068#issuecomment-1581233072
scrcpy --video-codec=h265 --max-size=1920 --max-fps=60 --no-audio --keyboard=uhid --video-codec=h264 --video-encoder='OMX.google.h264.encoder' --record=file.mp4

# 🔔 no need for record because we'll use OBS
scrcpy --video-codec=h265 --max-size=1920 --max-fps=120 --no-audio --keyboard=uhid --video-codec=h264 --video-encoder='OMX.google.h264.encoder' --disable-screensaver

yarn dev

# get local ip address for mobile development
ipconfig getifaddr en0

# navigate to http://${ipAddress}:3000

cd $REPO_ROOT
nvm use
code .

# if necessary
brew install ffmpeg

# Convert mov to mp4
cd ~/Desktop
ffmpeg -i ~/Desktop/html-3d-example.mov -qscale 0 html-3d-example.mp4
ffmpeg -i ~/Desktop/html-3d-example.mov -filter_complex "[0:v] fps=10" -b:v 0 -crf 25 html-3d-example.mp4
ffmpeg -i ~/Desktop/html-3d-example.mov -filter_complex "[0:v] fps=30" -b:v 0 -crf 25 html-3d-example.mp4
ffmpeg -i ~/Desktop/html-3d-example.mov -filter_complex "[0:v] fps=60" -b:v 0 -crf 25 html-3d-example.mp4