@strapi/content-manager 5.33.1 → 5.33.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/admin/preview/pages/Preview.js +11 -2
- package/dist/admin/preview/pages/Preview.js.map +1 -1
- package/dist/admin/preview/pages/Preview.mjs +12 -3
- package/dist/admin/preview/pages/Preview.mjs.map +1 -1
- package/dist/admin/preview/utils/constants.js +9 -1
- package/dist/admin/preview/utils/constants.js.map +1 -1
- package/dist/admin/preview/utils/constants.mjs +9 -2
- package/dist/admin/preview/utils/constants.mjs.map +1 -1
- package/dist/admin/preview/utils/previewScript.js +4 -8
- package/dist/admin/preview/utils/previewScript.js.map +1 -1
- package/dist/admin/preview/utils/previewScript.mjs +4 -8
- package/dist/admin/preview/utils/previewScript.mjs.map +1 -1
- package/dist/admin/src/preview/utils/constants.d.ts +4 -0
- package/dist/admin/src/preview/utils/previewScript.d.ts +9 -1
- package/package.json +5 -5
|
@@ -76,6 +76,7 @@ const [PreviewProvider, usePreviewContext] = strapiAdmin.createContext('PreviewP
|
|
|
76
76
|
const PreviewPage = ()=>{
|
|
77
77
|
const location = reactRouterDom.useLocation();
|
|
78
78
|
const { formatMessage } = reactIntl.useIntl();
|
|
79
|
+
const theme = styledComponents.useTheme();
|
|
79
80
|
const iframeRef = React__namespace.useRef(null);
|
|
80
81
|
const [isSideEditorOpen, setIsSideEditorOpen] = React__namespace.useState(true);
|
|
81
82
|
const [popoverField, setPopoverField] = React__namespace.useState(null);
|
|
@@ -88,6 +89,10 @@ const PreviewPage = ()=>{
|
|
|
88
89
|
]);
|
|
89
90
|
const [deviceName, setDeviceName] = React__namespace.useState(DEVICES[0].name);
|
|
90
91
|
const device = DEVICES.find((d)=>d.name === deviceName) ?? DEVICES[0];
|
|
92
|
+
const previewHighlightColors = {
|
|
93
|
+
highlightHoverColor: theme.colors.primary500,
|
|
94
|
+
highlightActiveColor: theme.colors.primary600
|
|
95
|
+
};
|
|
91
96
|
// Listen for ready message from iframe before injecting script
|
|
92
97
|
React__namespace.useEffect(()=>{
|
|
93
98
|
const handleMessage = (event)=>{
|
|
@@ -99,7 +104,10 @@ const PreviewPage = ()=>{
|
|
|
99
104
|
}
|
|
100
105
|
}
|
|
101
106
|
if (event.data?.type === constants.PUBLIC_EVENTS.PREVIEW_READY) {
|
|
102
|
-
const script = `(${previewScript.previewScript.toString()})(
|
|
107
|
+
const script = `(${previewScript.previewScript.toString()})(${JSON.stringify({
|
|
108
|
+
shouldRun: true,
|
|
109
|
+
colors: previewHighlightColors
|
|
110
|
+
})})`;
|
|
103
111
|
const sendMessage = getSendMessage.getSendMessage(iframeRef);
|
|
104
112
|
sendMessage(constants.PUBLIC_EVENTS.STRAPI_SCRIPT, {
|
|
105
113
|
script
|
|
@@ -112,7 +120,8 @@ const PreviewPage = ()=>{
|
|
|
112
120
|
};
|
|
113
121
|
}, [
|
|
114
122
|
documentId,
|
|
115
|
-
toggleNotification
|
|
123
|
+
toggleNotification,
|
|
124
|
+
theme
|
|
116
125
|
]);
|
|
117
126
|
if (!collectionType) {
|
|
118
127
|
throw new Error('Could not find collectionType in url params');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Preview.js","sources":["../../../../admin/src/preview/pages/Preview.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n Page,\n useQueryParams,\n useRBAC,\n createContext,\n Form as FormContext,\n type FieldContentSourceMap,\n useNotification,\n} from '@strapi/admin/strapi-admin';\nimport {\n Box,\n Flex,\n FocusTrap,\n IconButton,\n Portal,\n SingleSelect,\n SingleSelectOption,\n} from '@strapi/design-system';\nimport { ArrowLineLeft } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { useLocation, useParams } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { GetPreviewUrl } from '../../../../shared/contracts/preview';\nimport { COLLECTION_TYPES } from '../../constants/collections';\nimport { DocumentRBAC } from '../../features/DocumentRBAC';\nimport { type UseDocument, useDocument } from '../../hooks/useDocument';\nimport { type EditLayout, useDocumentLayout } from '../../hooks/useDocumentLayout';\nimport { Blocker } from '../../pages/EditView/components/Blocker';\nimport { FormLayout } from '../../pages/EditView/components/FormLayout';\nimport { handleInvisibleAttributes } from '../../pages/EditView/utils/data';\nimport { buildValidParams } from '../../utils/api';\nimport { createYupSchema } from '../../utils/validation';\nimport { InputPopover } from '../components/InputPopover';\nimport { PreviewHeader } from '../components/PreviewHeader';\nimport { useGetPreviewUrlQuery } from '../services/preview';\nimport { PUBLIC_EVENTS } from '../utils/constants';\nimport { getSendMessage } from '../utils/getSendMessage';\nimport { previewScript } from '../utils/previewScript';\n\nimport type { Schema, UID } from '@strapi/types';\n\n/* -------------------------------------------------------------------------------------------------\n * Constants\n * -----------------------------------------------------------------------------------------------*/\n\nconst DEVICES = [\n {\n name: 'desktop',\n label: {\n id: 'content-manager.preview.device.desktop',\n defaultMessage: 'Desktop',\n },\n width: '100%',\n height: '100%',\n },\n {\n name: 'mobile',\n label: {\n id: 'content-manager.preview.device.mobile',\n defaultMessage: 'Mobile',\n },\n width: '375px',\n height: '667px',\n },\n];\n\n/* -------------------------------------------------------------------------------------------------\n * PreviewProvider\n * -----------------------------------------------------------------------------------------------*/\n\ninterface PopoverField extends FieldContentSourceMap {\n position: DOMRect;\n attribute: Schema.Attribute.AnyAttribute;\n}\n\ninterface PreviewContextValue {\n url: string;\n title: string;\n document: NonNullable<ReturnType<UseDocument>['document']>;\n meta: NonNullable<ReturnType<UseDocument>['meta']>;\n schema: NonNullable<ReturnType<UseDocument>['schema']>;\n components: NonNullable<ReturnType<UseDocument>['components']>;\n layout: EditLayout;\n onPreview: () => void;\n iframeRef: React.RefObject<HTMLIFrameElement>;\n popoverField: PopoverField | null;\n setPopoverField: (value: PopoverField | null) => void;\n}\n\nconst [PreviewProvider, usePreviewContext] = createContext<PreviewContextValue>('PreviewPage');\n\n/* -------------------------------------------------------------------------------------------------\n * PreviewPage\n * -----------------------------------------------------------------------------------------------*/\n\nconst AnimatedArrow = styled(ArrowLineLeft)<{ $isSideEditorOpen: boolean }>`\n will-change: transform;\n rotate: ${(props) => (props.$isSideEditorOpen ? '0deg' : '180deg')};\n transition: rotate 0.2s ease-in-out;\n`;\n\nconst PreviewPage = () => {\n const location = useLocation();\n const { formatMessage } = useIntl();\n\n const iframeRef = React.useRef<HTMLIFrameElement>(null);\n const [isSideEditorOpen, setIsSideEditorOpen] = React.useState(true);\n const [popoverField, setPopoverField] = React.useState<PopoverField | null>(null);\n const { toggleNotification } = useNotification();\n\n // Read all the necessary data from the URL to find the right preview URL\n const {\n slug: model,\n id: documentId,\n collectionType,\n } = useParams<{\n slug: UID.ContentType;\n id: string;\n collectionType: string;\n }>();\n const [{ query }] = useQueryParams<{\n plugins?: Record<string, unknown>;\n status?: string;\n }>();\n\n const params = React.useMemo(() => buildValidParams(query), [query]);\n\n const [deviceName, setDeviceName] = React.useState<(typeof DEVICES)[number]['name']>(\n DEVICES[0].name\n );\n const device = DEVICES.find((d) => d.name === deviceName) ?? DEVICES[0];\n\n // Listen for ready message from iframe before injecting script\n React.useEffect(() => {\n const handleMessage = (event: MessageEvent) => {\n // Only listen to events from the preview iframe\n if (iframeRef.current) {\n const previewOrigin = new URL(iframeRef.current?.src).origin;\n if (event.origin !== previewOrigin) {\n return;\n }\n }\n\n if (event.data?.type === PUBLIC_EVENTS.PREVIEW_READY) {\n const script = `(${previewScript.toString()})()`;\n const sendMessage = getSendMessage(iframeRef);\n sendMessage(PUBLIC_EVENTS.STRAPI_SCRIPT, { script });\n }\n };\n\n window.addEventListener('message', handleMessage);\n\n return () => {\n window.removeEventListener('message', handleMessage);\n };\n }, [documentId, toggleNotification]);\n\n if (!collectionType) {\n throw new Error('Could not find collectionType in url params');\n }\n\n if (!model) {\n throw new Error('Could not find model in url params');\n }\n\n // Only collection types must have a documentId\n if (collectionType === COLLECTION_TYPES && !documentId) {\n throw new Error('Could not find documentId in url params');\n }\n\n const previewUrlResponse = useGetPreviewUrlQuery({\n params: {\n contentType: model,\n },\n query: {\n documentId,\n locale: params.locale,\n status: params.status as GetPreviewUrl.Request['query']['status'],\n },\n });\n const documentResponse = useDocument({\n model,\n collectionType,\n documentId,\n params,\n });\n const documentLayoutResponse = useDocumentLayout(model);\n\n const isLoading =\n previewUrlResponse.isLoading || documentLayoutResponse.isLoading || documentResponse.isLoading;\n if (isLoading && (!documentResponse.document?.documentId || previewUrlResponse.isLoading)) {\n return <Page.Loading />;\n }\n\n const initialValues = documentResponse.getInitialFormValues();\n\n if (\n previewUrlResponse.error ||\n documentLayoutResponse.error ||\n !documentResponse.document ||\n !documentResponse.meta ||\n !documentResponse.schema ||\n !initialValues\n ) {\n return <Page.Error />;\n }\n\n if (!previewUrlResponse.data?.data?.url) {\n return <Page.NoData />;\n }\n\n const documentTitle = documentResponse.getTitle(documentLayoutResponse.edit.settings.mainField);\n\n const validateSync = (values: Record<string, unknown>, options: Record<string, string>) => {\n const { data: cleanedValues, removedAttributes } = handleInvisibleAttributes(values, {\n schema: documentResponse.schema,\n initialValues,\n components: documentResponse.components,\n });\n\n const yupSchema = createYupSchema(\n documentResponse.schema?.attributes,\n documentResponse.components,\n {\n status: documentResponse.document?.status,\n removedAttributes,\n ...options,\n }\n );\n\n return yupSchema.validateSync(cleanedValues, { abortEarly: false });\n };\n\n const previewUrl = previewUrlResponse.data.data.url;\n\n const onPreview = () => {\n iframeRef?.current?.contentWindow?.postMessage(\n { type: 'strapiUpdate' },\n // The iframe origin is safe to use since it must be provided through the allowedOrigins config\n new URL(iframeRef.current.src).origin\n );\n };\n\n const hasAdvancedPreview = window.strapi.features.isEnabled('cms-advanced-preview');\n\n return (\n <>\n <Page.Title>\n {formatMessage(\n {\n id: 'content-manager.preview.page-title',\n defaultMessage: '{contentType} preview',\n },\n {\n contentType: documentTitle,\n }\n )}\n </Page.Title>\n <PreviewProvider\n url={previewUrl}\n document={documentResponse.document}\n title={documentTitle}\n meta={documentResponse.meta}\n schema={documentResponse.schema}\n components={documentResponse.components}\n layout={documentLayoutResponse.edit}\n onPreview={onPreview}\n iframeRef={iframeRef}\n popoverField={popoverField}\n setPopoverField={setPopoverField}\n >\n <FormContext\n method=\"PUT\"\n disabled={\n query.status === 'published' &&\n documentResponse &&\n documentResponse.document.status !== 'draft'\n }\n initialValues={documentResponse.getInitialFormValues()}\n initialErrors={location?.state?.forceValidation ? validateSync(initialValues, {}) : {}}\n height=\"100%\"\n validate={(values: Record<string, unknown>, options: Record<string, string>) => {\n const { data: cleanedValues, removedAttributes } = handleInvisibleAttributes(values, {\n schema: documentResponse.schema,\n initialValues,\n components: documentResponse.components,\n });\n\n const yupSchema = createYupSchema(\n documentResponse.schema?.attributes,\n documentResponse.components,\n {\n status: documentResponse.document?.status,\n removedAttributes,\n ...options,\n }\n );\n\n return yupSchema.validate(cleanedValues, { abortEarly: false });\n }}\n >\n <Flex direction=\"column\" height=\"100%\" alignItems=\"stretch\">\n <Blocker />\n <PreviewHeader />\n <InputPopover documentResponse={documentResponse} />\n <Flex flex={1} overflow=\"auto\" alignItems=\"stretch\">\n {hasAdvancedPreview && (\n <Box\n overflow=\"auto\"\n width={isSideEditorOpen ? '50%' : 0}\n borderWidth=\"0 1px 0 0\"\n borderColor=\"neutral150\"\n paddingTop={6}\n paddingBottom={6}\n // Remove horizontal padding when the editor is closed or it won't fully disappear\n paddingLeft={isSideEditorOpen ? 6 : 0}\n paddingRight={isSideEditorOpen ? 6 : 0}\n transition=\"all 0.2s ease-in-out\"\n >\n <FormLayout\n layout={documentLayoutResponse.edit.layout}\n document={documentResponse}\n hasBackground={false}\n />\n </Box>\n )}\n <Flex\n direction=\"column\"\n alignItems=\"stretch\"\n flex={1}\n height=\"100%\"\n overflow=\"hidden\"\n >\n <Flex\n direction=\"row\"\n background=\"neutral0\"\n padding={2}\n borderWidth=\"0 0 1px 0\"\n borderColor=\"neutral150\"\n >\n {hasAdvancedPreview && (\n <IconButton\n variant=\"ghost\"\n label={formatMessage(\n isSideEditorOpen\n ? {\n id: 'content-manager.preview.content.close-editor',\n defaultMessage: 'Close editor',\n }\n : {\n id: 'content-manager.preview.content.open-editor',\n defaultMessage: 'Open editor',\n }\n )}\n onClick={() => setIsSideEditorOpen((prev) => !prev)}\n >\n <AnimatedArrow $isSideEditorOpen={isSideEditorOpen} />\n </IconButton>\n )}\n <Flex justifyContent=\"center\" flex={1}>\n <SingleSelect\n value={deviceName}\n onChange={(name) => setDeviceName(name.toString())}\n aria-label={formatMessage({\n id: 'content-manager.preview.device.select',\n defaultMessage: 'Select device type',\n })}\n >\n {DEVICES.map((deviceOption) => (\n <SingleSelectOption key={deviceOption.name} value={deviceOption.name}>\n {formatMessage(deviceOption.label)}\n </SingleSelectOption>\n ))}\n </SingleSelect>\n </Flex>\n </Flex>\n <Flex direction=\"column\" justifyContent=\"center\" background=\"neutral0\" flex={1}>\n <Box\n data-testid=\"preview-iframe\"\n ref={iframeRef}\n src={previewUrl}\n /**\n * For some reason, changing an iframe's src tag causes the browser to add a new item in the\n * history stack. This is an issue for us as it means clicking the back button will not let us\n * go back to the edit view. To fix it, we need to trick the browser into thinking this is a\n * different iframe when the preview URL changes. So we set a key prop to force React\n * to mount a different node when the src changes.\n */\n key={previewUrl}\n title={formatMessage({\n id: 'content-manager.preview.panel.title',\n defaultMessage: 'Preview',\n })}\n width={device.width}\n height={device.height}\n borderWidth={0}\n tag=\"iframe\"\n />\n </Flex>\n </Flex>\n </Flex>\n </Flex>\n </FormContext>\n </PreviewProvider>\n </>\n );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * ProtectedPreviewPage\n * -----------------------------------------------------------------------------------------------*/\n\nconst ProtectedPreviewPageImpl = () => {\n const { slug: model } = useParams<{\n slug: string;\n }>();\n const {\n permissions = [],\n isLoading,\n error,\n } = useRBAC([\n { action: 'plugin::content-manager.explorer.read', subject: model },\n { action: 'plugin::content-manager.explorer.update', subject: model },\n { action: 'plugin::content-manager.explorer.publish', subject: model },\n ]);\n\n if (isLoading) {\n return <Page.Loading />;\n }\n\n if (error || !model) {\n return (\n <Box\n height=\"100dvh\"\n width=\"100dvw\"\n position=\"fixed\"\n top={0}\n left={0}\n zIndex={5}\n background=\"neutral0\"\n >\n <Page.Error />\n </Box>\n );\n }\n\n return (\n <Box\n height=\"100dvh\"\n width=\"100dvw\"\n position=\"fixed\"\n top={0}\n left={0}\n zIndex={5}\n background=\"neutral0\"\n >\n <Page.Protect\n permissions={permissions.filter((permission) =>\n permission.action.includes('explorer.read')\n )}\n >\n <DocumentRBAC permissions={permissions}>\n <PreviewPage />\n </DocumentRBAC>\n </Page.Protect>\n </Box>\n );\n};\n\nconst ProtectedPreviewPage = () => {\n return (\n <Portal>\n <FocusTrap>\n <ProtectedPreviewPageImpl />\n </FocusTrap>\n </Portal>\n );\n};\n\nexport { ProtectedPreviewPage, usePreviewContext };\nexport type { PreviewContextValue };\n"],"names":["DEVICES","name","label","id","defaultMessage","width","height","PreviewProvider","usePreviewContext","createContext","AnimatedArrow","styled","ArrowLineLeft","props","$isSideEditorOpen","PreviewPage","location","useLocation","formatMessage","useIntl","iframeRef","React","useRef","isSideEditorOpen","setIsSideEditorOpen","useState","popoverField","setPopoverField","toggleNotification","useNotification","slug","model","documentId","collectionType","useParams","query","useQueryParams","params","useMemo","buildValidParams","deviceName","setDeviceName","device","find","d","useEffect","handleMessage","event","current","previewOrigin","URL","src","origin","data","type","PUBLIC_EVENTS","PREVIEW_READY","script","previewScript","toString","sendMessage","getSendMessage","STRAPI_SCRIPT","window","addEventListener","removeEventListener","Error","COLLECTION_TYPES","previewUrlResponse","useGetPreviewUrlQuery","contentType","locale","status","documentResponse","useDocument","documentLayoutResponse","useDocumentLayout","isLoading","document","_jsx","Page","Loading","initialValues","getInitialFormValues","error","meta","schema","url","NoData","documentTitle","getTitle","edit","settings","mainField","validateSync","values","options","cleanedValues","removedAttributes","handleInvisibleAttributes","components","yupSchema","createYupSchema","attributes","abortEarly","previewUrl","onPreview","contentWindow","postMessage","hasAdvancedPreview","strapi","features","isEnabled","_jsxs","_Fragment","Title","title","layout","FormContext","method","disabled","initialErrors","state","forceValidation","validate","Flex","direction","alignItems","Blocker","PreviewHeader","InputPopover","flex","overflow","Box","borderWidth","borderColor","paddingTop","paddingBottom","paddingLeft","paddingRight","transition","FormLayout","hasBackground","background","padding","IconButton","variant","onClick","prev","justifyContent","SingleSelect","value","onChange","aria-label","map","deviceOption","SingleSelectOption","data-testid","ref","tag","ProtectedPreviewPageImpl","permissions","useRBAC","action","subject","position","top","left","zIndex","Protect","filter","permission","includes","DocumentRBAC","ProtectedPreviewPage","Portal","FocusTrap"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Preview.js","sources":["../../../../admin/src/preview/pages/Preview.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n Page,\n useQueryParams,\n useRBAC,\n createContext,\n Form as FormContext,\n type FieldContentSourceMap,\n useNotification,\n} from '@strapi/admin/strapi-admin';\nimport {\n Box,\n Flex,\n FocusTrap,\n IconButton,\n Portal,\n SingleSelect,\n SingleSelectOption,\n} from '@strapi/design-system';\nimport { ArrowLineLeft } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { useLocation, useParams } from 'react-router-dom';\nimport { styled, useTheme } from 'styled-components';\n\nimport { GetPreviewUrl } from '../../../../shared/contracts/preview';\nimport { COLLECTION_TYPES } from '../../constants/collections';\nimport { DocumentRBAC } from '../../features/DocumentRBAC';\nimport { type UseDocument, useDocument } from '../../hooks/useDocument';\nimport { type EditLayout, useDocumentLayout } from '../../hooks/useDocumentLayout';\nimport { Blocker } from '../../pages/EditView/components/Blocker';\nimport { FormLayout } from '../../pages/EditView/components/FormLayout';\nimport { handleInvisibleAttributes } from '../../pages/EditView/utils/data';\nimport { buildValidParams } from '../../utils/api';\nimport { createYupSchema } from '../../utils/validation';\nimport { InputPopover } from '../components/InputPopover';\nimport { PreviewHeader } from '../components/PreviewHeader';\nimport { useGetPreviewUrlQuery } from '../services/preview';\nimport { PUBLIC_EVENTS } from '../utils/constants';\nimport { getSendMessage } from '../utils/getSendMessage';\nimport { previewScript } from '../utils/previewScript';\n\nimport type { Schema, UID } from '@strapi/types';\n\n/* -------------------------------------------------------------------------------------------------\n * Constants\n * -----------------------------------------------------------------------------------------------*/\n\nconst DEVICES = [\n {\n name: 'desktop',\n label: {\n id: 'content-manager.preview.device.desktop',\n defaultMessage: 'Desktop',\n },\n width: '100%',\n height: '100%',\n },\n {\n name: 'mobile',\n label: {\n id: 'content-manager.preview.device.mobile',\n defaultMessage: 'Mobile',\n },\n width: '375px',\n height: '667px',\n },\n];\n\n/* -------------------------------------------------------------------------------------------------\n * PreviewProvider\n * -----------------------------------------------------------------------------------------------*/\n\ninterface PopoverField extends FieldContentSourceMap {\n position: DOMRect;\n attribute: Schema.Attribute.AnyAttribute;\n}\n\ninterface PreviewContextValue {\n url: string;\n title: string;\n document: NonNullable<ReturnType<UseDocument>['document']>;\n meta: NonNullable<ReturnType<UseDocument>['meta']>;\n schema: NonNullable<ReturnType<UseDocument>['schema']>;\n components: NonNullable<ReturnType<UseDocument>['components']>;\n layout: EditLayout;\n onPreview: () => void;\n iframeRef: React.RefObject<HTMLIFrameElement>;\n popoverField: PopoverField | null;\n setPopoverField: (value: PopoverField | null) => void;\n}\n\nconst [PreviewProvider, usePreviewContext] = createContext<PreviewContextValue>('PreviewPage');\n\n/* -------------------------------------------------------------------------------------------------\n * PreviewPage\n * -----------------------------------------------------------------------------------------------*/\n\nconst AnimatedArrow = styled(ArrowLineLeft)<{ $isSideEditorOpen: boolean }>`\n will-change: transform;\n rotate: ${(props) => (props.$isSideEditorOpen ? '0deg' : '180deg')};\n transition: rotate 0.2s ease-in-out;\n`;\n\nconst PreviewPage = () => {\n const location = useLocation();\n const { formatMessage } = useIntl();\n const theme = useTheme();\n\n const iframeRef = React.useRef<HTMLIFrameElement>(null);\n const [isSideEditorOpen, setIsSideEditorOpen] = React.useState(true);\n const [popoverField, setPopoverField] = React.useState<PopoverField | null>(null);\n const { toggleNotification } = useNotification();\n\n // Read all the necessary data from the URL to find the right preview URL\n const {\n slug: model,\n id: documentId,\n collectionType,\n } = useParams<{\n slug: UID.ContentType;\n id: string;\n collectionType: string;\n }>();\n const [{ query }] = useQueryParams<{\n plugins?: Record<string, unknown>;\n status?: string;\n }>();\n\n const params = React.useMemo(() => buildValidParams(query), [query]);\n\n const [deviceName, setDeviceName] = React.useState<(typeof DEVICES)[number]['name']>(\n DEVICES[0].name\n );\n const device = DEVICES.find((d) => d.name === deviceName) ?? DEVICES[0];\n\n const previewHighlightColors = {\n highlightHoverColor: theme.colors.primary500,\n highlightActiveColor: theme.colors.primary600,\n };\n\n // Listen for ready message from iframe before injecting script\n React.useEffect(() => {\n const handleMessage = (event: MessageEvent) => {\n // Only listen to events from the preview iframe\n if (iframeRef.current) {\n const previewOrigin = new URL(iframeRef.current?.src).origin;\n if (event.origin !== previewOrigin) {\n return;\n }\n }\n\n if (event.data?.type === PUBLIC_EVENTS.PREVIEW_READY) {\n const script = `(${previewScript.toString()})(${JSON.stringify({\n shouldRun: true,\n colors: previewHighlightColors,\n })})`;\n const sendMessage = getSendMessage(iframeRef);\n sendMessage(PUBLIC_EVENTS.STRAPI_SCRIPT, { script });\n }\n };\n\n window.addEventListener('message', handleMessage);\n\n return () => {\n window.removeEventListener('message', handleMessage);\n };\n }, [documentId, toggleNotification, theme]);\n\n if (!collectionType) {\n throw new Error('Could not find collectionType in url params');\n }\n\n if (!model) {\n throw new Error('Could not find model in url params');\n }\n\n // Only collection types must have a documentId\n if (collectionType === COLLECTION_TYPES && !documentId) {\n throw new Error('Could not find documentId in url params');\n }\n\n const previewUrlResponse = useGetPreviewUrlQuery({\n params: {\n contentType: model,\n },\n query: {\n documentId,\n locale: params.locale,\n status: params.status as GetPreviewUrl.Request['query']['status'],\n },\n });\n const documentResponse = useDocument({\n model,\n collectionType,\n documentId,\n params,\n });\n const documentLayoutResponse = useDocumentLayout(model);\n\n const isLoading =\n previewUrlResponse.isLoading || documentLayoutResponse.isLoading || documentResponse.isLoading;\n if (isLoading && (!documentResponse.document?.documentId || previewUrlResponse.isLoading)) {\n return <Page.Loading />;\n }\n\n const initialValues = documentResponse.getInitialFormValues();\n\n if (\n previewUrlResponse.error ||\n documentLayoutResponse.error ||\n !documentResponse.document ||\n !documentResponse.meta ||\n !documentResponse.schema ||\n !initialValues\n ) {\n return <Page.Error />;\n }\n\n if (!previewUrlResponse.data?.data?.url) {\n return <Page.NoData />;\n }\n\n const documentTitle = documentResponse.getTitle(documentLayoutResponse.edit.settings.mainField);\n\n const validateSync = (values: Record<string, unknown>, options: Record<string, string>) => {\n const { data: cleanedValues, removedAttributes } = handleInvisibleAttributes(values, {\n schema: documentResponse.schema,\n initialValues,\n components: documentResponse.components,\n });\n\n const yupSchema = createYupSchema(\n documentResponse.schema?.attributes,\n documentResponse.components,\n {\n status: documentResponse.document?.status,\n removedAttributes,\n ...options,\n }\n );\n\n return yupSchema.validateSync(cleanedValues, { abortEarly: false });\n };\n\n const previewUrl = previewUrlResponse.data.data.url;\n\n const onPreview = () => {\n iframeRef?.current?.contentWindow?.postMessage(\n { type: 'strapiUpdate' },\n // The iframe origin is safe to use since it must be provided through the allowedOrigins config\n new URL(iframeRef.current.src).origin\n );\n };\n\n const hasAdvancedPreview = window.strapi.features.isEnabled('cms-advanced-preview');\n\n return (\n <>\n <Page.Title>\n {formatMessage(\n {\n id: 'content-manager.preview.page-title',\n defaultMessage: '{contentType} preview',\n },\n {\n contentType: documentTitle,\n }\n )}\n </Page.Title>\n <PreviewProvider\n url={previewUrl}\n document={documentResponse.document}\n title={documentTitle}\n meta={documentResponse.meta}\n schema={documentResponse.schema}\n components={documentResponse.components}\n layout={documentLayoutResponse.edit}\n onPreview={onPreview}\n iframeRef={iframeRef}\n popoverField={popoverField}\n setPopoverField={setPopoverField}\n >\n <FormContext\n method=\"PUT\"\n disabled={\n query.status === 'published' &&\n documentResponse &&\n documentResponse.document.status !== 'draft'\n }\n initialValues={documentResponse.getInitialFormValues()}\n initialErrors={location?.state?.forceValidation ? validateSync(initialValues, {}) : {}}\n height=\"100%\"\n validate={(values: Record<string, unknown>, options: Record<string, string>) => {\n const { data: cleanedValues, removedAttributes } = handleInvisibleAttributes(values, {\n schema: documentResponse.schema,\n initialValues,\n components: documentResponse.components,\n });\n\n const yupSchema = createYupSchema(\n documentResponse.schema?.attributes,\n documentResponse.components,\n {\n status: documentResponse.document?.status,\n removedAttributes,\n ...options,\n }\n );\n\n return yupSchema.validate(cleanedValues, { abortEarly: false });\n }}\n >\n <Flex direction=\"column\" height=\"100%\" alignItems=\"stretch\">\n <Blocker />\n <PreviewHeader />\n <InputPopover documentResponse={documentResponse} />\n <Flex flex={1} overflow=\"auto\" alignItems=\"stretch\">\n {hasAdvancedPreview && (\n <Box\n overflow=\"auto\"\n width={isSideEditorOpen ? '50%' : 0}\n borderWidth=\"0 1px 0 0\"\n borderColor=\"neutral150\"\n paddingTop={6}\n paddingBottom={6}\n // Remove horizontal padding when the editor is closed or it won't fully disappear\n paddingLeft={isSideEditorOpen ? 6 : 0}\n paddingRight={isSideEditorOpen ? 6 : 0}\n transition=\"all 0.2s ease-in-out\"\n >\n <FormLayout\n layout={documentLayoutResponse.edit.layout}\n document={documentResponse}\n hasBackground={false}\n />\n </Box>\n )}\n <Flex\n direction=\"column\"\n alignItems=\"stretch\"\n flex={1}\n height=\"100%\"\n overflow=\"hidden\"\n >\n <Flex\n direction=\"row\"\n background=\"neutral0\"\n padding={2}\n borderWidth=\"0 0 1px 0\"\n borderColor=\"neutral150\"\n >\n {hasAdvancedPreview && (\n <IconButton\n variant=\"ghost\"\n label={formatMessage(\n isSideEditorOpen\n ? {\n id: 'content-manager.preview.content.close-editor',\n defaultMessage: 'Close editor',\n }\n : {\n id: 'content-manager.preview.content.open-editor',\n defaultMessage: 'Open editor',\n }\n )}\n onClick={() => setIsSideEditorOpen((prev) => !prev)}\n >\n <AnimatedArrow $isSideEditorOpen={isSideEditorOpen} />\n </IconButton>\n )}\n <Flex justifyContent=\"center\" flex={1}>\n <SingleSelect\n value={deviceName}\n onChange={(name) => setDeviceName(name.toString())}\n aria-label={formatMessage({\n id: 'content-manager.preview.device.select',\n defaultMessage: 'Select device type',\n })}\n >\n {DEVICES.map((deviceOption) => (\n <SingleSelectOption key={deviceOption.name} value={deviceOption.name}>\n {formatMessage(deviceOption.label)}\n </SingleSelectOption>\n ))}\n </SingleSelect>\n </Flex>\n </Flex>\n <Flex direction=\"column\" justifyContent=\"center\" background=\"neutral0\" flex={1}>\n <Box\n data-testid=\"preview-iframe\"\n ref={iframeRef}\n src={previewUrl}\n /**\n * For some reason, changing an iframe's src tag causes the browser to add a new item in the\n * history stack. This is an issue for us as it means clicking the back button will not let us\n * go back to the edit view. To fix it, we need to trick the browser into thinking this is a\n * different iframe when the preview URL changes. So we set a key prop to force React\n * to mount a different node when the src changes.\n */\n key={previewUrl}\n title={formatMessage({\n id: 'content-manager.preview.panel.title',\n defaultMessage: 'Preview',\n })}\n width={device.width}\n height={device.height}\n borderWidth={0}\n tag=\"iframe\"\n />\n </Flex>\n </Flex>\n </Flex>\n </Flex>\n </FormContext>\n </PreviewProvider>\n </>\n );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * ProtectedPreviewPage\n * -----------------------------------------------------------------------------------------------*/\n\nconst ProtectedPreviewPageImpl = () => {\n const { slug: model } = useParams<{\n slug: string;\n }>();\n const {\n permissions = [],\n isLoading,\n error,\n } = useRBAC([\n { action: 'plugin::content-manager.explorer.read', subject: model },\n { action: 'plugin::content-manager.explorer.update', subject: model },\n { action: 'plugin::content-manager.explorer.publish', subject: model },\n ]);\n\n if (isLoading) {\n return <Page.Loading />;\n }\n\n if (error || !model) {\n return (\n <Box\n height=\"100dvh\"\n width=\"100dvw\"\n position=\"fixed\"\n top={0}\n left={0}\n zIndex={5}\n background=\"neutral0\"\n >\n <Page.Error />\n </Box>\n );\n }\n\n return (\n <Box\n height=\"100dvh\"\n width=\"100dvw\"\n position=\"fixed\"\n top={0}\n left={0}\n zIndex={5}\n background=\"neutral0\"\n >\n <Page.Protect\n permissions={permissions.filter((permission) =>\n permission.action.includes('explorer.read')\n )}\n >\n <DocumentRBAC permissions={permissions}>\n <PreviewPage />\n </DocumentRBAC>\n </Page.Protect>\n </Box>\n );\n};\n\nconst ProtectedPreviewPage = () => {\n return (\n <Portal>\n <FocusTrap>\n <ProtectedPreviewPageImpl />\n </FocusTrap>\n </Portal>\n );\n};\n\nexport { ProtectedPreviewPage, usePreviewContext };\nexport type { PreviewContextValue };\n"],"names":["DEVICES","name","label","id","defaultMessage","width","height","PreviewProvider","usePreviewContext","createContext","AnimatedArrow","styled","ArrowLineLeft","props","$isSideEditorOpen","PreviewPage","location","useLocation","formatMessage","useIntl","theme","useTheme","iframeRef","React","useRef","isSideEditorOpen","setIsSideEditorOpen","useState","popoverField","setPopoverField","toggleNotification","useNotification","slug","model","documentId","collectionType","useParams","query","useQueryParams","params","useMemo","buildValidParams","deviceName","setDeviceName","device","find","d","previewHighlightColors","highlightHoverColor","colors","primary500","highlightActiveColor","primary600","useEffect","handleMessage","event","current","previewOrigin","URL","src","origin","data","type","PUBLIC_EVENTS","PREVIEW_READY","script","previewScript","toString","JSON","stringify","shouldRun","sendMessage","getSendMessage","STRAPI_SCRIPT","window","addEventListener","removeEventListener","Error","COLLECTION_TYPES","previewUrlResponse","useGetPreviewUrlQuery","contentType","locale","status","documentResponse","useDocument","documentLayoutResponse","useDocumentLayout","isLoading","document","_jsx","Page","Loading","initialValues","getInitialFormValues","error","meta","schema","url","NoData","documentTitle","getTitle","edit","settings","mainField","validateSync","values","options","cleanedValues","removedAttributes","handleInvisibleAttributes","components","yupSchema","createYupSchema","attributes","abortEarly","previewUrl","onPreview","contentWindow","postMessage","hasAdvancedPreview","strapi","features","isEnabled","_jsxs","_Fragment","Title","title","layout","FormContext","method","disabled","initialErrors","state","forceValidation","validate","Flex","direction","alignItems","Blocker","PreviewHeader","InputPopover","flex","overflow","Box","borderWidth","borderColor","paddingTop","paddingBottom","paddingLeft","paddingRight","transition","FormLayout","hasBackground","background","padding","IconButton","variant","onClick","prev","justifyContent","SingleSelect","value","onChange","aria-label","map","deviceOption","SingleSelectOption","data-testid","ref","tag","ProtectedPreviewPageImpl","permissions","useRBAC","action","subject","position","top","left","zIndex","Protect","filter","permission","includes","DocumentRBAC","ProtectedPreviewPage","Portal","FocusTrap"],"mappings":"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"}
|
|
@@ -5,7 +5,7 @@ import { Portal, FocusTrap, Box, Flex, IconButton, SingleSelect, SingleSelectOpt
|
|
|
5
5
|
import { ArrowLineLeft } from '@strapi/icons';
|
|
6
6
|
import { useIntl } from 'react-intl';
|
|
7
7
|
import { useParams, useLocation } from 'react-router-dom';
|
|
8
|
-
import { styled } from 'styled-components';
|
|
8
|
+
import { styled, useTheme } from 'styled-components';
|
|
9
9
|
import { COLLECTION_TYPES } from '../../constants/collections.mjs';
|
|
10
10
|
import { DocumentRBAC } from '../../features/DocumentRBAC.mjs';
|
|
11
11
|
import { useDocument } from '../../hooks/useDocument.mjs';
|
|
@@ -55,6 +55,7 @@ const [PreviewProvider, usePreviewContext] = createContext('PreviewPage');
|
|
|
55
55
|
const PreviewPage = ()=>{
|
|
56
56
|
const location = useLocation();
|
|
57
57
|
const { formatMessage } = useIntl();
|
|
58
|
+
const theme = useTheme();
|
|
58
59
|
const iframeRef = React.useRef(null);
|
|
59
60
|
const [isSideEditorOpen, setIsSideEditorOpen] = React.useState(true);
|
|
60
61
|
const [popoverField, setPopoverField] = React.useState(null);
|
|
@@ -67,6 +68,10 @@ const PreviewPage = ()=>{
|
|
|
67
68
|
]);
|
|
68
69
|
const [deviceName, setDeviceName] = React.useState(DEVICES[0].name);
|
|
69
70
|
const device = DEVICES.find((d)=>d.name === deviceName) ?? DEVICES[0];
|
|
71
|
+
const previewHighlightColors = {
|
|
72
|
+
highlightHoverColor: theme.colors.primary500,
|
|
73
|
+
highlightActiveColor: theme.colors.primary600
|
|
74
|
+
};
|
|
70
75
|
// Listen for ready message from iframe before injecting script
|
|
71
76
|
React.useEffect(()=>{
|
|
72
77
|
const handleMessage = (event)=>{
|
|
@@ -78,7 +83,10 @@ const PreviewPage = ()=>{
|
|
|
78
83
|
}
|
|
79
84
|
}
|
|
80
85
|
if (event.data?.type === PUBLIC_EVENTS.PREVIEW_READY) {
|
|
81
|
-
const script = `(${previewScript.toString()})(
|
|
86
|
+
const script = `(${previewScript.toString()})(${JSON.stringify({
|
|
87
|
+
shouldRun: true,
|
|
88
|
+
colors: previewHighlightColors
|
|
89
|
+
})})`;
|
|
82
90
|
const sendMessage = getSendMessage(iframeRef);
|
|
83
91
|
sendMessage(PUBLIC_EVENTS.STRAPI_SCRIPT, {
|
|
84
92
|
script
|
|
@@ -91,7 +99,8 @@ const PreviewPage = ()=>{
|
|
|
91
99
|
};
|
|
92
100
|
}, [
|
|
93
101
|
documentId,
|
|
94
|
-
toggleNotification
|
|
102
|
+
toggleNotification,
|
|
103
|
+
theme
|
|
95
104
|
]);
|
|
96
105
|
if (!collectionType) {
|
|
97
106
|
throw new Error('Could not find collectionType in url params');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Preview.mjs","sources":["../../../../admin/src/preview/pages/Preview.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n Page,\n useQueryParams,\n useRBAC,\n createContext,\n Form as FormContext,\n type FieldContentSourceMap,\n useNotification,\n} from '@strapi/admin/strapi-admin';\nimport {\n Box,\n Flex,\n FocusTrap,\n IconButton,\n Portal,\n SingleSelect,\n SingleSelectOption,\n} from '@strapi/design-system';\nimport { ArrowLineLeft } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { useLocation, useParams } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { GetPreviewUrl } from '../../../../shared/contracts/preview';\nimport { COLLECTION_TYPES } from '../../constants/collections';\nimport { DocumentRBAC } from '../../features/DocumentRBAC';\nimport { type UseDocument, useDocument } from '../../hooks/useDocument';\nimport { type EditLayout, useDocumentLayout } from '../../hooks/useDocumentLayout';\nimport { Blocker } from '../../pages/EditView/components/Blocker';\nimport { FormLayout } from '../../pages/EditView/components/FormLayout';\nimport { handleInvisibleAttributes } from '../../pages/EditView/utils/data';\nimport { buildValidParams } from '../../utils/api';\nimport { createYupSchema } from '../../utils/validation';\nimport { InputPopover } from '../components/InputPopover';\nimport { PreviewHeader } from '../components/PreviewHeader';\nimport { useGetPreviewUrlQuery } from '../services/preview';\nimport { PUBLIC_EVENTS } from '../utils/constants';\nimport { getSendMessage } from '../utils/getSendMessage';\nimport { previewScript } from '../utils/previewScript';\n\nimport type { Schema, UID } from '@strapi/types';\n\n/* -------------------------------------------------------------------------------------------------\n * Constants\n * -----------------------------------------------------------------------------------------------*/\n\nconst DEVICES = [\n {\n name: 'desktop',\n label: {\n id: 'content-manager.preview.device.desktop',\n defaultMessage: 'Desktop',\n },\n width: '100%',\n height: '100%',\n },\n {\n name: 'mobile',\n label: {\n id: 'content-manager.preview.device.mobile',\n defaultMessage: 'Mobile',\n },\n width: '375px',\n height: '667px',\n },\n];\n\n/* -------------------------------------------------------------------------------------------------\n * PreviewProvider\n * -----------------------------------------------------------------------------------------------*/\n\ninterface PopoverField extends FieldContentSourceMap {\n position: DOMRect;\n attribute: Schema.Attribute.AnyAttribute;\n}\n\ninterface PreviewContextValue {\n url: string;\n title: string;\n document: NonNullable<ReturnType<UseDocument>['document']>;\n meta: NonNullable<ReturnType<UseDocument>['meta']>;\n schema: NonNullable<ReturnType<UseDocument>['schema']>;\n components: NonNullable<ReturnType<UseDocument>['components']>;\n layout: EditLayout;\n onPreview: () => void;\n iframeRef: React.RefObject<HTMLIFrameElement>;\n popoverField: PopoverField | null;\n setPopoverField: (value: PopoverField | null) => void;\n}\n\nconst [PreviewProvider, usePreviewContext] = createContext<PreviewContextValue>('PreviewPage');\n\n/* -------------------------------------------------------------------------------------------------\n * PreviewPage\n * -----------------------------------------------------------------------------------------------*/\n\nconst AnimatedArrow = styled(ArrowLineLeft)<{ $isSideEditorOpen: boolean }>`\n will-change: transform;\n rotate: ${(props) => (props.$isSideEditorOpen ? '0deg' : '180deg')};\n transition: rotate 0.2s ease-in-out;\n`;\n\nconst PreviewPage = () => {\n const location = useLocation();\n const { formatMessage } = useIntl();\n\n const iframeRef = React.useRef<HTMLIFrameElement>(null);\n const [isSideEditorOpen, setIsSideEditorOpen] = React.useState(true);\n const [popoverField, setPopoverField] = React.useState<PopoverField | null>(null);\n const { toggleNotification } = useNotification();\n\n // Read all the necessary data from the URL to find the right preview URL\n const {\n slug: model,\n id: documentId,\n collectionType,\n } = useParams<{\n slug: UID.ContentType;\n id: string;\n collectionType: string;\n }>();\n const [{ query }] = useQueryParams<{\n plugins?: Record<string, unknown>;\n status?: string;\n }>();\n\n const params = React.useMemo(() => buildValidParams(query), [query]);\n\n const [deviceName, setDeviceName] = React.useState<(typeof DEVICES)[number]['name']>(\n DEVICES[0].name\n );\n const device = DEVICES.find((d) => d.name === deviceName) ?? DEVICES[0];\n\n // Listen for ready message from iframe before injecting script\n React.useEffect(() => {\n const handleMessage = (event: MessageEvent) => {\n // Only listen to events from the preview iframe\n if (iframeRef.current) {\n const previewOrigin = new URL(iframeRef.current?.src).origin;\n if (event.origin !== previewOrigin) {\n return;\n }\n }\n\n if (event.data?.type === PUBLIC_EVENTS.PREVIEW_READY) {\n const script = `(${previewScript.toString()})()`;\n const sendMessage = getSendMessage(iframeRef);\n sendMessage(PUBLIC_EVENTS.STRAPI_SCRIPT, { script });\n }\n };\n\n window.addEventListener('message', handleMessage);\n\n return () => {\n window.removeEventListener('message', handleMessage);\n };\n }, [documentId, toggleNotification]);\n\n if (!collectionType) {\n throw new Error('Could not find collectionType in url params');\n }\n\n if (!model) {\n throw new Error('Could not find model in url params');\n }\n\n // Only collection types must have a documentId\n if (collectionType === COLLECTION_TYPES && !documentId) {\n throw new Error('Could not find documentId in url params');\n }\n\n const previewUrlResponse = useGetPreviewUrlQuery({\n params: {\n contentType: model,\n },\n query: {\n documentId,\n locale: params.locale,\n status: params.status as GetPreviewUrl.Request['query']['status'],\n },\n });\n const documentResponse = useDocument({\n model,\n collectionType,\n documentId,\n params,\n });\n const documentLayoutResponse = useDocumentLayout(model);\n\n const isLoading =\n previewUrlResponse.isLoading || documentLayoutResponse.isLoading || documentResponse.isLoading;\n if (isLoading && (!documentResponse.document?.documentId || previewUrlResponse.isLoading)) {\n return <Page.Loading />;\n }\n\n const initialValues = documentResponse.getInitialFormValues();\n\n if (\n previewUrlResponse.error ||\n documentLayoutResponse.error ||\n !documentResponse.document ||\n !documentResponse.meta ||\n !documentResponse.schema ||\n !initialValues\n ) {\n return <Page.Error />;\n }\n\n if (!previewUrlResponse.data?.data?.url) {\n return <Page.NoData />;\n }\n\n const documentTitle = documentResponse.getTitle(documentLayoutResponse.edit.settings.mainField);\n\n const validateSync = (values: Record<string, unknown>, options: Record<string, string>) => {\n const { data: cleanedValues, removedAttributes } = handleInvisibleAttributes(values, {\n schema: documentResponse.schema,\n initialValues,\n components: documentResponse.components,\n });\n\n const yupSchema = createYupSchema(\n documentResponse.schema?.attributes,\n documentResponse.components,\n {\n status: documentResponse.document?.status,\n removedAttributes,\n ...options,\n }\n );\n\n return yupSchema.validateSync(cleanedValues, { abortEarly: false });\n };\n\n const previewUrl = previewUrlResponse.data.data.url;\n\n const onPreview = () => {\n iframeRef?.current?.contentWindow?.postMessage(\n { type: 'strapiUpdate' },\n // The iframe origin is safe to use since it must be provided through the allowedOrigins config\n new URL(iframeRef.current.src).origin\n );\n };\n\n const hasAdvancedPreview = window.strapi.features.isEnabled('cms-advanced-preview');\n\n return (\n <>\n <Page.Title>\n {formatMessage(\n {\n id: 'content-manager.preview.page-title',\n defaultMessage: '{contentType} preview',\n },\n {\n contentType: documentTitle,\n }\n )}\n </Page.Title>\n <PreviewProvider\n url={previewUrl}\n document={documentResponse.document}\n title={documentTitle}\n meta={documentResponse.meta}\n schema={documentResponse.schema}\n components={documentResponse.components}\n layout={documentLayoutResponse.edit}\n onPreview={onPreview}\n iframeRef={iframeRef}\n popoverField={popoverField}\n setPopoverField={setPopoverField}\n >\n <FormContext\n method=\"PUT\"\n disabled={\n query.status === 'published' &&\n documentResponse &&\n documentResponse.document.status !== 'draft'\n }\n initialValues={documentResponse.getInitialFormValues()}\n initialErrors={location?.state?.forceValidation ? validateSync(initialValues, {}) : {}}\n height=\"100%\"\n validate={(values: Record<string, unknown>, options: Record<string, string>) => {\n const { data: cleanedValues, removedAttributes } = handleInvisibleAttributes(values, {\n schema: documentResponse.schema,\n initialValues,\n components: documentResponse.components,\n });\n\n const yupSchema = createYupSchema(\n documentResponse.schema?.attributes,\n documentResponse.components,\n {\n status: documentResponse.document?.status,\n removedAttributes,\n ...options,\n }\n );\n\n return yupSchema.validate(cleanedValues, { abortEarly: false });\n }}\n >\n <Flex direction=\"column\" height=\"100%\" alignItems=\"stretch\">\n <Blocker />\n <PreviewHeader />\n <InputPopover documentResponse={documentResponse} />\n <Flex flex={1} overflow=\"auto\" alignItems=\"stretch\">\n {hasAdvancedPreview && (\n <Box\n overflow=\"auto\"\n width={isSideEditorOpen ? '50%' : 0}\n borderWidth=\"0 1px 0 0\"\n borderColor=\"neutral150\"\n paddingTop={6}\n paddingBottom={6}\n // Remove horizontal padding when the editor is closed or it won't fully disappear\n paddingLeft={isSideEditorOpen ? 6 : 0}\n paddingRight={isSideEditorOpen ? 6 : 0}\n transition=\"all 0.2s ease-in-out\"\n >\n <FormLayout\n layout={documentLayoutResponse.edit.layout}\n document={documentResponse}\n hasBackground={false}\n />\n </Box>\n )}\n <Flex\n direction=\"column\"\n alignItems=\"stretch\"\n flex={1}\n height=\"100%\"\n overflow=\"hidden\"\n >\n <Flex\n direction=\"row\"\n background=\"neutral0\"\n padding={2}\n borderWidth=\"0 0 1px 0\"\n borderColor=\"neutral150\"\n >\n {hasAdvancedPreview && (\n <IconButton\n variant=\"ghost\"\n label={formatMessage(\n isSideEditorOpen\n ? {\n id: 'content-manager.preview.content.close-editor',\n defaultMessage: 'Close editor',\n }\n : {\n id: 'content-manager.preview.content.open-editor',\n defaultMessage: 'Open editor',\n }\n )}\n onClick={() => setIsSideEditorOpen((prev) => !prev)}\n >\n <AnimatedArrow $isSideEditorOpen={isSideEditorOpen} />\n </IconButton>\n )}\n <Flex justifyContent=\"center\" flex={1}>\n <SingleSelect\n value={deviceName}\n onChange={(name) => setDeviceName(name.toString())}\n aria-label={formatMessage({\n id: 'content-manager.preview.device.select',\n defaultMessage: 'Select device type',\n })}\n >\n {DEVICES.map((deviceOption) => (\n <SingleSelectOption key={deviceOption.name} value={deviceOption.name}>\n {formatMessage(deviceOption.label)}\n </SingleSelectOption>\n ))}\n </SingleSelect>\n </Flex>\n </Flex>\n <Flex direction=\"column\" justifyContent=\"center\" background=\"neutral0\" flex={1}>\n <Box\n data-testid=\"preview-iframe\"\n ref={iframeRef}\n src={previewUrl}\n /**\n * For some reason, changing an iframe's src tag causes the browser to add a new item in the\n * history stack. This is an issue for us as it means clicking the back button will not let us\n * go back to the edit view. To fix it, we need to trick the browser into thinking this is a\n * different iframe when the preview URL changes. So we set a key prop to force React\n * to mount a different node when the src changes.\n */\n key={previewUrl}\n title={formatMessage({\n id: 'content-manager.preview.panel.title',\n defaultMessage: 'Preview',\n })}\n width={device.width}\n height={device.height}\n borderWidth={0}\n tag=\"iframe\"\n />\n </Flex>\n </Flex>\n </Flex>\n </Flex>\n </FormContext>\n </PreviewProvider>\n </>\n );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * ProtectedPreviewPage\n * -----------------------------------------------------------------------------------------------*/\n\nconst ProtectedPreviewPageImpl = () => {\n const { slug: model } = useParams<{\n slug: string;\n }>();\n const {\n permissions = [],\n isLoading,\n error,\n } = useRBAC([\n { action: 'plugin::content-manager.explorer.read', subject: model },\n { action: 'plugin::content-manager.explorer.update', subject: model },\n { action: 'plugin::content-manager.explorer.publish', subject: model },\n ]);\n\n if (isLoading) {\n return <Page.Loading />;\n }\n\n if (error || !model) {\n return (\n <Box\n height=\"100dvh\"\n width=\"100dvw\"\n position=\"fixed\"\n top={0}\n left={0}\n zIndex={5}\n background=\"neutral0\"\n >\n <Page.Error />\n </Box>\n );\n }\n\n return (\n <Box\n height=\"100dvh\"\n width=\"100dvw\"\n position=\"fixed\"\n top={0}\n left={0}\n zIndex={5}\n background=\"neutral0\"\n >\n <Page.Protect\n permissions={permissions.filter((permission) =>\n permission.action.includes('explorer.read')\n )}\n >\n <DocumentRBAC permissions={permissions}>\n <PreviewPage />\n </DocumentRBAC>\n </Page.Protect>\n </Box>\n );\n};\n\nconst ProtectedPreviewPage = () => {\n return (\n <Portal>\n <FocusTrap>\n <ProtectedPreviewPageImpl />\n </FocusTrap>\n </Portal>\n );\n};\n\nexport { ProtectedPreviewPage, usePreviewContext };\nexport type { PreviewContextValue };\n"],"names":["DEVICES","name","label","id","defaultMessage","width","height","PreviewProvider","usePreviewContext","createContext","AnimatedArrow","styled","ArrowLineLeft","props","$isSideEditorOpen","PreviewPage","location","useLocation","formatMessage","useIntl","iframeRef","React","useRef","isSideEditorOpen","setIsSideEditorOpen","useState","popoverField","setPopoverField","toggleNotification","useNotification","slug","model","documentId","collectionType","useParams","query","useQueryParams","params","useMemo","buildValidParams","deviceName","setDeviceName","device","find","d","useEffect","handleMessage","event","current","previewOrigin","URL","src","origin","data","type","PUBLIC_EVENTS","PREVIEW_READY","script","previewScript","toString","sendMessage","getSendMessage","STRAPI_SCRIPT","window","addEventListener","removeEventListener","Error","COLLECTION_TYPES","previewUrlResponse","useGetPreviewUrlQuery","contentType","locale","status","documentResponse","useDocument","documentLayoutResponse","useDocumentLayout","isLoading","document","_jsx","Page","Loading","initialValues","getInitialFormValues","error","meta","schema","url","NoData","documentTitle","getTitle","edit","settings","mainField","validateSync","values","options","cleanedValues","removedAttributes","handleInvisibleAttributes","components","yupSchema","createYupSchema","attributes","abortEarly","previewUrl","onPreview","contentWindow","postMessage","hasAdvancedPreview","strapi","features","isEnabled","_jsxs","_Fragment","Title","title","layout","FormContext","method","disabled","initialErrors","state","forceValidation","validate","Flex","direction","alignItems","Blocker","PreviewHeader","InputPopover","flex","overflow","Box","borderWidth","borderColor","paddingTop","paddingBottom","paddingLeft","paddingRight","transition","FormLayout","hasBackground","background","padding","IconButton","variant","onClick","prev","justifyContent","SingleSelect","value","onChange","aria-label","map","deviceOption","SingleSelectOption","data-testid","ref","tag","ProtectedPreviewPageImpl","permissions","useRBAC","action","subject","position","top","left","zIndex","Protect","filter","permission","includes","DocumentRBAC","ProtectedPreviewPage","Portal","FocusTrap"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Preview.mjs","sources":["../../../../admin/src/preview/pages/Preview.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n Page,\n useQueryParams,\n useRBAC,\n createContext,\n Form as FormContext,\n type FieldContentSourceMap,\n useNotification,\n} from '@strapi/admin/strapi-admin';\nimport {\n Box,\n Flex,\n FocusTrap,\n IconButton,\n Portal,\n SingleSelect,\n SingleSelectOption,\n} from '@strapi/design-system';\nimport { ArrowLineLeft } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { useLocation, useParams } from 'react-router-dom';\nimport { styled, useTheme } from 'styled-components';\n\nimport { GetPreviewUrl } from '../../../../shared/contracts/preview';\nimport { COLLECTION_TYPES } from '../../constants/collections';\nimport { DocumentRBAC } from '../../features/DocumentRBAC';\nimport { type UseDocument, useDocument } from '../../hooks/useDocument';\nimport { type EditLayout, useDocumentLayout } from '../../hooks/useDocumentLayout';\nimport { Blocker } from '../../pages/EditView/components/Blocker';\nimport { FormLayout } from '../../pages/EditView/components/FormLayout';\nimport { handleInvisibleAttributes } from '../../pages/EditView/utils/data';\nimport { buildValidParams } from '../../utils/api';\nimport { createYupSchema } from '../../utils/validation';\nimport { InputPopover } from '../components/InputPopover';\nimport { PreviewHeader } from '../components/PreviewHeader';\nimport { useGetPreviewUrlQuery } from '../services/preview';\nimport { PUBLIC_EVENTS } from '../utils/constants';\nimport { getSendMessage } from '../utils/getSendMessage';\nimport { previewScript } from '../utils/previewScript';\n\nimport type { Schema, UID } from '@strapi/types';\n\n/* -------------------------------------------------------------------------------------------------\n * Constants\n * -----------------------------------------------------------------------------------------------*/\n\nconst DEVICES = [\n {\n name: 'desktop',\n label: {\n id: 'content-manager.preview.device.desktop',\n defaultMessage: 'Desktop',\n },\n width: '100%',\n height: '100%',\n },\n {\n name: 'mobile',\n label: {\n id: 'content-manager.preview.device.mobile',\n defaultMessage: 'Mobile',\n },\n width: '375px',\n height: '667px',\n },\n];\n\n/* -------------------------------------------------------------------------------------------------\n * PreviewProvider\n * -----------------------------------------------------------------------------------------------*/\n\ninterface PopoverField extends FieldContentSourceMap {\n position: DOMRect;\n attribute: Schema.Attribute.AnyAttribute;\n}\n\ninterface PreviewContextValue {\n url: string;\n title: string;\n document: NonNullable<ReturnType<UseDocument>['document']>;\n meta: NonNullable<ReturnType<UseDocument>['meta']>;\n schema: NonNullable<ReturnType<UseDocument>['schema']>;\n components: NonNullable<ReturnType<UseDocument>['components']>;\n layout: EditLayout;\n onPreview: () => void;\n iframeRef: React.RefObject<HTMLIFrameElement>;\n popoverField: PopoverField | null;\n setPopoverField: (value: PopoverField | null) => void;\n}\n\nconst [PreviewProvider, usePreviewContext] = createContext<PreviewContextValue>('PreviewPage');\n\n/* -------------------------------------------------------------------------------------------------\n * PreviewPage\n * -----------------------------------------------------------------------------------------------*/\n\nconst AnimatedArrow = styled(ArrowLineLeft)<{ $isSideEditorOpen: boolean }>`\n will-change: transform;\n rotate: ${(props) => (props.$isSideEditorOpen ? '0deg' : '180deg')};\n transition: rotate 0.2s ease-in-out;\n`;\n\nconst PreviewPage = () => {\n const location = useLocation();\n const { formatMessage } = useIntl();\n const theme = useTheme();\n\n const iframeRef = React.useRef<HTMLIFrameElement>(null);\n const [isSideEditorOpen, setIsSideEditorOpen] = React.useState(true);\n const [popoverField, setPopoverField] = React.useState<PopoverField | null>(null);\n const { toggleNotification } = useNotification();\n\n // Read all the necessary data from the URL to find the right preview URL\n const {\n slug: model,\n id: documentId,\n collectionType,\n } = useParams<{\n slug: UID.ContentType;\n id: string;\n collectionType: string;\n }>();\n const [{ query }] = useQueryParams<{\n plugins?: Record<string, unknown>;\n status?: string;\n }>();\n\n const params = React.useMemo(() => buildValidParams(query), [query]);\n\n const [deviceName, setDeviceName] = React.useState<(typeof DEVICES)[number]['name']>(\n DEVICES[0].name\n );\n const device = DEVICES.find((d) => d.name === deviceName) ?? DEVICES[0];\n\n const previewHighlightColors = {\n highlightHoverColor: theme.colors.primary500,\n highlightActiveColor: theme.colors.primary600,\n };\n\n // Listen for ready message from iframe before injecting script\n React.useEffect(() => {\n const handleMessage = (event: MessageEvent) => {\n // Only listen to events from the preview iframe\n if (iframeRef.current) {\n const previewOrigin = new URL(iframeRef.current?.src).origin;\n if (event.origin !== previewOrigin) {\n return;\n }\n }\n\n if (event.data?.type === PUBLIC_EVENTS.PREVIEW_READY) {\n const script = `(${previewScript.toString()})(${JSON.stringify({\n shouldRun: true,\n colors: previewHighlightColors,\n })})`;\n const sendMessage = getSendMessage(iframeRef);\n sendMessage(PUBLIC_EVENTS.STRAPI_SCRIPT, { script });\n }\n };\n\n window.addEventListener('message', handleMessage);\n\n return () => {\n window.removeEventListener('message', handleMessage);\n };\n }, [documentId, toggleNotification, theme]);\n\n if (!collectionType) {\n throw new Error('Could not find collectionType in url params');\n }\n\n if (!model) {\n throw new Error('Could not find model in url params');\n }\n\n // Only collection types must have a documentId\n if (collectionType === COLLECTION_TYPES && !documentId) {\n throw new Error('Could not find documentId in url params');\n }\n\n const previewUrlResponse = useGetPreviewUrlQuery({\n params: {\n contentType: model,\n },\n query: {\n documentId,\n locale: params.locale,\n status: params.status as GetPreviewUrl.Request['query']['status'],\n },\n });\n const documentResponse = useDocument({\n model,\n collectionType,\n documentId,\n params,\n });\n const documentLayoutResponse = useDocumentLayout(model);\n\n const isLoading =\n previewUrlResponse.isLoading || documentLayoutResponse.isLoading || documentResponse.isLoading;\n if (isLoading && (!documentResponse.document?.documentId || previewUrlResponse.isLoading)) {\n return <Page.Loading />;\n }\n\n const initialValues = documentResponse.getInitialFormValues();\n\n if (\n previewUrlResponse.error ||\n documentLayoutResponse.error ||\n !documentResponse.document ||\n !documentResponse.meta ||\n !documentResponse.schema ||\n !initialValues\n ) {\n return <Page.Error />;\n }\n\n if (!previewUrlResponse.data?.data?.url) {\n return <Page.NoData />;\n }\n\n const documentTitle = documentResponse.getTitle(documentLayoutResponse.edit.settings.mainField);\n\n const validateSync = (values: Record<string, unknown>, options: Record<string, string>) => {\n const { data: cleanedValues, removedAttributes } = handleInvisibleAttributes(values, {\n schema: documentResponse.schema,\n initialValues,\n components: documentResponse.components,\n });\n\n const yupSchema = createYupSchema(\n documentResponse.schema?.attributes,\n documentResponse.components,\n {\n status: documentResponse.document?.status,\n removedAttributes,\n ...options,\n }\n );\n\n return yupSchema.validateSync(cleanedValues, { abortEarly: false });\n };\n\n const previewUrl = previewUrlResponse.data.data.url;\n\n const onPreview = () => {\n iframeRef?.current?.contentWindow?.postMessage(\n { type: 'strapiUpdate' },\n // The iframe origin is safe to use since it must be provided through the allowedOrigins config\n new URL(iframeRef.current.src).origin\n );\n };\n\n const hasAdvancedPreview = window.strapi.features.isEnabled('cms-advanced-preview');\n\n return (\n <>\n <Page.Title>\n {formatMessage(\n {\n id: 'content-manager.preview.page-title',\n defaultMessage: '{contentType} preview',\n },\n {\n contentType: documentTitle,\n }\n )}\n </Page.Title>\n <PreviewProvider\n url={previewUrl}\n document={documentResponse.document}\n title={documentTitle}\n meta={documentResponse.meta}\n schema={documentResponse.schema}\n components={documentResponse.components}\n layout={documentLayoutResponse.edit}\n onPreview={onPreview}\n iframeRef={iframeRef}\n popoverField={popoverField}\n setPopoverField={setPopoverField}\n >\n <FormContext\n method=\"PUT\"\n disabled={\n query.status === 'published' &&\n documentResponse &&\n documentResponse.document.status !== 'draft'\n }\n initialValues={documentResponse.getInitialFormValues()}\n initialErrors={location?.state?.forceValidation ? validateSync(initialValues, {}) : {}}\n height=\"100%\"\n validate={(values: Record<string, unknown>, options: Record<string, string>) => {\n const { data: cleanedValues, removedAttributes } = handleInvisibleAttributes(values, {\n schema: documentResponse.schema,\n initialValues,\n components: documentResponse.components,\n });\n\n const yupSchema = createYupSchema(\n documentResponse.schema?.attributes,\n documentResponse.components,\n {\n status: documentResponse.document?.status,\n removedAttributes,\n ...options,\n }\n );\n\n return yupSchema.validate(cleanedValues, { abortEarly: false });\n }}\n >\n <Flex direction=\"column\" height=\"100%\" alignItems=\"stretch\">\n <Blocker />\n <PreviewHeader />\n <InputPopover documentResponse={documentResponse} />\n <Flex flex={1} overflow=\"auto\" alignItems=\"stretch\">\n {hasAdvancedPreview && (\n <Box\n overflow=\"auto\"\n width={isSideEditorOpen ? '50%' : 0}\n borderWidth=\"0 1px 0 0\"\n borderColor=\"neutral150\"\n paddingTop={6}\n paddingBottom={6}\n // Remove horizontal padding when the editor is closed or it won't fully disappear\n paddingLeft={isSideEditorOpen ? 6 : 0}\n paddingRight={isSideEditorOpen ? 6 : 0}\n transition=\"all 0.2s ease-in-out\"\n >\n <FormLayout\n layout={documentLayoutResponse.edit.layout}\n document={documentResponse}\n hasBackground={false}\n />\n </Box>\n )}\n <Flex\n direction=\"column\"\n alignItems=\"stretch\"\n flex={1}\n height=\"100%\"\n overflow=\"hidden\"\n >\n <Flex\n direction=\"row\"\n background=\"neutral0\"\n padding={2}\n borderWidth=\"0 0 1px 0\"\n borderColor=\"neutral150\"\n >\n {hasAdvancedPreview && (\n <IconButton\n variant=\"ghost\"\n label={formatMessage(\n isSideEditorOpen\n ? {\n id: 'content-manager.preview.content.close-editor',\n defaultMessage: 'Close editor',\n }\n : {\n id: 'content-manager.preview.content.open-editor',\n defaultMessage: 'Open editor',\n }\n )}\n onClick={() => setIsSideEditorOpen((prev) => !prev)}\n >\n <AnimatedArrow $isSideEditorOpen={isSideEditorOpen} />\n </IconButton>\n )}\n <Flex justifyContent=\"center\" flex={1}>\n <SingleSelect\n value={deviceName}\n onChange={(name) => setDeviceName(name.toString())}\n aria-label={formatMessage({\n id: 'content-manager.preview.device.select',\n defaultMessage: 'Select device type',\n })}\n >\n {DEVICES.map((deviceOption) => (\n <SingleSelectOption key={deviceOption.name} value={deviceOption.name}>\n {formatMessage(deviceOption.label)}\n </SingleSelectOption>\n ))}\n </SingleSelect>\n </Flex>\n </Flex>\n <Flex direction=\"column\" justifyContent=\"center\" background=\"neutral0\" flex={1}>\n <Box\n data-testid=\"preview-iframe\"\n ref={iframeRef}\n src={previewUrl}\n /**\n * For some reason, changing an iframe's src tag causes the browser to add a new item in the\n * history stack. This is an issue for us as it means clicking the back button will not let us\n * go back to the edit view. To fix it, we need to trick the browser into thinking this is a\n * different iframe when the preview URL changes. So we set a key prop to force React\n * to mount a different node when the src changes.\n */\n key={previewUrl}\n title={formatMessage({\n id: 'content-manager.preview.panel.title',\n defaultMessage: 'Preview',\n })}\n width={device.width}\n height={device.height}\n borderWidth={0}\n tag=\"iframe\"\n />\n </Flex>\n </Flex>\n </Flex>\n </Flex>\n </FormContext>\n </PreviewProvider>\n </>\n );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * ProtectedPreviewPage\n * -----------------------------------------------------------------------------------------------*/\n\nconst ProtectedPreviewPageImpl = () => {\n const { slug: model } = useParams<{\n slug: string;\n }>();\n const {\n permissions = [],\n isLoading,\n error,\n } = useRBAC([\n { action: 'plugin::content-manager.explorer.read', subject: model },\n { action: 'plugin::content-manager.explorer.update', subject: model },\n { action: 'plugin::content-manager.explorer.publish', subject: model },\n ]);\n\n if (isLoading) {\n return <Page.Loading />;\n }\n\n if (error || !model) {\n return (\n <Box\n height=\"100dvh\"\n width=\"100dvw\"\n position=\"fixed\"\n top={0}\n left={0}\n zIndex={5}\n background=\"neutral0\"\n >\n <Page.Error />\n </Box>\n );\n }\n\n return (\n <Box\n height=\"100dvh\"\n width=\"100dvw\"\n position=\"fixed\"\n top={0}\n left={0}\n zIndex={5}\n background=\"neutral0\"\n >\n <Page.Protect\n permissions={permissions.filter((permission) =>\n permission.action.includes('explorer.read')\n )}\n >\n <DocumentRBAC permissions={permissions}>\n <PreviewPage />\n </DocumentRBAC>\n </Page.Protect>\n </Box>\n );\n};\n\nconst ProtectedPreviewPage = () => {\n return (\n <Portal>\n <FocusTrap>\n <ProtectedPreviewPageImpl />\n </FocusTrap>\n </Portal>\n );\n};\n\nexport { ProtectedPreviewPage, usePreviewContext };\nexport type { PreviewContextValue };\n"],"names":["DEVICES","name","label","id","defaultMessage","width","height","PreviewProvider","usePreviewContext","createContext","AnimatedArrow","styled","ArrowLineLeft","props","$isSideEditorOpen","PreviewPage","location","useLocation","formatMessage","useIntl","theme","useTheme","iframeRef","React","useRef","isSideEditorOpen","setIsSideEditorOpen","useState","popoverField","setPopoverField","toggleNotification","useNotification","slug","model","documentId","collectionType","useParams","query","useQueryParams","params","useMemo","buildValidParams","deviceName","setDeviceName","device","find","d","previewHighlightColors","highlightHoverColor","colors","primary500","highlightActiveColor","primary600","useEffect","handleMessage","event","current","previewOrigin","URL","src","origin","data","type","PUBLIC_EVENTS","PREVIEW_READY","script","previewScript","toString","JSON","stringify","shouldRun","sendMessage","getSendMessage","STRAPI_SCRIPT","window","addEventListener","removeEventListener","Error","COLLECTION_TYPES","previewUrlResponse","useGetPreviewUrlQuery","contentType","locale","status","documentResponse","useDocument","documentLayoutResponse","useDocumentLayout","isLoading","document","_jsx","Page","Loading","initialValues","getInitialFormValues","error","meta","schema","url","NoData","documentTitle","getTitle","edit","settings","mainField","validateSync","values","options","cleanedValues","removedAttributes","handleInvisibleAttributes","components","yupSchema","createYupSchema","attributes","abortEarly","previewUrl","onPreview","contentWindow","postMessage","hasAdvancedPreview","strapi","features","isEnabled","_jsxs","_Fragment","Title","title","layout","FormContext","method","disabled","initialErrors","state","forceValidation","validate","Flex","direction","alignItems","Blocker","PreviewHeader","InputPopover","flex","overflow","Box","borderWidth","borderColor","paddingTop","paddingBottom","paddingLeft","paddingRight","transition","FormLayout","hasBackground","background","padding","IconButton","variant","onClick","prev","justifyContent","SingleSelect","value","onChange","aria-label","map","deviceOption","SingleSelectOption","data-testid","ref","tag","ProtectedPreviewPageImpl","permissions","useRBAC","action","subject","position","top","left","zIndex","Protect","filter","permission","includes","DocumentRBAC","ProtectedPreviewPage","Portal","FocusTrap"],"mappings":"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"}
|
|
@@ -2,7 +2,14 @@
|
|
|
2
2
|
|
|
3
3
|
var previewScript = require('./previewScript.js');
|
|
4
4
|
|
|
5
|
-
const
|
|
5
|
+
const PREVIEW_HIGHLIGHT_COLORS = {
|
|
6
|
+
highlightHoverColor: 'transparent',
|
|
7
|
+
highlightActiveColor: 'transparent'
|
|
8
|
+
};
|
|
9
|
+
const scriptResponse = previewScript.previewScript({
|
|
10
|
+
shouldRun: false,
|
|
11
|
+
colors: PREVIEW_HIGHLIGHT_COLORS
|
|
12
|
+
});
|
|
6
13
|
/**
|
|
7
14
|
* These events can be changed safely. They're used by the content manager admin on one side, and by
|
|
8
15
|
* the preview script on the other. We own both ends, and they're not documented to users, so we can
|
|
@@ -52,5 +59,6 @@ const scriptResponse = previewScript.previewScript(false);
|
|
|
52
59
|
|
|
53
60
|
exports.INTERNAL_EVENTS = INTERNAL_EVENTS;
|
|
54
61
|
exports.PREVIEW_ERROR_MESSAGES = PREVIEW_ERROR_MESSAGES;
|
|
62
|
+
exports.PREVIEW_HIGHLIGHT_COLORS = PREVIEW_HIGHLIGHT_COLORS;
|
|
55
63
|
exports.PUBLIC_EVENTS = PUBLIC_EVENTS;
|
|
56
64
|
//# sourceMappingURL=constants.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sources":["../../../../admin/src/preview/utils/constants.ts"],"sourcesContent":["import { NotificationConfig } from '@strapi/admin/strapi-admin';\nimport { MessageDescriptor } from 'react-intl';\n\nimport { previewScript } from './previewScript';\n\nconst scriptResponse = previewScript(false);\n\n/**\n * These events can be changed safely. They're used by the content manager admin on one side, and by\n * the preview script on the other. We own both ends, and they're not documented to users, so we can\n * do what we want with them.\n */\nexport const INTERNAL_EVENTS = scriptResponse!.INTERNAL_EVENTS;\n\n/**\n * These events are documented to users, and will be hardcoded in their frontends.\n * Changing any of these would be a breaking change.\n */\nexport const PUBLIC_EVENTS = {\n PREVIEW_READY: 'previewReady',\n STRAPI_UPDATE: 'strapiUpdate',\n STRAPI_SCRIPT: 'strapiScript',\n} as const;\n\n/**\n * Error messages for preview field operations.\n * This information is used to trigger notifications.\n */\nexport const PREVIEW_ERROR_MESSAGES = {\n INVALID_FIELD_PATH: {\n type: 'danger',\n message: {\n id: 'content-manager.preview.error.invalid-field-path',\n defaultMessage: 'Could not locate this field in the current document',\n },\n },\n RELATIONS_NOT_HANDLED: {\n type: 'info',\n message: {\n id: 'content-manager.preview.error.relations-not-handled',\n defaultMessage: 'Inline editing for relations is not currently supported.',\n },\n },\n INCOMPLETE_STRAPI_SOURCE: {\n type: 'danger',\n message: {\n id: 'content-manager.preview.error.incomplete-strapi-source',\n defaultMessage: 'This field is missing some required preview information',\n },\n },\n DIFFERENT_DOCUMENT: {\n type: 'info',\n message: {\n id: 'content-manager.preview.error.different-document',\n defaultMessage: 'This field comes from a different document',\n },\n },\n} as const satisfies Record<\n string,\n { message: MessageDescriptor; type: NonNullable<NotificationConfig['type']> }\n>;\n"],"names":["scriptResponse","previewScript","INTERNAL_EVENTS","PUBLIC_EVENTS","PREVIEW_READY","STRAPI_UPDATE","STRAPI_SCRIPT","PREVIEW_ERROR_MESSAGES","INVALID_FIELD_PATH","type","message","id","defaultMessage","RELATIONS_NOT_HANDLED","INCOMPLETE_STRAPI_SOURCE","DIFFERENT_DOCUMENT"],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"constants.js","sources":["../../../../admin/src/preview/utils/constants.ts"],"sourcesContent":["import { NotificationConfig } from '@strapi/admin/strapi-admin';\nimport { MessageDescriptor } from 'react-intl';\n\nimport { previewScript } from './previewScript';\n\nexport const PREVIEW_HIGHLIGHT_COLORS = {\n highlightHoverColor: 'transparent',\n highlightActiveColor: 'transparent',\n} as const;\n\nconst scriptResponse = previewScript({ shouldRun: false, colors: PREVIEW_HIGHLIGHT_COLORS });\n\n/**\n * These events can be changed safely. They're used by the content manager admin on one side, and by\n * the preview script on the other. We own both ends, and they're not documented to users, so we can\n * do what we want with them.\n */\nexport const INTERNAL_EVENTS = scriptResponse!.INTERNAL_EVENTS;\n\n/**\n * These events are documented to users, and will be hardcoded in their frontends.\n * Changing any of these would be a breaking change.\n */\nexport const PUBLIC_EVENTS = {\n PREVIEW_READY: 'previewReady',\n STRAPI_UPDATE: 'strapiUpdate',\n STRAPI_SCRIPT: 'strapiScript',\n} as const;\n\n/**\n * Error messages for preview field operations.\n * This information is used to trigger notifications.\n */\nexport const PREVIEW_ERROR_MESSAGES = {\n INVALID_FIELD_PATH: {\n type: 'danger',\n message: {\n id: 'content-manager.preview.error.invalid-field-path',\n defaultMessage: 'Could not locate this field in the current document',\n },\n },\n RELATIONS_NOT_HANDLED: {\n type: 'info',\n message: {\n id: 'content-manager.preview.error.relations-not-handled',\n defaultMessage: 'Inline editing for relations is not currently supported.',\n },\n },\n INCOMPLETE_STRAPI_SOURCE: {\n type: 'danger',\n message: {\n id: 'content-manager.preview.error.incomplete-strapi-source',\n defaultMessage: 'This field is missing some required preview information',\n },\n },\n DIFFERENT_DOCUMENT: {\n type: 'info',\n message: {\n id: 'content-manager.preview.error.different-document',\n defaultMessage: 'This field comes from a different document',\n },\n },\n} as const satisfies Record<\n string,\n { message: MessageDescriptor; type: NonNullable<NotificationConfig['type']> }\n>;\n"],"names":["PREVIEW_HIGHLIGHT_COLORS","highlightHoverColor","highlightActiveColor","scriptResponse","previewScript","shouldRun","colors","INTERNAL_EVENTS","PUBLIC_EVENTS","PREVIEW_READY","STRAPI_UPDATE","STRAPI_SCRIPT","PREVIEW_ERROR_MESSAGES","INVALID_FIELD_PATH","type","message","id","defaultMessage","RELATIONS_NOT_HANDLED","INCOMPLETE_STRAPI_SOURCE","DIFFERENT_DOCUMENT"],"mappings":";;;;MAKaA,wBAA2B,GAAA;IACtCC,mBAAqB,EAAA,aAAA;IACrBC,oBAAsB,EAAA;AACxB;AAEA,MAAMC,iBAAiBC,2BAAc,CAAA;IAAEC,SAAW,EAAA,KAAA;IAAOC,MAAQN,EAAAA;AAAyB,CAAA,CAAA;AAE1F;;;;AAIC,IACM,MAAMO,eAAkBJ,GAAAA,cAAAA,CAAgBI;AAE/C;;;UAIaC,aAAgB,GAAA;IAC3BC,aAAe,EAAA,cAAA;IACfC,aAAe,EAAA,cAAA;IACfC,aAAe,EAAA;AACjB;AAEA;;;UAIaC,sBAAyB,GAAA;IACpCC,kBAAoB,EAAA;QAClBC,IAAM,EAAA,QAAA;QACNC,OAAS,EAAA;YACPC,EAAI,EAAA,kDAAA;YACJC,cAAgB,EAAA;AAClB;AACF,KAAA;IACAC,qBAAuB,EAAA;QACrBJ,IAAM,EAAA,MAAA;QACNC,OAAS,EAAA;YACPC,EAAI,EAAA,qDAAA;YACJC,cAAgB,EAAA;AAClB;AACF,KAAA;IACAE,wBAA0B,EAAA;QACxBL,IAAM,EAAA,QAAA;QACNC,OAAS,EAAA;YACPC,EAAI,EAAA,wDAAA;YACJC,cAAgB,EAAA;AAClB;AACF,KAAA;IACAG,kBAAoB,EAAA;QAClBN,IAAM,EAAA,MAAA;QACNC,OAAS,EAAA;YACPC,EAAI,EAAA,kDAAA;YACJC,cAAgB,EAAA;AAClB;AACF;AACF;;;;;;;"}
|
|
@@ -1,6 +1,13 @@
|
|
|
1
1
|
import { previewScript } from './previewScript.mjs';
|
|
2
2
|
|
|
3
|
-
const
|
|
3
|
+
const PREVIEW_HIGHLIGHT_COLORS = {
|
|
4
|
+
highlightHoverColor: 'transparent',
|
|
5
|
+
highlightActiveColor: 'transparent'
|
|
6
|
+
};
|
|
7
|
+
const scriptResponse = previewScript({
|
|
8
|
+
shouldRun: false,
|
|
9
|
+
colors: PREVIEW_HIGHLIGHT_COLORS
|
|
10
|
+
});
|
|
4
11
|
/**
|
|
5
12
|
* These events can be changed safely. They're used by the content manager admin on one side, and by
|
|
6
13
|
* the preview script on the other. We own both ends, and they're not documented to users, so we can
|
|
@@ -48,5 +55,5 @@ const scriptResponse = previewScript(false);
|
|
|
48
55
|
}
|
|
49
56
|
};
|
|
50
57
|
|
|
51
|
-
export { INTERNAL_EVENTS, PREVIEW_ERROR_MESSAGES, PUBLIC_EVENTS };
|
|
58
|
+
export { INTERNAL_EVENTS, PREVIEW_ERROR_MESSAGES, PREVIEW_HIGHLIGHT_COLORS, PUBLIC_EVENTS };
|
|
52
59
|
//# sourceMappingURL=constants.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.mjs","sources":["../../../../admin/src/preview/utils/constants.ts"],"sourcesContent":["import { NotificationConfig } from '@strapi/admin/strapi-admin';\nimport { MessageDescriptor } from 'react-intl';\n\nimport { previewScript } from './previewScript';\n\nconst scriptResponse = previewScript(false);\n\n/**\n * These events can be changed safely. They're used by the content manager admin on one side, and by\n * the preview script on the other. We own both ends, and they're not documented to users, so we can\n * do what we want with them.\n */\nexport const INTERNAL_EVENTS = scriptResponse!.INTERNAL_EVENTS;\n\n/**\n * These events are documented to users, and will be hardcoded in their frontends.\n * Changing any of these would be a breaking change.\n */\nexport const PUBLIC_EVENTS = {\n PREVIEW_READY: 'previewReady',\n STRAPI_UPDATE: 'strapiUpdate',\n STRAPI_SCRIPT: 'strapiScript',\n} as const;\n\n/**\n * Error messages for preview field operations.\n * This information is used to trigger notifications.\n */\nexport const PREVIEW_ERROR_MESSAGES = {\n INVALID_FIELD_PATH: {\n type: 'danger',\n message: {\n id: 'content-manager.preview.error.invalid-field-path',\n defaultMessage: 'Could not locate this field in the current document',\n },\n },\n RELATIONS_NOT_HANDLED: {\n type: 'info',\n message: {\n id: 'content-manager.preview.error.relations-not-handled',\n defaultMessage: 'Inline editing for relations is not currently supported.',\n },\n },\n INCOMPLETE_STRAPI_SOURCE: {\n type: 'danger',\n message: {\n id: 'content-manager.preview.error.incomplete-strapi-source',\n defaultMessage: 'This field is missing some required preview information',\n },\n },\n DIFFERENT_DOCUMENT: {\n type: 'info',\n message: {\n id: 'content-manager.preview.error.different-document',\n defaultMessage: 'This field comes from a different document',\n },\n },\n} as const satisfies Record<\n string,\n { message: MessageDescriptor; type: NonNullable<NotificationConfig['type']> }\n>;\n"],"names":["scriptResponse","previewScript","INTERNAL_EVENTS","PUBLIC_EVENTS","PREVIEW_READY","STRAPI_UPDATE","STRAPI_SCRIPT","PREVIEW_ERROR_MESSAGES","INVALID_FIELD_PATH","type","message","id","defaultMessage","RELATIONS_NOT_HANDLED","INCOMPLETE_STRAPI_SOURCE","DIFFERENT_DOCUMENT"],"mappings":";;
|
|
1
|
+
{"version":3,"file":"constants.mjs","sources":["../../../../admin/src/preview/utils/constants.ts"],"sourcesContent":["import { NotificationConfig } from '@strapi/admin/strapi-admin';\nimport { MessageDescriptor } from 'react-intl';\n\nimport { previewScript } from './previewScript';\n\nexport const PREVIEW_HIGHLIGHT_COLORS = {\n highlightHoverColor: 'transparent',\n highlightActiveColor: 'transparent',\n} as const;\n\nconst scriptResponse = previewScript({ shouldRun: false, colors: PREVIEW_HIGHLIGHT_COLORS });\n\n/**\n * These events can be changed safely. They're used by the content manager admin on one side, and by\n * the preview script on the other. We own both ends, and they're not documented to users, so we can\n * do what we want with them.\n */\nexport const INTERNAL_EVENTS = scriptResponse!.INTERNAL_EVENTS;\n\n/**\n * These events are documented to users, and will be hardcoded in their frontends.\n * Changing any of these would be a breaking change.\n */\nexport const PUBLIC_EVENTS = {\n PREVIEW_READY: 'previewReady',\n STRAPI_UPDATE: 'strapiUpdate',\n STRAPI_SCRIPT: 'strapiScript',\n} as const;\n\n/**\n * Error messages for preview field operations.\n * This information is used to trigger notifications.\n */\nexport const PREVIEW_ERROR_MESSAGES = {\n INVALID_FIELD_PATH: {\n type: 'danger',\n message: {\n id: 'content-manager.preview.error.invalid-field-path',\n defaultMessage: 'Could not locate this field in the current document',\n },\n },\n RELATIONS_NOT_HANDLED: {\n type: 'info',\n message: {\n id: 'content-manager.preview.error.relations-not-handled',\n defaultMessage: 'Inline editing for relations is not currently supported.',\n },\n },\n INCOMPLETE_STRAPI_SOURCE: {\n type: 'danger',\n message: {\n id: 'content-manager.preview.error.incomplete-strapi-source',\n defaultMessage: 'This field is missing some required preview information',\n },\n },\n DIFFERENT_DOCUMENT: {\n type: 'info',\n message: {\n id: 'content-manager.preview.error.different-document',\n defaultMessage: 'This field comes from a different document',\n },\n },\n} as const satisfies Record<\n string,\n { message: MessageDescriptor; type: NonNullable<NotificationConfig['type']> }\n>;\n"],"names":["PREVIEW_HIGHLIGHT_COLORS","highlightHoverColor","highlightActiveColor","scriptResponse","previewScript","shouldRun","colors","INTERNAL_EVENTS","PUBLIC_EVENTS","PREVIEW_READY","STRAPI_UPDATE","STRAPI_SCRIPT","PREVIEW_ERROR_MESSAGES","INVALID_FIELD_PATH","type","message","id","defaultMessage","RELATIONS_NOT_HANDLED","INCOMPLETE_STRAPI_SOURCE","DIFFERENT_DOCUMENT"],"mappings":";;MAKaA,wBAA2B,GAAA;IACtCC,mBAAqB,EAAA,aAAA;IACrBC,oBAAsB,EAAA;AACxB;AAEA,MAAMC,iBAAiBC,aAAc,CAAA;IAAEC,SAAW,EAAA,KAAA;IAAOC,MAAQN,EAAAA;AAAyB,CAAA,CAAA;AAE1F;;;;AAIC,IACM,MAAMO,eAAkBJ,GAAAA,cAAAA,CAAgBI;AAE/C;;;UAIaC,aAAgB,GAAA;IAC3BC,aAAe,EAAA,cAAA;IACfC,aAAe,EAAA,cAAA;IACfC,aAAe,EAAA;AACjB;AAEA;;;UAIaC,sBAAyB,GAAA;IACpCC,kBAAoB,EAAA;QAClBC,IAAM,EAAA,QAAA;QACNC,OAAS,EAAA;YACPC,EAAI,EAAA,kDAAA;YACJC,cAAgB,EAAA;AAClB;AACF,KAAA;IACAC,qBAAuB,EAAA;QACrBJ,IAAM,EAAA,MAAA;QACNC,OAAS,EAAA;YACPC,EAAI,EAAA,qDAAA;YACJC,cAAgB,EAAA;AAClB;AACF,KAAA;IACAE,wBAA0B,EAAA;QACxBL,IAAM,EAAA,QAAA;QACNC,OAAS,EAAA;YACPC,EAAI,EAAA,wDAAA;YACJC,cAAgB,EAAA;AAClB;AACF,KAAA;IACAG,kBAAoB,EAAA;QAClBN,IAAM,EAAA,MAAA;QACNC,OAAS,EAAA;YACPC,EAAI,EAAA,kDAAA;YACJC,cAAgB,EAAA;AAClB;AACF;AACF;;;;"}
|
|
@@ -1,17 +1,13 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
// NOTE: This override is for the properties on _user's site_, it's not about Strapi Admin.
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
* Therefore it CANNOT use any imports, or refer to any variables outside of its own scope.
|
|
7
|
-
* It's why many functions are defined within previewScript, it's the only way to avoid going full spaghetti.
|
|
8
|
-
* To get a better overview of everything previewScript does, go to the orchestration part at its end.
|
|
9
|
-
*/ const previewScript = (shouldRun = true)=>{
|
|
4
|
+
const previewScript = (config)=>{
|
|
5
|
+
const { shouldRun = true, colors } = config;
|
|
10
6
|
/* -----------------------------------------------------------------------------------------------
|
|
11
7
|
* Params
|
|
12
8
|
* ---------------------------------------------------------------------------------------------*/ const HIGHLIGHT_PADDING = 2; // in pixels
|
|
13
|
-
const HIGHLIGHT_HOVER_COLOR = window.STRAPI_HIGHLIGHT_HOVER_COLOR ??
|
|
14
|
-
const HIGHLIGHT_ACTIVE_COLOR = window.STRAPI_HIGHLIGHT_ACTIVE_COLOR ??
|
|
9
|
+
const HIGHLIGHT_HOVER_COLOR = window.STRAPI_HIGHLIGHT_HOVER_COLOR ?? colors.highlightHoverColor;
|
|
10
|
+
const HIGHLIGHT_ACTIVE_COLOR = window.STRAPI_HIGHLIGHT_ACTIVE_COLOR ?? colors.highlightActiveColor;
|
|
15
11
|
const HIGHLIGHT_STYLES_ID = 'strapi-preview-highlight-styles';
|
|
16
12
|
const DOUBLE_CLICK_TIMEOUT = 300; // milliseconds to wait for potential double-click
|
|
17
13
|
const DISABLE_STEGA_DECODING = window.STRAPI_DISABLE_STEGA_DECODING ?? false;
|
|
@@ -1 +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 const HIGHLIGHT_STYLES_ID = 'strapi-preview-highlight-styles';\n const DOUBLE_CLICK_TIMEOUT = 300; // milliseconds to wait for potential double-click\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 STRAPI_FIELD_SINGLE_CLICK_HINT: 'strapiFieldSingleClickHint',\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 createHighlightStyles = () => {\n const existingStyles = document.getElementById(HIGHLIGHT_STYLES_ID);\n // Remove existing styles to avoid duplicates\n if (existingStyles) {\n existingStyles.remove();\n }\n\n const styleElement = document.createElement('style');\n styleElement.id = HIGHLIGHT_STYLES_ID;\n styleElement.textContent = `\n .strapi-highlight {\n position: absolute;\n outline: 2px solid transparent;\n pointer-events: auto;\n border-radius: 2px;\n background-color: transparent;\n will-change: transform;\n transition: outline-color 0.1s ease-in-out;\n }\n\n .strapi-highlight:hover {\n outline-color: ${HIGHLIGHT_HOVER_COLOR} !important;\n }\n\n .strapi-highlight.strapi-highlight-focused {\n outline-color: ${HIGHLIGHT_ACTIVE_COLOR} !important;\n outline-width: 3px !important;\n }\n `;\n\n document.head.appendChild(styleElement);\n return styleElement;\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 const pendingClicks = new Map<Element, number>(); // number is timeout id\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.className = 'strapi-highlight';\n const clickHandler = (event: MouseEvent) => {\n // Skip if this is a re-dispatched event from our delayed handler to avoid infinite loops\n if ((event as any).__strapi_redispatched) {\n return;\n }\n\n // Prevent the immediate action for interactive elements\n event.preventDefault();\n event.stopPropagation();\n\n // Clear any existing timeout for this element\n const existingTimeout = pendingClicks.get(element);\n if (existingTimeout) {\n window.clearTimeout(existingTimeout);\n pendingClicks.delete(element);\n }\n\n // Set up a delayed single-click handler\n const timeout = window.setTimeout(() => {\n pendingClicks.delete(element);\n\n // Send single-click hint notification\n sendMessage(INTERNAL_EVENTS.STRAPI_FIELD_SINGLE_CLICK_HINT, null);\n\n // Re-trigger the click on the underlying element after the double-click timeout\n // Create a new event to dispatch with a marker to prevent re-handling\n const newEvent = new MouseEvent('click', {\n bubbles: true,\n cancelable: true,\n view: window,\n detail: 1,\n button: event.button,\n buttons: event.buttons,\n clientX: event.clientX,\n clientY: event.clientY,\n ctrlKey: event.ctrlKey,\n altKey: event.altKey,\n shiftKey: event.shiftKey,\n metaKey: event.metaKey,\n });\n (newEvent as any).__strapi_redispatched = true;\n element.dispatchEvent(newEvent);\n }, DOUBLE_CLICK_TIMEOUT);\n\n pendingClicks.set(element, timeout);\n };\n\n const doubleClickHandler = (event: MouseEvent) => {\n // Prevent the default behavior on double-click\n event.preventDefault();\n event.stopPropagation();\n\n // Clear any pending single-click action\n const existingTimeout = pendingClicks.get(element);\n if (existingTimeout) {\n clearTimeout(existingTimeout);\n pendingClicks.delete(element);\n }\n\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\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 highlight.addEventListener('click', clickHandler);\n highlight.addEventListener('dblclick', doubleClickHandler);\n highlight.addEventListener('mousedown', mouseDownHandler);\n\n // Store event listeners for cleanup\n eventListeners.push(\n { element: highlight, type: 'click', handler: clickHandler as EventListener },\n { element: highlight, type: 'dblclick', handler: doubleClickHandler as EventListener },\n { element: highlight, 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 // Clear any pending click timeout for this element\n const pendingTimeout = pendingClicks.get(element);\n if (pendingTimeout) {\n window.clearTimeout(pendingTimeout);\n pendingClicks.delete(element);\n }\n\n highlight.remove();\n elementsToHighlight.delete(element);\n\n // Remove event listeners for this highlight\n const listenersToRemove = eventListeners.filter((listener) => listener.element === highlight);\n listenersToRemove.forEach(({ element, type, handler }) => {\n element.removeEventListener(type, handler);\n });\n\n // Mutate eventListeners to remove listeners for this highlight\n eventListeners.splice(\n 0,\n eventListeners.length,\n ...eventListeners.filter((listener) => listener.element !== highlight)\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 clearAllPendingClicks: () => {\n pendingClicks.forEach((timeout) => clearTimeout(timeout));\n pendingClicks.clear();\n },\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.classList.remove('strapi-highlight-focused');\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.classList.add('strapi-highlight-focused');\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.classList.remove('strapi-highlight-focused');\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 highlightManager: HighlightManager\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 // Clear all pending click timeouts\n highlightManager.clearAllPendingClicks();\n\n // Remove highlight event listeners\n eventHandlers.forEach(({ element, type, handler }) => {\n element.removeEventListener(type, handler);\n });\n\n // Clean up CSS styles\n const existingStyles = document.getElementById(HIGHLIGHT_STYLES_ID);\n if (existingStyles) {\n existingStyles.remove();\n }\n\n overlay.remove();\n };\n };\n\n /* -----------------------------------------------------------------------------------------------\n * Orchestration\n * ---------------------------------------------------------------------------------------------*/\n\n setupStegaDOMObserver().then((stegaObserver) => {\n createHighlightStyles();\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, highlightManager);\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","HIGHLIGHT_STYLES_ID","DOUBLE_CLICK_TIMEOUT","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","STRAPI_FIELD_SINGLE_CLICK_HINT","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","createHighlightStyles","existingStyles","getElementById","remove","styleElement","createElement","id","head","appendChild","createOverlaySystem","__strapi_previewCleanup","overlay","style","cssText","body","createHighlightManager","elementsToHighlight","Map","eventListeners","focusedHighlights","pendingClicks","focusedField","drawHighlight","highlight","rect","getBoundingClientRect","width","height","transform","left","top","updateAllHighlights","createHighlightForElement","has","className","clickHandler","event","__strapi_redispatched","preventDefault","stopPropagation","existingTimeout","get","clearTimeout","delete","timeout","setTimeout","newEvent","MouseEvent","bubbles","cancelable","view","detail","button","buttons","clientX","clientY","ctrlKey","altKey","shiftKey","metaKey","dispatchEvent","set","doubleClickHandler","sourceAttribute","getAttribute","position","right","bottom","mouseDownHandler","addEventListener","push","handler","removeHighlightForElement","pendingTimeout","listenersToRemove","listener","removeEventListener","splice","length","initialElements","HTMLElement","elements","keys","highlights","values","setFocusedField","field","getFocusedField","clearAllPendingClicks","clear","setupScrollManagement","highlightManager","updateOnScroll","scrollableElements","Set","add","computedStyle","getComputedStyle","overflow","overflowX","overflowY","includes","cleanup","setupObservers","stegaObserver","resizeObserver","ResizeObserver","observeElementForResize","documentElement","highlightObserver","attributeName","hasAttribute","elementsWithSource","childElement","removedNodes","attributes","attributeFilter","setupEventHandlers","handleMessage","data","value","classList","index","scrollIntoView","behavior","block","indexOf","messageEventListener","createCleanupSystem","observers","scrollManager","eventHandlers","disconnect","then"],"mappings":"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"}
|
|
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 */\ntype PreviewScriptColors = {\n highlightHoverColor: string;\n highlightActiveColor: string;\n};\n\ntype PreviewScriptConfig = {\n shouldRun?: boolean;\n colors: PreviewScriptColors;\n};\n\nconst previewScript = (config: PreviewScriptConfig) => {\n const { shouldRun = true, colors } = config;\n\n /* -----------------------------------------------------------------------------------------------\n * Params\n * ---------------------------------------------------------------------------------------------*/\n const HIGHLIGHT_PADDING = 2; // in pixels\n const HIGHLIGHT_HOVER_COLOR = window.STRAPI_HIGHLIGHT_HOVER_COLOR ?? colors.highlightHoverColor;\n const HIGHLIGHT_ACTIVE_COLOR =\n window.STRAPI_HIGHLIGHT_ACTIVE_COLOR ?? colors.highlightActiveColor;\n const HIGHLIGHT_STYLES_ID = 'strapi-preview-highlight-styles';\n const DOUBLE_CLICK_TIMEOUT = 300; // milliseconds to wait for potential double-click\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 STRAPI_FIELD_SINGLE_CLICK_HINT: 'strapiFieldSingleClickHint',\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 createHighlightStyles = () => {\n const existingStyles = document.getElementById(HIGHLIGHT_STYLES_ID);\n // Remove existing styles to avoid duplicates\n if (existingStyles) {\n existingStyles.remove();\n }\n\n const styleElement = document.createElement('style');\n styleElement.id = HIGHLIGHT_STYLES_ID;\n styleElement.textContent = `\n .strapi-highlight {\n position: absolute;\n outline: 2px solid transparent;\n pointer-events: auto;\n border-radius: 2px;\n background-color: transparent;\n will-change: transform;\n transition: outline-color 0.1s ease-in-out;\n }\n\n .strapi-highlight:hover {\n outline-color: ${HIGHLIGHT_HOVER_COLOR} !important;\n }\n\n .strapi-highlight.strapi-highlight-focused {\n outline-color: ${HIGHLIGHT_ACTIVE_COLOR} !important;\n outline-width: 3px !important;\n }\n `;\n\n document.head.appendChild(styleElement);\n return styleElement;\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 const pendingClicks = new Map<Element, number>(); // number is timeout id\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.className = 'strapi-highlight';\n const clickHandler = (event: MouseEvent) => {\n // Skip if this is a re-dispatched event from our delayed handler to avoid infinite loops\n if ((event as any).__strapi_redispatched) {\n return;\n }\n\n // Prevent the immediate action for interactive elements\n event.preventDefault();\n event.stopPropagation();\n\n // Clear any existing timeout for this element\n const existingTimeout = pendingClicks.get(element);\n if (existingTimeout) {\n window.clearTimeout(existingTimeout);\n pendingClicks.delete(element);\n }\n\n // Set up a delayed single-click handler\n const timeout = window.setTimeout(() => {\n pendingClicks.delete(element);\n\n // Send single-click hint notification\n sendMessage(INTERNAL_EVENTS.STRAPI_FIELD_SINGLE_CLICK_HINT, null);\n\n // Re-trigger the click on the underlying element after the double-click timeout\n // Create a new event to dispatch with a marker to prevent re-handling\n const newEvent = new MouseEvent('click', {\n bubbles: true,\n cancelable: true,\n view: window,\n detail: 1,\n button: event.button,\n buttons: event.buttons,\n clientX: event.clientX,\n clientY: event.clientY,\n ctrlKey: event.ctrlKey,\n altKey: event.altKey,\n shiftKey: event.shiftKey,\n metaKey: event.metaKey,\n });\n (newEvent as any).__strapi_redispatched = true;\n element.dispatchEvent(newEvent);\n }, DOUBLE_CLICK_TIMEOUT);\n\n pendingClicks.set(element, timeout);\n };\n\n const doubleClickHandler = (event: MouseEvent) => {\n // Prevent the default behavior on double-click\n event.preventDefault();\n event.stopPropagation();\n\n // Clear any pending single-click action\n const existingTimeout = pendingClicks.get(element);\n if (existingTimeout) {\n clearTimeout(existingTimeout);\n pendingClicks.delete(element);\n }\n\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\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 highlight.addEventListener('click', clickHandler);\n highlight.addEventListener('dblclick', doubleClickHandler);\n highlight.addEventListener('mousedown', mouseDownHandler);\n\n // Store event listeners for cleanup\n eventListeners.push(\n { element: highlight, type: 'click', handler: clickHandler as EventListener },\n { element: highlight, type: 'dblclick', handler: doubleClickHandler as EventListener },\n { element: highlight, 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 // Clear any pending click timeout for this element\n const pendingTimeout = pendingClicks.get(element);\n if (pendingTimeout) {\n window.clearTimeout(pendingTimeout);\n pendingClicks.delete(element);\n }\n\n highlight.remove();\n elementsToHighlight.delete(element);\n\n // Remove event listeners for this highlight\n const listenersToRemove = eventListeners.filter((listener) => listener.element === highlight);\n listenersToRemove.forEach(({ element, type, handler }) => {\n element.removeEventListener(type, handler);\n });\n\n // Mutate eventListeners to remove listeners for this highlight\n eventListeners.splice(\n 0,\n eventListeners.length,\n ...eventListeners.filter((listener) => listener.element !== highlight)\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 clearAllPendingClicks: () => {\n pendingClicks.forEach((timeout) => clearTimeout(timeout));\n pendingClicks.clear();\n },\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.classList.remove('strapi-highlight-focused');\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.classList.add('strapi-highlight-focused');\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.classList.remove('strapi-highlight-focused');\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 highlightManager: HighlightManager\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 // Clear all pending click timeouts\n highlightManager.clearAllPendingClicks();\n\n // Remove highlight event listeners\n eventHandlers.forEach(({ element, type, handler }) => {\n element.removeEventListener(type, handler);\n });\n\n // Clean up CSS styles\n const existingStyles = document.getElementById(HIGHLIGHT_STYLES_ID);\n if (existingStyles) {\n existingStyles.remove();\n }\n\n overlay.remove();\n };\n };\n\n /* -----------------------------------------------------------------------------------------------\n * Orchestration\n * ---------------------------------------------------------------------------------------------*/\n\n setupStegaDOMObserver().then((stegaObserver) => {\n createHighlightStyles();\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, highlightManager);\n });\n};\n\nexport { previewScript };\n"],"names":["previewScript","config","shouldRun","colors","HIGHLIGHT_PADDING","HIGHLIGHT_HOVER_COLOR","window","STRAPI_HIGHLIGHT_HOVER_COLOR","highlightHoverColor","HIGHLIGHT_ACTIVE_COLOR","STRAPI_HIGHLIGHT_ACTIVE_COLOR","highlightActiveColor","HIGHLIGHT_STYLES_ID","DOUBLE_CLICK_TIMEOUT","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","STRAPI_FIELD_SINGLE_CLICK_HINT","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","createHighlightStyles","existingStyles","getElementById","remove","styleElement","createElement","id","head","appendChild","createOverlaySystem","__strapi_previewCleanup","overlay","style","cssText","body","createHighlightManager","elementsToHighlight","Map","eventListeners","focusedHighlights","pendingClicks","focusedField","drawHighlight","highlight","rect","getBoundingClientRect","width","height","transform","left","top","updateAllHighlights","createHighlightForElement","has","className","clickHandler","event","__strapi_redispatched","preventDefault","stopPropagation","existingTimeout","get","clearTimeout","delete","timeout","setTimeout","newEvent","MouseEvent","bubbles","cancelable","view","detail","button","buttons","clientX","clientY","ctrlKey","altKey","shiftKey","metaKey","dispatchEvent","set","doubleClickHandler","sourceAttribute","getAttribute","position","right","bottom","mouseDownHandler","addEventListener","push","handler","removeHighlightForElement","pendingTimeout","listenersToRemove","listener","removeEventListener","splice","length","initialElements","HTMLElement","elements","keys","highlights","values","setFocusedField","field","getFocusedField","clearAllPendingClicks","clear","setupScrollManagement","highlightManager","updateOnScroll","scrollableElements","Set","add","computedStyle","getComputedStyle","overflow","overflowX","overflowY","includes","cleanup","setupObservers","stegaObserver","resizeObserver","ResizeObserver","observeElementForResize","documentElement","highlightObserver","attributeName","hasAttribute","elementsWithSource","childElement","removedNodes","attributes","attributeFilter","setupEventHandlers","handleMessage","data","value","classList","index","scrollIntoView","behavior","block","indexOf","messageEventListener","createCleanupSystem","observers","scrollManager","eventHandlers","disconnect","then"],"mappings":"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"}
|
|
@@ -1,15 +1,11 @@
|
|
|
1
1
|
// NOTE: This override is for the properties on _user's site_, it's not about Strapi Admin.
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
* Therefore it CANNOT use any imports, or refer to any variables outside of its own scope.
|
|
5
|
-
* It's why many functions are defined within previewScript, it's the only way to avoid going full spaghetti.
|
|
6
|
-
* To get a better overview of everything previewScript does, go to the orchestration part at its end.
|
|
7
|
-
*/ const previewScript = (shouldRun = true)=>{
|
|
2
|
+
const previewScript = (config)=>{
|
|
3
|
+
const { shouldRun = true, colors } = config;
|
|
8
4
|
/* -----------------------------------------------------------------------------------------------
|
|
9
5
|
* Params
|
|
10
6
|
* ---------------------------------------------------------------------------------------------*/ const HIGHLIGHT_PADDING = 2; // in pixels
|
|
11
|
-
const HIGHLIGHT_HOVER_COLOR = window.STRAPI_HIGHLIGHT_HOVER_COLOR ??
|
|
12
|
-
const HIGHLIGHT_ACTIVE_COLOR = window.STRAPI_HIGHLIGHT_ACTIVE_COLOR ??
|
|
7
|
+
const HIGHLIGHT_HOVER_COLOR = window.STRAPI_HIGHLIGHT_HOVER_COLOR ?? colors.highlightHoverColor;
|
|
8
|
+
const HIGHLIGHT_ACTIVE_COLOR = window.STRAPI_HIGHLIGHT_ACTIVE_COLOR ?? colors.highlightActiveColor;
|
|
13
9
|
const HIGHLIGHT_STYLES_ID = 'strapi-preview-highlight-styles';
|
|
14
10
|
const DOUBLE_CLICK_TIMEOUT = 300; // milliseconds to wait for potential double-click
|
|
15
11
|
const DISABLE_STEGA_DECODING = window.STRAPI_DISABLE_STEGA_DECODING ?? false;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"previewScript.mjs","sources":["../../../../admin/src/preview/utils/previewScript.ts"],"sourcesContent":["// NOTE: This override is for the properties on _user's site_, it's not about Strapi Admin.\ndeclare global {\n interface Window {\n __strapi_previewCleanup?: () => void;\n STRAPI_HIGHLIGHT_HOVER_COLOR?: string;\n 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 const HIGHLIGHT_STYLES_ID = 'strapi-preview-highlight-styles';\n const DOUBLE_CLICK_TIMEOUT = 300; // milliseconds to wait for potential double-click\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 STRAPI_FIELD_SINGLE_CLICK_HINT: 'strapiFieldSingleClickHint',\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 createHighlightStyles = () => {\n const existingStyles = document.getElementById(HIGHLIGHT_STYLES_ID);\n // Remove existing styles to avoid duplicates\n if (existingStyles) {\n existingStyles.remove();\n }\n\n const styleElement = document.createElement('style');\n styleElement.id = HIGHLIGHT_STYLES_ID;\n styleElement.textContent = `\n .strapi-highlight {\n position: absolute;\n outline: 2px solid transparent;\n pointer-events: auto;\n border-radius: 2px;\n background-color: transparent;\n will-change: transform;\n transition: outline-color 0.1s ease-in-out;\n }\n\n .strapi-highlight:hover {\n outline-color: ${HIGHLIGHT_HOVER_COLOR} !important;\n }\n\n .strapi-highlight.strapi-highlight-focused {\n outline-color: ${HIGHLIGHT_ACTIVE_COLOR} !important;\n outline-width: 3px !important;\n }\n `;\n\n document.head.appendChild(styleElement);\n return styleElement;\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 const pendingClicks = new Map<Element, number>(); // number is timeout id\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.className = 'strapi-highlight';\n const clickHandler = (event: MouseEvent) => {\n // Skip if this is a re-dispatched event from our delayed handler to avoid infinite loops\n if ((event as any).__strapi_redispatched) {\n return;\n }\n\n // Prevent the immediate action for interactive elements\n event.preventDefault();\n event.stopPropagation();\n\n // Clear any existing timeout for this element\n const existingTimeout = pendingClicks.get(element);\n if (existingTimeout) {\n window.clearTimeout(existingTimeout);\n pendingClicks.delete(element);\n }\n\n // Set up a delayed single-click handler\n const timeout = window.setTimeout(() => {\n pendingClicks.delete(element);\n\n // Send single-click hint notification\n sendMessage(INTERNAL_EVENTS.STRAPI_FIELD_SINGLE_CLICK_HINT, null);\n\n // Re-trigger the click on the underlying element after the double-click timeout\n // Create a new event to dispatch with a marker to prevent re-handling\n const newEvent = new MouseEvent('click', {\n bubbles: true,\n cancelable: true,\n view: window,\n detail: 1,\n button: event.button,\n buttons: event.buttons,\n clientX: event.clientX,\n clientY: event.clientY,\n ctrlKey: event.ctrlKey,\n altKey: event.altKey,\n shiftKey: event.shiftKey,\n metaKey: event.metaKey,\n });\n (newEvent as any).__strapi_redispatched = true;\n element.dispatchEvent(newEvent);\n }, DOUBLE_CLICK_TIMEOUT);\n\n pendingClicks.set(element, timeout);\n };\n\n const doubleClickHandler = (event: MouseEvent) => {\n // Prevent the default behavior on double-click\n event.preventDefault();\n event.stopPropagation();\n\n // Clear any pending single-click action\n const existingTimeout = pendingClicks.get(element);\n if (existingTimeout) {\n clearTimeout(existingTimeout);\n pendingClicks.delete(element);\n }\n\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\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 highlight.addEventListener('click', clickHandler);\n highlight.addEventListener('dblclick', doubleClickHandler);\n highlight.addEventListener('mousedown', mouseDownHandler);\n\n // Store event listeners for cleanup\n eventListeners.push(\n { element: highlight, type: 'click', handler: clickHandler as EventListener },\n { element: highlight, type: 'dblclick', handler: doubleClickHandler as EventListener },\n { element: highlight, 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 // Clear any pending click timeout for this element\n const pendingTimeout = pendingClicks.get(element);\n if (pendingTimeout) {\n window.clearTimeout(pendingTimeout);\n pendingClicks.delete(element);\n }\n\n highlight.remove();\n elementsToHighlight.delete(element);\n\n // Remove event listeners for this highlight\n const listenersToRemove = eventListeners.filter((listener) => listener.element === highlight);\n listenersToRemove.forEach(({ element, type, handler }) => {\n element.removeEventListener(type, handler);\n });\n\n // Mutate eventListeners to remove listeners for this highlight\n eventListeners.splice(\n 0,\n eventListeners.length,\n ...eventListeners.filter((listener) => listener.element !== highlight)\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 clearAllPendingClicks: () => {\n pendingClicks.forEach((timeout) => clearTimeout(timeout));\n pendingClicks.clear();\n },\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.classList.remove('strapi-highlight-focused');\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.classList.add('strapi-highlight-focused');\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.classList.remove('strapi-highlight-focused');\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 highlightManager: HighlightManager\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 // Clear all pending click timeouts\n highlightManager.clearAllPendingClicks();\n\n // Remove highlight event listeners\n eventHandlers.forEach(({ element, type, handler }) => {\n element.removeEventListener(type, handler);\n });\n\n // Clean up CSS styles\n const existingStyles = document.getElementById(HIGHLIGHT_STYLES_ID);\n if (existingStyles) {\n existingStyles.remove();\n }\n\n overlay.remove();\n };\n };\n\n /* -----------------------------------------------------------------------------------------------\n * Orchestration\n * ---------------------------------------------------------------------------------------------*/\n\n setupStegaDOMObserver().then((stegaObserver) => {\n createHighlightStyles();\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, highlightManager);\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","HIGHLIGHT_STYLES_ID","DOUBLE_CLICK_TIMEOUT","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","STRAPI_FIELD_SINGLE_CLICK_HINT","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","createHighlightStyles","existingStyles","getElementById","remove","styleElement","createElement","id","head","appendChild","createOverlaySystem","__strapi_previewCleanup","overlay","style","cssText","body","createHighlightManager","elementsToHighlight","Map","eventListeners","focusedHighlights","pendingClicks","focusedField","drawHighlight","highlight","rect","getBoundingClientRect","width","height","transform","left","top","updateAllHighlights","createHighlightForElement","has","className","clickHandler","event","__strapi_redispatched","preventDefault","stopPropagation","existingTimeout","get","clearTimeout","delete","timeout","setTimeout","newEvent","MouseEvent","bubbles","cancelable","view","detail","button","buttons","clientX","clientY","ctrlKey","altKey","shiftKey","metaKey","dispatchEvent","set","doubleClickHandler","sourceAttribute","getAttribute","position","right","bottom","mouseDownHandler","addEventListener","push","handler","removeHighlightForElement","pendingTimeout","listenersToRemove","listener","removeEventListener","splice","length","initialElements","HTMLElement","elements","keys","highlights","values","setFocusedField","field","getFocusedField","clearAllPendingClicks","clear","setupScrollManagement","highlightManager","updateOnScroll","scrollableElements","Set","add","computedStyle","getComputedStyle","overflow","overflowX","overflowY","includes","cleanup","setupObservers","stegaObserver","resizeObserver","ResizeObserver","observeElementForResize","documentElement","highlightObserver","attributeName","hasAttribute","elementsWithSource","childElement","removedNodes","attributes","attributeFilter","setupEventHandlers","handleMessage","data","value","classList","index","scrollIntoView","behavior","block","indexOf","messageEventListener","createCleanupSystem","observers","scrollManager","eventHandlers","disconnect","then"],"mappings":"AAAA;AAUA;;;;;AAKC,IACKA,MAAAA,aAAAA,GAAgB,CAACC,SAAAA,GAAY,IAAI,GAAA;AACrC;;qGAGA,MAAMC,iBAAoB,GAAA,CAAA,CAAA;AAC1B,IAAA,MAAMC,qBAAwBC,GAAAA,MAAAA,CAAOC,4BAA4B,IAAI;AACrE,IAAA,MAAMC,sBAAyBF,GAAAA,MAAAA,CAAOG,6BAA6B,IAAI;AACvE,IAAA,MAAMC,mBAAsB,GAAA,iCAAA;IAC5B,MAAMC,oBAAAA,GAAuB;IAE7B,MAAMC,sBAAAA,GAAyBN,MAAOO,CAAAA,6BAA6B,IAAI,KAAA;AACvE,IAAA,MAAMC,gBAAmB,GAAA,oBAAA;AACzB,IAAA,MAAMC,UAAa,GAAA,wBAAA;AACnB,IAAA,MAAMC,eAAkB,GAAA;QACtBC,kBAAoB,EAAA,kBAAA;QACpBC,iBAAmB,EAAA,iBAAA;QACnBC,mBAAqB,EAAA,mBAAA;QACrBC,yBAA2B,EAAA,wBAAA;QAC3BC,8BAAgC,EAAA;AAClC,KAAA;AAEA;;;;MAKA,IAAI,CAAClB,SAAW,EAAA;QACd,OAAO;AAAEa,YAAAA;AAAgB,SAAA;AAC3B;AAEA;;qGAIA,MAAMM,WAAc,GAAA,CAClBC,IACAC,EAAAA,OAAAA,GAAAA;QAEAlB,MAAOmB,CAAAA,MAAM,CAACC,WAAW,CAAC;AAAEH,YAAAA,IAAAA;AAAMC,YAAAA;SAAW,EAAA,GAAA,CAAA;AAC/C,KAAA;AAEA,IAAA,MAAMG,oBAAoB,CAACC,IAAAA,GAAAA;QACzB,OAAOC,QAAAA,CAASC,gBAAgB,CAAC,CAAC,CAAC,EAAEhB,gBAAAA,CAAiB,QAAQ,EAAEc,IAAK,CAAA,EAAE,CAAC,CAAA;AAC1E,KAAA;AAEA;;AAEgG,qGAEhG,MAAMG,qBAAwB,GAAA,UAAA;AAC5B,QAAA,IAAInB,sBAAwB,EAAA;AAC1B,YAAA;AACF;QAEA,MAAM,EAAEoB,iBAAmBC,EAAAA,WAAW,EAAEC,gBAAAA,EAAkBC,UAAU,EAAE,GAAG,MAAM;;AAG7E,QAAA,uDAAA,CAAA;AAGF,QAAA,MAAMC,sBAAsB,CAACC,OAAAA,GAAAA;AAC3B,YAAA,MAAMC,eAAkBC,GAAAA,KAAAA,CAAMC,IAAI,CAACH,QAAQI,UAAU,CAAA,CAAEC,MAAM,CAC3D,CAACC,IAASA,GAAAA,IAAAA,CAAKC,QAAQ,KAAKC,KAAKC,SAAS,CAAA;YAG5C,MAAMC,iBAAAA,GAAoBT,eAAgBU,CAAAA,GAAG,CAAC,CAACL,IAASA,GAAAA,IAAAA,CAAKM,WAAW,IAAI,EAAIC,CAAAA,CAAAA,IAAI,CAAC,EAAA,CAAA;AAErF,YAAA,IAAIH,iBAAmB,EAAA;gBACrB,IAAI;;AAEF,oBAAA,MAAMI,SAASlB,WAAYc,CAAAA,iBAAAA,CAAAA;oBAC3B,IAAII,MAAAA,IAAU,kBAAkBA,MAAQ,EAAA;AACtCd,wBAAAA,OAAAA,CAAQe,YAAY,CAACtC,gBAAkBqC,EAAAA,MAAAA,CAAOE,YAAY,CAAA;;wBAG1Df,eAAgBgB,CAAAA,OAAO,CAAC,CAACX,IAAAA,GAAAA;4BACvB,IAAIA,IAAAA,CAAKM,WAAW,EAAE;gCACpB,MAAMM,WAAAA,GAAcpB,UAAWQ,CAAAA,IAAAA,CAAKM,WAAW,CAAA;gCAC/C,IAAIM,WAAAA,KAAgBZ,IAAKM,CAAAA,WAAW,EAAE;AACpCN,oCAAAA,IAAAA,CAAKM,WAAW,GAAGM,WAAAA;AACrB;AACF;AACF,yBAAA,CAAA;AACF;iBACA,CAAA,OAAOC,OAAO;AAClB;AACF,SAAA;;QAGA,MAAMC,WAAAA,GAAc5B,QAASC,CAAAA,gBAAgB,CAAC,GAAA,CAAA;AAC9CS,QAAAA,KAAAA,CAAMC,IAAI,CAACiB,WAAaH,CAAAA,CAAAA,OAAO,CAAClB,mBAAAA,CAAAA;;QAGhC,MAAMsB,QAAAA,GAAW,IAAIC,gBAAAA,CAAiB,CAACC,SAAAA,GAAAA;YACrCA,SAAUN,CAAAA,OAAO,CAAC,CAACO,QAAAA,GAAAA;;gBAEjB,IAAIA,QAAAA,CAAStC,IAAI,KAAK,WAAa,EAAA;AACjCsC,oBAAAA,QAAAA,CAASC,UAAU,CAACR,OAAO,CAAC,CAACX,IAAAA,GAAAA;AAC3B,wBAAA,IAAIA,IAAKC,CAAAA,QAAQ,KAAKC,IAAAA,CAAKkB,YAAY,EAAE;AACvC,4BAAA,MAAM1B,OAAUM,GAAAA,IAAAA;;4BAEhBP,mBAAoBC,CAAAA,OAAAA,CAAAA;;4BAEpB,MAAM2B,aAAAA,GAAgB3B,OAAQP,CAAAA,gBAAgB,CAAC,GAAA,CAAA;AAC/CS,4BAAAA,KAAAA,CAAMC,IAAI,CAACwB,aAAeV,CAAAA,CAAAA,OAAO,CAAClB,mBAAAA,CAAAA;AACpC;AACF,qBAAA,CAAA;AACF;;gBAGA,IAAIyB,QAAAA,CAAStC,IAAI,KAAK,eAAA,IAAmBsC,SAASI,MAAM,CAACC,aAAa,EAAE;oBACtE9B,mBAAoByB,CAAAA,QAAAA,CAASI,MAAM,CAACC,aAAa,CAAA;AACnD;AACF,aAAA,CAAA;AACF,SAAA,CAAA;QAEAR,QAASS,CAAAA,OAAO,CAACtC,QAAU,EAAA;YACzBuC,SAAW,EAAA,IAAA;YACXC,OAAS,EAAA,IAAA;YACTC,aAAe,EAAA;AACjB,SAAA,CAAA;QAEA,OAAOZ,QAAAA;AACT,KAAA;AAEA,IAAA,MAAMa,qBAAwB,GAAA,IAAA;QAC5B,MAAMC,cAAAA,GAAiB3C,QAAS4C,CAAAA,cAAc,CAAC/D,mBAAAA,CAAAA;;AAE/C,QAAA,IAAI8D,cAAgB,EAAA;AAClBA,YAAAA,cAAAA,CAAeE,MAAM,EAAA;AACvB;QAEA,MAAMC,YAAAA,GAAe9C,QAAS+C,CAAAA,aAAa,CAAC,OAAA,CAAA;AAC5CD,QAAAA,YAAAA,CAAaE,EAAE,GAAGnE,mBAAAA;QAClBiE,YAAa1B,CAAAA,WAAW,GAAG;;;;;;;;;;;;AAYR,uBAAA,EAAE5C,qBAAsB,CAAA;;;;AAIxB,uBAAA,EAAEG,sBAAuB,CAAA;;;IAG5C,CAAC;QAEDqB,QAASiD,CAAAA,IAAI,CAACC,WAAW,CAACJ,YAAAA,CAAAA;QAC1B,OAAOA,YAAAA;AACT,KAAA;AAEA,IAAA,MAAMK,mBAAsB,GAAA,IAAA;;AAE1B1E,QAAAA,MAAAA,CAAO2E,uBAAuB,IAAA;QAC9BpD,QAAS4C,CAAAA,cAAc,CAAC1D,UAAa2D,CAAAA,EAAAA,MAAAA,EAAAA;QAErC,MAAMQ,OAAAA,GAAUrD,QAAS+C,CAAAA,aAAa,CAAC,KAAA,CAAA;AACvCM,QAAAA,OAAAA,CAAQL,EAAE,GAAG9D,UAAAA;AACbmE,QAAAA,OAAAA,CAAQC,KAAK,CAACC,OAAO,GAAG;;;;;;;;IAQxB,CAAC;AAED9E,QAAAA,MAAAA,CAAOuB,QAAQ,CAACwD,IAAI,CAACN,WAAW,CAACG,OAAAA,CAAAA;QACjC,OAAOA,OAAAA;AACT,KAAA;AAQA,IAAA,MAAMI,yBAAyB,CAACJ,OAAAA,GAAAA;AAC9B,QAAA,MAAMK,sBAAsB,IAAIC,GAAAA,EAAAA;AAChC,QAAA,MAAMC,iBAAqC,EAAE;AAC7C,QAAA,MAAMC,oBAAmC,EAAE;QAC3C,MAAMC,aAAAA,GAAgB,IAAIH,GAAAA,EAAAA,CAAAA;AAC1B,QAAA,IAAII,YAA8B,GAAA,IAAA;QAElC,MAAMC,aAAAA,GAAgB,CAAC5B,MAAiB6B,EAAAA,SAAAA,GAAAA;AACtC,YAAA,IAAI,CAACA,SAAW,EAAA;YAEhB,MAAMC,IAAAA,GAAO9B,OAAO+B,qBAAqB,EAAA;YACzCF,SAAUX,CAAAA,KAAK,CAACc,KAAK,GAAG,CAAA,EAAGF,IAAKE,CAAAA,KAAK,GAAG7F,iBAAAA,GAAoB,CAAE,CAAA,EAAE,CAAC;YACjE0F,SAAUX,CAAAA,KAAK,CAACe,MAAM,GAAG,CAAA,EAAGH,IAAKG,CAAAA,MAAM,GAAG9F,iBAAAA,GAAoB,CAAE,CAAA,EAAE,CAAC;AACnE0F,YAAAA,SAAAA,CAAUX,KAAK,CAACgB,SAAS,GAAG,CAAC,UAAU,EAAEJ,IAAKK,CAAAA,IAAI,GAAGhG,iBAAAA,CAAkB,IAAI,EAAE2F,IAAAA,CAAKM,GAAG,GAAGjG,iBAAAA,CAAkB,GAAG,CAAC;AAChH,SAAA;AAEA,QAAA,MAAMkG,mBAAsB,GAAA,IAAA;YAC1Bf,mBAAoBjC,CAAAA,OAAO,CAAC,CAACwC,SAAWzD,EAAAA,OAAAA,GAAAA;AACtCwD,gBAAAA,aAAAA,CAAcxD,OAASyD,EAAAA,SAAAA,CAAAA;AACzB,aAAA,CAAA;AACF,SAAA;AAEA,QAAA,MAAMS,4BAA4B,CAAClE,OAAAA,GAAAA;YACjC,IAAIkD,mBAAAA,CAAoBiB,GAAG,CAACnE,OAAU,CAAA,EAAA;;AAEpC,gBAAA;AACF;YAEA,MAAMyD,SAAAA,GAAYjE,QAAS+C,CAAAA,aAAa,CAAC,KAAA,CAAA;AACzCkB,YAAAA,SAAAA,CAAUW,SAAS,GAAG,kBAAA;AACtB,YAAA,MAAMC,eAAe,CAACC,KAAAA,GAAAA;;gBAEpB,IAAKA,KAAcC,CAAAA,qBAAqB,EAAE;AACxC,oBAAA;AACF;;AAGAD,gBAAAA,KAAAA,CAAME,cAAc,EAAA;AACpBF,gBAAAA,KAAAA,CAAMG,eAAe,EAAA;;gBAGrB,MAAMC,eAAAA,GAAkBpB,aAAcqB,CAAAA,GAAG,CAAC3E,OAAAA,CAAAA;AAC1C,gBAAA,IAAI0E,eAAiB,EAAA;AACnBzG,oBAAAA,MAAAA,CAAO2G,YAAY,CAACF,eAAAA,CAAAA;AACpBpB,oBAAAA,aAAAA,CAAcuB,MAAM,CAAC7E,OAAAA,CAAAA;AACvB;;gBAGA,MAAM8E,OAAAA,GAAU7G,MAAO8G,CAAAA,UAAU,CAAC,IAAA;AAChCzB,oBAAAA,aAAAA,CAAcuB,MAAM,CAAC7E,OAAAA,CAAAA;;oBAGrBf,WAAYN,CAAAA,eAAAA,CAAgBK,8BAA8B,EAAE,IAAA,CAAA;;;oBAI5D,MAAMgG,QAAAA,GAAW,IAAIC,UAAAA,CAAW,OAAS,EAAA;wBACvCC,OAAS,EAAA,IAAA;wBACTC,UAAY,EAAA,IAAA;wBACZC,IAAMnH,EAAAA,MAAAA;wBACNoH,MAAQ,EAAA,CAAA;AACRC,wBAAAA,MAAAA,EAAQhB,MAAMgB,MAAM;AACpBC,wBAAAA,OAAAA,EAASjB,MAAMiB,OAAO;AACtBC,wBAAAA,OAAAA,EAASlB,MAAMkB,OAAO;AACtBC,wBAAAA,OAAAA,EAASnB,MAAMmB,OAAO;AACtBC,wBAAAA,OAAAA,EAASpB,MAAMoB,OAAO;AACtBC,wBAAAA,MAAAA,EAAQrB,MAAMqB,MAAM;AACpBC,wBAAAA,QAAAA,EAAUtB,MAAMsB,QAAQ;AACxBC,wBAAAA,OAAAA,EAASvB,MAAMuB;AACjB,qBAAA,CAAA;AACCb,oBAAAA,QAAAA,CAAiBT,qBAAqB,GAAG,IAAA;AAC1CvE,oBAAAA,OAAAA,CAAQ8F,aAAa,CAACd,QAAAA,CAAAA;iBACrB1G,EAAAA,oBAAAA,CAAAA;gBAEHgF,aAAcyC,CAAAA,GAAG,CAAC/F,OAAS8E,EAAAA,OAAAA,CAAAA;AAC7B,aAAA;AAEA,YAAA,MAAMkB,qBAAqB,CAAC1B,KAAAA,GAAAA;;AAE1BA,gBAAAA,KAAAA,CAAME,cAAc,EAAA;AACpBF,gBAAAA,KAAAA,CAAMG,eAAe,EAAA;;gBAGrB,MAAMC,eAAAA,GAAkBpB,aAAcqB,CAAAA,GAAG,CAAC3E,OAAAA,CAAAA;AAC1C,gBAAA,IAAI0E,eAAiB,EAAA;oBACnBE,YAAaF,CAAAA,eAAAA,CAAAA;AACbpB,oBAAAA,aAAAA,CAAcuB,MAAM,CAAC7E,OAAAA,CAAAA;AACvB;gBAEA,MAAMiG,eAAAA,GAAkBjG,OAAQkG,CAAAA,YAAY,CAACzH,gBAAAA,CAAAA;AAC7C,gBAAA,IAAIwH,eAAiB,EAAA;oBACnB,MAAMvC,IAAAA,GAAO1D,QAAQ2D,qBAAqB,EAAA;oBAC1C1E,WAAYN,CAAAA,eAAAA,CAAgBI,yBAAyB,EAAE;wBACrDQ,IAAM0G,EAAAA,eAAAA;wBACNE,QAAU,EAAA;AACRnC,4BAAAA,GAAAA,EAAKN,KAAKM,GAAG;AACbD,4BAAAA,IAAAA,EAAML,KAAKK,IAAI;AACfqC,4BAAAA,KAAAA,EAAO1C,KAAK0C,KAAK;AACjBC,4BAAAA,MAAAA,EAAQ3C,KAAK2C,MAAM;AACnBzC,4BAAAA,KAAAA,EAAOF,KAAKE,KAAK;AACjBC,4BAAAA,MAAAA,EAAQH,KAAKG;AACf;AACF,qBAAA,CAAA;AACF;AACF,aAAA;AAEA,YAAA,MAAMyC,mBAAmB,CAAChC,KAAAA,GAAAA;;gBAExB,IAAIA,KAAAA,CAAMe,MAAM,IAAI,CAAG,EAAA;AACrBf,oBAAAA,KAAAA,CAAME,cAAc,EAAA;AACtB;AACF,aAAA;YAEAf,SAAU8C,CAAAA,gBAAgB,CAAC,OAASlC,EAAAA,YAAAA,CAAAA;YACpCZ,SAAU8C,CAAAA,gBAAgB,CAAC,UAAYP,EAAAA,kBAAAA,CAAAA;YACvCvC,SAAU8C,CAAAA,gBAAgB,CAAC,WAAaD,EAAAA,gBAAAA,CAAAA;;AAGxClD,YAAAA,cAAAA,CAAeoD,IAAI,CACjB;gBAAExG,OAASyD,EAAAA,SAAAA;gBAAWvE,IAAM,EAAA,OAAA;gBAASuH,OAASpC,EAAAA;aAC9C,EAAA;gBAAErE,OAASyD,EAAAA,SAAAA;gBAAWvE,IAAM,EAAA,UAAA;gBAAYuH,OAAST,EAAAA;aACjD,EAAA;gBAAEhG,OAASyD,EAAAA,SAAAA;gBAAWvE,IAAM,EAAA,WAAA;gBAAauH,OAASH,EAAAA;AAAkC,aAAA,CAAA;YAGtFpD,mBAAoB6C,CAAAA,GAAG,CAAC/F,OAASyD,EAAAA,SAAAA,CAAAA;AACjCZ,YAAAA,OAAAA,CAAQH,WAAW,CAACe,SAAAA,CAAAA;AACpBD,YAAAA,aAAAA,CAAcxD,OAASyD,EAAAA,SAAAA,CAAAA;AACzB,SAAA;AAEA,QAAA,MAAMiD,4BAA4B,CAAC1G,OAAAA,GAAAA;YACjC,MAAMyD,SAAAA,GAAYP,mBAAoByB,CAAAA,GAAG,CAAC3E,OAAAA,CAAAA;AAE1C,YAAA,IAAI,CAACyD,SAAW,EAAA;;YAGhB,MAAMkD,cAAAA,GAAiBrD,aAAcqB,CAAAA,GAAG,CAAC3E,OAAAA,CAAAA;AACzC,YAAA,IAAI2G,cAAgB,EAAA;AAClB1I,gBAAAA,MAAAA,CAAO2G,YAAY,CAAC+B,cAAAA,CAAAA;AACpBrD,gBAAAA,aAAAA,CAAcuB,MAAM,CAAC7E,OAAAA,CAAAA;AACvB;AAEAyD,YAAAA,SAAAA,CAAUpB,MAAM,EAAA;AAChBa,YAAAA,mBAAAA,CAAoB2B,MAAM,CAAC7E,OAAAA,CAAAA;;YAG3B,MAAM4G,iBAAAA,GAAoBxD,eAAe/C,MAAM,CAAC,CAACwG,QAAaA,GAAAA,QAAAA,CAAS7G,OAAO,KAAKyD,SAAAA,CAAAA;YACnFmD,iBAAkB3F,CAAAA,OAAO,CAAC,CAAC,EAAEjB,OAAO,EAAEd,IAAI,EAAEuH,OAAO,EAAE,GAAA;gBACnDzG,OAAQ8G,CAAAA,mBAAmB,CAAC5H,IAAMuH,EAAAA,OAAAA,CAAAA;AACpC,aAAA,CAAA;;AAGArD,YAAAA,cAAAA,CAAe2D,MAAM,CACnB,CACA3D,EAAAA,cAAAA,CAAe4D,MAAM,EAAA,GAClB5D,cAAe/C,CAAAA,MAAM,CAAC,CAACwG,QAAaA,GAAAA,QAAAA,CAAS7G,OAAO,KAAKyD,SAAAA,CAAAA,CAAAA;AAEhE,SAAA;;QAGA,MAAMwD,eAAAA,GAAkBhJ,MAAOuB,CAAAA,QAAQ,CAACC,gBAAgB,CAAC,CAAC,CAAC,EAAEhB,gBAAiB,CAAA,CAAC,CAAC,CAAA;AAChFyB,QAAAA,KAAAA,CAAMC,IAAI,CAAC8G,eAAiBhG,CAAAA,CAAAA,OAAO,CAAC,CAACjB,OAAAA,GAAAA;AACnC,YAAA,IAAIA,mBAAmBkH,WAAa,EAAA;gBAClChD,yBAA0BlE,CAAAA,OAAAA,CAAAA;AAC5B;AACF,SAAA,CAAA;QAEA,OAAO;AACL,YAAA,IAAImH,QAAW,CAAA,GAAA;AACb,gBAAA,OAAOjH,KAAMC,CAAAA,IAAI,CAAC+C,mBAAAA,CAAoBkE,IAAI,EAAA,CAAA;AAC5C,aAAA;AACA,YAAA,IAAIC,UAAa,CAAA,GAAA;AACf,gBAAA,OAAOnH,KAAMC,CAAAA,IAAI,CAAC+C,mBAAAA,CAAoBoE,MAAM,EAAA,CAAA;AAC9C,aAAA;AACArD,YAAAA,mBAAAA;AACAb,YAAAA,cAAAA;AACAC,YAAAA,iBAAAA;AACAa,YAAAA,yBAAAA;AACAwC,YAAAA,yBAAAA;AACAa,YAAAA,eAAAA,EAAiB,CAACC,KAAAA,GAAAA;gBAChBjE,YAAeiE,GAAAA,KAAAA;AACjB,aAAA;AACAC,YAAAA,eAAAA,EAAiB,IAAMlE,YAAAA;YACvBmE,qBAAuB,EAAA,IAAA;AACrBpE,gBAAAA,aAAAA,CAAcrC,OAAO,CAAC,CAAC6D,OAAAA,GAAYF,YAAaE,CAAAA,OAAAA,CAAAA,CAAAA;AAChDxB,gBAAAA,aAAAA,CAAcqE,KAAK,EAAA;AACrB;AACF,SAAA;AACF,KAAA;AAIA;;;;MAKA,MAAMC,wBAAwB,CAACC,gBAAAA,GAAAA;AAC7B,QAAA,MAAMC,cAAiB,GAAA,IAAA;AACrBD,YAAAA,gBAAAA,CAAiB5D,mBAAmB,EAAA;AACtC,SAAA;AAEA,QAAA,MAAM8D,qBAAqB,IAAIC,GAAAA,EAAAA;AAC/BD,QAAAA,kBAAAA,CAAmBE,GAAG,CAAChK,MAAAA,CAAAA;;AAGvB4J,QAAAA,gBAAAA,CAAiBV,QAAQ,CAAClG,OAAO,CAAC,CAACjB,OAAAA,GAAAA;YACjC,IAAIZ,MAAAA,GAASY,QAAQ6B,aAAa;AAClC,YAAA,MAAOzC,MAAQ,CAAA;gBACb,MAAM8I,aAAAA,GAAgBjK,MAAOkK,CAAAA,gBAAgB,CAAC/I,MAAAA,CAAAA;gBAC9C,MAAMgJ,QAAAA,GAAWF,cAAcE,QAAQ,GAAGF,cAAcG,SAAS,GAAGH,cAAcI,SAAS;AAE3F,gBAAA,IAAIF,SAASG,QAAQ,CAAC,aAAaH,QAASG,CAAAA,QAAQ,CAAC,MAAS,CAAA,EAAA;AAC5DR,oBAAAA,kBAAAA,CAAmBE,GAAG,CAAC7I,MAAAA,CAAAA;AACzB;AAEAA,gBAAAA,MAAAA,GAASA,OAAOyC,aAAa;AAC/B;AACF,SAAA,CAAA;;QAGAkG,kBAAmB9G,CAAAA,OAAO,CAAC,CAACjB,OAAAA,GAAAA;AAC1B,YAAA,IAAIA,YAAY/B,MAAQ,EAAA;gBACtBA,MAAOsI,CAAAA,gBAAgB,CAAC,QAAUuB,EAAAA,cAAAA,CAAAA;gBAClC7J,MAAOsI,CAAAA,gBAAgB,CAAC,QAAUuB,EAAAA,cAAAA,CAAAA;aAC7B,MAAA;gBACL9H,OAAQuG,CAAAA,gBAAgB,CAAC,QAAUuB,EAAAA,cAAAA,CAAAA;AACrC;AACF,SAAA,CAAA;AAEA,QAAA,MAAMU,OAAU,GAAA,IAAA;YACdT,kBAAmB9G,CAAAA,OAAO,CAAC,CAACjB,OAAAA,GAAAA;AAC1B,gBAAA,IAAIA,YAAY/B,MAAQ,EAAA;oBACtBA,MAAO6I,CAAAA,mBAAmB,CAAC,QAAUgB,EAAAA,cAAAA,CAAAA;oBACrC7J,MAAO6I,CAAAA,mBAAmB,CAAC,QAAUgB,EAAAA,cAAAA,CAAAA;iBAChC,MAAA;oBACJ9H,OAAoB8G,CAAAA,mBAAmB,CAAC,QAAUgB,EAAAA,cAAAA,CAAAA;AACrD;AACF,aAAA,CAAA;AACF,SAAA;QAEA,OAAO;AAAEU,YAAAA;AAAQ,SAAA;AACnB,KAAA;IAEA,MAAMC,cAAAA,GAAiB,CACrBZ,gBACAa,EAAAA,aAAAA,GAAAA;QAEA,MAAMC,cAAAA,GAAiB,IAAIC,cAAe,CAAA,IAAA;AACxCf,YAAAA,gBAAAA,CAAiB5D,mBAAmB,EAAA;AACtC,SAAA,CAAA;AAEA,QAAA,MAAM4E,0BAA0B,CAAC7I,OAAAA,GAAAA;AAC/B2I,YAAAA,cAAAA,CAAe7G,OAAO,CAAC9B,OAAAA,CAAAA;AACzB,SAAA;;QAGA6H,gBAAiBV,CAAAA,QAAQ,CAAClG,OAAO,CAAC4H,uBAAAA,CAAAA;QAClCF,cAAe7G,CAAAA,OAAO,CAACtC,QAAAA,CAASsJ,eAAe,CAAA;;QAG/C,MAAMC,iBAAAA,GAAoB,IAAIzH,gBAAAA,CAAiB,CAACC,SAAAA,GAAAA;YAC9CA,SAAUN,CAAAA,OAAO,CAAC,CAACO,QAAAA,GAAAA;AACjB,gBAAA,IAAIA,SAAStC,IAAI,KAAK,gBAAgBsC,QAASwH,CAAAA,aAAa,KAAKvK,gBAAkB,EAAA;oBACjF,MAAMmD,MAAAA,GAASJ,SAASI,MAAM;oBAC9B,IAAIA,MAAAA,CAAOqH,YAAY,CAACxK,gBAAmB,CAAA,EAAA;AACzCoJ,wBAAAA,gBAAAA,CAAiB3D,yBAAyB,CAACtC,MAAAA,CAAAA;wBAC3CiH,uBAAwBjH,CAAAA,MAAAA,CAAAA;qBACnB,MAAA;AACLiG,wBAAAA,gBAAAA,CAAiBnB,yBAAyB,CAAC9E,MAAAA,CAAAA;AAC7C;AACF;gBAEA,IAAIJ,QAAAA,CAAStC,IAAI,KAAK,WAAa,EAAA;AACjCsC,oBAAAA,QAAAA,CAASC,UAAU,CAACR,OAAO,CAAC,CAACX,IAAAA,GAAAA;AAC3B,wBAAA,IAAIA,IAAKC,CAAAA,QAAQ,KAAKC,IAAAA,CAAKkB,YAAY,EAAE;AACvC,4BAAA,MAAM1B,OAAUM,GAAAA,IAAAA;;AAEhB,4BAAA,IAAIN,OAAQiJ,CAAAA,YAAY,CAACxK,gBAAAA,CAAAA,IAAqBuB,mBAAmBkH,WAAa,EAAA;AAC5EW,gCAAAA,gBAAAA,CAAiB3D,yBAAyB,CAAClE,OAAAA,CAAAA;gCAC3C6I,uBAAwB7I,CAAAA,OAAAA,CAAAA;AAC1B;;4BAEA,MAAMkJ,kBAAAA,GAAqBlJ,QAAQP,gBAAgB,CAAC,CAAC,CAAC,EAAEhB,gBAAiB,CAAA,CAAC,CAAC,CAAA;AAC3EyB,4BAAAA,KAAAA,CAAMC,IAAI,CAAC+I,kBAAoBjI,CAAAA,CAAAA,OAAO,CAAC,CAACkI,YAAAA,GAAAA;AACtC,gCAAA,IAAIA,wBAAwBjC,WAAa,EAAA;AACvCW,oCAAAA,gBAAAA,CAAiB3D,yBAAyB,CAACiF,YAAAA,CAAAA;oCAC3CN,uBAAwBM,CAAAA,YAAAA,CAAAA;AAC1B;AACF,6BAAA,CAAA;AACF;AACF,qBAAA,CAAA;AAEA3H,oBAAAA,QAAAA,CAAS4H,YAAY,CAACnI,OAAO,CAAC,CAACX,IAAAA,GAAAA;AAC7B,wBAAA,IAAIA,IAAKC,CAAAA,QAAQ,KAAKC,IAAAA,CAAKkB,YAAY,EAAE;AACvC,4BAAA,MAAM1B,OAAUM,GAAAA,IAAAA;AAChBuH,4BAAAA,gBAAAA,CAAiBnB,yBAAyB,CAAC1G,OAAAA,CAAAA;AAC7C;AACF,qBAAA,CAAA;AACF;AACF,aAAA,CAAA;AACF,SAAA,CAAA;QAEA+I,iBAAkBjH,CAAAA,OAAO,CAACtC,QAAU,EAAA;YAClCuC,SAAW,EAAA,IAAA;YACXC,OAAS,EAAA,IAAA;YACTqH,UAAY,EAAA,IAAA;YACZC,eAAiB,EAAA;AAAC7K,gBAAAA;AAAiB;AACrC,SAAA,CAAA;QAEA,OAAO;AACLkK,YAAAA,cAAAA;AACAI,YAAAA,iBAAAA;AACAL,YAAAA;AACF,SAAA;AACF,KAAA;AAEA,IAAA,MAAMa,qBAAqB,CAAC1B,gBAAAA,GAAAA;AAC1B,QAAA,MAAM2B,gBAAgB,CAAClF,KAAAA,GAAAA;AACrB,YAAA,IAAI,CAACA,KAAAA,CAAMmF,IAAI,EAAEvK,IAAM,EAAA;;AAGvB,YAAA,IAAIoF,MAAMmF,IAAI,CAACvK,IAAI,KAAKP,eAAAA,CAAgBG,mBAAmB,EAAE;gBAC3D,MAAM,EAAE0I,KAAK,EAAEkC,KAAK,EAAE,GAAGpF,KAAAA,CAAMmF,IAAI,CAACtK,OAAO;AAC3C,gBAAA,IAAI,CAACqI,KAAO,EAAA;gBAEZlI,iBAAkBkI,CAAAA,KAAAA,CAAAA,CAAOvG,OAAO,CAAC,CAACjB,OAAAA,GAAAA;AAChC,oBAAA,IAAIA,mBAAmBkH,WAAa,EAAA;wBAClClH,OAAQY,CAAAA,WAAW,GAAG8I,KAAS,IAAA,EAAA;AACjC;AACF,iBAAA,CAAA;;AAGA7B,gBAAAA,gBAAAA,CAAiB5D,mBAAmB,EAAA;AACpC,gBAAA;AACF;;AAGA,YAAA,IAAIK,MAAMmF,IAAI,CAACvK,IAAI,KAAKP,eAAAA,CAAgBC,kBAAkB,EAAE;AAC1D,gBAAA,MAAM,EAAE4I,KAAK,EAAE,GAAGlD,KAAMmF,CAAAA,IAAI,CAACtK,OAAO;AACpC,gBAAA,IAAI,CAACqI,KAAO,EAAA;;AAGZK,gBAAAA,gBAAAA,CAAiBxE,iBAAiB,CAACpC,OAAO,CAAC,CAACwC,SAAAA,GAAAA;oBAC1CA,SAAUkG,CAAAA,SAAS,CAACtH,MAAM,CAAC,0BAAA,CAAA;AAC7B,iBAAA,CAAA;gBACAwF,gBAAiBxE,CAAAA,iBAAiB,CAAC2D,MAAM,GAAG,CAAA;;AAG5Ca,gBAAAA,gBAAAA,CAAiBN,eAAe,CAACC,KAAAA,CAAAA;AACjClI,gBAAAA,iBAAAA,CAAkBkI,KAAOvG,CAAAA,CAAAA,OAAO,CAAC,CAACjB,OAAS4J,EAAAA,KAAAA,GAAAA;AACzC,oBAAA,IAAIA,UAAU,CAAG,EAAA;AACf5J,wBAAAA,OAAAA,CAAQ6J,cAAc,CAAC;4BAAEC,QAAU,EAAA,QAAA;4BAAUC,KAAO,EAAA;AAAS,yBAAA,CAAA;AAC/D;AACA,oBAAA,MAAMtG,SACJoE,GAAAA,gBAAAA,CAAiBR,UAAU,CAACnH,KAAMC,CAAAA,IAAI,CAAC0H,gBAAAA,CAAiBV,QAAQ,CAAA,CAAE6C,OAAO,CAAChK,OAAS,CAAA,CAAA;AACrF,oBAAA,IAAIyD,SAAW,EAAA;wBACbA,SAAUkG,CAAAA,SAAS,CAAC1B,GAAG,CAAC,0BAAA,CAAA;wBACxBJ,gBAAiBxE,CAAAA,iBAAiB,CAACmD,IAAI,CAAC/C,SAAAA,CAAAA;AAC1C;AACF,iBAAA,CAAA;AACA,gBAAA;AACF;;AAGA,YAAA,IAAIa,MAAMmF,IAAI,CAACvK,IAAI,KAAKP,eAAAA,CAAgBE,iBAAiB,EAAE;AACzD,gBAAA,MAAM,EAAE2I,KAAK,EAAE,GAAGlD,KAAMmF,CAAAA,IAAI,CAACtK,OAAO;gBACpC,IAAIqI,KAAAA,KAAUK,gBAAiBJ,CAAAA,eAAe,EAAI,EAAA;AAElDI,gBAAAA,gBAAAA,CAAiBxE,iBAAiB,CAACpC,OAAO,CAAC,CAACwC,SAAAA,GAAAA;oBAC1CA,SAAUkG,CAAAA,SAAS,CAACtH,MAAM,CAAC,0BAAA,CAAA;AAC7B,iBAAA,CAAA;gBACAwF,gBAAiBxE,CAAAA,iBAAiB,CAAC2D,MAAM,GAAG,CAAA;AAC5Ca,gBAAAA,gBAAAA,CAAiBN,eAAe,CAAC,IAAA,CAAA;AACnC;AACF,SAAA;QAEAtJ,MAAOsI,CAAAA,gBAAgB,CAAC,SAAWiD,EAAAA,aAAAA,CAAAA;;AAGnC,QAAA,MAAMS,oBAAuB,GAAA;YAC3BjK,OAAS/B,EAAAA,MAAAA;YACTiB,IAAM,EAAA,SAAA;YACNuH,OAAS+C,EAAAA;AACX,SAAA;QAEA,OAAO;AAAI3B,YAAAA,GAAAA,gBAAAA,CAAiBzE,cAAc;AAAE6G,YAAAA;AAAqB,SAAA;AACnE,KAAA;AAEA,IAAA,MAAMC,mBAAsB,GAAA,CAC1BrH,OACAsH,EAAAA,SAAAA,EACAC,eACAC,aACAxC,EAAAA,gBAAAA,GAAAA;AAEA5J,QAAAA,MAAAA,CAAO2E,uBAAuB,GAAG,IAAA;YAC/BuH,SAAUxB,CAAAA,cAAc,CAAC2B,UAAU,EAAA;YACnCH,SAAUpB,CAAAA,iBAAiB,CAACuB,UAAU,EAAA;AACtCH,YAAAA,SAAAA,CAAUzB,aAAa,EAAE4B,UAAAA,EAAAA;;AAGzBF,YAAAA,aAAAA,CAAc5B,OAAO,EAAA;;AAGrBX,YAAAA,gBAAAA,CAAiBH,qBAAqB,EAAA;;YAGtC2C,aAAcpJ,CAAAA,OAAO,CAAC,CAAC,EAAEjB,OAAO,EAAEd,IAAI,EAAEuH,OAAO,EAAE,GAAA;gBAC/CzG,OAAQ8G,CAAAA,mBAAmB,CAAC5H,IAAMuH,EAAAA,OAAAA,CAAAA;AACpC,aAAA,CAAA;;YAGA,MAAMtE,cAAAA,GAAiB3C,QAAS4C,CAAAA,cAAc,CAAC/D,mBAAAA,CAAAA;AAC/C,YAAA,IAAI8D,cAAgB,EAAA;AAClBA,gBAAAA,cAAAA,CAAeE,MAAM,EAAA;AACvB;AAEAQ,YAAAA,OAAAA,CAAQR,MAAM,EAAA;AAChB,SAAA;AACF,KAAA;AAEA;;qGAIA3C,qBAAAA,EAAAA,CAAwB6K,IAAI,CAAC,CAAC7B,aAAAA,GAAAA;AAC5BxG,QAAAA,qBAAAA,EAAAA;AACA,QAAA,MAAMW,OAAUF,GAAAA,mBAAAA,EAAAA;AAChB,QAAA,MAAMkF,mBAAmB5E,sBAAuBJ,CAAAA,OAAAA,CAAAA;QAChD,MAAMsH,SAAAA,GAAY1B,eAAeZ,gBAAkBa,EAAAA,aAAAA,CAAAA;AACnD,QAAA,MAAM0B,gBAAgBxC,qBAAsBC,CAAAA,gBAAAA,CAAAA;AAC5C,QAAA,MAAMwC,gBAAgBd,kBAAmB1B,CAAAA,gBAAAA,CAAAA;QACzCqC,mBAAoBrH,CAAAA,OAAAA,EAASsH,SAAWC,EAAAA,aAAAA,EAAeC,aAAexC,EAAAA,gBAAAA,CAAAA;AACxE,KAAA,CAAA;AACF;;;;"}
|
|
1
|
+
{"version":3,"file":"previewScript.mjs","sources":["../../../../admin/src/preview/utils/previewScript.ts"],"sourcesContent":["// NOTE: This override is for the properties on _user's site_, it's not about Strapi Admin.\ndeclare global {\n interface Window {\n __strapi_previewCleanup?: () => void;\n STRAPI_HIGHLIGHT_HOVER_COLOR?: string;\n 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 */\ntype PreviewScriptColors = {\n highlightHoverColor: string;\n highlightActiveColor: string;\n};\n\ntype PreviewScriptConfig = {\n shouldRun?: boolean;\n colors: PreviewScriptColors;\n};\n\nconst previewScript = (config: PreviewScriptConfig) => {\n const { shouldRun = true, colors } = config;\n\n /* -----------------------------------------------------------------------------------------------\n * Params\n * ---------------------------------------------------------------------------------------------*/\n const HIGHLIGHT_PADDING = 2; // in pixels\n const HIGHLIGHT_HOVER_COLOR = window.STRAPI_HIGHLIGHT_HOVER_COLOR ?? colors.highlightHoverColor;\n const HIGHLIGHT_ACTIVE_COLOR =\n window.STRAPI_HIGHLIGHT_ACTIVE_COLOR ?? colors.highlightActiveColor;\n const HIGHLIGHT_STYLES_ID = 'strapi-preview-highlight-styles';\n const DOUBLE_CLICK_TIMEOUT = 300; // milliseconds to wait for potential double-click\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 STRAPI_FIELD_SINGLE_CLICK_HINT: 'strapiFieldSingleClickHint',\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 createHighlightStyles = () => {\n const existingStyles = document.getElementById(HIGHLIGHT_STYLES_ID);\n // Remove existing styles to avoid duplicates\n if (existingStyles) {\n existingStyles.remove();\n }\n\n const styleElement = document.createElement('style');\n styleElement.id = HIGHLIGHT_STYLES_ID;\n styleElement.textContent = `\n .strapi-highlight {\n position: absolute;\n outline: 2px solid transparent;\n pointer-events: auto;\n border-radius: 2px;\n background-color: transparent;\n will-change: transform;\n transition: outline-color 0.1s ease-in-out;\n }\n\n .strapi-highlight:hover {\n outline-color: ${HIGHLIGHT_HOVER_COLOR} !important;\n }\n\n .strapi-highlight.strapi-highlight-focused {\n outline-color: ${HIGHLIGHT_ACTIVE_COLOR} !important;\n outline-width: 3px !important;\n }\n `;\n\n document.head.appendChild(styleElement);\n return styleElement;\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 const pendingClicks = new Map<Element, number>(); // number is timeout id\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.className = 'strapi-highlight';\n const clickHandler = (event: MouseEvent) => {\n // Skip if this is a re-dispatched event from our delayed handler to avoid infinite loops\n if ((event as any).__strapi_redispatched) {\n return;\n }\n\n // Prevent the immediate action for interactive elements\n event.preventDefault();\n event.stopPropagation();\n\n // Clear any existing timeout for this element\n const existingTimeout = pendingClicks.get(element);\n if (existingTimeout) {\n window.clearTimeout(existingTimeout);\n pendingClicks.delete(element);\n }\n\n // Set up a delayed single-click handler\n const timeout = window.setTimeout(() => {\n pendingClicks.delete(element);\n\n // Send single-click hint notification\n sendMessage(INTERNAL_EVENTS.STRAPI_FIELD_SINGLE_CLICK_HINT, null);\n\n // Re-trigger the click on the underlying element after the double-click timeout\n // Create a new event to dispatch with a marker to prevent re-handling\n const newEvent = new MouseEvent('click', {\n bubbles: true,\n cancelable: true,\n view: window,\n detail: 1,\n button: event.button,\n buttons: event.buttons,\n clientX: event.clientX,\n clientY: event.clientY,\n ctrlKey: event.ctrlKey,\n altKey: event.altKey,\n shiftKey: event.shiftKey,\n metaKey: event.metaKey,\n });\n (newEvent as any).__strapi_redispatched = true;\n element.dispatchEvent(newEvent);\n }, DOUBLE_CLICK_TIMEOUT);\n\n pendingClicks.set(element, timeout);\n };\n\n const doubleClickHandler = (event: MouseEvent) => {\n // Prevent the default behavior on double-click\n event.preventDefault();\n event.stopPropagation();\n\n // Clear any pending single-click action\n const existingTimeout = pendingClicks.get(element);\n if (existingTimeout) {\n clearTimeout(existingTimeout);\n pendingClicks.delete(element);\n }\n\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\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 highlight.addEventListener('click', clickHandler);\n highlight.addEventListener('dblclick', doubleClickHandler);\n highlight.addEventListener('mousedown', mouseDownHandler);\n\n // Store event listeners for cleanup\n eventListeners.push(\n { element: highlight, type: 'click', handler: clickHandler as EventListener },\n { element: highlight, type: 'dblclick', handler: doubleClickHandler as EventListener },\n { element: highlight, 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 // Clear any pending click timeout for this element\n const pendingTimeout = pendingClicks.get(element);\n if (pendingTimeout) {\n window.clearTimeout(pendingTimeout);\n pendingClicks.delete(element);\n }\n\n highlight.remove();\n elementsToHighlight.delete(element);\n\n // Remove event listeners for this highlight\n const listenersToRemove = eventListeners.filter((listener) => listener.element === highlight);\n listenersToRemove.forEach(({ element, type, handler }) => {\n element.removeEventListener(type, handler);\n });\n\n // Mutate eventListeners to remove listeners for this highlight\n eventListeners.splice(\n 0,\n eventListeners.length,\n ...eventListeners.filter((listener) => listener.element !== highlight)\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 clearAllPendingClicks: () => {\n pendingClicks.forEach((timeout) => clearTimeout(timeout));\n pendingClicks.clear();\n },\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.classList.remove('strapi-highlight-focused');\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.classList.add('strapi-highlight-focused');\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.classList.remove('strapi-highlight-focused');\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 highlightManager: HighlightManager\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 // Clear all pending click timeouts\n highlightManager.clearAllPendingClicks();\n\n // Remove highlight event listeners\n eventHandlers.forEach(({ element, type, handler }) => {\n element.removeEventListener(type, handler);\n });\n\n // Clean up CSS styles\n const existingStyles = document.getElementById(HIGHLIGHT_STYLES_ID);\n if (existingStyles) {\n existingStyles.remove();\n }\n\n overlay.remove();\n };\n };\n\n /* -----------------------------------------------------------------------------------------------\n * Orchestration\n * ---------------------------------------------------------------------------------------------*/\n\n setupStegaDOMObserver().then((stegaObserver) => {\n createHighlightStyles();\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, highlightManager);\n });\n};\n\nexport { previewScript };\n"],"names":["previewScript","config","shouldRun","colors","HIGHLIGHT_PADDING","HIGHLIGHT_HOVER_COLOR","window","STRAPI_HIGHLIGHT_HOVER_COLOR","highlightHoverColor","HIGHLIGHT_ACTIVE_COLOR","STRAPI_HIGHLIGHT_ACTIVE_COLOR","highlightActiveColor","HIGHLIGHT_STYLES_ID","DOUBLE_CLICK_TIMEOUT","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","STRAPI_FIELD_SINGLE_CLICK_HINT","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","createHighlightStyles","existingStyles","getElementById","remove","styleElement","createElement","id","head","appendChild","createOverlaySystem","__strapi_previewCleanup","overlay","style","cssText","body","createHighlightManager","elementsToHighlight","Map","eventListeners","focusedHighlights","pendingClicks","focusedField","drawHighlight","highlight","rect","getBoundingClientRect","width","height","transform","left","top","updateAllHighlights","createHighlightForElement","has","className","clickHandler","event","__strapi_redispatched","preventDefault","stopPropagation","existingTimeout","get","clearTimeout","delete","timeout","setTimeout","newEvent","MouseEvent","bubbles","cancelable","view","detail","button","buttons","clientX","clientY","ctrlKey","altKey","shiftKey","metaKey","dispatchEvent","set","doubleClickHandler","sourceAttribute","getAttribute","position","right","bottom","mouseDownHandler","addEventListener","push","handler","removeHighlightForElement","pendingTimeout","listenersToRemove","listener","removeEventListener","splice","length","initialElements","HTMLElement","elements","keys","highlights","values","setFocusedField","field","getFocusedField","clearAllPendingClicks","clear","setupScrollManagement","highlightManager","updateOnScroll","scrollableElements","Set","add","computedStyle","getComputedStyle","overflow","overflowX","overflowY","includes","cleanup","setupObservers","stegaObserver","resizeObserver","ResizeObserver","observeElementForResize","documentElement","highlightObserver","attributeName","hasAttribute","elementsWithSource","childElement","removedNodes","attributes","attributeFilter","setupEventHandlers","handleMessage","data","value","classList","index","scrollIntoView","behavior","block","indexOf","messageEventListener","createCleanupSystem","observers","scrollManager","eventHandlers","disconnect","then"],"mappings":"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"}
|
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
export declare const PREVIEW_HIGHLIGHT_COLORS: {
|
|
2
|
+
readonly highlightHoverColor: "transparent";
|
|
3
|
+
readonly highlightActiveColor: "transparent";
|
|
4
|
+
};
|
|
1
5
|
/**
|
|
2
6
|
* These events can be changed safely. They're used by the content manager admin on one side, and by
|
|
3
7
|
* the preview script on the other. We own both ends, and they're not documented to users, so we can
|
|
@@ -12,7 +12,15 @@ declare global {
|
|
|
12
12
|
* It's why many functions are defined within previewScript, it's the only way to avoid going full spaghetti.
|
|
13
13
|
* To get a better overview of everything previewScript does, go to the orchestration part at its end.
|
|
14
14
|
*/
|
|
15
|
-
|
|
15
|
+
type PreviewScriptColors = {
|
|
16
|
+
highlightHoverColor: string;
|
|
17
|
+
highlightActiveColor: string;
|
|
18
|
+
};
|
|
19
|
+
type PreviewScriptConfig = {
|
|
20
|
+
shouldRun?: boolean;
|
|
21
|
+
colors: PreviewScriptColors;
|
|
22
|
+
};
|
|
23
|
+
declare const previewScript: (config: PreviewScriptConfig) => {
|
|
16
24
|
INTERNAL_EVENTS: {
|
|
17
25
|
readonly STRAPI_FIELD_FOCUS: "strapiFieldFocus";
|
|
18
26
|
readonly STRAPI_FIELD_BLUR: "strapiFieldBlur";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@strapi/content-manager",
|
|
3
|
-
"version": "5.33.
|
|
3
|
+
"version": "5.33.2",
|
|
4
4
|
"description": "A powerful UI to easily manage your data.",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -69,8 +69,8 @@
|
|
|
69
69
|
"@sindresorhus/slugify": "1.1.0",
|
|
70
70
|
"@strapi/design-system": "2.0.1",
|
|
71
71
|
"@strapi/icons": "2.0.1",
|
|
72
|
-
"@strapi/types": "5.33.
|
|
73
|
-
"@strapi/utils": "5.33.
|
|
72
|
+
"@strapi/types": "5.33.2",
|
|
73
|
+
"@strapi/utils": "5.33.2",
|
|
74
74
|
"codemirror5": "npm:codemirror@^5.65.11",
|
|
75
75
|
"date-fns": "2.30.0",
|
|
76
76
|
"fractional-indexing": "3.2.0",
|
|
@@ -104,8 +104,8 @@
|
|
|
104
104
|
"yup": "0.32.9"
|
|
105
105
|
},
|
|
106
106
|
"devDependencies": {
|
|
107
|
-
"@strapi/admin": "5.33.
|
|
108
|
-
"@strapi/database": "5.33.
|
|
107
|
+
"@strapi/admin": "5.33.2",
|
|
108
|
+
"@strapi/database": "5.33.2",
|
|
109
109
|
"@testing-library/react": "16.3.0",
|
|
110
110
|
"@types/jest": "29.5.2",
|
|
111
111
|
"@types/lodash": "^4.14.191",
|