chore(release): v1.3.4

fix: doc access should not run where query on collections without id

.eslintrc.js

@@ -21,6 +21,28 @@ module.exports = {
     },
   },
   overrides: [
+    {
+      files: ['test/**/int.spec.ts'],
+      rules: {
+        '@typescript-eslint/no-use-before-define': 'off',
+        '@typescript-eslint/consistent-type-imports': 'warn',
+        'jest/prefer-strict-equal': 'off',
+      }
+    },
+    {
+      files: ['test/**/e2e.spec.ts'],
+      extends: [
+        'plugin:playwright/playwright-test'
+      ],
+      rules: {
+        'jest/consistent-test-it': 'off',
+        'jest/require-top-level-describe': 'off',
+        'jest/no-test-callback': 'off',
+        'jest/prefer-strict-equal': 'off',
+        'jest/expect-expect': 'off',
+        'jest-dom/prefer-to-have-attribute': 'off',
+      }
+    },
     {
       files: ['*.ts', '*.tsx'],
       parser: '@typescript-eslint/parser',
@@ -28,8 +50,8 @@ module.exports = {
         'plugin:@typescript-eslint/recommended',
       ],
       rules: {
-        "no-shadow": "off",
-        "@typescript-eslint/no-shadow": ["error"],
+        'no-shadow': 'off',
+        '@typescript-eslint/no-shadow': ['error'],
         'import/no-unresolved': [
           2,
           {
@@ -38,17 +60,35 @@ module.exports = {
             ],
           },
         ],
-      }
+      },
+    },
+    {
+      files: ['*.spec.ts'],
+      rules: {
+        '@typescript-eslint/no-use-before-define': 'off',
+      },
+    },
+    {
+      files: ['*.e2e.ts'],
+      rules: {
+        '@typescript-eslint/no-use-before-define': 'off',
+        'jest/expect-expect': 'off',
+      },
     },
   ],
   rules: {
-    "import/no-extraneous-dependencies": ["error", { "packageDir": "./" }],
+    'import/no-extraneous-dependencies': ['error', { packageDir: './' }],
     'react/jsx-filename-extension': [2, { extensions: ['.js', '.jsx', '.ts', '.tsx'] }],
     'import/prefer-default-export': 'off',
     'react/prop-types': 'off',
     'react/require-default-props': 'off',
     'react/no-unused-prop-types': 'off',
+    'no-console': 'warn',
+    'no-sparse-arrays': 'off',
     'no-underscore-dangle': 'off',
+    'no-use-before-define': 'off',
+    'arrow-body-style': 0,
+    '@typescript-eslint/no-use-before-define': 'off',
     'import/extensions': [
       'error',
       'ignorePackages',

.github/ISSUE_TEMPLATE/BUG_REPORT.md

@@ -1,33 +1,22 @@
 ---
 name: Bug Report
 about: Create a bug report for Payload
-labels: 'bug'
+labels: 'possible-bug'
 ---
 
 # Bug Report
 
 <!--- Provide a general summary of the issue in the Title above -->
 
-## Expected Behavior
-
-<!--- Tell us what should happen -->
-
-## Current Behavior
-
-<!--- Tell us what happens instead of the expected behavior -->
-
-## Possible Solution
-
-<!--- Not obligatory, but suggest a fix/reason for the bug, -->
-
 ## Steps to Reproduce
+
 <!--- Steps to reproduce this bug. Include any code, if relevant -->
+
 1.
 2.
 3.
-4.
 
-## Detailed Description
+## Other Details
 
-<!--- Provide any other additional details -->
 <!--- Payload version, browser, etc -->
+<!--- Possible solution if you're familiar with the code -->

.github/ISSUE_TEMPLATE/DOCUMENTATION_ISSUE.md

@@ -0,0 +1,13 @@
+---
+name: Documentation Issue
+about: Suggest fix to Payload documentation
+labels: 'documentation'
+---
+
+# Documentation Issue
+
+<!--- Please provide a summary of the documentation issue -->
+
+## Additional Details
+
+<!--- Provide any other additional details -->

.github/ISSUE_TEMPLATE/FEATURE_REQUEST.md

@@ -1,18 +0,0 @@
----
-name: Feature Request
-about: Suggest an idea for improving Payload
-labels: 'enhancement'
----
-
-# Feature Request
-
-<!--- Provide a general summary of the proposed feature -->
-<!--- Is it related to a problem you are having? -->
-
-## Use-Case
-
-<!-- Describe your specific use-case and why you think this feature would be beneficial -->
-
-## Additional Detail
-
-<!-- Add any other relevant detail -->

.github/ISSUE_TEMPLATE/config.yml

@@ -1,5 +1,11 @@
 blank_issues_enabled: false
 contact_links:
+  - name: Security Vulnerability
+    url: https://github.com/payloadcms/payload/blob/master/SECURITY.md
+    about: See instructions to privately disclose any security concerns
+  - name: Feature Request
+    url: https://github.com/payloadcms/payload/discussions
+    about: Suggest an idea to improve Payload in our GitHub Discussions
   - name: Question about Payload
     url: https://github.com/payloadcms/payload/discussions
     about: Please ask Payload-related questions in our GitHub Discussions

.github/workflows/tests.yml

@@ -1,13 +1,17 @@
 name: build
 
-on: [push]
+on:
+  pull_request:
+    types: [opened, reopened, edited, synchronize]
+  push:
+    branches: ['master']
 
 jobs:
-  build:
+  build_yarn:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [10.x, 12.x]
+        node-version: [14.x, 16.x, 18.x]
 
     steps:
     - uses: actions/checkout@v2
@@ -31,7 +35,50 @@ jobs:
       env:
         NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
     - run: yarn build
-    - run: yarn test:client
-    - run: yarn test:int # In-memory db + api tests
+
+    - name: Component Tests
+      run: yarn test:components
+    - name: Integration Tests
+      run: yarn test:int
+
+    - name: Generate Payload Types
+      run: yarn dev:generate-types fields
+
+    - name: Install Playwright Browsers
+      run: npx playwright install --with-deps
+    - name: E2E Tests
+      run: yarn test:e2e --bail
+
+    # - uses: actions/upload-artifact@v2
+    #   if: always()
+    #   with:
+    #     name: playwright-report
+    #     path: playwright-report/
+    #     retention-days: 30
+  install_npm:
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        node-version: [16.x]
+
+    steps:
+    - uses: actions/checkout@v2
+    - name: Use Node.js ${{ matrix.node-version }}
+      uses: actions/setup-node@v1
+      with:
+        node-version: ${{ matrix.node-version }}
+        registry-url: https://registry.npmjs.org
+        scope: '@payloadcms'
+        always-auth: true
+    - name: Cache node modules
+      uses: actions/cache@v1
+      with:
+        path: ~/.npm
+        key: ${{ runner.os }}-node-npm-${{ hashFiles('**/package-lock.json') }}
+        restore-keys: |
+          ${{ runner.os }}-npm-${{ env.cache-name }}-
+          ${{ runner.os }}-npm-
+          ${{ runner.os }}-
+    - run: npm install --legacy-peer-deps
       env:
-        CI: true
+        NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

.gitignore

@@ -86,6 +86,15 @@ typings/
 # Yarn Integrity file
 .yarn-integrity
 
+# Yarn Berry
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions
+.pnp.*
+
 # dotenv environment variables file
 .env
 
@@ -228,3 +237,7 @@ build
 # Ignore built components
 components/index.js
 components/styles.css
+
+# Ignore generated
+demo/generated-types.ts
+demo/generated-schema.graphql

.node-version

@@ -0,0 +1 @@
+v16.14.2

.release-it.beta.json

@@ -0,0 +1,25 @@
+{
+  "preReleaseId": "beta",
+  "git": {
+    "requireCleanWorkingDir": false,
+    "commit": false,
+    "push": false,
+    "tag": false
+  },
+  "github": {
+    "release": false
+  },
+  "npm": {
+    "skipChecks": true,
+    "tag": "beta"
+  },
+  "hooks": {
+    "before:init": ["yarn", "yarn clean", "yarn test"]
+  },
+  "plugins": {
+    "@release-it/conventional-changelog": {
+      "preset": "angular",
+      "infile": "CHANGELOG.md"
+    }
+  }
+}

.vscode/launch.json

@@ -18,6 +18,7 @@
       },
       "console": "integratedTerminal",
       "internalConsoleOptions": "neverOpen",
+      "runtimeExecutable": "${workspaceFolder}/node_modules/.bin/babel-node",
       "port": 9229,
       "skipFiles": [
         "<node_internals>/**"
@@ -28,42 +29,18 @@
       "request": "launch",
       "name": "Launch Program",
       "env": {
-        "PAYLOAD_CONFIG_PATH": "demo/payload.config.ts",
         "BABEL_ENV": "development"
       },
-      "program": "${workspaceFolder}/demo/index.js",
+      "program": "${workspaceFolder}/test/dev.js",
       "skipFiles": [
         "<node_internals>/**"
       ],
-      "runtimeExecutable": "${workspaceFolder}/node_modules/.bin/babel-node",
       "runtimeArgs": [
         "--nolazy"
       ],
+      "args": [
+        "fields"
+      ]
     },
-    {
-      "type": "node",
-      "request": "launch",
-      "name": "Launch Program - Production",
-      "env": {
-        "PAYLOAD_CONFIG_PATH": "demo/payload.config.ts",
-        "NODE_ENV": "production",
-        "BABEL_ENV": "development"
-      },
-      "program": "${workspaceFolder}/demo/index.js",
-      "skipFiles": [
-        "<node_internals>/**"
-      ],
-      "runtimeExecutable": "${workspaceFolder}/node_modules/.bin/babel-node",
-      "runtimeArgs": [
-        "--nolazy"
-      ],
-    },
-    {
-      "type": "chrome",
-      "request": "launch",
-      "name": "Launch Chrome against Localhost",
-      "url": "http://localhost:3000/admin",
-      "webRoot": "${workspaceFolder}"
-    }
   ]
 }

README.md

@@ -1,15 +1,22 @@
 <h1 align="center">Payload</h1>
-<p align="center">A self-hosted, JavaScript headless CMS & application framework built with Express, MongoDB and React.</p>
+<p align="center">A free and open-source TypeScript headless CMS & application framework built with Express, MongoDB and React.</p>
 <p align="center">
+  <a href="https://opensource.org/licenses/MIT">
+    <img src="https://img.shields.io/badge/License-MIT-blue.svg" />
+  </a>
   <a href="https://github.com/payloadcms/payload/actions">
-    <img src="https://github.com/payloadcms/payload/workflows/build/badge.svg">
+    <img src="https://github.com/payloadcms/payload/workflows/build/badge.svg" />
   </a>
   <a href="https://www.npmjs.com/package/payload">
