fix(tools): add docsComponentsSubpath configuration option, defaults to components

Author: zeroedin

tools/pfe-tools/config.ts

@@ -13,8 +13,10 @@ interface SiteOptions {
   stylesheets?: string[];
   /** Title for main page of the demo */
   title?: string;
-  /** Site subpath for components. e.g. 'elements'. default: 'components' */
+  /** Site subpath for components. e.g. 'elements'. default: 'elements' */
   componentSubpath?: string;
+  //* Docs site subpath for components. e.g. 'components'. default: 'components' */
+  docsComponentSubpath?: string;
 }
 
 export interface PfeConfig {
@@ -41,6 +43,7 @@ const SITE_DEFAULTS: Required<SiteOptions> = {
   stylesheets: [],
   title: 'PatternFly Elements',
   componentSubpath: 'elements',
+  docsComponentSubpath: 'components',
 };
 
 const DEFAULT_CONFIG: PfeConfig = {

tools/pfe-tools/custom-elements-manifest/demos.ts

@@ -29,7 +29,7 @@ import slugify from 'slugify';
 export function demosPlugin(options?: PfeConfig): Plugin {
   const fileOptions = getPfeConfig(options?.rootDir);
   const config = { ...fileOptions, ...options };
-  const subpath = config.site.componentSubpath ?? 'components';
+  const subpath = config.site.docsComponentSubpath ?? 'components';
   const { rootDir, demoURLPrefix, sourceControlURLPrefix } = config;
   return {
     name: 'demos-plugin',

tools/pfe-tools/custom-elements-manifest/lib/Manifest.ts

@@ -274,7 +274,7 @@ export class Manifest {
        * > **ANY** (_>= 0x_)
        * `/demo`
        */
-      const DEMO_PATH_RE = new RegExp(`/${options.site.componentSubpath}/(.*)/demo`);
+      const DEMO_PATH_RE = new RegExp(`/${options.site.docsComponentSubpath}/(.*)/demo`);
       let [, slug = ''] = permalink.match(DEMO_PATH_RE) ?? [];
       // strict removes all special characters from slug
       slug = slugify(slug, { strict: true, lower: true });