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

package/lib/site-react/lib/persistedQueries/createPersistedQueryGraphQLFetch.js

@@ -1,70 +1 @@
-function createPersistedQueryGraphQLFetch(fetch, url) {
-  return async function(query, variables, init) {
-    if (typeof query === "string") {
-      throw new Error("at runtime only hashed queries are supported");
-    }
-    const hash = query.hash;
-    let response;
-    if ((init == null ? void 0 : init.method) === "GET") {
-      const fetchUrl = new URL(url, window.location.origin);
-      fetchUrl.searchParams.append("extensions.persistedQuery.sha256Hash", hash);
-      fetchUrl.searchParams.append("variables", JSON.stringify(variables));
-      response = await fetch(fetchUrl, {
-        ...init,
-        headers: {
-          /**
-           * It's recommended to add the `Apollo-Require-Preflight` header to GET requests, running on an Apollo Server 4.
-           *
-           * If this header is missing, Apollo Server 4 will return: This operation has been blocked as a potential Cross-Site Request Forgery (CSRF).
-           *
-           * see: https://www.apollographql.com/docs/graphos/routing/security/csrf#enable-csrf-prevention
-           */
-          "Apollo-Require-Preflight": "true",
-          ...init.headers
-        }
-      });
-    } else {
-      response = await fetch(url, {
-        method: "POST",
-        ...init,
-        headers: { "Content-Type": "application/json", ...init == null ? void 0 : init.headers },
-        body: JSON.stringify({
-          extensions: {
-            persistedQuery: {
-              version: 1,
-              sha256Hash: hash
-            }
-          },
-          variables
-        })
-      });
-    }
-    if (!response.ok) {
-      let errorMessage = `Network response was not ok. Status: ${response.status}`;
-      const body = await response.text();
-      try {
-        const json = JSON.parse(body);
-        const { errors: errors2 } = json;
-        if (errors2) {
-          errorMessage += `
-
-GraphQL error(s):
-- ${errors2.map((error) => error.message).join("\n- ")}`;
-        }
-      } catch {
-        errorMessage += `
-${body}`;
-      }
-      throw new Error(errorMessage);
-    }
-    const { data, errors } = await response.json();
-    if (errors) {
-      throw new Error(`GraphQL error(s):
-- ${errors.map((error) => error.message).join("\n- ")}`);
-    }
-    return data;
-  };
-}
-export {
-  createPersistedQueryGraphQLFetch
-};
+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};

package/lib/site-react/lib/persistedQueries/persistedQueryRoute.js

