bernova 1.4.0 → 1.5.0

package/src/lib/generateProvider/generateProvider.utils.js

@@ -17,226 +17,261 @@ const fs = require('fs').promises;
 const path = require('path');
 const { writeDoc } = require('../writeDoc/writeDoc.utils');
 const { compilerTypeValid } = require('../../constants');
-const {
-  extractDocFragment,
-} = require('../extractDocFragment/extractDocFragment.utils');
+const { simplifyName } = require('../simplifyName/simplifyName.utils');
 
 /**
- * Builds statistics document with theme data and CSS information
- * Handles incremental builds by preserving data from previous compilations
- *
- * @param {Object} params - Build parameters
- * @param {Object} params.providerDocs - Theme documentation data
- * @param {boolean} params.declarationHelp - Whether to generate TypeScript declarations
- * @param {string} params.compilerType - Type of compilation being performed
- * @param {string} params.dir - Output directory for provider files
- * @returns {Promise<Object>} Generated documentation structure
+ * Return the content wrapped in an anonymous object
+ * to avoid polluting the global scope
+ * 
+ * @param {string} content - string content
+ * @returns {string} - wrapped content
  */
-const buildStatsDoc = async ({
-  providerDocs,
-  declarationHelp,
-  compilerType,
-  dir,
-}) => {
-  const initialState = {
-    doc: {
-      cssThemes: '/* CssThemes */\nexport const cssThemes = {\n',
-      cssVars: '/* CssVars */\nexport const cssVars = {\n',
-      cssClasses: '/* CssClasses */\nexport const cssClasses = {\n',
-      cssAvailableComponents:
-        '/* CssAvailableComponents */\nexport const cssAvailableComponents = {\n',
-      cssGlobalStyles:
-        '/* CssGlobalStyles */\nexport const cssGlobalStyles = {\n',
-      cssMediaQueries:
-        '/* CssMediaQueries */\nexport const cssMediaQueries = {\n',
-    },
-    declare: {
-      cssThemes: '/* CssThemes */\nexport declare const cssThemes: {\n',
-      cssVars: '/* CssVars */\nexport interface CssVars {\n',
-      cssClasses: '/* CssClasses */\nexport interface CssClasses {\n',
-      cssAvailableComponents:
-        '/* CssAvailableComponents */\nexport interface CssAvailableComponents {\n',
-      cssGlobalStyles:
-        '/* CssGlobalStyles */\nexport interface CssGlobalStyles {\n',
-      cssMediaQueries:
-        '/* CssMediaQueries */\nexport interface CssMediaQueries {\n',
-    },
-  };
-  const hasPreviouslyConfig = f.existsSync(dir);
-  if (hasPreviouslyConfig) {
-    //* recover the stats document previously generated
-    const stats = await fs.readFile(
-      path.resolve(dir, 'stats/stats.js'),
-      'utf8'
-    );
+const anonimousWrapper = (content) => {
+  return `export default {${content}}`;
+}
 
-    //* extract the css variables
-    if (compilerType === compilerTypeValid.componentOnly) {
-      //? extract the css variables
-      const cssVars = extractDocFragment({ section: 'CssVars', doc: stats });
-      //? extract the global styles
-      const cssGlobalStyles = extractDocFragment({
-        section: 'CssGlobalStyles',
-        doc: stats,
-      });
-      const cssMediaQueries = extractDocFragment({
-        section: 'CssMediaQueries',
-        doc: stats,
-      });
-
-      initialState.doc.cssVars = `/* CssVars */\n${cssVars}\n/* CssVars */\n`;
-      initialState.doc.cssGlobalStyles = `/* CssGlobalStyles */\n${cssGlobalStyles}\n/* CssGlobalStyles */\n`;
-      initialState.doc.cssMediaQueries = `/* CssMediaQueries */\n${cssMediaQueries}\n/* CssMediaQueries */\n`;
-    }
+/**
+ * Return the content wrapper in a typescript interface
+ * @param {string} content - string content
+ * @param {string} iName - interface`s name
+ * @return {string} - wrapped content
+ */
+const interfaceWrapper = (content, iName) => {
+  return `export interface ${iName} {${content}}\n`;
+}
 
-    //* extract the css class names
-    if (compilerType === compilerTypeValid.foundationOnly) {
-      const cssClasses = extractDocFragment({
-        section: 'CssClasses',
-        doc: stats,
-      });
-      const cssAvailableComponents = extractDocFragment({
-        section: 'CssAvailableComponents',
-        doc: stats,
-      });
-      initialState.doc.cssClasses = `/* CssClasses */\n${cssClasses}\n/* CssClasses */\n`;
-      initialState.doc.cssAvailableComponents = `/* CssAvailableComponents */\n${cssAvailableComponents}\n/* CssAvailableComponents */\n`;
-    }
-    //? extract the declarations
-    if (declarationHelp) {
-      const statsDeclare = await fs.readFile(
-        path.resolve(dir, 'stats/stats.d.ts'),
-        'utf8'
-      );
-      if (compilerType === compilerTypeValid.componentOnly) {
-        const cssVarsDeclare = extractDocFragment({
-          section: 'CssVars',
-          doc: statsDeclare,
-        });
-        const cssGlobalStylesDeclare = extractDocFragment({
-          section: 'CssGlobalStyles',
-          doc: statsDeclare,
-        });
-        const cssMediaQueriesDeclare = extractDocFragment({
-          section: 'CssMediaQueries',
-          doc: statsDeclare,
-        });
+/**
+ * Write a js file required for the provider`s stats
+ * 
+ * @param {object} param
+ * @param {string} param.dir - main root dir
+ * @param {string} param.content - file content
+ * @param {string} param.fileName - file name
+ * @param {string} param.theme - related theme name
+ * @param {string | null} param.declare - typescript declare file name
+ * @return {void}
+ */
+const createStatFragment = async ({ dir, content, fileName, theme, declare = null}) => {
+  const fileContent = declare ? interfaceWrapper(content, declare) : anonimousWrapper(content);
+  const relativePath = `stats/${theme}/${fileName}`;
+  const filePath = path.resolve(dir, relativePath);
+  await writeDoc(filePath, fileContent, relativePath);
+}
 
-        initialState.declare.cssVars = `/* CssVars */\n${cssVarsDeclare}\n/* CssVars */\n`;
-        initialState.declare.cssGlobalStyles = `/* CssGlobalStyles */\n${cssGlobalStylesDeclare}\n/* CssGlobalStyles */\n`;
-        initialState.declare.cssMediaQueries = `/* CssMediaQueries */\n${cssMediaQueriesDeclare}\n/* CssMediaQueries */\n`;
-      }
-      if (compilerType === compilerTypeValid.foundationOnly) {
-        const cssClassesDeclare = extractDocFragment({
-          section: 'CssClasses',
-          doc: statsDeclare,
-        });
-        const cssAvailableComponentsDeclare = extractDocFragment({
-          section: 'CssAvailableComponents',
-          doc: statsDeclare,
-        });
-        initialState.declare.cssClasses = `/* CssClasses */\n${cssClassesDeclare}\n/* CssClasses */\n`;
-        initialState.declare.cssAvailableComponents = `/* CssAvailableComponents */\n${cssAvailableComponentsDeclare}\n/* CssAvailableComponents */\n`;
-      }
-    }
-  }
-  const providerEntries = Object.entries(providerDocs);
-  const compilerVars = compilerType !== compilerTypeValid.componentOnly;
-  const compilerClasses = compilerType !== compilerTypeValid.foundationOnly;
-  return providerEntries.reduce((acc, [theme, values], idx) => {
-    //? check if there are foreign styles docs
+/**
+ * Generate every js file required for the provide`s stats
+ * 
+ * @interface IProviderDocs {
+ *  [themeName: string]: {
+ *    cssPath: string,
+ *    variables?: { doc: string, declare: string },
+ *    classNames?: { doc: string, declare: string },
+ *    availableComp?: { doc: string, declare: string },
+ *    globalStyles?: { doc: string, declare: string },
+ *    mediaQueries?: { doc: string, declare: string }
+ *    beforeFiles?: string[],
+ *    afterFiles?: string[],
+ *  }
+ * }
+ * 
+ * @param {object} param
+ * @param {string} param.dir - main root dir
+ * @param {IProviderDocs} param.providerDoc - provider stats info
+ * @param {boolean} param.declarationHelp - prop to handler the create typescript declaration files
+ * @param {'foundationOnly' | 'componentOnly' | 'full'} - prop to prevent rewrite unnecessary files
+ */
+const buildStatsDoc = async ({ providerDocs, declarationHelp, compilerType, dir }) => {
+  const allThemes = Object.entries(providerDocs);
+  const allThemesNames = [];
+  for (const [theme, values] of allThemes) {
+    //? register theme name
+    allThemesNames.push(theme);
+    //? write foreign css path
     const beforeFilesExists = values.beforeFiles?.length > 0;
     const afterFilesExists = values.afterFiles?.length > 0;
-    const beforeKeyValue = beforeFilesExists
-      ? ` before: ${values.beforeFiles}, `
-      : '';
-    const afterKeyValue = afterFilesExists
-      ? ` after: ${values.afterFiles}, `
-      : '';
-    const foreignKeyValue =
-      beforeFilesExists || afterFilesExists
-        ? ` foreign: {${beforeKeyValue}${afterKeyValue}},`
-        : '';
-    //? add the theme css path
-    acc.doc.cssThemes += `  '${theme}': { css: '${values.cssPath}',${foreignKeyValue} },\n`;
+    const beforeKeyValue = beforeFilesExists ? `before:${values.beforeFiles}` : '';
+    const afterKeyValue = afterFilesExists ? `after:${values.afterFiles}` : '';
+    const foreignsExists = beforeFilesExists || afterFilesExists;
+    let foreignKeyValue = foreignsExists ? 'foreign:{' : '';
+    foreignKeyValue += beforeKeyValue;
+    foreignKeyValue += beforeKeyValue.length && afterKeyValue.length ? ',' : '';
+    foreignKeyValue += afterKeyValue;
+    foreignKeyValue += foreignsExists ? '}' : '';
+    //? write css path
+    const cssThemeContent = 'cssPath' in values ? `'${theme}':{css:'${values.cssPath}',${foreignKeyValue}}` : ''; 
+    await createStatFragment({ dir, content: cssThemeContent, fileName: 'cssTheme.js', theme });
     if (declarationHelp) {
-      acc.declare.cssThemes += `  '${theme}': { css: string; foreign?: { before?: string[]; after?: string[]; }; };\n`;
+      const foreignDeclare = 'foreign?:{before?:string[],after?:string[]}';
+      const cssThemeDeclareContent = 'cssPath' in values ? `'${theme}':{css:string,${foreignDeclare}}` : '';
+      const declareThemeName = `${simplifyName(theme)}CssTheme`;
+      await createStatFragment({
+        dir,
+        content: cssThemeDeclareContent,
+        fileName: 'cssTheme.d.ts',
+        theme,
+        declare: declareThemeName
+      })
     }
-    //? add the css variables
-    if (compilerVars) {
-      acc.doc.cssVars += `  '${theme}': {\n${
-        values.variables?.doc || ''
-      }  },\n`;
-      acc.doc.cssGlobalStyles += `  '${theme}': {\n${
-        values.globalStyles?.doc || ''
-      }  },\n`;
-      acc.doc.cssMediaQueries += `  '${theme}': {\n${
-        values.mediaQueries?.doc || ''
-      }  },\n`;
+    if (compilerType !== compilerTypeValid.foundationOnly) {
+      //? write css class names [js file]
+      const cssClassNamesContent = 'classNames' in values ? `'${theme}':{${values.classNames.doc}}` : '';
+      await createStatFragment({ dir, content: cssClassNamesContent, fileName: 'cssClassNames.js', theme });
+      //? write css available components [js file]
+      const cssAvCompContent = 'availableComp' in values ? `'${theme}':{${values.availableComp.doc}}` : '';
+      await createStatFragment({ dir, content: cssAvCompContent, fileName: 'cssAvailableComponents.js', theme });
       if (declarationHelp) {
-        acc.declare.cssVars += `  '${theme}': {\n${
-          values.variables?.declare || ''
-        }  },\n`;
-        acc.declare.cssGlobalStyles += `  '${theme}': {\n${
-          values.globalStyles?.declare || ''
-        }  },\n`;
-        acc.declare.cssMediaQueries += `  '${theme}': {\n${
-          values.mediaQueries?.declare || ''
-        }  },\n`;
+        //? write css class names [typescript declaration file]
+        const cssClNmDeclareContent = 'classNames' in values ? `'${theme}':{${values.classNames.declare}}` : '';
+        const declareCssClNm = `${simplifyName(theme)}CssClassNames`;
+        await createStatFragment({
+          dir,
+          content: cssClNmDeclareContent,
+          fileName: 'cssClassNames.d.ts',
+          theme,
+          declare: declareCssClNm
+        })
+        //? write css available components [typescript declaration file]
+        const cssAvCompDeclareContent = 'availableComp' in values ? `'${theme}':{${values.availableComp.declare}}` : '';
+        const declareCssAvComp = `${simplifyName(theme)}CssAvailableComponents`;
+        await createStatFragment({
+          dir,
+          content: cssAvCompDeclareContent,
+          fileName: 'cssAvailableComponents.d.ts',
+          theme,
+          declare: declareCssAvComp
+        })
       }
     }
-    //? add the css class names amd available components
-    if (compilerClasses) {
-      acc.doc.cssClasses += `  '${theme}': {\n${
-        values.classNames?.doc || ''
-      }  },\n`;
-      acc.doc.cssAvailableComponents += `  '${theme}': {\n${
-        values.availableComp?.doc || ''
-      }  },\n`;
+    if (compilerType !== compilerTypeValid.componentOnly) {
+      //? write css variables [js file]
+      const cssVarContent = 'variables' in values ? `'${theme}':{${values.variables.doc}}` : '';
+      await createStatFragment({ dir, content: cssVarContent, fileName: 'cssVars.js', theme });
+      //? write css global styles [js file]
+      const cssGlobalStylesContent = 'globalStyles' in values ? `'${theme}':{${values.globalStyles.doc}}` : '';
+      await createStatFragment({ dir, content: cssGlobalStylesContent, fileName: 'cssGlobalStyles.js', theme });
+      //? write css media queries [js file]
+      const cssMediaQueriesContent = 'mediaQueries' in values ? `'${theme}':{${values.mediaQueries.doc}}` : '';
+      await createStatFragment({ dir, content: cssMediaQueriesContent, fileName: 'cssMediaQueries.js', theme });
       if (declarationHelp) {
-        acc.declare.cssClasses += `  '${theme}': {\n${
-          values.classNames?.declare || ''
-        }  },\n`;
-        acc.declare.cssAvailableComponents += `  '${theme}': {\n${
-          values.availableComp?.declare || ''
-        }  },\n`;
+        //? write css variables [typescript declaration file]
+        const cssVarDeclareContent = 'variables' in values ? `'${theme}':{${values.variables.declare}}` : '';
+        const declareCssVar = `${simplifyName(theme)}CssVars`;
+        await createStatFragment({
+          dir,
+          content: cssVarDeclareContent,
+          fileName: 'cssVars.d.ts',
+          theme,
+          declare: declareCssVar
+        })
+        //? write css global styles [typescript declaration file]
+        const cssGlobalStylesDeclareContent = 'globalStyles' in values ? `'${theme}':{${values.globalStyles.declare}}` : '';
+        const declareCssGlobalStyles = `${simplifyName(theme)}CssGlobalStyles`;
+        await createStatFragment({
+          dir,
+          content: cssGlobalStylesDeclareContent,
+          fileName: 'cssGlobalStyles.d.ts',
+          theme,
+          declare: declareCssGlobalStyles
+        })
+        //? write css media queries [typescript declaration file]
+        const cssMediaQueriesDeclareContent = 'mediaQueries' in values ? `'${theme}':{${values.mediaQueries.declare}}` : '';
+        const declareCssMediaQueries = `${simplifyName(theme)}CssMediaQueries`;
+        await createStatFragment({
+          dir,
+          content: cssMediaQueriesDeclareContent,
+          fileName: 'cssMediaQueries.d.ts',
+          theme,
+          declare: declareCssMediaQueries
+        })
       }
     }
-    if (idx === providerEntries.length - 1) {
-      acc.doc.cssThemes += '}\n/* CssThemes */\n';
-      acc.doc.cssVars += compilerVars ? '}\n/* CssVars */\n' : '';
-      acc.doc.cssGlobalStyles += compilerVars
-        ? '}\n/* CssGlobalStyles */\n'
-        : '';
-      acc.doc.cssMediaQueries += compilerVars
-        ? '}\n/* CssMediaQueries */\n'
-        : '';
-
-      acc.doc.cssClasses += compilerClasses ? '}\n/* CssClasses */\n' : '';
-      acc.doc.cssAvailableComponents += compilerClasses
-        ? '}\n/* CssAvailableComponents */\n'
-        : '';
-      if (declarationHelp) {
-        acc.declare.cssThemes += '}\n/* CssThemes */\n';
-        acc.declare.cssVars += compilerVars ? '}\n/* CssVars */\n' : '';
-        acc.declare.cssGlobalStyles += compilerVars
-          ? '}\n/* CssGlobalStyles */\n'
-          : '';
-        acc.declare.cssMediaQueries += compilerVars
-          ? '}\n/* CssMediaQueries */\n'
-          : '';
-        acc.declare.cssClasses += compilerClasses
-          ? '}\n/* CssClasses */\n'
-          : '';
-        acc.declare.cssAvailableComponents += compilerClasses
-          ? '}\n/* CssAvailableComponents */\n'
-          : '';
+  }
+  const statsPieces = {
+    toImport: '',
+    cssThemes: 'export const cssThemes = {',
+    cssVars: 'export const cssVars = {',
+    cssClassNames: 'export const cssClasses = {',
+    cssAvailableComponents: 'export const cssAvailableComponents = {',
+    cssGlobalStyles: 'export const cssGlobalStyles = {',
+    cssMediaQueries: 'export const cssMediaQueries = {',
+  };
+  const statsDPieces = {
+    toImport: '',
+    cssThemes: 'export declare const cssThemes: ',
+    cssVars: 'export declare const cssVars: ',
+    cssClassNames: 'export declare const cssClasses: ',
+    cssAvailableComponents: 'export declare const cssAvailableComponents: ',
+    cssGlobalStyles: 'export declare const cssGlobalStyles: ',
+    cssMediaQueries: 'export declare const cssMediaQueries: ',
+  };
+  allThemesNames.forEach((theme, idx) => {
+    const simplifiedName = simplifyName(theme);
+    statsPieces.toImport += `import ${simplifiedName}CssTheme from './${theme}/cssTheme.js';\n`;
+    statsPieces.toImport += `import ${simplifiedName}CssVars from './${theme}/cssVars.js';\n`;
+    statsPieces.toImport += `import ${simplifiedName}CssClassNames from './${theme}/cssClassNames.js';\n`;
+    statsPieces.toImport += `import ${simplifiedName}CssAvailableComponents from './${theme}/cssAvailableComponents.js';\n`;
+    statsPieces.toImport += `import ${simplifiedName}CssGlobalStyles from './${theme}/cssGlobalStyles.js';\n`;
+    statsPieces.toImport += `import ${simplifiedName}CssMediaQueries from './${theme}/cssMediaQueries.js';\n`;
+    statsPieces.cssThemes += `...${simplifiedName}CssTheme,`;
+    statsPieces.cssVars += `...${simplifiedName}CssVars,`;
+    statsPieces.cssClassNames += `...${simplifiedName}CssClassNames,`;
+    statsPieces.cssAvailableComponents += `...${simplifiedName}CssAvailableComponents,`;
+    statsPieces.cssGlobalStyles += `...${simplifiedName}CssGlobalStyles,`;
+    statsPieces.cssMediaQueries += `...${simplifiedName}CssMediaQueries,`;
+    if (declarationHelp) {
+      statsDPieces.toImport += `import type { ${simplifiedName}CssTheme } from './${theme}/cssTheme.d.ts';\n`;
+      statsDPieces.toImport += `import type { ${simplifiedName}CssVars } from './${theme}/cssVars.d.ts';\n`;
+      statsDPieces.toImport += `import type { ${simplifiedName}CssClassNames } from './${theme}/cssClassNames.d.ts';\n`;
+      statsDPieces.toImport += `import type { ${simplifiedName}CssAvailableComponents } from './${theme}/cssAvailableComponents.d.ts';\n`;
+      statsDPieces.toImport += `import type { ${simplifiedName}CssGlobalStyles } from './${theme}/cssGlobalStyles.d.ts';\n`;
+      statsDPieces.toImport += `import type { ${simplifiedName}CssMediaQueries } from './${theme}/cssMediaQueries.d.ts';\n`;
+      if (idx > 0) {
+        statsDPieces.cssThemes += ' & ';
+        statsDPieces.cssVars += ' & ';
+        statsDPieces.cssClassNames += ' & ';
+        statsDPieces.cssAvailableComponents += ' & ';
+        statsDPieces.cssGlobalStyles += ' & ';
+        statsDPieces.cssMediaQueries += ' & ';
       }
-    }
-    return acc;
-  }, initialState);
-};
+      statsDPieces.cssThemes += `${simplifiedName}CssTheme`;
+      statsDPieces.cssVars += `${simplifiedName}CssVars`;
+      statsDPieces.cssClassNames += `${simplifiedName}CssClassNames`;
+      statsDPieces.cssAvailableComponents += `${simplifiedName}CssAvailableComponents`;
+      statsDPieces.cssGlobalStyles += `${simplifiedName}CssGlobalStyles`;
+      statsDPieces.cssMediaQueries += `${simplifiedName}CssMediaQueries`;
+    } 
+  });
+  statsPieces.cssThemes += '}';
+  statsPieces.cssVars += '}';
+  statsPieces.cssClassNames += '}';
+  statsPieces.cssAvailableComponents += '}';
+  statsPieces.cssGlobalStyles += '}';
+  statsPieces.cssMediaQueries += '}';
+  const statsFileTemplate = `${statsPieces.toImport}\n${statsPieces.cssThemes}\n${statsPieces.cssVars}\n${statsPieces.cssClassNames}\n${statsPieces.cssAvailableComponents}\n${statsPieces.cssGlobalStyles}\n${statsPieces.cssMediaQueries}\n`;
+  await writeDoc(path.join(dir, 'stats/stats.js'), statsFileTemplate, 'stats.js');
+  if (declarationHelp) {
+    statsDPieces.cssThemes += ';';
+    statsDPieces.cssVars += ';';
+    statsDPieces.cssClassNames += ';';
+    statsDPieces.cssAvailableComponents += ';';
+    statsDPieces.cssGlobalStyles += ';';
+    statsDPieces.cssMediaQueries += ';';
+    const statsDFileTemplate = `${statsDPieces.toImport}\n${statsDPieces.cssThemes}\n${statsDPieces.cssVars}\n${statsDPieces.cssClassNames}\n${statsDPieces.cssAvailableComponents}\n${statsDPieces.cssGlobalStyles}\n${statsDPieces.cssMediaQueries}\n`;
+    await writeDoc(path.join(dir, 'stats/stats.d.ts'), statsDFileTemplate, 'stats.d.ts');
+  }
+}
 
+/**
+ * Create the Bernova provider file and the stats document
+ * 
+ * @param {object} param 
+ * @param {string} param.dir destination directory
+ * @param {object} param.providerDocs provider documentation
+ * @param {boolean} param.declarationHelp enable typescript declaration files
+ * @param {string} param.providerName provider name
+ * @param {string} param.compilerType compiler type
+ * @return {void}
+ */
 const generateProvider = async ({
   dir,
   providerDocs,
@@ -244,16 +279,8 @@ const generateProvider = async ({
   providerName,
   compilerType,
 }) => {
-  const { doc, declare } = await buildStatsDoc({
-    providerDocs,
-    declarationHelp,
-    compilerType,
-    dir,
-  });
-
-  //? write stats document
-  const docsTemplate = `${doc.cssThemes}\n${doc.cssVars}\n${doc.cssClasses}\n${doc.cssAvailableComponents}\n${doc.cssGlobalStyles}\n${doc.cssMediaQueries}\n`;
-  await writeDoc(`${dir}/stats/stats.js`, docsTemplate, 'stats.js');
+  //? write stats and dependencies documents
+  await buildStatsDoc({ providerDocs, declarationHelp, compilerType, dir });
   //? write provider
   const providerDir = path.resolve(__dirname, './template/providerTemplate.js');
   let template = await fs.readFile(providerDir, 'utf8');
@@ -262,9 +289,6 @@ const generateProvider = async ({
   await writeDoc(`${dir}/${providerName}.js`, template, `${providerName}.js`);
 
   if (declarationHelp) {
-    //? write stats declare document
-    const declareTemplate = `${declare.cssThemes}\n${declare.cssVars}\n${declare.cssClasses}\n${declare.cssAvailableComponents}\n${declare.cssGlobalStyles}\n${declare.cssMediaQueries}\nexport declare const cssVars: CssVars;\nexport declare const cssClasses: CssClasses;\nexport declare const cssAvailableComponents: CssAvailableComponents;\nexport declare const cssGlobalStyles: CssGlobalStyles;\nexport declare const cssMediaQueries: CssMediaQueries;\n`;
-    await writeDoc(`${dir}/stats/stats.d.ts`, declareTemplate, 'stats.d.ts');
     //? write provider declare document
     const providerDirDeclare = path.resolve(
       __dirname,