@evershop/evershop 1.0.0-beta

package/src/modules/customer/pages/frontStore/register/RegisterForm.js

@@ -0,0 +1,64 @@
+import React from 'react';
+import { Field } from '../../../../../lib/components/form/Field';
+import { Form } from '../../../../../lib/components/form/Form';
+import './RegisterForm.scss';
+
+export default function LoginForm({ action, homeUrl, loginUrl }) {
+  const [error, setError] = React.useState(null);
+
+  return <div className='register-form flex justify-center items-center'>
+    <div className='register-form-inner'>
+      <h1 className='text-center'>Create A New Account</h1>
+      {error && <div className='text-critical mb-1'>{error}</div>}
+      <Form
+        id='loginForm'
+        action={action}
+        isJSON={true}
+        method='POST'
+        onSuccess={(response) => {
+          if (response.success) {
+            window.location.href = homeUrl;
+          } else {
+            setError(response.message);
+          }
+        }}
+        btnText='SIGN UP'
+      >
+        <Field
+          name='full_name'
+          type='text'
+          placeholder='Full Name'
+          validationRules={['notEmpty']}
+        />
+        <Field
+          name='email'
+          type='text'
+          placeholder='Email'
+          validationRules={['notEmpty', 'email']}
+        />
+        <Field
+          name='password'
+          type='password'
+          placeholder='Password'
+          validationRules={['notEmpty']}
+        />
+      </Form>
+      <div className='text-center mt-1'>
+        <span>Already have an account? <a className='text-interactive' href={loginUrl}> Login </a></span>
+      </div>
+    </div>
+  </div>
+}
+
+export const layout = {
+  areaId: 'content',
+  sortOrder: 10
+}
+
+export const query = `
+  query Query {
+    homeUrl: url(routeId: "homepage")
+    action: url(routeId: "registerPost")
+    loginUrl: url(routeId: "login")
+  }
+`

package/src/modules/customer/pages/frontStore/register/RegisterForm.scss

@@ -0,0 +1,44 @@
+.content {
+  display: flex;
+  justify-content: center;
+  justify-items: center;
+  align-items: center;
+}
+
+.register-form {
+  width: 468px;
+  max-width: 80%;
+  background-color: white;
+  border-radius: 5px;
+  padding: 4rem;
+  -webkit-box-shadow: 6px 12px 60px rgb(0 0 0 / 20%);
+  box-shadow: 6px 12px 60px rgb(0 0 0 / 20%);
+
+  h1 {
+    font-size: 3rem;
+    margin-bottom: 1rem;
+    font-weight: 400;
+    text-align: center;
+  }
+
+  .form-submit-button {
+    button {
+      width: 100%;
+      padding: 1.2rem 1.6rem
+    }
+  }
+
+  .form-field-container {
+    label {
+      color: #666
+    }
+  }
+
+  input[type=text],
+  input[type=password] {
+    padding: 0.8rem 1.2rem
+  }
+  .register-form-inner {
+    width: 100%
+  }
+}

package/src/modules/customer/pages/frontStore/register/index.js

@@ -0,0 +1,17 @@
+const { buildUrl } = require("../../../../../lib/router/buildUrl");
+const { getContextValue, setContextValue } = require("../../../../graphql/services/contextHelper");
+
+module.exports = (request, response, stack, next) => {
+  // Check if the user is logged in
+  const tokenPayload = getContextValue(request, 'tokenPayload');
+  if (tokenPayload && tokenPayload.user?.customerId) {
+    // Redirect to admin dashboard
+    response.redirect(buildUrl('homepage'));
+  } else {
+    setContextValue(request, 'pageInfo', {
+      title: 'Create an account',
+      description: 'Create an account'
+    });
+    next();
+  }
+}

package/src/modules/customer/pages/frontStore/register/route

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

package/src/modules/graphql/api/frontStore/graphql/[bodyParser]graphql.js

