yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2025-11-13 08:38:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: add origin to preview message (#23059)

Browse Source 
* fix: add origin to preview message

* Update packages/core/content-manager/admin/src/preview/components/PreviewHeader.tsx

Co-authored-by: markkaylor <mark.kaylor@strapi.io>

---------

Co-authored-by: markkaylor <mark.kaylor@strapi.io>
This commit is contained in:
Rémi de Juvigny 2025-03-05 09:55:33 +01:00 committed by GitHub
parent 614aaf36aa
commit 4ebc804985
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/core/content-manager/admin/src/preview/components/PreviewHeader.tsx
View File

@ -185,7 +185,11 @@ const UnstablePreviewHeader = () => {
document, document,
meta, meta,
onPreview: () => { onPreview: () => {
iframeRef?.current?.contentWindow?.postMessage({ type: 'strapiUpdate' }); iframeRef?.current?.contentWindow?.postMessage(
{ type: 'strapiUpdate' },
// The iframe origin is safe to use since it must be provided through the allowedOrigins config
new URL(iframeRef.current.src).origin
);
}, },
} satisfies DocumentActionProps; } satisfies DocumentActionProps;

4
packages/core/content-manager/admin/src/preview/pages/Preview.tsx
View File

@ -8,7 +8,7 @@ import {
Form as FormContext, Form as FormContext,
} from '@strapi/admin/strapi-admin'; } from '@strapi/admin/strapi-admin';
import { Box, Flex, FocusTrap, IconButton, Portal } from '@strapi/design-system'; import { Box, Flex, FocusTrap, IconButton, Portal } from '@strapi/design-system';
import { ArrowLeft } from '@strapi/icons'; import { ArrowLineLeft } from '@strapi/icons';
import { useIntl } from 'react-intl'; import { useIntl } from 'react-intl';
import { useLocation, useParams } from 'react-router-dom'; import { useLocation, useParams } from 'react-router-dom';
import { styled } from 'styled-components'; import { styled } from 'styled-components';
@ -47,7 +47,7 @@ const [PreviewProvider, usePreviewContext] = createContext<PreviewContextValue>(
* PreviewPage * PreviewPage
* -----------------------------------------------------------------------------------------------*/ * -----------------------------------------------------------------------------------------------*/
const AnimatedArrow = styled(ArrowLeft)<{ isSideEditorOpen: boolean }>` const AnimatedArrow = styled(ArrowLineLeft)<{ isSideEditorOpen: boolean }>`
will-change: transform; will-change: transform;
rotate: ${(props) => (props.isSideEditorOpen ? '0deg' : '180deg')}; rotate: ${(props) => (props.isSideEditorOpen ? '0deg' : '180deg')};
transition: rotate 0.2s ease-in-out; transition: rotate 0.2s ease-in-out;