extension-develop 4.0.21 → 4.0.22-canary.1785348713.017c274a

package/dist/839.mjs

@@ -2,10 +2,10 @@ import { createRequire as __extjsCreateRequire } from "node:module"; const requi
 import { createRequire } from "node:module";
 import { execFileSync, spawn, spawnSync as external_node_child_process_spawnSync } from "node:child_process";
 import { buildExecEnv, detectPackageManagerFromLockfile } from "prefers-yarn";
-import pintor from "pintor";
+import "pintor";
 import { EventEmitter } from "node:events";
 import { browserRowValue, isDebug, CODES, ENVELOPE, prefix as messaging_prefix, claimCardKey, card } from "./349.mjs";
-import { package_namespaceObject, buildWarningsDetails, sanitize, getDirs, projectInstallFallbackToNpm, assertNoManagedDependencyConflicts, debugDirs, browserLaunchFailed, buildSuccess, extensionLoadRecovered, writingTypeDefinitionsError, extensionLoadStillRefused, projectInstallScriptsDisabled, authorInstallNotice, getSpecialFoldersDataForProjectRoot, buildSuccessWithWarnings, loadCommandConfig, needsInstall, buildCommandFailed, writingTypeDefinitions, buildWebpack, normalizeBrowser, debugBrowser, debugOutputPath, loadCustomConfig, devCommandFailed, getProjectStructure, getDistPath, resolveCompanionExtensionsConfig, loadBrowserConfig } from "./101.mjs";
+import { package_namespaceObject, buildWarningsDetails, sanitize, buildFailed, getDirs, zipArtifactReady, projectInstallFallbackToNpm, assertNoManagedDependencyConflicts, debugDirs, browserLaunchFailed, extensionLoadRecovered, extensionLoadStillRefused, writingTypeDefinitionsError, projectInstallScriptsDisabled, authorInstallNotice, getSpecialFoldersDataForProjectRoot, buildAssetsTree, loadCommandConfig, needsInstall, buildCommandFailed, writingTypeDefinitions, buildComplete, normalizeBrowser, debugBrowser, debugOutputPath, loadCustomConfig, devCommandFailed, getProjectStructure, getDistPath, resolveCompanionExtensionsConfig, loadBrowserConfig } from "./101.mjs";
 import { stripBom, parseJsonSafe } from "./23.mjs";
 import { hasProjectDependency, findNearestProjectManifestDirSync } from "./80.mjs";
 import { buildSummaryPath, ensureSessionArtifactsIgnoreFile } from "./494.mjs";
@@ -14,6 +14,7 @@ import { fileURLToPath as __rspack_fileURLToPath } from "node:url";
 import { dirname as __rspack_dirname } from "node:path";
 var __rspack_import_meta_dirname__ = __rspack_dirname(__rspack_fileURLToPath(import.meta.url));
 import * as __rspack_external_node_fs_5ea92f0c from "node:fs";
+import * as __rspack_external_node_os_74b4b876 from "node:os";
 import * as __rspack_external_node_path_c5b9b54f from "node:path";
 import * as __rspack_external_node_fs_promises_153e37e0 from "node:fs/promises";
 const MAX_OUTPUT_CHARS = 2000;
@@ -804,7 +805,7 @@ function isUsingIntegration(name) {
     return `integration use=${name}`;
 }
 function creatingTSConfig() {
-    return `${messaging_prefix('info')} Create a default tsconfig.json.`;
+    return `${messaging_prefix('info')} Creating a default tsconfig.json…`;
 }
 function isUsingCustomLoader(loaderPath) {
     return `${messaging_prefix('debug')} loader   custom=${loaderPath}`;
@@ -918,6 +919,32 @@ function writeTsConfig(projectPath) {
         mode: 'development'
     }), null, 2));
 }
