format existing files

Author: louis-bompart

lit-dev.code-workspace

@@ -2,48 +2,48 @@
   "folders": [
     {
       "name": "lit-dev-content",
-      "path": "packages/lit-dev-content"
+      "path": "packages/lit-dev-content",
     },
     {
       "name": "lit-dev-tools-cjs",
-      "path": "packages/lit-dev-tools-cjs"
+      "path": "packages/lit-dev-tools-cjs",
     },
     {
       "name": "lit-dev-tools-esm",
-      "path": "packages/lit-dev-tools-esm"
+      "path": "packages/lit-dev-tools-esm",
     },
     {
       "name": "lit-dev-tests",
-      "path": "packages/lit-dev-tests"
+      "path": "packages/lit-dev-tests",
     },
     {
       "name": "lit-dev-api",
-      "path": "packages/lit-dev-api"
+      "path": "packages/lit-dev-api",
     },
     {
       "name": "lit-dev-server",
-      "path": "packages/lit-dev-server"
+      "path": "packages/lit-dev-server",
     },
     {
       "name": "lit-dev-discord-bot",
-      "path": "packages/lit-dev-discord-bot"
+      "path": "packages/lit-dev-discord-bot",
     },
     {
       "name": "lit.dev",
-      "path": "."
-    }
+      "path": ".",
+    },
   ],
   "settings": {
     "files.insertFinalNewline": true,
     "files.trimTrailingWhitespace": true,
     "[typescript]": {
-      "editor.defaultFormatter": "esbenp.prettier-vscode"
+      "editor.defaultFormatter": "esbenp.prettier-vscode",
     },
     "search.exclude": {
-      "api-data/*/repo": true
+      "api-data/*/repo": true,
     },
   },
   "extensions": {
-    "recommendations": ["esbenp.prettier-vscode"]
-  }
+    "recommendations": ["esbenp.prettier-vscode"],
+  },
 }

packages/lit-dev-cloudbuild-cleanup/src/cleanup.ts

@@ -39,7 +39,7 @@ async function main() {
   if (!PROJECT_ID || !REPO_NAME || !_DEPLOY_REGION) {
     console.log({PROJECT_ID, REPO_NAME, _DEPLOY_REGION});
     throw new Error(
-      'Missing one or more required environment variables: PROJECT_ID, REPO_NAME, _DEPLOY_REGION'
+      'Missing one or more required environment variables: PROJECT_ID, REPO_NAME, _DEPLOY_REGION',
     );
   }
 
@@ -98,7 +98,7 @@ async function main() {
       !rev.metadata.name
     ) {
       throw new Error(
-        `Found revision with missing necessary metadata: ${JSON.stringify(rev)}`
+        `Found revision with missing necessary metadata: ${JSON.stringify(rev)}`,
       );
     }
 
@@ -160,7 +160,7 @@ async function main() {
         } else if (!t.tag.startsWith('main')) {
           // Unrecognized tags are kept just in case
           console.log(
-            `Found unrecognized tag "${t.tag}". This will not be deleted.`
+            `Found unrecognized tag "${t.tag}". This will not be deleted.`,
           );
           revisionsToKeep.add(t.revisionName);
           return true;

packages/lit-dev-content/.eleventy.js

@@ -71,7 +71,7 @@ module.exports = function (eleventyConfig) {
 
   eleventyConfig.addWatchTarget('../lit-dev-api/api-data/*/*.json');
   eleventyConfig.addWatchTarget(
-    '../lit-dev-content/samples/tutorials/**/tutorial.json'
+    '../lit-dev-content/samples/tutorials/**/tutorial.json',
   );
   eleventyConfig.addWatchTarget('../lit-dev-content/samples/tutorials/**/*.md');
   eleventyConfig.addWatchTarget('../lit-dev-content/rollupout/server/*');
@@ -119,14 +119,14 @@ ${content}
       Object.assign(new state.Token('div_open', 'div', 1), {
         attrs: [['class', `heading ${headingTag}`]],
         block: true,
-      })
+      }),
     );
     state.tokens.splice(
       idx + 4,
       0,
       Object.assign(new state.Token('div_close', 'div', -1), {
         block: true,
-      })
+      }),
     );
     linkAfterHeaderBase(slug, opts, state, idx + 1);
   };
