perf: separately bundle components and demo deps

Author: bennypowers

.changeset/good-terms-smile.md

@@ -0,0 +1,5 @@
+---
+"@patternfly/create-element": patch
+---
+
+update components entrypoint filename

docs/demo/bundle.ts

@@ -3,33 +3,4 @@ export * from '@patternfly/pfe-icon';
 import 'html-include-element';
 import 'api-viewer-element';
 
-import '@patternfly/pfe-band';
-import '@patternfly/pfe-card';
-
-import '@patternfly/pfe-jump-links';
-import '@patternfly/pfe-modal';
-import '@patternfly/pfe-tabs';
-import '@patternfly/pfe-collapse';
-import '@patternfly/pfe-accordion';
-import '@patternfly/pfe-icon-panel';
-import '@patternfly/pfe-primary-detail';
-
-import '@patternfly/pfe-autocomplete';
-import '@patternfly/pfe-avatar';
-import '@patternfly/pfe-badge';
-import '@patternfly/pfe-button';
-import '@patternfly/pfe-clipboard';
-import '@patternfly/pfe-codeblock';
-import '@patternfly/pfe-cta';
-import '@patternfly/pfe-datetime';
-import '@patternfly/pfe-dropdown';
-import '@patternfly/pfe-health-index';
-import '@patternfly/pfe-icon';
-import '@patternfly/pfe-markdown';
-import '@patternfly/pfe-number';
-import '@patternfly/pfe-page-status';
-import '@patternfly/pfe-progress-indicator';
-import '@patternfly/pfe-progress-steps';
-import '@patternfly/pfe-readtime';
-import '@patternfly/pfe-select';
-import '@patternfly/pfe-toast';
+import './components.js';

docs/demo/components.ts

@@ -0,0 +1,28 @@
+export * from '@patternfly/pfe-accordion';
+export * from '@patternfly/pfe-autocomplete';
+export * from '@patternfly/pfe-avatar';
+export * from '@patternfly/pfe-badge';
+export * from '@patternfly/pfe-band';
+export * from '@patternfly/pfe-button';
+export * from '@patternfly/pfe-card';
+export * from '@patternfly/pfe-clipboard';
+export * from '@patternfly/pfe-codeblock';
+export * from '@patternfly/pfe-collapse';
+export * from '@patternfly/pfe-cta';
+export * from '@patternfly/pfe-datetime';
+export * from '@patternfly/pfe-dropdown';
+export * from '@patternfly/pfe-health-index';
+export * from '@patternfly/pfe-icon';
+export * from '@patternfly/pfe-icon-panel';
+export * from '@patternfly/pfe-jump-links';
+export * from '@patternfly/pfe-markdown';
+export * from '@patternfly/pfe-modal';
+export * from '@patternfly/pfe-number';
+export * from '@patternfly/pfe-page-status';
+export * from '@patternfly/pfe-primary-detail';
+export * from '@patternfly/pfe-progress-indicator';
+export * from '@patternfly/pfe-progress-steps';
+export * from '@patternfly/pfe-readtime';
+export * from '@patternfly/pfe-select';
+export * from '@patternfly/pfe-tabs';
+export * from '@patternfly/pfe-toast';

tools/create-element/generator/element.ts

@@ -236,7 +236,7 @@ async function updateTsconfig(options: GenerateElementOptions): Promise<void> {
 }
 
 async function updateDocsBundle(options: GenerateElementOptions): Promise<void> {
-  const pathname = join(process.cwd(), 'docs', 'demo', 'bundle.ts');
+  const pathname = join(process.cwd(), 'docs', 'demo', 'components.ts');
   const content = await readFile(pathname, 'utf8');
 
   await writeFile(pathname, `${content}\nimport '@patternfly/${options.tagName}';`, 'utf8');