Blame: templates/plugin/.swcrc - payloadcms/payload

payloadcms / payload UNCLAIMED

Payload is the open-source, fullstack Next.js framework, giving you instant backend superpowers. Get a full TypeScript backend and admin panel instantly. Use Payload as a headless CMS or for building powerful applications.

0 0 510 TypeScript

Normal View History Raw

feat: plugin template (#10150) Updates the plugin template and adds it to the monorepo Includes: * Integration testing setup * Adding custom client / server components via a plugin * The same building setup that we use for our plugins in the monorepo * `create-payload-app` dynamically configures the project based on the name:`dev/tsconfig.json`, `src/index.ts`, `dev/payload.config.ts` For example, from project name: `payload-plugin-cool` `src/index.ts`: ```ts export type PayloadPluginCoolConfig = { /** * List of collections to add a custom field / collections?: Partial<Record<CollectionSlug, true>> disabled?: boolean } export const payloadPluginCool = (pluginOptions: PayloadPluginCoolConfig) => /// ... ``` `dev/tsconfig.json`: ```json { "extends": "../tsconfig.json", "exclude": [], "include": [ "/.ts", "*/.tsx", "../src/*/.ts", "../src/*/.tsx", "next.config.mjs", ".next/types/*/.ts" ], "compilerOptions": { "baseUrl": "./", "paths": { "@payload-config": [ "./payload.config.ts" ], "payload-plugin-cool": [ "../src/index.ts" ], "payload-plugin-cool/client": [ "../src/exports/client.ts" ], "payload-plugin-cool/rsc": [ "../src/exports/rsc.ts" ] }, "noEmit": true } } ``` `./dev/payload.config.ts` ``` import { payloadPluginCool } from 'payload-plugin-cool' /// plugins: [ payloadPluginCool({ collections: { posts: true, }, }), ], ``` Example of published plugin https://www.npmjs.com/package/payload-plugin-cool 2024-12-27 16:25:08 +02:00			`{`
			`"$schema": "https://json.schemastore.org/swcrc",`
			`"sourceMaps": true,`
			`"jsc": {`
			`"target": "esnext",`
			`"parser": {`
			`"syntax": "typescript",`
			`"tsx": true,`
			`"dts": true`
			`},`
			`"transform": {`
			`"react": {`
			`"runtime": "automatic",`
			`"pragmaFrag": "React.Fragment",`
			`"throwIfNamespace": true,`
			`"development": false,`
			`"useBuiltins": true`
			`}`
			`}`
			`},`
			`"module": {`
			`"type": "es6"`
			`}`
			`}`