cloudcommerce 0.26.7 → 0.27.0

package/ecomplus-stores/iluminim/functions/ssr/src/components/ShopSidenav.vue

@@ -1,61 +0,0 @@
-<template>
-  <aside class="flex flex-col h-full">
-    <nav class="py-4 grow">
-      <ul class="relative h-full">
-        <ShopSidenavCategory
-          v-for="(categoryTree, i) in categoryTrees"
-          :key="i"
-          :category-tree="categoryTree"
-        />
-      </ul>
-    </nav>
-    <footer class="text-base">
-      <div class="flex items-center px-2 py-4 bg-base-100">
-        <AccountLink class="p-2 grow flex items-center gap-3">
-          <i class="i-user-circle text-4xl text-base-500 m-0"></i>
-          <span class="leading-tight">
-            {{ `${$t.i19hello} ${customerName || $t.i19visitor}` }}
-            <small class="block lowercase font-semibold text-primary">
-              {{ $t.i19myOrders }}, {{ $t.i19myAccount }}
-            </small>
-          </span>
-        </AccountLink>
-        <button
-          v-if="isLogged"
-          @click="logout"
-          class="p-2 text-right text-base-800"
-        >
-          <span class="text-base-600">{{ $t.i19logout }}</span>
-          <i class="i-arrow-right-on-rectangle text-lg ml-1"></i>
-        </button>
-      </div>
-      <ul class="flex gap-3 p-4 bg-base-200 text-xl text-base-700">
-        <li v-for="(href, network) in socialNetworks" :key="network">
-          <SocialNetworkLink :network="network" class="p-1 active:text-primary" />
-        </li>
-      </ul>
-    </footer>
-  </aside>
-</template>
-
-<script setup lang="ts">
-import type { CategoryTree } from '@@sf/composables/use-shop-header';
-import { onMounted } from 'vue';
-import { socialNetworks } from '@@sf/sf-lib';
-import {
-  customerName,
-  initializeFirebaseAuth,
-  isLogged,
-  logout,
-} from '@@sf/state/customer-session';
-import AccountLink from '@@sf/components/AccountLink.vue';
-import SocialNetworkLink from '@@sf/components/SocialNetworkLink.vue';
-import ShopSidenavCategory from '~/components/ShopSidenavCategory.vue';
-
-export interface Props {
-  categoryTrees: CategoryTree[];
-}
-
-defineProps<Props>();
-onMounted(() => initializeFirebaseAuth());
-</script>

package/ecomplus-stores/iluminim/functions/ssr/src/components/ShopSidenavCategory.vue

@@ -1,80 +0,0 @@
-<template>
-  <li class="text-lg text-base-800">
-    <details
-      v-if="categoryTree.subcategories.length"
-      class="bg-white overflow-y-auto overflow-x-hidden z-10
-      open:absolute open:top-0 open:left-0 open:w-full open:h-full"
-      @toggle="isOpen = !isOpen"
-    >
-      <summary
-        class="cursor-pointer list-none px-6 py-3 active:bg-base-100 transition-colors"
-        :class="isOpen ? 'bg-base-100' : null"
-      >
-        <i :class="!isOpen
-          ? 'i-arrow-right float-right mb-0 mt-1 text-xl text-base-500'
-          : 'i-arrow-left text-lg'"></i>
-        <AImg
-          v-if="!isOpen && categoryTree.icon"
-          :picture="categoryTree.icon"
-          :alt="categoryTree.name"
-          class="w-auto h-5 inline mr-3"
-        />
-        <h3 class="inline" :class="isOpen ? 'ml-4 text-base' : null">
-          {{ categoryTree.name }}
-        </h3>
-      </summary>
-      <ul
-        class="mt-2 transition-opacity"
-        :class="isFaded ? 'opacity-20' : 'opacity-100'"
-        tabindex="-1"
-      >
-        <ShopSidenavCategory
-          v-for="(subcategoryTree, i) in categoryTree.subcategories"
-          :key="i"
-          :category-tree="subcategoryTree"
-        />
-        <li>
-          <a
-            :href="`/${categoryTree.slug}`"
-            class="block px-6 py-3 text-base underline active:bg-base-200"
-          >
-            {{ $t.i19seeAll$1Category.replace('$1', categoryTree.name) }}
-          </a>
-        </li>
-      </ul>
-    </details>
-    <a
-      v-else
-      :href="`/${categoryTree.slug}`"
-      class="block px-6 py-3 active:bg-base-200"
-    >
-      <AImg
-        v-if="!isOpen && categoryTree.icon"
-        :picture="categoryTree.icon"
-        :alt="categoryTree.name"
-        class="w-auto h-5 inline mr-3"
-      />
-      <h3 class="inline">{{ categoryTree.name }}</h3>
-    </a>
-  </li>
-</template>
-
-<script setup lang="ts">
-import type { CategoryTree, SubcategoryTree } from '@@sf/composables/use-shop-header';
-import { ref, watch } from 'vue';
-
-export interface Props {
-  categoryTree: CategoryTree | SubcategoryTree;
-}
-
-defineProps<Props>();
-const isOpen = ref(false);
-const isFaded = ref(true);
-watch(isOpen, (_isOpen) => {
-  if (_isOpen) {
-    setTimeout(() => { isFaded.value = false; }, 25);
-  } else {
-    isFaded.value = true;
-  }
-});
-</script>

