@strapi/content-manager 0.0.0-experimental.ca5f02ef2ec166e219546983049c0543bed92f8d → 0.0.0-experimental.cad2fba5593c9ceddfc264fcecd9313a7f866d1a

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

@@ -1,300 +0,0 @@
-'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_COLOR = window.__strapi_HIGHLIGHT_COLOR ?? '#4945ff';
-    const DISABLE_STEGA_DECODING = window.__strapi_DISABLE_STEGA_DECODING ?? false;
-    const SOURCE_ATTRIBUTE = 'data-strapi-source';
-    const OVERLAY_ID = 'strapi-preview-overlay';
-    const EVENTS = {
-        WILL_EDIT_FIELD: 'willEditField',
-        STRAPI_READY: 'strapiReady',
-        STRAPI_FIELD_TYPING: 'strapiFieldTyping',
-        STRAPI_FIELD_FOCUS: 'strapiFieldFocus',
-        STRAPI_FIELD_BLUR: 'strapiFieldBlur'
-    };
-    /**
-   * 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 {
-            EVENTS
-        };
-    }
-    /* -----------------------------------------------------------------------------------------------
-   * Utils
-   * ---------------------------------------------------------------------------------------------*/ const sendMessage = (type, payload)=>{
-        window.parent.postMessage({
-            type,
-            payload
-        }, '*');
-    };
-    /* -----------------------------------------------------------------------------------------------
-   * Functional blocks
-   * ---------------------------------------------------------------------------------------------*/ const setupStegaDecoding = async ()=>{
-        if (DISABLE_STEGA_DECODING) {
-            return;
-        }
-        const { vercelStegaDecode: stegaDecode } = await import(// @ts-expect-error it's not a local dependency
-        // eslint-disable-next-line import/no-unresolved
-        'https://cdn.jsdelivr.net/npm/@vercel/stega@0.1.2/+esm');
-        const allElements = document.querySelectorAll('*');
-        Array.from(allElements).forEach((element)=>{
-            const directTextContent = Array.from(element.childNodes).filter((node)=>node.nodeType === Node.TEXT_NODE).map((node)=>node.textContent || '').join('');
-            if (directTextContent) {
-                try {
-                    const result = stegaDecode(directTextContent);
-                    if (result) {
-                        element.setAttribute(SOURCE_ATTRIBUTE, result.key);
-                    }
-                } catch (error) {}
-            }
-        });
-    };
-    const createOverlaySystem = ()=>{
-        const existingOverlay = document.getElementById(OVERLAY_ID);
-        if (existingOverlay) {
-            existingOverlay.remove();
-        }
-        window.__strapi_previewCleanup?.();
-        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 = [];
-        let focusedField = null;
-        const focusedHighlights = [];
-        const drawOverlay = (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) {
-                    drawOverlay(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: auto;
-          border-radius: 2px 0 2px 2px;
-          background-color: transparent;
-          will-change: transform;
-          transition: outline-color 0.1s ease-in-out;
-        `;
-                const editButton = document.createElement('button');
-                editButton.textContent = 'Edit';
-                editButton.style.cssText = `
-          position: absolute;
-          top: 0px;
-          right: -${HIGHLIGHT_PADDING}px;
-          transform: translateY(-100%);
-          font-size: 12px;
-          padding: 4px 8px;
-          background: ${HIGHLIGHT_COLOR};
-          color: white;
-          border: none;
-          border-radius: 4px 4px 0 0;
-          cursor: pointer;
-          pointer-events: auto;
-          display: none;
-          font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-          z-index: 10000;
-          user-select: none;
-        `;
-                highlight.addEventListener('mouseenter', ()=>{
-                    highlight.style.outlineColor = HIGHLIGHT_COLOR;
-                    editButton.style.display = 'block';
-                    highlight.style.borderRadius = '2px 0 2px 2px';
-                });
-                highlight.addEventListener('mouseleave', ()=>{
-                    const fieldPath = element.getAttribute(SOURCE_ATTRIBUTE);
-                    if (fieldPath !== focusedField) {
-                        highlight.style.outlineColor = 'transparent';
-                    }
-                    editButton.style.display = 'none';
-                    highlight.style.borderRadius = '2px';
-                });
-                const triggerEdit = (e)=>{
-                    e.stopPropagation();
-                    e.preventDefault();
-                    const fieldPath = element.getAttribute(SOURCE_ATTRIBUTE);
-                    if (fieldPath && window.parent) {
-                        const rect = element.getBoundingClientRect();
-                        sendMessage(EVENTS.WILL_EDIT_FIELD, {
-                            path: fieldPath,
-                            position: {
-                                top: rect.top,
-                                left: rect.left,
-                                width: rect.width,
-                                height: rect.height
-                            }
-                        });
-                    }
-                };
-                editButton.addEventListener('click', triggerEdit);
-                highlight.addEventListener('dblclick', triggerEdit);
-                highlight.appendChild(editButton);
-                highlights.push(highlight);
-                overlay.appendChild(highlight);
-                drawOverlay(element, highlight);
-            }
-        });
-        return {
-            elements,
-            highlights,
-            focusedField,
-            focusedHighlights,
-            updateAllHighlights,
-            setFocusedField: (field)=>{
-                focusedField = field;
-            },
-            getFocusedField: ()=>focusedField
-        };
-    };
-    const setupEventHandlers = (highlightManager)=>{
-        const handleMessages = (event)=>{
-            if (event.data?.type === EVENTS.STRAPI_FIELD_TYPING) {
-                const { field, value } = event.data.payload;
-                if (field) {
-                    const matchingElements = document.querySelectorAll(`[${SOURCE_ATTRIBUTE}="${field}"]`);
-                    matchingElements.forEach((element)=>{
-                        if (element instanceof HTMLElement) {
-                            element.textContent = value || '';
-                        }
-                    });
-                }
-            } else if (event.data?.type === EVENTS.STRAPI_FIELD_FOCUS) {
-                const { field } = event.data.payload;
-                if (field) {
-                    highlightManager.focusedHighlights.forEach((highlight)=>{
-                        highlight.style.outlineColor = 'transparent';
-                    });
-                    highlightManager.focusedHighlights.length = 0;
-                    highlightManager.setFocusedField(field);
-                    const matchingElements = document.querySelectorAll(`[${SOURCE_ATTRIBUTE}="${field}"]`);
-                    matchingElements.forEach((element)=>{
-                        const highlight = highlightManager.highlights[Array.from(highlightManager.elements).indexOf(element)];
-                        if (highlight) {
-                            highlight.style.outlineColor = HIGHLIGHT_COLOR;
-                            highlightManager.focusedHighlights.push(highlight);
-                        }
-                    });
-                }
-            } else if (event.data?.type === EVENTS.STRAPI_FIELD_BLUR) {
-                const { field } = event.data.payload;
-                if (field === highlightManager.getFocusedField()) {
-                    highlightManager.focusedHighlights.forEach((highlight)=>{
-                        highlight.style.outlineColor = 'transparent';
-                    });
-                    highlightManager.focusedHighlights.length = 0;
-                    highlightManager.setFocusedField(null);
-                }
-            }
-        };
-        window.addEventListener('message', handleMessages);
-        return {
-            handleMessages
-        };
-    };
-    const setupObservers = (highlightManager)=>{
-        const resizeObserver = new ResizeObserver(()=>{
-            highlightManager.updateAllHighlights();
-        });
-        highlightManager.elements.forEach((element)=>{
-            resizeObserver.observe(element);
-        });
-        resizeObserver.observe(document.documentElement);
-        const updateOnScroll = ()=>{
-            highlightManager.updateAllHighlights();
-        };
-        // Find all scrollable ancestors for all tracked elements
-        const scrollableElements = new Set();
-        scrollableElements.add(window); // Add window as a special case
-        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 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);
-                }
-            });
-            window.removeEventListener('message', eventHandlers.handleMessages);
-            if (overlay.parentNode) {
-                overlay.parentNode.removeChild(overlay);
-            }
-        };
-    };
-    /* -----------------------------------------------------------------------------------------------
-   * Orchestration
-   * ---------------------------------------------------------------------------------------------*/ setupStegaDecoding().then(()=>{
-        const overlay = createOverlaySystem();
-        const highlightManager = createHighlightManager(overlay);
-        const eventHandlers = setupEventHandlers(highlightManager);
-        const observers = setupObservers(highlightManager);
-        createCleanupSystem(overlay, observers, eventHandlers);
-    });
-};
-
-exports.previewScript = previewScript;
-//# sourceMappingURL=script.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"script.js","sources":["../../../../admin/src/preview/utils/script.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_COLOR?: string;\n    __strapi_DISABLE_STEGA_DECODING?: boolean;\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\n  const HIGHLIGHT_PADDING = 2; // in pixels\n  const HIGHLIGHT_COLOR = window.__strapi_HIGHLIGHT_COLOR ?? '#4945ff';\n  const DISABLE_STEGA_DECODING = window.__strapi_DISABLE_STEGA_DECODING ?? false;\n  const SOURCE_ATTRIBUTE = 'data-strapi-source';\n  const OVERLAY_ID = 'strapi-preview-overlay';\n  const EVENTS = {\n    WILL_EDIT_FIELD: 'willEditField',\n    STRAPI_READY: 'strapiReady',\n    STRAPI_FIELD_TYPING: 'strapiFieldTyping',\n    STRAPI_FIELD_FOCUS: 'strapiFieldFocus',\n    STRAPI_FIELD_BLUR: 'strapiFieldBlur',\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 { EVENTS };\n  }\n\n  /* -----------------------------------------------------------------------------------------------\n   * Utils\n   * ---------------------------------------------------------------------------------------------*/\n\n  const sendMessage = (type: (typeof EVENTS)[keyof typeof EVENTS], payload: unknown) => {\n    window.parent.postMessage({ type, payload }, '*');\n  };\n\n  /* -----------------------------------------------------------------------------------------------\n   * Functional blocks\n   * ---------------------------------------------------------------------------------------------*/\n\n  const setupStegaDecoding = async () => {\n    if (DISABLE_STEGA_DECODING) {\n      return;\n    }\n\n    const { vercelStegaDecode: stegaDecode } = await import(\n      // @ts-expect-error it's not a local dependency\n      // eslint-disable-next-line import/no-unresolved\n      'https://cdn.jsdelivr.net/npm/@vercel/stega@0.1.2/+esm'\n    );\n\n    const allElements = document.querySelectorAll('*');\n\n    Array.from(allElements).forEach((element) => {\n      const directTextContent = Array.from(element.childNodes)\n        .filter((node) => node.nodeType === Node.TEXT_NODE)\n        .map((node) => node.textContent || '')\n        .join('');\n\n      if (directTextContent) {\n        try {\n          const result = stegaDecode(directTextContent);\n          if (result) {\n            element.setAttribute(SOURCE_ATTRIBUTE, result.key);\n          }\n        } catch (error) {}\n      }\n    });\n  };\n\n  const createOverlaySystem = () => {\n    const existingOverlay = document.getElementById(OVERLAY_ID);\n    if (existingOverlay) {\n      existingOverlay.remove();\n    }\n\n    window.__strapi_previewCleanup?.();\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  const createHighlightManager = (overlay: HTMLElement) => {\n    const elements = window.document.querySelectorAll(`[${SOURCE_ATTRIBUTE}]`);\n    const highlights: HTMLElement[] = [];\n    let focusedField: string | null = null;\n    const focusedHighlights: HTMLElement[] = [];\n\n    const drawOverlay = (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          drawOverlay(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: auto;\n          border-radius: 2px 0 2px 2px;\n          background-color: transparent;\n          will-change: transform;\n          transition: outline-color 0.1s ease-in-out;\n        `;\n\n        const editButton = document.createElement('button');\n        editButton.textContent = 'Edit';\n        editButton.style.cssText = `\n          position: absolute;\n          top: 0px;\n          right: -${HIGHLIGHT_PADDING}px;\n          transform: translateY(-100%);\n          font-size: 12px;\n          padding: 4px 8px;\n          background: ${HIGHLIGHT_COLOR};\n          color: white;\n          border: none;\n          border-radius: 4px 4px 0 0;\n          cursor: pointer;\n          pointer-events: auto;\n          display: none;\n          font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n          z-index: 10000;\n          user-select: none;\n        `;\n\n        highlight.addEventListener('mouseenter', () => {\n          highlight.style.outlineColor = HIGHLIGHT_COLOR;\n          editButton.style.display = 'block';\n          highlight.style.borderRadius = '2px 0 2px 2px';\n        });\n\n        highlight.addEventListener('mouseleave', () => {\n          const fieldPath = element.getAttribute(SOURCE_ATTRIBUTE);\n          if (fieldPath !== focusedField) {\n            highlight.style.outlineColor = 'transparent';\n          }\n          editButton.style.display = 'none';\n          highlight.style.borderRadius = '2px';\n        });\n\n        const triggerEdit = (e: Event) => {\n          e.stopPropagation();\n          e.preventDefault();\n\n          const fieldPath = element.getAttribute(SOURCE_ATTRIBUTE);\n          if (fieldPath && window.parent) {\n            const rect = element.getBoundingClientRect();\n            sendMessage(EVENTS.WILL_EDIT_FIELD, {\n              path: fieldPath,\n              position: {\n                top: rect.top,\n                left: rect.left,\n                width: rect.width,\n                height: rect.height,\n              },\n            });\n          }\n        };\n\n        editButton.addEventListener('click', triggerEdit);\n        highlight.addEventListener('dblclick', triggerEdit);\n\n        highlight.appendChild(editButton);\n        highlights.push(highlight);\n        overlay.appendChild(highlight);\n\n        drawOverlay(element, highlight);\n      }\n    });\n\n    return {\n      elements,\n      highlights,\n      focusedField,\n      focusedHighlights,\n      updateAllHighlights,\n      setFocusedField: (field: string | null) => {\n        focusedField = field;\n      },\n      getFocusedField: () => focusedField,\n    };\n  };\n\n  type HighlightManager = ReturnType<typeof createHighlightManager>;\n\n  const setupEventHandlers = (highlightManager: HighlightManager) => {\n    const handleMessages = (event: MessageEvent) => {\n      if (event.data?.type === EVENTS.STRAPI_FIELD_TYPING) {\n        const { field, value } = event.data.payload;\n        if (field) {\n          const matchingElements = document.querySelectorAll(`[${SOURCE_ATTRIBUTE}=\"${field}\"]`);\n          matchingElements.forEach((element) => {\n            if (element instanceof HTMLElement) {\n              element.textContent = value || '';\n            }\n          });\n        }\n      } else if (event.data?.type === EVENTS.STRAPI_FIELD_FOCUS) {\n        const { field } = event.data.payload;\n        if (field) {\n          highlightManager.focusedHighlights.forEach((highlight: HTMLElement) => {\n            highlight.style.outlineColor = 'transparent';\n          });\n          highlightManager.focusedHighlights.length = 0;\n\n          highlightManager.setFocusedField(field);\n          const matchingElements = document.querySelectorAll(`[${SOURCE_ATTRIBUTE}=\"${field}\"]`);\n          matchingElements.forEach((element) => {\n            const highlight =\n              highlightManager.highlights[Array.from(highlightManager.elements).indexOf(element)];\n            if (highlight) {\n              highlight.style.outlineColor = HIGHLIGHT_COLOR;\n              highlightManager.focusedHighlights.push(highlight);\n            }\n          });\n        }\n      } else if (event.data?.type === EVENTS.STRAPI_FIELD_BLUR) {\n        const { field } = event.data.payload;\n        if (field === highlightManager.getFocusedField()) {\n          highlightManager.focusedHighlights.forEach((highlight: HTMLElement) => {\n            highlight.style.outlineColor = 'transparent';\n          });\n          highlightManager.focusedHighlights.length = 0;\n          highlightManager.setFocusedField(null);\n        }\n      }\n    };\n\n    window.addEventListener('message', handleMessages);\n    return { handleMessages };\n  };\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    // Find all scrollable ancestors for all tracked elements\n    const scrollableElements = new Set<Element | Window>();\n    scrollableElements.add(window); // Add window as a special case\n\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 createCleanupSystem = (\n    overlay: HTMLElement,\n    observers: ReturnType<typeof setupObservers>,\n    eventHandlers: ReturnType<typeof setupEventHandlers>\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      window.removeEventListener('message', eventHandlers.handleMessages);\n      if (overlay.parentNode) {\n        overlay.parentNode.removeChild(overlay);\n      }\n    };\n  };\n\n  /* -----------------------------------------------------------------------------------------------\n   * Orchestration\n   * ---------------------------------------------------------------------------------------------*/\n\n  setupStegaDecoding().then(() => {\n    const overlay = createOverlaySystem();\n    const highlightManager = createHighlightManager(overlay);\n    const eventHandlers = setupEventHandlers(highlightManager);\n    const observers = setupObservers(highlightManager);\n    createCleanupSystem(overlay, observers, eventHandlers);\n  });\n};\n\nexport { previewScript };\n"],"names":["previewScript","shouldRun","HIGHLIGHT_PADDING","HIGHLIGHT_COLOR","window","__strapi_HIGHLIGHT_COLOR","DISABLE_STEGA_DECODING","__strapi_DISABLE_STEGA_DECODING","SOURCE_ATTRIBUTE","OVERLAY_ID","EVENTS","WILL_EDIT_FIELD","STRAPI_READY","STRAPI_FIELD_TYPING","STRAPI_FIELD_FOCUS","STRAPI_FIELD_BLUR","sendMessage","type","payload","parent","postMessage","setupStegaDecoding","vercelStegaDecode","stegaDecode","allElements","document","querySelectorAll","Array","from","forEach","element","directTextContent","childNodes","filter","node","nodeType","Node","TEXT_NODE","map","textContent","join","result","setAttribute","key","error","createOverlaySystem","existingOverlay","getElementById","remove","__strapi_previewCleanup","overlay","createElement","id","style","cssText","body","appendChild","createHighlightManager","elements","highlights","focusedField","focusedHighlights","drawOverlay","target","highlight","rect","getBoundingClientRect","width","height","transform","left","top","updateAllHighlights","index","HTMLElement","editButton","addEventListener","outlineColor","display","borderRadius","fieldPath","getAttribute","triggerEdit","e","stopPropagation","preventDefault","path","position","push","setFocusedField","field","getFocusedField","setupEventHandlers","highlightManager","handleMessages","event","data","value","matchingElements","length","indexOf","setupObservers","resizeObserver","ResizeObserver","observe","documentElement","updateOnScroll","scrollableElements","Set","add","parentElement","computedStyle","getComputedStyle","overflow","overflowX","overflowY","includes","createCleanupSystem","observers","eventHandlers","disconnect","removeEventListener","parentNode","removeChild","then"],"mappings":"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"}

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

