@docusaurus/core 2.0.0-beta.13 → 2.0.0-beta.15

package/lib/server/translations/translationsExtractor.js

@@ -11,7 +11,7 @@ const tslib_1 = require("tslib");
 const fs_extra_1 = (0, tslib_1.__importDefault)(require("fs-extra"));
 const traverse_1 = (0, tslib_1.__importDefault)(require("@babel/traverse"));
 const generator_1 = (0, tslib_1.__importDefault)(require("@babel/generator"));
-const chalk_1 = (0, tslib_1.__importDefault)(require("chalk"));
+const logger_1 = (0, tslib_1.__importDefault)(require("@docusaurus/logger"));
 const core_1 = require("@babel/core");
 const path_1 = (0, tslib_1.__importDefault)(require("path"));
 const utils_1 = require("@docusaurus/utils");
@@ -23,7 +23,7 @@ const TranslatableSourceCodeExtension = new Set([
     '.ts',
     '.tsx',
     // TODO support md/mdx too? (may be overkill)
-    // need to compile the MDX to JSX first and remove frontmatter
+    // need to compile the MDX to JSX first and remove front matter
     // '.md',
     // '.mdx',
 ]);
@@ -78,7 +78,7 @@ exports.extractSiteSourceCodeTranslations = extractSiteSourceCodeTranslations;
 function logSourceCodeFileTranslationsWarnings(sourceCodeFilesTranslations) {
     sourceCodeFilesTranslations.forEach(({ sourceCodeFilePath, warnings }) => {
         if (warnings.length > 0) {
-            console.warn(`Translation extraction warnings for file path=${sourceCodeFilePath}:\n- ${chalk_1.default.yellow(warnings.join('\n\n- '))}`);
+            logger_1.default.warn `Translation extraction warnings for file path=${sourceCodeFilePath}: ${warnings}`;
         }
     });
 }