@@ -0,0 +1,48 @@
+var schema = require('../../../services/buildSchema');
+const { execute } = require('graphql');
+const isDevelopmentMode = require('../../../../../lib/util/isDevelopmentMode');
+const { validate } = require('graphql/validation');
+const { parse } = require('graphql');
+const { getContext } = require('../../../services/contextHelper');
+
+module.exports = async function graphql(request, response, delegate, next) {
+  const { body } = request;
+  const { query, variables } = body;
+  try {
+    const promises = [];
+    Object.keys(delegate).forEach((id) => {
+      // Check if middleware is async
+      if (delegate[id] instanceof Promise) {
+        promises.push(delegate[id]);
+      }
+    });
+
+    const document = parse(query);
+    // Validate the query
+    const validationErrors = validate(schema, document);
+    if (validationErrors.length > 0) {
+      console.log(validationErrors[0].locations);
+      next(new Error(validationErrors[0].message));
+    } else {
+      if (isDevelopmentMode()) {
+        schema = require('../../../services/buildSchema');
+      }
+      const data = await execute({
+        schema, contextValue: getContext(request), document, variableValues: variables
+      });
+      if (data.errors) {
+        // Create an Error instance with message and stack trace
+        console.log(data.errors)
+        next(new Error(data.errors[0].message));
+      } else {
+        response.json({
+          success: true,
+          data: data.data
+        });
+      }
+    }
+  } catch (error) {
+    console.log('query', query);
+    next(error);
+  }
+}

package/src/modules/graphql/api/frontStore/graphql/bodyParser.js

@@ -0,0 +1,7 @@
+const bodyParser = require('body-parser');
+
+module.exports = (request, response, stack, next) => {
+  bodyParser.json({ inflate: false })(request, response, () => {
+    bodyParser.urlencoded({ extended: true })(request, response, next);
+  });
+}

package/src/modules/graphql/api/frontStore/graphql/route

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

package/src/modules/graphql/bootstrap.js

@@ -0,0 +1,4 @@
+module.exports = () => {
+  // Build schema
+  require('./services/buildSchema');
+}

package/src/modules/graphql/graphql/types/Query/Query.graphql

@@ -0,0 +1,3 @@
+type Query {
+  hello: String!
+}

package/src/modules/graphql/graphql/types/Query/Query.resolvers.js

@@ -0,0 +1,5 @@
+module.exports = {
+  Query: {
+    hello: () => 'Hello EverShop!',
+  }
+}

package/src/modules/graphql/pages/global/[bodyParser]buildQuery[graphql].js

