@alpaca-editor/core 1.0.0 → 1.0.3

package/build.css

@@ -0,0 +1,3 @@
+@import "tailwindcss/theme.css" layer(theme);
+@import "tailwindcss/utilities.css" layer(utilities);
+@import "./styles.css" layer(alpaca-editor);

package/components.json

@@ -0,0 +1,21 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "styles.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "iconLibrary": "lucide"
+}

package/dev.css

@@ -0,0 +1,3 @@
+@source "./";
+
+@import "./styles.css";

package/dist/client-components/api.d.ts

@@ -0,0 +1 @@
+export declare function selectComponents(componentIds: string[]): void;

package/dist/client-components/api.js

@@ -0,0 +1,4 @@
+export function selectComponents(componentIds) {
+    window.top?.window.postMessage({ componentIds, type: "componentsSelected" }, "*");
+}
+//# sourceMappingURL=api.js.map

package/dist/client-components/api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.js","sourceRoot":"","sources":["../../src/client-components/api.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,gBAAgB,CAAC,YAAsB;IACrD,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,WAAW,CAC5B,EAAE,YAAY,EAAE,IAAI,EAAE,oBAAoB,EAAE,EAC5C,GAAG,CACJ,CAAC;AACJ,CAAC"}

package/dist/client-components/index.d.ts

@@ -0,0 +1,16 @@
+export { useEditContext } from "../editor/client/editContext";
+export { selectComponents } from "./api";
+export { getDefaultTourSteps } from "../tour/default-tour";
+export * from "../editor/field-types/DropLinkEditor";
+export * from "../editor/field-types/TreeListEditor";
+export * from "../editor/field-types/DropListEditor";
+export * from "../editor/field-types/AttachmentEditor";
+export * from "../editor/field-types/CheckboxEditor";
+export * from "../editor/field-types/LinkFieldEditor";
+export * from "../editor/field-types/PictureFieldEditor";
+export * from "../editor/field-types/RichTextEditor";
+export * from "../editor/field-types/SingleLineText";
+export * from "../editor/field-types/MultiLineText";
+export * from "../editor/field-types/RawEditor";
+export * from "../editor/field-types/RichTextEditor";
+export * from "../editor/field-types/InternalLinkFieldEditor";

package/dist/client-components/index.js

@@ -0,0 +1,17 @@
+export { useEditContext } from "../editor/client/editContext";
+export { selectComponents } from "./api";
+export { getDefaultTourSteps } from "../tour/default-tour";
+export * from "../editor/field-types/DropLinkEditor";
+export * from "../editor/field-types/TreeListEditor";
+export * from "../editor/field-types/DropListEditor";
+export * from "../editor/field-types/AttachmentEditor";
+export * from "../editor/field-types/CheckboxEditor";
+export * from "../editor/field-types/LinkFieldEditor";
+export * from "../editor/field-types/PictureFieldEditor";
+export * from "../editor/field-types/RichTextEditor";
+export * from "../editor/field-types/SingleLineText";
+export * from "../editor/field-types/MultiLineText";
+export * from "../editor/field-types/RawEditor";
+export * from "../editor/field-types/RichTextEditor";
+export * from "../editor/field-types/InternalLinkFieldEditor";
+//# sourceMappingURL=index.js.map

package/dist/client-components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/client-components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAC3D,cAAc,sCAAsC,CAAC;AACrD,cAAc,sCAAsC,CAAC;AACrD,cAAc,sCAAsC,CAAC;AACrD,cAAc,wCAAwC,CAAC;AACvD,cAAc,sCAAsC,CAAC;AACrD,cAAc,uCAAuC,CAAC;AACtD,cAAc,0CAA0C,CAAC;AACzD,cAAc,sCAAsC,CAAC;AACrD,cAAc,sCAAsC,CAAC;AACrD,cAAc,qCAAqC,CAAC;AACpD,cAAc,iCAAiC,CAAC;AAChD,cAAc,sCAAsC,CAAC;AACrD,cAAc,+CAA+C,CAAC"}

