@strapi/content-manager 0.0.0-experimental.eba25ec571b091c6bde1104eb6c753debdf15462 → 0.0.0-experimental.ed76b5e1c1d6fb3b4435c438af7398a06b511d6f

package/dist/admin/preview/utils/previewScript.js

@@ -0,0 +1,203 @@
+'use strict';
+
+// NOTE: This override is for the properties on _user's site_, it's not about Strapi Admin.
+/**
+ * previewScript will be injected into the preview iframe after being stringified.
+ * Therefore it CANNOT use any imports, or refer to any variables outside of its own scope.
+ * It's why many functions are defined within previewScript, it's the only way to avoid going full spaghetti.
+ * To get a better overview of everything previewScript does, go to the orchestration part at its end.
+ */ const previewScript = (shouldRun = true)=>{
+    /* -----------------------------------------------------------------------------------------------
+   * Params
+   * ---------------------------------------------------------------------------------------------*/ const HIGHLIGHT_PADDING = 2; // in pixels
+    const HIGHLIGHT_HOVER_COLOR = window.STRAPI_HIGHLIGHT_HOVER_COLOR ?? '#4945ff'; // dark primary500
+    const SOURCE_ATTRIBUTE = 'data-strapi-source';
+    const OVERLAY_ID = 'strapi-preview-overlay';
+    const INTERNAL_EVENTS = {
+        DUMMY_EVENT: 'dummyEvent'
+    };
+    /**
+   * Calling the function in no-run mode lets us retrieve the constants from other files and keep
+   * a single source of truth for them. It's the only way to do this because this script can't
+   * refer to any variables outside of its own scope, because it's stringified before it's run.
+   */ if (!shouldRun) {
+        return {
+            INTERNAL_EVENTS
+        };
+    }
+    /* -----------------------------------------------------------------------------------------------
+   * Functionality pieces
+   * ---------------------------------------------------------------------------------------------*/ const createOverlaySystem = ()=>{
+        // Clean up before creating a new overlay so we can safely call previewScript multiple times
+        window.__strapi_previewCleanup?.();
+        document.getElementById(OVERLAY_ID)?.remove();
+        const overlay = document.createElement('div');
+        overlay.id = OVERLAY_ID;
+        overlay.style.cssText = `
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      pointer-events: none;
+      z-index: 9999;
+    `;
+        window.document.body.appendChild(overlay);
+        return overlay;
+    };
+    const createHighlightManager = (overlay)=>{
+        const elements = window.document.querySelectorAll(`[${SOURCE_ATTRIBUTE}]`);
+        const highlights = [];
+        const eventListeners = [];
+        const drawHighlight = (target, highlight)=>{
+            if (!highlight) return;
+            const rect = target.getBoundingClientRect();
+            highlight.style.width = `${rect.width + HIGHLIGHT_PADDING * 2}px`;
+            highlight.style.height = `${rect.height + HIGHLIGHT_PADDING * 2}px`;
+            highlight.style.transform = `translate(${rect.left - HIGHLIGHT_PADDING}px, ${rect.top - HIGHLIGHT_PADDING}px)`;
+        };
+        const updateAllHighlights = ()=>{
+            highlights.forEach((highlight, index)=>{
+                const element = elements[index];
+                if (element && highlight) {
+                    drawHighlight(element, highlight);
+                }
+            });
+        };
+        elements.forEach((element)=>{
+            if (element instanceof HTMLElement) {
+                const highlight = document.createElement('div');
+                highlight.style.cssText = `
+          position: absolute;
+          outline: 2px solid transparent;
+          pointer-events: none;
+          border-radius: 2px;
+          background-color: transparent;
+          will-change: transform;
+          transition: outline-color 0.1s ease-in-out;
+        `;
+                // Move hover detection to the underlying element
+                const mouseEnterHandler = ()=>{
+                    highlight.style.outlineColor = HIGHLIGHT_HOVER_COLOR;
+                };
+                const mouseLeaveHandler = ()=>{
+                    highlight.style.outlineColor = 'transparent';
+                };
+                const doubleClickHandler = ()=>{
+                    // TODO: handle for real
+                    // eslint-disable-next-line no-console
+                    console.log('Double click on highlight', element);
+                };
+                const mouseDownHandler = (event)=>{
+                    // Prevent default multi click to select behavior
+                    if (event.detail >= 2) {
+                        event.preventDefault();
+                    }
+                };
+                element.addEventListener('mouseenter', mouseEnterHandler);
+                element.addEventListener('mouseleave', mouseLeaveHandler);
+                element.addEventListener('dblclick', doubleClickHandler);
+                element.addEventListener('mousedown', mouseDownHandler);
+                // Store event listeners for cleanup
+                eventListeners.push({
+                    element,
+                    type: 'mouseenter',
+                    handler: mouseEnterHandler
+                }, {
+                    element,
+                    type: 'mouseleave',
+                    handler: mouseLeaveHandler
+                }, {
+                    element,
+                    type: 'dblclick',
+                    handler: doubleClickHandler
+                }, {
+                    element,
+                    type: 'mousedown',
+                    handler: mouseDownHandler
+                });
+                highlights.push(highlight);
+                overlay.appendChild(highlight);
+                drawHighlight(element, highlight);
+            }
+        });
+        return {
+            elements,
+            updateAllHighlights,
+            eventListeners
+        };
+    };
+    const setupObservers = (highlightManager)=>{
+        const resizeObserver = new ResizeObserver(()=>{
+            highlightManager.updateAllHighlights();
+        });
+        highlightManager.elements.forEach((element)=>{
+            resizeObserver.observe(element);
+        });
+        resizeObserver.observe(document.documentElement);
+        const updateOnScroll = ()=>{
+            highlightManager.updateAllHighlights();
+        };
+        const scrollableElements = new Set();
+        scrollableElements.add(window);
+        // Find all scrollable ancestors for all tracked elements
+        highlightManager.elements.forEach((element)=>{
+            let parent = element.parentElement;
+            while(parent){
+                const computedStyle = window.getComputedStyle(parent);
+                const overflow = computedStyle.overflow + computedStyle.overflowX + computedStyle.overflowY;
+                if (overflow.includes('scroll') || overflow.includes('auto')) {
+                    scrollableElements.add(parent);
+                }
+                parent = parent.parentElement;
+            }
+        });
+        // Add scroll listeners to all scrollable elements
+        scrollableElements.forEach((element)=>{
+            if (element === window) {
+                window.addEventListener('scroll', updateOnScroll);
+                window.addEventListener('resize', updateOnScroll);
+            } else {
+                element.addEventListener('scroll', updateOnScroll);
+            }
+        });
+        return {
+            resizeObserver,
+            updateOnScroll,
+            scrollableElements
+        };
+    };
+    const setupEventHandlers = (highlightManager)=>{
+        // TODO: The listeners for postMessage events will go here
+        return highlightManager.eventListeners;
+    };
+    const createCleanupSystem = (overlay, observers, eventHandlers)=>{
+        window.__strapi_previewCleanup = ()=>{
+            observers.resizeObserver.disconnect();
+            // Remove all scroll listeners
+            observers.scrollableElements.forEach((element)=>{
+                if (element === window) {
+                    window.removeEventListener('scroll', observers.updateOnScroll);
+                    window.removeEventListener('resize', observers.updateOnScroll);
+                } else {
+                    element.removeEventListener('scroll', observers.updateOnScroll);
+                }
+            });
+            // Remove highlight event listeners
+            eventHandlers.forEach(({ element, type, handler })=>{
+                element.removeEventListener(type, handler);
+            });
+            overlay.remove();
+        };
+    };
+    /* -----------------------------------------------------------------------------------------------
+   * Orchestration
+   * ---------------------------------------------------------------------------------------------*/ const overlay = createOverlaySystem();
+    const highlightManager = createHighlightManager(overlay);
+    const observers = setupObservers(highlightManager);
+    const eventHandlers = setupEventHandlers(highlightManager);
+    createCleanupSystem(overlay, observers, eventHandlers);
+};
+
+exports.previewScript = previewScript;
+//# sourceMappingURL=previewScript.js.map

