75 - ChatOS - Debug app on iPad

Aug 2, 2023

Livestream

ChatOS is not working after merging Firebase branch, debugging is possible via Chrome by enabling Web Inspector and use macOS Safari to connect to the iOS Chrome’s console.

I also use PiP to cast iPad’s screen onto macOS for streaming.

To run local ChatOS on iPad, configure Firebase Emulator and Vite to expose host 0.0.0.0

// firebase.json
{
	"emulators": {
		"auth": {
			"port": 9099,
			"host": "0.0.0.0"
		},
		"firestore": {
			"port": 8080,
			"host": "0.0.0.0"
		},
		"ui": {
			"enabled": true,
			"port": 4444
		},
		"singleProjectMode": true
	}
}

# Run vite dev server
pnpm run dev --host 0.0.0.0

Changes

Check for window.Notification presence in timer command, since mobile Chrome & Safari does not support Notification API yet
Turn off auto capitalization, so that the mobile keyboard will not use auto-capitalization

Now ChatOS works on iPad!