ov-verifier

src/ov-verifier.js

Attributes

attribute
`commands`	also a property
`history`
`label`
`reports`
`stages`
`timeout`

Properties

property	type	kind	accepts	staleness
`commands`	`Structured`	structured	not on the reading protocol	not applicable

Events

event
`ov:verify`

Using it

import 'overscan'
import 'overscan/overscan.css'

<ov-verifier
  label="Command stack"
  stages="QUEUED:600, RELEASED:600, SENT:600, RECEIVED:600, ACCEPTED:600, EXECUTING:600, COMPLETE:600"
  commands="C40 HTR-2 ON @HTR2; C41 VLV-3 OPEN @VLV3; C42 PUMP-1 START @PUMP1; C43 BOOM DEPLOY @BOOM"
  reports="C40 QUEUED=pass, C40 RELEASED=pass, C40 SENT=pass, C40 RECEIVED=pass, C40 ACCEPTED=pass, C40 EXECUTING=pass, C40 COMPLETE=pass, C41 QUEUED=pass, C41 RELEASED=pass, C41 SENT=pass, C41 RECEIVED=timeout, C41 ACCEPTED=pass, C41 EXECUTING=pass, C41 COMPLETE=pass, C42 QUEUED=pass, C42 RELEASED=pass, C42 SENT=pass, C42 RECEIVED=pass, C42 ACCEPTED=pass, C42 EXECUTING=pass, C42 COMPLETE=tm, C43 QUEUED=pass, C43 RELEASED=pass, C43 SENT=pass"
></ov-verifier>

import { OvVerifier } from 'overscan/react'

<OvVerifier
  label="Command stack"
  stages="QUEUED:600, RELEASED:600, SENT:600, RECEIVED:600, ACCEPTED:600, EXECUTING:600, COMPLETE:600"
  reports="C40 QUEUED=pass, C40 RELEASED=pass, C40 SENT=pass, C40 RECEIVED=pass, C40 ACCEPTED=pass, C40 EXECUTING=pass, C40 COMPLETE=pass, C41 QUEUED=pass, C41 RELEASED=pass, C41 SENT=pass, C41 RECEIVED=timeout, C41 ACCEPTED=pass, C41 EXECUTING=pass, C41 COMPLETE=pass, C42 QUEUED=pass, C42 RELEASED=pass, C42 SENT=pass, C42 RECEIVED=pass, C42 ACCEPTED=pass, C42 EXECUTING=pass, C42 COMPLETE=tm, C43 QUEUED=pass, C43 RELEASED=pass, C43 SENT=pass"
  commands={data}
  onVerify={handler}
/>

import { OvVerifier } from 'overscan/vue'

<OvVerifier
  label="Command stack"
  stages="QUEUED:600, RELEASED:600, SENT:600, RECEIVED:600, ACCEPTED:600, EXECUTING:600, COMPLETE:600"
  reports="C40 QUEUED=pass, C40 RELEASED=pass, C40 SENT=pass, C40 RECEIVED=pass, C40 ACCEPTED=pass, C40 EXECUTING=pass, C40 COMPLETE=pass, C41 QUEUED=pass, C41 RELEASED=pass, C41 SENT=pass, C41 RECEIVED=timeout, C41 ACCEPTED=pass, C41 EXECUTING=pass, C41 COMPLETE=pass, C42 QUEUED=pass, C42 RELEASED=pass, C42 SENT=pass, C42 RECEIVED=pass, C42 ACCEPTED=pass, C42 EXECUTING=pass, C42 COMPLETE=tm, C43 QUEUED=pass, C43 RELEASED=pass, C43 SENT=pass"
  :commands="data"
  @verify="handler"
/>

import OvVerifier from 'overscan/svelte/OvVerifier.svelte'

<OvVerifier
  label="Command stack"
  stages="QUEUED:600, RELEASED:600, SENT:600, RECEIVED:600, ACCEPTED:600, EXECUTING:600, COMPLETE:600"
  reports="C40 QUEUED=pass, C40 RELEASED=pass, C40 SENT=pass, C40 RECEIVED=pass, C40 ACCEPTED=pass, C40 EXECUTING=pass, C40 COMPLETE=pass, C41 QUEUED=pass, C41 RELEASED=pass, C41 SENT=pass, C41 RECEIVED=timeout, C41 ACCEPTED=pass, C41 EXECUTING=pass, C41 COMPLETE=pass, C42 QUEUED=pass, C42 RELEASED=pass, C42 SENT=pass, C42 RECEIVED=pass, C42 ACCEPTED=pass, C42 EXECUTING=pass, C42 COMPLETE=tm, C43 QUEUED=pass, C43 RELEASED=pass, C43 SENT=pass"
  commands={data}
  onverify={handler}
/>

The CSS is a separate import in every framework. A single element can be imported on its own instead of the whole kit: import 'overscan/src/ov-chart.js'

A reading is set as a PROPERTY, never an attribute. An attribute is a string, so an array cannot survive one and a null arrives as the word "null", which the protocol would read as a value rather than a dropout.

Every ov: event is bound with addEventListener. The colon has no declarative spelling in Svelte 5, where the on: directive is gone and "onov:commit" is not an identifier, nor in JSX. Vue can bind it.

The wrapper applies attributes ITSELF and hands the framework nothing but a ref. All three frameworks set a prop as a property when the name exists on the element, and this kit has 77 getter-only properties across 43 elements. Assigning one throws, and in React it does not degrade: the whole tree fails to render. 13 elements have a getter-only name that is also a real attribute (at, bearing, digits, duration, floor, fov, fresh, hold, lat, lon, period, pitch, range, ring, rings, span, step, sweep, sweeps, traces, value), which are the ones a reader would naturally pass in markup.