package/dist/admin/preview/utils/previewScript.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"previewScript.js","sources":["../../../../admin/src/preview/utils/previewScript.ts"],"sourcesContent":["// NOTE: This override is for the properties on _user's site_, it's not about Strapi Admin.\ndeclare global {\n  interface Window {\n    __strapi_previewCleanup?: () => void;\n    STRAPI_HIGHLIGHT_HOVER_COLOR?: string;\n  }\n}\n\n/**\n * previewScript will be injected into the preview iframe after being stringified.\n * Therefore it CANNOT use any imports, or refer to any variables outside of its own scope.\n * It's why many functions are defined within previewScript, it's the only way to avoid going full spaghetti.\n * To get a better overview of everything previewScript does, go to the orchestration part at its end.\n */\nconst previewScript = (shouldRun = true) => {\n  /* -----------------------------------------------------------------------------------------------\n   * Params\n   * ---------------------------------------------------------------------------------------------*/\n  const HIGHLIGHT_PADDING = 2; // in pixels\n  const HIGHLIGHT_HOVER_COLOR = window.STRAPI_HIGHLIGHT_HOVER_COLOR ?? '#4945ff'; // dark primary500\n  const SOURCE_ATTRIBUTE = 'data-strapi-source';\n  const OVERLAY_ID = 'strapi-preview-overlay';\n  const INTERNAL_EVENTS = {\n    DUMMY_EVENT: 'dummyEvent',\n  } as const;\n\n  /**\n   * Calling the function in no-run mode lets us retrieve the constants from other files and keep\n   * a single source of truth for them. It's the only way to do this because this script can't\n   * refer to any variables outside of its own scope, because it's stringified before it's run.\n   */\n  if (!shouldRun) {\n    return { INTERNAL_EVENTS };\n  }\n\n  /* -----------------------------------------------------------------------------------------------\n   * Functionality pieces\n   * ---------------------------------------------------------------------------------------------*/\n\n  const createOverlaySystem = () => {\n    // Clean up before creating a new overlay so we can safely call previewScript multiple times\n    window.__strapi_previewCleanup?.();\n    document.getElementById(OVERLAY_ID)?.remove();\n\n    const overlay = document.createElement('div');\n    overlay.id = OVERLAY_ID;\n    overlay.style.cssText = `\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      pointer-events: none;\n      z-index: 9999;\n    `;\n\n    window.document.body.appendChild(overlay);\n    return overlay;\n  };\n\n  type EventListenersList = Array<{\n    element: HTMLElement;\n    type: keyof HTMLElementEventMap;\n    handler: EventListener;\n  }>;\n\n  const createHighlightManager = (overlay: HTMLElement) => {\n    const elements = window.document.querySelectorAll(`[${SOURCE_ATTRIBUTE}]`);\n    const highlights: HTMLElement[] = [];\n    const eventListeners: EventListenersList = [];\n\n    const drawHighlight = (target: Element, highlight: HTMLElement) => {\n      if (!highlight) return;\n\n      const rect = target.getBoundingClientRect();\n      highlight.style.width = `${rect.width + HIGHLIGHT_PADDING * 2}px`;\n      highlight.style.height = `${rect.height + HIGHLIGHT_PADDING * 2}px`;\n      highlight.style.transform = `translate(${rect.left - HIGHLIGHT_PADDING}px, ${rect.top - HIGHLIGHT_PADDING}px)`;\n    };\n\n    const updateAllHighlights = () => {\n      highlights.forEach((highlight, index) => {\n        const element = elements[index];\n        if (element && highlight) {\n          drawHighlight(element, highlight);\n        }\n      });\n    };\n\n    elements.forEach((element) => {\n      if (element instanceof HTMLElement) {\n        const highlight = document.createElement('div');\n        highlight.style.cssText = `\n          position: absolute;\n          outline: 2px solid transparent;\n          pointer-events: none;\n          border-radius: 2px;\n          background-color: transparent;\n          will-change: transform;\n          transition: outline-color 0.1s ease-in-out;\n        `;\n\n        // Move hover detection to the underlying element\n        const mouseEnterHandler = () => {\n          highlight.style.outlineColor = HIGHLIGHT_HOVER_COLOR;\n        };\n        const mouseLeaveHandler = () => {\n          highlight.style.outlineColor = 'transparent';\n        };\n        const doubleClickHandler = () => {\n          // TODO: handle for real\n          // eslint-disable-next-line no-console\n          console.log('Double click on highlight', element);\n        };\n        const mouseDownHandler = (event: MouseEvent) => {\n          // Prevent default multi click to select behavior\n          if (event.detail >= 2) {\n            event.preventDefault();\n          }\n        };\n\n        element.addEventListener('mouseenter', mouseEnterHandler);\n        element.addEventListener('mouseleave', mouseLeaveHandler);\n        element.addEventListener('dblclick', doubleClickHandler);\n        element.addEventListener('mousedown', mouseDownHandler);\n\n        // Store event listeners for cleanup\n        eventListeners.push(\n          { element, type: 'mouseenter', handler: mouseEnterHandler },\n          { element, type: 'mouseleave', handler: mouseLeaveHandler },\n          { element, type: 'dblclick', handler: doubleClickHandler },\n          { element, type: 'mousedown', handler: mouseDownHandler as EventListener }\n        );\n\n        highlights.push(highlight);\n        overlay.appendChild(highlight);\n\n        drawHighlight(element, highlight);\n      }\n    });\n\n    return {\n      elements,\n      updateAllHighlights,\n      eventListeners,\n    };\n  };\n\n  type HighlightManager = ReturnType<typeof createHighlightManager>;\n\n  const setupObservers = (highlightManager: HighlightManager) => {\n    const resizeObserver = new ResizeObserver(() => {\n      highlightManager.updateAllHighlights();\n    });\n\n    highlightManager.elements.forEach((element: Element) => {\n      resizeObserver.observe(element);\n    });\n\n    resizeObserver.observe(document.documentElement);\n\n    const updateOnScroll = () => {\n      highlightManager.updateAllHighlights();\n    };\n\n    const scrollableElements = new Set<Element | Window>();\n    scrollableElements.add(window);\n\n    // Find all scrollable ancestors for all tracked elements\n    highlightManager.elements.forEach((element) => {\n      let parent = element.parentElement;\n      while (parent) {\n        const computedStyle = window.getComputedStyle(parent);\n        const overflow = computedStyle.overflow + computedStyle.overflowX + computedStyle.overflowY;\n\n        if (overflow.includes('scroll') || overflow.includes('auto')) {\n          scrollableElements.add(parent);\n        }\n\n        parent = parent.parentElement;\n      }\n    });\n\n    // Add scroll listeners to all scrollable elements\n    scrollableElements.forEach((element) => {\n      if (element === window) {\n        window.addEventListener('scroll', updateOnScroll);\n        window.addEventListener('resize', updateOnScroll);\n      } else {\n        (element as Element).addEventListener('scroll', updateOnScroll);\n      }\n    });\n\n    return {\n      resizeObserver,\n      updateOnScroll,\n      scrollableElements,\n    };\n  };\n\n  const setupEventHandlers = (highlightManager: HighlightManager) => {\n    // TODO: The listeners for postMessage events will go here\n    return highlightManager.eventListeners;\n  };\n\n  const createCleanupSystem = (\n    overlay: HTMLElement,\n    observers: ReturnType<typeof setupObservers>,\n    eventHandlers: EventListenersList\n  ) => {\n    window.__strapi_previewCleanup = () => {\n      observers.resizeObserver.disconnect();\n\n      // Remove all scroll listeners\n      observers.scrollableElements.forEach((element) => {\n        if (element === window) {\n          window.removeEventListener('scroll', observers.updateOnScroll);\n          window.removeEventListener('resize', observers.updateOnScroll);\n        } else {\n          (element as Element).removeEventListener('scroll', observers.updateOnScroll);\n        }\n      });\n\n      // Remove highlight event listeners\n      eventHandlers.forEach(({ element, type, handler }) => {\n        element.removeEventListener(type, handler);\n      });\n\n      overlay.remove();\n    };\n  };\n\n  /* -----------------------------------------------------------------------------------------------\n   * Orchestration\n   * ---------------------------------------------------------------------------------------------*/\n\n  const overlay = createOverlaySystem();\n  const highlightManager = createHighlightManager(overlay);\n  const observers = setupObservers(highlightManager);\n  const eventHandlers = setupEventHandlers(highlightManager);\n  createCleanupSystem(overlay, observers, eventHandlers);\n};\n\nexport { previewScript };\n"],"names":["previewScript","shouldRun","HIGHLIGHT_PADDING","HIGHLIGHT_HOVER_COLOR","window","STRAPI_HIGHLIGHT_HOVER_COLOR","SOURCE_ATTRIBUTE","OVERLAY_ID","INTERNAL_EVENTS","DUMMY_EVENT","createOverlaySystem","__strapi_previewCleanup","document","getElementById","remove","overlay","createElement","id","style","cssText","body","appendChild","createHighlightManager","elements","querySelectorAll","highlights","eventListeners","drawHighlight","target","highlight","rect","getBoundingClientRect","width","height","transform","left","top","updateAllHighlights","forEach","index","element","HTMLElement","mouseEnterHandler","outlineColor","mouseLeaveHandler","doubleClickHandler","console","log","mouseDownHandler","event","detail","preventDefault","addEventListener","push","type","handler","setupObservers","highlightManager","resizeObserver","ResizeObserver","observe","documentElement","updateOnScroll","scrollableElements","Set","add","parent","parentElement","computedStyle","getComputedStyle","overflow","overflowX","overflowY","includes","setupEventHandlers","createCleanupSystem","observers","eventHandlers","disconnect","removeEventListener"],"mappings":"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"}

