@pro-laico/payload-dev-tools 0.0.0

package/dist/next/client.d.ts

@@ -0,0 +1,27 @@
+import type { SeedSnapshot } from '../lib/snapshot';
+import type { SpecimenStyle } from './specimen';
+/** The `/dev` index's seed controls — same flow as the toolbar's Seed view: POST the seed
+ *  plugin's own endpoint, two-click confirm when destructive, surface `{ error, issues }`. */
+export declare function SeedCard({ seed, adminRoute }: {
+    seed: SeedSnapshot;
+    adminRoute: string;
+}): import("react").JSX.Element;
+/** The `/dev/fonts` interactive specimen — the sample renders in the family's `--font-set*`
+ *  variable at the clicked weight/style. Only weights and styles the typeface actually serves
+ *  are offered. */
+export declare function FontSpecimen({ familyKey, title, cssVar, styles, }: {
+    familyKey: string;
+    title: string | null;
+    cssVar: string;
+    styles: SpecimenStyle[];
+}): import("react").JSX.Element;
+/** The `/dev/icons` set switcher — activates a set via `POST /api/dev/icons/activate` and
+ *  refreshes, so the grid (and the whole site) re-skins to the newly active set. */
+export declare function IconSetSwitcher({ sets }: {
+    sets: {
+        id: string | number;
+        title: string;
+        active: boolean;
+    }[];
+}): import("react").JSX.Element;
+//# sourceMappingURL=client.d.ts.map

package/dist/next/client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../src/next/client.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AACnD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAI/C;8FAC8F;AAC9F,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAAE,+BAmFxF;AAED;;mBAEmB;AACnB,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,KAAK,EACL,MAAM,EACN,MAAM,GACP,EAAE;IACD,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,aAAa,EAAE,CAAA;CACxB,+BAkDA;AAED;oFACoF;AACpF,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,OAAO,CAAA;KAAE,EAAE,CAAA;CAAE,+BA0C5G"}

package/dist/next/client.js

