npm - cloudcommerce - Versions diffs - 0.0.62 → 0.0.65 - Mend

cloudcommerce 0.0.62 → 0.0.65

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (96) hide show

package/packages/storefront/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/storefront",
   "type": "module",
-  "version": "0.0.62",
+  "version": "0.0.65",
   "description": "E-Com Plus Cloud Commerce storefront with Astro",
   "main": "src/index.js",
   "repository": {
@@ -16,10 +16,13 @@
   },
   "homepage": "https://github.com/ecomplus/cloud-commerce/tree/main/packages/storefront#readme",
   "scripts": {
-    "build": "echo '@ecomplus/storefront'"
+    "dev": "astro dev",
+    "start": "astro dev",
+    "build": "astro build",
+    "preview": "astro preview",
+    "astro": "astro"
   },
   "dependencies": {
-    "@astrojs/mdx": "^0.10.2",
     "@astrojs/node": "^1.0.0",
     "@astrojs/partytown": "^1.0.0",
     "@astrojs/prefetch": "^0.0.7",
@@ -31,6 +34,7 @@
     "rollup": "^2.78.1",
     "unocss": "^0.45.13",
     "vite": "^3.0.9",
+    "vite-plugin-pwa": "^0.12.6",
     "vue": "^3.2.37"
   }
 }

package/packages/storefront/public/favicon.ico ADDED Viewed

Binary file

package/packages/storefront/src/components/Card.astro ADDED Viewed

@@ -0,0 +1,74 @@
+---
+export interface Props {
+    title: string,
+    body: string,
+    href: string,
+}
+const {href, title, body} = Astro.props;
+---
+<li class="link-card">
+    <a href={href}>
+        <h2>
+            {title}
+            <span>&rarr;</span>
+        </h2>
+        <p>
+            {body}
+        </p>
+    </a>
+</li>
+<style>
+	:root {
+		--link-gradient: linear-gradient(45deg, #4F39FA, #DA62C4 30%, var(--color-border) 60%);
+	}
+	.link-card {
+		list-style: none;
+		display: flex;
+		padding: 0.15rem;
+		background-image: var(--link-gradient);
+		background-size: 400%;
+		border-radius: 0.5rem;
+		background-position: 100%;
+		transition: background-position 0.6s cubic-bezier(0.22, 1, 0.36, 1);
+	}
+	.link-card > a {
+		width: 100%;
+		text-decoration: none;
+		line-height: 1.4;
+		padding: 1em 1.3em;
+		border-radius: 0.35rem;
+		color: var(--text-color);
+		background-color: white;
+		opacity: 0.8;
+	}
+	h2 {
+		margin: 0;
+		transition: color 0.6s cubic-bezier(0.22, 1, 0.36, 1);
+	}
+    p {
+        margin-top: 0.75rem;
+        margin-bottom: 0;
+    }
+	h2 span {
+		display: inline-block;
+		transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
+	}
+	.link-card:is(:hover, :focus-within) {
+		background-position: 0;
+	}
+	.link-card:is(:hover, :focus-within) h2 {
+		color: #4F39FA;
+	}
+	.link-card:is(:hover, :focus-within) h2 span {
+		transform: translateX(2px);
+	}
+</style>

package/packages/storefront/src/layouts/Layout.astro ADDED Viewed

@@ -0,0 +1,56 @@
+---
+export interface Props {
+	title: string;
+}
+const { title } = Astro.props as Props;
+---
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width">
+  <link rel="icon" type="image/x-icon" href="/favicon.ico" />
+	<title>{title}</title>
+</head>
+<body>
+	<slot />
+</body>
+</html>
+<style>
+  :root {
+    --font-size-base: clamp(1rem, 0.34vw + 0.91rem, 1.19rem);
+		--font-size-lg: clamp(1.2rem, 0.7vw + 1.2rem, 1.5rem);
+    --font-size-xl: clamp(2.44rem, 2.38vw + 1.85rem, 3.75rem);
+    --color-text: hsl(12, 5%, 4%);
+    --color-bg: hsl(10, 21%, 95%);
+		--color-border: hsl(17, 24%, 90%);
+  }
+  html {
+    font-family: system-ui, sans-serif;
+    font-size: var(--font-size-base);
+    color: var(--color-text);
+    background-color: var(--color-bg);
+  }
+  body {
+    margin: 0;
+  }
+  :global(h1) {
+    font-size: var(--font-size-xl);
+  }
+  :global(h2) {
+    font-size: var(--font-size-lg);
+  }
+  :global(code) {
+    font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
+			Bitstream Vera Sans Mono, Courier New, monospace;
+  }
+</style>

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

@@ -0,0 +1,76 @@
+---
+import api from '@cloudcommerce/api';
+import Layout from '../layouts/Layout.astro';
+const { slug } = Astro.params;
+const { data: { resource, doc } } = await api.get(`slugs/${slug}`, {
+  storeId: 1056,
+  fetch,
+});
+---
+<Layout title={doc.name}>
+  <main>
+    <h1>Hello <span class="text-gradient">{doc.name}</span></h1>
+    <hr>
+    <div class="mt-3">
+      <mark>{doc._id}</mark> from <i>{resource}</i>
+      <p>{Math.random()}</p>
+      <em>Lorem ipsum dolor sit amet</em>
+    </div>
+  </main>
+</Layout>
+<style>
+  :root {
+    --astro-gradient: linear-gradient(0deg,#4F39FA, #DA62C4);
+  }
+  h1 {
+    margin: 2rem 0;
+  }
+  main {
+    margin: auto;
+      padding: 1em;
+    max-width: 60ch;
+  }
+  .text-gradient {
+    font-weight: 900;
+    background-image: var(--astro-gradient);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-size: 100% 200%;
+    background-position-y: 100%;
+    border-radius: 0.4rem;
+    animation: pulse 4s ease-in-out infinite;
+  }
+  @keyframes pulse {
+    0%, 100% { background-position-y: 0%; }
+    50% { background-position-y: 80%; }
+  }
+  .instructions {
+    line-height: 1.6;
+    margin: 1rem 0;
+    background: #4F39FA;
+    padding: 1.0rem;
+    border-radius: 0.4rem;
+    color: var(--color-bg);
+  }
+  .instructions code {
+    font-size: 0.875em;
+    border: 0.1em solid var(--color-border);
+    border-radius: 4px;
+    padding: 0.15em 0.25em;
+  }
+  .link-card-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(24ch, 1fr));
+    gap: 1rem;
+    padding: 0;
+  }
+</style>

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

