@rokkit/cli 1.0.0-next.151 → 1.0.0-next.152

package/dist/src/init.d.ts

@@ -1,4 +1,13 @@
-export function generateConfig({ palette, customColors, icons, iconPath, themes, defaultTheme, switcher }: {
+/**
+ * Build the chart config section from user prompt answers.
+ * @param {{ chartColors: string, chartShades: string }} opts
+ * @returns {Record<string, unknown>}
+ */
+export function generateChartConfig({ chartColors, chartShades }: {
+    chartColors: string;
+    chartShades: string;
+}): Record<string, unknown>;
+export function generateConfig({ palette, customColors, icons, iconPath, themes, defaultTheme, switcher, includeChart, chartColors, chartShades }: {
     palette: any;
     customColors: any;
     icons: any;
@@ -6,6 +15,9 @@ export function generateConfig({ palette, customColors, icons, iconPath, themes,
     themes: any;
     defaultTheme: any;
     switcher: any;
+    includeChart: any;
+    chartColors: any;
+    chartShades: any;
 }): {
     colors: Record<string, unknown>;
     themes: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rokkit/cli",
-  "version": "1.0.0-next.151",
+  "version": "1.0.0-next.152",
   "description": "Command line utilities for icon bundling and conversion.",
   "repository": {
     "type": "git",

package/src/doctor.js

@@ -1,11 +1,19 @@
 /* eslint-disable no-console */
 import { existsSync, readFileSync, writeFileSync } from 'fs'
 import { resolve } from 'path'
-import { generateUnoConfig, generateAppCssImports, generateInitScript } from './init.js'
+import { generateUnoConfig, generateAppCssImports, generateInitScript, generateChartConfig } from './init.js'
 
 const KNOWN_THEMES = [
-  'rokkit', 'minimal', 'material', 'glass', 'grada-ui',
-  'shadcn', 'daisy-ui', 'bits-ui', 'carbon', 'ant-design'
+	'rokkit',
+	'minimal',
+	'material',
+	'frosted',
+	'grada-ui',
+	'shadcn',
+	'daisy-ui',
+	'bits-ui',
+	'carbon',
+	'ant-design'
 ]
 
 /**
@@ -84,6 +92,26 @@ function checkCssTheme(fs) {
 	}
 }
 
+/**
+ * Check rokkit.config.js has a chart section.
+ * Missing chart config is a warning (not failure) — defaults work without it.
+ * @param {Object} fs
+ * @returns {Object}
+ */
+function checkChartConfig(fs) {
+	const configPath = fs.resolve('rokkit.config.js')
+	const configExists = fs.exists(configPath)
+	const hasChart = configExists && /\bchart\s*:/.test(fs.read(configPath))
+	return {
+		id: 'chart-config',
+		label: 'rokkit.config.js has chart configuration',
+		status: hasChart ? 'pass' : 'warn',
+		fixable: configExists,
+		fix: 'Add a chart section to rokkit.config.js (see docs/design/17-chart-preset.md)',
+		autoFix: 'patch-chart-config'
+	}
+}
+
 /**
  * Check app.html has init script
  * @param {Object} fs
@@ -111,7 +139,14 @@ function checkHtmlScript(fs) {
  * @returns {Array<{ id: string, label: string, status: 'pass'|'fail', fixable: boolean, fix: string, autoFix?: string }>}
  */
 export function runChecks(fs) {
-	return [checkConfig(fs), checkUnoPreset(fs), checkCssImports(fs), checkCssTheme(fs), checkHtmlScript(fs)]
+	return [
+		checkConfig(fs),
+		checkUnoPreset(fs),
+		checkCssImports(fs),
+		checkCssTheme(fs),
+		checkHtmlScript(fs),
+		checkChartConfig(fs)
+	]
 }
 
 /**
@@ -173,6 +208,25 @@ function applyPatchHtml(cwd, label) {
 	return true
 }
 
+/**
+ * Patch rokkit.config.js to add a default chart section.
+ * @param {string} cwd
+ * @param {string} label
+ */
+function applyPatchChartConfig(cwd, label) {
+	const configPath = resolve(cwd, 'rokkit.config.js')
+	if (!existsSync(configPath)) return false
+	const content = readFileSync(configPath, 'utf-8')
+	if (/\bchart\s*:/.test(content)) return false
+	const chartConfig = generateChartConfig({ chartColors: 'default', chartShades: 'standard' })
+	const chartJson = JSON.stringify(chartConfig, null, 2).replace(/\n/g, '\n  ')
+	// Inject before the last closing brace of the export default object
+	const patched = content.replace(/(\n?}\s*\n?)$/, `,\n  chart: ${chartJson}\n}\n`)
+	writeFileSync(configPath, patched)
+	console.info(`  Fixed: ${label}`)
+	return true
+}
+
 /** @type {Record<string, (cwd: string, label: string) => boolean|void>} */
 const FIX_HANDLERS = {
 	'generate-config': (cwd, label) => {
@@ -183,7 +237,8 @@ const FIX_HANDLERS = {
 		applyPatchCss(cwd, label)
 		return true
 	},
-	'patch-html': (cwd, label) => applyPatchHtml(cwd, label)
+	'patch-html': (cwd, label) => applyPatchHtml(cwd, label),
+	'patch-chart-config': (cwd, label) => applyPatchChartConfig(cwd, label)
 }
 
 /**

package/src/init.js

@@ -3,6 +3,19 @@ import prompts from 'prompts'
 import { writeFileSync, readFileSync, existsSync } from 'fs'
 import { resolve } from 'path'
 
+const CHART_COLOR_SETS = {
+	default: ['blue', 'emerald', 'rose', 'amber', 'violet', 'sky', 'pink', 'teal',
+	          'orange', 'indigo', 'lime', 'cyan', 'gold', 'lavender'],
+	warm:    ['rose', 'orange', 'amber', 'pink', 'red', 'yellow', 'gold', 'fuchsia'],
+	cool:    ['sky', 'teal', 'blue', 'indigo', 'cyan', 'violet', 'lavender', 'slate']
+}
+
+const CHART_SHADE_PRESETS = {
+	standard: { light: { fill: '300', stroke: '700' }, dark: { fill: '500', stroke: '200' } },
+	high:     { light: { fill: '200', stroke: '800' }, dark: { fill: '400', stroke: '100' } },
+	soft:     { light: { fill: '400', stroke: '600' }, dark: { fill: '600', stroke: '300' } }
+}
+
 const SKIN_PRESETS = {
 	default: { primary: 'orange', secondary: 'pink', accent: 'sky', surface: 'slate' },
 	vibrant: { primary: 'blue', secondary: 'purple', accent: 'sky', surface: 'slate' },
@@ -41,7 +54,30 @@ function resolveColors(palette, customColors) {
 	return { ...DEFAULT_COLORS, ...(SKIN_PRESETS[palette] || {}) }
 }
 
-export function generateConfig({ palette, customColors, icons, iconPath, themes, defaultTheme, switcher }) {
+/**
+ * Build the chart config section from user prompt answers.
+ * @param {{ chartColors: string, chartShades: string }} opts
+ * @returns {Record<string, unknown>}
+ */
+export function generateChartConfig({ chartColors, chartShades }) {
+	return {
+		colors: CHART_COLOR_SETS[chartColors] ?? CHART_COLOR_SETS.default,
+		shades: CHART_SHADE_PRESETS[chartShades] ?? CHART_SHADE_PRESETS.standard
+	}
+}
+
+export function generateConfig({
+	palette,
+	customColors,
+	icons,
+	iconPath,
+	themes,
+	defaultTheme,
+	switcher,
+	includeChart,
+	chartColors,
+	chartShades
+}) {
 	const config = {
 		colors: resolveColors(palette, customColors),
 		themes,
@@ -54,6 +90,10 @@ export function generateConfig({ palette, customColors, icons, iconPath, themes,
 		config.icons = { custom: iconPath }
 	}
 
+	if (includeChart) {
+		config.chart = generateChartConfig({ chartColors, chartShades })
+	}
+
 	return config
 }
 
@@ -95,7 +135,8 @@ export function generateAppCssImports(themes) {
 export function generateInitScript(switcher, storageKey = 'rokkit-theme', defaultStyle = 'rokkit') {
 	if (switcher === 'system') return null
 
-	const setStyle = switcher === 'full' ? `b.dataset.style = t.style || '${defaultStyle}'\n          ` : ''
+	const setStyle =
+		switcher === 'full' ? `b.dataset.style = t.style || '${defaultStyle}'\n          ` : ''
 
 	return `    <script>
       (function () {
@@ -167,7 +208,7 @@ const PROMPTS_CONFIG = [
 			{ title: 'Rokkit', value: 'rokkit', selected: true },
 			{ title: 'Minimal', value: 'minimal' },
 			{ title: 'Material', value: 'material' },
-			{ title: 'Glass', value: 'glass' },
+			{ title: 'Glass', value: 'frosted' },
 			{ title: 'Grada UI', value: 'grada-ui' },
 			{ value: 'shadcn', title: 'shadcn', hint: 'flat borders + ring focus' },
 			{ value: 'daisy-ui', title: 'daisy-ui', hint: 'rounded-full + bold fills' },
@@ -181,7 +222,8 @@ const PROMPTS_CONFIG = [
 		type: (prev) => (prev?.length > 1 ? 'select' : null),
 		name: 'defaultTheme',
 		message: 'Default theme style',
-		choices: (prev) => prev.map((t) => ({ title: t.charAt(0).toUpperCase() + t.slice(1), value: t }))
+		choices: (prev) =>
+			prev.map((t) => ({ title: t.charAt(0).toUpperCase() + t.slice(1), value: t }))
 	},
 	{
 		type: 'select',
@@ -192,6 +234,32 @@ const PROMPTS_CONFIG = [
 			{ title: 'Manual (light/dark toggle)', value: 'manual' },
 			{ title: 'Full (light/dark + style variants)', value: 'full' }
 		]
+	},
+	{
+		type: 'confirm',
+		name: 'includeChart',
+		message: 'Include chart configuration?',
+		initial: true
+	},
+	{
+		type: (prev) => (prev ? 'select' : null),
+		name: 'chartColors',
+		message: 'Chart color set',
+		choices: [
+			{ title: 'Default series (blue/emerald/rose/amber…)', value: 'default' },
+			{ title: 'Warm (rose/orange/amber/pink…)', value: 'warm' },
+			{ title: 'Cool (sky/teal/blue/indigo…)', value: 'cool' }
+		]
+	},
+	{
+		type: (_, values) => (values.includeChart ? 'select' : null),
+		name: 'chartShades',
+		message: 'Shade contrast',
+		choices: [
+			{ title: 'Standard (fill 300 / stroke 700)', value: 'standard' },
+			{ title: 'High (fill 200 / stroke 800)', value: 'high' },
+			{ title: 'Soft (fill 400 / stroke 600)', value: 'soft' }
+		]
 	}
 ]
 

package/src/upgrade.js

@@ -64,7 +64,8 @@ function resolveUpgradeAdapters(adapters) {
 					return null
 				}
 			}),
-		runInstall: adapters.runInstall ?? ((bin, args) => execFileSync(bin, args, { stdio: 'inherit' }))
+		runInstall:
+			adapters.runInstall ?? ((bin, args) => execFileSync(bin, args, { stdio: 'inherit' }))
 	}
 }