@@ -1,298 +0,0 @@
-// 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_COLOR = window.__strapi_HIGHLIGHT_COLOR ?? '#4945ff';
-    const DISABLE_STEGA_DECODING = window.__strapi_DISABLE_STEGA_DECODING ?? false;
-    const SOURCE_ATTRIBUTE = 'data-strapi-source';
-    const OVERLAY_ID = 'strapi-preview-overlay';
-    const EVENTS = {
-        WILL_EDIT_FIELD: 'willEditField',
-        STRAPI_READY: 'strapiReady',
-        STRAPI_FIELD_TYPING: 'strapiFieldTyping',
-        STRAPI_FIELD_FOCUS: 'strapiFieldFocus',
-        STRAPI_FIELD_BLUR: 'strapiFieldBlur'
-    };
-    /**
-   * 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 {
-            EVENTS
-        };
-    }
-    /* -----------------------------------------------------------------------------------------------
-   * Utils
-   * ---------------------------------------------------------------------------------------------*/ const sendMessage = (type, payload)=>{
-        window.parent.postMessage({
-            type,
-            payload
-        }, '*');
-    };
-    /* -----------------------------------------------------------------------------------------------
-   * Functional blocks
-   * ---------------------------------------------------------------------------------------------*/ const setupStegaDecoding = async ()=>{
-        if (DISABLE_STEGA_DECODING) {
-            return;
-        }
-        const { vercelStegaDecode: stegaDecode } = await import(// @ts-expect-error it's not a local dependency
-        // eslint-disable-next-line import/no-unresolved
-        'https://cdn.jsdelivr.net/npm/@vercel/stega@0.1.2/+esm');
-        const allElements = document.querySelectorAll('*');
-        Array.from(allElements).forEach((element)=>{
-            const directTextContent = Array.from(element.childNodes).filter((node)=>node.nodeType === Node.TEXT_NODE).map((node)=>node.textContent || '').join('');
-            if (directTextContent) {
-                try {
-                    const result = stegaDecode(directTextContent);
-                    if (result) {
-                        element.setAttribute(SOURCE_ATTRIBUTE, result.key);
-                    }
-                } catch (error) {}
-            }
-        });
-    };
-    const createOverlaySystem = ()=>{
-        const existingOverlay = document.getElementById(OVERLAY_ID);
-        if (existingOverlay) {
-            existingOverlay.remove();
-        }
-        window.__strapi_previewCleanup?.();
-        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 = [];
-        let focusedField = null;
-        const focusedHighlights = [];
-        const drawOverlay = (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) {
-                    drawOverlay(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: auto;
-          border-radius: 2px 0 2px 2px;
-          background-color: transparent;
-          will-change: transform;
-          transition: outline-color 0.1s ease-in-out;
-        `;
-                const editButton = document.createElement('button');
-                editButton.textContent = 'Edit';
-                editButton.style.cssText = `
-          position: absolute;
-          top: 0px;
-          right: -${HIGHLIGHT_PADDING}px;
-          transform: translateY(-100%);
-          font-size: 12px;
-          padding: 4px 8px;
-          background: ${HIGHLIGHT_COLOR};
-          color: white;
-          border: none;
-          border-radius: 4px 4px 0 0;
-          cursor: pointer;
-          pointer-events: auto;
-          display: none;
-          font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-          z-index: 10000;
-          user-select: none;
-        `;
-                highlight.addEventListener('mouseenter', ()=>{
-                    highlight.style.outlineColor = HIGHLIGHT_COLOR;
-                    editButton.style.display = 'block';
-                    highlight.style.borderRadius = '2px 0 2px 2px';
-                });
-                highlight.addEventListener('mouseleave', ()=>{
-                    const fieldPath = element.getAttribute(SOURCE_ATTRIBUTE);
-                    if (fieldPath !== focusedField) {
-                        highlight.style.outlineColor = 'transparent';
-                    }
-                    editButton.style.display = 'none';
-                    highlight.style.borderRadius = '2px';
-                });
-                const triggerEdit = (e)=>{
-                    e.stopPropagation();
-                    e.preventDefault();
-                    const fieldPath = element.getAttribute(SOURCE_ATTRIBUTE);
-                    if (fieldPath && window.parent) {
-                        const rect = element.getBoundingClientRect();
-                        sendMessage(EVENTS.WILL_EDIT_FIELD, {
-                            path: fieldPath,
-                            position: {
-                                top: rect.top,
-                                left: rect.left,
-                                width: rect.width,
-                                height: rect.height
-                            }
-                        });
-                    }
-                };
-                editButton.addEventListener('click', triggerEdit);
-                highlight.addEventListener('dblclick', triggerEdit);
-                highlight.appendChild(editButton);
-                highlights.push(highlight);
-                overlay.appendChild(highlight);
-                drawOverlay(element, highlight);
-            }
-        });
-        return {
-            elements,
-            highlights,
-            focusedField,
-            focusedHighlights,
-            updateAllHighlights,
-            setFocusedField: (field)=>{
-                focusedField = field;
-            },
-            getFocusedField: ()=>focusedField
-        };
-    };
-    const setupEventHandlers = (highlightManager)=>{
-        const handleMessages = (event)=>{
-            if (event.data?.type === EVENTS.STRAPI_FIELD_TYPING) {
-                const { field, value } = event.data.payload;
-                if (field) {
-                    const matchingElements = document.querySelectorAll(`[${SOURCE_ATTRIBUTE}="${field}"]`);
-                    matchingElements.forEach((element)=>{
-                        if (element instanceof HTMLElement) {
-                            element.textContent = value || '';
-                        }
-                    });
-                }
-            } else if (event.data?.type === EVENTS.STRAPI_FIELD_FOCUS) {
-                const { field } = event.data.payload;
-                if (field) {
-                    highlightManager.focusedHighlights.forEach((highlight)=>{
-                        highlight.style.outlineColor = 'transparent';
-                    });
-                    highlightManager.focusedHighlights.length = 0;
-                    highlightManager.setFocusedField(field);
-                    const matchingElements = document.querySelectorAll(`[${SOURCE_ATTRIBUTE}="${field}"]`);
-                    matchingElements.forEach((element)=>{
-                        const highlight = highlightManager.highlights[Array.from(highlightManager.elements).indexOf(element)];
-                        if (highlight) {
-                            highlight.style.outlineColor = HIGHLIGHT_COLOR;
-                            highlightManager.focusedHighlights.push(highlight);
-                        }
-                    });
-                }
-            } else if (event.data?.type === EVENTS.STRAPI_FIELD_BLUR) {
-                const { field } = event.data.payload;
-                if (field === highlightManager.getFocusedField()) {
-                    highlightManager.focusedHighlights.forEach((highlight)=>{
-                        highlight.style.outlineColor = 'transparent';
-                    });
-                    highlightManager.focusedHighlights.length = 0;
-                    highlightManager.setFocusedField(null);
-                }
-            }
-        };
-        window.addEventListener('message', handleMessages);
-        return {
-            handleMessages
-        };
-    };
-    const setupObservers = (highlightManager)=>{
-        const resizeObserver = new ResizeObserver(()=>{
-            highlightManager.updateAllHighlights();
-        });
-        highlightManager.elements.forEach((element)=>{
-            resizeObserver.observe(element);
-        });
-        resizeObserver.observe(document.documentElement);
-        const updateOnScroll = ()=>{
-            highlightManager.updateAllHighlights();
-        };
-        // Find all scrollable ancestors for all tracked elements
-        const scrollableElements = new Set();
-        scrollableElements.add(window); // Add window as a special case
-        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 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);
-                }
-            });
-            window.removeEventListener('message', eventHandlers.handleMessages);
-            if (overlay.parentNode) {
-                overlay.parentNode.removeChild(overlay);
-            }
-        };
-    };
-    /* -----------------------------------------------------------------------------------------------
-   * Orchestration
-   * ---------------------------------------------------------------------------------------------*/ setupStegaDecoding().then(()=>{
-        const overlay = createOverlaySystem();
-        const highlightManager = createHighlightManager(overlay);
-        const eventHandlers = setupEventHandlers(highlightManager);
-        const observers = setupObservers(highlightManager);
-        createCleanupSystem(overlay, observers, eventHandlers);
-    });
-};
-
-export { previewScript };
-//# sourceMappingURL=script.mjs.map