Update payload to 2.18.3

package.json

@@ -4,8 +4,8 @@
   "license": "AGPL-3.0-or-later",
   "version": "1.2",
   "scripts": {
-    "dev": "docker compose up --build",
-    "dev:watch": "yarn dev:docker & yarn payload:types",
+    "dev": "yarn dev:docker & yarn payload:types",
+    "dev:docker": "docker compose up --build",
     "payload:types": "yarn --cwd ./payload run generate:types:listen",
     "stop": "docker compose down",
     "dev:nobuild": "docker compose up"

payload/package.json

@@ -8,16 +8,20 @@
     "dev": "cross-env PAYLOAD_CONFIG_PATH=src/payload.config.ts nodemon",
     "build:payload": "cross-env PAYLOAD_CONFIG_PATH=src/payload.config.ts node -r tsconfig-paths/register node_modules/payload/dist/bin/index.js build ",
     "build:server": "tsc",
-    "build": "yarn build:payload && yarn build:server",
+    "build": "yarn generate:types && build:payload && yarn build:server",
     "serve": "cross-env PAYLOAD_CONFIG_PATH=dist/payload.config.js node -r tsconfig-paths/register dist/server.js",
     "generate:types": "cross-env PAYLOAD_CONFIG_PATH=src/payload.config.ts node -r tsconfig-paths/register node_modules/payload/dist/bin/index.js generate:types",
     "generate:types:listen": "nodemon --watch src --ext ts --exec 'npm run generate:types'"
   },
   "dependencies": {
+    "@payloadcms/bundler-webpack": "^1.0.6",
+    "@payloadcms/db-mongodb": "^1.5.1",
+    "@payloadcms/plugin-cloud": "^3.0.1",
+    "@payloadcms/richtext-slate": "^1.5.2",
     "cross-env": "^7.0.3",
     "dotenv": "^16.3.1",
     "express": "^4.17.1",
-    "payload": "^1.15.6",
+    "payload": "^2.18.3",
     "tsconfig-paths": "^4.2.0"
   },
   "devDependencies": {

payload/src/collections/Posts.ts

@@ -3,6 +3,7 @@ import { isAdmin } from "@/access/isAdmin";
 import { isEditor } from "@/access/isEditor";
 import { isSSG } from "@/access/isSSG";
 import { isUser } from "@/access/isUser";
+import { slateEditor } from '@payloadcms/richtext-slate'
 
 const Posts: CollectionConfig = {
   slug: "posts",
@@ -68,26 +69,28 @@ const Posts: CollectionConfig = {
       required: true,
     },
     {
-      name: "content",
-      type: "richText",
-      admin: {
-        elements: ["h2", "h3", "h4", "link", "ol", "ul", "upload", "blockquote", "indent"],
-        leaves: ["bold", "italic", "underline"],
-        upload: {
-          collections: {
-            media: {
-              fields: [
-                {
-                  name: "image",
-                  type: "upload",
-                  relationTo: "media",
-                  required: true,
-                },
-              ],
+      name: 'content',
+      type: 'richText',
+      editor: slateEditor({
+        admin: {
+          elements: ["h2", "h3", "h4", "link", "ol", "ul", "upload", "blockquote", "indent"],
+          leaves: ["bold", "italic", "underline", "strikethrough"],
+          upload: {
+            collections: {
+              media: {
+                fields: [
+                  {
+                    name: "image",
+                    type: "upload",
+                    relationTo: "media",
+                    required: true,
+                  },
+                ],
+              },
             },
           },
         },
-      },
+      })
     },
     {
       name: "author",

payload/src/payload.config.ts

@@ -5,10 +5,16 @@ import Users from "@/collections/Users";
 import Authors from "./collections/Authors";
 import Media from "@/collections/Media";
 
+import { payloadCloud } from '@payloadcms/plugin-cloud'
+import { mongooseAdapter } from '@payloadcms/db-mongodb'
+import { webpackBundler } from '@payloadcms/bundler-webpack'
+import { slateEditor } from '@payloadcms/richtext-slate'
+
 export default buildConfig({
   serverURL: process.env.PAYLOAD_URL,
   admin: {
     user: Users.slug,
+    bundler: webpackBundler(),
     webpack: (config) => ({
       ...config,
       resolve: {
@@ -24,4 +30,9 @@ export default buildConfig({
   typescript: {
     outputFile: path.resolve("../", "payload-types.ts"),
   },
-});
+  plugins: [payloadCloud()],
+  editor: slateEditor({}),
+  db: mongooseAdapter({
+    url: process.env.MONGODB_URI,
+  }),
+});

payload/src/server.ts

@@ -10,7 +10,7 @@ app.get("/", (_, res) => {
 
 payload.init({
   secret: process.env.PAYLOAD_SECRET,
-  mongoURL: process.env.MONGODB_URI,
+  //mongoURL: process.env.MONGODB_URI,
   express: app,
   onInit: () => {
     payload.logger.info(`Payload Admin URL: ${payload.getAdminURL()}`);

payload/tsconfig.json

@@ -8,7 +8,7 @@
     "outDir": "./dist",
     "paths": {
       "@/*": ["./src/*", "./dist/*", "./dist/src/*"],
-      "@/types/*": ["./types/*"]
+      "@/types/*": ["../*"]
     },
     "jsx": "react"
   },