package/ecomplus-stores/iluminim/functions/ssr/src/env.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="@astrojs/image/client" />
-/// <reference types="vite-plugin-pwa/client" />
-/// <reference types="vue/ref-macros" />
-/// <reference types="@cloudcommerce/storefront/client" />
-/// <reference types="@cloudcommerce/storefront/server" />
-
-/* eslint-disable import/newline-after-import */
-
-declare module '*.vue' {
-  import { type DefineComponent } from 'vue';
-  const component: DefineComponent<{}, {}, any>;
-  export default component;
-}

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

@@ -1,16 +0,0 @@
----
-import SfBase from '@@sf/layouts/Base.astro';
-import InlineScripts from '~/scripts/InlineScripts.astro';
-import '~/assets/style.css';
-import 'uno.css';
-// Supports weights 100-900
-import '@fontsource-variable/heebo/index.css';
----
-
-<SfBase>
-  <Fragment slot="base-head">
-    <slot name="base-head" />
-  </Fragment>
-  <InlineScripts slot="before-head-end" />
-  <slot />
-</SfBase>

package/ecomplus-stores/iluminim/functions/ssr/src/layouts/PageFooter.astro

@@ -1,68 +0,0 @@
----
-import { filterMainCategories } from '@@sf/composables/use-shop-header';
-import useSharedData from '@@sf/composables/use-shared-data';
-import Picture from '@@sf/components/Picture.astro';
-import {
-  type Props as ShopFooterProps,
-  default as ShopFooter,
-} from '~/components/ShopFooter.vue';
-
-const { routeContext } = Astro.locals;
-const { settings, getContent, isHomepage } = routeContext;
-const LogoHeading = isHomepage ? 'h2' : 'h3';
-const layoutContent = await getContent('layout');
-const {
-  footer: {
-    stamps,
-    categories_list: categoriesList,
-    pages_list: pagesList,
-  },
-} = layoutContent;
-let mainCategories: ShopFooterProps['categories'];
-let pageLinks: ShopFooterProps['pageLinks'];
-if (categoriesList?.enabled) {
-  if (categoriesList.categories?.length) {
-    mainCategories = categoriesList.categories;
-  } else {
-    // Will wait and reuse categories loaded from <PageHeader>
-    const { value: categories } = await useSharedData({ field: 'categories' });
-    mainCategories = filterMainCategories(categories);
-  }
-}
-if (pagesList?.enabled) {
-  if (pagesList.links?.length) {
-    pageLinks = pagesList.links;
-  } else {
-    pageLinks = [];
-    const pageSlugs = await getContent('extra-pages/');
-    for (let i = 0; i < pageSlugs.length; i++) {
-      const { title } = await getContent(`extra-pages/${pageSlugs[i]}`);
-      if (title) {
-        pageLinks.push({ title, href: `/p/${pageSlugs[i]}` });
-      }
-    }
-  }
-}
----
-
-<ShopFooter
-  {stamps}
-  categories={mainCategories}
-  categoriesColTitle={categoriesList?.title}
-  {pageLinks}
-  pagesColTitle={pagesList?.title}
->
-  <Fragment slot="logo">
-    <a href="/">
-      <LogoHeading>
-        <Picture
-          src={settings.logo}
-          alt={settings.name}
-          widths={[300]}
-          loading="lazy"
-          class="max-w-[150px]"
-        />
-      </LogoHeading>
-    </a>
-  </Fragment>
-</ShopFooter>

