Fixes for app and prettier (#1028)

* fix for app * prettier * fix for app * prettier * update prettierignore * prettier * prettier * fix prism vendoring
2026-01-11 20:08:56 +00:00 · 2025-06-04 10:28:38 -04:00
parent f8dca5d1a8
commit eac60a9022
12 changed files with 100 additions and 109 deletions
--- a/.prettierignore
+++ b/.prettierignore
@@ -1,18 +1,23 @@
+# Files are relative to .prettierignore at the root of this monorepo.
+# <https://github.com/prettier/prettier-vscode/issues/1252>
+
 *.hbs
 *.md
-!docs/docs/patterns/**/*.md
+!packages/webawesome/docs/docs/patterns/**/*.md
 docs/docs/patterns/blog-news/post-list.md
-.cache
+**/*/.cache
 .github
 cspell.json
-dist
-docs/search.json
-src/components/icon/icons
-src/react/index.ts
+packages/**/*/dist
+packages/**/*/dist-cdn
+packages/**/*/docs/search.json
+packages/**/*/src/components/icon/icons
+packages/**/*/src/react/index.ts
+**/*/package.json
+**/*/package-lock.json
+**/*/tsconfig.json
+**/*/tsconfig.prod.json
 node_modules
-package.json
-package-lock.json
-tsconfig.json
-cdn
-_site
-docs/assets/scripts/prism-downloaded.js
+
+packages/**/*/_site
+packages/webawesome/docs/assets/scripts/prism-downloaded.js
--- a/packages/webawesome/custom-elements-manifest.js
+++ b/packages/webawesome/custom-elements-manifest.js
@@ -3,9 +3,9 @@ import { customElementVsCodePlugin } from 'custom-element-vs-code-integration';
 // import { customElementVuejsPlugin } from 'custom-element-vuejs-integration';
 import { parse } from 'comment-parser';
 import fs from 'fs';
+import * as path from 'node:path';
 import { pascalCase } from 'pascal-case';
 import * as url from 'url';
-import * as path from "node:path"
 const __dirname = url.fileURLToPath(new URL('.', import.meta.url));

 const packageData = JSON.parse(fs.readFileSync(path.join(__dirname, 'package.json'), 'utf8'));
@@ -186,4 +186,3 @@ export default {
    // })
  ],
 };
-
--- a/packages/webawesome/docs/.eleventy.js
+++ b/packages/webawesome/docs/.eleventy.js
@@ -1,5 +1,5 @@
+import * as fs from 'node:fs';
 import * as path from 'node:path';
-import * as fs from "node:fs"
 import { anchorHeadingsPlugin } from './_utils/anchor-headings.js';
 import { codeExamplesPlugin } from './_utils/code-examples.js';
 import { copyCodePlugin } from './_utils/copy-code.js';
