Authoring Check Demo

Fore detects common authoring mistakes at startup and displays them in a modal. Add no-check to <fx-fore> to suppress checks in production.

Broken form — checks active auto

This form has intentional authoring mistakes covering all supported checks. The error modal appears automatically on load because no-check is not set.

Errors introduced below

fx-send submission="save" — id is "submit"
fx-dispatch targetid="confirm-dlg" — no such element
instance('prefs') in fx-bind — no fx-instance#prefs
index('items') in fx-bind — repeat id is "my-list"
fx-call action="shared-action" — no such element
fx-show dialog="info-dialog" — no such element
fx-hide dialog="info-dialog" — no such element
fx-load attach-to="#content-slot" — no such element
fx-refresh control="name-field" — no such element
fx-reset instance="scratch" — no fx-instance#scratch
fx-setfocus control="email-field" — no such element
fx-toggle case="tab-b" — no fx-case#tab-b

Alice first second 0

Name

Tab A content

Fix each mistake and reload — the modal disappears when no errors remain.

Same form — checks disabled no-check

Adding no-check to <fx-fore> silences all checks. The authoring-check module is not even loaded — zero overhead.

Bob

Name

This form has a broken fx-send reference but no modal appears because no-check is present.