@@ -1,100 +1 @@
-import { readFile } from "fs/promises";
-let queryMap;
-let fragmentsMap;
-async function loadPersistedQueries(path) {
-  const file = await readFile(path, { encoding: "utf-8" });
-  queryMap = JSON.parse(file.toString());
-  fragmentsMap = {};
-  for (const [, query] of Object.entries(queryMap)) {
-    const match = query.match(/^\s*fragment\s+(\w+)\s+on\s+\w+/m);
-    if (match) {
-      const fragmentName = match[1];
-      fragmentsMap[fragmentName] = query.replace(/\${.*?}/g, "");
-    }
-  }
-}
-function injectFragments(query) {
-  query = query.replace(/\${.*?}/g, "");
-  const injected = /* @__PURE__ */ new Set();
-  for (const m of query.matchAll(/^\s*fragment\s+(\w+)\s+on\s+\w+/gm)) {
-    injected.add(m[1]);
-  }
-  function inject(q) {
-    const spreads = Array.from(q.matchAll(/\.\.\.(\w+)/g)).map((m) => m[1]);
-    let result = q;
-    for (const fragmentName of spreads) {
-      if (!injected.has(fragmentName) && fragmentsMap[fragmentName]) {
-        injected.add(fragmentName);
-        result += `
-${inject(fragmentsMap[fragmentName])}`;
-      }
-    }
-    return result;
-  }
-  query = inject(query);
-  return query;
-}
-async function persistedQueryRoute(req, {
-  graphqlTarget,
-  headers: headersInit,
-  persistedQueriesPath = ".persisted-queries.json",
-  cacheMaxAge
-}) {
-  var _a, _b;
-  if (!queryMap) {
-    await loadPersistedQueries(persistedQueriesPath);
-  }
-  let hash;
-  let variables;
-  if (req.method === "POST") {
-    const body = await req.json();
-    hash = (_b = (_a = body.extensions) == null ? void 0 : _a.persistedQuery) == null ? void 0 : _b.sha256Hash;
-    variables = body.variables;
-  } else if (req.method === "GET") {
-    const url = new URL(req.url);
-    hash = url.searchParams.get("extensions.persistedQuery.sha256Hash");
-    const variablesParam = url.searchParams.get("variables");
-    variables = variablesParam ? JSON.parse(variablesParam) : void 0;
-  } else {
-    return Response.json({ error: "MethodNotAllowed" }, { status: 405 });
-  }
-  if (!hash) {
-    return Response.json({ error: "OnlyPersistedQueriesAllowed" }, { status: 400 });
-  }
-  let query = queryMap[hash];
-  if (!query) {
-    return Response.json({ error: "PersistedQueryNotFound", hash }, { status: 400 });
-  }
-  query = injectFragments(query);
-  if (req.method === "GET") {
-    const apolloPreflight = req.headers.get("Apollo-Require-Preflight");
-    if (apolloPreflight !== "true") {
-      return Response.json({ error: "CSRFProtection", message: "Missing Apollo-Require-Preflight header" }, { status: 403 });
-    }
-  }
-  const headers = new Headers(headersInit);
-  headers.set("Content-Type", "application/json");
-  for (const header of ["x-include-invisible-content", "x-preview-dam-urls"]) {
-    const value = req.headers.get(header);
-    if (value !== null) {
-      headers.set(header, value);
-    }
-  }
-  const upstreamRes = await fetch(graphqlTarget, {
-    method: "POST",
-    headers,
-    body: JSON.stringify({ query, variables })
-  });
-  const responseHeaders = {
-    "Content-Type": "application/json"
-  };
-  if (req.method === "GET" && upstreamRes.ok && cacheMaxAge !== void 0) {
-    responseHeaders["Cache-Control"] = `public, max-age=${cacheMaxAge}`;
-  }
-  return new Response(upstreamRes.body, {
-    headers: responseHeaders
-  });
-}
-export {
-  persistedQueryRoute
-};
+import{readFile as e}from"fs/promises";let s,t;async function r(r,{graphqlTarget:o,headers:n,persistedQueriesPath:a=".persisted-queries.json",cacheMaxAge:i}){let c,l;if(s||await async function(r){const o=await e(r,{encoding:"utf-8"});s=JSON.parse(o.toString()),t={};for(const[,e]of Object.entries(s)){const s=e.match(/^\s*fragment\s+(\w+)\s+on\s+\w+/m);if(s){const r=s[1];t[r]=e.replace(/\${.*?}/g,"")}}}(a),"POST"===r.method){const e=await r.json();c=e.extensions?.persistedQuery?.sha256Hash,l=e.variables}else{if("GET"!==r.method)return Response.json({error:"MethodNotAllowed"},{status:405});{const e=new URL(r.url);c=e.searchParams.get("extensions.persistedQuery.sha256Hash");const s=e.searchParams.get("variables");l=s?JSON.parse(s):void 0}}if(!c)return Response.json({error:"OnlyPersistedQueriesAllowed"},{status:400});let d=s[c];if(!d)return Response.json({error:"PersistedQueryNotFound",hash:c},{status:400});if(d=function(e){e=e.replace(/\${.*?}/g,"");const s=/* @__PURE__ */new Set;for(const t of e.matchAll(/^\s*fragment\s+(\w+)\s+on\s+\w+/gm))s.add(t[1]);return e=function e(r){const o=Array.from(r.matchAll(/\.\.\.(\w+)/g)).map(e=>e[1]);let n=r;for(const a of o)!s.has(a)&&t[a]&&(s.add(a),n+=`\n${e(t[a])}`);return n}(e)}(d),"GET"===r.method&&"true"!==r.headers.get("Apollo-Require-Preflight"))return Response.json({error:"CSRFProtection",message:"Missing Apollo-Require-Preflight header"},{status:403});const u=new Headers(n);u.set("Content-Type","application/json");for(const e of["x-include-invisible-content","x-preview-dam-urls"]){const s=r.headers.get(e);null!==s&&u.set(e,s)}const h=await fetch(o,{method:"POST",headers:u,body:JSON.stringify({query:d,variables:l})}),p={"Content-Type":"application/json"};return"GET"===r.method&&h.ok&&void 0!==i&&(p["Cache-Control"]=`public, max-age=${i}`),new Response(h.body,{headers:p})}export{r as persistedQueryRoute};

package/lib/site-react/lib/persistedQueries/webpackPersistedQueriesLoader.js

