@pro-laico/create-atomic-payload 0.1.4 → 0.1.6

package/README.md

@@ -0,0 +1,72 @@
+# create-atomic-payload
+
+Scaffold a new [Atomic Payload](https://atomicpayload.com) project — the Payload CMS starter where all you need to know is Tailwind.
+
+> Atomic Payload creates a hard separation between front-end development and the backend. Build your website directly in Payload CMS's dashboard, without ever having to touch real code.
+
+## Prerequisites
+
+- **Node.js** 18 or later
+- **pnpm** (recommended) — install with `npm install -g pnpm`
+
+## Quick Start
+
+```bash
+npx @pro-laico/create-atomic-payload my-project
+cd my-project
+cp .env.example .env
+# Edit .env with your MongoDB URI, Payload secret, etc.
+pnpm dev
+```
+
+To create in the current directory instead of a subfolder:
+
+```bash
+npx @pro-laico/create-atomic-payload .
+cp .env.example .env
+pnpm dev
+```
+
+## What It Does
+
+The CLI will:
+
+1. Copy the Atomic Payload template to your project folder
+2. Install dependencies with pnpm
+3. Build sharp (image processing)
+4. Download fonts
+
+Then you configure `.env` and run `pnpm dev`.
+
+## Options
+
+| Option | Description |
+|-------|-------------|
+| `--help`, `-h` | Show help message |
+
+## Next Steps
+
+After creating your project, see the project's `README.md` for:
+
+- MongoDB setup
+- Vercel Blob (file storage)
+- Deployment
+- Optional integrations (Mux, Resend)
+
+## Troubleshooting
+
+**Sharp / image errors on Windows?**  
+Run `pnpm rebuild sharp` in your project directory.
+
+**Fonts not loading?**  
+Run `pnpm download:fonts` in your project directory.
+
+## Links
+
+- [Atomic Payload Documentation](https://atomicpayload.com)
+- [Discord](https://discord.gg/EPHgjrQBxY)
+- [Payload CMS](https://payloadcms.com)
+
+---
+
+> While this project utilizes Payload CMS, Atomic Payload is not affiliated with Payload CMS.

package/bin/cli.js

@@ -32,6 +32,10 @@ function getProjectName() {
   return 'my-atomic-payload'
 }
 
+function isCurrentDir(projectName) {
+  return projectName === '.'
+}
+
 function printBanner() {
   const title = chalk.cyan.bold('  Atomic Payload')
   const tagline = chalk.gray('  The Payload CMS starter where all you need to know is Tailwind')
@@ -56,21 +60,19 @@ function printHelp() {
   ${chalk.gray('Examples:')}
     npx @pro-laico/create-atomic-payload
     npx @pro-laico/create-atomic-payload my-website
+    npx @pro-laico/create-atomic-payload .          ${chalk.dim('# create in current directory')}
 `)
 }
 
 function printNextSteps(projectName) {
-  const steps = [
-    `cd ${projectName}`,
-    'cp .env.example .env',
-    '# Edit .env with your MongoDB URI, Payload secret, etc.',
-    'pnpm dev',
-  ]
+  const steps = isCurrentDir(projectName)
+    ? ['cp .env.example .env', '# Edit .env with your MongoDB URI, Payload secret, etc.', 'pnpm dev']
+    : [`cd ${projectName}`, 'cp .env.example .env', '# Edit .env with your MongoDB URI, Payload secret, etc.', 'pnpm dev']
   const maxLen = Math.max(...steps.map((s) => s.length), 40)
   const line = '─'.repeat(maxLen + 2)
 
   console.log()
-  console.log(chalk.green.bold('  ✓ Created ') + chalk.green(projectName))
+  console.log(chalk.green.bold('  ✓ Created ') + chalk.green(isCurrentDir(projectName) ? 'in current directory' : projectName))
   console.log()
   console.log(chalk.gray('  Next steps:'))
   console.log(chalk.cyan('  ╭' + line + '╮'))
@@ -93,26 +95,35 @@ async function main() {
 
   const projectName = getProjectName()
 
-  if (!/^[a-z0-9-]+$/.test(projectName)) {
-    console.error(chalk.red('  ✗ Project name must use only lowercase letters, numbers, and hyphens'))
+  if (!isCurrentDir(projectName) && !/^[a-z0-9-]+$/.test(projectName)) {
+    console.error(chalk.red('  ✗ Project name must use only lowercase letters, numbers, and hyphens, or "." for current directory'))
     process.exit(1)
   }
 
   printBanner()
 
   const targetDir = path.resolve(process.cwd(), projectName)
-  const targetExists = fs.existsSync(targetDir)
 
-  if (targetExists) {
-    console.error(chalk.red(`  ✗ Directory "${projectName}" already exists. Remove it or choose a different name.`))
-    process.exit(1)
+  if (isCurrentDir(projectName)) {
+    if (fs.existsSync(path.join(targetDir, 'package.json'))) {
+      console.error(chalk.red('  ✗ Current directory already has a package.json. Use a different directory or remove it first.'))
+      process.exit(1)
+    }
+  } else {
+    const targetExists = fs.existsSync(targetDir)
+    if (targetExists) {
+      console.error(chalk.red(`  ✗ Directory "${projectName}" already exists. Remove it or choose a different name.`))
+      process.exit(1)
+    }
   }
 
   const templatePath = await getTemplatePath()
   const copySpinner = ora({ text: 'Copying template...', color: 'cyan' }).start()
   const startCopy = Date.now()
 
-  await fsp.mkdir(path.dirname(targetDir), { recursive: true })
+  if (!isCurrentDir(projectName)) {
+    await fsp.mkdir(path.dirname(targetDir), { recursive: true })
+  }
   await fsp.cp(templatePath, targetDir, {
     recursive: true,
     filter: (src) => {
@@ -121,6 +132,12 @@ async function main() {
     },
   })
 
+  // Rename gitignore.template → .gitignore (npm renames .gitignore to .npmignore during pack/extract)
+  const gitignoreTemplate = path.join(targetDir, 'gitignore.template')
+  if (fs.existsSync(gitignoreTemplate)) {
+    await fsp.rename(gitignoreTemplate, path.join(targetDir, '.gitignore'))
+  }
+
   copySpinner.succeed(`Template copied in ${((Date.now() - startCopy) / 1000).toFixed(1)}s`)
 
   const installSpinner = ora({ text: 'Installing dependencies with pnpm...', color: 'cyan' }).start()

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.1.4",
+  "version": "0.1.6",
   "description": "Scaffold a new Atomic Payload project - the Payload CMS starter where all you need to know is Tailwind.",
   "license": "MIT",
   "type": "module",

package/template/gitignore.template

@@ -0,0 +1,17 @@
+node_modules
+.next
+.vercel
+.DS_Store
+
+# TypeScript
+tsconfig.tsbuildinfo
+
+public/robots.txt
+public/sitemap*.xml
+
+.env
+.env*.local
+
+# Ignore all automatically generated font files
+/src/app/definition.ts
+/public/fonts

package/template/src/app/definition.ts

@@ -0,0 +1,10 @@
+// DO NOT EDIT MANUALLY. THIS FILE IS AUTOMATICALLY GENERATED.
+
+import localFont from 'next/font/local'
+
+const fontSerif = localFont({ src: '../../public/fonts/serif.woff2', variable: '--font-setSerif' })
+const fontMono = localFont({ src: '../../public/fonts/mono.woff2', variable: '--font-setMono' })
+const fontDisplay = localFont({ src: '../../public/fonts/display.woff2', variable: '--font-setDisplay' })
+
+const fonts = { fontSerif, fontMono, fontDisplay }
+export default fonts