@strapi/content-manager 5.23.2 → 5.23.4

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

@@ -0,0 +1,98 @@
+'use strict';
+
+// Helper function to parse path with array indices and return clean attribute names
+const parsePathWithIndices = (path)=>{
+    // Split by dots, then parse array indices from each part. For example:
+    // input "components.4.field.relations.2.name"
+    // output [{name: "components", index: 4}, {name: "field"}, {name: "relations", index: 2}, {name: "name"}]
+    return path.split('.').map((part)=>{
+        const numericIndex = parseInt(part, 10);
+        if (!isNaN(numericIndex) && part === numericIndex.toString()) {
+            // This part is a pure numeric index, return it as an index for the previous part
+            return {
+                name: '',
+                index: numericIndex
+            };
+        }
+        return {
+            name: part
+        };
+    }).reduce((acc, part)=>{
+        if (part.name === '' && part.index !== undefined) {
+            // This is an index, attach it to the previous part
+            if (acc.length > 0) {
+                acc[acc.length - 1].index = part.index;
+            }
+        } else {
+            acc.push(part);
+        }
+        return acc;
+    }, []);
+};
+function getAttributeSchemaFromPath({ path, schema, components, document }) {
+    /**
+   * Create the function that will be recursively called.
+   * We don't do recursion on getAttributeSchemaFromPath itself because:
+   * - it takes a path string, not the parsed array that's better for recursion
+   * - even when several levels deep, we still need access to the root schema and components
+   */ const visitor = (currentPathParts, currentAttributes, currentData)=>{
+        const [currentPart, ...remainingParts] = currentPathParts;
+        // Get the data and schema for the current path
+        const currentAttribute = currentAttributes[currentPart.name];
+        if (!currentAttribute) {
+            throw new Error('Invalid field path');
+        }
+        if (currentAttribute.type === 'relation') {
+            throw new Error('Relations not handled');
+        }
+        if (currentAttribute.type === 'component') {
+            const componentAttributes = components[currentAttribute.component].attributes;
+            if (currentAttribute.repeatable) {
+                // We must have the index, otherwise we don't know what data to use
+                if (currentPart.index === undefined) {
+                    throw new Error('Invalid field path');
+                }
+                return visitor(remainingParts, componentAttributes, currentData[currentPart.name][currentPart.index]);
+            }
+            // Non repeatable component
+            return visitor(remainingParts, componentAttributes, currentData[currentPart.name]);
+        }
+        if (currentAttribute.type === 'dynamiczone') {
+            // We must have the index, otherwise we don't know what component we're dealing with
+            if (currentPart.index === undefined) {
+                throw new Error('Invalid field path');
+            }
+            const componentData = currentData[currentPart.name][currentPart.index];
+            const componentAttributes = components[componentData.__component].attributes;
+            return visitor(remainingParts, componentAttributes, componentData);
+        }
+        // Plain regular field. It ends the recursion
+        return currentAttributes[currentPart.name];
+    };
+    return visitor(parsePathWithIndices(path), schema.attributes, document);
+}
+function parseFieldMetaData(strapiSource) {
+    const searchParams = new URLSearchParams(strapiSource);
+    const path = searchParams.get('path');
+    const type = searchParams.get('type');
+    const documentId = searchParams.get('documentId');
+    const locale = searchParams.get('locale');
+    const model = searchParams.get('model');
+    const kind = searchParams.get('kind');
+    if (!path || !type || !documentId || !model) {
+        return null;
+    }
+    return {
+        path,
+        type: type,
+        documentId,
+        locale: locale ?? null,
+        model: model,
+        kind: kind ? kind : undefined
+    };
+}
+
+exports.getAttributeSchemaFromPath = getAttributeSchemaFromPath;
+exports.parseFieldMetaData = parseFieldMetaData;
+exports.parsePathWithIndices = parsePathWithIndices;
+//# sourceMappingURL=fieldUtils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fieldUtils.js","sources":["../../../../admin/src/preview/utils/fieldUtils.ts"],"sourcesContent":["import { type FieldContentSourceMap } from '@strapi/admin/strapi-admin';\n\nimport type { PreviewContextValue } from '../pages/Preview';\nimport type { Modules, Schema, Struct, UID } from '@strapi/types';\n\ntype PathPart = { name: string; index?: number };\n\n// Helper function to parse path with array indices and return clean attribute names\nexport const parsePathWithIndices = (path: string): PathPart[] => {\n  // Split by dots, then parse array indices from each part. For example:\n  // input \"components.4.field.relations.2.name\"\n  // output [{name: \"components\", index: 4}, {name: \"field\"}, {name: \"relations\", index: 2}, {name: \"name\"}]\n  return path\n    .split('.')\n    .map((part) => {\n      const numericIndex = parseInt(part, 10);\n      if (!isNaN(numericIndex) && part === numericIndex.toString()) {\n        // This part is a pure numeric index, return it as an index for the previous part\n        return { name: '', index: numericIndex };\n      }\n      return { name: part };\n    })\n    .reduce((acc: PathPart[], part) => {\n      if (part.name === '' && part.index !== undefined) {\n        // This is an index, attach it to the previous part\n        if (acc.length > 0) {\n          acc[acc.length - 1].index = part.index;\n        }\n      } else {\n        acc.push(part);\n      }\n      return acc;\n    }, []);\n};\n\nexport function getAttributeSchemaFromPath({\n  path,\n  schema,\n  components,\n  document,\n}: {\n  path: string;\n  schema: PreviewContextValue['schema'] | PreviewContextValue['components'][string];\n  components: PreviewContextValue['components'];\n  document: Modules.Documents.AnyDocument;\n}): Schema.Attribute.AnyAttribute {\n  /**\n   * Create the function that will be recursively called.\n   * We don't do recursion on getAttributeSchemaFromPath itself because:\n   * - it takes a path string, not the parsed array that's better for recursion\n   * - even when several levels deep, we still need access to the root schema and components\n   */\n  const visitor = (\n    currentPathParts: PathPart[],\n    currentAttributes: Schema.Attributes,\n    currentData: any\n  ): Schema.Attribute.AnyAttribute => {\n    const [currentPart, ...remainingParts] = currentPathParts;\n\n    // Get the data and schema for the current path\n    const currentAttribute = currentAttributes[currentPart.name];\n\n    if (!currentAttribute) {\n      throw new Error('Invalid field path');\n    }\n\n    if (currentAttribute.type === 'relation') {\n      throw new Error('Relations not handled');\n    }\n\n    if (currentAttribute.type === 'component') {\n      const componentAttributes = components[currentAttribute.component].attributes;\n      if (currentAttribute.repeatable) {\n        // We must have the index, otherwise we don't know what data to use\n        if (currentPart.index === undefined) {\n          throw new Error('Invalid field path');\n        }\n        return visitor(\n          remainingParts,\n          componentAttributes,\n          currentData[currentPart.name][currentPart.index]\n        );\n      }\n\n      // Non repeatable component\n      return visitor(remainingParts, componentAttributes, currentData[currentPart.name]);\n    }\n\n    if (currentAttribute.type === 'dynamiczone') {\n      // We must have the index, otherwise we don't know what component we're dealing with\n      if (currentPart.index === undefined) {\n        throw new Error('Invalid field path');\n      }\n\n      const componentData = currentData[currentPart.name][currentPart.index];\n      const componentAttributes = components[componentData.__component].attributes;\n      return visitor(remainingParts, componentAttributes, componentData);\n    }\n\n    // Plain regular field. It ends the recursion\n    return currentAttributes[currentPart.name];\n  };\n\n  return visitor(parsePathWithIndices(path), schema.attributes, document);\n}\n\nexport function parseFieldMetaData(strapiSource: string): FieldContentSourceMap | null {\n  const searchParams = new URLSearchParams(strapiSource);\n  const path = searchParams.get('path');\n  const type = searchParams.get('type');\n  const documentId = searchParams.get('documentId');\n  const locale = searchParams.get('locale');\n  const model = searchParams.get('model');\n  const kind = searchParams.get('kind');\n\n  if (!path || !type || !documentId || !model) {\n    return null;\n  }\n\n  return {\n    path,\n    type: type as Schema.Attribute.AnyAttribute['type'],\n    documentId,\n    locale: locale ?? null,\n    model: model as UID.Schema | undefined,\n    kind: kind ? (kind as Struct.ContentTypeKind) : undefined,\n  };\n}\n"],"names":["parsePathWithIndices","path","split","map","part","numericIndex","parseInt","isNaN","toString","name","index","reduce","acc","undefined","length","push","getAttributeSchemaFromPath","schema","components","document","visitor","currentPathParts","currentAttributes","currentData","currentPart","remainingParts","currentAttribute","Error","type","componentAttributes","component","attributes","repeatable","componentData","__component","parseFieldMetaData","strapiSource","searchParams","URLSearchParams","get","documentId","locale","model","kind"],"mappings":"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"}

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

