Run Prettier on all files

This will change all existing files to match Prettier formatting.

The command used is `npm run format`.

Author: koesie10

extensions/ql-vscode/.storybook/main.ts

@@ -1,20 +1,17 @@
-import type { StorybookConfig } from '@storybook/core-common';
+import type { StorybookConfig } from "@storybook/core-common";
 
 const config: StorybookConfig = {
-  stories: [
-    '../src/**/*.stories.mdx',
-    '../src/**/*.stories.@(js|jsx|ts|tsx)'
-  ],
+  stories: ["../src/**/*.stories.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
   addons: [
-    '@storybook/addon-links',
-    '@storybook/addon-essentials',
-    '@storybook/addon-interactions',
-    './vscode-theme-addon/preset.ts',
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
+    "@storybook/addon-interactions",
+    "./vscode-theme-addon/preset.ts",
   ],
-  framework: '@storybook/react',
+  framework: "@storybook/react",
   core: {
-    builder: '@storybook/builder-webpack5'
-  }
+    builder: "@storybook/builder-webpack5",
+  },
 };
 
 module.exports = config;

extensions/ql-vscode/.storybook/manager.ts

@@ -1,5 +1,5 @@
-import { addons } from '@storybook/addons';
-import { themes } from '@storybook/theming';
+import { addons } from "@storybook/addons";
+import { themes } from "@storybook/theming";
 
 addons.setConfig({
   theme: themes.dark,

extensions/ql-vscode/.storybook/preview.ts

@@ -1,13 +1,13 @@
-import { themes } from '@storybook/theming';
-import { action } from '@storybook/addon-actions';
+import { themes } from "@storybook/theming";
+import { action } from "@storybook/addon-actions";
 
 // Allow all stories/components to use Codicons
-import '@vscode/codicons/dist/codicon.css';
+import "@vscode/codicons/dist/codicon.css";
 
 // https://storybook.js.org/docs/react/configure/overview#configure-story-rendering
 export const parameters = {
   // All props starting with `on` will automatically receive an action as a prop
-  actions: { argTypesRegex: '^on[A-Z].*' },
+  actions: { argTypesRegex: "^on[A-Z].*" },
   // All props matching these names will automatically get the correct control
   controls: {
     matchers: {
@@ -22,10 +22,10 @@ export const parameters = {
   backgrounds: {
     // The background is injected by our theme CSS files
     disable: true,
-  }
+  },
 };
 
 (window as any).acquireVsCodeApi = () => ({
-  postMessage: action('post-vscode-message'),
-  setState: action('set-vscode-state'),
+  postMessage: action("post-vscode-message"),
+  setState: action("set-vscode-state"),
 });

extensions/ql-vscode/.storybook/vscode-theme-addon/ThemeSelector.tsx

@@ -1,40 +1,52 @@
-import * as React from 'react';
-import { FunctionComponent, useCallback } from 'react';
+import * as React from "react";
+import { FunctionComponent, useCallback } from "react";
 
-import { useGlobals } from '@storybook/api';
-import { IconButton, Icons, WithTooltip, TooltipLinkList, Link, WithHideFn } from '@storybook/components';
+import { useGlobals } from "@storybook/api";
+import {
+  IconButton,
+  Icons,
+  WithTooltip,
+  TooltipLinkList,
+  Link,
+  WithHideFn,
+} from "@storybook/components";
 
-import { themeNames, VSCodeTheme } from './theme';
+import { themeNames, VSCodeTheme } from "./theme";
 
 export const ThemeSelector: FunctionComponent = () => {
   const [{ vscodeTheme }, updateGlobals] = useGlobals();
 
-  const changeTheme = useCallback((theme: VSCodeTheme) => {
-    updateGlobals({
-      vscodeTheme: theme,
-    });
-  }, [updateGlobals]);
-
-  const createLinks = useCallback((onHide: () => void): Link[] => Object.values(VSCodeTheme).map((theme) => ({
-    id: theme,
-    onClick() {
-      changeTheme(theme);
-      onHide();
+  const changeTheme = useCallback(
+    (theme: VSCodeTheme) => {
+      updateGlobals({
+        vscodeTheme: theme,
+      });
     },
-    title: themeNames[theme],
-    value: theme,
-    active: vscodeTheme === theme,
-  })), [vscodeTheme, changeTheme]);
+    [updateGlobals],
+  );
+
+  const createLinks = useCallback(
+    (onHide: () => void): Link[] =>
+      Object.values(VSCodeTheme).map((theme) => ({
+        id: theme,
+        onClick() {
+          changeTheme(theme);
+          onHide();
+        },
+        title: themeNames[theme],
+        value: theme,
+        active: vscodeTheme === theme,
+      })),
+    [vscodeTheme, changeTheme],
+  );
 
   return (
     <WithTooltip
       placement="top"
       trigger="click"
       closeOnClick
       tooltip={({ onHide }: WithHideFn) => (
-        <TooltipLinkList
-          links={createLinks(onHide)}
-        />
+        <TooltipLinkList links={createLinks(onHide)} />
       )}
     >
       <IconButton

extensions/ql-vscode/.storybook/vscode-theme-addon/manager.tsx

@@ -1,12 +1,12 @@
-import * as React from 'react';
-import { addons, types } from '@storybook/addons';
-import { ThemeSelector } from './ThemeSelector';
+import * as React from "react";
+import { addons, types } from "@storybook/addons";
+import { ThemeSelector } from "./ThemeSelector";
 
-const ADDON_ID = 'vscode-theme-addon';
+const ADDON_ID = "vscode-theme-addon";
 
 addons.register(ADDON_ID, () => {
   addons.add(ADDON_ID, {
-    title: 'VSCode Themes',
+    title: "VSCode Themes",
     type: types.TOOL,
     match: ({ viewMode }) => !!(viewMode && viewMode.match(/^(story|docs)$/)),
     render: () => <ThemeSelector />,

extensions/ql-vscode/.storybook/vscode-theme-addon/preset.ts

@@ -1,7 +1,7 @@
 export function config(entry = []) {
-  return [...entry, require.resolve('./preview.ts')];
+  return [...entry, require.resolve("./preview.ts")];
 }
 
 export function managerEntries(entry = []) {
-  return [...entry, require.resolve('./manager.tsx')];
+  return [...entry, require.resolve("./manager.tsx")];
 }

extensions/ql-vscode/.storybook/vscode-theme-addon/preview.ts

@@ -1,5 +1,5 @@
-import { withTheme } from './withTheme';
-import { VSCodeTheme } from './theme';
+import { withTheme } from "./withTheme";
+import { VSCodeTheme } from "./theme";
 
 export const decorators = [withTheme];
 

extensions/ql-vscode/.storybook/vscode-theme-addon/theme.ts

@@ -1,9 +1,9 @@
 export enum VSCodeTheme {
-  Dark = 'dark',
-  Light = 'light',
+  Dark = "dark",
+  Light = "light",
 }
 
 export const themeNames: { [key in VSCodeTheme]: string } = {
-  [VSCodeTheme.Dark]: 'Dark+',
-  [VSCodeTheme.Light]: 'Light+',
+  [VSCodeTheme.Dark]: "Dark+",
+  [VSCodeTheme.Light]: "Light+",
 };

extensions/ql-vscode/.storybook/vscode-theme-addon/withTheme.ts

@@ -1,35 +1,45 @@
-import { useEffect, useGlobals } from '@storybook/addons';
-import type { AnyFramework, PartialStoryFn as StoryFunction, StoryContext } from '@storybook/csf';
+import { useEffect, useGlobals } from "@storybook/addons";
+import type {
+  AnyFramework,
+  PartialStoryFn as StoryFunction,
+  StoryContext,
+} from "@storybook/csf";
 
-import { VSCodeTheme } from './theme';
+import { VSCodeTheme } from "./theme";
 
 const themeFiles: { [key in VSCodeTheme]: string } = {
-  // eslint-disable-next-line @typescript-eslint/no-var-requires
-  [VSCodeTheme.Dark]: require('!file-loader?modules!../../src/stories/vscode-theme-dark.css').default,
-  // eslint-disable-next-line @typescript-eslint/no-var-requires
-  [VSCodeTheme.Light]: require('!file-loader?modules!../../src/stories/vscode-theme-light.css').default,
+  [VSCodeTheme.Dark]:
+    // eslint-disable-next-line @typescript-eslint/no-var-requires
+    require("!file-loader?modules!../../src/stories/vscode-theme-dark.css")
+      .default,
+  [VSCodeTheme.Light]:
+    // eslint-disable-next-line @typescript-eslint/no-var-requires
+    require("!file-loader?modules!../../src/stories/vscode-theme-light.css")
+      .default,
 };
 
 export const withTheme = (
   StoryFn: StoryFunction<AnyFramework>,
-  context: StoryContext<AnyFramework>
+  context: StoryContext<AnyFramework>,
 ) => {
   const [{ vscodeTheme }] = useGlobals();
 
   useEffect(() => {
     const styleSelectorId =
-      context.viewMode === 'docs'
+      context.viewMode === "docs"
         ? `addon-vscode-theme-docs-${context.id}`
-        : 'addon-vscode-theme-theme';
+        : "addon-vscode-theme-theme";
 
-    const theme = Object.values(VSCodeTheme).includes(vscodeTheme) ? vscodeTheme as VSCodeTheme : VSCodeTheme.Dark;
+    const theme = Object.values(VSCodeTheme).includes(vscodeTheme)
+      ? (vscodeTheme as VSCodeTheme)
+      : VSCodeTheme.Dark;
 
     document.getElementById(styleSelectorId)?.remove();
 
-    const link = document.createElement('link');
+    const link = document.createElement("link");
     link.id = styleSelectorId;
     link.href = themeFiles[theme];
-    link.rel = 'stylesheet';
+    link.rel = "stylesheet";
 
     document.head.appendChild(link);
   }, [vscodeTheme]);

extensions/ql-vscode/gulpfile.ts/appInsights.ts

@@ -1,17 +1,20 @@
-import * as gulp from 'gulp';
+import * as gulp from "gulp";
 // eslint-disable-next-line @typescript-eslint/no-var-requires
-const replace = require('gulp-replace');
+const replace = require("gulp-replace");
 
 /** Inject the application insights key into the telemetry file */
 export function injectAppInsightsKey() {
   if (!process.env.APP_INSIGHTS_KEY) {
     // noop
-    console.log('APP_INSIGHTS_KEY environment variable is not set. So, cannot inject it into the application.');
+    console.log(
+      "APP_INSIGHTS_KEY environment variable is not set. So, cannot inject it into the application.",
+    );
     return Promise.resolve();
   }
 
   // replace the key
-  return gulp.src(['out/telemetry.js'])
+  return gulp
+    .src(["out/telemetry.js"])
     .pipe(replace(/REPLACE-APP-INSIGHTS-KEY/, process.env.APP_INSIGHTS_KEY))
-    .pipe(gulp.dest('out/'));
+    .pipe(gulp.dest("out/"));
 }