world.thingy.rocks

thingy.rocks AWS IoT dashboard developed using Preact in TypeScript.

Target

The app is intended to be displayed on the half part of a 42 inch 1080p TV in portrait mode. Target resolution: 1080 x 768.

Feature overview

Setup

Install the dependencies:

npm ci
ln -s ../node_modules/svg-country-flags/svg static/flags

Node & NPM

This project requires Node.js >=24.19.0 <25 and npm >=12.0.2 <13 (enforced via check-node-version on npm install and npm ci). The check is skipped during npm publish and npm pack, because semantic-release bundles its own npm (@semantic-release/npm depends on npm@^11.6.2) and runs the publish with that version rather than the one installed in CI.

Configure

Provide these configuration settings from the backend:

• WEBSOCKET_ENDPOINT
• COGNITO_USER_POOL_URL
• COGNITO_USER_POOL_CLIENT_ID
• COGNITO_IDENTITY_POOL_ID
• COGNITO_DOMAIN_URL
• STREAM_METADATA_TABLE

For the MAP_API_KEY, create an new API key in Amazon Location, with these permissions:

• GetStaticMap
• GetTile

and limit it to these referrers:

• http://localhost:*
• https://world.thingy.rocks

Run

npm start