Bump the typescript-eslint group with 2 updates

package.json

@@ -78,8 +78,8 @@
     "@types/node": "^24.7.1",
     "@types/styled-components": "^5.1.26",
     "@types/uuid": "^10.0.0",
-    "@typescript-eslint/eslint-plugin": "^8.58.0",
-    "@typescript-eslint/parser": "^8.58.0",
+    "@typescript-eslint/eslint-plugin": "^8.63.0",
+    "@typescript-eslint/parser": "^8.63.0",
     "@web-stories-wp/e2e-tests": "*",
     "@web-stories-wp/eslint-import-resolver": "*",
     "@web-stories-wp/jest-amp": "*",

packages/animation/src/utils/getInitialStyleFromKeyframes.ts

@@ -58,7 +58,7 @@ function getInitialStyleFromKeyframes(keyframes: Keyframes) {
       if (Array.isArray(value)) {
         initialStyle[`--initial-${key}`] = value[0] as CSSProperty;
       } else {
-        initialStyle[`--initial-${key}`] = value as CSSProperty;
+        initialStyle[`--initial-${key}`] = value;
       }
     }
   });

packages/commander/src/index.ts

@@ -84,15 +84,10 @@
       let newVersion: string | null = version || currentVersion;
 
       if (increment) {
-        newVersion = semverInc(
-          currentVersion,
-          increment,
-          undefined,
-          preid
-        ) as string;
+        newVersion = semverInc(currentVersion, increment, undefined, preid);
       }
 
       updateVersionNumbers(pluginFilePath, newVersion, nightly);
       const constantVersion = getCurrentVersionNumber(pluginFilePath, true);
 
       console.log(

packages/design-system/src/components/button/button.tsx

@@ -300,7 +300,7 @@ type Props = PropsWithChildren<{
   isToggled?: boolean;
 }>;
 
-const Button = forwardRef(function Button(
+const Button = forwardRef(function ButtonRender(
   {
     size = ButtonSize.Medium,
     type = ButtonType.Plain,
@@ -328,7 +328,7 @@ const Button = forwardRef(function Button(
   }
 });
 
-const ButtonAsLink = forwardRef(function ButtonAsLink(
+const ButtonAsLink = forwardRef(function ButtonAsLinkRender(
   {
     size = ButtonSize.Medium,
     type = ButtonType.Plain,

packages/design-system/src/components/contextMenu/components/button.tsx

@@ -87,7 +87,7 @@ export interface MenuButtonProps extends ComponentPropsWithoutRef<
 /**
  * A styled button for use in the context menu.
  */
-const Button = forwardRef(function Button(
+const Button = forwardRef(function ButtonRender(
   {
     id,
     onBlur,

packages/design-system/src/components/contextMenu/components/item.tsx

@@ -62,7 +62,7 @@ export interface MenuItemProps extends ComponentPropsWithoutRef<
   className?: string;
 }
 
-const MenuItem = forwardRef(function MenuItem(
+const MenuItem = forwardRef(function MenuItemRender(
   {
     label,
     shortcut,

packages/design-system/src/components/datalist/datalist.tsx

@@ -55,7 +55,7 @@ const Container = styled.div`
   flex-grow: 1;
 `;
 
-const Datalist = forwardRef(function Datalist<O extends AbstractOption>(
+const Datalist = forwardRef(function DatalistRender<O extends AbstractOption>(
   {
     onChange,
     disabled = false,

packages/design-system/src/components/datalist/searchInput.tsx

@@ -114,7 +114,7 @@ const Input = styled.input.attrs({
 
 const MAX_INPUT_SIZE = 35;
 
-const SearchInput = forwardRef(function SearchInput(
+const SearchInput = forwardRef(function SearchInputRender(
   {
     isExpanded,
     onClose,

packages/design-system/src/components/dropDown/dropdown.tsx

@@ -39,7 +39,7 @@ import DropDownSelect from './select';
 import useDropDown from './useDropDown';
 import type { DropDownProps } from './types';
 
-const DropDown = forwardRef(function DropDown(
+const DropDown = forwardRef(function DropDownRender(
   {
     ariaLabel,
     disabled,

packages/design-system/src/components/input/numericInput.tsx

@@ -26,7 +26,7 @@ import useNumericInput from './useNumericInput';
 import Input from './input';
 import type { NumericInputProps } from './types';
 
-const NumericInput = forwardRef(function NumericInput(
+const NumericInput = forwardRef(function NumericInputRender(
   {
     allowEmpty,
     isFloat,

packages/design-system/src/components/keyboard/keyboard.tsx

@@ -87,11 +87,7 @@ function useKeyEffectInternal(
       const mousetrap = getOrCreateMousetrap(
         nodeEl as HTMLElementWithMouseTrap
       );
-      const handler = createKeyHandler(
-        nodeEl as HTMLElement,
-        keySpec,
-        batchingCallback
-      );
+      const handler = createKeyHandler(nodeEl, keySpec, batchingCallback);
       mousetrap.bind(keySpec.key, handler, type);
       return () => {
         mousetrap.unbind(keySpec.key, type);

packages/design-system/src/components/mediaInput/mediaInput.tsx

@@ -180,7 +180,7 @@ interface MediaInputProps extends Omit<
   value: string;
 }
 
-const MediaInput = forwardRef(function MediaInput(
+const MediaInput = forwardRef(function MediaInputRender(
   {
     className,
     onBlur,

packages/design-system/src/components/menu/list/defaultListItem.tsx

@@ -37,7 +37,7 @@ const ActiveIcon = styled(CheckmarkSmall)`
   transform: translateY(-50%);
 `;
 
-const DefaultListItem = forwardRef(function DefaultListItem(
+const DefaultListItem = forwardRef(function DefaultListItemRender(
   { option, isSelected, ...rest }: DefaultListItemProps,
   ref: ForwardedRef<HTMLLIElement>
 ) {

packages/design-system/src/components/pill/pill.tsx

@@ -72,7 +72,7 @@ interface PillProps extends ComponentPropsWithoutRef<'button'> {
   pillStyleOverride?: string;
 }
 
-const Pill = forwardRef(function Pill(
+const Pill = forwardRef(function PillRender(
   {
     children,
     isActive,

packages/migration/src/migrations/v0039_backgroundAudioFormatting.ts

@@ -108,7 +108,7 @@
       },
     };
   }
-  return page as PageV39;
+  return page;
 }
 
 export default backgroundAudioFormatting;

packages/output/src/utils/test/getPreloadResources.ts

@@ -132,7 +132,7 @@ describe('getPreloadResources', () => {
         elements: [
           { ...VIDEO_ELEMENT, isBackground: true } as BackgroundableElement,
         ],
-      } as Page,
+      },
     ];
     const result = getPreloadResources(pages);
     expect(result).toStrictEqual([
@@ -151,7 +151,7 @@ describe('getPreloadResources', () => {
         elements: [
           { ...IMAGE_ELEMENT, isBackground: true } as BackgroundableElement,
         ],
-      } as Page,
+      },
     ];
     const result = getPreloadResources(pages);
     expect(result).toStrictEqual([

packages/output/src/utils/test/getUsedAmpExtensions.ts

@@ -19,7 +19,6 @@
  */
 import { ElementType } from '@googleforcreators/elements';
 import type {
-  BackgroundAudio,
   Page,
   ProductElement,
   VideoElement,
@@ -160,7 +159,7 @@ describe('getUsedAmpExtensions', () => {
             ],
           } as VideoElement,
         ],
-      } as Page,
+      },
     ];
 
     const actual = getUsedAmpExtensions(pages);
@@ -193,7 +192,7 @@ describe('getUsedAmpExtensions', () => {
               kind: 'captions',
             },
           ],
-        } as BackgroundAudio,
+        },
         elements: [],
       },
     ];

packages/rich-text/src/getPastedBlocks.ts

@@ -52,11 +52,12 @@ type ConvertFromHTMLReturn = {
   entityMap: Record<string, unknown>;
 };
 function getPastedBlocks(html: string, existingStyles: string[] = []) {
-  const { contentBlocks, entityMap } = convertFromHTML(
+  const converted: ConvertFromHTMLReturn = convertFromHTML(
     html,
     undefined /* This has to be undefined to trigger default argument */,
     RENDER_MAP
-  ) as ConvertFromHTMLReturn;
+  );
+  const { contentBlocks, entityMap } = converted;
   const pastedContentState = ContentState.createFromBlockArray(
     contentBlocks,
     entityMap

packages/stories-block/src/view.ts

@@ -65,14 +65,16 @@ function runWithViewTransition(f: () => void) {
   }
 }
 
+const initialState: State = {
+  lightboxElement: null,
+  player: null,
+  stories: [],
+  instanceId: null,
+  currentLocation: null,
+};
+
 const { state, actions } = store('web-stories-block', {
-  state: {
-    lightboxElement: null,
-    player: null,
-    stories: [],
-    instanceId: null,
-    currentLocation: null,
-  } as State,
+  state: initialState,
   actions: {
     storyContentReady: (
       storyObject: StoryDef,

packages/story-editor/src/app/pageCanvas/utils/storyPageToNode.tsx

@@ -79,7 +79,7 @@ interface PageWithDepsProps {
   containerHeight: number;
 }
 const PageWithDependencies = forwardRef<HTMLDivElement, PageWithDepsProps>(
-  function PageWithDependencies(
+  function PageWithDependenciesRender(
     {
       page,
       width,

packages/story-editor/src/app/story/actions/useLocalAutoSave.ts

@@ -24,7 +24,7 @@ import type { Page, Story } from '@googleforcreators/elements';
  * Internal dependencies
  */
 import getSessionStorageKey from '../../../utils/getSessionStorageKey';
-import type { ReducerState, Capabilities, Restore } from '../../../types';
+import type { Capabilities, Restore } from '../../../types';
 
 interface UseLocalAutoSaveProps {
   restore: Restore;
@@ -54,7 +54,7 @@ function useLocalAutoSave({
       selection: [],
       capabilities,
       ...existingAutoSave,
-    } as Partial<ReducerState>);
+    });
   }, [restore, storyId, pages, capabilities, isNew]);
 
   return {

packages/story-editor/src/app/story/useStoryReducer/reducers/setBackgroundElement.ts

@@ -18,7 +18,7 @@
  * External dependencies
  */
 import { produce } from 'immer';
-import { elementIs, type Element } from '@googleforcreators/elements';
+import { elementIs } from '@googleforcreators/elements';
 
 /**
  * Internal dependencies
@@ -102,11 +102,7 @@ export const setBackgroundElement = (
 
     // Reorder elements and set element opacity to 100% because backgrounds
     // cannot be transparent.
-    page.elements = moveArrayElement(
-      page.elements,
-      currentPosition,
-      0
-    ) as unknown as Element[];
+    page.elements = moveArrayElement(page.elements, currentPosition, 0);
     page.elements.forEach((element) => {
       // Set isBackground for the element.
       if (element.id === elementId && elementIs.backgroundable(element)) {

packages/story-editor/src/app/uploader/useUploader.ts

@@ -75,7 +75,7 @@ function useUploader() {
   /**
    * Validates a file for upload.
    *
-   * @throws Throws an error if file doesn't meet requirements.
+   * @throws {Error} Throws an error if file doesn't meet requirements.
    * @param {Object} args
    * @param {Object} args.file File object.
    * @param {boolean} args.canTranscodeFile Whether file can be transcoded by consumer.

packages/story-editor/src/utils/getMediaBaseColor.ts

@@ -41,7 +41,7 @@ async function extractColorFromImage(img: HTMLImageElement): Promise<string> {
       if (err instanceof Error) {
         void trackError('image_base_color', err.message);
       }
-      reject(err as Error);
+      reject(err instanceof Error ? err : new Error(String(err)));
     }
   });
 }

packages/templates/scripts/cli.js

@@ -20,14 +20,14 @@
  * External dependencies
  */
 import fs from 'fs';
-import puppeteer from 'puppeteer';
+import { launch } from 'puppeteer';
 
 const screenshotsPath = `build/template-posters/`;
 
 fs.mkdirSync(screenshotsPath, { recursive: true });
 
 (async () => {
-  const browser = await puppeteer.launch({
+  const browser = await launch({
     defaultViewport: null,
     headless: true,
     args: [`--window-size=1600,854`],

packages/templates/src/getTemplates.ts

@@ -18,7 +18,7 @@
  * External dependencies
  */
 import { getTimeTracker } from '@googleforcreators/tracking';
 import { DATA_VERSION, migrate } from '@googleforcreators/migration';
 import type {
   MediaElement,
   Element,
@@ -97,7 +97,7 @@
   return {
     ...(migrate(template, template.version) as unknown as Template),
     version: DATA_VERSION,
-  } as Template;
+  };
 }
 
 async function getTemplates(imageBaseUrl: string) {

packages/text-sets/scripts/cli.js

@@ -20,13 +20,13 @@
  * External dependencies
  */
 import fs from 'fs';
-import puppeteer from 'puppeteer';
+import { launch } from 'puppeteer';
 
 const screenshotsPath = `build/text-sets/`;
 fs.mkdirSync(screenshotsPath, { recursive: true });
 
 (async () => {
-  const browser = await puppeteer.launch({
+  const browser = await launch({
     defaultViewport: null,
     headless: true,
     args: [`--window-size=1600,800`],

packages/wp-story-editor/src/components/mediaUpload/mediaPicker/utils/calculateImageSelectOptions.js

@@ -19,8 +19,8 @@
  * control-specific data, to be fed to the imgAreaSelect plugin in
  * wp.media.view.Cropper.
  *
- * @param {window.wp.media.model.Attachment} attachment Attachment object.
- * @param {window.wp.media.controller.Cropper} controller wp.media controller object.
+ * @param {Object} attachment Attachment object.
+ * @param {Object} controller wp.media controller object.
  * @return {Object} Options
  */
 const calculateImageSelectOptions = (attachment, controller) => {