@wix/astro 0.2.13 → 0.2.15

package/dist/dev-toolbar/Editor/classes.d.ts

@@ -0,0 +1,12 @@
+import { ChangeSetItem } from "./types.js";
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;
+export declare let selectedElement: HTMLElement | null;
+export declare let selectedTextNode: Node | null;
+export declare function syncClasses(): void;
+export declare function backupClasses(fromCheckbox?: boolean): void;
+export declare function restoreClasses(fromCheckbox?: boolean): void;
+export declare function constructChangeSet(): ChangeSetItem[] | null;
+export declare function handleArrowKeys(debouncedSave: () => void, e: KeyboardEvent): true | undefined;
+export declare function setSelectedElement(el: HTMLElement | null): HTMLElement | undefined;
+export declare function clearClassChanges(): void;

package/dist/dev-toolbar/Editor/classes.js

@@ -0,0 +1,271 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}
+const schemas = {
+    calendar: {
+        ".rdp-caption_start>div>div": {
+            type: "class_change",
+            propName: "classNames",
+            path: "caption_label",
+        },
+        ".rdp-tbody td>button.day-outside": {
+            type: "class_change",
+            propName: "classNames",
+            path: "day_outside",
+        },
+        ".rdp-tbody td, .rdp-tbody td>button": {
+            type: "class_change",
+            propName: "classNames",
+            path: "day",
+        },
+    },
+};
+let originalClasses = [];
+let originalText = "";
+export let selectedElement = null;
+export let selectedTextNode = null;
+function findTextNode(element) {
+    // Find the first non-empty text node in the element
+    const walker = document.createTreeWalker(element, NodeFilter.SHOW_TEXT, {
+        acceptNode: function (node) {
+            // Skip empty text nodes (whitespace only)
+            return node.nodeValue && node.nodeValue.trim() !== ""
+                ? NodeFilter.FILTER_ACCEPT
+                : NodeFilter.FILTER_SKIP;
+        },
+    });
+    // Return the first matching text node or null if none found
+    return walker.nextNode();
+}
+function lookupElement(element) {
+    let parent = element;
+    let compName = null;
+    let selector = null;
+    if (!element.getAttribute("data-source")) {
+        parent = element.closest("[data-source]");
+        if (!parent)
+            return {};
+        compName = parent.getAttribute("data-comp-name")?.toLowerCase();
+        if (compName && schemas[compName]) {
+            const selectors = Object.keys(schemas[compName]);
+            selector = selectors.find((selector) => {
+                const elements = parent.querySelectorAll(selector);
+                return Array.from(elements || []).includes(element);
+            });
+            if (!selector)
+                return {};
+        }
+        else {
+            element = parent;
+        }
+    }
+    return {
+        element,
+        compName,
+        selector,
+        source: parent.getAttribute("data-source"),
+        mainSource: parent.getAttribute("data-source-main"),
+    };
+}
+export function syncClasses() {
+    let changes = constructChangeSet();
+    if (!changes)
+        return;
+    let addedClasses = changes.flatMap((c) => c.instruction.type === "class_change" ? c.instruction.delta?.added : []);
+    originalClasses.forEach(({ element: el }) => {
+        if (el === selectedElement)
+            return;
+        let newClasses = cn(...el.classList, addedClasses).split(/\s+/);
+        el.classList.remove(...el.classList);
+        el.classList.add(...newClasses);
+    });
+}
+function syncQuery(element) {
+    let { selector, source, mainSource } = lookupElement(element);
+    let query, mainQuery;
+    if (mainSource)
+        mainQuery = `[data-source-main="${mainSource}"]`;
+    if (source)
+        query = `[data-source="${source}"]`;
+    if (selector) {
+        query += ` :is(${selector})`;
+        mainQuery += ` :is(${selector})`;
+    }
+    return { query, mainQuery };
+}
+export function backupClasses(fromCheckbox = false) {
+    if (!selectedElement)
+        return;
+    let { query, mainQuery } = syncQuery(selectedElement);
+    if (fromCheckbox)
+        query = mainQuery;
+    else {
+        originalText = selectedTextNode?.nodeValue || "";
+        originalClasses = [
+            {
+                element: selectedElement,
+                classes: Array.from(selectedElement.classList),
+            },
+        ];
+    }
+    if (!query)
+        return;
+    let elements = document.querySelectorAll(query);
+    elements.forEach((el) => {
+        if (originalClasses.find(({ element }) => element === el))
+            return;
+        el.classList.add("highlight");
+        originalClasses.push({
+            element: el,
+            classes: Array.from(el.classList),
+        });
+    });
+    syncClasses();
+}
+export function restoreClasses(fromCheckbox = false) {
+    if (!selectedElement)
+        return;
+    let { query } = syncQuery(selectedElement);
+    if (!query)
+        return;
+    let elements = [...document.querySelectorAll(query)];
+    originalClasses = originalClasses.filter(({ element, classes }) => {
+        if (fromCheckbox && elements.includes(element))
+            return true;
+        element.classList.remove(...element.classList);
+        element.classList.add(...classes);
+    });
+    if (!fromCheckbox && selectedTextNode) {
+        selectedTextNode.nodeValue = originalText;
+    }
+}
+export function constructChangeSet() {
+    if (!selectedElement)
+        return null;
+    let { compName, selector, source, mainSource } = lookupElement(selectedElement);
+    let instruction = compName && selector
+        ? schemas[compName][selector]
+        : { type: "class_change" };
+    const changeSet = [];
+    if (selectedTextNode) {
+        const currentText = selectedTextNode.nodeValue || "";
+        if (source && currentText !== originalText) {
+            const [sourceFile, line] = source.split(":");
+            changeSet.push({
+                file: sourceFile,
+                line: parseInt(line),
+                instruction: {
+                    type: "replace_text",
+                    textContent: currentText,
+                },
+            });
+        }
+    }
+    let editMainComponent = document.getElementById("update-main-component");
+    const isEditMainChecked = editMainComponent?.checked;
+    if (isEditMainChecked && mainSource)
+        source = mainSource;
+    if (!source)
+        return null;
+    const [sourceFile, line] = source.split(":");
+    const currentClasses = Array.from(selectedElement.classList);
+    const removed = originalClasses[0].classes.filter((cls) => !currentClasses.includes(cls));
+    const added = currentClasses.filter((cls) => !originalClasses[0].classes.includes(cls));
+    if (removed.length > 0 || added.length > 0) {
+        changeSet.push({
+            file: sourceFile,
+            line: parseInt(line),
+            instruction: {
+                ...instruction,
+                delta: { added, removed },
+            },
+        });
+    }
+    return changeSet;
+}
+function incrementClass(prefix, inc, defaultSize = 0) {
+    if (!selectedElement)
+        return;
+    const currentClasses = Array.from(selectedElement.classList);
+    const cls = currentClasses.find((cls) => cls.startsWith(prefix));
+    const value = cls
+        ? parseInt(cls.match(/-?\d+/)?.[0] || `${defaultSize}`) || defaultSize
+        : defaultSize;
+    const newValue = value + inc;
+    const newClasses = cn(currentClasses, `${prefix}[${newValue}px]`);
+    selectedElement.classList.remove(...selectedElement.classList);
+    selectedElement.classList.add(...newClasses.split(/\s+/));
+}
+export function handleArrowKeys(debouncedSave, e) {
+    if (!selectedElement)
+        return;
+    // Only process arrow keys
+    if (!["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(e.key))
+        return;
+    e.preventDefault();
+    e.stopPropagation();
+    if (originalClasses.length === 0)
+        backupClasses();
+    const rect = selectedElement.getBoundingClientRect();
+    if (e.key === "ArrowUp") {
+        if (e.shiftKey)
+            incrementClass("h-", 1, rect.height);
+        if (e.altKey)
+            incrementClass("h-", -1, rect.height);
+        if (!e.altKey)
+            incrementClass("mt-", -1);
+    }
+    else if (e.key === "ArrowDown") {
+        if (e.shiftKey)
+            incrementClass("h-", 1, rect.height);
+        if (e.altKey)
+            incrementClass("h-", -1, rect.height);
+        if (!e.shiftKey)
+            incrementClass("mt-", 1);
+    }
+    else if (e.key === "ArrowLeft") {
+        if (e.shiftKey)
+            incrementClass("w-", 1, rect.width);
+        if (e.altKey)
+            incrementClass("w-", -1, rect.height);
+        if (!e.altKey)
+            incrementClass("ml-", -1);
+    }
+    else if (e.key === "ArrowRight") {
+        if (e.shiftKey)
+            incrementClass("w-", 1, rect.width);
+        if (e.altKey)
+            incrementClass("w-", -1, rect.height);
+        if (!e.shiftKey)
+            incrementClass("ml-", 1);
+    }
+    syncClasses();
+    debouncedSave();
+    return true;
+}
+export function setSelectedElement(el) {
+    if (!el) {
+        restoreClasses();
+        clearClassChanges();
+        selectedElement = null;
+        selectedTextNode = null;
+        return;
+    }
+    let { element } = lookupElement(el);
+    if (element) {
+        selectedElement = element;
+        selectedTextNode = findTextNode(element);
+        backupClasses();
+    }
+    return element;
+}
+export function clearClassChanges() {
+    originalClasses = [];
+    selectedTextNode = null;
+    document.querySelectorAll(".highlight").forEach((el) => {
+        el.classList.remove("highlight");
+    });
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2xhc3Nlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9kZXYtdG9vbGJhci9FZGl0b3IvY2xhc3Nlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxPQUFPLEVBQUUsSUFBSSxFQUFtQixNQUFNLE1BQU0sQ0FBQztBQUM3QyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFekMsTUFBTSxVQUFVLEVBQUUsQ0FBQyxHQUFHLE1BQW9CO0lBQ3hDLE9BQU8sT0FBTyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDO0FBQy9CLENBQUM7QUFFRCxNQUFNLE9BQU8sR0FBYztJQUN6QixRQUFRLEVBQUU7UUFDUiw0QkFBNEIsRUFBRTtZQUM1QixJQUFJLEVBQUUsY0FBYztZQUNwQixRQUFRLEVBQUUsWUFBWTtZQUN0QixJQUFJLEVBQUUsZUFBZTtTQUN0QjtRQUNELGtDQUFrQyxFQUFFO1lBQ2xDLElBQUksRUFBRSxjQUFjO1lBQ3BCLFFBQVEsRUFBRSxZQUFZO1lBQ3RCLElBQUksRUFBRSxhQUFhO1NBQ3BCO1FBQ0QscUNBQXFDLEVBQUU7WUFDckMsSUFBSSxFQUFFLGNBQWM7WUFDcEIsUUFBUSxFQUFFLFlBQVk7WUFDdEIsSUFBSSxFQUFFLEtBQUs7U0FDWjtLQUNGO0NBQ0YsQ0FBQztBQUVGLElBQUksZUFBZSxHQUFrRCxFQUFFLENBQUM7QUFDeEUsSUFBSSxZQUFZLEdBQUcsRUFBRSxDQUFDO0FBQ3RCLE1BQU0sQ0FBQyxJQUFJLGVBQWUsR0FBdUIsSUFBSSxDQUFDO0FBQ3RELE1BQU0sQ0FBQyxJQUFJLGdCQUFnQixHQUFnQixJQUFJLENBQUM7QUFFaEQsU0FBUyxZQUFZLENBQUMsT0FBb0I7SUFDeEMsb0RBQW9EO0lBQ3BELE1BQU0sTUFBTSxHQUFHLFFBQVEsQ0FBQyxnQkFBZ0IsQ0FBQyxPQUFPLEVBQUUsVUFBVSxDQUFDLFNBQVMsRUFBRTtRQUN0RSxVQUFVLEVBQUUsVUFB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

package/dist/dev-toolbar/Editor/dnd.d.ts

@@ -0,0 +1,34 @@
+import { ComponentMoveInstruction } from "./types.js";
+import React from "react";
+export declare function useDragLoaderInit(): void;
+export type DomElement = {
+    type: string;
+    id: string;
+};
+export interface DragResult {
+    newIndex: number;
+    child: DomElement;
+    parent: DomElement;
+    originalParent?: DomElement;
+    sourceFile?: string;
+    fromLine?: number;
+    toLine?: number;
+}
+export declare function getComponentMoveChanges(): {
+    file: string;
+    line: number;
+    instruction: ComponentMoveInstruction;
+}[];
+export declare function clearComponentMoveChanges(): void;
+interface ButtonBarProps {
+    el: HTMLElement;
+    onHighlight: (el: HTMLElement) => void;
+    showDragOnly?: boolean;
+    dragButtonClassNames?: string;
+}
+export declare function ButtonBar({ el, onHighlight, showDragOnly, dragButtonClassNames }: ButtonBarProps): React.JSX.Element;
+export declare function startDrag(domId: string): number | null;
+export declare function drag(domId: string, x: number, y: number): void;
+export declare function endDrag(domId: string): DragResult | null;
+export declare function endAllDrag(): void;
+export {};