fix(deps): bump various dependencies, update screenshots, clean up build logging (#4947)

Author: nicolethoen

.gitignore

@@ -34,6 +34,7 @@ dist
 .history
 
 size-plugin.json
+lerna-debug.log
 **/generated/**/*.js
 
 # Yarn

lerna.json

@@ -1,6 +1,5 @@
 {
   "npmClient": "yarn",
-  "useWorkspaces": true,
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"

package.json

@@ -36,17 +36,17 @@
     ]
   },
   "devDependencies": {
-    "@octokit/rest": "^19.0.7",
-    "@patternfly/patternfly": "^6.5.0-prerelease.33",
-    "@patternfly/react-code-editor": "^6.5.0-prerelease.26",
-    "@patternfly/react-core": "^6.5.0-prerelease.24",
-    "@patternfly/react-table": "^6.5.0-prerelease.24",
+    "@octokit/rest": "^19.0.13",
+    "@patternfly/patternfly": "^6.5.0-prerelease.46",
+    "@patternfly/react-code-editor": "^6.5.0-prerelease.39",
+    "@patternfly/react-core": "^6.5.0-prerelease.36",
+    "@patternfly/react-table": "^6.5.0-prerelease.37",
     "glob": "^8.1.0",
-    "lerna": "^6.4.1",
+    "lerna": "^9.0.5",
     "monaco-editor": "0.54.0",
     "react": "^18",
     "react-dom": "^18",
-    "surge": "^0.23.1"
+    "surge": "^0.27.3"
   },
   "resolutions": {
     "node-sass": ">=6.0.1",
@@ -64,9 +64,17 @@
     "ip": ">=2.0.0",
     "http-cache-semantics": ">=4.1.1",
     "nanoid": "3.3.8",
-    "@patternfly/react-code-editor": "^6.5.0-prerelease.26",
-    "@patternfly/react-core": "^6.5.0-prerelease.24",
-    "@patternfly/react-table": "^6.5.0-prerelease.24",
+    "basic-ftp": ">=5.2.0",
+    "semver": ">=7.5.2",
+    "tar": ">=6.2.1",
+    "rollup": ">=4.59.0",
+    "devalue": ">=5.6.3",
+    "ajv": ">=6.14.0",
+    "qs": ">=6.15.0",
+    "@isaacs/brace-expansion": ">=5.0.1",
+    "@patternfly/react-code-editor": "^6.5.0-prerelease.39",
+    "@patternfly/react-core": "^6.5.0-prerelease.36",
+    "@patternfly/react-table": "^6.5.0-prerelease.37",
     "monaco-editor": "0.54.0"
   }
 }

packages/ast-helpers/package.json

@@ -9,10 +9,10 @@
   },
   "main": "index.js",
   "dependencies": {
-    "acorn": "^8.4.1",
+    "acorn": "^8.16.0",
     "acorn-class-fields": "^1.0.0",
     "acorn-jsx": "^5.3.2",
     "acorn-static-class-features": "^1.0.0",
-    "astring": "^1.7.5"
+    "astring": "^1.9.0"
   }
 }

packages/documentation-framework/package.json

