etro 0.12.1 → 0.14.0

package/.github/dependabot.yml

@@ -0,0 +1,6 @@
+version: 2
+updates:
+  - package-ecosystem: "npm"
+    directory: "/"
+    schedule:
+      interval: "weekly"

package/.github/scripts/update-changelog.js

@@ -0,0 +1,72 @@
+const fs = require('fs');
+const path = require('path');
+const { parser } = require('keep-a-changelog');
+
+const changelogPath = path.join(process.cwd(), 'CHANGELOG.md');
+
+const [
+  nodePath,
+  scriptPath,
+  depName,
+  oldVer,
+  newVer,
+  prNum,
+  prUrl,
+  isSecurityStr
+] = process.argv;
+
+const isSecurity = isSecurityStr === 'true';
+
+if (!depName || !prNum || !prUrl) {
+  console.error('Missing required arguments. Usage: node update-changelog.js <depName> <oldVer> <newVer> <prNum> <prUrl> <isSecurity>');
+  process.exit(1);
+}
+
+try {
+  // Read and parse the existing changelog
+  const content = fs.readFileSync(changelogPath, 'utf8');
+  const changelog = parser(content);
+
+  // Construct the new entry message
+  let message = '';
+  if (oldVer && newVer && oldVer !== 'undefined' && newVer !== 'undefined') {
+    message = `Bump ${depName} from ${oldVer} to ${newVer} ([#${prNum}](${prUrl})).`;
+  } else {
+    message = `Bump ${depName} ([#${prNum}](${prUrl})).`;
+  }
+
+  // Find the "Unreleased" release
+  // keep-a-changelog typically looks for a release with no version or date, or explicitly named "Unreleased"
+  // We can try to find the first release which should be unreleased if following standard practice
+  const unreleased = changelog.releases.find(r => !r.date && (r.version === undefined || r.version === 'Unreleased'));
+
+  if (!unreleased) {
+    console.error('Could not find "Unreleased" section in CHANGELOG.md');
+    process.exit(1);
+  }
+
+  // Determine the type (section) for the change
+  // 'changed' or 'security' are the typical types in Keep a Changelog
+  const type = isSecurity ? 'security' : 'changed';
+
+  // Check for duplicates in the specific section
+  // changes is a Map<string, Change[]> where string is the type
+  const existingChanges = unreleased.changes.get(type) || [];
+  const isDuplicate = existingChanges.some(change => change.title.trim() === message);
+
+  if (isDuplicate) {
+    console.log('Entry already exists in CHANGELOG.md');
+    process.exit(0);
+  }
+
+  // Add the new change
+  unreleased.addChange(type, message);
+
+  // Write back to file
+  fs.writeFileSync(changelogPath, changelog.toString());
+  console.log('Successfully updated CHANGELOG.md');
+
+} catch (err) {
+  console.error('Error updating changelog:', err);
+  process.exit(1);
+}

package/.github/workflows/dependabot-changelog.yml

@@ -0,0 +1,57 @@
+name: Dependabot Changelog Updater
+
+on:
+  pull_request:
+    types: [opened, synchronize, reopened]
+
+permissions:
+  contents: write
+  pull-requests: read
+
+jobs:
+  update-changelog:
+    runs-on: ubuntu-latest
+    if: ${{ github.actor == 'dependabot[bot]' }}
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+        with:
+          ref: ${{ github.event.pull_request.head.ref }}
+
+      - name: Fetch Dependabot metadata
+        id: metadata
+        uses: dependabot/fetch-metadata@v1
+        with:
+          github-token: "${{ secrets.GITHUB_TOKEN }}"
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '16'
+
+      - name: Install dependencies
+        run: npm install keep-a-changelog
+
+      - name: Update Changelog
+        env:
+          DEP_NAME: ${{ steps.metadata.outputs.dependency-names }}
+          OLD_VER: ${{ steps.metadata.outputs.previous-version }}
+          NEW_VER: ${{ steps.metadata.outputs.new-version }}
+          PR_NUM: ${{ github.event.pull_request.number }}
+          PR_URL: ${{ github.event.pull_request.html_url }}
+          IS_SECURITY: ${{ contains(steps.metadata.outputs.update-type, 'security') }}
+        run: |
+          node .github/scripts/update-changelog.js "$DEP_NAME" "$OLD_VER" "$NEW_VER" "$PR_NUM" "$PR_URL" "$IS_SECURITY"
+
+      - name: Commit and push changes
+        run: |
+          git config user.name "dependabot[bot]"
+          git config user.email "dependabot[bot]@users.noreply.github.com"
+          git add CHANGELOG.md
+          if git diff --staged --quiet; then
+            echo "No changes to commit"
+          else
+            git commit -m "Update CHANGELOG.md [dependabot skip]"
+            git push
+          fi

