cloudcommerce 0.1.4 → 0.1.5

package/CHANGELOG.md

@@ -2,6 +2,19 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.1.5](https://github.com/ecomplus/cloud-commerce/compare/v0.1.4...v0.1.5) (2022-12-28)
+
+
+### Features
+
+* **storefront:** New icon alias `i-cashback` used on Prices component by default ([456ddd4](https://github.com/ecomplus/cloud-commerce/commit/456ddd4c2078ab62f0fae5bb51e2dcfc082f5365))
+
+
+### Bug Fixes
+
+* **storefront:** Merge theme options object as argument for Tailwind/UnoCSS config gen ([a5673f0](https://github.com/ecomplus/cloud-commerce/commit/a5673f0dfbb385bb47109c8221b07ee0b7c134ad))
+* **storefront:** Pass theme options from UnoCSS config to `genTailwindConfig` ([280f1ac](https://github.com/ecomplus/cloud-commerce/commit/280f1ac04e1c9f0167d97365803670246e234f77))
+
 ### [0.1.4](https://github.com/ecomplus/cloud-commerce/compare/v0.1.3...v0.1.4) (2022-12-27)
 
 

package/ecomplus-stores/monocard/functions/core/package.json

@@ -15,6 +15,6 @@
   },
   "main": "index.js",
   "dependencies": {
-    "@cloudcommerce/firebase": "^0.1.3"
+    "@cloudcommerce/firebase": "^0.1.4"
   }
 }

package/ecomplus-stores/monocard/functions/events/package.json

@@ -15,7 +15,7 @@
   },
   "main": "index.js",
   "dependencies": {
-    "@cloudcommerce/events": "^0.1.3",
-    "@cloudcommerce/firebase": "^0.1.3"
+    "@cloudcommerce/events": "^0.1.4",
+    "@cloudcommerce/firebase": "^0.1.4"
   }
 }

package/ecomplus-stores/monocard/functions/modules/package.json

@@ -15,7 +15,7 @@
   },
   "main": "index.js",
   "dependencies": {
-    "@cloudcommerce/firebase": "^0.1.3",
-    "@cloudcommerce/modules": "^0.1.3"
+    "@cloudcommerce/firebase": "^0.1.4",
+    "@cloudcommerce/modules": "^0.1.4"
   }
 }

package/ecomplus-stores/monocard/functions/passport/package.json

@@ -15,7 +15,7 @@
   },
   "main": "index.js",
   "dependencies": {
-    "@cloudcommerce/firebase": "^0.1.3",
-    "@cloudcommerce/passport": "^0.1.3"
+    "@cloudcommerce/firebase": "^0.1.4",
+    "@cloudcommerce/passport": "^0.1.4"
   }
 }

package/ecomplus-stores/monocard/functions/ssr/package.json

@@ -19,14 +19,14 @@
   "dependencies": {
     "@astrojs/image": "^0.12.1",
     "@astrojs/node": "^4.0.0",
-    "@cloudcommerce/api": "^0.1.3",
-    "@cloudcommerce/firebase": "^0.1.3",
-    "@cloudcommerce/ssr": "^0.1.3"
+    "@cloudcommerce/api": "^0.1.4",
+    "@cloudcommerce/firebase": "^0.1.4",
+    "@cloudcommerce/ssr": "^0.1.4"
   },
   "devDependencies": {
-    "@cloudcommerce/i18n": "^0.1.3",
-    "@cloudcommerce/storefront": "^0.1.3",
-    "@cloudcommerce/types": "^0.1.3",
+    "@cloudcommerce/i18n": "^0.1.4",
+    "@cloudcommerce/storefront": "^0.1.4",
+    "@cloudcommerce/types": "^0.1.4",
     "@iconify-json/arcticons": "^1.1.34",
     "@iconify-json/wpf": "^1.1.3",
     "lottie-web": "^5.10.0",

package/ecomplus-stores/monocard/package.json

@@ -23,6 +23,6 @@
     "url": "https://github.com/ecomplus/cloud-commerce/issues"
   },
   "dependencies": {
-    "@cloudcommerce/cli": "^0.1.3"
+    "@cloudcommerce/cli": "^0.1.4"
   }
 }

