@ez-gform/codegen 0.1.0

package/dist/index.js

@@ -0,0 +1,582 @@
+// src/generate-html.ts
+import { formUrls } from "@ez-gform/core";
+var escapeHtml = (value) => {
+  return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+};
+var attr = (name, value) => {
+  return `${name}="${escapeHtml(value)}"`;
+};
+var renderChoiceInputs = (question, inputType) => {
+  const options = question.options ?? [];
+  const rows = options.map((option) => {
+    if (option.isOther) {
+      return [
+        `<label><input type="${inputType}" ${attr("name", question.entryId)} value="__other_option__"> Other:</label>`,
+        `<input type="text" ${attr("name", `${question.entryId}.other_option_response`)}>`
+      ].join("\n    ");
+    }
+    return `<label><input type="${inputType}" ${attr("name", question.entryId)} ${attr("value", option.value)}> ${escapeHtml(option.value)}</label>`;
+  });
+  return rows.join("\n    ");
+};
+var renderGrid = (question) => {
+  const inputType = question.type === "checkbox_grid" ? "checkbox" : "radio";
+  const columns = question.options ?? [];
+  const rows = (question.rows ?? []).map((row) => {
+    const cells = columns.map((col) => {
+      return `<td><input type="${inputType}" ${attr("name", row.entryId)} ${attr("value", col.value)}></td>`;
+    }).join("");
+    return `  <tr><th>${escapeHtml(row.label)}</th>${cells}</tr>`;
+  }).join("\n");
+  return `<table>
+${rows}
+</table>`;
+};
+var renderQuestion = (question) => {
+  const label = `<label>${escapeHtml(question.title)}${question.required ? " *" : ""}</label>`;
+  const requiredAttr = question.required ? " required" : "";
+  switch (question.type) {
+    case "short_answer":
+      return `${label}
+<input type="text" ${attr("name", question.entryId)}${requiredAttr}>`;
+    case "paragraph":
+      return `${label}
+<textarea ${attr("name", question.entryId)}${requiredAttr}></textarea>`;
+    case "multiple_choice":
+      return `${label}
+${renderChoiceInputs(question, "radio")}`;
+    case "checkboxes":
+      return `${label}
+${renderChoiceInputs(question, "checkbox")}`;
+    case "dropdown": {
+      const options = (question.options ?? []).map((option) => {
+        return `  <option ${attr("value", option.value)}>${escapeHtml(option.value)}</option>`;
+      }).join("\n");
+      return `${label}
+<select ${attr("name", question.entryId)}${requiredAttr}>
+${options}
+</select>`;
+    }
+    case "linear_scale": {
+      const min = question.scale?.min ?? 1;
+      const max = question.scale?.max ?? 5;
+      const inputs = [];
+      for (let value = min; value <= max; value++) {
+        inputs.push(
+          `<label><input type="radio" ${attr("name", question.entryId)} ${attr("value", String(value))}> ${value}</label>`
+        );
+      }
+      return `${label}
+${inputs.join("\n")}`;
+    }
+    case "grid":
+    case "checkbox_grid":
+      return `${label}
+${renderGrid(question)}`;
+    case "date": {
+      const inputs = [];
+      if (question.date?.includeYear !== false) {
+        inputs.push(
+          `<input type="number" ${attr("name", `${question.entryId}_year`)} placeholder="Year">`
+        );
+      }
+      inputs.push(
+        `<input type="number" ${attr("name", `${question.entryId}_month`)} placeholder="Month">`
+      );
+      inputs.push(
+        `<input type="number" ${attr("name", `${question.entryId}_day`)} placeholder="Day">`
+      );
+      if (question.date?.includeTime) {
+        inputs.push(
+          `<input type="number" ${attr("name", `${question.entryId}_hour`)} placeholder="Hour">`
+        );
+        inputs.push(
+          `<input type="number" ${attr("name", `${question.entryId}_minute`)} placeholder="Minute">`
+        );
+      }
+      return `${label}
+${inputs.join("\n")}`;
+    }
+    case "time":
+      return `${label}
+<input type="number" ${attr("name", `${question.entryId}_hour`)} placeholder="Hour">
+<input type="number" ${attr("name", `${question.entryId}_minute`)} placeholder="Minute">`;
+    case "file_upload":
+      return `${label}
+<!-- file_upload is not supported by the Forms API without sign-in; no input rendered -->`;
+    default:
+      return label;
+  }
+};
+var generateHtmlForm = (schema) => {
+  const { formResponse } = formUrls(schema.formId || "REPLACE_WITH_FORM_ID");
+  const body = schema.questions.map(renderQuestion).join("\n\n");
+  const hiddenFields = [];
+  if (schema.multiPage) {
+    hiddenFields.push(
+      `<input type="hidden" ${attr("name", "fbzx")} ${attr("value", schema.fbzx ?? "")}>`
+    );
+  }
+  return `<!-- ${escapeHtml(schema.title)} -->
+<form action="${escapeHtml(formResponse)}" method="POST">
+${hiddenFields.join("\n")}
+${body}
+
+<button type="submit">Submit</button>
+</form>
+`;
+};
+
+// src/names.ts
+var splitWords = (input) => {
+  return input.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/([A-Z]+)([A-Z][a-z])/g, "$1 $2").replace(/[^a-zA-Z0-9]+/g, " ").trim().split(/\s+/).filter((word) => {
+    return word.length > 0;
+  });
+};
+var toPascalCase = (input) => {
+  const words = splitWords(input);
+  const pascal = words.map((word) => {
+    const lower = word.toLowerCase();
+    return lower.charAt(0).toUpperCase() + lower.slice(1);
+  }).join("");
+  return pascal.length > 0 ? pascal : "Form";
+};
+var RESERVED_WORDS = /* @__PURE__ */ new Set([
+  "break",
+  "case",
+  "catch",
+  "class",
+  "const",
+  "continue",
+  "debugger",
+  "default",
+  "delete",
+  "do",
+  "else",
+  "export",
+  "extends",
+  "finally",
+  "for",
+  "function",
+  "if",
+  "import",
+  "in",
+  "instanceof",
+  "new",
+  "return",
+  "super",
+  "switch",
+  "this",
+  "throw",
+  "try",
+  "typeof",
+  "var",
+  "void",
+  "while",
+  "with",
+  "enum",
+  "implements",
+  "interface",
+  "let",
+  "package",
+  "private",
+  "protected",
+  "public",
+  "static",
+  "yield",
+  "await",
+  "null",
+  "true",
+  "false"
+]);
+var toIdentifier = (input) => {
+  const words = splitWords(input);
+  if (words.length === 0) return "Form";
+  const [first, ...rest] = words;
+  const camel = first.toLowerCase() + rest.map((word) => {
+    const lower = word.toLowerCase();
+    return lower.charAt(0).toUpperCase() + lower.slice(1);
+  }).join("");
+  const prefixed = /^[0-9]/.test(camel) ? `_${camel}` : camel;
+  return RESERVED_WORDS.has(prefixed) ? `${prefixed}_` : prefixed;
+};
+
+// src/generate-react.ts
+var JSX_TEXT_ESCAPES = {
+  "&": "&amp;",
+  "<": "&lt;",
+  ">": "&gt;",
+  "{": "&#123;",
+  "}": "&#125;"
+};
+var jsxEscape = (value) => {
+  return value.replace(/[&<>{}]/g, (ch) => {
+    return JSX_TEXT_ESCAPES[ch];
+  });
+};
+var q = (value) => {
+  return JSON.stringify(value);
+};
+var hasOtherOption = (question) => {
+  return question.options?.some((option) => {
+    return option.isOther;
+  }) ?? false;
+};
+var renderShortText = (question, multiline) => {
+  const tag = multiline ? "textarea" : "input";
+  const typeAttr = multiline ? "" : ' type="text"';
+  return `<${tag}${typeAttr} {...form.register(${q(question.entryId)})}${question.required ? " required" : ""} />`;
+};
+var renderRadioGroup = (question) => {
+  const entryId = q(question.entryId);
+  const options = (question.options ?? []).map((option) => {
+    if (option.isOther) {
+      return `        <label>
+          <input
+            type="radio"
+            name={form.register(${entryId}).name}
+            checked={typeof form.values[${entryId}] === "object"}
+            onChange={() => form.setValue(${entryId}, { other: "" })}
+          />
+          Other:
+          <input
+            type="text"
+            onChange={(e) => form.setValue(${entryId}, { other: e.target.value })}
+          />
+        </label>`;
+    }
+    const value = q(option.value);
+    return `        <label>
+          <input
+            type="radio"
+            name={form.register(${entryId}).name}
+            value={${value}}
+            checked={form.register(${entryId}).value === ${value}}
+            onChange={() => form.setValue(${entryId}, ${value})}
+          />
+          ${jsxEscape(option.value)}
+        </label>`;
+  }).join("\n");
+  return `<div role="radiogroup">
+${options}
+      </div>`;
+};
+var renderSelect = (question) => {
+  const options = (question.options ?? []).map((option) => {
+    return `          <option value={${q(option.value)}}>${jsxEscape(option.value)}</option>`;
+  }).join("\n");
+  return `<select {...form.register(${q(question.entryId)})}${question.required ? " required" : ""}>
+          <option value="">Select\u2026</option>
+${options}
+        </select>`;
+};
+var renderCheckboxGroup = (question) => {
+  const entryId = q(question.entryId);
+  const options = (question.options ?? []).map((option) => {
+    if (option.isOther) {
+      return `        <label>
+          <input
+            type="checkbox"
+            onChange={(e) => form.setValue(${entryId}, e.target.checked ? { other: "" } : undefined)}
+          />
+          Other:
+          <input
+            type="text"
+            onChange={(e) => form.setValue(${entryId}, { other: e.target.value })}
+          />
+        </label>`;
+    }
+    const value = q(option.value);
+    return `        <label>
+          <input type="checkbox" {...form.registerCheckbox(${entryId}, ${value})} />
+          ${jsxEscape(option.value)}
+        </label>`;
+  }).join("\n");
+  return `<div>
+${options}
+      </div>`;
+};
+var renderLinearScale = (question) => {
+  const entryId = q(question.entryId);
+  const min = question.scale?.min ?? 1;
+  const max = question.scale?.max ?? 5;
+  const items = [];
+  for (let value = min; value <= max; value++) {
+    items.push(`        <label>
+          <input
+            type="radio"
+            name={form.register(${entryId}).name}
+            checked={form.register(${entryId}).value === ${q(String(value))}}
+            onChange={() => form.setValue(${entryId}, ${value})}
+          />
+          ${value}
+        </label>`);
+  }
+  const lowLabel = question.scale?.lowLabel;
+  const highLabel = question.scale?.highLabel;
+  return `<div role="radiogroup">
+        ${lowLabel ? `<span>${jsxEscape(lowLabel)}</span>` : ""}
+${items.join("\n")}
+        ${highLabel ? `<span>${jsxEscape(highLabel)}</span>` : ""}
+      </div>`;
+};
+var renderGrid2 = (question) => {
+  const isCheckbox = question.type === "checkbox_grid";
+  const columns = question.options ?? [];
+  const headerCells = columns.map((col) => {
+    return `<th key={${q(col.value)}}>${jsxEscape(col.value)}</th>`;
+  }).join("\n              ");
+  const rows = (question.rows ?? []).map((row) => {
+    const entryId = q(row.entryId);
+    const cells = columns.map((col) => {
+      const value = q(col.value);
+      if (isCheckbox) {
+        return `<td key={${value}}><input type="checkbox" {...form.registerCheckbox(${entryId}, ${value})} /></td>`;
+      }
+      return `<td key={${value}}>
+                <input
+                  type="radio"
+                  name={form.register(${entryId}).name}
+                  checked={form.register(${entryId}).value === ${value}}
+                  onChange={() => form.setValue(${entryId}, ${value})}
+                />
+              </td>`;
+    }).join("\n              ");
+    return `          <tr>
+            <th>${jsxEscape(row.label)}</th>
+              ${cells}
+          </tr>`;
+  }).join("\n");
+  return `<table>
+        <thead>
+          <tr>
+            <th />
+              ${headerCells}
+          </tr>
+        </thead>
+        <tbody>
+${rows}
+        </tbody>
+      </table>`;
+};
+var renderDate = (question) => {
+  const entryId = q(question.entryId);
+  return `<input
+        type="date"
+        required={${question.required ? "true" : "false"}}
+        onChange={(e) => {
+          const parts = e.target.value.split("-").map(Number);
+          const [year, month, day] = parts;
+          if (month === undefined || day === undefined) return;
+          form.setValue(${entryId}, { year, month, day });
+        }}
+      />`;
+};
+var renderTime = (question) => {
+  const entryId = q(question.entryId);
+  return `<input
+        type="time"
+        required={${question.required ? "true" : "false"}}
+        onChange={(e) => {
+          const parts = e.target.value.split(":").map(Number);
+          const [hour, minute] = parts;
+          if (hour === undefined || minute === undefined) return;
+          form.setValue(${entryId}, { hour, minute });
+        }}
+      />`;
+};
+var renderQuestion2 = (question) => {
+  const label = `<label>${jsxEscape(question.title)}${question.required ? " *" : ""}</label>`;
+  const description = question.description ? `
+      <p>${jsxEscape(question.description)}</p>` : "";
+  let field;
+  switch (question.type) {
+    case "short_answer":
+      field = renderShortText(question, false);
+      break;
+    case "paragraph":
+      field = renderShortText(question, true);
+      break;
+    case "multiple_choice":
+      field = renderRadioGroup(question);
+      break;
+    case "dropdown":
+      field = renderSelect(question);
+      break;
+    case "checkboxes":
+      field = renderCheckboxGroup(question);
+      break;
+    case "linear_scale":
+      field = renderLinearScale(question);
+      break;
+    case "grid":
+    case "checkbox_grid":
+      field = renderGrid2(question);
+      break;
+    case "date":
+      field = renderDate(question);
+      break;
+    case "time":
+      field = renderTime(question);
+      break;
+    case "file_upload":
+      field = `<p>"${jsxEscape(question.title)}" is a file upload question and is not supported by Google Forms submission without sign-in.</p>`;
+      break;
+    default:
+      field = `<input {...form.register(${q(question.entryId)})} />`;
+  }
+  return `    <div key={${q(question.id)}}>
+      ${label}${description}
+      ${field}
+    </div>`;
+};
+var renderSection = (section, questionsById) => {
+  const heading = section.title ? `    <h2>${jsxEscape(section.title)}</h2>
+` : "";
+  const description = section.description ? `    <p>${jsxEscape(section.description)}</p>
+` : "";
+  const body = section.questionIds.map((id) => {
+    return questionsById.get(id);
+  }).filter((question) => {
+    return question !== void 0;
+  }).map(renderQuestion2).join("\n");
+  return `${heading}${description}${body}`;
+};
+var usesOther = (question) => {
+  return hasOtherOption(question) && (question.type === "multiple_choice" || question.type === "checkboxes");
+};
+var generateReactComponent = (schema, options = {}) => {
+  const typescript = options.typescript ?? true;
+  const name = options.name ?? `${toPascalCase(schema.title)}Form`;
+  const schemaJson = JSON.stringify(schema, null, 2);
+  void usesOther;
+  const questionsById = new Map(
+    schema.questions.map((qn) => {
+      return [qn.id, qn];
+    })
+  );
+  const body = schema.sections.length > 1 || schema.sections[0]?.title && schema.sections[0].title.length > 0 ? schema.sections.map((section) => {
+    return renderSection(section, questionsById);
+  }).join("\n") : schema.questions.map(renderQuestion2).join("\n");
+  const schemaDeclaration = typescript ? `${schemaJson} as const satisfies FormSchema` : schemaJson;
+  const typeImport = typescript ? `import type { FormSchema } from "@ez-gform/core";
+` : "";
+  return `${typeImport}import { useGoogleForm } from "@ez-gform/react";
+
+const schema = ${schemaDeclaration};
+
+export function ${name}() {
+  const form = useGoogleForm({ formId: schema.formId, schema });
+
+  return (
+    <form
+      onSubmit={form.submit}
+    >
+      <h1>${jsxEscape(schema.title)}</h1>
+      ${schema.description ? `<p>${jsxEscape(schema.description)}</p>` : ""}
+${body}
+
+      <div>Status: {form.status}</div>
+      {form.errors && form.errors.length > 0 && (
+        <ul>
+          {form.errors.map((error, index) => (
+            <li key={index}>{error.message}</li>
+          ))}
+        </ul>
+      )}
+
+      <button type="submit" disabled={form.status === "submitting"}>
+        Submit
+      </button>
+    </form>
+  );
+}
+`;
+};
+
+// src/generate-types.ts
+var quote = (value) => {
+  return JSON.stringify(value);
+};
+var hasOtherOption2 = (question) => {
+  return question.options?.some((option) => {
+    return option.isOther;
+  }) ?? false;
+};
+var fieldType = (question) => {
+  switch (question.type) {
+    case "short_answer":
+    case "paragraph":
+      return "string";
+    case "multiple_choice":
+    case "dropdown":
+      return hasOtherOption2(question) ? "string | { other: string }" : "string";
+    case "checkboxes":
+      return hasOtherOption2(question) ? "(string | { other: string })[]" : "string[]";
+    case "linear_scale":
+      return "number";
+    case "date":
+      return "DateValue";
+    case "time":
+      return "TimeValue";
+    case "grid":
+    case "checkbox_grid": {
+      const rowIds = (question.rows ?? []).map((row) => {
+        return quote(row.entryId);
+      });
+      const keyType = rowIds.length > 0 ? rowIds.join(" | ") : "string";
+      return `Record<${keyType}, string | string[]>`;
+    }
+    case "file_upload":
+      return void 0;
+    default:
+      return "string";
+  }
+};
+var generateTypes = (schema, options = {}) => {
+  const name = options.name ?? toPascalCase(schema.title);
+  const schemaJson = JSON.stringify(schema, null, 2);
+  const usesDate = schema.questions.some((q2) => {
+    return q2.type === "date";
+  });
+  const usesTime = schema.questions.some((q2) => {
+    return q2.type === "time";
+  });
+  const extraTypeImports = [
+    usesDate ? "DateValue" : void 0,
+    usesTime ? "TimeValue" : void 0
+  ].filter((t) => {
+    return t !== void 0;
+  });
+  const fields = [];
+  for (const question of schema.questions) {
+    const type = fieldType(question);
+    if (type === void 0) continue;
+    const optional = question.required ? "" : "?";
+    fields.push(`  ${quote(question.entryId)}${optional}: ${type};`);
+  }
+  const importLine = ["FormSchema", ...extraTypeImports].sort().join(", ");
+  return `import type { ${importLine} } from "@ez-gform/core";
+
+export const ${name}Schema = ${schemaJson} as const satisfies FormSchema;
+
+export type ${name}Values = {
+${fields.join("\n")}
+};
+`;
+};
+
+// src/schema-json.ts
+var generateSchemaJson = (schema, options = {}) => {
+  const pretty = options.pretty ?? true;
+  return pretty ? JSON.stringify(schema, null, 2) : JSON.stringify(schema);
+};
+export {
+  generateHtmlForm,
+  generateReactComponent,
+  generateSchemaJson,
+  generateTypes,
+  toIdentifier,
+  toPascalCase
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/generate-html.ts","../src/names.ts","../src/generate-react.ts","../src/generate-types.ts","../src/schema-json.ts"],"sourcesContent":["import { formUrls } from \"@ez-gform/core\";\nimport type { FormSchema, Question } from \"@ez-gform/types\";\n\nconst escapeHtml = (value: string): string => {\n  return value\n    .replace(/&/g, \"&amp;\")\n    .replace(/</g, \"&lt;\")\n    .replace(/>/g, \"&gt;\")\n    .replace(/\"/g, \"&quot;\");\n};\n\nconst attr = (name: string, value: string): string => {\n  return `${name}=\"${escapeHtml(value)}\"`;\n};\n\nconst renderChoiceInputs = (\n  question: Question,\n  inputType: \"radio\" | \"checkbox\",\n): string => {\n  const options = question.options ?? [];\n  const rows = options.map((option) => {\n    if (option.isOther) {\n      return [\n        `<label><input type=\"${inputType}\" ${attr(\"name\", question.entryId)} value=\"__other_option__\"> Other:</label>`,\n        `<input type=\"text\" ${attr(\"name\", `${question.entryId}.other_option_response`)}>`,\n      ].join(\"\\n    \");\n    }\n    return `<label><input type=\"${inputType}\" ${attr(\"name\", question.entryId)} ${attr(\"value\", option.value)}> ${escapeHtml(option.value)}</label>`;\n  });\n  return rows.join(\"\\n    \");\n};\n\nconst renderGrid = (question: Question): string => {\n  const inputType = question.type === \"checkbox_grid\" ? \"checkbox\" : \"radio\";\n  const columns = question.options ?? [];\n  const rows = (question.rows ?? [])\n    .map((row) => {\n      const cells = columns\n        .map((col) => {\n          return `<td><input type=\"${inputType}\" ${attr(\"name\", row.entryId)} ${attr(\"value\", col.value)}></td>`;\n        })\n        .join(\"\");\n      return `  <tr><th>${escapeHtml(row.label)}</th>${cells}</tr>`;\n    })\n    .join(\"\\n\");\n  return `<table>\\n${rows}\\n</table>`;\n};\n\nconst renderQuestion = (question: Question): string => {\n  const label = `<label>${escapeHtml(question.title)}${question.required ? \" *\" : \"\"}</label>`;\n  const requiredAttr = question.required ? \" required\" : \"\";\n\n  switch (question.type) {\n    case \"short_answer\":\n      return `${label}\\n<input type=\"text\" ${attr(\"name\", question.entryId)}${requiredAttr}>`;\n    case \"paragraph\":\n      return `${label}\\n<textarea ${attr(\"name\", question.entryId)}${requiredAttr}></textarea>`;\n    case \"multiple_choice\":\n      return `${label}\\n${renderChoiceInputs(question, \"radio\")}`;\n    case \"checkboxes\":\n      return `${label}\\n${renderChoiceInputs(question, \"checkbox\")}`;\n    case \"dropdown\": {\n      const options = (question.options ?? [])\n        .map((option) => {\n          return `  <option ${attr(\"value\", option.value)}>${escapeHtml(option.value)}</option>`;\n        })\n        .join(\"\\n\");\n      return `${label}\\n<select ${attr(\"name\", question.entryId)}${requiredAttr}>\\n${options}\\n</select>`;\n    }\n    case \"linear_scale\": {\n      const min = question.scale?.min ?? 1;\n      const max = question.scale?.max ?? 5;\n      const inputs: string[] = [];\n      for (let value = min; value <= max; value++) {\n        inputs.push(\n          `<label><input type=\"radio\" ${attr(\"name\", question.entryId)} ${attr(\"value\", String(value))}> ${value}</label>`,\n        );\n      }\n      return `${label}\\n${inputs.join(\"\\n\")}`;\n    }\n    case \"grid\":\n    case \"checkbox_grid\":\n      return `${label}\\n${renderGrid(question)}`;\n    case \"date\": {\n      const inputs: string[] = [];\n      if (question.date?.includeYear !== false) {\n        inputs.push(\n          `<input type=\"number\" ${attr(\"name\", `${question.entryId}_year`)} placeholder=\"Year\">`,\n        );\n      }\n      inputs.push(\n        `<input type=\"number\" ${attr(\"name\", `${question.entryId}_month`)} placeholder=\"Month\">`,\n      );\n      inputs.push(\n        `<input type=\"number\" ${attr(\"name\", `${question.entryId}_day`)} placeholder=\"Day\">`,\n      );\n      if (question.date?.includeTime) {\n        inputs.push(\n          `<input type=\"number\" ${attr(\"name\", `${question.entryId}_hour`)} placeholder=\"Hour\">`,\n        );\n        inputs.push(\n          `<input type=\"number\" ${attr(\"name\", `${question.entryId}_minute`)} placeholder=\"Minute\">`,\n        );\n      }\n      return `${label}\\n${inputs.join(\"\\n\")}`;\n    }\n    case \"time\":\n      return `${label}\\n<input type=\"number\" ${attr(\"name\", `${question.entryId}_hour`)} placeholder=\"Hour\">\\n<input type=\"number\" ${attr(\"name\", `${question.entryId}_minute`)} placeholder=\"Minute\">`;\n    case \"file_upload\":\n      return `${label}\\n<!-- file_upload is not supported by the Forms API without sign-in; no input rendered -->`;\n    default:\n      return label;\n  }\n};\n\n/**\n * Emits a plain HTML `<form>` (no JS framework required) posting directly to\n * the form's `formResponse` endpoint, with `name` attributes following every\n * `entry.N`(`_year`/`_month`/`_day`/`_hour`/`_minute`, `__other_option__`,\n * `.other_option_response`) encoding rule in\n * `docs/research/google-forms-internals.md` §3.\n */\nexport const generateHtmlForm = (schema: FormSchema): string => {\n  const { formResponse } = formUrls(schema.formId || \"REPLACE_WITH_FORM_ID\");\n  const body = schema.questions.map(renderQuestion).join(\"\\n\\n\");\n\n  const hiddenFields: string[] = [];\n  if (schema.multiPage) {\n    hiddenFields.push(\n      `<input type=\"hidden\" ${attr(\"name\", \"fbzx\")} ${attr(\"value\", schema.fbzx ?? \"\")}>`,\n    );\n  }\n\n  return `<!-- ${escapeHtml(schema.title)} -->\n<form action=\"${escapeHtml(formResponse)}\" method=\"POST\">\n${hiddenFields.join(\"\\n\")}\n${body}\n\n<button type=\"submit\">Submit</button>\n</form>\n`;\n};\n","/** Splits a free-form string (a form title, question label, etc.) into word tokens. */\nconst splitWords = (input: string): string[] => {\n  return (\n    input\n      // Insert boundaries between camelCase / acronym transitions.\n      .replace(/([a-z0-9])([A-Z])/g, \"$1 $2\")\n      .replace(/([A-Z]+)([A-Z][a-z])/g, \"$1 $2\")\n      // Replace anything that isn't a letter/digit with a space.\n      .replace(/[^a-zA-Z0-9]+/g, \" \")\n      .trim()\n      .split(/\\s+/)\n      .filter((word) => {\n        return word.length > 0;\n      })\n  );\n};\n\n/** Converts a free-form string into `PascalCase`, safe for a TS identifier/type name. */\nexport const toPascalCase = (input: string): string => {\n  const words = splitWords(input);\n  const pascal = words\n    .map((word) => {\n      const lower = word.toLowerCase();\n      return lower.charAt(0).toUpperCase() + lower.slice(1);\n    })\n    .join(\"\");\n  return pascal.length > 0 ? pascal : \"Form\";\n};\n\n/**\n * JS/TS reserved words (keywords, future reserved words, and strict-mode\n * reserved words) that are not valid as a binding identifier. Guarded here\n * because `toIdentifier` output is emitted as a real variable/prop name in\n * generated code.\n */\nconst RESERVED_WORDS = new Set([\n  \"break\",\n  \"case\",\n  \"catch\",\n  \"class\",\n  \"const\",\n  \"continue\",\n  \"debugger\",\n  \"default\",\n  \"delete\",\n  \"do\",\n  \"else\",\n  \"export\",\n  \"extends\",\n  \"finally\",\n  \"for\",\n  \"function\",\n  \"if\",\n  \"import\",\n  \"in\",\n  \"instanceof\",\n  \"new\",\n  \"return\",\n  \"super\",\n  \"switch\",\n  \"this\",\n  \"throw\",\n  \"try\",\n  \"typeof\",\n  \"var\",\n  \"void\",\n  \"while\",\n  \"with\",\n  \"enum\",\n  \"implements\",\n  \"interface\",\n  \"let\",\n  \"package\",\n  \"private\",\n  \"protected\",\n  \"public\",\n  \"static\",\n  \"yield\",\n  \"await\",\n  \"null\",\n  \"true\",\n  \"false\",\n]);\n\n/**\n * Converts a free-form string into a valid, sanitized JS identifier\n * (`camelCase`, no leading digit, and no collision with a JS/TS reserved\n * word — a trailing underscore is appended in that case).\n */\nexport const toIdentifier = (input: string): string => {\n  const words = splitWords(input);\n  if (words.length === 0) return \"Form\";\n  const [first, ...rest] = words;\n  const camel =\n    first!.toLowerCase() +\n    rest\n      .map((word) => {\n        const lower = word.toLowerCase();\n        return lower.charAt(0).toUpperCase() + lower.slice(1);\n      })\n      .join(\"\");\n  const prefixed = /^[0-9]/.test(camel) ? `_${camel}` : camel;\n  return RESERVED_WORDS.has(prefixed) ? `${prefixed}_` : prefixed;\n};\n","import type {\n  FormSchema,\n  GenerateReactOptions,\n  Question,\n  Section,\n} from \"@ez-gform/types\";\nimport { toPascalCase } from \"./names.js\";\n\nexport type GenerateReactComponentOptions = GenerateReactOptions;\n\nconst JSX_TEXT_ESCAPES: Record<string, string> = {\n  \"&\": \"&amp;\",\n  \"<\": \"&lt;\",\n  \">\": \"&gt;\",\n  \"{\": \"&#123;\",\n  \"}\": \"&#125;\",\n};\n\n/** Escapes text so it's safe to drop directly into JSX element children. */\nconst jsxEscape = (value: string): string => {\n  return value.replace(/[&<>{}]/g, (ch) => {\n    return JSX_TEXT_ESCAPES[ch]!;\n  });\n};\n\nconst q = (value: string): string => {\n  return JSON.stringify(value);\n};\n\nconst hasOtherOption = (question: Question): boolean => {\n  return (\n    question.options?.some((option) => {\n      return option.isOther;\n    }) ?? false\n  );\n};\n\nconst renderShortText = (question: Question, multiline: boolean): string => {\n  const tag = multiline ? \"textarea\" : \"input\";\n  const typeAttr = multiline ? \"\" : ' type=\"text\"';\n  return `<${tag}${typeAttr} {...form.register(${q(question.entryId)})}${\n    question.required ? \" required\" : \"\"\n  } />`;\n};\n\nconst renderRadioGroup = (question: Question): string => {\n  const entryId = q(question.entryId);\n  const options = (question.options ?? [])\n    .map((option) => {\n      if (option.isOther) {\n        return `        <label>\n          <input\n            type=\"radio\"\n            name={form.register(${entryId}).name}\n            checked={typeof form.values[${entryId}] === \"object\"}\n            onChange={() => form.setValue(${entryId}, { other: \"\" })}\n          />\n          Other:\n          <input\n            type=\"text\"\n            onChange={(e) => form.setValue(${entryId}, { other: e.target.value })}\n          />\n        </label>`;\n      }\n      const value = q(option.value);\n      return `        <label>\n          <input\n            type=\"radio\"\n            name={form.register(${entryId}).name}\n            value={${value}}\n            checked={form.register(${entryId}).value === ${value}}\n            onChange={() => form.setValue(${entryId}, ${value})}\n          />\n          ${jsxEscape(option.value)}\n        </label>`;\n    })\n    .join(\"\\n\");\n  return `<div role=\"radiogroup\">\n${options}\n      </div>`;\n};\n\nconst renderSelect = (question: Question): string => {\n  const options = (question.options ?? [])\n    .map((option) => {\n      return `          <option value={${q(option.value)}}>${jsxEscape(option.value)}</option>`;\n    })\n    .join(\"\\n\");\n  return `<select {...form.register(${q(question.entryId)})}${\n    question.required ? \" required\" : \"\"\n  }>\n          <option value=\"\">Select…</option>\n${options}\n        </select>`;\n};\n\nconst renderCheckboxGroup = (question: Question): string => {\n  const entryId = q(question.entryId);\n  const options = (question.options ?? [])\n    .map((option) => {\n      if (option.isOther) {\n        return `        <label>\n          <input\n            type=\"checkbox\"\n            onChange={(e) => form.setValue(${entryId}, e.target.checked ? { other: \"\" } : undefined)}\n          />\n          Other:\n          <input\n            type=\"text\"\n            onChange={(e) => form.setValue(${entryId}, { other: e.target.value })}\n          />\n        </label>`;\n      }\n      const value = q(option.value);\n      return `        <label>\n          <input type=\"checkbox\" {...form.registerCheckbox(${entryId}, ${value})} />\n          ${jsxEscape(option.value)}\n        </label>`;\n    })\n    .join(\"\\n\");\n  return `<div>\n${options}\n      </div>`;\n};\n\nconst renderLinearScale = (question: Question): string => {\n  const entryId = q(question.entryId);\n  const min = question.scale?.min ?? 1;\n  const max = question.scale?.max ?? 5;\n  const items: string[] = [];\n  for (let value = min; value <= max; value++) {\n    items.push(`        <label>\n          <input\n            type=\"radio\"\n            name={form.register(${entryId}).name}\n            checked={form.register(${entryId}).value === ${q(String(value))}}\n            onChange={() => form.setValue(${entryId}, ${value})}\n          />\n          ${value}\n        </label>`);\n  }\n  const lowLabel = question.scale?.lowLabel;\n  const highLabel = question.scale?.highLabel;\n  return `<div role=\"radiogroup\">\n        ${lowLabel ? `<span>${jsxEscape(lowLabel)}</span>` : \"\"}\n${items.join(\"\\n\")}\n        ${highLabel ? `<span>${jsxEscape(highLabel)}</span>` : \"\"}\n      </div>`;\n};\n\nconst renderGrid = (question: Question): string => {\n  const isCheckbox = question.type === \"checkbox_grid\";\n  const columns = question.options ?? [];\n  const headerCells = columns\n    .map((col) => {\n      return `<th key={${q(col.value)}}>${jsxEscape(col.value)}</th>`;\n    })\n    .join(\"\\n              \");\n  const rows = (question.rows ?? [])\n    .map((row) => {\n      const entryId = q(row.entryId);\n      const cells = columns\n        .map((col) => {\n          const value = q(col.value);\n          if (isCheckbox) {\n            return `<td key={${value}}><input type=\"checkbox\" {...form.registerCheckbox(${entryId}, ${value})} /></td>`;\n          }\n          return `<td key={${value}}>\n                <input\n                  type=\"radio\"\n                  name={form.register(${entryId}).name}\n                  checked={form.register(${entryId}).value === ${value}}\n                  onChange={() => form.setValue(${entryId}, ${value})}\n                />\n              </td>`;\n        })\n        .join(\"\\n              \");\n      return `          <tr>\n            <th>${jsxEscape(row.label)}</th>\n              ${cells}\n          </tr>`;\n    })\n    .join(\"\\n\");\n  return `<table>\n        <thead>\n          <tr>\n            <th />\n              ${headerCells}\n          </tr>\n        </thead>\n        <tbody>\n${rows}\n        </tbody>\n      </table>`;\n};\n\nconst renderDate = (question: Question): string => {\n  const entryId = q(question.entryId);\n  return `<input\n        type=\"date\"\n        required={${question.required ? \"true\" : \"false\"}}\n        onChange={(e) => {\n          const parts = e.target.value.split(\"-\").map(Number);\n          const [year, month, day] = parts;\n          if (month === undefined || day === undefined) return;\n          form.setValue(${entryId}, { year, month, day });\n        }}\n      />`;\n};\n\nconst renderTime = (question: Question): string => {\n  const entryId = q(question.entryId);\n  return `<input\n        type=\"time\"\n        required={${question.required ? \"true\" : \"false\"}}\n        onChange={(e) => {\n          const parts = e.target.value.split(\":\").map(Number);\n          const [hour, minute] = parts;\n          if (hour === undefined || minute === undefined) return;\n          form.setValue(${entryId}, { hour, minute });\n        }}\n      />`;\n};\n\nconst renderQuestion = (question: Question): string => {\n  const label = `<label>${jsxEscape(question.title)}${\n    question.required ? \" *\" : \"\"\n  }</label>`;\n  const description = question.description\n    ? `\\n      <p>${jsxEscape(question.description)}</p>`\n    : \"\";\n\n  let field: string;\n  switch (question.type) {\n    case \"short_answer\":\n      field = renderShortText(question, false);\n      break;\n    case \"paragraph\":\n      field = renderShortText(question, true);\n      break;\n    case \"multiple_choice\":\n      field = renderRadioGroup(question);\n      break;\n    case \"dropdown\":\n      field = renderSelect(question);\n      break;\n    case \"checkboxes\":\n      field = renderCheckboxGroup(question);\n      break;\n    case \"linear_scale\":\n      field = renderLinearScale(question);\n      break;\n    case \"grid\":\n    case \"checkbox_grid\":\n      field = renderGrid(question);\n      break;\n    case \"date\":\n      field = renderDate(question);\n      break;\n    case \"time\":\n      field = renderTime(question);\n      break;\n    case \"file_upload\":\n      field = `<p>\"${jsxEscape(question.title)}\" is a file upload question and is not supported by Google Forms submission without sign-in.</p>`;\n      break;\n    default:\n      field = `<input {...form.register(${q(question.entryId)})} />`;\n  }\n\n  return `    <div key={${q(question.id)}}>\n      ${label}${description}\n      ${field}\n    </div>`;\n};\n\nconst renderSection = (\n  section: Section,\n  questionsById: Map<string, Question>,\n): string => {\n  const heading = section.title\n    ? `    <h2>${jsxEscape(section.title)}</h2>\\n`\n    : \"\";\n  const description = section.description\n    ? `    <p>${jsxEscape(section.description)}</p>\\n`\n    : \"\";\n  const body = section.questionIds\n    .map((id) => {\n      return questionsById.get(id);\n    })\n    .filter((question): question is Question => {\n      return question !== undefined;\n    })\n    .map(renderQuestion)\n    .join(\"\\n\");\n  return `${heading}${description}${body}`;\n};\n\nconst usesOther = (question: Question): boolean => {\n  return (\n    hasOtherOption(question) &&\n    (question.type === \"multiple_choice\" || question.type === \"checkboxes\")\n  );\n};\n\n/**\n * Generates a paste-ready React component wired to `useGoogleForm` from\n * `@ez-gform/react`. Renders every supported question type; `file_upload`\n * questions render a disabled note instead of an input (the Forms API can't\n * accept file uploads without a signed-in session).\n */\nexport const generateReactComponent = (\n  schema: FormSchema,\n  options: GenerateReactComponentOptions = {},\n): string => {\n  const typescript = options.typescript ?? true;\n  const name = options.name ?? `${toPascalCase(schema.title)}Form`;\n  const schemaJson = JSON.stringify(schema, null, 2);\n  void usesOther;\n\n  const questionsById = new Map(\n    schema.questions.map((qn) => {\n      return [qn.id, qn];\n    }),\n  );\n  const body =\n    schema.sections.length > 1 ||\n    (schema.sections[0]?.title && schema.sections[0].title.length > 0)\n      ? schema.sections\n          .map((section) => {\n            return renderSection(section, questionsById);\n          })\n          .join(\"\\n\")\n      : schema.questions.map(renderQuestion).join(\"\\n\");\n\n  const schemaDeclaration = typescript\n    ? `${schemaJson} as const satisfies FormSchema`\n    : schemaJson;\n  const typeImport = typescript\n    ? `import type { FormSchema } from \"@ez-gform/core\";\\n`\n    : \"\";\n\n  return `${typeImport}import { useGoogleForm } from \"@ez-gform/react\";\n\nconst schema = ${schemaDeclaration};\n\nexport function ${name}() {\n  const form = useGoogleForm({ formId: schema.formId, schema });\n\n  return (\n    <form\n      onSubmit={form.submit}\n    >\n      <h1>${jsxEscape(schema.title)}</h1>\n      ${schema.description ? `<p>${jsxEscape(schema.description)}</p>` : \"\"}\n${body}\n\n      <div>Status: {form.status}</div>\n      {form.errors && form.errors.length > 0 && (\n        <ul>\n          {form.errors.map((error, index) => (\n            <li key={index}>{error.message}</li>\n          ))}\n        </ul>\n      )}\n\n      <button type=\"submit\" disabled={form.status === \"submitting\"}>\n        Submit\n      </button>\n    </form>\n  );\n}\n`;\n};\n","import type {\n  FormSchema,\n  GenerateTypesOptions,\n  Question,\n} from \"@ez-gform/types\";\nimport { toPascalCase } from \"./names.js\";\n\nexport type { GenerateTypesOptions } from \"@ez-gform/types\";\n\nconst quote = (value: string): string => {\n  return JSON.stringify(value);\n};\n\nconst hasOtherOption = (question: Question): boolean => {\n  return (\n    question.options?.some((option) => {\n      return option.isOther;\n    }) ?? false\n  );\n};\n\n/** Returns the TS type text for a single question's value, or `undefined` to omit it entirely. */\nconst fieldType = (question: Question): string | undefined => {\n  switch (question.type) {\n    case \"short_answer\":\n    case \"paragraph\":\n      return \"string\";\n    case \"multiple_choice\":\n    case \"dropdown\":\n      return hasOtherOption(question) ? \"string | { other: string }\" : \"string\";\n    case \"checkboxes\":\n      return hasOtherOption(question)\n        ? \"(string | { other: string })[]\"\n        : \"string[]\";\n    case \"linear_scale\":\n      return \"number\";\n    case \"date\":\n      return \"DateValue\";\n    case \"time\":\n      return \"TimeValue\";\n    case \"grid\":\n    case \"checkbox_grid\": {\n      const rowIds = (question.rows ?? []).map((row) => {\n        return quote(row.entryId);\n      });\n      const keyType = rowIds.length > 0 ? rowIds.join(\" | \") : \"string\";\n      return `Record<${keyType}, string | string[]>`;\n    }\n    case \"file_upload\":\n      // File uploads can't be submitted through the Forms API without\n      // sign-in; there is no meaningful value type for them.\n      return undefined;\n    default:\n      return \"string\";\n  }\n};\n\n/**\n * Emits `const <Name>Schema = {...} as const satisfies FormSchema;` and a\n * companion `type <Name>Values = { \"entry.N\"?: ...; ... }` mapping every\n * question's entry id to its precise `FieldValue` subtype.\n */\nexport const generateTypes = (\n  schema: FormSchema,\n  options: GenerateTypesOptions = {},\n): string => {\n  const name = options.name ?? toPascalCase(schema.title);\n  const schemaJson = JSON.stringify(schema, null, 2);\n\n  const usesDate = schema.questions.some((q) => {\n    return q.type === \"date\";\n  });\n  const usesTime = schema.questions.some((q) => {\n    return q.type === \"time\";\n  });\n  const extraTypeImports = [\n    usesDate ? \"DateValue\" : undefined,\n    usesTime ? \"TimeValue\" : undefined,\n  ].filter((t): t is string => {\n    return t !== undefined;\n  });\n\n  const fields: string[] = [];\n  for (const question of schema.questions) {\n    const type = fieldType(question);\n    if (type === undefined) continue;\n    const optional = question.required ? \"\" : \"?\";\n    fields.push(`  ${quote(question.entryId)}${optional}: ${type};`);\n  }\n\n  const importLine = [\"FormSchema\", ...extraTypeImports].sort().join(\", \");\n\n  return `import type { ${importLine} } from \"@ez-gform/core\";\n\nexport const ${name}Schema = ${schemaJson} as const satisfies FormSchema;\n\nexport type ${name}Values = {\n${fields.join(\"\\n\")}\n};\n`;\n};\n","import type { FormSchema, GenerateSchemaJsonOptions } from \"@ez-gform/types\";\n\nexport type { GenerateSchemaJsonOptions } from \"@ez-gform/types\";\n\n/** Serializes a `FormSchema` back to JSON text. Round-trips structurally with `JSON.parse`. */\nexport const generateSchemaJson = (\n  schema: FormSchema,\n  options: GenerateSchemaJsonOptions = {},\n): string => {\n  const pretty = options.pretty ?? true;\n  return pretty ? JSON.stringify(schema, null, 2) : JSON.stringify(schema);\n};\n"],"mappings":"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","names":["renderGrid","renderQuestion","hasOtherOption","q"]}