@comet/site-react 9.0.0-beta.2 → 9.0.0-beta.4
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/lib/blockLoader/blockLoader.d.ts.map +1 -1
- package/lib/blockLoader/blockLoader.js +1 -55
- package/lib/blocks/DamFileDownloadLinkBlock.d.ts.map +1 -1
- package/lib/blocks/DamFileDownloadLinkBlock.js +1 -27
- package/lib/blocks/DamVideoBlock.d.ts.map +1 -1
- package/lib/blocks/DamVideoBlock.js +5 -99
- package/lib/blocks/DamVideoBlock.module.scss.js +1 -14
- package/lib/blocks/EmailLinkBlock.d.ts.map +1 -1
- package/lib/blocks/EmailLinkBlock.js +1 -21
- package/lib/blocks/ExternalLinkBlock.d.ts.map +1 -1
- package/lib/blocks/ExternalLinkBlock.js +1 -47
- package/lib/blocks/PhoneLinkBlock.d.ts.map +1 -1
- package/lib/blocks/PhoneLinkBlock.js +1 -21
- package/lib/blocks/SvgImageBlock.d.ts.map +1 -1
- package/lib/blocks/SvgImageBlock.js +1 -28
- package/lib/blocks/VimeoVideoBlock.d.ts.map +1 -1
- package/lib/blocks/VimeoVideoBlock.js +4 -119
- package/lib/blocks/VimeoVideoBlock.module.scss.js +1 -14
- package/lib/blocks/YouTubeVideoBlock.d.ts.map +1 -1
- package/lib/blocks/YouTubeVideoBlock.js +4 -126
- package/lib/blocks/YouTubeVideoBlock.module.scss.js +1 -14
- package/lib/blocks/factories/BlocksBlock.d.ts.map +1 -1
- package/lib/blocks/factories/BlocksBlock.js +1 -27
- package/lib/blocks/factories/ListBlock.js +1 -13
- package/lib/blocks/factories/OneOfBlock.d.ts.map +1 -1
- package/lib/blocks/factories/OneOfBlock.js +1 -23
- package/lib/blocks/factories/OptionalBlock.d.ts.map +1 -1
- package/lib/blocks/factories/OptionalBlock.js +1 -10
- package/lib/blocks/factories/types.d.ts.map +1 -1
- package/lib/blocks/helpers/PlayPauseButton.js +1 -9
- package/lib/blocks/helpers/PlayPauseButton.module.scss.js +1 -14
- package/lib/blocks/helpers/RichTextBlockHelper.d.ts.map +1 -1
- package/lib/blocks/helpers/RichTextBlockHelper.js +1 -7
- package/lib/blocks/helpers/TipTapRichTextRenderer.d.ts +35 -0
- package/lib/blocks/helpers/TipTapRichTextRenderer.d.ts.map +1 -0
- package/lib/blocks/helpers/TipTapRichTextRenderer.js +3 -0
- package/lib/blocks/helpers/VideoPreviewImage.d.ts.map +1 -1
- package/lib/blocks/helpers/VideoPreviewImage.js +2 -23
- package/lib/blocks/helpers/VideoPreviewImage.module.scss.js +1 -17
- package/lib/blocks/helpers/useIsElementInViewport.d.ts.map +1 -1
- package/lib/blocks/helpers/useIsElementInViewport.js +1 -19
- package/lib/cookies/CookieApiContext.js +2 -18
- package/lib/cookies/CookieSafe.d.ts.map +1 -1
- package/lib/cookies/CookieSafe.js +2 -18
- package/lib/cookies/useCookieBotCookieApi.d.ts.map +1 -1
- package/lib/cookies/useCookieBotCookieApi.js +1 -33
- package/lib/cookies/useLocalStorageCookieApi.d.ts.map +1 -1
- package/lib/cookies/useLocalStorageCookieApi.js +1 -40
- package/lib/cookies/useOneTrustCookieApi.d.ts.map +1 -1
- package/lib/cookies/useOneTrustCookieApi.js +1 -48
- package/lib/errorHandler/ErrorHandlerBoundary.d.ts.map +1 -1
- package/lib/errorHandler/ErrorHandlerBoundary.js +2 -10
- package/lib/errorHandler/ErrorHandlerBoundaryInternal.js +1 -26
- package/lib/errorHandler/ErrorHandlerProvider.js +2 -20
- package/lib/graphQLFetch/fetchInMemoryCache.js +1 -37
- package/lib/graphQLFetch/graphQLFetch.js +1 -125
- package/lib/iframebridge/IFrameBridge.js +4 -253
- package/lib/iframebridge/IFrameBridge.module.scss.js +1 -8
- package/lib/iframebridge/IFrameMessage.d.ts.map +1 -1
- package/lib/iframebridge/IFrameMessage.js +1 -21
- package/lib/iframebridge/Preview.js +1 -56
- package/lib/iframebridge/Preview.module.scss.js +1 -8
- package/lib/iframebridge/PreviewOverlay.d.ts.map +1 -1
- package/lib/iframebridge/PreviewOverlay.js +1 -26
- package/lib/iframebridge/PreviewOverlay.module.scss.js +1 -8
- package/lib/iframebridge/PreviewOverlayElement.d.ts.map +1 -1
- package/lib/iframebridge/PreviewOverlayElement.js +2 -36
- package/lib/iframebridge/PreviewOverlayElement.module.scss.js +1 -20
- package/lib/iframebridge/useBlockPreviewFetch.js +1 -29
- package/lib/iframebridge/useIFrameBridge.js +1 -8
- package/lib/iframebridge/utils.d.ts.map +1 -1
- package/lib/iframebridge/utils.js +1 -44
- package/lib/iframebridge/withPreview.js +1 -33
- package/lib/image/Image.d.ts.map +1 -1
- package/lib/image/Image.js +2 -10
- package/lib/image/image.utils.d.ts.map +1 -1
- package/lib/image/image.utils.js +1 -51
- package/lib/index.d.ts +2 -2
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +1 -96
- package/lib/jsonLd/JsonLd.d.ts +7 -0
- package/lib/jsonLd/JsonLd.d.ts.map +1 -0
- package/lib/jsonLd/JsonLd.js +1 -0
- package/lib/persistedQueries/createPersistedQueryGraphQLFetch.d.ts.map +1 -1
- package/lib/persistedQueries/createPersistedQueryGraphQLFetch.js +1 -68
- package/lib/persistedQueries/persistedQueryRoute.js +1 -100
- package/lib/persistedQueries/webpackPersistedQueriesLoader.js +1 -51
- package/lib/preview/BlockPreviewProvider.d.ts.map +1 -1
- package/lib/preview/BlockPreviewProvider.js +1 -32
- package/lib/preview/PreviewContext.js +1 -9
- package/lib/preview/usePreview.js +1 -41
- package/lib/previewskeleton/PreviewSkeleton.d.ts.map +1 -1
- package/lib/previewskeleton/PreviewSkeleton.js +8 -64
- package/lib/previewskeleton/PreviewSkeleton.module.scss.js +1 -17
- package/lib/server.d.ts +2 -0
- package/lib/server.d.ts.map +1 -0
- package/lib/server.js +1 -0
- package/lib/sitePreview/iframebridge/SitePreviewIFrameMessage.d.ts.map +1 -1
- package/lib/sitePreview/iframebridge/SitePreviewIFrameMessage.js +1 -8
- package/lib/sitePreview/iframebridge/sendSitePreviewIFrameMessage.d.ts.map +1 -1
- package/lib/sitePreview/iframebridge/sendSitePreviewIFrameMessage.js +1 -6
- package/lib/style.css +1 -1
- package/package.json +16 -9
|
@@ -1,8 +1 @@
|
|
|
1
|
-
const
|
|
2
|
-
const styles = {
|
|
3
|
-
previewElementContainer
|
|
4
|
-
};
|
|
5
|
-
export {
|
|
6
|
-
styles as default,
|
|
7
|
-
previewElementContainer
|
|
8
|
-
};
|
|
1
|
+
const e="_previewElementContainer_nwhl6_1",n={previewElementContainer:e};export{n as default,e as previewElementContainer};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PreviewOverlay.d.ts","sourceRoot":"","sources":["../../src/iframebridge/PreviewOverlay.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc,+
|
|
1
|
+
{"version":3,"file":"PreviewOverlay.d.ts","sourceRoot":"","sources":["../../src/iframebridge/PreviewOverlay.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc,+CA6B1B,CAAC"}
|
|
@@ -1,26 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import styles from "./PreviewOverlay.module.scss.js";
|
|
3
|
-
import { PreviewOverlayElement } from "./PreviewOverlayElement.js";
|
|
4
|
-
import { useIFrameBridge } from "./useIFrameBridge.js";
|
|
5
|
-
let lastSelectedElementPath = "";
|
|
6
|
-
const PreviewOverlay = () => {
|
|
7
|
-
const iFrameBridge = useIFrameBridge();
|
|
8
|
-
let bottomMostElementPosition = 0;
|
|
9
|
-
iFrameBridge.previewElementsData.forEach((element) => {
|
|
10
|
-
if (element.position.zIndex > 1) return;
|
|
11
|
-
const elementBottom = element.position.top + element.position.height;
|
|
12
|
-
if (elementBottom > bottomMostElementPosition) {
|
|
13
|
-
bottomMostElementPosition = elementBottom;
|
|
14
|
-
}
|
|
15
|
-
});
|
|
16
|
-
return /* @__PURE__ */ jsx("div", { className: styles.root, style: { "--height": `${bottomMostElementPosition}px` }, children: iFrameBridge.previewElementsData.map((element, index) => {
|
|
17
|
-
const isSelected = element.adminRoute === iFrameBridge.selectedAdminRoute;
|
|
18
|
-
if (isSelected && lastSelectedElementPath !== element.adminRoute) {
|
|
19
|
-
lastSelectedElementPath = element.adminRoute;
|
|
20
|
-
}
|
|
21
|
-
return /* @__PURE__ */ jsx(PreviewOverlayElement, { element }, index);
|
|
22
|
-
}) });
|
|
23
|
-
};
|
|
24
|
-
export {
|
|
25
|
-
PreviewOverlay
|
|
26
|
-
};
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import t from"./PreviewOverlay.module.scss.js";import{PreviewOverlayElement as o}from"./PreviewOverlayElement.js";import{useIFrameBridge as r}from"./useIFrameBridge.js";let i="";const m=()=>{const m=r();let s=0;return m.previewElementsData.forEach(e=>{if(e.position.zIndex>1)return;const t=e.position.top+e.position.height;t>s&&(s=t)}),/* @__PURE__ */e("div",{className:t.root,style:{"--height":`${s}px`},children:m.previewElementsData.map((t,r)=>(t.adminRoute===m.selectedAdminRoute&&i!==t.adminRoute&&(i=t.adminRoute),/* @__PURE__ */e(o,{element:t},r)))})};export{m as PreviewOverlay};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PreviewOverlayElement.d.ts","sourceRoot":"","sources":["../../src/iframebridge/PreviewOverlayElement.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"PreviewOverlayElement.d.ts","sourceRoot":"","sources":["../../src/iframebridge/PreviewOverlayElement.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAIzD,KAAK,KAAK,GAAG;IACT,OAAO,EAAE,kBAAkB,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,aAAa,KAAK,4CA8BvD,CAAC"}
|
|
@@ -1,36 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
import styles from "./PreviewOverlayElement.module.scss.js";
|
|
4
|
-
import { useIFrameBridge } from "./useIFrameBridge.js";
|
|
5
|
-
const PreviewOverlayElement = ({ element }) => {
|
|
6
|
-
const iFrameBridge = useIFrameBridge();
|
|
7
|
-
const isSelected = element.adminRoute === iFrameBridge.selectedAdminRoute;
|
|
8
|
-
const isHovered = element.adminRoute === iFrameBridge.hoveredAdminRoute;
|
|
9
|
-
return /* @__PURE__ */ jsx(
|
|
10
|
-
"div",
|
|
11
|
-
{
|
|
12
|
-
className: clsx(
|
|
13
|
-
styles.root,
|
|
14
|
-
iFrameBridge.showOutlines && !isHovered && styles.showBlockOutlines,
|
|
15
|
-
isSelected && styles.blockIsSelected,
|
|
16
|
-
isHovered && styles.isHoveredInBlockList
|
|
17
|
-
),
|
|
18
|
-
title: element.label,
|
|
19
|
-
onClick: () => {
|
|
20
|
-
iFrameBridge.sendSelectComponent(element.adminRoute);
|
|
21
|
-
},
|
|
22
|
-
onMouseEnter: () => {
|
|
23
|
-
iFrameBridge.sendHoverComponent(element.adminRoute);
|
|
24
|
-
},
|
|
25
|
-
onMouseLeave: () => {
|
|
26
|
-
iFrameBridge.sendHoverComponent(null);
|
|
27
|
-
},
|
|
28
|
-
style: element.position,
|
|
29
|
-
children: /* @__PURE__ */ jsx("div", { className: styles.label, children: element.label })
|
|
30
|
-
},
|
|
31
|
-
element.adminRoute
|
|
32
|
-
);
|
|
33
|
-
};
|
|
34
|
-
export {
|
|
35
|
-
PreviewOverlayElement
|
|
36
|
-
};
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import o from"clsx";import t from"./PreviewOverlayElement.module.scss.js";import{useIFrameBridge as n}from"./useIFrameBridge.js";const s=({element:s})=>{const l=n(),i=s.adminRoute===l.selectedAdminRoute,m=s.adminRoute===l.hoveredAdminRoute;/* @__PURE__ */
|
|
2
|
+
return e("div",{className:o(t.root,l.showOutlines&&!m&&t.showBlockOutlines,i&&t.blockIsSelected,m&&t.isHoveredInBlockList),title:s.label,onClick:()=>{l.sendSelectComponent(s.adminRoute)},onMouseEnter:()=>{l.sendHoverComponent(s.adminRoute)},onMouseLeave:()=>{l.sendHoverComponent(null)},style:s.position,children:/* @__PURE__ */e("div",{className:t.label,children:s.label})},s.adminRoute)};export{s as PreviewOverlayElement};
|
|
@@ -1,20 +1 @@
|
|
|
1
|
-
const
|
|
2
|
-
const isHoveredInBlockList = "_isHoveredInBlockList_1ya0k_24";
|
|
3
|
-
const showBlockOutlines = "_showBlockOutlines_1ya0k_32";
|
|
4
|
-
const blockIsSelected = "_blockIsSelected_1ya0k_37";
|
|
5
|
-
const label = "_label_1ya0k_40";
|
|
6
|
-
const styles = {
|
|
7
|
-
root,
|
|
8
|
-
isHoveredInBlockList,
|
|
9
|
-
showBlockOutlines,
|
|
10
|
-
blockIsSelected,
|
|
11
|
-
label
|
|
12
|
-
};
|
|
13
|
-
export {
|
|
14
|
-
blockIsSelected,
|
|
15
|
-
styles as default,
|
|
16
|
-
isHoveredInBlockList,
|
|
17
|
-
label,
|
|
18
|
-
root,
|
|
19
|
-
showBlockOutlines
|
|
20
|
-
};
|
|
1
|
+
const e="_root_1ya0k_1",o="_isHoveredInBlockList_1ya0k_24",l="_showBlockOutlines_1ya0k_32",_="_blockIsSelected_1ya0k_37",s="_label_1ya0k_40",k={root:e,isHoveredInBlockList:o,showBlockOutlines:l,blockIsSelected:_,label:s};export{_ as blockIsSelected,k as default,o as isHoveredInBlockList,s as label,e as root,l as showBlockOutlines};
|
|
@@ -1,30 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
3
|
-
import { createFetchInMemoryCache } from "../graphQLFetch/fetchInMemoryCache.js";
|
|
4
|
-
import { createGraphQLFetch, createFetchWithDefaults, convertPreviewDataToHeaders } from "../graphQLFetch/graphQLFetch.js";
|
|
5
|
-
import { useIFrameBridge } from "./useIFrameBridge.js";
|
|
6
|
-
const cachingFetch = createFetchInMemoryCache(fetch);
|
|
7
|
-
function useBlockPreviewFetch(apiUrl) {
|
|
8
|
-
const { showOnlyVisible, graphQLApiUrl } = useIFrameBridge();
|
|
9
|
-
const [graphQLFetch, setGraphQLFetch] = useState(
|
|
10
|
-
() => apiUrl ? createBlockPreviewFetch(apiUrl, !showOnlyVisible) : void 0
|
|
11
|
-
);
|
|
12
|
-
useEffect(() => {
|
|
13
|
-
if (graphQLApiUrl) {
|
|
14
|
-
setGraphQLFetch(() => createBlockPreviewFetch(graphQLApiUrl, !showOnlyVisible));
|
|
15
|
-
}
|
|
16
|
-
}, [showOnlyVisible, graphQLApiUrl]);
|
|
17
|
-
return {
|
|
18
|
-
graphQLFetch,
|
|
19
|
-
fetch: cachingFetch
|
|
20
|
-
};
|
|
21
|
-
}
|
|
22
|
-
function createBlockPreviewFetch(graphqlApiUrl, includeInvisible) {
|
|
23
|
-
return createGraphQLFetch(
|
|
24
|
-
createFetchWithDefaults(cachingFetch, { headers: convertPreviewDataToHeaders({ includeInvisible }), credentials: "include" }),
|
|
25
|
-
graphqlApiUrl
|
|
26
|
-
);
|
|
27
|
-
}
|
|
28
|
-
export {
|
|
29
|
-
useBlockPreviewFetch
|
|
30
|
-
};
|
|
2
|
+
import{useState as r,useEffect as e}from"react";import{createFetchInMemoryCache as t}from"../graphQLFetch/fetchInMemoryCache.js";import{createGraphQLFetch as c,createFetchWithDefaults as i,convertPreviewDataToHeaders as o}from"../graphQLFetch/graphQLFetch.js";import{useIFrameBridge as h}from"./useIFrameBridge.js";const n=t(fetch);function p(t){const{showOnlyVisible:c,graphQLApiUrl:i}=h(),[o,p]=r(()=>t?s(t,!c):void 0);return e(()=>{i&&p(()=>s(i,!c))},[c,i]),{graphQLFetch:o,fetch:n}}function s(r,e){return c(i(n,{headers:o({includeInvisible:e}),credentials:"include"}),r)}export{p as useBlockPreviewFetch};
|
|
@@ -1,8 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { IFrameBridgeContext } from "./IFrameBridge.js";
|
|
3
|
-
function useIFrameBridge() {
|
|
4
|
-
return useContext(IFrameBridgeContext);
|
|
5
|
-
}
|
|
6
|
-
export {
|
|
7
|
-
useIFrameBridge
|
|
8
|
-
};
|
|
1
|
+
import{useContext as r}from"react";import{IFrameBridgeContext as o}from"./IFrameBridge.js";function t(){return r(o)}export{t as useIFrameBridge};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/iframebridge/utils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sCAAsC,uCAAuC,CAAC;AAC3F,eAAO,MAAM,wCAAwC,6CAA6C,CAAC;AAEnG,eAAO,MAAM,oCAAoC,GAAI,aAAa,OAAO,KAAG,OAAO,
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/iframebridge/utils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sCAAsC,uCAAuC,CAAC;AAC3F,eAAO,MAAM,wCAAwC,6CAA6C,CAAC;AAEnG,eAAO,MAAM,oCAAoC,GAAI,aAAa,OAAO,KAAG,OAAO,EAgBlF,CAAC;AAEF,eAAO,MAAM,gCAAgC,GAAI,UAAU,OAAO,EAAE;;;;;CAgCnE,CAAC"}
|
|
@@ -1,44 +1 @@
|
|
|
1
|
-
const
|
|
2
|
-
const PREVIEW_ELEMENT_SCROLLED_INTO_VIEW_EVENT = "comet-preview-element-scrolled-into-view";
|
|
3
|
-
const getRecursiveChildrenOfPreviewElement = (rootElement) => {
|
|
4
|
-
const previewElementChildNodes = [];
|
|
5
|
-
rootElement.childNodes.forEach((childNode) => {
|
|
6
|
-
if (!(childNode instanceof Element)) return;
|
|
7
|
-
if (childNode.hasAttribute(BLOCK_PREVIEW_CONTAINER_DATA_ATTRIBUTE)) {
|
|
8
|
-
previewElementChildNodes.push(...getRecursiveChildrenOfPreviewElement(childNode));
|
|
9
|
-
} else {
|
|
10
|
-
previewElementChildNodes.push(childNode);
|
|
11
|
-
}
|
|
12
|
-
});
|
|
13
|
-
return previewElementChildNodes;
|
|
14
|
-
};
|
|
15
|
-
const getCombinedPositioningOfElements = (elements) => {
|
|
16
|
-
const topPositions = [];
|
|
17
|
-
const leftPositions = [];
|
|
18
|
-
elements.forEach((element) => {
|
|
19
|
-
const { top, left, bottom, right } = element.getBoundingClientRect();
|
|
20
|
-
topPositions.push(top + window.scrollY);
|
|
21
|
-
leftPositions.push(left + window.scrollX);
|
|
22
|
-
});
|
|
23
|
-
const highestTopPosition = Math.min(...topPositions);
|
|
24
|
-
const highestLeftPosition = Math.min(...leftPositions);
|
|
25
|
-
const widthValues = [];
|
|
26
|
-
const heightValues = [];
|
|
27
|
-
elements.forEach((element) => {
|
|
28
|
-
const { right, bottom } = element.getBoundingClientRect();
|
|
29
|
-
widthValues.push(right - highestLeftPosition);
|
|
30
|
-
heightValues.push(bottom - highestTopPosition + window.scrollY);
|
|
31
|
-
});
|
|
32
|
-
return {
|
|
33
|
-
top: highestTopPosition,
|
|
34
|
-
left: highestLeftPosition,
|
|
35
|
-
width: Math.max(...widthValues),
|
|
36
|
-
height: Math.max(...heightValues)
|
|
37
|
-
};
|
|
38
|
-
};
|
|
39
|
-
export {
|
|
40
|
-
BLOCK_PREVIEW_CONTAINER_DATA_ATTRIBUTE,
|
|
41
|
-
PREVIEW_ELEMENT_SCROLLED_INTO_VIEW_EVENT,
|
|
42
|
-
getCombinedPositioningOfElements,
|
|
43
|
-
getRecursiveChildrenOfPreviewElement
|
|
44
|
-
};
|
|
1
|
+
const t="data-comet-block-preview-container",o="comet-preview-element-scrolled-into-view",e=o=>{const n=[];return o.childNodes.forEach(o=>{o instanceof Element&&(o.hasAttribute(t)?n.push(...e(o)):n.push(o))}),n},n=t=>{const o=[],e=[];t.forEach(t=>{const{top:n,left:c,bottom:i,right:h}=t.getBoundingClientRect();o.push(n+window.scrollY),e.push(c+window.scrollX)});const n=Math.min(...o),c=Math.min(...e),i=[],h=[];return t.forEach(t=>{const{right:o,bottom:e}=t.getBoundingClientRect();i.push(o-c),h.push(e-n+window.scrollY)}),{top:n,left:c,width:Math.max(...i),height:Math.max(...h)}};export{t as BLOCK_PREVIEW_CONTAINER_DATA_ATTRIBUTE,o as PREVIEW_ELEMENT_SCROLLED_INTO_VIEW_EVENT,n as getCombinedPositioningOfElements,e as getRecursiveChildrenOfPreviewElement};
|
|
@@ -1,34 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import
|
|
3
|
-
import { useContext, createContext } from "react";
|
|
4
|
-
import { Preview } from "./Preview.js";
|
|
5
|
-
function isWithPreviewPropsData(block) {
|
|
6
|
-
return block.adminMeta !== void 0;
|
|
7
|
-
}
|
|
8
|
-
const AdminRouteContext = createContext({
|
|
9
|
-
parentRoute: "",
|
|
10
|
-
parentEnabledAutoScrolling: true
|
|
11
|
-
});
|
|
12
|
-
const withPreview = (Component, { label = "No type", enabledChildrenAutoScrolling = true }) => {
|
|
13
|
-
return ({ ...componentProps }) => {
|
|
14
|
-
var _a, _b, _c, _d;
|
|
15
|
-
const { parentRoute, parentEnabledAutoScrolling } = useContext(AdminRouteContext);
|
|
16
|
-
if (((_a = componentProps.data) == null ? void 0 : _a.adminMeta) && ((_b = componentProps.data) == null ? void 0 : _b.adminMeta.route) !== parentRoute) {
|
|
17
|
-
return /* @__PURE__ */ jsx(
|
|
18
|
-
AdminRouteContext.Provider,
|
|
19
|
-
{
|
|
20
|
-
value: {
|
|
21
|
-
parentRoute: (_c = componentProps.data) == null ? void 0 : _c.adminMeta.route,
|
|
22
|
-
parentEnabledAutoScrolling: !parentEnabledAutoScrolling ? false : enabledChildrenAutoScrolling
|
|
23
|
-
},
|
|
24
|
-
children: /* @__PURE__ */ jsx(Preview, { adminRoute: (_d = componentProps.data) == null ? void 0 : _d.adminMeta.route, label, enabledAutoScrolling: parentEnabledAutoScrolling, children: /* @__PURE__ */ jsx(Component, { ...componentProps }) })
|
|
25
|
-
}
|
|
26
|
-
);
|
|
27
|
-
}
|
|
28
|
-
return /* @__PURE__ */ jsx(Component, { ...componentProps });
|
|
29
|
-
};
|
|
30
|
-
};
|
|
31
|
-
export {
|
|
32
|
-
isWithPreviewPropsData,
|
|
33
|
-
withPreview
|
|
34
|
-
};
|
|
2
|
+
import{jsx as e}from"react/jsx-runtime";import{useContext as t,createContext as a}from"react";import{Preview as r}from"./Preview.js";function n(e){return void 0!==e.adminMeta}const o=a({parentRoute:"",parentEnabledAutoScrolling:!0}),l=(a,{label:n="No type",enabledChildrenAutoScrolling:l=!0})=>({...i})=>{const{parentRoute:d,parentEnabledAutoScrolling:u}=t(o);return i.data?.adminMeta&&i.data?.adminMeta.route!==d?/* @__PURE__ */e(o.Provider,{value:{parentRoute:i.data?.adminMeta.route,parentEnabledAutoScrolling:!!u&&l},children:/* @__PURE__ */e(r,{adminRoute:i.data?.adminMeta.route,label:n,enabledAutoScrolling:u,children:/* @__PURE__ */e(a,{...i})})}):/* @__PURE__ */e(a,{...i})};export{n as isWithPreviewPropsData,l as withPreview};
|
package/lib/image/Image.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../src/image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../src/image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI/C,KAAK,UAAU,GAAG,iBAAiB,CAAC,gBAAgB,CAAC,GAAG;IAAE,WAAW,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAC;AAE9H,wBAAgB,KAAK,CAAC,EAAE,WAAW,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,EAAE,UAAU,2CAKzE"}
|
package/lib/image/Image.js
CHANGED
|
@@ -1,10 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
function Image({ aspectRatio, src, width, ...imgProps }) {
|
|
4
|
-
const usedAspectRatio = parseAspectRatio(aspectRatio);
|
|
5
|
-
const imageUrl = generateImageUrl({ src, width: Number(width) }, usedAspectRatio);
|
|
6
|
-
return /* @__PURE__ */ jsx("img", { src: imageUrl, ...imgProps });
|
|
7
|
-
}
|
|
8
|
-
export {
|
|
9
|
-
Image
|
|
10
|
-
};
|
|
1
|
+
import{jsx as r}from"react/jsx-runtime";import{parseAspectRatio as t,generateImageUrl as i}from"./image.utils.js";function m({aspectRatio:m,src:o,width:s,...c}){const e=t(m),n=i({src:o,width:Number(s)},e);/* @__PURE__ */
|
|
2
|
+
return r("img",{src:n,...c})}export{m as Image};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"image.utils.d.ts","sourceRoot":"","sources":["../../src/image/image.utils.ts"],"names":[],"mappings":"AACA,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,
|
|
1
|
+
{"version":3,"file":"image.utils.d.ts","sourceRoot":"","sources":["../../src/image/image.utils.ts"],"names":[],"mappings":"AACA,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAsB/D;AAGD,MAAM,WAAW,eAAe;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAClB;AAGD,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,GAAG,eAAe,CAcpG;AAGD,wBAAgB,2BAA2B,CACvC,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE;IACN,UAAU,EAAE,OAAO,GAAG,QAAQ,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW,CAAC;IACvF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;CACd,GACF,MAAM,CAUR;AAED,wBAAgB,gBAAgB,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAAE,WAAW,EAAE,MAAM,GAAG,MAAM,CAE5G"}
|
package/lib/image/image.utils.js
CHANGED
|
@@ -1,51 +1 @@
|
|
|
1
|
-
function
|
|
2
|
-
let width, height;
|
|
3
|
-
if (typeof value === "string") {
|
|
4
|
-
[width, height] = value.split(/[x/:]/).map((v) => {
|
|
5
|
-
let ret = parseFloat(v);
|
|
6
|
-
if (isNaN(ret)) ret = void 0;
|
|
7
|
-
return ret;
|
|
8
|
-
});
|
|
9
|
-
if (width && !height) {
|
|
10
|
-
height = 1;
|
|
11
|
-
}
|
|
12
|
-
} else {
|
|
13
|
-
width = value;
|
|
14
|
-
height = 1;
|
|
15
|
-
}
|
|
16
|
-
if (!width || !height) throw Error(`An error occurred while parsing the aspect ratio: ${value}`);
|
|
17
|
-
return width / height;
|
|
18
|
-
}
|
|
19
|
-
function getMaxDimensionsFromArea(area, aspectRatio) {
|
|
20
|
-
let width, height;
|
|
21
|
-
if (aspectRatio < 1) {
|
|
22
|
-
width = Math.min(area.height * aspectRatio, area.width);
|
|
23
|
-
height = width / aspectRatio;
|
|
24
|
-
} else {
|
|
25
|
-
height = Math.min(area.width / aspectRatio, area.height);
|
|
26
|
-
width = height * aspectRatio;
|
|
27
|
-
}
|
|
28
|
-
return {
|
|
29
|
-
width,
|
|
30
|
-
height
|
|
31
|
-
};
|
|
32
|
-
}
|
|
33
|
-
function calculateInheritAspectRatio(imageDimensions, cropArea) {
|
|
34
|
-
if (cropArea.focalPoint === "SMART") {
|
|
35
|
-
return imageDimensions.width / imageDimensions.height;
|
|
36
|
-
} else {
|
|
37
|
-
if (cropArea.width === void 0 || cropArea.height === void 0) {
|
|
38
|
-
throw new Error("Missing crop dimensions");
|
|
39
|
-
}
|
|
40
|
-
return cropArea.width * imageDimensions.width / 100 / (cropArea.height * imageDimensions.height / 100);
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
function generateImageUrl({ src, width }, aspectRatio) {
|
|
44
|
-
return src.replace("$resizeWidth", String(width)).replace("$resizeHeight", String(Math.ceil(width / aspectRatio)));
|
|
45
|
-
}
|
|
46
|
-
export {
|
|
47
|
-
calculateInheritAspectRatio,
|
|
48
|
-
generateImageUrl,
|
|
49
|
-
getMaxDimensionsFromArea,
|
|
50
|
-
parseAspectRatio
|
|
51
|
-
};
|
|
1
|
+
function t(t){let i,r;if("string"==typeof t?([i,r]=t.split(/[x/:]/).map(t=>{let i=parseFloat(t);return isNaN(i)&&(i=void 0),i}),i&&!r&&(r=1)):(i=t,r=1),!i||!r)throw Error(`An error occurred while parsing the aspect ratio: ${t}`);return i/r}function i(t,i){let r,e;return i<1?(r=Math.min(t.height*i,t.width),e=r/i):(e=Math.min(t.width/i,t.height),r=e*i),{width:r,height:e}}function r(t,i){if("SMART"===i.focalPoint)return t.width/t.height;if(void 0===i.width||void 0===i.height)throw new Error("Missing crop dimensions");return i.width*t.width/100/(i.height*t.height/100)}function e({src:t,width:i},r){return t.replace("$resizeWidth",String(i)).replace("$resizeHeight",String(Math.ceil(i/r)))}export{r as calculateInheritAspectRatio,e as generateImageUrl,i as getMaxDimensionsFromArea,t as parseAspectRatio};
|
package/lib/index.d.ts
CHANGED
|
@@ -10,6 +10,7 @@ export { OptionalBlock } from './blocks/factories/OptionalBlock';
|
|
|
10
10
|
export type { SupportedBlocks } from './blocks/factories/types';
|
|
11
11
|
export { type PlayPauseButtonProps } from './blocks/helpers/PlayPauseButton';
|
|
12
12
|
export { hasRichTextBlockContent } from './blocks/helpers/RichTextBlockHelper';
|
|
13
|
+
export { hasTipTapRichTextContent, renderTipTapRichText, type RenderTipTapRichTextOptions, type TipTapMark, type TipTapMarkHandler, type TipTapMarkHandlerProps, type TipTapNode, type TipTapNodeHandler, type TipTapNodeHandlerProps, } from './blocks/helpers/TipTapRichTextRenderer';
|
|
13
14
|
export { useIsElementInViewport } from './blocks/helpers/useIsElementInViewport';
|
|
14
15
|
export type { VideoPreviewImageProps } from './blocks/helpers/VideoPreviewImage';
|
|
15
16
|
export { VideoPreviewImage } from './blocks/helpers/VideoPreviewImage';
|
|
@@ -35,9 +36,8 @@ export { useIFrameBridge } from './iframebridge/useIFrameBridge';
|
|
|
35
36
|
export { isWithPreviewPropsData, withPreview, type WithPreviewProps } from './iframebridge/withPreview';
|
|
36
37
|
export { Image } from './image/Image';
|
|
37
38
|
export { calculateInheritAspectRatio, generateImageUrl, getMaxDimensionsFromArea, type ImageDimensions, parseAspectRatio } from './image/image.utils';
|
|
39
|
+
export { JsonLd, type JsonLdProps } from './jsonLd/JsonLd';
|
|
38
40
|
export { createPersistedQueryGraphQLFetch } from './persistedQueries/createPersistedQueryGraphQLFetch';
|
|
39
|
-
export { persistedQueryRoute } from './persistedQueries/persistedQueryRoute';
|
|
40
|
-
export { default as webpackPersistedQueriesLoader } from './persistedQueries/webpackPersistedQueriesLoader';
|
|
41
41
|
export { BlockPreviewProvider } from './preview/BlockPreviewProvider';
|
|
42
42
|
export { PreviewContext } from './preview/PreviewContext';
|
|
43
43
|
export { usePreview } from './preview/usePreview';
|
package/lib/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/lib/index.js
CHANGED
|
@@ -1,96 +1 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { DamFileDownloadLinkBlock } from "./blocks/DamFileDownloadLinkBlock.js";
|
|
3
|
-
import { DamVideoBlock } from "./blocks/DamVideoBlock.js";
|
|
4
|
-
import { EmailLinkBlock } from "./blocks/EmailLinkBlock.js";
|
|
5
|
-
import { ExternalLinkBlock } from "./blocks/ExternalLinkBlock.js";
|
|
6
|
-
import { BlocksBlock } from "./blocks/factories/BlocksBlock.js";
|
|
7
|
-
import { ListBlock } from "./blocks/factories/ListBlock.js";
|
|
8
|
-
import { OneOfBlock } from "./blocks/factories/OneOfBlock.js";
|
|
9
|
-
import { OptionalBlock } from "./blocks/factories/OptionalBlock.js";
|
|
10
|
-
import { hasRichTextBlockContent } from "./blocks/helpers/RichTextBlockHelper.js";
|
|
11
|
-
import { useIsElementInViewport } from "./blocks/helpers/useIsElementInViewport.js";
|
|
12
|
-
import { VideoPreviewImage } from "./blocks/helpers/VideoPreviewImage.js";
|
|
13
|
-
import { PhoneLinkBlock } from "./blocks/PhoneLinkBlock.js";
|
|
14
|
-
import { SvgImageBlock } from "./blocks/SvgImageBlock.js";
|
|
15
|
-
import { VimeoVideoBlock } from "./blocks/VimeoVideoBlock.js";
|
|
16
|
-
import { YouTubeVideoBlock } from "./blocks/YouTubeVideoBlock.js";
|
|
17
|
-
import { CookieApiProvider, useCookieApi } from "./cookies/CookieApiContext.js";
|
|
18
|
-
import { CookieSafe } from "./cookies/CookieSafe.js";
|
|
19
|
-
import { useCookieBotCookieApi } from "./cookies/useCookieBotCookieApi.js";
|
|
20
|
-
import { useLocalStorageCookieApi } from "./cookies/useLocalStorageCookieApi.js";
|
|
21
|
-
import { useOneTrustCookieApi } from "./cookies/useOneTrustCookieApi.js";
|
|
22
|
-
import { ErrorHandlerBoundary } from "./errorHandler/ErrorHandlerBoundary.js";
|
|
23
|
-
import { ErrorHandlerProvider } from "./errorHandler/ErrorHandlerProvider.js";
|
|
24
|
-
import { createFetchInMemoryCache } from "./graphQLFetch/fetchInMemoryCache.js";
|
|
25
|
-
import { convertPreviewDataToHeaders, createFetchWithDefaults, createFetchWithPreviewHeaders, createGraphQLFetch, gql } from "./graphQLFetch/graphQLFetch.js";
|
|
26
|
-
import { IFrameBridgeProvider } from "./iframebridge/IFrameBridge.js";
|
|
27
|
-
import { AdminMessageType, IFrameMessageType } from "./iframebridge/IFrameMessage.js";
|
|
28
|
-
import { Preview } from "./iframebridge/Preview.js";
|
|
29
|
-
import { useBlockPreviewFetch } from "./iframebridge/useBlockPreviewFetch.js";
|
|
30
|
-
import { useIFrameBridge } from "./iframebridge/useIFrameBridge.js";
|
|
31
|
-
import { isWithPreviewPropsData, withPreview } from "./iframebridge/withPreview.js";
|
|
32
|
-
import { Image } from "./image/Image.js";
|
|
33
|
-
import { calculateInheritAspectRatio, generateImageUrl, getMaxDimensionsFromArea, parseAspectRatio } from "./image/image.utils.js";
|
|
34
|
-
import { createPersistedQueryGraphQLFetch } from "./persistedQueries/createPersistedQueryGraphQLFetch.js";
|
|
35
|
-
import { persistedQueryRoute } from "./persistedQueries/persistedQueryRoute.js";
|
|
36
|
-
import { default as default2 } from "./persistedQueries/webpackPersistedQueriesLoader.js";
|
|
37
|
-
import { BlockPreviewProvider } from "./preview/BlockPreviewProvider.js";
|
|
38
|
-
import { PreviewContext } from "./preview/PreviewContext.js";
|
|
39
|
-
import { usePreview } from "./preview/usePreview.js";
|
|
40
|
-
import { PreviewSkeleton } from "./previewskeleton/PreviewSkeleton.js";
|
|
41
|
-
import { sendSitePreviewIFrameMessage } from "./sitePreview/iframebridge/sendSitePreviewIFrameMessage.js";
|
|
42
|
-
import { SitePreviewIFrameMessageType } from "./sitePreview/iframebridge/SitePreviewIFrameMessage.js";
|
|
43
|
-
export {
|
|
44
|
-
AdminMessageType,
|
|
45
|
-
BlockPreviewProvider,
|
|
46
|
-
BlocksBlock,
|
|
47
|
-
CookieApiProvider,
|
|
48
|
-
CookieSafe,
|
|
49
|
-
DamFileDownloadLinkBlock,
|
|
50
|
-
DamVideoBlock,
|
|
51
|
-
EmailLinkBlock,
|
|
52
|
-
ErrorHandlerBoundary,
|
|
53
|
-
ErrorHandlerProvider,
|
|
54
|
-
ExternalLinkBlock,
|
|
55
|
-
IFrameBridgeProvider,
|
|
56
|
-
IFrameMessageType,
|
|
57
|
-
Image,
|
|
58
|
-
ListBlock,
|
|
59
|
-
OneOfBlock,
|
|
60
|
-
OptionalBlock,
|
|
61
|
-
PhoneLinkBlock,
|
|
62
|
-
Preview,
|
|
63
|
-
PreviewContext,
|
|
64
|
-
PreviewSkeleton,
|
|
65
|
-
SitePreviewIFrameMessageType,
|
|
66
|
-
SvgImageBlock,
|
|
67
|
-
VideoPreviewImage,
|
|
68
|
-
VimeoVideoBlock,
|
|
69
|
-
YouTubeVideoBlock,
|
|
70
|
-
calculateInheritAspectRatio,
|
|
71
|
-
convertPreviewDataToHeaders,
|
|
72
|
-
createFetchInMemoryCache,
|
|
73
|
-
createFetchWithDefaults,
|
|
74
|
-
createFetchWithPreviewHeaders,
|
|
75
|
-
createGraphQLFetch,
|
|
76
|
-
createPersistedQueryGraphQLFetch,
|
|
77
|
-
generateImageUrl,
|
|
78
|
-
getMaxDimensionsFromArea,
|
|
79
|
-
gql,
|
|
80
|
-
hasRichTextBlockContent,
|
|
81
|
-
isWithPreviewPropsData,
|
|
82
|
-
parseAspectRatio,
|
|
83
|
-
persistedQueryRoute,
|
|
84
|
-
recursivelyLoadBlockData,
|
|
85
|
-
sendSitePreviewIFrameMessage,
|
|
86
|
-
useBlockPreviewFetch,
|
|
87
|
-
useCookieApi,
|
|
88
|
-
useCookieBotCookieApi,
|
|
89
|
-
useIFrameBridge,
|
|
90
|
-
useIsElementInViewport,
|
|
91
|
-
useLocalStorageCookieApi,
|
|
92
|
-
useOneTrustCookieApi,
|
|
93
|
-
usePreview,
|
|
94
|
-
default2 as webpackPersistedQueriesLoader,
|
|
95
|
-
withPreview
|
|
96
|
-
};
|
|
1
|
+
import{recursivelyLoadBlockData as o}from"./blockLoader/blockLoader.js";import{DamFileDownloadLinkBlock as r}from"./blocks/DamFileDownloadLinkBlock.js";import{DamVideoBlock as e}from"./blocks/DamVideoBlock.js";import{EmailLinkBlock as i}from"./blocks/EmailLinkBlock.js";import{ExternalLinkBlock as m}from"./blocks/ExternalLinkBlock.js";import{BlocksBlock as s}from"./blocks/factories/BlocksBlock.js";import{ListBlock as t}from"./blocks/factories/ListBlock.js";import{OneOfBlock as p}from"./blocks/factories/OneOfBlock.js";import{OptionalBlock as f}from"./blocks/factories/OptionalBlock.js";import{hasRichTextBlockContent as c}from"./blocks/helpers/RichTextBlockHelper.js";import{hasTipTapRichTextContent as l,renderTipTapRichText as k}from"./blocks/helpers/TipTapRichTextRenderer.js";import{useIsElementInViewport as a}from"./blocks/helpers/useIsElementInViewport.js";import{VideoPreviewImage as j}from"./blocks/helpers/VideoPreviewImage.js";import{PhoneLinkBlock as d}from"./blocks/PhoneLinkBlock.js";import{SvgImageBlock as b}from"./blocks/SvgImageBlock.js";import{VimeoVideoBlock as n}from"./blocks/VimeoVideoBlock.js";import{YouTubeVideoBlock as g}from"./blocks/YouTubeVideoBlock.js";import{CookieApiProvider as B,useCookieApi as h}from"./cookies/CookieApiContext.js";import{CookieSafe as v}from"./cookies/CookieSafe.js";import{useCookieBotCookieApi as w}from"./cookies/useCookieBotCookieApi.js";import{useLocalStorageCookieApi as P}from"./cookies/useLocalStorageCookieApi.js";import{useOneTrustCookieApi as u}from"./cookies/useOneTrustCookieApi.js";import{ErrorHandlerBoundary as L}from"./errorHandler/ErrorHandlerBoundary.js";import{ErrorHandlerProvider as F}from"./errorHandler/ErrorHandlerProvider.js";import{createFetchInMemoryCache as I}from"./graphQLFetch/fetchInMemoryCache.js";import{convertPreviewDataToHeaders as C,createFetchWithDefaults as x,createFetchWithPreviewHeaders as Q,createGraphQLFetch as S,gql as T}from"./graphQLFetch/graphQLFetch.js";import{IFrameBridgeProvider as V}from"./iframebridge/IFrameBridge.js";import{AdminMessageType as E,IFrameMessageType as H}from"./iframebridge/IFrameMessage.js";import{Preview as A}from"./iframebridge/Preview.js";import{useBlockPreviewFetch as M}from"./iframebridge/useBlockPreviewFetch.js";import{useIFrameBridge as O}from"./iframebridge/useIFrameBridge.js";import{isWithPreviewPropsData as y,withPreview as D}from"./iframebridge/withPreview.js";import{Image as R}from"./image/Image.js";import{calculateInheritAspectRatio as G,generateImageUrl as J,getMaxDimensionsFromArea as Y,parseAspectRatio as q}from"./image/image.utils.js";import{JsonLd as z}from"./jsonLd/JsonLd.js";import{createPersistedQueryGraphQLFetch as K}from"./persistedQueries/createPersistedQueryGraphQLFetch.js";import{BlockPreviewProvider as N}from"./preview/BlockPreviewProvider.js";import{PreviewContext as U}from"./preview/PreviewContext.js";import{usePreview as W}from"./preview/usePreview.js";import{PreviewSkeleton as X}from"./previewskeleton/PreviewSkeleton.js";import{sendSitePreviewIFrameMessage as Z}from"./sitePreview/iframebridge/sendSitePreviewIFrameMessage.js";import{SitePreviewIFrameMessageType as $}from"./sitePreview/iframebridge/SitePreviewIFrameMessage.js";export{E as AdminMessageType,N as BlockPreviewProvider,s as BlocksBlock,B as CookieApiProvider,v as CookieSafe,r as DamFileDownloadLinkBlock,e as DamVideoBlock,i as EmailLinkBlock,L as ErrorHandlerBoundary,F as ErrorHandlerProvider,m as ExternalLinkBlock,V as IFrameBridgeProvider,H as IFrameMessageType,R as Image,z as JsonLd,t as ListBlock,p as OneOfBlock,f as OptionalBlock,d as PhoneLinkBlock,A as Preview,U as PreviewContext,X as PreviewSkeleton,$ as SitePreviewIFrameMessageType,b as SvgImageBlock,j as VideoPreviewImage,n as VimeoVideoBlock,g as YouTubeVideoBlock,G as calculateInheritAspectRatio,C as convertPreviewDataToHeaders,I as createFetchInMemoryCache,x as createFetchWithDefaults,Q as createFetchWithPreviewHeaders,S as createGraphQLFetch,K as createPersistedQueryGraphQLFetch,J as generateImageUrl,Y as getMaxDimensionsFromArea,T as gql,c as hasRichTextBlockContent,l as hasTipTapRichTextContent,y as isWithPreviewPropsData,q as parseAspectRatio,o as recursivelyLoadBlockData,k as renderTipTapRichText,Z as sendSitePreviewIFrameMessage,M as useBlockPreviewFetch,h as useCookieApi,w as useCookieBotCookieApi,O as useIFrameBridge,a as useIsElementInViewport,P as useLocalStorageCookieApi,u as useOneTrustCookieApi,W as usePreview,D as withPreview};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { JSX } from 'react';
|
|
2
|
+
import { Thing, WithContext } from 'schema-dts';
|
|
3
|
+
export type JsonLdProps<T extends Thing> = {
|
|
4
|
+
data: WithContext<T>;
|
|
5
|
+
};
|
|
6
|
+
export declare const JsonLd: <T extends Thing>({ data }: JsonLdProps<T>) => JSX.Element;
|
|
7
|
+
//# sourceMappingURL=JsonLd.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"JsonLd.d.ts","sourceRoot":"","sources":["../../src/jsonLd/JsonLd.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAErD,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,KAAK,IAAI;IACvC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;CACxB,CAAC;AAOF,eAAO,MAAM,MAAM,GAAI,CAAC,SAAS,KAAK,EAAE,UAAU,WAAW,CAAC,CAAC,CAAC,KAAG,GAAG,CAAC,OAEtE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as r}from"react/jsx-runtime";const t=({data:t})=>{/* @__PURE__ */return r("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:(e=JSON.stringify(t),e.replace(/</g,"\\u003c"))}});var e};export{t as JsonLd};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createPersistedQueryGraphQLFetch.d.ts","sourceRoot":"","sources":["../../src/persistedQueries/createPersistedQueryGraphQLFetch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"createPersistedQueryGraphQLFetch.d.ts","sourceRoot":"","sources":["../../src/persistedQueries/createPersistedQueryGraphQLFetch.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAEjE,KAAK,KAAK,GAAG,OAAO,KAAK,CAAC;AAE1B,wBAAgB,gCAAgC,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,GAAG,YAAY,CAoExF"}
|
|
@@ -1,68 +1 @@
|
|
|
1
|
-
function
|
|
2
|
-
return async function(query, variables, init) {
|
|
3
|
-
if (typeof query === "string") throw new Error("at runtime only hashed queries are supported");
|
|
4
|
-
const hash = query.hash;
|
|
5
|
-
let response;
|
|
6
|
-
if ((init == null ? void 0 : init.method) === "GET") {
|
|
7
|
-
const fetchUrl = new URL(url, window.location.origin);
|
|
8
|
-
fetchUrl.searchParams.append("extensions.persistedQuery.sha256Hash", hash);
|
|
9
|
-
fetchUrl.searchParams.append("variables", JSON.stringify(variables));
|
|
10
|
-
response = await fetch(fetchUrl, {
|
|
11
|
-
...init,
|
|
12
|
-
headers: {
|
|
13
|
-
/**
|
|
14
|
-
* It's recommended to add the `Apollo-Require-Preflight` header to GET requests, running on an Apollo Server 4.
|
|
15
|
-
*
|
|
16
|
-
* If this header is missing, Apollo Server 4 will return: This operation has been blocked as a potential Cross-Site Request Forgery (CSRF).
|
|
17
|
-
*
|
|
18
|
-
* see: https://www.apollographql.com/docs/graphos/routing/security/csrf#enable-csrf-prevention
|
|
19
|
-
*/
|
|
20
|
-
"Apollo-Require-Preflight": "true",
|
|
21
|
-
...init.headers
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
} else {
|
|
25
|
-
response = await fetch(url, {
|
|
26
|
-
method: "POST",
|
|
27
|
-
...init,
|
|
28
|
-
headers: { "Content-Type": "application/json", ...init == null ? void 0 : init.headers },
|
|
29
|
-
body: JSON.stringify({
|
|
30
|
-
extensions: {
|
|
31
|
-
persistedQuery: {
|
|
32
|
-
version: 1,
|
|
33
|
-
sha256Hash: hash
|
|
34
|
-
}
|
|
35
|
-
},
|
|
36
|
-
variables
|
|
37
|
-
})
|
|
38
|
-
});
|
|
39
|
-
}
|
|
40
|
-
if (!response.ok) {
|
|
41
|
-
let errorMessage = `Network response was not ok. Status: ${response.status}`;
|
|
42
|
-
const body = await response.text();
|
|
43
|
-
try {
|
|
44
|
-
const json = JSON.parse(body);
|
|
45
|
-
const { errors: errors2 } = json;
|
|
46
|
-
if (errors2) {
|
|
47
|
-
errorMessage += `
|
|
48
|
-
|
|
49
|
-
GraphQL error(s):
|
|
50
|
-
- ${errors2.map((error) => error.message).join("\n- ")}`;
|
|
51
|
-
}
|
|
52
|
-
} catch {
|
|
53
|
-
errorMessage += `
|
|
54
|
-
${body}`;
|
|
55
|
-
}
|
|
56
|
-
throw new Error(errorMessage);
|
|
57
|
-
}
|
|
58
|
-
const { data, errors } = await response.json();
|
|
59
|
-
if (errors) {
|
|
60
|
-
throw new Error(`GraphQL error(s):
|
|
61
|
-
- ${errors.map((error) => error.message).join("\n- ")}`);
|
|
62
|
-
}
|
|
63
|
-
return data;
|
|
64
|
-
};
|
|
65
|
-
}
|
|
66
|
-
export {
|
|
67
|
-
createPersistedQueryGraphQLFetch
|
|
68
|
-
};
|
|
1
|
+
function e(e,r){return async function(s,a,t){if("string"==typeof s)throw new Error("at runtime only hashed queries are supported");const n=s.hash;let o;if("GET"===t?.method){const s=new URL(r,window.location.origin);s.searchParams.append("extensions.persistedQuery.sha256Hash",n),s.searchParams.append("variables",JSON.stringify(a)),o=await e(s,{...t,headers:{"Apollo-Require-Preflight":"true",...t.headers}})}else o=await e(r,{method:"POST",...t,headers:{"Content-Type":"application/json",...t?.headers},body:JSON.stringify({extensions:{persistedQuery:{version:1,sha256Hash:n}},variables:a})});if(!o.ok){let e=`Network response was not ok. Status: ${o.status}`;const r=await o.text();try{const s=JSON.parse(r),{errors:a}=s;a&&(e+=`\n\nGraphQL error(s):\n- ${a.map(e=>e.message).join("\n- ")}`)}catch{e+=`\n${r}`}throw new Error(e)}const{data:i,errors:h}=await o.json();if(h)throw new Error(`GraphQL error(s):\n- ${h.map(e=>e.message).join("\n- ")}`);return i}}export{e as createPersistedQueryGraphQLFetch};
|