Media query thresholds

Find it in the repository

Collector source

core/signals/display/media-thresholds.ts

Export

measurementModule · Signal object

Field definitions

core/definitions/display/media-thresholds.ts

Capture membership

Product capture · common/capture/product.ts

Page registration

app/signals/registry.ts

Field projection

core/results/measurement.ts

Execution contract

Signal

display.media-thresholds

Collector

display.media-thresholds

API / surface

core/signals/display/media-thresholds.ts

Timeout

1000 ms

Companion signals

None

Fixture inputs

Inline owned corpora (listed below)

• core/fixtures/display/media-threshold-inputs.ts · sha256:1d88c97ff498ba0cf4ddf8c3a3672838b0fc91c188d91ca9ef935536a47459f5

[
  {
    "key": "display.media-thresholds.responses",
    "inputs": {
      "controls": {
        "queries": [
          "(orientation: portrait)",
          "(orientation: landscape)",
          "(min-resolution: invalid-control)"
        ]
      },
      "color": {
        "id": "color",
        "feature": "color",
        "min": 0,
        "max": 48,
        "step": 1,
        "units": "bits per color component",
        "maxSteps": 6,
        "predicate": "min inclusive",
        "upperEndpoint": "exclusive if false"
      },
      "monochrome": {
        "id": "monochrome",
        "feature": "monochrome",
        "min": 0,
        "max": 48,
        "step": 1,
        "units": "bits per monochrome pixel",
        "maxSteps": 6,
        "predicate": "min inclusive",
        "upperEndpoint": "exclusive if false"
      },
      "resolution": {
        "id": "resolution",
        "feature": "resolution",
        "min": 0,
        "max": 8,
        "step": 0.0078125,
        "units": "dppx",
        "maxSteps": 10,
        "predicate": "min inclusive",
        "upperEndpoint": "exclusive if false"
      }
    },
    "controls": {}
  }
]

One collector runs per invocation. Results and JSON select this signal’s fields; any companions execute in the same collector.

Generated source manifest lists runtime files, fixture URLs and content digests for this build. The Source tab provides a copyable console sample.

Run and edit locally

From the repository root, start the Astro app, then open /signals/display.media-thresholds. Edit the collector source and reload the page to load its new build.

pnpm run dev:web

In a browser module served by this repository’s Vite graph:

import { createCollector } from "/core/collect"
import { measurementModule } from "/core/signals/display/media-thresholds"

const signal = measurementModule
const collector = createCollector()
const suite = { signals: [signal] }
const result = await collector.collect(suite)

Reuse the collector owner for repeated calls so collection can enforce cleanup. This returns the collector’s raw result; app/signals/projection.ts selects the retained fields shown on this page.

rg -n 'measurementModule' core app tests
pnpm run check
pnpm run test tests/unit/app/focused-projection.test.ts