@@ -1,51 +1 @@
-import { createHash } from "crypto";
-import * as fs from "fs";
-function loadHashMap(path) {
-  if (fs.existsSync(path)) {
-    return JSON.parse(fs.readFileSync(path, "utf-8"));
-  }
-  return {};
-}
-function saveHashMap(path, hashMap) {
-  fs.writeFileSync(path, JSON.stringify(hashMap, null, 2));
-}
-function hashQuery(query) {
-  return createHash("sha256").update(query).digest("hex");
-}
-const gqlTagRegex = /gql`([\s\S]*?)`/gm;
-const webpackPersistedQueriesLoader = function(source) {
-  const options = this.getOptions() || {};
-  const persistedQueriesPath = options.persistedQueriesPath || ".persisted-queries.json";
-  const hashMap = loadHashMap(persistedQueriesPath);
-  const replacements = [];
-  let match;
-  while ((match = gqlTagRegex.exec(source)) !== null) {
-    const query = match[1];
-    const hash = hashQuery(query);
-    hashMap[hash] = query;
-    const fragmentVariables = Array.from(query.matchAll(/\${.*?}/g) ?? []).map((m) => m[0]).join(" ");
-    if (query.match(/^\s*fragment\s+(\w+)\s+on\s+\w+/)) {
-      replacements.push({
-        start: match.index,
-        end: match.index + match[0].length,
-        replacement: `{ fragment: true, fragmentVariables: \`${fragmentVariables}\` }`
-      });
-    } else {
-      replacements.push({
-        start: match.index,
-        end: match.index + match[0].length,
-        replacement: `{ hash: "${hash}", fragmentVariables: \`${fragmentVariables}\` }`
-      });
-    }
-  }
-  let modifiedSource = source;
-  for (let i = replacements.length - 1; i >= 0; i--) {
-    const { start, end, replacement } = replacements[i];
-    modifiedSource = modifiedSource.slice(0, start) + replacement + modifiedSource.slice(end);
-  }
-  saveHashMap(persistedQueriesPath, hashMap);
-  return modifiedSource;
-};
-export {
-  webpackPersistedQueriesLoader as default
-};
+import{createHash as e}from"crypto";import*as t from"fs";function n(t){return e("sha256").update(t).digest("hex")}const s=/gql`([\s\S]*?)`/gm,r=function(e){const r=(this.getOptions()||{}).persistedQueriesPath||".persisted-queries.json",a=(i=r,t.existsSync(i)?JSON.parse(t.readFileSync(i,"utf-8")):{});var i;const l=[];let o;for(;null!==(o=s.exec(e));){const e=o[1],t=n(e);a[t]=e;const s=Array.from(e.matchAll(/\${.*?}/g)??[]).map(e=>e[0]).join(" ");e.match(/^\s*fragment\s+(\w+)\s+on\s+\w+/)?l.push({start:o.index,end:o.index+o[0].length,replacement:`{ fragment: true, fragmentVariables: \`${s}\` }`}):l.push({start:o.index,end:o.index+o[0].length,replacement:`{ hash: "${t}", fragmentVariables: \`${s}\` }`})}let c=e;for(let t=l.length-1;t>=0;t--){const{start:e,end:n,replacement:s}=l[t];c=c.slice(0,e)+s+c.slice(n)}return m=r,f=a,t.writeFileSync(m,JSON.stringify(f,null,2)),c;var m,f};export{r as default};

package/lib/site-react/lib/preview/BlockPreviewProvider.js

@@ -1,33 +1,2 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
-import { useIFrameBridge } from "../iframebridge/useIFrameBridge.js";
-import { PreviewContext } from "./PreviewContext.js";
-let currentContentScopeJwt = null;
-if (typeof window !== "undefined") {
-  const originalFetch = window.fetch;
-  window.fetch = async (input, init = {}) => {
-    const headers = new Headers(init.headers);
-    const url = new URL(typeof input === "string" ? input : input.toString(), window.location.origin);
-    if (url.host === window.location.host && currentContentScopeJwt) {
-      headers.set("X-Block-Preview", currentContentScopeJwt);
-    }
-    return originalFetch(input, { ...init, headers });
-  };
-}
-const BlockPreviewProvider = ({ children }) => {
-  const { contentScopeJwt } = useIFrameBridge();
-  currentContentScopeJwt = contentScopeJwt;
-  return /* @__PURE__ */ jsx(
-    PreviewContext.Provider,
-    {
-      value: {
-        previewType: "BlockPreview",
-        showPreviewSkeletons: true
-      },
-      children
-    }
-  );
-};
-export {
-  BlockPreviewProvider
-};
+import{jsx as e}from"react/jsx-runtime";import{useIFrameBridge as r}from"../iframebridge/useIFrameBridge.js";import{PreviewContext as o}from"./PreviewContext.js";let t=null;if("undefined"!=typeof window){const e=window.fetch;window.fetch=async(r,o={})=>{const i=new Headers(o.headers);return new URL("string"==typeof r?r:r.toString(),window.location.origin).host===window.location.host&&t&&i.set("X-Block-Preview",t),e(r,{...o,headers:i})}}const i=({children:i})=>{const{contentScopeJwt:n}=r();return t=n,/* @__PURE__ */e(o.Provider,{value:{previewType:"BlockPreview",showPreviewSkeletons:!0},children:i})};export{i as BlockPreviewProvider};

