@comet/site-react 7.21.0-canary-20250522145352

package/lib/iframebridge/utils.d.ts

@@ -0,0 +1,10 @@
+export declare const BLOCK_PREVIEW_CONTAINER_DATA_ATTRIBUTE = "data-comet-block-preview-container";
+export declare const PREVIEW_ELEMENT_SCROLLED_INTO_VIEW_EVENT = "comet-preview-element-scrolled-into-view";
+export declare const getRecursiveChildrenOfPreviewElement: (rootElement: Element) => Element[];
+export declare const getCombinedPositioningOfElements: (elements: Element[]) => {
+    top: number;
+    left: number;
+    width: number;
+    height: number;
+};
+//# sourceMappingURL=utils.d.ts.map

package/lib/iframebridge/utils.d.ts.map

@@ -0,0 +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,gBAAiB,OAAO,KAAG,OAAO,EAclF,CAAC;AAEF,eAAO,MAAM,gCAAgC,aAAc,OAAO,EAAE;;;;;CAgCnE,CAAC"}

package/lib/iframebridge/utils.js

@@ -0,0 +1,45 @@
+const BLOCK_PREVIEW_CONTAINER_DATA_ATTRIBUTE = "data-comet-block-preview-container";
+const PREVIEW_ELEMENT_SCROLLED_INTO_VIEW_EVENT = "comet-preview-element-scrolled-into-view";
+const getRecursiveChildrenOfPreviewElement = (rootElement) => {
+  const previewElementChildNodes = [];
+  rootElement.childNodes.forEach((childNode) => {
+    if (!(childNode instanceof Element))
+      return;
+    if (childNode.hasAttribute(BLOCK_PREVIEW_CONTAINER_DATA_ATTRIBUTE)) {
+      previewElementChildNodes.push(...getRecursiveChildrenOfPreviewElement(childNode));
+    } else {
+      previewElementChildNodes.push(childNode);
+    }
+  });
+  return previewElementChildNodes;
+};
+const getCombinedPositioningOfElements = (elements) => {
+  const topPositions = [];
+  const leftPositions = [];
+  elements.forEach((element) => {
+    const { top, left, bottom, right } = element.getBoundingClientRect();
+    topPositions.push(top + window.scrollY);
+    leftPositions.push(left + window.scrollX);
+  });
+  const highestTopPosition = Math.min(...topPositions);
+  const highestLeftPosition = Math.min(...leftPositions);
+  const widthValues = [];
+  const heightValues = [];
+  elements.forEach((element) => {
+    const { right, bottom } = element.getBoundingClientRect();
+    widthValues.push(right - highestLeftPosition);
+    heightValues.push(bottom - highestTopPosition + window.scrollY);
+  });
+  return {
+    top: highestTopPosition,
+    left: highestLeftPosition,
+    width: Math.max(...widthValues),
+    height: Math.max(...heightValues)
+  };
+};
+export {
+  BLOCK_PREVIEW_CONTAINER_DATA_ATTRIBUTE,
+  PREVIEW_ELEMENT_SCROLLED_INTO_VIEW_EVENT,
+  getCombinedPositioningOfElements,
+  getRecursiveChildrenOfPreviewElement
+};

package/lib/iframebridge/withPreview.d.ts