@@ -0,0 +1,275 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRouter } from "next/navigation";
+import { useState } from "react";
+/** The `/dev` index's seed controls — same flow as the toolbar's Seed view: POST the seed
+ *  plugin's own endpoint, two-click confirm when destructive, surface `{ error, issues }`. */ export function SeedCard({ seed, adminRoute }) {
+    const router = useRouter();
+    const [running, setRunning] = useState(false);
+    const [confirming, setConfirming] = useState(false);
+    const [error, setError] = useState(null);
+    const runSeed = async ()=>{
+        setRunning(true);
+        setError(null);
+        try {
+            const res = await fetch('/api/seed', {
+                method: 'POST',
+                credentials: 'include'
+            });
+            if (res.ok) {
+                setConfirming(false);
+                router.refresh();
+            } else {
+                const body = await res.json().catch(()=>null);
+                setError(body?.error ? body : {
+                    error: `Seed failed (HTTP ${res.status}).`
+                });
+                setConfirming(false);
+            }
+        } catch  {
+            setError({
+                error: 'Seed request failed — is the dev server running?'
+            });
+            setConfirming(false);
+        }
+        setRunning(false);
+    };
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "pdtp-card",
+        children: [
+            /*#__PURE__*/ _jsxs("h2", {
+                children: [
+                    seed.seeded ? `Seeded — ${seed.totalDocs} docs` : 'Not seeded',
+                    !seed.enabled ? /*#__PURE__*/ _jsx("span", {
+                        className: "pdtp-kind pdtp-warn",
+                        children: "locked"
+                    }) : /*#__PURE__*/ _jsx("span", {
+                        className: "pdtp-kind",
+                        children: "seed"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx("table", {
+                className: "pdtp-table",
+                children: /*#__PURE__*/ _jsx("tbody", {
+                    children: seed.definitions.map((d)=>/*#__PURE__*/ _jsxs("tr", {
+                            children: [
+                                /*#__PURE__*/ _jsxs("td", {
+                                    children: [
+                                        d.slug,
+                                        d.disabled ? /*#__PURE__*/ _jsx("span", {
+                                            className: "pdtp-warn",
+                                            children: " · skipped"
+                                        }) : null
+                                    ]
+                                }),
+                                /*#__PURE__*/ _jsx("td", {
+                                    children: d.kind === 'global' ? 'global' : seed.counts[d.slug] ?? 0
+                                })
+                            ]
+                        }, d.slug))
+                })
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                style: {
+                    marginTop: 12,
+                    display: 'flex',
+                    gap: 8
+                },
+                children: [
+                    /*#__PURE__*/ _jsx("button", {
+                        type: "button",
+                        className: `pdtp-btn ${seed.seeded ? 'pdtp-btn-danger' : 'pdtp-btn-primary'}`,
+                        disabled: running,
+                        onClick: ()=>seed.seeded && !confirming ? setConfirming(true) : void runSeed(),
+                        children: running ? 'Seeding…' : confirming ? 'Destructive — click again' : seed.seeded ? 'Reseed' : 'Seed the database'
+                    }),
+                    confirming ? /*#__PURE__*/ _jsx("button", {
+                        type: "button",
+                        className: "pdtp-btn",
+                        onClick: ()=>setConfirming(false),
+                        children: "Cancel"
+                    }) : null
+                ]
+            }),
+            !seed.enabled ? /*#__PURE__*/ _jsxs("p", {
+                className: "pdtp-note",
+                children: [
+                    "Set ",
+                    /*#__PURE__*/ _jsx("span", {
+                        className: "pdtp-code",
+                        children: "ENABLE_SEED=true"
+                    }),
+                    " in ",
+                    /*#__PURE__*/ _jsx("span", {
+                        className: "pdtp-code",
+                        children: ".env.local"
+                    }),
+                    " — the seed wipes seeded collections, so it's off by default."
+                ]
+            }) : null,
+            /*#__PURE__*/ _jsxs("p", {
+                className: "pdtp-note",
+                children: [
+                    "Needs a logged-in ",
+                    /*#__PURE__*/ _jsx("a", {
+                        href: adminRoute,
+                        children: "admin"
+                    }),
+                    " user · CLI: ",
+                    /*#__PURE__*/ _jsx("span", {
+                        className: "pdtp-code",
+                        children: "ENABLE_SEED=true pnpm seed"
+                    })
+                ]
+            }),
+            error ? /*#__PURE__*/ _jsxs("div", {
+                className: "pdtp-error",
+                children: [
+                    error.error,
+                    error.issues?.length ? /*#__PURE__*/ _jsx("ul", {
+                        children: error.issues.map((issue)=>/*#__PURE__*/ _jsx("li", {
+                                children: issue
+                            }, issue))
+                    }) : null
+                ]
+            }) : null
+        ]
+    });
+}
+/** The `/dev/fonts` interactive specimen — the sample renders in the family's `--font-set*`
+ *  variable at the clicked weight/style. Only weights and styles the typeface actually serves
+ *  are offered. */ export function FontSpecimen({ familyKey, title, cssVar, styles }) {
+    const [styleIdx, setStyleIdx] = useState(0);
+    const current = styles[Math.min(styleIdx, styles.length - 1)];
+    const [weight, setWeight] = useState(current?.weights.includes(400) ? 400 : current?.weights[0] ?? 400);
+    const pickStyle = (idx)=>{
+        setStyleIdx(idx);
+        const next = styles[idx];
+        if (next && !next.weights.includes(weight)) setWeight(next.weights.includes(400) ? 400 : next.weights[0] ?? 400);
+    };
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "pdtp-specimen",
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                className: "pdtp-specimen-head",
+                children: [
+                    /*#__PURE__*/ _jsxs("span", {
+                        children: [
+                            /*#__PURE__*/ _jsx("span", {
+                                className: "pdtp-code",
+                                children: familyKey
+                            }),
+                            ' ',
+                            /*#__PURE__*/ _jsxs("span", {
+                                className: "pdtp-kind",
+                                style: {
+                                    marginLeft: 6
+                                },
+                                children: [
+                                    title ?? 'slot unset — fallback stack',
+                                    current ? ` · ${current.label}` : ''
+                                ]
+                            })
+                        ]
+                    }),
+                    styles.length > 1 ? /*#__PURE__*/ _jsx("span", {
+                        className: "pdtp-seg",
+                        children: styles.map((s, idx)=>/*#__PURE__*/ _jsx("button", {
+                                type: "button",
+                                className: idx === styleIdx ? 'pdtp-active' : '',
+                                onClick: ()=>pickStyle(idx),
+                                children: s.style === 'normal' ? 'upright' : 'italic'
+                            }, s.style))
+                    }) : current ? /*#__PURE__*/ _jsx("span", {
+                        className: "pdtp-kind",
+                        children: current.style === 'normal' ? 'upright only' : 'italic only'
+                    }) : null
+                ]
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                style: {
+                    fontFamily: cssVar,
+                    fontWeight: weight,
+                    fontStyle: current?.style ?? 'normal'
+                },
+                children: [
+                    /*#__PURE__*/ _jsx("p", {
+                        className: "pdtp-specimen-big",
+                        children: "The quick brown fox jumps over the lazy dog."
+                    }),
+                    /*#__PURE__*/ _jsx("p", {
+                        className: "pdtp-specimen-body",
+                        children: "ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 — 1,234.56 · «fi ffi» ?!&"
+                    })
+                ]
+            }),
+            current ? /*#__PURE__*/ _jsx("div", {
+                className: "pdtp-chips",
+                style: {
+                    marginTop: 14
+                },
+                children: current.weights.map((w)=>/*#__PURE__*/ _jsx("button", {
+                        type: "button",
+                        className: `pdtp-chip ${w === weight ? 'pdtp-active' : ''}`,
+                        onClick: ()=>setWeight(w),
+                        children: w
+                    }, w))
+            }) : null
+        ]
+    });
+}
+/** The `/dev/icons` set switcher — activates a set via `POST /api/dev/icons/activate` and
+ *  refreshes, so the grid (and the whole site) re-skins to the newly active set. */ export function IconSetSwitcher({ sets }) {
+    const router = useRouter();
+    const [busy, setBusy] = useState(null);
+    const [error, setError] = useState(null);
+    const activate = async (id)=>{
+        setBusy(id);
+        setError(null);
+        try {
+            const res = await fetch('/api/dev/icons/activate', {
+                method: 'POST',
+                credentials: 'include',
+                headers: {
+                    'content-type': 'application/json'
+                },
+                body: JSON.stringify({
+                    id
+                })
+            });
+            if (res.ok) router.refresh();
+            else setError((await res.json().catch(()=>null))?.error ?? `Failed (HTTP ${res.status}).`);
+        } catch  {
+            setError('Request failed — is the dev server running?');
+        }
+        setBusy(null);
+    };
+    return /*#__PURE__*/ _jsxs("div", {
+        children: [
+            /*#__PURE__*/ _jsx("div", {
+                style: {
+                    display: 'flex',
+                    flexWrap: 'wrap',
+                    gap: 8
+                },
+                children: sets.map((set)=>/*#__PURE__*/ _jsxs("button", {
+                        type: "button",
+                        className: `pdtp-btn ${set.active ? 'pdtp-btn-primary' : ''}`,
+                        disabled: busy !== null || set.active,
+                        onClick: ()=>void activate(set.id),
+                        children: [
+                            busy === set.id ? 'Activating…' : set.title,
+                            set.active ? ' ✓' : ''
+                        ]
+                    }, set.id))
+            }),
+            error ? /*#__PURE__*/ _jsx("div", {
+                className: "pdtp-error",
+                children: error
+            }) : null
+        ]
+    });
+}
+
+//# sourceMappingURL=client.js.map

