gemstack-cli 0.2.5 → 0.3.0

data/templates/frontend/tsconfig.json

@@ -1,21 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2022",
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "allowJs": false,
-    "skipLibCheck": true,
-    "strict": true,
-    "noEmit": true,
-    "esModuleInterop": true,
-    "module": "esnext",
-    "moduleResolution": "bundler",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "jsx": "react-jsx",
-    "incremental": true,
-    "plugins": [{ "name": "next" }],
-    "paths": { "@/*": ["./*"] }
-  },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts", ".next/dev/types/**/*.ts"],
-  "exclude": ["node_modules"]
-}

data/templates/job/app/jobs/%file_name%.rb.tt

@@ -1,15 +0,0 @@
-# frozen_string_literal: true
-
-# Enqueue with <%= class_name %>.perform_later(...) — arguments must be JSON values (pass ids, not records).
-# Runs in `gemstack jobs` (and in `gemstack dev`). Delivery is at-least-once: keep perform idempotent.
-class <%= class_name %> < ApplicationJob
-<% if queue_name -%>
-  queue :<%= queue_name %>
-<% end -%>
-  # retry_on SomeTimeoutError, attempts: 5    # default: any StandardError, 10 attempts, exponential backoff
-  # discard_on GemStack::NotFound             # drop instead of retrying
-
-  def perform(*args)
-    GemStack.logger.info("<%= class_name %> ran", args: args)
-  end
-end

data/templates/job/test/jobs/%file_name%_test.rb.tt

@@ -1,15 +0,0 @@
-# frozen_string_literal: true
-
-require_relative "../test_helper"
-
-class <%= class_name %>Test < GemStack::TestCase
-  def test_enqueue
-    <%= class_name %>.perform_later(1)
-
-    assert_enqueued <%= class_name %>, args: [1]
-  end
-
-  def test_perform
-    perform_enqueued_jobs { <%= class_name %>.perform_later(1) }
-  end
-end

data/templates/migration/db/migrations/%timestamp%_%file_name%.rb.tt

@@ -1,17 +0,0 @@
-# frozen_string_literal: true
-
-# Sequel migration — see https://sequel.jeremyevans.net/rdoc/files/doc/schema_modification_rdoc.html
-Sequel.migration do
-  change do
-<% if table && !columns.empty? -%>
-    alter_table(:<%= table %>) do
-<% columns.each do |column| -%>
-      <%= column %>
-<% end -%>
-    end
-<% else -%>
-    # create_table(:things) { primary_key :id, type: :Bignum }
-    # alter_table(:things) { add_column :name, String }
-<% end -%>
-  end
-end

data/templates/policy/app/policies/%file_name%_policy.rb.tt

@@ -1,21 +0,0 @@
-# frozen_string_literal: true
-
-# Who may do what with <%= model_name %> records (docs/authorization.md).
-# `user` is the signed-in user (nil when anonymous); `record` the <%= model_name %>.
-# In controllers: authorize!(record) checks "<action>?", policy_scope(<%= model_name %>) filters lists.
-class <%= class_name %> < <%= parent_class %>
-  def index? = !user.nil?
-  def show? = owner?
-  def create? = !user.nil?
-  def update? = owner?
-  def destroy? = owner?
-
-  class Scope < Scope
-    # The <%= model_name %> records the user may list. Adjust to your data model.
-    def resolve = user ? scope.where(user_id: user.id) : scope.where(false)
-  end
-
-  private
-
-  def owner? = !user.nil? && record.respond_to?(:user_id) && record.user_id == user.id
-end

data/templates/policy/test/policies/%file_name%_policy_test.rb.tt

@@ -1,9 +0,0 @@
-# frozen_string_literal: true
-
-require_relative "../test_helper"
-
-class <%= class_name %>Test < GemStack::TestCase
-  def test_anonymous_users_are_denied
-    refute <%= class_name %>.new(nil, Struct.new(:user_id).new(1)).update?
-  end
-end

data/templates/realtime/config/channels.rb

