create-nocdn-app 0.0.8 → 0.0.10

package/README.md

@@ -1,15 +1,9 @@
 # create-nocdn-app
 
-To install dependencies:
+To use:
 
 ```bash
-bun install
+bunx create-nocdn-app
 ```
 
-To run:
-
-```bash
-bun run index.ts
-```
-
-This project was created using `bun init` in bun v1.3.5. [Bun](https://bun.com) is a fast all-in-one JavaScript runtime.
+This will ask you for a project name and create a new Next.js (App Router) project with Tailwind + TypeScript + Prettier + Lucide + some prettier plugins like import sorting and tailwind class sorting.

package/index.js

@@ -97,6 +97,16 @@ async function main() {
 		}
 	}
 
+	const projectDescription = await clack.text({
+		message: "Project description (optional, press Enter to skip)",
+		placeholder: "A brief description of your project",
+	});
+
+	if (clack.isCancel(projectDescription)) {
+		clack.cancel("Operation cancelled");
+		process.exit(0);
+	}
+
 	const s = clack.spinner();
 	const pm = getPackageManager();
 
@@ -125,6 +135,20 @@ async function main() {
 		const packageJson = JSON.parse(await fs.readFile(packageJsonPath, "utf-8"));
 		packageJson.name = projectName;
 		await fs.writeFile(packageJsonPath, JSON.stringify(packageJson, null, 2));
+
+		const layoutPath = path.join(projectPath, "app", "layout.tsx");
+		let layoutContent = await fs.readFile(layoutPath, "utf-8");
+		layoutContent = layoutContent.replace(
+			/title:\s*["']\{\{project-name\}\}["']/,
+			`title: "${projectName}"`,
+		);
+		if (projectDescription && projectDescription.trim()) {
+			layoutContent = layoutContent.replace(
+				/description:\s*[\s\S]*?(?=,\n|\n\};)/,
+				`description: "${projectDescription.trim()}"`,
+			);
+		}
+		await fs.writeFile(layoutPath, layoutContent);
 		s.stop("Project configured");
 
 		if (!flags.skipInstall) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "create-nocdn-app",
-  "version": "0.0.8",
-  "description": "Scaffold Next.js projects the nocdn way",
+  "version": "0.0.10",
+  "description": "Scaffold Next.js my preferred way",
   "license": "MIT",
   "type": "module",
   "bin": {
@@ -19,9 +19,10 @@
     "create-nocdn-app",
     "next.js",
     "scaffold",
-    "template"
+    "template",
+    "nocdn"
   ],
   "dependencies": {
-    "@clack/prompts": "^0.11.0"
+    "@clack/prompts": "latest"
   }
 }

package/template/app/globals.css

@@ -1,12 +1,6 @@
 @import "tailwindcss";
 @import "tw-animate-css";
 
-@font-face {
-  font-family: "PP Supply Mono";
-  src: url("./fonts/PPSupplyMono-Variable.woff2") format("woff2");
-  font-weight: 100 900;
-  font-display: swap;
-}
 
 @custom-variant dark (&:is(.dark *));
 @plugin "tailwindcss-motion";
@@ -16,9 +10,9 @@
   --color-foreground: var(--foreground);
   --font-sans: var(--font-geist-sans);
   --font-mono: var(--font-geist-mono);
-  --font-pp-supply-mono: "PP Supply Mono", monospace;
   --font-jetbrains-mono: var(--font-jetbrains-mono);
   --font-inter: var(--font-inter);
+  --font-ioskeley-mono: var(--font-ioskeley-mono);
   --color-sidebar-ring: var(--sidebar-ring);
   --color-sidebar-border: var(--sidebar-border);
   --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
@@ -172,7 +166,7 @@
   border-radius: 0.375rem;
   padding: 2px 0.25rem;
   font-size: 14px;
-  font-family: var(--font-pp-supply-mono);
+  font-family: var(--font-ioskeley-mono);
   font-weight: 330;
   width: fit-content;
 }

package/template/app/layout.tsx

@@ -1,5 +1,6 @@
 import type { Metadata } from "next";
 import { Geist, Geist_Mono, Inter, JetBrains_Mono } from "next/font/google";
+import localFont from "next/font/local";
 import "./globals.css";
 
 const geistSans = Geist({
@@ -22,8 +23,18 @@ const jetBrainsMono = JetBrains_Mono({
   subsets: ["latin"],
 });
 
+const ioskeleyMono = localFont({
+  src: [
+    { path: "./fonts/IoskeleyMono-Light.woff2", weight: "300" },
+    { path: "./fonts/IoskeleyMono-Regular.woff2", weight: "400" },
+    { path: "./fonts/IoskeleyMono-Medium.woff2", weight: "500" },
+    { path: "./fonts/IoskeleyMono-SemiBold.woff2", weight: "600" },
+  ],
+  variable: "--font-ioskeley-mono",
+});
+
 export const metadata: Metadata = {
-  title: "nocdn app template",
+  title: "{{project-name}}",
   description:
     "generated by git nocdn template: https://github.com/nocdn/create-nocdn-app/template",
 };
@@ -36,7 +47,7 @@ export default function RootLayout({
   return (
     <html lang="en">
       <body
-        className={`${geistSans.variable} ${geistMono.variable} ${inter.variable} ${jetBrainsMono.variable} bg-background`}
+        className={`${geistSans.variable} ${geistMono.variable} ${inter.variable} ${jetBrainsMono.variable} ${ioskeleyMono.variable} bg-background`}
       >
         {children}
       </body>

package/template/lib/components/code-block.tsx

@@ -18,7 +18,7 @@ export async function CodeBlock({ children, lang }: CodeBlockProps) {
 
   return (
     <div
-      className="font-pp-supply-mono text-sm [&_pre]:bg-transparent [&_pre]:m-0 [&_pre]:p-0"
+      className="font-ioskeley-mono text-sm [&_pre]:bg-transparent [&_pre]:m-0 [&_pre]:p-0"
       dangerouslySetInnerHTML={{ __html: html }}
     />
   );