@weaverse/hydrogen 5.13.1 → 5.14.1

package/dist/index.mjs

@@ -143,6 +143,73 @@ function useWeaverseDataContext() {
 function createWeaverseDataContext(matches) {
   return createFlatDataContext(matches);
 }
+
+// src/seo.ts
+function formatMetaDescriptors(seo) {
+  if (!seo) {
+    return [{ name: "robots", content: "index,follow" }];
+  }
+  let descriptors = [];
+  if (seo.title) {
+    descriptors.push({ title: seo.title });
+  }
+  if (seo.description) {
+    descriptors.push({ name: "description", content: seo.description });
+  }
+  if (seo.keywords) {
+    descriptors.push({ name: "keywords", content: seo.keywords });
+  }
+  if (seo.canonicalUrl) {
+    descriptors.push({
+      tagName: "link",
+      rel: "canonical",
+      href: seo.canonicalUrl
+    });
+  }
+  let og = seo.openGraph;
+  if (og && (og.title || og.description || og.image || og.type)) {
+    if (og.title) {
+      descriptors.push({ property: "og:title", content: og.title });
+    }
+    if (og.description) {
+      descriptors.push({ property: "og:description", content: og.description });
+    }
+    if (og.image) {
+      descriptors.push({ property: "og:image", content: og.image });
+    }
+    descriptors.push({ property: "og:type", content: og.type || "website" });
+  }
+  let tw = seo.twitter;
+  if (tw && (tw.title || tw.description || tw.image || tw.cardType)) {
+    descriptors.push({
+      name: "twitter:card",
+      content: tw.cardType || "summary"
+    });
+    if (tw.title) {
+      descriptors.push({ name: "twitter:title", content: tw.title });
+    }
+    if (tw.description) {
+      descriptors.push({ name: "twitter:description", content: tw.description });
+    }
+    if (tw.image) {
+      descriptors.push({ name: "twitter:image", content: tw.image });
+    }
+  }
+  let index = seo.robots?.index !== false;
+  let follow = seo.robots?.follow !== false;
+  descriptors.push({
+    name: "robots",
+    content: `${index ? "index" : "noindex"},${follow ? "follow" : "nofollow"}`
+  });
+  return descriptors;
+}
+function getWeaverseSeoMeta(data) {
+  if (!data) {
+    return formatMetaDescriptors(null);
+  }
+  let page = "items" in data && "id" in data ? data : data.page ?? null;
+  return formatMetaDescriptors(page?.seo ?? null);
+}
 function isProjectIdFunction(projectId) {
   return typeof projectId === "function";
 }
@@ -230,7 +297,6 @@ function getWeaverseConfigs(request, env) {
     WEAVERSE_PROJECT_ID,
     WEAVERSE_API_KEY,
     WEAVERSE_HOST,
-    WEAVERSE_API_BASE,
     PUBLIC_STORE_DOMAIN,
     PUBLIC_STOREFRONT_API_TOKEN
   } = env || {};
@@ -246,10 +312,11 @@ function getWeaverseConfigs(request, env) {
   } = queries;
   let url = new URL(request.url);
   let isRevisionPreview = url.searchParams.has("__revisionId");
+  let resolvedWeaverseHost = weaverseHost || WEAVERSE_HOST || envFromProcess.WEAVERSE_HOST || "https://studio.weaverse.io";
   return {
     projectId: weaverseProjectId || WEAVERSE_PROJECT_ID || envFromProcess.WEAVERSE_PROJECT_ID || "",
-    weaverseHost: weaverseHost || WEAVERSE_HOST || envFromProcess.WEAVERSE_HOST || "https://studio.weaverse.io",
-    weaverseApiBase: WEAVERSE_API_BASE || envFromProcess.WEAVERSE_API_BASE || WEAVERSE_HOST || envFromProcess.WEAVERSE_HOST || "https://api.weaverse.io",
+    weaverseHost: resolvedWeaverseHost,
+    weaverseApiBase: resolvedWeaverseHost,
     weaverseApiKey: weaverseApiKey || WEAVERSE_API_KEY || envFromProcess.WEAVERSE_API_KEY || "",
     weaverseVersion: weaverseVersion || "",
     isDesignMode,
@@ -440,6 +507,46 @@ function hasWeaverseData(value) {
   }
   return value.weaverseData !== void 0;
 }
+
+// src/utils/studio-request-info.ts
+function getBrowserLocation() {
+  if (typeof window === "undefined") {
+    return;
+  }
+  return window.location;
+}
+function getQueriesFromSearch(search) {
+  let queries = {};
+  let params = new URLSearchParams(search);
+  for (let [key, value] of params.entries()) {
+    if (value === "true") {
+      queries[key] = true;
+    } else if (value === "false") {
+      queries[key] = false;
+    } else {
+      queries[key] = value;
+    }
+  }
+  return queries;
+}
+function normalizeDesignModeRequestInfo(params, browserLocation = getBrowserLocation()) {
+  if (!(params.isDesignMode && browserLocation)) {
+    return params;
+  }
+  let { pathname, search } = browserLocation;
+  if (params.requestInfo.pathname === pathname && params.requestInfo.search === search) {
+    return params;
+  }
+  return {
+    ...params,
+    requestInfo: {
+      ...params.requestInfo,
+      pathname,
+      queries: getQueriesFromSearch(search),
+      search
+    }
+  };
+}
 var ThemeSettingsStore = class {
   settings = {};
   schema;
@@ -759,22 +866,23 @@ var WeaverseHydrogen = class extends Weaverse {
   };
 };
 function createWeaverseInstance(params) {
+  const normalizedParams = normalizeDesignModeRequestInfo(params);
   if (isBrowser) {
     window.__weaverses = window.__weaverses || {};
-    let weaverse = window.__weaverses[params.pageId];
-    if (!weaverse || weaverse?.requestInfo?.pathname !== params.requestInfo.pathname || weaverse?.requestInfo?.search !== params.requestInfo.search) {
-      weaverse = new WeaverseHydrogen(params);
-      window.__weaverses[params.pageId] = weaverse;
+    let weaverse = window.__weaverses[normalizedParams.pageId];
+    if (!weaverse || weaverse?.requestInfo?.pathname !== normalizedParams.requestInfo.pathname || weaverse?.requestInfo?.search !== normalizedParams.requestInfo.search) {
+      weaverse = new WeaverseHydrogen(normalizedParams);
+      window.__weaverses[normalizedParams.pageId] = weaverse;
     }
     if (weaverse?.isDesignMode) {
-      weaverse.requestInfo = params.requestInfo;
+      weaverse.requestInfo = normalizedParams.requestInfo;
       if (hasWeaverseStudio(window)) {
-        window.weaverseStudio.refreshStudio(params);
+        window.weaverseStudio.refreshStudio(normalizedParams);
       }
     }
     return weaverse;
   }
-  return new WeaverseHydrogen(params);
+  return new WeaverseHydrogen(normalizedParams);
 }
 var StudioBridge = memo(({ context }) => {
   useStudio(context);
@@ -1219,11 +1327,8 @@ var WeaverseClient = class {
     }
   };
   // Helper method for building API URLs consistently
-  getApiUrl(endpoint, useProxy = !this.configs.isDesignMode) {
-    const { weaverseHost, weaverseApiBase, projectId } = this.configs;
-    if (useProxy) {
-      return `${weaverseApiBase}/v1/${endpoint}?projectId=${projectId}`;
-    }
+  getApiUrl(endpoint) {
+    const { weaverseHost } = this.configs;
     return `${weaverseHost}/api/public/${endpoint}`;
   }
   /**
@@ -1701,6 +1806,6 @@ var IMAGES_PLACEHOLDERS = {
   product_18: "https://cdn.shopify.com/s/files/1/0838/0052/3057/files/fpo-product-watch-2-1024x1024.svg"
 };
 
-export { IMAGES_PLACEHOLDERS, ThemeTextProvider, ThemeTextStore, WeaverseClient, WeaverseError, WeaverseHydrogen, WeaverseHydrogenItem, WeaverseHydrogenRoot, createWeaverseDataContext, defaultComponents, generateDataFromSchema, getNestedKey, getPreviewData, getRequestQueries, getSelectedProductOptions, getWeaverseConfigs, hasError, hasWeaverseStudio, interpolate, isFetchProjectPayload, isProjectIdFunction, isThemeSettingsResponse, isValidHydrogenSchema, isWithCacheFetchResponse, registerComponent, useThemeSettings, useThemeText, useWeaverseDataContext, withWeaverse };
+export { IMAGES_PLACEHOLDERS, ThemeTextProvider, ThemeTextStore, WeaverseClient, WeaverseError, WeaverseHydrogen, WeaverseHydrogenItem, WeaverseHydrogenRoot, createWeaverseDataContext, defaultComponents, formatMetaDescriptors, generateDataFromSchema, getNestedKey, getPreviewData, getRequestQueries, getSelectedProductOptions, getWeaverseConfigs, getWeaverseSeoMeta, hasError, hasWeaverseStudio, interpolate, isFetchProjectPayload, isProjectIdFunction, isThemeSettingsResponse, isValidHydrogenSchema, isWithCacheFetchResponse, registerComponent, useThemeSettings, useThemeText, useWeaverseDataContext, withWeaverse };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map