fix issues!

src/chooser.ts

@@ -2,7 +2,11 @@ import { LitElement, html, css } from "lit";
 import { IS_APP, wrapCss } from "./misc";
 
 import fasUpload from "@fortawesome/fontawesome-free/svgs/solid/upload.svg";
-import { customElement, property } from "lit/decorators";
+import { customElement, property } from "lit/decorators.js";
+
+export interface FileWithPath extends File {
+  readonly path: string;
+}
 
 // ===========================================================================
 @customElement("wr-chooser")
@@ -11,10 +15,10 @@ export class Chooser extends LitElement {
   fileDisplayName = "";
 
   @property({ attribute: false })
-  file: File | null = null;
+  file: FileWithPath | null = null;
 
   @property({ attribute: false })
-  droppedFile: File | null = null;
+  droppedFile: FileWithPath | null = null;
 
   @property({ type: Boolean })
   hasNativeFS = !!window.showOpenFilePicker && !IS_APP;

src/embed-receipt.ts

@@ -9,7 +9,7 @@ import { clickOnSpacebarPress } from "./misc";
 import { LitElement, html, css } from "lit";
 import { tsToDate } from "./pageutils";
 import prettyBytes from "pretty-bytes";
-import { property } from "lit/decorators";
+import { property } from "lit/decorators.js";
 import type { Item as ItemType } from "./types";
 import { assertNonNullish } from "./utils/assertNonNullish";
 

src/embed.ts

@@ -3,7 +3,7 @@ import { ifDefined } from "lit/directives/if-defined.js";
 
 import { wrapCss, rwpLogo } from "./misc";
 import { SWManager } from "./swmanager";
-import { property } from "lit/decorators";
+import { property } from "lit/decorators.js";
 
 const scriptSrc =
   document.currentScript && (document.currentScript as HTMLScriptElement).src;

src/item.ts

@@ -48,12 +48,12 @@ import fasAngleLeft from "@fortawesome/fontawesome-free/svgs/solid/angle-left.sv
 import fasAngleRight from "@fortawesome/fontawesome-free/svgs/solid/angle-right.svg";
 import fasCaretDown from "@fortawesome/fontawesome-free/svgs/solid/caret-down.svg";
 
-import { RWPEmbedReceipt } from "./embed-receipt.js";
+import { RWPEmbedReceipt } from "./embed-receipt";
 import Split from "split.js";
 
 import type { Item as ItemInfo } from "./types";
 import type { Replay } from "./replay";
-import { ifDefined } from "lit/directives/if-defined";
+import { ifDefined } from "lit/directives/if-defined.js";
 
 import "./item-info";
 

src/loader.ts

@@ -4,7 +4,7 @@ import { wrapCss } from "./misc";
 import prettyBytes from "pretty-bytes";
 
 import { parseURLSchemeHostPath } from "./pageutils";
-import { property } from "lit/decorators";
+import { property } from "lit/decorators.js";
 import { LoadInfo } from "./item";
 
 // ===========================================================================