@spooky-sync/cli 0.0.0-canary.1 → 0.0.1-alpha.2

package/dist/cli.cjs

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-"use strict";const n=require("commander"),r=require("./syncgen.cjs"),o=new n.Command;o.name("syncgen").description("Generate types from SurrealDB schema files").version("0.1.0");o.option("-i, --input <path>","Path to the input .surql schema file").option("-o, --output <path>","Path to the output file (extension determines format: .json, .ts, .dart)").option("-f, --format <format>","Output format (json, typescript, dart, surql)").option("-p, --pretty","Pretty print the JSON output (only for JSON format)",!0).option("-a, --all","Generate all formats (TypeScript and Dart) in addition to JSON Schema",!1).option("--no-header","Disable the generated file comment header (enabled by default)",!1).option("--append <path>","Path to another .surql file to append to the input").option("--modules-dir <path>","Directory containing Surrealism modules to compile and bundle").option("--mode <mode>",'Generation mode: "singlenode" (HTTP to single SSP), "cluster" (HTTP to scheduler), or "surrealism" (embedded WASM)',"singlenode").option("--endpoint <url>","SSP/Scheduler Endpoint URL").option("--secret <secret>","SSP/Scheduler Auth Secret").option("--config <path>","Path to spooky.yml configuration file").parse(process.argv);const e=o.opts();async function i(){(!e.input||!e.output)&&(console.error("Error: --input and --output are required"),o.help(),process.exit(1));try{const t=await r.runSyncgen({input:e.input,output:e.output,format:e.format,pretty:e.pretty,all:e.all,noHeader:e.noHeader,append:e.append,modulesDir:e.modulesDir,mode:e.mode,endpoint:e.endpoint,secret:e.secret,config:e.config});console.log(t)}catch(t){console.error("Error:",t instanceof Error?t.message:String(t)),process.exit(1)}}i();
+"use strict";const r=require("child_process"),s=require("./resolve-binary-J8VAJRMF.cjs"),i=s.findBinary(),e=r.spawnSync(i,process.argv.slice(2),{stdio:"inherit"});e.error&&(console.error(`Failed to execute spky: ${e.error.message}`),process.exit(1));process.exit(e.status??1);

package/dist/cli.js

@@ -1,41 +1,6 @@
 #!/usr/bin/env node
-import { Command as n } from "commander";
-import { runSyncgen as r } from "./syncgen.js";
-const o = new n();
-o.name("syncgen").description("Generate types from SurrealDB schema files").version("0.1.0");
-o.option("-i, --input <path>", "Path to the input .surql schema file").option(
-  "-o, --output <path>",
-  "Path to the output file (extension determines format: .json, .ts, .dart)"
-).option("-f, --format <format>", "Output format (json, typescript, dart, surql)").option("-p, --pretty", "Pretty print the JSON output (only for JSON format)", !0).option(
-  "-a, --all",
-  "Generate all formats (TypeScript and Dart) in addition to JSON Schema",
-  !1
-).option("--no-header", "Disable the generated file comment header (enabled by default)", !1).option("--append <path>", "Path to another .surql file to append to the input").option("--modules-dir <path>", "Directory containing Surrealism modules to compile and bundle").option(
-  "--mode <mode>",
-  'Generation mode: "singlenode" (HTTP to single SSP), "cluster" (HTTP to scheduler), or "surrealism" (embedded WASM)',
-  "singlenode"
-).option("--endpoint <url>", "SSP/Scheduler Endpoint URL").option("--secret <secret>", "SSP/Scheduler Auth Secret").option("--config <path>", "Path to spooky.yml configuration file").parse(process.argv);
-const e = o.opts();
-async function i() {
-  (!e.input || !e.output) && (console.error("Error: --input and --output are required"), o.help(), process.exit(1));
-  try {
-    const t = await r({
-      input: e.input,
-      output: e.output,
-      format: e.format,
-      pretty: e.pretty,
-      all: e.all,
-      noHeader: e.noHeader,
-      append: e.append,
-      modulesDir: e.modulesDir,
-      mode: e.mode,
-      endpoint: e.endpoint,
-      secret: e.secret,
-      config: e.config
-    });
-    console.log(t);
-  } catch (t) {
-    console.error("Error:", t instanceof Error ? t.message : String(t)), process.exit(1);
-  }
-}
-i();
+import { spawnSync as e } from "child_process";
+import { f as s } from "./resolve-binary-kH1Jwk0z.js";
+const o = s(), r = e(o, process.argv.slice(2), { stdio: "inherit" });
+r.error && (console.error(`Failed to execute spky: ${r.error.message}`), process.exit(1));
+process.exit(r.status ?? 1);

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAYA,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,MAAM,GAAG,OAAO,CAAC;IAClD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA0BD,wBAAsB,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,OAAO,CAAC,MAAM,CAAC,CA0DzE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,MAAM,GAAG,OAAO,CAAC;IAClD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAsB,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,OAAO,CAAC,MAAM,CAAC,CA0DzE"}

