feat: wip multi-language (#3)

* feat: wip multi-language * recreating lost files * fix: request * improve home --------- Co-authored-by: guitavano <[email protected]>
deco-sites · Nov 6, 2024 · c89a172 · c89a172
1 parent c2b3fad
commit c89a172
Show file tree

Hide file tree

Showing 39 changed files with 1,396 additions and 572 deletions.
diff --git a/.deco/blocks/Global%20Language%20Options.json b/.deco/blocks/Global%20Language%20Options.json
@@ -0,0 +1,23 @@
+{
+  "__resolveType": "site/loaders/languages.ts",
+  "langs": [
+    {
+      "label": "EN",
+      "value": "en",
+      "flag": "https://deco-sites-assets.s3.sa-east-1.amazonaws.com/journeys/f5044d94-348f-4a63-aa15-76949855d78d/us-flag.webp",
+      "alt": "United States"
+    },
+    {
+      "alt": "Canada",
+      "flag": "https://deco-sites-assets.s3.sa-east-1.amazonaws.com/journeys/d83429c1-3a7a-4751-8056-e26c7f33bd0a/ca-flag.webp",
+      "value": "en-ca",
+      "label": "EN"
+    },
+    {
+      "label": "FR",
+      "value": "fr-ca",
+      "flag": "https://deco-sites-assets.s3.sa-east-1.amazonaws.com/journeys/d83429c1-3a7a-4751-8056-e26c7f33bd0a/ca-flag.webp",
+      "alt": "Canada - French"
+    }
+  ]
+}
diff --git a/.deco/blocks/Header.json b/.deco/blocks/Header.json
@@ -131,5 +131,10 @@
       "itemUrl": "/kidz"
     }
   ],
-  "loading": "eager"
+  "loading": "eager",
+  "preheader": {
+    "langs": {
+      "__resolveType": "Global Language Options"
+    }
+  }
 }