@@ -1,14 +0,0 @@
-# frozen_string_literal: true
-
-# Realtime channels browsers may subscribe to (docs/realtime.md). Anything not
-# listed here is refused. `*` matches one segment and is passed to the block,
-# together with the request (cookies, headers) for authorization.
-#
-#   GemStack.broadcast("orders:#{order.id}", "order.updated", order)
-#
-GemStack.channels do
-  # channel "announcements"                        # public
-  # channel "orders:*" do |order_id, request|      # private
-  #   Order.find_by(id: order_id)&.user_id == current_user_id(request)
-  # end
-end

data/templates/realtime/frontend/lib/gemstack/realtime.ts

@@ -1,120 +0,0 @@
-/**
- * GemStack realtime client (yours to edit — see docs/realtime.md).
- *
- *   const off = realtime.subscribe("orders:42", (event) => console.log(event.event, event.data));
- *   off(); // unsubscribe
- *
- *   useRealtime("products", (event) => queryClient.invalidateQueries({ queryKey: ["products"] }));
- *
- * One EventSource per tab carries every channel; changes to the set of
- * channels made in the same tick cause a single reconnect. After a dropped
- * connection the browser reconnects with Last-Event-ID and the server replays
- * what was missed — or sends `gemstack.gap` (delivered to every handler) when
- * it can't, so you can refetch. A refused channel's handlers get `gemstack.denied`
- * while the other channels keep working.
- */
-"use client";
-
-import { useEffect, useRef } from "react";
-import { apiUrl } from "./client";
-
-export type RealtimeEvent<T = unknown> = {
-  id: string | null;
-  channel: string | null;
-  event: string;
-  data: T;
-};
-
-export type RealtimeHandler<T = unknown> = (event: RealtimeEvent<T>) => void;
-export type RealtimeStatus = "idle" | "connecting" | "open" | "reconnecting";
-
-export const GAP_EVENT = "gemstack.gap";
-/** Delivered to a channel's handlers when the server refuses the subscription. */
-export const DENIED_EVENT = "gemstack.denied";
-
-class RealtimeClient {
-  private handlers = new Map<string, Set<RealtimeHandler>>();
-  private source: EventSource | null = null;
-  private connectedKey = "";
-  private lastEventId: string | null = null;
-  private scheduled = false;
-  private statusListeners = new Set<(status: RealtimeStatus) => void>();
-  status: RealtimeStatus = "idle";
-
-  subscribe<T = unknown>(channel: string, handler: RealtimeHandler<T>): () => void {
-    const set = this.handlers.get(channel) ?? new Set<RealtimeHandler>();
-    set.add(handler as RealtimeHandler);
-    this.handlers.set(channel, set);
-    this.schedule();
-    return () => {
-      set.delete(handler as RealtimeHandler);
-      if (set.size === 0) this.handlers.delete(channel);
-      this.schedule();
-    };
-  }
-
-  onStatus(listener: (status: RealtimeStatus) => void): () => void {
-    this.statusListeners.add(listener);
-    return () => this.statusListeners.delete(listener);
-  }
-
-  private setStatus(status: RealtimeStatus) {
-    this.status = status;
-    this.statusListeners.forEach((listener) => listener(status));
-  }
-
-  private schedule() {
-    if (this.scheduled) return;
-    this.scheduled = true;
-    queueMicrotask(() => {
-      this.scheduled = false;
-      this.connect();
-    });
-  }
-
-  private connect() {
-    if (typeof window === "undefined" || typeof EventSource === "undefined") return;
-    const channels = [...this.handlers.keys()].sort();
-    const key = channels.join(",");
-    if (key === this.connectedKey && this.source) return;
-
-    this.source?.close();
-    this.source = null;
-    this.connectedKey = key;
-    if (channels.length === 0) return this.setStatus("idle");
-
-    const query: Record<string, string> = { channels: key };
-    if (this.lastEventId) query.last_event_id = this.lastEventId;
-    const source = new EventSource(apiUrl("/realtime", query), { withCredentials: true });
-    this.source = source;
-    this.setStatus("connecting");
-    source.onopen = () => this.setStatus("open");
-    source.onerror = () => this.setStatus("reconnecting"); // the browser retries on its own
-    source.onmessage = (message) => {
-      if (message.lastEventId) this.lastEventId = message.lastEventId;
-      let event: RealtimeEvent;
-      try {
-        event = JSON.parse(message.data) as RealtimeEvent;
-      } catch {
-        return;
-      }
-      const targets =
-        event.event === GAP_EVENT ? [...this.handlers.values()] : [this.handlers.get(event.channel ?? "") ?? new Set()];
-      targets.forEach((set) => set.forEach((handler) => handler(event)));
-    };
-  }
-}
-
-export const realtime = new RealtimeClient();
-
-/** Subscribes while the component is mounted. Pass null to skip. */
-export function useRealtime<T = unknown>(channel: string | null, handler: RealtimeHandler<T>) {
-  const latest = useRef(handler);
-  useEffect(() => {
-    latest.current = handler; // always call the newest handler without resubscribing
-  });
-  useEffect(() => {
-    if (!channel) return;
-    return realtime.subscribe<T>(channel, (event) => latest.current(event));
-  }, [channel]);
-}