package/lib/site-react/lib/preview/PreviewContext.js

@@ -1,10 +1,2 @@
 "use client";
-import { createContext } from "react";
-const defaultPreviewContextValue = {
-  previewType: "NoPreview",
-  showPreviewSkeletons: false
-};
-const PreviewContext = createContext(defaultPreviewContextValue);
-export {
-  PreviewContext
-};
+import{createContext as e}from"react";const o=e({previewType:"NoPreview",showPreviewSkeletons:!1});export{o as PreviewContext};

package/lib/site-react/lib/preview/usePreview.js

@@ -1,41 +1 @@
-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
-};
+import{useCallback as e,useContext as t}from"react";import{useIFrameBridge as r}from"../iframebridge/useIFrameBridge.js";import{PreviewContext as o}from"./PreviewContext.js";function i(){const i=r();return{...t(o),isSelected:e((e,t)=>!!i.selectedAdminRoute&&(t?.exactMatch??1?e===i.selectedAdminRoute:i.selectedAdminRoute?.startsWith(e)),[i.selectedAdminRoute]),isHovered:e((e,t)=>!!i.hoveredAdminRoute&&(t?.exactMatch??1?e===i.hoveredAdminRoute:i.hoveredAdminRoute?.startsWith(e)),[i.hoveredAdminRoute])}}export{i as usePreview};

package/lib/site-react/lib/previewskeleton/PreviewSkeleton.js

@@ -1,65 +1,5 @@
 "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:s,title:c,type:a="bar",aspectRatio:d,height:u,hasContent:m,color:h="#A8A7A8",backgroundColor:f=("media"===a?"#efefef":"#E0DDE0"),fill:w=!1})=>{const k=t(),v=n(d);if(k.showPreviewSkeletons&&!m){if(s)return e(r,{children:s});if("bar"===a)return e("div",{className:i.barSkeleton,style:{"--background-color":f,"--color":h},children:c});if("rows"===a)return o("div",{className:i.rowsContainer,children:[
