@evershop/evershop 1.0.0-beta

package/src/modules/cms/pages/frontStore/cmsPageView/Layout.scss

@@ -0,0 +1,248 @@
+:root {
+    --primary: #3a3a3a;
+    --secondary: #111213;
+    --surface: #111213;
+    --onSurface: #111213;
+    --interactive: #2c6ecb;
+    --critical: #d72c0d;
+    --warning: #ffc453;
+    --highlight: #5bcdda;
+    --success: #008060;
+    --decorative: #ffc96b;
+    --border: #8c9196;
+    --background: #f6f6f7fc;
+    --icon: #5c5f62;
+    --textSubdued: #6d7175;
+    --divider: #e1e3e5;
+    --text: #202223;
+    --formFieldBorder: #c9cccf;
+    --formFieldBorderShadow: #aeb4b9;
+}
+
+$font-size-sm: 1.4rem;
+$font-size-md: 1.4rem;
+$font-size-lg: 1.6rem;
+
+$line-height-sm: 1.25;
+$line-height-md: 1.5;
+$line-height-lg: 2;
+
+$font-size-base: $font-size-sm;
+$h1-font-size: $font-size-base * 2.1;
+$h2-font-size: $font-size-base * 1.9;
+$h3-font-size: $font-size-base * 1.65;
+$h4-font-size: $font-size-base * 1.45;
+$h5-font-size: $font-size-base * 1.15;
+$h6-font-size: $font-size-base;
+
+html {
+    font-size: 62.5%;
+
+    input[type="email"],
+    input[type="password"],
+    input[type="tel"],
+    input[type="text"],
+    select,
+    textarea {
+        padding: 1rem 1.2rem;
+    }
+
+    .button {
+        padding: 1rem 2rem;
+        font-weight: 400;
+        border-radius: 2px;
+    }
+}
+body {
+    color: #3a3a3a;
+}
+p {
+    margin-bottom: 1rem;
+}
+@media screen and (max-width: 767px) {
+    $font-size-base: $font-size-sm;
+    body {
+        font-size: $font-size-base;
+        line-height: $line-height-sm;
+        .h1,
+        h1 {
+            font-size: $h1-font-size;
+        }
+        .h2,
+        h2 {
+            font-size: $h2-font-size;
+        }
+        .h3,
+        h3 {
+            font-size: $h3-font-size;
+        }
+        .h4,
+        h4 {
+            font-size: $h4-font-size;
+        }
+        .h5,
+        h5 {
+            font-size: $h5-font-size;
+        }
+        .h6,
+        h6 {
+            font-size: $h6-font-size;
+        }
+    }
+}
+
+@media (min-width: 768px) and (max-width: 1535px) {
+    $font-size-base: $font-size-md;
+    $h1-font-size: $font-size-base * 2.1;
+    $h2-font-size: $font-size-base * 1.9;
+    $h3-font-size: $font-size-base * 1.65;
+    $h4-font-size: $font-size-base * 1.45;
+    $h5-font-size: $font-size-base * 1.15;
+    $h6-font-size: $font-size-base;
+
+    body {
+        font-size: $font-size-base;
+        line-height: $line-height-md;
+        .h1,
+        h1 {
+            font-size: $h1-font-size;
+        }
+        .h2,
+        h2 {
+            font-size: $h2-font-size;
+        }
+        .h3,
+        h3 {
+            font-size: $h3-font-size;
+        }
+        .h4,
+        h4 {
+            font-size: $h4-font-size;
+        }
+        .h5,
+        h5 {
+            font-size: $h5-font-size;
+        }
+        .h6,
+        h6 {
+            font-size: $h6-font-size;
+        }
+    }
+}
+
+@media (min-width: 1536px) {
+    $font-size-base: $font-size-lg;
+    $h1-font-size: $font-size-base * 2.1;
+    $h2-font-size: $font-size-base * 1.9;
+    $h3-font-size: $font-size-base * 1.65;
+    $h4-font-size: $font-size-base * 1.45;
+    $h5-font-size: $font-size-base * 1.15;
+    $h6-font-size: $font-size-base;
+
+    body {
+        font-size: $font-size-base;
+        line-height: $line-height-lg;
+        .h1,
+        h1 {
+            font-size: $h1-font-size;
+        }
+        .h2,
+        h2 {
+            font-size: $h2-font-size;
+        }
+        .h3,
+        h3 {
+            font-size: $h3-font-size;
+        }
+        .h4,
+        h4 {
+            font-size: $h4-font-size;
+        }
+        .h5,
+        h5 {
+            font-size: $h5-font-size;
+        }
+        .h6,
+        h6 {
+            font-size: $h6-font-size;
+        }
+    }
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    font-weight: 600;
+}
+.wrapper .content {
+    min-height: calc(100vh - 50px);
+}
+.header {
+    padding: 2.5rem;
+    border-bottom: 1px solid #ebebeb;
+    margin-bottom: 3rem;
+    @media only screen and (min-width: 1200px) {
+        padding-left: 50px;
+        padding-right: 50px;
+    }
+}
+
+.container {
+    margin: 0 auto;
+}
+.page-width {
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 0 22px;
+    @media screen and (min-width: 1200px) {
+        padding: 0 55px;
+    }
+}
+
+.footer {
+    background-color: #f6f6f6;
+    margin-top: 9rem;
+    padding-top: 1rem;
+    padding-block-end: 1rem;
+    border-top: 1px solid #ddd;
+    .card-icons {
+        svg {
+            height: 4rem;
+        }
+    }
+    .copyright {
+        font-size: 13px;
+    }
+}
+table {
+    width: 100%;
+    border-collapse: collapse;
+    td,
+    th {
+        border: 1px solid var(--divider);
+        padding: 0.5rem;
+        text-align: left;
+    }
+    th {
+        vertical-align: top;
+    }
+    &.listing {
+        td,
+        th {
+            border-left: 0;
+            border-right: 0;
+            padding: 1rem;
+        }
+        th {
+            border: 0;
+            padding-top: 2rem;
+            padding-bottom: 2rem;
+        }
+    }
+}
+
+button.outline{
+    outline: none;
+}

