9 | {props.list.map((listItem, i) => (
10 |
23 | ))}
24 |
25 | )
26 | };
27 |
28 |
29 | export default FilterList;
30 |
--------------------------------------------------------------------------------
/server/src/resolvers/Query.js:
--------------------------------------------------------------------------------
1 | const { forwardTo } = require('prisma-binding');
2 | const { hasPermission } = require('../utils');
3 |
4 |
5 | const Query = {
6 | async me(parent, args, ctx, info) {
7 | const id = ctx.request.userId;
8 | if (!id) return null;
9 |
10 | return await ctx.db.query.user({
11 | where: { id },
12 | }, info);
13 | },
14 | async users(parent, args, ctx, info) {
15 | if (!ctx.request.userId) throw new Error('USERS: You must be logged in!');
16 |
17 | // requester has permission to query all users?
18 | hasPermission(ctx.request.user, ['ADMIN', 'PERMISSIONUPDATE'])
19 |
20 | return await ctx.db.query.users({}, info);
21 | },
22 | image: forwardTo('db'),
23 | images: forwardTo('db'),
24 | product: forwardTo('db'),
25 | products: forwardTo('db'),
26 | productsConnection: forwardTo('db'),
27 | variant: forwardTo('db'),
28 | variants: forwardTo('db'),
29 | order: forwardTo('db'),
30 | orders: forwardTo('db'),
31 | orderItems: forwardTo('db'),
32 | };
33 |
34 |
35 | module.exports = Query;
36 |
--------------------------------------------------------------------------------
/client/components/Buttons/RequestPasswordReset.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import PropTypes from 'prop-types';
3 | import { Mutation } from 'react-apollo';
4 | import { REQUEST_PASSWORD_RESET_MUTATION } from '../../graphql';
5 |
6 |
7 | const RequestPasswordReset = ({ email, children }) => (
8 |
32 |
37 | `;
38 |
39 |
40 | exports.transport = transport;
41 | exports.emailFromNextStoreSupport = emailFromNextStoreSupport;
42 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2019 Alexandra Swart
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/server/src/resolvers/Mutation/index.js:
--------------------------------------------------------------------------------
1 | const {
2 | createUser,
3 | signin,
4 | signout,
5 | requestPasswordReset,
6 | resetPassword,
7 | updatePermissions,
8 | } = require('./user');
9 | const {
10 | createImage,
11 | deleteImage,
12 | } = require('./image');
13 | const {
14 | createProduct,
15 | updateProduct,
16 | deleteProduct,
17 | } = require('./product');
18 | const {
19 | createProductVariant,
20 | updateProductVariant,
21 | deleteProductVariant,
22 | } = require('./variant');
23 | const {
24 | addToCart,
25 | updateCartItem,
26 | removeFromCart,
27 | } = require('./cartItem');
28 | const {
29 | createOrder,
30 | } = require('./order');
31 |
32 |
33 |
34 | const Mutation = {
35 | createUser,
36 | signin,
37 | signout,
38 | requestPasswordReset,
39 | resetPassword,
40 | updatePermissions,
41 | createImage,
42 | deleteImage,
43 | createProduct,
44 | updateProduct,
45 | deleteProduct,
46 | createProductVariant,
47 | updateProductVariant,
48 | deleteProductVariant,
49 | addToCart,
50 | removeFromCart,
51 | updateCartItem,
52 | createOrder,
53 | };
54 |
55 |
56 | module.exports = Mutation;
57 |
--------------------------------------------------------------------------------
/client/pages/_app.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import App, { Container as NextContainer } from 'next/app';
3 | import { ApolloProvider } from 'react-apollo';
4 | import Page from '../components/Page';
5 | import withApolloClient from '../lib/with-apollo-client';
6 |
7 |
8 | class NextApp extends App {
9 | static async getInitialProps({ Component, ctx }) {
10 | let pageProps = {};
11 | if (!!Component.getInitialProps) {
12 | try {
13 | pageProps = await Component.getInitialProps(ctx);
14 | } catch(e) {
15 | console.error('Error: getInitialProps failed.', e)
16 | }
17 | }
18 | pageProps.query = ctx.query;
19 |
20 | return { pageProps };
21 | }
22 | render() {
23 | const { Component, pageProps, apolloClient, apolloState } = this.props;
24 |
25 | return (
26 | <>
27 | Hello There!
33 |${text}
34 | 35 |- NextStore Support
36 |
8 |
36 | )
37 | }
38 |
39 |
40 | export default FilterSection;
41 |
--------------------------------------------------------------------------------
/client/components/Header/Search.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import Router from 'next/router';
3 | import SvgIcon from '../SvgIcon';
4 |
5 |
6 | class Search extends Component {
7 | state = { title: '' };
8 | saveToState = e => this.setState({ [e.target.name]: e.target.value });
9 | search = (e) => {
10 | if (!!e && e.preventDefault) e.preventDefault();
11 | if (!this.state.title.length) return;
12 |
13 | Router.push({
14 | pathname: "/shop",
15 | query: { ...this.state }
16 | });
17 | };
18 | render() {
19 | const disabled = this.state.title
20 | ? !this.state.title.length
21 | : true;
22 | return (
23 |
9 |
17 |
18 |
26 |
27 |
33 |
34 | {props.children}
35 |
24 |
39 | )
40 | }
41 | };
42 |
43 |
44 | export default Search;
45 |
--------------------------------------------------------------------------------
/client/__tests__/components/Buttons/UpdatePermissions.test.js:
--------------------------------------------------------------------------------
1 | import wait from 'waait';
2 | import toJSON from 'enzyme-to-json';
3 | import { mount } from 'enzyme';
4 | import { MockedProvider } from 'react-apollo/test-utils';
5 | import { mockUser, updatePermissionsMutationMock } from '../../../lib/test-utils/mocks';
6 | import { UpdatePermissions } from '../../../components/Buttons';
7 |
8 | const mocks = [
9 | { ...updatePermissionsMutationMock }
10 | ];
11 |
12 |
13 | describe('Loading...
); 24 | if (error) return (Please Sign In before Continuing
32 | 33 |Loading...
); 19 | if (error) return ( 20 |
21 |
23 | );
24 | const users = (!!data && data.users)
25 | ? data.users
26 | : [];
27 | return (
28 |
29 |
31 | );
32 | }}
33 | {title}
36 | 37 |{message}
38 | 39 |40 | Go back to 41 | 42 | home 43 | 44 | page. 45 |
46 |Loading...
); 15 | if (error) return (
28 |
34 |
24 |
25 | {({ me }) => (
26 |
27 | {({ data, error, loading }) => {
28 | if (loading) return (
37 | )}
38 |
39 |
40 | Loading...
); 29 | if (error) return (
25 |
35 |
45 |
46 |
47 | ${min}
48 | ${max}
49 |
50 |
37 |
53 |
54 |
40 |
41 |
42 | NextStore
43 |
44 |
45 |
46 |
47 |
52 | 51 | Success! 52 | {success} 53 |
54 |62 | Hold up! 63 | {error.message 64 | .replace('GraphQL error:', '') 65 | .replace('Network error:', '') 66 | } 67 |
68 |Loading...
); 16 | if (error) return (
48 |
53 |
18 |
19 | {({ me }) => {
20 | const variables = getQueryVariables(query);
21 | return (
22 |
26 | {({ data, error, loading }) => {
27 | if (loading) return (
55 | )
56 | }}
57 |
58 |
59 | Loading...
); 28 | if (error) return (
18 |
19 | {({ me }) => {
20 | const variables = getQueryVariables(query);
21 | variables.sellerId = me.id;
22 | return (
23 |
24 | {({ data, error, loading }) => {
25 | if (loading) return (
55 | )
56 | }}
57 |
58 |
59 | Loading...
); 26 | if (error) return (Loading...
); 19 | if (error) return (
39 |
43 |
44 | Selections
48 |
49 |
50 |
52 |
53 |
54 |
58 | Delete Product
59 |
60 |
61 |
19 |
20 |
21 | Signin
22 |
23 |
24 |
25 | )
26 | }
27 | return (
28 |
29 |
30 |
35 |
36 |
70 | <>
71 |
75 |
76 |
77 | )
78 | };
79 |
80 | Menu.propTypes = {
81 | me: PropTypes.shape({
82 | id: PropTypes.string.isRequired,
83 | name: PropTypes.string.isRequired,
84 | email: PropTypes.string.isRequired,
85 | cart: PropTypes.array.isRequired,
86 | }),
87 | acctDrpdwn: PropTypes.bool.isRequired,
88 | toggAcctDrpdwn: PropTypes.func.isRequired
89 | };
90 |
91 |
92 | export default Menu;
93 |
--------------------------------------------------------------------------------
/server/src/resolvers/Mutation/cartItem.js:
--------------------------------------------------------------------------------
1 |
2 |
3 | const CartMutations = {
4 | async addToCart(parent, args, ctx, info) {
5 | // logged in?
6 | const { userId } = ctx.request;
7 | if (!userId) throw new Error('You must be signed in soooon');
8 |
9 | // cartItem exists?
10 | const [existingCartItem] = await ctx.db.query.cartItems({
11 | where: {
12 | user: { id: userId },
13 | variant: { id: args.id }
14 | }
15 | }, `{ id quantity variant { id quantity }}`);
16 |
17 | // cartItem already in cart? (update quantity)
18 | if (existingCartItem) {
19 | if ((existingCartItem.quantity + 1) > existingCartItem.variant.quantity) throw new Error("ADD TO CART: Cannot add any more of this selection to cart.")
20 |
21 | return ctx.db.mutation.updateCartItem({
22 | where: { id: existingCartItem.id },
23 | data: { quantity: existingCartItem.quantity + 1 }
24 | }, info);
25 | }
26 |
27 | return ctx.db.mutation.createCartItem({
28 | data: {
29 | user: { connect: { id: userId } },
30 | variant: { connect: { id: args.id } }
31 | }
32 | }, info);
33 | },
34 | async updateCartItem(parent, args, ctx, info) {
35 | const quantity = args.quantity;
36 | // logged in?
37 | const { userId } = ctx.request;
38 | if (!userId) throw new Error('You must be signed in soooon');
39 |
40 | // cartItem exists?
41 | const [existingCartItem] = await ctx.db.query.cartItems({
42 | where: {
43 | user: { id: userId },
44 | variant: { id: args.id }
45 | }
46 | }, `{ id quantity variant { id quantity }}`);
47 | if (!existingCartItem) throw new Error("UPDATE CARTITEM: No CartItem with this selection exists.")
48 |
49 | // cartItem already in cart? (update quantity)
50 | if (quantity > existingCartItem.variant.quantity) throw new Error("UPDATE CARTITEM: Update amount exceeds existing amount available.")
51 | if (quantity <= 0) throw new Error("UPDATE CARTITEM: Cannot update item amount to 0. Choose Remove instead.")
52 |
53 | return ctx.db.mutation.updateCartItem({
54 | where: { id: existingCartItem.id },
55 | data: { quantity }
56 | }, info);
57 | },
58 | async removeFromCart(parent, args, ctx, info) {
59 | const where = { id: args.id };
60 |
61 | // cartItem exists?
62 | const cartItem = await ctx.db.query.cartItem({
63 | where
64 | }, `{ id user { id }}`);
65 |
66 | if (!cartItem) throw new Error('No CartItem Found!');
67 | if (cartItem.user.id !== ctx.request.userId) throw new Error('REMOVE FROM CART: Cannot remove item from cart that is not yours.');
68 |
69 | return ctx.db.mutation.deleteCartItem({
70 | where
71 | }, info);
72 | }
73 | };
74 |
75 |
76 | module.exports = CartMutations;
77 |
--------------------------------------------------------------------------------
/client/lib/with-apollo-client.js:
--------------------------------------------------------------------------------
1 | import Head from 'next/head';
2 | import cookie from 'cookie';
3 | import { getDataFromTree } from 'react-apollo';
4 | import initApollo from '../lib/init-apollo';
5 |
6 |
7 | export default App => {
8 | return class Apollo extends React.Component {
9 | static displayName = 'withApolloClient(App)';
10 | static async getInitialProps(ctx) {
11 | const { Component, router, ctx: { req, res, query } } = ctx;
12 | let pageProps = {};
13 | let apolloState = {};
14 | let apollo = null;
15 | try {
16 | apollo = await initApollo(apolloState, {
17 | getHeaders: () => ((!!req && !!req.headers) ? req.headers : {}),
18 | })
19 | } catch(e) {
20 | console.error('Error: initApollo failed to create apolloClient.', e);
21 | }
22 | ctx.ctx.apolloClient = apollo;
23 |
24 | if (!!App && !!App.getInitialProps) {
25 | try {
26 | pageProps = await App.getInitialProps(ctx)
27 | } catch(e) {
28 | console.info('Error: getInitialProps failed while getting props.', e)
29 | }
30 | }
31 | pageProps.query = query;
32 |
33 | if (res && res.finished) {
34 | return {};
35 | }
36 |
37 | // Extract query data from the Apollo store
38 | apolloState.data = apollo.cache.extract();
39 | pageProps.apolloState = apolloState;
40 |
41 | if (!process.browser || typeof window === 'undefined') {
42 | try {
43 | // Run all GraphQL queries
44 | await getDataFromTree(
45 |
37 |
38 | Create Product
39 |
40 |
41 | My Products
42 |
43 |
44 | Order History
45 |
46 |
47 | Sale History
48 |
49 |
51 |
52 |
53 |
54 |
55 | Loading...
); 18 | if (error) return (
45 |
52 |
53 | Add Selection
57 |
58 |
59 | {!product.variants.length ? (
60 |
67 |
7 |
8 |
103 |
104 |
105 | `;
106 |
--------------------------------------------------------------------------------
/client/__tests__/components/Buttons/DeleteProductVariant.test.js:
--------------------------------------------------------------------------------
1 | import wait from 'waait';
2 | import toJSON from 'enzyme-to-json';
3 | import { mount } from 'enzyme';
4 | import { MockedProvider } from 'react-apollo/test-utils';
5 | import { ApolloConsumer } from 'react-apollo';
6 | import {
7 | mockVariant, mockProduct,
8 | productQueryMock, productQueryNoVariantMock,
9 | deleteProductVariantMutationMock
10 | } from '../../../lib/test-utils/mocks';
11 | import { DeleteProductVariant } from '../../../components/Buttons';
12 | import { PRODUCT_QUERY } from '../../../graphql';
13 |
14 | const mocks = [
15 | { ...productQueryMock },
16 | { ...deleteProductVariantMutationMock },
17 | { ...productQueryNoVariantMock },
18 | ];
19 |
20 |
21 | describe('
11 |
12 | {orders.map(order => {
13 | const items = order.items.slice(0, 4);
14 | const plusItems = order.items.length - 4;
15 | return (
16 |
65 | )
66 | })}
67 |
68 |
69 | );
70 |
71 | OrdersList.propTypes = {
72 | orders: PropTypes.arrayOf(PropTypes.shape({
73 | id: PropTypes.string.isRequired,
74 | status: PropTypes.string.isRequired,
75 | quantity: PropTypes.number.isRequired,
76 | total: PropTypes.number.isRequired,
77 | payment: PropTypes.string.isRequired,
78 | createdAt: PropTypes.string.isRequired,
79 | items: PropTypes.arrayOf(PropTypes.shape({
80 | id: PropTypes.string.isRequired,
81 | image_url: PropTypes.string.isRequired,
82 | })).isRequired,
83 | })).isRequired,
84 | };
85 |
86 |
87 | export default OrdersList;
88 |
--------------------------------------------------------------------------------
/client/components/Forms/ResetPasswordForm.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import PropTypes from 'prop-types';
3 | import Router from 'next/router';
4 | import { Mutation } from 'react-apollo';
5 | import DisplayMessage from '../DisplayMessage';
6 | import StyledForm from '../styles/FormStyles';
7 | import { RESET_PASSWORD_MUTATION, CURRENT_USER_QUERY } from '../../graphql';
8 |
9 |
10 | class ResetPasswordForm extends React.Component {
11 | static propTypes = {
12 | resetToken: PropTypes.string
13 | };
14 | state = {
15 | password: '',
16 | confirmPassword: '',
17 | };
18 | saveToState = e => this.setState({ [e.target.name]: e.target.value });
19 | submitForm = async (e, resetPassword) => {
20 | e.preventDefault();
21 | await resetPassword().then((res) => {
22 | if (!res || !res.data) return;
23 | Router.push({
24 | pathname: "/shop",
25 | query: { name: `${res.data.resetPassword.name}` }
26 | });
27 |
28 | this.setState({
29 | password: '', confirmPassword: ''
30 | });
31 | });
32 | }
33 | render() {
34 | const disabled = !this.props.resetToken || this.props.resetToken.length !== 40;
35 | return (
36 |
100 | {this.props.children}
101 |
102 |
13 | 
14 |
15 |
16 |
14 |
17 |
72 |
18 |
22 |
23 | {product.title}
24 |
25 |
26 |
27 |
28 |
34 | {!product.online && (
35 | Offline
36 | )}
37 |
38 |
39 |
49 |
71 |
50 |
51 | Description:
52 |
53 |
54 |
58 |
59 | {product.brand && (
60 | 55 | {product.description} 56 |
57 |
61 |
62 | Brand:
63 |
64 |
65 |
69 | )}
70 | 66 | {product.brand} 67 |
68 |
54 |
67 | ) : (
68 |
55 | 1. Choose Selection to Update
56 |
57 |
58 |
59 |
66 |
69 | this.selectVariant(e, null)}
76 | />
77 |
78 |
86 | )}
87 |
70 | 2. Update Selection
71 |
72 |
73 |
79 | this.selectVariant(e, null, `Deleted selection with size '${currentVariant.size}' and color '${currentVariant.color}'.`)}
83 | >Delete Selection
84 |
85 | 
25 | )}
26 |
27 |
28 |
29 |
33 | {prdct.title}
34 |
35 |
36 | {variant && (
37 |
52 |
53 | {viewerIsCreator && editView && (
54 |
55 |
59 | Edit
60 |
61 |
62 |
38 |
44 | )}
45 |
46 | {prdct.online && variant && (
47 |
48 | {variant.availability}
49 |
50 | )}
51 | A mock with '{Object.keys(props).length}' props passed!
26 | );
27 |
28 | describe('