feat!: remove bundled entrypoint (pfe.min.js)

.changeset/remove-bundled-entrypoint.md

@@ -0,0 +1,9 @@
+---
+"@patternfly/elements": major
+---
+
+Removed the bundled entrypoint (`pfe.min.js`). Import individual
+elements directly instead, e.g. `import '@patternfly/elements/pf-button/pf-button.js'`.
+
+The bundled entrypoint caused custom element double-registration issues
+and is not recommended for production use.

docs/_plugins/pfe-assets.cjs

@@ -63,18 +63,10 @@ function demoPaths(content) {
   }
 }
 
-/** Generate a single-file bundle of all the repo's components and their dependencies */
-async function bundle() {
-  const { bundle } = await import('../../scripts/bundle.js');
-  await bundle();
-}
-
 module.exports = {
   configFunction(eleventyConfig, options) {
     eleventyConfig.addPassthroughCopy('docs/images/favicon.ico');
     eleventyConfig.addPassthroughCopy('docs/bundle.{js,map,ts}');
-    eleventyConfig.addPassthroughCopy('docs/pfe.min.{map,css}');
-    eleventyConfig.addPassthroughCopy({ 'elements/pfe.min.*': '/' } );
     eleventyConfig.addPassthroughCopy('docs/demo.{js,map,ts}');
     eleventyConfig.addPassthroughCopy('docs/main.mjs');
     eleventyConfig.addPassthroughCopy({
@@ -93,8 +85,5 @@ module.exports = {
     // The demo files are written primarily for the dev SPA (`npm start`),
     // so here we transform the paths found in those files to match the docs site's file structure
     eleventyConfig.addTransform('demo-paths', demoPaths);
-
-    // create /docs/pfe.min.js
-    eleventyConfig.on('eleventy.before', () => bundle(options));
   },
 };

elements/package.json

@@ -5,11 +5,9 @@
   "description": "PatternFly Elements",
   "customElements": "custom-elements.json",
   "type": "module",
-  "main": "./pfe.min.js",
   "module": "./pfe.js",
   "types": "./pfe.d.ts",
   "exports": {
-    ".": "./pfe.min.js",
     "./form-control.css": "./form-control.css",
     "./form-control.css.js": "./form-control.css.js",
     "./pf-accordion/pf-accordion-header.js": "./pf-accordion/pf-accordion-header.js",

package.json

@@ -55,7 +55,7 @@
         "build:lightdom",
         "build:elements",
         "build:create",
-        "build:bundle",
+
         "build:react"
       ]
     },
@@ -137,21 +137,6 @@
         "core/**/*.tsbuildinfo"
       ]
     },
-    "build:bundle": {
-      "command": "node scripts/bundle.js",
-      "dependencies": [
-        "build:core"
-      ],
-      "files": [
-        "elements/**/*.ts",
-        "elements/**/*.css",
-        "core/**/*.ts",
-        "scripts/bundle.js"
-      ],
-      "output": [
-        "elements/pfe.min.js"
-      ]
-    },
     "build:react": {
       "command": "npx tsx scripts/generate-react-wrappers.ts",
       "dependencies": [