pagiera 0.2.0-alpha.33

package/dist/internal/app/p/editor/data-panel.js

@@ -0,0 +1,45 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconDatabase, IconPlus, IconTrash } from "@tabler/icons-react";
+import { AnimatePresence, motion } from "motion/react";
+import { useState } from "react";
+import { newId } from "@/lib/editor/tree";
+import { DataSourceModal } from "./data-modal";
+/**
+ * The rail lists sources and their state; editing one opens the modal, where
+ * the URL, query, headers and response all fit on screen at once.
+ */
+export function DataPanel({ sources, samples, onChange, onSample, preview, }) {
+    const [openId, setOpenId] = useState(null);
+    const open = sources.find((source) => source.id === openId);
+    const add = () => {
+        const source = {
+            id: newId(),
+            name: `Source ${sources.length + 1}`,
+            url: "",
+            path: "",
+            params: [],
+            headers: [],
+        };
+        onChange((prev) => [...prev, source]);
+        setOpenId(source.id);
+    };
+    return (_jsxs("div", { className: "flex flex-col gap-3 p-4", children: [_jsxs("p", { className: "text-[11px] leading-relaxed text-ed-muted", children: ["Point a source at a JSON endpoint. Use ", _jsx("b", { children: "Request" }), " for one object or ", _jsx("b", { children: "Repeat" }), " for an array, then bind their children to fields."] }), _jsx("div", { className: "flex flex-col gap-2", children: sources.map((source) => {
+                    const sample = samples[source.id];
+                    const host = hostOf(source.url);
+                    return (_jsxs(motion.div, { layout: true, initial: { opacity: 0, y: -4 }, animate: { opacity: 1, y: 0 }, className: "group flex items-center gap-2.5 rounded-lg border border-ed-border p-2.5 transition-colors hover:border-ed-accent/50", children: [_jsxs("button", { type: "button", onClick: () => setOpenId(source.id), className: "flex min-w-0 flex-1 items-center gap-2.5 text-left", children: [_jsx("span", { className: `flex h-8 w-8 shrink-0 items-center justify-center rounded-md ${sample
+                                            ? "bg-emerald-500/15 text-emerald-500"
+                                            : "bg-ed-field text-ed-faint"}`, children: _jsx(IconDatabase, { size: 15 }) }), _jsxs("span", { className: "flex min-w-0 flex-col", children: [_jsx("span", { className: "truncate text-[12px] font-medium text-ed-text", children: source.name }), _jsx("span", { className: "truncate text-[10px] text-ed-faint", children: sample
+                                                    ? `${sample.rows.length} rows · ${sample.keys.length} fields`
+                                                    : host || "No URL yet" })] })] }), _jsx("button", { type: "button", "aria-label": `Remove ${source.name}`, onClick: () => onChange((prev) => prev.filter((s) => s.id !== source.id)), className: "shrink-0 rounded-md p-1.5 text-ed-faint opacity-0 transition-all hover:bg-ed-field hover:text-red-400 focus:opacity-100 group-hover:opacity-100", children: _jsx(IconTrash, { size: 13 }) })] }, source.id));
+                }) }), _jsxs("button", { type: "button", onClick: add, className: "flex items-center justify-center gap-1.5 rounded-lg border border-dashed border-ed-border py-2.5 text-[11px] text-ed-muted transition-colors hover:border-ed-accent hover:text-ed-text", children: [_jsx(IconPlus, { size: 14 }), "Add a data source"] }), _jsx(AnimatePresence, { children: open && (_jsx(DataSourceModal, { source: open, sample: samples[open.id], onChange: (changes) => onChange((prev) => prev.map((s) => (s.id === open.id ? { ...s, ...changes } : s))), onSample: (sample) => onSample(open.id, sample), onClose: () => setOpenId(null), preview: preview }, open.id)) })] }));
+}
+function hostOf(url) {
+    try {
+        return new URL(url).host;
+    }
+    catch {
+        return "";
+    }
+}
+//# sourceMappingURL=data-panel.js.map

