@interactivethings/scripts 0.0.9 → 2.0.0

package/dist/init/cli.js

@@ -0,0 +1,312 @@
+"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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __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.run = exports.configParser = void 0;
+const fs = __importStar(require("fs/promises"));
+const path = __importStar(require("path"));
+const prompts_1 = __importDefault(require("prompts"));
+const ora_1 = __importDefault(require("ora"));
+function configParser(parser) {
+    parser.add_argument("--force", {
+        action: "store_true",
+        help: "Overwrite existing configuration files",
+    });
+}
+exports.configParser = configParser;
+async function run(mainParser) {
+    const args = mainParser.parse_args();
+    console.log("🚀 Welcome to Interactive Things Scripts setup!\n");
+    console.log("This wizard will help you configure your project for optimal development workflow.\n");
+    // Check if config already exists
+    const configPath = path.join(process.cwd(), "ixt.config.ts");
+    const configExists = await fs
+        .access(configPath)
+        .then(() => true)
+        .catch(() => false);
+    if (configExists && !args.force) {
+        console.log("⚠️  Configuration file already exists at ixt.config.ts");
+        console.log("Use --force to overwrite the existing configuration.\n");
+        const { shouldContinue } = await (0, prompts_1.default)({
+            type: "confirm",
+            name: "shouldContinue",
+            message: "Do you want to continue anyway?",
+            initial: false,
+        });
+        if (!shouldContinue) {
+            console.log("Setup cancelled.");
+            return;
+        }
+    }
+    // Collect user preferences
+    const answers = await collectUserPreferences();
+    // Generate configuration
+    const config = generateConfig(answers);
+    // Create necessary directories and files
+    const spinner = (0, ora_1.default)("Setting up your project...").start();
+    try {
+        await createProjectStructure(answers);
+        await writeConfigFile(config);
+        await copyExampleFiles(answers);
+        spinner.succeed("Project setup completed successfully!");
+        console.log("\n✨ Your project is now configured!");
+        console.log("\nNext steps:");
+        console.log("1. Review the generated ixt.config.ts file");
+        if (answers.useFigma) {
+            console.log("2. Update your Figma asset URLs in the config");
+            console.log("3. Set your FIGMA_TOKEN environment variable");
+        }
+        if (answers.useTokensStudio) {
+            console.log(`2. Place your design tokens in the ${answers.tokensInputDir} directory`);
+            console.log("3. Run 'ixt tokens-studio' to transform your tokens");
+        }
+        if (answers.useVercel) {
+            console.log("2. Configure your Vercel project settings");
+            console.log("3. Use 'ixt vercel' commands for deployment utilities");
+        }
+        console.log("\nFor more information, check the README.md file.");
+    }
+    catch (error) {
+        spinner.fail("Setup failed");
+        throw error;
+    }
+}
+exports.run = run;
+async function collectUserPreferences() {
+    const questions = [
+        {
+            type: "confirm",
+            name: "useFigma",
+            message: "Will you be downloading assets from Figma?",
+            initial: true,
+        },
+    ];
+    let answers = await (0, prompts_1.default)(questions);
+    // Figma-specific questions
+    if (answers.useFigma) {
+        const figmaQuestions = await (0, prompts_1.default)([
+            {
+                type: "password",
+                name: "figmaToken",
+                message: "Enter your Figma API token (or leave empty to use FIGMA_TOKEN env var):",
+                validate: (value) => value.length === 0 || value.length > 10 || "Token seems too short",
+            },
+            {
+                type: "confirm",
+                name: "addAssetNow",
+                message: "Would you like to add a Figma asset configuration now?",
+                initial: true,
+            },
+        ]);
+        answers = { ...answers, ...figmaQuestions };
+        if (figmaQuestions.addAssetNow) {
+            const assetQuestions = await (0, prompts_1.default)([
+                {
+                    type: "text",
+                    name: "assetName",
+                    message: 'Asset collection name (e.g., "icons", "illustrations"):',
+                    validate: (value) => value.length > 0 || "Name is required",
+                },
+                {
+                    type: "text",
+                    name: "assetUrl",
+                    message: "Figma URL for this asset collection:",
+                    validate: (value) => value.includes("figma.com") || "Please provide a valid Figma URL",
+                },
+                {
+                    type: "text",
+                    name: "assetOutput",
+                    message: "Output directory for assets:",
+                    initial: "src/assets",
+                    validate: (value) => value.length > 0 || "Output directory is required",
+                },
+            ]);
+            if (assetQuestions.assetName) {
+                answers.figmaAssets = [
+                    {
+                        name: assetQuestions.assetName,
+                        url: assetQuestions.assetUrl,
+                        output: assetQuestions.assetOutput,
+                    },
+                ];
+            }
+        }
+    }
+    // Tokens Studio questions
+    const tokensQuestions = await (0, prompts_1.default)([
+        {
+            type: "confirm",
+            name: "useTokensStudio",
+            message: "Will you be using design tokens from Tokens Studio?",
+            initial: false,
+        },
+    ]);
+    answers = { ...answers, ...tokensQuestions };
+    if (answers.useTokensStudio) {
+        const tokensConfig = await (0, prompts_1.default)([
+            {
+                type: "text",
+                name: "tokensInputDir",
+                message: "Directory containing your design tokens:",
+                initial: "./tokens",
+                validate: (value) => value.length > 0 || "Input directory is required",
+            },
+            {
+                type: "text",
+                name: "tokensOutputFile",
+                message: "Output file for transformed tokens:",
+                initial: "src/theme/tokens.json",
+                validate: (value) => value.length > 0 || "Output file is required",
+            },
+        ]);
+        answers = { ...answers, ...tokensConfig };
+        // Styling framework question (only if using tokens)
+        const frameworkQuestion = await (0, prompts_1.default)([
+            {
+                type: "select",
+                name: "stylingFramework",
+                message: "Which styling framework transform would you like to use?",
+                choices: [
+                    { title: "Material-UI (MUI)", value: "mui" },
+                    { title: "Tailwind CSS", value: "tailwind" },
+                    { title: "Custom transform", value: "custom" },
+                ],
+                initial: 0,
+            },
+        ]);
+        answers = { ...answers, ...frameworkQuestion };
+    }
+    // Vercel questions
+    const vercelQuestions = await (0, prompts_1.default)([
+        {
+            type: "confirm",
+            name: "useVercel",
+            message: "Will you be deploying with Vercel?",
+            initial: false,
+        },
+    ]);
+    answers = { ...answers, ...vercelQuestions };
+    if (answers.useVercel) {
+        const vercelConfig = await (0, prompts_1.default)([
+            {
+                type: "text",
+                name: "vercelTeam",
+                message: "Vercel team/organization name (optional):",
+            },
+            {
+                type: "text",
+                name: "vercelProject",
+                message: "Vercel project name (optional):",
+            },
+        ]);
+        answers = { ...answers, ...vercelConfig };
+    }
+    return answers;
+}
+function generateConfig(answers) {
+    const config = {};
+    if (answers.useFigma) {
+        config.figma = {
+            token: answers.figmaToken || undefined,
+            assets: answers.figmaAssets || [],
+        };
+    }
+    if (answers.useTokensStudio) {
+        config.tokensStudio = {
+            input: answers.tokensInputDir,
+            output: answers.tokensOutputFile,
+        };
+        // Add handler path based on styling framework choice
+        if (answers.stylingFramework && answers.stylingFramework !== "custom") {
+            config.tokensStudio.handler = `./ixt/transforms/${answers.stylingFramework}-transform.ts`;
+        }
+    }
+    if (answers.useVercel && (answers.vercelTeam || answers.vercelProject)) {
+        config.vercel = {};
+        if (answers.vercelTeam)
+            config.vercel.team = answers.vercelTeam;
+        if (answers.vercelProject)
+            config.vercel.project = answers.vercelProject;
+    }
+    return config;
+}
+async function createProjectStructure(answers) {
+    const cwd = process.cwd();
+    // Create ixt directory
+    const ixtDir = path.join(cwd, "ixt");
+    await fs.mkdir(ixtDir, { recursive: true });
+    // Create transforms directory if using tokens
+    if (answers.useTokensStudio) {
+        const transformsDir = path.join(ixtDir, "transforms");
+        await fs.mkdir(transformsDir, { recursive: true });
+        // Create tokens input directory
+        if (answers.tokensInputDir) {
+            await fs.mkdir(path.join(cwd, answers.tokensInputDir), {
+                recursive: true,
+            });
+        }
+        // Create output directory for tokens
+        if (answers.tokensOutputFile) {
+            const outputDir = path.dirname(path.join(cwd, answers.tokensOutputFile));
+            await fs.mkdir(outputDir, { recursive: true });
+        }
+    }
+    // Create assets directories if using Figma
+    if (answers.useFigma && answers.figmaAssets) {
+        for (const asset of answers.figmaAssets) {
+            await fs.mkdir(path.join(cwd, asset.output), { recursive: true });
+        }
+    }
+}
+async function writeConfigFile(config) {
+    const configPath = path.join(process.cwd(), "ixt.config.ts");
+    const configContent = `import { defineConfig } from '@interactivethings/scripts';
+
+export default defineConfig(${JSON.stringify(config, null, 2)});
+`;
+    await fs.writeFile(configPath, configContent, "utf-8");
+}
+async function copyExampleFiles(answers) {
+    if (!answers.useTokensStudio ||
+        !answers.stylingFramework ||
+        answers.stylingFramework === "custom") {
+        return;
+    }
+    const cwd = process.cwd();
+    const examplesDir = path.join(__dirname, "../../examples");
+    const transformsDir = path.join(cwd, "ixt/transforms");
+    // Copy the appropriate transform file
+    const sourceFile = path.join(examplesDir, `${answers.stylingFramework}-transform.ts`);
+    const targetFile = path.join(transformsDir, `${answers.stylingFramework}-transform.ts`);
+    try {
+        const content = await fs.readFile(sourceFile, "utf-8");
+        await fs.writeFile(targetFile, content, "utf-8");
+    }
+    catch (error) {
+        console.warn(`Warning: Could not copy ${answers.stylingFramework}-transform.ts example file:`, error instanceof Error ? error.message : String(error));
+    }
+}