juo 0.0.1-alpha.4 → 0.0.2-pre.1

package/README.md

@@ -3,8 +3,8 @@
 CLI for publishing Juo blocks to registry
 
 [![oclif](https://img.shields.io/badge/cli-oclif-brightgreen.svg)](https://oclif.io)
-[![Version](https://img.shields.io/npm/v/@juo/orion-cli.svg)](https://npmjs.org/package/@juo/orion-cli)
-[![Downloads/week](https://img.shields.io/npm/dw/@juo/orion-cli.svg)](https://npmjs.org/package/@juo/orion-cli)
+[![Version](https://img.shields.io/npm/v/juo.svg)](https://npmjs.org/package/juo)
+[![Downloads/week](https://img.shields.io/npm/dw/juo.svg)](https://npmjs.org/package/juo)
 
 <!-- toc -->
 * [juo](#juo)
@@ -20,7 +20,7 @@ $ npm install -g juo
 $ juo COMMAND
 running command...
 $ juo (--version)
-juo/0.0.1-alpha.4 darwin-arm64 node-v22.13.1
+juo/0.0.2-pre.1 darwin-arm64 node-v22.13.1
 $ juo --help [COMMAND]
 USAGE
   $ juo COMMAND
@@ -42,11 +42,12 @@ Generate a new Juo project
 
 ```
 USAGE
-  $ juo create [-q] [-v]
+  $ juo create [-q] [--storybook] [-v]
 
 FLAGS
   -q, --quickstart
   -v, --verbose
+  --[no-]storybook
 
 DESCRIPTION
   Generate a new Juo project
@@ -58,7 +59,7 @@ Generate blocks for your project
 
 ```
 USAGE
-  $ juo generate [-n <value>] [--type block] [-t] [-v]
+  $ juo generate [-n <value>] [-t] [--type block] [-v]
 
 FLAGS
   -n, --name=<value>   The name of the component

package/dist/{analytics-B2gwRg5Q.js → analytics-CyANz2YH.js}

@@ -1,18 +1,18 @@
 import debug from "debug";
 
 //#region src/utils/config.ts
-const MIXPANEL_TOKEN = "919dd811a5e2137983cc8fc304b8584b";
-const MIXPANEL_API_URL = "https://api-eu.mixpanel.com";
-const CUSTOMERIO_BETA_FORM_URL = "https://track-cio.juo.io/api/v1/forms/3c02106b-9746-4ebe-a116-553e47494eb4/submit";
-const CUSTOMERIO_SITE_ID = "60da89062ce61084fc27";
-const CUSTOMERIO_API_KEY = "1d54688e66cddda9ea72";
+const MIXPANEL_TOKEN = "";
+const MIXPANEL_API_URL = "https://api.mixpanel.com";
+const CUSTOMERIO_BETA_FORM_URL = "";
+const CUSTOMERIO_SITE_ID = "";
+const CUSTOMERIO_API_KEY = "";
 
 //#endregion
 //#region src/utils/analytics.ts
 const log = debug("juo:analytics");
 let userId = null;
 function getUserId() {
-	if (!userId) userId = `cli_${Date.now()}_${Math.random().toString(36).substring(2, 9)}`;
+	if (!userId) userId = `cli_${Date.now()}_${Math.random().toString(36).slice(2, 9)}`;
 	return userId;
 }
 async function sendToMixpanel(event) {
@@ -22,15 +22,15 @@ async function sendToMixpanel(event) {
 			event: event.event,
 			properties: {
 				...event.properties,
-				token: MIXPANEL_TOKEN,
 				distinct_id: getUserId(),
-				time: Math.floor(Date.now() / 1e3)
+				time: Math.floor(Date.now() / 1e3),
+				token: MIXPANEL_TOKEN
 			}
 		};
 		const encodedData = Buffer.from(JSON.stringify(data)).toString("base64");
 		await fetch(`${MIXPANEL_API_URL}/track?data=${encodedData}`, {
-			method: "GET",
-			headers: { "Content-Type": "application/json" }
+			headers: { "Content-Type": "application/json" },
+			method: "GET"
 		}).catch((error) => {
 			log("Failed to send analytics event to Mixpanel: %O", error);
 		});
@@ -60,8 +60,8 @@ function trackCommandCompleted(commandName, success = true) {
 }
 function trackBetaSignup(email, commandContext) {
 	trackEvent("cli.beta.signup", {
-		email,
-		command: commandContext
+		command: commandContext,
+		email
 	});
 }
 

package/dist/commands/create.d.ts

@@ -1,12 +1,13 @@
 import { Command } from "@oclif/core";
-import * as _oclif_core_interfaces1 from "@oclif/core/interfaces";
+import * as _oclif_core_interfaces5 from "@oclif/core/interfaces";
 
 //#region src/commands/create.d.ts
 declare class Create extends Command {
   static description: string;
   static flags: {
-    quickstart: _oclif_core_interfaces1.BooleanFlag<boolean>;
-    verbose: _oclif_core_interfaces1.BooleanFlag<boolean>;
+    quickstart: _oclif_core_interfaces5.BooleanFlag<boolean>;
+    storybook: _oclif_core_interfaces5.BooleanFlag<boolean>;
+    verbose: _oclif_core_interfaces5.BooleanFlag<boolean>;
   };
   run(): Promise<void>;
   private getProjectConfig;

package/dist/commands/create.js

@@ -1,125 +1,18 @@
-import { n as BaseTemplateGenerator, t as Generate } from "../generate-D7J6nPBd.js";
+import { r as BaseTemplateGenerator } from "../juoTemplateGenerator-C0le5FdK.js";
+import { t as PackageGenerator } from "../packageGenerator-8E_-V5CL.js";
+import { t as Generate } from "../generate-Be3Ctuvv.js";
 import { Command, Flags } from "@oclif/core";
-import { isCancel, outro, select, spinner, text } from "@clack/prompts";
 import { existsSync, mkdirSync, readFileSync, writeFileSync } from "node:fs";
 import path from "node:path";
-import { definePackageJSON, defineTSConfig, sortPackage, writePackageJSON, writeTSConfig } from "pkg-types";
-import { execSync, spawn } from "node:child_process";
+import { spawn } from "node:child_process";
+import { defineTSConfig, writeTSConfig } from "pkg-types";
+import { confirm, isCancel, outro, select, spinner, text } from "@clack/prompts";
 import { readdir, rm, stat, unlink } from "node:fs/promises";
 
-//#region src/utils/packageGenerator.ts
-const FRAMEWORK_CONFIGS = {
-	react: {
-		dependencies: {
-			"@juo/orion-core": "^0.4.0-rc.1",
-			"@mantine/core": "7.5.3",
-			"@mantine/hooks": "7.5.3",
-			react: "^18.2.0",
-			"react-dom": "^18.2.0"
-		},
-		devDependencies: {
-			"@storybook/react-vite": "^10.0.7",
-			"@types/react": "^18.2.55",
-			"@types/react-dom": "^18.2.19",
-			"@vitejs/plugin-react": "^5.1.1",
-			"vite-plugin-svgr": "^4.5.0"
-		}
-	},
-	preact: {
-		dependencies: { preact: "^10.26.8" },
-		devDependencies: {
-			"@storybook/react-vite": "^10.0.7",
-			"json-schema-to-ts": "^3.1.1",
-			"@preact/preset-vite": "^2.10.2",
-			"vite-plugin-svgr": "^4.5.0"
-		}
-	}
-};
-var PackageGenerator = class {
-	static async generate(destDir, options) {
-		if (!existsSync(destDir)) mkdirSync(destDir, { recursive: true });
-		const packageJsonPath = path.join(destDir, "package.json");
-		const packageJson = this.buildPackageJson(options);
-		try {
-			await writePackageJSON(packageJsonPath, packageJson);
-		} catch (error) {
-			throw new Error(`Failed to write package.json to ${packageJsonPath}: ${error instanceof Error ? error.message : String(error)}`);
-		}
-	}
-	static sort(packageJson) {
-		return sortPackage(packageJson);
-	}
-	static readPackageManagerVersion(packageManager) {
-		try {
-			return execSync(`${packageManager} --version`, {
-				encoding: "utf-8",
-				stdio: [
-					"pipe",
-					"pipe",
-					"ignore"
-				]
-			}).trim();
-		} catch (error) {
-			console.warn(`Failed to read ${packageManager} version, using fallback`);
-			return "latest";
-		}
-	}
-	static buildPackageJson(options) {
-		const pmVersion = this.readPackageManagerVersion(options.packageManager);
-		const baseConfig = definePackageJSON({
-			name: options.name,
-			private: true,
-			version: "0.0.0",
-			type: "module",
-			scripts: {
-				dev: "vite build -w & vite preview --port 5174",
-				build: "tsc && vite build",
-				preview: "vite preview",
-				storybook: "storybook dev -p 6006",
-				"build-storybook": "storybook build"
-			},
-			engines: {
-				node: ">=20.0.0",
-				pnpm: ">=7.0.0"
-			},
-			packageManager: `${options.packageManager}@${pmVersion}`,
-			devDependencies: {
-				"@testing-library/dom": "^10.4.0",
-				"@types/node": "^22.15.29",
-				"json-schema-to-ts": "^3.1.1",
-				postcss: "^8.5.3",
-				"postcss-prefix-selector": "^2.1.1",
-				prettier: "^3.5.3",
-				...options.tailwind ? {
-					tailwindcss: "^4.1.17",
-					"@tailwindcss/vite": "^4.1.17"
-				} : {},
-				storybook: "^10.0.7",
-				typebox: "^1.0.51",
-				typescript: "~5.7.2",
-				vite: "^6.3.1"
-			}
-		});
-		if (options.framework === "react") {
-			baseConfig.devDependencies = {
-				...baseConfig.devDependencies,
-				...FRAMEWORK_CONFIGS.react.devDependencies
-			};
-			baseConfig.dependencies = {
-				...baseConfig.dependencies,
-				...FRAMEWORK_CONFIGS.react.dependencies
-			};
-		} else if (options.framework === "preact") {
-			baseConfig.dependencies = {
-				...baseConfig.dependencies,
-				...FRAMEWORK_CONFIGS.preact.dependencies
-			};
-			baseConfig.devDependencies = {
-				...baseConfig.devDependencies,
-				...FRAMEWORK_CONFIGS.preact.devDependencies
-			};
-		}
-		return this.sort(baseConfig);
+//#region src/utils/configFilesGenerator.ts
+var ConfigFilesGenerator = class extends BaseTemplateGenerator {
+	async generate(destDir, options) {
+		this.renderTemplate("configFiles", destDir, { framework: options.framework });
 	}
 };
 
@@ -127,10 +20,33 @@ var PackageGenerator = class {
 //#region src/utils/storybookGenerator.ts
 const COMMAND_CONFIG = {
 	npm: "npx",
-	yarn: "yarn dlx",
-	pnpm: "pnpx"
+	pnpm: "pnpx",
+	yarn: "yarn dlx"
 };
 var StorybookGenerator = class extends BaseTemplateGenerator {
+	async appendStylesToPreview(destDir) {
+		const storybookDir = path.join(destDir, ".storybook");
+		const previewJsPath = path.join(storybookDir, "preview.js");
+		const previewTsPath = path.join(storybookDir, "preview.ts");
+		const importStatement = "import \"../src/styles.css\";\n";
+		try {
+			const previewJsExists = existsSync(previewJsPath);
+			const previewTsExists = existsSync(previewTsPath);
+			let targetPath;
+			if (previewTsExists) targetPath = previewTsPath;
+			else if (previewJsExists) targetPath = previewJsPath;
+			else {
+				targetPath = previewTsPath;
+				mkdirSync(storybookDir, { recursive: true });
+				writeFileSync(targetPath, importStatement);
+				return;
+			}
+			const existingContent = readFileSync(targetPath, "utf8");
+			if (!existingContent.includes("import \"../src/styles.css\"")) writeFileSync(targetPath, importStatement + existingContent);
+		} catch (error) {
+			throw new Error(`Error appending styles to preview: ${error}`);
+		}
+	}
 	async generate(destDir, options) {
 		const args = [
 			"storybook@latest",
@@ -153,12 +69,12 @@ var StorybookGenerator = class extends BaseTemplateGenerator {
 		return new Promise((resolve, reject) => {
 			const child = spawn(command, args, {
 				cwd: destDir,
+				shell: true,
 				stdio: options.verbose ? "inherit" : [
 					"ignore",
 					"ignore",
 					"ignore"
-				],
-				shell: true
+				]
 			});
 			child.on("close", async (code) => {
 				if (code === 0) try {
@@ -174,28 +90,27 @@ var StorybookGenerator = class extends BaseTemplateGenerator {
 			});
 		});
 	}
+	async appendPreviewHead(destDir) {
+		const storybookDir = path.join(destDir, ".storybook");
+		this.renderTemplate(".storybook", storybookDir, {});
+	}
 	async cleanUp(destDir) {
 		try {
 			const items = await readdir(destDir);
-			const itemsToSkip = ["assets", "Configure.mdx"];
+			const itemsToSkip = new Set(["assets", "Configure.mdx"]);
 			for (const item of items) {
 				const itemPath = path.join(destDir, item);
 				const stats = await stat(itemPath);
-				if (itemsToSkip.includes(item)) continue;
-				if (stats.isDirectory()) await rm(itemPath, {
-					recursive: true,
-					force: true
-				});
-				else await unlink(itemPath);
+				if (itemsToSkip.has(item)) continue;
+				await (stats.isDirectory() ? rm(itemPath, {
+					force: true,
+					recursive: true
+				}) : unlink(itemPath));
 			}
 		} catch (error) {
 			throw new Error(`Error cleaning up storybook: ${error}`);
 		}
 	}
-	async appendPreviewHead(destDir) {
-		const storybookDir = path.join(destDir, ".storybook");
-		this.renderTemplate(".storybook", storybookDir, {});
-	}
 	async postGenerate(destDir) {
 		const storiesDir = path.join(destDir, "stories");
 		try {
@@ -206,86 +121,6 @@ var StorybookGenerator = class extends BaseTemplateGenerator {
 			throw new Error(`Error post-generating storybook: ${error}`);
 		}
 	}
-	async appendStylesToPreview(destDir) {
-		const storybookDir = path.join(destDir, ".storybook");
-		const previewJsPath = path.join(storybookDir, "preview.js");
-		const previewTsPath = path.join(storybookDir, "preview.ts");
-		const importStatement = "import \"../src/styles.css\";\n";
-		try {
-			const previewJsExists = existsSync(previewJsPath);
-			const previewTsExists = existsSync(previewTsPath);
-			let targetPath;
-			if (previewTsExists) targetPath = previewTsPath;
-			else if (previewJsExists) targetPath = previewJsPath;
-			else {
-				targetPath = previewTsPath;
-				mkdirSync(storybookDir, { recursive: true });
-				writeFileSync(targetPath, importStatement);
-				return;
-			}
-			const existingContent = readFileSync(targetPath, "utf-8");
-			if (!existingContent.includes("import \"../src/styles.css\"")) writeFileSync(targetPath, importStatement + existingContent);
-		} catch (error) {
-			throw new Error(`Error appending styles to preview: ${error}`);
-		}
-	}
-};
-
-//#endregion
-//#region src/utils/tsconfigGenerator.ts
-const baseTSConfig = {
-	compilerOptions: {
-		target: "ES2022",
-		module: "ESNext",
-		moduleResolution: "bundler",
-		jsx: "react-jsx",
-		strict: true,
-		esModuleInterop: true,
-		allowSyntheticDefaultImports: true,
-		skipLibCheck: true,
-		resolveJsonModule: true,
-		allowImportingTsExtensions: true,
-		isolatedModules: true,
-		noEmit: true,
-		forceConsistentCasingInFileNames: true,
-		types: ["vitest/globals", "node"]
-	},
-	include: [
-		"src/**/*",
-		"vitest.config.ts",
-		"vitest.shims.d.ts",
-		"vite-env.d.ts"
-	],
-	exclude: ["node_modules", "dist"]
-};
-const preactTSConfig = {
-	...baseTSConfig,
-	compilerOptions: {
-		...baseTSConfig.compilerOptions,
-		paths: {
-			react: ["./node_modules/preact/compat/"],
-			"react-dom": ["./node_modules/preact/compat/"]
-		},
-		jsxImportSource: "preact"
-	}
-};
-const configs = {
-	react: {
-		...baseTSConfig,
-		compilerOptions: { ...baseTSConfig.compilerOptions }
-	},
-	preact: preactTSConfig
-};
-var TsconfigGenerator = class {
-	static async generate(destDir, options) {
-		try {
-			const tsconfigPath = path.join(destDir, "tsconfig.json");
-			if (!existsSync(tsconfigPath)) mkdirSync(path.dirname(tsconfigPath), { recursive: true });
-			await writeTSConfig(tsconfigPath, defineTSConfig(configs[options.framework] ?? baseTSConfig));
-		} catch (error) {
-			throw new Error(`Error generating TypeScript configuration: ${error}`);
-		}
-	}
 };
 
 //#endregion
@@ -293,7 +128,7 @@ var TsconfigGenerator = class {
 var TailwindGenerator = class extends BaseTemplateGenerator {
 	async generate(destDir, options) {
 		this.renderTemplate("tailwind", destDir, { framework: options.framework });
-		await this.appendStorybookPreview(destDir);
+		if (options.storybook) await this.appendStorybookPreview(destDir);
 	}
 	async appendStorybookPreview(destDir) {
 		const storybookDir = path.join(destDir, ".storybook");
@@ -316,7 +151,7 @@ var TailwindGenerator = class extends BaseTemplateGenerator {
 			}
 		}
 		try {
-			const existingContent = readFileSync(targetPath, "utf-8");
+			const existingContent = readFileSync(targetPath, "utf8");
 			if (!existingContent.includes("import \"../src/tailwind.css\"")) writeFileSync(targetPath, importStatement + existingContent);
 		} catch (error) {
 			throw new Error(`Error appending Storybook preview: ${error}`);
@@ -325,12 +160,53 @@ var TailwindGenerator = class extends BaseTemplateGenerator {
 };
 
 //#endregion
-//#region src/utils/configFilesGenerator.ts
-var ConfigFilesGenerator = class extends BaseTemplateGenerator {
-	async generate(destDir, options) {
-		this.renderTemplate("configFiles", destDir, { framework: options.framework });
+//#region src/utils/tsconfigGenerator.ts
+const baseTSConfig = {
+	compilerOptions: {
+		allowImportingTsExtensions: true,
+		allowSyntheticDefaultImports: true,
+		esModuleInterop: true,
+		forceConsistentCasingInFileNames: true,
+		isolatedModules: true,
+		jsx: "react-jsx",
+		module: "ESNext",
+		moduleResolution: "bundler",
+		noEmit: true,
+		resolveJsonModule: true,
+		skipLibCheck: true,
+		strict: true,
+		target: "ES2022",
+		types: ["node"]
+	},
+	exclude: ["node_modules", "dist"],
+	include: ["src/**/*", "vite-env.d.ts"]
+};
+const configs = {
+	preact: {
+		...baseTSConfig,
+		compilerOptions: {
+			...baseTSConfig.compilerOptions,
+			jsxImportSource: "preact",
+			paths: {
+				react: ["./node_modules/preact/compat/"],
+				"react-dom": ["./node_modules/preact/compat/"]
+			}
+		}
+	},
+	react: {
+		...baseTSConfig,
+		compilerOptions: { ...baseTSConfig.compilerOptions }
 	}
 };
+const TsconfigGenerator = { async generate(destDir, options) {
+	try {
+		const tsconfigPath = path.join(destDir, "tsconfig.json");
+		if (!existsSync(tsconfigPath)) mkdirSync(path.dirname(tsconfigPath), { recursive: true });
+		await writeTSConfig(tsconfigPath, defineTSConfig(configs[options.framework] ?? baseTSConfig));
+	} catch (error) {
+		throw new Error(`Error generating TypeScript configuration: ${error}`);
+	}
+} };
 
 //#endregion
 //#region src/commands/create.ts
@@ -338,34 +214,39 @@ var Create = class Create extends Command {
 	static description = "Generate a new Juo project";
 	static flags = {
 		quickstart: Flags.boolean({ char: "q" }),
+		storybook: Flags.boolean({ allowNo: true }),
 		verbose: Flags.boolean({ char: "v" })
 	};
 	async run() {
 		const { flags } = await this.parse(Create);
-		const { packageName, packageManager, framework, tailwind } = await this.getProjectConfig(flags.quickstart);
-		const storybookGenerator = new StorybookGenerator();
+		const { framework, packageManager, packageName, storybook, tailwind } = await this.getProjectConfig(flags.quickstart, flags.storybook);
 		const projectDir = path.resolve("./", packageName);
 		const packageJsonSpinner = spinner();
 		packageJsonSpinner.start();
 		packageJsonSpinner.message("Generating package.json file");
 		await PackageGenerator.generate(projectDir, {
+			framework,
 			name: packageName,
 			packageManager,
-			framework,
+			storybook,
 			tailwind
 		});
 		packageJsonSpinner.stop("Generated package.json");
 		await new ConfigFilesGenerator().generate(projectDir, { framework });
-		const storybookSpinner = spinner();
-		storybookSpinner.start();
-		storybookSpinner.message("Generating Storybook configuration");
-		await storybookGenerator.generate(projectDir, {
-			packageManager,
-			framework,
-			logger: (msg) => storybookSpinner.message(msg),
-			verbose: flags.verbose
-		});
-		storybookSpinner.stop("Generated Storybook configuration");
+		if (storybook) {
+			const storybookGenerator = new StorybookGenerator();
+			const storybookSpinner = spinner();
+			storybookSpinner.start();
+			storybookSpinner.message("Generating Storybook configuration");
+			await storybookGenerator.generate(projectDir, {
+				framework,
+				logger: (msg) => storybookSpinner.message(msg),
+				packageManager,
+				verbose: flags.verbose
+			});
+			storybookSpinner.stop("Generated Storybook configuration");
+			if (!tailwind) await storybookGenerator.appendStylesToPreview(projectDir);
+		}
 		const tsconfigSpinner = spinner();
 		tsconfigSpinner.start();
 		tsconfigSpinner.message("Generating TypeScript configuration");
@@ -375,9 +256,12 @@ var Create = class Create extends Command {
 			const tailwindSpinner = spinner();
 			tailwindSpinner.start();
 			tailwindSpinner.message("Generating Tailwind CSS configuration");
-			await new TailwindGenerator().generate(projectDir, { framework });
+			await new TailwindGenerator().generate(projectDir, {
+				framework,
+				storybook
+			});
 			tailwindSpinner.stop("Generated Tailwind CSS configuration");
-		} else await storybookGenerator.appendStylesToPreview(projectDir);
+		}
 		const originalCwd = process.cwd();
 		try {
 			process.chdir(projectDir);
@@ -392,17 +276,18 @@ var Create = class Create extends Command {
 		outro(`Run \`cd ${packageName}\` to start developing your project.`);
 		process.exit(0);
 	}
-	async getProjectConfig(quickstart) {
+	async getProjectConfig(quickstart, storybookFlag) {
 		if (quickstart) return {
-			packageName: "juo-theme",
-			packageManager: "npm",
 			framework: "react",
+			packageManager: "npm",
+			packageName: "juo-theme",
+			storybook: storybookFlag ?? false,
 			tailwind: true
 		};
 		const packageName = await text({
+			initialValue: "juo-theme",
 			message: "What is the name of the package?",
 			placeholder: "juo-theme",
-			initialValue: "juo-theme",
 			validate(value) {
 				if (value.length === 0) return `Value is required!`;
 				if (!/^[a-z0-9-]+$/.test(value)) return `Invalid package name`;
@@ -410,52 +295,62 @@ var Create = class Create extends Command {
 		});
 		if (isCancel(packageName)) process.exit(0);
 		const packageManager = await select({
+			initialValue: "npm",
 			message: "What package manager to use?",
 			options: [
 				{
-					value: "npm",
-					label: "npm"
+					label: "npm",
+					value: "npm"
 				},
 				{
-					value: "pnpm",
-					label: "pnpm"
+					label: "pnpm",
+					value: "pnpm"
 				},
 				{
-					value: "yarn",
-					label: "yarn"
+					label: "yarn",
+					value: "yarn"
 				}
-			],
-			initialValue: "npm"
+			]
 		});
 		if (isCancel(packageManager)) process.exit(0);
 		const framework = await select({
+			initialValue: "react",
 			message: "What framework to use?",
 			options: [{
-				value: "react",
-				label: "React"
+				label: "React",
+				value: "react"
 			}, {
-				value: "preact",
-				label: "Preact"
-			}],
-			initialValue: "react"
+				label: "Preact",
+				value: "preact"
+			}]
 		});
-		if (isCancel(framework)) process.exit(0);
+		if (isCancel(framework)) process.exit();
 		const tailwind = await select({
+			initialValue: true,
 			message: "Do you want to use Tailwind CSS?",
 			options: [{
-				value: true,
-				label: "Yes"
+				label: "Yes",
+				value: true
 			}, {
-				value: false,
-				label: "No"
-			}],
-			initialValue: true
+				label: "No",
+				value: false
+			}]
 		});
 		if (isCancel(tailwind)) process.exit(0);
+		let storybook;
+		if (storybookFlag === void 0) {
+			const storybookAnswer = await confirm({
+				initialValue: false,
+				message: "Do you want Storybook?"
+			});
+			if (isCancel(storybookAnswer)) process.exit(0);
+			storybook = storybookAnswer;
+		} else storybook = storybookFlag;
 		return {
-			packageName,
-			packageManager,
 			framework,
+			packageManager,
+			packageName,
+			storybook,
 			tailwind
 		};
 	}