chrome-devtools-frontend 1.0.1506453 → 1.0.1510180

package/scripts/reformat-clang-js-ts.js

@@ -1,71 +0,0 @@
-// Copyright 2022 The Chromium Authors. All rights reserved.
-// Use of this source code is governed by a BSD-style license that can be
-// found in the LICENSE file.
-
-/**
- * Run this script to re-format all .js and .ts files found
- * node scripts/reformat-clang-js-ts.js --directory=front_end
- * The script starts in the given directory and recursively finds all `.js` and `.ts` files to reformat.
- * Any `.clang-format` with `DisableFormat: true` is respected; those
- * directories will not be used.
- **/
-
-const childProcess = require('child_process');
-const fs = require('fs');
-const path = require('path');
-const yargs = require('yargs');
-const {hideBin} = require('yargs/helpers');
-const argv = yargs(hideBin(process.argv))
-                 .option('dry-run', {
-                   type: 'boolean',
-                   default: false,
-                   desc: 'Logs which files will be formatted, but doesn\'t write to disk',
-                 })
-                 .option('directory', {
-                   type: 'string',
-                   demandOption: true,
-                   desc: 'The starting directory to run in.',
-                 })
-                 .strict()
-                 .parseSync();
-
-const startingDirectory = path.join(process.cwd(), argv.directory);
-
-const filesToFormat = [];
-function processDirectory(dir) {
-  const contents = fs.readdirSync(dir);
-
-  if (contents.includes('.clang-format')) {
-    const clangFormatConfig = fs.readFileSync(
-        path.join(dir, '.clang-format'),
-        'utf8',
-    );
-    if (clangFormatConfig.includes('DisableFormat: true')) {
-      return;
-    }
-  }
-  for (const item of contents) {
-    const fullPath = path.join(dir, item);
-    if (fs.lstatSync(fullPath).isDirectory()) {
-      processDirectory(fullPath);
-    } else if (['.ts', '.js'].includes(path.extname(fullPath))) {
-      filesToFormat.push(fullPath);
-    }
-  }
-}
-
-processDirectory(startingDirectory);
-filesToFormat.forEach((file, index) => {
-  console.log(
-      `Formatting ${index + 1}/${filesToFormat.length}`,
-      path.relative(process.cwd(), file),
-  );
-
-  if (argv.dryRun) {
-    return;
-  }
-  const out = String(childProcess.execSync(`clang-format -i ${file}`));
-  if (out.trim() !== '') {
-    console.log(out);
-  }
-});

package/scripts/run_build.mjs

