add an 'x' button to close the error messages popup

[chriddyp]

Currently you have to click on the devtools icon and then toggle errors button.

[chriddyp]

In this UI

[Biswa5812]

Where is this particular UI available, under which folder?

[chriddyp]

@Biswa5812 - It's in here: https://github.com/plotly/dash/tree/dev/dash-renderer/src/components/error/FrontEnd

[chriddyp]

@Biswa5812 - Let us know if you end up taking a look at this one! This would be a good first issue to get started contributing to Dash.

[Sable-20]

Quick update for anyone looking at this https://github.com/plotly/dash/tree/dev/dash/dash-renderer/src/components/error/FrontEnd issue can be found here, there was a update adding /dash/

[Alfred-Emmanuel]

Please has this been fixed? if no, could i be assigned to this?

[gvwilson]

@Alfred-Emmanuel sure - if you would like to submit a PR we would be very happy to review it. thank you - @gvwilson

[Alfred-Emmanuel]

Alright, will do. I'd let you know as soon as the PR is up

[Alfred-Emmanuel]

Hi @gvwilson , I am running into some errors while trying to setup the project, could you please let me know the prerequisites i need to have installed before being able to setup the project locally? i have nodejs and python installed already.

I also feel like the prerequisites should be included in the contributing.md, i'd be more than happy to do this as soon as you let me know what those prerequisites are

[gvwilson]

hi @Alfred-Emmanuel - are you using the instructions in CONTRIBUTING.md? If so, where is it failing for you? (If you can paste a log into a comment here that would help.)

[Alfred-Emmanuel]

@gvwilson Yes, i am using the instructions in the CONTRIBUTING.md, everything was going well until i ran "npm run build", the log is quite long but this is it below

npm run build

build run-s private::build.*

private::build.components python dash/development/update_components.py 'all'

npx lerna exec --concurrency 3 --scope='{dash-core-components,dash-html-components,dash-table}' -- npm i lerna notice cli v6.6.2 lerna info versioning independent lerna notice filter including "{dash-core-components,dash-html-components,dash-table}" lerna info filter [ '{dash-core-components,dash-html-components,dash-table}' ] lerna info Executing command in 3 packages: "npm i" npm warn deprecated @npmcli/[email protected]: This functionality has been moved to @npmcli/fs npm warn deprecated @babel/[email protected]: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-nullish-coalescing-operator instead. npm warn deprecated @babel/[email protected]: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-private-methods instead. npm warn deprecated @babel/[email protected]: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-class-properties instead. npm warn deprecated @babel/[email protected]: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-object-rest-spread instead. npm warn deprecated [email protected]: Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility npm warn deprecated [email protected]: See https://github.com/lydell/source-map-url#deprecated npm warn deprecated [email protected]: This module is no longer supported. npm warn deprecated @babel/[email protected]: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-private-property-in-object instead. npm warn deprecated [email protected]: request-promise has been deprecated because it extends the now deprecated request package, see https://github.com/request/request/issues/3142 npm warn deprecated @babel/[email protected]: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-optional-chaining instead. npm warn deprecated [email protected]: Please see https://github.com/lydell/urix#deprecated npm warn deprecated [email protected]: this library is no longer supported npm warn deprecated @babel/[email protected]: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-object-rest-spread instead. npm warn deprecated [email protected]: Use String.prototype.trim() instead npm warn deprecated [email protected]: See https://github.com/lydell/source-map-resolve#deprecated npm warn deprecated [email protected]: Chokidar 2 does not receive security updates since 2019. Upgrade to chokidar 3 with 15x fewer dependencies npm warn deprecated [email protected]: https://github.com/lydell/resolve-url#deprecated npm warn deprecated [email protected]: jsSHA versions < 3.0.0 will no longer receive feature updates npm warn deprecated @babel/[email protected]: 🚨 This package has been deprecated in favor of separate inclusion of a polyfill and regenerator-runtime (when needed). See the @babel/polyfill docs (https://babeljs.io/docs/en/babel-polyfill) for more information. npm warn deprecated [email protected]: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details. npm warn deprecated [email protected]: request has been deprecated, see https://github.com/request/request/issues/3142 npm warn deprecated [email protected]: < 21.5.0 is no longer supported npm warn deprecated [email protected]: core-js@<3.23.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js. lerna success exec Executed command in 3 packages: "npm i"

