fix(electron): add .js extensions to fix ESM exports

The ESM build output had bare import specifiers (missing .js extensions)
which breaks Node's ESM resolver. Switch tsconfig.esm.json to module
esnext + moduleResolution bundler, add .js extensions to all relative
imports, and emit lib/esm/package.json with {"type":"module"} so Node
treats the output as ES modules.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

Author: hl662

package.json

@@ -41,7 +41,8 @@
     "overrides": {
       "path-to-regexp": "0.1.12",
       "minimatch@>=9.0.0 <9.0.7": ">=9.0.7",
-      "serialize-javascript@<=7.0.2": ">=7.0.3"
+      "serialize-javascript@<=7.0.2": ">=7.0.3",
+      "flatted@<=3.4.1": ">=3.4.2"
     }
   },
   "packageManager": "pnpm@9.15.9+sha512.68046141893c66fad01c079231128e9afb89ef87e2691d69e4d40eee228988295fd4682181bae55b58418c3a253bde65a505ec7c5f9403ece5cc3cd37dcf2531"

packages/electron/package.json

@@ -18,7 +18,7 @@
     "build": "pnpm run -s build:cjs && pnpm run -s build:esm && pnpm run copy:assets",
     "build:cjs": "tsc 1>&2 -p tsconfig.cjs.json",
     "build:esm": "tsc 1>&2 -p tsconfig.esm.json",
-    "copy:assets": "cpx src/static/* dist/main/static && cpx src/static/* lib/cjs/main/static && cpx src/static/* lib/esm/main/static",
+    "copy:assets": "cpx src/static/* dist/main/static && cpx src/static/* lib/cjs/main/static && cpx src/static/* lib/esm/main/static && echo '{\"type\":\"module\"}' > lib/esm/package.json",
     "cover": "nyc npm test",
     "clean": "rimraf lib",
     "docs": "RUSHSTACK_FILE_ERROR_BASE_FOLDER='../..' betools docs --includes=../../generated-docs/extract --json=../../generated-docs/auth-clients/electron-authorization/file.json --tsIndexFile=./docsIndex.ts --onlyJson",

packages/electron/src/ElectronMain.ts

@@ -3,5 +3,5 @@
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
 
-export * from "./main/Client";
+export * from "./main/Client.js";
 

packages/electron/src/ElectronRenderer.ts

@@ -3,4 +3,4 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 
-export * from "./renderer/Client";
+export * from "./renderer/Client.js";

packages/electron/src/integration-test/helpers/TestHelper.ts

@@ -4,7 +4,7 @@
  *--------------------------------------------------------------------------------------------*/
 
 import type { Page } from "@playwright/test";
-import type { SignInOptions } from "../types";
+import type { SignInOptions } from "../types.js";
 
 /**
  * Helper class for tests

packages/electron/src/integration-test/integration.test.ts

@@ -5,11 +5,11 @@
 
 import type { ElectronApplication, Page } from "@playwright/test";
 import { _electron as electron, expect, test } from "@playwright/test";
-import type { SignInOptions } from "./types";
-import { loadConfig } from "./helpers/loadConfig";
-import { TestHelper } from "./helpers/TestHelper";
-import { RefreshTokenStore } from "../main/TokenStore";
-import { getPrefixedClientId } from "../common/IpcChannelNames";
+import type { SignInOptions } from "./types.js";
+import { loadConfig } from "./helpers/loadConfig.js";
+import { TestHelper } from "./helpers/TestHelper.js";
+import { RefreshTokenStore } from "../main/TokenStore.js";
+import { getPrefixedClientId } from "../common/IpcChannelNames.js";
 
 const { clientId, envPrefix, email, password } = loadConfig();
 

packages/electron/src/integration-test/test-app/index.ts

@@ -1,4 +1,4 @@
-import { ElectronMainAuthorization } from "../../main/Client";
+import { ElectronMainAuthorization } from "../../main/Client.js";
 import { app, BrowserWindow } from "electron";
 import { config } from "dotenv";
 

packages/electron/src/integration-test/test-app/renderer.ts

@@ -1,4 +1,4 @@
-import { ElectronRendererAuthorization } from "../../renderer/Client";
+import { ElectronRendererAuthorization } from "../../renderer/Client.js";
 
 if (!process.env.IMJS_TEST_ELECTRON_CLIENT_ID)
   throw new Error("Please provide a clientId in env");

packages/electron/src/main/Client.ts

@@ -35,14 +35,14 @@ import {
   TokenRequest,
 } from "@openid/appauth";
 import { NodeCrypto, NodeRequestor } from "@openid/appauth/built/node_support";
-import { ElectronAuthorizationEvents } from "./Events";
-import { ElectronMainAuthorizationRequestHandler } from "./ElectronMainAuthorizationRequestHandler";
-import { RefreshTokenStore } from "./TokenStore";
-import { LoopbackWebServer } from "./LoopbackWebServer";
+import { ElectronAuthorizationEvents } from "./Events.js";
+import { ElectronMainAuthorizationRequestHandler } from "./ElectronMainAuthorizationRequestHandler.js";
+import { RefreshTokenStore } from "./TokenStore.js";
+import { LoopbackWebServer } from "./LoopbackWebServer.js";
 import * as electron from "electron";
-import { defaultExpiryBufferInSeconds } from "../common/constants";
-import type { IpcChannelNames } from "../common/IpcChannelNames";
-import { getIpcChannelNames, getPrefixedClientId } from "../common/IpcChannelNames";
+import { defaultExpiryBufferInSeconds } from "../common/constants.js";
+import type { IpcChannelNames } from "../common/IpcChannelNames.js";
+import { getIpcChannelNames, getPrefixedClientId } from "../common/IpcChannelNames.js";
 const loggerCategory = "electron-auth";
 
 /**

packages/electron/src/main/ElectronMainAuthorizationRequestHandler.ts

@@ -13,7 +13,7 @@ import {
   AuthorizationError, AuthorizationRequestHandler, AuthorizationResponse, BasicQueryStringUtils,
 } from "@openid/appauth";
 import { NodeCrypto } from "@openid/appauth/built/node_support";
-import type { ElectronAuthorizationEvents } from "./Events";
+import type { ElectronAuthorizationEvents } from "./Events.js";
 import { shell } from "electron";
 
 const electronAuthLoggerCategory = "electron-auth";