@comet/site-react 7.21.1 → 8.0.0-canary-20250527105448
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.js +2 -4
- package/lib/blocks/SvgImageBlock.js +1 -2
- package/lib/blocks/factories/ListBlock.d.ts.map +1 -1
- package/lib/blocks/helpers/useIsElementInViewport.d.ts +2 -1
- package/lib/blocks/helpers/useIsElementInViewport.d.ts.map +1 -1
- package/lib/blocks/helpers/useIsElementInViewport.js +1 -2
- package/lib/cookies/CookieApiContext.d.ts +2 -2
- package/lib/cookies/CookieApiContext.d.ts.map +1 -1
- package/lib/cookies/CookieSafe.d.ts +4 -4
- package/lib/cookies/CookieSafe.d.ts.map +1 -1
- package/lib/errorHandler/ErrorHandlerBoundaryInternal.d.ts +1 -1
- package/lib/errorHandler/ErrorHandlerBoundaryInternal.d.ts.map +1 -1
- package/lib/errorHandler/ErrorHandlerProvider.d.ts +0 -1
- package/lib/errorHandler/ErrorHandlerProvider.d.ts.map +1 -1
- package/lib/errorHandler/ErrorHandlerProvider.js +0 -1
- package/lib/graphQLFetch/fetchInMemoryCache.js +2 -3
- package/lib/graphQLFetch/graphQLFetch.d.ts.map +1 -1
- package/lib/graphQLFetch/graphQLFetch.js +15 -2
- package/lib/iframebridge/IFrameBridge.d.ts +2 -1
- package/lib/iframebridge/IFrameBridge.d.ts.map +1 -1
- package/lib/iframebridge/IFrameBridge.js +1 -1
- package/lib/iframebridge/IFrameMessage.d.ts +6 -2
- package/lib/iframebridge/IFrameMessage.d.ts.map +1 -1
- package/lib/iframebridge/PreviewOverlay.js +1 -2
- package/lib/iframebridge/useBlockPreviewFetch.d.ts.map +1 -1
- package/lib/iframebridge/useBlockPreviewFetch.js +1 -0
- package/lib/iframebridge/utils.js +1 -2
- package/lib/iframebridge/withPreview.d.ts +1 -1
- package/lib/iframebridge/withPreview.d.ts.map +1 -1
- package/lib/image/Image.d.ts +2 -1
- package/lib/image/Image.d.ts.map +1 -1
- package/lib/image/image.utils.js +2 -4
- package/lib/index.d.ts +4 -4
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +2 -1
- package/lib/preview/PreviewContext.d.ts +1 -3
- package/lib/preview/PreviewContext.d.ts.map +1 -1
- package/lib/preview/PreviewContext.js +1 -2
- package/lib/preview/usePreview.d.ts +2 -1
- package/lib/preview/usePreview.d.ts.map +1 -1
- package/lib/style.css +1 -1
- package/package.json +11 -18
|
@@ -18,8 +18,7 @@ async function recursivelyLoadBlockData({
|
|
|
18
18
|
blockData2[field.name] = iterateField(field.object, blockData2[field.name]);
|
|
19
19
|
} else if (field.kind == "OneOfBlocks") {
|
|
20
20
|
const oneOfBlockType = field.blocks[blockData2.type];
|
|
21
|
-
if (!oneOfBlockType)
|
|
22
|
-
throw new Error("invalid blockType");
|
|
21
|
+
if (!oneOfBlockType) throw new Error("invalid blockType");
|
|
23
22
|
blockData2[field.name] = iterateBlock({
|
|
24
23
|
blockType: oneOfBlockType,
|
|
25
24
|
blockData: blockData2[field.name]
|
|
@@ -36,8 +35,7 @@ async function recursivelyLoadBlockData({
|
|
|
36
35
|
const loadedBlockData = [];
|
|
37
36
|
function iterateBlock({ blockType: blockType2, blockData: blockData2 }) {
|
|
38
37
|
const block = blocksMeta.find((block2) => block2.name === blockType2);
|
|
39
|
-
if (!block)
|
|
40
|
-
throw new Error("invalid blockType");
|
|
38
|
+
if (!block) throw new Error("invalid blockType");
|
|
41
39
|
const newBlockData = iterateField(block, blockData2);
|
|
42
40
|
if (loaders[blockType2]) {
|
|
43
41
|
newBlockData.loaded = loaders[blockType2]({ blockData: blockData2, ...dependencies });
|
|
@@ -4,8 +4,7 @@ import { withPreview } from "../iframebridge/withPreview.js";
|
|
|
4
4
|
import { PreviewSkeleton } from "../previewskeleton/PreviewSkeleton.js";
|
|
5
5
|
const SvgImageBlock = withPreview(
|
|
6
6
|
({ data: { damFile }, width = "100%", height = "auto" }) => {
|
|
7
|
-
if (!damFile)
|
|
8
|
-
return /* @__PURE__ */ jsx(PreviewSkeleton, { type: "media", hasContent: false, height: height === "auto" ? void 0 : height });
|
|
7
|
+
if (!damFile) return /* @__PURE__ */ jsx(PreviewSkeleton, { type: "media", hasContent: false, height: height === "auto" ? void 0 : height });
|
|
9
8
|
return /* @__PURE__ */ jsx(
|
|
10
9
|
"img",
|
|
11
10
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListBlock.d.ts","sourceRoot":"","sources":["../../../src/blocks/factories/ListBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"ListBlock.d.ts","sourceRoot":"","sources":["../../../src/blocks/factories/ListBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKjD,UAAU,KAAK;IAEX,KAAK,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,SAAS,CAAC;IACjC,IAAI,EAAE;QACF,MAAM,EAAE,KAAK,CAAC;YAAE,GAAG,EAAE,MAAM,CAAC;YAAC,OAAO,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,OAAO,CAAA;SAAE,CAAC,CAAC;KACpE,CAAC;CACL;AAED,eAAO,MAAM,SAAS,+CAAgD,KAAK,4CAc1E,CAAC"}
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import { RefObject } from 'react';
|
|
2
|
+
export declare const useIsElementInViewport: (ref: RefObject<Element>, callback: (inView: boolean) => void) => void;
|
|
2
3
|
//# sourceMappingURL=useIsElementInViewport.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useIsElementInViewport.d.ts","sourceRoot":"","sources":["../../../src/blocks/helpers/useIsElementInViewport.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useIsElementInViewport.d.ts","sourceRoot":"","sources":["../../../src/blocks/helpers/useIsElementInViewport.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAa,MAAM,OAAO,CAAC;AAElD,eAAO,MAAM,sBAAsB,QAAS,UAAU,OAAO,CAAC,qBAAqB,OAAO,KAAK,IAAI,SAiBlG,CAAC"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
|
|
1
|
+
import { PropsWithChildren } from 'react';
|
|
2
2
|
export type CookieApi = {
|
|
3
3
|
initialized: boolean;
|
|
4
4
|
consentedCookies: string[];
|
|
5
5
|
openCookieSettings: () => void;
|
|
6
6
|
};
|
|
7
7
|
export type CookieApiHook = () => CookieApi;
|
|
8
|
-
type CookieApiProviderProps =
|
|
8
|
+
type CookieApiProviderProps = PropsWithChildren<{
|
|
9
9
|
api: CookieApiHook;
|
|
10
10
|
}>;
|
|
11
11
|
export declare const CookieApiProvider: ({ api: useCookieApi, children }: CookieApiProviderProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CookieApiContext.d.ts","sourceRoot":"","sources":["../../src/cookies/CookieApiContext.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"CookieApiContext.d.ts","sourceRoot":"","sources":["../../src/cookies/CookieApiContext.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiB,KAAK,iBAAiB,EAAc,MAAM,OAAO,CAAC;AAE1E,MAAM,MAAM,SAAS,GAAG;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,kBAAkB,EAAE,MAAM,IAAI,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,MAAM,SAAS,CAAC;AAI5C,KAAK,sBAAsB,GAAG,iBAAiB,CAAC;IAC5C,GAAG,EAAE,aAAa,CAAC;CACtB,CAAC,CAAC;AAEH,eAAO,MAAM,iBAAiB,oCAAqC,sBAAsB,4CAGxF,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,aAM1B,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
type Props =
|
|
1
|
+
import { PropsWithChildren, ReactNode } from 'react';
|
|
2
|
+
type Props = PropsWithChildren<{
|
|
3
3
|
consented: boolean;
|
|
4
|
-
fallback:
|
|
5
|
-
loading:
|
|
4
|
+
fallback: ReactNode;
|
|
5
|
+
loading: ReactNode;
|
|
6
6
|
}>;
|
|
7
7
|
export declare const CookieSafe: ({ consented, fallback, loading, children }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CookieSafe.d.ts","sourceRoot":"","sources":["../../src/cookies/CookieSafe.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CookieSafe.d.ts","sourceRoot":"","sources":["../../src/cookies/CookieSafe.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAK/D,KAAK,KAAK,GAAG,iBAAiB,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,EAAE,SAAS,CAAC;CACtB,CAAC,CAAC;AAEH,eAAO,MAAM,UAAU,+CAAgD,KAAK,4CAc3E,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorHandlerBoundaryInternal.d.ts","sourceRoot":"","sources":["../../src/errorHandler/ErrorHandlerBoundaryInternal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,iBAAiB,EAAE,
|
|
1
|
+
{"version":3,"file":"ErrorHandlerBoundaryInternal.d.ts","sourceRoot":"","sources":["../../src/errorHandler/ErrorHandlerBoundaryInternal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1E,UAAU,KAAM,SAAQ,iBAAiB;IACrC,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;CACzD;AAED,KAAK,KAAK,GAAG;IACT,QAAQ,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,qBAAa,4BAA6B,SAAQ,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;gBACzD,KAAK,EAAE,KAAK;IAKxB,MAAM,CAAC,wBAAwB;;;IAK/B,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS;IAQpD,MAAM;CAOT"}
|
|
@@ -2,7 +2,6 @@ import { ErrorInfo, PropsWithChildren } from 'react';
|
|
|
2
2
|
interface Props {
|
|
3
3
|
onError: (error: Error, errorInfo: ErrorInfo) => void;
|
|
4
4
|
}
|
|
5
|
-
export declare const ErrorHandlerContext: import('react').Context<Props>;
|
|
6
5
|
export declare function ErrorHandlerProvider({ children, onError }: PropsWithChildren<Props>): import("react/jsx-runtime").JSX.Element;
|
|
7
6
|
export declare const useErrorHandler: () => Props;
|
|
8
7
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorHandlerProvider.d.ts","sourceRoot":"","sources":["../../src/errorHandler/ErrorHandlerProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"ErrorHandlerProvider.d.ts","sourceRoot":"","sources":["../../src/errorHandler/ErrorHandlerProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiB,KAAK,SAAS,EAAE,KAAK,iBAAiB,EAAc,MAAM,OAAO,CAAC;AAE1F,UAAU,KAAK;IACX,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;CACzD;AAaD,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,iBAAiB,CAAC,KAAK,CAAC,2CAEnF;AAED,eAAO,MAAM,eAAe,aAE3B,CAAC"}
|
|
@@ -3,8 +3,7 @@ function createFetchInMemoryCache(fetch) {
|
|
|
3
3
|
return async function(input, init) {
|
|
4
4
|
var _a;
|
|
5
5
|
let cacheKey;
|
|
6
|
-
if ((init == null ? void 0 : init.cache) === "no-store")
|
|
7
|
-
;
|
|
6
|
+
if ((init == null ? void 0 : init.cache) === "no-store") ;
|
|
8
7
|
else if (((_a = init == null ? void 0 : init.method) == null ? void 0 : _a.toUpperCase()) === "GET") {
|
|
9
8
|
cacheKey = input.toString();
|
|
10
9
|
} else if (init == null ? void 0 : init.body) {
|
|
@@ -15,7 +14,7 @@ function createFetchInMemoryCache(fetch) {
|
|
|
15
14
|
if (body.query && body.variables) {
|
|
16
15
|
cacheKey = `${input.toString()}#${init.body.toString()}`;
|
|
17
16
|
}
|
|
18
|
-
} catch
|
|
17
|
+
} catch {
|
|
19
18
|
}
|
|
20
19
|
}
|
|
21
20
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"graphQLFetch.d.ts","sourceRoot":"","sources":["../../src/graphQLFetch/graphQLFetch.ts"],"names":[],"mappings":"AAAA,KAAK,KAAK,GAAG,OAAO,KAAK,CAAC;AAE1B,MAAM,MAAM,WAAW,GAAG;IACtB,gBAAgB,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEF,wBAAgB,2BAA2B,CAAC,WAAW,CAAC,EAAE,WAAW,0BAoBpE;AAGD,eAAO,MAAM,GAAG,WAAY,oBAAoB,gBAAgB,OAAO,EAAE,KAAG,MAyB3E,CAAC;AAEF,wBAAgB,6BAA6B,CAAC,KAAK,EAAE,KAAK,EAAE,WAAW,CAAC,EAAE,WAAW,GAAG,KAAK,CAG5F;AAED,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,GAAG,KAAK,CAWlF;AAED,MAAM,MAAM,YAAY,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC;AAElG,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,GAAG,YAAY,
|
|
1
|
+
{"version":3,"file":"graphQLFetch.d.ts","sourceRoot":"","sources":["../../src/graphQLFetch/graphQLFetch.ts"],"names":[],"mappings":"AAAA,KAAK,KAAK,GAAG,OAAO,KAAK,CAAC;AAE1B,MAAM,MAAM,WAAW,GAAG;IACtB,gBAAgB,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEF,wBAAgB,2BAA2B,CAAC,WAAW,CAAC,EAAE,WAAW,0BAoBpE;AAGD,eAAO,MAAM,GAAG,WAAY,oBAAoB,gBAAgB,OAAO,EAAE,KAAG,MAyB3E,CAAC;AAEF,wBAAgB,6BAA6B,CAAC,KAAK,EAAE,KAAK,EAAE,WAAW,CAAC,EAAE,WAAW,GAAG,KAAK,CAG5F;AAED,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,GAAG,KAAK,CAWlF;AAED,MAAM,MAAM,YAAY,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC;AAElG,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,GAAG,YAAY,CA2D1E"}
|
|
@@ -64,7 +64,20 @@ function createGraphQLFetch(fetch, url) {
|
|
|
64
64
|
const fetchUrl = new URL(url);
|
|
65
65
|
fetchUrl.searchParams.append("query", query);
|
|
66
66
|
fetchUrl.searchParams.append("variables", JSON.stringify(variables));
|
|
67
|
-
response = await fetch(fetchUrl,
|
|
67
|
+
response = await fetch(fetchUrl, {
|
|
68
|
+
...init,
|
|
69
|
+
headers: {
|
|
70
|
+
/**
|
|
71
|
+
* It's recommended to add the `Apollo-Require-Preflight` header to GET requests, running on an Apollo Server 4.
|
|
72
|
+
*
|
|
73
|
+
* If this header is missing, Apollo Server 4 will return: This operation has been blocked as a potential Cross-Site Request Forgery (CSRF).
|
|
74
|
+
*
|
|
75
|
+
* see: https://www.apollographql.com/docs/graphos/routing/security/csrf#enable-csrf-prevention
|
|
76
|
+
*/
|
|
77
|
+
"Apollo-Require-Preflight": "true",
|
|
78
|
+
...init.headers
|
|
79
|
+
}
|
|
80
|
+
});
|
|
68
81
|
} else {
|
|
69
82
|
response = await fetch(url, {
|
|
70
83
|
method: "POST",
|
|
@@ -88,7 +101,7 @@ function createGraphQLFetch(fetch, url) {
|
|
|
88
101
|
GraphQL error(s):
|
|
89
102
|
- ${errors2.map((error) => error.message).join("\n- ")}`;
|
|
90
103
|
}
|
|
91
|
-
} catch
|
|
104
|
+
} catch {
|
|
92
105
|
errorMessage += `
|
|
93
106
|
${body}`;
|
|
94
107
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { PropsWithChildren } from 'react';
|
|
2
2
|
import { IFrameMessage } from './IFrameMessage';
|
|
3
|
-
|
|
3
|
+
type PreviewElement = {
|
|
4
4
|
element: HTMLElement;
|
|
5
5
|
adminRoute: string;
|
|
6
6
|
label: string;
|
|
@@ -37,4 +37,5 @@ export interface IFrameBridgeContext {
|
|
|
37
37
|
}
|
|
38
38
|
export declare const IFrameBridgeContext: import('react').Context<IFrameBridgeContext>;
|
|
39
39
|
export declare const IFrameBridgeProvider: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
|
|
40
|
+
export {};
|
|
40
41
|
//# sourceMappingURL=IFrameBridge.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IFrameBridge.d.ts","sourceRoot":"","sources":["../../src/iframebridge/IFrameBridge.tsx"],"names":[],"mappings":"AAGA,OAAO,
|
|
1
|
+
{"version":3,"file":"IFrameBridge.d.ts","sourceRoot":"","sources":["../../src/iframebridge/IFrameBridge.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAiB,KAAK,iBAAiB,EAAqD,MAAM,OAAO,CAAC;AAIjH,OAAO,EAAuC,KAAK,aAAa,EAAqB,MAAM,iBAAiB,CAAC;AAI7G,KAAK,cAAc,GAAG;IAClB,OAAO,EAAE,WAAW,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE;QACN,MAAM,EAAE,MAAM,CAAC;QACf,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAClB,CAAC;CACL,CAAC;AAEF,MAAM,WAAW,mBAAmB;IAChC,SAAS,EAAE,OAAO,CAAC;IAEnB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,eAAe,EAAE,OAAO,CAAC;IACzB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,mBAAmB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACnD;;OAEG;IACH,WAAW,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,mBAAmB,EAAE,kBAAkB,EAAE,CAAC;IAC1C,iBAAiB,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;IACrD,oBAAoB,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;CAC3D;AAED,eAAO,MAAM,mBAAmB,8CAsB9B,CAAC;AAEH,eAAO,MAAM,oBAAoB,iBAAkB,iBAAiB,4CAwPnE,CAAC"}
|
|
@@ -66,7 +66,7 @@ export declare enum AdminMessageType {
|
|
|
66
66
|
/**
|
|
67
67
|
* The `IAdminBlockMessage` is sent from the admin to the site, whih block should be displayed in the iFrame.
|
|
68
68
|
*/
|
|
69
|
-
|
|
69
|
+
interface IAdminBlockMessage {
|
|
70
70
|
cometType: AdminMessageType.Block;
|
|
71
71
|
data: {
|
|
72
72
|
block: unknown;
|
|
@@ -84,7 +84,7 @@ export interface IAdminShowOnlyVisibleMessage {
|
|
|
84
84
|
/**
|
|
85
85
|
* The `IAdminSelectComponentMessage` is sent from the admin to the site, when a component is selected in the admin interface.
|
|
86
86
|
*/
|
|
87
|
-
|
|
87
|
+
interface IAdminSelectComponentMessage {
|
|
88
88
|
cometType: AdminMessageType.SelectComponent;
|
|
89
89
|
data: {
|
|
90
90
|
adminRoute: string;
|
|
@@ -108,6 +108,9 @@ export interface IAdminContentScopeMessage {
|
|
|
108
108
|
contentScope: unknown;
|
|
109
109
|
};
|
|
110
110
|
}
|
|
111
|
+
/**
|
|
112
|
+
* The `IAdminGraphQLApiUrlMessage` is sent from the admin to the site.
|
|
113
|
+
*/
|
|
111
114
|
export interface IAdminGraphQLApiUrlMessage {
|
|
112
115
|
cometType: AdminMessageType.GraphQLApiUrl;
|
|
113
116
|
data: {
|
|
@@ -115,4 +118,5 @@ export interface IAdminGraphQLApiUrlMessage {
|
|
|
115
118
|
};
|
|
116
119
|
}
|
|
117
120
|
export type AdminMessage = IAdminBlockMessage | IAdminSelectComponentMessage | IAdminHoverComponentMessage | IAdminContentScopeMessage | IAdminShowOnlyVisibleMessage | IAdminGraphQLApiUrlMessage;
|
|
121
|
+
export {};
|
|
118
122
|
//# sourceMappingURL=IFrameMessage.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IFrameMessage.d.ts","sourceRoot":"","sources":["../../src/iframebridge/IFrameMessage.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAEjE,oBAAY,iBAAiB;IACzB,KAAK,UAAU;IACf,eAAe,oBAAoB;IACnC,cAAc,mBAAmB;IACjC;;OAEG;IACH,QAAQ,aAAa;IACrB;;OAEG;IACH,mBAAmB,wBAAwB;CAC9C;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAChC,SAAS,EAAE,iBAAiB,CAAC,KAAK,CAAC;CACtC;AAED;;;;GAIG;AACH,MAAM,WAAW,4BAA4B;IACzC,SAAS,EAAE,iBAAiB,CAAC,eAAe,CAAC;IAC7C,IAAI,EAAE;QACF,UAAU,EAAE,MAAM,CAAC;KACtB,CAAC;CACL;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IAClC,SAAS,EAAE,iBAAiB,CAAC,QAAQ,CAAC;IACtC,IAAI,EAAE;QACF,IAAI,EAAE,qBAAqB,CAAC;KAC/B,CAAC;CACL;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IAClC,SAAS,EAAE,iBAAiB,CAAC,mBAAmB,CAAC;IACjD,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,GAAG,UAAU,CAAC,CAAC;CAC/C;AAED;;GAEG;AACH,MAAM,WAAW,2BAA2B;IACxC,SAAS,EAAE,iBAAiB,CAAC,cAAc,CAAC;IAC5C,IAAI,EAAE;QACF,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;KACxB,CAAC;CACL;AAED,MAAM,MAAM,aAAa,GACnB,mBAAmB,GACnB,4BAA4B,GAC5B,qBAAqB,GACrB,qBAAqB,GACrB,2BAA2B,CAAC;AAGlC,oBAAY,gBAAgB;IACxB,KAAK,UAAU;IACf,eAAe,oBAAoB;IACnC,eAAe,oBAAoB;IACnC,cAAc,mBAAmB;IACjC,YAAY,iBAAiB;IAC7B,aAAa,kBAAkB;CAClC;AAED;;GAEG;AACH,
|
|
1
|
+
{"version":3,"file":"IFrameMessage.d.ts","sourceRoot":"","sources":["../../src/iframebridge/IFrameMessage.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAEjE,oBAAY,iBAAiB;IACzB,KAAK,UAAU;IACf,eAAe,oBAAoB;IACnC,cAAc,mBAAmB;IACjC;;OAEG;IACH,QAAQ,aAAa;IACrB;;OAEG;IACH,mBAAmB,wBAAwB;CAC9C;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAChC,SAAS,EAAE,iBAAiB,CAAC,KAAK,CAAC;CACtC;AAED;;;;GAIG;AACH,MAAM,WAAW,4BAA4B;IACzC,SAAS,EAAE,iBAAiB,CAAC,eAAe,CAAC;IAC7C,IAAI,EAAE;QACF,UAAU,EAAE,MAAM,CAAC;KACtB,CAAC;CACL;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IAClC,SAAS,EAAE,iBAAiB,CAAC,QAAQ,CAAC;IACtC,IAAI,EAAE;QACF,IAAI,EAAE,qBAAqB,CAAC;KAC/B,CAAC;CACL;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IAClC,SAAS,EAAE,iBAAiB,CAAC,mBAAmB,CAAC;IACjD,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,GAAG,UAAU,CAAC,CAAC;CAC/C;AAED;;GAEG;AACH,MAAM,WAAW,2BAA2B;IACxC,SAAS,EAAE,iBAAiB,CAAC,cAAc,CAAC;IAC5C,IAAI,EAAE;QACF,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;KACxB,CAAC;CACL;AAED,MAAM,MAAM,aAAa,GACnB,mBAAmB,GACnB,4BAA4B,GAC5B,qBAAqB,GACrB,qBAAqB,GACrB,2BAA2B,CAAC;AAGlC,oBAAY,gBAAgB;IACxB,KAAK,UAAU;IACf,eAAe,oBAAoB;IACnC,eAAe,oBAAoB;IACnC,cAAc,mBAAmB;IACjC,YAAY,iBAAiB;IAC7B,aAAa,kBAAkB;CAClC;AAED;;GAEG;AACH,UAAU,kBAAkB;IACxB,SAAS,EAAE,gBAAgB,CAAC,KAAK,CAAC;IAClC,IAAI,EAAE;QACF,KAAK,EAAE,OAAO,CAAC;KAClB,CAAC;CACL;AAED;;GAEG;AACH,MAAM,WAAW,4BAA4B;IACzC,SAAS,EAAE,gBAAgB,CAAC,eAAe,CAAC;IAC5C,IAAI,EAAE;QACF,eAAe,EAAE,OAAO,CAAC;KAC5B,CAAC;CACL;AAED;;GAEG;AACH,UAAU,4BAA4B;IAClC,SAAS,EAAE,gBAAgB,CAAC,eAAe,CAAC;IAC5C,IAAI,EAAE;QACF,UAAU,EAAE,MAAM,CAAC;KACtB,CAAC;CACL;AAED;;GAEG;AACH,MAAM,WAAW,2BAA2B;IACxC,SAAS,EAAE,gBAAgB,CAAC,cAAc,CAAC;IAC3C,IAAI,EAAE;QACF,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;KAC7B,CAAC;CACL;AAED;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACtC,SAAS,EAAE,gBAAgB,CAAC,YAAY,CAAC;IACzC,IAAI,EAAE;QACF,YAAY,EAAE,OAAO,CAAC;KACzB,CAAC;CACL;AAED;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACvC,SAAS,EAAE,gBAAgB,CAAC,aAAa,CAAC;IAC1C,IAAI,EAAE;QACF,aAAa,EAAE,MAAM,CAAC;KACzB,CAAC;CACL;AAED,MAAM,MAAM,YAAY,GAClB,kBAAkB,GAClB,4BAA4B,GAC5B,2BAA2B,GAC3B,yBAAyB,GACzB,4BAA4B,GAC5B,0BAA0B,CAAC"}
|
|
@@ -7,8 +7,7 @@ const PreviewOverlay = () => {
|
|
|
7
7
|
const iFrameBridge = useIFrameBridge();
|
|
8
8
|
let bottomMostElementPosition = 0;
|
|
9
9
|
iFrameBridge.previewElementsData.forEach((element) => {
|
|
10
|
-
if (element.position.zIndex > 1)
|
|
11
|
-
return;
|
|
10
|
+
if (element.position.zIndex > 1) return;
|
|
12
11
|
const elementBottom = element.position.top + element.position.height;
|
|
13
12
|
if (elementBottom > bottomMostElementPosition) {
|
|
14
13
|
bottomMostElementPosition = elementBottom;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useBlockPreviewFetch.d.ts","sourceRoot":"","sources":["../../src/iframebridge/useBlockPreviewFetch.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useBlockPreviewFetch.d.ts","sourceRoot":"","sources":["../../src/iframebridge/useBlockPreviewFetch.tsx"],"names":[],"mappings":"AAKA,OAAO,EAA4E,KAAK,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAK3I,KAAK,KAAK,GAAG,OAAO,KAAK,CAAC;AAE1B;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,MAAM,GAAG;IAAE,KAAK,EAAE,KAAK,CAAC;IAAC,YAAY,EAAE,YAAY,CAAA;CAAE,CAAC;AACnG,wBAAgB,oBAAoB,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG;IAAE,KAAK,EAAE,KAAK,CAAC;IAAC,YAAY,CAAC,EAAE,YAAY,CAAA;CAAE,CAAC"}
|
|
@@ -3,8 +3,7 @@ const PREVIEW_ELEMENT_SCROLLED_INTO_VIEW_EVENT = "comet-preview-element-scrolled
|
|
|
3
3
|
const getRecursiveChildrenOfPreviewElement = (rootElement) => {
|
|
4
4
|
const previewElementChildNodes = [];
|
|
5
5
|
rootElement.childNodes.forEach((childNode) => {
|
|
6
|
-
if (!(childNode instanceof Element))
|
|
7
|
-
return;
|
|
6
|
+
if (!(childNode instanceof Element)) return;
|
|
8
7
|
if (childNode.hasAttribute(BLOCK_PREVIEW_CONTAINER_DATA_ATTRIBUTE)) {
|
|
9
8
|
previewElementChildNodes.push(...getRecursiveChildrenOfPreviewElement(childNode));
|
|
10
9
|
} else {
|
|
@@ -5,7 +5,7 @@ interface AdminMetaInterface {
|
|
|
5
5
|
export interface WithPreviewProps {
|
|
6
6
|
data: WithPreviewPropsData;
|
|
7
7
|
}
|
|
8
|
-
|
|
8
|
+
interface WithPreviewPropsData {
|
|
9
9
|
adminMeta?: AdminMetaInterface;
|
|
10
10
|
}
|
|
11
11
|
export declare function isWithPreviewPropsData(block: unknown): block is WithPreviewPropsData;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"withPreview.d.ts","sourceRoot":"","sources":["../../src/iframebridge/withPreview.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAA6B,MAAM,OAAO,CAAC;AAItE,UAAU,kBAAkB;IACxB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,gBAAgB;IAC7B,IAAI,EAAE,oBAAoB,CAAC;CAC9B;AAED,
|
|
1
|
+
{"version":3,"file":"withPreview.d.ts","sourceRoot":"","sources":["../../src/iframebridge/withPreview.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAA6B,MAAM,OAAO,CAAC;AAItE,UAAU,kBAAkB;IACxB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,gBAAgB;IAC7B,IAAI,EAAE,oBAAoB,CAAC;CAC9B;AAED,UAAU,oBAAoB;IAC1B,SAAS,CAAC,EAAE,kBAAkB,CAAC;CAClC;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,oBAAoB,CAEpF;AAED,UAAU,cAAc;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4BAA4B,CAAC,EAAE,OAAO,CAAC;CAC1C;AAWD,eAAO,MAAM,WAAW,sGAEwC,cAAc,0GAsB7E,CAAC"}
|
package/lib/image/Image.d.ts
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { ImgHTMLAttributes } from 'react';
|
|
2
|
-
|
|
2
|
+
type ImageProps = ImgHTMLAttributes<HTMLImageElement> & {
|
|
3
3
|
aspectRatio: string | number;
|
|
4
4
|
src: string;
|
|
5
5
|
width: string | number;
|
|
6
6
|
};
|
|
7
7
|
export declare function Image({ aspectRatio, src, width, ...imgProps }: ImageProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export {};
|
|
8
9
|
//# sourceMappingURL=Image.d.ts.map
|
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,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI/C,
|
|
1
|
+
{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../src/image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,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.utils.js
CHANGED
|
@@ -3,8 +3,7 @@ function parseAspectRatio(value) {
|
|
|
3
3
|
if (typeof value === "string") {
|
|
4
4
|
[width, height] = value.split(/[x/:]/).map((v) => {
|
|
5
5
|
let ret = parseFloat(v);
|
|
6
|
-
if (isNaN(ret))
|
|
7
|
-
ret = void 0;
|
|
6
|
+
if (isNaN(ret)) ret = void 0;
|
|
8
7
|
return ret;
|
|
9
8
|
});
|
|
10
9
|
if (width && !height) {
|
|
@@ -14,8 +13,7 @@ function parseAspectRatio(value) {
|
|
|
14
13
|
width = value;
|
|
15
14
|
height = 1;
|
|
16
15
|
}
|
|
17
|
-
if (!width || !height)
|
|
18
|
-
throw Error(`An error occurred while parsing the aspect ratio: ${value}`);
|
|
16
|
+
if (!width || !height) throw Error(`An error occurred while parsing the aspect ratio: ${value}`);
|
|
19
17
|
return width / height;
|
|
20
18
|
}
|
|
21
19
|
function getMaxDimensionsFromArea(area, aspectRatio) {
|
package/lib/index.d.ts
CHANGED
|
@@ -16,15 +16,15 @@ export { useOneTrustCookieApi } from './cookies/useOneTrustCookieApi';
|
|
|
16
16
|
export { ErrorHandlerBoundary } from './errorHandler/ErrorHandlerBoundary';
|
|
17
17
|
export { ErrorHandlerProvider } from './errorHandler/ErrorHandlerProvider';
|
|
18
18
|
export { createFetchInMemoryCache } from './graphQLFetch/fetchInMemoryCache';
|
|
19
|
-
export {
|
|
19
|
+
export { convertPreviewDataToHeaders, createFetchWithDefaults, createFetchWithPreviewHeaders, createGraphQLFetch, gql, type GraphQLFetch, type PreviewData, } from './graphQLFetch/graphQLFetch';
|
|
20
20
|
export { IFrameBridgeProvider } from './iframebridge/IFrameBridge';
|
|
21
|
-
export { IFrameMessageType } from './iframebridge/IFrameMessage';
|
|
21
|
+
export { AdminMessageType, type IAdminContentScopeMessage, type IAdminGraphQLApiUrlMessage, type IAdminHoverComponentMessage, type IAdminShowOnlyVisibleMessage, type IFrameHoverComponentMessage, type IFrameLocationMessage, type IFrameMessage, IFrameMessageType, type IFrameOpenLinkMessage, type IFrameSelectComponentMessage, type IReadyIFrameMessage, } from './iframebridge/IFrameMessage';
|
|
22
22
|
export { Preview } from './iframebridge/Preview';
|
|
23
23
|
export { useBlockPreviewFetch } from './iframebridge/useBlockPreviewFetch';
|
|
24
24
|
export { useIFrameBridge } from './iframebridge/useIFrameBridge';
|
|
25
|
-
export {
|
|
25
|
+
export { isWithPreviewPropsData, withPreview, type WithPreviewProps } from './iframebridge/withPreview';
|
|
26
26
|
export { Image } from './image/Image';
|
|
27
|
-
export {
|
|
27
|
+
export { calculateInheritAspectRatio, generateImageUrl, getMaxDimensionsFromArea, type ImageDimensions, parseAspectRatio } from './image/image.utils';
|
|
28
28
|
export { BlockPreviewProvider } from './preview/BlockPreviewProvider';
|
|
29
29
|
export { PreviewContext } from './preview/PreviewContext';
|
|
30
30
|
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":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,uBAAuB,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AACrH,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,YAAY,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAC/E,OAAO,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAC;AACjF,YAAY,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,KAAK,SAAS,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC7F,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AACxE,OAAO,EAAE,wBAAwB,EAAE,MAAM,oCAAoC,CAAC;AAC9E,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,wBAAwB,EAAE,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EACH,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,uBAAuB,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AACrH,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,YAAY,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAC/E,OAAO,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAC;AACjF,YAAY,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,KAAK,SAAS,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC7F,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AACxE,OAAO,EAAE,wBAAwB,EAAE,MAAM,oCAAoC,CAAC;AAC9E,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,wBAAwB,EAAE,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EACH,2BAA2B,EAC3B,uBAAuB,EACvB,6BAA6B,EAC7B,kBAAkB,EAClB,GAAG,EACH,KAAK,YAAY,EACjB,KAAK,WAAW,GACnB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EACH,gBAAgB,EAChB,KAAK,yBAAyB,EAC9B,KAAK,0BAA0B,EAC/B,KAAK,2BAA2B,EAChC,KAAK,4BAA4B,EACjC,KAAK,2BAA2B,EAChC,KAAK,qBAAqB,EAC1B,KAAK,aAAa,EAClB,iBAAiB,EACjB,KAAK,qBAAqB,EAC1B,KAAK,4BAA4B,EACjC,KAAK,mBAAmB,GAC3B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,sBAAsB,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AACxG,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,2BAA2B,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,KAAK,eAAe,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACtJ,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC"}
|
package/lib/index.js
CHANGED
|
@@ -16,7 +16,7 @@ import { ErrorHandlerProvider } from "./errorHandler/ErrorHandlerProvider.js";
|
|
|
16
16
|
import { createFetchInMemoryCache } from "./graphQLFetch/fetchInMemoryCache.js";
|
|
17
17
|
import { convertPreviewDataToHeaders, createFetchWithDefaults, createFetchWithPreviewHeaders, createGraphQLFetch, gql } from "./graphQLFetch/graphQLFetch.js";
|
|
18
18
|
import { IFrameBridgeProvider } from "./iframebridge/IFrameBridge.js";
|
|
19
|
-
import { IFrameMessageType } from "./iframebridge/IFrameMessage.js";
|
|
19
|
+
import { AdminMessageType, IFrameMessageType } from "./iframebridge/IFrameMessage.js";
|
|
20
20
|
import { Preview } from "./iframebridge/Preview.js";
|
|
21
21
|
import { useBlockPreviewFetch } from "./iframebridge/useBlockPreviewFetch.js";
|
|
22
22
|
import { useIFrameBridge } from "./iframebridge/useIFrameBridge.js";
|
|
@@ -28,6 +28,7 @@ import { PreviewContext } from "./preview/PreviewContext.js";
|
|
|
28
28
|
import { usePreview } from "./preview/usePreview.js";
|
|
29
29
|
import { PreviewSkeleton } from "./previewskeleton/PreviewSkeleton.js";
|
|
30
30
|
export {
|
|
31
|
+
AdminMessageType,
|
|
31
32
|
BlockPreviewProvider,
|
|
32
33
|
BlocksBlock,
|
|
33
34
|
CookieApiProvider,
|
|
@@ -1,9 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
export type Url = string | UrlObject;
|
|
1
|
+
/// <reference types="react" />
|
|
3
2
|
export interface PreviewContextOptions {
|
|
4
3
|
previewType: "SitePreview" | "BlockPreview" | "NoPreview";
|
|
5
4
|
showPreviewSkeletons: boolean;
|
|
6
5
|
}
|
|
7
|
-
export declare const defaultPreviewContextValue: PreviewContextOptions;
|
|
8
6
|
export declare const PreviewContext: import('react').Context<PreviewContextOptions>;
|
|
9
7
|
//# sourceMappingURL=PreviewContext.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PreviewContext.d.ts","sourceRoot":"","sources":["../../src/preview/PreviewContext.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PreviewContext.d.ts","sourceRoot":"","sources":["../../src/preview/PreviewContext.tsx"],"names":[],"mappings":";AAIA,MAAM,WAAW,qBAAqB;IAClC,WAAW,EAAE,aAAa,GAAG,cAAc,GAAG,WAAW,CAAC;IAC1D,oBAAoB,EAAE,OAAO,CAAC;CACjC;AAOD,eAAO,MAAM,cAAc,gDAAmE,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PreviewContextOptions } from './PreviewContext';
|
|
2
|
-
|
|
2
|
+
interface PreviewHookReturn extends PreviewContextOptions {
|
|
3
3
|
isSelected: (url: string, options?: {
|
|
4
4
|
exactMatch?: boolean;
|
|
5
5
|
}) => boolean;
|
|
@@ -8,4 +8,5 @@ export interface PreviewHookReturn extends PreviewContextOptions {
|
|
|
8
8
|
}) => boolean;
|
|
9
9
|
}
|
|
10
10
|
export declare function usePreview(): PreviewHookReturn;
|
|
11
|
+
export {};
|
|
11
12
|
//# sourceMappingURL=usePreview.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePreview.d.ts","sourceRoot":"","sources":["../../src/preview/usePreview.ts"],"names":[],"mappings":"AAGA,OAAO,
|
|
1
|
+
{"version":3,"file":"usePreview.d.ts","sourceRoot":"","sources":["../../src/preview/usePreview.ts"],"names":[],"mappings":"AAGA,OAAO,EAAkB,KAAK,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAE9E,UAAU,iBAAkB,SAAQ,qBAAqB;IACrD,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;QAAE,UAAU,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,OAAO,CAAC;IACzE,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;QAAE,UAAU,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,OAAO,CAAC;CAC3E;AAED,wBAAgB,UAAU,IAAI,iBAAiB,CAqC9C"}
|
package/lib/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._childrenWrapper_qguhx_1{position:relative;z-index:1}._root_v4248_1{position:absolute;z-index:2;top:0;left:0;right:0;min-height:100vh;height:var(--height)}._root_1ya0k_1{position:absolute;cursor:pointer;outline:1px solid transparent;outline-offset:-1px}._root_1ya0k_1:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.25}._root_1ya0k_1:hover{outline-color:#29b6f6;outline-style:solid}._root_1ya0k_1:hover:after{background-color:#29b6f6}._isHoveredInBlockList_1ya0k_24{outline-color:#29b6f6;outline-style:solid}._isHoveredInBlockList_1ya0k_24:after{background-color:#29b6f6}._showBlockOutlines_1ya0k_32:not(:hover){outline-color:#d9d9d9;outline-style:dashed}._blockIsSelected_1ya0k_37{outline-color:#29b6f6}._blockIsSelected_1ya0k_37 ._label_1ya0k_40{display:inline-block}._label_1ya0k_40{position:absolute;padding:2px;background-color:#57b0eb;line-height:16px;color:#fff;top:1px;right:1px;font-size:12px;display:none}._barSkeleton_zomv4_1{min-height:20px;margin-bottom:5px;margin-right:5px;background-color:var(--background-color);color:var(--color)}._rowsContainer_zomv4_9{width:100%;min-width:300px}._rowSkeleton_zomv4_14{margin-bottom:10px;min-height:20px;width:var(--width);background-color:var(--background-color);color:var(--color)}._imageContainer_zomv4_22{width:100%;aspect-ratio:var(--aspect-ratio);height:var(--height);background-color:var(--background-color);color:var(--color)}._previewElementContainer_nwhl6_1{display:contents}
|
package/package.json
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@comet/site-react",
|
|
3
|
-
"
|
|
4
|
-
"version": "7.21.1",
|
|
3
|
+
"version": "8.0.0-canary-20250527105448",
|
|
5
4
|
"repository": {
|
|
6
5
|
"type": "git",
|
|
7
6
|
"url": "https://github.com/vivid-planet/comet",
|
|
8
7
|
"directory": "packages/site/site-react"
|
|
9
8
|
},
|
|
10
9
|
"license": "BSD-2-Clause",
|
|
10
|
+
"type": "module",
|
|
11
11
|
"exports": {
|
|
12
12
|
".": {
|
|
13
13
|
"types": "./lib/index.d.ts",
|
|
@@ -22,52 +22,45 @@
|
|
|
22
22
|
],
|
|
23
23
|
"dependencies": {
|
|
24
24
|
"clsx": "^2.1.1",
|
|
25
|
-
"jose": "^5.2.4",
|
|
26
25
|
"lodash.isequal": "^4.5.0",
|
|
27
26
|
"rimraf": "^3.0.0",
|
|
28
27
|
"scroll-into-view-if-needed": "^2.0.0",
|
|
29
|
-
"server-only": "^0.0.1",
|
|
30
28
|
"usehooks-ts": "^3.1.0"
|
|
31
29
|
},
|
|
32
30
|
"devDependencies": {
|
|
33
|
-
"@comet/cli": "^7.21.1",
|
|
34
|
-
"@comet/eslint-config": "^7.21.1",
|
|
35
|
-
"@gitbeaker/node": "^34.0.0",
|
|
36
31
|
"@types/draft-js": "^0.11.10",
|
|
37
32
|
"@types/jest": "^29.5.0",
|
|
38
33
|
"@types/lodash.isequal": "^4.5.8",
|
|
39
34
|
"@types/react": "^18.3.18",
|
|
40
|
-
"@types/react-dom": "^18.3.5",
|
|
41
35
|
"@vitejs/plugin-react": "^4.4.1",
|
|
42
36
|
"chokidar-cli": "^2.0.0",
|
|
43
|
-
"eslint": "^
|
|
37
|
+
"eslint": "^9.22.0",
|
|
44
38
|
"jest": "^29.5.0",
|
|
45
39
|
"jest-environment-jsdom": "^29.5.0",
|
|
46
40
|
"jest-junit": "^15.0.0",
|
|
47
41
|
"npm-run-all": "^4.1.5",
|
|
48
42
|
"prettier": "^2.0.0",
|
|
49
43
|
"react": "^18.3.1",
|
|
50
|
-
"react-dom": "^18.3.1",
|
|
51
|
-
"react-is": "^18.3.1",
|
|
52
44
|
"rollup": "^4.40.2",
|
|
53
45
|
"rollup-plugin-preserve-directives": "^0.4.0",
|
|
54
46
|
"sass": "^1.87.0",
|
|
55
47
|
"ts-jest": "^29.0.5",
|
|
56
48
|
"typescript": "^4.0.0",
|
|
57
49
|
"vite": "^5.1.6",
|
|
58
|
-
"vite-plugin-dts": "^4.5.3"
|
|
50
|
+
"vite-plugin-dts": "^4.5.3",
|
|
51
|
+
"@comet/eslint-config": "8.0.0-canary-20250527105448",
|
|
52
|
+
"@comet/cli": "8.0.0-canary-20250527105448"
|
|
59
53
|
},
|
|
60
54
|
"peerDependencies": {
|
|
61
|
-
"react": "^18.0.0"
|
|
62
|
-
|
|
55
|
+
"react": "^18.0.0"
|
|
56
|
+
},
|
|
57
|
+
"engines": {
|
|
58
|
+
"node": ">=18.0.0"
|
|
63
59
|
},
|
|
64
60
|
"publishConfig": {
|
|
65
61
|
"access": "public",
|
|
66
62
|
"registry": "https://registry.npmjs.org"
|
|
67
63
|
},
|
|
68
|
-
"engines": {
|
|
69
|
-
"node": ">=18.0.0"
|
|
70
|
-
},
|
|
71
64
|
"scripts": {
|
|
72
65
|
"build": "$npm_execpath run clean && npm run generate-block-types && vite build",
|
|
73
66
|
"clean": "rimraf lib 'src/**/*.generated.ts'",
|
|
@@ -75,7 +68,7 @@
|
|
|
75
68
|
"generate-block-types": "comet generate-block-types",
|
|
76
69
|
"generate-block-types:watch": "chokidar -s \"block-meta.json\" -c \"$npm_execpath generate-block-types\"",
|
|
77
70
|
"lint": "$npm_execpath generate-block-types && run-p lint:prettier lint:eslint lint:tsc",
|
|
78
|
-
"lint:eslint": "eslint --max-warnings 0
|
|
71
|
+
"lint:eslint": "eslint --max-warnings 0 src/ **/*.json --no-warn-ignored",
|
|
79
72
|
"lint:prettier": "npx prettier --check './**/*.{js,json,md,yml,yaml,css,scss}'",
|
|
80
73
|
"lint:tsc": "tsc --noEmit",
|
|
81
74
|
"test": "jest --verbose=true --passWithNoTests",
|