fix: add polyfills / avoid using structuredClone

- polyfills for `at` and `withResolvers`
- avoid using `structuredClone`, we can use `JSON.parse(JSON.stringify(..))` instead at that position

makes the site work in more browsers

closes #911

Author: dummdidumm

apps/svelte.dev/package.json

@@ -61,6 +61,7 @@
 		"@vercel/speed-insights": "^1.0.0",
 		"browserslist": "^4.23.1",
 		"chokidar": "^4.0.1",
+		"core-js": "^3.39.0",
 		"degit": "^2.8.4",
 		"dotenv": "^16.4.5",
 		"esbuild": "^0.21.5",

apps/svelte.dev/src/hooks.client.js

@@ -0,0 +1 @@
+import 'core-js/es/array/at';

apps/svelte.dev/src/routes/(authed)/playground/[id]/+page.svelte

@@ -69,8 +69,8 @@
 
 		if (!hash && !saved) {
 			repl?.set({
-				// TODO make this munging unnecessary
-				files: structuredClone(data.gist.components).map(munge)
+				// TODO make this munging unnecessary (using JSON instead of structuredClone for better browser compat)
+				files: JSON.parse(JSON.stringify(data.gist.components)).map(munge)
 			});
 
 			modified = false;

packages/editor/package.json

@@ -52,6 +52,7 @@
 		"@sveltejs/site-kit": "workspace:*",
 		"@sveltejs/vite-plugin-svelte": "^4.0.0",
 		"codemirror": "^6.0.1",
+		"core-js": "^3.39.0",
 		"prettier": "^3.1.1",
 		"prettier-plugin-svelte": "^3.1.2",
 		"publint": "^0.2.0",

packages/editor/src/lib/compile-worker/worker.ts

@@ -1,3 +1,5 @@
+import 'core-js/es/array/at';
+import 'core-js/es/promise/with-resolvers';
 import { parseTar } from 'tarparser';
 import type { CompileResult } from 'svelte/compiler';
 import type { ExposedCompilerOptions, File } from '../Workspace.svelte';

packages/repl/package.json

@@ -53,6 +53,7 @@
 		"@sveltejs/package": "^2.0.0",
 		"@sveltejs/vite-plugin-svelte": "4.0.0",
 		"@types/estree": "^1.0.5",
+		"core-js": "^3.39.0",
 		"prettier": "^3.3.2",
 		"prettier-plugin-svelte": "^3.2.4",
 		"publint": "^0.1.9",

packages/repl/src/lib/workers/bundler/index.ts

@@ -1,3 +1,5 @@
+import 'core-js/es/array/at';
+import 'core-js/es/promise/with-resolvers';
 import '../patch_window';
 import { sleep } from '../../utils';
 import { rollup } from '@rollup/browser';

packages/site-kit/package.json

@@ -48,6 +48,7 @@
 	"devDependencies": {
 		"@sveltejs/kit": "^2.8.0",
 		"@types/node": "^20.12.11",
+		"core-js": "^3.39.0",
 		"flexsearch": "^0.7.43",
 		"magic-string": "^0.30.11",
 		"marked": "^14.1.2",

packages/site-kit/src/lib/search/search.ts

@@ -1,3 +1,4 @@
+import 'core-js/es/array/at';
 import flexsearch, { type Index as FlexSearchIndex } from 'flexsearch';
 import type { Block, BlockGroup } from './types';