create-sks-admin 0.1.0

package/bin/cli.js

@@ -0,0 +1,187 @@
+#!/usr/bin/env node
+
+import { execSync } from 'child_process'
+import fs from 'fs'
+import path from 'path'
+import { fileURLToPath } from 'url'
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url))
+
+// Colors for terminal
+const colors = {
+  green: (t) => `\x1b[32m${t}\x1b[0m`,
+  blue: (t) => `\x1b[34m${t}\x1b[0m`,
+  yellow: (t) => `\x1b[33m${t}\x1b[0m`,
+  red: (t) => `\x1b[31m${t}\x1b[0m`,
+}
+
+const log = {
+  info: (msg) => console.log(colors.blue('ℹ'), msg),
+  success: (msg) => console.log(colors.green('✓'), msg),
+  warn: (msg) => console.log(colors.yellow('⚠'), msg),
+  error: (msg) => console.log(colors.red('✗'), msg),
+}
+
+// Get project name from args
+const projectName = process.argv[2] || 'sks-admin-test'
+
+console.log(`
+╔═══════════════════════════════════════╗
+║     @sks/create-admin CLI             ║
+║     Creating: ${projectName.padEnd(22)}║
+╚═══════════════════════════════════════╝
+`)
+
+const projectPath = path.resolve(process.cwd(), projectName)
+
+// Check if folder exists
+if (fs.existsSync(projectPath)) {
+  log.error(`Folder "${projectName}" already exists!`)
+  process.exit(1)
+}
+
+try {
+  // Step 1: Create Next.js app
+  log.info('Creating Next.js app...')
+  execSync(
+    `npx create-next-app@latest ${projectName} --typescript --tailwind --eslint --app --src-dir=false --import-alias="@/*" --turbopack`,
+    { stdio: 'inherit' }
+  )
+  log.success('Next.js app created')
+
+  // Step 2: Navigate to project
+  process.chdir(projectPath)
+
+  // Step 3: Create .npmrc for GitHub Packages
+  log.info('Configuring npm registry...')
+  fs.writeFileSync(
+    '.npmrc',
+    `@sks:registry=https://npm.pkg.github.com
+//npm.pkg.github.com/:_authToken=\${NODE_AUTH_TOKEN}
+`
+  )
+  log.success('.npmrc created')
+
+  // Step 4: Install @sks packages (will fail if not published yet, that's OK)
+  log.info('Installing @sks packages...')
+  try {
+    execSync('npm install @sks/admin-core @sks/admin-ui', { stdio: 'inherit' })
+    log.success('@sks packages installed')
+  } catch {
+    log.warn('@sks packages not published yet - skipping')
+    log.info('Run "npm install @sks/admin-core @sks/admin-ui" after publishing')
+  }
+
+  // Step 5: Create lib/dal.ts
+  log.info('Creating boilerplate files...')
+
+  fs.mkdirSync('lib', { recursive: true })
+  fs.writeFileSync(
+    'lib/dal.ts',
+    `// Data Access Layer for Authentication
+// Uncomment after installing @sks/admin-core
+
+// import { createDAL } from '@sks/admin-core/auth'
+// import { auth } from '@/auth'
+
+// export const {
+//   verifySession,
+//   verifyAdminSession,
+//   redirectIfAuthenticated,
+// } = createDAL({
+//   auth,
+//   loginPath: '/admin/login',
+//   adminRoles: ['ADMIN'],
+// })
+
+// Placeholder exports for now
+export const verifySession = async () => ({ userId: '1', email: 'test@test.com', role: 'ADMIN' })
+export const verifyAdminSession = verifySession
+`
+  )
+
+  // Step 6: Create admin layout
+  fs.mkdirSync('app/admin', { recursive: true })
+  fs.writeFileSync(
+    'app/admin/layout.tsx',
+    `// Admin Layout with @sks/admin-ui
+// Uncomment after installing packages
+
+// import { AdminShell, ThemeProvider } from '@sks/admin-ui'
+// import '@sks/admin-ui/themes/base.css'
+
+export default function AdminLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  return (
+    <div className="min-h-screen bg-gray-100">
+      {/* Replace with AdminShell after installing @sks/admin-ui */}
+      <aside className="fixed left-0 top-0 h-screen w-64 bg-gray-900 text-white p-4">
+        <h1 className="text-xl font-bold mb-8">Admin Panel</h1>
+        <nav className="space-y-2">
+          <a href="/admin" className="block p-2 rounded hover:bg-gray-800">Dashboard</a>
+          <a href="/admin/users" className="block p-2 rounded hover:bg-gray-800">Users</a>
+          <a href="/admin/settings" className="block p-2 rounded hover:bg-gray-800">Settings</a>
+        </nav>
+      </aside>
+      <main className="ml-64 p-8">
+        {children}
+      </main>
+    </div>
+  )
+}
+`
+  )
+
+  // Step 7: Create admin dashboard page
+  fs.writeFileSync(
+    'app/admin/page.tsx',
+    `export default function AdminDashboard() {
+  return (
+    <div>
+      <h1 className="text-3xl font-bold mb-4">Dashboard</h1>
+      <div className="grid grid-cols-3 gap-4">
+        <div className="bg-white p-6 rounded-lg shadow">
+          <h2 className="text-gray-500">Total Users</h2>
+          <p className="text-3xl font-bold">1,234</p>
+        </div>
+        <div className="bg-white p-6 rounded-lg shadow">
+          <h2 className="text-gray-500">Revenue</h2>
+          <p className="text-3xl font-bold">$12,345</p>
+        </div>
+        <div className="bg-white p-6 rounded-lg shadow">
+          <h2 className="text-gray-500">Orders</h2>
+          <p className="text-3xl font-bold">567</p>
+        </div>
+      </div>
+    </div>
+  )
+}
+`
+  )
+
+  log.success('Boilerplate files created')
+
+  // Done!
+  console.log(`
+${colors.green('✓ Project created successfully!')}
+
+${colors.blue('Next steps:')}
+  cd ${projectName}
+  npm run dev
+
+${colors.blue('Admin panel:')}
+  http://localhost:3000/admin
+
+${colors.yellow('After publishing @sks packages:')}
+  npm install @sks/admin-core @sks/admin-ui
+  Then uncomment imports in lib/dal.ts and app/admin/layout.tsx
+`)
+
+} catch (error) {
+  log.error('Failed to create project')
+  console.error(error)
+  process.exit(1)
+}

package/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "create-sks-admin",
+  "version": "0.1.0",
+  "description": "CLI to scaffold SKS Admin projects",
+  "type": "module",
+  "bin": {
+    "create-sks-admin": "./bin/cli.js"
+  },
+  "files": [
+    "bin",
+    "templates"
+  ],
+  "scripts": {
+    "dev": "node bin/cli.js",
+    "build": "echo 'No build needed'"
+  },
+  "dependencies": {
+    "prompts": "^2.4.2"
+  },
+  "keywords": [
+    "admin",
+    "cli",
+    "nextjs",
+    "sks"
+  ],
+  "author": "SKS",
+  "license": "MIT"
+}