package/dist/next/client.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/next/client.tsx"],"sourcesContent":["'use client'\n\nimport { useRouter } from 'next/navigation'\nimport { useState } from 'react'\nimport type { SeedSnapshot } from '../lib/snapshot'\nimport type { SpecimenStyle } from './specimen'\n\ntype SeedError = { error: string; issues?: string[] }\n\n/** The `/dev` index's seed controls — same flow as the toolbar's Seed view: POST the seed\n *  plugin's own endpoint, two-click confirm when destructive, surface `{ error, issues }`. */\nexport function SeedCard({ seed, adminRoute }: { seed: SeedSnapshot; adminRoute: string }) {\n  const router = useRouter()\n  const [running, setRunning] = useState(false)\n  const [confirming, setConfirming] = useState(false)\n  const [error, setError] = useState<SeedError | null>(null)\n\n  const runSeed = async () => {\n    setRunning(true)\n    setError(null)\n    try {\n      const res = await fetch('/api/seed', { method: 'POST', credentials: 'include' })\n      if (res.ok) {\n        setConfirming(false)\n        router.refresh()\n      } else {\n        const body = (await res.json().catch(() => null)) as SeedError | null\n        setError(body?.error ? body : { error: `Seed failed (HTTP ${res.status}).` })\n        setConfirming(false)\n      }\n    } catch {\n      setError({ error: 'Seed request failed — is the dev server running?' })\n      setConfirming(false)\n    }\n    setRunning(false)\n  }\n\n  return (\n    <div className=\"pdtp-card\">\n      <h2>\n        {seed.seeded ? `Seeded — ${seed.totalDocs} docs` : 'Not seeded'}\n        {!seed.enabled ? <span className=\"pdtp-kind pdtp-warn\">locked</span> : <span className=\"pdtp-kind\">seed</span>}\n      </h2>\n      <table className=\"pdtp-table\">\n        <tbody>\n          {seed.definitions.map((d) => (\n            <tr key={d.slug}>\n              <td>\n                {d.slug}\n                {d.disabled ? <span className=\"pdtp-warn\"> · skipped</span> : null}\n              </td>\n              <td>{d.kind === 'global' ? 'global' : (seed.counts[d.slug] ?? 0)}</td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n      <div style={{ marginTop: 12, display: 'flex', gap: 8 }}>\n        <button\n          type=\"button\"\n          className={`pdtp-btn ${seed.seeded ? 'pdtp-btn-danger' : 'pdtp-btn-primary'}`}\n          disabled={running}\n          onClick={() => (seed.seeded && !confirming ? setConfirming(true) : void runSeed())}\n        >\n          {running ? 'Seeding…' : confirming ? 'Destructive — click again' : seed.seeded ? 'Reseed' : 'Seed the database'}\n        </button>\n        {confirming ? (\n          <button type=\"button\" className=\"pdtp-btn\" onClick={() => setConfirming(false)}>\n            Cancel\n          </button>\n        ) : null}\n      </div>\n      {!seed.enabled ? (\n        <p className=\"pdtp-note\">\n          Set <span className=\"pdtp-code\">ENABLE_SEED=true</span> in <span className=\"pdtp-code\">.env.local</span> — the seed wipes seeded\n          collections, so it's off by default.\n        </p>\n      ) : null}\n      <p className=\"pdtp-note\">\n        Needs a logged-in <a href={adminRoute}>admin</a> user · CLI: <span className=\"pdtp-code\">ENABLE_SEED=true pnpm seed</span>\n      </p>\n      {error ? (\n        <div className=\"pdtp-error\">\n          {error.error}\n          {error.issues?.length ? (\n            <ul>\n              {error.issues.map((issue) => (\n                <li key={issue}>{issue}</li>\n              ))}\n            </ul>\n          ) : null}\n        </div>\n      ) : null}\n    </div>\n  )\n}\n\n/** The `/dev/fonts` interactive specimen — the sample renders in the family's `--font-set*`\n *  variable at the clicked weight/style. Only weights and styles the typeface actually serves\n *  are offered. */\nexport function FontSpecimen({\n  familyKey,\n  title,\n  cssVar,\n  styles,\n}: {\n  familyKey: string\n  title: string | null\n  cssVar: string\n  styles: SpecimenStyle[]\n}) {\n  const [styleIdx, setStyleIdx] = useState(0)\n  const current = styles[Math.min(styleIdx, styles.length - 1)]\n  const [weight, setWeight] = useState(current?.weights.includes(400) ? 400 : (current?.weights[0] ?? 400))\n\n  const pickStyle = (idx: number) => {\n    setStyleIdx(idx)\n    const next = styles[idx]\n    if (next && !next.weights.includes(weight)) setWeight(next.weights.includes(400) ? 400 : (next.weights[0] ?? 400))\n  }\n\n  return (\n    <div className=\"pdtp-specimen\">\n      <div className=\"pdtp-specimen-head\">\n        <span>\n          <span className=\"pdtp-code\">{familyKey}</span>{' '}\n          <span className=\"pdtp-kind\" style={{ marginLeft: 6 }}>\n            {title ?? 'slot unset — fallback stack'}\n            {current ? ` · ${current.label}` : ''}\n          </span>\n        </span>\n        {styles.length > 1 ? (\n          <span className=\"pdtp-seg\">\n            {styles.map((s, idx) => (\n              <button key={s.style} type=\"button\" className={idx === styleIdx ? 'pdtp-active' : ''} onClick={() => pickStyle(idx)}>\n                {s.style === 'normal' ? 'upright' : 'italic'}\n              </button>\n            ))}\n          </span>\n        ) : current ? (\n          <span className=\"pdtp-kind\">{current.style === 'normal' ? 'upright only' : 'italic only'}</span>\n        ) : null}\n      </div>\n\n      <div style={{ fontFamily: cssVar, fontWeight: weight, fontStyle: current?.style ?? 'normal' }}>\n        <p className=\"pdtp-specimen-big\">The quick brown fox jumps over the lazy dog.</p>\n        <p className=\"pdtp-specimen-body\">ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 — 1,234.56 · «fi ffi» ?!&</p>\n      </div>\n\n      {current ? (\n        <div className=\"pdtp-chips\" style={{ marginTop: 14 }}>\n          {current.weights.map((w) => (\n            <button key={w} type=\"button\" className={`pdtp-chip ${w === weight ? 'pdtp-active' : ''}`} onClick={() => setWeight(w)}>\n              {w}\n            </button>\n          ))}\n        </div>\n      ) : null}\n    </div>\n  )\n}\n\n/** The `/dev/icons` set switcher — activates a set via `POST /api/dev/icons/activate` and\n *  refreshes, so the grid (and the whole site) re-skins to the newly active set. */\nexport function IconSetSwitcher({ sets }: { sets: { id: string | number; title: string; active: boolean }[] }) {\n  const router = useRouter()\n  const [busy, setBusy] = useState<string | number | null>(null)\n  const [error, setError] = useState<string | null>(null)\n\n  const activate = async (id: string | number) => {\n    setBusy(id)\n    setError(null)\n    try {\n      const res = await fetch('/api/dev/icons/activate', {\n        method: 'POST',\n        credentials: 'include',\n        headers: { 'content-type': 'application/json' },\n        body: JSON.stringify({ id }),\n      })\n      if (res.ok) router.refresh()\n      else setError(((await res.json().catch(() => null)) as { error?: string } | null)?.error ?? `Failed (HTTP ${res.status}).`)\n    } catch {\n      setError('Request failed — is the dev server running?')\n    }\n    setBusy(null)\n  }\n\n  return (\n    <div>\n      <div style={{ display: 'flex', flexWrap: 'wrap', gap: 8 }}>\n        {sets.map((set) => (\n          <button\n            key={set.id}\n            type=\"button\"\n            className={`pdtp-btn ${set.active ? 'pdtp-btn-primary' : ''}`}\n            disabled={busy !== null || set.active}\n            onClick={() => void activate(set.id)}\n          >\n            {busy === set.id ? 'Activating…' : set.title}\n            {set.active ? ' ✓' : ''}\n          </button>\n        ))}\n      </div>\n      {error ? <div className=\"pdtp-error\">{error}</div> : null}\n    </div>\n  )\n}\n"],"names":["useRouter","useState","SeedCard","seed","adminRoute","router","running","setRunning","confirming","setConfirming","error","setError","runSeed","res","fetch","method","credentials","ok","refresh","body","json","catch","status","div","className","h2","seeded","totalDocs","enabled","span","table","tbody","definitions","map","d","tr","td","slug","disabled","kind","counts","style","marginTop","display","gap","button","type","onClick","p","a","href","issues","length","ul","issue","li","FontSpecimen","familyKey","title","cssVar","styles","styleIdx","setStyleIdx","current","Math","min","weight","setWeight","weights","includes","pickStyle","idx","next","marginLeft","label","s","fontFamily","fontWeight","fontStyle","w","IconSetSwitcher","sets","busy","setBusy","activate","id","headers","JSON","stringify","flexWrap","set","active"],"mappings":"AAAA;;AAEA,SAASA,SAAS,QAAQ,kBAAiB;AAC3C,SAASC,QAAQ,QAAQ,QAAO;AAMhC;4FAC4F,GAC5F,OAAO,SAASC,SAAS,EAAEC,IAAI,EAAEC,UAAU,EAA8C;IACvF,MAAMC,SAASL;IACf,MAAM,CAACM,SAASC,WAAW,GAAGN,SAAS;IACvC,MAAM,CAACO,YAAYC,cAAc,GAAGR,SAAS;IAC7C,MAAM,CAACS,OAAOC,SAAS,GAAGV,SAA2B;IAErD,MAAMW,UAAU;QACdL,WAAW;QACXI,SAAS;QACT,IAAI;YACF,MAAME,MAAM,MAAMC,MAAM,aAAa;gBAAEC,QAAQ;gBAAQC,aAAa;YAAU;YAC9E,IAAIH,IAAII,EAAE,EAAE;gBACVR,cAAc;gBACdJ,OAAOa,OAAO;YAChB,OAAO;gBACL,MAAMC,OAAQ,MAAMN,IAAIO,IAAI,GAAGC,KAAK,CAAC,IAAM;gBAC3CV,SAASQ,MAAMT,QAAQS,OAAO;oBAAET,OAAO,CAAC,kBAAkB,EAAEG,IAAIS,MAAM,CAAC,EAAE,CAAC;gBAAC;gBAC3Eb,cAAc;YAChB;QACF,EAAE,OAAM;YACNE,SAAS;gBAAED,OAAO;YAAmD;YACrED,cAAc;QAChB;QACAF,WAAW;IACb;IAEA,qBACE,MAACgB;QAAIC,WAAU;;0BACb,MAACC;;oBACEtB,KAAKuB,MAAM,GAAG,CAAC,SAAS,EAAEvB,KAAKwB,SAAS,CAAC,KAAK,CAAC,GAAG;oBAClD,CAACxB,KAAKyB,OAAO,iBAAG,KAACC;wBAAKL,WAAU;kCAAsB;uCAAgB,KAACK;wBAAKL,WAAU;kCAAY;;;;0BAErG,KAACM;gBAAMN,WAAU;0BACf,cAAA,KAACO;8BACE5B,KAAK6B,WAAW,CAACC,GAAG,CAAC,CAACC,kBACrB,MAACC;;8CACC,MAACC;;wCACEF,EAAEG,IAAI;wCACNH,EAAEI,QAAQ,iBAAG,KAACT;4CAAKL,WAAU;sDAAY;6CAAoB;;;8CAEhE,KAACY;8CAAIF,EAAEK,IAAI,KAAK,WAAW,WAAYpC,KAAKqC,MAAM,CAACN,EAAEG,IAAI,CAAC,IAAI;;;2BALvDH,EAAEG,IAAI;;;0BAUrB,MAACd;gBAAIkB,OAAO;oBAAEC,WAAW;oBAAIC,SAAS;oBAAQC,KAAK;gBAAE;;kCACnD,KAACC;wBACCC,MAAK;wBACLtB,WAAW,CAAC,SAAS,EAAErB,KAAKuB,MAAM,GAAG,oBAAoB,oBAAoB;wBAC7EY,UAAUhC;wBACVyC,SAAS,IAAO5C,KAAKuB,MAAM,IAAI,CAAClB,aAAaC,cAAc,QAAQ,KAAKG;kCAEvEN,UAAU,aAAaE,aAAa,8BAA8BL,KAAKuB,MAAM,GAAG,WAAW;;oBAE7FlB,2BACC,KAACqC;wBAAOC,MAAK;wBAAStB,WAAU;wBAAWuB,SAAS,IAAMtC,cAAc;kCAAQ;yBAG9E;;;YAEL,CAACN,KAAKyB,OAAO,iBACZ,MAACoB;gBAAExB,WAAU;;oBAAY;kCACnB,KAACK;wBAAKL,WAAU;kCAAY;;oBAAuB;kCAAI,KAACK;wBAAKL,WAAU;kCAAY;;oBAAiB;;iBAGxG;0BACJ,MAACwB;gBAAExB,WAAU;;oBAAY;kCACL,KAACyB;wBAAEC,MAAM9C;kCAAY;;oBAAS;kCAAa,KAACyB;wBAAKL,WAAU;kCAAY;;;;YAE1Fd,sBACC,MAACa;gBAAIC,WAAU;;oBACZd,MAAMA,KAAK;oBACXA,MAAMyC,MAAM,EAAEC,uBACb,KAACC;kCACE3C,MAAMyC,MAAM,CAAClB,GAAG,CAAC,CAACqB,sBACjB,KAACC;0CAAgBD;+BAARA;yBAGX;;iBAEJ;;;AAGV;AAEA;;iBAEiB,GACjB,OAAO,SAASE,aAAa,EAC3BC,SAAS,EACTC,KAAK,EACLC,MAAM,EACNC,MAAM,EAMP;IACC,MAAM,CAACC,UAAUC,YAAY,GAAG7D,SAAS;IACzC,MAAM8D,UAAUH,MAAM,CAACI,KAAKC,GAAG,CAACJ,UAAUD,OAAOR,MAAM,GAAG,GAAG;IAC7D,MAAM,CAACc,QAAQC,UAAU,GAAGlE,SAAS8D,SAASK,QAAQC,SAAS,OAAO,MAAON,SAASK,OAAO,CAAC,EAAE,IAAI;IAEpG,MAAME,YAAY,CAACC;QACjBT,YAAYS;QACZ,MAAMC,OAAOZ,MAAM,CAACW,IAAI;QACxB,IAAIC,QAAQ,CAACA,KAAKJ,OAAO,CAACC,QAAQ,CAACH,SAASC,UAAUK,KAAKJ,OAAO,CAACC,QAAQ,CAAC,OAAO,MAAOG,KAAKJ,OAAO,CAAC,EAAE,IAAI;IAC/G;IAEA,qBACE,MAAC7C;QAAIC,WAAU;;0BACb,MAACD;gBAAIC,WAAU;;kCACb,MAACK;;0CACC,KAACA;gCAAKL,WAAU;0CAAaiC;;4BAAkB;0CAC/C,MAAC5B;gCAAKL,WAAU;gCAAYiB,OAAO;oCAAEgC,YAAY;gCAAE;;oCAChDf,SAAS;oCACTK,UAAU,CAAC,GAAG,EAAEA,QAAQW,KAAK,EAAE,GAAG;;;;;oBAGtCd,OAAOR,MAAM,GAAG,kBACf,KAACvB;wBAAKL,WAAU;kCACboC,OAAO3B,GAAG,CAAC,CAAC0C,GAAGJ,oBACd,KAAC1B;gCAAqBC,MAAK;gCAAStB,WAAW+C,QAAQV,WAAW,gBAAgB;gCAAId,SAAS,IAAMuB,UAAUC;0CAC5GI,EAAElC,KAAK,KAAK,WAAW,YAAY;+BADzBkC,EAAElC,KAAK;yBAKtBsB,wBACF,KAAClC;wBAAKL,WAAU;kCAAauC,QAAQtB,KAAK,KAAK,WAAW,iBAAiB;yBACzE;;;0BAGN,MAAClB;gBAAIkB,OAAO;oBAAEmC,YAAYjB;oBAAQkB,YAAYX;oBAAQY,WAAWf,SAAStB,SAAS;gBAAS;;kCAC1F,KAACO;wBAAExB,WAAU;kCAAoB;;kCACjC,KAACwB;wBAAExB,WAAU;kCAAqB;;;;YAGnCuC,wBACC,KAACxC;gBAAIC,WAAU;gBAAaiB,OAAO;oBAAEC,WAAW;gBAAG;0BAChDqB,QAAQK,OAAO,CAACnC,GAAG,CAAC,CAAC8C,kBACpB,KAAClC;wBAAeC,MAAK;wBAAStB,WAAW,CAAC,UAAU,EAAEuD,MAAMb,SAAS,gBAAgB,IAAI;wBAAEnB,SAAS,IAAMoB,UAAUY;kCACjHA;uBADUA;iBAKf;;;AAGV;AAEA;kFACkF,GAClF,OAAO,SAASC,gBAAgB,EAAEC,IAAI,EAAuE;IAC3G,MAAM5E,SAASL;IACf,MAAM,CAACkF,MAAMC,QAAQ,GAAGlF,SAAiC;IACzD,MAAM,CAACS,OAAOC,SAAS,GAAGV,SAAwB;IAElD,MAAMmF,WAAW,OAAOC;QACtBF,QAAQE;QACR1E,SAAS;QACT,IAAI;YACF,MAAME,MAAM,MAAMC,MAAM,2BAA2B;gBACjDC,QAAQ;gBACRC,aAAa;gBACbsE,SAAS;oBAAE,gBAAgB;gBAAmB;gBAC9CnE,MAAMoE,KAAKC,SAAS,CAAC;oBAAEH;gBAAG;YAC5B;YACA,IAAIxE,IAAII,EAAE,EAAEZ,OAAOa,OAAO;iBACrBP,SAAS,AAAE,CAAA,MAAME,IAAIO,IAAI,GAAGC,KAAK,CAAC,IAAM,KAAI,GAAkCX,SAAS,CAAC,aAAa,EAAEG,IAAIS,MAAM,CAAC,EAAE,CAAC;QAC5H,EAAE,OAAM;YACNX,SAAS;QACX;QACAwE,QAAQ;IACV;IAEA,qBACE,MAAC5D;;0BACC,KAACA;gBAAIkB,OAAO;oBAAEE,SAAS;oBAAQ8C,UAAU;oBAAQ7C,KAAK;gBAAE;0BACrDqC,KAAKhD,GAAG,CAAC,CAACyD,oBACT,MAAC7C;wBAECC,MAAK;wBACLtB,WAAW,CAAC,SAAS,EAAEkE,IAAIC,MAAM,GAAG,qBAAqB,IAAI;wBAC7DrD,UAAU4C,SAAS,QAAQQ,IAAIC,MAAM;wBACrC5C,SAAS,IAAM,KAAKqC,SAASM,IAAIL,EAAE;;4BAElCH,SAASQ,IAAIL,EAAE,GAAG,gBAAgBK,IAAIhC,KAAK;4BAC3CgC,IAAIC,MAAM,GAAG,OAAO;;uBAPhBD,IAAIL,EAAE;;YAWhB3E,sBAAQ,KAACa;gBAAIC,WAAU;0BAAcd;iBAAe;;;AAG3D"}