package/ecomplus-stores/tia-sonia/functions/core/package.json

@@ -15,6 +15,6 @@
   },
   "main": "index.js",
   "dependencies": {
-    "@cloudcommerce/firebase": "^0.1.3"
+    "@cloudcommerce/firebase": "^0.1.4"
   }
 }

package/ecomplus-stores/tia-sonia/functions/events/package.json

@@ -15,7 +15,7 @@
   },
   "main": "index.js",
   "dependencies": {
-    "@cloudcommerce/events": "^0.1.3",
-    "@cloudcommerce/firebase": "^0.1.3"
+    "@cloudcommerce/events": "^0.1.4",
+    "@cloudcommerce/firebase": "^0.1.4"
   }
 }

package/ecomplus-stores/tia-sonia/functions/modules/package.json

@@ -15,7 +15,7 @@
   },
   "main": "index.js",
   "dependencies": {
-    "@cloudcommerce/firebase": "^0.1.3",
-    "@cloudcommerce/modules": "^0.1.3"
+    "@cloudcommerce/firebase": "^0.1.4",
+    "@cloudcommerce/modules": "^0.1.4"
   }
 }

package/ecomplus-stores/tia-sonia/functions/passport/package.json

@@ -15,7 +15,7 @@
   },
   "main": "index.js",
   "dependencies": {
-    "@cloudcommerce/firebase": "^0.1.3",
-    "@cloudcommerce/passport": "^0.1.3"
+    "@cloudcommerce/firebase": "^0.1.4",
+    "@cloudcommerce/passport": "^0.1.4"
   }
 }

package/ecomplus-stores/tia-sonia/functions/ssr/package.json

