Optimize docs build performance (#5228)

.parcelrc

@@ -19,10 +19,9 @@
   "namers": ["parcel-namer-docs", "..."],
   "packagers": {
     "*.json": "parcel-packager-docs",
-    "*.html": "@parcel/packager-js"
+    "*.html": "parcel-packager-ssg"
   },
   "optimizers": {
-    "*.html": ["parcel-optimizer-ssg", "..."],
     "*.js": ["@parcel/optimizer-terser"]
   }
 }

package.json

@@ -72,14 +72,14 @@
     "@babel/preset-typescript": "^7.12.7",
     "@babel/register": "^7.12.10",
     "@octokit/rest": "*",
-    "@parcel/optimizer-data-url": "^2.9.1",
+    "@parcel/optimizer-data-url": "^2.10.0",
     "@parcel/optimizer-terser": "2.9.1",
-    "@parcel/packager-ts": "^2.9.1",
-    "@parcel/resolver-glob": "^2.9.1",
-    "@parcel/transformer-inline": "^2.9.1",
-    "@parcel/transformer-inline-string": "^2.9.1",
-    "@parcel/transformer-svg-react": "^2.9.1",
-    "@parcel/transformer-typescript-types": "^2.9.1",
+    "@parcel/packager-ts": "^2.10.0",
+    "@parcel/resolver-glob": "^2.10.0",
+    "@parcel/transformer-inline": "^2.10.0",
+    "@parcel/transformer-inline-string": "^2.10.0",
+    "@parcel/transformer-svg-react": "^2.10.0",
+    "@parcel/transformer-typescript-types": "^2.10.0",
     "@spectrum-css/component-builder": "^1.0.0",
     "@spectrum-css/vars": "^2.3.0",
     "@storybook/addon-a11y": "^6.5.12",
@@ -147,7 +147,7 @@
     "npm-cli-login": "^1.0.0",
     "nyc": "^10.2.0",
     "p-queue": "^6.2.1",
-    "parcel": "^2.9.2",
+    "parcel": "^2.10.0",
     "patch-package": "^6.2.0",
     "plop": "^2.4.0",
     "postcss": "^8.4.24",

packages/@react-spectrum/button/src/Button.tsx

@@ -54,7 +54,7 @@ function Button<T extends ElementType = 'button'>(props: SpectrumButtonProps<T>,
   props = useSlotProps(props, 'button');
   props = disablePendingProps(props);
   let {
-    elementType: ElementType = 'button',
+    elementType: Element = 'button',
     children,
     variant,
     style = variant === 'accent' || variant === 'cta' ? 'fill' : 'outline',
@@ -100,7 +100,7 @@ function Button<T extends ElementType = 'button'>(props: SpectrumButtonProps<T>,
 
   return (
     <FocusRing focusRingClass={classNames(styles, 'focus-ring')} autoFocus={autoFocus}>
-      <ElementType
+      <Element
         {...styleProps}
         {...mergeProps(buttonProps, hoverProps)}
         ref={domRef}
@@ -143,7 +143,7 @@ function Button<T extends ElementType = 'button'>(props: SpectrumButtonProps<T>,
             ? <Text>{children}</Text>
             : children}
         </SlotProvider>
-      </ElementType>
+      </Element>
     </FocusRing>
   );
 }

packages/dev/parcel-namer-docs/package.json

@@ -4,9 +4,9 @@
   "private": true,
   "main": "DocsNamer.js",
   "engines": {
-    "parcel": "^2.9.2"
+    "parcel": "^2.10.0"
   },
   "dependencies": {
-    "@parcel/plugin": "^2.9.2"
+    "@parcel/plugin": "^2.10.0"
   }
 }