catches local payload demo up to speed

demo/client/components/layout/Sidebar/index.js

@@ -0,0 +1,5 @@
+import React from 'react';
+
+const Sidebar = () => <div className="sidebar">fake sidebar</div>
+
+export default Sidebar;

demo/collections/Category.js

@@ -0,0 +1,85 @@
+const checkRole = require('../policies/checkRole');
+
+module.exports = {
+	slug: 'categories',
+	labels: {
+		singular: 'Category',
+		plural: 'Categories',
+	},
+	useAsTitle: 'title',
+	policies: {
+		create: user => checkRole(['user', 'admin'], user),
+		read: () => true,
+		update: user => checkRole(['user', 'admin'], user),
+		destroy: user => checkRole(['user', 'admin'], user),
+	},
+	fields: [
+		{
+			name: 'title',
+			label: 'Title',
+			type: 'text',
+			maxLength: 100,
+			required: true,
+			unique: true,
+			localized: true,
+		},
+		{
+			name: 'description',
+			label: 'Description',
+			type: 'textarea',
+			height: 100,
+			required: true,
+			localized: true,
+		},
+		{
+			name: 'post',
+			label: 'Post',
+			type: 'relationship',
+			relationTo: ['posts', 'categories'],
+			localized: false,
+			hasMany: false,
+		},
+		{
+			name: 'demoSelect',
+			label: 'Demo Select',
+			type: 'select',
+			options: [{
+				value: 'Option 1',
+				label: 'Here is a label for Option 1',
+			}, {
+				value: 'Option 2',
+				label: 'Option 2 Label',
+			}, {
+				value: 'Option 3',
+				label: 'Option 3 Label',
+			}, {
+				value: 'Option 4',
+				label: 'Option 4 Label',
+			}],
+			defaultValue: 'Option 1',
+			required: true,
+		},
+		{
+			name: 'demoSelectMany',
+			label: 'Demo Select w/ hasMany',
+			type: 'select',
+			options: [{
+				value: 'Option 1',
+				label: 'Here is a label for Option 1',
+			}, {
+				value: 'Option 2',
+				label: 'Option 2 Label',
+			}, {
+				value: 'Option 3',
+				label: 'Option 3 Label',
+			}, {
+				value: 'Option 4',
+				label: 'Option 4 Label',
+			}],
+			defaultValue: 'Option 1',
+			required: true,
+			hasMany: true,
+		},
+	],
+	timestamps: true,
+};

demo/collections/Layout/index.js

@@ -0,0 +1,42 @@
+const checkRole = require('../../policies/checkRole');
+const Email = require('../../content-blocks/Email');
+const Quote = require('../../content-blocks/Quote');
+const NumberBlock = require('../../content-blocks/Number');
+
+module.exports = {
+	slug: 'layouts',
+	labels: {
+		singular: 'Layout',
+		plural: 'Layouts',
+	},
+	useAsTitle: 'title',
+	policies: {
+		// options: create, read, update, delete
+		// null or undefined policies will default to requiring auth
+		// any policy can use req.user to see that the user is logged
+		create: null,
+		read: () => true,
+		update: user => checkRole(['user', 'admin'], user),
+		destroy: user => checkRole(['user', 'admin'], user),
+	},
+	fields: [
+		{
+			name: 'title',
+			label: 'Page Title',
+			type: 'text',
+			unique: true,
+			localized: true,
+			maxLength: 100,
+			required: true,
+		},
+		{
+			name: 'layout',
+			label: 'Layout Blocks',
+			singularLabel: 'Block',
+			type: 'flexible',
+			blocks: [Email, NumberBlock, Quote],
+			localized: true,
+		},
+	],
+	timestamps: true,
+};

demo/collections/Page/index.js

@@ -1,3 +1,4 @@
+const path = require('path');
 const checkRole = require('../../policies/checkRole');
 const Quote = require('../../content-blocks/Quote');
 const CallToAction = require('../../content-blocks/CallToAction');
@@ -36,15 +37,15 @@ module.exports = {
 			height: 100,
 			required: true,
 		},