@@ -1,128 +0,0 @@
-// Copyright 2025 The Chromium Authors. All rights reserved.
-// Use of this source code is governed by a BSD-style license that can be
-// found in the LICENSE file.
-
-import fs from 'node:fs';
-import path from 'node:path';
-import ora from 'ora';
-import yargs from 'yargs';
-import {hideBin} from 'yargs/helpers';
-
-import {build, prepareBuild} from './devtools_build.mjs';
-
-const argv = yargs(hideBin(process.argv))
-                 .option('target', {
-                   alias: 't',
-                   type: 'string',
-                   default: 'Default',
-                   description: 'Specify the target build subdirectory under //out',
-                 })
-                 .option('skip-initial-build', {
-                   type: 'boolean',
-                   default: false,
-                   description: 'Skip the initial build (use with --watch)',
-                   implies: 'watch',
-                 })
-                 .option('watch', {
-                   alias: 'w',
-                   type: 'boolean',
-                   default: false,
-                   description: 'Monitor for changes and automatically rebuild',
-                 })
-                 .usage('npm run build -- [options]')
-                 .help('help')
-                 .version(false)
-                 .parseSync();
-
-const {target, watch, skipInitialBuild} = argv;
-const timeFormatter = new Intl.NumberFormat('en-US', {
-  style: 'unit',
-  unit: 'second',
-  unitDisplay: 'narrow',
-  maximumFractionDigits: 2,
-});
-
-// Prepare the build target if not initialized.
-const spinner = ora('Preparing…').start();
-try {
-  const gnArgs = await prepareBuild(target);
-  if (watch) {
-    if (gnArgs.get('devtools_bundle') !== 'false') {
-      spinner.info(
-          'Using watch mode with full rebuilds. Use `gn gen out/' + target +
-          ' --args="devtools_bundle=false"` to enable fast rebuilds.');
-    } else {
-      spinner.warn(
-          'Using watch mode with fast rebuilds (since `devtools_bundle=false`' +
-          ' for //out/' + target + '). Be aware that fast rebuilds are a best' +
-          ' effort and might not work reliably in all cases.');
-    }
-  }
-  spinner.clear();
-} catch (error) {
-  spinner.fail(error.message);
-  process.exit(1);
-}
-
-// Perform an initial build (unless we should skip).
-if (!skipInitialBuild) {
-  spinner.start('Building…');
-  try {
-    const {time} = await build(target);
-    spinner.succeed(`Build ready (${timeFormatter.format(time)})`);
-  } catch (error) {
-    spinner.fail(error.message);
-    process.exit(1);
-  }
-}
-
-spinner.stop();
-
-if (watch) {
-  let timeoutId = -1;
-  let buildPromise = Promise.resolve();
-  let abortController = new AbortController();
-  const changes = new Set();
-
-  function watchCallback(eventType, filename) {
-    if (eventType !== 'change' && eventType !== 'rename') {
-      return;
-    }
-    if (!/^(BUILD\.gn)|(.*\.(css|js|ts))$/.test(filename)) {
-      return;
-    }
-    changes.add(filename);
-    clearTimeout(timeoutId);
-    timeoutId = setTimeout(watchRebuild, 250);
-  }
-
-  function watchRebuild() {
-    // Abort any currently running build.
-    abortController.abort();
-    abortController = new AbortController();
-    const {signal} = abortController;
-    const filenames = [...changes];
-    changes.clear();
-
-    buildPromise = buildPromise.then(async () => {
-      try {
-        spinner.start('Rebuilding...');
-        const {time} = await build(target, signal, filenames);
-        spinner.succeed(`Rebuild successfully (${timeFormatter.format(time)})`);
-      } catch (error) {
-        if (error.name !== 'AbortError') {
-          spinner.fail(error.message);
-        }
-      }
-    });
-  }
-
-  const WATCHLIST = ['front_end', 'test'];
-  for (const dirname of WATCHLIST) {
-    fs.watch(
-        dirname,
-        {recursive: true},
-        (eventType, filename) => watchCallback(eventType, path.join(dirname, filename)),
-    );
-  }
-}

package/scripts/run_on_target.mjs

@@ -1,88 +0,0 @@
-// Copyright 2024 The Chromium Authors. All rights reserved.
-// Use of this source code is governed by a BSD-style license that can be
-// found in the LICENSE file.
-
-import * as childProcess from 'child_process';
-import * as fs from 'fs';
-import * as path from 'path';
-import yargs from 'yargs';
-import unparse from 'yargs-unparser';
-
-const argv = yargs(process.argv.slice(2))
-  .parserConfiguration({
-    'strip-aliased': true,
-  })
-  .command('$0 [script]')
-  .option('target', { alias: 't', type: 'string', default: 'Default' })
-  .help(false)
-  .version(false)
-  .parseSync();
-
-const target = argv.target;
-let script = argv.script;
-
-delete argv.target;
-delete argv.script;
-
-let sourceRoot = path.dirname(path.dirname(path.resolve(argv['$0'])));
-
-// Ensure that we can find the node_modules folder even if the out folder is
-// not a sibling of the node_modules folder.
-const env = process.env;
-env.NODE_PATH = path.join(sourceRoot, 'node_modules');
-
-let cwd = path.join(sourceRoot, 'out', target);
-
-if (!fs.existsSync(cwd)) {
-  // Check if we are in a Chromium checkout and look for the out folder there.
-  const maybeChromiumRoot = path.dirname(
-    path.dirname(path.dirname(sourceRoot)),
-  );
-  if (
-    sourceRoot ===
-    path.join(maybeChromiumRoot, 'third_party', 'devtools-frontend', 'src')
-  ) {
-    sourceRoot = maybeChromiumRoot;
-    cwd = path.join(sourceRoot, 'out', target);
-    const pathParts = script.split(path.sep);
-    if (pathParts[0] === 'gen') {
-      pathParts.shift();
-      pathParts.unshift('gen', 'third_party', 'devtools-frontend', 'src');
-      script = pathParts.join(path.sep);
-    }
-  }
-}
-
-if (
-  !fs.existsSync(cwd) ||
-  !fs.statSync(cwd).isDirectory() ||
-  !fs.existsSync(path.join(cwd, 'build.ninja'))
-) {
-  console.error(
-    `Target path ${cwd} does not exist or is not a directory. Please run 'gn gen out/${target}' first.`,
-  );
-  process.exit(1);
-}
-const scriptPath = path.resolve(cwd, script);
-if (!fs.existsSync(scriptPath)) {
-  console.error(`Script path ${scriptPath} does not exist, trying ninja...`);
-  const { error, status } = childProcess.spawnSync(
-    'autoninja',
-    ['-C', cwd, script],
-    { stdio: 'inherit', cwd: sourceRoot },
-  );
-  if (error) {
-    throw error;
-  }
-  if (status) {
-    process.exit(status);
-  }
-}
-
-const { argv0 } = process;
-const { status } = childProcess.spawnSync(
-  argv0,
-  [scriptPath, ...unparse(argv)],
-  { stdio: 'inherit', env },
-);
-process.exit(status);