package/dist/internal/app/p/editor/data-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-panel.js","sourceRoot":"","sources":["../../../../../src/internal/app/p/editor/data-panel.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,OAAO,EAAE,eAAe,EAAwB,MAAM,cAAc,CAAC;AAIrE;;;GAGG;AACH,MAAM,UAAU,SAAS,CAAC,EACtB,OAAO,EACP,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,OAAO,GAOV;IACG,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAC1D,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,MAAM,CAAC,CAAC;IAE5D,MAAM,GAAG,GAAG,GAAG,EAAE;QACb,MAAM,MAAM,GAAe;YACvB,EAAE,EAAE,KAAK,EAAE;YACX,IAAI,EAAE,UAAU,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;YACpC,GAAG,EAAE,EAAE;YACP,IAAI,EAAE,EAAE;YACR,MAAM,EAAE,EAAE;YACV,OAAO,EAAE,EAAE;SACd,CAAC;QACF,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;QACtC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAC,yBAAyB,aACpC,aAAG,SAAS,EAAC,2CAA2C,wDACb,kCAAc,yBAClD,iCAAa,0DAChB,EAEJ,cAAK,SAAS,EAAC,qBAAqB,YAC/B,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;oBACpB,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;oBAClC,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;oBAEhC,OAAO,CACH,MAAC,MAAM,CAAC,GAAG,IAEP,MAAM,QACN,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,EAC9B,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAC7B,SAAS,EAAC,sHAAsH,aAEhI,kBACI,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,EACnC,SAAS,EAAC,oDAAoD,aAE9D,eACI,SAAS,EAAE,gEACP,MAAM;4CACF,CAAC,CAAC,oCAAoC;4CACtC,CAAC,CAAC,2BACV,EAAE,YAEF,KAAC,YAAY,IAAC,IAAI,EAAE,EAAE,GAAI,GACvB,EACP,gBAAM,SAAS,EAAC,uBAAuB,aACnC,eAAM,SAAS,EAAC,+CAA+C,YAC1D,MAAM,CAAC,IAAI,GACT,EACP,eAAM,SAAS,EAAC,oCAAoC,YAC/C,MAAM;oDACH,CAAC,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,WAAW,MAAM,CAAC,IAAI,CAAC,MAAM,SAAS;oDAC7D,CAAC,CAAC,IAAI,IAAI,YAAY,GACvB,IACJ,IACF,EAET,iBACI,IAAI,EAAC,QAAQ,gBACD,UAAU,MAAM,CAAC,IAAI,EAAE,EACnC,OAAO,EAAE,GAAG,EAAE,CACV,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,MAAM,CAAC,EAAE,CAAC,CAAC,EAE9D,SAAS,EAAC,iJAAiJ,YAE3J,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,GAClB,KAzCJ,MAAM,CAAC,EAAE,CA0CL,CAChB,CAAC;gBACN,CAAC,CAAC,GACA,EAEN,kBACI,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EACZ,SAAS,EAAC,wLAAwL,aAElM,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,GAAI,yBAEjB,EAET,KAAC,eAAe,cACX,IAAI,IAAI,CACL,KAAC,eAAe,IAEZ,MAAM,EAAE,IAAI,EACZ,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,EACxB,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE,CAClB,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CACd,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,GAAG,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CACjE,EAEL,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,MAAM,CAAC,EAC/C,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,EAC9B,OAAO,EAAE,OAAO,IAVX,IAAI,CAAC,EAAE,CAWd,CACL,GACa,IAChB,CACT,CAAC;AACN,CAAC;AAED,SAAS,MAAM,CAAC,GAAW;IACvB,IAAI,CAAC;QACD,OAAO,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC;IAC7B,CAAC;IAAC,MAAM,CAAC;QACL,OAAO,EAAE,CAAC;IACd,CAAC;AACL,CAAC"}

package/dist/internal/app/p/editor/editor.d.ts

@@ -0,0 +1,51 @@
+import type React from "react";
+import type { SiteTemplateId } from "@/lib/editor/site-templates";
+import { type CanvasElement, type DataSource, type RootStyle } from "@/lib/editor/types";
+import type { SourcePreviewer } from "./data-modal";
+import { type LibraryPage } from "./library";
+import { type PageEntry } from "./parts";
+import { useEditorDocument } from "./use-editor";
+import { type AiDesignGenerator } from "./ai-panel";
+export type EditorPage = {
+    id: string;
+    name: string;
+    slug: string;
+    version: number;
+    elements: CanvasElement[];
+    rootStyle: RootStyle;
+    dataSources: DataSource[];
+    publishedAt: string | null;
+};
+export type EditorAdapters = {
+    save?: Parameters<typeof useEditorDocument>[0]["saveDocument"];
+    generate?: AiDesignGenerator;
+    createPage?: (name: string, slug: string) => Promise<PageMutationResult>;
+    renamePage?: (id: string, name: string, slug: string) => Promise<PageMutationResult>;
+    duplicatePage?: (id: string, name: string, slug: string) => Promise<PageMutationResult>;
+    deletePage?: (id: string) => Promise<PageMutationResult>;
+    installTemplate?: (id: SiteTemplateId) => Promise<PageMutationResult>;
+    publishPage?: (id: string) => Promise<PageMutationResult>;
+    unpublishPage?: (id: string, slug: string) => Promise<PageMutationResult>;
+    navigate?: (pageId: string, options?: {
+        replace?: boolean;
+    }) => void | Promise<void>;
+    refresh?: () => void;
+    previewHref?: (pageId: string) => string;
+    publishedHref?: (slug: string) => string;
+    previewSource?: SourcePreviewer;
+};
+export type PageMutationResult = {
+    status: "ok";
+    pageId?: string;
+    slug?: string;
+} | {
+    status: "error";
+    message: string;
+};
+export default function Editor({ page, pages, library, adapters, }: {
+    page: EditorPage;
+    pages: PageEntry[];
+    library: LibraryPage[];
+    adapters?: EditorAdapters;
+}): React.JSX.Element;
+//# sourceMappingURL=editor.d.ts.map

package/dist/internal/app/p/editor/editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../../../src/internal/app/p/editor/editor.tsx"],"names":[],"mappings":"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"}