@grafana/create-plugin 6.4.5-canary.2349.20276304868.0 → 6.4.5-canary.2350.20292287699.0

package/dist/codemods/utils.js

@@ -1,7 +1,7 @@
 import { join, dirname } from 'node:path';
 import { createRequire } from 'node:module';
 import { mkdirSync, writeFileSync, rmSync } from 'node:fs';
-import { styleText } from 'node:util';
+import chalk from 'chalk';
 import { output } from '../utils/utils.console.js';
 import { getPackageManagerWithFallback, getPackageManagerSilentInstallCmd } from '../utils/utils.packageManager.js';
 import { execSync } from 'node:child_process';
@@ -13,11 +13,11 @@ function printChanges(context, key, description) {
   const lines = [];
   for (const [filePath, { changeType }] of Object.entries(changes)) {
     if (changeType === "add") {
-      lines.push(`${styleText(["green"], "ADD")} ${filePath}`);
+      lines.push(`${chalk.green("ADD")} ${filePath}`);
     } else if (changeType === "update") {
-      lines.push(`${styleText(["yellow"], "UPDATE")} ${filePath}`);
+      lines.push(`${chalk.yellow("UPDATE")} ${filePath}`);
     } else if (changeType === "delete") {
-      lines.push(`${styleText(["red"], "DELETE")} ${filePath}`);
+      lines.push(`${chalk.red("DELETE")} ${filePath}`);
     }
   }
   output.addHorizontalLine("gray");

package/dist/commands/generate/print-success-message.js

@@ -1,5 +1,5 @@
 import { machine } from 'node:os';
-import { styleText } from 'node:util';
+import chalk from 'chalk';
 import { output } from '../../utils/utils.console.js';
 import { normalizeId } from '../../utils/utils.handlebars.js';
 import { getPackageManagerFromUserAgent } from '../../utils/utils.packageManager.js';
@@ -9,14 +9,14 @@ function printGenerateSuccessMessage(answers) {
   const { packageManagerName } = getPackageManagerFromUserAgent();
   const commands = output.bulletList([
     output.formatCode(`cd ./${directory}`),
-    `${output.formatCode(packageManagerName + " install")} ${styleText(["dim"], "to install frontend dependencies")}`,
-    `${output.formatCode(packageManagerName + " exec playwright install chromium")} ${styleText(["dim"], "to install e2e test dependencies")}`,
-    `${output.formatCode(packageManagerName + " run dev")} ${styleText(["dim"], "to build (and watch) the plugin frontend code")}`,
+    `${output.formatCode(packageManagerName + " install")} ${chalk.dim("to install frontend dependencies")}`,
+    `${output.formatCode(packageManagerName + " exec playwright install chromium")} ${chalk.dim("to install e2e test dependencies")}`,
+    `${output.formatCode(packageManagerName + " run dev")} ${chalk.dim("to build (and watch) the plugin frontend code")}`,
     ...answers.hasBackend ? [
-      `${getBackendCmd()} ${styleText(["dim"], "to build the plugin backend code. Rerun this command every time you edit your backend files")}`
+      `${getBackendCmd()} ${chalk.dim("to build the plugin backend code. Rerun this command every time you edit your backend files")}`
     ] : [],
-    `${output.formatCode("docker compose up")} ${styleText(["dim"], "to start a grafana development server")}`,
-    `Open ${output.formatUrl("http://localhost:3000")} ${styleText(["dim"], "in your browser to begin developing your plugin")}`
+    `${output.formatCode("docker compose up")} ${chalk.dim("to start a grafana development server")}`,
+    `Open ${output.formatUrl("http://localhost:3000")} ${chalk.dim("in your browser to begin developing your plugin")}`
   ]);
   output.log({
     title: "Next steps:",
@@ -24,8 +24,7 @@ function printGenerateSuccessMessage(answers) {
       "Run the following commands to get started:",
       ...commands,
       "",
-      styleText(
-        ["italic"],
+      chalk.italic(
         `Note: We strongly recommend creating a new Git repository by running ${output.formatCode("git init")} in ./${directory} before continuing.`
       ),
       "",

package/dist/commands/generate.command.js

@@ -1,4 +1,4 @@
-import { styleText } from 'node:util';
+import chalk from 'chalk';
 import { glob } from 'glob';
 import { readdir, mkdir, writeFile } from 'node:fs/promises';
 import path from 'node:path';
@@ -22,7 +22,7 @@ const generate = async (argv) => {
   if (exportPathIsPopulated && !IS_DEV) {
     output.error({
       title: "Aborting plugin scaffold.",
-      body: [`Directory ${styleText(["bold"], exportPath)} exists and contains files.`]
+      body: [`Directory ${chalk.bold(exportPath)} exists and contains files.`]
     });
     process.exit(1);
   }
@@ -148,7 +148,7 @@ async function execPostScaffoldFunction(fn, ...args) {
   try {
     const resultMsg = await fn.apply(void 0, args);
     if (resultMsg) {
-      console.log(`${styleText(["green"], "\u2714\uFE0E")} ${resultMsg}`);
+      console.log(`${chalk.green("\u2714\uFE0E")} ${resultMsg}`);
     }
   } catch (error) {
     if (error instanceof Error) {

package/dist/commands/migrate.command.js

@@ -4,7 +4,7 @@ import { getTemplateData, compileTemplateFiles } from '../utils/utils.templates.
 import { getExportTemplateName, getOnlyNotExistingInCwd, getOnlyExistingInCwd, removeFilesInCwd } from '../utils/utils.files.js';
 import { hasNpmDependenciesToUpdate, getPackageJsonUpdatesAsText, updatePackageJson, getRemovableNpmDependencies, removeNpmDependencies, updateNpmScripts, writePackageManagerInPackageJson, cleanUpPackageJson } from '../utils/utils.npm.js';
 import { getPackageManagerWithFallback } from '../utils/utils.packageManager.js';
-import { styleText } from 'node:util';
+import chalk from 'chalk';
 
 const migrate = async () => {
   try {
@@ -91,7 +91,7 @@ const migrate = async () => {
     output.success({
       title: "Migration completed successfully.",
       body: [
-        styleText(["bold"], "What's next?"),
+        chalk.bold("What's next?"),
         ...nextSteps,
         "See instructions on how to customize your configuration here: https://grafana.com/developers/plugin-tools/how-to-guides/extend-configurations"
       ]

package/dist/libs/output/src/index.js

@@ -1,9 +1,16 @@
-import { styleText } from 'node:util';
+import chalk from 'chalk';
 import { EOL } from 'os';
 
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+function isCI() {
+  return process.env.CI && process.env.CI !== "false" || // Drone CI plus others
+  process.env.GITHUB_ACTIONS === "true";
+}
+if (isCI()) {
+  chalk.level = 0;
+}
 class Output {
   constructor(name, version) {
     __publicField(this, "appName");
@@ -22,7 +29,7 @@ class Output {
     return separator;
   }
   addHorizontalLine(color) {
-    const separator = styleText(["dim", color], this.separator);
+    const separator = chalk.dim[color](this.separator);
     this.write(`${separator}${EOL}`);
   }
   addNewLine() {
@@ -38,19 +45,19 @@ class Output {
   getStatusIcon(taskStatus) {
     switch (taskStatus) {
       case "success":
-        return styleText(["green"], "\u2713");
+        return chalk.green("\u2713");
       case "failure":
-        return styleText(["red"], "\u2A2F");
+        return chalk.red("\u2A2F");
       case "skipped":
-        return styleText(["yellow"], "\u2212");
+        return chalk.yellow("\u2212");
     }
   }
   addPrefix(color, text) {
-    const namePrefix = styleText(["reset", "inverse", "bold", color], ` ${this.appName} `);
+    const namePrefix = chalk.reset.inverse.bold[color](` ${this.appName} `);
     if (!this.appVersion) {
       return `${namePrefix} ${text}`;
     }
-    const nameAndVersionPrefix = styleText(["reset", "inverse", "bold", color], ` ${this.appName}@${this.appVersion} `);
+    const nameAndVersionPrefix = chalk.reset.inverse.bold[color](` ${this.appName}@${this.appVersion} `);
     return `${nameAndVersionPrefix} ${text}`;
   }
   writeBody(body) {
@@ -69,12 +76,12 @@ class Output {
     withPrefix = true
   }) {
     this.addNewLine();
-    this.writeTitle("red", styleText(["red", "bold"], title), withPrefix);
+    this.writeTitle("red", chalk.red.bold(title), withPrefix);
     this.writeBody(body);
     if (link) {
       this.addNewLine();
-      this.write(`${styleText(["gray"], "Learn more about this error: ")}
-  ${styleText(["cyan"], link)}`);
+      this.write(`${chalk.gray("Learn more about this error: ")}
+  ${chalk.cyan(link)}`);
     }
     this.addNewLine();
   }
@@ -85,24 +92,24 @@ class Output {
     withPrefix = true
   }) {
     this.addNewLine();
-    this.writeTitle("yellow", styleText(["yellow", "bold"], title), withPrefix);
+    this.writeTitle("yellow", chalk.yellow.bold(title), withPrefix);
     this.writeBody(body);
     if (link) {
       this.addNewLine();
-      this.write(`${styleText(["gray"], "Learn more about this warning: ")}
+      this.write(`${chalk.gray("Learn more about this warning: ")}
   ${this.formatUrl(link)}`);
     }
     this.addNewLine();
   }
   success({ title, body, withPrefix = true }) {
     this.addNewLine();
-    this.writeTitle("green", styleText(["green", "bold"], title), withPrefix);
+    this.writeTitle("green", chalk.green.bold(title), withPrefix);
     this.writeBody(body);
     this.addNewLine();
   }
   log({ title, body, withPrefix = true }) {
     this.addNewLine();
-    this.writeTitle("cyan", styleText(["cyan", "bold"], title), withPrefix);
+    this.writeTitle("cyan", chalk.cyan.bold(title), withPrefix);
     this.writeBody(body);
     this.addNewLine();
   }
@@ -117,10 +124,10 @@ class Output {
     });
   }
   formatCode(code) {
-    return styleText(["italic", "cyan"], code);
+    return chalk.italic.cyan(code);
   }
   formatUrl(url) {
-    return styleText(["reset", "blue", "underline"], url);
+    return chalk.reset.blue.underline(url);
   }
   statusList(status, list) {
     return list.map((item) => {

package/dist/utils/utils.console.js

@@ -1,4 +1,4 @@
-import { styleText } from 'node:util';
+import chalk from 'chalk';
 import Enquirer from 'enquirer';
 import { Output } from '../libs/output/src/index.js';
 import { CURRENT_APP_VERSION } from './utils.version.js';
@@ -12,7 +12,7 @@ async function confirmPrompt(message) {
   const question = await prompt({
     name: "confirmPrompt",
     type: "confirm",
-    message: styleText(["bold"], message)
+    message: chalk.bold(message)
   });
   return question["confirmPrompt"];
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grafana/create-plugin",
-  "version": "6.4.5-canary.2349.20276304868.0",
+  "version": "6.4.5-canary.2350.20292287699.0",
   "repository": {
     "directory": "packages/create-plugin",
     "url": "https://github.com/grafana/plugin-tools"
@@ -27,6 +27,7 @@
   "dependencies": {
     "@babel/parser": "^7.28.5",
     "@ivanmaxlogiudice/gitignore": "^0.0.2",
+    "chalk": "^5.3.0",
     "change-case": "^5.4.0",
     "debug": "^4.3.4",
     "enquirer": "^2.4.1",
@@ -43,7 +44,7 @@
     "yaml": "^2.7.0"
   },
   "devDependencies": {
-    "@libs/output": "1.0.3-canary.2349.20276304868.0",
+    "@libs/output": "^1.0.2",
     "@libs/version": "^1.0.2",
     "@types/glob": "^9.0.0",
     "@types/minimist": "^1.2.5",
@@ -55,5 +56,5 @@
   "engines": {
     "node": ">=20"
   },
-  "gitHead": "cd9ed6bc420dcc839939f055239bfc4fecbf0dde"
+  "gitHead": "f6e2eff60123827f33edfe0c9b3deac60a704444"
 }

package/src/codemods/utils.ts

@@ -2,7 +2,7 @@ import { dirname, join } from 'node:path';
 import { createRequire } from 'node:module';
 import { Context } from './context.js';
 import { mkdirSync, rmSync, writeFileSync } from 'node:fs';
-import { styleText } from 'node:util';
+import chalk from 'chalk';
 import { output } from '../utils/utils.console.js';
 import { getPackageManagerSilentInstallCmd, getPackageManagerWithFallback } from '../utils/utils.packageManager.js';
 import { execSync } from 'node:child_process';
@@ -15,11 +15,11 @@ export function printChanges(context: Context, key: string, description: string)
 
   for (const [filePath, { changeType }] of Object.entries(changes)) {
     if (changeType === 'add') {
-      lines.push(`${styleText(['green'], 'ADD')} ${filePath}`);
+      lines.push(`${chalk.green('ADD')} ${filePath}`);
     } else if (changeType === 'update') {
-      lines.push(`${styleText(['yellow'], 'UPDATE')} ${filePath}`);
+      lines.push(`${chalk.yellow('UPDATE')} ${filePath}`);
     } else if (changeType === 'delete') {
-      lines.push(`${styleText(['red'], 'DELETE')} ${filePath}`);
+      lines.push(`${chalk.red('DELETE')} ${filePath}`);
     }
   }
 

package/src/commands/generate/print-success-message.ts

@@ -1,5 +1,5 @@
 import { machine } from 'node:os';
-import { styleText } from 'node:util';
+import chalk from 'chalk';
 import { TemplateData } from '../../types.js';
 import { output } from '../../utils/utils.console.js';
 import { normalizeId } from '../../utils/utils.handlebars.js';
@@ -11,16 +11,16 @@ export function printGenerateSuccessMessage(answers: TemplateData) {
 
   const commands = output.bulletList([
     output.formatCode(`cd ./${directory}`),
-    `${output.formatCode(packageManagerName + ' install')} ${styleText(['dim'], 'to install frontend dependencies')}`,
-    `${output.formatCode(packageManagerName + ' exec playwright install chromium')} ${styleText(['dim'], 'to install e2e test dependencies')}`,
-    `${output.formatCode(packageManagerName + ' run dev')} ${styleText(['dim'], 'to build (and watch) the plugin frontend code')}`,
+    `${output.formatCode(packageManagerName + ' install')} ${chalk.dim('to install frontend dependencies')}`,
+    `${output.formatCode(packageManagerName + ' exec playwright install chromium')} ${chalk.dim('to install e2e test dependencies')}`,
+    `${output.formatCode(packageManagerName + ' run dev')} ${chalk.dim('to build (and watch) the plugin frontend code')}`,
     ...(answers.hasBackend
       ? [
-          `${getBackendCmd()} ${styleText(['dim'], 'to build the plugin backend code. Rerun this command every time you edit your backend files')}`,
+          `${getBackendCmd()} ${chalk.dim('to build the plugin backend code. Rerun this command every time you edit your backend files')}`,
         ]
       : []),
-    `${output.formatCode('docker compose up')} ${styleText(['dim'], 'to start a grafana development server')}`,
-    `Open ${output.formatUrl('http://localhost:3000')} ${styleText(['dim'], 'in your browser to begin developing your plugin')}`,
+    `${output.formatCode('docker compose up')} ${chalk.dim('to start a grafana development server')}`,
+    `Open ${output.formatUrl('http://localhost:3000')} ${chalk.dim('in your browser to begin developing your plugin')}`,
   ]);
 
   output.log({
@@ -29,8 +29,7 @@ export function printGenerateSuccessMessage(answers: TemplateData) {
       'Run the following commands to get started:',
       ...commands,
       '',
-      styleText(
-        ['italic'],
+      chalk.italic(
         `Note: We strongly recommend creating a new Git repository by running ${output.formatCode('git init')} in ./${directory} before continuing.`
       ),
       '',

package/src/commands/generate.command.ts

@@ -1,4 +1,4 @@
-import { styleText } from 'node:util';
+import chalk from 'chalk';
 import { glob } from 'glob';
 import minimist from 'minimist';
 import { mkdir, readdir, writeFile } from 'node:fs/promises';
@@ -26,7 +26,7 @@ export const generate = async (argv: minimist.ParsedArgs) => {
   if (exportPathIsPopulated && !IS_DEV) {
     output.error({
       title: 'Aborting plugin scaffold.',
-      body: [`Directory ${styleText(['bold'], exportPath)} exists and contains files.`],
+      body: [`Directory ${chalk.bold(exportPath)} exists and contains files.`],
     });
     process.exit(1);
   }
@@ -200,7 +200,7 @@ async function execPostScaffoldFunction<T>(fn: AsyncFunction<T>, ...args: Parame
   try {
     const resultMsg = await fn.apply(undefined, args);
     if (resultMsg) {
-      console.log(`${styleText(['green'], '✔︎')} ${resultMsg}`);
+      console.log(`${chalk.green('✔︎')} ${resultMsg}`);
     }
   } catch (error) {
     if (error instanceof Error) {

package/src/commands/migrate.command.ts

@@ -18,7 +18,7 @@ import {
   writePackageManagerInPackageJson,
 } from '../utils/utils.npm.js';
 import { getPackageManagerWithFallback } from '../utils/utils.packageManager.js';
-import { styleText } from 'node:util';
+import chalk from 'chalk';
 
 export const migrate = async () => {
   try {
@@ -161,7 +161,7 @@ export const migrate = async () => {
     output.success({
       title: 'Migration completed successfully.',
       body: [
-        styleText(['bold'], "What's next?"),
+        chalk.bold("What's next?"),
         ...nextSteps,
         'See instructions on how to customize your configuration here: https://grafana.com/developers/plugin-tools/how-to-guides/extend-configurations',
       ],

package/src/utils/utils.console.ts

@@ -1,4 +1,4 @@
-import { styleText } from 'node:util';
+import chalk from 'chalk';
 import Enquirer from 'enquirer';
 import { Output } from '@libs/output';
 import { CURRENT_APP_VERSION } from './utils.version.js';
@@ -14,7 +14,7 @@ export async function confirmPrompt(message: string): Promise<boolean> {
   const question: Record<string, boolean> = await prompt({
     name: 'confirmPrompt',
     type: 'confirm',
-    message: styleText(['bold'], message),
+    message: chalk.bold(message),
   });
 
   return question['confirmPrompt'];
@@ -25,7 +25,7 @@ export async function selectPrompt(message: string, choices: string[]): Promise<
     name: 'selectPrompt',
     type: 'select',
     choices,
-    message: styleText(['bold'], message),
+    message: chalk.bold(message),
   });
 
   return question['selectPrompt'];