refactor: remove serialize-javascript (withastro#3278)

* Replaced serialize-javascript with devalue

* Changeset

.changeset/forty-goats-dance.md

@@ -0,0 +1,5 @@
+---
+'astro': patch
+---
+
+Internal: replaces `serialize-javascript` with `devalue`

packages/astro/package.json

@@ -92,6 +92,7 @@
     "ci-info": "^3.3.0",
     "common-ancestor-path": "^1.0.1",
     "debug": "^4.3.4",
+    "devalue": "^2.0.1",
     "diff": "^5.0.0",
     "eol": "^0.9.1",
     "es-module-lexer": "^0.10.5",
@@ -120,7 +121,6 @@
     "resolve": "^1.22.0",
     "rollup": "^2.70.2",
     "semver": "^7.3.7",
-    "serialize-javascript": "^6.0.0",
     "shiki": "^0.10.1",
     "shorthash": "^0.0.2",
     "sirv": "^2.0.2",

packages/astro/src/core/create-vite.ts

@@ -21,7 +21,6 @@ const ALWAYS_EXTERNAL = new Set([
 	...builtinModules.map((name) => `node:${name}`),
 	'@sveltejs/vite-plugin-svelte',
 	'micromark-util-events-to-acorn',
-	'serialize-javascript',
 	'node-fetch',
 	'prismjs',
 	'shiki',
@@ -91,13 +90,6 @@ export async function createVite(
 		css: {
 			postcss: astroConfig.style.postcss || {},
 		},
-		resolve: {
-			alias: {
-				// This is needed for Deno compatibility, as the non-browser version
-				// of this module depends on Node `crypto`
-				randombytes: 'randombytes/browser',
-			},
-		},
 		// Note: SSR API is in beta (https://vitejs.dev/guide/ssr.html)
 		ssr: {
 			external: [...ALWAYS_EXTERNAL],

packages/astro/src/runtime/server/hydration.ts

@@ -1,12 +1,12 @@
 import type { AstroComponentMetadata, SSRLoadedRenderer } from '../../@types/astro';
 import type { SSRElement, SSRResult } from '../../@types/astro';
 import { hydrationSpecifier, serializeListValue } from './util.js';
-import serializeJavaScript from 'serialize-javascript';
+import devalue from 'devalue';
 
 // Serializes props passed into a component so that they can be reused during hydration.
 // The value is any
 export function serializeProps(value: any) {
-	return serializeJavaScript(value);
+	return devalue(value);
 }
 
 const HydrationDirectives = ['load', 'idle', 'media', 'visible', 'only'];