Svelte is a UI framework known for its "disappearing" nature, meaning it shifts the workload from the browser to the compile step, resulting in highly performant and lightweight web applications. Comparing versions 1.22.2 and 1.22.1, we observe that the core set of development dependencies remains consistent, indicating a focus on stability and incremental improvements. Both versions rely on a robust ecosystem of tools like Rollup for bundling, Babel for JavaScript transpilation, and ESLint for code linting, ensuring a modern and reliable development experience. The consistent use of testing frameworks like Mocha and code coverage tools such as NYC and Codecov speaks to a commitment to quality and maintainability.
The key difference between the two versions lies in their release dates, with version 1.22.2 being released on June 3, 2017, and version 1.22.1 on June 1, 2017. This suggests that version 1.22.2 likely incorporates bug fixes, minor enhancements, or dependency updates identified in the very short time span between the releases. For developers using Svelte, this incremental approach signifies a stable and actively maintained library.
The extensive list of Babel plugins in the devDependencies highlights Svelte's focus on supporting modern JavaScript features while ensuring compatibility with older browsers. Furthermore, the inclusion of Rollup plugins for TypeScript, JSON, and CommonJS underscores Svelte's ability to seamlessly integrate with other technologies and libraries. Developers can expect continued performance improvements and stability.
All the vulnerabilities related to the version 1.22.2 of the package
Svelte vulnerable to XSS when using objects during server-side rendering
The package svelte before 3.49.0 is vulnerable to Cross-site Scripting (XSS) due to improper input sanitization and to improper escape of attributes when using objects during SSR (Server-Side Rendering). Exploiting this vulnerability is possible via objects with a custom toString() function.
Svelte has a potential mXSS vulnerability due to improper HTML escaping
A potential XSS vulnerability exists in Svelte for versions prior to 4.2.19.
Svelte improperly escapes HTML on server-side rendering. It converts strings according to the following rules:
"
-> "
&
-> &
<
-> <
&
-> &
The assumption is that attributes will always stay as such, but in some situation the final DOM tree rendered on browsers is different from what Svelte expects on server-side rendering. This may be leveraged to perform XSS attacks. More specifically, this can occur when injecting malicious content into an attribute within a <noscript>
tag.
A vulnerable page (+page.svelte
):
<script>
import { page } from "$app/stores"
// user input
let href = $page.url.searchParams.get("href") ?? "https://example.com";
</script>
<noscript>
<a href={href}>test</a>
</noscript>
If a user accesses the following URL,
http://localhost:4173/?href=</noscript><script>alert(123)</script>
then, alert(123)
will be executed.
XSS, when using an attribute within a noscript tag