@yamada-ui/cli 1.0.6 → 1.1.0-dev-20240806133333

package/dist/command/{colors → theme}/index.js

@@ -30,20 +30,26 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// ../../node_modules/.pnpm/tsup@8.2.3_@swc+core@1.7.2_tsx@4.16.2_typescript@5.5.4/node_modules/tsup/assets/cjs_shims.js
+// ../../node_modules/.pnpm/tsup@8.2.3_@swc+core@1.7.3_@swc+helpers@0.5.5__jiti@1.21.6_postcss@8.4.40_tsx@4.16.2_typescript@5.5.4_yaml@2.5.0/node_modules/tsup/assets/cjs_shims.js
 var init_cjs_shims = __esm({
-  "../../node_modules/.pnpm/tsup@8.2.3_@swc+core@1.7.2_tsx@4.16.2_typescript@5.5.4/node_modules/tsup/assets/cjs_shims.js"() {
+  "../../node_modules/.pnpm/tsup@8.2.3_@swc+core@1.7.3_@swc+helpers@0.5.5__jiti@1.21.6_postcss@8.4.40_tsx@4.16.2_typescript@5.5.4_yaml@2.5.0/node_modules/tsup/assets/cjs_shims.js"() {
     "use strict";
   }
 });
 
-// src/command/colors/index.ts
-var colors_exports = {};
-__export(colors_exports, {
-  actionColors: () => actionColors
+// src/command/theme/index.ts
+var theme_exports = {};
+__export(theme_exports, {
+  actionTheme: () => actionTheme
 });
-module.exports = __toCommonJS(colors_exports);
+module.exports = __toCommonJS(theme_exports);
 init_cjs_shims();
+var import_dns = __toESM(require("dns"));
+var import_fs2 = require("fs");
+var import_promises = require("fs/promises");
+var import_node_stream = require("stream");
+var import_promises2 = require("stream/promises");
+var import_path2 = __toESM(require("path"));
 var p = __toESM(require("@clack/prompts"));
 
 // ../../node_modules/.pnpm/chalk@5.3.0/node_modules/chalk/source/index.js
@@ -541,8 +547,9 @@ var chalk = createChalk();
 var chalkStderr = createChalk({ level: stderrColor ? stderrColor.level : 0 });
 var source_default = chalk;
 
-// src/command/colors/index.ts
-var import_color2k = require("color2k");
+// src/command/theme/index.ts
+var import_tar = require("tar");
+var import_typescript = require("typescript");
 
 // src/utils/prettier.ts
 init_cjs_shims();
@@ -563,53 +570,217 @@ var prettier = async (content, options) => {
   }
 };
 
-// src/command/colors/index.ts
-var tones = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
-var generateTones = (hex) => {
-  let [h, s, l] = (0, import_color2k.parseToHsla)(hex);
-  l *= 100;
-  const d = l <= 50;
-  const x = ((!d ? 100 : 95) - l) / 5;
-  const y = (l - (d ? 5 : 15)) / 5;
-  return tones.reduce(
-    (prev, tone) => {
-      const t = tone / 100;
-      let z;
-      if (t <= 5) {
-        z = l + (5 - t) * x;
+// src/utils/fs.ts
+init_cjs_shims();
+var import_fs = __toESM(require("fs"));
+var isWriteable = async (directory) => {
+  try {
+    await import_fs.default.promises.access(directory, (import_fs.default.constants || import_fs.default).W_OK);
+    return true;
+  } catch (err) {
+    return false;
+  }
+};
+
+// src/command/theme/index.ts
+var ORG_NAME = "yamada-ui";
+var REPO_NAME = "yamada-ui";
+var DEFAULT_BRANCH_NAME = "main";
+var isOnline = () => {
+  return new Promise((resolve) => {
+    import_dns.default.lookup("github.com", (err) => {
+      if (err && err.code === "ENOTFOUND") {
+        resolve(false);
       } else {
-        z = l - (t - 5) * y;
+        resolve(true);
       }
-      z /= 100;
-      prev[tone] = (0, import_color2k.toHex)((0, import_color2k.hsla)(h, s, z, 1));
-      return prev;
-    },
-    {}
+    });
+  });
+};
+var checkHasReact = async (cwd) => {
+  try {
+    const packageJson = await (0, import_promises.readFile)(import_path2.default.join(cwd, "package.json"), "utf-8");
+    const { dependencies, devDependencies } = JSON.parse(packageJson);
+    return !!dependencies?.["@yamada-ui/react"] || !!devDependencies?.["@yamada-ui/react"];
+  } catch {
+    return false;
+  }
+};
+var getSource = async (branch) => {
+  if (!await isOnline()) {
+    throw new Error(
+      "No internet connection, please check your connection and try again."
+    );
+  }
+  const url = `https://codeload.github.com/${ORG_NAME}/${REPO_NAME}/tar.gz/${branch}`;
+  const { body } = await fetch(url);
+  if (!body) throw new Error(`Failed to download: ${url}`);
+  return import_node_stream.Readable.fromWeb(body);
+};
+var getFileMap = async (cwd, branch) => {
+  const source = await getSource(branch);
+  const fileMap = /* @__PURE__ */ new Map();
+  const targetPath = `${REPO_NAME}-${branch.replace("/", "-")}/packages/theme/src`;
+  const filter = (path3) => {
+    return path3.startsWith(targetPath);
+  };
+  const onReadEntry = (entry) => {
+    if (entry.type !== "Directory") {
+      const filePath = entry.path.replace(`${targetPath}/`, "");
+      let content = "";
+      entry.on("data", (chunk) => {
+        content += chunk.toString();
+      });
+      entry.on("end", () => {
+        fileMap.set(filePath, content);
+      });
+    }
+  };
+  await (0, import_promises2.pipeline)(
+    source,
+    (0, import_tar.t)({
+      cwd,
+      filter,
+      onReadEntry,
+      strip: 4,
+      newer: true
+    })
   );
+  return fileMap;
 };
-var actionColors = async (color, { name, out }) => {
-  p.intro(source_default.magenta(`Generating Hue colors`));
+var transformSourceFile = (sourceFile) => {
+  const ImportDeclarations = [];
+  const ImportTypeDeclarations = [];
+  const transformer = (context) => (sourceFile2) => {
+    const visitor = (node) => {
+      if ((0, import_typescript.isImportDeclaration)(node)) {
+        const moduleSpecifier = node.moduleSpecifier.getText().slice(1, -1);
+        if (moduleSpecifier.startsWith("@yamada-ui/")) {
+          if (node.importClause?.isTypeOnly) {
+            ImportTypeDeclarations.push(node);
+          } else {
+            ImportDeclarations.push(node);
+          }
+          return import_typescript.factory.createEmptyStatement();
+        }
+      }
+      return (0, import_typescript.visitEachChild)(node, visitor, context);
+    };
+    return (0, import_typescript.visitNode)(sourceFile2, visitor);
+  };
+  const { transformed } = (0, import_typescript.transform)(sourceFile, [transformer]);
+  const transformedSourceFile = transformed[0];
+  return { ImportDeclarations, ImportTypeDeclarations, transformedSourceFile };
+};
+var createImportDeclaration = (isTypeOnly, declarations) => {
+  const elements = declarations.flatMap(
+    ({ importClause: importClause2 }) => importClause2?.namedBindings && (0, import_typescript.isNamedImports)(importClause2.namedBindings) ? importClause2.namedBindings.elements : []
+  );
+  const namedBindings = import_typescript.factory.createNamedImports(elements);
+  const importClause = import_typescript.factory.createImportClause(
+    isTypeOnly,
+    void 0,
+    namedBindings
+  );
+  return import_typescript.factory.createImportDeclaration(
+    void 0,
+    importClause,
+    import_typescript.factory.createStringLiteral("@yamada-ui/react")
+  );
+};
+var replaceContent = (content) => {
+  const sourceFile = (0, import_typescript.createSourceFile)(
+    "temp.ts",
+    content,
+    import_typescript.ScriptTarget.Latest,
+    true
+  );
+  const printer = (0, import_typescript.createPrinter)({ newLine: import_typescript.NewLineKind.LineFeed });
+  const { ImportDeclarations, ImportTypeDeclarations, transformedSourceFile } = transformSourceFile(sourceFile);
+  const statements = [...transformedSourceFile.statements];
+  if (ImportTypeDeclarations.length) {
+    const newImportTypeDeclarations = createImportDeclaration(
+      true,
+      ImportTypeDeclarations
+    );
+    statements.unshift(newImportTypeDeclarations);
+  }
+  if (ImportDeclarations.length) {
+    const newImportDeclarations = createImportDeclaration(
+      false,
+      ImportDeclarations
+    );
+    statements.unshift(newImportDeclarations);
+  }
+  const updatedSourceFile = import_typescript.factory.updateSourceFile(
+    transformedSourceFile,
+    statements
+  );
+  let printedContent = printer.printFile(updatedSourceFile);
+  printedContent = printedContent.replace(/^;$/gm, "");
+  printedContent = printedContent.replace(/\s\n*(?=import)/g, "");
+  printedContent = printedContent.replace(/(import .*\n)+(?!import)/, "$&\n");
+  return printedContent;
+};
+var replaceIndex = (content) => {
+  const index = content.indexOf("export const baseTheme");
+  content = content.slice(0, index);
+  content = content.replace(/export const baseTheme/, "export const theme");
+  content = content.replace(/\nimport { config } from ".\/config"/, "");
+  content += "\nexport { config } from './config'";
+  return content;
+};
+var generateTheme = async (outPath, fileMap, isReactReplace, isForceReplace) => {
+  if (!await isWriteable(import_path2.default.dirname(outPath))) {
+    throw new Error(
+      "The provided path is not writable, please check folder permissions and try again.\nIt is likely you do not have write permissions for this folder."
+    );
+  }
+  await (0, import_promises.mkdir)(outPath, { recursive: true });
+  await Promise.all(
+    [...fileMap.entries()].map(async ([filePath, _content]) => {
+      const targetPath = import_path2.default.join(outPath, filePath);
+      let content = _content;
+      if (filePath === "index.ts") {
+        content = replaceIndex(content);
+      } else {
+        if (isReactReplace) content = replaceContent(content);
+      }
+      const formattedContent = await prettier(content);
+      try {
+        if (!isForceReplace && (0, import_fs2.existsSync)(targetPath)) return;
+        await (0, import_promises.writeFile)(targetPath, formattedContent, "utf-8");
+      } catch (e) {
+        if (e instanceof Error && "code" in e && e.code === "ENOENT") {
+          const dirPath = import_path2.default.dirname(targetPath);
+          await (0, import_promises.mkdir)(dirPath, { recursive: true });
+          if (!isForceReplace && (0, import_fs2.existsSync)(targetPath)) return;
+          await (0, import_promises.writeFile)(targetPath, formattedContent, "utf-8");
+        }
+      }
+    })
+  );
+};
+var actionTheme = async (_outPath, { branch = DEFAULT_BRANCH_NAME, cwd, replace = false }) => {
+  p.intro(source_default.magenta(`Generating Yamada UI theme`));
   const s = p.spinner();
   try {
     const start = process.hrtime.bigint();
-    s.start(`Computing the color`);
-    const contents = generateTones(color);
-    let result = contents;
-    if (name) result = { [name]: result };
-    let data = await prettier(JSON.stringify(result), { parser: "json" });
-    if (name)
-      data = data.replace(/^{/, "").replace(/}\s+$/, "").replace(/\s+}/g, "\n}");
-    s.stop(`Computed the color`);
-    p.note(
-      Object.entries(contents).map(
-        ([hue, color2]) => `- ${hue.length === 2 ? " " : ""}${hue}: ${color2}`
-      ).join("\n"),
-      "Generated the colors"
-    );
+    cwd ??= import_path2.default.resolve();
+    const outPath = import_path2.default.join(cwd, _outPath);
+    s.start(`Checking "package.json"`);
+    const hasReact = await checkHasReact(cwd);
+    s.stop(`Checked "package.json"`);
+    s.start(`Downloading the theme`);
+    const fileMap = await getFileMap(outPath, branch);
+    s.stop(`Downloaded the theme`);
+    s.start(`Writing the theme "${outPath}"`);
+    await generateTheme(outPath, fileMap, hasReact, replace);
+    s.stop(`Wrote the theme`);
     const end = process.hrtime.bigint();
     const duration = (Number(end - start) / 1e9).toFixed(2);
-    p.outro(source_default.green(`Done in ${duration}s${!out ? "\n" : ""}`));
-    if (out) console.log(data.trim(), "\n");
+    p.outro(source_default.green(`Done in ${duration}s
+`));
   } catch (e) {
     s.stop(`An error occurred`, 500);
     p.cancel(source_default.red(e instanceof Error ? e.message : "Message is missing"));
@@ -617,5 +788,5 @@ var actionColors = async (color, { name, out }) => {
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  actionColors
+  actionTheme
 });

package/dist/command/tokens/create-theme-typings.js

@@ -30,9 +30,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// ../../node_modules/.pnpm/tsup@8.2.3_@swc+core@1.7.2_tsx@4.16.2_typescript@5.5.4/node_modules/tsup/assets/cjs_shims.js
+// ../../node_modules/.pnpm/tsup@8.2.3_@swc+core@1.7.3_@swc+helpers@0.5.5__jiti@1.21.6_postcss@8.4.40_tsx@4.16.2_typescript@5.5.4_yaml@2.5.0/node_modules/tsup/assets/cjs_shims.js
 var init_cjs_shims = __esm({
-  "../../node_modules/.pnpm/tsup@8.2.3_@swc+core@1.7.2_tsx@4.16.2_typescript@5.5.4/node_modules/tsup/assets/cjs_shims.js"() {
+  "../../node_modules/.pnpm/tsup@8.2.3_@swc+core@1.7.3_@swc+helpers@0.5.5__jiti@1.21.6_postcss@8.4.40_tsx@4.16.2_typescript@5.5.4_yaml@2.5.0/node_modules/tsup/assets/cjs_shims.js"() {
     "use strict";
   }
 });

package/dist/command/tokens/index.js

@@ -30,9 +30,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// ../../node_modules/.pnpm/tsup@8.2.3_@swc+core@1.7.2_tsx@4.16.2_typescript@5.5.4/node_modules/tsup/assets/cjs_shims.js
+// ../../node_modules/.pnpm/tsup@8.2.3_@swc+core@1.7.3_@swc+helpers@0.5.5__jiti@1.21.6_postcss@8.4.40_tsx@4.16.2_typescript@5.5.4_yaml@2.5.0/node_modules/tsup/assets/cjs_shims.js
 var init_cjs_shims = __esm({
-  "../../node_modules/.pnpm/tsup@8.2.3_@swc+core@1.7.2_tsx@4.16.2_typescript@5.5.4/node_modules/tsup/assets/cjs_shims.js"() {
+  "../../node_modules/.pnpm/tsup@8.2.3_@swc+core@1.7.3_@swc+helpers@0.5.5__jiti@1.21.6_postcss@8.4.40_tsx@4.16.2_typescript@5.5.4_yaml@2.5.0/node_modules/tsup/assets/cjs_shims.js"() {
     "use strict";
   }
 });
@@ -822,9 +822,9 @@ var generateThemeTypings = async ({
     p.cancel(source_default.red(e instanceof Error ? e.message : "Message is missing"));
   }
 };
-var actionTokens = async (themeFile, { out: outFile, watch: watchFile }) => {
+var actionTokens = async (themePath2, { out: outFile, watch: watchFile }) => {
   const readFile = async () => {
-    const filePath = import_path3.default.resolve(themeFile);
+    const filePath = import_path3.default.resolve(themePath2);
     const { mod: theme, dependencies } = await (0, import_bundle_n_require.bundleNRequire)(filePath);
     return { theme, dependencies };
   };