@@ -0,0 +1,92 @@
+const path = require('path');
+const JSON5 = require('json5');
+const isDevelopmentMode = require('../../../../lib/util/isDevelopmentMode');
+const isProductionMode = require('../../../../lib/util/isProductionMode');
+const { getRouteBuildPath } = require('../../../../lib/webpack/getRouteBuildPath');
+const { readFileSync } = require('fs');
+const { CONSTANTS } = require('../../../../lib/helpers');
+const { getRoutes } = require('../../../../lib/router/Router');
+const { getContextValue } = require('../../services/contextHelper');
+
+module.exports = (request, response) => {
+  let query;
+  if (isDevelopmentMode()) {
+    let route;
+    if (response.statusCode === 404) {
+      if (request.currentRoute?.isAdmin) {
+        route = getRoutes().find((r) => r.id === 'adminNotFound');
+      } else {
+        route = getRoutes().find((r) => r.id === 'notFound');
+      }
+    } else {
+      // Get the 'query.graphql' from webpack compiler
+      route = request.locals.webpackMatchedRoute;
+    }
+    console.log(route.id, request.path);
+    const devMiddleware = route.webpackMiddleware;
+    const outputFileSystem = devMiddleware.context.outputFileSystem;
+    const jsonWebpackStats = devMiddleware.context.stats.toJson();
+    const { outputPath } = jsonWebpackStats;
+
+    query = outputFileSystem.readFileSync(
+      path.join(outputPath, 'query.graphql'),
+      'utf8'
+    );
+  } else if (isProductionMode()) {
+    const routes = getRoutes();
+    let route;
+    if (response.statusCode === 404) {
+      if (request.currentRoute?.isAdmin) {
+        route = routes.find((r) => r.id === 'adminNotFound');
+      } else {
+        route = routes.find((r) => r.id === 'notFound');
+      }
+    } else {
+      route = request.currentRoute;
+    }
+
+    const subPath = getRouteBuildPath(route);
+    query = readFileSync(
+      path.resolve(CONSTANTS.BUILDPATH, subPath, 'server/query.graphql'),
+      'utf8'
+    );
+  }
+  if (query) {
+    // Parse the query   
+    // Use regex to replace "getContextValue_'base64 encoded string'" from the query to the actual function
+    const regex = /\\\"getContextValue_([a-zA-Z0-9+/=]+)\\\"/g;
+    query = query.replace(regex, (match, p1) => {
+      const base64 = p1;
+      const decoded = Buffer.from(base64, 'base64').toString('ascii');
+      // const params = JSON5.parse(decoded);
+      // console.log('params', params)
+      let value = eval(`getContextValue(request, ${decoded})`);
+
+      // JSON sringify without adding double quotes to the property name
+      value = JSON5.stringify(value, { quote: '"' });
+      // Escape the value so we can insert it into the query
+      if (value) {
+        value = value.replace(/"/g, '\\"')
+      }
+      return value;
+    });
+    try {
+      const json = JSON.parse(query);
+      // Get all variables definition and build the operation name
+      const variables = JSON.parse(json.variables);
+      const operation = 'query Query';
+      if (variables.defs.length > 0) {
+        const variablesString = variables.defs.map((variable) => {
+          return `$${variable.name}: ${variable.type}`;
+        }).join(', ');
+        operation += `(${variablesString})`;
+      }
+      request.body.graphqlQuery = `${operation} { ${json.query} } ${json.fragments}`;
+      request.body.graphqlVariables = variables.values;
+      request.body.propsMap = json.propsMap;
+    } catch (error) {
+      console.error(error);
+      throw error;
+    };
+  }
+}

package/src/modules/graphql/pages/global/[buildQuery]graphql[notification].js

@@ -0,0 +1,50 @@
+var schema = require('../../services/buildSchema');
+const { getContext } = require('../../services/contextHelper');
+const { execute } = require('graphql');
+const { parse } = require('graphql');
+const isDevelopmentMode = require('../../../../lib/util/isDevelopmentMode');
+var { validate } = require('graphql/validation');
+
+module.exports = async function graphql(request, response, delegate, next) {
+  // TODO: Should we wait for previous async middlewares?
+  try {
+    const { body } = request;
+    const { graphqlQuery, graphqlVariables, propsMap } = body;
+    if (!graphqlQuery) {
+      next();
+    } else {
+      // Try remove all white space and line break
+      const query = graphqlQuery.replace(/(\r\n|\n|\r|\s)/gm, '');
+      if (query === 'queryQuery{}') {// TODO: oh no, so dirty. find a better way to check if the query is empty
+        next();
+      } else {
+        const document = parse(graphqlQuery);
+        // Validate the query
+        const validationErrors = validate(schema, document);
+        if (validationErrors.length > 0) {
+          console.log(document)
+          next(validationErrors[0]);
+        } else {
+          if (isDevelopmentMode()) {
+            schema = require('../../services/buildSchema');
+          }
+          const context = getContext(request);
+          const data = await execute({
+            schema, contextValue: getContext(request), document, variableValues: graphqlVariables
+          });
+          if (data.errors) {
+            next(data.errors[0]);
+          } else {
+            response.locals = response.locals || {};
+            response.locals.graphqlResponse = JSON.parse(JSON.stringify(data.data));
+            // Get id and props from the queryRaw object and assign to response.locals.propsMap
+            response.locals.propsMap = propsMap;
+            next();
+          }
+        }
+      }
+    }
+  } catch (error) {
+    next(error);
+  }
+}

package/src/modules/graphql/pages/global/bodyParser[buildQuery].js

@@ -0,0 +1,7 @@
+const bodyParser = require('body-parser');
+
+module.exports = (request, response, stack, next) => {
+  bodyParser.json({ inflate: false })(request, response, () => {
+    bodyParser.urlencoded({ extended: true })(request, response, next);
+  });
+}

package/src/modules/graphql/services/buildResolvers.js

@@ -0,0 +1,17 @@
+const path = require('path');
+const { loadFilesSync } = require('@graphql-tools/load-files');
+const { mergeResolvers } = require('@graphql-tools/merge');
+const { CONSTANTS } = require('../../../lib/helpers');
+const { getEnabledExtensions } = require('../../../../bin/extension');
+
+
+module.exports.buildResolvers = function buildResolvers() {
+  const typeSources = [path.join(CONSTANTS.MOLDULESPATH, '*/graphql/types/**/*.resolvers.js')];
+  const extensions = getEnabledExtensions();
+  extensions.forEach((extension) => {
+    typeSources.push(path.join(extension.path, 'graphql', 'types', '**', '*.resolvers.js'));
+  });
+  const resolvers = mergeResolvers(typeSources.map((source) => loadFilesSync(source)));
+
+  return resolvers;
+};

package/src/modules/graphql/services/buildSchema.js

@@ -0,0 +1,10 @@
+const { makeExecutableSchema } = require('@graphql-tools/schema');
+const { buildTypeDefs } = require('./buildTypes');
+const { buildResolvers } = require('./buildResolvers');
+
+const schema = makeExecutableSchema({
+  typeDefs: buildTypeDefs(),
+  resolvers: buildResolvers()
+});
+
+module.exports = schema;

package/src/modules/graphql/services/buildTypes.js

@@ -0,0 +1,16 @@
+const path = require('path');
+const { loadFilesSync } = require('@graphql-tools/load-files');
+const { mergeTypeDefs } = require('@graphql-tools/merge');
+const { CONSTANTS } = require('../../../lib/helpers');
+const { getEnabledExtensions } = require('../../../../bin/extension');
+
+module.exports.buildTypeDefs = function buildTypeDefs() {
+  const typeSources = [path.join(CONSTANTS.MOLDULESPATH, '*/graphql/types/**/*.graphql')];
+  const extensions = getEnabledExtensions();
+  extensions.forEach((extension) => {
+    typeSources.push(path.join(extension.path, 'graphql', 'types', '**', '*.graphql'));
+  });
+  const typeDefs = mergeTypeDefs(typeSources.map((source) => loadFilesSync(source)));
+
+  return typeDefs;
+};

package/src/modules/graphql/services/contextHelper.js

@@ -0,0 +1,33 @@
+const { get } = require("../../../lib/util/get");
+
+module.exports.getContextValue = function getContextValue(request, key, defaultValue = undefined, toString = false) {
+  // We check if the request have it, if not we try to get it from the app
+  // So if you set a context which already available in app, the old one will be overwited
+  const value = get(request, `locals.context.${key}`, get(request.app.locals, `context.${key}`, defaultValue));
+  return toString ? value.toString() : value;
+}
+/**
+ * Pass the app instance if you want to set a application level value (This value will be shared across all request)
+ * Pass the request instance if you want to set a request level value
+*/
+module.exports.setContextValue = function setContextValue(requestOrApp, key, value) {
+  requestOrApp.locals = requestOrApp.locals || {};
+  requestOrApp.locals.context = requestOrApp.locals.context || {}
+  requestOrApp.locals.context[key] = value; // We just overwrite the value if it already exists
+}
+
+module.exports.getContext = function getContext(request) {
+  if (!request.app) {
+    throw new Error("A request object must be provided")
+  }
+  const requestLevelContext = get(request, 'locals.context', {});
+  const appLevelContext = get(request.app.locals, 'context', {});
+  return { ...appLevelContext, ...requestLevelContext };
+}
+
+module.exports.hasContextValue = function hasContextValue(request, key) {
+  const requestLevelContext = get(request, 'locals.context', {});
+  const appLevelContext = get(request.app.locals, 'context', {});
+
+  return requestLevelContext.hasOwnProperty(key) || appLevelContext.hasOwnProperty();
+}

package/src/modules/graphql/services/createGraphQL.js

@@ -0,0 +1,14 @@
+const { graphql } = require('graphql');
+const isDevelopmentMode = require('../../../lib/util/isDevelopmentMode');
+const { context } = require('./buildContext');
+var schema = require('./buildSchema');
+
+module.exports.executeGraphql = async function executeGraphql(source, variables) {
+  if (isDevelopmentMode()) {
+    schema = require('./buildSchema');
+  }
+
+  return await graphql({
+    schema, source, contextValue: context, variables
+  });
+}

package/src/modules/promotion/api/admin/couponBulkDelete/[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);
+};