package/dist/components/ActionButton.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+interface ActionButtonProps {
+    isLoading: boolean;
+    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    disabled?: boolean;
+    loadingText?: string;
+    children: React.ReactNode;
+    type?: "button" | "submit" | "reset";
+    className?: string;
+}
+export declare const ActionButton: React.FC<ActionButtonProps>;
+export {};

package/dist/components/ActionButton.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { classNames } from "primereact/utils";
+export const ActionButton = ({ isLoading, onClick, disabled = false, loadingText = "Loading...", children, type = "button", className = "", }) => {
+    return (_jsx("button", { type: type, onClick: onClick, disabled: disabled || isLoading, className: classNames("bg-canvas-pink text-white px-4 py-2 rounded-lg font-medium hover:bg-gray-100 disabled:opacity-50 disabled:cursor-not-allowed border hover:border-canvas-pink hover:text-canvas-pink", className), children: isLoading ? (_jsxs("div", { className: "flex items-center gap-2 justify-center", children: [_jsx("div", { className: "animate-spin mr-2 h-4 w-4 border-2 border-white border-t-transparent rounded-full" }), _jsx("div", { children: loadingText })] })) : (children) }));
+};
+//# sourceMappingURL=ActionButton.js.map

package/dist/components/ActionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionButton.js","sourceRoot":"","sources":["../../src/components/ActionButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAa9C,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACxD,SAAS,EACT,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,WAAW,GAAG,YAAY,EAC1B,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,SAAS,GAAG,EAAE,GACf,EAAE,EAAE;IACH,OAAO,CACL,iBACE,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,IAAI,SAAS,EAC/B,SAAS,EAAE,UAAU,CACnB,qLAAqL,EACrL,SAAS,CACV,YAEA,SAAS,CAAC,CAAC,CAAC,CACX,eAAK,SAAS,EAAC,wCAAwC,aACrD,cAAK,SAAS,EAAC,mFAAmF,GAAO,EACzG,wBAAM,WAAW,GAAO,IACpB,CACP,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,GACM,CACV,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/Error.d.ts