package/dist/resolve-binary-J8VAJRMF.cjs

@@ -0,0 +1,8 @@
+"use strict";const o=require("os"),e=require("path"),t=require("fs"),g=require("url"),k=require("module");var s=typeof document<"u"?document.currentScript:null;const x=g.fileURLToPath(typeof document>"u"?require("url").pathToFileURL(__filename).href:s&&s.tagName.toUpperCase()==="SCRIPT"&&s.src||new URL("resolve-binary-J8VAJRMF.cjs",document.baseURI).href),c=e.dirname(x),d={"darwin-arm64":"@spooky-sync/cli-darwin-arm64","darwin-x64":"@spooky-sync/cli-darwin-x64","linux-arm64":"@spooky-sync/cli-linux-arm64","linux-x64":"@spooky-sync/cli-linux-x64","win32-x64":"@spooky-sync/cli-win32-x64"};function $(){const r=`${o.platform()}-${o.arch()}`,n=d[r];if(!n)return;const l=o.platform()==="win32"?"spky.exe":"spky";try{const i=k.createRequire(typeof document>"u"?require("url").pathToFileURL(__filename).href:s&&s.tagName.toUpperCase()==="SCRIPT"&&s.src||new URL("resolve-binary-J8VAJRMF.cjs",document.baseURI).href).resolve(`${n}/package.json`);return e.resolve(e.dirname(i),l)}catch{return}}function w(){const r=o.platform()==="win32"?"spky.exe":"spky",n=$();if(n&&t.existsSync(n))return n;const l=[e.resolve(c,"../../../target/release",r),e.resolve(c,"../target/release",r),e.resolve(c,"../../../target/debug",r),e.resolve(c,"../target/debug",r)],u=l.filter(a=>t.existsSync(a));if(u.length>0)return u.sort((a,h)=>t.statSync(h).mtimeMs-t.statSync(a).mtimeMs),u[0];const i=e.resolve(c,"..",r);if(t.existsSync(i))return i;const p=e.resolve(process.cwd(),r);if(t.existsSync(p))return p;const m=`${o.platform()}-${o.arch()}`,y=d[m],f=y?`
+Try installing the platform package: npm install ${y}`:`
+Your platform (${m}) is not supported.`;throw new Error(`Could not find spky binary. Checked paths:
+  - Platform package (${y??"none"})
+`+l.map(a=>`  - ${a}
+`).join("")+`  - ${i}
+  - ${p}
+`+f)}exports.findBinary=w;

package/dist/resolve-binary-kH1Jwk0z.js

@@ -0,0 +1,60 @@
+import { platform as m, arch as u } from "os";
+import { dirname as d, resolve as t } from "path";
+import { existsSync as c, statSync as f } from "fs";
+import { fileURLToPath as h } from "url";
+import { createRequire as w } from "module";
+const $ = h(import.meta.url), i = d($), k = {
+  "darwin-arm64": "@spooky-sync/cli-darwin-arm64",
+  "darwin-x64": "@spooky-sync/cli-darwin-x64",
+  "linux-arm64": "@spooky-sync/cli-linux-arm64",
+  "linux-x64": "@spooky-sync/cli-linux-x64",
+  "win32-x64": "@spooky-sync/cli-win32-x64"
+};
+function P() {
+  const r = `${m()}-${u()}`, n = k[r];
+  if (!n) return;
+  const a = m() === "win32" ? "spky.exe" : "spky";
+  try {
+    const e = w(import.meta.url).resolve(`${n}/package.json`);
+    return t(d(e), a);
+  } catch {
+    return;
+  }
+}
+function B() {
+  const r = m() === "win32" ? "spky.exe" : "spky", n = P();
+  if (n && c(n))
+    return n;
+  const a = [
+    t(i, "../../../target/release", r),
+    // workspace release
+    t(i, "../target/release", r),
+    // per-package release
+    t(i, "../../../target/debug", r),
+    // workspace debug
+    t(i, "../target/debug", r)
+    // per-package debug
+  ], s = a.filter((o) => c(o));
+  if (s.length > 0)
+    return s.sort((o, x) => f(x).mtimeMs - f(o).mtimeMs), s[0];
+  const e = t(i, "..", r);
+  if (c(e))
+    return e;
+  const p = t(process.cwd(), r);
+  if (c(p))
+    return p;
+  const y = `${m()}-${u()}`, l = k[y], g = l ? `
+Try installing the platform package: npm install ${l}` : `
+Your platform (${y}) is not supported.`;
+  throw new Error(
+    `Could not find spky binary. Checked paths:
+  - Platform package (${l ?? "none"})
+` + a.map((o) => `  - ${o}
+`).join("") + `  - ${e}
+  - ${p}
+` + g
+  );
+}
+export {
+  B as f
+};

