promptslide 0.2.1 → 0.2.2

package/src/commands/create.mjs

@@ -4,7 +4,7 @@ import { join, resolve, dirname } from "node:path"
 import { fileURLToPath } from "node:url"
 
 import { bold, green, cyan, red, dim } from "../utils/ansi.mjs"
-import { hexToOklch, hexToOklchDark, isValidHex } from "../utils/colors.mjs"
+import { hexToOklch, isValidHex } from "../utils/colors.mjs"
 import { prompt, confirm, closePrompts } from "../utils/prompts.mjs"
 import { ensureTsConfig } from "../utils/tsconfig.mjs"
 
@@ -56,21 +56,33 @@ export async function create(args) {
   console.log(`  ${bold("promptslide")} ${dim("create")}`)
   console.log()
 
+  // Parse flags
+  const useDefaults = args.includes("--yes") || args.includes("-y")
+  const filteredArgs = args.filter(a => a !== "--yes" && a !== "-y")
+
   // 1. Parse directory name from args or prompt
-  let dirName = args[0]
+  let dirName = filteredArgs[0]
 
   if (dirName === "--help" || dirName === "-h") {
-    console.log(`  ${bold("Usage:")} promptslide create ${dim("<project-directory>")}`)
+    console.log(`  ${bold("Usage:")} promptslide create ${dim("<project-directory>")} ${dim("[options]")}`)
     console.log()
     console.log(`  Scaffolds a new PromptSlide slide deck project.`)
     console.log()
+    console.log(`  ${bold("Options:")}`)
+    console.log(`    -y, --yes    Skip prompts and use defaults`)
+    console.log()
     console.log(`  ${bold("Example:")}`)
     console.log(`    promptslide create my-pitch-deck`)
+    console.log(`    promptslide create my-pitch-deck --yes`)
     console.log()
     process.exit(0)
   }
 
   if (!dirName) {
+    if (useDefaults) {
+      console.error(`  ${red("Error:")} Please provide a project directory name when using --yes.`)
+      process.exit(1)
+    }
     dirName = await prompt("Project directory:")
   }
 
@@ -95,13 +107,16 @@ export async function create(args) {
 
   // 2. Ask for project/brand name
   const defaultName = titleCase(dirName)
-  const projectName = await prompt("Project name:", defaultName)
+  const projectName = useDefaults ? defaultName : await prompt("Project name:", defaultName)
 
   // 3. Ask for primary brand color (optional)
-  let primaryHex = await prompt("Primary brand color (hex):", "#3B82F6")
-  if (!isValidHex(primaryHex)) {
-    console.log(`  ${dim("Invalid hex color, using default #3B82F6")}`)
-    primaryHex = "#3B82F6"
+  let primaryHex = "#3B82F6"
+  if (!useDefaults) {
+    primaryHex = await prompt("Primary brand color (hex):", "#3B82F6")
+    if (!isValidHex(primaryHex)) {
+      console.log(`  ${dim("Invalid hex color, using default #3B82F6")}`)
+      primaryHex = "#3B82F6"
+    }
   }
 
   console.log()
@@ -116,7 +131,6 @@ export async function create(args) {
 
   // 5. Replace placeholders
   const primaryOklch = hexToOklch(primaryHex)
-  const primaryOklchDark = hexToOklchDark(primaryHex)
 
   const replacements = [
     {
@@ -138,8 +152,7 @@ export async function create(args) {
     {
       path: join(targetDir, "src", "globals.css"),
       values: {
-        "{{PRIMARY_COLOR}}": primaryOklch,
-        "{{PRIMARY_COLOR_DARK}}": primaryOklchDark
+        "{{PRIMARY_COLOR}}": primaryOklch
       }
     }
   ]
@@ -161,21 +174,25 @@ export async function create(args) {
   // 7. Generate tsconfig.json for editor support
   ensureTsConfig(targetDir)
 
-  // 8. Install PromptSlide agent skill
-  const installSkill = await confirm("Install PromptSlide agent skill?")
-
-  if (installSkill) {
-    console.log()
-    console.log(`  ${dim("Running: npx skills add prompticeu/promptslide")}`)
-    try {
-      execSync("npx skills add prompticeu/promptslide", {
-        cwd: targetDir,
-        stdio: "inherit"
-      })
-      console.log(`  ${green("✓")} PromptSlide skill installed`)
-    } catch {
-      console.log(`  ${red("⚠")} Skill installation failed. You can install it later with:`)
-      console.log(`    npx skills add prompticeu/promptslide`)
+  // 8. Install PromptSlide agent skill (defaults to yes; skipped with --yes since skills CLI is interactive)
+  if (useDefaults) {
+    console.log(`  ${dim("Tip: Run")} npx skills add prompticeu/promptslide ${dim("to install the agent skill")}`)
+  } else {
+    const installSkill = await confirm("Install PromptSlide agent skill?")
+
+    if (installSkill) {
+      console.log()
+      console.log(`  ${dim("Running: npx skills add prompticeu/promptslide")}`)
+      try {
+        execSync("npx skills add prompticeu/promptslide", {
+          cwd: targetDir,
+          stdio: "inherit"
+        })
+        console.log(`  ${green("✓")} PromptSlide skill installed`)
+      } catch {
+        console.log(`  ${red("⚠")} Skill installation failed. You can install it later with:`)
+        console.log(`    npx skills add prompticeu/promptslide`)
+      }
     }
   }
 
@@ -190,7 +207,6 @@ export async function create(args) {
   console.log(`    bun run dev`)
   console.log()
   console.log(`  Then open your coding agent and start building slides!`)
-  console.log(`  The agent will read ${cyan("AGENTS.md")} to understand the framework.`)
   console.log()
 
   closePrompts()

package/src/commands/info.mjs

@@ -0,0 +1,79 @@
+import { bold, green, cyan, red, dim } from "../utils/ansi.mjs"
+import { requireAuth } from "../utils/auth.mjs"
+import { fetchRegistryItem, readLockfile } from "../utils/registry.mjs"
+
+export async function info(args) {
+  console.log()
+  console.log(`  ${bold("promptslide")} ${dim("info")}`)
+  console.log()
+
+  const name = args[0]
+  if (!name || name === "--help" || name === "-h") {
+    console.log(`  ${bold("Usage:")} promptslide info ${dim("<name>")}`)
+    console.log()
+    console.log(`  Show details about a registry item.`)
+    console.log()
+    console.log(`  ${bold("Examples:")}`)
+    console.log(`    promptslide info slide-hero-gradient`)
+    console.log(`    promptslide info deck-pitch`)
+    console.log()
+    process.exit(0)
+  }
+
+  const auth = requireAuth()
+
+  let item
+  try {
+    item = await fetchRegistryItem(name, auth)
+  } catch (err) {
+    console.error(`  ${red("Error:")} ${err.message}`)
+    process.exit(1)
+  }
+
+  // Check local install status
+  const cwd = process.cwd()
+  const lock = readLockfile(cwd)
+  const installed = lock.items[item.name]
+
+  const lines = [
+    ["Name", item.name],
+    ["Title", item.title || dim("—")],
+    ["Type", item.type],
+    ["Version", `v${item.version}`],
+    ["Steps", item.steps ?? item.meta?.steps ?? 0],
+    ["Downloads", item.downloads ?? 0],
+    ["Tags", item.tags?.length ? item.tags.join(", ") : dim("none")],
+    ["Description", item.description || dim("—")],
+  ]
+
+  if (item.dependencies && Object.keys(item.dependencies).length > 0) {
+    lines.push(["Dependencies", Object.entries(item.dependencies).map(([n, v]) => `${n}@${v}`).join(", ")])
+  }
+
+  if (item.registryDependencies?.length) {
+    lines.push(["Registry deps", item.registryDependencies.join(", ")])
+  }
+
+  if (item.files?.length) {
+    lines.push(["Files", item.files.map(f => `${f.target}${f.path}`).join(", ")])
+  }
+
+  if (installed) {
+    lines.push(["Installed", `${green("yes")} — v${installed.version} (${installed.installedAt})`])
+    if (Number(installed.version) < Number(item.version)) {
+      lines.push(["", `${cyan("Update available:")} v${installed.version} → v${item.version}`])
+    }
+  } else {
+    lines.push(["Installed", dim("no")])
+  }
+
+  // Find max label width for alignment
+  const maxLabel = Math.max(...lines.map(([label]) => label.length))
+
+  for (const [label, value] of lines) {
+    const paddedLabel = label ? `${label}:`.padEnd(maxLabel + 2) : " ".repeat(maxLabel + 2)
+    console.log(`  ${dim(paddedLabel)} ${value}`)
+  }
+
+  console.log()
+}

package/src/commands/list.mjs

@@ -0,0 +1,37 @@
+import { bold, cyan, red, dim } from "../utils/ansi.mjs"
+import { requireAuth } from "../utils/auth.mjs"
+import { searchRegistry } from "../utils/registry.mjs"
+import { printTable } from "./search.mjs"
+
+export async function list(args) {
+  console.log()
+  console.log(`  ${bold("promptslide")} ${dim("list")}`)
+  console.log()
+
+  // Parse --type flag
+  let type = null
+  const typeIdx = args.indexOf("--type")
+  if (typeIdx !== -1 && args[typeIdx + 1]) {
+    type = args[typeIdx + 1]
+    const validTypes = ["slide", "layout", "deck", "theme"]
+    if (!validTypes.includes(type)) {
+      console.error(`  ${red("Error:")} Invalid type "${type}". Use: ${validTypes.join(", ")}`)
+      process.exit(1)
+    }
+  }
+
+  const auth = requireAuth()
+
+  try {
+    const results = await searchRegistry({ type }, auth)
+    const label = type ? `${type}s` : "items"
+    console.log(`  Registry ${label}${auth.organizationName ? ` for ${cyan(auth.organizationName)}` : ""}:`)
+    console.log()
+    printTable(Array.isArray(results) ? results : results.items || [])
+  } catch (err) {
+    console.error(`  ${red("Error:")} ${err.message}`)
+    process.exit(1)
+  }
+
+  console.log()
+}

package/src/commands/login.mjs

@@ -0,0 +1,176 @@
+import { execFileSync } from "node:child_process"
+
+import { bold, green, cyan, red, dim } from "../utils/ansi.mjs"
+import { saveAuth, DEFAULT_REGISTRY } from "../utils/auth.mjs"
+import { prompt, closePrompts } from "../utils/prompts.mjs"
+import { fetchOrganizations } from "../utils/registry.mjs"
+
+function sleep(ms) {
+  return new Promise(resolve => setTimeout(resolve, ms))
+}
+
+function openBrowser(url) {
+  try {
+    const platform = process.platform
+    if (platform === "darwin") {
+      execFileSync("open", [url], { stdio: "ignore" })
+    } else if (platform === "win32") {
+      execFileSync("cmd", ["/c", "start", "", url], { stdio: "ignore" })
+    } else {
+      execFileSync("xdg-open", [url], { stdio: "ignore" })
+    }
+  } catch {}
+}
+
+export async function login(args) {
+  console.log()
+  console.log(`  ${bold("promptslide")} ${dim("login")}`)
+  console.log()
+
+  // Parse --registry flag
+  let registry = DEFAULT_REGISTRY
+  const registryIdx = args.indexOf("--registry")
+  if (registryIdx !== -1 && args[registryIdx + 1]) {
+    registry = args[registryIdx + 1].replace(/\/$/, "")
+  }
+
+  console.log(`  Registry: ${cyan(registry)}`)
+  console.log()
+
+  // Step 1: Request device code
+  let deviceData
+  try {
+    const res = await fetch(`${registry}/api/auth/device/code`, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        client_id: "promptslide-cli",
+        scope: "openid profile email"
+      })
+    })
+
+    if (!res.ok) {
+      const body = await res.text()
+      throw new Error(`${res.status}: ${body}`)
+    }
+
+    deviceData = await res.json()
+  } catch (err) {
+    console.error(`  ${red("Error:")} Could not connect to registry.`)
+    console.error(`  ${dim(err.message)}`)
+    process.exit(1)
+  }
+
+  const { device_code, user_code, verification_uri_complete, verification_uri, interval: initialInterval, expires_in } = deviceData
+  let pollInterval = (initialInterval || 5) * 1000
+  const timeoutMs = (expires_in || 600) * 1000 // Default 10 min
+
+  // Step 2: Show verification info
+  const verifyUrl = verification_uri_complete || verification_uri || `${registry}/device`
+  console.log(`  ${green("✓")} Open this URL in your browser:`)
+  console.log(`    ${cyan(verifyUrl)}`)
+  console.log()
+  if (user_code) {
+    console.log(`  Enter code: ${bold(user_code)}`)
+    console.log()
+  }
+  console.log(`  ${dim("Waiting for authorization...")}`)
+
+  openBrowser(verifyUrl)
+
+  // Step 3: Poll for authorization
+  let tokenData
+  const deadline = Date.now() + timeoutMs
+  while (Date.now() < deadline) {
+    await sleep(pollInterval)
+
+    try {
+      const res = await fetch(`${registry}/api/auth/device/token`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          device_code,
+          client_id: "promptslide-cli",
+          grant_type: "urn:ietf:params:oauth:grant-type:device_code"
+        })
+      })
+
+      const data = await res.json()
+
+      if (data.error === "authorization_pending") continue
+      if (data.error === "slow_down") {
+        pollInterval += 5000
+        continue
+      }
+      if (data.error) {
+        throw new Error(data.error_description || data.error)
+      }
+
+      tokenData = data
+      break
+    } catch (err) {
+      if (err.message === "authorization_pending") continue
+      console.error(`\n  ${red("Error:")} ${err.message}`)
+      process.exit(1)
+    }
+  }
+
+  if (!tokenData) {
+    console.error(`\n  ${red("Error:")} Authorization timed out. Please try again.`)
+    process.exit(1)
+  }
+
+  const accessToken = tokenData.access_token || tokenData.token
+  console.log(`  ${green("✓")} Authenticated`)
+
+  // Step 4: Fetch user's organizations and let them pick
+  let organizationId = null
+  let organizationName = null
+
+  try {
+    const orgs = await fetchOrganizations({ registry, token: accessToken })
+
+    if (orgs.length === 0) {
+      console.log(`  ${dim("No organizations found. Create one at your dashboard.")}`)
+    } else if (orgs.length === 1) {
+      organizationId = orgs[0].id
+      organizationName = orgs[0].name
+    } else {
+      console.log()
+      console.log(`  ${bold("Select organization:")}`)
+      orgs.forEach((org, i) => {
+        console.log(`    ${dim(`${i + 1}.`)} ${org.name} ${dim(`(${org.slug})`)}`)
+      })
+      console.log()
+
+      const choice = await prompt("Organization number:", "1")
+      const idx = parseInt(choice, 10) - 1
+      if (idx >= 0 && idx < orgs.length) {
+        organizationId = orgs[idx].id
+        organizationName = orgs[idx].name
+      } else {
+        console.error(`  ${red("Error:")} Invalid selection. Using first organization.`)
+        organizationId = orgs[0].id
+        organizationName = orgs[0].name
+      }
+    }
+  } catch (err) {
+    console.log(`  ${dim("Could not fetch organizations: " + err.message)}`)
+  }
+
+  // Step 5: Save credentials
+  saveAuth({
+    registry,
+    token: accessToken,
+    organizationId,
+    organizationName
+  })
+
+  if (organizationName) {
+    console.log(`  Organization: ${bold(organizationName)}`)
+  }
+  console.log(`  Credentials saved to ${dim("~/.promptslide/auth.json")}`)
+  console.log()
+
+  closePrompts()
+}

package/src/commands/logout.mjs

@@ -0,0 +1,17 @@
+import { bold, green, dim } from "../utils/ansi.mjs"
+import { clearAuth } from "../utils/auth.mjs"
+
+export async function logout() {
+  console.log()
+  console.log(`  ${bold("promptslide")} ${dim("logout")}`)
+  console.log()
+
+  const removed = clearAuth()
+
+  if (removed) {
+    console.log(`  ${green("✓")} Logged out. Credentials removed.`)
+  } else {
+    console.log(`  ${dim("Not logged in.")}`)
+  }
+  console.log()
+}

package/src/commands/org.mjs

@@ -0,0 +1,68 @@
+import { bold, green, cyan, red, dim } from "../utils/ansi.mjs"
+import { requireAuth, saveAuth } from "../utils/auth.mjs"
+import { fetchOrganizations } from "../utils/registry.mjs"
+import { prompt, closePrompts } from "../utils/prompts.mjs"
+
+export async function org(args) {
+  console.log()
+  console.log(`  ${bold("promptslide")} ${dim("org")}`)
+  console.log()
+
+  const auth = requireAuth()
+
+  let orgs
+  try {
+    orgs = await fetchOrganizations(auth)
+  } catch (err) {
+    console.error(`  ${red("Error:")} ${err.message}`)
+    process.exit(1)
+  }
+
+  if (orgs.length === 0) {
+    console.log(`  No organizations found. Create one at your dashboard.`)
+    console.log()
+    closePrompts()
+    return
+  }
+
+  console.log(`  ${bold("Your organizations:")}`)
+  orgs.forEach((o, i) => {
+    const current = o.id === auth.organizationId ? ` ${green("← current")}` : ""
+    console.log(`    ${dim(`${i + 1}.`)} ${o.name} ${dim(`(${o.slug})`)}${current}`)
+  })
+  console.log()
+
+  if (orgs.length === 1) {
+    if (auth.organizationId !== orgs[0].id) {
+      saveAuth({ ...auth, organizationId: orgs[0].id, organizationName: orgs[0].name })
+      console.log(`  ${green("✓")} Switched to ${bold(orgs[0].name)}`)
+    } else {
+      console.log(`  Already using ${bold(orgs[0].name)}.`)
+    }
+    console.log()
+    closePrompts()
+    return
+  }
+
+  const choice = await prompt("Switch to organization number:", "")
+  if (!choice) {
+    console.log()
+    closePrompts()
+    return
+  }
+
+  const idx = parseInt(choice, 10) - 1
+  if (idx < 0 || idx >= orgs.length) {
+    console.error(`  ${red("Error:")} Invalid selection.`)
+    console.log()
+    closePrompts()
+    process.exit(1)
+  }
+
+  const selected = orgs[idx]
+  saveAuth({ ...auth, organizationId: selected.id, organizationName: selected.name })
+  console.log(`  ${green("✓")} Switched to ${bold(selected.name)}`)
+  console.log()
+
+  closePrompts()
+}