@@ -0,0 +1,9 @@
+import { EditContextType } from "../editor/client/editContext";
+import { Component } from "../editor/pageModel";
+export declare function ErrorFallback(): import("react/jsx-runtime").JSX.Element;
+export declare function ErrorFallbackWithDetails({ error, component, editContext, }: {
+    error: Error;
+    component: Component;
+    editContext?: EditContextType;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function AsyncComponent(): Promise<import("react/jsx-runtime").JSX.Element>;

package/dist/components/Error.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function ErrorFallback() {
+    // Call resetErrorBoundary() to reset the error boundary and retry the render.
+    return (_jsx("div", { role: "alert", children: _jsx("p", { children: "Something went wrong." }) }));
+}
+export function ErrorFallbackWithDetails({ error, component, editContext, }) {
+    // Call resetErrorBoundary() to reset the error boundary and retry the render.
+    return (_jsx("div", { role: "alert", className: "cursor-pointer", onClick: (ev) => {
+            if (!editContext)
+                return;
+            ev.stopPropagation();
+            ev.preventDefault();
+            editContext.select([component.id]);
+            if (!editContext.configuration.editor.views)
+                return;
+            if (component.rendering)
+                editContext.switchView("component-designer");
+        }, children: _jsxs("div", { className: "text-xs bg-gray-100 p-3", children: [_jsx("div", { className: "font-bold mb-1", children: "Something went wrong" }), _jsxs("div", { children: ["Component id: ", component.id] }), _jsxs("div", { children: ["Component type: ", component.type] }), component.rendering && (_jsxs("div", { children: ["Rendering id: ", component.rendering.id] })), _jsxs("pre", { className: "overflow-x-auto text-red-500 py-2", children: [error.message, " ", error.stack] })] }) }));
+}
+export async function AsyncComponent() {
+    return _jsx(ErrorFallback, {});
+}
+//# sourceMappingURL=Error.js.map

package/dist/components/Error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Error.js","sourceRoot":"","sources":["../../src/components/Error.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAKb,MAAM,UAAU,aAAa;IAC3B,8EAA8E;IAE9E,OAAO,CACL,cAAK,IAAI,EAAC,OAAO,YACf,gDAA4B,GACxB,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,wBAAwB,CAAC,EACvC,KAAK,EACL,SAAS,EACT,WAAW,GAKZ;IACC,8EAA8E;IAE9E,OAAO,CACL,cACE,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,gBAAgB,EAC1B,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE;YACd,IAAI,CAAC,WAAW;gBAAE,OAAO;YACzB,EAAE,CAAC,eAAe,EAAE,CAAC;YACrB,EAAE,CAAC,cAAc,EAAE,CAAC;YACpB,WAAW,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC;YACnC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,MAAM,CAAC,KAAK;gBAAE,OAAO;YACpD,IAAI,SAAS,CAAC,SAAS;gBAAE,WAAW,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC;QACxE,CAAC,YAED,eAAK,SAAS,EAAC,yBAAyB,aACtC,cAAK,SAAS,EAAC,gBAAgB,qCAA2B,EAC1D,4CAAoB,SAAS,CAAC,EAAE,IAAO,EACvC,8CAAsB,SAAS,CAAC,IAAI,IAAO,EAC1C,SAAS,CAAC,SAAS,IAAI,CACtB,4CAAoB,SAAS,CAAC,SAAS,CAAC,EAAE,IAAO,CAClD,EACD,eAAK,SAAS,EAAC,mCAAmC,aAC/C,KAAK,CAAC,OAAO,OAAG,KAAK,CAAC,KAAK,IACxB,IACF,GACF,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,cAAc;IAClC,OAAO,KAAC,aAAa,KAAG,CAAC;AAC3B,CAAC"}

package/dist/components/ui/button.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
+    size?: "icon" | "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export { Button, buttonVariants };

package/dist/components/ui/button.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { cn } from "@/lib/utils";
+const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
+    variants: {
+        variant: {
+            default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
+            destructive: "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+            outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+            secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
+            ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+            link: "text-primary underline-offset-4 hover:underline",
+        },
+        size: {
+            default: "h-8 px-3 py-2 has-[>svg]:px-3",
+            sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+            lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+            icon: "size-9",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+    },
+});
+function Button({ className, variant, size, asChild = false, ...props }) {
+    const Comp = asChild ? Slot : "button";
+    return (_jsx(Comp, { "data-slot": "button", className: cn("cursor-pointer", buttonVariants({ variant, size, className })), ...props }));
+}
+export { Button, buttonVariants };
+//# sourceMappingURL=button.js.map

package/dist/components/ui/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/ui/button.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAEjC,MAAM,cAAc,GAAG,GAAG,CACxB,6bAA6b,EAC7b;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EACL,kEAAkE;YACpE,WAAW,EACT,6JAA6J;YAC/J,OAAO,EACL,uIAAuI;YACzI,SAAS,EACP,wEAAwE;YAC1E,KAAK,EACH,sEAAsE;YACxE,IAAI,EAAE,iDAAiD;SACxD;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,+BAA+B;YACxC,EAAE,EAAE,+CAA+C;YACnD,EAAE,EAAE,sCAAsC;YAC1C,IAAI,EAAE,QAAQ;SACf;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KAChB;CACF,CACF,CAAC;AAEF,SAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAO,GAAG,KAAK,EACf,GAAG,KAAK,EAIP;IACD,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEvC,OAAO,CACL,KAAC,IAAI,iBACO,QAAQ,EAClB,SAAS,EAAE,EAAE,CACX,gBAAgB,EAChB,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAC7C,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}

package/dist/config/config.d.ts

@@ -0,0 +1,6 @@
+import { EditorConfiguration } from "./types";
+import { User } from "../types";
+export declare const contentItemId = "0DE95AE4-41AB-4D01-9EB0-67441B7C2450";
+export declare const templatesRootItemId = "3c1715fe-6a13-4fcf-845f-de308ba9741d";
+export declare const getConfiguration: () => EditorConfiguration;
+export declare function configureForUser(configuration: EditorConfiguration, user: User): EditorConfiguration;