+/* @__PURE__ */e("div",{className:i.rowSkeleton,style:{"--width":"75%","--background-color":f,"--color":h},children:c}),
+/* @__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%":u??300;return e("div",{className:i.imageContainer,style:{"--background-color":f,"--color":h,...void 0===v||w?{"--height":"string"==typeof r?r:`${r}px`}:{"--aspect-ratio":v}},children:c})}}return m?/* @__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/site-react/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",a="_imageContainer_zomv4_22",r={barSkeleton:o,rowsContainer:e,rowSkeleton:n,imageContainer:a};export{o as barSkeleton,r as default,a as imageContainer,n as rowSkeleton,e as rowsContainer};

package/lib/site-react/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/site-react/lib/sitePreview/iframebridge/sendSitePreviewIFrameMessage.js

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

package/lib/sitePreview/SitePreviewProvider.js

@@ -1,41 +1,2 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
-import { PreviewContext } from "../site-react/lib/preview/PreviewContext.js";
-import { sendSitePreviewIFrameMessage } from "../site-react/lib/sitePreview/iframebridge/sendSitePreviewIFrameMessage.js";
-import { SitePreviewIFrameMessageType } from "../site-react/lib/sitePreview/iframebridge/SitePreviewIFrameMessage.js";
-import { usePathname, useSearchParams } from "next/navigation";
-import { useEffect } from "react";
-const SitePreview = ({ children }) => {
-  const pathname = usePathname();
-  const searchParams = useSearchParams();
-  useEffect(() => {
-    function sendUpstreamMessage() {
-      const message = {
-        cometType: SitePreviewIFrameMessageType.SitePreviewLocation,
-        data: { search: searchParams.toString(), pathname }
-      };
-      sendSitePreviewIFrameMessage(message);
-    }
-    sendUpstreamMessage();
-    window.addEventListener("load", sendUpstreamMessage);
-    return () => {
-      window.removeEventListener("load", sendUpstreamMessage);
-    };
-  }, [pathname, searchParams]);
-  return /* @__PURE__ */ jsx(
-    PreviewContext.Provider,
-    {
-      value: {
-        previewType: "SitePreview",
-        showPreviewSkeletons: false
-      },
-      children
-    }
-  );
-};
-const SitePreviewProvider = ({ children }) => {
-  return /* @__PURE__ */ jsx(SitePreview, { children });
-};
-export {
-  SitePreviewProvider
-};
+import{jsx as e}from"react/jsx-runtime";import{PreviewContext as r}from"../site-react/lib/preview/PreviewContext.js";import{sendSitePreviewIFrameMessage as i}from"../site-react/lib/sitePreview/iframebridge/sendSitePreviewIFrameMessage.js";import{SitePreviewIFrameMessageType as t}from"../site-react/lib/sitePreview/iframebridge/SitePreviewIFrameMessage.js";import{usePathname as o,useSearchParams as a}from"next/navigation";import{useEffect as s}from"react";const n=({children:n})=>{const m=o(),v=a();return s(()=>{function e(){const e={cometType:t.SitePreviewLocation,data:{search:v.toString(),pathname:m}};i(e)}return e(),window.addEventListener("load",e),()=>{window.removeEventListener("load",e)}},[m,v]),/* @__PURE__ */e(r.Provider,{value:{previewType:"SitePreview",showPreviewSkeletons:!1},children:n})},m=({children:r})=>/* @__PURE__ */e(n,{children:r});export{m as SitePreviewProvider};

package/lib/sitePreview/appRouter/sitePreviewRoute.js

@@ -1,27 +1 @@
-import "server-only";
-import { redirect } from "next/navigation";
-import { NextResponse } from "next/server";
-import { verifyJwt, setSitePreviewParams } from "../previewUtils.js";
-async function sitePreviewRoute(request) {
-  const params = request.nextUrl.searchParams;
-  const jwt = params.get("jwt");
-  if (!jwt) {
-    return NextResponse.json({ error: "JWT-Parameter is missing." }, { status: 400 });
-  }
-  const data = await verifyJwt(jwt);
-  if (!data) {
-    return NextResponse.json({ error: "JWT-validation failed." }, { status: 400 });
-  }
-  await setSitePreviewParams({
-    scope: data.scope,
-    previewData: data.previewData,
-    userId: data.userId
-  });
-  if (!data.path.startsWith("/") || data.path.startsWith("//")) {
-    return NextResponse.json({ error: `Redirect to ${data.path} disallowed: only relative paths are valid.` }, { status: 400 });
-  }
-  return redirect(data.path);
-}
-export {
-  sitePreviewRoute
-};
+import"server-only";import{redirect as t}from"next/navigation";import{NextResponse as r}from"next/server";import{verifyJwt as e,setSitePreviewParams as a}from"../previewUtils.js";async function s(s){const i=s.nextUrl.searchParams.get("jwt");if(!i)return r.json({error:"JWT-Parameter is missing."},{status:400});const o=await e(i);return o?(await a({scope:o.scope,previewData:o.previewData,userId:o.userId}),!o.path.startsWith("/")||o.path.startsWith("//")?r.json({error:`Redirect to ${o.path} disallowed: only relative paths are valid.`},{status:400}):t(o.path)):r.json({error:"JWT-validation failed."},{status:400})}export{s as sitePreviewRoute};

package/lib/sitePreview/pagesRouter/legacyPagesRouterSitePreviewApiHandler.js