package/scripts/run_start.mjs

@@ -1,236 +0,0 @@
-// Copyright 2025 The Chromium Authors. All rights reserved.
-// Use of this source code is governed by a BSD-style license that can be
-// found in the LICENSE file.
-
-import {computeSystemExecutablePath} from '@puppeteer/browsers';
-import childProcess from 'node:child_process';
-import path from 'node:path';
-import yargs from 'yargs';
-import {hideBin} from 'yargs/helpers';
-
-import {FeatureSet} from './devtools_build.mjs';
-import {
-  downloadedChromeBinaryPath,
-  isInChromiumDirectory,
-  rootPath,
-} from './devtools_paths.js';
-
-// The default feature set.
-const DEFAULT_FEATURE_SET = new FeatureSet();
-process.platform === 'darwin' && DEFAULT_FEATURE_SET.disable('MediaRouter');
-DEFAULT_FEATURE_SET.enable('DevToolsGlobalAiButton', { promotion_enabled: true });
-DEFAULT_FEATURE_SET.enable('DevToolsAiCodeCompletion');
-DEFAULT_FEATURE_SET.enable('DevToolsAiAssistancePerformanceAgent', {insights_enabled: true});
-DEFAULT_FEATURE_SET.enable('DevToolsAiGeneratedTimelineLabels');
-DEFAULT_FEATURE_SET.enable('DevToolsCssValueTracing');
-DEFAULT_FEATURE_SET.enable('DevToolsFreestyler', {
-  user_tier: 'TESTERS',
-  function_calling: true,
-});
-DEFAULT_FEATURE_SET.enable('DevToolsWellKnown');
-
-// The unstable feature set (can be enabled via `--enable-unstable-features`).
-const UNSTABLE_FEATURE_SET = new FeatureSet();
-
-const argv = yargs(hideBin(process.argv))
-                 .option('browser', {
-                   type: 'string',
-                   // CfT is not downloaded in Chromium checkout
-                   default: isInChromiumDirectory().isInChromium ? 'canary' : 'cft',
-                   description: 'Launch in specified Chrome channel, CfT or a custom binary',
-                   coerce(arg) {
-                     if (arg.includes(path.sep) || arg.includes(path.posix.sep) ||
-                         ['cft', 'stable', 'beta', 'dev', 'canary'].includes(arg)) {
-                       return arg;
-                     }
-
-                     throw new Error(`Unsupported channel "${arg}"`);
-                   },
-                 })
-                 .option('unstable-features', {
-                   alias: 'u',
-                   type: 'boolean',
-                   default: false,
-                   description: 'Enable potentially unstable features',
-                 })
-                 .option('enable-features', {
-                   type: 'string',
-                   default: '',
-                   description: 'Enable specific features (just like with Chrome)',
-                 })
-                 .option('disable-features', {
-                   type: 'string',
-                   default: '',
-                   description: 'Disable specific features (just like with Chrome)',
-                 })
-                 .option('open', {
-                   type: 'boolean',
-                   default: true,
-                   description: 'Automatically open DevTools for new tabs',
-                 })
-                 .option('remote-debugging-port', {
-                   type: 'number',
-                   description: 'Launch Chrome with the remote debugging port',
-                 })
-                 .option('target', {
-                   alias: 't',
-                   type: 'string',
-                   default: 'Default',
-                   description: 'Specify the target build subdirectory under //out',
-                 })
-                 .option('user-data-dir', {
-                   type: 'string',
-                   description: 'Launch Chrome with the given profile directory',
-                 })
-                 .option('verbose', {
-                   type: 'boolean',
-                   default: false,
-                   description: 'Enable verbose logging',
-                 })
-                 .group(['unstable-features', 'enable-features', 'disable-features'], 'Feature options:')
-                 .usage('npm start -- [options] [urls...]')
-                 .help('help')
-                 .version(false)
-                 .parseSync();
-
-const {
-  browser,
-  disableFeatures,
-  enableFeatures,
-  unstableFeatures,
-  open,
-  remoteDebuggingPort,
-  target,
-  userDataDir,
-  verbose,
-} = argv;
-const cwd = process.cwd();
-const {env} = process;
-const runBuildPath = path.join(import.meta.dirname, 'run_build.mjs');
-
-function findBrowserBinary() {
-  if (browser === 'cft') {
-    const binary = downloadedChromeBinaryPath();
-    if (verbose) {
-      console.debug('Located Chrome for Testing binary at %s.', binary);
-    }
-    return binary;
-  }
-
-  if (['stable', 'beta', 'dev', 'canary'].includes(browser)) {
-    const binary = computeSystemExecutablePath({
-      browser: 'chrome',
-      channel: browser,
-    });
-
-    if (verbose) {
-      console.debug(`Located Chrome ${browser} binary at ${binary}.`);
-    }
-    return binary;
-  }
-
-  if (verbose) {
-    console.debug(`Launching custom binary at ${browser}.`);
-  }
-  return browser;
-}
-
-// The `--remote-debugging-port` command line flag only has an effect in Chrome
-// nowadays when used with a non-default data directory, so we fail if the user
-// didn't also specify the `--user-data-dir` command line flag. In Chrome for
-// Testing the remote debugging port still works with the default profile.
-if (remoteDebuggingPort && browser !== 'cft' && !userDataDir) {
-  console.error(
-      'The `--remote-debugging-port` command line switch must be accompanied by the `--user-data-dir` switch\n' +
-      'to point to a non-standard directory. See https://developer.chrome.com/blog/remote-debugging-port for\n' +
-      'more information.\n');
-  process.exit(1);
-}
-
-// Perform the initial build.
-const {status} = childProcess.spawnSync(process.argv[0], [runBuildPath, `--target=${target}`], {
-  cwd,
-  env,
-  stdio: 'inherit',
-});
-if (status !== 0) {
-  process.exit(1);
-}
-
-// Launch Chrome with our custom DevTools front-end.
-function start() {
-  const binary = findBrowserBinary();
-  /**
-   * @type {string[]}
-   */
-  const args = [];
-
-  // Disable first run experience.
-  args.push('--no-first-run');
-
-  // Custom flags for CfT.
-  if (browser === 'cft') {
-    args.push('--disable-infobars');
-  }
-
-  // Custom flags for macOS.
-  if (process.platform === 'darwin') {
-    args.push('--use-mock-keychain');
-  }
-
-  // Disable/Enable features.
-  const featureSet = new FeatureSet();
-  featureSet.merge(DEFAULT_FEATURE_SET);
-  if (unstableFeatures) {
-    featureSet.merge(UNSTABLE_FEATURE_SET);
-  }
-  for (const {feature} of FeatureSet.parse(disableFeatures)) {
-    featureSet.disable(feature);
-  }
-  for (const {feature, parameters} of FeatureSet.parse(enableFeatures)) {
-    featureSet.enable(feature, parameters);
-  }
-  args.push(...featureSet);
-
-  // Custom flags for Chrome.
-  if (remoteDebuggingPort) {
-    args.push(`--remote-debugging-port=${remoteDebuggingPort}`);
-  }
-  if (userDataDir) {
-    args.push(`--user-data-dir=${userDataDir}`);
-  }
-
-  // Open with our freshly built DevTools front-end.
-  const genDir = path.join(rootPath(), 'out', target, 'gen');
-  const customDevToolsFrontEndPath = isInChromiumDirectory().isInChromium ?
-      path.join(genDir, 'third_party', 'devtools-frontend', 'src', 'front_end') :
-      path.join(genDir, 'front_end');
-  args.push(`--custom-devtools-frontend=file://${customDevToolsFrontEndPath}`);
-
-  // Chrome flags and URLs.
-  if (open) {
-    args.push('--auto-open-devtools-for-tabs');
-  }
-  const restArg = argv._.filter(arg => typeof arg === 'string');
-  args.push(...restArg);
-
-  // Launch Chrome.
-  if (verbose) {
-    console.debug('Launch Chrome: %s %s', binary, args.join(' '));
-  }
-  childProcess.spawnSync(binary, args, {cwd, env, stdio: verbose ? 'inherit' : 'ignore'});
-}
-
-// Run build watcher in the background to automatically rebuild
-// devtools-frontend whenever there are changes detected.
-const watcher = childProcess.spawn(
-    process.argv[0],
-    [runBuildPath, '--skip-initial-build', `--target=${target}`, '--watch'],
-    {cwd, env, stdio: 'inherit'},
-);
-try {
-  // Launch chrome.
-  start();
-} finally {
-  watcher.kill();
-}