diff --git a/.deco/blocks/Matcher%20%20-%20Canada%2FFrench.json b/.deco/blocks/Matcher%20%20-%20Canada%2FFrench.json
@@ -0,0 +1,4 @@
+{
+  "__resolveType": "site/matchers/language.ts",
+  "language": "fr-ca"
+}
diff --git a/.deco/blocks/Matcher%20-%20Canada.json b/.deco/blocks/Matcher%20-%20Canada.json
@@ -0,0 +1,4 @@
+{
+  "__resolveType": "site/matchers/language.ts",
+  "language": "en-ca"
+}
diff --git a/.deco/blocks/pages-home-c4bcbfb771e9.json b/.deco/blocks/pages-home-c4bcbfb771e9.json
@@ -2,17 +2,238 @@
   "name": "Home Page",
   "sections": [
     {
-      "__resolveType": "website/sections/Rendering/Lazy.tsx",
-      "section": {
-        "__resolveType": "Header"
-      }
+      "__resolveType": "website/flags/multivariate/section.ts",
+      "variants": [
+        {
+          "value": {
+            "__resolveType": "Header"
+          },
+          "rule": {
+            "__resolveType": "Matcher - Canada"
+          }
+        },
+        {
+          "value": {
+            "__resolveType": "site/sections/Header/Header.tsx",
+            "searchbar": {
+              "placeholder": "What are you looking for?",
+              "loader": {
+                "__resolveType": "resolved",
+                "data": null
+              }
+            },
+            "alerts": [
+              "<p>Get 10% off today: <strong>NEW10</strong></p>"
+            ],
+            "logo": {
+              "src": "https://deco-sites-assets.s3.sa-east-1.amazonaws.com/journeys/4da000a7-5db9-40c4-8766-2d9d0504d6ea/journeys-logo.webp",
+              "alt": "Deco Storefront",
+              "width": 160,
+              "height": 40
+            },
+            "navItems": [
+              {
+                "children": [
+                  {
+                    "image": [],
+                    "children": [],
+                    "name": "Hello"
+                  },
+                  {
+                    "image": [],
+                    "children": [],
+                    "name": "World"
+                  }
+                ],
+                "@type": "SiteNavigationElement",
+                "subItems": [
+                  {
+                    "name": "ADIDAS",
+                    "url": "",
+                    "isBrand": true,
+                    "subItemUrl": "/adidas"
+                  },
+                  {
+                    "name": "CONVERSE",
+                    "url": "",
+                    "isBrand": true,
+                    "subItemUrl": "/converse"
+                  },
+                  {
+                    "name": "NEW BALANCE",
+                    "url": "",
+                    "isBrand": true,
+                    "subItemUrl": "/new-balance"
+                  },
+                  {
+                    "name": "BIRKENSTOCK",
+                    "url": "/birkenstock",
+                    "isBrand": true,
+                    "subItemUrl": "/birkenstock"
+                  },
+                  {
+                    "name": "VANS",
+                    "url": "",
+                    "isBrand": true,
+                    "subItemUrl": "/vans"
+                  },
+                  {
+                    "name": "CROCS",
+                    "url": "",
+                    "isBrand": true,
+                    "subItemUrl": "/crocs"
+                  }
+                ],
+                "item": "Marques",
+                "itemUrl": "/"
+              },
+              {
+                "@type": "SiteNavigationElement",
+                "subItems": [
+                  {
+                    "name": "SHOP BY SHOE SIZE",
+                    "url": "#"
+                  },
+                  {
+                    "name": "SHOES",
+                    "url": "#"
+                  },
+                  {
+                    "name": "CLOTHING",
+                    "url": "#"
+                  },
+                  {
+                    "name": "ACCESSORIES",
+                    "url": "#"
+                  },
+                  {
+                    "name": "COLLECTIONS",
+                    "url": "#"
+                  }
+                ],
+                "item": "Femmes"
+              },
+              {
+                "@type": "SiteNavigationElement",
+                "subItems": [
+                  {
+                    "name": "SHOP BY SHOE SIZE",
+                    "url": "#"
+                  },
+                  {
+                    "name": "SHOES",
+                    "url": "#"
+                  },
+                  {
+                    "name": "CLOTHING",
+                    "url": "#"
+                  },
+                  {
+                    "name": "ACCESSORIES",
+                    "url": "#"
+                  },
+                  {
+                    "name": "COLLECTIONS",
+                    "url": "#"
+                  }
+                ],
+                "item": "Hommes"
+              },
+              {
+                "@type": "SiteNavigationElement",
+                "subItems": [],
+                "item": "Enfants",
+                "itemUrl": "/kidz"
+              },
+              {
+                "subItems": [],
+                "item": "Soled",
+                "itemUrl": "/"
+              },
+              {
+                "subItems": [],
+                "item": "Nouveautés",
+                "itemUrl": "/"
+              },
+              {
+                "subItems": [],
+                "item": "Cadeaux",
+                "itemUrl": "/"
+              }
+            ],
+            "loading": "eager",
+            "preheader": {
+              "langs": {
+                "__resolveType": "Global Language Options"
+              }
+            }
+          },
+          "rule": {
+            "__resolveType": "Matcher  - Canada/French"
+          }
+        },
+        {
+          "value": {
+            "__resolveType": "Header"
+          },
+          "rule": {
+            "__resolveType": "website/matchers/always.ts"
+          }
+        }
+      ]
     },
     {
-      "__resolveType": "site/sections/Content/TextBar.tsx",
-      "text": "Get $10 off $75 + Free Shipping with Journeys All Access!",
-      "linkBar": "#",
-      "linkText": "Sign Up",
-      "linkUrl": "#"
+      "__resolveType": "website/flags/multivariate/section.ts",
+      "variants": [
+        {
+          "value": {
+            "__resolveType": "site/sections/Content/TextBar.tsx",
+            "text": "Get $10 off $75 + Free Shipping with",
+            "linkBar": "#",
+            "linkText": "Journeys All Access! Sign Up Now!",
+            "linkUrl": "#"
+          },
+          "rule": {
+            "__resolveType": "website/matchers/multi.ts",
+            "op": "or",
+            "matchers": [
+              {
+                "__resolveType": "Matcher - Canada"
+              }
+            ]
+          }
+        },
+        {
+          "value": {
+            "__resolveType": "site/sections/Content/TextBar.tsx",
+            "text": "Obtiens 10$ de rabais sur 75$ d’achat et la livraison",
+            "linkBar": "#",
+            "linkText": "gratuite avec Journeys All Access! Inscris-toi!",
+            "linkUrl": "#"
+          },
+          "rule": {
+            "__resolveType": "website/matchers/multi.ts",
+            "op": "or",
+            "matchers": [
+              {
+                "__resolveType": "Matcher  - Canada/French"
+              }
+            ]
+          }
+        },
+        {
+          "value": {
+            "__resolveType": "site/sections/Content/TextBar.tsx",
+            "text": "Get $10 off $75 + Free Shipping with Journeys All Access!",
+            "linkBar": "#",
+            "linkText": "Sign Up",
+            "linkUrl": "#"
+          },
+          "rule": {
+            "__resolveType": "website/matchers/always.ts"
+          }
+        }
+      ]
     },
     {
       "__resolveType": "site/sections/Images/Carousel.tsx",
@@ -71,7 +292,23 @@
       "__resolveType": "website/sections/Rendering/Lazy.tsx",
       "section": {
         "__resolveType": "site/sections/Product/ProductShelf.tsx",
-        "title": "Featured Products",
+        "title": {
+          "__resolveType": "website/flags/multivariate/message.ts",
+          "variants": [
+            {
+              "value": "Nouveautés",
+              "rule": {
+                "__resolveType": "Matcher  - Canada/French"
+              }
+            },
+            {
+              "value": "New Arrivals",
+              "rule": {
+                "__resolveType": "website/matchers/always.ts"
+              }
+            }
+          ]
+        },
         "cta": "/mono",
         "products": {
           "__resolveType": "vtex/loaders/legacy/productList.ts",

diff --git a/.github/workflows/deco-deploy.yaml b/.github/workflows/deco-deploy.yaml
@@ -1,4 +1,3 @@
-
 name: Deploy
 on:
   push:

diff --git a/.gitignore b/.gitignore
@@ -80,7 +80,11 @@ _docker_deps.ts
 .metadata/*
 .deco/metadata/*
 
+# Local env
 .env
 
 # Deno files
 deno.*.tmp
+
+# Tailwind file
+static/tailwind.css
diff --git a/apps/deco/vtex.ts b/apps/deco/vtex.ts
@@ -1,2 +1,2 @@
 export { default } from "apps/vtex/mod.ts";
-export * from "apps/vtex/mod.ts";
+export * from "apps/vtex/mod.ts";
diff --git a/components/Session.tsx b/components/Session.tsx
@@ -267,7 +267,13 @@ export default function Session(
             type="module"
             dangerouslySetInnerHTML={{ __html: useScript(sdk) }}
           />
-          <script src="https://kit.fontawesome.com/b5e84d0a6b.js" crossorigin="anonymous"></script>
+          {
+            /* <script
+            src="https://kit.fontawesome.com/b5e84d0a6b.js"
+            crossorigin="anonymous"
+          >
+          </script> */
+          }
         </Head>
         <div hx-trigger="load" hx-post={useComponent(import.meta.url)} />
       </>

diff --git a/components/header/Bag.tsx b/components/header/Bag.tsx
@@ -21,7 +21,11 @@ function Bag() {
   const id = useId();
   return (
     <>
-      <label class="indicator items-baseline" for={MINICART_DRAWER_ID} aria-label="open cart">
+      <label
+        class="indicator items-baseline"
+        for={MINICART_DRAWER_ID}
+        aria-label="open cart"
+      >
         <span class="flex items-center justify-center size-6">
           <Icon id="shopping-bag" size={17} />
         </span>