+const ARTIFACTS_KEY = '__extensionJsZipArtifacts';
+function recordZipArtifact(carrier, artifact) {
+    if (!carrier || 'object' != typeof carrier) return;
+    const host = carrier;
+    if (!Array.isArray(host[ARTIFACTS_KEY])) host[ARTIFACTS_KEY] = [];
+    host[ARTIFACTS_KEY].push(artifact);
+}
+function getZipArtifacts(carrier) {
+    if (!carrier || 'object' != typeof carrier) return [];
+    const host = carrier;
+    return Array.isArray(host[ARTIFACTS_KEY]) ? host[ARTIFACTS_KEY] : [];
+}
+function collapseHomeDir(value) {
+    const home = __rspack_external_node_os_74b4b876.homedir();
+    if (!home || !value.startsWith(home)) return value;
+    const rest = value.slice(home.length);
+    if ('' === rest) return '~';
+    if (rest.startsWith(__rspack_external_node_path_c5b9b54f.sep) || rest.startsWith('/')) return `~${rest}`;
+    return value;
+}
+function relativeToCwd(target) {
+    const relative = __rspack_external_node_path_c5b9b54f.relative(process.cwd(), target);
+    if (relative && !relative.startsWith('..') && !__rspack_external_node_path_c5b9b54f.isAbsolute(relative)) return relative;
+    return null;
+}
+const reportedBuildFailures = new WeakSet();
 function printBuildCard(manifestPath, browser, distPath) {
     if (!claimCardKey(`${browser}::${__rspack_external_node_path_c5b9b54f.resolve(distPath)}`)) return;
     let extensionLabel = '';
@@ -945,7 +972,7 @@ function printBuildCard(manifestPath, browser, distPath) {
             },
             {
                 label: 'Output',
-                value: distPath
+                value: collapseHomeDir(distPath)
             }
         ]
     }));
@@ -960,7 +987,6 @@ async function extensionBuild(pathOrRemoteUrl, buildOptions) {
     const { manifestDir, packageJsonDir } = getDirs(projectStructure);
     const distPath = getDistPath(packageJsonDir, browser);
     const isAuthor = isDebug();
-    printBuildCard(projectStructure.manifestPath, browser, distPath);
     try {
         await ensureDevelopArtifacts();
         if (buildOptions?.install !== false) await ensureUserProjectDependencies(packageJsonDir);
@@ -969,7 +995,7 @@ async function extensionBuild(pathOrRemoteUrl, buildOptions) {
         const [{ rspack }, { merge }, { handleStatsErrors }, { default: webpackConfig }] = await Promise.all([
             import("@rspack/core"),
             import("webpack-merge"),
-            import("./0~stats-handler.mjs"),
+            import("./0~stats-handler.mjs").then((m)=>m.stats_handler_namespaceObject),
             import("./0~rspack-config.mjs").then((m)=>m.rspack_config_namespaceObject)
         ]);
         const debug = isAuthor;
@@ -1033,12 +1059,29 @@ async function extensionBuild(pathOrRemoteUrl, buildOptions) {
                     return reject(err);
                 }
                 if (!stats || 'function' != typeof stats.hasErrors) return reject(new Error('Build failed: bundler returned invalid stats output (no reliable compilation result).'));
-                if (!buildOptions?.silent && stats) try {
-                    humanLine(buildWebpack(manifestDir, stats, browser));
+                try {
+                    printBuildCard(projectStructure.manifestPath, browser, distPath);
+                    if (!buildOptions?.silent) {
+                        const assetsTree = buildAssetsTree(stats);
+                        if (assetsTree) humanLine(assetsTree);
+                    }
                 } catch  {}
                 if (stats.hasErrors()) {
                     handleStatsErrors(stats);
-                    if (!shouldExitOnError) return reject(new Error('Build failed with errors'));
+                    let errorCount = 1;
+                    try {
+                        const info = stats.toJson({
+                            all: false,
+                            errors: true
+                        });
+                        errorCount = Math.max(1, info?.errors?.length || 1);
+                    } catch  {}
+                    console.error(buildFailed(errorCount));
+                    if (!shouldExitOnError) {
+                        const failure = new Error('Build failed with errors');
+                        reportedBuildFailures.add(failure);
+                        return reject(failure);
+                    }
                     process.exit(1);
                 } else {
                     const info = stats?.toJson({
@@ -1057,10 +1100,15 @@ async function extensionBuild(pathOrRemoteUrl, buildOptions) {
                         __rspack_external_node_fs_5ea92f0c.writeFileSync(summaryFile, JSON.stringify(summary));
                     } catch  {}
                     if (summary.warnings_count > 0) {
-                        humanLine(buildSuccessWithWarnings(summary.warnings_count));
                         const warningDetails = buildWarningsDetails(info?.warnings || []);
-                        if (warningDetails) humanLine(`\n${warningDetails}`);
-                    } else humanLine(buildSuccess());
+                        if (warningDetails) humanLine(warningDetails);
+                    }
+                    const distDisplay = relativeToCwd(distPath) || collapseHomeDir(distPath);
+                    humanLine(buildComplete(browser, distDisplay, summary.total_bytes));
+                    for (const artifact of getZipArtifacts(stats.compilation)){
+                        const zipDisplay = relativeToCwd(artifact.path) || artifact.path;
+                        humanLine(zipArtifactReady(zipDisplay, artifact.size));
+                    }
                     resolve();
                 }
             });
@@ -1086,9 +1134,12 @@ async function extensionBuild(pathOrRemoteUrl, buildOptions) {
         }
         return summary;
     } catch (error) {
-        const isAuthor = isDebug();
-        if (isAuthor) console.error(error);
-        else console.error(buildCommandFailed(error));
+        const alreadyReported = error instanceof Error && reportedBuildFailures.has(error);
+        if (!alreadyReported) {
+            if (isDebug()) console.error(error);
+            else console.error(buildCommandFailed(error));
+            console.error(buildFailed(1));
+        }
         if (!shouldExitOnError) throw error;
         process.exit(1);
     }
@@ -1102,7 +1153,7 @@ function viaBroker(broker, instruction) {
     });
 }
 function formatReloadingLine(label) {
-    return `Reloading ${pintor.brightBlue(label)}…`;
+    return `${messaging_prefix('info')} Reloading ${label}…`;
 }
 async function dispatchReload(instruction, executor) {
     if (!instruction) return;
@@ -1612,4 +1663,4 @@ async function extensionDev(pathOrRemoteUrl, devOptions) {
         process.exit(1);
     }
 }
