@tokenami/cli 0.0.96--canary.bootstrap.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Jenna Smith (@jjenzz)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,3 @@
+# @tokenami/cli
+
+View docs [here](https://github.com/tokenami/tokenami).

package/bin.js

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+import './dist/bin.js';

package/dist/bin.js

@@ -0,0 +1,181 @@
+import { log, utils, TokenamiDiagnostics, findUsedTokens, generateSheet } from '@tokenami/node';
+import ts from 'typescript/lib/tsserverlibrary.js';
+import browserslist from 'browserslist';
+import { browserslistToTargets } from 'lightningcss';
+import cac from 'cac';
+import inquirer from 'inquirer';
+import * as fs from 'fs';
+import * as chokidar from 'chokidar';
+import * as pathe from 'pathe';
+
+// src/bin.ts
+
+// package.json
+var package_default = {
+  version: "0.0.95"};
+
+// src/index.ts
+var questions = [
+  {
+    type: "list",
+    name: "type",
+    message: "TypeScript or JavaScript?",
+    choices: [
+      { name: "TypeScript", value: "ts" },
+      { name: "JavaScript", value: "js" }
+    ]
+  },
+  {
+    type: "input",
+    name: "folder",
+    message: "What folder should Tokenami watch for token properties?",
+    default: "./app"
+  }
+];
+function run() {
+  const cli = cac("tokenami");
+  const cwd = process.cwd();
+  cli.command("init").option("-c, --config [path]", "Path to a custom config file").action(async (_, flags) => {
+    const projectConfig = getProjectConfig(cwd);
+    if (projectConfig) questions.shift();
+    const answers = await inquirer.prompt(questions);
+    const type = projectConfig?.type ?? answers.type;
+    const extensions = projectConfig?.type === "ts" ? "ts,tsx" : "js,jsx";
+    const include = `'${answers.folder}/**/*.{${extensions}}'`;
+    const configPath = utils.getConfigPath(cwd, flags?.config, type);
+    const outDir = pathe.dirname(configPath);
+    const initialConfig = utils.generateConfig(include, configPath);
+    const typeDefs = utils.generateTypeDefs(configPath);
+    fs.mkdirSync(outDir, { recursive: true });
+    fs.writeFileSync(configPath, initialConfig, { flag: "w" });
+    fs.writeFileSync(utils.getTypeDefsPath(configPath), typeDefs, { flag: "w" });
+    log.debug(`Project successfully configured in './tokenami'`);
+  });
+  cli.command("check").option("-c, --config [path]", "Path to a custom config file").action((_, flags) => {
+    const projectConfig = getProjectConfig(cwd);
+    if (!projectConfig) {
+      log.error("Could not find a valid tsconfig.json.");
+      return;
+    }
+    if (projectConfig.error) {
+      log.error(`Error reading tsconfig.json: ${projectConfig.error.messageText}`);
+      return;
+    }
+    const parsedConfig = ts.parseJsonConfigFileContent(
+      projectConfig.config,
+      ts.sys,
+      process.cwd()
+    );
+    const program = ts.createProgram({
+      rootNames: parsedConfig.fileNames,
+      options: parsedConfig.options
+    });
+    const configPath = utils.getConfigPath(cwd, flags?.config, projectConfig.type);
+    const config = utils.getConfigAtPath(configPath);
+    const plugin = new TokenamiDiagnostics(config);
+    const formatHost = {
+      getCanonicalFileName: (path) => path,
+      getCurrentDirectory: ts.sys.getCurrentDirectory,
+      getNewLine: () => ts.sys.newLine
+    };
+    for (const sourceFile of program.getSourceFiles()) {
+      if (sourceFile.isDeclarationFile || sourceFile.fileName.includes("node_modules")) {
+        continue;
+      }
+      const diagnostics = plugin.getSemanticDiagnostics(sourceFile);
+      if (diagnostics.length > 0) {
+        console.log(ts.formatDiagnosticsWithColorAndContext(diagnostics, formatHost));
+        process.exit(1);
+      }
+    }
+    process.exit(0);
+  });
+  cli.command("[files]", "Include file glob").option("-c, --config [path]", "Path to a custom config file").option("-o, --output [path]", "Output file", { default: "public/tokenami.css" }).option("-w, --watch", "Watch for changes and rebuild as needed").option("--minify", "Minify CSS output").action(async (_, flags) => {
+    const startTime = startTimer();
+    const minify = flags.minify;
+    const configPath = utils.getConfigPath(cwd, flags.config);
+    const browsersConfig = browserslist(null, { env: process.env.NODE_ENV || "development" });
+    const browsers = browsersConfig.length ? browsersConfig : ["supports css-cascade-layers"];
+    const targets = browserslistToTargets(browsers);
+    let config = utils.getConfigAtPath(configPath);
+    config.include = flags.files || config.include;
+    if (!config.include.length) log.error("Provide a glob pattern to include files");
+    async function regenerateStylesheet(file, config2) {
+      const generateTime = startTimer();
+      const tokens2 = await findUsedTokens(cwd, config2);
+      generateStyles({ tokens: tokens2, cwd, out: flags.output, config: config2, minify, targets });
+      log.debug(`Generated styles from ${file} in ${generateTime()}ms.`);
+    }
+    if (flags.watch) {
+      const configWatcher = watch2(cwd, [configPath]);
+      const tokenWatcher = watch2(cwd, config.include, config.exclude);
+      log.debug(`Watching for changes to ${config.include}.`);
+      tokenWatcher.on("all", (_2, file) => regenerateStylesheet(file, config));
+      configWatcher.on("all", async (_2, file) => {
+        try {
+          config = utils.getConfigAtPath(configPath, { cache: false });
+          config.include = flags.files || config.include;
+          regenerateStylesheet(file, config);
+        } catch (e) {
+          log.debug(`Skipped change to ${file} with ${e}`);
+        }
+      });
+      process.once("SIGINT", async () => {
+        await tokenWatcher.close();
+        await configWatcher.close();
+      });
+    }
+    const tokens = await findUsedTokens(cwd, config);
+    generateStyles({ tokens, cwd, out: flags.output, config, minify, targets });
+    log.debug(`Ready in ${startTime()}ms.`);
+  });
+  cli.help();
+  cli.version(package_default.version);
+  cli.parse();
+}
+function getProjectConfig(cwd) {
+  const tsconfigPath = ts.findConfigFile(cwd, ts.sys.fileExists, "tsconfig.json");
+  if (tsconfigPath) {
+    const config = ts.readConfigFile(tsconfigPath, ts.sys.readFile);
+    if (config.error) return null;
+    return { type: "ts", ...config };
+  }
+  const jsconfigPath = ts.findConfigFile(cwd, ts.sys.fileExists, "jsconfig.json");
+  if (jsconfigPath) {
+    const config = ts.readConfigFile(jsconfigPath, ts.sys.readFile);
+    if (config.error) return null;
+    return { type: "js", ...config };
+  }
+  return null;
+}
+function generateStyles(params) {
+  const { cwd, out, ...generateParams } = params;
+  const outDir = pathe.join(cwd, pathe.dirname(out));
+  const outPath = pathe.join(cwd, out);
+  const output = generateSheet({ ...generateParams, output: outPath });
+  fs.mkdirSync(outDir, { recursive: true });
+  fs.writeFileSync(outPath, output, { flag: "w" });
+}
+function watch2(cwd, include, exclude) {
+  return chokidar.watch(include, {
+    cwd,
+    persistent: true,
+    ignoreInitial: true,
+    ignorePermissionErrors: true,
+    ignored: exclude
+  });
+}
+function startTimer() {
+  const start = performance.now();
+  return () => {
+    const stop = performance.now();
+    return Math.round(stop - start);
+  };
+}
+
+// src/bin.ts
+try {
+  run();
+} catch (e) {
+  log.error(e instanceof Error ? e.message : "Unknown error occurred.");
+}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+declare function run(): void;
+
+export { run };

package/dist/index.js

@@ -0,0 +1,176 @@
+import ts from 'typescript/lib/tsserverlibrary.js';
+import browserslist from 'browserslist';
+import { browserslistToTargets } from 'lightningcss';
+import cac from 'cac';
+import inquirer from 'inquirer';
+import * as fs from 'fs';
+import * as chokidar from 'chokidar';
+import * as pathe from 'pathe';
+import { utils, log, TokenamiDiagnostics, findUsedTokens, generateSheet } from '@tokenami/node';
+
+// src/index.ts
+
+// package.json
+var package_default = {
+  version: "0.0.95"};
+
+// src/index.ts
+var questions = [
+  {
+    type: "list",
+    name: "type",
+    message: "TypeScript or JavaScript?",
+    choices: [
+      { name: "TypeScript", value: "ts" },
+      { name: "JavaScript", value: "js" }
+    ]
+  },
+  {
+    type: "input",
+    name: "folder",
+    message: "What folder should Tokenami watch for token properties?",
+    default: "./app"
+  }
+];
+function run() {
+  const cli = cac("tokenami");
+  const cwd = process.cwd();
+  cli.command("init").option("-c, --config [path]", "Path to a custom config file").action(async (_, flags) => {
+    const projectConfig = getProjectConfig(cwd);
+    if (projectConfig) questions.shift();
+    const answers = await inquirer.prompt(questions);
+    const type = projectConfig?.type ?? answers.type;
+    const extensions = projectConfig?.type === "ts" ? "ts,tsx" : "js,jsx";
+    const include = `'${answers.folder}/**/*.{${extensions}}'`;
+    const configPath = utils.getConfigPath(cwd, flags?.config, type);
+    const outDir = pathe.dirname(configPath);
+    const initialConfig = utils.generateConfig(include, configPath);
+    const typeDefs = utils.generateTypeDefs(configPath);
+    fs.mkdirSync(outDir, { recursive: true });
+    fs.writeFileSync(configPath, initialConfig, { flag: "w" });
+    fs.writeFileSync(utils.getTypeDefsPath(configPath), typeDefs, { flag: "w" });
+    log.debug(`Project successfully configured in './tokenami'`);
+  });
+  cli.command("check").option("-c, --config [path]", "Path to a custom config file").action((_, flags) => {
+    const projectConfig = getProjectConfig(cwd);
+    if (!projectConfig) {
+      log.error("Could not find a valid tsconfig.json.");
+      return;
+    }
+    if (projectConfig.error) {
+      log.error(`Error reading tsconfig.json: ${projectConfig.error.messageText}`);
+      return;
+    }
+    const parsedConfig = ts.parseJsonConfigFileContent(
+      projectConfig.config,
+      ts.sys,
+      process.cwd()
+    );
+    const program = ts.createProgram({
+      rootNames: parsedConfig.fileNames,
+      options: parsedConfig.options
+    });
+    const configPath = utils.getConfigPath(cwd, flags?.config, projectConfig.type);
+    const config = utils.getConfigAtPath(configPath);
+    const plugin = new TokenamiDiagnostics(config);
+    const formatHost = {
+      getCanonicalFileName: (path) => path,
+      getCurrentDirectory: ts.sys.getCurrentDirectory,
+      getNewLine: () => ts.sys.newLine
+    };
+    for (const sourceFile of program.getSourceFiles()) {
+      if (sourceFile.isDeclarationFile || sourceFile.fileName.includes("node_modules")) {
+        continue;
+      }
+      const diagnostics = plugin.getSemanticDiagnostics(sourceFile);
+      if (diagnostics.length > 0) {
+        console.log(ts.formatDiagnosticsWithColorAndContext(diagnostics, formatHost));
+        process.exit(1);
+      }
+    }
+    process.exit(0);
+  });
+  cli.command("[files]", "Include file glob").option("-c, --config [path]", "Path to a custom config file").option("-o, --output [path]", "Output file", { default: "public/tokenami.css" }).option("-w, --watch", "Watch for changes and rebuild as needed").option("--minify", "Minify CSS output").action(async (_, flags) => {
+    const startTime = startTimer();
+    const minify = flags.minify;
+    const configPath = utils.getConfigPath(cwd, flags.config);
+    const browsersConfig = browserslist(null, { env: process.env.NODE_ENV || "development" });
+    const browsers = browsersConfig.length ? browsersConfig : ["supports css-cascade-layers"];
+    const targets = browserslistToTargets(browsers);
+    let config = utils.getConfigAtPath(configPath);
+    config.include = flags.files || config.include;
+    if (!config.include.length) log.error("Provide a glob pattern to include files");
+    async function regenerateStylesheet(file, config2) {
+      const generateTime = startTimer();
+      const tokens2 = await findUsedTokens(cwd, config2);
+      generateStyles({ tokens: tokens2, cwd, out: flags.output, config: config2, minify, targets });
+      log.debug(`Generated styles from ${file} in ${generateTime()}ms.`);
+    }
+    if (flags.watch) {
+      const configWatcher = watch2(cwd, [configPath]);
+      const tokenWatcher = watch2(cwd, config.include, config.exclude);
+      log.debug(`Watching for changes to ${config.include}.`);
+      tokenWatcher.on("all", (_2, file) => regenerateStylesheet(file, config));
+      configWatcher.on("all", async (_2, file) => {
+        try {
+          config = utils.getConfigAtPath(configPath, { cache: false });
+          config.include = flags.files || config.include;
+          regenerateStylesheet(file, config);
+        } catch (e) {
+          log.debug(`Skipped change to ${file} with ${e}`);
+        }
+      });
+      process.once("SIGINT", async () => {
+        await tokenWatcher.close();
+        await configWatcher.close();
+      });
+    }
+    const tokens = await findUsedTokens(cwd, config);
+    generateStyles({ tokens, cwd, out: flags.output, config, minify, targets });
+    log.debug(`Ready in ${startTime()}ms.`);
+  });
+  cli.help();
+  cli.version(package_default.version);
+  cli.parse();
+}
+function getProjectConfig(cwd) {
+  const tsconfigPath = ts.findConfigFile(cwd, ts.sys.fileExists, "tsconfig.json");
+  if (tsconfigPath) {
+    const config = ts.readConfigFile(tsconfigPath, ts.sys.readFile);
+    if (config.error) return null;
+    return { type: "ts", ...config };
+  }
+  const jsconfigPath = ts.findConfigFile(cwd, ts.sys.fileExists, "jsconfig.json");
+  if (jsconfigPath) {
+    const config = ts.readConfigFile(jsconfigPath, ts.sys.readFile);
+    if (config.error) return null;
+    return { type: "js", ...config };
+  }
+  return null;
+}
+function generateStyles(params) {
+  const { cwd, out, ...generateParams } = params;
+  const outDir = pathe.join(cwd, pathe.dirname(out));
+  const outPath = pathe.join(cwd, out);
+  const output = generateSheet({ ...generateParams, output: outPath });
+  fs.mkdirSync(outDir, { recursive: true });
+  fs.writeFileSync(outPath, output, { flag: "w" });
+}
+function watch2(cwd, include, exclude) {
+  return chokidar.watch(include, {
+    cwd,
+    persistent: true,
+    ignoreInitial: true,
+    ignorePermissionErrors: true,
+    ignored: exclude
+  });
+}
+function startTimer() {
+  const start = performance.now();
+  return () => {
+    const stop = performance.now();
+    return Math.round(stop - start);
+  };
+}
+
+export { run };

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@tokenami/cli",
+  "version": "0.0.96--canary.bootstrap.0",
+  "license": "MIT",
+  "type": "module",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "repository": "tokenami/tokenami",
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      }
+    },
+    "./bin": {
+      "import": "./dist/bin.js"
+    }
+  },
+  "bin": {
+    "tokenami": "bin.js"
+  },
+  "engines": {
+    "node": ">=20"
+  },
+  "files": [
+    "dist",
+    "bin.js"
+  ],
+  "dependencies": {
+    "browserslist": "^4.26.3",
+    "cac": "^6.7.14",
+    "chokidar": "^3.5.3",
+    "inquirer": "^9.2.12",
+    "lightningcss": "1.29.1",
+    "pathe": "^1.1.1",
+    "typescript": "^5.1.3",
+    "@tokenami/config": "0.0.95",
+    "@tokenami/node": "0.0.96--canary.bootstrap.0"
+  },
+  "devDependencies": {
+    "@types/inquirer": "^9.0.7",
+    "@types/node": "^20.3.1",
+    "tsup": "^8.4.0"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit"
+  }
+}