@parhelia/core 0.1.10745

package/dist/tour/default-tour.js

@@ -0,0 +1,302 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Play, X, ArrowRight, Check } from "lucide-react";
+export function getDefaultTourSteps({ editContext, nextStep, stopTour, waitForElement, waitForElementToDisappear, delay, waitForInput, simulateTyping, }, config) {
+    const tourSteps = {
+        "start-tour": {
+            title: "Welcome to the Parhelia 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(Play, { className: "h-4 w-4" }), " Start Tour"] })),
+                    onClick: () => {
+                        nextStep("new-page");
+                    },
+                    className: "button button-primary mt-2",
+                },
+                {
+                    label: (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(X, { className: "h-4 w-4" }), " No thanks"] })),
+                    onClick: () => {
+                        stopTour();
+                    },
+                    className: "button button-secondary mt-2",
+                },
+            ],
+        },
+        "new-page": {
+            title: "Create a New Page",
+            description: (_jsxs(_Fragment, { children: ["Click on the ", _jsx("b", { children: "New Page" }), " tab to create a new page"] })),
+            focusElement: '#create-new-page-button, [data-testid="create-new-page-button"]',
+            bubblePosition: "right",
+            waitForUserInput: async () => {
+                await waitForElement(".tour-pick-location");
+            },
+            nextStep: "pick-location",
+        },
+        "pick-location": {
+            title: "Choose Location",
+            description: _jsx(_Fragment, { children: "Open up a folder for your page" }),
+            focusElement: ".tour-pick-location",
+            bubblePosition: "right",
+            waitForUserInput: async () => {
+                await waitForElement(".bg-theme-secondary-light");
+            },
+            nextStep: "choose-template",
+        },
+        "choose-template": {
+            title: "Select Template",
+            description: "Select a template for your page",
+            focusElement: ".tour-choose-template",
+            waitForUserInput: async () => {
+                return new Promise((resolve) => {
+                    const templateArea = document.querySelector(".tour-choose-template");
+                    if (templateArea) {
+                        const handleClick = () => {
+                            templateArea.removeEventListener("click", handleClick);
+                            resolve();
+                        };
+                        templateArea.addEventListener("click", handleClick);
+                    }
+                });
+            },
+            bubblePosition: "left",
+            nextStep: "enter-name",
+        },
+        "enter-name": {
+            title: "Name Your Page",
+            description: "Enter a name for your page",
+            focusElement: "#new-page-name",
+            bubblePosition: "left",
+            waitForUserInput: async () => {
+                await waitForElement("#create-new-page-button:not([disabled])");
+            },
+            nextStep: "create-page",
+        },
+        "create-page": {
+            title: "Create Page",
+            description: "Click the Create button",
+            focusElement: "#create-new-page-button",
+            bubblePosition: "left",
+            waitForUserInput: async () => {
+                // wait for loading spinner
+                await waitForElement("[data-loading-indicator]");
+            },
+            nextStep: "loading",
+        },
+        loading: {
+            title: "Loading...",
+            description: "Waiting for your new page...",
+            waitForUserInput: async () => {
+                await waitForElementToDisappear("[data-loading-indicator]");
+            },
+            nextStep: "ready-to-add-component",
+        },
+        "ready-to-add-component": {
+            title: "Ready to Add Components",
+            description: "Wanna add a component to your beautiful empty page?",
+            buttons: [
+                {
+                    label: (_jsxs(_Fragment, { children: [_jsx(ArrowRight, { className: "inline h-4 w-4" }), " I'm ready, lets go!"] })),
+                    onClick: () => {
+                        if (document.querySelector('#insert-component-button, [data-testid="insert-component-button"]')) {
+                            nextStep("insert-component");
+                        }
+                        else {
+                            nextStep("drag-component");
+                        }
+                    },
+                },
+            ],
+        },
+        "insert-component": {
+            title: "Insert Component",
+            description: "Excellent, click on the plus button to insert a component.",
+            focusElement: '#insert-component-button, [data-testid="insert-component-button"]',
+            bubblePosition: "bottom-right",
+            waitForUserInput: async () => {
+                await waitForElement(".tour-component-palette");
+            },
+            nextStep: "drag-component",
+        },
+        "drag-component": {
+            title: "Drag & Drop Component",
+            description: `Drag and drop a ${config.firstComponentTemplateName} component to your page.`,
+            focusElement: `#insert-component-${config.firstComponentTemplateId}`,
+            bubblePosition: "right",
+            waitForUserInput: async () => {
+                //await waitForElement(".tour-placeholder-dropzone");
+                await waitForElement(".tour-component-palette");
+                const itemSelector = `#insert-component-${config.firstComponentTemplateId}, [data-testid="insert-component-${config.firstComponentTemplateId}"]`;
+                await waitForElement(itemSelector);
+                document.querySelector(itemSelector)?.scrollIntoView({
+                    block: "center",
+                    inline: "center",
+                    behavior: "smooth",
+                });
+                const el = document.querySelector(itemSelector);
+                if (el) {
+                    await new Promise((resolve) => {
+                        const cleanup = () => {
+                            el.removeEventListener("dragstart", onDragStart);
+                            el.removeEventListener("mousedown", onMouseDown);
+                            el.removeEventListener("touchstart", onTouchStart);
+                        };
+                        const onDragStart = () => {
+                            cleanup();
+                            resolve();
+                        };
+                        const onMouseDown = () => {
+                            cleanup();
+                            resolve();
+                        }; // falls Drag per Mousedown beginnt
+                        const onTouchStart = () => {
+                            cleanup();
+                            resolve();
+                        }; // mobile
+                        el.addEventListener("dragstart", onDragStart, { once: true });
+                        el.addEventListener("mousedown", onMouseDown, { once: true });
+                        el.addEventListener("touchstart", onTouchStart, { once: true });
+                    });
+                }
+            },
+            nextStep: "drop-component-on-placeholder",
+        },
+        "drop-component-on-placeholder": {
+            title: "Drop Here!",
+            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": {
+            title: "Fill in Content",
+            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": {
+            title: "Live Updates",
+            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": {
+            title: "Inline Editing",
+            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": {
+            title: "AI-Powered Editing",
+            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(ArrowRight, { className: "inline h-4 w-4" }), " Great, show me!"] })),
+                    onClick: () => nextStep("open-agents-panel"),
+                },
+            ],
+        },
+        "open-agents-panel": {
+            title: "Open AI Agents",
+            description: "Open the Agents panel to start an AI chat.",
+            focusElement: "#agents-panel-button, [data-testid='agents-panel-button']",
+            bubblePosition: "left",
+            waitForUserInput: async () => {
+                const btn = document.querySelector("#agents-panel-button, [data-testid='agents-panel-button']");
+                if (btn) {
+                    await new Promise((resolve) => {
+                        btn.addEventListener("click", () => resolve(), { once: true });
+                    });
+                }
+                await delay(500);
+                await waitForElement("[data-testid='agent-profile-card']");
+            },
+            nextStep: "choose-agent",
+        },
+        "choose-agent": {
+            title: "Choose an AI Agent",
+            description: "Choose an AI agent to assist you with your tasks.",
+            focusElement: "#agent-profile-card, [data-testid='agent-profile-card']",
+            bubblePosition: "left",
+            waitForUserInput: async () => {
+                const btn = document.querySelector("#agent-profile-card, [data-testid='agent-profile-card']");
+                if (btn) {
+                    await new Promise((resolve) => {
+                        btn.addEventListener("click", () => resolve(), { once: true });
+                    });
+                }
+                await delay(500);
+                await waitForElement("[data-testid='agent-terminal-prompt']");
+            },
+            nextStep: "start-agent-chat",
+        },
+        "start-agent-chat": {
+            title: "Start a chat",
+            description: "Type a prompt for the agent - Let AI create your whole webpage or just parts and press Enter.",
+            focusElement: "[data-testid='agent-terminal-prompt']",
+            bubblePosition: "top-left",
+            buttons: [
+                {
+                    label: (_jsxs(_Fragment, { children: [_jsx(Check, { className: "inline h-4 w-4" }), " Got it"] })),
+                    onClick: () => nextStep("congratulations"),
+                    className: "button button-primary mt-2",
+                },
+            ],
+            waitForUserInput: async () => {
+                await waitForInput("[data-testid='agent-terminal-prompt'] textarea", 5);
+            },
+            nextStep: "congratulations",
+        },
+        congratulations: {
+            title: "Congratulations!",
+            description: "You have completed the tour and are now a Parhelia Pro!",
+            buttons: [
+                {
+                    label: (_jsxs(_Fragment, { children: [_jsx(Check, { className: "inline h-4 w-4" }), " Finish Tour"] })),
+                    onClick: () => stopTour(),
+                    className: "button button-primary mt-2",
+                },
+            ],
+        },
+        error: {
+            title: "Oh no...",
+            description: "Something went wrong.",
+            buttons: [
+                {
+                    label: (_jsxs(_Fragment, { children: [_jsx(Check, { className: "inline h-4 w-4" }), " 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>;

package/dist/tour/preview-tour.js

@@ -0,0 +1,93 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Play, X, ArrowRight, Check } from "lucide-react";
+export function getPreviewTourSteps({ editContext, nextStep, stopTour, waitForElement, delay, }) {
+    const tourSteps = {
+        "start-tour": {
+            title: "Welcome to the Preview Tour!",
+            description: "I'll guide you through the preview and explain how to use its essential features.",
+            prepareAction: async () => {
+                editContext?.openSplashScreen();
+            },
+            buttons: [
+                {
+                    label: (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Play, { className: "h-4 w-4" }), " Start Tour"] })),
+                    onClick: () => {
+                        nextStep("comment");
+                    },
+                    className: "button button-primary mt-2",
+                },
+                {
+                    label: (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(X, { className: "h-4 w-4" }), " No thanks"] })),
+                    onClick: () => {
+                        stopTour();
+                    },
+                    className: "button button-secondary mt-2",
+                },
+            ],
+        },
+        comment: {
+            description: _jsx(_Fragment, { children: "Click here to add a comment to the page" }),
+            focusElement: "#add-comment",
+            nextStep: "commentContextMenu",
+            buttons: [
+                {
+                    label: (_jsxs(_Fragment, { children: [_jsx(ArrowRight, { className: "inline h-4 w-4" }), " Next"] })),
+                    onClick: () => nextStep("commentContextMenu"),
+                },
+            ],
+        },
+        commentContextMenu: {
+            description: (_jsx(_Fragment, { children: "You can also select text and add a comment from the context menu " })),
+            focusElement: "[data-testid='pageEditoriframe']",
+            waitForUserInput: async () => {
+                await waitForElement(".p-contextmenu-enter-done");
+                await delay(1000);
+            },
+            nextStep: "approveMenu",
+            bubblePosition: "left",
+        },
+        approveMenu: {
+            description: _jsx(_Fragment, { children: "Approve or reject the page here " }),
+            focusElement: "#actions-menu",
+            waitForUserInput: async () => {
+                await waitForElement("#approveReview");
+                await delay(2000);
+            },
+            nextStep: "closeTour",
+            bubblePosition: "left",
+        },
+        closeTour: {
+            description: _jsx(_Fragment, { children: "Congratulations! You have completed the tour." }),
+            buttons: [
+                {
+                    label: (_jsxs(_Fragment, { children: [_jsx(Check, { className: "inline h-4 w-4" }), " Finish Tour"] })),
+                    onClick: () => stopTour(),
+                    className: "button button-primary mt-2",
+                },
+            ],
+        },
+        congratulations: {
+            title: "Congratulations!",
+            description: "You have completed the tour and are ready to start editing!",
+            buttons: [
+                {
+                    label: (_jsxs(_Fragment, { children: [_jsx(Check, { className: "inline h-4 w-4" }), " Finish Tour"] })),
+                    onClick: () => stopTour(),
+                    className: "button button-primary mt-2",
+                },
+            ],
+        },
+        error: {
+            title: "Oh no...",
+            description: "Something went wrong.",
+            buttons: [
+                {
+                    label: (_jsxs(_Fragment, { children: [_jsx(Check, { className: "inline h-4 w-4" }), " Close"] })),
+                    onClick: () => stopTour(),
+                },
+            ],
+        },
+    };
+    return tourSteps;
+}
+//# sourceMappingURL=preview-tour.js.map

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

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