package/scripts/scaffold/README.md

@@ -1,4 +0,0 @@
-# Scaffold script
-
-This directory contains scripts designed to automate the creation of boilerplate code for various components and
-modules with Chrome DevTools.

package/scripts/scaffold/scaffold-widget.js

@@ -1,167 +0,0 @@
-#!/usr/bin/env node
-
-// Copyright 2025 The Chromium Authors. All rights reserved.
-// Use of this source code is governed by a BSD-style license that can be
-// found in the LICENSE file.
-
-const fs = require('fs');
-const path = require('path');
-
-/**
- * Converts a string to camelCase.
- * e.g., "my-component-name" -> "myComponentName"
- * e.g., "MyComponentName" -> "myComponentName"
- * @param str
- * @returns
- */
-function toCamelCase(str) {
-  if (!str) {
-    return '';
-  }
-  // Normalize to handle various inputs (kebab, snake, space, Pascal)
-  const s = str.replace(/[-_.\s]+(.)?/g, (_, c) => (c ? c.toUpperCase() : '')).replace(/^(.)/, m => m.toLowerCase());
-  return s.charAt(0).toLowerCase() + s.substring(1);
-}
-
-/**
- * Converts a string to PascalCase.
- * e.g., "my-component-name" -> "MyComponentName"
- * e.g., "myComponentName" -> "MyComponentName"
- * @param str
- * @returns
- */
-function toPascalCase(str) {
-  if (!str) {
-    return '';
-  }
-  // Normalize to handle various inputs (kebab, snake, space, camel)
-  const s = str.replace(/[-_.\s]+(.)?/g, (_, c) => (c ? c.toUpperCase() : '')).replace(/^(.)/, m => m.toUpperCase());
-  return s.charAt(0).toUpperCase() + s.substring(1);
-}
-
-/**
- * Converts a string to kebab-case.
- * e.g., "MyComponentName" -> "my-component-name"
- * e.g., "myComponentName" -> "my-component-name"
- * @param str
- * @returns
- */
-function toKebabCase(str) {
-  if (!str) {
-    return '';
-  }
-  return str
-      .replace(/([a-z0-9])([A-Z])/g, '$1-$2')  // Add hyphen before capital in camelCase or PascalCase
-      .replace(/[\s_]+/g, '-')                 // Replace spaces and underscores with hyphens
-      .toLowerCase();
-}
-
-// --- Main Script Logic ---
-
-function main() {
-  const args = process.argv.slice(2);
-  if (args.length !== 2) {
-    console.error('Usage: node scaffold-widget.js <path-to-create-component> <ComponentName>');
-    console.error('Example: node scaffold-widget.js front_end/panels/ai_assistance ChatInputWidget');
-    process.exit(1);
-  }
-
-  const componentDestPath = args[0];
-  const componentBaseName = args[1];
-
-  // --- Derive Name Variations ---
-  const pascalCaseName = toPascalCase(componentBaseName);  // e.g., MyNewWidget
-  const camelCaseName = toCamelCase(componentBaseName);    // e.g., myNewWidget
-  const kebabCaseName = toKebabCase(componentBaseName);    // e.g., my-new-widget
-
-  // --- Define Replacements ---
-  const currentYear = new Date().getFullYear().toString();
-  const componentPathAbsolute = path.resolve(componentDestPath);
-  const frontEndPathAbsolute = path.resolve(process.cwd(), 'front_end');
-  const frontEndPathForImports =
-      path.relative(componentPathAbsolute, frontEndPathAbsolute).replace(/\\/g, '/');  // Normalize to forward slashes
-
-  const tsReplacements = {
-    '{{DATE}}': currentYear,
-    '{{FRONT_END_PATH_PREFIX}}': frontEndPathForImports,
-    '{{COMPONENT_PATH_PREFIX}}': componentDestPath.replace(/\\/g, '/'),  // Use forward slashes for paths in code
-    '{{COMPONENT_NAME_PASCAL_CASE}}': pascalCaseName,
-    '{{COMPONENT_NAME_CAMEL_CASE}}': camelCaseName,  // Used for style var and import path
-    '{{COMPONENT_NAME_KEBAP_CASE}}': kebabCaseName,
-  };
-
-  const cssReplacements = {
-    '{{DATE}}': currentYear,
-    '{{COMPONENT_NAME_KEBAP_CASE}}': kebabCaseName,
-  };
-
-  // --- Read Template Files ---
-  let tsTemplateContent;
-  let cssTemplateContent;
-
-  try {
-    tsTemplateContent = fs.readFileSync(path.resolve(__dirname, 'templates', 'WidgetTemplate.ts.txt'), 'utf8');
-    cssTemplateContent = fs.readFileSync(path.resolve(__dirname, 'templates', 'WidgetTemplate.css.txt'), 'utf8');
-  } catch (error) {
-    console.error('Error reading template files (WidgetTemplate.ts.txt or WidgetTemplate.css.txt):', error.message);
-    console.error('Make sure these files are in a "templates" subdirectory where the script is run.');
-    process.exit(1);
-  }
-
-  // --- Process Templates ---
-  let processedTsContent = tsTemplateContent;
-  for (const placeholder in tsReplacements) {
-    processedTsContent = processedTsContent.replace(
-        new RegExp(placeholder.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'), 'g'), tsReplacements[placeholder]);
-  }
-
-  let processedCssContent = cssTemplateContent;
-  for (const placeholder in cssReplacements) {
-    processedCssContent = processedCssContent.replace(
-        new RegExp(placeholder.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'), 'g'), cssReplacements[placeholder]);
-  }
-
-  // --- Write Output Files ---
-  const outputTsFilename = `${pascalCaseName}.ts`;
-  const outputCssFilename = `${camelCaseName}.css`;
-
-  const outputTsFilePath = path.join(componentDestPath, outputTsFilename);
-  const outputCssFilePath = path.join(componentDestPath, outputCssFilename);
-
-  try {
-    // Ensure the destination directory exists
-    fs.mkdirSync(componentDestPath, {recursive: true});
-
-    // Write the processed TypeScript file
-    fs.writeFileSync(outputTsFilePath, processedTsContent);
-    console.log(`Successfully created: ${outputTsFilePath}`);
-
-    // Write the processed CSS file
-    fs.writeFileSync(outputCssFilePath, processedCssContent);
-    console.log(`Successfully created: ${outputCssFilePath}\n`);
-
-    // --- Post-creation instructions ---
-    // Paths for build system (relative, forward slashes)
-    const grdTsPath = path.join(componentDestPath, `${pascalCaseName}.js`).replace(/\\/g, '/');
-    const grdCssPath = path.join(componentDestPath, `${camelCaseName}.css.js`).replace(/\\/g, '/');
-    console.log('1. Update \'grd_files_unbundled_sources\' in \'devtools_grd_files.gni\':');
-    console.log('   Add the following generated JavaScript files:');
-    console.log(`     "${grdTsPath}",`);
-    console.log(`     "${grdCssPath}",`);
-    console.log('   (Note: The .ts file becomes .js, and .css becomes .css.js in GRD entries)');
-
-    console.log('\n2. Update \'devtools_module("<module-name>")\' in the relevant \'BUILD.gn\' file:');
-    console.log('   Add the source TypeScript file to the \'sources\' list:');
-    console.log(`     "${outputTsFilename}",`);
-
-    console.log('\n3. Update \'generate_css("css_files")\' in the relevant \'BUILD.gn\' file:');
-    console.log('   Add the source CSS file to the \'sources\' list:');
-    console.log(`     "${outputCssFilename}",`);
-
-  } catch (error) {
-    console.error(`Error writing output files to ${componentDestPath}:`, error.message);
-    process.exit(1);
-  }
-}
-
-main();