@comet/site-react 9.0.0-beta.3 → 9.0.0-beta.4

package/lib/previewskeleton/PreviewSkeleton.js

@@ -1,65 +1,9 @@
 "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",
-  fill = false
-}) => {
-  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 = fill ? "100%" : passedHeight ?? 300;
-      return /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: styles.imageContainer,
-          style: {
-            "--background-color": backgroundColor,
-            "--color": color,
-            ...validAspectRatio === void 0 || fill ? { "--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
-};
+import{jsx as e,Fragment as r,jsxs as o}from"react/jsx-runtime";import{usePreview as t}from"../preview/usePreview.js";import i from"./PreviewSkeleton.module.scss.js";const l=({children:l,customContainer:c,title:s,type:a="bar",aspectRatio:d,height:m,hasContent:u,color:h="#A8A7A8",backgroundColor:f=("media"===a?"#efefef":"#E0DDE0"),fill:w=!1})=>{const k=t(),p=n(d);if(k.showPreviewSkeletons&&!u){if(c)/* @__PURE__ */
+return e(r,{children:c});if("bar"===a)/* @__PURE__ */
+return e("div",{className:i.barSkeleton,style:{"--background-color":f,"--color":h},children:s});if("rows"===a)/* @__PURE__ */
+return o("div",{className:i.rowsContainer,children:[
+/* @__PURE__ */e("div",{className:i.rowSkeleton,style:{"--width":"75%","--background-color":f,"--color":h},children:s}),
+/* @__PURE__ */e("div",{className:i.rowSkeleton,style:{"--width":"100%","--background-color":f,"--color":h}}),
+/* @__PURE__ */e("div",{className:i.rowSkeleton,style:{"--width":"50%","--background-color":f,"--color":h}})]});if("media"===a){const r=w?"100%":m??300;/* @__PURE__ */
+return e("div",{className:i.imageContainer,style:{"--background-color":f,"--color":h,...void 0===p||w?{"--height":"string"==typeof r?r:`${r}px`}:{"--aspect-ratio":p}},children:s})}}return u?/* @__PURE__ */e(r,{children:l}):null},n=e=>{if("inherit"!==e&&"auto"!==e)return"string"==typeof e?e.replace("x","/"):e};export{l as PreviewSkeleton};

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

@@ -1,17 +1 @@
-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
-};
+const o="_barSkeleton_zomv4_1",e="_rowsContainer_zomv4_9",n="_rowSkeleton_zomv4_14",_="_imageContainer_zomv4_22",r={barSkeleton:o,rowsContainer:e,rowSkeleton:n,imageContainer:_};export{o as barSkeleton,r as default,_ as imageContainer,n as rowSkeleton,e as rowsContainer};

package/lib/server.d.ts

@@ -0,0 +1,2 @@
+export { persistedQueryRoute } from './persistedQueries/persistedQueryRoute';
+//# sourceMappingURL=server.d.ts.map

package/lib/server.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../src/server.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC"}

package/lib/server.js

@@ -0,0 +1 @@
+import{persistedQueryRoute as e}from"./persistedQueries/persistedQueryRoute.js";export{e as persistedQueryRoute};

package/lib/sitePreview/iframebridge/SitePreviewIFrameMessage.js

@@ -1,8 +1 @@
-var SitePreviewIFrameMessageType = /* @__PURE__ */ ((SitePreviewIFrameMessageType2) => {
-  SitePreviewIFrameMessageType2["OpenLink"] = "OpenLink";
-  SitePreviewIFrameMessageType2["SitePreviewLocation"] = "SitePreviewLocation";
-  return SitePreviewIFrameMessageType2;
-})(SitePreviewIFrameMessageType || {});
-export {
-  SitePreviewIFrameMessageType
-};
+var e=/* @__PURE__ */(e=>(e.OpenLink="OpenLink",e.SitePreviewLocation="SitePreviewLocation",e))(e||{});export{e as SitePreviewIFrameMessageType};

package/lib/sitePreview/iframebridge/sendSitePreviewIFrameMessage.js

@@ -1,6 +1 @@
-function sendSitePreviewIFrameMessage(message) {
-  window.parent.postMessage(JSON.stringify(message), "*");
-}
-export {
-  sendSitePreviewIFrameMessage
-};
+function n(n){window.parent.postMessage(JSON.stringify(n),"*")}export{n as sendSitePreviewIFrameMessage};

package/lib/style.css

@@ -1 +1 @@
-._previewElementContainer_nwhl6_1{display:contents}._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)}._root_1jlho_1{position:relative;height:100%}._video_1jlho_6{width:100%;object-fit:cover;aspect-ratio:var(--aspect-ratio)}._fill_1jlho_12{height:100%}._button_4r8gs_1{position:absolute;left:8px;bottom:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background-color:#000000b3;z-index:10}._button_4r8gs_1:hover,._button_4r8gs_1:active{background-color:#9e9e9e}._button_4r8gs_1:focus{border-radius:6px}._animatedPlayPause_4r8gs_23{box-sizing:border-box;height:12px;border-color:transparent transparent transparent #fff;cursor:pointer;border-style:solid;border-width:6px 0 6px 9px;transition:border-width .1s ease,border-style .1s ease}._animatedPlayPausePaused_4r8gs_32{border-style:double;border-width:0 0 0 9px}._root_1k5a5_1{position:relative;width:100%}._fill_1k5a5_6{height:100%}._iconWrapper_1k5a5_10{position:absolute;top:0;right:0;left:0;bottom:0;display:flex;align-items:center;justify-content:center;background-color:#000;opacity:.5;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;padding:0;cursor:pointer}._iconWrapper_1k5a5_10:focus ._playIcon_1k5a5_26{outline:4px solid white;outline-offset:10px;border-radius:2px}._playIcon_1k5a5_26{width:64px;height:64px;box-sizing:border-box;border-style:solid;border-width:32px 0 32px 64px;border-color:transparent transparent transparent white}._videoContainer_1flq1_1{overflow:hidden;position:relative;aspect-ratio:var(--aspect-ratio)}._fill_1flq1_7{width:100%;height:100%}._vimeoContainer_1flq1_12{position:absolute;border:0;top:0;left:0;width:100%;height:100%}._videoContainer_bhmhr_1{overflow:hidden;position:relative;aspect-ratio:var(--aspect-ratio)}._fill_bhmhr_7{width:100%;height:100%}._youtubeContainer_bhmhr_12{position:absolute;border:0;top:0;left:0;width:100%;height:100%}
+._previewElementContainer_nwhl6_1{display:contents}._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;inset: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)}._root_1jlho_1{position:relative;height:100%}._video_1jlho_6{width:100%;object-fit:cover;aspect-ratio:var(--aspect-ratio)}._fill_1jlho_12{height:100%}._button_4r8gs_1{position:absolute;left:8px;bottom:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background-color:#000000b3;z-index:10}._button_4r8gs_1:hover,._button_4r8gs_1:active{background-color:#9e9e9e}._button_4r8gs_1:focus{border-radius:6px}._animatedPlayPause_4r8gs_23{box-sizing:border-box;height:12px;border-color:transparent transparent transparent #fff;cursor:pointer;border-style:solid;border-width:6px 0 6px 9px;transition:border-width .1s ease,border-style .1s ease}._animatedPlayPausePaused_4r8gs_32{border-style:double;border-width:0 0 0 9px}._root_1k5a5_1{position:relative;width:100%}._fill_1k5a5_6{height:100%}._iconWrapper_1k5a5_10{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:#000;opacity:.5;appearance:none;border:none;padding:0;cursor:pointer}._iconWrapper_1k5a5_10:focus ._playIcon_1k5a5_26{outline:4px solid white;outline-offset:10px;border-radius:2px}._playIcon_1k5a5_26{width:64px;height:64px;box-sizing:border-box;border-style:solid;border-width:32px 0 32px 64px;border-color:transparent transparent transparent white}._videoContainer_1flq1_1{overflow:hidden;position:relative;aspect-ratio:var(--aspect-ratio)}._fill_1flq1_7{width:100%;height:100%}._vimeoContainer_1flq1_12{position:absolute;border:0;top:0;left:0;width:100%;height:100%}._videoContainer_bhmhr_1{overflow:hidden;position:relative;aspect-ratio:var(--aspect-ratio)}._fill_bhmhr_7{width:100%;height:100%}._youtubeContainer_bhmhr_12{position:absolute;border:0;top:0;left:0;width:100%;height:100%}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@comet/site-react",
-  "version": "9.0.0-beta.3",
+  "version": "9.0.0-beta.4",
   "description": "Comet Site React package",
   "repository": {
     "type": "git",
@@ -18,6 +18,10 @@
       "import": "./lib/index.js"
     },
     "./css": "./lib/style.css",
+    "./server": {
+      "types": "./lib/server.d.ts",
+      "import": "./lib/server.js"
+    },
     "./webpackPersistedQueriesLoader": "./lib/persistedQueries/webpackPersistedQueriesLoader.js"
   },
   "files": [
@@ -33,25 +37,28 @@
   "devDependencies": {
     "@types/draft-js": "^0.11.20",
     "@types/lodash.isequal": "^4.5.8",
-    "@types/react": "^19.2.10",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^4.7.0",
     "chokidar-cli": "^3.0.0",
-    "eslint": "^9.39.2",
+    "eslint": "^9.39.4",
     "jsdom": "^28.1.0",
     "npm-run-all2": "^8.0.4",
     "prettier": "^3.6.2",
-    "react": "^19.2.4",
+    "react": "^19.2.6",
+    "react-dom": "^19.2.6",
     "rimraf": "^6.1.2",
     "rollup": "^4.44.2",
     "rollup-plugin-preserve-directives": "^0.4.0",
     "sass": "^1.89.2",
+    "schema-dts": "^2.0.0",
     "typescript": "^5.9.3",
-    "vite": "^5.4.21",
+    "vite": "^7.2.4",
     "vite-plugin-dts": "^4.5.4",
     "vitest": "^4.0.16",
-    "webpack": "^5.102.1",
-    "@comet/cli": "9.0.0-beta.3",
-    "@comet/eslint-config": "9.0.0-beta.3"
+    "webpack": "^5.106.2",
+    "@comet/cli": "9.0.0-beta.4",
+    "@comet/eslint-config": "9.0.0-beta.4"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0"