data/templates/resource/controller/app/controllers/%plural%_controller.rb.tt

@@ -1,51 +0,0 @@
-# frozen_string_literal: true
-
-class <%= spec.plural_class %>Controller < ApplicationController
-<% if spec.action?(:index) -%>
-  returns :index, GemStack::Page[<%= class_name %>Serializer]
-<% end -%>
-<% if spec.action?(:create) -%>
-  accepts :create, with: <%= class_name %>.input_schema
-<% end -%>
-<% if spec.action?(:update) -%>
-  accepts :update, with: <%= class_name %>.input_schema, partial: true
-<% end -%>
-<% if spec.action?(:index) -%>
-
-  # GET /api/<%= spec.url_segment %>?page=1&per_page=25
-  def index
-    render paginate(<%= class_name %>.order(:id))
-  end
-<% end -%>
-<% if spec.action?(:show) -%>
-
-  # GET /api/<%= spec.url_segment %>/:id
-  def show
-    render <%= class_name %>.find(params[:id])
-  end
-<% end -%>
-<% if spec.action?(:create) -%>
-
-  # POST /api/<%= spec.url_segment %>
-  def create
-    render <%= class_name %>.create(input), status: :created
-  end
-<% end -%>
-<% if spec.action?(:update) -%>
-
-  # PATCH /api/<%= spec.url_segment %>/:id
-  def update
-    <%= spec.variable %> = <%= class_name %>.find(params[:id])
-    <%= spec.variable %>.update(input)
-    render <%= spec.variable %>
-  end
-<% end -%>
-<% if spec.action?(:destroy) -%>
-
-  # DELETE /api/<%= spec.url_segment %>/:id
-  def destroy
-    <%= class_name %>.find(params[:id]).destroy
-    head :no_content
-  end
-<% end -%>
-end

data/templates/resource/controller/test/controllers/%plural%_controller_test.rb.tt

@@ -1,74 +0,0 @@
-# frozen_string_literal: true
-
-require_relative "../test_helper"
-
-class <%= spec.plural_class %>ControllerTest < GemStack::TestCase
-  # Valid values derived from <%= class_name %>'s field declarations — edit freely.
-  def create_<%= spec.file_name %> = <%= class_name %>.create(GemStack::DB::Testing.sample_attributes(<%= class_name %>))
-  def payload = GemStack::DB::Testing.sample_payload(<%= class_name %>)
-<% if spec.action?(:index) -%>
-
-  def test_index
-    create_<%= spec.file_name %>
-    get_json "/api/<%= spec.url_segment %>"
-
-    assert_status 200
-    assert_equal 1, json_body["data"].size
-    assert_equal({ "page" => 1, "per_page" => 25, "total" => 1, "total_pages" => 1 }, json_body["meta"])
-  end
-<% end -%>
-<% if spec.action?(:show) -%>
-
-  def test_show
-    <%= spec.variable %> = create_<%= spec.file_name %>
-    get_json "/api/<%= spec.url_segment %>/#{<%= spec.variable %>.id}"
-
-    assert_status 200
-    assert_equal <%= spec.variable %>.id, json_body["id"]
-  end
-
-  def test_show_missing
-    get_json "/api/<%= spec.url_segment %>/0"
-
-    assert_error 404, "not_found"
-  end
-<% end -%>
-<% if spec.action?(:create) -%>
-
-  def test_create
-    post_json "/api/<%= spec.url_segment %>", payload
-
-    assert_status 201
-    assert <%= class_name %>[json_body["id"]]
-  end
-<% if fields.any?(&:required?) -%>
-
-  def test_create_with_invalid_input
-    post_json "/api/<%= spec.url_segment %>", {}
-
-    assert_error 422, "validation_failed"
-    assert_equal ["is required"], json_body["errors"]["<%= fields.find(&:required?).column %>"]
-  end
-<% end -%>
-<% end -%>
-<% if spec.action?(:update) -%>
-
-  def test_update
-    <%= spec.variable %> = create_<%= spec.file_name %>
-    patch_json "/api/<%= spec.url_segment %>/#{<%= spec.variable %>.id}", payload
-
-    assert_status 200
-    assert_equal <%= spec.variable %>.id, json_body["id"]
-  end
-<% end -%>
-<% if spec.action?(:destroy) -%>
-
-  def test_destroy
-    <%= spec.variable %> = create_<%= spec.file_name %>
-    delete_json "/api/<%= spec.url_segment %>/#{<%= spec.variable %>.id}"
-
-    assert_status 204
-    assert_nil <%= class_name %>[<%= spec.variable %>.id]
-  end
-<% end -%>
-end

