create-nocdn-app 0.0.9 → 0.0.11

package/index.js

@@ -18,6 +18,7 @@ const flags = {
 	open: args.includes("--open"),
 	useNpm: args.includes("--use-npm"),
 	usePnpm: args.includes("--use-pnpm"),
+	testing: args.includes("--testing"),
 };
 
 const cliProjectName = args.find((arg) => !arg.startsWith("-"));
@@ -38,6 +39,7 @@ Options:
   --open            Open project in default editor after creation
   --use-npm         Use npm instead of bun for installing dependencies
   --use-pnpm        Use pnpm instead of bun for installing dependencies
+  --testing         Use local template instead of cloning from GitHub (for development)
 
 Examples:
   bunx create-nocdn-app                    Interactive mode
@@ -97,6 +99,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();
 
@@ -109,22 +121,41 @@ async function main() {
 			process.exit(1);
 		} catch {}
 
-		s.start("Cloning template...");
-		const tempPath = path.join(process.cwd(), `.temp-${Date.now()}`);
-		await execAsync(
-			`git clone --depth 1 https://github.com/nocdn/create-nocdn-app.git "${tempPath}"`,
-		);
-
-		await fs.rename(path.join(tempPath, "template"), projectPath);
-
-		await fs.rm(tempPath, { recursive: true, force: true });
-		s.stop("Template cloned");
+		s.start(flags.testing ? "Copying local template..." : "Cloning template...");
+		if (flags.testing) {
+			const scriptDir = new URL(".", import.meta.url).pathname;
+			const localTemplatePath = path.join(scriptDir, "template");
+			await fs.cp(localTemplatePath, projectPath, { recursive: true });
+			s.stop("Local template copied");
+		} else {
+			const tempPath = path.join(process.cwd(), `.temp-${Date.now()}`);
+			await execAsync(
+				`git clone --depth 1 https://github.com/nocdn/create-nocdn-app.git "${tempPath}"`,
+			);
+			await fs.rename(path.join(tempPath, "template"), projectPath);
+			await fs.rm(tempPath, { recursive: true, force: true });
+			s.stop("Template cloned");
+		}
 
 		s.start("Configuring project...");
 		const packageJsonPath = path.join(projectPath, "package.json");
 		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,6 +1,6 @@
 {
   "name": "create-nocdn-app",
-  "version": "0.0.9",
+  "version": "0.0.11",
   "description": "Scaffold Next.js my preferred way",
   "license": "MIT",
   "type": "module",

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,20 @@ 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" },
+    { path: "./fonts/IoskeleyMono-Bold.woff2", weight: "700" },
+    { path: "./fonts/IoskeleyMono-ExtraBold.woff2", weight: "800" },
+  ],
+  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 +49,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 }}
     />
   );