@@ -19,14 +19,14 @@
   "dependencies": {
     "@astrojs/image": "^0.12.1",
     "@astrojs/node": "^4.0.0",
-    "@cloudcommerce/api": "^0.1.3",
-    "@cloudcommerce/firebase": "^0.1.3",
-    "@cloudcommerce/ssr": "^0.1.3"
+    "@cloudcommerce/api": "^0.1.4",
+    "@cloudcommerce/firebase": "^0.1.4",
+    "@cloudcommerce/ssr": "^0.1.4"
   },
   "devDependencies": {
-    "@cloudcommerce/i18n": "^0.1.3",
-    "@cloudcommerce/storefront": "^0.1.3",
-    "@cloudcommerce/types": "^0.1.3",
+    "@cloudcommerce/i18n": "^0.1.4",
+    "@cloudcommerce/storefront": "^0.1.4",
+    "@cloudcommerce/types": "^0.1.4",
     "@fontsource/dm-serif-text": "^4.5.9",
     "@fontsource/roboto-condensed": "^4.5.9",
     "@iconify-json/tabler": "^1.1.53"

package/ecomplus-stores/tia-sonia/functions/ssr/src/components/PitchBar.vue

@@ -0,0 +1,65 @@
+<script setup lang="ts">
+import { ref, computed } from 'vue';
+
+type Slide = {
+  icon?: 'shipping' | 'credit-card' | 'discount' | 'cashback',
+  image?: string | null,
+  title?: string,
+  html: string,
+};
+const slides = ref<Slide[]>([{
+  icon: 'shipping',
+  title: 'Frete grátis',
+  html: 'Compras acima de R$ 100,00',
+}, {
+  icon: 'credit-card',
+  title: 'Parcele sem juros',
+  html: 'Até 3x sem juros no cartão',
+}, {
+  icon: 'cashback',
+  title: 'Cachback',
+  html: '5% de volta em todas as compras',
+}, {
+  icon: 'discount',
+  title: 'Desconto no Pix',
+  html: 'Mais 5% de desconto pagando com Pix',
+}]);
+const slideIndex = ref(0);
+const slide = computed(() => {
+  return slides.value[slideIndex.value];
+});
+const prev = () => {
+  if (slideIndex.value) {
+    slideIndex.value -= 1;
+  } else {
+    slideIndex.value = slides.value.length - 1;
+  }
+};
+const next = () => {
+  if (slideIndex.value < slides.value.length - 1) {
+    slideIndex.value += 1;
+  } else {
+    slideIndex.value = 0;
+  }
+};
+</script>
+
+<template>
+  <div class="PitchBar w-full p-2 bg-white/60 leading-snug">
+    <div class="flex justify-between items-center max-w-4xl m-auto">
+      <button class="i-chevron-left text-2xl text-base-600" @click="prev"></button>
+      <div class="flex items-center gap-2 lg:gap-3 text-base-800">
+        <span v-if="slide.icon" class="text-2xl">
+          <i v-if="slide.icon === 'shipping'" class="i-truck-delivery"></i>
+          <i v-else-if="slide.icon === 'credit-card'" class="i-credit-card"></i>
+          <i v-else-if="slide.icon === 'discount'" class="i-percentage"></i>
+          <i v-else-if="slide.icon === 'cashback'" class="i-cashback"></i>
+        </span>
+        <img v-if="slide.image" :src="slide.image" class="max-h-8" />
+        <strong v-if="slide.title" v-html="slide.title" class="uppercase"></strong>
+        <span v-html="slide.html"></span>
+      </div>
+      <button class="i-chevron-right text-2xl text-base-600" @click="next"></button>
+    </div>
+  </div>
+</template>

package/ecomplus-stores/tia-sonia/functions/ssr/src/components/TheHeader.vue

@@ -36,7 +36,7 @@ watch(y, (newY, oldY) => {
 
 <template>
   <header
-    class="header z-50 sticky top-0"
+    class="TheHeader z-50 sticky top-0"
     :class="[
       isHidden ? 'opacity-0 -translate-y-full' : null,
       isSticky ? 'bg-white/80 backdrop-blur-md shadow' : null,

package/ecomplus-stores/tia-sonia/functions/ssr/src/layouts/Base.astro

@@ -37,9 +37,6 @@ body {
   overflow-x: hidden;
   background-color: var(--c-brand-light-blue);
 }
-body > * {
-  @apply bg-white;
-}
 a {
   transition: color var(--transition), background-color var(--transition);
 }

package/ecomplus-stores/tia-sonia/functions/ssr/src/layouts/Pages.astro

@@ -1,5 +1,6 @@
 ---
 import type { PageContext } from '@@sf/ssr-context';
+import { Image } from '@astrojs/image/components';
 import Base from '~/layouts/Base.astro';
 import Header from '~/layouts/PagesHeader.astro';
 
@@ -12,24 +13,30 @@ const { pageContext, title } = Astro.props as Props;
 ---
 
 <Base pageContext={pageContext} title={title}>
-  <img
-    src="/img/uploads/granolas-espalhadas.png"
-    width="477"
-    height="396"
-    fetchpriority="low"
-    class="absolute bg-transparent rotate-180 top-0 -left-10 lg:left-6 max-w-full -z-10"
-  />
   <slot name="header">
     <Header pageContext={pageContext} />
   </slot>
   <main class="container mx-auto">
     <slot />
   </main>
-  <img
+  <Image
+    src="/img/uploads/granolas-espalhadas.png"
+    alt="Granolas Tia Sônia espalhadas"
+    format="webp"
+    width={650}
+    height={540}
+    fetchpriority="low"
+    class="fixed bg-transparent rotate-90 -bottom-40 inset-x-1/2 -z-10"
+    style="max-width: clamp(250px, 325px, 125vw); margin-left: clamp(200px, 600px, 40vw)"
+  />
+  <Image
     src="/img/uploads/granolas-espalhadas.png"
-    width="477"
-    height="396"
+    alt="Granolas Tia Sônia espalhadas"
+    format="webp"
+    width={650}
+    height={540}
     fetchpriority="low"
-    class="fixed bg-transparent -bottom-70 -right-60 -z-10"
+    class="fixed bg-transparent rotate-270 -bottom-30 inset-x-1/2 -z-10"
+    style="max-width: clamp(250px, 325px, 125vw); margin-left: clamp(-57vw, -950px, -200px)"
   />
 </Base>

package/ecomplus-stores/tia-sonia/functions/ssr/src/main/Home.astro

@@ -2,6 +2,7 @@
 import type { PageContext } from '@@sf/ssr-context';
 import api from '@cloudcommerce/api';
 import { Image } from '@astrojs/image/components';
+import PitchBar from '@@components/PitchBar.vue';
 
 export interface Props {
   pageContext: PageContext;
@@ -10,17 +11,33 @@ export interface Props {
 const products = (await api.get('products')).data.result;
 ---
 
-<Image src="/img/uploads/fimdeano1920x736.jpg"
-  format={'webp'}
-  width={1920} height={736}
-  alt="Seu fim de ano na Tia Sônia. Cupons QUERO10, QUERO15, QUERO20."
-/>
-<h1 class="font-brand">
-  Welcome to
-  <span class="text-secondary font-sans font-bold">FEITO NA BAHIA</span>
-</h1>
-<ul role="list" class="mt-3 fs-20">
-  {products.map((product) => <li>
-    <a href={`/${product.slug}`}>{product.sku}</a>
-  </li>)}
-</ul>
+<section class="relative">
+  <PitchBar class="absolute top-0 left-0" client:idle />
+  <div class="grid grid-cols-2">
+    <Image
+      src="/img/uploads/acai-com-granola.jpg"
+      alt="Açaí com morango, banana, manga e granola Tia Sônia"
+      format={'webp'}
+      width={1080}
+      height={1080}
+    />
+    <Image
+      src="/img/uploads/cafe-com-tapioca-e-aveia.jpg"
+      alt="Açaí com morango, banana, manga e granola Tia Sônia"
+      format={'webp'}
+      width={1080}
+      height={1080}
+    />
+  </div>
+</section>
+<article class="bg-white p-6">
+  <h1 class="font-brand">
+    Welcome to
+    <span class="text-secondary font-sans font-bold">FEITO NA BAHIA</span>
+  </h1>
+  <ul role="list" class="mt-3 fs-20">
+    {products.map((product) => <li>
+      <a href={`/${product.slug}`}>{product.sku}</a>
+    </li>)}
+  </ul>
+</article>

package/ecomplus-stores/tia-sonia/functions/ssr/tailwind.config.cjs

@@ -1,10 +1,16 @@
 process.env.STOREFRONT_BASE_DIR = __dirname;
 
-globalThis.storefront_theme_options = {
-  generalIcons: 'tabler',
-};
-
 // eslint-disable-next-line import/no-extraneous-dependencies
 const defaultConfig = require('@cloudcommerce/storefront/tailwind.config.cjs');
 
-module.exports = defaultConfig;
+const themeOptions = {
+  generalIcons: 'tabler',
+  shoppingCartIcon: 'paper-bag',
+  cashbackIcon: 'arrow-back-up',
+};
+const genTailwindConfig = () => defaultConfig.genTailwindConfig(themeOptions);
+
+module.exports = {
+  ...genTailwindConfig(),
+  themeOptions,
+};

package/ecomplus-stores/tia-sonia/functions/ssr/uno.config.cjs

@@ -1,6 +1,5 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
 const { genUnoCSSConfig } = require('@cloudcommerce/storefront/uno.config');
+const { themeOptions } = require('./tailwind.config.cjs');
 
-export default genUnoCSSConfig({
-  shoppingCartIcon: 'paper-bag',
-});
+export default genUnoCSSConfig(themeOptions);

package/ecomplus-stores/tia-sonia/package.json

@@ -23,6 +23,6 @@
     "url": "https://github.com/ecomplus/cloud-commerce/issues"
   },
   "dependencies": {
-    "@cloudcommerce/cli": "^0.1.3"
+    "@cloudcommerce/cli": "^0.1.4"
   }
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cloudcommerce",
   "type": "module",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "Open fair-code headless commerce platform: API-first, microservices based, event driven and cloud native",
   "main": "packages/api/lib/index.js",
   "author": "E-Com Club Softwares para E-commerce <ti@e-com.club>",
@@ -38,7 +38,7 @@
     "zx": "^7.1.1"
   },
   "scripts": {
-    "fix-install": "bash scripts/pre-install.sh && pnpm i --frozen-lockfile",
+    "fix-install": "bash scripts/pre-install.sh && pnpm i",
     "postinstall": "husky install && pnpm run -r prepare-monorepo",
     "new-pkg": "bash scripts/new-package.sh",
     "build": "turbo run build",

package/packages/api/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/api",
   "type": "module",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "E-Com Plus Cloud Commerce APIs client/adapter",
   "main": "lib/api.js",
   "types": "lib/api.d.ts",

package/packages/apps/correios/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-correios",
   "type": "module",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "E-Com Plus Cloud Commerce app for Correios shipping calculation",
   "main": "lib/correios.js",
   "repository": {

package/packages/apps/custom-payment/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-custom-payment",
   "type": "module",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "E-Com Plus Cloud Commerce app for simple custom payment methods",
   "main": "lib/index.js",
   "repository": {

package/packages/apps/custom-shipping/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-custom-shipping",
   "type": "module",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "E-Com Plus Cloud Commerce app for custom shipping methods",
   "main": "lib/custom-shipping.js",
   "repository": {

package/packages/apps/discounts/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-discounts",
   "type": "module",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "E-Com Plus Cloud Commerce app for complex discount rules",
   "main": "lib/discounts.js",
   "repository": {

package/packages/apps/emails/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-emails",
   "type": "module",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "E-Com Plus Cloud Commerce default transactional email app",
   "main": "lib/index.js",
   "repository": {

package/packages/apps/frenet/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-frenet",
   "type": "module",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "E-Com Plus Cloud Commerce app for Frenet shipping calculation",
   "main": "lib/frenet.js",
   "exports": {

package/packages/apps/galaxpay/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-galaxpay",
   "type": "module",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "E-Com Plus Cloud Commerce app to integrate Galax Pay for recurring payments",
   "main": "lib/galaxpay.js",
   "exports": {

package/packages/apps/infinitepay/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-infinitepay",
   "type": "module",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "E-Com Plus Cloud Commerce app to integrate InfinitePay",
   "main": "lib/infinitepay.js",
   "exports": {

package/packages/apps/jadlog/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-jadlog",
   "type": "module",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "E-Com Plus Cloud Commerce  app for Jadlog shipping calculation",
   "main": "lib/index.js",
   "repository": {

package/packages/apps/loyalty-points/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-loyalty-points",
   "type": "module",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "E-Com Plus Cloud Commerce app to handle simple loyalty points programs",
   "main": "lib/loyalty-points.js",
   "exports": {

package/packages/apps/mercadopago/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-mercadopago",
   "type": "module",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "E-Com Plus Cloud Commerce app to integrate Mercado Pago",
   "main": "lib/mercadopago.js",
   "exports": {

package/packages/apps/pagarme/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-pagarme",
   "type": "module",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "E-Com Plus Cloud Commerce app to integrate Pagar.me",
   "main": "lib/pagarme.js",
   "exports": {

package/packages/apps/pix/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-pix",
   "type": "module",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "E-Com Plus Cloud Commerce app to integrate Pix API (Bacen)",
   "main": "lib/pix.js",
   "exports": {

package/packages/apps/tiny-erp/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-tiny-erp",
   "type": "module",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "E-Com Plus Cloud Commerce app for Tiny ERP",
   "main": "lib/tiny-erp.js",
   "repository": {

package/packages/cli/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/cli",
   "type": "module",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "E-Com Plus Cloud Commerce CLI tools",
   "bin": {
     "cloudcommerce": "./bin/run.mjs"

package/packages/config/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/config",
   "type": "module",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "E-Com Plus Cloud Commerce base config",
   "main": "lib/config.js",
   "exports": {

package/packages/emails/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/emails",
   "type": "module",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "E-Com Plus Cloud Commerce",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",

package/packages/events/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/events",
   "type": "module",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "E-Com Plus Cloud Commerce app events",
   "main": "lib/index.js",
   "exports": {

package/packages/firebase/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/firebase",
   "type": "module",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "E-Com Plus Cloud Commerce on Firebase",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",

package/packages/i18n/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/i18n",
   "type": "module",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "E-Com Plus Cloud Commerce i18n",
   "main": "lib/all.js",
   "exports": {

package/packages/modules/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/modules",
   "type": "module",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "E-Com Plus Cloud Commerce modules API",
   "main": "lib/index.cjs",
   "exports": {