data/templates/resource/frontend/frontend/app/%url_segment%/[id]/edit/page.tsx.tt

@@ -1,45 +0,0 @@
-"use client";
-
-import Link from "next/link";
-import { useParams, useRouter } from "next/navigation";
-import { <%= class_name %>Form } from "@/components/<%= spec.url_segment %>/<%= class_name %>Form";
-import { <%= spec.action?(:show) ? "use#{class_name}, " : "" %>useUpdate<%= class_name %> } from "@/lib/queries/<%= spec.url_segment %>";
-
-export default function Edit<%= class_name %>Page() {
-  const { id } = useParams<{ id: string }>();
-  const router = useRouter();
-<% if spec.action?(:show) -%>
-  const <%= spec.variable %> = use<%= class_name %>(id);
-<% end -%>
-  const update = useUpdate<%= class_name %>(id);
-
-  return (
-    <main className="page">
-      <p>
-        <Link href="/<%= spec.url_segment %><%= spec.action?(:show) ? "/${id}" : "" %>">← Back</Link>
-      </p>
-      <h1>Edit <%= spec.human.downcase %></h1>
-<% if spec.action?(:show) -%>
-      {<%= spec.variable %>.isPending && <p className="muted">Loading…</p>}
-      {<%= spec.variable %>.data && (
-        <<%= class_name %>Form
-          <%= spec.variable %>={<%= spec.variable %>.data}
-          submitLabel="Save changes"
-          onSubmit={async (input) => {
-            await update.mutateAsync(input);
-            router.push(`/<%= spec.url_segment %>/${id}`);
-          }}
-        />
-      )}
-<% else -%>
-      <<%= class_name %>Form
-        submitLabel="Save changes"
-        onSubmit={async (input) => {
-          await update.mutateAsync(input);
-          router.push("/<%= spec.url_segment %>");
-        }}
-      />
-<% end -%>
-    </main>
-  );
-}

data/templates/resource/frontend/frontend/app/%url_segment%/[id]/page.tsx.tt

@@ -1,49 +0,0 @@
-"use client";
-
-import Link from "next/link";
-import { useParams<%= spec.action?(:destroy) ? ", useRouter" : "" %> } from "next/navigation";
-import { <%= class_name %>Card } from "@/components/<%= spec.url_segment %>/<%= class_name %>Card";
-import { <%= ["use#{class_name}", (spec.action?(:destroy) ? "useDelete#{class_name}" : nil)].compact.join(", ") %> } from "@/lib/queries/<%= spec.url_segment %>";
-
-export default function <%= class_name %>Page() {
-  const { id } = useParams<{ id: string }>();
-  const <%= spec.variable %> = use<%= class_name %>(id);
-<% if spec.action?(:destroy) -%>
-  const router = useRouter();
-  const remove = useDelete<%= class_name %>();
-
-  async function handleDelete() {
-    if (!window.confirm("Delete this <%= spec.human.downcase %>?")) return;
-    await remove.mutateAsync(id);
-    router.push("/<%= spec.url_segment %>");
-  }
-<% end -%>
-
-  return (
-    <main className="page">
-      <p>
-        <Link href="/<%= spec.url_segment %>">← <%= spec.human_plural %></Link>
-      </p>
-      {<%= spec.variable %>.isPending && <p className="muted">Loading…</p>}
-      {<%= spec.variable %>.isError && <p className="form-error">{<%= spec.variable %>.error.message}</p>}
-      {<%= spec.variable %>.data && (
-        <>
-          <h1><%= spec.human %> #{<%= spec.variable %>.data.id}</h1>
-          <<%= class_name %>Card <%= spec.variable %>={<%= spec.variable %>.data} />
-          <div className="actions">
-<% if spec.action?(:update) -%>
-            <Link className="button" href={`/<%= spec.url_segment %>/${id}/edit`}>
-              Edit
-            </Link>
-<% end -%>
-<% if spec.action?(:destroy) -%>
-            <button className="button button-danger" type="button" onClick={handleDelete} disabled={remove.isPending}>
-              Delete
-            </button>
-<% end -%>
-          </div>
-        </>
-      )}
-    </main>
-  );
-}