@@ -0,0 +1,94 @@
+// Helper function to parse path with array indices and return clean attribute names
+const parsePathWithIndices = (path)=>{
+    // Split by dots, then parse array indices from each part. For example:
+    // input "components.4.field.relations.2.name"
+    // output [{name: "components", index: 4}, {name: "field"}, {name: "relations", index: 2}, {name: "name"}]
+    return path.split('.').map((part)=>{
+        const numericIndex = parseInt(part, 10);
+        if (!isNaN(numericIndex) && part === numericIndex.toString()) {
+            // This part is a pure numeric index, return it as an index for the previous part
+            return {
+                name: '',
+                index: numericIndex
+            };
+        }
+        return {
+            name: part
+        };
+    }).reduce((acc, part)=>{
+        if (part.name === '' && part.index !== undefined) {
+            // This is an index, attach it to the previous part
+            if (acc.length > 0) {
+                acc[acc.length - 1].index = part.index;
+            }
+        } else {
+            acc.push(part);
+        }
+        return acc;
+    }, []);
+};
+function getAttributeSchemaFromPath({ path, schema, components, document }) {
+    /**
+   * Create the function that will be recursively called.
+   * We don't do recursion on getAttributeSchemaFromPath itself because:
+   * - it takes a path string, not the parsed array that's better for recursion
+   * - even when several levels deep, we still need access to the root schema and components
+   */ const visitor = (currentPathParts, currentAttributes, currentData)=>{
+        const [currentPart, ...remainingParts] = currentPathParts;
+        // Get the data and schema for the current path
+        const currentAttribute = currentAttributes[currentPart.name];
+        if (!currentAttribute) {
+            throw new Error('Invalid field path');
+        }
+        if (currentAttribute.type === 'relation') {
+            throw new Error('Relations not handled');
+        }
+        if (currentAttribute.type === 'component') {
+            const componentAttributes = components[currentAttribute.component].attributes;
+            if (currentAttribute.repeatable) {
+                // We must have the index, otherwise we don't know what data to use
+                if (currentPart.index === undefined) {
+                    throw new Error('Invalid field path');
+                }
+                return visitor(remainingParts, componentAttributes, currentData[currentPart.name][currentPart.index]);
+            }
+            // Non repeatable component
+            return visitor(remainingParts, componentAttributes, currentData[currentPart.name]);
+        }
+        if (currentAttribute.type === 'dynamiczone') {
+            // We must have the index, otherwise we don't know what component we're dealing with
+            if (currentPart.index === undefined) {
+                throw new Error('Invalid field path');
+            }
+            const componentData = currentData[currentPart.name][currentPart.index];
+            const componentAttributes = components[componentData.__component].attributes;
+            return visitor(remainingParts, componentAttributes, componentData);
+        }
+        // Plain regular field. It ends the recursion
+        return currentAttributes[currentPart.name];
+    };
+    return visitor(parsePathWithIndices(path), schema.attributes, document);
+}
+function parseFieldMetaData(strapiSource) {
+    const searchParams = new URLSearchParams(strapiSource);
+    const path = searchParams.get('path');
+    const type = searchParams.get('type');
+    const documentId = searchParams.get('documentId');
+    const locale = searchParams.get('locale');
+    const model = searchParams.get('model');
+    const kind = searchParams.get('kind');
+    if (!path || !type || !documentId || !model) {
+        return null;
+    }
+    return {
+        path,
+        type: type,
+        documentId,
+        locale: locale ?? null,
+        model: model,
+        kind: kind ? kind : undefined
+    };
+}
+
+export { getAttributeSchemaFromPath, parseFieldMetaData, parsePathWithIndices };
+//# sourceMappingURL=fieldUtils.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fieldUtils.mjs","sources":["../../../../admin/src/preview/utils/fieldUtils.ts"],"sourcesContent":["import { type FieldContentSourceMap } from '@strapi/admin/strapi-admin';\n\nimport type { PreviewContextValue } from '../pages/Preview';\nimport type { Modules, Schema, Struct, UID } from '@strapi/types';\n\ntype PathPart = { name: string; index?: number };\n\n// Helper function to parse path with array indices and return clean attribute names\nexport const parsePathWithIndices = (path: string): PathPart[] => {\n  // Split by dots, then parse array indices from each part. For example:\n  // input \"components.4.field.relations.2.name\"\n  // output [{name: \"components\", index: 4}, {name: \"field\"}, {name: \"relations\", index: 2}, {name: \"name\"}]\n  return path\n    .split('.')\n    .map((part) => {\n      const numericIndex = parseInt(part, 10);\n      if (!isNaN(numericIndex) && part === numericIndex.toString()) {\n        // This part is a pure numeric index, return it as an index for the previous part\n        return { name: '', index: numericIndex };\n      }\n      return { name: part };\n    })\n    .reduce((acc: PathPart[], part) => {\n      if (part.name === '' && part.index !== undefined) {\n        // This is an index, attach it to the previous part\n        if (acc.length > 0) {\n          acc[acc.length - 1].index = part.index;\n        }\n      } else {\n        acc.push(part);\n      }\n      return acc;\n    }, []);\n};\n\nexport function getAttributeSchemaFromPath({\n  path,\n  schema,\n  components,\n  document,\n}: {\n  path: string;\n  schema: PreviewContextValue['schema'] | PreviewContextValue['components'][string];\n  components: PreviewContextValue['components'];\n  document: Modules.Documents.AnyDocument;\n}): Schema.Attribute.AnyAttribute {\n  /**\n   * Create the function that will be recursively called.\n   * We don't do recursion on getAttributeSchemaFromPath itself because:\n   * - it takes a path string, not the parsed array that's better for recursion\n   * - even when several levels deep, we still need access to the root schema and components\n   */\n  const visitor = (\n    currentPathParts: PathPart[],\n    currentAttributes: Schema.Attributes,\n    currentData: any\n  ): Schema.Attribute.AnyAttribute => {\n    const [currentPart, ...remainingParts] = currentPathParts;\n\n    // Get the data and schema for the current path\n    const currentAttribute = currentAttributes[currentPart.name];\n\n    if (!currentAttribute) {\n      throw new Error('Invalid field path');\n    }\n\n    if (currentAttribute.type === 'relation') {\n      throw new Error('Relations not handled');\n    }\n\n    if (currentAttribute.type === 'component') {\n      const componentAttributes = components[currentAttribute.component].attributes;\n      if (currentAttribute.repeatable) {\n        // We must have the index, otherwise we don't know what data to use\n        if (currentPart.index === undefined) {\n          throw new Error('Invalid field path');\n        }\n        return visitor(\n          remainingParts,\n          componentAttributes,\n          currentData[currentPart.name][currentPart.index]\n        );\n      }\n\n      // Non repeatable component\n      return visitor(remainingParts, componentAttributes, currentData[currentPart.name]);\n    }\n\n    if (currentAttribute.type === 'dynamiczone') {\n      // We must have the index, otherwise we don't know what component we're dealing with\n      if (currentPart.index === undefined) {\n        throw new Error('Invalid field path');\n      }\n\n      const componentData = currentData[currentPart.name][currentPart.index];\n      const componentAttributes = components[componentData.__component].attributes;\n      return visitor(remainingParts, componentAttributes, componentData);\n    }\n\n    // Plain regular field. It ends the recursion\n    return currentAttributes[currentPart.name];\n  };\n\n  return visitor(parsePathWithIndices(path), schema.attributes, document);\n}\n\nexport function parseFieldMetaData(strapiSource: string): FieldContentSourceMap | null {\n  const searchParams = new URLSearchParams(strapiSource);\n  const path = searchParams.get('path');\n  const type = searchParams.get('type');\n  const documentId = searchParams.get('documentId');\n  const locale = searchParams.get('locale');\n  const model = searchParams.get('model');\n  const kind = searchParams.get('kind');\n\n  if (!path || !type || !documentId || !model) {\n    return null;\n  }\n\n  return {\n    path,\n    type: type as Schema.Attribute.AnyAttribute['type'],\n    documentId,\n    locale: locale ?? null,\n    model: model as UID.Schema | undefined,\n    kind: kind ? (kind as Struct.ContentTypeKind) : undefined,\n  };\n}\n"],"names":["parsePathWithIndices","path","split","map","part","numericIndex","parseInt","isNaN","toString","name","index","reduce","acc","undefined","length","push","getAttributeSchemaFromPath","schema","components","document","visitor","currentPathParts","currentAttributes","currentData","currentPart","remainingParts","currentAttribute","Error","type","componentAttributes","component","attributes","repeatable","componentData","__component","parseFieldMetaData","strapiSource","searchParams","URLSearchParams","get","documentId","locale","model","kind"],"mappings":"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"}

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