@@ -118,111 +118,142 @@ https://github.com/pugjs/babel-walk
 function extractSourceCodeAstTranslations(ast, sourceCodeFilePath) {
     function sourceWarningPart(node) {
         var _a;
-        return `File: ${sourceCodeFilePath} at ${(_a = node.loc) === null || _a === void 0 ? void 0 : _a.start.line} line\nFull code: ${(0, generator_1.default)(node).code}`;
+        return `File: ${sourceCodeFilePath} at line ${(_a = node.loc) === null || _a === void 0 ? void 0 : _a.start.line}
+Full code: ${(0, generator_1.default)(node).code}`;
     }
     const translations = {};
     const warnings = [];
-    // TODO we should check the presence of the correct @docusaurus imports here!
+    let translateComponentName;
+    let translateFunctionName;
+    // First pass: find import declarations of Translate / translate.
+    // If not found, don't process the rest to avoid false positives
     (0, traverse_1.default)(ast, {
-        JSXElement(path) {
-            if (!path
-                .get('openingElement')
-                .get('name')
-                .isJSXIdentifier({ name: 'Translate' })) {
+        ImportDeclaration(path) {
+            if (path.node.importKind === 'type' ||
+                path.get('source').node.value !== '@docusaurus/Translate') {
                 return;
             }
-            function evaluateJSXProp(propName) {
-                const attributePath = path
-                    .get('openingElement.attributes')
-                    .find((attr) => attr.isJSXAttribute() &&
-                    attr
-                        .get('name')
-                        .isJSXIdentifier({ name: propName }));
-                if (attributePath) {
-                    const attributeValue = attributePath.get('value');
-                    const attributeValueEvaluated = attributeValue.isJSXExpressionContainer()
-                        ? attributeValue.get('expression').evaluate()
-                        : attributeValue.evaluate();
-                    if (attributeValueEvaluated.confident &&
-                        typeof attributeValueEvaluated.value === 'string') {
-                        return attributeValueEvaluated.value;
+            const importSpecifiers = path.get('specifiers');
+            const defaultImport = importSpecifiers.find((specifier) => specifier.node.type === 'ImportDefaultSpecifier');
+            const callbackImport = importSpecifiers.find((specifier) => specifier.node.type === 'ImportSpecifier' &&
+                (specifier.get('imported')
+                    .node.name === 'translate' ||
+                    specifier.get('imported')
+                        .node.value === 'translate'));
+            translateComponentName = defaultImport === null || defaultImport === void 0 ? void 0 : defaultImport.get('local').node.name;
+            translateFunctionName = callbackImport === null || callbackImport === void 0 ? void 0 : callbackImport.get('local').node.name;
+        },
+    });
+    (0, traverse_1.default)(ast, {
+        ...(translateComponentName && {
+            JSXElement(path) {
+                if (!path
+                    .get('openingElement')
+                    .get('name')
+                    .isJSXIdentifier({ name: translateComponentName })) {
+                    return;
+                }
+                function evaluateJSXProp(propName) {
+                    const attributePath = path
+                        .get('openingElement.attributes')
+                        .find((attr) => attr.isJSXAttribute() &&
+                        attr
+                            .get('name')
+                            .isJSXIdentifier({ name: propName }));
+                    if (attributePath) {
+                        const attributeValue = attributePath.get('value');
+                        const attributeValueEvaluated = attributeValue.isJSXExpressionContainer()
+                            ? attributeValue.get('expression').evaluate()
+                            : attributeValue.evaluate();
+                        if (attributeValueEvaluated.confident &&
+                            typeof attributeValueEvaluated.value === 'string') {
+                            return attributeValueEvaluated.value;
+                        }
+                        else {
+                            warnings.push(`<Translate> prop=${propName} should be a statically evaluable object.
+Example: <Translate id="optional id" description="optional description">Message</Translate>
+Dynamically constructed values are not allowed, because they prevent translations to be extracted.
+${sourceWarningPart(path.node)}`);
+                        }
+                    }
+                    return undefined;
+                }
+                const id = evaluateJSXProp('id');
+                const description = evaluateJSXProp('description');
+                let message;
+                const childrenPath = path.get('children');
+                // Handle empty content
+                if (!childrenPath.length) {
+                    if (!id) {
+                        warnings.push(`<Translate> without children must have id prop.
+Example: <Translate id="my-id" />
+${sourceWarningPart(path.node)}`);
                     }
                     else {
-                        warnings.push(`<Translate> prop=${propName} should be a statically evaluable object.\nExample: <Translate id="optional.id" description="optional description">Message</Translate>\nDynamically constructed values are not allowed, because they prevent translations to be extracted.\n${sourceWarningPart(path.node)}`);
+                        translations[id] = {
+                            message: message !== null && message !== void 0 ? message : id,
+                            ...(description && { description }),
+                        };
                     }
+                    return;
                 }
-                return undefined;
-            }
-            const id = evaluateJSXProp('id');
-            const description = evaluateJSXProp('description');
-            let message;
-            const childrenPath = path.get('children');
-            // Handle empty content
-            if (!childrenPath.length) {
-                if (!id) {
-                    warnings.push(`
-            <Translate> without children must have id prop.\nExample: <Translate id="my-id" />\n${sourceWarningPart(path.node)}
-          `);
-                }
-                else {
-                    translations[id] = {
-                        message: message !== null && message !== void 0 ? message : id,
-                        ...(description && { description }),
-                    };
-                }
-                return;
-            }
-            // Handle single non-empty content
-            const singleChildren = childrenPath
-                // Remove empty/useless text nodes that might be around our translation!
-                // Makes the translation system more reliable to JSX formatting issues
-                .filter((children) => !(children.isJSXText() &&
-                children.node.value.replace('\n', '').trim() === ''))
-                .pop();
-            const isJSXText = singleChildren && singleChildren.isJSXText();
-            const isJSXExpressionContainer = singleChildren &&
-                singleChildren.isJSXExpressionContainer() &&
-                singleChildren.get('expression').evaluate().confident;
-            if (isJSXText || isJSXExpressionContainer) {
-                message = isJSXText
-                    ? singleChildren.node.value.trim().replace(/\s+/g, ' ')
-                    : singleChildren.get('expression').evaluate().value;
-                translations[id !== null && id !== void 0 ? id : message] = {
-                    message,
-                    ...(description && { description }),
-                };
-            }
-            else {
-                warnings.push(`Translate content could not be extracted. It has to be a static string and use optional but static props, like <Translate id="my-id" description="my-description">text</Translate>.\n${sourceWarningPart(path.node)}`);
-            }
-        },
-        CallExpression(path) {
-            if (!path.get('callee').isIdentifier({ name: 'translate' })) {
-                return;
-            }
-            // console.log('CallExpression', path.node);
-            const args = path.get('arguments');
-            if (args.length === 1 || args.length === 2) {
-                const firstArgPath = args[0];
-                // evaluation allows translate("x" + "y"); to be considered as translate("xy");
-                const firstArgEvaluated = firstArgPath.evaluate();
-                // console.log('firstArgEvaluated', firstArgEvaluated);
-                if (firstArgEvaluated.confident &&
-                    typeof firstArgEvaluated.value === 'object') {
-                    const { message, id, description } = firstArgEvaluated.value;
+                // Handle single non-empty content
+                const singleChildren = childrenPath
+                    // Remove empty/useless text nodes that might be around our translation!
+                    // Makes the translation system more reliable to JSX formatting issues
+                    .filter((children) => !(children.isJSXText() &&
+                    children.node.value.replace('\n', '').trim() === ''))
+                    .pop();
+                const isJSXText = singleChildren && singleChildren.isJSXText();
+                const isJSXExpressionContainer = singleChildren &&
+                    singleChildren.isJSXExpressionContainer() &&
+                    singleChildren.get('expression').evaluate().confident;
+                if (isJSXText || isJSXExpressionContainer) {
+                    message = isJSXText
+                        ? singleChildren.node.value.trim().replace(/\s+/g, ' ')
+                        : singleChildren.get('expression').evaluate().value;
                     translations[id !== null && id !== void 0 ? id : message] = {
-                        message: message !== null && message !== void 0 ? message : id,
+                        message,
                         ...(description && { description }),
                     };
                 }
                 else {
-                    warnings.push(`translate() first arg should be a statically evaluable object.\nExample: translate({message: "text",id: "optional.id",description: "optional description"}\nDynamically constructed values are not allowed, because they prevent translations to be extracted.\n${sourceWarningPart(path.node)}`);
+                    warnings.push(`Translate content could not be extracted. It has to be a static string and use optional but static props, like <Translate id="my-id" description="my-description">text</Translate>.
+${sourceWarningPart(path.node)}`);
                 }
-            }
-            else {
-                warnings.push(`translate() function only takes 1 or 2 args\n${sourceWarningPart(path.node)}`);
-            }
-        },
+            },
+        }),
+        ...(translateFunctionName && {
+            CallExpression(path) {
+                if (!path.get('callee').isIdentifier({ name: translateFunctionName })) {
+                    return;
+                }
+                const args = path.get('arguments');
+                if (args.length === 1 || args.length === 2) {
+                    const firstArgPath = args[0];
+                    // evaluation allows translate("x" + "y"); to be considered as translate("xy");
+                    const firstArgEvaluated = firstArgPath.evaluate();
+                    if (firstArgEvaluated.confident &&
+                        typeof firstArgEvaluated.value === 'object') {
+                        const { message, id, description } = firstArgEvaluated.value;
+                        translations[id !== null && id !== void 0 ? id : message] = {
+                            message: message !== null && message !== void 0 ? message : id,
+                            ...(description && { description }),
+                        };
+                    }
+                    else {
+                        warnings.push(`translate() first arg should be a statically evaluable object.
+Example: translate({message: "text",id: "optional.id",description: "optional description"}
+Dynamically constructed values are not allowed, because they prevent translations to be extracted.
+${sourceWarningPart(path.node)}`);
+                    }
+                }
+                else {
+                    warnings.push(`translate() function only takes 1 or 2 args
+${sourceWarningPart(path.node)}`);
+                }
+            },
+        }),
     });
     return { sourceCodeFilePath, translations, warnings };
 }

package/lib/server/utils.d.ts

@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { RouteConfig } from '@docusaurus/types';
+import type { RouteConfig } from '@docusaurus/types';
 import { Globby } from '@docusaurus/utils';
 export declare function getAllFinalRoutes(routeConfig: RouteConfig[]): RouteConfig[];
 export declare function safeGlobby(patterns: string[], options?: Globby.GlobbyOptions): Promise<string[]>;

package/lib/server/versions/__tests/index.test.js

@@ -6,18 +6,19 @@
  * LICENSE file in the root directory of this source tree.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
 const __1 = require("..");
-const path_1 = require("path");
+const path_1 = (0, tslib_1.__importDefault)(require("path"));
 describe('getPluginVersion', () => {
     it('Can detect external packages plugins versions of correctly.', () => {
-        expect((0, __1.getPluginVersion)((0, path_1.join)(__dirname, '..', '__fixtures__', 'dummy-plugin.js'), 
+        expect((0, __1.getPluginVersion)(path_1.default.join(__dirname, '..', '__fixtures__', 'dummy-plugin.js'), 
         // Make the plugin appear external.
-        (0, path_1.join)(__dirname, '..', '..', '..', '..', '..', '..', 'website'))).toEqual({ type: 'package', version: 'random-version' });
+        path_1.default.join(__dirname, '..', '..', '..', '..', '..', '..', 'website'))).toEqual({ type: 'package', version: 'random-version' });
     });
     it('Can detect project plugins versions correctly.', () => {
-        expect((0, __1.getPluginVersion)((0, path_1.join)(__dirname, '..', '__fixtures__', 'dummy-plugin.js'), 
+        expect((0, __1.getPluginVersion)(path_1.default.join(__dirname, '..', '__fixtures__', 'dummy-plugin.js'), 
         // Make the plugin appear project local.
-        (0, path_1.join)(__dirname, '..', '__fixtures__'))).toEqual({ type: 'project' });
+        path_1.default.join(__dirname, '..', '__fixtures__'))).toEqual({ type: 'project' });
     });
     it('Can detect local packages versions correctly.', () => {
         expect((0, __1.getPluginVersion)('/', '/')).toEqual({ type: 'local' });

package/lib/server/versions/index.d.ts

@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { DocusaurusPluginVersionInformation } from '@docusaurus/types';
+import type { DocusaurusPluginVersionInformation } from '@docusaurus/types';
 export declare function getPackageJsonVersion(packageJsonPath: string): string | undefined;
 export declare function getPackageJsonName(packageJsonPath: string): string | undefined;
 export declare function getPluginVersion(pluginPath: string, siteDir: string): DocusaurusPluginVersionInformation;

package/lib/webpack/base.d.ts

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { Configuration } from 'webpack';
-import { Props } from '@docusaurus/types';
+import type { Configuration } from 'webpack';
+import type { Props } from '@docusaurus/types';
 export declare const clientDir: string;
 export declare function excludeJS(modulePath: string): boolean;
 export declare function getDocusaurusAliases(): Record<string, string>;

package/lib/webpack/client.d.ts

@@ -4,6 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { Configuration } from 'webpack';
-import { Props } from '@docusaurus/types';
+import type { Configuration } from 'webpack';
+import type { Props } from '@docusaurus/types';
 export default function createClientConfig(props: Props, minify?: boolean): Configuration;

package/lib/webpack/client.js

@@ -7,7 +7,7 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const chalk_1 = (0, tslib_1.__importDefault)(require("chalk"));
+const logger_1 = (0, tslib_1.__importDefault)(require("@docusaurus/logger"));
 const path_1 = (0, tslib_1.__importDefault)(require("path"));
 const webpack_merge_1 = (0, tslib_1.__importDefault)(require("webpack-merge"));
 const base_1 = require("./base");
@@ -39,7 +39,7 @@ function createClientConfig(props, minify = true) {
             apply: (compiler) => {
                 compiler.hooks.done.tap('client:done', (stats) => {
                     if (stats.hasErrors()) {
-                        console.log(chalk_1.default.red('Client bundle compiled with errors therefore further build is impossible.'));
+                        logger_1.default.error('Client bundle compiled with errors therefore further build is impossible.');
                         process.exit(1);
                     }
                 });

package/lib/webpack/plugins/ChunkAssetPlugin.d.ts

@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { Compiler } from 'webpack';
+import { type Compiler } from 'webpack';
 declare class ChunkAssetPlugin {
     apply(compiler: Compiler): void;
 }

package/lib/webpack/plugins/CleanWebpackPlugin.d.ts

@@ -23,7 +23,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-import { Compiler, Stats } from 'webpack';
+import type { Compiler, Stats } from 'webpack';
 export interface Options {
     /**
      * Write Logs to Console

package/lib/webpack/plugins/LogPlugin.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import WebpackBar from 'webpackbar';
-import { Compiler } from 'webpack';
+import type { Compiler } from 'webpack';
 export default class LogPlugin extends WebpackBar {
     apply(compiler: Compiler): void;
 }

package/lib/webpack/plugins/WaitPlugin.d.ts

@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { Compiler } from 'webpack';
+import type { Compiler } from 'webpack';
 interface WaitPluginOptions {
     filepath: string;
 }

package/lib/webpack/server.d.ts

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { Configuration } from 'webpack';
-import { Props } from '@docusaurus/types';
+import type { Configuration } from 'webpack';
+import type { Props } from '@docusaurus/types';
 export default function createServerConfig({ props, onLinksCollected, }: {
     props: Props;
     onLinksCollected?: (staticPagePath: string, links: string[]) => void;

package/lib/webpack/templates/ssr.html.template.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+declare const _default: "\n<!DOCTYPE html>\n<html <%~ it.htmlAttributes %>>\n  <head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <meta name=\"generator\" content=\"Docusaurus v<%= it.version %>\">\n    <% if (it.noIndex) { %>\n      <meta name=\"robots\" content=\"noindex, nofollow\" />\n    <% } %>\n    <%~ it.headTags %>\n    <% it.metaAttributes.forEach((metaAttribute) => { %>\n      <%~ metaAttribute %>\n    <% }); %>\n    <% it.stylesheets.forEach((stylesheet) => { %>\n      <link rel=\"stylesheet\" href=\"<%= it.baseUrl %><%= stylesheet %>\" />\n    <% }); %>\n    <% it.scripts.forEach((script) => { %>\n      <link rel=\"preload\" href=\"<%= it.baseUrl %><%= script %>\" as=\"script\">\n    <% }); %>\n  </head>\n  <body <%~ it.bodyAttributes %>>\n    <%~ it.preBodyTags %>\n    <div id=\"__docusaurus\">\n      <%~ it.appHtml %>\n    </div>\n    <% it.scripts.forEach((script) => { %>\n      <script src=\"<%= it.baseUrl %><%= script %>\"></script>\n    <% }); %>\n    <%~ it.postBodyTags %>\n  </body>\n</html>\n";
+export default _default;

package/lib/{client → webpack}/templates/ssr.html.template.js

@@ -1,11 +1,12 @@
+"use strict";
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-
-module.exports = `
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = `
 <!DOCTYPE html>
 <html <%~ it.htmlAttributes %>>
   <head>

package/lib/webpack/utils.d.ts

@@ -5,10 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  */
 /// <reference types="node" />
-import { Configuration, RuleSetRule, WebpackPluginInstance } from 'webpack';
-import { TransformOptions } from '@babel/core';
-import { ConfigureWebpackFn, ConfigurePostCssFn } from '@docusaurus/types';
-export declare function getStyleLoaders(isServer: boolean, cssOptions?: {
+import { type Configuration, type RuleSetRule, type WebpackPluginInstance } from 'webpack';
+import type { TransformOptions } from '@babel/core';
+import type { ConfigureWebpackFn, ConfigurePostCssFn } from '@docusaurus/types';
+export declare function getStyleLoaders(isServer: boolean, cssOptionsArg?: {
     [key: string]: unknown;
 }): RuleSetRule[];
 export declare function getCustomBabelConfigFilePath(siteDir: string): string | undefined;

package/lib/webpack/utils.js

@@ -16,11 +16,16 @@ const terser_webpack_plugin_1 = (0, tslib_1.__importDefault)(require("terser-web
 const css_minimizer_webpack_plugin_1 = (0, tslib_1.__importDefault)(require("css-minimizer-webpack-plugin"));
 const path_1 = (0, tslib_1.__importDefault)(require("path"));
 const crypto_1 = (0, tslib_1.__importDefault)(require("crypto"));
-const chalk_1 = (0, tslib_1.__importDefault)(require("chalk"));
+const logger_1 = (0, tslib_1.__importDefault)(require("@docusaurus/logger"));
 const utils_1 = require("@docusaurus/utils");
 const lodash_1 = require("lodash");
 // Utility method to get style loaders
-function getStyleLoaders(isServer, cssOptions = {}) {
+function getStyleLoaders(isServer, cssOptionsArg = {}) {
+    const cssOptions = {
+        // TODO turn esModule on later, see https://github.com/facebook/docusaurus/pull/6424
+        esModule: false,
+        ...cssOptionsArg,
+    };
     if (isServer) {
         return cssOptions.modules
             ? [
@@ -113,7 +118,7 @@ const getCustomizableJSLoader = (jsLoader = 'babel') => ({ isServer, babelOption
 exports.getCustomizableJSLoader = getCustomizableJSLoader;
 // TODO remove this before end of 2021?
 const warnBabelLoaderOnce = (0, lodash_1.memoize)(() => {
-    console.warn(chalk_1.default.yellow('Docusaurus plans to support multiple JS loader strategies (Babel, esbuild...): "getBabelLoader(isServer)" is now deprecated in favor of "getJSLoader({isServer})".'));
+    logger_1.default.warn `Docusaurus plans to support multiple JS loader strategies (Babel, esbuild...): code=${'getBabelLoader(isServer)'} is now deprecated in favor of code=${'getJSLoader(isServer)'}.`;
 });
 const getBabelLoaderDeprecated = function getBabelLoaderDeprecated(isServer, babelOptions) {
     warnBabelLoaderOnce();
@@ -121,7 +126,7 @@ const getBabelLoaderDeprecated = function getBabelLoaderDeprecated(isServer, bab
 };
 // TODO remove this before end of 2021 ?
 const warnCacheLoaderOnce = (0, lodash_1.memoize)(() => {
-    console.warn(chalk_1.default.yellow('Docusaurus uses Webpack 5 and getCacheLoader() usage is now deprecated.'));
+    logger_1.default.warn `Docusaurus uses Webpack 5 and code=${'getCacheLoader()'} usage is now deprecated.`;
 });
 function getCacheLoaderDeprecated() {
     warnCacheLoaderOnce();
@@ -159,7 +164,7 @@ function applyConfigureWebpack(configureWebpack, config, isServer, jsLoader, con
 exports.applyConfigureWebpack = applyConfigureWebpack;
 function applyConfigurePostCss(configurePostCss, config) {
     var _a, _b;
-    // TODO not ideal heuristic but good enough for our usecase?
+    // not ideal heuristic but good enough for our use-case?
     function isPostCssLoader(loader) {
         var _a, _b;
         return !!((_b = (_a = loader) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.postcssOptions);
@@ -188,11 +193,11 @@ function compile(config) {
         compiler.run((err, stats) => {
             var _a;
             if (err) {
-                console.error(err.stack || err);
+                logger_1.default.error(err.stack || err);
                 // @ts-expect-error: see https://webpack.js.org/api/node/#error-handling
                 if (err.details) {
                     // @ts-expect-error: see https://webpack.js.org/api/node/#error-handling
-                    console.error(err.details);
+                    logger_1.default.error(err.details);
                 }
                 reject(err);
             }
@@ -203,14 +208,14 @@ function compile(config) {
             }
             if (errorsWarnings && (stats === null || stats === void 0 ? void 0 : stats.hasWarnings())) {
                 (_a = errorsWarnings.warnings) === null || _a === void 0 ? void 0 : _a.forEach((warning) => {
-                    console.warn(warning);
+                    logger_1.default.warn(warning);
                 });
             }
             // Webpack 5 requires calling close() so that persistent caching works
             // See https://github.com/webpack/webpack.js.org/pull/4775
             compiler.close((errClose) => {
                 if (errClose) {
-                    console.error(chalk_1.default.red('Error while closing Webpack compiler:', errClose));
+                    logger_1.default.error(`Error while closing Webpack compiler: ${errClose}`);
                     reject(errClose);
                 }
                 else {
@@ -230,20 +235,22 @@ function validateKeyAndCerts({ cert, key, keyFile, crtFile, }) {
         encrypted = crypto_1.default.publicEncrypt(cert, Buffer.from('test'));
     }
     catch (err) {
-        throw new Error(`The certificate "${chalk_1.default.yellow(crtFile)}" is invalid.\n${err.message}`);
+        throw new Error(`The certificate ${crtFile} is invalid.
+${err}`);
     }
     try {
         // privateDecrypt will throw an error with an invalid key
         crypto_1.default.privateDecrypt(key, encrypted);
     }
     catch (err) {
-        throw new Error(`The certificate key "${chalk_1.default.yellow(keyFile)}" is invalid.\n${err.message}`);
+        throw new Error(`The certificate key ${keyFile} is invalid.
+${err}`);
     }
 }
 // Read file and throw an error if it doesn't exist
 function readEnvFile(file, type) {
     if (!fs_extra_1.default.existsSync(file)) {
-        throw new Error(`You specified ${chalk_1.default.cyan(type)} in your env, but the file "${chalk_1.default.yellow(file)}" can't be found.`);
+        throw new Error(`You specified ${type} in your env, but the file "${file}" can't be found.`);
     }
     return fs_extra_1.default.readFileSync(file);
 }
@@ -293,7 +300,6 @@ function getMinimizer(useSimpleCssMinifier = false) {
                 },
                 compress: {
                     ecma: 5,
-                    // @ts-expect-error: API change in new version?
                     warnings: false,
                 },
                 mangle: {
@@ -324,7 +330,6 @@ function getMinimizer(useSimpleCssMinifier = false) {
                 },
                 // CleanCss options
                 {
-                    // @ts-expect-error: API change in new version?
                     inline: false,
                     level: {
                         1: {