### Web Build Command

Source: https://github.com/open-agriculture/agisoterminaldesigner/blob/main/CLAUDE.md

Use this command to build the project for web execution in release mode.

```bash
trunk build --release
```

--------------------------------

### Native Build Command

Source: https://github.com/open-agriculture/agisoterminaldesigner/blob/main/CLAUDE.md

Use this command to build the project for native execution in release mode.

```bash
cargo build --release
```

--------------------------------

### Web App Run Command

Source: https://github.com/open-agriculture/agisoterminaldesigner/blob/main/CLAUDE.md

Use this command to serve the web application in release mode. Access it via http://localhost:8080.

```bash
trunk serve --release
```

--------------------------------

### Native App Run Command

Source: https://github.com/open-agriculture/agisoterminaldesigner/blob/main/CLAUDE.md

Use this command to run the compiled native application in release mode.

```bash
cargo run --release
```

--------------------------------

### Run All Tests Command

Source: https://github.com/open-agriculture/agisoterminaldesigner/blob/main/CLAUDE.md

Use this command to execute all tests within the project.

```bash
cargo test
```

--------------------------------

### Development Build Command

Source: https://github.com/open-agriculture/agisoterminaldesigner/blob/main/CLAUDE.md

Use this command for faster compilation during development.

```bash
cargo build
```

--------------------------------

### Basic HTML and CSS Styling

Source: https://github.com/open-agriculture/agisoterminaldesigner/blob/main/index.html

Applies basic styling to the HTML document and body, including touch action, background colors for light and dark modes, and full-screen canvas behavior. Also includes styles for a centered element and a loading animation.

```css
html { 
  /* Remove touch delay: */ 
  touch-action: manipulation;
}
body {
  /* Light mode background color for what is not covered by the egui canvas, or where the egui canvas is translucent. */
  background: #909090;
}
@media (prefers-color-scheme: dark) {
  body {
    /* Dark mode background color for what is not covered by the egui canvas, or where the egui canvas is translucent. */
    background: #404040;
  }
}
/* Allow canvas to fill entire web page: */
html, body {
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
  height: 100%;
  width: 100%;
}
/* Make canvas fill entire document: */
canvas {
  margin-right: auto;
  margin-left: auto;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.centered {
  margin-right: auto;
  margin-left: auto;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #f0f0f0;
  font-size: 24px;
  font-family: Ubuntu-Light, Helvetica, sans-serif;
  text-align: center;
}
/* ---------------------------------------------- */
/* Loading animation from https://loading.io/css/ */
.lds-dual-ring {
  display: inline-block;
  width: 24px;
  height: 24px;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 24px;
  height: 24px;
  margin: 0px;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
```

--------------------------------

### Run Specific Test Command

Source: https://github.com/open-agriculture/agisoterminaldesigner/blob/main/CLAUDE.md

Use this command to run a single test by its name.

```bash
cargo test [TESTNAME]
```

--------------------------------

### Service Worker Registration

Source: https://github.com/open-agriculture/agisoterminaldesigner/blob/main/index.html

Registers a service worker for the application, but only if the 'dev' hash is not present in the URL. This is typically used to disable caching during development.

```javascript
// We disable caching during development so that we always view the latest version. 
if ('serviceWorker' in navigator && window.location.hash !== "#dev") {
  window.addEventListener('load', function () {
    navigator.serviceWorker.register('sw.js');
  });
}
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.