@@ -38,6 +38,9 @@
             payload
         }, '*');
     };
+    const getElementsByPath = (path)=>{
+        return document.querySelectorAll(`[${SOURCE_ATTRIBUTE}*="path=${path}"]`);
+    };
     /* -----------------------------------------------------------------------------------------------
    * Functionality pieces
    * ---------------------------------------------------------------------------------------------*/ const setupStegaDOMObserver = async ()=>{
@@ -52,9 +55,10 @@
             const directTextContent = directTextNodes.map((node)=>node.textContent || '').join('');
             if (directTextContent) {
                 try {
+                    // TODO: check if we can call split instead of decode+clean
                     const result = stegaDecode(directTextContent);
-                    if (result) {
-                        element.setAttribute(SOURCE_ATTRIBUTE, result.key);
+                    if (result && 'strapiSource' in result) {
+                        element.setAttribute(SOURCE_ATTRIBUTE, result.strapiSource);
                         // Remove encoded part from DOM text content (to avoid breaking links for example)
                         directTextNodes.forEach((node)=>{
                             if (node.textContent) {
@@ -364,8 +368,7 @@
             if (event.data.type === INTERNAL_EVENTS.STRAPI_FIELD_CHANGE) {
                 const { field, value } = event.data.payload;
                 if (!field) return;
-                const matchingElements = document.querySelectorAll(`[${SOURCE_ATTRIBUTE}="${field}"]`);
-                matchingElements.forEach((element)=>{
+                getElementsByPath(field).forEach((element)=>{
                     if (element instanceof HTMLElement) {
                         element.textContent = value || '';
                     }
@@ -385,8 +388,13 @@
                 highlightManager.focusedHighlights.length = 0;
                 // Set new focused field and highlight matching elements
                 highlightManager.setFocusedField(field);
-                const matchingElements = document.querySelectorAll(`[${SOURCE_ATTRIBUTE}="${field}"]`);
-                matchingElements.forEach((element)=>{
+                getElementsByPath(field).forEach((element, index)=>{
+                    if (index === 0) {
+                        element.scrollIntoView({
+                            behavior: 'smooth',
+                            block: 'center'
+                        });
+                    }
                     const highlight = highlightManager.highlights[Array.from(highlightManager.elements).indexOf(element)];
                     if (highlight) {
                         highlight.style.outlineColor = HIGHLIGHT_ACTIVE_COLOR;

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

@@ -1 +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    STRAPI_HIGHLIGHT_ACTIVE_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  const HIGHLIGHT_PADDING = 2; // in pixels\n  const HIGHLIGHT_HOVER_COLOR = window.STRAPI_HIGHLIGHT_HOVER_COLOR ?? '#4945ff'; // dark primary500\n  const HIGHLIGHT_ACTIVE_COLOR = window.STRAPI_HIGHLIGHT_ACTIVE_COLOR ?? '#7b79ff'; // dark primary600\n\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 INTERNAL_EVENTS = {\n    STRAPI_FIELD_FOCUS: 'strapiFieldFocus',\n    STRAPI_FIELD_BLUR: 'strapiFieldBlur',\n    STRAPI_FIELD_CHANGE: 'strapiFieldChange',\n    STRAPI_FIELD_FOCUS_INTENT: 'strapiFieldFocusIntent',\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   * Utils\n   * ---------------------------------------------------------------------------------------------*/\n\n  const sendMessage = (\n    type: (typeof INTERNAL_EVENTS)[keyof typeof INTERNAL_EVENTS],\n    payload: unknown\n  ) => {\n    window.parent.postMessage({ type, payload }, '*');\n  };\n\n  /* -----------------------------------------------------------------------------------------------\n   * Functionality pieces\n   * ---------------------------------------------------------------------------------------------*/\n\n  const setupStegaDOMObserver = async () => {\n    if (DISABLE_STEGA_DECODING) {\n      return;\n    }\n\n    const { vercelStegaDecode: stegaDecode, vercelStegaClean: stegaClean } = 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 applyStegaToElement = (element: Element) => {\n      const directTextNodes = Array.from(element.childNodes).filter(\n        (node) => node.nodeType === Node.TEXT_NODE\n      );\n\n      const directTextContent = directTextNodes.map((node) => node.textContent || '').join('');\n\n      if (directTextContent) {\n        try {\n          const result = stegaDecode(directTextContent);\n          if (result) {\n            element.setAttribute(SOURCE_ATTRIBUTE, result.key);\n\n            // Remove encoded part from DOM text content (to avoid breaking links for example)\n            directTextNodes.forEach((node) => {\n              if (node.textContent) {\n                const cleanedText = stegaClean(node.textContent);\n                if (cleanedText !== node.textContent) {\n                  node.textContent = cleanedText;\n                }\n              }\n            });\n          }\n        } catch (error) {}\n      }\n    };\n\n    // Process all existing elements\n    const allElements = document.querySelectorAll('*');\n    Array.from(allElements).forEach(applyStegaToElement);\n\n    // Create observer for new elements and text changes\n    const observer = new MutationObserver((mutations) => {\n      mutations.forEach((mutation) => {\n        // Handle added nodes\n        if (mutation.type === 'childList') {\n          mutation.addedNodes.forEach((node) => {\n            if (node.nodeType === Node.ELEMENT_NODE) {\n              const element = node as Element;\n              // Process the added element\n              applyStegaToElement(element);\n              // Process all child elements\n              const childElements = element.querySelectorAll('*');\n              Array.from(childElements).forEach(applyStegaToElement);\n            }\n          });\n        }\n\n        // Handle text content changes\n        if (mutation.type === 'characterData' && mutation.target.parentElement) {\n          applyStegaToElement(mutation.target.parentElement);\n        }\n      });\n    });\n\n    observer.observe(document, {\n      childList: true,\n      subtree: true,\n      characterData: true,\n    });\n\n    return observer;\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 | Window;\n    type: keyof HTMLElementEventMap | 'message';\n    handler: EventListener;\n  }>;\n\n  const createHighlightManager = (overlay: HTMLElement) => {\n    const elementsToHighlight = new Map<Element, HTMLElement>();\n    const eventListeners: EventListenersList = [];\n    const focusedHighlights: HTMLElement[] = [];\n    let focusedField: string | null = null;\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      elementsToHighlight.forEach((highlight, element) => {\n        drawHighlight(element, highlight);\n      });\n    };\n\n    const createHighlightForElement = (element: HTMLElement) => {\n      if (elementsToHighlight.has(element)) {\n        // Already has a highlight\n        return;\n      }\n\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        if (!focusedHighlights.includes(highlight)) {\n          highlight.style.outlineColor = HIGHLIGHT_HOVER_COLOR;\n        }\n      };\n      const mouseLeaveHandler = () => {\n        if (!focusedHighlights.includes(highlight)) {\n          highlight.style.outlineColor = 'transparent';\n        }\n      };\n      const doubleClickHandler = () => {\n        const sourceAttribute = element.getAttribute(SOURCE_ATTRIBUTE);\n        if (sourceAttribute) {\n          const rect = element.getBoundingClientRect();\n          sendMessage(INTERNAL_EVENTS.STRAPI_FIELD_FOCUS_INTENT, {\n            path: sourceAttribute,\n            position: {\n              top: rect.top,\n              left: rect.left,\n              right: rect.right,\n              bottom: rect.bottom,\n              width: rect.width,\n              height: rect.height,\n            },\n          });\n        }\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      elementsToHighlight.set(element, highlight);\n      overlay.appendChild(highlight);\n      drawHighlight(element, highlight);\n    };\n\n    const removeHighlightForElement = (element: Element) => {\n      const highlight = elementsToHighlight.get(element);\n\n      if (!highlight) return;\n\n      highlight.remove();\n      elementsToHighlight.delete(element);\n\n      // Remove event listeners for this element\n      const listenersToRemove = eventListeners.filter((listener) => listener.element === element);\n      listenersToRemove.forEach(({ element, type, handler }) => {\n        element.removeEventListener(type, handler);\n      });\n\n      // Mutate eventListeners to remove listeners for this element\n      eventListeners.splice(\n        0,\n        eventListeners.length,\n        ...eventListeners.filter((listener) => listener.element !== element)\n      );\n    };\n\n    // Process all existing elements with source attributes\n    const initialElements = window.document.querySelectorAll(`[${SOURCE_ATTRIBUTE}]`);\n    Array.from(initialElements).forEach((element) => {\n      if (element instanceof HTMLElement) {\n        createHighlightForElement(element);\n      }\n    });\n\n    return {\n      get elements() {\n        return Array.from(elementsToHighlight.keys());\n      },\n      get highlights() {\n        return Array.from(elementsToHighlight.values());\n      },\n      updateAllHighlights,\n      eventListeners,\n      focusedHighlights,\n      createHighlightForElement,\n      removeHighlightForElement,\n      setFocusedField: (field: string | null) => {\n        focusedField = field;\n      },\n      getFocusedField: () => focusedField,\n    };\n  };\n\n  type HighlightManager = ReturnType<typeof createHighlightManager>;\n\n  /**\n   * We need to track scroll in all the element parents in order to keep the highlight position\n   * in sync with the element position. Listening to window scroll is not enough because the\n   * element can be inside one or more scrollable containers.\n   */\n  const setupScrollManagement = (highlightManager: HighlightManager) => {\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 and set up scroll listeners\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.addEventListener('scroll', updateOnScroll);\n      }\n    });\n\n    const cleanup = () => {\n      scrollableElements.forEach((element) => {\n        if (element === window) {\n          window.removeEventListener('scroll', updateOnScroll);\n          window.removeEventListener('resize', updateOnScroll);\n        } else {\n          (element as Element).removeEventListener('scroll', updateOnScroll);\n        }\n      });\n    };\n\n    return { cleanup };\n  };\n\n  const setupObservers = (\n    highlightManager: HighlightManager,\n    stegaObserver: MutationObserver | undefined\n  ) => {\n    const resizeObserver = new ResizeObserver(() => {\n      highlightManager.updateAllHighlights();\n    });\n\n    const observeElementForResize = (element: Element) => {\n      resizeObserver.observe(element);\n    };\n\n    // Observe existing elements\n    highlightManager.elements.forEach(observeElementForResize);\n    resizeObserver.observe(document.documentElement);\n\n    // Create highlight observer to watch for new elements with source attributes\n    const highlightObserver = new MutationObserver((mutations) => {\n      mutations.forEach((mutation) => {\n        if (mutation.type === 'attributes' && mutation.attributeName === SOURCE_ATTRIBUTE) {\n          const target = mutation.target as HTMLElement;\n          if (target.hasAttribute(SOURCE_ATTRIBUTE)) {\n            highlightManager.createHighlightForElement(target);\n            observeElementForResize(target);\n          } else {\n            highlightManager.removeHighlightForElement(target);\n          }\n        }\n\n        if (mutation.type === 'childList') {\n          mutation.addedNodes.forEach((node) => {\n            if (node.nodeType === Node.ELEMENT_NODE) {\n              const element = node as Element;\n              // Check if the added element has source attribute\n              if (element.hasAttribute(SOURCE_ATTRIBUTE) && element instanceof HTMLElement) {\n                highlightManager.createHighlightForElement(element);\n                observeElementForResize(element);\n              }\n              // Check all child elements for source attributes\n              const elementsWithSource = element.querySelectorAll(`[${SOURCE_ATTRIBUTE}]`);\n              Array.from(elementsWithSource).forEach((childElement) => {\n                if (childElement instanceof HTMLElement) {\n                  highlightManager.createHighlightForElement(childElement);\n                  observeElementForResize(childElement);\n                }\n              });\n            }\n          });\n\n          mutation.removedNodes.forEach((node) => {\n            if (node.nodeType === Node.ELEMENT_NODE) {\n              const element = node as Element;\n              highlightManager.removeHighlightForElement(element);\n            }\n          });\n        }\n      });\n    });\n\n    highlightObserver.observe(document, {\n      childList: true,\n      subtree: true,\n      attributes: true,\n      attributeFilter: [SOURCE_ATTRIBUTE],\n    });\n\n    return {\n      resizeObserver,\n      highlightObserver,\n      stegaObserver,\n    };\n  };\n\n  const setupEventHandlers = (highlightManager: HighlightManager) => {\n    const handleMessage = (event: MessageEvent) => {\n      if (!event.data?.type) return;\n\n      // The user typed in an input, reflect the change in the preview\n      if (event.data.type === INTERNAL_EVENTS.STRAPI_FIELD_CHANGE) {\n        const { field, value } = event.data.payload;\n        if (!field) return;\n\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        // Update highlight dimensions since the new text content may affect them\n        highlightManager.updateAllHighlights();\n        return;\n      }\n\n      // The user focused a new input, update the highlights in the preview\n      if (event.data.type === INTERNAL_EVENTS.STRAPI_FIELD_FOCUS) {\n        const { field } = event.data.payload;\n        if (!field) return;\n\n        // Clear existing focused highlights\n        highlightManager.focusedHighlights.forEach((highlight: HTMLElement) => {\n          highlight.style.outlineColor = 'transparent';\n        });\n        highlightManager.focusedHighlights.length = 0;\n\n        // Set new focused field and highlight matching elements\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_ACTIVE_COLOR;\n            highlight.style.outlineWidth = '3px';\n            highlightManager.focusedHighlights.push(highlight);\n          }\n        });\n        return;\n      }\n\n      // The user is no longer focusing an input, remove the highlights\n      if (event.data.type === INTERNAL_EVENTS.STRAPI_FIELD_BLUR) {\n        const { field } = event.data.payload;\n        if (field !== highlightManager.getFocusedField()) return;\n\n        highlightManager.focusedHighlights.forEach((highlight: HTMLElement) => {\n          highlight.style.outlineColor = 'transparent';\n          highlight.style.outlineWidth = '2px';\n        });\n        highlightManager.focusedHighlights.length = 0;\n        highlightManager.setFocusedField(null);\n      }\n    };\n\n    window.addEventListener('message', handleMessage);\n\n    // Add the message handler to the cleanup list\n    const messageEventListener = {\n      element: window,\n      type: 'message' as keyof HTMLElementEventMap,\n      handler: handleMessage as EventListener,\n    };\n\n    return [...highlightManager.eventListeners, messageEventListener];\n  };\n\n  const createCleanupSystem = (\n    overlay: HTMLElement,\n    observers: ReturnType<typeof setupObservers>,\n    scrollManager: ReturnType<typeof setupScrollManagement>,\n    eventHandlers: EventListenersList\n  ) => {\n    window.__strapi_previewCleanup = () => {\n      observers.resizeObserver.disconnect();\n      observers.highlightObserver.disconnect();\n      observers.stegaObserver?.disconnect();\n\n      // Clean up scroll listeners\n      scrollManager.cleanup();\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  setupStegaDOMObserver().then((stegaObserver) => {\n    const overlay = createOverlaySystem();\n    const highlightManager = createHighlightManager(overlay);\n    const observers = setupObservers(highlightManager, stegaObserver);\n    const scrollManager = setupScrollManagement(highlightManager);\n    const eventHandlers = setupEventHandlers(highlightManager);\n    createCleanupSystem(overlay, observers, scrollManager, eventHandlers);\n  });\n};\n\nexport { previewScript };\n"],"names":["previewScript","shouldRun","HIGHLIGHT_PADDING","HIGHLIGHT_HOVER_COLOR","window","STRAPI_HIGHLIGHT_HOVER_COLOR","HIGHLIGHT_ACTIVE_COLOR","STRAPI_HIGHLIGHT_ACTIVE_COLOR","DISABLE_STEGA_DECODING","STRAPI_DISABLE_STEGA_DECODING","SOURCE_ATTRIBUTE","OVERLAY_ID","INTERNAL_EVENTS","STRAPI_FIELD_FOCUS","STRAPI_FIELD_BLUR","STRAPI_FIELD_CHANGE","STRAPI_FIELD_FOCUS_INTENT","sendMessage","type","payload","parent","postMessage","setupStegaDOMObserver","vercelStegaDecode","stegaDecode","vercelStegaClean","stegaClean","applyStegaToElement","element","directTextNodes","Array","from","childNodes","filter","node","nodeType","Node","TEXT_NODE","directTextContent","map","textContent","join","result","setAttribute","key","forEach","cleanedText","error","allElements","document","querySelectorAll","observer","MutationObserver","mutations","mutation","addedNodes","ELEMENT_NODE","childElements","target","parentElement","observe","childList","subtree","characterData","createOverlaySystem","__strapi_previewCleanup","getElementById","remove","overlay","createElement","id","style","cssText","body","appendChild","createHighlightManager","elementsToHighlight","Map","eventListeners","focusedHighlights","focusedField","drawHighlight","highlight","rect","getBoundingClientRect","width","height","transform","left","top","updateAllHighlights","createHighlightForElement","has","mouseEnterHandler","includes","outlineColor","mouseLeaveHandler","doubleClickHandler","sourceAttribute","getAttribute","path","position","right","bottom","mouseDownHandler","event","detail","preventDefault","addEventListener","push","handler","set","removeHighlightForElement","get","delete","listenersToRemove","listener","removeEventListener","splice","length","initialElements","HTMLElement","elements","keys","highlights","values","setFocusedField","field","getFocusedField","setupScrollManagement","highlightManager","updateOnScroll","scrollableElements","Set","add","computedStyle","getComputedStyle","overflow","overflowX","overflowY","cleanup","setupObservers","stegaObserver","resizeObserver","ResizeObserver","observeElementForResize","documentElement","highlightObserver","attributeName","hasAttribute","elementsWithSource","childElement","removedNodes","attributes","attributeFilter","setupEventHandlers","handleMessage","data","value","matchingElements","indexOf","outlineWidth","messageEventListener","createCleanupSystem","observers","scrollManager","eventHandlers","disconnect","then"],"mappings":"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"}
+{"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    STRAPI_HIGHLIGHT_ACTIVE_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  const HIGHLIGHT_PADDING = 2; // in pixels\n  const HIGHLIGHT_HOVER_COLOR = window.STRAPI_HIGHLIGHT_HOVER_COLOR ?? '#4945ff'; // dark primary500\n  const HIGHLIGHT_ACTIVE_COLOR = window.STRAPI_HIGHLIGHT_ACTIVE_COLOR ?? '#7b79ff'; // dark primary600\n\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 INTERNAL_EVENTS = {\n    STRAPI_FIELD_FOCUS: 'strapiFieldFocus',\n    STRAPI_FIELD_BLUR: 'strapiFieldBlur',\n    STRAPI_FIELD_CHANGE: 'strapiFieldChange',\n    STRAPI_FIELD_FOCUS_INTENT: 'strapiFieldFocusIntent',\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   * Utils\n   * ---------------------------------------------------------------------------------------------*/\n\n  const sendMessage = (\n    type: (typeof INTERNAL_EVENTS)[keyof typeof INTERNAL_EVENTS],\n    payload: unknown\n  ) => {\n    window.parent.postMessage({ type, payload }, '*');\n  };\n\n  const getElementsByPath = (path: string) => {\n    return document.querySelectorAll(`[${SOURCE_ATTRIBUTE}*=\"path=${path}\"]`);\n  };\n\n  /* -----------------------------------------------------------------------------------------------\n   * Functionality pieces\n   * ---------------------------------------------------------------------------------------------*/\n\n  const setupStegaDOMObserver = async () => {\n    if (DISABLE_STEGA_DECODING) {\n      return;\n    }\n\n    const { vercelStegaDecode: stegaDecode, vercelStegaClean: stegaClean } = 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 applyStegaToElement = (element: Element) => {\n      const directTextNodes = Array.from(element.childNodes).filter(\n        (node) => node.nodeType === Node.TEXT_NODE\n      );\n\n      const directTextContent = directTextNodes.map((node) => node.textContent || '').join('');\n\n      if (directTextContent) {\n        try {\n          // TODO: check if we can call split instead of decode+clean\n          const result = stegaDecode(directTextContent);\n          if (result && 'strapiSource' in result) {\n            element.setAttribute(SOURCE_ATTRIBUTE, result.strapiSource);\n\n            // Remove encoded part from DOM text content (to avoid breaking links for example)\n            directTextNodes.forEach((node) => {\n              if (node.textContent) {\n                const cleanedText = stegaClean(node.textContent);\n                if (cleanedText !== node.textContent) {\n                  node.textContent = cleanedText;\n                }\n              }\n            });\n          }\n        } catch (error) {}\n      }\n    };\n\n    // Process all existing elements\n    const allElements = document.querySelectorAll('*');\n    Array.from(allElements).forEach(applyStegaToElement);\n\n    // Create observer for new elements and text changes\n    const observer = new MutationObserver((mutations) => {\n      mutations.forEach((mutation) => {\n        // Handle added nodes\n        if (mutation.type === 'childList') {\n          mutation.addedNodes.forEach((node) => {\n            if (node.nodeType === Node.ELEMENT_NODE) {\n              const element = node as Element;\n              // Process the added element\n              applyStegaToElement(element);\n              // Process all child elements\n              const childElements = element.querySelectorAll('*');\n              Array.from(childElements).forEach(applyStegaToElement);\n            }\n          });\n        }\n\n        // Handle text content changes\n        if (mutation.type === 'characterData' && mutation.target.parentElement) {\n          applyStegaToElement(mutation.target.parentElement);\n        }\n      });\n    });\n\n    observer.observe(document, {\n      childList: true,\n      subtree: true,\n      characterData: true,\n    });\n\n    return observer;\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 | Window;\n    type: keyof HTMLElementEventMap | 'message';\n    handler: EventListener;\n  }>;\n\n  const createHighlightManager = (overlay: HTMLElement) => {\n    const elementsToHighlight = new Map<Element, HTMLElement>();\n    const eventListeners: EventListenersList = [];\n    const focusedHighlights: HTMLElement[] = [];\n    let focusedField: string | null = null;\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      elementsToHighlight.forEach((highlight, element) => {\n        drawHighlight(element, highlight);\n      });\n    };\n\n    const createHighlightForElement = (element: HTMLElement) => {\n      if (elementsToHighlight.has(element)) {\n        // Already has a highlight\n        return;\n      }\n\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        if (!focusedHighlights.includes(highlight)) {\n          highlight.style.outlineColor = HIGHLIGHT_HOVER_COLOR;\n        }\n      };\n      const mouseLeaveHandler = () => {\n        if (!focusedHighlights.includes(highlight)) {\n          highlight.style.outlineColor = 'transparent';\n        }\n      };\n      const doubleClickHandler = () => {\n        const sourceAttribute = element.getAttribute(SOURCE_ATTRIBUTE);\n        if (sourceAttribute) {\n          const rect = element.getBoundingClientRect();\n          sendMessage(INTERNAL_EVENTS.STRAPI_FIELD_FOCUS_INTENT, {\n            path: sourceAttribute,\n            position: {\n              top: rect.top,\n              left: rect.left,\n              right: rect.right,\n              bottom: rect.bottom,\n              width: rect.width,\n              height: rect.height,\n            },\n          });\n        }\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      elementsToHighlight.set(element, highlight);\n      overlay.appendChild(highlight);\n      drawHighlight(element, highlight);\n    };\n\n    const removeHighlightForElement = (element: Element) => {\n      const highlight = elementsToHighlight.get(element);\n\n      if (!highlight) return;\n\n      highlight.remove();\n      elementsToHighlight.delete(element);\n\n      // Remove event listeners for this element\n      const listenersToRemove = eventListeners.filter((listener) => listener.element === element);\n      listenersToRemove.forEach(({ element, type, handler }) => {\n        element.removeEventListener(type, handler);\n      });\n\n      // Mutate eventListeners to remove listeners for this element\n      eventListeners.splice(\n        0,\n        eventListeners.length,\n        ...eventListeners.filter((listener) => listener.element !== element)\n      );\n    };\n\n    // Process all existing elements with source attributes\n    const initialElements = window.document.querySelectorAll(`[${SOURCE_ATTRIBUTE}]`);\n    Array.from(initialElements).forEach((element) => {\n      if (element instanceof HTMLElement) {\n        createHighlightForElement(element);\n      }\n    });\n\n    return {\n      get elements() {\n        return Array.from(elementsToHighlight.keys());\n      },\n      get highlights() {\n        return Array.from(elementsToHighlight.values());\n      },\n      updateAllHighlights,\n      eventListeners,\n      focusedHighlights,\n      createHighlightForElement,\n      removeHighlightForElement,\n      setFocusedField: (field: string | null) => {\n        focusedField = field;\n      },\n      getFocusedField: () => focusedField,\n    };\n  };\n\n  type HighlightManager = ReturnType<typeof createHighlightManager>;\n\n  /**\n   * We need to track scroll in all the element parents in order to keep the highlight position\n   * in sync with the element position. Listening to window scroll is not enough because the\n   * element can be inside one or more scrollable containers.\n   */\n  const setupScrollManagement = (highlightManager: HighlightManager) => {\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 and set up scroll listeners\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.addEventListener('scroll', updateOnScroll);\n      }\n    });\n\n    const cleanup = () => {\n      scrollableElements.forEach((element) => {\n        if (element === window) {\n          window.removeEventListener('scroll', updateOnScroll);\n          window.removeEventListener('resize', updateOnScroll);\n        } else {\n          (element as Element).removeEventListener('scroll', updateOnScroll);\n        }\n      });\n    };\n\n    return { cleanup };\n  };\n\n  const setupObservers = (\n    highlightManager: HighlightManager,\n    stegaObserver: MutationObserver | undefined\n  ) => {\n    const resizeObserver = new ResizeObserver(() => {\n      highlightManager.updateAllHighlights();\n    });\n\n    const observeElementForResize = (element: Element) => {\n      resizeObserver.observe(element);\n    };\n\n    // Observe existing elements\n    highlightManager.elements.forEach(observeElementForResize);\n    resizeObserver.observe(document.documentElement);\n\n    // Create highlight observer to watch for new elements with source attributes\n    const highlightObserver = new MutationObserver((mutations) => {\n      mutations.forEach((mutation) => {\n        if (mutation.type === 'attributes' && mutation.attributeName === SOURCE_ATTRIBUTE) {\n          const target = mutation.target as HTMLElement;\n          if (target.hasAttribute(SOURCE_ATTRIBUTE)) {\n            highlightManager.createHighlightForElement(target);\n            observeElementForResize(target);\n          } else {\n            highlightManager.removeHighlightForElement(target);\n          }\n        }\n\n        if (mutation.type === 'childList') {\n          mutation.addedNodes.forEach((node) => {\n            if (node.nodeType === Node.ELEMENT_NODE) {\n              const element = node as Element;\n              // Check if the added element has source attribute\n              if (element.hasAttribute(SOURCE_ATTRIBUTE) && element instanceof HTMLElement) {\n                highlightManager.createHighlightForElement(element);\n                observeElementForResize(element);\n              }\n              // Check all child elements for source attributes\n              const elementsWithSource = element.querySelectorAll(`[${SOURCE_ATTRIBUTE}]`);\n              Array.from(elementsWithSource).forEach((childElement) => {\n                if (childElement instanceof HTMLElement) {\n                  highlightManager.createHighlightForElement(childElement);\n                  observeElementForResize(childElement);\n                }\n              });\n            }\n          });\n\n          mutation.removedNodes.forEach((node) => {\n            if (node.nodeType === Node.ELEMENT_NODE) {\n              const element = node as Element;\n              highlightManager.removeHighlightForElement(element);\n            }\n          });\n        }\n      });\n    });\n\n    highlightObserver.observe(document, {\n      childList: true,\n      subtree: true,\n      attributes: true,\n      attributeFilter: [SOURCE_ATTRIBUTE],\n    });\n\n    return {\n      resizeObserver,\n      highlightObserver,\n      stegaObserver,\n    };\n  };\n\n  const setupEventHandlers = (highlightManager: HighlightManager) => {\n    const handleMessage = (event: MessageEvent) => {\n      if (!event.data?.type) return;\n\n      // The user typed in an input, reflect the change in the preview\n      if (event.data.type === INTERNAL_EVENTS.STRAPI_FIELD_CHANGE) {\n        const { field, value } = event.data.payload;\n        if (!field) return;\n\n        getElementsByPath(field).forEach((element) => {\n          if (element instanceof HTMLElement) {\n            element.textContent = value || '';\n          }\n        });\n\n        // Update highlight dimensions since the new text content may affect them\n        highlightManager.updateAllHighlights();\n        return;\n      }\n\n      // The user focused a new input, update the highlights in the preview\n      if (event.data.type === INTERNAL_EVENTS.STRAPI_FIELD_FOCUS) {\n        const { field } = event.data.payload;\n        if (!field) return;\n\n        // Clear existing focused highlights\n        highlightManager.focusedHighlights.forEach((highlight: HTMLElement) => {\n          highlight.style.outlineColor = 'transparent';\n        });\n        highlightManager.focusedHighlights.length = 0;\n\n        // Set new focused field and highlight matching elements\n        highlightManager.setFocusedField(field);\n        getElementsByPath(field).forEach((element, index) => {\n          if (index === 0) {\n            element.scrollIntoView({ behavior: 'smooth', block: 'center' });\n          }\n          const highlight =\n            highlightManager.highlights[Array.from(highlightManager.elements).indexOf(element)];\n          if (highlight) {\n            highlight.style.outlineColor = HIGHLIGHT_ACTIVE_COLOR;\n            highlight.style.outlineWidth = '3px';\n            highlightManager.focusedHighlights.push(highlight);\n          }\n        });\n        return;\n      }\n\n      // The user is no longer focusing an input, remove the highlights\n      if (event.data.type === INTERNAL_EVENTS.STRAPI_FIELD_BLUR) {\n        const { field } = event.data.payload;\n        if (field !== highlightManager.getFocusedField()) return;\n\n        highlightManager.focusedHighlights.forEach((highlight: HTMLElement) => {\n          highlight.style.outlineColor = 'transparent';\n          highlight.style.outlineWidth = '2px';\n        });\n        highlightManager.focusedHighlights.length = 0;\n        highlightManager.setFocusedField(null);\n      }\n    };\n\n    window.addEventListener('message', handleMessage);\n\n    // Add the message handler to the cleanup list\n    const messageEventListener = {\n      element: window,\n      type: 'message' as keyof HTMLElementEventMap,\n      handler: handleMessage as EventListener,\n    };\n\n    return [...highlightManager.eventListeners, messageEventListener];\n  };\n\n  const createCleanupSystem = (\n    overlay: HTMLElement,\n    observers: ReturnType<typeof setupObservers>,\n    scrollManager: ReturnType<typeof setupScrollManagement>,\n    eventHandlers: EventListenersList\n  ) => {\n    window.__strapi_previewCleanup = () => {\n      observers.resizeObserver.disconnect();\n      observers.highlightObserver.disconnect();\n      observers.stegaObserver?.disconnect();\n\n      // Clean up scroll listeners\n      scrollManager.cleanup();\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  setupStegaDOMObserver().then((stegaObserver) => {\n    const overlay = createOverlaySystem();\n    const highlightManager = createHighlightManager(overlay);\n    const observers = setupObservers(highlightManager, stegaObserver);\n    const scrollManager = setupScrollManagement(highlightManager);\n    const eventHandlers = setupEventHandlers(highlightManager);\n    createCleanupSystem(overlay, observers, scrollManager, eventHandlers);\n  });\n};\n\nexport { previewScript };\n"],"names":["previewScript","shouldRun","HIGHLIGHT_PADDING","HIGHLIGHT_HOVER_COLOR","window","STRAPI_HIGHLIGHT_HOVER_COLOR","HIGHLIGHT_ACTIVE_COLOR","STRAPI_HIGHLIGHT_ACTIVE_COLOR","DISABLE_STEGA_DECODING","STRAPI_DISABLE_STEGA_DECODING","SOURCE_ATTRIBUTE","OVERLAY_ID","INTERNAL_EVENTS","STRAPI_FIELD_FOCUS","STRAPI_FIELD_BLUR","STRAPI_FIELD_CHANGE","STRAPI_FIELD_FOCUS_INTENT","sendMessage","type","payload","parent","postMessage","getElementsByPath","path","document","querySelectorAll","setupStegaDOMObserver","vercelStegaDecode","stegaDecode","vercelStegaClean","stegaClean","applyStegaToElement","element","directTextNodes","Array","from","childNodes","filter","node","nodeType","Node","TEXT_NODE","directTextContent","map","textContent","join","result","setAttribute","strapiSource","forEach","cleanedText","error","allElements","observer","MutationObserver","mutations","mutation","addedNodes","ELEMENT_NODE","childElements","target","parentElement","observe","childList","subtree","characterData","createOverlaySystem","__strapi_previewCleanup","getElementById","remove","overlay","createElement","id","style","cssText","body","appendChild","createHighlightManager","elementsToHighlight","Map","eventListeners","focusedHighlights","focusedField","drawHighlight","highlight","rect","getBoundingClientRect","width","height","transform","left","top","updateAllHighlights","createHighlightForElement","has","mouseEnterHandler","includes","outlineColor","mouseLeaveHandler","doubleClickHandler","sourceAttribute","getAttribute","position","right","bottom","mouseDownHandler","event","detail","preventDefault","addEventListener","push","handler","set","removeHighlightForElement","get","delete","listenersToRemove","listener","removeEventListener","splice","length","initialElements","HTMLElement","elements","keys","highlights","values","setFocusedField","field","getFocusedField","setupScrollManagement","highlightManager","updateOnScroll","scrollableElements","Set","add","computedStyle","getComputedStyle","overflow","overflowX","overflowY","cleanup","setupObservers","stegaObserver","resizeObserver","ResizeObserver","observeElementForResize","documentElement","highlightObserver","attributeName","hasAttribute","elementsWithSource","childElement","removedNodes","attributes","attributeFilter","setupEventHandlers","handleMessage","data","value","index","scrollIntoView","behavior","block","indexOf","outlineWidth","messageEventListener","createCleanupSystem","observers","scrollManager","eventHandlers","disconnect","then"],"mappings":"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"}

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

@@ -36,6 +36,9 @@
             payload
         }, '*');
     };
+    const getElementsByPath = (path)=>{
+        return document.querySelectorAll(`[${SOURCE_ATTRIBUTE}*="path=${path}"]`);
+    };
     /* -----------------------------------------------------------------------------------------------
    * Functionality pieces
    * ---------------------------------------------------------------------------------------------*/ const setupStegaDOMObserver = async ()=>{
@@ -50,9 +53,10 @@
             const directTextContent = directTextNodes.map((node)=>node.textContent || '').join('');
             if (directTextContent) {
                 try {
+                    // TODO: check if we can call split instead of decode+clean
                     const result = stegaDecode(directTextContent);
-                    if (result) {
-                        element.setAttribute(SOURCE_ATTRIBUTE, result.key);
+                    if (result && 'strapiSource' in result) {
+                        element.setAttribute(SOURCE_ATTRIBUTE, result.strapiSource);
                         // Remove encoded part from DOM text content (to avoid breaking links for example)
                         directTextNodes.forEach((node)=>{
                             if (node.textContent) {
@@ -362,8 +366,7 @@
             if (event.data.type === INTERNAL_EVENTS.STRAPI_FIELD_CHANGE) {
                 const { field, value } = event.data.payload;
                 if (!field) return;
-                const matchingElements = document.querySelectorAll(`[${SOURCE_ATTRIBUTE}="${field}"]`);
-                matchingElements.forEach((element)=>{
+                getElementsByPath(field).forEach((element)=>{
                     if (element instanceof HTMLElement) {
                         element.textContent = value || '';
                     }
@@ -383,8 +386,13 @@
                 highlightManager.focusedHighlights.length = 0;
                 // Set new focused field and highlight matching elements
                 highlightManager.setFocusedField(field);
-                const matchingElements = document.querySelectorAll(`[${SOURCE_ATTRIBUTE}="${field}"]`);
-                matchingElements.forEach((element)=>{
+                getElementsByPath(field).forEach((element, index)=>{
+                    if (index === 0) {
+                        element.scrollIntoView({
+                            behavior: 'smooth',
+                            block: 'center'
+                        });
+                    }
                     const highlight = highlightManager.highlights[Array.from(highlightManager.elements).indexOf(element)];
                     if (highlight) {
                         highlight.style.outlineColor = HIGHLIGHT_ACTIVE_COLOR;