Build store URL using subDomainPrefix

vtex · Feb 21, 2025 · 3749d01 · 3749d01
1 parent 09a30aa
commit 3749d01
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 3 deletions.
diff --git a/packages/core/src/pages/[slug]/p.tsx b/packages/core/src/pages/[slug]/p.tsx
@@ -36,6 +36,7 @@ import { getOfferUrl, useOffer } from 'src/sdk/offer'
 import PageProvider, { type PDPContext } from 'src/sdk/overrides/PageProvider'
 import { useProductQuery } from 'src/sdk/product/useProductQuery'
 import { getPDP, type PDPContentType } from 'src/server/cms/pdp'
+import { buildStoreUrl } from 'src/utils/buildStoreUrl'
 
 type StoreConfig = typeof storeConfig & {
   experimental: {
@@ -87,6 +88,7 @@ function Page({
   globalSections,
   offers,
   meta,
+  storeUrl,
 }: Props) {
   const { product } = server
   const { currency } = useSession()
@@ -96,7 +98,7 @@ function Page({
   if (itemListElements.length !== 0) {
     itemListElements = itemListElements.map(
       ({ item: pathname, name, position }) => {
-        const pageUrl = storeConfig.storeUrl + pathname
+        const pageUrl = storeUrl + pathname
 
         return { name, position, item: pageUrl }
       }
@@ -297,7 +299,11 @@ export const getStaticProps: GetStaticProps<
   const { seo } = data.product
   const title = seo.title || storeConfig.seo.title
   const description = seo.description || storeConfig.seo.description
-  const canonical = `${storeConfig.storeUrl}${seo.canonical}`
+  const storeUrl = buildStoreUrl(
+    storeConfig.storeUrl,
+    (storeConfig.api as Record<string, any>).subDomainPrefix
+  )
+  const canonical = `${storeUrl}${seo.canonical}`
 
   const meta = { title, description, canonical }
 
@@ -323,6 +329,7 @@ export const getStaticProps: GetStaticProps<
       offers,
       globalSections,
       key: seo.canonical,
+      storeUrl,
     },
     revalidate: (storeConfig as StoreConfig).experimental.revalidate ?? false,
   }

diff --git a/packages/core/src/server/options.ts b/packages/core/src/server/options.ts
@@ -6,7 +6,9 @@ export const apiOptions: APIOptions = {
   platform: storeConfig.platform as APIOptions['platform'],
   account: storeConfig.api.storeId,
   environment: storeConfig.api.environment as APIOptions['environment'],
-  subDomainPrefix: storeConfig.api.subDomainPrefix ?? ['www'],
+  subDomainPrefix: (storeConfig.api as Record<string, any>).subDomainPrefix ?? [
+    'www',
+  ],
   hideUnavailableItems: storeConfig.api.hideUnavailableItems,
   showSponsored: storeConfig.api.showSponsored,
   simulationBehavior: (storeConfig.api as Record<string, any>)

diff --git a/packages/core/src/utils/buildStoreUrl.ts b/packages/core/src/utils/buildStoreUrl.ts
@@ -0,0 +1,10 @@
+export function buildStoreUrl(
+  storeUrl: string,
+  subDomainPrefix: string[]
+): string {
+  return storeUrl.replace(
+    /^(.*:\/\/)?(.*)/,
+    (_, protocol, restOfUrl) =>
+      `${protocol || ''}${subDomainPrefix && subDomainPrefix.length > 0 ? `${subDomainPrefix[0]}.` : ''}${restOfUrl}`
+  )
+}