@@ -41,7 +41,7 @@ export default async function (eleventyConfig) {
   */
  const passThroughExtensions = ['js', 'css', 'png', 'svg', 'jpg', 'mp4'];

-  const docsDir = path.join(process.env.BASE_DIR || ".", 'docs');
+  const docsDir = path.join(process.env.BASE_DIR || '.', 'docs');
  const passThrough = [...passThroughExtensions.map(ext => path.join(docsDir, '**/*.' + ext))];

  /**
@@ -176,9 +176,8 @@ export default async function (eleventyConfig) {
  //   eleventyConfig.addPlugin(formatCodePlugin());
  // }

-
-  let assetsDir = path.join(process.env.BASE_DIR || "docs", "assets")
-  fs.cpSync(assetsDir, path.join(eleventyConfig.directories.output, "assets"), { recursive: true })
+  let assetsDir = path.join(process.env.BASE_DIR || 'docs', 'assets');
+  fs.cpSync(assetsDir, path.join(eleventyConfig.directories.output, 'assets'), { recursive: true });

  for (let glob of passThrough) {
    eleventyConfig.addPassthroughCopy(glob);
@@ -210,7 +209,6 @@ export default async function (eleventyConfig) {
  // }
 }

-
 export const config = {
  markdownTemplateEngine: 'njk',
  dir: {
@@ -219,5 +217,4 @@ export const config = {
    layouts: '_layouts',
  },
  templateFormats: ['njk', 'md'],
-}
-
+};
--- a/packages/webawesome/docs/_data/componentList.js
+++ b/packages/webawesome/docs/_data/componentList.js
@@ -2,13 +2,13 @@
 * @module components Fetches components from custom-elements.json and exposes them in a saner format.
 */
 import { readFileSync } from 'fs';
-import { join, dirname, resolve } from 'path';
+import { dirname, join, resolve } from 'path';
 import { fileURLToPath } from 'url';

 const __dirname = dirname(fileURLToPath(import.meta.url));
 const customElementsJSON = process.env.DIST_DIR
-  ? join(process.env.DIST_DIR, "custom-elements.json")
-  : resolve(__dirname, '../../dist/custom-elements.json')
+  ? join(process.env.DIST_DIR, 'custom-elements.json')
+  : resolve(__dirname, '../../dist/custom-elements.json');

 const manifest = JSON.parse(readFileSync(customElementsJSON), 'utf-8');

@@ -76,4 +76,3 @@ components.sort((a, b) => {
 });

 export default components;
-
--- a/packages/webawesome/docs/assets/scripts/prism-downloaded.js
+++ b/packages/webawesome/docs/assets/scripts/prism-downloaded.js
@@ -6,3 +6,4 @@ Prism.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0
 Prism.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/};
 Prism.languages.javascript=Prism.languages.extend("clike",{"class-name":[Prism.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp("(^|[^\\w$])(?:NaN|Infinity|0[bB][01]+(?:_[01]+)*n?|0[oO][0-7]+(?:_[0-7]+)*n?|0[xX][\\dA-Fa-f]+(?:_[\\dA-Fa-f]+)*n?|\\d+(?:_\\d+)*n|(?:\\d+(?:_\\d+)*(?:\\.(?:\\d+(?:_\\d+)*)?)?|\\.\\d+(?:_\\d+)*)(?:[Ee][+-]?\\d+(?:_\\d+)*)?)(?![\\w$])"),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),Prism.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:RegExp("((?:^|[^$\\w\\xA0-\\uFFFF.\"'\\])\\s]|\\b(?:return|yield))\\s*)/(?:(?:\\[(?:[^\\]\\\\\r\n]|\\\\.)*\\]|\\\\.|[^/\\\\\\[\r\n])+/[dgimyus]{0,7}|(?:\\[(?:[^[\\]\\\\\r\n]|\\\\.|\\[(?:[^[\\]\\\\\r\n]|\\\\.|\\[(?:[^[\\]\\\\\r\n]|\\\\.)*\\])*\\])*\\]|\\\\.|[^/\\\\\\[\r\n])+/[dgimyus]{0,7}v[dgimyus]{0,7})(?=(?:\\s|/\\*(?:[^*]|\\*(?!/))*\\*/)*(?:$|[\r\n,.;:})\\]]|//))"),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:Prism.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:Prism.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),Prism.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:Prism.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),Prism.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),Prism.languages.markup&&(Prism.languages.markup.tag.addInlined("script","javascript"),Prism.languages.markup.tag.addAttribute("on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)","javascript")),Prism.languages.js=Prism.languages.javascript;
 !function(){if("undefined"!=typeof Prism){var n,s,a="";Prism.plugins.customClass={add:function(s){n=s},map:function(n){s="function"==typeof n?n:function(s){return n[s]||s}},prefix:function(n){a=n||""},apply:t},Prism.hooks.add("wrap",(function(e){if(n){var u=n({content:e.content,type:e.type,language:e.language});Array.isArray(u)?e.classes.push.apply(e.classes,u):u&&e.classes.push(u)}(s||a)&&(e.classes=e.classes.map((function(n){return t(n,e.language)})))}))}function t(n,t){return a+(s?s(n,t):n)}}();
+
--- a/packages/webawesome/package.json
+++ b/packages/webawesome/package.json
@@ -54,7 +54,7 @@
    "test:component": "CSR_ONLY=\"true\" web-test-runner -- --watch --group",
    "test:contrast": "cd src/styles/color && node contrast.test.js",
    "test:watch": "web-test-runner --watch --group default",
-    "prettier": "prettier --check --log-level=warn --ignore-path=\"../../.prettierignore\".",
+    "prettier": "prettier --check --log-level=warn --ignore-path=\"../../.prettierignore\" .",
    "prettier:fix": "prettier --write --log-level=warn --ignore-path=\"../../.prettierignore\" .",
    "spellcheck": "cspell \"**/*.{js,ts,json,html,css,md}\" --no-progress --config=\"../../cspell.json\"",
    "verify": "npm run prettier && npm run build && npm run test",
