Update frontend (major)

[renovate]

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
@sveltejs/vite-plugin-svelte (source)	3.1.2 -> 4.0.0
date-fns	3.6.0 -> 4.1.0
svelte (source)	4.2.19 -> 5.1.9
svelte-check	3.8.6 -> 4.0.5

---

Release Notes

sveltejs/vite-plugin-svelte (@​sveltejs/vite-plugin-svelte)

v4.0.0

Compare Source

Major Changes

• only prebundle files with default filenames (.svelte for components, .svelte.(js|ts) for modules) (#​901)

• remove support for Svelte 4 (#​892)

• breaking(types): some types that have been unintentionally public are now private (#​934)

• disable script preprocessing in vitePreprocess() by default because Svelte 5 supports lang=ts out of the box (#​892)

• replaced svelte-hmr with Svelte 5 compiler hmr integration (#​892)

Minor Changes

• allow infix notation for svelte modules (#​901)

  Previously, only suffix notation .svelte.js was allowed, now you can also use .svelte.test.js or .svelte.stories.js.
  This helps when writing testcases or other auxillary code where you may want to use runes too.

• feat(config): dynamically extract list of svelte exports from peer dependency so that new exports work automatically" (#​941)

• feat(warnings): change default loglevel of warnings originating from files in node_modules to debug. To see them call DEBUG:vite-plugin-svelte:node-modules-onwarn pnpm build. (#​989)

Patch Changes

• fix: make defaultHandler a required argument for onwarn in plugin options (#​895)

• prebundle with dev: true by default (#​901)

• fix(dev): compile with hmr: false for prebundled deps as hmr does not work with that (#​950)

• fix: ensure svelte modules correctly run in DEV mode (#​906)

• ensure consistent use of compileOptions.hmr also for prebundling (#​956)

• fix(optimizeDeps): avoid to optimise server only entrypoints of svelte that are never used on the client (#​941)

• update peer on workspace packages to avoid packages bumping each other (#​916)

• export PluginOptions interface (#​976)

• Remove log about experimental status of Svelte 5. Note that breaking changes can still occur while vite-plugin-svelte 4 is in prerelease mode (#​894)

• fix: ensure vite config is only resolved once during lazy init of vitePreprocess (#​912)

• fix(vitePreprocess): default to build config so that svelte-check does not trigger dev-only plugins (#​931)

• fix: only apply infix filter to basename (#​920)

• fix: disable hmr when vite config server.hmr is false (#​913)

• fix(dev): make sure custom cssHash is applied consistently even for prebundled components to avoid hash mismatches during hydration (#​950)

• Updated dependencies [22baa25, 49324db, e9f048c, 213fedd]:

  • @​sveltejs/vite-plugin-svelte-inspector@​3.0.0

date-fns/date-fns (date-fns)

v4.1.0

Compare Source

This release adds time zone support to format functions (that I somehow missed when working on the feature) and fixes a few bugs.

Make sure also upgrade TZDate to v1.0.2 as it includes a bunch of critical bug fixes.

Fixed

• Fixed internal constructFrom throwing an exception on null arguments. While null isn't allowed, the functions should rather return Invalid Date or NaN in such cases. See #​3885.

Added

• Added missing time zone support to format, formatISO, formatISO9075, formatRelative and formatRFC3339. See #​3886.

v4.0.0

Compare Source

I have great news! First, ten years after its release, date-fns finally gets first-class time zone support.

Another great news is that there aren't many breaking changes in this release. All of them are type-related and will affect only those explicitly using internal date-fns types. Finally, it has been less than a year since the last major release, which is an improvement over the previous four years between v2 and v3. I plan on keeping the pace and minimizing breaking changes moving forward.

Read more about the release in the announcement blog post.

- Sasha @​kossnocorp

Added

• Added time zones support via @date-fns/tz's TZDate class and tz helper function. See its README for the details about the API.

• All relevant functions now accept the context in option, which allows to specify the time zone to make the calculations in. If the function also returns a date, it will be in the specified time zone:

  import { addDays, startOfDay } from "date-fns";
  import { tz } from "@​date-fns/tz";
  
  startOfDay(addDays(Date.now(), 5, { in: tz("Asia/Singapore") }));
  //=> "2024-09-16T00:00:00.000+08:00"

  In the example, addDays will get the current date and time in Singapore and add 5 days to it. startOfDay will inherit the date type and return the start of the day in Singapore.

Changed

• The function arguments, as well as Interval's start and end, now can be of different types, allowing you to mix UTCDate, TZDate, Date, and other extensions, as well as primitives (strings and numbers).

  The functions will normalize these values, make calculations, and return the result in the same type, preventing any bugs caused by the discrepancy. If passed, the type will be inferred from the context in option or the first encountered argument object type. The Interval's start and end will be considered separately, starting from start.

  In the given example, the result will be in the TZDate as the first argument is a number, and the start takes precedence over the end.

  clamp(Date.now(), {
    start: new TZDate(start, "Asia/Singapore"),
    end: new UTCDate(),
  });
  //=> TZDate

• BREAKING: This release contains a bunch of types changes that should not affect the library's expected usage. The changes are primarily internal and nuanced, so rather than listing them here, I recommend you running the type checker after the upgrade. If there are unfixable problems, please open an issue.

• BREAKING: The package now is ESM-first. The CommonJS is still support and It should not affect most users, but it might break in certains environments. If you encounter any issues, please report them.

Fixed

• Fixed CDN build compatibility with jQuery and other tools that expose $ by properly wrapping the code in an IIFE.

sveltejs/svelte (svelte)

v5.1.9

Compare Source

Patch Changes

• fix: ensure transitions are applied to nested elements (#​14080)

v5.1.8

Compare Source

Patch Changes

• fix: ensure compiler statements are correctly included (#​14074)

v5.1.7

Compare Source

Patch Changes

• fix: ensure each block inert items are disposed of if the each block is also inert (#​13930)

• fix: allow warningFilter option for compileModule (#​14066)

• fix: ensure onMount correctly fires when new expressions are used (#​14049)

• fix: wrap :id, :where``:not and :has with :global during migration (#​13850)

• fix: ensure custom element attribute/prop changes are in their own context (#​14016)

v5.1.6

Compare Source

Patch Changes

• fix: ensure child effects are destroyed before their deriveds (#​14043)

v5.1.5

Compare Source

Patch Changes

• fix: replace typo in compiler error messages (#​14044)

• fix: preserve the separator between selectors when an unused selector is in between (#​13954)

• fix: more robust re-subscribe detection for fromStore (#​13995)

• fix: allow to pass in TS preference to migration (#​13929)

• fix: extend derived/state validation error to indirect exports (#​14039)

• fix: minify inject CSS in prod mode (#​14006)

• fix: ensure toStore subscription correctly syncs latest value (#​14015)

• fix: don't access requestAnimationFrame until needed to reduce need for mocks during testing (#​14040)

• fix: ensure element effects are executed in the correct order (#​14038)

• fix: make compiler error extend from Error (#​14036)

v5.1.4

Compare Source

Patch Changes

• fix: add empty stack to CompileDiagnostic to show error on build (#​13942)

• fix: ensure effect_tracking correctly handles tracking reactions (#​14005)

• fix: update broken links (#​13944)

• fix: more exhaustive check during SvelteMap.set in deriveds (#​13951)

• fix: trim whitespace while migrating blocks (#​13941)

• fix: update links that previously pointed to preview site (#​14001)

• fix: properly migrate imports types prefixed with $ (#​14007)

v5.1.3

Compare Source

Patch Changes

• fix: rethrow errors from await block if no catch block exists (#​13819)

• fix: ensure SVG element attributes have case preserved (#​13935)

• fix: ensure bind:group works as intended with proxied state objects (#​13939)

• fix: ensure value is correctly set to zero on the progress element (#​13924)

• fix: skip comment nodes in snippet validation logic (#​13936)

• fix: typo in Action types (#​13874)

• fix: remove metadata from legacy AST (#​13927)

v5.1.2

Compare Source

Patch Changes

• fix: improve consistency of transitions (#​13895)

• fix: enable bound store props in runes mode components (#​13887)

• fix: ensure each block references to imports are handled correctly (#​13892)

• fix: ensure SvelteMap reactivity persists through deriveds (#​13877)

• fix: ensure snippets after empty text correctly hydrate (#​13870)

• fix: prevent migration script from adding props. to the export let identifier (#​13899)

• fix: prevent var name clashing for delegated events without params (#​13896)

v5.1.1

Compare Source

Patch Changes

• fix: internally wrap store subscribe in untrack (#​13858)

• fix: allow binding to const with spread in legacy mode (#​13849)

• fix: ensure props internally untracks current_value on sets (#​13859)

• fix: properly traverse children when checking matches for :has (#​13866)

v5.1.0

Compare Source

Minor Changes

• feat: export mount() options as the MountOptions type (#​13674)

• feat: allow usage of getContext() within $derived runes (#​13830)

Patch Changes

• fix: properly migrate ts with inferred type comments (#​13761)

• fix: correct property name conversion in custom transitions (#​13820)

• fix: ensure $effect.tracking returns false inside transition functions (#​13775)

• fix: migrate default slots to children snippet (#​13760)

• fix: don't print errors on migration errors (#​13754)

• fix: prevent spread attribute from overriding class directive (#​13763)

• fix: ensure :has selectors followed by other selectors match (#​13824)

• fix: ensure muted DOM property works correctly in FF (#​13751)

• fix: show filename information in legacy_recursive_reactive_block (#​13764)

v5.0.5

Compare Source

Patch Changes

• fix: mark :has selectors with multiple preceding selectors as used (#​13750)

• fix: ensure event context is reset before invoking callback (#​13737)

• fix: add more robust check for Element prototype (#​13744)

• fix: do not comment out unused selectors that are inside an unused selector (#​13746)

• fix: more accurately detect $derived migration opportunities (#​13740)

• fix: @​debug does not work with proxied-state (#​13690)

• fix: do not add jsdoc if no types found (#​13738)

v5.0.4

Compare Source

Patch Changes

• fix: webview preload tag can be any string (#​13733)

• fix: better children snippet / default slot interop (#​13734)

v5.0.3

Compare Source

Patch Changes

• chore: ensure transition events are dispatched without current reaction (#​13719)

v5.0.2

Compare Source

Patch Changes

• fix: don't blank css on migration error (#​13703)

v5.0.1

Compare Source

Patch Changes

• fix: use typedef for JSDoc props and maintain comments (#​13698)

v5.0.0

Compare Source

A new major version of Svelte has been released! 🎉

The new version brings:

• even better performance,
• a more granular reactivity system with runes,
• more expressive template syntax with snippets and event attributes,
• native TypeScript support,
• and backwards compatibility with the previous syntax!

For more details check out the Svelte docs and the migration guide.

sveltejs/language-tools (svelte-check)

v4.0.5

Compare Source

• fix: include named exports in svelte 5 type (#​2528)

v4.0.4

Compare Source

• fix: relax component constructor type (#​2524)

v4.0.3

Compare Source

• breaking(svelte5): only generate function component shape in runes mode (#​2517). This means you can no longer just do Component in type positions. Instead you need to prepend it with typeof. Here's how you do it:
  • ...when typing a component instance: Before: let x: Component. After: let x: ReturnType<typeof Component>
  • ...when typing a component constructor/function: Before let x: typeof Component. After let x: typeof Component (no change)
• fix: revert additional two-way-binding checks as they were causing bugs (#​2508)
• fix: include files indirectly belonging to a project into correct project (#​2488)
• fix: check project files update more aggressively before assigning service (#​2518)
• chore: upgrade to chokidar 4 (#​2502)

v4.0.2

Compare Source

• fix: ensure components typed through Svelte 5's Component interface get proper intellisense

v4.0.1

Compare Source

• fix: remove ancient process augmentation from internal d.ts file

v4.0.0

Compare Source

• chore: bump magic-string (#​2476)
• chore: switch from fast-glob to fdir (#​2433)
• fix: detect <script module> tag (#​2482)
• feat: better type checking for bindings in Svelte 5 (#​2477)
• feat: replace svelte-preprocess with barebones TS preprocessor (#​2452)
• feat: project reference support (#​2463)

Breaking changes

• require Svelte 4 or later (#​2453)
• make TypeScript a peer dependency, require TS 5 or later (#​2453)
• require node 18 or later (#​2453)
• process augmentation (declaring a process.browser field) was removed
• slight changes to how files are assigned to which tsconfig.json (#​1234, #​2463)
• slight changes to how Svelte module resolution works; .svelte files now take precedence over .svelte.js/ts files (if both exist) (#​2481)
• language-server now forces fewer TypeScript options. Most notably skipLibCheck is no longer forced to true, which may result in d.ts files now being checked in your project, which they were not before, revealing type errors. Either fix those or add "skipLibCheck": true to your tsconfig.json (#​1976, #​2463)

---

Configuration

📅 Schedule: Branch creation - "every weekend" (UTC), Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR is behind base branch, or you tick the rebase/retry checkbox.

👻 Immortal: This PR will be recreated if closed unmerged. Get config help if that's undesired.

---

• If you want to rebase/retry this PR, check this box

---

This PR was generated by Mend Renovate. View the repository job log.