Merge branch 'dev' into update-code-owners

Author: T4rk1n

CHANGELOG.md

@@ -7,6 +7,7 @@ This project adheres to [Semantic Versioning](https://semver.org/).
 ## Added
 
 - [#2881](https://github.com/plotly/dash/pull/2881) Add outputs_list to window.dash_clientside.callback_context. Fixes [#2877](https://github.com/plotly/dash/issues/2877).
+- [#2936](https://github.com/plotly/dash/pull/2936) Adds support for TypeScript 5.5+.
 
 ## Fixed
 
@@ -16,6 +17,7 @@ This project adheres to [Semantic Versioning](https://semver.org/).
 - [#2900](https://github.com/plotly/dash/pull/2900) Allow strings in layout list. Fixes [#2890](https://github.com/plotly/dash/issues/2890)
 - [#2908](https://github.com/plotly/dash/pull/2908) Fix when environment variables are ignored by Dash.run() at runtime. Fixes [#2902](https://github.com/plotly/dash/issues/2902)
 - [#2915](https://github.com/plotly/dash/pull/2915) Fix 'AttributeError' when layout is a function that returns a list of components. Fixes [#2905](https://github.com/plotly/dash/issues/2905)
+- [#2956](https://github.com/plotly/dash/pull/2956) Add missing useEffect dependency to dcc.Loading component.
 
 ## [2.17.1] - 2024-06-12
 

components/dash-core-components/src/components/Loading.react.js

@@ -122,7 +122,7 @@ const Loading = ({
                 }
             }
         }
-    }, [delay_hide, delay_show, loading_state, display]);
+    }, [delay_hide, delay_show, loading_state, display, showSpinner]);
 
     const Spinner = showSpinner && getSpinner(spinnerType);
 

dash/extract-meta.js

@@ -21,8 +21,6 @@ const reservedPatterns = args[1]
     ? args[1].split('|').map(part => new RegExp(part))
     : [];
 
-let tsconfig = {};
-
 function help() {
     console.error('usage: ');
     console.error(
@@ -36,24 +34,14 @@ if (!src.length) {
     process.exit(1);
 }
 
-if (fs.existsSync('tsconfig.json')) {
-    tsconfig = JSON.parse(fs.readFileSync('tsconfig.json')).compilerOptions;
-    // Map moduleResolution to the appropriate enum.
-    switch (tsconfig.moduleResolution) {
-        case 'node':
-            tsconfig.moduleResolution = ts.ModuleResolutionKind.NodeJs;
-            break;
-        case 'node16':
-            tsconfig.moduleResolution = ts.ModuleResolutionKind.Node16;
-            break;
-        case 'nodenext':
-            tsconfig.moduleResolution = ts.ModuleResolutionKind.NodeNext;
-            break;
-        case 'classic':
-            tsconfig.moduleResolution = ts.ModuleResolutionKind.Classic;
-            break;
-        default:
-            break;
+function getTsConfigCompilerOptions() {
+    // Since extract-meta can be run on JavaScript sources, if trying to get the
+    // config doesn't work, we can fall back gracefully.
+    try {
+        const tsconfig = ts.getParsedCommandLineOfConfigFile('tsconfig.json', { esModuleInterop: true }, ts.sys);
+        return tsconfig?.options ?? {};
+    } catch {
+        return {};
     }
 }
 
@@ -97,7 +85,7 @@ const isUnionLiteral = typeObj =>
 
 function logError(error, filePath) {
     if (filePath) {
-        process.stderr.write(`Error with path ${filePath}`);
+        process.stderr.write(`Error with path ${filePath}\n`);
     }
     process.stderr.write(error + '\n');
     if (error instanceof Error) {
@@ -157,7 +145,7 @@ function parseJSX(filepath) {
         docstringWarning(doc);
         return doc;
     } catch (error) {
-        logError(error);
+        logError(error, filepath);
     }
 }
 
@@ -204,7 +192,7 @@ function gatherComponents(sources, components = {}) {
         return components;
     }
 
-    const program = ts.createProgram(filepaths, {...tsconfig, esModuleInterop: true});
+    const program = ts.createProgram(filepaths, getTsConfigCompilerOptions());
     const checker = program.getTypeChecker();
 
     const coerceValue = t => {