package/.github/workflows/nodejs.yml

@@ -10,7 +10,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [15.x, 16.x, 17.x]
+        node-version: [22.x, 24.x]
 
     steps:
     - uses: actions/checkout@v1
@@ -20,7 +20,7 @@ jobs:
         node-version: ${{ matrix.node-version }}
     - name: Update npm
       run: |
-        npm i -g npm@^7.x
+        npm i -g npm@latest
     - name: Install npm dependencies
       run: |
         npm ci
@@ -39,7 +39,11 @@ jobs:
       run: xvfb-run --auto-servernum npm run test:unit
       env:
         CI: true
+        # Force Mesa's software renderer so headless Firefox has WebGL on
+        # GPU-less runners (Chrome uses SwiftShader via its launcher flags).
+        LIBGL_ALWAYS_SOFTWARE: true
     - name: run smoke tests
       run: xvfb-run --auto-servernum npm run test:smoke
       env:
         CI: true
+        LIBGL_ALWAYS_SOFTWARE: true

package/.github/workflows/shipjs-trigger.yml

@@ -13,8 +13,9 @@ jobs:
         with:
           fetch-depth: 0
           ref: master
-      - uses: actions/setup-node@v1
+      - uses: actions/setup-node@v6
         with:
+          node-version: 24
           registry-url: "https://registry.npmjs.org"
       - run: |
           if [ -f "yarn.lock" ]; then

package/.husky/pre-commit

@@ -1,7 +1,7 @@
 #!/usr/bin/env sh
 . "$(dirname -- "$0")/_/husky.sh"
 
-npm run lint
+npm run fix
 
 if [ -z "$SKIP_TESTS" ]; then
     npm run test:unit

package/AGENTS.md