@@ -8,71 +8,71 @@
     "pf-docs-framework": "scripts/cli/cli.js"
   },
   "dependencies": {
-    "@babel/core": "^7.28.3",
-    "@babel/preset-env": "7.27.1",
-    "@babel/preset-react": "^7.24.1",
-    "@mdx-js/util": "1.6.16",
-    "@patternfly/ast-helpers": "^1.4.0-alpha.344",
+    "@babel/core": "^7.29.0",
+    "@babel/preset-env": "7.29.0",
+    "@babel/preset-react": "^7.28.5",
+    "@mdx-js/util": "1.6.22",
+    "@patternfly/ast-helpers": "^1.26.2",
     "@reach/router": "npm:@gatsbyjs/reach-router@1.3.9",
-    "@rspack/core": "^1.5.6",
-    "@rspack/dev-server": "^1.1.4",
-    "autoprefixer": "10.4.19",
-    "babel-loader": "^9.1.3",
+    "@rspack/core": "^1.7.7",
+    "@rspack/dev-server": "^1.2.1",
+    "autoprefixer": "10.4.27",
+    "babel-loader": "^10.0.0",
     "camelcase-css": "2.0.1",
-    "chokidar": "4.0.0",
+    "chokidar": "4.0.3",
     "codesandbox": "2.2.3",
     "commander": "4.1.1",
-    "css-loader": "6.7.3",
-    "detab": "2.0.3",
-    "express": "4.22.0",
+    "css-loader": "6.11.0",
+    "detab": "2.0.4",
+    "express": "4.22.1",
     "file-loader": "6.2.0",
     "file-saver": "1.3.8",
-    "fs-extra": "9.0.1",
-    "glob": "11.1.0",
-    "handlebars": "4.7.7",
-    "hast-to-hyperscript": "9.0.0",
-    "hast-util-to-text": "2.0.0",
+    "fs-extra": "9.1.0",
+    "glob": "12.0.0",
+    "handlebars": "4.7.8",
+    "hast-to-hyperscript": "9.0.1",
+    "hast-util-to-text": "2.0.1",
     "html-formatter": "0.1.9",
-    "html-webpack-plugin": "5.5.0",
+    "html-webpack-plugin": "5.6.6",
     "js-yaml": "4.1.1",
-    "mdast-util-to-hast": "9.1.1",
+    "mdast-util-to-hast": "9.1.2",
     "mdurl": "1.0.1",
     "null-loader": "4.0.1",
     "parse-entities": "2.0.0",
     "path-browserify": "1.0.1",
-    "postcss": "^8.4.31",
-    "postcss-loader": "7.1.0",
+    "postcss": "^8.5.8",
+    "postcss-loader": "7.3.4",
     "process": "^0.11.10",
-    "puppeteer": "^24.2.0",
-    "puppeteer-cluster": "^0.24.0",
-    "react-docgen": "5.3.1",
-    "react-ssr-prepass": "1.5.0",
+    "puppeteer": "^24.37.5",
+    "puppeteer-cluster": "^0.25.0",
+    "react-docgen": "6.0.4",
+    "react-ssr-prepass": "1.6.0",
     "remark-footnotes": "1.0.0",
     "remark-frontmatter": "2.0.0",
     "remark-mdx": "2.0.0-next.8",
     "remark-mdxjs": "2.0.0-next.8",
     "remark-parse": "8.0.3",
     "remark-squeeze-paragraphs": "4.0.0",
-    "sharp": "0.33.0",
-    "style-to-object": "0.3.0",
+    "sharp": "0.34.5",
+    "style-to-object": "0.4.4",
     "to-vfile": "6.1.0",
-    "typedoc": "0.23.0",
-    "typescript": "4.7.4",
-    "unified": "9.1.0",
-    "unist-util-remove": "2.0.0",
+    "typedoc": "0.23.28",
+    "typescript": "4.9.5",
+    "unified": "9.2.2",
+    "unist-util-remove": "2.1.0",
     "unist-util-visit": "2.0.3",
-    "url-loader": "4.1.0",
-    "vfile-reporter": "6.0.1",
+    "url-loader": "4.1.1",
+    "vfile-reporter": "6.0.2",
     "webpack-bundle-analyzer": "5.2.0",
-    "webpack-dev-server": "5.2.2",
-    "webpack-merge": "5.8.0"
+    "webpack-dev-server": "5.2.3",
+    "webpack-merge": "5.10.0"
   },
   "peerDependencies": {
-    "@patternfly/patternfly": "^6.5.0-prerelease.33",
-    "@patternfly/react-code-editor": "^6.5.0-prerelease.26",
-    "@patternfly/react-core": "^6.5.0-prerelease.24",
-    "@patternfly/react-icons": "^6.5.0-prerelease.11",
-    "@patternfly/react-table": "^6.5.0-prerelease.24",
+    "@patternfly/patternfly": "^6.5.0-prerelease.46",
+    "@patternfly/react-code-editor": "^6.5.0-prerelease.39",
+    "@patternfly/react-core": "^6.5.0-prerelease.36",
+    "@patternfly/react-icons": "^6.5.0-prerelease.15",
+    "@patternfly/react-table": "^6.5.0-prerelease.37",
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0"
   },

packages/documentation-framework/scripts/cli/build.js

@@ -35,7 +35,7 @@ async function buildWebpack(webpackConfig) {
       }
 
       if (stats.hasWarnings()) {
-        console.warn(info.warnings.join('\n'));
+        console.warn(info.warnings.map(w => w.message || w).join('\n'));
       }
 
       res();

packages/documentation-framework/scripts/cli/start.js

@@ -7,6 +7,7 @@ const { watchMD } = require('../md/parseMD');
 
 function startDevServer(webpackConfig) {
   webpackConfig.devServer.static = false;
+  webpackConfig.output.clean = false;
   const { port } = webpackConfig.devServer;
   const compiler = rspack(webpackConfig);
   const server = new RspackDevServer(webpackConfig.devServer, compiler);

packages/documentation-framework/scripts/md/mdx-hast-to-jsx.js

@@ -168,12 +168,14 @@ function serializeElement(node, options) {
     res += ` src={${srcImport}}`;
     if (node.properties.isResponsive) {
       if (!props.width) {
-        res += ` width={${srcImport}.width}`;
-        res += ` height={${srcImport}.height}`;
+        // Only set width/height from import if the import provides dimensions (e.g. responsive-loader).
+        // asset/resource imports return a URL string without width/height properties.
+        res += ` width={${srcImport}.width || undefined}`;
+        res += ` height={${srcImport}.height || undefined}`;
       }
       else {
         props.width = props.width.replace('px', '');
-        res += ` height={${srcImport}.height * ${props.width} / ${srcImport}.width}`;
+        res += ` height={typeof ${srcImport}.height === 'number' ? ${srcImport}.height * ${props.width} / ${srcImport}.width : undefined}`;
       }
     }
   }

packages/documentation-framework/scripts/tsDocgen.js

@@ -44,12 +44,10 @@ function addAnnotations(prop) {
 function getComponentMetadata(filename, sourceText) {
   let parsedComponents = null;
   try {
-    parsedComponents = reactDocgen.parse(
-      sourceText,
-      reactDocgen.resolver.findAllExportedComponentDefinitions,
-      null,
-      { filename }
-    );
+    parsedComponents = reactDocgen.parse(sourceText, {
+      resolver: new reactDocgen.builtinResolvers.FindExportedDefinitionsResolver(),
+      filename
+    });
   } catch (err) {
     // eslint-disable-next-line no-console
     // console.warn(`No component found in ${filename}:`, err);

packages/documentation-framework/scripts/webpack/webpack.base.config.js

@@ -93,6 +93,10 @@ module.exports = (_env, argv) => {
             filename: 'fonts/[name][ext][query]'
           }
         },
+        {
+          resourceQuery: /raw/,
+          type: 'asset/source'
+        },
         {
           test: /\.m?js$/,
           resolve: {