@@ -0,0 +1,82 @@
+---
+import Layout from '../layouts/Layout.astro';
+import Card from '../components/Card.astro';
+const fetchingProducts = await fetch('https://ecomplus.io/v2/:1056/products');
+const products = (await fetchingProducts.json()).result;
+---
+<Layout title="Welcome to Astro.">
+	<main>
+		<h1>Welcome to <span class="text-gradient">Astro</span></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>
+		<ul role="list" class="link-card-grid">
+			<Card href="https://docs.astro.build/" title="Documentation" body="Learn how Astro works and explore the official API docs." />
+			<Card href="https://astro.build/integrations/" title="Integrations" body="Supercharge your project with new frameworks and libraries." />
+			<Card href="https://astro.build/themes/" title="Themes" body="Explore a galaxy of community-built starter themes." />
+			<Card href="https://astro.build/chat/" title="Chat" body="Come say hi to our amazing Discord community. ❤️" />
+		</ul>
+		<ul role="list" class="mt-3 fs-20">
+			{products.map((product) => <li>
+				<a href={`/${product.slug}`}>{product.sku}</a>
+			</li>)}
+		</ul>
+	</main>
+</Layout>
+<style>
+	:root {
+		--astro-gradient: linear-gradient(0deg,#4F39FA, #DA62C4);
+	}
+	h1 {
+		margin: 2rem 0;
+	}
+	main {
+		margin: auto;
+    	padding: 1em;
+		max-width: 60ch;
+	}
+	.text-gradient {
+		font-weight: 900;
+		background-image: var(--astro-gradient);
+		-webkit-background-clip: text;
+		-webkit-text-fill-color: transparent;
+		background-size: 100% 200%;
+		background-position-y: 100%;
+		border-radius: 0.4rem;
+		animation: pulse 4s ease-in-out infinite;
+	}
+	@keyframes pulse {
+		0%, 100% { background-position-y: 0%; }
+		50% { background-position-y: 80%; }
+	}
+	.instructions {
+		line-height: 1.6;
+		margin: 1rem 0;
+		background: #4F39FA;
+		padding: 1.0rem;
+		border-radius: 0.4rem;
+		color: var(--color-bg);
+	}
+	.instructions code {
+		font-size: 0.875em;
+		border: 0.1em solid var(--color-border);
+		border-radius: 4px;
+		padding: 0.15em 0.25em;
+	}
+	.link-card-grid {
+		display: grid;
+		grid-template-columns: repeat(auto-fit, minmax(24ch, 1fr));
+		gap: 1rem;
+		padding: 0;
+	}
+</style>

package/packages/storefront/tsconfig.json ADDED Viewed

@@ -0,0 +1,3 @@
+{
+  "extends": "astro/tsconfigs/base"
+}

package/packages/types/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/types",
   "type": "module",
-  "version": "0.0.62",
+  "version": "0.0.65",
   "description": "E-Com Plus Cloud Commerce reusable type definitions",
   "main": "index.ts",
   "repository": {

package/packages/apps/_app.config.js DELETED Viewed

@@ -1,80 +0,0 @@
-/* eslint-disable comma-dangle, no-multi-spaces, key-spacing, max-len */
-/**
- * Edit base E-Com Plus Application object here.
- * Ref.: https://developers.e-com.plus/docs/api/#/store/applications/
- */
-export default () => {
-  return {
-    app_id: 9000,
-    title: 'My Awesome E-Com Plus App',
-    slug: 'my-awesome-app',
-    type: 'external',
-    state: 'active',
-    /**
-     * Uncomment modules above to work with E-Com Plus Mods API on Storefront.
-     * Ref.: https://developers.e-com.plus/modules-api/
-     */
-    modules: {
-      /**
-       * Triggered to calculate shipping options, must return values and deadlines.
-       * Start editing `routes/ecom/modules/calculate-shipping.js`
-       */
-      // calculate_shipping:   { enabled: true },
-      /**
-       * Triggered to validate and apply discount value, must return discount and conditions.
-       * Start editing `routes/ecom/modules/apply-discount.js`
-       */
-      // apply_discount:       { enabled: true },
-      /**
-       * Triggered when listing payments, must return available payment methods.
-       * Start editing `routes/ecom/modules/list-payments.js`
-       */
-      // list_payments:        { enabled: true },
-      /**
-       * Triggered when order is being closed, must create payment transaction and return info.
-       * Start editing `routes/ecom/modules/create-transaction.js`
-       */
-      // create_transaction:   { enabled: true },
-    },
-    admin_settings: {
-      /**
-       * JSON schema based fields to be configured by merchant and saved to app `data` / `hidden_data`, such as:
-       webhook_uri: {
-         schema: {
-           type: 'string',
-           maxLength: 255,
-           format: 'uri',
-           title: 'Notifications URI',
-           description: 'Unique notifications URI available on your Custom App dashboard'
-         },
-         hide: true
-       },
-       token: {
-         schema: {
-           type: 'string',
-           maxLength: 50,
-           title: 'App token'
-         },
-         hide: true
-       },
-       opt_in: {
-         schema: {
-           type: 'boolean',
-           default: false,
-           title: 'Some config option'
-         },
-         hide: false
-       },
-       */
-    },
-  };
-};

package/packages/apps/discounts/lib/discounts.config.d.ts DELETED Viewed

@@ -1,14 +0,0 @@
-declare const _default: () => {
-    app_id: number;
-    title: string;
-    slug: string;
-    type: string;
-    state: string;
-    modules: {
-        apply_discount: {
-            enabled: boolean;
-        };
-    };
-    admin_settings: {};
-};
-export default _default;

package/packages/apps/discounts/lib/discounts.config.js DELETED Viewed

@@ -1,19 +0,0 @@
-import config from '@cloudcommerce/firebase/lib/config';
-export default () => {
-  const { lang, apps: { discounts: { appId } } } = config.get();
-  return {
-    app_id: appId,
-    title: lang.startsWith('en') ? 'Campaigns and discounts' : 'Campanhas e descontos',
-    slug: 'discounts',
-    type: 'external',
-    state: 'active',
-    modules: {
-      apply_discount: {
-        enabled: true,
-      },
-    },
-    admin_settings: {},
-  };
-};
-// # sourceMappingURL=discounts.config.js.map

package/packages/apps/discounts/lib/discounts.config.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"discounts.config.js","sourceRoot":"","sources":["../src/discounts.config.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,oCAAoC,CAAC;AAExD,eAAe,GAAG,EAAE;IAClB,MAAM,EACJ,IAAI,EACJ,IAAI,EAAE,EACJ,SAAS,EAAE,EAAE,KAAK,EAAE,GACrB,GACF,GAAG,MAAM,CAAC,GAAG,EAAE,CAAC;IAEjB,OAAO;QACL,MAAM,EAAE,KAAK;QACb,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,uBAAuB;QAClF,IAAI,EAAE,WAAW;QACjB,IAAI,EAAE,UAAU;QAChB,KAAK,EAAE,QAAQ;QACf,OAAO,EAAE;YACP,cAAc,EAAE;gBACd,OAAO,EAAE,IAAI;aACd;SACF;QACD,cAAc,EAAE,EACf;KACF,CAAC;AACJ,CAAC,CAAC"}

package/packages/apps/discounts/src/discounts.config.ts DELETED Viewed

@@ -1,25 +0,0 @@
-import config from '@cloudcommerce/firebase/lib/config';
-export default () => {
-  const {
-    lang,
-    apps: {
-      discounts: { appId },
-    },
-  } = config.get();
-  return {
-    app_id: appId,
-    title: lang.startsWith('en') ? 'Campaigns and discounts' : 'Campanhas e descontos',
-    slug: 'discounts',
-    type: 'external',
-    state: 'active',
-    modules: {
-      apply_discount: {
-        enabled: true,
-      },
-    },
-    admin_settings: {
-    },
-  };
-};