@alpaca-editor/core 1.0.0 → 1.0.3

package/dist/tour/Tour.d.ts

@@ -0,0 +1,3 @@
+export declare function Tour({ tourStopCallback }: {
+    tourStopCallback: () => void;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/tour/Tour.js

@@ -0,0 +1,319 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { useEditContext } from "../client-components";
+import { classNames } from "primereact/utils";
+export function Tour({ tourStopCallback }) {
+    const [currentStep, setCurrentStep] = useState("start-tour");
+    const [show, setShow] = useState(true);
+    const editContext = useEditContext();
+    const [focusRect, setFocusRect] = useState(null);
+    const [pointToRect, setPointToRect] = useState(null);
+    const delay = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
+    const waitForElement = (selector, timeout = 0) => {
+        if (selector.startsWith("iframe:")) {
+            return waitForElementInIframe(selector.substring(7), timeout);
+        }
+        return new Promise((resolve) => {
+            const startTime = Date.now();
+            const checkForElement = () => {
+                const element = document.querySelector(selector);
+                if (element) {
+                    let rect = element.getBoundingClientRect();
+                    const extendFocus = step?.extendFocus || 10;
+                    rect = new DOMRect(rect.left - extendFocus / 2, rect.top - extendFocus / 2, rect.width + extendFocus, rect.height + extendFocus);
+                    resolve(rect);
+                }
+                else if (timeout > 0 && Date.now() - startTime >= timeout) {
+                    resolve(undefined);
+                }
+                else {
+                    requestAnimationFrame(checkForElement);
+                }
+            };
+            checkForElement();
+        });
+    };
+    const waitForElementInIframe = (selector, timeout = 0) => {
+        return new Promise((resolve, reject) => {
+            const startTime = Date.now();
+            const checkForElement = () => {
+                const iframe = document.querySelector("iframe.page-iframe");
+                if (iframe && iframe.contentDocument) {
+                    const element = iframe.contentDocument.querySelector(selector);
+                    if (element) {
+                        const elementRect = element.getBoundingClientRect();
+                        const iframeRect = iframe.getBoundingClientRect();
+                        let rect = new DOMRect(elementRect.left + iframeRect.left, elementRect.top + iframeRect.top, elementRect.width, elementRect.height);
+                        const extendFocus = step?.extendFocus || 10;
+                        rect = new DOMRect(rect.left - extendFocus / 2, rect.top - extendFocus / 2, rect.width + extendFocus, rect.height + extendFocus);
+                        resolve(rect);
+                    }
+                    else if (timeout > 0 && Date.now() - startTime >= timeout) {
+                        resolve(undefined);
+                    }
+                    else {
+                        requestAnimationFrame(checkForElement);
+                    }
+                }
+                else if (Date.now() - startTime >= timeout) {
+                    reject(new Error(`Timeout waiting for iframe: ${selector}`));
+                }
+                else {
+                    requestAnimationFrame(checkForElement);
+                }
+            };
+            checkForElement();
+        });
+    };
+    const waitForElementToDisappear = (selector) => {
+        return new Promise((resolve) => {
+            const checkForElement = () => {
+                const element = document.querySelector(selector);
+                if (!element) {
+                    resolve();
+                }
+                else {
+                    requestAnimationFrame(checkForElement);
+                }
+            };
+            checkForElement();
+        });
+    };
+    const waitForInput = (selector, minNumberOfCharacters = 1) => {
+        return new Promise((resolve) => {
+            const checkForInput = () => {
+                const input = document.querySelector(selector);
+                let inputValue = "";
+                if (input?.getAttribute("contenteditable")) {
+                    console.log("contenteditable", input.innerText);
+                    inputValue = input.innerText;
+                }
+                else if (input &&
+                    input.value.length >= minNumberOfCharacters) {
+                    inputValue = input.value;
+                }
+                if (inputValue.length >= minNumberOfCharacters) {
+                    console.log("input found", inputValue);
+                    resolve();
+                }
+                else {
+                    requestAnimationFrame(checkForInput);
+                }
+            };
+            checkForInput();
+        });
+    };
+    function setNativeValue(element, value) {
+        const valueSetter = Object.getOwnPropertyDescriptor(element.constructor.prototype, "value")?.set;
+        const prototype = Object.getPrototypeOf(element);
+        const prototypeValueSetter = Object.getOwnPropertyDescriptor(prototype, "value")?.set;
+        if (valueSetter && valueSetter !== prototypeValueSetter) {
+            prototypeValueSetter?.call(element, value);
+        }
+        else {
+            valueSetter?.call(element, value);
+        }
+        const event = new Event("input", { bubbles: true });
+        element.dispatchEvent(event);
+    }
+    async function simulateTyping(element, text, interval = 35) {
+        let i = 0;
+        while (i <= text.length) {
+            const currentText = text.substring(0, i);
+            setNativeValue(element, currentText);
+            i++;
+            const randomDelay = interval * (0.5 + Math.random());
+            await delay(randomDelay);
+        }
+    }
+    /**
+     * Stops the tour and resets the state.
+     */
+    const stopTour = () => {
+        setCurrentStep("start-tour");
+        setFocusRect(null);
+        tourStopCallback();
+    };
+    const tours = editContext.configuration.tours;
+    const tour = tours[editContext.configuration.activeTour];
+    const tourSteps = tour.getSteps({
+        editContext: editContext,
+        nextStep: (stepId) => setCurrentStep(stepId),
+        stopTour: () => tourStopCallback(),
+        waitForElement,
+        waitForElementToDisappear,
+        setFocusRect,
+        delay,
+        waitForInput: waitForInput,
+        simulateTyping,
+    });
+    const step = tourSteps[currentStep];
+    if (!step)
+        return null;
+    useEffect(() => {
+        const runStep = async () => {
+            setShow(false);
+            setFocusRect(null);
+            await delay(500);
+            const step = tourSteps[currentStep];
+            if (!step)
+                return;
+            console.log("step", currentStep, step);
+            if (step.prepareAction) {
+                await step.prepareAction();
+            }
+            if (step.focusElement) {
+                const rect = await waitForElement(step.focusElement, 5000);
+                if (!rect)
+                    setCurrentStep("error");
+                else
+                    setFocusRect(rect);
+            }
+            setShow(true);
+            if (step.waitForUserInput) {
+                const nextStep = (await step.waitForUserInput()) || step.nextStep;
+                if (nextStep) {
+                    setCurrentStep(nextStep);
+                }
+                else
+                    console.log("no next step defined for step", currentStep);
+            }
+            else {
+                if (step.waitForElement) {
+                    await waitForElement(step.waitForElement);
+                    if (step.nextStep) {
+                        setCurrentStep(step.nextStep);
+                    }
+                }
+            }
+        };
+        runStep();
+    }, [currentStep]);
+    useEffect(() => {
+        const getPointTo = async () => {
+            let pointToRect = focusRect;
+            if (step.getPointTo) {
+                const pointTo = step.getPointTo();
+                if (pointTo) {
+                    pointToRect = pointTo;
+                }
+            }
+            if (step.pointToElement) {
+                const rect = await waitForElement(step.pointToElement, 5000);
+                if (rect) {
+                    pointToRect = rect;
+                }
+            }
+            setPointToRect(pointToRect);
+        };
+        getPointTo();
+    }, [focusRect, currentStep]);
+    if (!step) {
+        throw new Error(`Tour step ${currentStep} not found`);
+    }
+    const bubblePosition = step.bubblePosition || "right";
+    const bubbleStyle = {};
+    let boxStyle = {
+        position: "fixed",
+        left: "50%",
+        top: "50%",
+        transform: "translate(-50%, -50%)",
+    };
+    let arrowStyle = {};
+    if (pointToRect) {
+        if (bubblePosition === "right") {
+            boxStyle = {
+                position: "absolute",
+                left: pointToRect.left + pointToRect.width,
+                top: pointToRect.top - 10,
+                alignItems: "flex-start",
+            };
+            arrowStyle = {
+                marginLeft: "-20px",
+            };
+            bubbleStyle.marginLeft = "80px";
+            bubbleStyle.marginTop = "-20px";
+        }
+        if (bubblePosition === "left") {
+            boxStyle = {
+                position: "absolute",
+                right: window.innerWidth - pointToRect.left,
+                top: pointToRect.top + pointToRect.height / 2,
+                alignItems: "flex-end",
+            };
+            arrowStyle = {
+                marginRight: "-20px",
+            };
+        }
+        if (bubblePosition === "bottom") {
+            boxStyle = {
+                position: "absolute",
+                left: pointToRect.left + pointToRect.width / 2,
+                top: pointToRect.top + pointToRect.height,
+                transform: "translate(-50%, 0)",
+            };
+            if (step.flipArrow) {
+                arrowStyle = {
+                    transform: "scaleX(-1)",
+                };
+            }
+        }
+        if (bubblePosition === "top-right") {
+            boxStyle = {
+                position: "absolute",
+                left: pointToRect.left + pointToRect.width,
+                bottom: window.innerHeight - pointToRect.top,
+                transform: "translate(-50%, 0)",
+                flexDirection: "column-reverse",
+            };
+            arrowStyle = {
+                transform: "rotate(180deg)",
+            };
+            if (step.flipArrow) {
+                arrowStyle = {
+                    transform: "scaleX(-1)",
+                };
+            }
+        }
+    }
+    const arrowRotation = bubblePosition === "right" ? "-a-rotate-90" : "";
+    const overlayStyle = {
+        position: "fixed",
+        top: 0,
+        left: 0,
+        width: "100%",
+        height: "100%",
+        backgroundColor: "rgba(0, 0, 0, 0.3)",
+        pointerEvents: "auto",
+        clipPath: focusRect
+            ? `polygon(0% 0%, 0% 100%,  ${focusRect.left}px 100%, ${focusRect.left}px ${focusRect.top}px, ${focusRect.left + focusRect.width}px ${focusRect.top}px, ${focusRect.left + focusRect.width}px ${focusRect.top + focusRect.height}px, ${focusRect.left}px ${focusRect.top + focusRect.height}px,  ${focusRect.left}px 100%, 100% 100%, 100% 0%)`
+            : "none",
+        // clipPath: focusPosition
+        //   ? `path('M 0 0 H 100% V 100% H 0 Z M ${focusPosition.left}px ${focusPosition.top}px H ${focusPosition.left + focusPosition.width}px V ${focusPosition.top + focusPosition.height}px H ${focusPosition.left}px Z')`
+        //   : 'none',
+    };
+    if (!show) {
+        return _jsx("div", { className: "overlay", style: overlayStyle });
+    }
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "overlay", style: overlayStyle }), _jsxs("div", { style: boxStyle, className: "text-gray-800 flex flex-col items-center fade-in", children: [focusRect && (_jsx("svg", { width: "100px", height: "100px", viewBox: "0 -7.89 113.08 113.08", xmlns: "http://www.w3.org/2000/svg", className: classNames("pointer-events-none", arrowRotation), style: arrowStyle, children: _jsx("path", { style: { stroke: "#0000ff", fill: "#0000ff" }, d: "M20.1871 175C15.7485 172.891 13.0008 172.469 12.1553 170.992C8.98489 165.508 5.39173 160.024 3.70083 153.908C-1.37187 137.666 -0.737781 121.214 2.64402 104.762C8.35081 76.7092 21.0325 51.8201 36.8847 28.1966C38.5756 25.6655 40.0552 23.1344 41.7461 20.3924C41.7461 20.1814 41.5347 19.7596 41.112 19.1268C36.462 20.3923 31.6007 21.6579 26.9507 22.7125C24.4144 23.1344 21.4552 23.1344 18.9189 22.2907C17.4394 21.8688 15.3258 19.5486 15.3258 18.0722C15.3258 16.1739 16.8053 13.8537 18.0735 12.1663C19.1303 11.1117 21.0326 10.9008 22.7235 10.4789C35.4052 7.31508 48.087 3.72935 60.9801 0.776411C71.9709 -1.75468 75.564 1.83105 74.9299 12.5882C74.2959 23.7672 74.0845 34.9462 73.6618 45.9142C73.4505 49.289 72.8164 52.8747 72.3936 56.6714C63.5164 52.6638 63.5164 52.6638 60.346 18.494C47.0301 33.2588 38.1529 49.289 29.9098 65.7411C21.6666 82.1932 16.1712 99.489 13.2121 117.839C10.2531 136.823 13.8462 154.751 20.1871 175Z", fill: "#0D1927" }) })), _jsx("style", { children: `
+                        @import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&display=swap');                        
+                        .handwritten {
+                            font-family: 'Caveat', cursive;
+                        }
+                        .fade-background {
+                            background: radial-gradient(circle, rgba(255,255,255,0.8) 60%, rgba(255,255,255,0) 90%);
+                        }
+                        .fade-in {
+                            animation: fadeIn 0.5s ease-in-out;
+                        }
+                        @keyframes fadeIn {
+                            from { opacity: 0; }
+                            to { opacity: 1; }
+                        }
+                    ` }), _jsxs("div", { className: `relative flex items-stretch justify-center bg-gray-50 rounded-lg border border-gray-800 gap-6 shadow-2xl`, style: bubbleStyle, children: [_jsx("div", { className: "text-xs font-bold cursor-pointer flex items-center gap-2 absolute top-0 right-0 mr-2 mt-2", onClick: stopTour, children: _jsx("i", { className: "pi pi-times" }) }), _jsx("div", { className: "flex flex-col items-center justify-center gap-2 bg-gray-200 p-6 rounded-l-lg", children: _jsx(AlpacaIcon, {}) }), _jsxs("div", { className: "flex flex-col items-end justify-center gap-3 p-4 ", children: [_jsxs("div", { className: "opacity-100 text-2xl font-bold handwritten text-center flex flex-col items-center max-w-[450px]", children: [_jsx("div", { className: "text-4xl mb-4", children: step.title }), _jsx("div", { children: step.description })] }), _jsx("div", { className: "flex gap-2", children: step.buttons &&
+                                            step.buttons.map((button, index) => (_jsx("button", { onClick: button.onClick, className: button.className, children: button.label }, index))) })] })] })] })] }));
+}
+function AlpacaIcon() {
+    return (_jsxs("svg", { height: "80px", width: "80px", version: "1.1", id: "Layer_1", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", children: [_jsx("path", { style: { fill: "#EBE4DD" }, d: "M102.989,153.011v153.011C119.613,428.825,184.332,506.115,256,506.115\r\n\ts136.387-77.29,153.012-200.092V153.011H102.989z" }), _jsx("path", { style: { fill: "#D8CCBC" }, d: "M255.999,153.011v353.103H256c71.668,0,136.387-77.29,153.012-200.092V153.011H255.999z" }), _jsx("path", { style: { fill: "#A58868" }, d: "M273.655,435.494h-35.31c0,41.195-17.007,41.195-29.425,41.195V512\r\n\tc16.246,0,34.206-4.021,47.08-18.162C268.873,507.979,286.834,512,303.08,512v-35.31C290.662,476.69,273.655,476.69,273.655,435.494\r\n\tz" }), _jsx("path", { style: { fill: "#947859" }, d: "M273.655,435.494H256v58.343C268.873,507.979,286.834,512,303.08,512v-35.31\r\n\tC290.662,476.69,273.655,476.69,273.655,435.494z" }), _jsx("path", { style: { fill: "#EBE4DD" }, d: "M126.529,0C81.025,0,44.138,36.888,44.138,82.391s36.888,82.391,82.391,82.391V0z" }), _jsx("path", { style: { fill: "#D8CCBC" }, d: "M385.471,164.782c45.503,0,82.391-36.888,82.391-82.391S430.975,0,385.471,0V164.782z" }), _jsx("path", { style: { fill: "#BFA993" }, d: "M490.407,247.172c0.643-3.83,0.996-7.758,0.996-11.77c0-39.003-31.618-70.621-70.621-70.621\r\n\ts-70.621,31.618-70.621,70.621c0,4.012,0.352,7.94,0.995,11.77H490.407z" }), _jsx("path", { style: { fill: "#EDEDED" }, d: "M420.782,306.023c39.003,0,70.621-31.618,70.621-70.621H350.161\r\n\tC350.161,274.405,381.779,306.023,420.782,306.023z" }), _jsx("path", { style: { fill: "#454449" }, d: "M397.241,235.401c0,12.981,10.559,23.54,23.538,23.54h0.002c12.981,0.001,23.54-10.559,23.54-23.54\r\n\tH397.241z" }), _jsx("path", { style: { fill: "#BFA993" }, d: "M160.844,247.172c0.643-3.83,0.995-7.758,0.995-11.77c0-39.003-31.618-70.621-70.621-70.621\r\n\tS20.598,196.4,20.598,235.402c0,4.012,0.352,7.94,0.995,11.77H160.844z" }), _jsx("path", { style: { fill: "#EDEDED" }, d: "M91.218,306.023c39.003,0,70.621-31.618,70.621-70.621H20.598\r\n\tC20.598,274.405,52.216,306.023,91.218,306.023z" }), _jsx("path", { style: { fill: "#454449" }, d: "M67.678,235.401c0,12.981,10.559,23.54,23.538,23.54h0.002c12.981,0.001,23.54-10.559,23.54-23.54\r\n\tH67.678z" }), _jsx("path", { style: { fill: "#D8CCBC" }, d: "M391.356,107.187c0-15.527,4.902-33.778-5.082-46.69c-8.818-11.403-28.519-12.694-43.229-20.793\r\n\tc-12.822-7.059-23.38-23.527-39.415-27.235c-14.505-3.356-31.411,6.442-47.63,6.442c-16.218,0-33.125-9.796-47.631-6.442\r\n\tc-16.036,3.708-26.595,20.178-39.415,27.237c-14.71,8.099-34.41,9.391-43.227,20.792c-9.985,12.912-5.082,31.161-5.082,46.689\r\n\ts-4.902,33.778,5.082,46.69c8.818,11.403,28.519,12.693,43.229,20.793c12.821,7.059,23.379,23.527,39.413,27.235\r\n\tc14.505,3.356,31.412-6.442,47.63-6.442s33.125,9.796,47.632,6.442c16.034-3.708,26.592-20.176,39.413-27.237\r\n\tc14.709-8.099,34.411-9.391,43.228-20.792C396.259,140.965,391.356,122.715,391.356,107.187z" }), _jsx("path", { style: { fill: "#BFA993" }, d: "M386.274,60.497c-8.818-11.403-28.519-12.694-43.229-20.793\r\n\tc-12.822-7.059-23.38-23.527-39.415-27.235c-14.505-3.356-31.411,6.442-47.63,6.442v176.552c16.218,0,33.125,9.796,47.632,6.442\r\n\tc16.034-3.708,26.592-20.176,39.413-27.237c14.709-8.099,34.411-9.391,43.228-20.792c9.985-12.912,5.082-31.161,5.082-46.689\r\n\tS396.259,73.409,386.274,60.497z" }), _jsx("path", { style: { fill: "#58575D" }, d: "M293.664,406.069c-6.186,18.772-22.763,39.469-37.664,39.784\r\n\tc-14.901-0.315-31.478-21.012-37.664-39.784c-2.858-9.591,4.529-17.529,16.478-17.655c14.124,0,28.248,0,42.372,0\r\n\tC289.136,388.54,296.522,396.476,293.664,406.069z" }), _jsx("path", { style: { fill: "#454449" }, d: "M277.186,388.414c-7.062,0-14.124,0-21.186,0v57.439c14.901-0.315,31.478-21.012,37.664-39.784\r\n\tC296.522,396.476,289.136,388.54,277.186,388.414z" })] }));
+}
+//# sourceMappingURL=Tour.js.map

package/dist/tour/Tour.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tour.js","sourceRoot":"","sources":["../../src/tour/Tour.tsx"],"names":[],"mappings":"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"}

package/dist/tour/default-tour.d.ts

@@ -0,0 +1,9 @@
+import { GetEditorTourStepsParams, TourStep } from "../config/types";
+export declare function getDefaultTourSteps({ editContext, nextStep, stopTour, waitForElement, waitForElementToDisappear, setFocusRect, delay, waitForInput, simulateTyping, }: GetEditorTourStepsParams, config: {
+    firstComponentTemplateId: string;
+    firstComponentTemplateName: string;
+    firstComponentTextFieldName: string;
+    firstComponentTextFieldId: string;
+    firstComponentRichTextFieldName: string;
+    firstComponentRichTextFieldId: string;
+}): Record<string, TourStep>;

package/dist/tour/default-tour.js

@@ -0,0 +1,229 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export function getDefaultTourSteps({ editContext, nextStep, stopTour, waitForElement, waitForElementToDisappear, setFocusRect, delay, waitForInput, simulateTyping, }, config) {
+    const tourSteps = {
+        "start-tour": {
+            title: "Welcome to the AI Editor Tour!",
+            description: "I will show you around the editor and how to use the most important features.",
+            prepareAction: async () => {
+                editContext?.openSplashScreen();
+            },
+            buttons: [
+                {
+                    label: (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("i", { className: "pi pi-play" }), " Start Tour"] })),
+                    onClick: () => {
+                        nextStep("new-page");
+                    },
+                    className: "button button-primary mt-2",
+                },
+                {
+                    label: (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("i", { className: "pi pi-times" }), " No thanks"] })),
+                    onClick: () => {
+                        stopTour();
+                    },
+                    className: "button button-secondary mt-2",
+                },
+            ],
+        },
+        "new-page": {
+            description: (_jsxs(_Fragment, { children: ["Click on the ", _jsx("b", { children: "New Page" }), " tab to create a new page"] })),
+            focusElement: "#new-page-tab",
+            waitForUserInput: async () => {
+                await waitForElement("#new-page-tab.active-tab");
+            },
+            nextStep: "pick-location",
+        },
+        "pick-location": {
+            description: (_jsxs(_Fragment, { children: ["Select the ", _jsx("b", { children: "Playground" }), " folder as the parent for your new page"] })),
+            focusElement: ".tour-pick-location",
+            waitForUserInput: async () => {
+                await new Promise((resolve) => {
+                    const checkForElement = () => {
+                        const elements = document.querySelectorAll(".p-highlight");
+                        for (const element of elements) {
+                            if (element.textContent?.trim() === "Playground") {
+                                setFocusRect(element.getBoundingClientRect());
+                                resolve();
+                                return;
+                            }
+                        }
+                        requestAnimationFrame(checkForElement);
+                    };
+                    checkForElement();
+                });
+            },
+            getPointTo: () => {
+                const elements = document.querySelectorAll(".p-treenode-label");
+                for (const element of elements) {
+                    if (element.textContent?.trim() === "Playground") {
+                        return element.getBoundingClientRect();
+                    }
+                }
+                return undefined;
+            },
+            nextStep: "choose-template",
+        },
+        "choose-template": {
+            description: "Select a template for your page",
+            focusElement: ".tour-choose-template",
+            waitForUserInput: async () => {
+                await waitForElement(".tour-selected-template");
+            },
+            bubblePosition: "left",
+            nextStep: "enter-name",
+        },
+        "enter-name": {
+            description: "Enter a name for your page",
+            focusElement: "#new-page-name",
+            bubblePosition: "left",
+            waitForUserInput: async () => {
+                await waitForElement("#create-new-page-button:not(.p-disabled)");
+            },
+            nextStep: "create-page",
+        },
+        "create-page": {
+            description: "Click the Create button",
+            focusElement: "#create-new-page-button",
+            waitForUserInput: async () => {
+                await waitForElement("#insert-component-button");
+            },
+            nextStep: "ready-to-add-component",
+        },
+        "ready-to-add-component": {
+            description: "Wanna add a component to your beautiful empty page?",
+            buttons: [
+                {
+                    label: (_jsxs(_Fragment, { children: [_jsx("i", { className: "pi pi-arrow-right" }), " I'm ready, lets go!"] })),
+                    onClick: () => nextStep("insert-component"),
+                },
+            ],
+        },
+        "insert-component": {
+            description: "Excellent, click on the plus button to insert a component.",
+            focusElement: "#insert-component-button",
+            waitForUserInput: async () => {
+                await waitForElement(".tour-component-palette");
+            },
+            nextStep: "drag-component",
+        },
+        "drag-component": {
+            description: `Drag and drop a ${config.firstComponentTemplateName} component to your page.`,
+            focusElement: `#insert-component-${config.firstComponentTemplateId}`,
+            waitForUserInput: async () => {
+                await waitForElement(".tour-placeholder-dropzone");
+            },
+            nextStep: "drop-component-on-placeholder",
+        },
+        "drop-component-on-placeholder": {
+            description: "Drop the component onto this placeholder!",
+            focusElement: ".tour-placeholder-dropzone",
+            bubblePosition: "left",
+            extendFocus: 70,
+            waitForUserInput: async () => {
+                await waitForElementToDisappear(".tour-placeholder-dropzone");
+                await delay(400);
+                if (!document.querySelector(".tour-component-palette")) {
+                    return "enter-title";
+                }
+                return "drag-component";
+            },
+            nextStep: "enter-title",
+        },
+        "enter-title": {
+            description: `Excellent! Now lets fill in the fields. First enter a ${config.firstComponentTextFieldName}`,
+            focusElement: `[data-field-id='${config.firstComponentTextFieldId}']`,
+            waitForUserInput: async () => {
+                await delay(5000);
+                await waitForInput(`[data-field-id='${config.firstComponentTextFieldId}'] input`, 5);
+            },
+            nextStep: "see-content-update",
+        },
+        "see-content-update": {
+            description: "See how the content is automatically updating on your page?",
+            focusElement: `[data-field-id='${config.firstComponentTextFieldId}']`,
+            pointToElement: `iframe:[data-fieldid='${config.firstComponentTextFieldId}']`,
+            bubblePosition: "bottom",
+            flipArrow: true,
+            waitForUserInput: async () => {
+                await delay(5000);
+                await waitForInput(`[data-field-id='${config.firstComponentTextFieldId}'] input`, 5);
+            },
+            nextStep: "edit-content-inline",
+        },
+        "edit-content-inline": {
+            description: "You can also directly edit the content on the page. Click on the [Introduction] placeholder here and start typing!",
+            focusElement: `iframe:[data-fieldid='${config.firstComponentRichTextFieldId}']`,
+            bubblePosition: "bottom",
+            flipArrow: true,
+            waitForUserInput: async () => {
+                await delay(5000);
+                await waitForInput(`[data-field-id='${config.firstComponentRichTextFieldId}'] [contenteditable]`, 5);
+            },
+            nextStep: "ai-intro",
+        },
+        "ai-intro": {
+            description: "But hey, this is an AI editor, so why not let the AI do some of the work for you?",
+            buttons: [
+                {
+                    label: (_jsxs(_Fragment, { children: [_jsx("i", { className: "pi pi-arrow-right" }), " Great, show me!"] })),
+                    onClick: () => nextStep("ai-sidebar"),
+                },
+            ],
+        },
+        "ai-sidebar": {
+            description: "Click on the AI sidebar to open the AI chat.",
+            focusElement: `[data-sidebarview-name='ai']`,
+            nextStep: "ai-terminal",
+            waitForElement: "[data-sidebarview-name='ai'].a-active",
+        },
+        "ai-terminal": {
+            description: "Let me take control and add tell the AI to add some more components.",
+            focusElement: `.tour-ai-terminal textarea`,
+            waitForUserInput: async () => {
+                await delay(1000);
+                const aiTerminal = document.querySelector(".tour-ai-terminal textarea");
+                if (aiTerminal) {
+                    aiTerminal.focus();
+                    await simulateTyping(aiTerminal, `Plase add three components of type ${config.firstComponentTemplateName} with some funny dummy content to the page.`);
+                }
+            },
+            bubblePosition: "top-right",
+            nextStep: "ai-submit",
+        },
+        "ai-submit": {
+            description: "Click on the Send button to submit the prompt to the AI.",
+            focusElement: ".tour-ai-terminal .tour-send-button",
+            bubblePosition: "top-right",
+            nextStep: "ai-watch-components-added",
+            waitForElement: ".tour-ai-terminal .a-prompt",
+        },
+        "ai-watch-components-added": {
+            description: "Watch how the AI adds the components to the page. This can take a few seconds.",
+            focusElement: ".tour-ai-terminal",
+            pointToElement: ".tour-ai-terminal .a-prompt",
+            waitForElement: ".tour-ai-response-message-changes",
+            nextStep: "congratulations",
+        },
+        congratulations: {
+            title: "Congratulations!",
+            description: "You have completed the tour and are now an AI Editor Pro!",
+            buttons: [
+                {
+                    label: (_jsxs(_Fragment, { children: [_jsx("i", { className: "pi pi-check" }), " Finish Tour"] })),
+                    onClick: () => stopTour(),
+                    className: "button button-primary mt-2",
+                },
+            ],
+        },
+        error: {
+            description: "Oops, something went wrong.",
+            buttons: [
+                {
+                    label: (_jsxs(_Fragment, { children: [_jsx("i", { className: "pi pi-check" }), " Close"] })),
+                    onClick: () => stopTour(),
+                },
+            ],
+        },
+    };
+    return tourSteps;
+}
+//# sourceMappingURL=default-tour.js.map

package/dist/tour/default-tour.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-tour.js","sourceRoot":"","sources":["../../src/tour/default-tour.tsx"],"names":[],"mappings":"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"}

package/dist/tour/preview-tour.d.ts

@@ -0,0 +1,2 @@
+import { GetEditorTourStepsParams, TourStep } from "../config/types";
+export declare function getPreviewTourSteps({ editContext, nextStep, stopTour, waitForElement, delay, }: GetEditorTourStepsParams): Record<string, TourStep>;