-export { BuildEmitter, attachLifecycleStream, buildSourceFeatureIndex, classifyReloadFromSources, createChangedSourcesTracker, createLifecycleStream, dispatchReload, ensureTypeScriptConfig, extensionBuild, extensionDev, getUserTypeScriptConfigFile, hasDependency, humanLine, isUsingCustomLoader, isUsingIntegration, isUsingTypeScript, jsFrameworksConfigsDetected, jsFrameworksHmrSummary, jsFrameworksIntegrationsEnabled, readContentScriptCount, resolveDevelopDistFile, resolveDevelopInstallRoot, resolvePackageManager };
+export { BuildEmitter, attachLifecycleStream, buildSourceFeatureIndex, classifyReloadFromSources, createChangedSourcesTracker, createLifecycleStream, dispatchReload, ensureTypeScriptConfig, extensionBuild, extensionDev, getUserTypeScriptConfigFile, hasDependency, humanLine, isUsingCustomLoader, isUsingIntegration, isUsingTypeScript, jsFrameworksConfigsDetected, jsFrameworksHmrSummary, jsFrameworksIntegrationsEnabled, readContentScriptCount, recordZipArtifact, resolveDevelopDistFile, resolveDevelopInstallRoot, resolvePackageManager };

package/dist/845.mjs

