feat: add index.html with test questions

[jdhoffa]

No description provided.

[john]

Form loads fine from http server, I was able to add values and generate json. There are no AC but I think that's the only requirement--there's no backend DB or any way to persist the generated json. There's a lot of fields so I just spot checked a handful, not all of them, but for what I did check, LGTM.

Going to merge myself since Jackson is on PTO.

[Copilot]

Pull request overview

Adds a standalone static HTML page that loads a CCDF/SECCDF release JSON and generates an interactive “answer form” UI for filling responses, validating basic field shapes, and exporting/copying the resulting JSON payload.

Changes:

• Adds index.html with inline CSS + JS to load a framework schema (URL or local file) and render steps/sections/fields dynamically.
• Implements lightweight client-side collection/validation for booleans, options, arrays, tables, and JSON-typed fields.
• Adds JSON preview + clipboard copy + clear actions.

Comments suppressed due to low confidence (2)

index.html:399

• For array-with-options fields, the main field label targets fieldId(field) but the checkboxes are created with ids like ${fieldId(field)}_0, so the label’s for points at a non-existent id. Update the main label to point at the first checkbox id.

  // Array with options → multi-checkbox group
  if (type === "array" && hasOptions) {
    const group = el("div", { class: "options-group", "data-role": "checkbox-array" });
    field.options.forEach((o, i) => {
      const cbId = `${fieldId(field)}_${i}`;
      group.appendChild(el("label", { for: cbId },
        el("input", { type: "checkbox", id: cbId, value: o }),
        el("span", {}, o),
      ));
    });
    wrap.appendChild(group);
    return wrap;

index.html:409

• For freeform array fields, the main field label targets fieldId(field) but the generated row inputs have no id, so clicking the label won’t focus the field. Assign fieldId(field) to the first row’s input so the label points to a real control.

  // Array (freeform) → repeatable rows
  if (type === "array") {
    const list = el("div", { class: "array-list", "data-role": "string-array" });
    const addBtn = el("button", { type: "button", class: "mini", onclick: () => list.appendChild(makeArrayRow(list)) }, "+ Add item");
    list.appendChild(makeArrayRow(list));
    wrap.appendChild(list);
    wrap.appendChild(addBtn);
    return wrap;

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.