Merge pull request #2777 from hodgef/copilot/update-typescript-to-v6

Fix TypeScript v6 compatibility: remove CSS side-effect imports from .d.ts files

build/components/CandidateBox.d.ts

@@ -1,4 +1,3 @@
-import "./css/CandidateBox.css";
 import Utilities from "../services/Utilities";
 import { CandidateBoxParams, CandidateBoxRenderParams, CandidateBoxShowParams, KeyboardOptions } from "./../interfaces";
 declare class CandidateBox {

build/components/Keyboard.d.ts

@@ -1,4 +1,3 @@
-import "./css/Keyboard.css";
 import PhysicalKeyboard from "../services/PhysicalKeyboard";
 import Utilities from "../services/Utilities";
 import { KeyboardOptions, KeyboardInput, KeyboardButtonElements, KeyboardHandlerEvent, KeyboardElement } from "../interfaces";

package-lock.json

@@ -35,7 +35,7 @@
         "postcss-loader": "^8.2.1",
         "style-loader": "^4.0.0",
         "terser-webpack-plugin": "^5.6.1",
-        "typescript": "^5.9.3",
+        "typescript": "^6.0.3",
         "url-loader": "^4.1.1",
         "webpack": "^5.109.0",
         "webpack-cli": "^6.0.1",
@@ -11644,10 +11644,11 @@
       }
     },
     "node_modules/typescript": {
-      "version": "5.9.3",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
-      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-6.0.3.tgz",
+      "integrity": "sha512-y2TvuxSZPDyQakkFRPZHKFm+KKVqIisdg9/CZwm9ftvKXLP8NRWj38/ODjNbr43SsoXqNuAisEf1GdCxqWcdBw==",
       "dev": true,
+      "license": "Apache-2.0",
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
@@ -20598,9 +20599,9 @@
       }
     },
     "typescript": {
-      "version": "5.9.3",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
-      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-6.0.3.tgz",
+      "integrity": "sha512-y2TvuxSZPDyQakkFRPZHKFm+KKVqIisdg9/CZwm9ftvKXLP8NRWj38/ODjNbr43SsoXqNuAisEf1GdCxqWcdBw==",
       "dev": true
     },
     "unicode-canonical-property-names-ecmascript": {

package.json

@@ -65,7 +65,7 @@
     "postcss-loader": "^8.2.1",
     "style-loader": "^4.0.0",
     "terser-webpack-plugin": "^5.6.1",
-    "typescript": "^5.9.3",
+    "typescript": "^6.0.3",
     "url-loader": "^4.1.1",
     "webpack": "^5.109.0",
     "webpack-cli": "^6.0.1",

src/lib/components/CandidateBox.ts

@@ -1,5 +1,3 @@
-import "./css/CandidateBox.css";
-
 import Utilities from "../services/Utilities";
 import {
   CandidateBoxParams,

src/lib/components/Keyboard.ts

@@ -1,5 +1,3 @@
-import "./css/Keyboard.css";
-
 import { getDefaultLayout } from "../services/KeyboardLayout";
 import PhysicalKeyboard from "../services/PhysicalKeyboard";
 import Utilities from "../services/Utilities";

tsconfig.json

@@ -1,6 +1,7 @@
 {
     "compilerOptions": {
       "noImplicitAny": true,
+      "rootDir": "src/lib",
       "outDir": "build",
       "module": "esnext",
       "target": "es5",
@@ -11,6 +12,7 @@
       "lib": ["es2020", "dom"],
       "moduleResolution": "node",
       "downlevelIteration": true,
+      "ignoreDeprecations": "6.0",
       "strict": true
     },
     "include": ["src/lib"],

webpack.config.demo.js

@@ -4,7 +4,11 @@ const HtmlWebpackPlugin = require('html-webpack-plugin');
 module.exports = {
   mode: "development",
   devtool: 'cheap-module-source-map',
-  entry: './src/demo/index.js',
+  entry: [
+    './src/lib/components/css/Keyboard.css',
+    './src/lib/components/css/CandidateBox.css',
+    './src/demo/index.js'
+  ],
   output: {
     filename: 'index.js'
   },

webpack.config.js

@@ -26,7 +26,11 @@ const banner = `
 
 module.exports = {
   mode: "production",
-  entry: './src/lib/index.ts',
+  entry: [
+    './src/lib/components/css/Keyboard.css',
+    './src/lib/components/css/CandidateBox.css',
+    './src/lib/index.ts'
+  ],
   target: 'es5',
   output: {
     filename: 'index.js',