@@ -0,0 +1,18 @@
+import { ComponentType } from 'react';
+interface AdminMetaInterface {
+    route: string;
+}
+export interface WithPreviewProps {
+    data: WithPreviewPropsData;
+}
+export interface WithPreviewPropsData {
+    adminMeta?: AdminMetaInterface;
+}
+export declare function isWithPreviewPropsData(block: unknown): block is WithPreviewPropsData;
+interface PreviewOptions {
+    label?: string;
+    enabledChildrenAutoScrolling?: boolean;
+}
+export declare const withPreview: <ComponentProps>(Component: ComponentType<ComponentProps>, { label, enabledChildrenAutoScrolling }: PreviewOptions) => ({ ...componentProps }: WithPreviewProps & ComponentProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=withPreview.d.ts.map

package/lib/iframebridge/withPreview.d.ts.map

@@ -0,0 +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,MAAM,WAAW,oBAAoB;IACjC,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/iframebridge/withPreview.js

@@ -0,0 +1,34 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
+import { Preview } from "./Preview.js";
+function isWithPreviewPropsData(block) {
+  return block.adminMeta !== void 0;
+}
+const AdminRouteContext = createContext({
+  parentRoute: "",
+  parentEnabledAutoScrolling: true
+});
+const withPreview = (Component, { label = "No type", enabledChildrenAutoScrolling = true }) => {
+  return ({ ...componentProps }) => {
+    var _a, _b, _c, _d;
+    const { parentRoute, parentEnabledAutoScrolling } = useContext(AdminRouteContext);
+    if (((_a = componentProps.data) == null ? void 0 : _a.adminMeta) && ((_b = componentProps.data) == null ? void 0 : _b.adminMeta.route) !== parentRoute) {
+      return /* @__PURE__ */ jsx(
+        AdminRouteContext.Provider,
+        {
+          value: {
+            parentRoute: (_c = componentProps.data) == null ? void 0 : _c.adminMeta.route,
+            parentEnabledAutoScrolling: !parentEnabledAutoScrolling ? false : enabledChildrenAutoScrolling
+          },
+          children: /* @__PURE__ */ jsx(Preview, { adminRoute: (_d = componentProps.data) == null ? void 0 : _d.adminMeta.route, label, enabledAutoScrolling: parentEnabledAutoScrolling, children: /* @__PURE__ */ jsx(Component, { ...componentProps }) })
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(Component, { ...componentProps });
+  };
+};
+export {
+  isWithPreviewPropsData,
+  withPreview
+};

package/lib/image/Image.d.ts

@@ -0,0 +1,8 @@
+import { ImgHTMLAttributes } from 'react';
+export type ImageProps = ImgHTMLAttributes<HTMLImageElement> & {
+    aspectRatio: string | number;
+    src: string;
+    width: string | number;
+};
+export declare function Image({ aspectRatio, src, width, ...imgProps }: ImageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Image.d.ts.map

package/lib/image/Image.d.ts.map

@@ -0,0 +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,MAAM,MAAM,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;AAErI,wBAAgB,KAAK,CAAC,EAAE,WAAW,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,EAAE,UAAU,2CAKzE"}

package/lib/image/Image.js

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import { parseAspectRatio, generateImageUrl } from "./image.utils.js";
+function Image({ aspectRatio, src, width, ...imgProps }) {
+  const usedAspectRatio = parseAspectRatio(aspectRatio);
+  const imageUrl = generateImageUrl({ src, width: Number(width) }, usedAspectRatio);
+  return /* @__PURE__ */ jsx("img", { src: imageUrl, ...imgProps });
+}
+export {
+  Image
+};

package/lib/image/image.utils.d.ts

@@ -0,0 +1,18 @@
+export declare function parseAspectRatio(value: string | number): number;
+export interface ImageDimensions {
+    width: number;
+    height: number;
+}
+export declare function getMaxDimensionsFromArea(area: ImageDimensions, aspectRatio: number): ImageDimensions;
+export declare function calculateInheritAspectRatio(imageDimensions: ImageDimensions, cropArea: {
+    focalPoint: "SMART" | "CENTER" | "NORTHWEST" | "NORTHEAST" | "SOUTHWEST" | "SOUTHEAST";
+    width?: number;
+    height?: number;
+    x?: number;
+    y?: number;
+}): number;
+export declare function generateImageUrl({ src, width }: {
+    src: string;
+    width: number;
+}, aspectRatio: number): string;
+//# sourceMappingURL=image.utils.d.ts.map

package/lib/image/image.utils.d.ts.map

@@ -0,0 +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,CAkB/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

@@ -0,0 +1,53 @@
+function parseAspectRatio(value) {
+  let width, height;
+  if (typeof value === "string") {
+    [width, height] = value.split(/[x/:]/).map((v) => {
+      let ret = parseFloat(v);
+      if (isNaN(ret))
+        ret = void 0;
+      return ret;
+    });
+    if (width && !height) {
+      height = 1;
+    }
+  } else {
+    width = value;
+    height = 1;
+  }
+  if (!width || !height)
+    throw Error(`An error occurred while parsing the aspect ratio: ${value}`);
+  return width / height;
+}
+function getMaxDimensionsFromArea(area, aspectRatio) {
+  let width, height;
+  if (aspectRatio < 1) {
+    width = Math.min(area.height * aspectRatio, area.width);
+    height = width / aspectRatio;
+  } else {
+    height = Math.min(area.width / aspectRatio, area.height);
+    width = height * aspectRatio;
+  }
+  return {
+    width,
+    height
+  };
+}
+function calculateInheritAspectRatio(imageDimensions, cropArea) {
+  if (cropArea.focalPoint === "SMART") {
+    return imageDimensions.width / imageDimensions.height;
+  } else {
+    if (cropArea.width === void 0 || cropArea.height === void 0) {
+      throw new Error("Missing crop dimensions");
+    }
+    return cropArea.width * imageDimensions.width / 100 / (cropArea.height * imageDimensions.height / 100);
+  }
+}
+function generateImageUrl({ src, width }, aspectRatio) {
+  return src.replace("$resizeWidth", String(width)).replace("$resizeHeight", String(Math.ceil(width / aspectRatio)));
+}
+export {
+  calculateInheritAspectRatio,
+  generateImageUrl,
+  getMaxDimensionsFromArea,
+  parseAspectRatio
+};

package/lib/index.d.ts

@@ -0,0 +1,32 @@
+export { type BlockLoader, type BlockLoaderDependencies, recursivelyLoadBlockData } from './blockLoader/blockLoader';
+export { BlocksBlock } from './blocks/factories/BlocksBlock';
+export { ListBlock } from './blocks/factories/ListBlock';
+export { OneOfBlock } from './blocks/factories/OneOfBlock';
+export { OptionalBlock } from './blocks/factories/OptionalBlock';
+export type { SupportedBlocks } from './blocks/factories/types';
+export { hasRichTextBlockContent } from './blocks/helpers/RichTextBlockHelper';
+export { useIsElementInViewport } from './blocks/helpers/useIsElementInViewport';
+export type { PropsWithData } from './blocks/PropsWithData';
+export { SvgImageBlock } from './blocks/SvgImageBlock';
+export { type CookieApi, CookieApiProvider, useCookieApi } from './cookies/CookieApiContext';
+export { CookieSafe } from './cookies/CookieSafe';
+export { useCookieBotCookieApi } from './cookies/useCookieBotCookieApi';
+export { useLocalStorageCookieApi } from './cookies/useLocalStorageCookieApi';
+export { useOneTrustCookieApi } from './cookies/useOneTrustCookieApi';
+export { ErrorHandlerBoundary } from './errorHandler/ErrorHandlerBoundary';
+export { ErrorHandlerProvider } from './errorHandler/ErrorHandlerProvider';
+export { createFetchInMemoryCache } from './graphQLFetch/fetchInMemoryCache';
+export { type GraphQLFetch, type PreviewData, convertPreviewDataToHeaders, createFetchWithDefaults, createFetchWithPreviewHeaders, createGraphQLFetch, gql, } from './graphQLFetch/graphQLFetch';
+export { IFrameBridgeProvider } from './iframebridge/IFrameBridge';
+export { IFrameMessageType } from './iframebridge/IFrameMessage';
+export { Preview } from './iframebridge/Preview';
+export { useBlockPreviewFetch } from './iframebridge/useBlockPreviewFetch';
+export { useIFrameBridge } from './iframebridge/useIFrameBridge';
+export { type WithPreviewProps, isWithPreviewPropsData, withPreview } from './iframebridge/withPreview';
+export { Image } from './image/Image';
+export { type ImageDimensions, calculateInheritAspectRatio, generateImageUrl, getMaxDimensionsFromArea, parseAspectRatio } from './image/image.utils';
+export { BlockPreviewProvider } from './preview/BlockPreviewProvider';
+export { PreviewContext } from './preview/PreviewContext';
+export { usePreview } from './preview/usePreview';
+export { PreviewSkeleton } from './previewskeleton/PreviewSkeleton';
+//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -0,0 +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,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,2BAA2B,EAC3B,uBAAuB,EACvB,6BAA6B,EAC7B,kBAAkB,EAClB,GAAG,GACN,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,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,KAAK,gBAAgB,EAAE,sBAAsB,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACxG,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,KAAK,eAAe,EAAE,2BAA2B,EAAE,gBAAgB,EAAE,wBAAwB,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

@@ -0,0 +1,69 @@
+import { recursivelyLoadBlockData } from "./blockLoader/blockLoader.js";
+import { BlocksBlock } from "./blocks/factories/BlocksBlock.js";
+import { ListBlock } from "./blocks/factories/ListBlock.js";
+import { OneOfBlock } from "./blocks/factories/OneOfBlock.js";
+import { OptionalBlock } from "./blocks/factories/OptionalBlock.js";
+import { hasRichTextBlockContent } from "./blocks/helpers/RichTextBlockHelper.js";
+import { useIsElementInViewport } from "./blocks/helpers/useIsElementInViewport.js";
+import { SvgImageBlock } from "./blocks/SvgImageBlock.js";
+import { CookieApiProvider, useCookieApi } from "./cookies/CookieApiContext.js";
+import { CookieSafe } from "./cookies/CookieSafe.js";
+import { useCookieBotCookieApi } from "./cookies/useCookieBotCookieApi.js";
+import { useLocalStorageCookieApi } from "./cookies/useLocalStorageCookieApi.js";
+import { useOneTrustCookieApi } from "./cookies/useOneTrustCookieApi.js";
+import { ErrorHandlerBoundary } from "./errorHandler/ErrorHandlerBoundary.js";
+import { ErrorHandlerProvider } from "./errorHandler/ErrorHandlerProvider.js";
+import { createFetchInMemoryCache } from "./graphQLFetch/fetchInMemoryCache.js";
+import { convertPreviewDataToHeaders, createFetchWithDefaults, createFetchWithPreviewHeaders, createGraphQLFetch, gql } from "./graphQLFetch/graphQLFetch.js";
+import { IFrameBridgeProvider } from "./iframebridge/IFrameBridge.js";
+import { IFrameMessageType } from "./iframebridge/IFrameMessage.js";
+import { Preview } from "./iframebridge/Preview.js";
+import { useBlockPreviewFetch } from "./iframebridge/useBlockPreviewFetch.js";
+import { useIFrameBridge } from "./iframebridge/useIFrameBridge.js";
+import { isWithPreviewPropsData, withPreview } from "./iframebridge/withPreview.js";
+import { Image } from "./image/Image.js";
+import { calculateInheritAspectRatio, generateImageUrl, getMaxDimensionsFromArea, parseAspectRatio } from "./image/image.utils.js";
+import { BlockPreviewProvider } from "./preview/BlockPreviewProvider.js";
+import { PreviewContext } from "./preview/PreviewContext.js";
+import { usePreview } from "./preview/usePreview.js";
+import { PreviewSkeleton } from "./previewskeleton/PreviewSkeleton.js";
+export {
+  BlockPreviewProvider,
+  BlocksBlock,
+  CookieApiProvider,
+  CookieSafe,
+  ErrorHandlerBoundary,
+  ErrorHandlerProvider,
+  IFrameBridgeProvider,
+  IFrameMessageType,
+  Image,
+  ListBlock,
+  OneOfBlock,
+  OptionalBlock,
+  Preview,
+  PreviewContext,
+  PreviewSkeleton,
+  SvgImageBlock,
+  calculateInheritAspectRatio,
+  convertPreviewDataToHeaders,
+  createFetchInMemoryCache,
+  createFetchWithDefaults,
+  createFetchWithPreviewHeaders,
+  createGraphQLFetch,
+  generateImageUrl,
+  getMaxDimensionsFromArea,
+  gql,
+  hasRichTextBlockContent,
+  isWithPreviewPropsData,
+  parseAspectRatio,
+  recursivelyLoadBlockData,
+  useBlockPreviewFetch,
+  useCookieApi,
+  useCookieBotCookieApi,
+  useIFrameBridge,
+  useIsElementInViewport,
+  useLocalStorageCookieApi,
+  useOneTrustCookieApi,
+  usePreview,
+  withPreview
+};

package/lib/preview/BlockPreviewProvider.d.ts

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from 'react';
+export declare const BlockPreviewProvider: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BlockPreviewProvider.d.ts.map

package/lib/preview/BlockPreviewProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockPreviewProvider.d.ts","sourceRoot":"","sources":["../../src/preview/BlockPreviewProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI/C,eAAO,MAAM,oBAAoB,iBAAkB,iBAAiB,4CAWnE,CAAC"}

package/lib/preview/BlockPreviewProvider.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { PreviewContext } from "./PreviewContext.js";
+const BlockPreviewProvider = ({ children }) => {
+  return /* @__PURE__ */ jsx(
+    PreviewContext.Provider,
+    {
+      value: {
+        previewType: "BlockPreview",
+        showPreviewSkeletons: true
+      },
+      children
+    }
+  );
+};
+export {
+  BlockPreviewProvider
+};

package/lib/preview/PreviewContext.d.ts

@@ -0,0 +1,9 @@
+import { UrlObject } from 'url';
+export type Url = string | UrlObject;
+export interface PreviewContextOptions {
+    previewType: "SitePreview" | "BlockPreview" | "NoPreview";
+    showPreviewSkeletons: boolean;
+}
+export declare const defaultPreviewContextValue: PreviewContextOptions;
+export declare const PreviewContext: import('react').Context<PreviewContextOptions>;
+//# sourceMappingURL=PreviewContext.d.ts.map

package/lib/preview/PreviewContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewContext.d.ts","sourceRoot":"","sources":["../../src/preview/PreviewContext.tsx"],"names":[],"mappings":";;AAGA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,KAAK,CAAC;AAErC,MAAM,MAAM,GAAG,GAAG,MAAM,GAAG,SAAS,CAAC;AAErC,MAAM,WAAW,qBAAqB;IAClC,WAAW,EAAE,aAAa,GAAG,cAAc,GAAG,WAAW,CAAC;IAC1D,oBAAoB,EAAE,OAAO,CAAC;CACjC;AAED,eAAO,MAAM,0BAA0B,EAAE,qBAGxC,CAAC;AAEF,eAAO,MAAM,cAAc,gDAAmE,CAAC"}

package/lib/preview/PreviewContext.js

@@ -0,0 +1,11 @@
+"use client";
+import { createContext } from "react";
+const defaultPreviewContextValue = {
+  previewType: "NoPreview",
+  showPreviewSkeletons: false
+};
+const PreviewContext = createContext(defaultPreviewContextValue);
+export {
+  PreviewContext,
+  defaultPreviewContextValue
+};

package/lib/preview/usePreview.d.ts

@@ -0,0 +1,11 @@
+import { PreviewContextOptions } from './PreviewContext';
+export interface PreviewHookReturn extends PreviewContextOptions {
+    isSelected: (url: string, options?: {
+        exactMatch?: boolean;
+    }) => boolean;
+    isHovered: (url: string, options?: {
+        exactMatch?: boolean;
+    }) => boolean;
+}
+export declare function usePreview(): PreviewHookReturn;
+//# sourceMappingURL=usePreview.d.ts.map

package/lib/preview/usePreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePreview.d.ts","sourceRoot":"","sources":["../../src/preview/usePreview.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,qBAAqB,EAAkB,MAAM,kBAAkB,CAAC;AAE9E,MAAM,WAAW,iBAAkB,SAAQ,qBAAqB;IAC5D,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/preview/usePreview.js

@@ -0,0 +1,41 @@
+import { useContext, useCallback } from "react";
+import { useIFrameBridge } from "../iframebridge/useIFrameBridge.js";
+import { PreviewContext } from "./PreviewContext.js";
+function usePreview() {
+  const iFrameBridge = useIFrameBridge();
+  const previewContext = useContext(PreviewContext);
+  const isSelected = useCallback(
+    (url, options) => {
+      var _a;
+      if (!iFrameBridge.selectedAdminRoute) {
+        return false;
+      }
+      const exactMatch = (options == null ? void 0 : options.exactMatch) ?? true;
+      if (exactMatch) {
+        return url === iFrameBridge.selectedAdminRoute;
+      } else {
+        return (_a = iFrameBridge.selectedAdminRoute) == null ? void 0 : _a.startsWith(url);
+      }
+    },
+    [iFrameBridge.selectedAdminRoute]
+  );
+  const isHovered = useCallback(
+    (url, options) => {
+      var _a;
+      if (!iFrameBridge.hoveredAdminRoute) {
+        return false;
+      }
+      const exactMatch = (options == null ? void 0 : options.exactMatch) ?? true;
+      if (exactMatch) {
+        return url === iFrameBridge.hoveredAdminRoute;
+      } else {
+        return (_a = iFrameBridge.hoveredAdminRoute) == null ? void 0 : _a.startsWith(url);
+      }
+    },
+    [iFrameBridge.hoveredAdminRoute]
+  );
+  return { ...previewContext, isSelected, isHovered };
+}
+export {
+  usePreview
+};

package/lib/previewskeleton/PreviewSkeleton.d.ts

@@ -0,0 +1,14 @@
+import { PropsWithChildren, ReactNode } from 'react';
+interface SkeletonProps extends PropsWithChildren {
+    type?: "bar" | "rows" | "media";
+    aspectRatio?: string | number;
+    height?: string | number;
+    hasContent: boolean;
+    backgroundColor?: string;
+    color?: string;
+    title?: ReactNode;
+    customContainer?: ReactNode;
+}
+declare const PreviewSkeleton: ({ children, customContainer, title, type, aspectRatio, height: passedHeight, hasContent, color, backgroundColor, }: SkeletonProps) => import("react/jsx-runtime").JSX.Element | null;
+export { PreviewSkeleton };
+//# sourceMappingURL=PreviewSkeleton.d.ts.map

package/lib/previewskeleton/PreviewSkeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewSkeleton.d.ts","sourceRoot":"","sources":["../../src/previewskeleton/PreviewSkeleton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAK/D,UAAU,aAAc,SAAQ,iBAAiB;IAC7C,IAAI,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,UAAU,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,eAAe,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED,QAAA,MAAM,eAAe,uHAUlB,aAAa,mDA+Cf,CAAC;AAsBF,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/lib/previewskeleton/PreviewSkeleton.js

@@ -0,0 +1,64 @@
+"use client";
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { usePreview } from "../preview/usePreview.js";
+import styles from "./PreviewSkeleton.module.scss.js";
+const PreviewSkeleton = ({
+  children,
+  customContainer,
+  title,
+  type = "bar",
+  aspectRatio,
+  height: passedHeight,
+  hasContent,
+  color = "#A8A7A8",
+  backgroundColor = type === "media" ? "#efefef" : "#E0DDE0"
+}) => {
+  const preview = usePreview();
+  const validAspectRatio = getValidAspectRatio(aspectRatio);
+  if (preview.showPreviewSkeletons && !hasContent) {
+    if (customContainer) {
+      return /* @__PURE__ */ jsx(Fragment, { children: customContainer });
+    } else if (type === "bar") {
+      return /* @__PURE__ */ jsx("div", { className: styles.barSkeleton, style: { "--background-color": backgroundColor, "--color": color }, children: title });
+    } else if (type === "rows") {
+      return /* @__PURE__ */ jsxs("div", { className: styles.rowsContainer, children: [
+        /* @__PURE__ */ jsx("div", { className: styles.rowSkeleton, style: { "--width": "75%", "--background-color": backgroundColor, "--color": color }, children: title }),
+        /* @__PURE__ */ jsx("div", { className: styles.rowSkeleton, style: { "--width": "100%", "--background-color": backgroundColor, "--color": color } }),
+        /* @__PURE__ */ jsx("div", { className: styles.rowSkeleton, style: { "--width": "50%", "--background-color": backgroundColor, "--color": color } })
+      ] });
+    } else if (type === "media") {
+      const height = passedHeight ?? 300;
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: styles.imageContainer,
+          style: {
+            "--background-color": backgroundColor,
+            "--color": color,
+            ...validAspectRatio === void 0 ? { "--height": typeof height === "string" ? height : `${height}px` } : { "--aspect-ratio": validAspectRatio }
+          },
+          children: title
+        }
+      );
+    }
+  }
+  if (!hasContent) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children });
+};
+const getValidAspectRatio = (aspectRatio) => {
+  if (aspectRatio === "inherit") {
+    return void 0;
+  }
+  if (aspectRatio === "auto") {
+    return void 0;
+  }
+  if (typeof aspectRatio === "string") {
+    return aspectRatio.replace("x", "/");
+  }
+  return aspectRatio;
+};
+export {
+  PreviewSkeleton
+};

package/lib/previewskeleton/PreviewSkeleton.module.scss.js

@@ -0,0 +1,17 @@
+const barSkeleton = "_barSkeleton_zomv4_1";
+const rowsContainer = "_rowsContainer_zomv4_9";
+const rowSkeleton = "_rowSkeleton_zomv4_14";
+const imageContainer = "_imageContainer_zomv4_22";
+const styles = {
+  barSkeleton,
+  rowsContainer,
+  rowSkeleton,
+  imageContainer
+};
+export {
+  barSkeleton,
+  styles as default,
+  imageContainer,
+  rowSkeleton,
+  rowsContainer
+};

package/lib/style.css

@@ -0,0 +1 @@
+._childrenWrapper_qguhx_1{position:relative;z-index:1}._previewElementContainer_nwhl6_1{display:contents}._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)}._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}