@@ -1,20 +1 @@
-import { verifyJwt } from "../previewUtils.js";
-async function legacyPagesRouterSitePreviewApiHandler(req, res) {
-  const params = req.query;
-  const jwt = params.jwt;
-  if (typeof jwt !== "string") {
-    return res.status(400).json({ error: "JWT-Parameter is missing." });
-  }
-  const data = await verifyJwt(jwt);
-  if (!data) {
-    return res.status(400).json({ error: "JWT-validation failed." });
-  }
-  if (!data.path.startsWith("/") || data.path.startsWith("//")) {
-    return res.status(400).json({ error: `Redirect to ${data.path} disallowed: only relative paths are valid.` });
-  }
-  res.setPreviewData(data);
-  res.redirect(data.path);
-}
-export {
-  legacyPagesRouterSitePreviewApiHandler
-};
+import{verifyJwt as t}from"../previewUtils.js";async function r(r,s){const a=r.query.jwt;if("string"!=typeof a)return s.status(400).json({error:"JWT-Parameter is missing."});const e=await t(a);return e?!e.path.startsWith("/")||e.path.startsWith("//")?s.status(400).json({error:`Redirect to ${e.path} disallowed: only relative paths are valid.`}):(s.setPreviewData(e),void s.redirect(e.path)):s.status(400).json({error:"JWT-validation failed."})}export{r as legacyPagesRouterSitePreviewApiHandler};

package/lib/sitePreview/previewUtils.js

@@ -1,54 +1 @@
-import { jwtVerify, errors, SignJWT } from "jose";
-import { headers, draftMode, cookies } from "next/headers";
-async function verifyJwt(jwt) {
-  if (!process.env.SITE_PREVIEW_SECRET) {
-    throw new Error("SITE_PREVIEW_SECRET environment variable is required.");
-  }
-  try {
-    const data = await jwtVerify(jwt, new TextEncoder().encode(process.env.SITE_PREVIEW_SECRET));
-    return data.payload;
-  } catch (e) {
-    if (e instanceof errors.JOSEError) {
-      return null;
-    }
-    throw e;
-  }
-}
-async function setSitePreviewParams(payload) {
-  const jwt = await new SignJWT(payload).setProtectedHeader({ alg: "HS256" }).setExpirationTime("1 day").sign(new TextEncoder().encode(process.env.SITE_PREVIEW_SECRET));
-  (await cookies()).set("__comet_site_preview", jwt, { httpOnly: true, sameSite: "lax" });
-  (await draftMode()).enable();
-}
-async function previewParams(options = { skipDraftModeCheck: false }) {
-  if (options.skipDraftModeCheck) {
-    const headers$1 = await headers();
-    if (headers$1.has("x-block-preview")) {
-      return verifyJwt(headers$1.get("x-block-preview") || "");
-    }
-  }
-  if (!options.skipDraftModeCheck) {
-    if (!(await draftMode()).isEnabled) {
-      return null;
-    }
-  }
-  const cookie = (await cookies()).get("__comet_site_preview");
-  if (cookie) {
-    return verifyJwt(cookie.value);
-  }
-  return null;
-}
-async function legacyPagesRouterPreviewParams(req) {
-  if (req.headers["x-block-preview"]) {
-    return verifyJwt(req.headers["x-block-preview"].toString());
-  }
-  if (req.previewData) {
-    return req.previewData;
-  }
-  return null;
-}
-export {
-  legacyPagesRouterPreviewParams,
-  previewParams,
-  setSitePreviewParams,
-  verifyJwt
-};
+import{jwtVerify as e,errors as t,SignJWT as r}from"jose";import{headers as n,draftMode as a,cookies as i}from"next/headers";async function o(r){if(!process.env.SITE_PREVIEW_SECRET)throw new Error("SITE_PREVIEW_SECRET environment variable is required.");try{return(await e(r,(new TextEncoder).encode(process.env.SITE_PREVIEW_SECRET))).payload}catch(n){if(n instanceof t.JOSEError)return null;throw n}}async function c(e){const t=await new r(e).setProtectedHeader({alg:"HS256"}).setExpirationTime("1 day").sign((new TextEncoder).encode(process.env.SITE_PREVIEW_SECRET));(await i()).set("__comet_site_preview",t,{httpOnly:!0,sameSite:"lax"}),(await a()).enable()}async function s(e={skipDraftModeCheck:!1}){if(e.skipDraftModeCheck){const e=await n();if(e.has("x-block-preview"))return o(e.get("x-block-preview")||"")}if(!e.skipDraftModeCheck&&!(await a()).isEnabled)return null;const t=(await i()).get("__comet_site_preview");return t?o(t.value):null}async function E(e){return e.headers["x-block-preview"]?o(e.headers["x-block-preview"].toString()):e.previewData?e.previewData:null}export{E as legacyPagesRouterPreviewParams,s as previewParams,c as setSitePreviewParams,o as verifyJwt};

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%}._imageContainer_ecpdr_1{position:relative;width:100%;aspect-ratio:var(--aspect-ratio)}
+._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%}._imageContainer_ecpdr_1{position:relative;width:100%;aspect-ratio:var(--aspect-ratio)}