package/src/modules/promotion/api/admin/couponBulkDelete/deleteProducts.js

@@ -0,0 +1,23 @@
+const { del } = require('@evershop/mysql-query-builder');
+const { getConnection } = require('../../../../../lib/mysql/connection');
+
+// eslint-disable-next-line no-unused-vars
+module.exports = async (request, response, stack, next) => {
+  const connection = await getConnection();
+  try {
+    const productIds = request.body.ids;
+    await del('product')
+      .where('product_id', 'IN', productIds.split(','))
+      .execute(connection);
+    response.json({
+      data: {},
+      success: true
+    });
+  } catch (e) {
+    response.json({
+      data: {},
+      message: e.message,
+      success: false
+    });
+  }
+};

package/src/modules/promotion/api/admin/couponBulkDelete/route

@@ -0,0 +1,2 @@
+POST
+/coupon/bulkDelete

package/src/modules/promotion/api/admin/couponBulkDisable/[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);
+};

package/src/modules/promotion/api/admin/couponBulkDisable/disableProducts.js

@@ -0,0 +1,24 @@
+const { update } = require('@evershop/mysql-query-builder');
+const { getConnection } = require('../../../../../lib/mysql/connection');
+
+// eslint-disable-next-line no-unused-vars
+module.exports = async (request, response, stack, next) => {
+  const connection = await getConnection();
+  try {
+    const productIds = request.body.ids;
+    await update('product')
+      .given({ status: 0 })
+      .where('product_id', 'IN', productIds.split(','))
+      .execute(connection);
+    response.json({
+      data: {},
+      success: true
+    });
+  } catch (e) {
+    response.json({
+      data: {},
+      message: e.message,
+      success: false
+    });
+  }
+};

