cloudcommerce 0.0.114 → 0.0.116

package/packages/storefront/src/lib/layouts/PagesHeader.astro

@@ -1,114 +0,0 @@
----
-import type { Categories } from '@cloudcommerce/api/types';
-import type CmsHeader from '../../types/cms-header';
-import type CmsContacts from '../../types/cms-contacts';
-import type { PageContext } from '../ssr-context';
-import { i19buyOnWhatsApp } from '@cloudcommerce/i18n/src/pt_br';
-import { getImage } from '../ssr/image';
-import TopBar, { Props as TopBarProps } from '../components/TopBar.vue';
-import TheHeader, { Props as TheHeaderProps } from '../components/TheHeader.vue';
-import LoginDrawer, { Props as LoginDrawerProps } from '../components/LoginDrawer.vue';
-
-export interface Props {
-  pageContext: PageContext;
-  logoTransformOptions?: Parameters<typeof getImage>[0];
-  topBarProps?: Partial<TopBarProps>;
-  theHeaderProps?: Partial<TheHeaderProps>;
-  loginDrawerProps?: Partial<LoginDrawerProps>;
-}
-
-const {
-  pageContext: {
-    apiState,
-    settings,
-    cms,
-  },
-  logoTransformOptions,
-  topBarProps,
-  theHeaderProps,
-  loginDrawerProps,
-} = Astro.props as Props;
-const header = cms('header') as CmsHeader;
-const contacts = cms('contacts') as CmsContacts;
-const customThemeName = settings.theme.custom || '';
-let headerCategories: Array<{ slug: string, name: string }> = [];
-let isCategoriesNavFull: boolean | undefined;
-if (header.categories_list) {
-  if (header.categories_list.featured.length) {
-    // Selected categories/collections/brands
-    headerCategories = header.categories_list.featured.map((pathAndName) => {
-      const [path, name] = pathAndName.split('?');
-      return { slug: path.slice(1), name };
-    });
-  }
-  if (header.categories_list.random) {
-    const mainCategories: Categories[] | undefined = apiState
-      .categories?.filter(({ parent }) => (!parent || !parent.slug));
-    if (mainCategories) {
-      for (let i = 0; i < header.categories_list.random && i < mainCategories.length; i++) {
-        if (!headerCategories.find(({ slug }) => mainCategories[i].slug === slug)) {
-          headerCategories.push({
-            slug: mainCategories[i].slug,
-            name: mainCategories[i].name,
-          });
-        }
-      }
-    }
-  }
-  isCategoriesNavFull = header.categories_list.full_width;
-}
-const hasMegamenu: boolean | undefined = header.desktop_megamenu;
-const isAlphabeticalOrderSubmenu: boolean | undefined = header.alphabetical_order_submenu;
-const isFullWidthSubmenu: boolean | undefined = header.full_width_submenu;
-const loginDrawerAdditionalLinks: LoginDrawerProps['additionalLinks'] = header.drawer_links
-  ?.map(({ title, link }) => ({ href: link, innerHTML: title })) || [];
-if (contacts.whatsapp) {
-  loginDrawerAdditionalLinks.unshift({
-    href: `https://wa.me/55${contacts.whatsapp.replace(/\D/g, '')}`,
-    innerHTML: `<i class="i-whatsapp text-lg"></i> ${i19buyOnWhatsApp}`,
-    isBlank: true,
-  });
-}
-
-declare global {
-  var TopBarProps: TopBarProps;
-  var TheHeaderProps: TheHeaderProps;
-  var LoginDrawerProps: LoginDrawerProps;
-}
-globalThis.TopBarProps = {
-  marketingStripe: header.marketing_stripe,
-  pageLinks: header.contacts_stripe.pages,
-  hasPhoneLinks: header.contacts_stripe.phone_wpp,
-  hasNetworkLinks: header.contacts_stripe.socials,
-  contacts,
-  ...topBarProps,
-};
-globalThis.TheHeaderProps = {
-  logo: {
-    ...await getImage({
-      src: settings.logo,
-      width: 150,
-      format: 'webp',
-      quality: 90,
-      ...logoTransformOptions,
-    }) as any,
-    alt: settings.name,
-  },
-  ...theHeaderProps,
-};
-globalThis.LoginDrawerProps = {
-  additionalLinks: loginDrawerAdditionalLinks,
-  ...loginDrawerProps,
-};
----
-
-<slot name="top-bar">
-  <TopBar {...globalThis.TopBarProps} />
-</slot>
-<slot name="header">
-  <TheHeader {...globalThis.TheHeaderProps}>
-    <Fragment slot="buttons">
-      <LoginDrawer client:idle {...globalThis.LoginDrawerProps} />
-    </Fragment>
-  </TheHeader>
-</slot>

package/packages/storefront/src/lib/main/Home.astro