--- a/packages/webawesome/scripts/build.js
+++ b/packages/webawesome/scripts/build.js
@@ -8,19 +8,12 @@ import { replace } from 'esbuild-plugin-replace';
 import { mkdir, readFile } from 'fs/promises';
 import getPort, { portNumbers } from 'get-port';
 import { globby } from 'globby';
-import ora from 'ora';
 import { dirname, join, relative } from 'node:path';
 import process from 'node:process';
-import copy from 'recursive-copy';
 import { fileURLToPath } from 'node:url';
-import {
-  getCdnDir,
-  getDistDir,
-  getDocsDir,
-  getRootDir,
-  getSiteDir,
-  runScript,
-} from './utils.js';
+import ora from 'ora';
+import copy from 'recursive-copy';
+import { getCdnDir, getDistDir, getDocsDir, getRootDir, getSiteDir, runScript } from './utils.js';

 const __dirname = dirname(fileURLToPath(import.meta.url));
 const isDeveloping = process.argv.includes('--develop');
@@ -42,19 +35,18 @@ let buildContexts = {
 /**
 * @param {BuildOptions} [options={}]
 */
-export async function build (options = {}) {
+export async function build(options = {}) {
  if (!options.watchedSrcDirectories) {
-    options.watchedSrcDirectories = ['src']
+    options.watchedSrcDirectories = ['src'];
  }

  if (!options.watchedDocsDirectories) {
-    options.watchedDocsDirectories = [getDocsDir()]
+    options.watchedDocsDirectories = [getDocsDir()];
  }

-
  /**
-  * Runs the full build.
-  */
+   * Runs the full build.
+   */
  async function buildAll() {
    const start = Date.now();

@@ -92,8 +84,8 @@ export async function build (options = {}) {
  }

  /**
-  * Analyzes components and generates the custom elements manifest file.
-  */
+   * Analyzes components and generates the custom elements manifest file.
+   */
  function generateManifest() {
    spinner.start('Generating CEM');

@@ -113,14 +105,14 @@ export async function build (options = {}) {
  }

  /**
-  * Generates React wrappers for all components.
-  */
+   * Generates React wrappers for all components.
+   */
  function generateReactWrappers() {
    spinner.start('Generating React wrappers');

    try {
      // need to run  make-react from this directories.
-      execSync(`node ${join(__dirname, "make-react.js")} --outdir "${getCdnDir()}"`, { stdio: 'inherit' });
+      execSync(`node ${join(__dirname, 'make-react.js')} --outdir "${getCdnDir()}"`, { stdio: 'inherit' });
    } catch (error) {
      console.error(`\n\n${error.message}`);

@@ -134,8 +126,8 @@ export async function build (options = {}) {
  }

  /**
-  * Copies theme stylesheets to the dist.
-  */
+   * Copies theme stylesheets to the dist.
+   */
  async function generateStyles() {
    spinner.start('Copying stylesheets');

@@ -147,20 +139,20 @@ export async function build (options = {}) {
  }

  /**
-  * Runs TypeScript to generate types.
-  */
+   * Runs TypeScript to generate types.
+   */
  async function generateTypes() {
    spinner.start('Running the TypeScript compiler');

-    const cwd = process.cwd()
+    const cwd = process.cwd();
    try {
      if (process.env.ROOT_DIR) {
-        process.chdir(process.env.ROOT_DIR)
+        process.chdir(process.env.ROOT_DIR);
      }
      execSync(`tsc --project ./tsconfig.prod.json --outdir "${getCdnDir()}"`);
-      process.chdir(cwd)
+      process.chdir(cwd);
    } catch (error) {
-      process.chdir(cwd)
+      process.chdir(cwd);
      if (!isDeveloping) {
        process.exit(1);
      }
@@ -173,12 +165,12 @@ export async function build (options = {}) {
  }

  /**
-  * Runs esbuild to generate the final dist.
-  */
+   * Runs esbuild to generate the final dist.
+   */
  async function generateBundle() {
    spinner.start('Bundling with esbuild');

-    const rootDir = process.env.ROOT_DIR || "."
+    const rootDir = process.env.ROOT_DIR || '.';
    // Bundled config
    const config = {
      format: 'esm',
@@ -246,8 +238,8 @@ export async function build (options = {}) {
  }

  /**
-  * Incrementally rebuilds the source files. Must be called only after `generateBundle()` has been called.
-  */
+   * Incrementally rebuilds the source files. Must be called only after `generateBundle()` has been called.
+   */
  async function regenerateBundle() {
    try {
      spinner.start('Re-bundling with esbuild');
@@ -266,12 +258,12 @@ export async function build (options = {}) {
  }

  /**
-  * Generates the documentation site.
-  */
+   * Generates the documentation site.
+   */
  async function generateDocs() {
    /**
-    * Used by the webawesome-app to skip doc generation since it will do its own.
-    */
+     * Used by the webawesome-app to skip doc generation since it will do its own.
+     */
    if (process.env.SKIP_ELEVENTY === 'true') {
      return;
    }
@@ -375,19 +367,19 @@ export async function build (options = {}) {

    // TODO: Should probably listen for all of these instead of just "change"
    const watchEvents = [
-      "change",
+      'change',
      // "unlink",
      // "add"
-    ]
+    ];
    // Rebuild and reload when source files change
-    options.watchedSrcDirectories.forEach((dir) => {
-      const watcher = bs.watch(join(dir, "**", "!(*.test).*"))
+    options.watchedSrcDirectories.forEach(dir => {
+      const watcher = bs.watch(join(dir, '**', '!(*.test).*'));

-      watchEvents.forEach((evt) => {
-        watcher.on(evt, handleWatchEvent(evt))
-      })
-      function handleWatchEvent (evt) {
-        return async (filename) => {
+      watchEvents.forEach(evt => {
+        watcher.on(evt, handleWatchEvent(evt));
+      });
+      function handleWatchEvent(evt) {
+        return async filename => {
          spinner.info(`File modified ${chalk.gray(`(${relative(getRootDir(), filename)})`)}`);

          try {
@@ -401,8 +393,8 @@ export async function build (options = {}) {
              return;
            }

-            if (typeof options.onWatchEvent === "function") {
-              await options.onWatchEvent(evt, filename)
+            if (typeof options.onWatchEvent === 'function') {
+              await options.onWatchEvent(evt, filename);
            }
            await regenerateBundle();

@@ -427,29 +419,29 @@ export async function build (options = {}) {
              process.exit(1);
            }
          }
-        }
+        };
      }
-    })
+    });

    // Rebuild the docs and reload when the docs change
-    options.watchedDocsDirectories.forEach((dir) => {
-      const watcher = bs.watch(join(dir, "**", "*.*"))
+    options.watchedDocsDirectories.forEach(dir => {
+      const watcher = bs.watch(join(dir, '**', '*.*'));

-      watchEvents.forEach((evt) => {
-        watcher.on(evt, handleWatchEvent(evt))
-      })
+      watchEvents.forEach(evt => {
+        watcher.on(evt, handleWatchEvent(evt));
+      });

-      function handleWatchEvent (evt) {
-        return async (filename) => {
+      function handleWatchEvent(evt) {
+        return async filename => {
          spinner.info(`File modified ${chalk.gray(`(${relative(getRootDir(), filename)})`)}`);
-          if (typeof options.onWatchEvent === "function") {
-            await options.onWatchEvent(evt, filename)
+          if (typeof options.onWatchEvent === 'function') {
+            await options.onWatchEvent(evt, filename);
          }
          await generateDocs();
          reload();
-        }
+        };
      }
-    })
+    });
  }

  //
@@ -468,22 +460,23 @@ export async function build (options = {}) {

  process.on('SIGINT', terminate);
  process.on('SIGTERM', terminate);
-  }
+}

 // https://exploringjs.com/nodejs-shell-scripting/ch_nodejs-path.html#detecting-if-module-is-main
 // Detects if this was called via node scripts/build.js
-function isRunAsMain () {
-  if (import.meta.url.startsWith('file:')) { // (A)
+function isRunAsMain() {
+  if (import.meta.url.startsWith('file:')) {
+    // (A)
    const modulePath = fileURLToPath(import.meta.url);
-    if (process.argv[1] === modulePath) { // (B)
-      return true
+    if (process.argv[1] === modulePath) {
+      // (B)
+      return true;
    }
  }

-  return false
+  return false;
 }

 if (isRunAsMain()) {
-  await build()
+  await build();
 }
-
--- a/packages/webawesome/scripts/docs.js
+++ b/packages/webawesome/scripts/docs.js
@@ -1,11 +1,11 @@
 import Eleventy from '@11ty/eleventy';
 import { deleteAsync } from 'del';
 import { join } from 'path';
-import { getDocsDir, getSiteDir } from './utils.js';
+import { getDocsDir, getEleventyConfigPath, getSiteDir } from './utils.js';

 const elev = new Eleventy(getDocsDir(), getSiteDir(), {
  quietMode: true,
-  configPath: join(getDocsDir(), '.eleventy.js'),
+  configPath: getEleventyConfigPath(),
 });

 // Cleanup
@@ -13,4 +13,3 @@ await deleteAsync(getSiteDir());

 // Write it
 await elev.write();
-
--- a/packages/webawesome/scripts/make-react.js
+++ b/packages/webawesome/scripts/make-react.js
@@ -8,8 +8,8 @@ import { getAllComponents } from './shared.js';

 const { outdir } = commandLineArgs({ name: 'outdir', type: String });

-const reactDir = path.join(process.env.ROOT_DIR || ".", 'src', 'react');
-const srcDir = process.env.ROOT_DIR ? path.join(process.env.ROOT_DIR, "src") : "."
+const reactDir = path.join(process.env.ROOT_DIR || '.', 'src', 'react');
+const srcDir = process.env.ROOT_DIR ? path.join(process.env.ROOT_DIR, 'src') : '.';

 // Clear build directory
 deleteSync(reactDir);
@@ -25,7 +25,7 @@ for await (const component of components) {
  const tagWithoutPrefix = component.tagName.replace(/^wa-/, '');
  const componentDir = path.join(reactDir, tagWithoutPrefix);
  const componentFile = path.join(componentDir, 'index.ts');
-  const importPath = path.relative(srcDir, component.path)
+  const importPath = path.relative(srcDir, component.path);

  // We only want to wrap wa- prefixed events, because the others are native
  const eventsToWrap = component.events?.filter(event => event.name.startsWith('wa-')) || [];
@@ -81,4 +81,3 @@ for await (const component of components) {

 // Generate the index file
 fs.writeFileSync(path.join(reactDir, 'index.ts'), index.join('\n'), 'utf8');
-
--- a/packages/webawesome/scripts/utils.js
+++ b/packages/webawesome/scripts/utils.js
@@ -11,6 +11,7 @@ export const getDistDir = () => process.env.DIST_DIR || join(getRootDir(), 'dist
 export const getCdnDir = () => process.env.CDN_DIR || join(getRootDir(), 'dist-cdn');
 export const getDocsDir = () => process.env.DOCS_DIR || join(getRootDir(), 'docs');
 export const getSiteDir = () => process.env.SITE_DIR || join(getRootDir(), '_site');
+export const getEleventyConfigPath = () => process.env.ELEVENTY_CONFIG_PATH || join(getDocsDir(), '.eleventy.js');

 /**
 * Runs a script and returns a promise that resolves with the content of stdout when the script exits or rejects with
@@ -57,4 +58,3 @@ export function runScript(scriptPath, args = [], options = {}) {
    });
  });
 }
-
--- a/packages/webawesome/src/components/radio-group/radio-group.test.ts
+++ b/packages/webawesome/src/components/radio-group/radio-group.test.ts
@@ -108,9 +108,9 @@ describe('<wa-radio-group>', () => {

          // TODO: Go back to clickOnElement when we can determine why CI is not cleaning up elements.
          // await clickOnElement(secondRadio);
-          secondRadio.click()
+          secondRadio.click();
          await secondRadio.updateComplete;
-          await radioGroup.updateComplete
+          await radioGroup.updateComplete;

          expect(radioGroup.checkValidity()).to.be.true;
          expect(radioGroup.customStates.has('user-invalid')).to.be.false;
@@ -135,7 +135,7 @@ describe('<wa-radio-group>', () => {

          // TODO: Go back to clickOnElement when we can determine why CI is not cleaning up elements.
          // await clickOnElement(secondRadio);
-          secondRadio.click()
+          secondRadio.click();
          await radioGroup.updateComplete;
          radioGroup.value = '';
          await radioGroup.updateComplete;
--- a/packages/webawesome/src/utilities/autoloader.ts
+++ b/packages/webawesome/src/utilities/autoloader.ts
@@ -100,4 +100,3 @@ export function preventTurboFouce(timeout = 2000) {
    }
  });
 }
-