package/src/modules/cms/pages/frontStore/cmsPageView/View.js

@@ -0,0 +1,11 @@
+import React from 'react';
+
+export default function Index({ post, category }) {
+  return <h1>This is CMS page</h1>;
+}
+
+export const layout = {
+  id: "cmsPage",
+  areaId: "content",
+  sortOrder: 1
+}

package/src/modules/cms/pages/frontStore/cmsPageView/route

@@ -0,0 +1,2 @@
+GET
+/page/:url_key

package/src/modules/cms/pages/frontStore/homepage/MainBanner.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import Button from '../../../components/frontStore/Button';
+import './MainBanner.scss';
+
+export default function MainBanner() {
+  return (
+    <div className="main-banner-home flex">
+      <div className="container text-center self-center">
+        <h2 className="h1 text-white">Chic handbags reimagined for modern life.</h2>
+        <Button url="/products" title="SHOP NOW" variant="primary" />
+      </div>
+    </div>
+  );
+}
+
+export const layout = {
+  areaId: 'content',
+  sortOrder: 1
+};

package/src/modules/cms/pages/frontStore/homepage/MainBanner.scss

@@ -0,0 +1,49 @@
+.main-banner-home {
+  background-image: url("/assets/homepage/banner/desktop.png");
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center top;
+  height: 490px;
+  position: relative;
+  &::after {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    display: block;
+    background-color: #685f58;
+    opacity: 0.35;
+    z-index: 1;
+  }
+  .container {
+    z-index: 10;
+  }
+  .button {
+    margin-top: 27px;
+  }
+  h2 {
+    letter-spacing: 0;
+    padding: 0 60px;
+    font-size: 3.2rem;
+    line-height: 4.2rem;
+    @media screen and (min-width: 768px) {
+      font-size: 6.5rem;
+      padding: 0 55px;
+      line-height: 7.5rem;
+    }
+  }
+}
+
+#app {
+  .header {
+    margin-bottom: 0;
+  }
+  .button {
+    text-transform: uppercase;
+    font-size: 1.2rem;
+    font-weight: bold;
+    letter-spacing: 0.1rem;
+  }
+}

package/src/modules/cms/pages/frontStore/homepage/meta.js

@@ -0,0 +1,13 @@
+const { buildUrl } = require('../../../../../lib/router/buildUrl');
+const { setContextValue } = require('../../../../graphql/services/contextHelper');
+const { getSetting } = require('../../../../setting/services/setting');
+
+module.exports = async (request, response, delegate, next) => {
+  setContextValue(request, 'pageInfo', {
+    title: await getSetting('storeName', 'EverShop'),
+    description: await getSetting('storeDescription', 'An e-commerce platform with Node and MySQL'),
+    url: buildUrl('homepage')
+  });
+
+  next();
+};

package/src/modules/cms/pages/frontStore/homepage/route

@@ -0,0 +1,2 @@
+GET
+/

package/src/modules/cms/pages/frontStore/notFound/Meta.js

@@ -0,0 +1,22 @@
+import PropTypes from 'prop-types'
+import React from 'react';
+import Meta from '../../../../../lib/components/Meta';
+import Title from '../../../../../lib/components/Title';
+
+export default function SeoMeta() {
+  return <>
+    <Title title={'Page Not Found'} />
+    <Meta name="description" content={'Page Not Found'} />
+  </>
+}
+
+SeoMeta.propTypes = {
+  description: PropTypes.any,
+  title: PropTypes.any
+}
+
+export const layout = {
+  areaId: 'head',
+  sortOrder: 1
+}
+