package/ecomplus-stores/iluminim/functions/ssr/src/layouts/PageHeader.astro

@@ -1,42 +0,0 @@
----
-import usePageHeader from '@@sf/layouts/use-page-header';
-import useSharedData from '@@sf/composables/use-shared-data';
-import Picture from '@@sf/components/Picture.astro';
-import PitchBar from '~/components/PitchBar.vue';
-import ShopHeader from '~/components/ShopHeader.vue';
-
-const { routeContext } = Astro.locals;
-const { settings, isHomepage } = routeContext;
-const LogoHeading = isHomepage ? 'h1' : 'h2';
-const {
-  pitchBar,
-  shopHeader: { categories, ...shopHeader },
-} = await usePageHeader({ routeContext });
-const { inlineClientJS } = await useSharedData({
-  field: 'categories',
-  value: categories?.map(({ _id, ...c }) => c),
-});
----
-
-<slot name="pitch-bar">
-  {pitchBar.slides.length > 1 && <PitchBar {...pitchBar} client:idle />}
-  {pitchBar.slides.length === 1 && <PitchBar {...pitchBar} />}
-</slot>
-<script is:inline set:html={inlineClientJS} />
-<ShopHeader {...shopHeader} client:load>
-  <Fragment slot="logo">
-    <a href="/">
-      <LogoHeading>
-        <Picture
-          slot="logo-picture"
-          src={settings.logo}
-          alt={settings.name}
-          widths={[300]}
-          fetchpriority="high"
-          loading="eager"
-          class="hover:drop-shadow-sm max-w-[150px] mx-auto"
-        />
-      </LogoHeading>
-    </a>
-  </Fragment>
-</ShopHeader>

package/ecomplus-stores/iluminim/functions/ssr/src/main/Fallback.astro

@@ -1,10 +0,0 @@
----
----
-
-<main>
-  <h1>Error :/</h1>
-  <p class="instructions">
-    Check out the <code>src/pages</code> directory to get started.<br/>
-    <strong>Code Challenge:</strong> Tweak the "Welcome to Astro" message above.
-  </p>
-</main>

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

@@ -1,49 +0,0 @@
----
-import api from '@cloudcommerce/api';
-import { usePageHero } from '@@sf/layouts/use-page-main';
-import BannerPictures from '@@sf/components/BannerPictures.astro';
-import HeroSlider from '~/components/HeroSlider.vue';
-import Sections from '~/main/Sections.astro';
-import Countdown from '~/components/Countdown.vue';
-
-const { routeContext } = Astro.locals;
-const { heroSlider } = await usePageHero({ routeContext });
-const heroSlides = heroSlider.slides;
-const {
-  data: {
-    result: products,
-  },
-} = await api.get('products', {
-  limit: 500,
-  fields: ['sku', 'name', 'pictures'] as const,
-});
----
-
-<main>
-  {heroSlider.slides.length &&
-    <HeroSlider {...heroSlider} client:load>
-      {heroSlides[0] && <BannerPictures slot="picture-0" {...heroSlides[0]} index={0} />}
-      {heroSlides[1] && <BannerPictures slot="picture-1" {...heroSlides[1]} index={1} />}
-      {heroSlides[2] && <BannerPictures slot="picture-2" {...heroSlides[2]} index={2} />}
-      {heroSlides[3] && <BannerPictures slot="picture-3" {...heroSlides[3]} index={3} />}
-      {heroSlides[4] && <BannerPictures slot="picture-4" {...heroSlides[4]} index={4} />}
-      {heroSlides[5] && <BannerPictures slot="picture-5" {...heroSlides[5]} index={5} />}
-      {heroSlides[6] && <BannerPictures slot="picture-6" {...heroSlides[6]} index={6} />}
-      {heroSlides[7] && <BannerPictures slot="picture-7" {...heroSlides[7]} index={7} />}
-      {heroSlides[8] && <BannerPictures slot="picture-8" {...heroSlides[8]} index={8} />}
-      {heroSlides[9] && <BannerPictures slot="picture-9" {...heroSlides[9]} index={9} />}
-      <!-- https://github.com/withastro/astro/issues/5066#issuecomment-1277998365 -->
-    </HeroSlider>
-  }
-  <Sections />
-  <div class="container mx-auto py-4">
-    <Countdown client:visible />
-  </div>
-  <article class="container">
-    {products.map((product) => (
-      <span>{product.sku}</span>
-      <span> {product.name}</span>
-      <br>
-    ))}
-  </article>
-</main>