package/dist/admin/preview/utils/previewScript.mjs

@@ -0,0 +1,201 @@
+// NOTE: This override is for the properties on _user's site_, it's not about Strapi Admin.
+/**
+ * previewScript will be injected into the preview iframe after being stringified.
+ * Therefore it CANNOT use any imports, or refer to any variables outside of its own scope.
+ * It's why many functions are defined within previewScript, it's the only way to avoid going full spaghetti.
+ * To get a better overview of everything previewScript does, go to the orchestration part at its end.
+ */ const previewScript = (shouldRun = true)=>{
+    /* -----------------------------------------------------------------------------------------------
+   * Params
+   * ---------------------------------------------------------------------------------------------*/ const HIGHLIGHT_PADDING = 2; // in pixels
+    const HIGHLIGHT_HOVER_COLOR = window.STRAPI_HIGHLIGHT_HOVER_COLOR ?? '#4945ff'; // dark primary500
+    const SOURCE_ATTRIBUTE = 'data-strapi-source';
+    const OVERLAY_ID = 'strapi-preview-overlay';
+    const INTERNAL_EVENTS = {
+        DUMMY_EVENT: 'dummyEvent'
+    };
+    /**
+   * Calling the function in no-run mode lets us retrieve the constants from other files and keep
+   * a single source of truth for them. It's the only way to do this because this script can't
+   * refer to any variables outside of its own scope, because it's stringified before it's run.
+   */ if (!shouldRun) {
+        return {
+            INTERNAL_EVENTS
+        };
+    }
+    /* -----------------------------------------------------------------------------------------------
+   * Functionality pieces
+   * ---------------------------------------------------------------------------------------------*/ const createOverlaySystem = ()=>{
+        // Clean up before creating a new overlay so we can safely call previewScript multiple times
+        window.__strapi_previewCleanup?.();
+        document.getElementById(OVERLAY_ID)?.remove();
+        const overlay = document.createElement('div');
+        overlay.id = OVERLAY_ID;
+        overlay.style.cssText = `
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      pointer-events: none;
+      z-index: 9999;
+    `;
+        window.document.body.appendChild(overlay);
+        return overlay;
+    };
+    const createHighlightManager = (overlay)=>{
+        const elements = window.document.querySelectorAll(`[${SOURCE_ATTRIBUTE}]`);
+        const highlights = [];
+        const eventListeners = [];
+        const drawHighlight = (target, highlight)=>{
+            if (!highlight) return;
+            const rect = target.getBoundingClientRect();
+            highlight.style.width = `${rect.width + HIGHLIGHT_PADDING * 2}px`;
+            highlight.style.height = `${rect.height + HIGHLIGHT_PADDING * 2}px`;
+            highlight.style.transform = `translate(${rect.left - HIGHLIGHT_PADDING}px, ${rect.top - HIGHLIGHT_PADDING}px)`;
+        };
+        const updateAllHighlights = ()=>{
+            highlights.forEach((highlight, index)=>{
+                const element = elements[index];
+                if (element && highlight) {
+                    drawHighlight(element, highlight);
+                }
+            });
+        };
+        elements.forEach((element)=>{
+            if (element instanceof HTMLElement) {
+                const highlight = document.createElement('div');
+                highlight.style.cssText = `
+          position: absolute;
+          outline: 2px solid transparent;
+          pointer-events: none;
+          border-radius: 2px;
+          background-color: transparent;
+          will-change: transform;
+          transition: outline-color 0.1s ease-in-out;
+        `;
+                // Move hover detection to the underlying element
+                const mouseEnterHandler = ()=>{
+                    highlight.style.outlineColor = HIGHLIGHT_HOVER_COLOR;
+                };
+                const mouseLeaveHandler = ()=>{
+                    highlight.style.outlineColor = 'transparent';
+                };
+                const doubleClickHandler = ()=>{
+                    // TODO: handle for real
+                    // eslint-disable-next-line no-console
+                    console.log('Double click on highlight', element);
+                };
+                const mouseDownHandler = (event)=>{
+                    // Prevent default multi click to select behavior
+                    if (event.detail >= 2) {
+                        event.preventDefault();
+                    }
+                };
+                element.addEventListener('mouseenter', mouseEnterHandler);
+                element.addEventListener('mouseleave', mouseLeaveHandler);
+                element.addEventListener('dblclick', doubleClickHandler);
+                element.addEventListener('mousedown', mouseDownHandler);
+                // Store event listeners for cleanup
+                eventListeners.push({
+                    element,
+                    type: 'mouseenter',
+                    handler: mouseEnterHandler
+                }, {
+                    element,
+                    type: 'mouseleave',
+                    handler: mouseLeaveHandler
+                }, {
+                    element,
+                    type: 'dblclick',
+                    handler: doubleClickHandler
+                }, {
+                    element,
+                    type: 'mousedown',
+                    handler: mouseDownHandler
+                });
+                highlights.push(highlight);
+                overlay.appendChild(highlight);
+                drawHighlight(element, highlight);
+            }
+        });
+        return {
+            elements,
+            updateAllHighlights,
+            eventListeners
+        };
+    };
+    const setupObservers = (highlightManager)=>{
+        const resizeObserver = new ResizeObserver(()=>{
+            highlightManager.updateAllHighlights();
+        });
+        highlightManager.elements.forEach((element)=>{
+            resizeObserver.observe(element);
+        });
+        resizeObserver.observe(document.documentElement);
+        const updateOnScroll = ()=>{
+            highlightManager.updateAllHighlights();
+        };
+        const scrollableElements = new Set();
+        scrollableElements.add(window);
+        // Find all scrollable ancestors for all tracked elements
+        highlightManager.elements.forEach((element)=>{
+            let parent = element.parentElement;
+            while(parent){
+                const computedStyle = window.getComputedStyle(parent);
+                const overflow = computedStyle.overflow + computedStyle.overflowX + computedStyle.overflowY;
+                if (overflow.includes('scroll') || overflow.includes('auto')) {
+                    scrollableElements.add(parent);
+                }
+                parent = parent.parentElement;
+            }
+        });
+        // Add scroll listeners to all scrollable elements
+        scrollableElements.forEach((element)=>{
+            if (element === window) {
+                window.addEventListener('scroll', updateOnScroll);
+                window.addEventListener('resize', updateOnScroll);
+            } else {
+                element.addEventListener('scroll', updateOnScroll);
+            }
+        });
+        return {
+            resizeObserver,
+            updateOnScroll,
+            scrollableElements
+        };
+    };
+    const setupEventHandlers = (highlightManager)=>{
+        // TODO: The listeners for postMessage events will go here
+        return highlightManager.eventListeners;
+    };
+    const createCleanupSystem = (overlay, observers, eventHandlers)=>{
+        window.__strapi_previewCleanup = ()=>{
+            observers.resizeObserver.disconnect();
+            // Remove all scroll listeners
+            observers.scrollableElements.forEach((element)=>{
+                if (element === window) {
+                    window.removeEventListener('scroll', observers.updateOnScroll);
+                    window.removeEventListener('resize', observers.updateOnScroll);
+                } else {
+                    element.removeEventListener('scroll', observers.updateOnScroll);
+                }
+            });
+            // Remove highlight event listeners
+            eventHandlers.forEach(({ element, type, handler })=>{
+                element.removeEventListener(type, handler);
+            });
+            overlay.remove();
+        };
+    };
+    /* -----------------------------------------------------------------------------------------------
+   * Orchestration
+   * ---------------------------------------------------------------------------------------------*/ const overlay = createOverlaySystem();
+    const highlightManager = createHighlightManager(overlay);
+    const observers = setupObservers(highlightManager);
+    const eventHandlers = setupEventHandlers(highlightManager);
+    createCleanupSystem(overlay, observers, eventHandlers);
+};
+
+export { previewScript };
+//# sourceMappingURL=previewScript.mjs.map