package/src/modules/cms/pages/frontStore/notFound/NotFound.js

@@ -0,0 +1,64 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import Area from '../../../../../lib/components/Area';
+import Button from '../../../../../lib/components/form/Button';
+
+function Name() {
+  return <h1 className="page-name text-center mt-25 mb-15">404 Page Not Found</h1>;
+}
+
+function Content({ continueShoppingUrl }) {
+  return (
+    <div className="page-content">
+      <div className="text-center">The page you requested does not exist.</div>
+      <div className="mt-2 text-center">
+        <Button title="Continue shopping" url={continueShoppingUrl} outline />
+      </div>
+    </div>
+  );
+}
+
+Content.propTypes = {
+  continueShoppingUrl: PropTypes.string.isRequired
+};
+
+export default function NotFound({ continueShoppingUrl }) {
+  return (
+    <div className="page-width mt-25">
+      <div className="pt-15">
+        <Area
+          id="notfound-page"
+          coreComponents={[
+            {
+              component: { default: Name },
+              props: {},
+              sortOrder: 10,
+              id: 'notfound-page-title'
+            },
+            {
+              component: { default: Content },
+              props: { continueShoppingUrl },
+              sortOrder: 20,
+              id: 'notfound-page-content'
+            }
+          ]}
+        />
+      </div>
+    </div>
+  );
+}
+
+NotFound.propTypes = {
+  continueShoppingUrl: PropTypes.string.isRequired
+};
+
+export const layout = {
+  areaId: 'content',
+  sortOrder: 10
+}
+
+export const query = `
+  query Query {
+    continueShoppingUrl: url(routeId: "homepage")
+  }
+`

package/src/modules/cms/pages/frontStore/notFound/route

@@ -0,0 +1,2 @@
+GET
+/notfound

package/src/modules/cms/pages/frontStore/staticAsset/[context]staticAssets[auth].js

@@ -0,0 +1,5 @@
+const staticMiddleware = require('../../../../../lib/middlewares/static');
+
+module.exports = (request, response, stack, next) => {
+  staticMiddleware(request, response, next);
+};

package/src/modules/cms/pages/frontStore/staticAsset/route