🟢 Finished installing npm dependencies for component packages: {dash-core-components,dash-html-comp onents,dash-table} 🟢 npx lerna exec --concurrency 3 --scope='{dash-core-components,dash-html-components,dash-table}' -- npm run build 🛑 lerna notice cli v6.6.2 lerna info versioning independent lerna notice filter including "{dash-core-components,dash-html-components,dash-table}" lerna info filter [ '{dash-core-components,dash-html-components,dash-table}' ] lerna info Executing command in 3 packages: "npm run build" node:fs:2346 return binding.writeFileUtf8( ^

.react.js'ENT: no such file or directory, open 'C:\Users\PC\dash\components\dash-html-components\src\components\A at Object.writeFileSync (node:fs:2346:20) at writeComponents (C:\Users\PC\dash\components\dash-html-components\scripts\generate-components.js:361:12) at Object. (C:\Users\PC\dash\components\dash-html-components\scripts\generate-components.js:384:1) at Module._compile (node:internal/modules/cjs/loader:1358:14) at Module._extensions..js (node:internal/modules/cjs/loader:1416:10) at Module.load (node:internal/modules/cjs/loader:1208:32) at Module._load (node:internal/modules/cjs/loader:1024:12) at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:174:12) at node:internal/main/run_main_module:28:49 { errno: -4058, code: 'ENOENT', syscall: 'open', path: 'C:\Users\PC\dash\components\dash-html-components\src\components\A\r.react.js' }

lerna ERR! npm run build exited 1 in 'dash-html-components' lerna ERR! npm run build exited 1 in 'dash-html-components' lerna WARN complete Waiting for 2 child processes to exit. CTRL-C to exit immediately. Browserslist: caniuse-lite is outdated. Please run: npx update-browserslist-db@latest Why you should do it regularly: https://github.com/browserslist/update-db#readme (node:16044) [DEP_WEBPACK_RULE_LOADER_OPTIONS_STRING] DeprecationWarning: Using a string as loader options is deprecated (ruleSet[1].rules[3].use[2].options) (Use node --trace-deprecation ... to show where the warning was created) Browserslist: caniuse-lite is outdated. Please run: npx update-browserslist-db@latest Why you should do it regularly: https://github.com/browserslist/update-db#readme 'dash-generate-components' is not recognized as an internal or external command, operable program or batch file. ERROR: "build:backends" exited with 1. 'dash-generate-components' is not recognized as an internal or external command, operable program or batch file. ERROR: "private::build:backends" exited with 1.

🚨 Finished updating component packages: {dash-core-components,dash-html-components,dash-table} (status=1) 🚨 ERROR: "private::build.components" exited with 1.

[gvwilson]

@Coding-with-Adam @archmoj either of you run into this?

[Coding-with-Adam]

Hi @gvwilson I have not run into this, no.

[Alfred-Emmanuel]

Oh well, i'm just going to try to find a way to get past it. i'd let you know how it goes

[gvwilson]

@Alfred-Emmanuel we might have a simpler solution for you by the middle of next week - I'll give you a shout when I know more. thanks - @gvwilson

[Alfred-Emmanuel]

Hi @gvwilson, i'm sending this message as a reminder about the solution

[gvwilson]

Hi @Alfred-Emmanuel - my apologies, but we don't have one for you yet. As soon as we merge some upstream changes in plotly.js, this ought to get simpler, but we need to fix the bugs in that first. My apologies for the delay...

[Alfred-Emmanuel]

It's alright @gvwilson , but don't forget to reach out whenever the changes has been made

[Gannu456]

is this issue already solved or i can work upon this?

[kenshima4]

I think this should be closed? It exists on dev.