@@ -15,56 +15,52 @@ function isUsingIntegration(name) {
 function missingSassDependency() {
     return [
         `${messaging_prefix('error')} Couldn't compile the Sass styles.`,
-        `The ${pintor.brightBlue('"sass"')} package is not installed in your project.`,
-        '',
-        "Add it to your devDependencies, for example:",
-        `  ${pintor.gray('npm install --save-dev sass')}`,
-        `  ${pintor.gray('pnpm add -D sass')}`,
-        '',
-        'Sample package.json:',
-        '  {',
-        '    "devDependencies": {',
-        `      "sass": ${pintor.yellow('"<version>"')}`,
-        '    }',
-        '  }'
+        `The ${pintor.blue('sass')} package isn't installed in your project.`,
+        "Add it to your devDependencies:",
+        `- ${pintor.blue('npm install --save-dev sass')}`,
+        `- ${pintor.blue('pnpm add -D sass')}`
     ].join('\n');
 }
 function postCssPluginNotResolved(pluginName, projectPath) {
     return [
-        `${messaging_prefix('warn')} PostCSS plugin ${pintor.brightBlue(`"${pluginName}"`)} could not be resolved from ${pintor.underline(projectPath)}.`,
+        `${messaging_prefix('warn')} Couldn't resolve the PostCSS plugin ${pintor.blue(pluginName)}.`,
         'The plugin was skipped so the build can continue.',
         'Styles it would generate are missing from the output.',
-        `Install it in your project to re-enable it, for example: ${pintor.gray(`npm install --save-dev ${pluginName}`)}`
+        `${pintor.gray('PATH')} ${pintor.underline(projectPath)}`,
+        `Install it in your project to re-enable it: ${pintor.blue(`npm install --save-dev ${pluginName}`)}`
     ].join('\n');
 }
 function cssParseErrorShippedVerbatim(resourcePath, error) {
     const errObj = error;
     const reason = error && 'object' == typeof error && 'reason' in error ? String(errObj?.reason) : String(errObj?.message || error);
     return [
-        `${messaging_prefix('warn')} Invalid CSS in ${pintor.underline(resourcePath)}.`,
-        `Reason: ${reason}.`,
-        'Browsers skip invalid rules, so the stylesheet was copied as-is instead of failing the build.',
-        'PostCSS/Tailwind processing was NOT applied to this file.',
-        'Fix the CSS to re-enable it.'
+        `${messaging_prefix('warn')} The CSS in this file doesn't parse, so it was copied as-is.`,
+        `${pintor.gray('PATH')} ${pintor.underline(resourcePath)}`,
+        `${pintor.gray('REASON')} ${reason}`,
+        "Browsers skip rules they can't parse, so the build kept going.",
+        "PostCSS and Tailwind processing wasn't applied to this file.",
+        'Fix the CSS to re-enable processing.'
     ].join('\n');
 }
 function preprocessorShippedUncompiled(resourcePath, tool) {
     const pkg = 'sass' === tool ? 'sass' : 'less';
+    const language = 'sass' === tool ? 'Sass/SCSS' : 'Less';
     return [
-        `${messaging_prefix('warn')} ${pintor.underline(resourcePath)} shipped UNCOMPILED.`,
-        `The ${pintor.brightBlue(`"${pkg}"`)} package is not installed in this project.`,
-        `The raw ${'sass' === tool ? 'Sass/SCSS' : 'Less'} source was copied as-is into the output .css, which browsers will treat as broken CSS (unstyled surfaces).`,
-        `Install it to compile this file, for example: ${pintor.gray(`npm install --save-dev ${pkg}`)}`
+        `${messaging_prefix('warn')} This ${language} file shipped uncompiled.`,
+        `${pintor.gray('PATH')} ${pintor.underline(resourcePath)}`,
+        `The ${pintor.blue(pkg)} package isn't installed in this project.`,
+        `The raw ${language} source was copied as-is into the output .css.`,
+        "Browsers treat it as broken CSS, so those surfaces render unstyled.",
+        `Install it to compile this file: ${pintor.blue(`npm install --save-dev ${pkg}`)}`
     ].join('\n');
 }
 function deadCssUrlRef(issuerPath, request) {
     return [
-        `Missing file in ${pintor.underline(issuerPath)}.`,
-        `The ${pintor.yellow(`url(${request})`)} reference points to a file that exists nowhere in the project.`,
-        "Chrome applies the rest of the stylesheet and 404s this reference silently, so it is likely dead code.",
-        `Set ${pintor.yellow('EXTENSION_STRICT_REFS=true')} to make this a build error.`,
-        '',
-        `${pintor.red('NOT FOUND')} ${pintor.underline(request)}`
+        `A ${pintor.blue(`url(${request})`)} reference points to a file that exists nowhere in the project.`,
+        `${pintor.gray('PATH')} ${pintor.underline(issuerPath)}`,
+        `${pintor.gray('NOT FOUND')} ${pintor.underline(request)}`,
+        "Chrome applies the rest of the stylesheet and 404s this reference silently, so it's likely dead code.",
+        `Set ${pintor.blue('EXTENSION_STRICT_REFS=true')} to make this a build error.`
     ].join('\n');
 }
 export { cssConfigsDetected, cssIntegrationsEnabled, cssParseErrorShippedVerbatim, deadCssUrlRef, isUsingIntegration, missingSassDependency, postCssPluginNotResolved, preprocessorShippedUncompiled };

package/dist/dev-server/compiler-hooks.d.ts

@@ -5,5 +5,6 @@ export declare function setupNoBrowserBannerOnFirstDone(opts: {
     browser: string;
     manifestPath: string;
     readyPath: string;
+    distPath?: string;
 }): void;
 export declare function setupCompilerDoneDiagnostics(compiler: Compiler, port?: number): void;

package/dist/dev-server/messages.d.ts

@@ -3,7 +3,7 @@ export declare function browserRunnerDisabled(args: {
     browser: string;
     manifestPath: string;
     readyPath: string;
-    browserModeLabel?: string;
+    distPath?: string;
 }): string;
 export declare function portInUse(requestedPort: number, newPort: number): string;
 export declare function extensionJsRunnerError(error: unknown): string;