@@ -0,0 +1,2 @@
+GET
+/assets/*

package/src/modules/cms/services/tailwind.admin.config.js

@@ -0,0 +1,116 @@
+module.exports = {
+  corePlugins: {
+    // ...
+    lineHeight: false,
+    placeholder: false,
+    placeholderOpacity: false,
+    textOpacity: false,
+    backgroundOpacity: false,
+    backgroundPosition: false,
+    backgroundImage: false,
+    gradientColorStops: false,
+    borderOpacity: false,
+    divideColor: false,
+    divideOpacity: false,
+    ringOpacity: false,
+    ringOffsetColor: false,
+    mixBlendMode: false,
+    backgroundBlendMode: false,
+    brightness: false,
+    contrast: false,
+    dropShadow: false,
+    hueRotate: false,
+    invert: false,
+    saturate: false,
+    sepia: false,
+    backdropFilter: false,
+    backdropBlur: false,
+    backdropBrightness: false,
+    backdropContrast: false,
+    backdropGrayscale: false,
+    backdropHueRotate: false,
+    backdropInvert: false,
+    backdropOpacity: false,
+    backdropSaturate: false,
+    backdropSepia: false,
+    transitionDelay: false,
+    transform: false,
+    transformOrigin: false,
+    scale: false,
+    rotate: false,
+    translate: false,
+    skew: false,
+  },
+  theme: {
+    fontSize: {
+      base: '.875rem'
+    },
+    colors: {
+      primary: '#008060',
+      secondary: '#111213',
+      surface: '#111213',
+      onSurface: '#111213',
+      interactive: '#2c6ecb',
+      critical: '#d72c0d',
+      warning: '#FFC453',
+      highlight: '#5BCDDA',
+      success: '#008060',
+      decorative: '#FFC96B',
+      border: '#8c9196',
+      background: '#f6f6f7fc',
+      icon: '#5c5f62',
+      divider: '#e1e3e5',
+      textSubdued: '#6d7175'
+    },
+    spacing: {
+      '0': '0px',
+      '025': '.25rem',
+      '05': '.5rem',
+      '075': '.75rem',
+      '1': '1rem',
+      '125': '1.25rem',
+      '15': '1.5rem',
+      '2': '2rem',
+      '225': '2.25rem',
+      '25': '2.5rem',
+      '275': '2.75rem',
+      '3': '3rem',
+    },
+    margin: {
+      '0': '0px',
+      '025': '.25rem',
+      '05': '.5rem',
+      '075': '.75rem',
+      '1': '1rem',
+      '125': '1.25rem',
+      '15': '1.5rem',
+      '2': '2rem',
+      '225': '2.25rem',
+      '25': '2.5rem',
+      '275': '2.75rem',
+      '3': '3rem',
+    },
+    borderRadius: {
+      DEFAULT: '0.25rem',
+      '100': '100%'
+    },
+    borderWidth: {
+      '0': '0px',
+      DEFAULT: '1px'
+    },
+    opacity: {
+
+    },
+    boxShadow: {
+      DEFAULT: '0 0 0 1px rgba(63,63,68,.05),0 1px 3px 0 rgba(63,63,68,.15)',
+    }
+  },
+  variants: {
+    extend: {
+      borderWidth: ['first', 'last'],
+      margin: ['first', 'last'],
+      padding: ['first', 'last'],
+    }
+  },
+  plugins: [],
+}

package/src/modules/cms/services/tailwind.frontStore.config.js

@@ -0,0 +1,122 @@
+module.exports = {
+  corePlugins: {
+    // ...
+    lineHeight: false,
+    placeholder: false,
+    placeholderOpacity: false,
+    textOpacity: false,
+    backgroundOpacity: false,
+    backgroundPosition: false,
+    backgroundImage: false,
+    gradientColorStops: false,
+    borderOpacity: false,
+    divideColor: false,
+    divideOpacity: false,
+    ringOpacity: false,
+    ringOffsetColor: false,
+    mixBlendMode: false,
+    backgroundBlendMode: false,
+    brightness: false,
+    contrast: false,
+    dropShadow: false,
+    hueRotate: false,
+    invert: false,
+    saturate: false,
+    sepia: false,
+    backdropFilter: false,
+    backdropBlur: false,
+    backdropBrightness: false,
+    backdropContrast: false,
+    backdropGrayscale: false,
+    backdropHueRotate: false,
+    backdropInvert: false,
+    backdropOpacity: false,
+    backdropSaturate: false,
+    backdropSepia: false,
+    transitionDelay: false,
+    transform: false,
+    transformOrigin: false,
+    scale: false,
+    rotate: false,
+    translate: false,
+    skew: false,
+  },
+  theme: {
+    fontFamily: {
+      'sans': "Helvetica,Helvetica Neue,Arial,Lucida Grande,sans-serif"
+    },
+    fontSize: {
+      base: '.875rem'
+    },
+    colors: {
+      white: '#ffffff',
+      primary: '#3a3a3a',
+      secondary: '#111213',
+      surface: '#111213',
+      onSurface: '#111213',
+      interactive: '#2c6ecb',
+      critical: '#fa4545',
+      warning: '#FFC453',
+      highlight: '#5BCDDA',
+      success: '#008060',
+      decorative: '#FFC96B',
+      border: '#8c9196',
+      icon: '#5c5f62',
+      divider: '#e1e3e5',
+      textSubdued: '#737373',
+      button: '#3a3a3a'
+    },
+    spacing: {
+      '0': '0px',
+      '025': '.25rem',
+      '05': '.5rem',
+      '075': '.75rem',
+      '1': '1rem',
+      '125': '1.25rem',
+      '15': '1.5rem',
+      '2': '2rem',
+      '225': '2.25rem',
+      '25': '2.5rem',
+      '275': '2.75rem',
+      '3': '3rem',
+      '4': '4rem',
+    },
+    margin: {
+      '0': '0px',
+      '025': '.25rem',
+      '05': '.5rem',
+      '075': '.75rem',
+      '1': '1rem',
+      '125': '1.25rem',
+      '15': '1.5rem',
+      '2': '2rem',
+      '225': '2.25rem',
+      '25': '2.5rem',
+      '275': '2.75rem',
+      '3': '3rem',
+      '4': '4rem',
+    },
+    borderRadius: {
+      DEFAULT: '0.25rem',
+      '100': '100%'
+    },
+    borderWidth: {
+      '0': '0px',
+      DEFAULT: '1px'
+    },
+    opacity: {
+
+    },
+    boxShadow: {
+      DEFAULT: '0 0 0 1px rgba(63,63,68,.05),0 1px 3px 0 rgba(63,63,68,.15)',
+    }
+  },
+  variants: {
+    extend: {
+      borderWidth: ['first', 'last'],
+      margin: ['first', 'last'],
+      padding: ['first', 'last'],
+    }
+  },
+  plugins: [],
+}

package/src/modules/customer/api/admin/customerSavePost/[context]multerNone[auth].js

@@ -0,0 +1,7 @@
+const multer = require('multer');
+
+const upload = multer();
+
+module.exports = (request, response, stack, next) => {
+  upload.none()(request, response, next);
+};