Viewport geometry

Find it in the repository

Collector source

core/signals/display/viewport.ts

Export

measurementModule · Signal object

Field definitions

core/definitions/display/viewport.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.viewport

Collector

display.viewport

API / surface

core/signals/display/viewport.ts

Timeout

25 ms

Companion signals

None

Fixture inputs

Declared requests (listed below)

[
  {
    "key": "display.viewport.window",
    "inputs": {
      "innerHeight": {
        "property": "innerHeight"
      },
      "innerWidth": {
        "property": "innerWidth"
      },
      "outerHeight": {
        "property": "outerHeight"
      },
      "outerWidth": {
        "property": "outerWidth"
      },
      "screenX": {
        "property": "screenX"
      },
      "screenY": {
        "property": "screenY"
      }
    },
    "controls": {}
  },
  {
    "key": "display.viewport.visual",
    "inputs": {
      "visualViewport": {
        "properties": [
          "width",
          "height",
          "offsetLeft",
          "offsetTop",
          "pageLeft",
          "pageTop",
          "scale"
        ]
      }
    },
    "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.viewport. 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/viewport"

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