@griddo/ax 12.2.3-rc.0 → 12.2.3-rc.1

package/config/webpack.config.js

@@ -166,6 +166,11 @@ module.exports = function (webpackEnv) {
 
 	return {
 		mode: isEnvProduction ? "production" : isEnvDevelopment && "development",
+		// Pin the target instead of letting webpack 5 derive it from the client
+		// project's browserslist: queries like "maintained node versions" (common
+		// in Gatsby-rendered projects) drop the `document` capability and switch
+		// chunks to ESM format, which breaks the editor's classic script tags.
+		target: ["web", "es2017"],
 		// Stop compilation early in production
 		bail: isEnvProduction,
 		devtool: isEnvProduction
@@ -331,7 +336,15 @@ module.exports = function (webpackEnv) {
 			},
 		},
 		module: {
-			strictExportPresence: true,
+			// Missing exports must stay non-blocking: webpack 4's CJS css-loader
+			// never validated CSS-module classes, so client projects accumulated
+			// references to classes that don't exist. With webpack 5 named exports
+			// those would all become compile errors and block adoption.
+			parser: {
+				javascript: {
+					exportsPresence: "warn",
+				},
+			},
 			rules: [
 				{
 					// "oneOf" will traverse all following loaders until one will
@@ -641,6 +654,10 @@ module.exports = function (webpackEnv) {
 						typescriptPath: resolve.sync("typescript", {
 							basedir: paths.appNodeModules,
 						}),
+						// Must be an absolute path: fork-ts-checker v6 resolves a relative
+						// "tsconfig.json" against the webpack compiler context (the client
+						// project cwd), which would pick up the client's tsconfig instead.
+						configFile: paths.appTsConfig,
 						configOverwrite: {
 							compilerOptions: {
 								sourceMap: isEnvProduction ? shouldUseSourceMap : isEnvDevelopment,
@@ -662,16 +679,26 @@ module.exports = function (webpackEnv) {
 						include: [{ file: "../**/src/**/*.{ts,tsx}" }, { file: "**/src/**/*.{ts,tsx}" }],
 						exclude: [
 							{ file: "**/src/**/__tests__/**" },
-							{ file: "**/src/**/?(*.){spec|test}.*" },
+							{ file: "**/src/**/?(*.)(spec|test).*" },
 							{ file: "**/src/setupProxy.*" },
 							{ file: "**/src/setupTests.*" },
 						],
 					},
 					logger: {
 						infrastructure: "silent",
+						// Progress lines ("Files successfully emitted…", "No issues
+						// found."). Actual TS errors still reach webpack's compilation
+						// and are printed by react-dev-utils.
+						issues: "silent",
 					},
 				}),
 		].filter(Boolean),
+		// Silence webpack-dev-middleware's stats dump on every (re)build —
+		// webpack 4's dev server did this via `quiet: true`. react-dev-utils
+		// still prints the friendly "Compiled successfully" + URLs block.
+		infrastructureLogging: {
+			level: "none",
+		},
 		// Turn off performance processing because we utilize
 		// our own hints via the FileSizeReporter
 		performance: false,

package/config/webpackDevServer.config.js

@@ -54,6 +54,10 @@ module.exports = function (proxy, allowedHost) {
 		},
 		devMiddleware: {
 			publicPath: paths.publicUrlOrPath.slice(0, -1),
+			// webpack-dev-middleware prints stats.toString() with a raw
+			// console.log (not the infrastructure logger), so this is the only
+			// switch that silences the per-build stats dump.
+			stats: "none",
 		},
 		https: getHttpsConfig(),
 		host,

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@griddo/ax",
 	"description": "Griddo Author Experience",
-	"version": "12.2.3-rc.0",
+	"version": "12.2.3-rc.1",
 	"authors": [
 		"Álvaro Sánchez' <alvaro.sanches@secuoyas.com>",
 		"Diego M. Béjar <diego.bejar@secuoyas.com>",
@@ -213,5 +213,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "e01b90b6f48dbf89f34f1482de3bb39e322c5bf3"
+	"gitHead": "f328137a3b2bb2527d7d849e0ca9a2adec6f03cb"
 }

package/scripts/start.js

@@ -72,6 +72,36 @@ checkBrowsers(paths.appPath, isInteractive)
 			tscCompileOnError,
 			webpack,
 		});
+		// Replace CRA's "You can now view..." block with the Griddo banner.
+		// Registered after createCompiler so it runs after CRA's done-hook:
+		// clean builds clear that output, builds with warnings keep it visible.
+		const { version } = require(paths.appPackageJson);
+		const banner = [
+			chalk.cyan(" ██████╗ ██████╗ ██╗██████╗ ██████╗  ██████╗    █████╗ ██╗  ██╗"),
+			chalk.cyan("██╔════╝ ██╔══██╗██║██╔══██╗██╔══██╗██╔═══██╗  ██╔══██╗╚██╗██╔╝"),
+			chalk.cyan("██║  ███╗██████╔╝██║██║  ██║██║  ██║██║   ██║  ███████║ ╚███╔╝"),
+			chalk.cyan("██║   ██║██╔══██╗██║██║  ██║██║  ██║██║   ██║  ██╔══██║ ██╔██╗"),
+			chalk.cyan("╚██████╔╝██║  ██║██║██████╔╝██████╔╝╚██████╔╝  ██║  ██║██╔╝ ██╗"),
+			chalk.cyan(" ╚═════╝ ╚═╝  ╚═╝╚═╝╚═════╝ ╚═════╝  ╚═════╝   ╚═╝  ╚═╝╚═╝  ╚═╝"),
+			chalk.dim(`v${version}`),
+			"",
+			chalk.dim("─".repeat(63)),
+			"",
+			`${chalk.bold("Local:")}            ${urls.localUrlForTerminal}`,
+			...(urls.lanUrlForTerminal ? [`${chalk.bold("On Your Network:")}  ${urls.lanUrlForTerminal}`] : []),
+		]
+			.map((line) => `  ${line}`)
+			.join("\n");
+		compiler.hooks.done.tap("griddoStartBanner", (stats) => {
+			const statsData = stats.toJson({ all: false, errors: true, warnings: true });
+			if (statsData.errors.length) {
+				return;
+			}
+			if (isInteractive && !statsData.warnings.length) {
+				clearConsole();
+			}
+			console.log(`\n${banner}\n`);
+		});
 		// Load proxy config
 		const proxySetting = require(paths.appPackageJson).proxy;
 		const proxyConfig = prepareProxy(proxySetting, paths.appPublic, paths.publicUrlOrPath);