untitledui 0.1.2 → 0.1.3

package/templates/default/src/styles/typography.css

@@ -10,22 +10,22 @@
     --tw-prose-quotes: var(--color-text-primary);
     --tw-prose-quote-borders: var(--color-fg-brand-primary_alt);
     --tw-prose-captions: var(--color-text-tertiary);
-    /* // --tw-prose-kbd: color.gray[900]; */
-    /* // --tw-prose-kbd-shadows: hexToRgb(color.gray[900]); */
+    /* --tw-prose-kbd: color.gray[900]; */
+    /* --tw-prose-kbd-shadows: hexToRgb(color.gray[900]); */
     --tw-prose-code: var(--color-text-primary);
     --tw-prose-pre-code: var(--color-text-tertiary);
     --tw-prose-pre-bg: var(--color-bg-primary);
     --tw-prose-th-borders: var(--color-border-primary);
     --tw-prose-td-borders: var(--color-border-secondary);
 
-    /* // Base */
+    /* Base */
     color: var(--tw-prose-body);
     font-size: var(--text-md);
     line-height: var(--leading-md);
 }
 
 .prose :not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    /* // Text */
+    /* Text */
     &:where(p) {
         margin-top: calc(var(--spacing) * 4);
         margin-bottom: calc(var(--spacing) * 4);
@@ -38,7 +38,7 @@
         margin-bottom: 1.2em;
     }
 
-    /* // Lists */
+    /* Lists */
     &:where(ol) {
         liststyletype: decimal;
 
@@ -68,13 +68,13 @@
         margin-bottom: 0;
     }
 
-    /* // Horizontal rules */
+    /* Horizontal rules */
     &:where(hr) {
         margin-top: calc(var(--spacing) * 8);
         margin-bottom: calc(var(--spacing) * 8);
     }
 
-    /* // Quotes */
+    /* Quotes */
     &:where(blockquote) {
         color: var(--tw-prose-quotes);
 
@@ -100,7 +100,7 @@
         content: close-quote;
     }
 
-    /* // Headings */
+    /* Headings */
     &:where(h1) {
         color: var(--tw-prose-headings);
         font-weight: 600;
@@ -165,7 +165,7 @@
         color: inherit;
     }
 
-    /* // Media */
+    /* Media */
 
     &:where(img) {
         border-radius: var(--radius-xl);
@@ -215,7 +215,7 @@
         font-style: normal;
     }
 
-    /* // Inline elements */
+    /* Inline elements */
     &:where(a:not(h1 a, h2 a, h3 a, h4 a, h5 a, h6 a)) {
         font-weight: 400;
         text-decoration: underline;
@@ -233,7 +233,7 @@
         text-decoration: none;
     }
 
-    /* // Inline code element */
+    /* Inline code element */
     &:where(code:not(pre code)) {
         font-weight: 600;
         border-radius: 4px;
@@ -277,7 +277,7 @@
 
 .prose.md\:prose-lg:not(:where([class~="not-prose"], [class~="not-prose"] *)) {
     @media (width >= 48rem /* 768px */) {
-        /* // Base */
+        /* Base */
         font-size: var(--text-lg);
         line-height: var(--leading-lg);
     }
@@ -285,7 +285,7 @@
 
 .prose.md\:prose-lg :not(:where([class~="not-prose"], [class~="not-prose"] *)) {
     @media (width >= 48rem /* 768px */) {
-        /* // Text */
+        /* Text */
         &:where(p) {
             margin-top: calc(var(--spacing) * 4.5);
             margin-bottom: calc(var(--spacing) * 4.5);
@@ -298,7 +298,7 @@
             margin-bottom: 1.09em;
         }
 
-        /* // Lists */
+        /* Lists */
         &:where(ol) {
             margin-top: calc(var(--spacing) * 4.5);
             margin-bottom: calc(var(--spacing) * 4.5);
@@ -321,13 +321,13 @@
             margin-bottom: 0;
         }
 
-        /* // Horizontal rules */
+        /* Horizontal rules */
         &:where(hr) {
             margin-top: calc(var(--spacing) * 8);
             margin-bottom: calc(var(--spacing) * 8);
         }
 
-        /* // Quotes */
+        /* Quotes */
         &:where(blockquote) {
             padding-inline-start: 0;
             margin-top: calc(var(--spacing) * 12);
@@ -340,7 +340,7 @@
             line-height: var(--leading-display-xs);
         }
 
-        /* // Headings */
+        /* Headings */
         &:where(h1) {
             font-size: var(--text-display-md);
             line-height: var(--leading-display-md);
@@ -395,7 +395,7 @@
             margin-top: calc(var(--spacing) * 4);
         }
 
-        /* // Inline elements */
+        /* Inline elements */
         &:where(a:not(h1 a, h2 a, h3 a, h4 a, h5 a, h6 a)) {
             font-weight: 400;
             text-decoration: underline;
@@ -407,7 +407,7 @@
             text-decoration: none;
         }
 
-        /* // Inline code element */
+        /* Inline code element */
         &:where(code:not(pre code)) {
             font-weight: 600;
             border-radius: 4px;
@@ -419,7 +419,7 @@
     }
 }
 
-/* // Remove top margin from first element */
+/* Remove top margin from first element */
 .prose > :first-child:not(:where([class~="not-prose"], [class~="not-prose"] *)) {
     margin-top: 0;
 }

package/dist/commands/add.js

@@ -1,339 +0,0 @@
-#!/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);
-            }
-        }));
-    });
-}