Flatten the repo: move everything out of app/ to the root

Now that the CLI and the Next.js app are one package, nesting it inside app/ served no purpose - the repo root itself becomes the published npm package. Merges app/.gitignore and app/README.md into the root versions, drops the now-duplicate app/LICENSE, and updates path references (README, docs/ARCHITECTURE.md, docs/CONFIG_REFERENCE.md, package.json's repository.directory) that assumed the app/ nesting. Also fixes a real bug this surfaced: the in-app docs viewer resolved docs/ relative to process.cwd(), which only worked by accident when the CLI happened to be invoked from app/'s parent directory. A first attempt at fixing it with import.meta.dirname broke instead, for the same cross-module-graph reason config-path resolution already documented - Next compiles Route Handlers through a separate module graph that doesn't preserve source-relative import.meta paths. Fixed by exposing the app root via TRIGGERSHELL_APP_ROOT (set once in server.ts, where import.meta *does* resolve correctly), the same pattern already used for TRIGGERSHELL_CONFIG_PATH. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
2026-08-16 11:14:01 +02:00
parent 30350d80f4
commit 3f379ca2ac
123 changed files with 65 additions and 104 deletions
@@ -0,0 +1,121 @@
+"use client";
+
+import { useState } from "react";
+import { useRouter } from "next/navigation";
+import { useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Play, Loader2, Info } from "lucide-react";
+import { toast } from "sonner";
+import { Button } from "@/components/ui/button";
+import { Form } from "@/components/ui/form";
+import { Alert, AlertDescription } from "@/components/ui/alert";
+import { buildVariableSchemaFromList } from "@/lib/validation/variable-schema";
+import type { ClientScript } from "@/lib/config/serialize";
+import { FieldRenderer } from "./field-renderer";
+
+function emptyValueFor(variable: ClientScript["variables"][number]): unknown {
+  if (variable.type === "boolean") return false;
+  if (variable.type === "multiselect") return [];
+  return "";
+}
+
+/** `initialValues` comes from a previous run's (already-redacted) variables when re-running -
+ * secret fields are deliberately excluded there (their stored value is just "***", not the real
+ * one), so those always fall through to the normal empty/default state and have to be re-entered. */
+function defaultValuesFor(
+  script: ClientScript,
+  initialValues?: Record<string, unknown>,
+): Record<string, unknown> {
+  const values: Record<string, unknown> = {};
+  for (const variable of script.variables) {
+    const fromPreviousRun =
+      initialValues && !variable.secret
+        ? initialValues[variable.name]
+        : undefined;
+    values[variable.name] =
+      fromPreviousRun ?? variable.default ?? emptyValueFor(variable);
+  }
+  return values;
+}
+
+export function DynamicForm({
+  script,
+  initialValues,
+}: {
+  script: ClientScript;
+  initialValues?: Record<string, unknown>;
+}) {
+  const router = useRouter();
+  const [submitError, setSubmitError] = useState<string | null>(null);
+  const schema = buildVariableSchemaFromList(script.variables);
+  const hasSecretVariable = script.variables.some((v) => v.secret);
+
+  const form = useForm({
+    resolver: zodResolver(schema),
+    defaultValues: defaultValuesFor(script, initialValues),
+  });
+
+  async function onSubmit(values: Record<string, unknown>) {
+    setSubmitError(null);
+    const response = await fetch(`/api/scripts/${script.id}/runs`, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ variables: values }),
+    });
+
+    if (!response.ok) {
+      const data = await response.json().catch(() => ({}));
+      setSubmitError(data.error ?? "Failed to start run");
+      return;
+    }
+
+    const data = await response.json();
+    toast.success(`${script.name} started`);
+    router.push(`/runs/${data.runId}`);
+  }
+
+  return (
+    <Form {...form}>
+      <form
+        onSubmit={form.handleSubmit(onSubmit)}
+        className="flex flex-col gap-5"
+      >
+        {submitError && (
+          <Alert variant="destructive">
+            <AlertDescription>{submitError}</AlertDescription>
+          </Alert>
+        )}
+        {initialValues && (
+          <Alert>
+            <Info />
+            <AlertDescription>
+              Pre-filled from a previous run.
+              {hasSecretVariable &&
+                " Secret fields aren't carried over and need to be entered again."}
+            </AlertDescription>
+          </Alert>
+        )}
+        {script.variables.length === 0 && (
+          <p className="text-muted-foreground text-sm">
+            This script takes no parameters.
+          </p>
+        )}
+        {script.variables.map((variable) => (
+          <FieldRenderer key={variable.name} variable={variable} />
+        ))}
+        <Button
+          type="submit"
+          disabled={form.formState.isSubmitting}
+          className="w-fit"
+        >
+          {form.formState.isSubmitting ? (
+            <Loader2 className="animate-spin" />
+          ) : (
+            <Play />
+          )}
+          Run
+        </Button>
+      </form>
+    </Form>
+  );
+}