Lots of warnings and DragDropList error when running Building interface with npm

[ewowi]

when building Sveltekit in VSCode, Building interface with npm generates lots of warnings and DragDropList error. It doesn't seem to invalidate the generated result but it complicates validation checks on build and might cause (hidden) problems in the future.

Examples:

Warnings

• <div> with a click handler must have an ARIA role
• <svg> with a click handler must have an ARIA role
• firmwareVersion is updated, but is not declared with $state(...)
• DragDropList.svelte" contains an annotation that Rollup cannot interpret due to the position of the comment. The comment will be removed to avoid issues.

Error

• DragDropList.svelte (568:2): Error when using sourcemap for reporting an error: Can't resolve original location of error.

Following the advice in the warning will solve the warning.

Complete log follows.

💡🆕 Follow ESP32-Sveltekit on Discord

[ewowi]

Log:

10:40:18 AM [vite-plugin-svelte] WARNING: The following packages have a svelte field in their package.json but no exports condition for svelte.

svelte-dnd-list@0.1.8
svelte-focus-trap@1.2.0

Please see https://github.com/sveltejs/vite-plugin-svelte/blob/main/docs/faq.md#missing-exports-condition for details.
vite v5.4.19 building SSR bundle for production...
transforming...
10:40:19 AM [vite-plugin-svelte] src/routes/+layout.svelte:166:2 `<div>` with a click handler must have an ARIA role
https://svelte.dev/e/a11y_no_static_element_interactions
164:   <!-- svelte-ignore a11y_click_events_have_key_events -->
165:   {#snippet backdrop({ close })}
166:     <div
             ^
167:       class="fixed inset-0 z-40 max-h-full max-w-full bg-black/20 backdrop-blur-sm"
168:       transition:fade|global
10:40:19 AM [vite-plugin-svelte] src/lib/components/InputPassword.svelte:20:2 `<svg>` with a click handler must have an ARIA role
https://svelte.dev/e/a11y_no_static_element_interactions
18:   <div class="absolute inset-y-0 right-0 flex items-center pr-1">
19:     <!-- svelte-ignore a11y_click_events_have_key_events -->
20:     <svg
            ^
21:       xmlns="http://www.w3.org/2000/svg"
22:       class="text-base-content/50 h-6 {show ? 'block' : 'hidden'}"
10:40:19 AM [vite-plugin-svelte] src/lib/components/InputPassword.svelte:42:2 `<svg>` with a click handler must have an ARIA role
https://svelte.dev/e/a11y_no_static_element_interactions
40: 
41:     <!-- svelte-ignore a11y_click_events_have_key_events -->
42:     <svg
            ^
43:       xmlns="http://www.w3.org/2000/svg"
44:       class="text-base-content/50 h-6 {show ? 'hidden' : 'block'}"
10:40:19 AM [vite-plugin-svelte] src/lib/components/UpdateIndicator.svelte:20:5 `firmwareVersion` is updated, but is not declared with `$state(...)`. Changing its value will not correctly trigger updates
https://svelte.dev/e/non_reactive_update
18:   let { update = $bindable(false) }: Props = $props();
19: 
20:   let firmwareVersion: string;
                                 ^
21:   let firmwareDownloadLink: string;
22: 
10:40:19 AM [vite-plugin-svelte] src/routes/wifi/sta/Scan.svelte:115:8 `<div>` with a click handler must have an ARIA role
https://svelte.dev/e/a11y_no_static_element_interactions
113:               <li>
114:                 <!-- svelte-ignore a11y_click_events_have_key_events -->
115:                 <div
                         ^
116:                   class="bg-base-200 rounded-btn my-1 flex items-center space-x-3 hover:scale-[1.02] active:scale-[0.98]"
117:                   onclick={() => {
/*! 🌼 daisyUI 5.0.46 */
node_modules/svelte-dnd-list/DragDropList.svelte (568:2): Error when using sourcemap for reporting an error: Can't resolve original location of error.
node_modules/svelte-dnd-list/DragDropList.svelte (568:2): A comment

"/* @__PURE__ */"

in "node_modules/svelte-dnd-list/DragDropList.svelte" contains an annotation that Rollup cannot interpret due to the position of the comment. The comment will be removed to avoid issues.
node_modules/svelte-dnd-list/DragDropList.svelte (569:2): Error when using sourcemap for reporting an error: Can't resolve original location of error.
node_modules/svelte-dnd-list/DragDropList.svelte (569:2): A comment

"/* @__PURE__ */"

in "node_modules/svelte-dnd-list/DragDropList.svelte" contains an annotation that Rollup cannot interpret due to the position of the comment. The comment will be removed to avoid issues.
node_modules/svelte-dnd-list/DragDropList.svelte (570:2): Error when using sourcemap for reporting an error: Can't resolve original location of error.
node_modules/svelte-dnd-list/DragDropList.svelte (570:2): A comment

"/* @__PURE__ */"

in "node_modules/svelte-dnd-list/DragDropList.svelte" contains an annotation that Rollup cannot interpret due to the position of the comment. The comment will be removed to avoid issues.
✓ 318 modules transformed.
rendering chunks...
10:40:20 AM [vite-plugin-svelte] WARNING: The following packages have a svelte field in their package.json but no exports condition for svelte.

svelte-dnd-list@0.1.8
svelte-focus-trap@1.2.0

Please see https://github.com/sveltejs/vite-plugin-svelte/blob/main/docs/faq.md#missing-exports-condition for details.
vite v5.4.19 building for production...
transforming...
10:40:20 AM [vite-plugin-svelte] src/routes/+layout.svelte:166:2 `<div>` with a click handler must have an ARIA role
https://svelte.dev/e/a11y_no_static_element_interactions
164:   <!-- svelte-ignore a11y_click_events_have_key_events -->
165:   {#snippet backdrop({ close })}
166:     <div
             ^
167:       class="fixed inset-0 z-40 max-h-full max-w-full bg-black/20 backdrop-blur-sm"
168:       transition:fade|global
10:40:20 AM [vite-plugin-svelte] src/lib/components/InputPassword.svelte:20:2 `<svg>` with a click handler must have an ARIA role
https://svelte.dev/e/a11y_no_static_element_interactions
18:   <div class="absolute inset-y-0 right-0 flex items-center pr-1">
19:     <!-- svelte-ignore a11y_click_events_have_key_events -->
20:     <svg
            ^
21:       xmlns="http://www.w3.org/2000/svg"
22:       class="text-base-content/50 h-6 {show ? 'block' : 'hidden'}"
10:40:20 AM [vite-plugin-svelte] src/lib/components/InputPassword.svelte:42:2 `<svg>` with a click handler must have an ARIA role
https://svelte.dev/e/a11y_no_static_element_interactions
40: 
41:     <!-- svelte-ignore a11y_click_events_have_key_events -->
42:     <svg
            ^
43:       xmlns="http://www.w3.org/2000/svg"
44:       class="text-base-content/50 h-6 {show ? 'hidden' : 'block'}"
10:40:20 AM [vite-plugin-svelte] src/lib/components/UpdateIndicator.svelte:20:5 `firmwareVersion` is updated, but is not declared with `$state(...)`. Changing its value will not correctly trigger updates
https://svelte.dev/e/non_reactive_update
18:   let { update = $bindable(false) }: Props = $props();
19: 
20:   let firmwareVersion: string;
                                 ^
21:   let firmwareDownloadLink: string;
22: 
10:40:20 AM [vite-plugin-svelte] src/routes/wifi/sta/Scan.svelte:115:8 `<div>` with a click handler must have an ARIA role
https://svelte.dev/e/a11y_no_static_element_interactions
113:               <li>
114:                 <!-- svelte-ignore a11y_click_events_have_key_events -->
115:                 <div
                         ^
116:                   class="bg-base-200 rounded-btn my-1 flex items-center space-x-3 hover:scale-[1.02] active:scale-[0.98]"
117:                   onclick={() => {
node_modules/svelte-dnd-list/DragDropList.svelte (595:3): Error when using sourcemap for reporting an error: Can't resolve original location of error.
node_modules/svelte-dnd-list/DragDropList.svelte (595:3): A comment

"/* @__PURE__ */"

in "node_modules/svelte-dnd-list/DragDropList.svelte" contains an annotation that Rollup cannot interpret due to the position of the comment. The comment will be removed to avoid issues.
node_modules/svelte-dnd-list/DragDropList.svelte (596:3): Error when using sourcemap for reporting an error: Can't resolve original location of error.
node_modules/svelte-dnd-list/DragDropList.svelte (596:3): A comment

"/* @__PURE__ */"

in "node_modules/svelte-dnd-list/DragDropList.svelte" contains an annotation that Rollup cannot interpret due to the position of the comment. The comment will be removed to avoid issues.
node_modules/svelte-dnd-list/DragDropList.svelte (597:3): Error when using sourcemap for reporting an error: Can't resolve original location of error.
node_modules/svelte-dnd-list/DragDropList.svelte (597:3): A comment

"/* @__PURE__ */"

in "node_modules/svelte-dnd-list/DragDropList.svelte" contains an annotation that Rollup cannot interpret due to the position of the comment. The comment will be removed to avoid issues.

[theelims]

@ewowi Check the latest push. DragDropList got replaced by DraggableList with PR #100