create-sparkling-app 2.0.0 → 2.1.0-rc.0

package/README.md

@@ -30,6 +30,10 @@ npx create-sparkling-app@latest my-app --verbose
 
 Run `npx create-sparkling-app@latest --help` to see all available options.
 
+## Local testing
+
+When developing inside the Sparkling monorepo, see [LOCAL_TESTING.md](./LOCAL_TESTING.md) for building this CLI, running it from the workspace, and pointing `--template` at `template/sparkling-app-template`.
+
 ## What's Included
 
 The generated project includes:

package/dist/core/project-builder/project-builder.js

@@ -1,4 +1,37 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -7,7 +40,7 @@ exports.ProjectBuilder = void 0;
 // Copyright (c) 2025 TikTok Pte. Ltd.
 // Licensed under the Apache License Version 2.0 that can be found in the
 // LICENSE file in the root directory of this source tree.
-const inquirer_1 = __importDefault(require("inquirer"));
+const p = __importStar(require("@clack/prompts"));
 const node_fs_1 = __importDefault(require("node:fs"));
 const node_path_1 = __importDefault(require("node:path"));
 const logger_1 = require("../../logger");
@@ -41,24 +74,14 @@ class ProjectBuilder {
         }
         const shouldCheckEmpty = this.config.checkEmpty ?? true;
         if (shouldCheckEmpty && !this.config.override && node_fs_1.default.existsSync(this.config.targetDir) && !(0, common_1.isEmptyDir)(this.config.targetDir)) {
-            let option;
-            try {
-                const answer = await inquirer_1.default.prompt([
-                    {
-                        type: 'list',
-                        name: 'choice',
-                        message: `"${node_path_1.default.basename(this.config.targetDir)}" is not empty, please choose:`,
-                        choices: [
-                            { name: 'Continue and override files', value: 'yes' },
-                            { name: 'Cancel operation', value: 'no' },
-                        ],
-                    },
-                ]);
-                option = (0, template_1.checkCancel)(answer.choice);
-            }
-            catch (error) {
-                throw new template_1.UserCancelledError(error.message);
-            }
+            const option = await p.select({
+                message: `"${node_path_1.default.basename(this.config.targetDir)}" is not empty, please choose:`,
+                options: [
+                    { label: 'Continue and override files', value: 'yes' },
+                    { label: 'Cancel operation', value: 'no' },
+                ],
+            });
+            (0, template_1.checkCancel)(option);
             if (option === 'no') {
                 throw new template_1.UserCancelledError();
             }
@@ -97,21 +120,11 @@ class ProjectBuilder {
             async execute(_context) {
                 const shouldCheckEmpty = config.checkEmpty ?? true;
                 if (shouldCheckEmpty && !(0, common_1.isEmptyDir)(config.targetDir)) {
-                    let shouldContinue = false;
-                    try {
-                        const answer = await inquirer_1.default.prompt([
-                            {
-                                type: 'confirm',
-                                name: 'cont',
-                                message: `Target directory ${config.targetDir} is not empty. Continue?`,
-                                default: false,
-                            },
-                        ]);
-                        shouldContinue = (0, template_1.checkCancel)(answer.cont);
-                    }
-                    catch (error) {
-                        throw new template_1.UserCancelledError(error.message);
-                    }
+                    const shouldContinue = await p.confirm({
+                        message: `Target directory ${config.targetDir} is not empty. Continue?`,
+                        initialValue: false,
+                    });
+                    (0, template_1.checkCancel)(shouldContinue);
                     if (!shouldContinue) {
                         throw new template_1.UserCancelledError();
                     }
@@ -133,21 +146,11 @@ class ProjectBuilder {
             description: 'Ensure target directory is empty before scaffolding',
             async execute() {
                 if (node_fs_1.default.existsSync(targetDir) && !(0, common_1.isEmptyDir)(targetDir)) {
-                    let shouldContinue = false;
-                    try {
-                        const answer = await inquirer_1.default.prompt([
-                            {
-                                type: 'confirm',
-                                name: 'cont',
-                                message: `Target directory ${targetDir} is not empty. Continue?`,
-                                default: false,
-                            },
-                        ]);
-                        shouldContinue = (0, template_1.checkCancel)(answer.cont);
-                    }
-                    catch (error) {
-                        throw new template_1.UserCancelledError(error.message);
-                    }
+                    const shouldContinue = await p.confirm({
+                        message: `Target directory ${targetDir} is not empty. Continue?`,
+                        initialValue: false,
+                    });
+                    (0, template_1.checkCancel)(shouldContinue);
                     if (!shouldContinue) {
                         throw new template_1.UserCancelledError();
                     }

package/dist/core/project-builder/template.js

@@ -1,4 +1,37 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -12,7 +45,7 @@ exports.updatePackageJson = updatePackageJson;
 // Copyright (c) 2025 TikTok Pte. Ltd.
 // Licensed under the Apache License Version 2.0 that can be found in the
 // LICENSE file in the root directory of this source tree.
-const inquirer_1 = __importDefault(require("inquirer"));
+const p = __importStar(require("@clack/prompts"));
 const deepmerge_1 = __importDefault(require("deepmerge"));
 const node_fs_1 = __importDefault(require("node:fs"));
 const node_path_1 = __importDefault(require("node:path"));
@@ -26,6 +59,9 @@ class UserCancelledError extends Error {
 }
 exports.UserCancelledError = UserCancelledError;
 function checkCancel(value) {
+    if (p.isCancel(value)) {
+        throw new UserCancelledError();
+    }
     return value;
 }
 function formatProjectName(input) {
@@ -98,29 +134,19 @@ function mergePackageJson(targetPackage, extraPackage) {
 }
 async function copyTemplateWithVariables({ checkEmpty = true, from, isMergePackageJson, override = false, packageName, renameFiles = { gitignore: '.gitignore' }, skipFiles = [], to, variables = {}, version, }) {
     if (checkEmpty && !override && node_fs_1.default.existsSync(to) && !(0, common_1.isEmptyDir)(to)) {
-        let option;
-        try {
-            const answer = await inquirer_1.default.prompt([
-                {
-                    type: 'list',
-                    name: 'choice',
-                    message: `"${node_path_1.default.basename(to)}" is not empty, please choose:`,
-                    choices: [
-                        { name: 'Continue and override files', value: 'yes' },
-                        { name: 'Cancel operation', value: 'no' },
-                    ],
-                },
-            ]);
-            option = checkCancel(answer.choice);
-        }
-        catch (error) {
-            throw new UserCancelledError(error.message);
-        }
+        const option = await p.select({
+            message: `"${node_path_1.default.basename(to)}" is not empty, please choose:`,
+            options: [
+                { label: 'Continue and override files', value: 'yes' },
+                { label: 'Cancel operation', value: 'no' },
+            ],
+        });
+        checkCancel(option);
         if (option === 'no') {
             throw new UserCancelledError();
         }
     }
-    const allSkipFiles = new Set(['dist', 'node_modules', ...skipFiles]);
+    const allSkipFiles = new Set(['dist', 'node_modules', 'Pods', '.gradle', ...skipFiles]);
     node_fs_1.default.mkdirSync(to, { recursive: true });
     for (const file of node_fs_1.default.readdirSync(from)) {
         if (allSkipFiles.has(file)) {

package/dist/create-app/post-create.js

@@ -1,4 +1,37 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.installDependencies = installDependencies;
 exports.initializeGitRepo = initializeGitRepo;
@@ -8,6 +41,7 @@ exports.showCompletionNotes = showCompletionNotes;
 // Licensed under the Apache License Version 2.0 that can be found in the
 // LICENSE file in the root directory of this source tree.
 const node_child_process_1 = require("node:child_process");
+const p = __importStar(require("@clack/prompts"));
 const ui_1 = require("../ui");
 const spinner_1 = require("../utils/spinner");
 const verbose_1 = require("../utils/verbose");
@@ -48,7 +82,7 @@ async function installDependencies(distFolder, packageManager) {
         if ((0, verbose_1.isVerboseEnabled)()) {
             (0, verbose_1.verboseLog)(`Install failed: ${error instanceof Error ? error.message : String(error)}`);
         }
-        console.warn(ui_1.ui.warn(`Warning: Failed to install dependencies. Run '${packageManager} install' manually.`));
+        p.log.warn(`Failed to install dependencies. Run '${packageManager} install' manually.`);
         return false;
     }
 }
@@ -60,7 +94,7 @@ async function initializeGitRepo(distFolder) {
             (0, node_child_process_1.execSync)('git --version', { stdio: stdioMode });
         }
         catch {
-            console.warn(ui_1.ui.warn('Warning: Git is not installed or not in PATH. Skipping git initialization.'));
+            p.log.warn('Git is not installed or not in PATH. Skipping git initialization.');
             return;
         }
         s.start('Initializing git repository...');
@@ -72,7 +106,7 @@ async function initializeGitRepo(distFolder) {
     }
     catch (error) {
         s.stop('Failed to initialize git repository');
-        console.warn(ui_1.ui.warn('Warning: Failed to initialize git repository. Run "git init" manually.'));
+        p.log.warn('Failed to initialize git repository. Run "git init" manually.');
     }
 }
 function detectPackageManager() {
@@ -120,7 +154,6 @@ function detectPackageManager() {
     }
 }
 function showCompletionNotes(targetDir, packageManager, didInstall = false) {
-    console.log(ui_1.ui.success(`✔ Project created at ${targetDir}`));
     const formatScriptCommand = (script) => {
         const pm = packageManager ?? 'npm';
         return pm === 'npm' ? `${pm} run ${script}` : `${pm} ${script}`;
@@ -134,14 +167,9 @@ function showCompletionNotes(targetDir, packageManager, didInstall = false) {
     }
     nextSteps.push(formatScriptCommand('run:ios'));
     nextSteps.push(formatScriptCommand('run:android'));
-    console.log(ui_1.ui.headline('Next steps'));
-    nextSteps.forEach(step => console.log(ui_1.ui.headline(step)));
     const tips = [
         'iOS: ensure Xcode Command Line Tools are installed.',
         'Android: ensure ANDROID_HOME and SDK platforms are set.',
     ];
-    tips.forEach(tip => {
-        console.log(ui_1.ui.tip(tip));
-    });
-    console.log(ui_1.ui.success('Successfully created app project!'));
+    p.note([...nextSteps, '', ...tips.map(t => ui_1.ui.tip(t))].join('\n'), `✔ Project created at ${targetDir}`);
 }

package/dist/create-app/user-prompts.js

@@ -1,7 +1,37 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.askProjectName = askProjectName;
 exports.askTemplate = askTemplate;
@@ -16,43 +46,23 @@ exports.confirmRemoveExistingDir = confirmRemoveExistingDir;
 // Copyright (c) 2025 TikTok Pte. Ltd.
 // Licensed under the Apache License Version 2.0 that can be found in the
 // LICENSE file in the root directory of this source tree.
-const inquirer_1 = __importDefault(require("inquirer"));
+const p = __importStar(require("@clack/prompts"));
 const template_1 = require("../core/project-builder/template");
-const ui_1 = require("../ui");
 const constants_1 = require("./constants");
 const android_dsl_1 = require("./android-dsl");
 const namespace_1 = require("./namespace");
-function handlePromptError(error) {
-    if (error instanceof Error) {
-        throw new template_1.UserCancelledError(error.message);
-    }
-    throw new template_1.UserCancelledError();
-}
 async function askProjectName(flags, defaultName = constants_1.DEFAULT_PROJECT_NAME) {
     if (!flags.yes) {
-        try {
-            const { projectName } = await inquirer_1.default.prompt([
-                {
-                    type: 'input',
-                    name: 'projectName',
-                    message: ui_1.ui.prompt('Project name'),
-                    default: defaultName,
-                    transformer(value) {
-                        const next = value && value.length > 0 ? value : defaultName;
-                        return next;
-                    },
-                    validate(value) {
-                        if (!value || value.length === 0)
-                            return 'Project name is required';
-                        return true;
-                    },
-                },
-            ]);
-            return (0, template_1.checkCancel)(projectName);
-        }
-        catch (error) {
-            handlePromptError(error);
-        }
+        const projectName = await p.text({
+            message: 'Project name',
+            defaultValue: defaultName,
+            placeholder: defaultName,
+            validate(value) {
+                if (!value || value.length === 0)
+                    return 'Project name is required';
+            },
+        });
+        return (0, template_1.checkCancel)(projectName);
     }
     return defaultName;
 }
@@ -60,23 +70,14 @@ async function askTemplate(flags, initial) {
     if (initial)
         return initial;
     if (!flags.yes) {
-        try {
-            const { template } = await inquirer_1.default.prompt([
-                {
-                    type: 'list',
-                    name: 'template',
-                    message: ui_1.ui.prompt('Choose a template'),
-                    choices: [
-                        { value: constants_1.DEFAULT_TEMPLATE_NAME, name: 'sparkling-default (Official Sparkling starter project)' },
-                        { value: constants_1.CUSTOM_TEMPLATE_OPTION, name: 'Custom template (Local path, Git URL, or npm package)' },
-                    ],
-                },
-            ]);
-            return (0, template_1.checkCancel)(template);
-        }
-        catch (error) {
-            handlePromptError(error);
-        }
+        const template = await p.select({
+            message: 'Choose a template',
+            options: [
+                { value: constants_1.DEFAULT_TEMPLATE_NAME, label: 'sparkling-default (Official Sparkling starter project)' },
+                { value: constants_1.CUSTOM_TEMPLATE_OPTION, label: 'Custom template (Local path, Git URL, or npm package)' },
+            ],
+        });
+        return (0, template_1.checkCancel)(template);
     }
     return constants_1.DEFAULT_TEMPLATE_NAME;
 }
@@ -84,87 +85,51 @@ async function askCustomTemplatePath(flags) {
     if (flags.yes) {
         throw new Error('Custom template requires interactive input or a direct --template path.');
     }
-    try {
-        const { templatePath } = await inquirer_1.default.prompt([
-            {
-                type: 'input',
-                name: 'templatePath',
-                message: ui_1.ui.prompt('Enter custom template path, GitHub URL, or npm package'),
-                default: '',
-                validate(value) {
-                    if (!value || value.length === 0)
-                        return 'Template path is required';
-                    return true;
-                },
-            },
-        ]);
-        return (0, template_1.checkCancel)(templatePath);
-    }
-    catch (error) {
-        handlePromptError(error);
-    }
+    const templatePath = await p.text({
+        message: 'Enter custom template path, GitHub URL, or npm package',
+        validate(value) {
+            if (!value || value.length === 0)
+                return 'Template path is required';
+        },
+    });
+    return (0, template_1.checkCancel)(templatePath);
 }
 async function askAndroidDsl(flags) {
     if (!flags.yes) {
-        try {
-            const { androidDsl } = await inquirer_1.default.prompt([
-                {
-                    type: 'list',
-                    name: 'androidDsl',
-                    message: ui_1.ui.prompt('Android Gradle build files'),
-                    choices: [
-                        { value: 'kts', name: 'Kotlin DSL (.gradle.kts)' },
-                        { value: 'groovy', name: 'Groovy (.gradle)' },
-                    ],
-                },
-            ]);
-            return (0, template_1.checkCancel)(androidDsl) === 'groovy' ? 'groovy' : 'kts';
-        }
-        catch (error) {
-            handlePromptError(error);
-        }
+        const androidDsl = await p.select({
+            message: 'Android Gradle build files',
+            options: [
+                { value: 'kts', label: 'Kotlin DSL (.gradle.kts)' },
+                { value: 'groovy', label: 'Groovy (.gradle)' },
+            ],
+        });
+        return (0, template_1.checkCancel)(androidDsl) === 'groovy' ? 'groovy' : 'kts';
     }
     return android_dsl_1.DEFAULT_ANDROID_DSL;
 }
 async function askDevTools(flags) {
     if (!flags.yes) {
-        try {
-            const { devTools } = await inquirer_1.default.prompt([
-                {
-                    type: 'checkbox',
-                    name: 'devTools',
-                    message: ui_1.ui.prompt('Select development tools'),
-                    choices: [{ value: 'testing', name: 'Add ReactLynx Testing Library for unit testing' }],
-                },
-            ]);
-            return (0, template_1.checkCancel)(devTools);
-        }
-        catch (error) {
-            handlePromptError(error);
-        }
+        const devTools = await p.multiselect({
+            message: 'Select development tools',
+            required: false,
+            options: [{ value: 'testing', label: 'Add ReactLynx Testing Library for unit testing' }],
+        });
+        return (0, template_1.checkCancel)(devTools);
     }
     return [];
 }
 async function askAdditionalTools(flags) {
     if (!flags.yes) {
-        try {
-            const { tools } = await inquirer_1.default.prompt([
-                {
-                    type: 'checkbox',
-                    name: 'tools',
-                    message: ui_1.ui.prompt('Select optional tooling'),
-                    choices: [
-                        { value: 'eslint', name: 'ESLint (Standard linting configuration)' },
-                        { value: 'prettier', name: 'Prettier (Auto-formatting defaults)' },
-                        { value: 'biome', name: 'Biome (Biome + Biome formatter)' },
-                    ],
-                },
-            ]);
-            return (0, template_1.checkCancel)(tools);
-        }
-        catch (error) {
-            handlePromptError(error);
-        }
+        const tools = await p.multiselect({
+            message: 'Select optional tooling',
+            required: false,
+            options: [
+                { value: 'eslint', label: 'ESLint (Standard linting configuration)' },
+                { value: 'prettier', label: 'Prettier (Auto-formatting defaults)' },
+                { value: 'biome', label: 'Biome (Biome + Biome formatter)' },
+            ],
+        });
+        return (0, template_1.checkCancel)(tools);
     }
     return [];
 }
@@ -173,25 +138,16 @@ async function askNamespace(defaultNamespace, flags) {
     if (provided)
         return provided;
     if (!flags.yes) {
-        try {
-            const { namespace } = await inquirer_1.default.prompt([
-                {
-                    type: 'input',
-                    name: 'namespace',
-                    message: ui_1.ui.prompt('Package namespace (Android package / iOS bundle id)'),
-                    default: defaultNamespace,
-                    validate(value) {
-                        if (!(0, namespace_1.isValidNamespace)(value))
-                            return 'Use reverse-DNS format, e.g. com.example.app';
-                        return true;
-                    },
-                },
-            ]);
-            return (0, template_1.checkCancel)(namespace);
-        }
-        catch (error) {
-            handlePromptError(error);
-        }
+        const namespace = await p.text({
+            message: 'Package namespace (Android package / iOS bundle id)',
+            defaultValue: defaultNamespace,
+            placeholder: defaultNamespace,
+            validate(value) {
+                if (!(0, namespace_1.isValidNamespace)(value))
+                    return 'Use reverse-DNS format, e.g. com.example.app';
+            },
+        });
+        return (0, template_1.checkCancel)(namespace);
     }
     return defaultNamespace;
 }
@@ -199,20 +155,11 @@ async function confirmInstall(packageManager, flags) {
     if (flags.install !== undefined)
         return flags.install !== false;
     if (!flags.yes) {
-        try {
-            const { installNow } = await inquirer_1.default.prompt([
-                {
-                    type: 'confirm',
-                    name: 'installNow',
-                    message: ui_1.ui.prompt(`Install JS dependencies now with ${packageManager}?`),
-                    default: true,
-                },
-            ]);
-            return (0, template_1.checkCancel)(installNow);
-        }
-        catch (error) {
-            handlePromptError(error);
-        }
+        const installNow = await p.confirm({
+            message: `Install JS dependencies now with ${packageManager}?`,
+            initialValue: true,
+        });
+        return (0, template_1.checkCancel)(installNow);
     }
     return true;
 }
@@ -220,38 +167,20 @@ async function confirmInitGit(flags) {
     if (flags.git !== undefined)
         return flags.git !== false;
     if (!flags.yes) {
-        try {
-            const { initGit } = await inquirer_1.default.prompt([
-                {
-                    type: 'confirm',
-                    name: 'initGit',
-                    message: ui_1.ui.prompt('Initialize a git repository?'),
-                    default: true,
-                },
-            ]);
-            return (0, template_1.checkCancel)(initGit);
-        }
-        catch (error) {
-            handlePromptError(error);
-        }
+        const initGit = await p.confirm({
+            message: 'Initialize a git repository?',
+            initialValue: true,
+        });
+        return (0, template_1.checkCancel)(initGit);
     }
     return true;
 }
 async function confirmRemoveExistingDir(targetDir, flags) {
     if (flags.yes)
         return true;
-    try {
-        const { removeDir } = await inquirer_1.default.prompt([
-            {
-                type: 'confirm',
-                name: 'removeDir',
-                message: ui_1.ui.prompt(`Target directory "${targetDir}" exists and is not empty. Remove existing files?`),
-                default: true,
-            },
-        ]);
-        return (0, template_1.checkCancel)(removeDir);
-    }
-    catch (error) {
-        handlePromptError(error);
-    }
+    const removeDir = await p.confirm({
+        message: `Target directory "${targetDir}" exists and is not empty. Remove existing files?`,
+        initialValue: true,
+    });
+    return (0, template_1.checkCancel)(removeDir);
 }

package/dist/create-app.js

@@ -1,4 +1,37 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -8,6 +41,7 @@ exports.createSparklingApp = createSparklingApp;
 // Copyright (c) 2025 TikTok Pte. Ltd.
 // Licensed under the Apache License Version 2.0 that can be found in the
 // LICENSE file in the root directory of this source tree.
+const p = __importStar(require("@clack/prompts"));
 const fs_1 = __importDefault(require("fs"));
 const path_1 = __importDefault(require("path"));
 const action_runner_1 = require("./core/actions/action-runner");
@@ -64,11 +98,7 @@ async function createSparklingApp(options) {
     const versionLabel = version
         ? `${version}${isWorkspaceBuild ? "-local" : ""}`
         : "0.0.0";
-    console.log(ui_1.ui.headline(`create-sparkling-app  v${versionLabel}`));
-    console.log(ui_1.ui.headline("┌──────────────────────────────────────────────────────────────┐"));
-    console.log(ui_1.ui.headline("│ Welcome to Sparkling!                                        │"));
-    console.log(ui_1.ui.headline("│ Create a Lynx app with various native abilities in minutes.  │"));
-    console.log(ui_1.ui.headline("└──────────────────────────────────────────────────────────────┘"));
+    p.intro(ui_1.ui.headline(`create-sparkling-app v${versionLabel}`));
     const projectName = args.name ?? (await (0, user_prompts_1.askProjectName)(flags));
     const formatted = (0, template_1.formatProjectName)(projectName);
     const { packageName, targetDir } = formatted;
@@ -232,8 +262,8 @@ async function createSparklingApp(options) {
         didInstall = await (0, post_create_1.installDependencies)(distFolder, packageManager);
     }
     if (shouldInitGit) {
-        console.log(ui_1.ui.info('Setting up git repository, this may take a moment...'));
         await (0, post_create_1.initializeGitRepo)(distFolder);
     }
     (0, post_create_1.showCompletionNotes)(targetDir, packageManager, didInstall);
+    p.outro(ui_1.ui.success('Happy hacking!'));
 }

package/dist/index.js

@@ -2,12 +2,46 @@
 // Copyright (c) 2025 TikTok Pte. Ltd.
 // Licensed under the Apache License Version 2.0 that can be found in the
 // LICENSE file in the root directory of this source tree.
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createSparklingApp = void 0;
 exports.main = main;
+const p = __importStar(require("@clack/prompts"));
 const help_1 = __importDefault(require("./help"));
 const init_1 = __importDefault(require("./init"));
 const template_1 = require("./core/project-builder/template");
@@ -64,9 +98,11 @@ async function main() {
 if (require.main === module || process.env.NODE_ENV !== 'test') {
     main().catch(error => {
         if (error instanceof template_1.UserCancelledError) {
+            p.cancel('Operation cancelled.');
             process.exit(0);
         }
-        console.error('An error occurred:', error);
+        p.cancel('An error occurred.');
+        console.error(error);
         if ((0, verbose_1.isVerboseEnabled)() && error instanceof Error && error.stack) {
             (0, verbose_1.verboseLog)(error.stack);
         }

package/dist/utils/spinner.js

@@ -1,30 +1,78 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createSpinner = createSpinner;
 // Copyright (c) 2025 TikTok Pte. Ltd.
 // Licensed under the Apache License Version 2.0 that can be found in the
 // LICENSE file in the root directory of this source tree.
-const ui_1 = require("../ui");
+const p = __importStar(require("@clack/prompts"));
 function createSpinner() {
-    let activeMessage = null;
+    // p.spinner() uses animated cursor output that requires a TTY.
+    // Fall back to simple console.log in non-TTY environments (CI, piped output).
+    if (!process.stdout.isTTY) {
+        let activeMessage = null;
+        return {
+            message(message) {
+                if (message)
+                    console.log(message);
+            },
+            start(message) {
+                activeMessage = message ?? null;
+                if (message)
+                    console.log(message);
+            },
+            stop(message, _code) {
+                const finalMessage = message ?? activeMessage;
+                if (finalMessage)
+                    console.log(finalMessage);
+                activeMessage = null;
+            },
+        };
+    }
+    const spin = p.spinner();
     return {
         message(message) {
             if (message) {
-                console.log(ui_1.ui.info(message));
+                spin.message(message);
             }
         },
         start(message) {
-            activeMessage = message ?? null;
-            if (message) {
-                console.log(ui_1.ui.info(message));
-            }
+            spin.start(message ?? '');
         },
         stop(message, _code) {
-            const finalMessage = message ?? activeMessage;
-            if (finalMessage) {
-                console.log(ui_1.ui.info(finalMessage));
-            }
-            activeMessage = null;
+            spin.stop(message ?? '');
         },
     };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-sparkling-app",
-  "version": "2.0.0",
+  "version": "2.1.0-rc.0",
   "homepage": "https://tiktok.github.io/sparkling/",
   "repository": {
     "type": "git",
@@ -21,7 +21,6 @@
   "description": "CLI tool for creating Sparkling app projects",
   "devDependencies": {
     "@types/jest": "^29.5.12",
-    "@types/inquirer": "^9.0.8",
     "@types/node": "^22.15.0",
     "jest": "^29.7.0",
     "ts-jest": "^29.1.2",
@@ -31,7 +30,7 @@
     "chalk": "^4.1.2",
     "commander": "^12.1.0",
     "deepmerge": "^4.3.1",
-    "inquirer": "^8.2.6"
+    "@clack/prompts": "^0.10.1"
   },
   "scripts": {
     "test": "jest",