@@ -0,0 +1,106 @@
+# AGENTS.md — Etro Contributor Context
+
+## What is Etro?
+
+Etro is a TypeScript video-editing framework for the browser. It composites
+layers (video, audio, image, text, or custom) onto an HTML `<canvas>`, applies
+GPU-accelerated GLSL shader effects, and outputs via `play()`, `stream()`
+(WebRTC), or `record()` (Blob). Audio routes through the Web Audio API.
+
+## Repository Layout
+
+```
+src/
+spec/                   # Tests (Karma + Jasmine)
+├── unit/               # Mocked unit tests
+├── smoke/              # End-to-end without audio (runs in CI)
+├── integration/        # End-to-end with audio (local only)
+├── mocks/              # Shared mock factories (dom, movie, layer, effect)
+└── assets/             # Test fixtures (images, audio, video, effect references)
+examples/               # Browser demos (hello-world, keyframes, effects, webcam)
+scripts/effect/         # Effect sample generation tooling
+dist/                   # Build output (gitignored)
+```
+
+## Architecture Concepts
+
+- **Movie** — the root composition. Owns a `<canvas>`, an `AudioContext`, a
+  `layers` list, and an `effects` list. Renders via `play()`, `stream()`,
+  `record()`, or `refresh()`.
+- **Layer** — a time-sliced content source (`startTime` + `duration`). Visual
+  layers draw to the canvas; audio layers route through Web Audio.
+- **Effect** — a filter applied to a layer or to the movie globally. Visual
+  effects use WebGL fragment shaders.
+- **Dynamic Properties** — layer/effect properties can be a constant, a
+  `KeyFrame` animation, or a function `(element, time) => value`. Evaluate
+  with `etro.val(obj, 'prop', time)`.
+- **Events** (deprecated) — pub/sub via `event.publish` / `event.subscribe`.
+  New code should prefer async callbacks (`onDraw`, `onStart`, etc.).
+
+## Build & Dev
+
+| Command                    | Purpose                                       |
+|----------------------------|-----------------------------------------------|
+| `npm run build`            | Rollup → `dist/etro-cjs.js` + `dist/etro-iife.js` |
+| `npm run lint`             | ESLint (StandardJS + TypeScript rules)        |
+| `npm run fix`              | ESLint with `--fix`                           |
+| `npm run test:unit`        | Unit tests (mocked DOM, runs in CI)           |
+| `npm run test:smoke`       | Smoke tests (real browser, no audio, runs in CI) |
+| `npm run test:integration` | Integration tests (audio required, local only)|
+| `npm run doc`              | Typedoc → `docs/`                             |
+| `npm run effects`          | Regenerate effect reference images             |
+
+Tests run in **headless Chrome and/or Firefox** via Karma (depending on local
+browser availability). The test suite is selected by the `TEST_SUITE` env var
+(`unit`, `smoke`, or `integration`).
+
+## Code Conventions
+
+- **Language**: TypeScript, compiled to ES6. Target `"lib": ["es2016", "DOM"]`.
+- **Style**: [StandardJS](https://standardjs.com/rules.html) — no semicolons,
+  2-space indent, `1tbs` brace style, `curly: all`.
+- **Commits**: Husky pre-commit runs lint + build + tests automatically.
+- **Branching**: Work on a feature branch, never commit directly to master.
+  Rebase onto upstream/master before opening a PR.
+
+## Adding / Modifying Effects
+
+1. Create or edit the effect class in `src/effect/`.
+2. Effects with visual output should extend `etro.effect.Shader` (for custom
+   GLSL) or `etro.effect.Visual`.
+3. Register the effect in `src/effect/index.ts`.
+4. Add the effect to `scripts/gen-effect-samples.html`.
+5. Run `npm run effects` and review generated images in
+   `spec/integration/assets/effect/`.
+6. Add unit tests in `spec/unit/effect/` and smoke tests in `spec/smoke/effect/`.
+
+## Adding / Modifying Layers
+
+1. Create or edit the layer class in `src/layer/`.
+2. Visual layers should extend `etro.layer.Visual`; audio layers extend
+   `etro.layer.Base` and implement audio routing.
+3. Register the layer in `src/layer/index.ts`.
+4. Add unit tests in `spec/unit/layer/` using the mock factories in
+   `spec/unit/mocks/`.
+
+## Key Patterns
+
+- Use `applyOptions()` (from `util.ts`) to merge constructor options with
+  defaults — though this is deprecated; new code should assign defaults
+  directly in the constructor.
+- The `Dynamic<T>` type and `val()` helper enable keyframe-animated and
+  functional properties. Any property that should support animation must use
+  this pattern.
+- Layers and effects use `tryAttach` / `tryDetach` lifecycle hooks when
+  added to or removed from a movie. Use `attach()` for setup and `detach()`
+  for teardown.
+- The `publicExcludes` array on layers/effects controls which properties are
+  excluded from serialization.
+
+## Useful Links
+
+- Docs: https://etrojs.dev/
+- API Reference: https://etrojs.dev/docs/reference/movie
+- Dynamic Properties: https://etrojs.dev/docs/reference/dynamic-properties
+- Discord: https://discord.gg/myrBsQ8Cht
+- CONTRIBUTING.md for full workflow details

package/CHANGELOG.md

@@ -5,6 +5,50 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/)
 and this project adheres to [Semantic Versioning](http://semver.org/).
 
+## [0.14.0] - 2026-06-06
+### Added
+- Movie serialization and deserialization ([#340](https://github.com/etro-js/etro/pull/340) by [@G3RRYGL3Z](https://github.com/G3RRYGL3Z)).
+
+### Changed
+- Bump rollup-plugin-typescript2 to 0.37.0.
+- Bump karma to 6.4.4.
+
+### Security
+- Bump handlebars from 4.7.7 to 4.7.9 ([#329](https://github.com/etro-js/etro/pull/329)).
+- Bump shipjs, tmp ([#343](https://github.com/etro-js/etro/pull/343)).
+- Bump body-parser, qs ([#337](https://github.com/etro-js/etro/pull/337)).
+- Bump rollup to 4.61.1.
+- Bump typedoc to 0.28.19.
+- Bump karma-jasmine to 5.1.0.
+
+## [0.13.0] - 2026-03-18
+### Added
+- `Movie#play()` option `onDraw()` ([#266](https://github.com/etro-js/etro/pull/266)).
+
+### Changed
+- The type for `KeyFrame.value` has been updated from `unknown[][]` to `(number|T|Interpolate)[][]` ([#259](https://github.com/etro-js/etro/pull/259)).
+
+### Fixed
+- Shader effects producing solid black output in browsers whose GLSL linker does not assign `a_VertexPosition` to attribute location 0 (e.g., Firefox on macOS).
+
+### Security
+- Bump ejs from 3.1.8 to 3.1.10 ([#271](https://github.com/etro-js/etro/pull/271)).
+- Bump follow-redirects from 1.15.4 to 1.15.6 ([#267](https://github.com/etro-js/etro/pull/267)).
+- Bump [braces](https://github.com/micromatch/braces) from 3.0.2 to 3.0.3 ([#274](https://github.com/etro-js/etro/pull/274)).
+- Bump [socket.io](https://github.com/socketio/socket.io) from 4.6.1 to 4.7.5 ([#277](https://github.com/etro-js/etro/pull/277)).
+- Bump [js-yaml](https://github.com/nodeca/js-yaml) from 4.1.0 to 4.1.1 ([#309](https://github.com/etro-js/etro/pull/309)).
+- Bump [@rollup/plugin-eslint](https://github.com/rollup/plugins/tree/master/packages/eslint) from 8.0.2 to 9.2.0 ([#309](https://github.com/etro-js/etro/pull/309)).
+- Bump validator from 13.11.0 to 13.15.20 ([#308](https://github.com/etro-js/etro/pull/308)).
+- Bump pbkdf2 from 3.1.2 to 3.1.5 ([#307](https://github.com/etro-js/etro/pull/307)).
+- Bump cipher-base from 1.0.4 to 1.0.6 ([#305](https://github.com/etro-js/etro/pull/305)).
+- Bump rollup from 1.32.1 to 2.79.2 ([#300](https://github.com/etro-js/etro/pull/300)).
+- Bump elliptic from 6.5.4 to 6.6.1 ([#299](https://github.com/etro-js/etro/pull/299)).
+- Bump ws, socket.io-adapter ([#281](https://github.com/etro-js/etro/pull/281)).
+- Bump cookie, socket.io ([#283](https://github.com/etro-js/etro/pull/283)).
+- Bump body-parser from 1.20.1 to 1.20.3 ([#285](https://github.com/etro-js/etro/pull/285)).
+- Bump shipjs from 0.26.3 to 0.27.0 ([#314](https://github.com/etro-js/etro/pull/314)).
+- Bump basic-ftp from 5.0.4 to 5.2.0 ([#320](https://github.com/etro-js/etro/pull/320)).
+
 ## [0.12.1] - 2024-02-19
 ### Fixed
 - Importing etro in the client-side code of a NextJS project causing a "module not found" error ([#243](https://github.com/etro-js/etro/issues/243)).
@@ -308,6 +352,8 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
   - Gaussian blur
   - Transform
 
+[0.14.0]: https://github.com/etro-js/etro/compare/v0.13.0...v0.14.0
+[0.13.0]: https://github.com/etro-js/etro/compare/v0.12.1...v0.13.0
 [0.12.1]: https://github.com/etro-js/etro/compare/v0.12.0...v0.12.1
 [0.12.0]: https://github.com/etro-js/etro/compare/v0.11.0...v0.12.0
 [0.11.0]: https://github.com/etro-js/etro/compare/v0.10.1...v0.11.0

package/CONTRIBUTING.md

@@ -4,7 +4,7 @@
 
 ## Introduction
 
-Thank you for considering contributing to Etro! There are many ways you can contribute to Etro, like creating issues for features or bugs, improving the docs or wiki, or writing the code for the library. This page covers how to make changes to the repository files (either code or jsdocs).
+Thank you for considering contributing to Etro! There are many ways to contribute, such as reporting bugs, suggesting features, improving the documentation, or writing code. This guide covers how to make changes to the repository files (code or documentation).
 
 [Join our Discord](https://discord.gg/myrBsQ8Cht)
 
@@ -23,7 +23,7 @@ Thank you for considering contributing to Etro! There are many ways you can cont
 
 ## Making your changes
 
-- Make some changes and update tests
+- Make your changes and update the relevant tests
 - If you are writing code, the linter uses [StandardJS](https://standardjs.com/rules.html) for style conventions
 - If you're adding or updating an effect:
   - Add your effect to **scripts/gen-effect-samples.html**
@@ -44,13 +44,13 @@ Thank you for considering contributing to Etro! There are many ways you can cont
 
 ## Submitting your changes
 
-- Before pushing to your fork, rebase (please avoid merging) to integrate your work with any new changes in the main repository
+- Before pushing to your fork, please rebase onto the latest upstream changes (rather than merging) to keep the history clean:
   ```
   git fetch upstream
   git rebase upstream/master
   ```
-- Open a pull request from the branch in your fork to the main repository. If you changed any core functionality, make sure you explain your motives for those changes
-- A large part of the submission process is receiving feedback on how you can improve you pull request. If you need to change your pull request, feel free to push more commits.
+- Open a pull request from the branch in your fork to the main repository. If your changes affect core functionality, please explain the reasoning behind them.
+- We may provide feedback to help refine your pull request. Feel free to push additional commits to address any suggestions.
 
 ## Tests
 

package/README.md

@@ -4,10 +4,10 @@
 [![Build Status](https://img.shields.io/endpoint.svg?url=https%3A%2F%2Factions-badge.atrox.dev%2Fetro-js%2Fetro%2Fbadge&style=flat)](https://actions-badge.atrox.dev/etro-js/etro/goto)
 [![Discord](https://img.shields.io/badge/Discord-%235865F2.svg?style=flat&logo=discord&logoColor=white)](https://discord.gg/myrBsQ8Cht)
 
-Etro is a typescript framework for programmatically editing videos. It lets you
-composite layers and add filters (effects). Etro comes shipped with text, video,
-audio and image layers, along with a bunch of GLSL effects. You can also define
-your own layers and effects with javascript and GLSL.
+Etro is a framework-agnostic TypeScript library for programmatically editing
+videos. It lets you composite layers and add filters. Etro includes text, video,
+audio and image layers, along with a variety of GLSL filters. You can also
+define your own layers and filters with TypeScript and GLSL.
 
 ## Features
 
@@ -17,6 +17,7 @@ your own layers and effects with javascript and GLSL.
 - Manipulate audio with the web audio API *(audio effects coming soon)*
 - Define layer and effect parameters as keyframes or custom functions
 - Render to a blob in realtime *(offline rendering coming soon)*
+- UI framework agnostic
 
 ## Installation
 
@@ -78,8 +79,8 @@ To use Etro in Node, see the [wrapper](https://github.com/etro-js/etro-node):
 
 ## Running the Examples
 
-Start the development server (only used for convenience while developing; you
-don't need a server to use Etro):
+Start the development server (used for convenience during development; Etro does
+not require a server):
 
 ```
 npm i
@@ -100,5 +101,5 @@ See the [contributing guide](CONTRIBUTING.md)
 
 ## License
 
-Distributed under GNU General Public License v3. See `LICENSE` for more
+Distributed under GNU General Public License v3. See [LICENSE](LICENSE) for more
 information.

package/coverage/Chrome Headless 148.0.0.0 (Mac OS 10.15.7)/html/base.css

@@ -0,0 +1,224 @@
+body, html {
+  margin:0; padding: 0;
+  height: 100%;
+}
+body {
+    font-family: Helvetica Neue, Helvetica, Arial;
+    font-size: 14px;
+    color:#333;
+}
+.small { font-size: 12px; }
+*, *:after, *:before {
+  -webkit-box-sizing:border-box;
+     -moz-box-sizing:border-box;
+          box-sizing:border-box;
+  }
+h1 { font-size: 20px; margin: 0;}
+h2 { font-size: 14px; }
+pre {
+    font: 12px/1.4 Consolas, "Liberation Mono", Menlo, Courier, monospace;
+    margin: 0;
+    padding: 0;
+    -moz-tab-size: 2;
+    -o-tab-size:  2;
+    tab-size: 2;
+}
+a { color:#0074D9; text-decoration:none; }
+a:hover { text-decoration:underline; }
+.strong { font-weight: bold; }
+.space-top1 { padding: 10px 0 0 0; }
+.pad2y { padding: 20px 0; }
+.pad1y { padding: 10px 0; }
+.pad2x { padding: 0 20px; }
+.pad2 { padding: 20px; }
+.pad1 { padding: 10px; }
+.space-left2 { padding-left:55px; }
+.space-right2 { padding-right:20px; }
+.center { text-align:center; }
+.clearfix { display:block; }
+.clearfix:after {
+  content:'';
+  display:block;
+  height:0;
+  clear:both;
+  visibility:hidden;
+  }
+.fl { float: left; }
+@media only screen and (max-width:640px) {
+  .col3 { width:100%; max-width:100%; }
+  .hide-mobile { display:none!important; }
+}
+
+.quiet {
+  color: #7f7f7f;
+  color: rgba(0,0,0,0.5);
+}
+.quiet a { opacity: 0.7; }
+
+.fraction {
+  font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace;
+  font-size: 10px;
+  color: #555;
+  background: #E8E8E8;
+  padding: 4px 5px;
+  border-radius: 3px;
+  vertical-align: middle;
+}
+
+div.path a:link, div.path a:visited { color: #333; }
+table.coverage {
+  border-collapse: collapse;
+  margin: 10px 0 0 0;
+  padding: 0;
+}
+
+table.coverage td {
+  margin: 0;
+  padding: 0;
+  vertical-align: top;
+}
+table.coverage td.line-count {
+    text-align: right;
+    padding: 0 5px 0 20px;
+}
+table.coverage td.line-coverage {
+    text-align: right;
+    padding-right: 10px;
+    min-width:20px;
+}
+
+table.coverage td span.cline-any {
+    display: inline-block;
+    padding: 0 5px;
+    width: 100%;
+}
+.missing-if-branch {
+    display: inline-block;
+    margin-right: 5px;
+    border-radius: 3px;
+    position: relative;
+    padding: 0 4px;
+    background: #333;
+    color: yellow;
+}
+
+.skip-if-branch {
+    display: none;
+    margin-right: 10px;
+    position: relative;
+    padding: 0 4px;
+    background: #ccc;
+    color: white;
+}
+.missing-if-branch .typ, .skip-if-branch .typ {
+    color: inherit !important;
+}
+.coverage-summary {
+  border-collapse: collapse;
+  width: 100%;
+}
+.coverage-summary tr { border-bottom: 1px solid #bbb; }
+.keyline-all { border: 1px solid #ddd; }
+.coverage-summary td, .coverage-summary th { padding: 10px; }
+.coverage-summary tbody { border: 1px solid #bbb; }
+.coverage-summary td { border-right: 1px solid #bbb; }
+.coverage-summary td:last-child { border-right: none; }
+.coverage-summary th {
+  text-align: left;
+  font-weight: normal;
+  white-space: nowrap;
+}
+.coverage-summary th.file { border-right: none !important; }
+.coverage-summary th.pct { }
+.coverage-summary th.pic,
+.coverage-summary th.abs,
+.coverage-summary td.pct,
+.coverage-summary td.abs { text-align: right; }
+.coverage-summary td.file { white-space: nowrap;  }
+.coverage-summary td.pic { min-width: 120px !important;  }
+.coverage-summary tfoot td { }
+
+.coverage-summary .sorter {
+    height: 10px;
+    width: 7px;
+    display: inline-block;
+    margin-left: 0.5em;
+    background: url(sort-arrow-sprite.png) no-repeat scroll 0 0 transparent;
+}
+.coverage-summary .sorted .sorter {
+    background-position: 0 -20px;
+}
+.coverage-summary .sorted-desc .sorter {
+    background-position: 0 -10px;
+}
+.status-line {  height: 10px; }
+/* yellow */
+.cbranch-no { background: yellow !important; color: #111; }
+/* dark red */
+.red.solid, .status-line.low, .low .cover-fill { background:#C21F39 }
+.low .chart { border:1px solid #C21F39 }
+.highlighted,
+.highlighted .cstat-no, .highlighted .fstat-no, .highlighted .cbranch-no{
+  background: #C21F39 !important;
+}
+/* medium red */
+.cstat-no, .fstat-no, .cbranch-no, .cbranch-no { background:#F6C6CE }
+/* light red */
+.low, .cline-no { background:#FCE1E5 }
+/* light green */
+.high, .cline-yes { background:rgb(230,245,208) }
+/* medium green */
+.cstat-yes { background:rgb(161,215,106) }
+/* dark green */
+.status-line.high, .high .cover-fill { background:rgb(77,146,33) }
+.high .chart { border:1px solid rgb(77,146,33) }
+/* dark yellow (gold) */
+.status-line.medium, .medium .cover-fill { background: #f9cd0b; }
+.medium .chart { border:1px solid #f9cd0b; }
+/* light yellow */
+.medium { background: #fff4c2; }
+
+.cstat-skip { background: #ddd; color: #111; }
+.fstat-skip { background: #ddd; color: #111 !important; }
+.cbranch-skip { background: #ddd !important; color: #111; }
+
+span.cline-neutral { background: #eaeaea; }
+
+.coverage-summary td.empty {
+    opacity: .5;
+    padding-top: 4px;
+    padding-bottom: 4px;
+    line-height: 1;
+    color: #888;
+}
+
+.cover-fill, .cover-empty {
+  display:inline-block;
+  height: 12px;
+}
+.chart {
+  line-height: 0;
+}
+.cover-empty {
+    background: white;
+}
+.cover-full {
+    border-right: none !important;
+}
+pre.prettyprint {
+    border: none !important;
+    padding: 0 !important;
+    margin: 0 !important;
+}
+.com { color: #999 !important; }
+.ignore-none { color: #999; font-weight: normal; }
+
+.wrapper {
+  min-height: 100%;
+  height: auto !important;
+  height: 100%;
+  margin: 0 auto -48px;
+}
+.footer, .push {
+  height: 48px;
+}