@drewsepsi/nextpi 0.1.0

package/bin/cli.js

@@ -0,0 +1,85 @@
+#!/usr/bin/env node
+
+import { spawn } from 'child_process';
+import path from 'path';
+import { fileURLToPath } from 'url';
+import fs from 'fs';
+import { getConfig } from '../lib/config.js';
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const packageRoot = path.resolve(__dirname, '..');
+
+// 1. Set the PI_ROOT to the user's current working directory (the project they want to work on)
+process.env.PI_ROOT = process.cwd();
+
+// 2. Load global config if exists
+const config = getConfig();
+if (config.openRouterApiKey && !process.env.OPENROUTER_API_KEY) {
+    process.env.OPENROUTER_API_KEY = config.openRouterApiKey;
+}
+
+// 3. Check for API Keys
+if (!process.env.OPENROUTER_API_KEY) {
+    console.warn(`\x1b[33m\n⚠️  NextPi: No OpenRouter API key found.\x1b[0m`);
+    console.log(`To use AI features, you can:`);
+    console.log(` 1. Set it in your terminal: \x1b[36mexport OPENROUTER_API_KEY=...\x1b[0m`);
+    console.log(` 2. Or just \x1b[35mpaste it in the UI settings\x1b[0m once the app starts.`);
+    console.log(`\n🔗 Get a key: \x1b[4mhttps://openrouter.ai/keys\x1b[0m\n`);
+}
+
+// 4. Determine if we should run in dev mode or production mode
+// If we are running from a local development folder, we likely want dev.
+// If we are installed as a package, we likely want 'next start'.
+const isDev = fs.existsSync(path.join(packageRoot, 'next.config.js')) && !fs.existsSync(path.join(packageRoot, '.next'));
+
+console.log(`\x1b[35m%s\x1b[0m`, `
+   _   __              __ ____   _ 
+  / | / /___  _  __ /_  / __ \\ (_)
+ /  |/ / __ \\| |/_/  / / /_/ // / 
+/ /|  /  __/ >  <   / / ____// /  
+/_/ |_/\\___ /_/|_| /_/_/    /_/   
+                                   
+   NextPi - The Agentic IDE
+\x1b[0m`);
+
+console.log(`🚀 Starting NextPi...`);
+console.log(`📁 Workspace Root: ${process.env.PI_ROOT}`);
+console.log(`🔗 Interface: http://localhost:3000`);
+
+// 5. Find the right runner
+const useBun = fs.existsSync(path.join(packageRoot, 'bun.lockb'));
+const runner = useBun ? 'bun' : 'npm';
+const args = isDev ? ['run', 'dev'] : ['run', 'start'];
+
+if (!isDev && !fs.existsSync(path.join(packageRoot, '.next'))) {
+    console.warn(`\x1b[33mWarning: Production build (.next) not found. Falling back to development mode.\x1b[0m`);
+    args[1] = 'dev';
+}
+
+const child = spawn(runner, args, {
+  cwd: packageRoot,
+  stdio: 'inherit',
+  env: {
+      ...process.env,
+      // Force port 3000 or allow override
+      PORT: process.env.PORT || '3000'
+  }
+});
+
+// 6. Auto-open browser
+const port = process.env.PORT || '3000';
+const url = `http://localhost:${port}`;
+setTimeout(() => {
+    const start = process.platform === 'darwin' ? 'open' : process.platform === 'win32' ? 'start' : 'xdg-open';
+    spawn(start, [url], { detached: true }).unref();
+}, 2500);
+
+child.on('exit', (code) => {
+  process.exit(code ?? 0);
+});
+
+// Handle termination
+process.on('SIGINT', () => {
+    child.kill('SIGINT');
+    process.exit(0);
+});

package/components/theme-provider.tsx

@@ -0,0 +1,71 @@
+"use client"
+
+import * as React from "react"
+import { ThemeProvider as NextThemesProvider, useTheme } from "next-themes"
+
+function ThemeProvider({
+  children,
+  ...props
+}: React.ComponentProps<typeof NextThemesProvider>) {
+  return (
+    <NextThemesProvider
+      attribute="class"
+      defaultTheme="system"
+      enableSystem
+      disableTransitionOnChange
+      {...props}
+    >
+      <ThemeHotkey />
+      {children}
+    </NextThemesProvider>
+  )
+}
+
+function isTypingTarget(target: EventTarget | null) {
+  if (!(target instanceof HTMLElement)) {
+    return false
+  }
+
+  return (
+    target.isContentEditable ||
+    target.tagName === "INPUT" ||
+    target.tagName === "TEXTAREA" ||
+    target.tagName === "SELECT"
+  )
+}
+
+function ThemeHotkey() {
+  const { resolvedTheme, setTheme } = useTheme()
+
+  React.useEffect(() => {
+    function onKeyDown(event: KeyboardEvent) {
+      if (event.defaultPrevented || event.repeat) {
+        return
+      }
+
+      if (event.metaKey || event.ctrlKey || event.altKey) {
+        return
+      }
+
+      if (event.key.toLowerCase() !== "d") {
+        return
+      }
+
+      if (isTypingTarget(event.target)) {
+        return
+      }
+
+      setTheme(resolvedTheme === "dark" ? "light" : "dark")
+    }
+
+    window.addEventListener("keydown", onKeyDown)
+
+    return () => {
+      window.removeEventListener("keydown", onKeyDown)
+    }
+  }, [resolvedTheme, setTheme])
+
+  return null
+}
+
+export { ThemeProvider }

package/components/ui/button.tsx

@@ -0,0 +1,67 @@
+import * as React from "react"
+import { cva, type VariantProps } from "class-variance-authority"
+import { Slot } from "radix-ui"
+
+import { cn } from "@/lib/utils"
+
+const buttonVariants = cva(
+  "group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+        outline:
+          "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+        secondary:
+          "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+        ghost:
+          "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+        destructive:
+          "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+        link: "text-primary underline-offset-4 hover:underline",
+      },
+      size: {
+        default:
+          "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+        xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+        sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+        lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+        icon: "size-8",
+        "icon-xs":
+          "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
+        "icon-sm":
+          "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
+        "icon-lg": "size-9",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+    },
+  }
+)
+
+function Button({
+  className,
+  variant = "default",
+  size = "default",
+  asChild = false,
+  ...props
+}: React.ComponentProps<"button"> &
+  VariantProps<typeof buttonVariants> & {
+    asChild?: boolean
+  }) {
+  const Comp = asChild ? Slot.Root : "button"
+
+  return (
+    <Comp
+      data-slot="button"
+      data-variant={variant}
+      data-size={size}
+      className={cn(buttonVariants({ variant, size, className }))}
+      {...props}
+    />
+  )
+}
+
+export { Button, buttonVariants }