uniweb 0.8.3 → 0.8.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "uniweb",
-  "version": "0.8.3",
+  "version": "0.8.4",
   "description": "Create structured Vite + React sites with content/code separation",
   "type": "module",
   "bin": {
@@ -41,9 +41,9 @@
     "js-yaml": "^4.1.0",
     "prompts": "^2.4.2",
     "tar": "^7.0.0",
-    "@uniweb/runtime": "0.6.4",
-    "@uniweb/build": "0.8.3",
+    "@uniweb/build": "0.8.4",
     "@uniweb/core": "0.5.4",
+    "@uniweb/runtime": "0.6.4",
     "@uniweb/kit": "0.7.3"
   }
 }

package/src/commands/add.js

@@ -25,6 +25,7 @@ import {
 import { validatePackageName, getExistingPackageNames, resolveUniqueName } from '../utils/names.js'
 import { findWorkspaceRoot } from '../utils/workspace.js'
 import { detectPackageManager, filterCmd, installCmd } from '../utils/pm.js'
+import { isNonInteractive, getCliPrefix, stripNonInteractiveFlag, formatOptions } from '../utils/interactive.js'
 import { resolveTemplate } from '../templates/index.js'
 import { validateTemplate } from '../templates/validator.js'
 import { getVersionsForTemplates } from '../versions.js'
@@ -91,13 +92,17 @@ function parseArgs(args) {
 /**
  * Main add command handler
  */
-export async function add(args) {
+export async function add(rawArgs) {
+  const nonInteractive = isNonInteractive(rawArgs)
+  const args = stripNonInteractiveFlag(rawArgs)
+
   if (args[0] === '--help' || args[0] === '-h') {
     showAddHelp()
     return
   }
 
   const pm = detectPackageManager()
+  const prefix = getCliPrefix()
 
   // Find workspace root
   const rootDir = findWorkspaceRoot()
@@ -110,6 +115,18 @@ export async function add(args) {
   // Interactive subcommand chooser when no args given
   let parsed
   if (!args.length || (args[0] && args[0].startsWith('--'))) {
+    if (nonInteractive) {
+      error(`Missing subcommand.\n`)
+      log(formatOptions([
+        { label: 'foundation', description: 'Component library' },
+        { label: 'site', description: 'Content site' },
+        { label: 'extension', description: 'Additional component package' },
+      ]))
+      log('')
+      log(`Usage: ${prefix} add <foundation|site|extension> [name]`)
+      process.exit(1)
+    }
+
     const response = await prompts({
       type: 'select',
       name: 'subcommand',
@@ -171,6 +188,12 @@ async function addFoundation(rootDir, projectName, opts, pm = 'pnpm') {
 
   // Interactive name prompt when name not provided and no --path
   if (!name && !opts.path) {
+    if (isNonInteractive(process.argv)) {
+      error(`Missing foundation name.\n`)
+      log(`Usage: ${getCliPrefix()} add foundation <name>`)
+      process.exit(1)
+    }
+
     const foundations = await discoverFoundations(rootDir)
     const hasDefault = foundations.length === 0 && !existsSync(join(rootDir, 'foundation'))
     const response = await prompts({
@@ -251,6 +274,12 @@ async function addSite(rootDir, projectName, opts, pm = 'pnpm') {
 
   // Interactive name prompt when name not provided and no --path
   if (!name && !opts.path) {
+    if (isNonInteractive(process.argv)) {
+      error(`Missing site name.\n`)
+      log(`Usage: ${getCliPrefix()} add site <name>`)
+      process.exit(1)
+    }
+
     const existingSites = await discoverSites(rootDir)
     const hasDefault = existingSites.length === 0 && !existsSync(join(rootDir, 'site'))
     const response = await prompts({
@@ -371,6 +400,12 @@ async function addExtension(rootDir, projectName, opts, pm = 'pnpm') {
 
   // Interactive name prompt when name not provided
   if (!name) {
+    if (isNonInteractive(process.argv)) {
+      error(`Missing extension name.\n`)
+      log(`Usage: ${getCliPrefix()} add extension <name>`)
+      process.exit(1)
+    }
+
     const response = await prompts({
       type: 'text',
       name: 'name',
@@ -529,7 +564,18 @@ async function resolveFoundation(rootDir, foundationFlag) {
     return foundations[0]
   }
 
-  // Multiple foundations — prompt
+  // Multiple foundations — prompt (or fail in non-interactive mode)
+  if (isNonInteractive(process.argv)) {
+    error(`Multiple foundations found. Specify which to use:\n`)
+    log(formatOptions(foundations.map(f => ({
+      label: f.name,
+      description: f.path,
+    }))))
+    log('')
+    log(`Usage: ${getCliPrefix()} add site <name> --foundation <name>`)
+    process.exit(1)
+  }
+
   const response = await prompts({
     type: 'select',
     name: 'foundation',

package/src/commands/docs.js

@@ -29,6 +29,7 @@ import {
   findFoundations,
   promptSelect,
 } from '../utils/workspace.js'
+import { isNonInteractive, getCliPrefix, formatOptions } from '../utils/interactive.js'
 
 // Colors for terminal output
 const colors = {
@@ -394,6 +395,12 @@ async function generateComponentDocs(args) {
     if (foundations.length === 1) {
       targetFoundation = foundations[0]
       info(`Found foundation: ${targetFoundation}`)
+    } else if (isNonInteractive(process.argv)) {
+      error(`Multiple foundations found. Specify which to target:\n`)
+      log(formatOptions(foundations.map(f => ({ label: f, description: '' }))))
+      log('')
+      log(`Usage: ${getCliPrefix()} docs --target <path>`)
+      process.exit(1)
     } else {
       log(`${colors.dim}Multiple foundations found in workspace.${colors.reset}\n`)
       targetFoundation = await promptSelect('Select foundation:', foundations)

package/src/index.js

@@ -29,6 +29,7 @@ import {
 import { validateTemplate } from './templates/validator.js'
 import { scaffoldWorkspace, scaffoldFoundation, scaffoldSite, applyContent, applyStarter, mergeTemplateDependencies } from './utils/scaffold.js'
 import { detectPackageManager, filterCmd, installCmd, runCmd } from './utils/pm.js'
+import { isNonInteractive, getCliPrefix, stripNonInteractiveFlag, formatOptions } from './utils/interactive.js'
 
 // Colors for terminal output
 const colors = {
@@ -288,7 +289,9 @@ function computeFoundationFilePath(sitePath, foundationPath) {
 }
 
 async function main() {
-  const args = process.argv.slice(2)
+  const rawArgs = process.argv.slice(2)
+  const nonInteractive = isNonInteractive(rawArgs)
+  const args = stripNonInteractiveFlag(rawArgs)
   const command = args[0]
   const pm = detectPackageManager()
 
@@ -369,6 +372,26 @@ async function main() {
     projectName = null
   }
 
+  const prefix = getCliPrefix()
+
+  // Non-interactive: fail with actionable message instead of prompting
+  if (nonInteractive && !projectName) {
+    error(`Missing project name.\n`)
+    log(`Usage: ${prefix} create <project-name> [--template <name>]`)
+    process.exit(1)
+  }
+
+  if (nonInteractive && !templateType) {
+    error(`Missing --template flag. Available templates:\n`)
+    log(formatOptions(TEMPLATE_CHOICES.map(c => ({
+      label: c.value,
+      description: c.description,
+    }))))
+    log('')
+    log(`Usage: ${prefix} create ${projectName || '<project-name>'} --template <name>`)
+    process.exit(1)
+  }
+
   // Interactive prompts
   const response = await prompts([
     {
@@ -539,6 +562,10 @@ ${colors.bright}Add Subcommands:${colors.reset}
   add site [name]         Add a site (--from, --foundation, --path, --project)
   add extension <name>    Add an extension (--from, --site, --path)
 
+${colors.bright}Global Options:${colors.reset}
+  --non-interactive    Fail with usage info instead of prompting
+                       Auto-detected when CI=true or no TTY (pipes, agents)
+
 ${colors.bright}Build Options:${colors.reset}
   --target <type>    Build target (foundation, site) - auto-detected if not specified
   --prerender        Force pre-rendering (overrides site.yml)

package/src/utils/interactive.js

@@ -0,0 +1,53 @@
+/**
+ * Non-Interactive Mode Detection
+ *
+ * Detects when the CLI is running without a TTY (AI agents, CI, piped input)
+ * and provides helpers for printing actionable error messages.
+ */
+
+/**
+ * Detect if the CLI is running in non-interactive mode.
+ * True when --non-interactive flag, CI env var, or no TTY.
+ * @param {string[]} args - Command line arguments
+ * @returns {boolean}
+ */
+export function isNonInteractive(args) {
+  if (args.includes('--non-interactive')) return true
+  if (process.env.CI) return true
+  if (!process.stdin.isTTY) return true
+  return false
+}
+
+/**
+ * Get the CLI invocation prefix to use in suggested commands.
+ * Mirrors however the user actually ran the CLI.
+ * @returns {string}
+ */
+export function getCliPrefix() {
+  const ua = process.env.npm_config_user_agent || ''
+  if (ua.startsWith('pnpm/')) return 'pnpm uniweb'
+  if (ua.startsWith('npm/')) return 'npx uniweb'
+  return 'uniweb'
+}
+
+/**
+ * Strip --non-interactive from an args array so it doesn't interfere
+ * with positional argument parsing.
+ * @param {string[]} args
+ * @returns {string[]}
+ */
+export function stripNonInteractiveFlag(args) {
+  return args.filter(a => a !== '--non-interactive')
+}
+
+/**
+ * Format a list of options with aligned descriptions for terminal output.
+ * @param {{ label: string, description: string }[]} options
+ * @returns {string}
+ */
+export function formatOptions(options) {
+  const maxLen = Math.max(...options.map(o => o.label.length))
+  return options
+    .map(o => `  ${o.label.padEnd(maxLen + 3)}${o.description}`)
+    .join('\n')
+}

package/templates/site/theme.yml

@@ -1 +1,99 @@
-primary: '#3b82f6'
+# Theme Configuration
+# Controls colors, typography, and visual style for the site.
+# Only set what you want to change — everything has sensible defaults.
+
+# ─── Colors ────────────────────────────────────────────────────────────────────
+# Palette colors generate shades (50–950) used by semantic tokens.
+# Values: any CSS color (hex, rgb, hsl, oklch).
+
+colors:
+  primary: '#3b82f6'        # Brand color — buttons, links, focus rings
+  # secondary: '#64748b'    # Secondary actions
+  # accent: '#8b5cf6'       # Highlights, decorative elements
+  # neutral: stone           # Gray family — stone, zinc, gray, slate, neutral
+
+# ─── Fonts ─────────────────────────────────────────────────────────────────────
+# Font families for text, headings, and code blocks.
+# Default: system-ui stack. Uncomment to use custom fonts.
+
+# fonts:
+#   heading: '"Inter", system-ui, sans-serif'
+#   body: '"Inter", system-ui, sans-serif'
+#   mono: '"JetBrains Mono", ui-monospace, monospace'
+#   import:
+#     - url: https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap
+#     - url: https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap
+
+# ─── Page Background ──────────────────────────────────────────────────────────
+# Background applied to the page body. Any CSS background value.
+
+# background: '#fafaf9'
+# background: 'linear-gradient(to bottom, #fafaf9, white)'
+
+# ─── Appearance ────────────────────────────────────────────────────────────────
+# Color scheme support. Simple value: light, dark, or system.
+# Or use the expanded form for more control.
+
+# appearance: light
+# appearance:
+#   default: light
+#   schemes: [light, dark]
+#   allowToggle: true
+#   respectSystemPreference: true
+
+# ─── Context Overrides ─────────────────────────────────────────────────────────
+# Sections declare a context (light, medium, dark) in frontmatter.
+# Each context maps semantic tokens to palette values.
+# Override individual tokens here — unlisted tokens keep their defaults.
+#
+# Available tokens:
+#   Surfaces:  section, card, muted
+#   Text:      body, heading, subtle
+#   Border:    border, ring
+#   Links:     link, link-hover
+#   Actions:   primary, primary-foreground, primary-hover
+#              secondary, secondary-foreground, secondary-hover
+#   Status:    success, warning, error, info (+ -subtle variants)
+
+# contexts:
+#   light:
+#     section: white
+#   medium:
+#     section: 'var(--neutral-100)'
+#   dark:
+#     heading: white
+
+# ─── Inline Text Styles ───────────────────────────────────────────────────────
+# Named styles for inline text in markdown: [text]{emphasis}
+# Each name maps to CSS properties.
+# Defaults: emphasis (colored + bold), muted (subtle).
+
+# inline:
+#   emphasis:
+#     color: 'var(--link)'
+#     font-weight: '600'
+#   muted:
+#     color: 'var(--subtle)'
+
+# ─── Code Blocks ───────────────────────────────────────────────────────────────
+# Syntax highlighting colors for code blocks (uses Shiki).
+
+# code:
+#   background: '#1e1e2e'
+#   foreground: '#cdd6f4'
+#   keyword: '#cba6f7'
+#   string: '#a6e3a1'
+#   number: '#fab387'
+#   comment: '#6c7086'
+#   function: '#89b4fa'
+#   variable: '#f5e0dc'
+#   type: '#f9e2af'
+#   property: '#94e2d5'
+#   tag: '#89b4fa'
+
+# ─── Foundation Variables ──────────────────────────────────────────────────────
+# Override variables declared by the foundation (e.g., header-height, max-width).
+# Available variables depend on the foundation — check its foundation.js.
+
+# vars:
+#   header-height: 5rem