package/dist/admin/preview/utils/previewScript.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"previewScript.mjs","sources":["../../../../admin/src/preview/utils/previewScript.ts"],"sourcesContent":["// NOTE: This override is for the properties on _user's site_, it's not about Strapi Admin.\ndeclare global {\n  interface Window {\n    __strapi_previewCleanup?: () => void;\n    STRAPI_HIGHLIGHT_HOVER_COLOR?: string;\n  }\n}\n\n/**\n * previewScript will be injected into the preview iframe after being stringified.\n * Therefore it CANNOT use any imports, or refer to any variables outside of its own scope.\n * It's why many functions are defined within previewScript, it's the only way to avoid going full spaghetti.\n * To get a better overview of everything previewScript does, go to the orchestration part at its end.\n */\nconst previewScript = (shouldRun = true) => {\n  /* -----------------------------------------------------------------------------------------------\n   * Params\n   * ---------------------------------------------------------------------------------------------*/\n  const HIGHLIGHT_PADDING = 2; // in pixels\n  const HIGHLIGHT_HOVER_COLOR = window.STRAPI_HIGHLIGHT_HOVER_COLOR ?? '#4945ff'; // dark primary500\n  const SOURCE_ATTRIBUTE = 'data-strapi-source';\n  const OVERLAY_ID = 'strapi-preview-overlay';\n  const INTERNAL_EVENTS = {\n    DUMMY_EVENT: 'dummyEvent',\n  } as const;\n\n  /**\n   * Calling the function in no-run mode lets us retrieve the constants from other files and keep\n   * a single source of truth for them. It's the only way to do this because this script can't\n   * refer to any variables outside of its own scope, because it's stringified before it's run.\n   */\n  if (!shouldRun) {\n    return { INTERNAL_EVENTS };\n  }\n\n  /* -----------------------------------------------------------------------------------------------\n   * Functionality pieces\n   * ---------------------------------------------------------------------------------------------*/\n\n  const createOverlaySystem = () => {\n    // Clean up before creating a new overlay so we can safely call previewScript multiple times\n    window.__strapi_previewCleanup?.();\n    document.getElementById(OVERLAY_ID)?.remove();\n\n    const overlay = document.createElement('div');\n    overlay.id = OVERLAY_ID;\n    overlay.style.cssText = `\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      pointer-events: none;\n      z-index: 9999;\n    `;\n\n    window.document.body.appendChild(overlay);\n    return overlay;\n  };\n\n  type EventListenersList = Array<{\n    element: HTMLElement;\n    type: keyof HTMLElementEventMap;\n    handler: EventListener;\n  }>;\n\n  const createHighlightManager = (overlay: HTMLElement) => {\n    const elements = window.document.querySelectorAll(`[${SOURCE_ATTRIBUTE}]`);\n    const highlights: HTMLElement[] = [];\n    const eventListeners: EventListenersList = [];\n\n    const drawHighlight = (target: Element, highlight: HTMLElement) => {\n      if (!highlight) return;\n\n      const rect = target.getBoundingClientRect();\n      highlight.style.width = `${rect.width + HIGHLIGHT_PADDING * 2}px`;\n      highlight.style.height = `${rect.height + HIGHLIGHT_PADDING * 2}px`;\n      highlight.style.transform = `translate(${rect.left - HIGHLIGHT_PADDING}px, ${rect.top - HIGHLIGHT_PADDING}px)`;\n    };\n\n    const updateAllHighlights = () => {\n      highlights.forEach((highlight, index) => {\n        const element = elements[index];\n        if (element && highlight) {\n          drawHighlight(element, highlight);\n        }\n      });\n    };\n\n    elements.forEach((element) => {\n      if (element instanceof HTMLElement) {\n        const highlight = document.createElement('div');\n        highlight.style.cssText = `\n          position: absolute;\n          outline: 2px solid transparent;\n          pointer-events: none;\n          border-radius: 2px;\n          background-color: transparent;\n          will-change: transform;\n          transition: outline-color 0.1s ease-in-out;\n        `;\n\n        // Move hover detection to the underlying element\n        const mouseEnterHandler = () => {\n          highlight.style.outlineColor = HIGHLIGHT_HOVER_COLOR;\n        };\n        const mouseLeaveHandler = () => {\n          highlight.style.outlineColor = 'transparent';\n        };\n        const doubleClickHandler = () => {\n          // TODO: handle for real\n          // eslint-disable-next-line no-console\n          console.log('Double click on highlight', element);\n        };\n        const mouseDownHandler = (event: MouseEvent) => {\n          // Prevent default multi click to select behavior\n          if (event.detail >= 2) {\n            event.preventDefault();\n          }\n        };\n\n        element.addEventListener('mouseenter', mouseEnterHandler);\n        element.addEventListener('mouseleave', mouseLeaveHandler);\n        element.addEventListener('dblclick', doubleClickHandler);\n        element.addEventListener('mousedown', mouseDownHandler);\n\n        // Store event listeners for cleanup\n        eventListeners.push(\n          { element, type: 'mouseenter', handler: mouseEnterHandler },\n          { element, type: 'mouseleave', handler: mouseLeaveHandler },\n          { element, type: 'dblclick', handler: doubleClickHandler },\n          { element, type: 'mousedown', handler: mouseDownHandler as EventListener }\n        );\n\n        highlights.push(highlight);\n        overlay.appendChild(highlight);\n\n        drawHighlight(element, highlight);\n      }\n    });\n\n    return {\n      elements,\n      updateAllHighlights,\n      eventListeners,\n    };\n  };\n\n  type HighlightManager = ReturnType<typeof createHighlightManager>;\n\n  const setupObservers = (highlightManager: HighlightManager) => {\n    const resizeObserver = new ResizeObserver(() => {\n      highlightManager.updateAllHighlights();\n    });\n\n    highlightManager.elements.forEach((element: Element) => {\n      resizeObserver.observe(element);\n    });\n\n    resizeObserver.observe(document.documentElement);\n\n    const updateOnScroll = () => {\n      highlightManager.updateAllHighlights();\n    };\n\n    const scrollableElements = new Set<Element | Window>();\n    scrollableElements.add(window);\n\n    // Find all scrollable ancestors for all tracked elements\n    highlightManager.elements.forEach((element) => {\n      let parent = element.parentElement;\n      while (parent) {\n        const computedStyle = window.getComputedStyle(parent);\n        const overflow = computedStyle.overflow + computedStyle.overflowX + computedStyle.overflowY;\n\n        if (overflow.includes('scroll') || overflow.includes('auto')) {\n          scrollableElements.add(parent);\n        }\n\n        parent = parent.parentElement;\n      }\n    });\n\n    // Add scroll listeners to all scrollable elements\n    scrollableElements.forEach((element) => {\n      if (element === window) {\n        window.addEventListener('scroll', updateOnScroll);\n        window.addEventListener('resize', updateOnScroll);\n      } else {\n        (element as Element).addEventListener('scroll', updateOnScroll);\n      }\n    });\n\n    return {\n      resizeObserver,\n      updateOnScroll,\n      scrollableElements,\n    };\n  };\n\n  const setupEventHandlers = (highlightManager: HighlightManager) => {\n    // TODO: The listeners for postMessage events will go here\n    return highlightManager.eventListeners;\n  };\n\n  const createCleanupSystem = (\n    overlay: HTMLElement,\n    observers: ReturnType<typeof setupObservers>,\n    eventHandlers: EventListenersList\n  ) => {\n    window.__strapi_previewCleanup = () => {\n      observers.resizeObserver.disconnect();\n\n      // Remove all scroll listeners\n      observers.scrollableElements.forEach((element) => {\n        if (element === window) {\n          window.removeEventListener('scroll', observers.updateOnScroll);\n          window.removeEventListener('resize', observers.updateOnScroll);\n        } else {\n          (element as Element).removeEventListener('scroll', observers.updateOnScroll);\n        }\n      });\n\n      // Remove highlight event listeners\n      eventHandlers.forEach(({ element, type, handler }) => {\n        element.removeEventListener(type, handler);\n      });\n\n      overlay.remove();\n    };\n  };\n\n  /* -----------------------------------------------------------------------------------------------\n   * Orchestration\n   * ---------------------------------------------------------------------------------------------*/\n\n  const overlay = createOverlaySystem();\n  const highlightManager = createHighlightManager(overlay);\n  const observers = setupObservers(highlightManager);\n  const eventHandlers = setupEventHandlers(highlightManager);\n  createCleanupSystem(overlay, observers, eventHandlers);\n};\n\nexport { previewScript };\n"],"names":["previewScript","shouldRun","HIGHLIGHT_PADDING","HIGHLIGHT_HOVER_COLOR","window","STRAPI_HIGHLIGHT_HOVER_COLOR","SOURCE_ATTRIBUTE","OVERLAY_ID","INTERNAL_EVENTS","DUMMY_EVENT","createOverlaySystem","__strapi_previewCleanup","document","getElementById","remove","overlay","createElement","id","style","cssText","body","appendChild","createHighlightManager","elements","querySelectorAll","highlights","eventListeners","drawHighlight","target","highlight","rect","getBoundingClientRect","width","height","transform","left","top","updateAllHighlights","forEach","index","element","HTMLElement","mouseEnterHandler","outlineColor","mouseLeaveHandler","doubleClickHandler","console","log","mouseDownHandler","event","detail","preventDefault","addEventListener","push","type","handler","setupObservers","highlightManager","resizeObserver","ResizeObserver","observe","documentElement","updateOnScroll","scrollableElements","Set","add","parent","parentElement","computedStyle","getComputedStyle","overflow","overflowX","overflowY","includes","setupEventHandlers","createCleanupSystem","observers","eventHandlers","disconnect","removeEventListener"],"mappings":"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"}