-    <img alt="npm" src="https://img.shields.io/npm/v/payload">
+    <img alt="npm" src="https://img.shields.io/npm/v/payload" />
   </a>
 
   <a href="https://twitter.com/intent/tweet?text=Payload%20-%20A%20self-hosted%2C%20headless%20JavaScript%20CMS%20%26%20application%20framework&url=https%3A%2F%2Fgithub.com%2Fpayloadcms%2Fpayload">
-  <img alt="Tweet Payload" src="https://img.shields.io/twitter/url/http/shields.io.svg?style=social">
+  <img alt="Tweet Payload" src="https://img.shields.io/twitter/url/http/shields.io.svg?style=social" />
+  </a>
+
+  <a href="https://discord.com/invite/r6sCXqVk3v">
+    <img alt="Discord" src="https://img.shields.io/discord/967097582721572934?label=Discord&color=7289da" />
   </a>
 </p>
 
@@ -17,25 +24,15 @@
   <img src="https://payloadcms.com/images/og-image.jpg" alt="Payload headless CMS Admin panel built with React" />
 </a>
 
-### Quick Start
-
-```
-npx create-payload-app
-```
-
-Alternatively, it only takes about five minutes to [create an app from scratch](https://payloadcms.com/docs/getting-started/installation#from-scratch).
-
-### Documentation
-
-Check out the [Payload website](https://payloadcms.com/docs/getting-started/what-is-payload) to find in-depth documentation for everything that Payload offers.
-
 ### Features
 
+- Completely free and open-source
 - [GraphQL](https://payloadcms.com/docs/graphql/overview), [REST](https://payloadcms.com/docs/rest-api/overview), and [Local](https://payloadcms.com/docs/local-api/overview) APIs
 - [Easily customizable ReactJS Admin](https://payloadcms.com/docs/admin/overview)
 - [Fully self-hosted](https://payloadcms.com/docs/production/deployment)
 - [Extensible Authentication](https://payloadcms.com/docs/authentication/overview)
 - [Local file storage & upload](https://payloadcms.com/docs/upload/overview)
+- [Version History and Drafts](https://payloadcms.com/docs/versions/overview)
 - [Field-based Localization](https://payloadcms.com/docs/configuration/localization)
 - [Block-based Layout Builder](https://payloadcms.com/docs/fields/blocks)
 - [Extensible SlateJS rich text editor](https://payloadcms.com/docs/fields/rich-text)
@@ -49,18 +46,14 @@ Check out the [Payload website](https://payloadcms.com/docs/getting-started/what
 
 ### Code-first
 
-If you know JavaScript, you know Payload. Payload is a _code-first_ CMS, which allows us to do a lot of things right:
+Payload is a CMS that has been designed for developers from the ground up to deliver them what they need to build great digital products. If you know JavaScript, you know Payload. It's a _code-first_ CMS, which allows us to do a lot of things right:
 
-- Payload gives you everything you need, but then steps back and lets you build what you want in JavaScript or TypeScript - with no unnecessary complexity brought by GUIs. You'll understand how your CMS works, because you will have written it exactly how you want it.
+- Payload gives you everything you need, but then steps back and lets you build what you want in JavaScript or TypeScript - with no unnecessary complexity brought by GUIs. You'll understand how your CMS works because you will have written it exactly how you want it.
 - Bring your own Express server and do whatever you need on top of Payload. Payload doesn't impose anything on you or your app.
 - Completely control the Admin panel by using your own React components. Swap out fields or even entire views with ease.
-- Use your data however and wherever you need thanks to auto-generated, yet fully extensible REST, GraphQL and Local Node APIs.
+- Use your data however and wherever you need thanks to auto-generated, yet fully extensible REST, GraphQL, and Local Node APIs.
 
-### Free forever for personal use and small projects
-
-Payload is 100% free for personal projects or small use cases where only one admin user is required. You can also get started without an account whatsoever while running on `localhost`.
-
-## Installation
+### Quick Start
 
 Before beginning to work with Payload, make sure you have all of the [required software](https://payloadcms.com/docs/getting-started/installation).
 
@@ -70,8 +63,22 @@ From there, the easiest way to get started with Payload is to use the `create-pa
 npx create-payload-app
 ```
 
-Alternatively, it only takes about five minutes to [write out your own app from scratch](https://payloadcms.com/docs/getting-started/installation#from-scratch).
+Alternatively, it only takes about five minutes to [create an app from scratch](https://payloadcms.com/docs/getting-started/installation#from-scratch).
 
-## License
+### Documentation
 
-Find the Payload license [here](https://github.com/payloadcms/payload/blob/master/license.md).
+Check out the [Payload website](https://payloadcms.com/docs/getting-started/what-is-payload) to find in-depth documentation for everything that Payload offers.
+
+### Contributing
+
+If you want to add contributions to this repository, please follow the instructions in [contributing.md](./contributing.md).
+
+### Other Resources
+
+##### Discussions
+
+There are lots of good conversations and resources in our [GitHub Discussions board](https://github.com/payloadcms/payload/discussions). If you're struggling with something, chances are, someone's already solved what you're up against. Searching Discussions will often provide very helpful tips and tricks.
+
+##### Discord
+
+Join [Payload's Discord channel](https://discord.com/invite/r6sCXqVk3v) to interact with Payload developers in realtime.

SECURITY.md

@@ -0,0 +1,5 @@
+# Security Policy
+
+## Reporting a Vulnerability
+
+Please report any security issues or concerns to [info@payloadcms.com](mailto:info@payloadcms.com).

babel.js

@@ -0,0 +1,3 @@
+const babelConfig = require('./dist/babel.config');
+
+exports.config = babelConfig;

components/elements.ts

@@ -0,0 +1,5 @@
+export { default as Button } from '../dist/admin/components/elements/Button';
+export { default as Card } from '../dist/admin/components/elements/Card';
+export { default as Eyebrow } from '../dist/admin/components/elements/Eyebrow';
+export { default as Nav } from '../dist/admin/components/elements/Nav';
+export { Gutter } from '../dist/admin/components/elements/Gutter';

components/fields/Array.ts

@@ -0,0 +1 @@
+export type { Props } from '../../dist/admin/components/forms/field-types/Array/types';

components/fields/Blocks.ts

@@ -0,0 +1 @@
+export type { Props } from '../../dist/admin/components/forms/field-types/Blocks/types';

components/fields/Cell.ts

@@ -0,0 +1 @@
+export type { Props } from '../../dist/admin/components/views/collections/List/Cell/types';

components/fields/Checkbox.ts

@@ -0,0 +1 @@
+export type { Props } from '../../dist/admin/components/forms/field-types/Checkbox/types';

components/fields/Code.ts

@@ -0,0 +1 @@
+export type { Props } from '../../dist/admin/components/forms/field-types/Code/types';

components/fields/DateTime.ts

@@ -0,0 +1 @@
+export type { Props } from '../../dist/admin/components/forms/field-types/DateTime/types';

components/fields/Email.ts

@@ -0,0 +1 @@
+export type { Props } from '../../dist/admin/components/forms/field-types/Email/types';

components/fields/Group.ts

@@ -0,0 +1 @@
+export type { Props } from '../../dist/admin/components/forms/field-types/Group/types';

components/fields/Number.ts

@@ -0,0 +1 @@
+export type { Props } from '../../dist/admin/components/forms/field-types/Number/types';

components/fields/Password.ts

@@ -0,0 +1 @@
+export type { Props } from '../../dist/admin/components/forms/field-types/Password/types';

components/fields/RadioGroup/RadioInput.ts

@@ -0,0 +1 @@
+export type { Props } from '../../../dist/admin/components/forms/field-types/RadioGroup/RadioInput/types';

components/fields/RadioGroup/index.ts

@@ -0,0 +1 @@
+export type { Props } from '../../../dist/admin/components/forms/field-types/RadioGroup/types';

components/fields/Relationship.ts

@@ -0,0 +1 @@
+export type { Props, Option, ValueWithRelation } from '../../dist/admin/components/forms/field-types/Relationship/types';

components/fields/RichText.ts

@@ -0,0 +1 @@
+export type { Props } from '../../dist/admin/components/forms/field-types/RichText/types';

components/fields/Row.ts

@@ -0,0 +1 @@
+export type { Props } from '../../dist/admin/components/forms/field-types/Row/types';

components/fields/Select.ts

@@ -0,0 +1 @@
+export type { Props } from '../../dist/admin/components/forms/field-types/Select/types';

components/fields/Text.ts

@@ -0,0 +1 @@
+export type { Props } from '../../dist/admin/components/forms/field-types/Text/types';

components/fields/Textarea.ts

@@ -0,0 +1 @@
+export type { Props } from '../../dist/admin/components/forms/field-types/Textarea/types';

components/fields/Upload.ts

@@ -0,0 +1 @@
+export type { Props } from '../../dist/admin/components/forms/field-types/Upload/types';

components/forms.js

@@ -1,19 +0,0 @@
-export {
-  useForm,
-  useWatchForm,
-  useFormSubmitted,
-  useFormProcessing,
-  useFormModified,
-} from '../dist/admin/components/forms/Form/context';
-
-export { default as useFieldType } from '../dist/admin/components/forms/useFieldType';
-
-export { default as Form } from '../dist/admin/components/forms/Form';
-
-export { default as Text } from '../dist/admin/components/forms/field-types/Text';
-export { default as Group } from '../dist/admin/components/forms/field-types/Group';
-export { default as Select } from '../dist/admin/components/forms/field-types/Select';
-export { default as Checkbox } from '../dist/admin/components/forms/field-types/Checkbox';
-export { default as Submit } from '../dist/admin/components/forms/Submit';
-
-export { default as reduceFieldsToValues } from '../dist/admin/components/forms/Form/reduceFieldsToValues';

components/forms.ts

@@ -0,0 +1,38 @@
+export {
+  useForm,
+  /**
+   * @deprecated useWatchForm is no longer preferred. If you need all form fields, prefer `useAllFormFields`.
+   */
+  useWatchForm,
+  useFormFields,
+  useAllFormFields,
+  useFormSubmitted,
+  useFormProcessing,
+  useFormModified,
+} from '../dist/admin/components/forms/Form/context';
+
+export { default as useField } from '../dist/admin/components/forms/useField';
+
+/**
+ * @deprecated This method is now called useField. The useFieldType alias will be removed in an upcoming version.
+ */
+export { default as useFieldType } from '../dist/admin/components/forms/useField';
+
+export { default as Form } from '../dist/admin/components/forms/Form';
+
+export { default as Text } from '../dist/admin/components/forms/field-types/Text';
+export { default as TextInput } from '../dist/admin/components/forms/field-types/Text/Input';
+
+export { default as Group } from '../dist/admin/components/forms/field-types/Group';
+
+export { default as Select } from '../dist/admin/components/forms/field-types/Select';
+export { default as SelectInput } from '../dist/admin/components/forms/field-types/Select/Input';
+
+export { default as Checkbox } from '../dist/admin/components/forms/field-types/Checkbox';
+export { default as Submit } from '../dist/admin/components/forms/Submit';
+export { default as Label } from '../dist/admin/components/forms/Label';
+
+export { default as reduceFieldsToValues } from '../dist/admin/components/forms/Form/reduceFieldsToValues';
+export { default as getSiblingData } from '../dist/admin/components/forms/Form/getSiblingData';
+
+export { default as withCondition } from '../dist/admin/components/forms/withCondition';

components/hooks.ts

@@ -0,0 +1 @@
+export { useStepNav } from '../dist/admin/components/elements/StepNav';

components/icons.ts

@@ -0,0 +1,2 @@
+export { default as Chevron } from '../src/admin/components/icons/Chevron';
+export { default as X } from '../src/admin/components/icons/X';

components/index.d.ts

@@ -0,0 +1 @@
+export * from '../dist/admin/components';

components/preferences.ts

@@ -0,0 +1 @@
+export { usePreferences } from '../dist/admin/components/utilities/Preferences';

components/templates.ts

@@ -0,0 +1,2 @@
+export { default as DefaultTemplate } from '../dist/admin/components/templates/Default';
+export { default as MinimalTemplate } from '../dist/admin/components/templates/Minimal';

components/utilities.ts

@@ -0,0 +1,6 @@
+export { default as Meta } from '../dist/admin/components/utilities/Meta';
+export { useLocale } from '../dist/admin/components/utilities/Locale';
+export { useDocumentInfo } from '../dist/admin/components/utilities/DocumentInfo';
+export { useConfig } from '../dist/admin/components/utilities/Config';
+export { useAuth } from '../dist/admin/components/utilities/Auth';
+export { useEditDepth } from '../dist/admin/components/utilities/EditDepth';

components/views.js

@@ -1,2 +0,0 @@
-export { default as Edit } from '../dist/admin/components/views/collections/Edit/Default';
-export { default as List } from '../dist/admin/components/views/collections/List/Default';

components/views/Cell.ts

@@ -0,0 +1,2 @@
+export { default as Cell } from '../../dist/admin/components/views/collections/List/Cell';
+export type { Props } from '../../dist/admin/components/views/collections/List/Cell/types';

components/views/Dashboard.ts

@@ -0,0 +1,3 @@
+export { default as Dashboard } from '../../dist/admin/components/views/Dashboard/Default';
+
+export type { Props } from '../../dist/admin/components/views/Dashboard/types';

components/views/Edit.ts

@@ -0,0 +1,2 @@
+export { default as Edit } from '../../dist/admin/components/views/collections/Edit/Default';
+export type { Props } from '../../dist/admin/components/views/collections/Edit/types';

components/views/List.ts

@@ -0,0 +1,2 @@
+export { default as List } from '../../dist/admin/components/views/collections/List/Default';
+export type { Props } from '../../dist/admin/components/views/collections/Edit/types';

contributing.md

@@ -2,10 +2,6 @@
 
 Below you'll find a set of guidelines for how to contribute to Payload CMS.
 
-## Payload is proprietary software
-
-Even though you can read Payload's source code, it's technically not "open source". Payload requires an active license to be used in all production purposes. That said, we do not expect PRs from the public, but we still welcome pull requests of any kind.
-
 ## Opening issues
 
 Before you submit an issue, please check all existing [open and closed issues](https://github.com/payloadcms/payload/issues) to see if your issue has previously been resolved or is already known. If there is already an issue logged, feel free to upvote it by adding a :thumbsup: [reaction](https://github.com/blog/2119-add-reactions-to-pull-requests-issues-and-comments). If you would like to submit a new issue, please fill out our Issue Template to the best of your ability so we can accurately understand your report.
@@ -22,12 +18,41 @@ Payload documentation can be found directly within its codebase and you can feel
 
 ## Building additional features
 
-If you're an incredibly awesome person and want to help us make Payload even better through new features or additions, we would be thrilled to work with you. If your proposed feature is accepted by our team and is significant enough, pending our discretion, we'd be happy to hook you up with a pro-bono license.
+If you're an incredibly awesome person and want to help us make Payload even better through new features or additions, we would be thrilled to work with you.
 
-To help us work on new features, you can reach out to our Development team at [`dev@payloadcms.com`](mailto:dev@payloadcms.com). Be as complete and descriptive as possible regarding your vision and we'll go from there!
+### Before Starting
+
+To help us work on new features, you can create a new feature request post in [GitHub Discussion](https://github.com/payloadcms/payload/discussions) or discuss it in our [Discord](https://discord.com/invite/r6sCXqVk3v). New functionality often has large implications across the entire Payload repo, so it is best to discuss the architecture and approach before starting work on a pull request.
+
+### Code
+
+Most new functionality should keep testing in mind. With 1.0, testability of new features has been vastly improved. All top-level directories within the `test/` directory are for testing a specific category: `fields`, `collections`, etc.
+
+If it makes sense to add your feature to an existing test directory, please do so.
+
+A typical directory with `test/` will be structured like this:
+
+```text
+.
+├── config.ts
+├── int.spec.ts
+├── e2e.spec.ts
+└── payload-types.ts
+```
+
+- `config.ts` - This is the _granular_ Payload config for testing. It should be as lightweight as possible. Reference existing configs for an example
+- `int.spec.ts` - This is the test file run by jest. Any test file must have a `*int.spec.ts` suffix.
+- `e2e.spec.ts` - This is the end-to-end test file that will load up the admin UI using the above config and run Playwright tests. These tests are typically only needed if a large change is being made to the Admin UI.
+- `payload-types.ts` - Generated types from `config.ts`. Generate this file by running `yarn dev:generate-types my-test-dir`.
+
+The directory split up in this way specifically to reduce friction when creating tests and to add the ability to boot up Payload with that specific config.
+
+The following command will start Payload with your config: `yarn dev my-test-dir`. This command will start up Payload using your config and refresh a test database on every restart.
+
+When switching between test directories, you will want to remove your `node_modules/.cache ` manually or by running `yarn clean:cache`.
+
+NOTE: It is recommended to add the test credentials (located in `test/credentials.ts`) to your autofill for `localhost:3000/admin` as this will be required on every nodemon restart. The default credentials are `dev@payloadcms.com` as E-Mail and `test` as password.
 
 ## Pull Requests
 
 For all Pull Requests, you should be extremely descriptive about both your problem and proposed solution. If there are any affected open or closed issues, please leave the issue number in your PR message.
-
-By opening a Pull Request against Payload's codebase, you automatically give the entirety of the contribution within your PR to Payload CMS, LLC and retain no personal ownership whatsoever afterward. For more information, please read the full [Payload license](https://github.com/payloadcms/payload/blob/master/license.md).

demo/access/checkRole.ts

@@ -1,17 +0,0 @@
-/**
- * authorize a request by comparing the current user with one or more roles
- * @param allRoles
- * @param user
- * @returns {Function}
- */
-const checkRole = (allRoles, user) => {
-  if (user) {
-    if (allRoles.some((role) => user.roles && user.roles.some((individualRole) => individualRole === role))) {
-      return true;
-    }
-  }
-
-  return false;
-};
-
-export default checkRole;

demo/access/roles.ts

@@ -1,7 +0,0 @@
-export default [
-  'admin',
-  'editor',
-  'moderator',
-  'user',
-  'viewer',
-];

demo/blocks/CallToAction.ts

@@ -1,26 +0,0 @@
-import { Block } from '../../src/fields/config/types';
-
-const CTA: Block = {
-  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',
-      required: true,
-    },
-  ],
-};
-
-export default CTA;

demo/blocks/Email.ts

@@ -1,19 +0,0 @@
-import { Block } from '../../src/fields/config/types';
-
-const Email: Block = {
-  slug: 'email',
-  labels: {
-    singular: 'Email',
-    plural: 'Emails',
-  },
-  fields: [
-    {
-      name: 'testEmail',
-      label: 'Test Email Field',
-      type: 'email',
-      required: true,
-    },
-  ],
-};
-
-export default Email;

demo/blocks/Number.ts

@@ -1,20 +0,0 @@
-import { Block } from '../../src/fields/config/types';
-
-const NumberBlock: Block = {
-  slug: 'number',
-  labels: {
-    singular: 'Number',
-    plural: 'Numbers',
-  },
-  fields: [
-    {
-      name: 'testNumber',
-      label: 'Test Number Field',
-      type: 'number',
-      max: 100,
-      required: true,
-    },
-  ],
-};
-
-export default NumberBlock;

demo/blocks/Quote.ts

@@ -1,34 +0,0 @@
-import { Block } from '../../src/fields/config/types';
-
-const Quote: Block = {
-  imageURL: '/static/assets/images/generic-block-image.svg',
-  slug: 'quote',
-  labels: {
-    singular: 'Quote',
-    plural: 'Quotes',
-  },
-  fields: [
-    {
-      name: 'author',
-      label: 'Author',
-      type: 'relationship',
-      relationTo: 'public-users',
-      required: true,
-    },
-    {
-      name: 'quote',
-      label: 'Quote',
-      type: 'textarea',
-      required: true,
-    },
-    {
-      name: 'color',
-      label: 'Color',
-      type: 'text',
-      maxLength: 7,
-      required: true,
-    },
-  ],
-};
-
-export default Quote;

demo/client/index.html

@@ -1,14 +0,0 @@
-<!DOCTYPE HTML>
-<html>
-
-<head>
-  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1" />
-</head>
-
-<body>
-  <div id="app"></div>
-  <div id="portal"></div>
-</body>
-
-</html>

demo/client/static/assets/images/generic-block-image.svg

@@ -1,9 +0,0 @@
-<svg width="82" height="53" viewBox="0 0 82 53" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-<rect x="0.713013" width="80.574" height="52.7791" fill="url(#pattern0)"/>
-<defs>
-<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
-<use xlink:href="#image0" transform="scale(0.00387597 0.00591716)"/>
-</pattern>
-<image id="image0" width="258" height="169" xlink:href="data:image/png;base64,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"/>
-</defs>
-</svg>

demo/collections/Admin.ts

@@ -1,73 +0,0 @@
-import { PayloadCollectionConfig } from '../../src/collections/config/types';
-import roles from '../access/roles';
-import checkRole from '../access/checkRole';
-
-const access = ({ req: { user } }) => {
-  const result = checkRole(['admin'], user);
-  return result;
-};
-
-const Admin: PayloadCollectionConfig = {
-  slug: 'admins',
-  labels: {
-    singular: 'Admin',
-    plural: 'Admins',
-  },
-  access: {
-    create: access,
-    read: access,
-    update: access,
-    delete: access,
-    admin: () => true,
-  },
-  auth: {
-    tokenExpiration: 7200, // 2 hours
-    verify: false,
-    maxLoginAttempts: 5,
-    lockTime: 600 * 1000, // lock time in ms
-    useAPIKey: true,
-    depth: 0,
-    cookies: {
-      secure: false,
-      sameSite: 'lax',
-      domain: undefined,
-    },
-  },
-  fields: [
-    {
-      name: 'roles',
-      label: 'Role',
-      type: 'select',
-      options: roles,
-      defaultValue: 'user',
-      required: true,
-      saveToJWT: true,
-      hasMany: true,
-    },
-    {
-      name: 'apiKey',
-      type: 'text',
-      access: {
-        read: ({ req: { user } }) => {
-          if (checkRole(['admin'], user)) {
-            return true;
-          }
-
-          if (user) {
-            return {
-              email: user.email,
-            };
-          }
-
-          return false;
-        },
-      },
-    },
-  ],
-  timestamps: true,
-  admin: {
-    useAsTitle: 'email',
-  },
-};
-
-export default Admin;

demo/collections/AllFields.ts

@@ -1,305 +0,0 @@
-import { PayloadCollectionConfig } from '../../src/collections/config/types';
-import checkRole from '../access/checkRole';
-import Email from '../blocks/Email';
-import Quote from '../blocks/Quote';
-import NumberBlock from '../blocks/Number';
-import CallToAction from '../blocks/CallToAction';
-
-const AllFields: PayloadCollectionConfig = {
-  slug: 'all-fields',
-  labels: {
-    singular: 'All Fields',
-    plural: 'All Fields',
-  },
-  admin: {
-    useAsTitle: 'text',
-    preview: (doc, token) => {
-      if (doc && doc.text) {
-        return `http://localhost:3000/previewable-posts/${doc.text}?preview=true&token=${token}`;
-      }
-
-      return null;
-    },
-  },
-  access: {
-    read: () => true,
-  },
-  fields: [
-    {
-      name: 'text',
-      type: 'text',
-      label: 'Text',
-      required: true,
-      defaultValue: 'Default Value',
-      unique: true,
-      access: {
-        create: ({ req: { user } }) => checkRole(['admin'], user),
-        update: ({ req: { user } }) => checkRole(['admin'], user),
-        read: ({ req: { user } }) => Boolean(user),
-      },
-    },
-    {
-      name: 'image',
-      type: 'upload',
-      label: 'Image',
-      relationTo: 'media',
-    },
-    {
-      name: 'select',
-      label: 'Select',
-      type: 'select',
-      options: [{
-        value: 'option-1',
-        label: 'Option 1 Label',
-      }, {
-        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: 'selectMany',
-      label: 'Select w/ hasMany',
-      type: 'select',
-      options: [{
-        value: 'option-1',
-        label: 'Option 1 Label',
-      }, {
-        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,
-    },
-    {
-      name: 'dateFieldExample',
-      label: 'Day and Time',
-      type: 'date',
-      admin: {
-        date: {
-          timeIntervals: 30,
-        },
-      },
-    },
-    {
-      name: 'dayOnlyDateFieldExample',
-      label: 'Day Only',
-      type: 'date',
-      admin: {
-        date: {
-          pickerAppearance: 'dayOnly',
-          monthsToShow: 2,
-        },
-      },
-    },
-    {
-      name: 'timeOnlyDateFieldExample',
-      label: 'Time Only',
-      type: 'date',
-      admin: {
-        date: {
-          pickerAppearance: 'timeOnly',
-        },
-      },
-    },
-    {
-      name: 'radioGroupExample',
-      label: 'Radio Group Example',
-      type: 'radio',
-      options: [{
-        value: 'option-1',
-        label: 'Options 1 Label',
-      }, {
-        value: 'option-2',
-        label: 'Option 2 Label',
-      }, {
-        value: 'option-3',
-        label: 'Option 3 Label',
-      }],
-      defaultValue: 'option-2',
-      required: true,
-      admin: {
-        readOnly: true,
-      },
-    },
-    {
-      type: 'row',
-      fields: [
-        {
-          name: 'email',
-          label: 'Email',
-          type: 'email',
-        }, {
-          name: 'number',
-          label: 'Number',
-          type: 'number',
-        },
-      ],
-    },
-    {
-      type: 'group',
-      label: 'Group',
-      name: 'group',
-      fields: [
-        {
-          type: 'row',
-          fields: [
-            {
-              name: 'nestedText1',
-              label: 'Nested Text 1',
-              type: 'text',
-            }, {
-              name: 'nestedText2',
-              label: 'Nested Text 2',
-              type: 'text',
-            },
-          ],
-        },
-      ],
-    },
-    {
-      type: 'array',
-      label: 'Array',
-      name: 'array',
-      minRows: 2,
-      maxRows: 4,
-      fields: [
-        {
-          type: 'row',
-          fields: [
-            {
-              name: 'arrayText1',
-              label: 'Array Text 1',
-              type: 'text',
-              required: true,
-              admin: {
-                width: '50%',
-              },
-            },
-            {
-              name: 'arrayText2',
-              label: 'Array Text 2',
-              type: 'text',
-              required: true,
-              admin: {
-                width: '50%',
-              },
-              access: {
-                read: ({ req: { user } }) => Boolean(user),
-                update: ({ req: { user } }) => checkRole(['admin'], user),
-              },
-            },
-          ],
-        },
-        {
-          type: 'text',
-          name: 'arrayText3',
-          label: 'Array Text 3',
-          admin: {
-            readOnly: true,
-          },
-        },
-        {
-          name: 'checkbox',
-          label: 'Checkbox',
-          type: 'checkbox',
-        },
-      ],
-    },
-    {
-      type: 'blocks',
-      label: 'Blocks Content',
-      name: 'blocks',
-      minRows: 2,
-      blocks: [Email, NumberBlock, Quote, CallToAction],
-      localized: true,
-      required: true,
-    },
-    {
-      type: 'relationship',
-      label: 'Relationship to One Collection',
-      name: 'relationship',
-      relationTo: 'conditions',
-    },
-    {
-      type: 'relationship',
-      label: 'Relationship hasMany',
-      name: 'relationshipHasMany',
-      relationTo: 'localized-posts',
-      hasMany: true,
-    },
-    {
-      type: 'relationship',
-      label: 'Relationship to Multiple Collections',
-      name: 'relationshipMultipleCollections',
-      relationTo: ['localized-posts', 'conditions'],
-    },
-    {
-      type: 'textarea',
-      label: 'Textarea',
-      name: 'textarea',
-    },
-    {
-      name: 'slug',
-      type: 'text',
-      label: 'Slug',
-      admin: {
-        position: 'sidebar',
-      },
-      localized: true,
-      unique: true,
-      required: true,
-    },
-    {
-      name: 'checkbox',
-      type: 'checkbox',
-      label: 'Checkbox',
-      admin: {
-        position: 'sidebar',
-      },
-    },
-    {
-      name: 'richText',
-      type: 'richText',
-      label: 'Rich Text',
-      required: true,
-      admin: {
-        elements: [
-          'h1',
-          'h2',
-          'h3',
-          'h4',
-          'h5',
-          'h6',
-          'blockquote',
-          'ul',
-          'ol',
-          'link',
-        ],
-        leaves: [
-          'bold',
-          'italic',
-          'underline',
-          'strikethrough',
-        ],
-      },
-    },
-  ],
-  timestamps: true,
-};
-
-export default AllFields;

demo/collections/AutoLabel.ts

@@ -1,12 +0,0 @@
-import { PayloadCollectionConfig } from '../../src/collections/config/types';
-
-const AutoLabel: PayloadCollectionConfig = {
-  slug: 'auto-label',
-  fields: [{
-    name: 'text',
-    type: 'text',
-    label: 'Text',
-  }],
-};
-
-export default AutoLabel;

demo/collections/Blocks.ts

@@ -1,43 +0,0 @@
-import { PayloadCollectionConfig } from '../../src/collections/config/types';
-import Email from '../blocks/Email';
-import Quote from '../blocks/Quote';
-import NumberBlock from '../blocks/Number';
-import CallToAction from '../blocks/CallToAction';
-
-const Blocks: PayloadCollectionConfig = {
-  slug: 'blocks',
-  labels: {
-    singular: 'Blocks',
-    plural: 'Blocks',
-  },
-  access: {
-    read: () => true,
-  },
-  fields: [
-    {
-      name: 'layout',
-      label: 'Layout Blocks',
-      labels: {
-        singular: 'Block',
-        plural: 'Blocks',
-      },
-      type: 'blocks',
-      blocks: [Email, NumberBlock, Quote, CallToAction],
-      localized: true,
-      required: true,
-    },
-    {
-      name: 'nonLocalizedLayout',
-      label: 'Non Localized Layout',
-      labels: {
-        singular: 'Layout',
-        plural: 'Layouts',
-      },
-      type: 'blocks',
-      blocks: [Email, NumberBlock, Quote, CallToAction],
-      required: true,
-    },
-  ],
-};
-
-export default Blocks;

demo/collections/Code.ts

@@ -1,22 +0,0 @@
-import { PayloadCollectionConfig } from '../../src/collections/config/types';
-
-const Code: PayloadCollectionConfig = {
-  slug: 'code',
-  labels: {
-    singular: 'Code',
-    plural: 'Codes',
-  },
-  fields: [
-    {
-      name: 'code',
-      type: 'code',
-      label: 'Code',
-      required: true,
-      admin: {
-        language: 'js',
-      },
-    },
-  ],
-};
-
-export default Code;

demo/collections/Conditions.ts

@@ -1,55 +0,0 @@
-import { PayloadCollectionConfig } from '../../src/collections/config/types';
-
-const Conditions: PayloadCollectionConfig = {
-  slug: 'conditions',
-  labels: {
-    singular: 'Conditions',
-    plural: 'Conditions',
-  },
-  fields: [
-    {
-      name: 'title',
-      type: 'text',
-      label: 'Title',
-      required: true,
-    },
-    {
-      name: 'enableTest',
-      type: 'checkbox',
-      label: 'Enable Test',
-    },
-    {
-      name: 'number',
-      type: 'number',
-      label: 'Number Field',
-    },
-    {
-      name: 'simpleCondition',
-      type: 'text',
-      label: 'Enable Test is checked',
-      required: true,
-      admin: {
-        condition: (_, siblings) => siblings.enableTest === true,
-      },
-    },
-    {
-      name: 'orCondition',
-      type: 'text',
-      label: 'Number is greater than 20 OR enableTest is checked',
-      required: true,
-      admin: {
-        condition: (_, siblings) => siblings.number > 20 || siblings.enableTest === true,
-      },
-    },
-    {
-      name: 'nestedConditions',
-      type: 'text',
-      label: 'Number is either greater than 20 AND enableTest is checked, OR number is less than 20 and enableTest is NOT checked',
-      admin: {
-        condition: (_, siblings) => (siblings.number > 20 && siblings.enableTest === true) || (siblings.number < 20 && siblings.enableTest === false),
-      },
-    },
-  ],
-};
-
-export default Conditions;

demo/collections/CustomComponents/components/fields/Description/Cell/index.tsx

@@ -1,5 +0,0 @@
-import React from 'react';
-
-const Cell: React.FC = () => <div className="description">fake description cell</div>;
-
-export default Cell;

demo/collections/CustomComponents/components/fields/Description/Field/index.tsx

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

demo/collections/CustomComponents/components/fields/Description/Filter/index.scss

@@ -1,3 +0,0 @@
-.custom-description-filter {
-  background: lightgray;
-}

demo/collections/CustomComponents/components/fields/Description/Filter/index.tsx

@@ -1,15 +0,0 @@
-import React from 'react';
-import { Props } from './types';
-
-import './index.scss';
-
-const Filter: React.FC<Props> = ({ onChange, value }) => (
-  <input
-    className="custom-description-filter"
-    type="text"
-    onChange={(e) => onChange(e.target.value)}
-    value={value}
-  />
-);
-
-export default Filter;

demo/collections/CustomComponents/components/fields/Description/Filter/types.ts

@@ -1,4 +0,0 @@
-export type Props = {
-  value?: string
-  onChange?: (value: string) => void
-}

demo/collections/CustomComponents/components/fields/Group/Field/index.tsx

@@ -1,19 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Group } from '../../../../../../../components/forms';
-
-const CustomGroup: React.FC = (props) => (
-  <div className="custom-group">
-    <Group {...props} />
-  </div>
-);
-
-CustomGroup.defaultProps = {
-  value: '',
-};
-
-CustomGroup.propTypes = {
-  value: PropTypes.string,
-};
-
-export default CustomGroup;

demo/collections/CustomComponents/components/fields/NestedArrayCustomField/Field/index.tsx

@@ -1,5 +0,0 @@
-import React from 'react';
-
-const NestedArrayCustomField = () => <div className="nested-array-custom-field">Nested array custom field</div>;
-
-export default NestedArrayCustomField;

demo/collections/CustomComponents/components/fields/NestedGroupCustomField/Field/index.tsx

@@ -1,5 +0,0 @@
-import React from 'react';
-
-const NestedGroupCustomField = () => <div className="nested-group-custom-field">Nested group custom field</div>;
-
-export default NestedGroupCustomField;

demo/collections/CustomComponents/components/fields/NestedText1/Field/index.tsx

@@ -1,5 +0,0 @@
-import React from 'react';
-
-const NestedText1 = () => <div className="nested-text-1">Nested Text 1</div>;
-
-export default NestedText1;

demo/collections/CustomComponents/components/views/List/index.scss

@@ -1,5 +0,0 @@
-$color: purple;
-
-.custom-list {
-  color: $color;
-}

demo/collections/CustomComponents/components/views/List/index.tsx

@@ -1,14 +0,0 @@
-import React from 'react';
-import DefaultList from '../../../../../../src/admin/components/views/collections/List/Default';
-
-import './index.scss';
-
-const CustomListView: React.FC = (props) => (
-  <div className="custom-list">
-    <p>This is a custom Pages list view</p>
-    <p>Sup</p>
-    <DefaultList {...props} />
-  </div>
-);
-
-export default CustomListView;

demo/collections/CustomComponents/index.ts

@@ -1,111 +0,0 @@
-import { PayloadCollectionConfig } from '../../../src/collections/config/types';
-import DescriptionField from './components/fields/Description/Field';
-import DescriptionCell from './components/fields/Description/Cell';
-import DescriptionFilter from './components/fields/Description/Filter';
-import NestedArrayField from './components/fields/NestedArrayCustomField/Field';
-import GroupField from './components/fields/Group/Field';
-import NestedGroupField from './components/fields/NestedGroupCustomField/Field';
-import NestedText1Field from './components/fields/NestedText1/Field';
-import ListView from './components/views/List';
-
-const CustomComponents: PayloadCollectionConfig = {
-  slug: 'custom-components',
-  labels: {
-    singular: 'Custom Component',
-    plural: 'Custom Components',
-  },
-  fields: [
-    {
-      name: 'title',
-      label: 'Title',
-      type: 'text',
-      maxLength: 100,
-      required: true,
-      unique: true,
-      localized: true,
-    },
-    {
-      name: 'description',
-      label: 'Description',
-      type: 'textarea',
-      required: true,
-      localized: true,
-      admin: {
-        components: {
-          Field: DescriptionField,
-          Cell: DescriptionCell,
-          Filter: DescriptionFilter,
-        },
-      },
-    },
-    {
-      name: 'array',
-      label: 'Array',
-      type: 'array',
-      fields: [
-        {
-          type: 'text',
-          name: 'nestedArrayCustomField',
-          label: 'Nested Array Custom Field',
-          admin: {
-            components: {
-              Field: NestedArrayField,
-            },
-          },
-        },
-      ],
-    },
-    {
-      name: 'group',
-      label: 'Group',
-      type: 'group',
-      admin: {
-        components: {
-          Field: GroupField,
-        },
-      },
-      fields: [
-        {
-          type: 'text',
-          name: 'nestedGroupCustomField',
-          label: 'Nested Group Custom Field',
-          admin: {
-            components: {
-              Field: NestedGroupField,
-            },
-          },
-        },
-      ],
-    },
-    {
-      type: 'row',
-      fields: [
-        {
-          name: 'nestedText1',
-          label: 'Nested Text 1',
-          type: 'text',
-          admin: {
-            components: {
-              Field: NestedText1Field,
-            },
-          },
-        }, {
-          name: 'nestedText2',
-          label: 'Nested Text 2',
-          type: 'text',
-        },
-      ],
-    },
-  ],
-  timestamps: true,
-  admin: {
-    useAsTitle: 'title',
-    components: {
-      views: {
-        List: ListView,
-      },
-    },
-  },
-};
-
-export default CustomComponents;

demo/collections/DefaultValues.ts

@@ -1,287 +0,0 @@
-import { PayloadCollectionConfig } from '../../src/collections/config/types';
-import checkRole from '../access/checkRole';
-import Email from '../blocks/Email';
-import Quote from '../blocks/Quote';
-import NumberBlock from '../blocks/Number';
-import CallToAction from '../blocks/CallToAction';
-
-const DefaultValues: PayloadCollectionConfig = {
-  slug: 'default-values',
-  labels: {
-    singular: 'Default Value Test',
-    plural: 'Default Value Tests',
-  },
-  admin: {
-    useAsTitle: 'text',
-  },
-  access: {
-    read: () => true,
-  },
-  fields: [
-    {
-      name: 'text',
-      type: 'text',
-      label: 'Text',
-      defaultValue: 'Default Value',
-      unique: true,
-      access: {
-        create: ({ req: { user } }) => checkRole(['admin'], user),
-        update: ({ req: { user } }) => checkRole(['admin'], user),
-        read: ({ req: { user } }) => Boolean(user),
-      },
-    },
-    {
-      name: 'image',
-      type: 'upload',
-      label: 'Image',
-      relationTo: 'media',
-    },
-    {
-      name: 'select',
-      label: 'Select',
-      type: 'select',
-      options: [{
-        value: 'option-1',
-        label: 'Option 1 Label',
-      }, {
-        value: 'option-2',
-        label: 'Option 2 Label',
-      }, {
-        value: 'option-3',
-        label: 'Option 3 Label',
-      }, {
-        value: 'option-4',
-        label: 'Option 4 Label',
-      }],
-      defaultValue: 'option-1',
-    },
-    {
-      name: 'selectMany',
-      label: 'Select w/ hasMany',
-      type: 'select',
-      options: [{
-        value: 'option-1',
-        label: 'Option 1 Label',
-      }, {
-        value: 'option-2',
-        label: 'Option 2 Label',
-      }, {
-        value: 'option-3',
-        label: 'Option 3 Label',
-      }, {
-        value: 'option-4',
-        label: 'Option 4 Label',
-      }],
-      defaultValue: ['option-1', 'option-4'],
-      hasMany: true,
-    },
-    {
-      name: 'radioGroupExample',
-      label: 'Radio Group Example',
-      type: 'radio',
-      options: [{
-        value: 'option-1',
-        label: 'Options 1 Label',
-      }, {
-        value: 'option-2',
-        label: 'Option 2 Label',
-      }, {
-        value: 'option-3',
-        label: 'Option 3 Label',
-      }],
-      defaultValue: 'option-2',
-    },
-    {
-      type: 'row',
-      fields: [
-        {
-          name: 'email',
-          label: 'Email',
-          type: 'email',
-          defaultValue: 'some@email.com',
-        }, {
-          name: 'number',
-          label: 'Number',
-          type: 'number',
-          defaultValue: 5,
-        },
-      ],
-    },
-    {
-      type: 'group',
-      label: 'Group',
-      name: 'group',
-      defaultValue: {
-        nestedText1: 'neat',
-      },
-      fields: [
-        {
-          type: 'row',
-          fields: [
-            {
-              name: 'nestedText1',
-              label: 'Nested Text 1',
-              type: 'text',
-              defaultValue: 'nested default text 1',
-            }, {
-              name: 'nestedText2',
-              label: 'Nested Text 2',
-              type: 'text',
-              defaultValue: 'nested default text 2',
-            },
-          ],
-        },
-      ],
-    },
-    {
-      type: 'array',
-      label: 'Array',
-      name: 'array',
-      admin: {
-        readOnly: true,
-      },
-      defaultValue: [
-        {
-          arrayText1: 'Get out',
-        },
-      ],
-      fields: [
-        {
-          type: 'row',
-          fields: [
-            {
-              name: 'arrayText1',
-              label: 'Array Text 1',
-              type: 'text',
-              admin: {
-                width: '50%',
-              },
-              defaultValue: 'default array text',
-            },
-            {
-              name: 'arrayText2',
-              label: 'Array Text 2',
-              type: 'text',
-              admin: {
-                width: '50%',
-              },
-              access: {
-                read: ({ req: { user } }) => Boolean(user),
-                update: ({ req: { user } }) => checkRole(['admin'], user),
-              },
-            },
-          ],
-        },
-        {
-          type: 'text',
-          name: 'arrayText3',
-          label: 'Array Text 3',
-          admin: {
-            readOnly: true,
-          },
-        },
-        {
-          name: 'checkbox',
-          label: 'Checkbox',
-          type: 'checkbox',
-          defaultValue: true,
-        },
-      ],
-    },
-    {
-      type: 'blocks',
-      label: 'Blocks Content',
-      name: 'blocks',
-      labels: {
-        singular: 'Block',
-        plural: 'Blocks',
-      },
-      blocks: [Email, NumberBlock, Quote, CallToAction],
-      localized: true,
-      admin: {
-        readOnly: true,
-      },
-      defaultValue: [
-        {
-          blockType: 'email',
-          testEmail: 'dev@payloadcms.com',
-        },
-      ],
-    },
-    {
-      type: 'relationship',
-      label: 'Relationship to One Collection',
-      name: 'relationship',
-      relationTo: 'conditions',
-    },
-    {
-      type: 'relationship',
-      label: 'Relationship hasMany',
-      name: 'relationshipHasMany',
-      relationTo: 'localized-posts',
-      hasMany: true,
-    },
-    {
-      type: 'relationship',
-      label: 'Relationship to Multiple Collections',
-      name: 'relationshipMultipleCollections',
-      relationTo: ['localized-posts', 'conditions'],
-    },
-    {
-      type: 'textarea',
-      label: 'Textarea',
-      name: 'textarea',
-      defaultValue: 'my textarea text',
-    },
-    {
-      name: 'slug',
-      type: 'text',
-      label: 'Slug',
-      admin: {
-        position: 'sidebar',
-      },
-      localized: true,
-      unique: true,
-      defaultValue: 'my-slug',
-    },
-    {
-      name: 'checkbox',
-      type: 'checkbox',
-      label: 'Checkbox',
-      admin: {
-        position: 'sidebar',
-      },
-      defaultValue: true,
-    },
-    {
-      name: 'richText',
-      type: 'richText',
-      label: 'Rich Text',
-      admin: {
-        elements: [
-          'h1',
-          'h2',
-          'h3',
-          'h4',
-          'h5',
-          'h6',
-          'blockquote',
-          'ul',
-          'ol',
-          'link',
-        ],
-        leaves: [
-          'bold',
-          'italic',
-          'underline',
-          'strikethrough',
-        ],
-      },
-      defaultValue: [{
-        children: [{ text: 'Cookin now' }],
-      }],
-    },
-  ],
-  timestamps: true,
-};
-export default DefaultValues;

demo/collections/File.ts

@@ -1,70 +0,0 @@
-import { PayloadCollectionConfig } from '../../src/collections/config/types';
-import checkRole from '../access/checkRole';
-
-const access = ({ req: { user } }) => {
-  const isAdmin = checkRole(['admin'], user);
-
-  if (isAdmin) {
-    return true;
-  }
-
-  if (user) {
-    return {
-      owner: {
-        equals: user.id,
-      },
-    };
-  }
-
-  return false;
-};
-
-const Files: PayloadCollectionConfig = {
-  slug: 'files',
-  labels: {
-    singular: 'File',
-    plural: 'Files',
-  },
-  upload: {
-    staticURL: '/files',
-    staticDir: './files',
-  },
-  access: {
-    create: () => true,
-    read: access,
-    update: access,
-    delete: access,
-  },
-  fields: [
-    {
-      name: 'type',
-      label: 'Type',
-      type: 'select',
-      options: [{
-        value: 'Type 1',
-        label: 'Type 1 Label',
-      }, {
-        value: 'Type 2',
-        label: 'Type 2 Label',
-      }, {
-        value: 'Type 3',
-        label: 'Type 3 Label',
-      }],
-      defaultValue: 'Type 1',
-      required: true,
-    },
-    {
-      name: 'owner',
-      label: 'Owner',
-      type: 'relationship',
-      relationTo: 'admins',
-      required: true,
-    },
-  ],
-  timestamps: true,
-  admin: {
-    useAsTitle: 'filename',
-  },
-};
-
-export default Files;

demo/collections/HiddenFields.ts

@@ -1,35 +0,0 @@
-import { PayloadCollectionConfig } from '../../src/collections/config/types';
-
-const HiddenFields: PayloadCollectionConfig = {
-  slug: 'hidden-fields',
-  labels: {
-    singular: 'Hidden Fields',
-    plural: 'Hidden Fields',
-  },
-  fields: [
-    {
-      name: 'title',
-      type: 'text',
-      label: 'Title - Not Hidden',
-      required: true,
-    },
-    {
-      name: 'hiddenAdmin',
-      type: 'text',
-      label: 'Hidden on Admin',
-      admin: {
-        hidden: true,
-      },
-      required: true,
-    },
-    {
-      name: 'hiddenAPI',
-      type: 'text',
-      label: 'Hidden on API',
-      hidden: true,
-      required: true, // this should not matter
-    },
-  ],
-};
-
-export default HiddenFields;

demo/collections/Hooks.ts

@@ -1,95 +0,0 @@
-/* eslint-disable no-param-reassign */
-
-import { PayloadCollectionConfig } from '../../src/collections/config/types';
-
-const Hooks: PayloadCollectionConfig = {
-  slug: 'hooks',
-  labels: {
-    singular: 'Hook',
-    plural: 'Hooks',
-  },
-  admin: {
-    useAsTitle: 'title',
-  },
-  access: {
-    create: () => true,
-    read: () => true,
-    update: () => true,
-    delete: () => true,
-  },
-  hooks: {
-    beforeRead: [
-      (operation) => {
-        if (operation.req.headers.hook === 'beforeRead') {
-          console.log('before reading Hooks document');
-        }
-      },
-    ],
-    beforeChange: [
-      (operation) => {
-        if (operation.req.headers.hook === 'beforeChange') {
-          operation.data.description += '-beforeChangeSuffix';
-        }
-        return operation.data;
-      },
-    ],
-    beforeDelete: [
-      (operation) => {
-        if (operation.req.headers.hook === 'beforeDelete') {
-          // TODO: Find a better hook operation to assert against in tests
-          operation.req.headers.hook = 'afterDelete';
-        }
-      },
-    ],
-    afterRead: [
-      (operation) => {
-        const { doc } = operation;
-        doc.afterReadHook = true;
-
-        return doc;
-      },
-    ],
-    afterChange: [
-      (operation) => {
-        if (operation.req.headers.hook === 'afterChange') {
-          operation.doc.afterChangeHook = true;
-        }
-        return operation.doc;
-      },
-    ],
-    afterDelete: [
-      (operation) => {
-        if (operation.req.headers.hook === 'afterDelete') {
-          operation.doc.afterDeleteHook = true;
-        }
-        return operation.doc;
-      },
-    ],
-  },
-  fields: [
-    {
-      name: 'title',
-      label: 'Title',
-      type: 'text',
-      maxLength: 100,
-      required: true,
-      unique: true,
-      localized: true,
-      hooks: {
-        afterRead: [
-          ({ value }) => (value ? value.toUpperCase() : null),
-        ],
-      },
-    },
-    {
-      name: 'description',
-      label: 'Description',
-      type: 'textarea',
-      required: true,
-      localized: true,
-    },
-  ],
-  timestamps: true,
-};
-
-export default Hooks;

demo/collections/LocalOperations.ts

@@ -1,38 +0,0 @@
-import { PayloadCollectionConfig } from '../../src/collections/config/types';
-
-const LocalOperations: PayloadCollectionConfig = {
-  slug: 'local-operations',
-  labels: {
-    singular: 'Local Operation',
-    plural: 'Local Operations',
-  },
-  hooks: {
-    afterRead: [
-      async ({ req, doc }) => {
-        const formattedData = { ...doc };
-        const localizedPosts = await req.payload.find({
-          collection: 'localized-posts',
-        });
-
-        const blocksGlobal = await req.payload.findGlobal({
-          global: 'blocks-global',
-        });
-
-        formattedData.localizedPosts = localizedPosts;
-        formattedData.blocksGlobal = blocksGlobal;
-
-        return formattedData;
-      },
-    ],
-  },
-  fields: [
-    {
-      name: 'title',
-      type: 'text',
-      label: 'title',
-      required: true,
-    },
-  ],
-};
-
-export default LocalOperations;

demo/collections/Localized.ts

@@ -1,124 +0,0 @@
-import { PayloadCollectionConfig } from '../../src/collections/config/types';
-import { Block } from '../../src/fields/config/types';
-
-const RichTextBlock: Block = {
-  slug: 'richTextBlock',
-  labels: {
-    singular: 'Rich Text Block',
-    plural: 'Rich Text Blocks',
-  },
-  fields: [
-    {
-      name: 'content',
-      localized: true,
-      type: 'richText',
-    },
-  ],
-};
-
-const LocalizedPosts: PayloadCollectionConfig = {
-  slug: 'localized-posts',
-  labels: {
-    singular: 'Localized Post',
-    plural: 'Localized Posts',
-  },
-  admin: {
-    useAsTitle: 'title',
-    defaultColumns: [
-      'title',
-      'priority',
-      'createdAt',
-    ],
-    enableRichTextRelationship: true,
-  },
-  access: {
-    read: () => true,
-  },
-  fields: [
-    {
-      name: 'title',
-      label: 'Title',
-      type: 'text',
-      maxLength: 100,
-      required: true,
-      unique: true,
-      localized: true,
-    },
-    {
-      name: 'summary',
-      label: 'Summary',
-      type: 'text',
-      index: true,
-    },
-    {
-      name: 'description',
-      label: 'Description',
-      type: 'textarea',
-      required: true,
-      localized: true,
-    },
-    {
-      type: 'richText',
-      name: 'richText',
-      label: 'Rich Text',
-    },
-    {
-      name: 'priority',
-      label: 'Priority',
-      type: 'number',
-      required: true,
-      localized: true,
-    },
-    {
-      name: 'localizedGroup',
-      label: 'Localized Group',
-      type: 'group',
-      localized: true,
-      fields: [
-        {
-          type: 'text',
-          name: 'text',
-          label: 'Text',
-        },
-      ],
-    },
-    {
-      name: 'nonLocalizedGroup',
-      label: 'Non-Localized Group',
-      type: 'group',
-      fields: [
-        {
-          type: 'text',
-          name: 'text',
-          label: 'Text',
-          localized: true,
-        },
-      ],
-    },
-    {
-      type: 'array',
-      label: 'Non-Localized Array',
-      name: 'nonLocalizedArray',
-      maxRows: 3,
-      fields: [
-        {
-          type: 'text',
-          name: 'localizedEmbeddedText',
-          label: 'Localized Embedded Text',
-          localized: true,
-        },
-      ],
-    },
-    {
-      label: 'Blocks',
-      name: 'richTextBlocks',
-      type: 'blocks',
-      blocks: [
-        RichTextBlock,
-      ],
-    },
-  ],
-  timestamps: true,
-};
-
-export default LocalizedPosts;

demo/collections/LocalizedArray.ts

@@ -1,79 +0,0 @@
-import { PayloadCollectionConfig } from '../../src/collections/config/types';
-import { FieldAccess } from '../../src/fields/config/types';
-import checkRole from '../access/checkRole';
-
-const PublicReadabilityAccess: FieldAccess = ({ req: { user }, siblingData }) => {
-  if (checkRole(['admin'], user)) {
-    return true;
-  }
-
-  if (siblingData.allowPublicReadability) return true;
-
-  return false;
-};
-
-const LocalizedArrays: PayloadCollectionConfig = {
-  slug: 'localized-arrays',
-  labels: {
-    singular: 'Localized Array',
-    plural: 'Localized Arrays',
-  },
-  access: {
-    read: () => true,
-  },
-  fields: [
-    {
-      type: 'array',
-      label: 'Array',
-      name: 'array',
-      localized: true,
-      required: true,
-      minRows: 2,
-      maxRows: 4,
-      fields: [
-        {
-          type: 'row',
-          fields: [
-            {
-              name: 'allowPublicReadability',
-              label: 'Allow Public Readability',
-              type: 'checkbox',
-            },
-            {
-              name: 'arrayText1',
-              label: 'Array Text 1',
-              type: 'text',
-              required: true,
-              admin: {
-                width: '50%',
-              },
-              access: {
-                read: PublicReadabilityAccess,
-              },
-            },
-            {
-              name: 'arrayText2',
-              label: 'Array Text 2',
-              type: 'text',
-              required: true,
-              admin: {
-                width: '50%',
-              },
-            },
-          ],
-        },
-        {
-          type: 'text',
-          name: 'arrayText3',
-          label: 'Array Text 3',
-          admin: {
-            readOnly: true,
-          },
-        },
-      ],
-    },
-  ],
-  timestamps: true,
-};
-
-export default LocalizedArrays;

demo/collections/Media.ts

@@ -1,51 +0,0 @@
-import { PayloadCollectionConfig } from '../../src/collections/config/types';
-
-const Media: PayloadCollectionConfig = {
-  slug: 'media',
-  labels: {
-    singular: 'Media',
-    plural: 'Media',
-  },
-  access: {
-    read: () => true,
-  },
-  admin: {
-    enableRichTextRelationship: true,
-  },
-  upload: {
-    staticURL: '/media',
-    staticDir: './media',
-    adminThumbnail: ({ doc }) => `/media/${doc.filename}`,
-    imageSizes: [
-      {
-        name: 'tablet',
-        width: 640,
-        height: 480,
-        crop: 'left top',
-      },
-      {
-        name: 'mobile',
-        width: 320,
-        height: 240,
-        crop: 'left top',
-      },
-      {
-        name: 'icon',
-        width: 16,
-        height: 16,
-      },
-    ],
-  },
-  fields: [
-    {
-      name: 'alt',
-      label: 'Alt Text',
-      type: 'text',
-      required: true,
-      localized: true,
-    },
-  ],
-  timestamps: true,
-};
-
-export default Media;

demo/collections/NestedArrays.ts

@@ -1,72 +0,0 @@
-import { PayloadCollectionConfig } from '../../src/collections/config/types';
-
-const NestedArray: PayloadCollectionConfig = {
-  slug: 'nested-arrays',
-  labels: {
-    singular: 'Nested Array',
-    plural: 'Nested Arrays',
-  },
-  access: {
-    read: () => true,
-  },
-  fields: [
-    {
-      type: 'array',
-      label: 'Array',
-      name: 'array',
-      labels: {
-        singular: 'Parent Row',
-        plural: 'Parent Rows',
-      },
-      required: true,
-      minRows: 2,
-      maxRows: 4,
-      fields: [
-        {
-          name: 'parentIdentifier',
-          label: 'Parent Identifier',
-          defaultValue: ' ',
-          type: 'text',
-          required: true,
-        },
-        {
-          type: 'array',
-          name: 'nestedArray',
-          labels: {
-            singular: 'Child Row',
-            plural: 'Child Rows',
-          },
-          required: true,
-          fields: [
-            {
-              name: 'childIdentifier',
-              label: 'Child Identifier',
-              type: 'text',
-              required: true,
-            },
-            {
-              type: 'array',
-              name: 'deeplyNestedArray',
-              labels: {
-                singular: 'Grandchild Row',
-                plural: 'Grandchild Rows',
-              },
-              required: true,
-              fields: [
-                {
-                  name: 'grandchildIdentifier',
-                  label: 'Grandchild Identifier',
-                  type: 'text',
-                  required: true,
-                },
-              ],
-            },
-          ],
-        },
-      ],
-    },
-  ],
-  timestamps: true,
-};
-
-export default NestedArray;

demo/collections/Preview.ts

@@ -1,33 +0,0 @@
-import { PayloadCollectionConfig } from '../../src/collections/config/types';
-
-const Preview: PayloadCollectionConfig = {
-  slug: 'previewable-post',
-  labels: {
-    singular: 'Previewable Post',
-    plural: 'Previewable Posts',
-  },
-  admin: {
-    useAsTitle: 'title',
-    preview: (doc, token) => {
-      if (doc.title) {
-        return `http://localhost:3000/previewable-posts/${doc.title}?preview=true&token=${token}`;
-      }
-
-      return null;
-    },
-  },
-  fields: [
-    {
-      name: 'title',
-      label: 'Title',
-      type: 'text',
-      maxLength: 100,
-      required: true,
-      unique: true,
-      localized: true,
-    },
-  ],
-  timestamps: true,
-};
-
-export default Preview;

demo/collections/PublicUsers.ts

@@ -1,61 +0,0 @@
-import checkRole from '../access/checkRole';
-import { PayloadCollectionConfig } from '../../src/collections/config/types';
-
-const access = ({ req: { user } }) => checkRole(['admin'], user);
-
-const PublicUsers: PayloadCollectionConfig = {
-  slug: 'public-users',
-  labels: {
-    singular: 'Public User',
-    plural: 'Public Users',
-  },
-  admin: {
-    useAsTitle: 'email',
-  },
-  access: {
-    admin: () => false,
-    create: () => true,
-    read: () => true,
-    update: ({ req: { user } }) => {
-      if (checkRole(['admin'], user)) {
-        return true;
-      }
-
-      if (user) {
-        return {
-          id: user.id,
-        };
-      }
-
-      return false;
-    },
-    delete: ({ req: { user } }) => checkRole(['admin'], user),
-  },
-  auth: {
-    tokenExpiration: 300,
-    verify: true,
-    maxLoginAttempts: 5,
-    lockTime: 600 * 1000, // lock time in ms
-    cookies: {
-      secure: process.env.NODE_ENV === 'production',
-      sameSite: 'lax',
-      domain: undefined,
-    },
-  },
-  fields: [
-    {
-      name: 'adminOnly',
-      label: 'This field should only be readable and editable by Admins with "admin" role',
-      type: 'text',
-      defaultValue: 'test',
-      access: {
-        create: access,
-        read: access,
-        update: access,
-      },
-    },
-  ],
-  timestamps: true,
-};
-
-export default PublicUsers;

demo/collections/RelationshipA.ts

@@ -1,48 +0,0 @@
-import { PayloadCollectionConfig } from '../../src/collections/config/types';
-
-const RelationshipA: PayloadCollectionConfig = {
-  slug: 'relationship-a',
-  access: {
-    read: () => true,
-  },
-  labels: {
-    singular: 'Relationship A',
-    plural: 'Relationship A',
-  },
-  fields: [
-    {
-      name: 'post',
-      label: 'Post',
-      type: 'relationship',
-      relationTo: 'relationship-b',
-      localized: true,
-    },
-    {
-      name: 'LocalizedPost',
-      label: 'Localized Post',
-      type: 'relationship',
-      relationTo: 'localized-posts',
-      hasMany: true,
-      localized: true,
-    },
-    {
-      name: 'postLocalizedMultiple',
-      label: 'Localized Post Multiple',
-      type: 'relationship',
-      relationTo: ['localized-posts', 'all-fields'],
-      hasMany: true,
-      localized: true,
-    },
-    {
-      name: 'postManyRelationships',
-      label: 'Post Many Relationships',
-      type: 'relationship',
-      relationTo: ['relationship-b'],
-      localized: true,
-      hasMany: false,
-    },
-  ],
-  timestamps: true,
-};
-
-export default RelationshipA;

demo/collections/RelationshipB.ts

@@ -1,33 +0,0 @@
-import { PayloadCollectionConfig } from '../../src/collections/config/types';
-
-const RelationshipB: PayloadCollectionConfig = {
-  slug: 'relationship-b',
-  access: {
-    read: () => true,
-  },
-  labels: {
-    singular: 'Relationship B',
-    plural: 'Relationship B',
-  },
-  fields: [
-    {
-      name: 'post',
-      label: 'Post',
-      type: 'relationship',
-      relationTo: 'relationship-a',
-      localized: false,
-      hasMany: true,
-    },
-    {
-      name: 'postManyRelationships',
-      label: 'Post Many Relationships',
-      type: 'relationship',
-      relationTo: ['relationship-a'],
-      localized: true,
-      hasMany: false,
-    },
-  ],
-  timestamps: true,
-};
-
-export default RelationshipB;

demo/collections/RichText.ts

@@ -1,38 +0,0 @@
-import Button from '../client/components/richText/elements/Button';
-import PurpleBackground from '../client/components/richText/leaves/PurpleBackground';
-import { PayloadCollectionConfig } from '../../src/collections/config/types';
-
-const RichText: PayloadCollectionConfig = {
-  slug: 'rich-text',
-  labels: {
-    singular: 'Rich Text',
-    plural: 'Rich Texts',
-  },
-  fields: [
-    {
-      name: 'defaultRichText',
-      type: 'richText',
-      label: 'Default Rich Text',
-      required: true,
-    },
-    {
-      name: 'customRichText',
-      type: 'richText',
-      label: 'Customized Rich Text',
-      required: true,
-      admin: {
-        elements: [
-          'h2',
-          'h3',
-          Button,
-        ],
-        leaves: [
-          'bold',
-          PurpleBackground,
-        ],
-      },
-    },
-  ],
-};
-
-export default RichText;

demo/collections/Select.ts

@@ -1,45 +0,0 @@
-import { PayloadCollectionConfig } from '../../src/collections/config/types';
-
-const Select: PayloadCollectionConfig = {
-  slug: 'select',
-  labels: {
-    singular: 'Select',
-    plural: 'Selects',
-  },
-  fields: [
-    {
-      name: 'Select',
-      type: 'select',
-      options: [{
-        value: 'one',
-        label: 'One',
-      }, {
-        value: 'two',
-        label: 'Two',
-      }, {
-        value: 'three',
-        label: 'Three',
-      }],
-      label: 'Select From',
-      required: true,
-    },
-    {
-      name: 'Radio',
-      type: 'radio',
-      options: [{
-        value: 'one',
-        label: 'One',
-      }, {
-        value: 'two',
-        label: 'Two',
-      }, {
-        value: 'three',
-        label: 'Three',
-      }],
-      label: 'Choose From',
-      required: true,
-    },
-  ],
-};
-
-export default Select;

demo/collections/StrictPolicies.ts

@@ -1,76 +0,0 @@
-import { PayloadCollectionConfig } from '../../src/collections/config/types';
-import checkRole from '../access/checkRole';
-
-const StrictAccess: PayloadCollectionConfig = {
-  slug: 'strict-access',
-  labels: {
-    singular: 'Strict Access',
-    plural: 'Strict Access',
-  },
-  admin: {
-    useAsTitle: 'email',
-  },
-  access: {
-    create: () => true,
-    read: ({ req: { user } }) => {
-      if (checkRole(['admin'], user)) {
-        return true;
-      }
-
-      if (user) {
-        return {
-          owner: {
-            equals: user.id,
-          },
-        };
-      }
-
-      return false;
-    },
-    update: ({ req: { user } }) => {
-      if (checkRole(['admin'], user)) {
-        return true;
-      }
-
-      if (user) {
-        return {
-          owner: {
-            equals: user.id,
-          },
-        };
-      }
-
-      return false;
-    },
-    delete: ({ req: { user } }) => checkRole(['admin'], user),
-  },
-  fields: [
-    {
-      name: 'address',
-      type: 'text',
-      label: 'Address',
-      required: true,
-    },
-    {
-      name: 'city',
-      type: 'text',
-      label: 'City',
-      required: true,
-    },
-    {
-      name: 'state',
-      type: 'text',
-      label: 'State',
-      required: true,
-    },
-    {
-      name: 'zip',
-      type: 'number',
-      label: 'ZIP Code',
-      required: true,
-    },
-  ],
-  timestamps: true,
-};
-
-export default StrictAccess;

demo/collections/Validations.ts

@@ -1,113 +0,0 @@
-import { PayloadCollectionConfig } from '../../src/collections/config/types';
-
-const Validations: PayloadCollectionConfig = {
-  slug: 'validations',
-  labels: {
-    singular: 'Validation',
-    plural: 'Validations',
-  },
-  access: {
-    read: () => true,
-  },
-  fields: [
-    {
-      name: 'text',
-      type: 'text',
-      label: 'Text',
-      required: true,
-      validate: (value) => {
-        const result = value === 'test';
-
-        if (!result) {
-          return 'The only accepted value of this field is "test".';
-        }
-
-        return true;
-      },
-    },
-    {
-      type: 'row',
-      fields: [
-        {
-          name: 'lessThan10',
-          label: 'Less than 10',
-          type: 'number',
-          required: true,
-          validate: (value) => {
-            const result = parseInt(value, 10) < 10;
-
-            if (!result) {
-              return 'The value of this field needs to be less than 10.';
-            }
-
-            return true;
-          },
-        }, {
-          name: 'greaterThan10LessThan50',
-          label: 'Greater than 10, Less than 50',
-          type: 'number',
-          required: true,
-          min: 10,
-          max: 50,
-        },
-      ],
-    },
-    {
-      type: 'array',
-      label: 'Should have at least 3 rows',
-      name: 'atLeast3Rows',
-      required: true,
-      validate: (value) => {
-        const result = value && value.length >= 3;
-
-        if (!result) {
-          return 'This array needs to have at least 3 rows.';
-        }
-
-        return true;
-      },
-      fields: [
-        {
-          type: 'number',
-          name: 'greaterThan30',
-          label: 'Number should be greater than 30',
-          required: true,
-          validate: (value) => {
-            const result = value > 30;
-
-            if (!result) {
-              return 'This value of this field needs to be greater than 30.';
-            }
-
-            return true;
-          },
-        },
-      ],
-    },
-    {
-      type: 'array',
-      label: 'Default array validation',
-      name: 'array',
-      required: true,
-      fields: [
-        {
-          type: 'number',
-          name: 'lessThan20',
-          label: 'Number should be less than 20',
-          required: true,
-          validate: (value) => {
-            const result = value < 30;
-
-            if (!result) {
-              return 'This value of this field needs to be less than 20.';
-            }
-
-            return true;
-          },
-        },
-      ],
-    },
-  ],
-};
-
-export default Validations;

demo/custom-index.html

@@ -1,15 +0,0 @@
-<!DOCTYPE HTML>
-<html>
-
-<head>
-  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <meta name="application-name" content="My Payload Application" />
-</head>
-
-<body>
-  <div id="app"></div>
-  <div id="portal"></div>
-</body>
-
-</html>

demo/customComponents/views/Account/index.tsx

@@ -1,5 +0,0 @@
-import React from 'react';
-
-const CustomAccountView: React.FC = () => <div>fake account view</div>;
-
-export default CustomAccountView;

demo/customComponents/views/Dashboard/index.tsx

@@ -1,5 +0,0 @@
-import React from 'react';
-
-const CustomDashboardView: React.FC = () => <div>fake dashboard view</div>;
-
-export default CustomDashboardView;

demo/globals/BlocksGlobal.ts

@@ -1,22 +0,0 @@
-import checkRole from '../access/checkRole';
-import Quote from '../blocks/Quote';
-import CallToAction from '../blocks/CallToAction';
-import { PayloadGlobalConfig } from '../../src/globals/config/types';
-
-export default {
-  slug: 'blocks-global',
-  label: 'Blocks Global',
-  access: {
-    update: ({ req: { user } }) => checkRole(['admin'], user),
-    read: () => true,
-  },
-  fields: [
-    {
-      name: 'blocks',
-      label: 'Blocks',
-      type: 'blocks',
-      blocks: [Quote, CallToAction],
-      localized: true,
-    },
-  ],
-} as PayloadGlobalConfig;

demo/globals/GlobalWithStrictAccess.ts

@@ -1,35 +0,0 @@
-import { PayloadGlobalConfig } from '../../src/globals/config/types';
-import checkRole from '../access/checkRole';
-
-export default {
-  slug: 'global-with-access',
-  label: 'Global with Strict Access',
-  access: {
-    update: ({ req: { user } }) => checkRole(['admin'], user),
-    read: ({ req: { user } }) => checkRole(['admin'], user),
-  },
-  fields: [
-    {
-      name: 'title',
-      label: 'Site Title',
-      type: 'text',
-      maxLength: 100,
-      required: true,
-    },
-    {
-      name: 'relationship',
-      label: 'Test Relationship',
-      type: 'relationship',
-      relationTo: 'localized-posts',
-      hasMany: true,
-      required: true,
-    },
-    {
-      name: 'singleRelationship',
-      label: 'Test Single Relationship',
-      type: 'relationship',
-      relationTo: 'localized-posts',
-      required: true,
-    },
-  ],
-} as PayloadGlobalConfig;

demo/globals/NavigationArray.ts

@@ -1,28 +0,0 @@
-import { PayloadGlobalConfig } from '../../src/globals/config/types';
-import checkRole from '../access/checkRole';
-
-export default {
-  slug: 'navigation-array',
-  label: 'Navigation Array',
-  access: {
-    update: ({ req: { user } }) => checkRole(['admin', 'user'], user),
-    read: () => true,
-  },
-  fields: [
-    {
-      name: 'array',
-      label: 'Array',
-      type: 'array',
-      localized: true,
-      fields: [{
-        name: 'text',
-        label: 'Text',
-        type: 'text',
-      }, {
-        name: 'textarea',
-        label: 'Textarea',
-        type: 'textarea',
-      }],
-    },
-  ],
-} as PayloadGlobalConfig;

demo/index.js

@@ -1,14 +0,0 @@
-const babelConfig = require('../babel.config');
-
-require('@babel/register')({
-  ...babelConfig,
-  extensions: ['.ts', '.tsx', '.js', '.jsx'],
-  env: {
-    development: {
-      sourceMaps: 'inline',
-      retainLines: true,
-    },
-  },
-});
-
-require('./server.ts');

demo/payload.config.ts

@@ -1,137 +0,0 @@
-import path from 'path';
-import { buildConfig } from '../src/config/build';
-
-import Admin from './collections/Admin';
-import AllFields from './collections/AllFields';
-import AutoLabel from './collections/AutoLabel';
-import Code from './collections/Code';
-import Conditions from './collections/Conditions';
-import CustomComponents from './collections/CustomComponents';
-import File from './collections/File';
-import Blocks from './collections/Blocks';
-import DefaultValues from './collections/DefaultValues';
-import HiddenFields from './collections/HiddenFields';
-import Hooks from './collections/Hooks';
-import Localized from './collections/Localized';
-import LocalizedArray from './collections/LocalizedArray';
-import LocalOperations from './collections/LocalOperations';
-import Media from './collections/Media';
-import NestedArrays from './collections/NestedArrays';
-import Preview from './collections/Preview';
-import PublicUsers from './collections/PublicUsers';
-import RelationshipA from './collections/RelationshipA';
-import RelationshipB from './collections/RelationshipB';
-import RichText from './collections/RichText';
-import Select from './collections/Select';
-import StrictPolicies from './collections/StrictPolicies';
-import Validations from './collections/Validations';
-
-import BlocksGlobal from './globals/BlocksGlobal';
-import NavigationArray from './globals/NavigationArray';
-import GlobalWithStrictAccess from './globals/GlobalWithStrictAccess';
-
-export default buildConfig({
-  cookiePrefix: 'payload',
-  serverURL: 'http://localhost:3000',
-  admin: {
-    user: 'admins',
-    indexHTML: path.resolve(__dirname, './client/index.html'),
-    // meta: {
-    //   titleSuffix: '- Payload Demo',
-    //   // ogImage: '/static/find-image-here.jpg',
-    //   // favicon: '/img/whatever.png',
-    // },
-    disable: false,
-    scss: path.resolve(__dirname, './client/scss/overrides.scss'),
-    components: {
-      // Nav: () => (
-      //   <div>Hello</div>
-      // ),
-      views: {
-        // Dashboard: CustomDashboardView,
-        // Account: CustomAccountView,
-      },
-    },
-    webpack: (config) => config,
-  },
-  collections: [
-    Admin,
-    AllFields,
-    AutoLabel,
-    Code,
-    Conditions,
-    CustomComponents,
-    File,
-    DefaultValues,
-    Blocks,
-    HiddenFields,
-    Hooks,
-    Localized,
-    LocalizedArray,
-    LocalOperations,
-    Media,
-    NestedArrays,
-    Preview,
-    PublicUsers,
-    RelationshipA,
-    RelationshipB,
-    RichText,
-    Select,
-    StrictPolicies,
-    Validations,
-  ],
-  globals: [
-    NavigationArray,
-    GlobalWithStrictAccess,
-    BlocksGlobal,
-  ],
-  cors: [
-    'http://localhost',
-    'http://localhost:3000',
-    'http://localhost:8080',
-    'http://localhost:8081',
-  ],
-  csrf: [
-    'http://localhost:3000',
-    'https://other-app-here.com',
-  ],
-  routes: {
-    api: '/api',
-    admin: '/admin',
-    graphQL: '/graphql',
-    graphQLPlayground: '/graphql-playground',
-  },
-  defaultDepth: 2,
-  graphQL: {
-    maxComplexity: 1000,
-    mutations: {},
-    queries: {},
-    disablePlaygroundInProduction: true,
-    disable: false,
-  },
-  // rateLimit: {
-  //   window: 15 * 60 * 100,
-  //   max: 100,
-  //   trustProxy: true,
-  //   skip: (req) => req.ip === '127.0.0.1',
-  // },
-  maxDepth: 10,
-  localization: {
-    locales: [
-      'en',
-      'es',
-    ],
-    defaultLocale: 'en',
-    fallback: true,
-  },
-  hooks: {
-    afterError: (err) => {
-      console.error('global error config handler', err);
-    },
-  },
-  upload: {
-    limits: {
-      fileSize: 10000000, // 10MB
-    },
-  },
-});