package/ecomplus-stores/iluminim/functions/ssr/src/main/Sections.astro

@@ -1,42 +0,0 @@
----
-import api from '@cloudcommerce/api';
-import { usePageSections } from '@@sf/layouts/use-page-main';
-import BannersGrid from '~/components/BannersGrid.astro';
-import ProductShelf from '~/components/ProductShelf.vue';
-import ProductsCountdown, { type Props as ProductsCountdownProps }
-  from '~/components/ProductsCountdown.vue';
-
-const { routeContext } = Astro.locals;
-const { sections } = await usePageSections({
-  routeContext,
-  handleCustomSection: async (type, content) => {
-    if (type === 'c:products-countdown') {
-      const {
-        data: {
-          result: products,
-        },
-      } = await api.get('search/v1', {
-        params: { sku: content.skus },
-      });
-      const props: ProductsCountdownProps = { products };
-      return { props };
-    }
-    return { props: content };
-  },
-});
----
-
-<article class="my-9 md:my-12">
-  {sections.map(({ type, props }) => {
-    switch (type) {
-      case 'product-shelf':
-        return <ProductShelf {...props} client:visible />
-      case 'banners-grid':
-        return <BannersGrid {...props} />
-      case 'c:products-countdown':
-        return <ProductsCountdown {...props} />
-      default:
-        return <div data-section={type}></div>
-    }
-  })}
-</article>

package/ecomplus-stores/iluminim/functions/ssr/src/main/Wildcard.astro

@@ -1,18 +0,0 @@
----
-const { fetchingApiContext, apiContext } = Astro.locals.routeContext;
-
-await fetchingApiContext;
-const apiDoc = apiContext.doc;
----
-
-<main>
-  {apiDoc &&
-    <h1>Hello <span class="text-gradient">{apiDoc.name}</span></h1>
-    <hr>
-    <div class="mt-3">
-      <mark>{apiDoc._id}</mark> from <i>{apiContext.resource}</i>
-      <p>{Math.random()}</p>
-      <em>Lorem ipsum dolor sit amet</em>
-    </div>
-  }
-</main>

package/ecomplus-stores/iluminim/functions/ssr/src/pages/[...slug].astro

@@ -1,40 +0,0 @@
----
-import api from '@cloudcommerce/api';
-import loadRouteContext, { RouteContext } from '@@sf/ssr-context';
-import BaseHead from '@@sf/layouts/BaseHead.astro';
-import Base from '~/layouts/Base.astro';
-import PageHeader from '~/layouts/PageHeader.astro';
-import WildcardMain from '~/main/Wildcard.astro';
-
-if (String(Astro.params.slug).endsWith('.css.map')) {
-  return new Response(null, { status: 404 });
-}
-
-let routeContext: RouteContext | undefined;
-let loadError: any;
-try {
-  routeContext = await loadRouteContext(Astro);
-} catch (err: any) {
-  if (err.astroResponse) {
-    return err.astroResponse;
-  }
-  loadError = err;
-}
-
-export async function getStaticPaths() {
-  return (await api.get('products?sort=-sales&limit=4&fields=slug'))
-    .data.result.map(({ slug }) => ({ params: { slug } }));
-}
----
-
-<!DOCTYPE html>
-<html lang={routeContext?.lang.replace('_', '-')}>
-{routeContext &&
-  <Base>
-    <BaseHead slot="base-head" />
-    <PageHeader />
-    <WildcardMain />
-  </Base>
-}
-{loadError && <Fragment set:html={loadError.responseHTML} />}
-</html>

