create-koori-app 1.0.0

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+export {};

package/dist/index.js

@@ -0,0 +1,100 @@
+#!/usr/bin/env node
+import { execSync } from "node:child_process";
+import { cpSync, mkdirSync, readFileSync, writeFileSync, existsSync } from "node:fs";
+import { join, resolve } from "node:path";
+import { fileURLToPath } from "node:url";
+import prompts from "prompts";
+import kleur from "kleur";
+const __dirname = fileURLToPath(new URL(".", import.meta.url));
+const TEMPLATE_DIR = resolve(__dirname, "../template");
+async function main() {
+    console.log();
+    console.log(kleur.bold().cyan("  ✦ create-koori-app"));
+    console.log(kleur.dim("  Glassmorphism UI starter powered by Koori UI + Next.js\n"));
+    const args = process.argv.slice(2);
+    let projectName = args[0]?.trim();
+    if (!projectName) {
+        const res = await prompts({
+            type: "text",
+            name: "projectName",
+            message: "Project name:",
+            initial: "my-koori-app",
+        });
+        if (!res.projectName) {
+            console.log(kleur.red("  Cancelled."));
+            process.exit(1);
+        }
+        projectName = res.projectName.trim();
+    }
+    const { defaultTheme } = await prompts({
+        type: "select",
+        name: "defaultTheme",
+        message: "Default theme:",
+        choices: [
+            { title: "Dark", value: "dark" },
+            { title: "Light", value: "light" },
+            { title: "System (follows OS)", value: "system" },
+        ],
+        initial: 0,
+    });
+    const { packageManager } = await prompts({
+        type: "select",
+        name: "packageManager",
+        message: "Package manager:",
+        choices: [
+            { title: "npm", value: "npm" },
+            { title: "pnpm", value: "pnpm" },
+            { title: "yarn", value: "yarn" },
+            { title: "bun", value: "bun" },
+        ],
+        initial: 0,
+    });
+    const targetDir = resolve(process.cwd(), projectName);
+    if (existsSync(targetDir)) {
+        const { overwrite } = await prompts({
+            type: "confirm",
+            name: "overwrite",
+            message: `Directory "${projectName}" already exists. Overwrite?`,
+            initial: false,
+        });
+        if (!overwrite) {
+            console.log(kleur.red("  Cancelled."));
+            process.exit(1);
+        }
+    }
+    console.log();
+    console.log(kleur.dim(`  Creating ${projectName}...`));
+    mkdirSync(targetDir, { recursive: true });
+    cpSync(TEMPLATE_DIR, targetDir, { recursive: true });
+    /* Patch package.json with project name */
+    const pkgPath = join(targetDir, "package.json");
+    const pkg = JSON.parse(readFileSync(pkgPath, "utf-8"));
+    pkg.name = projectName;
+    writeFileSync(pkgPath, JSON.stringify(pkg, null, 2) + "\n");
+    /* Patch layout.tsx with chosen default theme */
+    const layoutPath = join(targetDir, "app", "layout.tsx");
+    let layout = readFileSync(layoutPath, "utf-8");
+    layout = layout.replace('defaultTheme="dark"', `defaultTheme="${defaultTheme}"`);
+    writeFileSync(layoutPath, layout);
+    /* Install deps */
+    const installCmd = packageManager === "yarn" ? "yarn" : `${packageManager} install`;
+    console.log(kleur.dim(`  Installing dependencies with ${packageManager}...\n`));
+    try {
+        execSync(installCmd, { cwd: targetDir, stdio: "inherit" });
+    }
+    catch {
+        console.log(kleur.yellow("\n  Install failed — run it manually inside the project folder."));
+    }
+    console.log();
+    console.log(kleur.green("  ✓ Done!\n"));
+    console.log(`  ${kleur.bold("Get started:")}`);
+    console.log(`    ${kleur.cyan(`cd ${projectName}`)}`);
+    console.log(`    ${kleur.cyan(`${packageManager === "npm" ? "npm run" : packageManager} dev`)}`);
+    console.log();
+    console.log(`  ${kleur.dim("Docs: https://koori-ui.dev")}`);
+    console.log();
+}
+main().catch((err) => {
+    console.error(kleur.red("  Error: " + err.message));
+    process.exit(1);
+});