package/dist/admin/router.js

@@ -0,0 +1,86 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactRouterDom = require('react-router-dom');
+var collections = require('./constants/collections.js');
+var routes$1 = require('./history/routes.js');
+var routes$2 = require('./preview/routes.js');
+
+const ProtectedEditViewPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./pages/EditView/EditViewPage.js'); }).then((mod)=>({
+            default: mod.ProtectedEditViewPage
+        })));
+const ProtectedListViewPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./pages/ListView/ListViewPage.js'); }).then((mod)=>({
+            default: mod.ProtectedListViewPage
+        })));
+const ProtectedListConfiguration = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./pages/ListConfiguration/ListConfigurationPage.js'); }).then((mod)=>({
+            default: mod.ProtectedListConfiguration
+        })));
+const ProtectedEditConfigurationPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./pages/EditConfigurationPage.js'); }).then((mod)=>({
+            default: mod.ProtectedEditConfigurationPage
+        })));
+const ProtectedComponentConfigurationPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./pages/ComponentConfigurationPage.js'); }).then((mod)=>({
+            default: mod.ProtectedComponentConfigurationPage
+        })));
+const NoPermissions = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./pages/NoPermissionsPage.js'); }).then((mod)=>({
+            default: mod.NoPermissions
+        })));
+const NoContentType = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./pages/NoContentTypePage.js'); }).then((mod)=>({
+            default: mod.NoContentType
+        })));
+const CollectionTypePages = ()=>{
+    const { collectionType } = reactRouterDom.useParams();
+    /**
+   * We only support two types of collections.
+   */ if (collectionType !== collections.COLLECTION_TYPES && collectionType !== collections.SINGLE_TYPES) {
+        return /*#__PURE__*/ jsxRuntime.jsx(reactRouterDom.Navigate, {
+            to: "/404"
+        });
+    }
+    return collectionType === collections.COLLECTION_TYPES ? /*#__PURE__*/ jsxRuntime.jsx(ProtectedListViewPage, {}) : /*#__PURE__*/ jsxRuntime.jsx(ProtectedEditViewPage, {});
+};
+const CLONE_RELATIVE_PATH = ':collectionType/:slug/clone/:origin';
+const CLONE_PATH = `/content-manager/${CLONE_RELATIVE_PATH}`;
+const LIST_RELATIVE_PATH = ':collectionType/:slug';
+const LIST_PATH = `/content-manager/collection-types/:slug`;
+const routes = [
+    {
+        path: LIST_RELATIVE_PATH,
+        element: /*#__PURE__*/ jsxRuntime.jsx(CollectionTypePages, {})
+    },
+    {
+        path: ':collectionType/:slug/:id',
+        Component: ProtectedEditViewPage
+    },
+    {
+        path: CLONE_RELATIVE_PATH,
+        Component: ProtectedEditViewPage
+    },
+    {
+        path: ':collectionType/:slug/configurations/list',
+        Component: ProtectedListConfiguration
+    },
+    {
+        path: 'components/:slug/configurations/edit',
+        Component: ProtectedComponentConfigurationPage
+    },
+    {
+        path: ':collectionType/:slug/configurations/edit',
+        Component: ProtectedEditConfigurationPage
+    },
+    {
+        path: '403',
+        Component: NoPermissions
+    },
+    {
+        path: 'no-content-types',
+        Component: NoContentType
+    },
+    ...routes$1.routes,
+    ...routes$2.routes
+];
+
+exports.CLONE_PATH = CLONE_PATH;
+exports.LIST_PATH = LIST_PATH;
+exports.routes = routes;
+//# sourceMappingURL=router.js.map