data/templates/resource/frontend/frontend/app/%url_segment%/new/page.tsx.tt

@@ -1,27 +0,0 @@
-"use client";
-
-import Link from "next/link";
-import { useRouter } from "next/navigation";
-import { <%= class_name %>Form } from "@/components/<%= spec.url_segment %>/<%= class_name %>Form";
-import { useCreate<%= class_name %> } from "@/lib/queries/<%= spec.url_segment %>";
-
-export default function New<%= class_name %>Page() {
-  const router = useRouter();
-  const create = useCreate<%= class_name %>();
-
-  return (
-    <main className="page">
-      <p>
-        <Link href="/<%= spec.url_segment %>">← <%= spec.human_plural %></Link>
-      </p>
-      <h1>New <%= spec.human.downcase %></h1>
-      <<%= class_name %>Form
-        submitLabel="Create <%= spec.human.downcase %>"
-        onSubmit={async (input) => {
-          const <%= spec.variable %> = await create.mutateAsync(input);
-          router.push(<%= spec.action?(:show) ? "`/#{spec.url_segment}/${#{spec.variable}.id}`" : "\"/#{spec.url_segment}\"" %>);
-        }}
-      />
-    </main>
-  );
-}

data/templates/resource/frontend/frontend/app/%url_segment%/page.tsx.tt

@@ -1,51 +0,0 @@
-"use client";
-
-import Link from "next/link";
-import { useSearchParams } from "next/navigation";
-import { Suspense } from "react";
-import { <%= class_name %>Table } from "@/components/<%= spec.url_segment %>/<%= class_name %>Table";
-import { use<%= spec.plural_class %> } from "@/lib/queries/<%= spec.url_segment %>";
-
-export default function <%= spec.plural_class %>Page() {
-  return (
-    <main className="page">
-      <header className="page-header">
-        <h1><%= spec.human_plural %></h1>
-<% if spec.action?(:create) -%>
-        <Link className="button" href="/<%= spec.url_segment %>/new">
-          New <%= spec.human.downcase %>
-        </Link>
-<% end -%>
-      </header>
-      {/* useSearchParams needs a Suspense boundary for static rendering. */}
-      <Suspense>
-        <<%= spec.plural_class %>List />
-      </Suspense>
-    </main>
-  );
-}
-
-// The current page lives in the URL (?page=2), so it survives reloads and can be shared.
-function <%= spec.plural_class %>List() {
-  const page = Math.max(1, Number(useSearchParams().get("page")) || 1);
-  const <%= spec.plural %> = use<%= spec.plural_class %>(page);
-
-  if (<%= spec.plural %>.isPending) return <p className="muted">Loading…</p>;
-  if (<%= spec.plural %>.isError) return <p className="form-error">Could not load <%= spec.human_plural.downcase %>: {<%= spec.plural %>.error.message}</p>;
-
-  const { data, meta } = <%= spec.plural %>.data;
-  return (
-    <>
-      <<%= class_name %>Table <%= spec.plural %>={data} />
-      {meta.total_pages > 1 && (
-        <nav className="actions" aria-label="Pagination">
-          {page > 1 && <Link href={`?page=${page - 1}`}>← Previous</Link>}
-          <span className="muted">
-            Page {meta.page} of {meta.total_pages}
-          </span>
-          {page < meta.total_pages && <Link href={`?page=${page + 1}`}>Next →</Link>}
-        </nav>
-      )}
-    </>
-  );
-}