@@ -165,16 +165,16 @@ ${content}
     function (url, latestVersion) {
       if (!latestVersion) {
         throw new Error(
-          `No latestVersion provided to 'removeLatestVersionFromUrl`
+          `No latestVersion provided to 'removeLatestVersionFromUrl`,
         );
       }
       if (!url.includes(`/${latestVersion}/`)) {
         throw new Error(
-          `'${url}' does not include the latestVersion versioned path segment`
+          `'${url}' does not include the latestVersion versioned path segment`,
         );
       }
       return url.replace(`/${latestVersion}/`, '/');
-    }
+    },
   );
 
   /**
@@ -191,11 +191,11 @@ ${content}
       }
       if (!latestVersion) {
         throw new Error(
-          `latestVersion not provided to 'fixUnversionedCrossLinks`
+          `latestVersion not provided to 'fixUnversionedCrossLinks`,
         );
       }
       return content.replaceAll(`/docs/${latestVersion}/`, '/docs/');
-    }
+    },
   );
 
   eleventyConfig.addFilter('removeExtension', function (url) {
@@ -446,7 +446,7 @@ ${content}
       if (location === undefined) {
         throw new Error(
           `Ambiguous symbol ${symbol}. ` +
-            `Options: ${locations.map((l) => l.anchor).join(', ')}`
+            `Options: ${locations.map((l) => l.anchor).join(', ')}`,
         );
       }
 
@@ -459,17 +459,17 @@ ${content}
     'api-v3',
     '/docs/v3/api',
     JSON.parse(
-      fsSync.readFileSync('../lit-dev-api/api-data/lit-3/symbols.json', 'utf8')
-    )
+      fsSync.readFileSync('../lit-dev-api/api-data/lit-3/symbols.json', 'utf8'),
+    ),
   );
 
   addApiShortcode(
     'api',
     '/docs/v2/api',
     // Don't use require() because of Node caching in watch mode.
     JSON.parse(
-      fsSync.readFileSync('../lit-dev-api/api-data/lit-2/symbols.json', 'utf8')
-    )
+      fsSync.readFileSync('../lit-dev-api/api-data/lit-2/symbols.json', 'utf8'),
+    ),
   );
 
   addApiShortcode(
@@ -478,9 +478,9 @@ ${content}
     JSON.parse(
       fsSync.readFileSync(
         '../lit-dev-api/api-data/lit-html-1/symbols.json',
-        'utf8'
-      )
-    )
+        'utf8',
+      ),
+    ),
   );
 
   addApiShortcode(
@@ -489,9 +489,9 @@ ${content}
     JSON.parse(
       fsSync.readFileSync(
         '../lit-dev-api/api-data/lit-element-2/symbols.json',
-        'utf8'
-      )
-    )
+        'utf8',
+      ),
+    ),
   );
 
   /**
@@ -520,7 +520,7 @@ ${content}
         `CleanCSS errors/warnings on file ${path}:\n\n${[
           ...result.errors,
           ...result.warnings,
-        ].join('\n')}`
+        ].join('\n')}`,
       );
     }
     return `<style>${result.styles}</style>`;
@@ -554,14 +554,14 @@ ${content}
   // Source: https://github.com/11ty/eleventy-base-blog/blob/master/.eleventy.js
   eleventyConfig.addFilter('readableDate', (dateObj) => {
     return luxon.DateTime.fromJSDate(dateObj, {zone: 'utc'}).toFormat(
-      'LLL d, yyyy'
+      'LLL d, yyyy',
     );
   });
 
   // https://html.spec.whatwg.org/multipage/common-microsyntaxes.html#valid-date-string
   eleventyConfig.addFilter('yyyymmdd', (dateObj) => {
     return luxon.DateTime.fromJSDate(dateObj, {zone: 'utc'}).toFormat(
-      'yyyy-LL-dd'
+      'yyyy-LL-dd',
     );
   });
 
@@ -587,15 +587,15 @@ ${content}
           ENV.eleventyOutDir + '/docs/v3/introduction.html',
           ENV.eleventyOutDir + '/docs/v3/*/index.html',
         ],
-        {ignore: ENV.eleventyOutDir + '/docs/(v1|v2|v3)/index.html'}
+        {ignore: ENV.eleventyOutDir + '/docs/(v1|v2|v3)/index.html'},
       )
     ).filter(
       // TODO(aomarks) This is brittle, we need a way to annotate inside an md
       // file that a page shouldn't be generated.
       (file) =>
         !file.includes('why-lit') &&
         !file.includes('getting-started') &&
-        !file.includes('browser-support')
+        !file.includes('browser-support'),
     );
     await Promise.all(emptyDocsIndexFiles.map((path) => fs.unlink(path)));
 
@@ -611,32 +611,32 @@ ${content}
       // immediately, instead of triggering an Eleventy build.
       await symlinkForce(
         path.join(__dirname, 'site', 'css'),
-        path.join(__dirname, ENV.eleventyOutDir, 'css')
+        path.join(__dirname, ENV.eleventyOutDir, 'css'),
       );
       await symlinkForce(
         path.join(__dirname, 'site', 'images'),
-        path.join(__dirname, ENV.eleventyOutDir, 'images')
+        path.join(__dirname, ENV.eleventyOutDir, 'images'),
       );
       await symlinkForce(
         path.join(__dirname, 'site', 'fonts'),
-        path.join(__dirname, ENV.eleventyOutDir, 'fonts')
+        path.join(__dirname, ENV.eleventyOutDir, 'fonts'),
       );
       await symlinkForce(
         path.join(__dirname, 'samples'),
-        path.join(__dirname, ENV.eleventyOutDir, 'samples')
+        path.join(__dirname, ENV.eleventyOutDir, 'samples'),
       );
 
       // Symlink lib -> _dev/js. This lets us directly reference tsc outputs in
       // dev mode, instead of the Rollup bundles we use for production.
       await symlinkForce(
         path.join(__dirname, 'lib'),
-        path.join(__dirname, ENV.eleventyOutDir, 'js')
+        path.join(__dirname, ENV.eleventyOutDir, 'js'),
       );
     } else {
       // Inline all Playground project files directly into their manifests, to
       // cut down on requests per project.
       await inlinePlaygroundFilesIntoManifests(
-        `${ENV.eleventyOutDir}/samples/**/project.json`
+        `${ENV.eleventyOutDir}/samples/**/project.json`,
       );
 
       // Pre-compress all outputs as .br and .gz files so the server can read
@@ -649,7 +649,7 @@ ${content}
       await fs.writeFile(
         path.join(ENV.eleventyOutDir, 'csp-inline-script-hashes.txt'),
         [...cspInlineScriptHashes].join('\n'),
-        'utf8'
+        'utf8',
       );
     }
   });
