@aurodesignsystem/auro-library 5.14.0 → 5.14.2

package/scripts/utils/ansiColors.mjs

@@ -0,0 +1,119 @@
+// Minimal stand-in for the slice of `chalk` this package used: `hex(color)(text)`
+// and `hex(color).bold(text)`.
+//
+// auro-library is a runtime dependency of nearly every Auro component, so
+// anything imported by a published script is installed into every downstream
+// project. `chalk` was never actually declared as a dependency -- it only ever
+// resolved by accident when a consumer happened to hoist one -- so these two
+// helpers replace it rather than shipping a package for four call sites.
+//
+// Output is byte-identical to chalk for both supported forms, including
+// chalk's decision about *when* to emit escapes at all.
+
+const ESC = "\u001B";
+const RESET_COLOR = `${ESC}[39m`;
+const BOLD_ON = `${ESC}[1m`;
+const BOLD_OFF = `${ESC}[22m`;
+
+/**
+ * Whether to emit ANSI escapes, following the same precedence chalk uses:
+ * FORCE_COLOR wins, then NO_COLOR, then a dumb terminal, then TTY detection.
+ * Notably this means piped and CI output is plain text, which is what chalk
+ * already did here.
+ * @returns {boolean} True when escapes should be emitted.
+ */
+function colorEnabled() {
+  const { FORCE_COLOR, NO_COLOR, TERM } = process.env;
+
+  if (FORCE_COLOR !== undefined) {
+    // An explicit `0`/`false` is a force-*off* in chalk's `supports-color`, not
+    // an absence of opinion -- it short-circuits ahead of TTY detection, so
+    // setting it yields plain text even on a terminal. A set-but-empty value is
+    // a force-*on*, which is why this tests the two off values rather than
+    // truthiness.
+    return FORCE_COLOR !== "0" && FORCE_COLOR !== "false";
+  }
+
+  if (NO_COLOR) {
+    return false;
+  }
+
+  if (TERM === "dumb") {
+    return false;
+  }
+
+  return Boolean(process.stdout?.isTTY);
+}
+
+/**
+ * Parse `#rgb` or `#rrggbb` into 8-bit channels.
+ * @param {string} hexColor - Hex color string, with or without a leading `#`.
+ * @returns {[number, number, number] | null} Channels, or null if unparseable.
+ */
+function toRgb(hexColor) {
+  if (typeof hexColor !== "string") {
+    return null;
+  }
+
+  const raw = hexColor.replace(/^#/u, "");
+  const expanded =
+    raw.length === 3
+      ? raw
+          .split("")
+          .map((channel) => channel + channel)
+          .join("")
+      : raw;
+
+  if (!/^[0-9a-f]{6}$/iu.test(expanded)) {
+    return null;
+  }
+
+  return [
+    Number.parseInt(expanded.slice(0, 2), 16),
+    Number.parseInt(expanded.slice(2, 4), 16),
+    Number.parseInt(expanded.slice(4, 6), 16),
+  ];
+}
+
+/**
+ * Build a colorizer for a hex color.
+ *
+ * Unlike `chalk.hex`, an unparseable or missing color returns the text
+ * unchanged instead of throwing -- `Logger.auroLogger` reaches this path
+ * whenever it is handed a status it does not recognize.
+ * @param {string} hexColor - Hex color string, e.g. `#0096FF`.
+ * @returns {((text: string) => string) & {bold: (text: string) => string}} Colorizer with a `.bold` variant.
+ */
+export function hex(hexColor) {
+  const rgb = toRgb(hexColor);
+
+  /**
+   * @param {string} text - Text to wrap.
+   * @param {boolean} bold - Whether to also apply bold.
+   * @returns {string} The wrapped text.
+   */
+  const paint = (text, bold) => {
+    const body = `${text}`;
+
+    // chalk short-circuits empty input rather than emitting a bare open/close
+    // pair, and every banner here is built by concatenating segments.
+    if (!rgb || body === "" || !colorEnabled()) {
+      return body;
+    }
+
+    const color = `${ESC}[38;2;${rgb[0]};${rgb[1]};${rgb[2]}m`;
+    const open = bold ? `${color}${BOLD_ON}` : color;
+    const close = bold ? `${BOLD_OFF}${RESET_COLOR}` : RESET_COLOR;
+
+    // Re-open the style after every line break, the way chalk does, so the
+    // color survives anything that processes output line by line. The ASCII
+    // banners and the boxed `section` logs all rely on this.
+    return `${open}${body.replace(/(\r?\n)/gu, `${close}$1${open}`)}${close}`;
+  };
+
+  const colorize = (text) => paint(text, false);
+
+  colorize.bold = (text) => paint(text, true);
+
+  return colorize;
+}

package/scripts/utils/auroLibraryUtils.mjs

@@ -5,12 +5,12 @@
 
 /* eslint-disable arrow-parens, line-comment-position, no-console, no-inline-comments, no-magic-numbers, prefer-arrow-callback, require-unicode-regexp, jsdoc/require-description-complete-sentence, prefer-named-capture-group */
 
-import * as fs from 'fs';
-import * as path from 'path';
-import chalk from 'chalk';
-import { fileURLToPath } from 'url';
+import * as fs from "fs";
+import * as path from "path";
+import { fileURLToPath } from "url";
+import { hex } from "./ansiColors.mjs";
 
-import {Logger} from "./logger.mjs";
+import { Logger } from "./logger.mjs";
 
 export default class AuroLibraryUtils {
   getDirname() {
@@ -20,12 +20,15 @@ export default class AuroLibraryUtils {
   get getProjectRootPath() {
     const currentDir = this.getDirname();
 
-    if (!currentDir.includes('node_modules')) {
-      Logger.warn(`Unable to determine best project root as node_modules \nis not in the directory path.\n\nAssuming - "${currentDir}"`, true);
+    if (!currentDir.includes("node_modules")) {
+      Logger.warn(
+        `Unable to determine best project root as node_modules \nis not in the directory path.\n\nAssuming - "${currentDir}"`,
+        true,
+      );
       return currentDir;
     }
 
-    return currentDir.split('node_modules')[0];
+    return currentDir.split("node_modules")[0];
   }
 
   /**
@@ -36,7 +39,11 @@ export default class AuroLibraryUtils {
    */
   copyDirectory(srcDir, destDir, removeFiles) {
     if (!fs.existsSync(srcDir)) {
-      this.auroLogger(`Source directory ${srcDir} does not exist`, 'error', false);
+      this.auroLogger(
+        `Source directory ${srcDir} does not exist`,
+        "error",
+        false,
+      );
     } else {
       // Removes all files from directory
       if (removeFiles && fs.existsSync(destDir)) {
@@ -44,16 +51,16 @@ export default class AuroLibraryUtils {
 
         let filesRemoved = 0;
 
-        destFiles.forEach(file => {
+        destFiles.forEach((file) => {
           const filePath = path.join(destDir, file);
           fs.unlinkSync(filePath);
-          this.auroLogger(`Removed file: ${file}`, 'success', false);
+          this.auroLogger(`Removed file: ${file}`, "success", false);
 
           filesRemoved += 1;
         });
 
         if (filesRemoved > 0) {
-          this.auroLogger(`Removed ${filesRemoved} files`, 'success', false);
+          this.auroLogger(`Removed ${filesRemoved} files`, "success", false);
         }
       }
 
@@ -66,7 +73,7 @@ export default class AuroLibraryUtils {
       const files = fs.readdirSync(srcDir);
 
       // Copies over all files from source directory to destination directory
-      files.forEach(file => {
+      files.forEach((file) => {
         const sourceFilePath = path.join(srcDir, file);
         const destFilePath = path.join(destDir, file);
 
@@ -77,11 +84,11 @@ export default class AuroLibraryUtils {
         } else {
           fs.copyFileSync(sourceFilePath, destFilePath);
 
-          fs.readFile(destFilePath, 'utf8', (err, data) => {
+          fs.readFile(destFilePath, "utf8", (err, data) => {
             this.formatFileContents(data, destFilePath);
           });
 
-          this.auroLogger(`Copied file: ${file}`, 'success');
+          this.auroLogger(`Copied file: ${file}`, "success");
         }
       });
     }
@@ -95,38 +102,50 @@ export default class AuroLibraryUtils {
    */
   auroLogger(message, status, section) {
     if (status) {
-      const infoColor = '#0096FF'; // blue
-      const successColor = '#4CBB17'; // green
-      const errorColor = '#ff0000'; // red
+      const infoColor = "#0096FF"; // blue
+      const successColor = "#4CBB17"; // green
+      const errorColor = "#ff0000"; // red
 
-      let color = undefined; // eslint-disable-line no-undef-init
+      let color; // eslint-disable-line no-undef-init
 
-      if (status === 'info') {
+      if (status === "info") {
         color = infoColor;
-      } else if (status === 'success') {
+      } else if (status === "success") {
         color = successColor;
-      } else if (status === 'error') {
+      } else if (status === "error") {
         color = errorColor;
       }
 
       if (section) {
-        console.log(chalk.hex(color)(`╭ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ──────────────────────────────╮\n`));
+        console.log(
+          hex(color)(
+            "╭ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ──────────────────────────────╮\n",
+          ),
+        );
       }
 
-      console.log(chalk.hex(color)(message));
+      console.log(hex(color)(message));
 
       if (section) {
-        console.log(chalk.hex(color)('\n╰─────────────────────────────── ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─╯'));
+        console.log(
+          hex(color)(
+            "\n╰─────────────────────────────── ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─╯",
+          ),
+        );
       }
     } else {
       if (section) {
-        console.log(`╭ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ──────────────────────────────╮\n`);
+        console.log(
+          "╭ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ──────────────────────────────╮\n",
+        );
       }
 
       console.log(message);
 
       if (section) {
-        console.log(`\n╰─────────────────────────────── ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─╯`);
+        console.log(
+          "\n╰─────────────────────────────── ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─╯",
+        );
       }
     }
   }
@@ -136,31 +155,40 @@ export default class AuroLibraryUtils {
    * @returns {Object} result - Object containing data from package.json.
    */
   nameExtraction() {
-    let packageJson = fs.readFileSync('package.json', 'utf8', function(err) {
+    let packageJson = fs.readFileSync("package.json", "utf8", (err) => {
       if (err) {
-        console.log('ERROR: Unable to read package.json file', err);
+        console.log("ERROR: Unable to read package.json file", err);
       }
     });
 
     packageJson = JSON.parse(packageJson);
 
     const pName = packageJson.name;
-    const npmStart = pName.indexOf('@');
-    const namespaceStart = pName.indexOf('/');
-    const nameStart = pName.indexOf('-');
+    const npmStart = pName.indexOf("@");
+    const namespaceStart = pName.indexOf("/");
+    const nameStart = pName.indexOf("-");
 
     return {
-      'abstractNodeVersion': packageJson.engines.node.substring(2),
-      'branchName': packageJson.release.branch,
-      'npm': pName.substring(npmStart, namespaceStart),
-      'namespace': pName.substring(namespaceStart + 1, nameStart),
-      'namespaceCap': pName.substring(namespaceStart + 1)[0].toUpperCase() + pName.substring(namespaceStart + 2, nameStart),
-      'name': pName.substring(nameStart + 1),
-      'nameCap': pName.substring(nameStart + 1)[0].toUpperCase() + pName.substring(nameStart + 2),
-      'version': packageJson.version,
-      'tokensVersion': packageJson.peerDependencies['@aurodesignsystem/design-tokens'].substring(1),
-      'wcssVersion': packageJson.peerDependencies['@aurodesignsystem/webcorestylesheets'].substring(1)
-
+      abstractNodeVersion: packageJson.engines.node.substring(2),
+      branchName: packageJson.release.branch,
+      npm: pName.substring(npmStart, namespaceStart),
+      namespace: pName.substring(namespaceStart + 1, nameStart),
+      namespaceCap:
+        pName.substring(namespaceStart + 1)[0].toUpperCase() +
+        pName.substring(namespaceStart + 2, nameStart),
+      name: pName.substring(nameStart + 1),
+      nameCap:
+        pName.substring(nameStart + 1)[0].toUpperCase() +
+        pName.substring(nameStart + 2),
+      version: packageJson.version,
+      tokensVersion:
+        packageJson.peerDependencies?.[
+          "@aurodesignsystem/design-tokens"
+        ]?.substring(1) ?? "",
+      wcssVersion:
+        packageJson.peerDependencies?.[
+          "@aurodesignsystem/webcorestylesheets"
+        ]?.substring(1) ?? "",
     };
   }
 
@@ -177,7 +205,10 @@ export default class AuroLibraryUtils {
     /**
      * Replace placeholder strings.
      */
-    result = result.replace(/\[abstractNodeVersion]/g, nameExtractionData.abstractNodeVersion);
+    result = result.replace(
+      /\[abstractNodeVersion]/g,
+      nameExtractionData.abstractNodeVersion,
+    );
     result = result.replace(/\[branchName]/g, nameExtractionData.branchName);
     result = result.replace(/\[npm]/g, nameExtractionData.npm);
     result = result.replace(/\[name](?!\()/g, nameExtractionData.name);
@@ -191,16 +222,21 @@ export default class AuroLibraryUtils {
     /**
      * Cleanup line breaks.
      */
-    result = result.replace(/(\r\n|\r|\n)[\s]+(\r\n|\r|\n)/g, '\r\n\r\n'); // Replace lines containing only whitespace with a carriage return.
-    result = result.replace(/>(\r\n|\r|\n){2,}/g, '>\r\n'); // Remove empty lines directly after a closing html tag.
-    result = result.replace(/>(\r\n|\r|\n)```/g, '>\r\n\r\n```'); // Ensure an empty line before code samples.
-    result = result.replace(/>(\r\n|\r|\n){2,}```(\r\n|\r|\n)/g, '>\r\n```\r\n'); // Ensure no empty lines before close of code sample.
-    result = result.replace(/([^(\r\n|\r|\n)])(\r?\n|\r(?!\n))+#/g, "$1\r\n\r\n#"); // Ensure empty line before header sections.
+    result = result.replace(/(\r\n|\r|\n)[\s]+(\r\n|\r|\n)/g, "\r\n\r\n"); // Replace lines containing only whitespace with a carriage return.
+    result = result.replace(/>(\r\n|\r|\n){2,}/g, ">\r\n"); // Remove empty lines directly after a closing html tag.
+    result = result.replace(/>(\r\n|\r|\n)```/g, ">\r\n\r\n```"); // Ensure an empty line before code samples.
+    result = result.replace(
+      />(\r\n|\r|\n){2,}```(\r\n|\r|\n)/g,
+      ">\r\n```\r\n",
+    ); // Ensure no empty lines before close of code sample.
+    result = result.replace(
+      /([^(\r\n|\r|\n)])(\r?\n|\r(?!\n))+#/g,
+      "$1\r\n\r\n#",
+    ); // Ensure empty line before header sections.
 
     /**
      * Write the result to the destination file.
      */
-    fs.writeFileSync(destination, result, { encoding: 'utf8'});
+    fs.writeFileSync(destination, result, { encoding: "utf8" });
   }
 }
-

package/scripts/utils/auroTemplateFiller.mjs

@@ -1,178 +1,4 @@
-// eslint-disable
-import Handlebars from "handlebars"
-import fs from "node:fs/promises";
-
-// declare package.json type with jsdoc
-/**
- * @typedef {Object} ExamplePackageJson
- * @property {string} name - Name of the package.
- * @property {string} version - Version of the package.
- * @property {Record<string, string>} peerDependencies - Peer dependencies of the package.
- */
-
-// declare extracted names type with jsdoc
-/**
- * @typedef {Object} ExtractedNames
- * @property {string} npm - NPM of the package.
- * @property {string} namespace - Namespace of the package.
- * @property {string} namespaceCap - Capitalized namespace of the package.
- * @property {string} name - Name of the package.
- * @property {string} nameCap - Capitalized name of the package.
- * @property {string} version - Version of the package.
- * @property {string} tokensVersion - Version of the design tokens.
- * @property {string} wcssVersion - Version of the webcorestylesheets.
- */
-
-
-export class AuroTemplateFiller {
-  static designTokenPackage = '@aurodesignsystem/design-tokens';
-  static webCoreStylesheetsPackage = '@aurodesignsystem/webcorestylesheets';
-
-  constructor () {
-    /** @type {ExtractedNames} */
-    this.values = null;
-  }
-
-  async prepare() {
-    await this.extractNames()
-  }
-
-  /**
-   * Extract various data for filling template files from the package.json file.
-   * @returns {Promise<ExtractedNames>}
-   */
-  async extractNames() {
-    const packageJsonData = await fs.readFile('package.json', 'utf8');
-
-    /** @type {ExamplePackageJson} */
-    const parsedPackageJson = JSON.parse(packageJsonData);
-
-    const pName = parsedPackageJson.name;
-    const pVersion = parsedPackageJson.version;
-    const pdtVersion = parsedPackageJson.peerDependencies?.[AuroTemplateFiller.designTokenPackage].substring(1) ?? '';
-    const wcssVersion = parsedPackageJson.peerDependencies?.[AuroTemplateFiller.webCoreStylesheetsPackage].substring(1) ?? '';
-
-    const npmStart = pName.indexOf('@');
-    const namespaceStart = pName.indexOf('/');
-    const nameStart = pName.indexOf('-');
-    const packageNamespace = pName.substring(namespaceStart + 1, nameStart);
-
-    if (nameStart === -1) {
-      throw new Error(`No name can be derived from package.json "name" field: '${pName}'. Expected pattern with \`-\` split like [\`@aurodesignsystem/auro-component\` or \`@aurodesignsystem/eslint-config\`, etc.]`);
-    }
-
-    this.values = {
-      'npm': pName.substring(npmStart, namespaceStart),
-      'namespace': packageNamespace,
-      'namespaceCap': pName.substring(namespaceStart + 1)[0].toUpperCase() + pName.substring(namespaceStart + 2, nameStart),
-      'name': pName.substring(nameStart + 1),
-      'nameCap': pName.substring(nameStart + 1)[0].toUpperCase() + pName.substring(nameStart + 2),
-      'version': pVersion,
-      'tokensVersion': pdtVersion,
-      wcssVersion
-    };
-  }
-
-  /**
-   * @param {string} template - The string to use to run variable replacement
-   * @param {object} extraVars - Additional variables to use in the template
-   * @return {string}
-   */
-  replaceTemplateValues(template, extraVars = {}) {
-    const compileResult = Handlebars.compile(template);
-
-    // replace all handlebars placeholders FIRST, then apply legacy replacements
-    let result = compileResult({
-      // TODO: consider replacing some of these with handlebars helpers
-      name: this.values.name,
-      Name: this.values.nameCap,
-      namespace: this.values.namespace,
-      Namespace: this.values.namespaceCap,
-      Version: this.values.version,
-      dtVersion: this.values.tokensVersion,
-      wcssVersion: this.values.wcssVersion,
-      ...extraVars
-    }, {
-      helpers: {
-        'capitalize': (str) => str.charAt(0).toUpperCase() + str.slice(1),
-        // Hard codes `auro-*` with whatever string is passed in.
-        'withAuroNamespace': (str) => `auro-${str}`,
-        // Recreats the string from package.json: auro-component, eslint-config, etc.
-        'packageName': () => `${this.values['namespace']}-${this.values['name']}`
-      }
-    })
-
-    /**
-     * Old legacy template variables. We used to use `[varName]` and are now using handlebars `{{varName}}`.
-     * @type {[{pattern: RegExp, replacement: string},{pattern: RegExp, replacement: string},{pattern: RegExp, replacement: string},{pattern: RegExp, replacement: string},{pattern: RegExp, replacement: string},null,null,null]}
-     */
-    const legacyTemplateVariables = [
-      {
-        pattern: /\[npm\]/gu,
-        replacement: this.values.npm
-      },
-      {
-        pattern: /\[name\](?!\()/gu,
-        replacement: this.values.name
-      },
-      {
-        pattern: /\[Name\](?!\()/gu,
-        replacement: this.values.nameCap
-      },
-      {
-        pattern: /\[namespace\]/gu,
-        replacement: this.values.namespace
-      },
-      {
-        pattern: /\[Namespace\]/gu,
-        replacement: this.values.namespaceCap
-      },
-      {
-        pattern: /\[Version\]/gu,
-        replacement: this.values.version
-      },
-      {
-        pattern: /\[dtVersion\]/gu,
-        replacement: this.values.tokensVersion
-      },
-      {
-        pattern: /\[wcssVersion\]/gu,
-        replacement: this.values.wcssVersion
-      }
-    ];
-
-    /**
-     * Replace legacy placeholder strings.
-     */
-    for (const { pattern, replacement } of legacyTemplateVariables) {
-      result = result.replace(pattern, replacement);
-    }
-
-    /**
-     * Cleanup line breaks.
-     */
-    result = result.replace(/(\r\n|\r|\n)[\s]+(\r\n|\r|\n)/g, '\r\n\r\n'); // Replace lines containing only whitespace with a carriage return.
-    result = result.replace(/>(\r\n|\r|\n){2,}/g, '>\r\n'); // Remove empty lines directly after a closing html tag.
-    result = result.replace(/>(\r\n|\r|\n)```/g, '>\r\n\r\n```'); // Ensure an empty line before code samples.
-    result = result.replace(/>(\r\n|\r|\n){2,}```(\r\n|\r|\n)/g, '>\r\n```\r\n'); // Ensure no empty lines before close of code sample.
-    result = result.replace(/([^(\r\n|\r|\n)])(\r?\n|\r(?!\n))+#/g, "$1\r\n\r\n#"); // Ensure empty line before header sections.
-
-    return result;
-  }
-
-
-  /**
-   *
-   * @param {string} content
-   */
-  formatApiTable(content) {
-    let result = `${content}`;
-
-    result = result
-      .replace(/\r\n|\r|\n####\s`([a-zA-Z]*)`/g, `\r\n#### <a name="$1"></a>\`$1\`<a href="#" style="float: right; font-size: 1rem; font-weight: 100;">back to top</a>`)
-      .replace(/\r\n|\r|\n\|\s`([a-zA-Z]*)`/g, '\r\n| [$1](#$1)')
-      .replace(/\| \[\]\(#\)/g, "");
-
-    return result
-  }
-}
+// Shim for the pre-compiled build. Do not edit.
+// Generated by build/bundleDocsScripts.mjs from src/utils/auroTemplateFiller.mjs.
+// Edit that file, then run `npm run build:bundles`.
+export * from "../../dist/utils/auroTemplateFiller.mjs";

package/scripts/utils/logger.mjs

@@ -1,9 +1,8 @@
 /* eslint-disable no-inline-comments, no-console, line-comment-position */
 
-import chalk from 'chalk';
+import { hex } from "./ansiColors.mjs";
 
 export class Logger {
-
   /**
    * Logs out messages in a readable format.
    * @param {String} message - Message to be logged.
@@ -12,41 +11,53 @@ export class Logger {
    */
   static auroLogger(message, status, section) {
     if (status !== false) {
-      const infoColor = '#0096FF'; // blue
-      const successColor = '#4CBB17'; // green
-      const errorColor = '#ff0000'; // red
-      const warningColor = '#FFA500'; // orange
+      const infoColor = "#0096FF"; // blue
+      const successColor = "#4CBB17"; // green
+      const errorColor = "#ff0000"; // red
+      const warningColor = "#FFA500"; // orange
 
-      let color = undefined; // eslint-disable-line no-undef-init
+      let color; // eslint-disable-line no-undef-init
 
-      if (status === 'info') {
+      if (status === "info") {
         color = infoColor;
-      } else if (status === 'success') {
+      } else if (status === "success") {
         color = successColor;
-      } else if (status === 'error') {
+      } else if (status === "error") {
         color = errorColor;
-      } else if (status === 'warn') {
+      } else if (status === "warn") {
         color = warningColor;
       }
 
       if (section) {
-        console.log(chalk.hex(color)(`╭ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ──────────────────────────────╮\n`));
+        console.log(
+          hex(color)(
+            "╭ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ──────────────────────────────╮\n",
+          ),
+        );
       }
 
-      console.log(chalk.hex(color)(message));
+      console.log(hex(color)(message));
 
       if (section) {
-        console.log(chalk.hex(color)('\n╰─────────────────────────────── ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─╯'));
+        console.log(
+          hex(color)(
+            "\n╰─────────────────────────────── ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─╯",
+          ),
+        );
       }
     } else {
       if (section) {
-        console.log(`╭ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ──────────────────────────────╮\n`);
+        console.log(
+          "╭ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ──────────────────────────────╮\n",
+        );
       }
 
       console.log(message);
 
       if (section) {
-        console.log(`\n╰─────────────────────────────── ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─╯`);
+        console.log(
+          "\n╰─────────────────────────────── ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─╯",
+        );
       }
     }
   }