@@ -1,19 +0,0 @@
----
-import type { PageContext } from '../ssr-context';
-import api from '@cloudcommerce/api';
-
-export interface Props {
-  pageContext: PageContext;
-}
-
-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>

package/packages/storefront/src/pages/[...slug].astro

@@ -1,38 +0,0 @@
----
-import loadPageContext, { PageContext } from '../lib/ssr-context';
-import api from '@cloudcommerce/api';
-import PagesLayout from '../lib/layouts/Pages.astro';
-import WildcardMain from '../lib/main/Wildcard.astro';
-import InlineScripts from '../scripts/InlineScripts.astro';
-
-if (String(Astro.params.slug).endsWith('.css.map')) {
-  return new Response(null, { status: 404 });
-}
-
-let pageContext: PageContext;
-let loadError: any;
-try {
-  pageContext = await loadPageContext(Astro);
-} catch (err) {
-  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={pageContext?.lang.replace('_', '-')}>
-{pageContext &&
-  <PagesLayout pageContext={pageContext}>
-    <InlineScripts slot="before-head-end" />
-    <WildcardMain pageContext={pageContext} />
-  </PagesLayout>
-}
-{loadError && <Fragment set:html={loadError.responseHTML} />}
-</html>

package/packages/storefront/src/pages/fallback.astro

@@ -1,21 +0,0 @@
----
-import loadPageContext, { PageContext } from '../lib/ssr-context';
-import PagesLayout from '../lib/layouts/Pages.astro';
-import FallbackMain from '../lib/main/Fallback.astro';
-import InlineScripts from '../scripts/InlineScripts.astro';
-
-let pageContext: PageContext;
-try {
-  pageContext = await loadPageContext(Astro);
-} catch (err) {
-  return err.astroResponse;
-}
----
-
-<!DOCTYPE html>
-<html lang={pageContext?.lang.replace('_', '-')}>
-<PagesLayout pageContext={pageContext}>
-  <InlineScripts slot="before-head-end" />
-  <FallbackMain pageContext={pageContext} />
-</PagesLayout>
-</html>

package/packages/storefront/src/pages/index.astro

@@ -1,28 +0,0 @@
----
-import loadPageContext, { PageContext } from '../lib/ssr-context';
-import PagesLayout from '../lib/layouts/Pages.astro';
-import HomeMain from '../lib/main/Home.astro';
-import InlineScripts from '../scripts/InlineScripts.astro';
-
-let pageContext: PageContext;
-let loadError: any;
-try {
-  pageContext = await loadPageContext(Astro);
-} catch (err) {
-  if (err.astroResponse) {
-    return err.astroResponse;
-  }
-  loadError = err;
-}
----
-
-<!DOCTYPE html>
-<html lang={pageContext?.lang.replace('_', '-')}>
-{pageContext &&
-  <PagesLayout pageContext={pageContext}>
-    <InlineScripts slot="before-head-end" />
-    <HomeMain pageContext={pageContext} />
-  </PagesLayout>
-}
-{loadError && <Fragment set:html={loadError.responseHTML} />}
-</html>

package/packages/storefront/src/scripts/InlineScripts.astro

@@ -1,11 +0,0 @@
-<script is:inline>
-  window.firebaseConfig = {
-    apiKey: 'AIzaSyCrVzemDgpyp9i6ni7Yc5ZuEVfXYwl-4J0',
-    authDomain: 'ecom2-002.firebaseapp.com',
-    projectId: 'ecom2-002',
-    storageBucket: 'ecom2-002.appspot.com',
-    messagingSenderId: '402807248219',
-    appId: '1:402807248219:web:cf7d57759751e74776367e',
-    measurementId: 'G-SC592CE0GB',
-  };
-</script>

package/packages/storefront/src/types/cms-code.d.ts

@@ -1,5 +0,0 @@
-type CmsCode = typeof import('../../content/code.json');
-
-export default CmsCode;
-
-export type { CmsCode };

package/packages/storefront/src/types/cms-contacts.d.ts

@@ -1,5 +0,0 @@
-type CmsContacts = typeof import('../../content/contacts.json');
-
-export default CmsContacts;
-
-export type { CmsContacts };

package/packages/storefront/src/types/cms-header.d.ts

@@ -1,5 +0,0 @@
-type CmsHeader = typeof import('../../content/header.json');
-
-export default CmsHeader;
-
-export type { CmsHeader };

package/packages/storefront/src/types/cms-settings.d.ts

@@ -1,5 +0,0 @@
-type CmsSettings = typeof import('../../content/settings.json');
-
-export default CmsSettings;
-
-export type { CmsSettings };

package/packages/storefront/src/types/cms-social.d.ts

@@ -1,5 +0,0 @@
-type CmsSocial = typeof import('../../content/social.json');
-
-export default CmsSocial;
-
-export type { CmsSocial };