-    // {
-    //   name: 'category',
-    //   label: 'Localized Category',
-    //   type: 'relationship',
-    //   relationType: 'reference',
-    //   relationTo: 'categories',
-    //   hasMany: false,
-    //   localized: true,
-    // },
+		{
+			name: 'category',
+			label: 'Localized Category',
+			type: 'relationship',
+			relationType: 'reference',
+			relationTo: 'categories',
+			hasMany: false,
+			localized: true,
+		},
 		{
 			name: 'categories',
 			label: 'Categories hasMany',
@@ -69,12 +70,40 @@ module.exports = {
 			type: 'upload',
 			required: false,
 		},
+		{
+			name: 'otherDate',
+			type: 'date',
+			label: 'Example Start Date',
+			width: 50,
+			useTime: true,
+		},
 		{
 			name: 'slides',
 			label: 'Slides',
+			singularLabel: 'Slide',
 			type: 'repeater',
-      id: false,
 			fields: [
+				{
+					name: 'cards',
+					label: 'Cards',
+					singularLabel: 'Card',
+					type: 'repeater',
+					fields: [
+						{
+							name: 'cardNumber',
+							type: 'text',
+							label: 'Card Number',
+						},
+						{
+							name: 'description',
+							type: 'textarea',
+							label: 'Description',
+							condition: (fields, siblings) => {
+								return (siblings.cardNumber && siblings.cardNumber.value);
+							},
+						},
+					],
+				},
 				{
 					name: 'title',
 					type: 'text',
@@ -90,6 +119,7 @@ module.exports = {
 		{
 			name: 'layout',
 			label: 'Layout Blocks',
+			singularLabel: 'Block',
 			type: 'flexible',
 			blocks: [Quote, CallToAction],
 			localized: true,
@@ -122,5 +152,10 @@ module.exports = {
 			],
 		},
 	],
+	// components: {
+	// 	views: {
+	// 		List: path.resolve(__dirname, 'components/List/index.js'),
+	// 	}
+	// },
 	timestamps: true,
 };

demo/collections/Post/components/fields/Description/Field/index.js

@@ -0,0 +1,5 @@
+import React from 'react';
+
+const Description = () => <div className="description">fake description field</div>
+
+export default Description;

demo/collections/Post/index.js

@@ -0,0 +1,54 @@
+const checkRole = require('../../policies/checkRole');
+const path = require('path');
+
+module.exports = {
+	slug: 'posts',
+	labels: {
+		singular: 'Post',
+		plural: 'Posts',
+	},
+	useAsTitle: 'title',
+	policies: {
+		create: user => checkRole(['user', 'admin'], user),
+		read: () => true,
+		update: user => checkRole(['user', 'admin'], user),
+		destroy: user => checkRole(['user', 'admin'], user),
+	},
+	fields: [
+		{
+			name: 'title',
+			label: 'Title',
+			type: 'text',
+			maxLength: 100,
+			required: true,
+			unique: true,
+			localized: true,
+		},
+		{
+			name: 'description',
+			label: 'Description',
+			type: 'textarea',
+			height: 100,
+			required: true,
+			localized: true,
+			components: {
+				field: path.resolve(__dirname, 'components/fields/Description/Field/index.js'),
+				cell: path.resolve(__dirname, 'components/fields/Description/Cell/index.js')
+			},
+		},
+		{
+			name: 'startDate',
+			label: 'Example Start Date',
+			type: 'date',
+			placeholder: 'test',
+			width: 50,
+		},
+		{
+			name: 'priority',
+			label: 'Priority',
+			type: 'number',
+			required: true,
+		},
+	],
+	timestamps: true,
+};

demo/collections/Upload.js

@@ -0,0 +1,19 @@
+const checkRole = require('../policies/checkRole');
+
+module.exports = {
+  slug: 'uploads',
+  labels: {
+    singular: 'Upload',
+    plural: 'Uploads',
+  },
+  useAsTitle: 'filename',
+  policies: {
+    create: user => checkRole(['user', 'admin'], user),
+    read: user => checkRole(['user', 'admin'], user),
+    update: user => checkRole(['user', 'admin'], user),
+    destroy: user => checkRole(['user', 'admin'], user),
+  },
+  fields: [
+  ],
+  timestamps: true,
+};

demo/collections/User.js

@@ -0,0 +1,43 @@
+const roles = require('../policies/roles');
+const checkRole = require('../policies/checkRole');
+
+module.exports = {
+	slug: 'users',
+	labels: {
+		singular: 'User',
+		plural: 'Users',
+	},
+	useAsTitle: 'email',
+	policies: {
+		create: user => checkRole(['admin', 'user'], user),
+		read: null,
+		update: user => checkRole(['admin', 'user'], user),
+		destroy: user => checkRole(['admin', 'user'], user),
+	},
+	auth: {
+		passwordIndex: 1,
+		useAsUsername: 'email',
+		tokenExpiration: 7200,
+		secretKey: 'SECRET_KEY',
+	},
+	fields: [
+		{
+			name: 'email',
+			label: 'Email Address',
+			type: 'input',
+			unique: true,
+			maxLength: 100,
+			required: true,
+		},
+		{
+			name: 'role',
+			label: 'Role',
+			type: 'select',
+			options: roles,
+			defaultValue: 'user',
+			required: true,
+			saveToJWT: true,
+		},
+	],
+	timestamps: true,
+};

demo/content-blocks/CallToAction.js

@@ -0,0 +1,23 @@
+module.exports = {
+	slug: 'cta',
+	labels: {
+		singular: 'Call to Action',
+		plural: 'Calls to Action',
+	},
+	fields: [
+		{
+			name: 'label',
+			label: 'Label',
+			type: 'text',
+			maxLength: 100,
+			required: true,
+		},
+		{
+			name: 'url',
+			label: 'URL',
+			type: 'text',
+			height: 100,
+			required: true,
+		},
+	],
+};

demo/content-blocks/Email.js

@@ -0,0 +1,16 @@
+module.exports = {
+	slug: 'email',
+	labels: {
+		singular: 'Email',
+		plural: 'Emails',
+	},
+	fields: [
+		{
+			name: 'testEmail',
+			label: 'Test Email Field',
+			type: 'email',
+			maxLength: 100,
+			required: true,
+		},
+	],
+};

demo/content-blocks/Number.js

@@ -0,0 +1,16 @@
+module.exports = {
+	slug: 'number',
+	labels: {
+		singular: 'Number',
+		plural: 'Numbers',
+	},
+	fields: [
+		{
+			name: 'testNumber',
+			label: 'Test Number Field',
+			type: 'number',
+			maxLength: 100,
+			required: true,
+		},
+	],
+};

demo/content-blocks/Quote.js

@@ -0,0 +1,30 @@
+module.exports = {
+	slug: 'quote',
+	labels: {
+		singular: 'Quote',
+		plural: 'Quotes',
+	},
+	fields: [
+		{
+			name: 'author',
+			label: 'Author',
+			type: 'text',
+			maxLength: 100,
+			required: true,
+		},
+		{
+			name: 'quote',
+			label: 'Quote',
+			type: 'textarea',
+			height: 100,
+			required: true,
+		},
+		{
+			name: 'color',
+			label: 'Color',
+			type: 'text',
+			maxLength: 7,
+			required: true,
+		},
+	],
+};

demo/globals/Footer.js

@@ -0,0 +1,20 @@
+const checkRole = require('../policies/checkRole');
+
+module.exports = {
+	slug: 'footer',
+	label: 'Footer',
+	policies: {
+		create: user => checkRole(['admin', 'user'], user),
+		read: () => true,
+		update: user => checkRole(['admin', 'user'], user),
+		destroy: user => checkRole(['admin', 'user'], user),
+	},
+	fields: [
+		{
+			name: 'copyright',
+			label: 'Copyright',
+			type: 'text',
+			localized: true,
+		},
+	],
+};

demo/globals/Header.js

@@ -0,0 +1,37 @@
+const checkRole = require('../policies/checkRole');
+const Quote = require('../content-blocks/Quote');
+const CallToAction = require('../content-blocks/CallToAction');
+
+module.exports = {
+	slug: 'header',
+	label: 'Header',
+	policies: {
+		create: user => checkRole(['admin', 'user'], user),
+		read: () => true,
+		update: user => checkRole(['admin', 'user'], user),
+		destroy: user => checkRole(['admin', 'user'], user),
+	},
+	fields: [
+		{
+			name: 'title',
+			label: 'Site Title',
+			type: 'text',
+			localized: true,
+			maxLength: 100,
+			required: true,
+		},
+		{
+			name: 'logo',
+			label: 'Logo',
+			type: 'upload',
+			required: false,
+		},
+		{
+			name: 'flexibleGlobal',
+			label: 'Global Flexible Block',
+			type: 'flexible',
+			blocks: [Quote, CallToAction],
+			localized: true,
+		},
+	],
+};

demo/payload.config.js

@@ -2,6 +2,7 @@ const path = require('path');
 const Page = require('./collections/Page');
 const Category = require('./collections/Category');
 const Post = require('./collections/Post');
+const Layout = require('./collections/Layout');
 const User = require('./collections/User');
 const Upload = require('./collections/Upload');
 const Header = require('./globals/Header');
@@ -9,7 +10,7 @@ const Footer = require('./globals/Footer');
 
 module.exports = {
   // disableAdmin: true,
-  collections: [Page, Category, Post],
+  collections: [Page, Category, Post, Layout],
   user: User,
   upload: Upload,
   globals: [Header, Footer],
@@ -19,12 +20,12 @@ module.exports = {
   routes: {
     api: '/api',
     admin: '/admin',
+    graphQL: '/graphql',
+    graphQLPlayground: '/graphql-playground',
   },
   compression: {},
   paths: {
     scssOverrides: path.resolve(__dirname, 'client/scss/overrides.scss'),
-    config: path.resolve(__dirname, 'payload.config.js'),
-    components: path.resolve(__dirname, 'client/components.js'),
   },
   mongoURL: 'mongodb://localhost/payload',
   localization: {
@@ -68,13 +69,14 @@ module.exports = {
       ],
     },
   },
-  staticUrl: '/uploads',
+  staticURL: '/uploads',
   staticDir: 'demo/upload',
   email: {
     provider: 'mock',
   },
-  graphQL: {
-    path: '/graphql',
-    graphiql: true,
+  components: {
+    layout: {
+      // Sidebar: path.resolve(__dirname, 'client/components/layout/Sidebar/index.js'),
+    },
   },
 };

demo/policies/checkRole.js

@@ -0,0 +1,11 @@
+/**
+ * authorize a request by comparing the current user with one or more roles
+ * @param roles
+ * @param user
+ * @returns {Function}
+ */
+const checkRole = (roles, user) => {
+  return !!(user && roles.some(role => role === user.role));
+};
+
+module.exports = checkRole;

demo/policies/roles.js

@@ -0,0 +1,7 @@
+module.exports = [
+  'admin',
+  'editor',
+  'moderator',
+  'user',
+  'viewer',
+];

demo/server.js

@@ -0,0 +1,14 @@
+const express = require('express');
+const Payload = require('../src');
+const config = require('./payload.config');
+
+const expressApp = express();
+
+const payload = new Payload({
+  config,
+  express: expressApp,
+});
+
+expressApp.listen(config.port, () => {
+  console.log(`listening on ${config.port}...`);
+});

package.json

@@ -13,8 +13,7 @@
     "test": "jest --config src/tests/jest.config.js",
     "test:int": "jest --config src/tests/jest.config.integration.js",
     "cov": "npm run core:build && node ./node_modules/jest/bin/jest.js src/tests --coverage",
-    "debug": "nodemon --inspect ./demo/init.js",
-    "dev": "nodemon demo/init.js",
+    "dev": "nodemon demo/server.js",
     "lint": "eslint **/*.js"
   },
   "bin": {