bump devalue (#7147)

* bump devalue

* Create rude-lies-laugh.md

Author: Rich-Harris

.changeset/rude-lies-laugh.md

@@ -0,0 +1,5 @@
+---
+"@sveltejs/kit": patch
+---
+
+bump devalue to version 4

packages/kit/package.json

@@ -13,7 +13,7 @@
 		"@sveltejs/vite-plugin-svelte": "^1.0.5",
 		"@types/cookie": "^0.5.1",
 		"cookie": "^0.5.0",
-		"devalue": "^3.1.2",
+		"devalue": "^4.0.0",
 		"kleur": "^4.1.4",
 		"magic-string": "^0.26.2",
 		"mime": "^3.0.0",

packages/kit/src/runtime/client/client.js

@@ -1493,7 +1493,7 @@ async function load_data(url, invalid) {
 	data_url.searchParams.set('__id', String(data_id++));
 
 	// The __data.js file is generated by the server and looks like
-	// `window.__sveltekit_data = ${devalue(data)}`. We do this instead
+	// `window.__sveltekit_data = ${devalue.uneval(data)}`. We do this instead
 	// of `export const data` because modules are cached indefinitely,
 	// and that would cause memory leaks.
 	//

packages/kit/src/runtime/server/page/index.js

@@ -1,4 +1,4 @@
-import { devalue } from 'devalue';
+import * as devalue from 'devalue';
 import { DATA_SUFFIX } from '../../../constants.js';
 import { compact } from '../../../utils/array.js';
 import { normalize_error } from '../../../utils/error.js';
@@ -262,7 +262,7 @@ export async function render_page(event, route, page, options, state, resolve_op
 		}
 
 		if (state.prerendering && should_prerender_data) {
-			const body = `window.__sveltekit_data = ${devalue({
+			const body = `window.__sveltekit_data = ${devalue.uneval({
 				type: 'data',
 				nodes: branch.map((branch_node) => branch_node?.server_data)
 			})}`;

packages/kit/src/runtime/server/page/render.js

@@ -1,4 +1,4 @@
-import { devalue } from 'devalue';
+import * as devalue from 'devalue';
 import { readable, writable } from 'svelte/store';
 import { hash } from '../../hash.js';
 import { serialize_data } from './serialize_data.js';
@@ -172,7 +172,7 @@ export async function render_response({
 	const serialized = { data: '', form: 'null' };
 
 	try {
-		serialized.data = devalue(branch.map(({ server_data }) => server_data));
+		serialized.data = devalue.uneval(branch.map(({ server_data }) => server_data));
 	} catch (e) {
 		// If we're here, the data could not be serialized with devalue
 		// TODO if we wanted to get super fancy we could track down the origin of the `load`
@@ -185,7 +185,7 @@ export async function render_response({
 
 	if (form_value) {
 		// no need to check it can be serialized, we already verified that it's JSON-friendly
-		serialized.form = devalue(form_value);
+		serialized.form = devalue.uneval(form_value);
 	}
 
 	if (inline_styles.size > 0) {
@@ -232,7 +232,7 @@ export async function render_response({
 					status: ${status},
 					error: ${s(error)},
 					node_ids: [${branch.map(({ node }) => node.index).join(', ')}],
-					params: ${devalue(event.params)},
+					params: ${devalue.uneval(event.params)},
 					routeId: ${s(event.routeId)},
 					data: ${serialized.data},
 					form: ${serialized.form}

packages/kit/src/runtime/server/utils.js

@@ -1,4 +1,4 @@
-import { devalue } from 'devalue';
+import * as devalue from 'devalue';
 import { DATA_SUFFIX } from '../../constants.js';
 import { negotiate } from '../../utils/http.js';
 import { HttpError } from '../control.js';
@@ -76,7 +76,7 @@ export function data_response(data) {
 	};
 
 	try {
-		return new Response(`window.__sveltekit_data = ${devalue(data)}`, { headers });
+		return new Response(`window.__sveltekit_data = ${devalue.uneval(data)}`, { headers });
 	} catch (e) {
 		const error = /** @type {any} */ (e);
 		const match = /\[(\d+)\]\.data\.(.+)/.exec(error.path);