Fix the inconsistent semicolon delimiting in typescript types and interfaces

Author: leeyi45

.github/actions/src/commons.ts

@@ -2,35 +2,35 @@ import { getExecOutput } from '@actions/exec';
 import memoize from 'lodash/memoize.js';
 
 export interface RawPackageRecord {
-  directory: string
-  hasChanges: boolean
+  directory: string;
+  hasChanges: boolean;
   package: {
-    name: string
-    devDependencies: Record<string, string>
-    dependencies: Record<string, string>
-  }
+    name: string;
+    devDependencies: Record<string, string>;
+    dependencies: Record<string, string>;
+  };
 }
 
 interface BasePackageRecord {
   /**
    * Directory within which the `package.json` file was found
    */
-  directory: string
+  directory: string;
 
   /**
    * Full scoped package name
    */
-  name: string
+  name: string;
   /**
    * `true` if git detected changes from within the package's subdirectories,
    * `false` otherwise
    */
-  changes: boolean
+  changes: boolean;
   /**
    * `true` if playwright is present under devDependencies. This means that the package
    * might need playwright for its tests
    */
-  needsPlaywright: boolean
+  needsPlaywright: boolean;
 }
 
 export interface BundlePackageRecord extends BasePackageRecord {

devserver/src/components/SettingsPopup.tsx

@@ -2,10 +2,10 @@ import { Card, EditableText, Switch, Tooltip } from '@blueprintjs/core';
 import { useState } from 'react';
 
 type SettingsPopupProps = {
-  backend: string
-  useCompiledForTabs: boolean
-  onUseCompiledChange?: (newValue: boolean) => void
-  onBackendChange?: (newValue: string) => void
+  backend: string;
+  useCompiledForTabs: boolean;
+  onUseCompiledChange?: (newValue: boolean) => void;
+  onBackendChange?: (newValue: string) => void;
 };
 
 export default function SettingsPopup(props: SettingsPopupProps) {

devserver/src/components/Workspace.tsx

@@ -10,8 +10,8 @@ import { useDimensions } from './utils/Hooks';
 
 type DispatchProps = {
   handleEditorEval: () => void;
-  handleEditorValueChange: (newValue: string) => void
-  handlePromptAutocomplete: (row: number, col: number, callback: any) => void
+  handleEditorValueChange: (newValue: string) => void;
+  handlePromptAutocomplete: (row: number, col: number, callback: any) => void;
 };
 
 type StateProps = {
@@ -21,9 +21,9 @@ type StateProps = {
   replProps: ReplProps;
   sideContentHeight?: number;
   sideContentIsResizeable?: boolean;
-  editorValue: string
+  editorValue: string;
 
-  sideContentProps: SideContentProps
+  sideContentProps: SideContentProps;
 };
 
 const rightResizeOnly: Enable = { right: true };

devserver/src/components/__tests__/Playground.tsx

@@ -8,7 +8,7 @@ import '../../styles/index.scss';
 
 declare module '@vitest/browser/context' {
   interface BrowserCommands {
-    setLocalStorage: (key: string, value: string) => Promise<void>
+    setLocalStorage: (key: string, value: string) => Promise<void>;
   }
 }
 

devserver/src/components/controlBar/ControlBarClearButton.tsx

@@ -3,7 +3,7 @@ import { IconNames } from '@blueprintjs/icons';
 import ControlButton from '../ControlButton';
 
 type Props = {
-  onClick: () => void
+  onClick: () => void;
 };
 
 export const ControlBarClearButton = (props: Props) => <Tooltip content="Clear the editor and context">

devserver/src/components/controlBar/ControlBarRefreshButton.tsx

@@ -3,7 +3,7 @@ import { IconNames } from '@blueprintjs/icons';
 import ControlButton from '../ControlButton';
 
 type Props = {
-  onClick: () => void
+  onClick: () => void;
 };
 
 export const ControlBarRefreshButton = (props: Props) => <Tooltip content="Manually refresh the side content">

devserver/src/components/editor/Editor.tsx

@@ -25,8 +25,8 @@ type DispatchProps = {
 
 export type EditorStateProps = {
   newCursorPosition?: Position;
-  editorValue: string
-  handleEditorValueChange: (newCode: string) => void
+  editorValue: string;
+  handleEditorValueChange: (newCode: string) => void;
 };
 
 export type EditorProps = DispatchProps & EditorStateProps;

devserver/src/components/sideContent/SideContent.tsx

@@ -21,17 +21,17 @@ export type SideContentProps = {
   renderActiveTabPanelOnly?: boolean;
   editorWidth?: string;
   sideContentHeight?: number;
-  dynamicTabs: SideContentTab[]
+  dynamicTabs: SideContentTab[];
 
-  selectedTabId: string
-  alerts: string[]
-  onChange?: (newId: string, oldId: string) => void
+  selectedTabId: string;
+  alerts: string[];
+  onChange?: (newId: string, oldId: string) => void;
 };
 
 interface TabIconProps {
-  iconName: IconName
-  tooltip: string
-  shouldAlert?: boolean
+  iconName: IconName;
+  tooltip: string;
+  shouldAlert?: boolean;
 }
 
 function TabIcon({ iconName, tooltip, shouldAlert }: TabIconProps) {

devserver/src/components/sideContent/types.ts

@@ -4,21 +4,21 @@ import type React from 'react';
 import type { requireProvider } from './importers/requireProvider';
 
 export type DebuggerContext = {
-  context: Context
+  context: Context;
 };
 
 export type SideContentTab = {
-  id: string
-  label: string
-  iconName: IconName
-  body: React.JSX.Element
+  id: string;
+  label: string;
+  iconName: IconName;
+  body: React.JSX.Element;
 };
 
 export type ModuleSideContent = {
   label: string;
-  iconName: IconName
-  toSpawn?: (context: DebuggerContext) => boolean
-  body: (context: DebuggerContext) => React.JSX.Element
+  iconName: IconName;
+  toSpawn?: (context: DebuggerContext) => boolean;
+  body: (context: DebuggerContext) => React.JSX.Element;
 };
 
 export type RawTab = (provider: ReturnType<typeof requireProvider>, react: typeof React) => Promise<{ default: ModuleSideContent }>;

docs/src/lib/lintplugin/2-rules.md

@@ -13,7 +13,7 @@ The rule has a configuration option, which is just an object whose keys represen
 
 ```ts
 type RuleOptions = {
-  [source: string]: string | string[]
+  [source: string]: string | string[];
 };
 ```