package/dist/next/createDevPage.d.ts

@@ -0,0 +1,37 @@
+import { type Test } from '../harness';
+export type CreateDevPageOptions = {
+    /** Component tests (from `defineTest`) — each gets ONE page at `/dev/tests/<key>`; which
+     *  version it shows is controlled from the dev toolbar (via the selection cookie). Pass the
+     *  same array to `<DevToolbar tests>`. */
+    tests?: Test[];
+    /** Force the pages on/off. Defaults to `NODE_ENV === 'development'` (404 otherwise). */
+    enabled?: boolean;
+};
+type DevPageProps = {
+    params: Promise<{
+        view?: string[];
+    }>;
+    searchParams?: Promise<Record<string, string | string[] | undefined>>;
+};
+/**
+ * The `/dev` pages — real routes inside your app, one drop-in file:
+ *
+ *   // app/(frontend)/dev/[[...view]]/page.tsx
+ *   import { createDevPage } from '@pro-laico/payload-dev-tools/next'
+ *   import { devTests } from '@/dev/tests'
+ *   export const dynamic = 'force-dynamic'
+ *   export default createDevPage({ tests: devTests })
+ *
+ * Views: `/dev` (overview + seed controls), `/dev/icons` (grid + active-set switcher),
+ * `/dev/fonts` (specimens in the real served fonts), `/dev/images`, `/dev/mux`, and
+ * `/dev/tests/<key>` (one page per test; the shown version is toggled from the toolbar). The
+ * pages render content only — navigation lives in the `<DevToolbar>`, which stays open while you
+ * browse between them. Because the file lives in your `(frontend)` group, everything inherits
+ * your layout — header, fonts, globals — which is the point: visual confirmation happens in the
+ * app, not a facsimile of it. The component resolves Payload itself (config stash → the
+ * `@payload-config` alias), so it takes no config prop. Your own labs coexist: a static route
+ * like `app/(frontend)/dev/blocks/page.tsx` always beats this catch-all.
+ */
+export declare function createDevPage(options?: CreateDevPageOptions): ({ params, searchParams }: DevPageProps) => Promise<import("react").JSX.Element>;
+export {};
+//# sourceMappingURL=createDevPage.d.ts.map

package/dist/next/createDevPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createDevPage.d.ts","sourceRoot":"","sources":["../../src/next/createDevPage.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAc,KAAK,IAAI,EAAE,MAAM,YAAY,CAAA;AAOlD,MAAM,MAAM,oBAAoB,GAAG;IACjC;;8CAE0C;IAC1C,KAAK,CAAC,EAAE,IAAI,EAAE,CAAA;IACd,wFAAwF;IACxF,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,KAAK,YAAY,GAAG;IAAE,MAAM,EAAE,OAAO,CAAC;QAAE,IAAI,CAAC,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC,CAAC;IAAC,YAAY,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC,CAAC,CAAA;CAAE,CAAA;AAEnI;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,aAAa,CAAC,OAAO,GAAE,oBAAyB,IAGhC,0BAA0B,YAAY,0CAyDrE"}