package/dist/resolve-binary.d.ts

@@ -0,0 +1,2 @@
+export declare function findBinary(): string;
+//# sourceMappingURL=resolve-binary.d.ts.map

package/dist/resolve-binary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolve-binary.d.ts","sourceRoot":"","sources":["../src/resolve-binary.ts"],"names":[],"mappings":"AAiCA,wBAAgB,UAAU,IAAI,MAAM,CAuDnC"}

package/dist/syncgen.cjs

@@ -1,4 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("child_process"),o=require("util"),t=require("path"),d=require("fs"),f=require("os"),l=require("url");var c=typeof document<"u"?document.currentScript:null;const p=o.promisify(a.execFile),h=l.fileURLToPath(typeof document>"u"?require("url").pathToFileURL(__filename).href:c&&c.tagName.toUpperCase()==="SCRIPT"&&c.src||new URL("syncgen.cjs",document.baseURI).href),i=t.dirname(h);function m(){const e=f.platform()==="win32"?"spooky.exe":"spooky",n=[t.resolve(i,"../target/release",e),t.resolve(i,"..",e),t.resolve(process.cwd(),e)];for(const r of n)if(d.existsSync(r))return r;throw new Error(`Could not find syncgen binary. Checked paths:
-${n.map(r=>` - ${r}`).join(`
-`)}
-Please ensure it is built or installed.`)}async function y(e){const n=m(),r=[];r.push("--input",e.input),r.push("--output",e.output),e.format&&r.push("--format",e.format),e.pretty&&r.push("--pretty"),e.all&&r.push("--all"),e.noHeader&&r.push("--no-header"),e.append&&r.push("--append",e.append),e.modulesDir&&r.push("--modules-dir",e.modulesDir),e.mode&&r.push("--mode",e.mode),e.endpoint&&r.push("--endpoint",e.endpoint),e.secret&&r.push("--secret",e.secret),e.config&&r.push("--config",e.config);try{const{stdout:s,stderr:u}=await p(n,r);return u&&console.error(u),s}catch(s){throw new Error(`Syncgen failed: ${s.message}`)}}exports.runSyncgen=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("child_process"),a=require("util"),i=require("./resolve-binary-J8VAJRMF.cjs"),d=a.promisify(t.execFile);async function f(e){const n=i.findBinary(),r=[];r.push("--input",e.input),r.push("--output",e.output),e.format&&r.push("--format",e.format),e.pretty&&r.push("--pretty"),e.all&&r.push("--all"),e.noHeader&&r.push("--no-header"),e.append&&r.push("--append",e.append),e.modulesDir&&r.push("--modules-dir",e.modulesDir),e.mode&&r.push("--mode",e.mode),e.endpoint&&r.push("--endpoint",e.endpoint),e.secret&&r.push("--secret",e.secret),e.config&&r.push("--config",e.config);try{const{stdout:u,stderr:c}=await d(n,r);return c&&console.error(c),u}catch(u){throw new Error(`Syncgen failed: ${u.message}`,{cause:u})}}exports.runSyncgen=f;

package/dist/syncgen.js