package/src/modules/promotion/api/admin/couponBulkDisable/route

@@ -0,0 +1,2 @@
+POST
+/coupon/bulkDisable

package/src/modules/promotion/api/admin/couponBulkEnable/[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);
+};

package/src/modules/promotion/api/admin/couponBulkEnable/enableProducts.js

@@ -0,0 +1,24 @@
+const { update } = require('@evershop/mysql-query-builder');
+const { getConnection } = require('../../../../../lib/mysql/connection');
+
+// eslint-disable-next-line no-unused-vars
+module.exports = async (request, response, stack, next) => {
+  const connection = await getConnection();
+  try {
+    const productIds = request.body.ids;
+    await update('product')
+      .given({ status: 1 })
+      .where('product_id', 'IN', productIds.split(','))
+      .execute(connection);
+    response.json({
+      data: {},
+      success: true
+    });
+  } catch (e) {
+    response.json({
+      data: {},
+      message: e.message,
+      success: false
+    });
+  }
+};

package/src/modules/promotion/api/admin/couponBulkEnable/route

@@ -0,0 +1,2 @@
+GET,POST
+/coupon/bulkEnable

package/src/modules/promotion/api/admin/couponCreate/[bodyParser]validateCouponCode[getConnection].js

@@ -0,0 +1,23 @@
+module.exports = async (request, response, stack, next) => {
+  if (!request.body.coupon) {
+    response.status(500).json({
+      success: false,
+      message: 'Coupon code is required'
+    });
+    return;
+  } else if (!/^\S*$/.test(request.body.coupon)) {
+    response.status(500).json({
+      success: false,
+      message: 'Coupon code is required'
+    });
+    return;
+  } else {
+    if (!request.body.start_date) {
+      request.body.start_date = null;
+    }
+    if (!request.body.end_date) {
+      request.body.end_date = null;
+    }
+    return next();
+  }
+};

package/src/modules/promotion/api/admin/couponCreate/[getConnection]createCoupon[finish].js

@@ -0,0 +1,8 @@
+const { insert } = require('@evershop/mysql-query-builder');
+
+module.exports = async (request, response, stack) => {
+  const connection = await stack.getConnection;
+  const result = await insert('coupon').given(request.body).execute(connection);
+
+  return result;
+};

package/src/modules/promotion/api/admin/couponCreate/bodyParser.js

@@ -0,0 +1,7 @@
+const bodyParser = require('body-parser');
+
+module.exports = (request, response, stack, next) => {
+  bodyParser.json({ inflate: false })(request, response, () => {
+    bodyParser.urlencoded({ extended: true })(request, response, next);
+  });
+}

package/src/modules/promotion/api/admin/couponCreate/finish[apiResponse].js

@@ -0,0 +1,29 @@
+const { commit, rollback } = require('@evershop/mysql-query-builder');
+
+// eslint-disable-next-line no-unused-vars
+module.exports = async (request, response, stack, next) => {
+  try {
+    const promises = [];
+    Object.keys(stack).forEach((id) => {
+      // Check if middleware is async
+      if (stack[id] instanceof Promise) {
+        promises.push(stack[id]);
+      }
+    });
+    const connection = await stack.getConnection;
+    await Promise.all(promises);
+    await commit(connection);
+    response.json({
+      data: {},
+      success: true,
+      message: 'Coupon(s) was created successfully'
+    });
+  } catch (e) {
+    await rollback(connection);
+    response.json({
+      data: {},
+      success: false,
+      message: 'Somthing wrong. Please try again'
+    });
+  }
+};

package/src/modules/promotion/api/admin/couponCreate/getConnection[finish].js

@@ -0,0 +1,10 @@
+const { startTransaction } = require('@evershop/mysql-query-builder');
+const { getConnection } = require('../../../../../lib/mysql/connection');
+
+// eslint-disable-next-line no-unused-vars
+module.exports = async (request, response) => {
+  const connection = await getConnection();
+  await startTransaction(connection);
+
+  return connection;
+};

package/src/modules/promotion/api/admin/couponCreate/route

@@ -0,0 +1,2 @@
+POST
+/coupons