package/ecomplus-stores/iluminim/functions/ssr/src/pages/_vue.ts

@@ -1,3 +0,0 @@
-import createApp from '@@sf/pages/_vue';
-
-export default createApp;

package/ecomplus-stores/iluminim/functions/ssr/src/pages/index.astro

@@ -1,37 +0,0 @@
----
-import loadRouteContext, { RouteContext } from '@@sf/ssr-context';
-import BaseHead from '@@sf/layouts/BaseHead.astro';
-import Base from '~/layouts/Base.astro';
-import PageHeader from '~/layouts/PageHeader.astro';
-import PageFooter from '~/layouts/PageFooter.astro';
-import HomeMain from '~/main/Home.astro';
-
-let routeContext: RouteContext | undefined;
-let loadError: any;
-try {
-  routeContext = await loadRouteContext(Astro);
-  /* Faster SSR without store categories (default) prefetch:
-  routeContext = await loadRouteContext(Astro, {
-    apiPrefetchEndpoints: [],
-  });
-  */
-} catch (err: any) {
-  if (err.astroResponse) {
-    return err.astroResponse;
-  }
-  loadError = err;
-}
----
-
-<!DOCTYPE html>
-<html lang={routeContext?.lang.replace('_', '-')}>
-{routeContext &&
-  <Base>
-    <BaseHead slot="base-head" />
-    <PageHeader />
-    <HomeMain />
-    <PageFooter />
-  </Base>
-}
-{loadError && <Fragment set:html={loadError.responseHTML} />}
-</html>

package/ecomplus-stores/iluminim/functions/ssr/src/pages/~fallback.astro

@@ -1,25 +0,0 @@
----
-import loadRouteContext, { RouteContext } from '@@sf/ssr-context';
-import BaseHead from '@@sf/layouts/BaseHead.astro';
-import Base from '~/layouts/Base.astro';
-import PageHeader from '~/layouts/PageHeader.astro';
-import FallbackMain from '~/main/Fallback.astro';
-
-let routeContext: RouteContext;
-try {
-  routeContext = await loadRouteContext(Astro);
-} catch (err: any) {
-  return err.astroResponse;
-}
-
-// export const prerender = true;
----
-
-<!DOCTYPE html>
-<html lang={routeContext?.lang.replace('_', '-')}>
-<Base>
-  <BaseHead slot="base-head" />
-  <PageHeader />
-  <FallbackMain />
-</Base>
-</html>

package/ecomplus-stores/iluminim/functions/ssr/src/scripts/InlineScripts.astro

@@ -1,10 +0,0 @@
-<script is:inline>
-  window.$firebaseConfig = {
-    apiKey: "AIzaSyDY08utue456KIi4tjXomMxX5PC3y1u6cE",
-    authDomain: "ecom2iluminim.firebaseapp.com",
-    projectId: "ecom2iluminim",
-    storageBucket: "ecom2iluminim.appspot.com",
-    messagingSenderId: "725654553320",
-    appId: "1:725654553320:web:2f0607a479b52ddb783f5d"
-  };
-</script>

package/ecomplus-stores/iluminim/functions/ssr/tailwind.config.cjs

@@ -1,13 +0,0 @@
-process.env.STOREFRONT_BASE_DIR = __dirname;
-
-// eslint-disable-next-line import/no-extraneous-dependencies
-const { genTailwindConfig } = require('@cloudcommerce/storefront/config/storefront.tailwind.cjs');
-
-const themeOptions = {
-  // generalIconSets: ['tabler'],
-};
-
-module.exports = {
-  ...genTailwindConfig(themeOptions),
-  themeOptions,
-};

package/ecomplus-stores/iluminim/functions/ssr/tsconfig.json

