chore: eslint and prettier

.eslintrc.js

@@ -0,0 +1,3 @@
+module.exports = {
+  extends: ['@payloadcms'],
+}

.prettierrc.js

@@ -0,0 +1,8 @@
+module.exports = {
+  printWidth: 100,
+  parser: "typescript",
+  semi: false,
+  singleQuote: true,
+  trailingComma: "all",
+  arrowParens: "avoid",
+};

demo/package.json

@@ -15,7 +15,7 @@
   "dependencies": {
     "dotenv": "^8.2.0",
     "express": "^4.17.1",
-    "payload": "^1.1.26"
+    "payload": "^1.8.2"
   },
   "devDependencies": {
     "@types/express": "^4.17.9",

demo/src/collections/Pages.ts

@@ -1,5 +1,5 @@
 // const payload = require('payload');
-import { CollectionConfig } from 'payload/types';
+import type { CollectionConfig } from 'payload/types'
 
 export const Pages: CollectionConfig = {
   slug: 'pages',
@@ -25,6 +25,6 @@ export const Pages: CollectionConfig = {
       label: 'Slug',
       type: 'text',
       required: true,
-    }
+    },
   ],
-};
+}

demo/src/collections/Users.ts

@@ -1,4 +1,4 @@
-import { CollectionConfig } from 'payload/types';
+import type { CollectionConfig } from 'payload/types'
 
 export const Users: CollectionConfig = {
   slug: 'users',
@@ -13,4 +13,4 @@ export const Users: CollectionConfig = {
     // Email added by default
     // Add more fields as needed
   ],
-};
+}

demo/src/payload.config.ts

@@ -1,35 +1,33 @@
-import { buildConfig } from 'payload/config';
-import path from 'path';
+import path from 'path'
+import { buildConfig } from 'payload/config'
+
 // import nestedPages from '../../dist';
-import nestedPages from '../../src';
-import { Users } from './collections/Users';
-import { Pages } from './collections/Pages';
+import nestedPages from '../../src'
+import { Pages } from './collections/Pages'
+import { Users } from './collections/Users'
 
 export default buildConfig({
   serverURL: 'http://localhost:3000',
   admin: {
     user: Users.slug,
-    webpack: (config) => {
+    webpack: config => {
       const newConfig = {
         ...config,
         resolve: {
           ...config.resolve,
           alias: {
             ...config.resolve.alias,
-            react: path.join(__dirname, "../node_modules/react"),
-            "react-dom": path.join(__dirname, "../node_modules/react-dom"),
-            "payload": path.join(__dirname, "../node_modules/payload"),
+            react: path.join(__dirname, '../node_modules/react'),
+            'react-dom': path.join(__dirname, '../node_modules/react-dom'),
+            payload: path.join(__dirname, '../node_modules/payload'),
           },
         },
-      };
+      }
 
-      return newConfig;
+      return newConfig
     },
   },
-  collections: [
-    Users,
-    Pages
-  ],
+  collections: [Users, Pages],
   //  localization: {
   //   locales: [
   //     'en',
@@ -41,14 +39,12 @@ export default buildConfig({
   // },
   plugins: [
     nestedPages({
-      collections: [
-        'pages'
-      ],
+      collections: ['pages'],
       generateLabel: (_, doc) => doc.title as string,
-      generateURL: (docs) => docs.reduce((url, doc) => `${url}/${doc.slug}`, ''),
+      generateURL: docs => docs.reduce((url, doc) => `${url}/${doc.slug}`, ''),
     }),
   ],
   typescript: {
-    outputFile: path.resolve(__dirname, 'payload-types.ts')
+    outputFile: path.resolve(__dirname, 'payload-types.ts'),
   },
-});
+})

demo/src/seed/index.ts

@@ -1,15 +1,15 @@
-import { Payload } from 'payload';
+import type { Payload } from 'payload'
 
-export const seed = async (payload: Payload) => {
-  payload.logger.info('Seeding data...');
+export const seed = async (payload: Payload): Promise<void> => {
+  payload.logger.info('Seeding data...')
 
   await payload.create({
     collection: 'users',
     data: {
       email: 'dev@payloadcms.com',
       password: 'test',
-    }
-  });
+    },
+  })
 
   const { id: parentID } = await payload.create({
     collection: 'pages',
@@ -24,7 +24,7 @@ export const seed = async (payload: Payload) => {
     data: {
       title: 'Child page',
       slug: 'child-page',
-      parent: parentID
+      parent: parentID,
     },
   })
 
@@ -33,7 +33,7 @@ export const seed = async (payload: Payload) => {
     data: {
       title: 'Grandchild page',
       slug: 'grandchild-page',
-      parent: childID
+      parent: childID,
     },
   })
 

demo/src/server.ts

@@ -1,18 +1,20 @@
-import express from 'express';
-import payload from 'payload';
-import { seed } from './seed';
+import dotenv from 'dotenv'
+dotenv.config()
 
-require('dotenv').config();
-const app = express();
+import express from 'express'
+import payload from 'payload'
+
+import { seed } from './seed'
+const app = express()
 
 // Redirect root to Admin panel
 app.get('/', (_, res) => {
-  res.redirect('/admin');
-});
+  res.redirect('/admin')
+})
 
 // Initialize Payload
-const start = async () => {
-  await payload.initAsync({
+const start = async (): Promise<void> => {
+  await payload.init({
     secret: process.env.PAYLOAD_SECRET,
     mongoURL: process.env.MONGODB_URI,
     express: app,
@@ -22,10 +24,10 @@ const start = async () => {
   })
 
   if (process.env.PAYLOAD_SEED === 'true') {
-    await seed(payload);
+    await seed(payload)
   }
 
-  app.listen(3000);
+  app.listen(3000)
 }
 
-start();
+start()