package/dist/admin/router.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"router.js","sources":["../../admin/src/router.tsx"],"sourcesContent":["/* eslint-disable check-file/filename-naming-convention */\nimport { lazy } from 'react';\n\nimport { Navigate, PathRouteProps, useParams } from 'react-router-dom';\n\nimport { COLLECTION_TYPES, SINGLE_TYPES } from './constants/collections';\nimport { routes as historyRoutes } from './history/routes';\nimport { routes as previewRoutes } from './preview/routes';\n\nconst ProtectedEditViewPage = lazy(() =>\n  import('./pages/EditView/EditViewPage').then((mod) => ({ default: mod.ProtectedEditViewPage }))\n);\nconst ProtectedListViewPage = lazy(() =>\n  import('./pages/ListView/ListViewPage').then((mod) => ({ default: mod.ProtectedListViewPage }))\n);\nconst ProtectedListConfiguration = lazy(() =>\n  import('./pages/ListConfiguration/ListConfigurationPage').then((mod) => ({\n    default: mod.ProtectedListConfiguration,\n  }))\n);\nconst ProtectedEditConfigurationPage = lazy(() =>\n  import('./pages/EditConfigurationPage').then((mod) => ({\n    default: mod.ProtectedEditConfigurationPage,\n  }))\n);\nconst ProtectedComponentConfigurationPage = lazy(() =>\n  import('./pages/ComponentConfigurationPage').then((mod) => ({\n    default: mod.ProtectedComponentConfigurationPage,\n  }))\n);\nconst NoPermissions = lazy(() =>\n  import('./pages/NoPermissionsPage').then((mod) => ({ default: mod.NoPermissions }))\n);\nconst NoContentType = lazy(() =>\n  import('./pages/NoContentTypePage').then((mod) => ({ default: mod.NoContentType }))\n);\n\nconst CollectionTypePages = () => {\n  const { collectionType } = useParams<{ collectionType: string }>();\n\n  /**\n   * We only support two types of collections.\n   */\n  if (collectionType !== COLLECTION_TYPES && collectionType !== SINGLE_TYPES) {\n    return <Navigate to=\"/404\" />;\n  }\n\n  return collectionType === COLLECTION_TYPES ? (\n    <ProtectedListViewPage />\n  ) : (\n    <ProtectedEditViewPage />\n  );\n};\n\nconst CLONE_RELATIVE_PATH = ':collectionType/:slug/clone/:origin';\nconst CLONE_PATH = `/content-manager/${CLONE_RELATIVE_PATH}`;\nconst LIST_RELATIVE_PATH = ':collectionType/:slug';\nconst LIST_PATH = `/content-manager/collection-types/:slug`;\n\nconst routes: PathRouteProps[] = [\n  {\n    path: LIST_RELATIVE_PATH,\n    element: <CollectionTypePages />,\n  },\n  {\n    path: ':collectionType/:slug/:id',\n    Component: ProtectedEditViewPage,\n  },\n  {\n    path: CLONE_RELATIVE_PATH,\n    Component: ProtectedEditViewPage,\n  },\n  {\n    path: ':collectionType/:slug/configurations/list',\n    Component: ProtectedListConfiguration,\n  },\n  {\n    path: 'components/:slug/configurations/edit',\n    Component: ProtectedComponentConfigurationPage,\n  },\n  {\n    path: ':collectionType/:slug/configurations/edit',\n    Component: ProtectedEditConfigurationPage,\n  },\n  {\n    path: '403',\n    Component: NoPermissions,\n  },\n  {\n    path: 'no-content-types',\n    Component: NoContentType,\n  },\n  ...historyRoutes,\n  ...previewRoutes,\n];\n\nexport { routes, CLONE_PATH, LIST_PATH };\n"],"names":["ProtectedEditViewPage","lazy","then","mod","default","ProtectedListViewPage","ProtectedListConfiguration","ProtectedEditConfigurationPage","ProtectedComponentConfigurationPage","NoPermissions","NoContentType","CollectionTypePages","collectionType","useParams","COLLECTION_TYPES","SINGLE_TYPES","_jsx","Navigate","to","CLONE_RELATIVE_PATH","CLONE_PATH","LIST_RELATIVE_PATH","LIST_PATH","routes","path","element","Component","historyRoutes","previewRoutes"],"mappings":";;;;;;;;;AASA,MAAMA,qBAAAA,iBAAwBC,UAAK,CAAA,IACjC,oDAAO,wCAAiCC,IAAI,CAAC,CAACC,GAAAA,IAAS;AAAEC,YAAAA,OAAAA,EAASD,IAAIH;SAAsB,CAAA,CAAA,CAAA;AAE9F,MAAMK,qBAAAA,iBAAwBJ,UAAK,CAAA,IACjC,oDAAO,wCAAiCC,IAAI,CAAC,CAACC,GAAAA,IAAS;AAAEC,YAAAA,OAAAA,EAASD,IAAIE;SAAsB,CAAA,CAAA,CAAA;AAE9F,MAAMC,0BAAAA,iBAA6BL,UAAK,CAAA,IACtC,oDAAO,0DAAmDC,IAAI,CAAC,CAACC,GAAAA,IAAS;AACvEC,YAAAA,OAAAA,EAASD,IAAIG;SACf,CAAA,CAAA,CAAA;AAEF,MAAMC,8BAAAA,iBAAiCN,UAAK,CAAA,IAC1C,oDAAO,wCAAiCC,IAAI,CAAC,CAACC,GAAAA,IAAS;AACrDC,YAAAA,OAAAA,EAASD,IAAII;SACf,CAAA,CAAA,CAAA;AAEF,MAAMC,mCAAAA,iBAAsCP,UAAK,CAAA,IAC/C,oDAAO,6CAAsCC,IAAI,CAAC,CAACC,GAAAA,IAAS;AAC1DC,YAAAA,OAAAA,EAASD,IAAIK;SACf,CAAA,CAAA,CAAA;AAEF,MAAMC,aAAAA,iBAAgBR,UAAK,CAAA,IACzB,oDAAO,oCAA6BC,IAAI,CAAC,CAACC,GAAAA,IAAS;AAAEC,YAAAA,OAAAA,EAASD,IAAIM;SAAc,CAAA,CAAA,CAAA;AAElF,MAAMC,aAAAA,iBAAgBT,UAAK,CAAA,IACzB,oDAAO,oCAA6BC,IAAI,CAAC,CAACC,GAAAA,IAAS;AAAEC,YAAAA,OAAAA,EAASD,IAAIO;SAAc,CAAA,CAAA,CAAA;AAGlF,MAAMC,mBAAsB,GAAA,IAAA;IAC1B,MAAM,EAAEC,cAAc,EAAE,GAAGC,wBAAAA,EAAAA;AAE3B;;AAEC,MACD,IAAID,cAAAA,KAAmBE,4BAAoBF,IAAAA,cAAAA,KAAmBG,wBAAc,EAAA;AAC1E,QAAA,qBAAOC,cAACC,CAAAA,uBAAAA,EAAAA;YAASC,EAAG,EAAA;;AACtB;AAEA,IAAA,OAAON,cAAmBE,KAAAA,4BAAAA,iBACxBE,cAACX,CAAAA,qBAAAA,EAAAA,EAAAA,CAAAA,iBAEDW,cAAChB,CAAAA,qBAAAA,EAAAA,EAAAA,CAAAA;AAEL,CAAA;AAEA,MAAMmB,mBAAsB,GAAA,qCAAA;AAC5B,MAAMC,UAAa,GAAA,CAAC,iBAAiB,EAAED,oBAAoB;AAC3D,MAAME,kBAAqB,GAAA,uBAAA;AACrBC,MAAAA,SAAAA,GAAY,CAAC,uCAAuC;AAE1D,MAAMC,MAA2B,GAAA;AAC/B,IAAA;QACEC,IAAMH,EAAAA,kBAAAA;AACNI,QAAAA,OAAAA,gBAAST,cAACL,CAAAA,mBAAAA,EAAAA,EAAAA;AACZ,KAAA;AACA,IAAA;QACEa,IAAM,EAAA,2BAAA;QACNE,SAAW1B,EAAAA;AACb,KAAA;AACA,IAAA;QACEwB,IAAML,EAAAA,mBAAAA;QACNO,SAAW1B,EAAAA;AACb,KAAA;AACA,IAAA;QACEwB,IAAM,EAAA,2CAAA;QACNE,SAAWpB,EAAAA;AACb,KAAA;AACA,IAAA;QACEkB,IAAM,EAAA,sCAAA;QACNE,SAAWlB,EAAAA;AACb,KAAA;AACA,IAAA;QACEgB,IAAM,EAAA,2CAAA;QACNE,SAAWnB,EAAAA;AACb,KAAA;AACA,IAAA;QACEiB,IAAM,EAAA,KAAA;QACNE,SAAWjB,EAAAA;AACb,KAAA;AACA,IAAA;QACEe,IAAM,EAAA,kBAAA;QACNE,SAAWhB,EAAAA;AACb,KAAA;AACGiB,IAAAA,GAAAA,eAAAA;AACAC,IAAAA,GAAAA;AACJ;;;;;;"}