@@ -676,7 +676,7 @@ ${content}
   // In prod SSR should use the lit templates run through the minifier.
   if (!DEV) {
     componentModules = componentModules.map((componentPath) =>
-      componentPath.replace('lib/components', 'rollupout/server')
+      componentPath.replace('lib/components', 'rollupout/server'),
     );
   }
 

packages/lit-dev-content/src/code-language-preference.ts

@@ -64,7 +64,7 @@ export const getCodeLanguagePreference = (): CodeLanguagePreference =>
  */
 export const setCodeLanguagePreference = (
   preference: CodeLanguagePreference,
-  force = false
+  force = false,
 ): void => {
   if (!force) {
     let cancelled = false;
@@ -75,7 +75,7 @@ export const setCodeLanguagePreference = (
       },
     };
     window.dispatchEvent(
-      new CustomEvent(BEFORE_CODE_LANGUAGE_CHANGE, {detail})
+      new CustomEvent(BEFORE_CODE_LANGUAGE_CHANGE, {detail}),
     );
     if (cancelled) {
       return;

packages/lit-dev-content/src/components/algolia-search-controller.ts

@@ -62,7 +62,7 @@ export class AgloliaSearchController<T extends {}> {
   constructor(
     host: ReactiveControllerHost,
     argsFn: () => string,
-    options?: Partial<AlgoliaSearchControllerOptions>
+    options?: Partial<AlgoliaSearchControllerOptions>,
   ) {
     const opts = {...agloliaSearchControllerDefaultOptions, ...options};
     this._indexName = opts.index;
@@ -75,7 +75,7 @@ export class AgloliaSearchController<T extends {}> {
     this._task = new Task(
       host,
       ([text]) => this._querySearch(text),
-      () => [argsFn()]
+      () => [argsFn()],
     );
 
     aa('init', {

packages/lit-dev-content/src/components/lazy-svg.ts

@@ -147,7 +147,7 @@ export default class LazySvg extends LitElement {
       },
       {
         rootMargin: this.rootMargin,
-      }
+      },
     );
     observer.observe(this._svgEl);
   }

packages/lit-dev-content/src/components/litdev-aside.ts

@@ -90,7 +90,7 @@ export class LitDevAside extends LitElement {
       default:
         const exhaustiveCheck: never = this.type;
         console.warn(
-          `Received unexpected type for <litdev-aside>: ${exhaustiveCheck}`
+          `Received unexpected type for <litdev-aside>: ${exhaustiveCheck}`,
         );
         return nothing;
     }

packages/lit-dev-content/src/components/litdev-banner.ts

@@ -33,7 +33,7 @@ export class LitDevBanner extends HTMLElement {
       if (size) {
         document.documentElement.style.setProperty(
           '--banner-height',
-          `${size.blockSize}px`
+          `${size.blockSize}px`,
         );
       }
     });

packages/lit-dev-content/src/components/litdev-code-language-switch.ts

@@ -113,15 +113,15 @@ export class LitDevCodeLanguageSwitch extends LitElement {
     super.connectedCallback();
     window.addEventListener(
       CODE_LANGUAGE_CHANGE,
-      this._onCodeLanguagePreferenceChanged
+      this._onCodeLanguagePreferenceChanged,
     );
   }
 
   override disconnectedCallback() {
     super.disconnectedCallback();
     window.removeEventListener(
       CODE_LANGUAGE_CHANGE,
-      this._onCodeLanguagePreferenceChanged
+      this._onCodeLanguagePreferenceChanged,
     );
   }
 

packages/lit-dev-content/src/components/litdev-cookie-banner.ts

@@ -31,7 +31,8 @@ export default class LitdevCookieBanner extends LitElement {
       /* Material 2 elevation 5
       https://lit.dev/playground/?mods=gists#gist=3ee0643323ce76d53bb8f5a98149dd45
       */
-      box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px,
+      box-shadow:
+        rgba(0, 0, 0, 0.2) 0px 3px 5px -1px,
         rgba(0, 0, 0, 0.14) 0px 5px 8px 0px,
         rgba(0, 0, 0, 0.12) 0px 1px 14px 0px;
     }