package/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "create-koori-app",
+  "version": "1.0.0",
+  "description": "Create a new Koori UI project with one command",
+  "type": "module",
+  "bin": {
+    "create-koori-app": "./dist/index.js"
+  },
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch",
+    "start": "node dist/index.js"
+  },
+  "files": [
+    "dist",
+    "template"
+  ],
+  "keywords": ["koori-ui", "glassmorphism", "react", "nextjs", "create-app"],
+  "license": "MIT",
+  "dependencies": {
+    "kleur": "^4.1.5",
+    "prompts": "^2.4.2"
+  },
+  "devDependencies": {
+    "@types/node": "^22",
+    "@types/prompts": "^2.4.9",
+    "typescript": "^5.7.0"
+  }
+}

package/template/app/globals.css

@@ -0,0 +1 @@
+@import "koori-ui/styles.css";

package/template/app/layout.tsx

@@ -0,0 +1,24 @@
+import type { Metadata } from "next";
+import "./globals.css";
+import { KooriProvider } from "koori-ui";
+
+export const metadata: Metadata = {
+  title: "My Koori App",
+  description: "Built with Koori UI glassmorphism components",
+};
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html lang="en" suppressHydrationWarning>
+      <body className="min-h-screen antialiased">
+        <KooriProvider defaultTheme="dark">
+          {children}
+        </KooriProvider>
+      </body>
+    </html>
+  );
+}

package/template/app/page.tsx

@@ -0,0 +1,55 @@
+"use client";
+
+import {
+  GlassCard,
+  GlassCardHeader,
+  GlassCardBody,
+  GlassCardFooter,
+  GlassButton,
+  GlassH1,
+  GlassText,
+  GlassBadge,
+  useKooriTheme,
+} from "koori-ui";
+
+export default function Home() {
+  const { theme, setTheme } = useKooriTheme();
+
+  return (
+    <main className="flex min-h-screen items-center justify-center p-8">
+      {/* Background effects */}
+      <div className="ambient-orb ambient-orb--one" />
+      <div className="ambient-orb ambient-orb--two" />
+
+      <GlassCard variant="elevated" className="w-full max-w-md">
+        <GlassCardHeader>
+          <div className="flex items-center justify-between">
+            <GlassBadge variant="primary">Koori UI</GlassBadge>
+            <GlassButton
+              size="sm"
+              onClick={() => setTheme(theme === "dark" ? "light" : "dark")}
+            >
+              {theme === "dark" ? "☀️ Light" : "🌙 Dark"}
+            </GlassButton>
+          </div>
+          <GlassH1 className="mt-4 text-2xl">Welcome to Koori UI</GlassH1>
+        </GlassCardHeader>
+        <GlassCardBody>
+          <GlassText muted>
+            You&apos;re running a glassmorphism React app. Edit{" "}
+            <code className="text-[var(--koori-primary)] text-sm">app/page.tsx</code>{" "}
+            to get started.
+          </GlassText>
+        </GlassCardBody>
+        <GlassCardFooter className="flex gap-2">
+          <GlassButton variant="primary" className="flex-1">
+            Get Started
+          </GlassButton>
+          <GlassButton className="flex-1">
+            View Docs
+          </GlassButton>
+        </GlassCardFooter>
+      </GlassCard>
+    </main>
+  );
+}

package/template/next.config.ts

@@ -0,0 +1,5 @@
+import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {};
+
+export default nextConfig;

package/template/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "my-koori-app",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev --turbo",
+    "build": "next build",
+    "start": "next start",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "koori-ui": "latest",
+    "next": "^15",
+    "react": "^19",
+    "react-dom": "^19",
+    "lucide-react": "^1.7.0"
+  },
+  "devDependencies": {
+    "@types/node": "^22",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "typescript": "^5.7.0"
+  }
+}

package/template/tsconfig.json

@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "plugins": [{ "name": "next" }],
+    "paths": { "@/*": ["./*"] }
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "exclude": ["node_modules"]
+}