untitledui 0.1.1

package/dist/commands/add.js

@@ -0,0 +1,339 @@
+#!/usr/bin/env node
+"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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.program = void 0;
+const chalk_1 = __importDefault(require("chalk"));
+const commander_1 = require("commander");
+const execa_1 = require("execa");
+const fs = __importStar(require("fs"));
+const ora_1 = __importDefault(require("ora"));
+const os_1 = __importDefault(require("os"));
+const path = __importStar(require("path"));
+const prompts_1 = __importDefault(require("prompts"));
+const ts_morph_1 = require("ts-morph");
+const download_tar_api_1 = require("../helper/download-tar-api");
+const get_components_api_1 = require("../helper/get-components-api");
+const get_components_list_1 = require("../helper/get-components-list");
+const get_config_1 = require("../helper/get-config");
+const get_package_info_1 = require("../helper/get-package-info");
+const get_pkg_manager_1 = require("../helper/get-pkg-manager");
+const get_project_1 = require("../helper/get-project");
+const CONFIG_DIR = path.join(os_1.default.homedir(), ".untitledui");
+const CONFIG_PATH = path.join(CONFIG_DIR, "config.json");
+let promptOptions = {
+    components: [],
+    path: "",
+    type: undefined,
+    license: "",
+};
+if (fs.existsSync(CONFIG_PATH)) {
+    const config = JSON.parse(fs.readFileSync(CONFIG_PATH, "utf-8"));
+    promptOptions.license = config.license;
+}
+const onPromptState = (state) => {
+    if (state.aborted) {
+        // If we don't re-enable the terminal cursor before exiting
+        // the program, the cursor will remain hidden
+        process.stdout.write("\x1B[?25h");
+        process.stdout.write("\n");
+        process.exit(1);
+    }
+};
+exports.program = new commander_1.Command()
+    .name("add")
+    .description("add a component to your project")
+    .argument("[components...]", "the components to add")
+    .option("-o, --overwrite", "overwrite existing files.", false)
+    .option("-a, --all", "add all available components", false)
+    .option("-p, --path <path>", "the path to add the component to.")
+    .option("-t, --type <shared|marketing|shared-assets|application|foundations>", "the type of the component to add.")
+    .option("-l, --license <license-key>", "Add a license key for adding components.")
+    .action((components, options) => __awaiter(void 0, void 0, void 0, function* () {
+    if (components) {
+        promptOptions.components = components;
+    }
+    if (options) {
+        promptOptions.overwrite = options.overwrite;
+        promptOptions.all = options.all;
+        promptOptions.path = options.path;
+        promptOptions.license = options.license || promptOptions.license;
+    }
+    try {
+        yield run(promptOptions);
+    }
+    catch (e) {
+        console.error(chalk_1.default.red(e));
+    }
+}));
+function run(opts) {
+    return __awaiter(this, void 0, void 0, function* () {
+        var _a, _b;
+        const spinner = (0, ora_1.default)().start();
+        const cwd = process.cwd();
+        // Check if the current directory is a existing project
+        const isExistingProject = fs.existsSync(path.resolve(cwd, "package.json"));
+        if (!isExistingProject) {
+            spinner.warn("This command should be run in a project directory.");
+            process.exit(0);
+        }
+        // Get the project configuration
+        const info = yield (0, get_project_1.getNextjsProjectConfig)(cwd);
+        if (promptOptions.license) {
+            const isValidKey = yield (0, download_tar_api_1.checkLicenseKey)(promptOptions.license);
+            if (!isValidKey) {
+                spinner.fail("Invalid license key");
+                process.exit(0);
+            }
+            // Save the license key to the config file
+            if (!fs.existsSync(CONFIG_PATH)) {
+                const dirs = path.dirname(CONFIG_PATH);
+                fs.mkdirSync(dirs, { recursive: true });
+                fs.writeFileSync(CONFIG_PATH, JSON.stringify({ license: promptOptions.license }, null, 2));
+            }
+            const config = JSON.parse(fs.readFileSync(CONFIG_PATH, "utf-8"));
+            if (config.license !== promptOptions.license) {
+                fs.writeFileSync(CONFIG_PATH, JSON.stringify({ license: promptOptions.license }, null, 2));
+            }
+        }
+        spinner.stop();
+        // If user didn't provide any options, prompt them
+        if (!(promptOptions === null || promptOptions === void 0 ? void 0 : promptOptions.type) && !(promptOptions === null || promptOptions === void 0 ? void 0 : promptOptions.components.length)) {
+            const typesList = yield (0, get_components_list_1.getComponentTypes)(promptOptions.license);
+            if (!typesList) {
+                console.log("No component types found");
+                process.exit(0);
+            }
+            const res = yield (0, prompts_1.default)({
+                type: "select",
+                name: "type",
+                onState: onPromptState,
+                message: `What type of ${chalk_1.default.cyan("component")} are you adding?`,
+                choices: typesList === null || typesList === void 0 ? void 0 : typesList.types.map((type) => ({
+                    title: type,
+                    value: type,
+                })),
+            });
+            promptOptions.type = res.type;
+        }
+        // Components path where user wants to add the components
+        // by default it's `components` directory
+        if (!(promptOptions === null || promptOptions === void 0 ? void 0 : promptOptions.path)) {
+            const res = yield (0, prompts_1.default)({
+                type: "text",
+                name: "path",
+                onState: onPromptState,
+                message: `Where would you like to add the ${chalk_1.default.cyan("components")}?`,
+                initial: "components",
+            });
+            promptOptions.path = res.path;
+        }
+        // If current project does not provide alias prefix, ask user to provide one
+        // by default it's `@/*`
+        if (info && !(info === null || info === void 0 ? void 0 : info.aliasPrefix)) {
+            const importAliasPattern = /^[^*"]+\/\*\s*$/;
+            const res = yield (0, prompts_1.default)({
+                type: "text",
+                name: "aliasPrefix",
+                onState: onPromptState,
+                initial: "@/*",
+                message: `What is the ${chalk_1.default.cyan("import alias")} for your project?`,
+                validate: (value) => (importAliasPattern.test(value) ? true : "Import alias must follow the pattern <prefix>/*"),
+            });
+            // Update the tsconfig file with the alias prefix
+            info.aliasPrefix = yield (0, get_config_1.updateTsConfig)(cwd, info === null || info === void 0 ? void 0 : info.isSrcDir, res === null || res === void 0 ? void 0 : res.aliasPrefix);
+        }
+        if (!(promptOptions === null || promptOptions === void 0 ? void 0 : promptOptions.components.length)) {
+            // Get all component names based on the type
+            const componentNames = yield (0, get_components_list_1.getComponentsList)(promptOptions === null || promptOptions === void 0 ? void 0 : promptOptions.type, promptOptions.license);
+            if (!componentNames) {
+                console.log("No components found");
+                process.exit(0);
+            }
+            // Show components list to user
+            const res = yield (0, prompts_1.default)({
+                type: "multiselect",
+                name: "components",
+                onState: onPromptState,
+                message: `Which ${chalk_1.default.cyan("components")} would you like to add?`,
+                choices: (_a = componentNames === null || componentNames === void 0 ? void 0 : componentNames.components) === null || _a === void 0 ? void 0 : _a.map((component) => ({
+                    title: component || "example",
+                    value: component || "example",
+                    selected: promptOptions.components.includes(component),
+                })),
+                instructions: false,
+                hint: "- Space to select. Return to submit",
+            });
+            promptOptions.components = res.components;
+            // If user didn't select any component, exit
+            if (!res.components || res.components.length === 0) {
+                console.log("No option selected. Exiting...");
+                process.exit(0);
+            }
+        }
+        // If user didn't select any component, exit
+        if (!((_b = promptOptions.components) === null || _b === void 0 ? void 0 : _b.length)) {
+            spinner.warn("No components selected. Exiting.");
+            process.exit(0);
+        }
+        if (!promptOptions.overwrite) {
+            const res = yield (0, prompts_1.default)({
+                type: "confirm",
+                name: "overwrite",
+                message: "You are about to add new components to your project. Do you want to overwrite the existing files?",
+                initial: true,
+            });
+            promptOptions.overwrite = res.overwrite;
+        }
+        // Src directory of the main project
+        const srcDir = path.join(path.resolve(__dirname, "../../../../"));
+        // Get the configuration file paths of the project
+        // tailwind.config.ts, tsconfig.json, layout.tsx, _app.tsx, globals.css
+        // package.json, etc
+        const configFiles = yield (0, get_config_1.resolveConfigPaths)(cwd);
+        const existingFiles = [];
+        // Create a new project instance with the tsconfig file
+        const project = new ts_morph_1.Project({
+            tsConfigFilePath: configFiles === null || configFiles === void 0 ? void 0 : configFiles.tsConfig,
+        });
+        // Spinner for adding component
+        const componentSpinner = (0, ora_1.default)("Adding component\n").start();
+        // Get the components data from the API
+        const data = yield (0, get_components_api_1.getComponents)(promptOptions.type, promptOptions.components, promptOptions.license);
+        if (!data) {
+            console.log("No components found");
+            process.exit(0);
+        }
+        // Add the components to the project
+        data.components.forEach((component) => __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            // Get all files that are used in the component from the components.json file
+            const files = component.files;
+            // Get dependencies of the component
+            const dependencies = component.dependencies;
+            // Get devDependencies of the component
+            const devDependencies = component.devDependencies;
+            // Get dependencies from the package.json file in the main repo
+            // and with the specified versions
+            const packages = (0, get_package_info_1.getDependenciesFromPackageJson)({
+                cwd: srcDir,
+                dependencies,
+                devDependencies,
+            });
+            // Get the package manager of the project
+            // npm, yarn, pnpm or bun
+            const pkgManager = (0, get_pkg_manager_1.getPkgManager)();
+            const dependencySpinner = (0, ora_1.default)("Installing dependencies\n").start();
+            try {
+                // Add the component files to the project
+                files === null || files === void 0 ? void 0 : files.forEach((_a) => __awaiter(this, [_a], void 0, function* ({ path: file, code }) {
+                    // Remove the components/ prefix from the file path
+                    // to replace it with the user provided path
+                    const relativePath = file.replace("components/", "");
+                    // Target file path where the component will be added
+                    const targetFilePath = path.join(process.cwd(), `${(info === null || info === void 0 ? void 0 : info.isSrcDir) && "src"}`, file.replace(/components\//, promptOptions.path + "/"));
+                    // Get the folders of the target file path
+                    const folders = path.dirname(targetFilePath);
+                    // Check if the file already exists in the project directory
+                    if (fs.existsSync(targetFilePath) && !promptOptions.overwrite) {
+                        existingFiles.push(relativePath);
+                    }
+                    else {
+                        // Create the directory if it doesn't exist
+                        fs.mkdirSync(folders, { recursive: true });
+                        // Create an empty file
+                        fs.writeFileSync(targetFilePath, code);
+                        // Get the source file from the project
+                        const sourceFile = project.addSourceFileAtPath(path.resolve(targetFilePath));
+                        sourceFile.getImportDeclarations().forEach((importDeclaration) => {
+                            // Get the module specifier value of the import declaration
+                            const moduleSpecifier = importDeclaration.getModuleSpecifierValue();
+                            // Update the module specifier value with the alias prefix
+                            importDeclaration.setModuleSpecifier((0, get_config_1.updateImportAliases)(moduleSpecifier, info === null || info === void 0 ? void 0 : info.aliasPrefix, promptOptions.path));
+                        });
+                        // Save the source file
+                        yield sourceFile.save();
+                    }
+                }));
+                // If the files already exist in the project directory, show the user
+                // which files exist
+                if (existingFiles.length && !(promptOptions === null || promptOptions === void 0 ? void 0 : promptOptions.overwrite)) {
+                    console.log("\n");
+                    componentSpinner.fail(`Following files already exist in the directory. Use ${chalk_1.default.cyan("--overwrite")} or ${chalk_1.default.cyan("-o")} to overwrite existing files, or refer to the documentation ${chalk_1.default.cyan("https://untitled.xyz/docs")} for manual installation. The rest of the files are added.`);
+                    existingFiles.forEach((file) => {
+                        console.log(`- ${chalk_1.default.green(file)}`);
+                    });
+                    process.exit(0);
+                }
+                // Install dependencies from the package.json file in the main repo
+                if (!packages) {
+                    dependencySpinner.fail("Failed to get dependencies from package.json\n");
+                    process.exit(0);
+                }
+                // Run the package manager install command to install the dependencies
+                // and devDependencies
+                if ((_a = packages === null || packages === void 0 ? void 0 : packages.dependencies) === null || _a === void 0 ? void 0 : _a.length) {
+                    yield (0, execa_1.execa)(pkgManager, [pkgManager === "npm" ? "install" : "add", ...packages.dependencies]);
+                    dependencySpinner.succeed("Dependencies are installed\n");
+                }
+                // if (devDependencies?.length) {
+                //     await execa(pkgManager, [pkgManager === "npm" ? "install" : "add", ...packages.devDependencies]);
+                //     dependencySpinner.succeed("DevDependencies are installed\n");
+                // }
+                componentSpinner.succeed("Component is added\n");
+                // Exit the process with a success status code
+                process.exit(1);
+            }
+            catch (e) {
+                dependencySpinner.fail("\nFailed to install dependencies");
+                componentSpinner.fail("\nFailed to add component");
+                console.error(chalk_1.default.red(e));
+                process.exit(0);
+            }
+        }));
+    });
+}