@@ -1,39 +1,17 @@
-import { execFile as s } from "child_process";
-import { promisify as o } from "util";
-import { dirname as c, resolve as i } from "path";
-import { existsSync as m } from "fs";
-import { platform as u } from "os";
-import { fileURLToPath as d } from "url";
-const p = o(s), l = d(import.meta.url), f = c(l);
-function h() {
-  const e = u() === "win32" ? "spooky.exe" : "spooky", t = [
-    // Development/Source build location (from dist/index.js -> ../target/release)
-    i(f, "../target/release", e),
-    // Distributed package location (relative to dist/index.js -> ../bin)
-    i(f, "..", e),
-    // Installation root
-    i(process.cwd(), e)
-  ];
-  for (const r of t)
-    if (m(r))
-      return r;
-  throw new Error(
-    `Could not find syncgen binary. Checked paths:
-${t.map((r) => ` - ${r}`).join(`
-`)}
-Please ensure it is built or installed.`
-  );
-}
-async function _(e) {
-  const t = h(), r = [];
+import { execFile as c } from "child_process";
+import { promisify as d } from "util";
+import { f as t } from "./resolve-binary-kH1Jwk0z.js";
+const i = d(c);
+async function s(e) {
+  const a = t(), r = [];
   r.push("--input", e.input), r.push("--output", e.output), e.format && r.push("--format", e.format), e.pretty && r.push("--pretty"), e.all && r.push("--all"), e.noHeader && r.push("--no-header"), e.append && r.push("--append", e.append), e.modulesDir && r.push("--modules-dir", e.modulesDir), e.mode && r.push("--mode", e.mode), e.endpoint && r.push("--endpoint", e.endpoint), e.secret && r.push("--secret", e.secret), e.config && r.push("--config", e.config);
   try {
-    const { stdout: n, stderr: a } = await p(t, r);
-    return a && console.error(a), n;
-  } catch (n) {
-    throw new Error(`Syncgen failed: ${n.message}`);
+    const { stdout: u, stderr: f } = await i(a, r);
+    return f && console.error(f), u;
+  } catch (u) {
+    throw new Error(`Syncgen failed: ${u.message}`, { cause: u });
   }
 }
 export {
-  _ as runSyncgen
+  s as runSyncgen
 };

package/package.json

@@ -1,15 +1,16 @@
 {
   "name": "@spooky-sync/cli",
-  "version": "0.0.0-canary.1",
+  "version": "0.0.1-alpha.2",
   "description": "Generate TypeScript/Dart types from SurrealDB schema files",
   "type": "module",
   "main": "./dist/syncgen.cjs",
   "module": "./dist/syncgen.js",
   "types": "./dist/index.d.ts",
   "bin": {
-    "spooky": "./dist/cli.js"
+    "spky": "./dist/cli.js"
   },
   "exports": {
+    "./devtools-mcp": "./devtools-mcp/index.js",
     ".": {
       "import": "./dist/syncgen.js",
       "require": "./dist/syncgen.cjs",
@@ -18,14 +19,19 @@
   },
   "files": [
     "dist",
-    "target/release/spooky"
+    "devtools-mcp",
+    "templates/cookbook",
+    "AGENTS.md"
   ],
   "scripts": {
     "dev": "vite",
+    "dev:build": "cargo build -p sp00ky-cli",
     "build:rust": "cargo build --release",
     "build:vite": "vite build",
     "build:types": "tsc --emitDeclarationOnly --declaration --declarationDir dist",
-    "build": "npm run build:rust && npm run build:vite && npm run build:types",
+    "build:devtools-mcp": "vite build --config vite.config.devtools-mcp.ts",
+    "build:js": "npm run build:vite && npm run build:types",
+    "build": "npm run build:rust && npm run build:devtools-mcp && npm run build:js",
     "preview": "vite preview",
     "test": "vitest",
     "lint": "eslint src",
@@ -42,20 +48,24 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/mono424/spooky.git",
+    "url": "https://github.com/mono424/sp00ky.git",
     "directory": "apps/cli"
   },
   "publishConfig": {
     "access": "public"
   },
-  "dependencies": {
-    "commander": "^12.0.0"
-  },
   "devDependencies": {
     "@types/node": "^20.0.0",
     "typescript": "^5.3.0",
     "vite": "^5.0.0",
     "vite-plugin-dts": "^3.7.0",
     "vitest": "^1.0.0"
+  },
+  "optionalDependencies": {
+    "@spooky-sync/cli-darwin-arm64": "0.0.1-alpha.2",
+    "@spooky-sync/cli-darwin-x64": "0.0.1-alpha.2",
+    "@spooky-sync/cli-linux-arm64": "0.0.1-alpha.2",
+    "@spooky-sync/cli-linux-x64": "0.0.1-alpha.2",
+    "@spooky-sync/cli-win32-x64": "0.0.1-alpha.2"
   }
 }

package/templates/cookbook/INDEX.md

@@ -0,0 +1,31 @@
+# sp00ky cookbook
+
+A short, scannable list of patterns an AI agent (or human) reaches for when writing code against a sp00ky-backed app. Each entry has a one-sentence "when to use," the canonical snippet, and one gotcha.
+
+Render any recipe with:
+```
+spky scaffold <recipe> --table <your-table>
+```
+or pass `--out path/to/file.tsx` to write the snippet directly.
+
+## Recipes
+
+### `live-list`
+**When to use:** you want a reactive, sorted list of rows from a table that updates as records change.
+**Render:** `spky scaffold live-list --table thread`
+**Gotcha:** end the query with `.build()` — `useQuery` will hang on a bare builder.
+
+### `optimistic-mutation`
+**When to use:** you're inserting a new record from a UI action (form submit, button click) and want the local cache to update immediately while the mutation drains to the remote.
+**Render:** `spky scaffold optimistic-mutation --table thread`
+**Gotcha:** `db.create` takes a *full* record-ID string (`'thread:abc'`), not `(table, payload)`. Use `Uuid` to mint IDs.
+
+### `crdt-text-field`
+**When to use:** a text column is annotated `-- @crdt text` in your schema and you need a collaborative editor wired to it.
+**Render:** `spky scaffold crdt-text-field --table thread --field content`
+**Gotcha:** never read the field via `useQuery`; always `useCrdtField`. Writes must pass `{ debounced: true }` to `db.update` so rapid keystrokes coalesce.
+
+## Related
+
+- See `AGENTS.md` (in your project root or `node_modules/@spooky-sync/*/AGENTS.md`) for the broader mental model and gotchas.
+- After editing the schema: `spky generate` then `spky doctor` to confirm everything is in sync.

package/templates/cookbook/crdt-text-field.tsx

@@ -0,0 +1,36 @@
+// Recipe: crdt-text-field
+// Wire a CRDT text column (`{{table}}.{{field}}` annotated `-- @crdt text` in the schema)
+// to a textarea. Concurrent edits from multiple clients merge via Loro.
+
+import { useDb, useQuery, useCrdtField } from '@spooky-sync/client-solid';
+import { schema } from '../schema.gen';
+
+export function {{TablePascal}}{{FieldPascal}}Editor(props: { id: string }) {
+  const db = useDb<typeof schema>();
+
+  // Pull the surrounding row so we know the field is loaded.
+  const rowResult = useQuery(() =>
+    db.query('{{table}}').where({ id: props.id } as any).build()
+  );
+  const row = () => rowResult.data()?.[0];
+
+  // Bind the CRDT field. All four args take accessor functions for SolidJS tracking.
+  const field = useCrdtField(
+    '{{table}}',
+    () => row()?.id,
+    '{{field}}',
+    () => row()?.{{field}}
+  );
+
+  const handleInput = async (e: InputEvent) => {
+    const next = (e.currentTarget as HTMLTextAreaElement).value;
+    const r = row();
+    if (!r?.id) return;
+    // `debounced` coalesces rapid keystrokes into a single mutation.
+    await db.update('{{table}}', r.id, { {{field}}: next }, { debounced: true });
+  };
+
+  return (
+    <textarea value={field.value() ?? ''} onInput={handleInput} />
+  );
+}

package/templates/cookbook/live-list.tsx

@@ -0,0 +1,22 @@
+// Recipe: live-list
+// Reactive, sorted list of `{{table}}` rows. Re-runs automatically as records change.
+
+import { For } from 'solid-js';
+import { useQuery, useDb } from '@spooky-sync/client-solid';
+import { schema } from '../schema.gen';
+
+export function {{TablePascal}}List() {
+  const db = useDb<typeof schema>();
+
+  const result = useQuery(() =>
+    db.query('{{table}}').orderBy('id', 'asc').limit(50).build()
+  );
+
+  return (
+    <ul>
+      <For each={result.data() ?? []}>
+        {(row) => <li>{row.id}</li>}
+      </For>
+    </ul>
+  );
+}

package/templates/cookbook/optimistic-mutation.tsx

@@ -0,0 +1,33 @@
+// Recipe: optimistic-mutation
+// Insert a new `{{table}}` row from a UI action. Local cache updates immediately;
+// the mutation drains to the remote in the background.
+
+import { createSignal } from 'solid-js';
+import { Uuid, useDb } from '@spooky-sync/client-solid';
+import { schema } from '../schema.gen';
+
+export function Create{{TablePascal}}Form() {
+  const db = useDb<typeof schema>();
+  const [submitting, setSubmitting] = createSignal(false);
+
+  const handleSubmit = async (e: SubmitEvent) => {
+    e.preventDefault();
+    setSubmitting(true);
+    try {
+      const id = new Uuid().toString();
+      await db.create(`{{table}}:${id}`, {
+        // TODO: fill in the fields your `{{table}}` schema requires.
+      });
+    } finally {
+      setSubmitting(false);
+    }
+  };
+
+  return (
+    <form onSubmit={handleSubmit}>
+      <button type="submit" disabled={submitting()}>
+        {submitting() ? 'Creating…' : 'Create {{table}}'}
+      </button>
+    </form>
+  );
+}