@@ -1,12 +0,0 @@
-{
-  "extends": "@cloudcommerce/storefront/tsconfig.json",
-  "compilerOptions": {
-    "baseUrl": ".",
-    "paths": {
-      "@@i18n": ["./node_modules/@cloudcommerce/i18n/src/pt_br.ts"],
-      "@@sf/*": ["./node_modules/@cloudcommerce/storefront/src/lib/*"],
-      "~/*": ["./src/*"],
-      "content/*": ["./content/*"],
-    }
-  }
-}

package/ecomplus-stores/iluminim/functions/ssr/uno.config.cjs

@@ -1,5 +0,0 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-const { genUnoCSSConfig } = require('@cloudcommerce/storefront/config/storefront.unocss.cjs');
-const tailwindConfig = require('./tailwind.config.cjs');
-
-export default genUnoCSSConfig(tailwindConfig);

package/ecomplus-stores/iluminim/functions/with-apps/index.js

@@ -1,12 +0,0 @@
-import '@cloudcommerce/firebase/lib/init';
-import config from '@cloudcommerce/firebase/config';
-import mergeConfig from './config.json' assert { type: 'json' };
-
-config.set({
-  ...mergeConfig,
-  hello: 'from store',
-});
-
-export * from '@cloudcommerce/modules/firebase';
-
-export * from '@cloudcommerce/events/firebase';

package/ecomplus-stores/iluminim/functions/with-apps/package.json

@@ -1,22 +0,0 @@
-{
-  "name": "iluminim-with-apps",
-  "private": true,
-  "type": "module",
-  "scripts": {
-    "build": "echo '>> Run build from repository root'",
-    "serve": "firebase emulators:start --only functions",
-    "shell": "firebase functions:shell",
-    "start": "npm run shell",
-    "deploy": "firebase deploy --only functions",
-    "logs": "firebase functions:log"
-  },
-  "engines": {
-    "node": "18"
-  },
-  "main": "index.js",
-  "dependencies": {
-    "@cloudcommerce/events": "^0.26.3",
-    "@cloudcommerce/firebase": "^0.26.3",
-    "@cloudcommerce/modules": "^0.26.3"
-  }
-}

package/ecomplus-stores/iluminim/package.json

@@ -1,31 +0,0 @@
-{
-  "name": "@ecomplus-stores/iluminim",
-  "private": true,
-  "type": "module",
-  "description": "E-Com Plus Cloud Commerce starter store",
-  "scripts": {
-    "dev": "cloudcommerce",
-    "logs": "cloudcommerce logs",
-    "serve": "cloudcommerce serve",
-    "shell": "cloudcommerce shell",
-    "start": "cloudcommerce start",
-    "build": "cloudcommerce build",
-    "predeploy": "cloudcommerce predeploy",
-    "deploy": "cloudcommerce deploy",
-    "login": "cloudcommerce login",
-    "setup": "bash scripts/install.sh && cloudcommerce setup",
-    "setup:quiet": "cloudcommerce setup --no-deploy --no-commit"
-  },
-  "main": "functions/index.js",
-  "author": "E-Com Club Softwares para E-commerce <ti@e-com.club>",
-  "license": "Apache 2.0 with Commons Clause",
-  "bugs": {
-    "url": "https://github.com/ecomplus/cloud-commerce/issues"
-  },
-  "dependencies": {
-    "@cloudcommerce/cli": "^0.26.3"
-  },
-  "devDependencies": {
-    "@cloudcommerce/eslint": "^0.26.3"
-  }
-}

package/ecomplus-stores/iluminim/scripts/install.sh

@@ -1,24 +0,0 @@
-#!/bin/bash
-
-if [ ! -d "./node_modules" ]; then
-  echo '>> Install root dev dependencies:'
-  if [ -f "./package-lock.json" ]; then
-    npm ci
-  else
-    npm i
-  fi
-fi
-echo '>> Install each function dependencies:'
-cd functions
-for d in */ ; do
-  cd $d
-  if [ ! -d "./node_modules" ]; then
-    if [ -f "./package-lock.json" ]; then
-      npm ci
-    else
-      npm i
-    fi
-  fi
-  cd ..
-done
-cd ..