package/package.json

@@ -0,0 +1,84 @@
+{
+  "name": "@comet/site-react",
+  "type": "module",
+  "version": "7.21.0-canary-20250522145352",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/vivid-planet/comet",
+    "directory": "packages/site/site-react"
+  },
+  "license": "BSD-2-Clause",
+  "exports": {
+    ".": {
+      "types": "./lib/index.d.ts",
+      "import": "./lib/index.js"
+    },
+    "./css": "./lib/style.css"
+  },
+  "module": "./lib/index.js",
+  "types": "lib/index.d.ts",
+  "files": [
+    "lib/*"
+  ],
+  "dependencies": {
+    "clsx": "^2.1.1",
+    "jose": "^5.2.4",
+    "lodash.isequal": "^4.5.0",
+    "rimraf": "^3.0.0",
+    "scroll-into-view-if-needed": "^2.0.0",
+    "server-only": "^0.0.1",
+    "usehooks-ts": "^3.1.0"
+  },
+  "devDependencies": {
+    "@comet/cli": "7.21.0-canary-20250522145352",
+    "@comet/eslint-config": "7.21.0-canary-20250522145352",
+    "@gitbeaker/node": "^34.0.0",
+    "@types/draft-js": "^0.11.10",
+    "@types/jest": "^29.5.0",
+    "@types/lodash.isequal": "^4.5.8",
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5",
+    "@vitejs/plugin-react": "^4.4.1",
+    "chokidar-cli": "^2.0.0",
+    "eslint": "^8.0.0",
+    "jest": "^29.5.0",
+    "jest-environment-jsdom": "^29.5.0",
+    "jest-junit": "^15.0.0",
+    "npm-run-all": "^4.1.5",
+    "prettier": "^2.0.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-is": "^18.3.1",
+    "rollup": "^4.40.2",
+    "rollup-plugin-preserve-directives": "^0.4.0",
+    "sass": "^1.87.0",
+    "ts-jest": "^29.0.5",
+    "typescript": "^4.0.0",
+    "vite": "^5.1.6",
+    "vite-plugin-dts": "^4.5.3"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "scripts": {
+    "build": "$npm_execpath run clean && npm run generate-block-types && vite build",
+    "clean": "rimraf lib 'src/**/*.generated.ts'",
+    "dev": "$npm_execpath run clean && $npm_execpath generate-block-types && vite build --watch",
+    "generate-block-types": "comet generate-block-types",
+    "generate-block-types:watch": "chokidar -s \"block-meta.json\" -c \"$npm_execpath generate-block-types\"",
+    "lint": "$npm_execpath generate-block-types && run-p lint:prettier lint:eslint lint:tsc",
+    "lint:eslint": "eslint --max-warnings 0 --ext .ts,.tsx,.js,.jsx,.json,.md src/ package.json",
+    "lint:prettier": "npx prettier --check './**/*.{js,json,md,yml,yaml,css,scss}'",
+    "lint:tsc": "tsc --noEmit",
+    "test": "jest --verbose=true --passWithNoTests",
+    "test:watch": "jest --watch"
+  }
+}