Various build extension fixes.

src/components/elements.ts

@@ -1,6 +1,6 @@
 import { LitElement, TemplateResult, html, CSSResultGroup, unsafeCSS } from 'lit';
 import { HomeAssistant } from 'custom-card-helpers';
-import { customElement, property, query } from 'lit/decorators';
+import { customElement, property, query } from 'lit/decorators.js';
 
 import {
   ExtendedHomeAssistant,
@@ -9,12 +9,12 @@ import {
   MenuIcon,
   MenuStateIcon,
   PictureElements,
-} from '../types';
-import { dispatchErrorMessageEvent, dispatchEvent } from '../common';
+} from '../types.js';
+import { dispatchErrorMessageEvent, dispatchEvent } from '../common.js';
 
 import elementsStyle from '../scss/elements.scss';
-import { localize } from '../localize/localize';
-import { View } from '../view';
+import { localize } from '../localize/localize.js';
+import { View } from '../view.js';
 
 /* A note on picture element rendering:
  *

src/components/gallery.ts

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { CSSResultGroup, LitElement, TemplateResult, html, unsafeCSS } from 'lit';
-import { customElement, property, state } from 'lit/decorators';
+import { customElement, property, state } from 'lit/decorators.js';
 import { until } from 'lit/directives/until.js';
 import { HomeAssistant } from 'custom-card-helpers';
 
@@ -8,18 +8,18 @@ import type {
   BrowseMediaSource,
   BrowseMediaQueryParameters,
   ExtendedHomeAssistant,
-} from '../types';
+} from '../types.js';
 
-import { View } from '../view';
+import { View } from '../view.js';
 import {
   browseMedia,
   browseMediaQuery,
   dispatchErrorMessageEvent,
   dispatchMessageEvent,
   getFirstTrueMediaChildIndex,
-} from '../common';
-import { localize } from '../localize/localize';
-import { renderProgressIndicator } from './message';
+} from '../common.js';
+import { localize } from '../localize/localize.js';
+import { renderProgressIndicator } from './message.js';
 
 import galleryStyle from '../scss/gallery.scss';
 import { styleMap } from 'lit/directives/style-map.js';

src/components/image.ts

@@ -1,7 +1,7 @@
 import { CSSResultGroup, LitElement, TemplateResult, html, unsafeCSS } from 'lit';
-import { customElement, property } from 'lit/decorators';
+import { customElement, property } from 'lit/decorators.js';
 
-import { dispatchMediaLoadEvent } from '../common';
+import { dispatchMediaLoadEvent } from '../common.js';
 
 import imageStyle from '../scss/image.scss';
 import defaultImage from '../images/frigate-bird-in-sky.jpg'

src/components/live.ts

@@ -1,12 +1,12 @@
 import { CSSResultGroup, LitElement, TemplateResult, html, unsafeCSS } from 'lit';
-import { customElement, property } from 'lit/decorators';
+import { customElement, property } from 'lit/decorators.js';
 import { until } from 'lit/directives/until.js';
 import { HomeAssistant } from 'custom-card-helpers';
 
-import { signedPathSchema } from '../types';
-import type { ExtendedHomeAssistant, FrigateCardConfig } from '../types';
+import { signedPathSchema } from '../types.js';
+import type { ExtendedHomeAssistant, FrigateCardConfig } from '../types.js';
 
-import { localize } from '../localize/localize';
+import { localize } from '../localize/localize.js';
 import {
   dispatchErrorMessageEvent,
   dispatchMediaLoadEvent,
@@ -14,8 +14,8 @@ import {
   dispatchPauseEvent,
   dispatchPlayEvent,
   homeAssistantWSRequest,
-} from '../common';
-import { renderProgressIndicator } from '../components/message';
+} from '../common.js';
+import { renderProgressIndicator } from '../components/message.js';
 
 import JSMpeg from '@cycjimmy/jsmpeg-player';
 

src/components/menu.ts

@@ -1,15 +1,17 @@
+import { HassEntity } from 'home-assistant-js-websocket';
 import { HomeAssistant, hasAction, stateIcon } from 'custom-card-helpers';
 import { CSSResultGroup, LitElement, TemplateResult, html, unsafeCSS, PropertyValues } from 'lit';
-import { actionHandler } from '../action-handler-directive';
-import { customElement, property } from 'lit/decorators';
+import { customElement, property } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { styleMap } from 'lit/directives/style-map.js';
-import { MenuButton } from '../types';
-import type { ExtendedHomeAssistant, FrigateMenuMode } from '../types';
+
+import { actionHandler } from '../action-handler-directive.js';
+
+import type { ExtendedHomeAssistant, FrigateMenuMode } from '../types.js';
+import { MenuButton } from '../types.js';
+import { shouldUpdateBasedOnHass } from '../common.js';
 
 import menuStyle from '../scss/menu.scss';
-import { HassEntity } from 'home-assistant-js-websocket';
-import { shouldUpdateBasedOnHass } from '../common';
 
 type FrigateCardMenuCallback = (name: string, button: MenuButton) => void;
 

src/components/message.ts

@@ -1,9 +1,9 @@
 import { CSSResultGroup, LitElement, TemplateResult, html, unsafeCSS } from 'lit';
-import { customElement, property } from 'lit/decorators';
+import { customElement, property } from 'lit/decorators.js';
 
-import { Message } from '../types';
-import { TROUBLESHOOTING_URL } from '../const';
-import { localize } from '../localize/localize';
+import { Message } from '../types.js';
+import { TROUBLESHOOTING_URL } from '../const.js';
+import { localize } from '../localize/localize.js';
 
 import messageStyle from '../scss/message.scss';
 

src/components/next-prev-control.ts

@@ -1,10 +1,10 @@
 import { CSSResultGroup, LitElement, TemplateResult, html, unsafeCSS } from 'lit';
-import { customElement, property } from 'lit/decorators';
-import { classMap } from 'lit/directives/class-map';
+import { customElement, property } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
 
-import { BrowseMediaSource, NextPreviousControlStyle } from '../types';
+import { BrowseMediaSource, NextPreviousControlStyle } from '../types.js';
 
-import { View } from '../view';
+import { View } from '../view.js';
 
 import controlStyle from '../scss/next-previous-control.scss';
 

src/components/viewer.ts

@@ -1,12 +1,12 @@
 import { CSSResultGroup, LitElement, TemplateResult, html, unsafeCSS } from 'lit';
-import { customElement, property } from 'lit/decorators';
+import { customElement, property } from 'lit/decorators.js';
 import { until } from 'lit/directives/until.js';
 import { HomeAssistant } from 'custom-card-helpers';
 
 import dayjs from 'dayjs';
-import dayjs_custom_parse_format from 'dayjs/plugin/customParseFormat';
+import dayjs_custom_parse_format from 'dayjs/plugin/customParseFormat.js';
 
-import { resolvedMediaSchema } from '../types';
+import { resolvedMediaSchema } from '../types.js';
 import type {
   BrowseMediaNeighbors,
   BrowseMediaQueryParameters,
@@ -14,8 +14,8 @@ import type {
   ExtendedHomeAssistant,
   NextPreviousControlStyle,
   ResolvedMedia,
-} from '../types';
-import { localize } from '../localize/localize';
+} from '../types.js';
+import { localize } from '../localize/localize.js';
 import {
   browseMediaQuery,
   dispatchErrorMessageEvent,
@@ -25,14 +25,14 @@ import {
   dispatchPlayEvent,
   getFirstTrueMediaChildIndex,
   homeAssistantWSRequest,
-} from '../common';
+} from '../common.js';
 
-import { View } from '../view';
+import { View } from '../view.js';
 import {
   renderProgressIndicator,
-} from '../components/message';
+} from '../components/message.js';
 
-import './next-prev-control';
+import './next-prev-control.js';
 
 import viewerStyle from '../scss/viewer.scss';
 
@@ -147,7 +147,7 @@ export class FrigateCardViewer extends LitElement {
             return clipsAtSameTime.children[index];
           }
         }
-      } catch (e: any) {
+      } catch (e) {
         // Pass. This is best effort.
       }
     }