cloudcommerce 0.1.1 → 0.1.3

package/CHANGELOG.md

@@ -2,6 +2,21 @@
 
 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.3](https://github.com/ecomplus/cloud-commerce/compare/v0.1.2...v0.1.3) (2022-12-24)
+
+
+### Bug Fixes
+
+* **deps:** Update all non-major dependencies ([dae94d3](https://github.com/ecomplus/cloud-commerce/commit/dae94d37862f3b01c1799cc7be4906893b111a46))
+* **ssr:** Add `@vueuse/core` and `@headlessui/vue` to SSR deps ([6c7204e](https://github.com/ecomplus/cloud-commerce/commit/6c7204ee3569a81075e36407fd962f36fac1c669))
+
+### [0.1.2](https://github.com/ecomplus/cloud-commerce/compare/v0.1.1...v0.1.2) (2022-12-22)
+
+
+### Bug Fixes
+
+* **ssr:** For global directive, `floating-vue` must be at SSR deps ([3cc4b17](https://github.com/ecomplus/cloud-commerce/commit/3cc4b17bd43dcfb40922887c5a257e2359ae5b59))
+
 ### [0.1.1](https://github.com/ecomplus/cloud-commerce/compare/v0.1.0...v0.1.1) (2022-12-22)
 
 

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+16

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

@@ -1,14 +1,17 @@
 {
-  "domain": "monocard.ecomplus.app",
-  "primary_color": "#92F7B6",
-  "bg_color": "#f5f6fa",
-  "repository": "",
-  "logo": "/img/uploads/logo.png",
+  "domain": "ecom2-monocard.web.app",
   "name": "Monocard",
-  "short_name": "Monocard",
-  "favicon": "/img/uploads/favicon.png",
-  "secondary_color": "#000000",
-  "icon": "/img/icon.png",
   "description": "Monocard - O seu último cartão de visitas",
-  "large_icon": "/img/large-icon.png"
+  "logo": "/img/uploads/logo.png",
+  "icon": "/img/icon.png",
+  "primary_color": "#92F7B6",
+  "email": "",
+  "phone": "",
+  "address": "",
+  "corporate_name": "",
+  "doc_number": "",
+  "lang": "pt_br",
+  "currency": "BRL",
+  "currency_symbol": "R$",
+  "country_code": "BR"
 }

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

@@ -19,14 +19,18 @@
   "dependencies": {
     "@astrojs/image": "^0.12.1",
     "@astrojs/node": "^4.0.0",
-    "@cloudcommerce/api": "^0.1.0",
-    "@cloudcommerce/firebase": "^0.1.0",
-    "@cloudcommerce/ssr": "^0.1.0"
+    "@cloudcommerce/api": "^0.1.2",
+    "@cloudcommerce/firebase": "^0.1.2",
+    "@cloudcommerce/ssr": "^0.1.2"
   },
   "devDependencies": {
-    "@cloudcommerce/i18n": "^0.1.0",
-    "@cloudcommerce/storefront": "^0.1.0",
-    "@cloudcommerce/types": "^0.1.0"
+    "@cloudcommerce/i18n": "^0.1.2",
+    "@cloudcommerce/storefront": "^0.1.2",
+    "@cloudcommerce/types": "^0.1.2",
+    "@iconify-json/arcticons": "^1.1.34",
+    "@iconify-json/wpf": "^1.1.3",
+    "lottie-web": "^5.10.0",
+    "lozad": "^1.16.0"
   },
   "pnpm": {
     "peerDependencyRules": {

package/ecomplus-stores/monocard/functions/ssr/src/components/LottiePhoneNFC.vue

@@ -5,7 +5,7 @@ import lottie from 'lottie-web';
 const container = ref(null);
 onMounted(() => {
   lottie.loadAnimation({
-    container: container.value,
+    container: container.value as any as Element,
     renderer: 'svg',
     loop: true,
     autoplay: true,

package/ecomplus-stores/monocard/package.json

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+16

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

@@ -1,14 +1,18 @@
 {
-  "domain": "ecom2-002.web.app",
-  "primary_color": "",
-  "bg_color": "#f5f6fa",
-  "repository": "",
-  "logo": "/img/uploads/logo.webp",
-  "name": "My Shop",
-  "short_name": "MyShop",
-  "favicon": "/img/uploads/favicon.png",
-  "secondary_color": "",
-  "icon": "/img/icon.png",
+  "domain": "ecom2-tiasonia.web.app",
+  "name": "Tia Sônia",
   "description": "My PWA Shop",
-  "large_icon": "/img/large-icon.png"
+  "logo": "/img/uploads/tiasonia-logo.png",
+  "icon": "/img/uploads/large-icon.png",
+  "primary_color": "#fdda25",
+  "secondary_color": "#0057b7",
+  "email": "",
+  "phone": "",
+  "address": "",
+  "corporate_name": "",
+  "doc_number": "",
+  "lang": "pt_br",
+  "currency": "BRL",
+  "currency_symbol": "R$",
+  "country_code": "BR"
 }

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

@@ -19,14 +19,15 @@
   "dependencies": {
     "@astrojs/image": "^0.12.1",
     "@astrojs/node": "^4.0.0",
-    "@cloudcommerce/api": "^0.1.0",
-    "@cloudcommerce/firebase": "^0.1.0",
-    "@cloudcommerce/ssr": "^0.1.0"
+    "@cloudcommerce/api": "^0.1.2",
+    "@cloudcommerce/firebase": "^0.1.2",
+    "@cloudcommerce/ssr": "^0.1.2"
   },
   "devDependencies": {
-    "@cloudcommerce/i18n": "^0.1.0",
-    "@cloudcommerce/storefront": "^0.1.0",
-    "@cloudcommerce/types": "^0.1.0"
+    "@cloudcommerce/i18n": "^0.1.2",
+    "@cloudcommerce/storefront": "^0.1.2",
+    "@cloudcommerce/types": "^0.1.2",
+    "@fontsource/dm-serif-text": "^4.5.9"
   },
   "pnpm": {
     "peerDependencyRules": {

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

@@ -1,5 +1,13 @@
 <script lang="ts" setup>
-import { toRefs, ImgHTMLAttributes } from 'vue';
+import {
+  type ImgHTMLAttributes,
+  ref,
+  computed,
+  watch,
+  toRefs,
+  onMounted,
+} from 'vue';
+import { useWindowScroll } from '@vueuse/core';
 
 export interface Props {
   logo?: ImgHTMLAttributes;
@@ -10,22 +18,59 @@ const props = withDefaults(defineProps<Props>(), {
   logoAltHeading: 'h2',
 });
 const { logo } = toRefs(props);
+const { y } = useWindowScroll();
+const header = ref<HTMLElement | null>(null);
+const logoImg = ref<HTMLElement | null>(null);
+let height: number = (Number(logo.value.height) || 0) + 20;
+onMounted(() => {
+  logoImg.value.onload = () => {
+    height = header.value.offsetHeight;
+  };
+});
+const isHidden = ref(false);
+const isSticky = computed(() => y.value > height);
+watch(y, (newY, oldY) => {
+  isHidden.value = newY > 0 && newY > oldY;
+});
 </script>
 
 <template>
-  <header class="header bg-surface bg-opacity-90 backdrop-blur-md
-    sticky top-0 z-50 py-1 sm:py-2">
-    <div class="container">
+  <header
+    class="header z-50 sticky top-0"
+    :class="[
+      isHidden ? 'opacity-0 -translate-y-full' : null,
+      isSticky ? 'bg-white/80 backdrop-blur-md shadow' : null,
+    ]"
+    style="transition: opacity var(--transition-slow), transform var(--transition)"
+    ref="header"
+  >
+    <div
+      class="container mx-auto py-1 sm:py-2 px-2 md:px-4 xl:px-7"
+      :class="isSticky
+        ? 'overflow-hidden'
+        : 'bg-white/70 rounded-t-md xl:py-4 -mb-1 mt-20'"
+    >
       <div class="grid grid-flow-col auto-cols-max justify-between items-center">
         <slot name="aside">
           <div class="header__aside md:hidden">
             <div class="i-bars-3-bottom-left"></div>
           </div>
         </slot>
+        <nav class="">
+          <ul>
+            <li><a href="#">Página inicial</a></li>
+          </ul>
+        </nav>
         <slot name="logo" v-bind="{ logo }">
           <a v-if="logo" href="/">
             <component :is="(logo.alt && logoAltHeading) || 'span'" class="m-0">
-              <img v-bind="logo" />
+              <img
+                v-bind="logo"
+                ref="logoImg"
+                :style="isSticky
+                  ? 'margin-bottom: -40px; height: 80px; width: auto'
+                  : 'margin-top: -50%'"
+              />
             </component>
           </a>
         </slot>

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

@@ -1,6 +1,7 @@
 ---
 import type { PageContext } from '@@sf/ssr-context';
 import Base from '@@sf/layouts/Base.astro';
+import '@fontsource/dm-serif-text';
 import InlineScripts from '~/scripts/InlineScripts.astro';
 
 export interface Props {
@@ -17,18 +18,22 @@ const { pageContext, title } = Astro.props as Props;
 </Base>
 
 <style is:global>
-@media only screen and (prefers-color-scheme: dark) {
-  :root:not([data-theme=light]) a:not([role=button]) {
-    --color: var(--primary-100);
-  }
-  :root:not([data-theme=light]) a:not([role=button]):is([aria-current], :hover, :active, :focus) {
-    --color: var(--primary-300);
-  }
+:root {
+  --custom-font-sans: Roboto;
+  --font-brand: "DM Serif Text", serif;
+  --c-brand-yellow: rgb(253, 218, 37);
+  --c-brand-blue: rgb(0, 87, 183);
+  --c-brand-dark-blue: rgb(27, 54, 93);
+  --un-prose-links: var(--c-secondary);
 }
 html {
   scroll-behavior: smooth;
 }
 body {
   overflow-x: hidden;
+  background-color: var(--c-secondary);
+}
+body > * {
+  @apply bg-white;
 }
 </style>

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

@@ -12,8 +12,24 @@ 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="fixed bg-transparent rotate-180 top-0 -left-10 lg:left-6 max-w-full -z-10"
+  />
   <slot name="header">
     <Header pageContext={pageContext} />
   </slot>
-  <slot />
+  <main class="container mx-auto p-6">
+    <slot />
+  </main>
+  <img
+    src="/img/uploads/granolas-espalhadas.png"
+    width="477"
+    height="396"
+    fetchpriority="low"
+    class="fixed bg-transparent -bottom-70 -right-60 -z-10"
+  />
 </Base>

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

@@ -5,7 +5,6 @@ import type CmsContacts from '@@sf/types/cms-contacts';
 import type { PageContext } from '@@sf/ssr-context';
 import { i19buyOnWhatsApp } from '@@i18n';
 import { getImage } from '@@sf/ssr/image';
-import TopBar, { Props as TopBarProps } from '@@components/TopBar.vue';
 import TheHeader, { Props as TheHeaderProps } from '@@components/TheHeader.vue';
 import HeaderNav from '@@components/header/HeaderNav.vue';
 import HeaderButtons, { Props as HeaderButtonsProps } from '@@components/header/HeaderButtons.vue';
@@ -13,7 +12,6 @@ import HeaderButtons, { Props as HeaderButtonsProps } from '@@components/header/
 export interface Props {
   pageContext: PageContext;
   logoTransformOptions?: Parameters<typeof getImage>[0];
-  topBarProps?: Partial<TopBarProps>;
   theHeaderProps?: Partial<TheHeaderProps>;
   headerButtonsProps?: Partial<HeaderButtonsProps>;
 }
@@ -25,7 +23,6 @@ const {
     cms,
   },
   logoTransformOptions,
-  topBarProps,
   theHeaderProps,
   headerButtonsProps,
 } = Astro.props as Props;
@@ -68,7 +65,6 @@ if (contacts.whatsapp) {
 }
 
 declare global {
-  var TopBarProps: TopBarProps;
   var TheHeaderProps: TheHeaderProps;
   var HeaderButtonsProps: HeaderButtonsProps;
 }
@@ -78,7 +74,6 @@ globalThis.TopBarProps = {
   hasPhoneLinks: header.contacts_stripe.phone_wpp,
   hasNetworkLinks: header.contacts_stripe.socials,
   contacts,
-  ...topBarProps,
 };
 globalThis.TheHeaderProps = {
   logo: {
@@ -101,11 +96,8 @@ globalThis.HeaderButtonsProps = {
 ---
 
 <Fragment>
-  <slot name="top-bar">
-    <TopBar {...globalThis.TopBarProps} />
-  </slot>
   <slot name="header">
-    <TheHeader {...globalThis.TheHeaderProps}>
+    <TheHeader {...globalThis.TheHeaderProps} client:idle>
       <Fragment slot="nav">
         <HeaderNav />
       </Fragment>

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

@@ -9,11 +9,12 @@ export interface Props {
 const products = (await api.get('products')).data.result;
 ---
 
-<main>
-  <h1>Welcome to <span class="text-primary">Astro</span></h1>
-  <ul role="list" class="mt-3 fs-20">
-    {products.map((product) => <li>
-      <a href={`/${product.slug}`}>{product.sku}</a>
-    </li>)}
-  </ul>
-</main>
+<h1 class="font-brand">
+  Welcome to
+  <span class="text-secondary font-sans font-black">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>

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

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cloudcommerce",
   "type": "module",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "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>",
@@ -20,9 +20,9 @@
     "@commitlint/config-conventional": "^17.3.0",
     "@commitlint/rules": "^17.3.0",
     "@types/node": "^18.11.17",
-    "@typescript-eslint/eslint-plugin": "^5.46.1",
-    "@typescript-eslint/parser": "^5.46.1",
-    "esbuild": "^0.16.9",
+    "@typescript-eslint/eslint-plugin": "^5.47.0",
+    "@typescript-eslint/parser": "^5.47.0",
+    "esbuild": "^0.16.10",
     "eslint": "^8.30.0",
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-plugin-import": "^2.26.0",
@@ -34,7 +34,7 @@
     "typescript": "^4.9.4",
     "uglify-js": "^3.17.4",
     "vite": "^3.2.5",
-    "vitest": "^0.26.0",
+    "vitest": "^0.26.2",
     "zx": "^7.1.1"
   },
   "scripts": {

package/packages/api/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/api",
   "type": "module",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "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.1",
+  "version": "0.1.3",
   "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.1",
+  "version": "0.1.3",
   "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.1",
+  "version": "0.1.3",
   "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.1",
+  "version": "0.1.3",
   "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.1",
+  "version": "0.1.3",
   "description": "E-Com Plus Cloud Commerce default transactional email app",
   "main": "lib/index.js",
   "repository": {
@@ -23,7 +23,7 @@
     "@cloudcommerce/emails": "workspace:*",
     "@cloudcommerce/firebase": "workspace:*",
     "@ecomplus/transactional-mails": "^1.11.1",
-    "firebase-admin": "^11.4.0",
+    "firebase-admin": "^11.4.1",
     "firebase-functions": "^3.24.1"
   },
   "devDependencies": {

package/packages/apps/frenet/package.json

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

package/packages/apps/galaxpay/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-galaxpay",
   "type": "module",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "E-Com Plus Cloud Commerce app to integrate Galax Pay for recurring payments",
   "main": "lib/galaxpay.js",
   "exports": {
@@ -26,8 +26,8 @@
     "@cloudcommerce/api": "workspace:*",
     "@cloudcommerce/firebase": "workspace:*",
     "axios": "^1.2.1",
-    "firebase-admin": "^11.3.0",
-    "firebase-functions": "^4.1.0"
+    "firebase-admin": "^11.4.1",
+    "firebase-functions": "^4.1.1"
   },
   "devDependencies": {
     "@cloudcommerce/types": "workspace:*",

package/packages/apps/infinitepay/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-infinitepay",
   "type": "module",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "E-Com Plus Cloud Commerce app to integrate InfinitePay",
   "main": "lib/infinitepay.js",
   "exports": {
@@ -27,7 +27,7 @@
     "@cloudcommerce/firebase": "workspace:*",
     "axios": "^1.2.1",
     "crypto-js": "^4.1.1",
-    "firebase-admin": "^11.4.0",
+    "firebase-admin": "^11.4.1",
     "firebase-functions": "^4.1.1"
   },
   "devDependencies": {

package/packages/apps/jadlog/package.json

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