Create environment file

Add a file into the repo called .env.local. It should look like this:

VITE_SCRIPT_ID=<your-script-id-comes-here> # you can get this from the dashboard

How to develop on localhost with an iPhone

• Connect iPhone with cable to Mac
• On Mac: System Settings -> Sharing -> Internet Sharing
• In terminal run ifconfig | grep inet and search your ip address e.g. 192.168.0.159
• vite --host 192.168.0.159
• Should be openable on Mac and iPhone

TestWebsite

./customer acts as a test website using our the build from ./script. It would be nice to npm run dev in ./customer and ./script for development. However, there are some issues with react-refresh and some with vite, because neither vite nor React expects such a use case.

So for now the idea is to only npm run dev in ./script for development and use instead. Then we can build ./script, copy ./dist to .customer and import it there.

Deployment Checklist

• z-index sidenav
• Mobile
• Placing pin while being scrolled down
• Pin should stay in same place when scrolling

How to test vite plugin

Bad setup:

• in vite.config.ts import { qaCompassCodeJumpViteReact } from "./plugin.js";
• Run npm run build in plugin repo and copy budnle into ./plugin.js

TODO

• magic report -> change value of input -> click somewhere -> reject(new Error("Failed to load image"));