data/templates/resource/frontend/frontend/components/%url_segment%/%class_name%Card.tsx.tt

@@ -1,15 +0,0 @@
-import { display } from "@/lib/format";
-import type { <%= class_name %> } from "@/lib/api/generated";
-
-export function <%= class_name %>Card({ <%= spec.variable %> }: { <%= spec.variable %>: <%= class_name %> }) {
-  return (
-    <dl className="card">
-<% fields.each do |field| -%>
-      <dt><%= field.label %></dt>
-      <dd>{display(<%= spec.variable %>.<%= field.column %>)}</dd>
-<% end -%>
-      <dt>Created</dt>
-      <dd>{new Date(<%= spec.variable %>.created_at).toLocaleString()}</dd>
-    </dl>
-  );
-}

data/templates/resource/frontend/frontend/components/%url_segment%/%class_name%Form.tsx.tt

@@ -1,98 +0,0 @@
-"use client";
-
-import { useState, type ChangeEvent, type FormEvent } from "react";
-import { ApiError } from "@/lib/gemstack/client";
-import type { FieldErrors } from "@/lib/format";
-import type { <%= class_name %>, <%= input_type %> } from "@/lib/api/generated";
-
-type Values = {
-<% fields.each do |field| -%>
-  <%= field.column %>: <%= ts_value_type(field) %>;
-<% end -%>
-};
-
-function initialValues(record?: <%= class_name %>): Values {
-  return {
-<% fields.each do |field| -%>
-    <%= field.column %>: <%= form_initial(field) %>,
-<% end -%>
-  };
-}
-<% if uses_json? -%>
-
-function parseJson(text: string): unknown {
-  try {
-    return JSON.parse(text);
-  } catch {
-    return text;
-  }
-}
-<% end -%>
-
-// Form values are strings; the API validates and coerces them (see <%= class_name %>.input_schema).
-function toInput(values: Values): <%= input_type %> {
-  return {
-<% fields.each do |field| -%>
-    <%= field.column %>: <%= form_output(field) %>,
-<% end -%>
-  } as unknown as <%= input_type %>;
-}
-
-export function <%= class_name %>Form({
-  <%= spec.variable %>,
-  submitLabel,
-  onSubmit,
-}: {
-  <%= spec.variable %>?: <%= class_name %>;
-  submitLabel: string;
-  onSubmit: (input: <%= input_type %>) => Promise<unknown>;
-}) {
-  const [values, setValues] = useState<Values>(() => initialValues(<%= spec.variable %>));
-  const [errors, setErrors] = useState<FieldErrors>({});
-  const [formError, setFormError] = useState<string | null>(null);
-  const [pending, setPending] = useState(false);
-
-  const set = (key: keyof Values) => (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {
-    const target = event.target;
-    const value = target instanceof HTMLInputElement && target.type === "checkbox" ? target.checked : target.value;
-    // Checkboxes give booleans, other inputs strings — matching each field's type in Values.
-    setValues((current) => ({ ...current, [key]: value }) as Values);
-  };
-
-  async function handleSubmit(event: FormEvent<HTMLFormElement>) {
-    event.preventDefault();
-    setPending(true);
-    setErrors({});
-    setFormError(null);
-    try {
-      await onSubmit(toInput(values));
-    } catch (error) {
-      if (error instanceof ApiError) {
-        setErrors(error.errors);
-        setFormError(Object.keys(error.errors).length ? null : error.message);
-      } else {
-        setFormError("Something went wrong. Please try again.");
-      }
-    } finally {
-      setPending(false);
-    }
-  }
-
-  return (
-    <form className="form" onSubmit={handleSubmit} noValidate>
-      {formError && <p className="form-error" role="alert">{formError}</p>}
-<% fields.each do |field| -%>
-      <div className="field">
-        <label htmlFor="<%= field.column %>"><%= field.label %></label>
-        <%= form_control(field) %>
-        {errors.<%= field.column %>?.map((message) => (
-          <p key={message} className="field-error">{message}</p>
-        ))}
-      </div>
-<% end -%>
-      <button className="button" type="submit" disabled={pending}>
-        {pending ? "Saving…" : submitLabel}
-      </button>
-    </form>
-  );
-}