feat(site-2): New REPL (#8545)

sites/svelte.dev/package-lock.json

@@ -9,13 +9,12 @@
 			"version": "1.0.0",
 			"dependencies": {
 				"@supabase/supabase-js": "^2.21.0",
-				"@sveltejs/repl": "^0.4.0",
+				"@sveltejs/repl": "^0.5.0-next.3",
 				"cookie": "^0.5.0",
 				"devalue": "^4.3.0",
 				"do-not-zip": "^1.0.0",
 				"flexsearch": "^0.7.31",
-				"flru": "^1.0.2",
-				"sourcemap-codec": "^1.4.8"
+				"flru": "^1.0.2"
 			},
 			"devDependencies": {
 				"@resvg/resvg-js": "^2.4.1",
@@ -84,6 +83,146 @@
 				"node": ">=6.9.0"
 			}
 		},
+		"node_modules/@codemirror/autocomplete": {
+			"version": "6.7.0",
+			"resolved": "https://registry.npmjs.org/@codemirror/autocomplete/-/autocomplete-6.7.0.tgz",
+			"integrity": "sha512-di5NFfxuG3c2dllwb33Zyw6Qsmo/W+cFCO2JzBPZLWlLSkgKQfr+r0Kf3qK1b/TwkQ3MbnBQY8Z01hkSYX6Qfw==",
+			"dependencies": {
+				"@codemirror/language": "^6.0.0",
+				"@codemirror/state": "^6.0.0",
+				"@codemirror/view": "^6.6.0",
+				"@lezer/common": "^1.0.0"
+			},
+			"peerDependencies": {
+				"@codemirror/language": "^6.0.0",
+				"@codemirror/state": "^6.0.0",
+				"@codemirror/view": "^6.0.0",
+				"@lezer/common": "^1.0.0"
+			}
+		},
+		"node_modules/@codemirror/commands": {
+			"version": "6.2.4",
+			"resolved": "https://registry.npmjs.org/@codemirror/commands/-/commands-6.2.4.tgz",
+			"integrity": "sha512-42lmDqVH0ttfilLShReLXsDfASKLXzfyC36bzwcqzox9PlHulMcsUOfHXNo2X2aFMVNUoQ7j+d4q5bnfseYoOA==",
+			"dependencies": {
+				"@codemirror/language": "^6.0.0",
+				"@codemirror/state": "^6.2.0",
+				"@codemirror/view": "^6.0.0",
+				"@lezer/common": "^1.0.0"
+			}
+		},
+		"node_modules/@codemirror/lang-css": {
+			"version": "6.2.0",
+			"resolved": "https://registry.npmjs.org/@codemirror/lang-css/-/lang-css-6.2.0.tgz",
+			"integrity": "sha512-oyIdJM29AyRPM3+PPq1I2oIk8NpUfEN3kAM05XWDDs6o3gSneIKaVJifT2P+fqONLou2uIgXynFyMUDQvo/szA==",
+			"dependencies": {
+				"@codemirror/autocomplete": "^6.0.0",
+				"@codemirror/language": "^6.0.0",
+				"@codemirror/state": "^6.0.0",
+				"@lezer/common": "^1.0.2",
+				"@lezer/css": "^1.0.0"
+			}
+		},
+		"node_modules/@codemirror/lang-html": {
+			"version": "6.4.3",
+			"resolved": "https://registry.npmjs.org/@codemirror/lang-html/-/lang-html-6.4.3.tgz",
+			"integrity": "sha512-VKzQXEC8nL69Jg2hvAFPBwOdZNvL8tMFOrdFwWpU+wc6a6KEkndJ/19R5xSaglNX6v2bttm8uIEFYxdQDcIZVQ==",
+			"dependencies": {
+				"@codemirror/autocomplete": "^6.0.0",
+				"@codemirror/lang-css": "^6.0.0",
+				"@codemirror/lang-javascript": "^6.0.0",
+				"@codemirror/language": "^6.4.0",
+				"@codemirror/state": "^6.0.0",
+				"@codemirror/view": "^6.2.2",
+				"@lezer/common": "^1.0.0",
+				"@lezer/css": "^1.1.0",
+				"@lezer/html": "^1.3.0"
+			}
+		},
+		"node_modules/@codemirror/lang-javascript": {
+			"version": "6.1.7",
+			"resolved": "https://registry.npmjs.org/@codemirror/lang-javascript/-/lang-javascript-6.1.7.tgz",
+			"integrity": "sha512-KXKqxlZ4W6t5I7i2ScmITUD3f/F5Cllk3kj0De9P9mFeYVfhOVOWuDLgYiLpk357u7Xh4dhqjJAnsNPPoTLghQ==",
+			"dependencies": {
+				"@codemirror/autocomplete": "^6.0.0",
+				"@codemirror/language": "^6.6.0",
+				"@codemirror/lint": "^6.0.0",
+				"@codemirror/state": "^6.0.0",
+				"@codemirror/view": "^6.0.0",
+				"@lezer/common": "^1.0.0",
+				"@lezer/javascript": "^1.0.0"
+			}
+		},
+		"node_modules/@codemirror/lang-json": {
+			"version": "6.0.1",
+			"resolved": "https://registry.npmjs.org/@codemirror/lang-json/-/lang-json-6.0.1.tgz",
+			"integrity": "sha512-+T1flHdgpqDDlJZ2Lkil/rLiRy684WMLc74xUnjJH48GQdfJo/pudlTRreZmKwzP8/tGdKf83wlbAdOCzlJOGQ==",
+			"dependencies": {
+				"@codemirror/language": "^6.0.0",
+				"@lezer/json": "^1.0.0"
+			}
+		},
+		"node_modules/@codemirror/lang-markdown": {
+			"version": "6.1.1",
+			"resolved": "https://registry.npmjs.org/@codemirror/lang-markdown/-/lang-markdown-6.1.1.tgz",
+			"integrity": "sha512-n87Ms6Y5UYb1UkFu8sRzTLfq/yyF1y2AYiWvaVdbBQi5WDj1tFk5N+AKA+WC0Jcjc1VxvrCCM0iizjdYYi9sFQ==",
+			"dependencies": {
+				"@codemirror/lang-html": "^6.0.0",
+				"@codemirror/language": "^6.3.0",
+				"@codemirror/state": "^6.0.0",
+				"@codemirror/view": "^6.0.0",
+				"@lezer/common": "^1.0.0",
+				"@lezer/markdown": "^1.0.0"
+			}
+		},
+		"node_modules/@codemirror/language": {
+			"version": "6.6.0",
+			"resolved": "https://registry.npmjs.org/@codemirror/language/-/language-6.6.0.tgz",
+			"integrity": "sha512-cwUd6lzt3MfNYOobdjf14ZkLbJcnv4WtndYaoBkbor/vF+rCNguMPK0IRtvZJG4dsWiaWPcK8x1VijhvSxnstg==",
+			"dependencies": {
+				"@codemirror/state": "^6.0.0",
+				"@codemirror/view": "^6.0.0",
+				"@lezer/common": "^1.0.0",
+				"@lezer/highlight": "^1.0.0",
+				"@lezer/lr": "^1.0.0",
+				"style-mod": "^4.0.0"
+			}
+		},
+		"node_modules/@codemirror/lint": {
+			"version": "6.2.1",
+			"resolved": "https://registry.npmjs.org/@codemirror/lint/-/lint-6.2.1.tgz",
+			"integrity": "sha512-y1muai5U/uUPAGRyHMx9mHuHLypPcHWxzlZGknp/U5Mdb5Ol8Q5ZLp67UqyTbNFJJ3unVxZ8iX3g1fMN79S1JQ==",
+			"dependencies": {
+				"@codemirror/state": "^6.0.0",
+				"@codemirror/view": "^6.0.0",
+				"crelt": "^1.0.5"
+			}
+		},
+		"node_modules/@codemirror/search": {
+			"version": "6.4.0",
+			"resolved": "https://registry.npmjs.org/@codemirror/search/-/search-6.4.0.tgz",
+			"integrity": "sha512-zMDgaBXah+nMLK2dHz9GdCnGbQu+oaGRXS1qviqNZkvOCv/whp5XZFyoikLp/23PM9RBcbuKUUISUmQHM1eRHw==",
+			"dependencies": {
+				"@codemirror/state": "^6.0.0",
+				"@codemirror/view": "^6.0.0",
+				"crelt": "^1.0.5"
+			}
+		},
+		"node_modules/@codemirror/state": {
+			"version": "6.2.0",
+			"resolved": "https://registry.npmjs.org/@codemirror/state/-/state-6.2.0.tgz",
+			"integrity": "sha512-69QXtcrsc3RYtOtd+GsvczJ319udtBf1PTrr2KbLWM/e2CXUPnh0Nz9AUo8WfhSQ7GeL8dPVNUmhQVgpmuaNGA=="
+		},
+		"node_modules/@codemirror/view": {
+			"version": "6.11.1",
+			"resolved": "https://registry.npmjs.org/@codemirror/view/-/view-6.11.1.tgz",
+			"integrity": "sha512-ffKhfty5XcadA2/QSmDCnG6ZQnDfKT4YsH9ACWluhoTpkHuW5gMAK07s9Y76j/OzUqyoUuF+/VISr9BuCWzPqw==",
+			"dependencies": {
+				"@codemirror/state": "^6.1.4",
+				"style-mod": "^4.0.0",
+				"w3c-keyname": "^2.2.4"
+			}
+		},
 		"node_modules/@esbuild/android-arm": {
 			"version": "0.17.18",
 			"resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.17.18.tgz",
@@ -864,6 +1003,73 @@
 			"integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==",
 			"dev": true
 		},
+		"node_modules/@lezer/common": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/@lezer/common/-/common-1.0.2.tgz",
+			"integrity": "sha512-SVgiGtMnMnW3ActR8SXgsDhw7a0w0ChHSYAyAUxxrOiJ1OqYWEKk/xJd84tTSPo1mo6DXLObAJALNnd0Hrv7Ng=="
+		},
+		"node_modules/@lezer/css": {
+			"version": "1.1.1",
+			"resolved": "https://registry.npmjs.org/@lezer/css/-/css-1.1.1.tgz",
+			"integrity": "sha512-mSjx+unLLapEqdOYDejnGBokB5+AiJKZVclmud0MKQOKx3DLJ5b5VTCstgDDknR6iIV4gVrN6euzsCnj0A2gQA==",
+			"dependencies": {
+				"@lezer/highlight": "^1.0.0",
+				"@lezer/lr": "^1.0.0"
+			}
+		},
+		"node_modules/@lezer/highlight": {
+			"version": "1.1.4",
+			"resolved": "https://registry.npmjs.org/@lezer/highlight/-/highlight-1.1.4.tgz",
+			"integrity": "sha512-IECkFmw2l7sFcYXrV8iT9GeY4W0fU4CxX0WMwhmhMIVjoDdD1Hr6q3G2NqVtLg/yVe5n7i4menG3tJ2r4eCrPQ==",
+			"dependencies": {
+				"@lezer/common": "^1.0.0"
+			}
+		},
+		"node_modules/@lezer/html": {
+			"version": "1.3.4",
+			"resolved": "https://registry.npmjs.org/@lezer/html/-/html-1.3.4.tgz",
+			"integrity": "sha512-HdJYMVZcT4YsMo7lW3ipL4NoyS2T67kMPuSVS5TgLGqmaCjEU/D6xv7zsa1ktvTK5lwk7zzF1e3eU6gBZIPm5g==",
+			"dependencies": {
+				"@lezer/common": "^1.0.0",
+				"@lezer/highlight": "^1.0.0",
+				"@lezer/lr": "^1.0.0"
+			}
+		},
+		"node_modules/@lezer/javascript": {
+			"version": "1.4.3",
+			"resolved": "https://registry.npmjs.org/@lezer/javascript/-/javascript-1.4.3.tgz",
+			"integrity": "sha512-k7Eo9z9B1supZ5cCD4ilQv/RZVN30eUQL+gGbr6ybrEY3avBAL5MDiYi2aa23Aj0A79ry4rJRvPAwE2TM8bd+A==",
+			"dependencies": {
+				"@lezer/highlight": "^1.1.3",
+				"@lezer/lr": "^1.3.0"
+			}
+		},
+		"node_modules/@lezer/json": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/@lezer/json/-/json-1.0.0.tgz",
+			"integrity": "sha512-zbAuUY09RBzCoCA3lJ1+ypKw5WSNvLqGMtasdW6HvVOqZoCpPr8eWrsGnOVWGKGn8Rh21FnrKRVlJXrGAVUqRw==",
+			"dependencies": {
+				"@lezer/highlight": "^1.0.0",
+				"@lezer/lr": "^1.0.0"
+			}
+		},
+		"node_modules/@lezer/lr": {
+			"version": "1.3.4",
+			"resolved": "https://registry.npmjs.org/@lezer/lr/-/lr-1.3.4.tgz",
+			"integrity": "sha512-7o+e4og/QoC/6btozDPJqnzBhUaD1fMfmvnEKQO1wRRiTse1WxaJ3OMEXZJnkgT6HCcTVOctSoXK9jGJw2oe9g==",
+			"dependencies": {
+				"@lezer/common": "^1.0.0"
+			}
+		},
+		"node_modules/@lezer/markdown": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/@lezer/markdown/-/markdown-1.0.2.tgz",
+			"integrity": "sha512-8CY0OoZ6V5EzPjSPeJ4KLVbtXdLBd8V6sRCooN5kHnO28ytreEGTyrtU/zUwo/XLRzGr/e1g44KlzKi3yWGB5A==",
+			"dependencies": {
+				"@lezer/common": "^1.0.0",
+				"@lezer/highlight": "^1.0.0"
+			}
+		},
 		"node_modules/@mapbox/node-pre-gyp": {
 			"version": "1.0.10",
 			"resolved": "https://registry.npmjs.org/@mapbox/node-pre-gyp/-/node-pre-gyp-1.0.10.tgz",
@@ -904,6 +1110,23 @@
 				}
 			}
 		},
+		"node_modules/@neocodemirror/svelte": {
+			"version": "0.0.8",
+			"resolved": "https://registry.npmjs.org/@neocodemirror/svelte/-/svelte-0.0.8.tgz",
+			"integrity": "sha512-t3CP/ZsWgPYzrhqLH9Dukw0GNpMJSpqGBYAQFP1OvYXerd9xwBdXcKovP/x5SmKAiJF6cvWey/5plZNzJvB3vQ==",
+			"dependencies": {
+				"csstype": "^3.1.2",
+				"nanostores": "^0.8.1"
+			},
+			"peerDependencies": {
+				"@codemirror/commands": "^6.2.0",
+				"@codemirror/language": "^6.0.0",
+				"@codemirror/lint": "^6.0.0",
+				"@codemirror/state": "^6.0.0",
+				"@codemirror/view": "^6.0.0",
+				"codemirror": "^6.0.1"
+			}
+		},
 		"node_modules/@nodelib/fs.scandir": {
 			"version": "2.1.5",
 			"resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -944,6 +1167,24 @@
 			"resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.21.tgz",
 			"integrity": "sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g=="
 		},
+		"node_modules/@replit/codemirror-lang-svelte": {
+			"version": "6.0.0",
+			"resolved": "https://registry.npmjs.org/@replit/codemirror-lang-svelte/-/codemirror-lang-svelte-6.0.0.tgz",
+			"integrity": "sha512-U2OqqgMM6jKelL0GNWbAmqlu1S078zZNoBqlJBW+retTc5M4Mha6/Y2cf4SVg6ddgloJvmcSpt4hHrVoM4ePRA==",
+			"peerDependencies": {
+				"@codemirror/autocomplete": "^6.0.0",
+				"@codemirror/lang-css": "^6.0.1",
+				"@codemirror/lang-html": "^6.2.0",
+				"@codemirror/lang-javascript": "^6.1.1",
+				"@codemirror/language": "^6.0.0",
+				"@codemirror/state": "^6.0.0",
+				"@codemirror/view": "^6.0.0",
+				"@lezer/common": "^1.0.0",
+				"@lezer/highlight": "^1.0.0",
+				"@lezer/javascript": "^1.2.0",
+				"@lezer/lr": "^1.0.0"
+			}
+		},
 		"node_modules/@resvg/resvg-js": {
 			"version": "2.4.1",
 			"resolved": "https://registry.npmjs.org/@resvg/resvg-js/-/resvg-js-2.4.1.tgz",
@@ -1159,6 +1400,14 @@
 				"node": ">= 10"
 			}
 		},
+		"node_modules/@rich_harris/svelte-split-pane": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/@rich_harris/svelte-split-pane/-/svelte-split-pane-1.1.0.tgz",
+			"integrity": "sha512-gxDfPqRSRx11/t+cs5ao0pXzKSO6CiBDmbcVwD8o/zToNZZTZjompoRmvRRICT9OhPxwwl/87nXJEToorPyICg==",
+			"peerDependencies": {
+				"svelte": "^3.54.0"
+			}
+		},
 		"node_modules/@rollup/browser": {
 			"version": "3.21.6",
 			"resolved": "https://registry.npmjs.org/@rollup/browser/-/browser-3.21.6.tgz",
@@ -1208,9 +1457,9 @@
 			}
 		},
 		"node_modules/@supabase/gotrue-js": {
-			"version": "2.25.0",
-			"resolved": "https://registry.npmjs.org/@supabase/gotrue-js/-/gotrue-js-2.25.0.tgz",
-			"integrity": "sha512-tZXArO0f1NKMQo6rtGryOSqS51WQJQMS3lEHIyH50WffQb/n1tiYY1L8yCyrvTogz9RXpihdQeUjVW77kKd7sQ==",
+			"version": "2.26.0",
+			"resolved": "https://registry.npmjs.org/@supabase/gotrue-js/-/gotrue-js-2.26.0.tgz",
+			"integrity": "sha512-orxz8nwaF5D1nY/9H5xxTfFSCTvYeDLx24UO/Mxsx83xFP0t5RNxQZ0lEHBOhHhXJ4vR/COv79AxoWCOTu/7Rg==",
 			"dependencies": {
 				"cross-fetch": "^3.1.5"
 			}
@@ -1299,34 +1548,36 @@
 			}
 		},
 		"node_modules/@sveltejs/repl": {
-			"version": "0.4.0",
-			"resolved": "https://registry.npmjs.org/@sveltejs/repl/-/repl-0.4.0.tgz",
-			"integrity": "sha512-rx0PepYzLaGCQRbRbMUflKhCqz94Yf+4yov9M9+Qgbb07/5a6fKTito8oYrVRhhh+K/fAJz4lEqif80kuTZg1g==",
-			"dependencies": {
-				"@rollup/browser": "^3.20.4",
-				"@sveltejs/site-kit": "5.0.1",
+			"version": "0.5.0-next.3",
+			"resolved": "https://registry.npmjs.org/@sveltejs/repl/-/repl-0.5.0-next.3.tgz",
+			"integrity": "sha512-objIeGuUkgKcMUklAZ7XL0x/4eO3ocTFgaQnn18eVl/L1KkZALdPUEvvrgkiJ4GPQ4cqAwLv0LdYr3Z62p+48w==",
+			"dependencies": {
+				"@codemirror/autocomplete": "^6.7.0",
+				"@codemirror/commands": "^6.2.4",
+				"@codemirror/lang-css": "^6.2.0",
+				"@codemirror/lang-javascript": "^6.1.7",
+				"@codemirror/lang-json": "^6.0.1",
+				"@codemirror/lang-markdown": "^6.1.1",
+				"@codemirror/language": "^6.6.0",
+				"@codemirror/lint": "^6.2.1",
+				"@codemirror/state": "^6.2.0",
+				"@codemirror/view": "^6.11.1",
+				"@jridgewell/sourcemap-codec": "^1.4.15",
+				"@lezer/highlight": "^1.1.4",
+				"@neocodemirror/svelte": "0.0.8",
+				"@replit/codemirror-lang-svelte": "^6.0.0",
+				"@rich_harris/svelte-split-pane": "^1.1.0",
+				"@rollup/browser": "^3.21.6",
+				"@sveltejs/site-kit": "5.0.4",
 				"acorn": "^8.8.2",
-				"codemirror": "5.65.12",
+				"codemirror": "^6.0.1",
 				"esm-env": "^1.0.0",
 				"estree-walker": "^3.0.3",
+				"marked": "^5.0.2",
 				"resolve.exports": "^2.0.2",
-				"svelte-json-tree": "^1.0.0",
-				"yootils": "^0.3.1"
+				"svelte-json-tree": "^1.0.0"
 			},
 			"peerDependencies": {
-				"svelte": "^3.50.0"
-			}
-		},
-		"node_modules/@sveltejs/repl/node_modules/@sveltejs/site-kit": {
-			"version": "5.0.1",
-			"resolved": "https://registry.npmjs.org/@sveltejs/site-kit/-/site-kit-5.0.1.tgz",
-			"integrity": "sha512-6LYCxTGzhC/LhObYc3Mazk4HSi/KjdZ+fURpbvi9tppMk4lfGJb3ajLvGoo0k8t0vBEwrN16Hf/JChgkFOorFg==",
-			"dependencies": {
-				"esm-env": "^1.0.0",
-				"svelte-local-storage-store": "^0.4.0"
-			},
-			"peerDependencies": {
-				"@sveltejs/kit": "^1.0.0",
 				"svelte": "^3.54.0"
 			}
 		},
@@ -1334,7 +1585,6 @@
 			"version": "5.0.4",
 			"resolved": "https://registry.npmjs.org/@sveltejs/site-kit/-/site-kit-5.0.4.tgz",
 			"integrity": "sha512-bn0Lk3hmIz/pDTMvVjiVX/US4OPoc1CzfceI0Y0ljxHs2fdxRTZz881xvItZRF7istLIueoFR1x3HAZPdI2F6g==",
-			"dev": true,
 			"dependencies": {
 				"esm-env": "^1.0.0",
 				"svelte-local-storage-store": "^0.4.0"
@@ -1423,9 +1673,9 @@
 			"dev": true
 		},
 		"node_modules/@types/node": {
-			"version": "20.1.2",
-			"resolved": "https://registry.npmjs.org/@types/node/-/node-20.1.2.tgz",
-			"integrity": "sha512-CTO/wa8x+rZU626cL2BlbCDzydgnFNgc19h4YvizpTO88MFQxab8wqisxaofQJ/9bLGugRdWIuX/TbIs6VVF6g=="
+			"version": "20.1.3",
+			"resolved": "https://registry.npmjs.org/@types/node/-/node-20.1.3.tgz",
+			"integrity": "sha512-NP2yfZpgmf2eDRPmgGq+fjGjSwFgYbihA8/gK+ey23qT9RkxsgNTZvGOEpXgzIGqesTYkElELLgtKoMQTys5vA=="
 		},
 		"node_modules/@types/phoenix": {
 			"version": "1.5.6",
@@ -1831,9 +2081,18 @@
 			"dev": true
 		},
 		"node_modules/codemirror": {
-			"version": "5.65.12",
-			"resolved": "https://registry.npmjs.org/codemirror/-/codemirror-5.65.12.tgz",
-			"integrity": "sha512-z2jlHBocElRnPYysN2HAuhXbO3DNB0bcSKmNz3hcWR2Js2Dkhc1bEOxG93Z3DeUrnm+qx56XOY5wQmbP5KY0sw=="
+			"version": "6.0.1",
+			"resolved": "https://registry.npmjs.org/codemirror/-/codemirror-6.0.1.tgz",
+			"integrity": "sha512-J8j+nZ+CdWmIeFIGXEFbFPtpiYacFMDR8GlHK3IyHQJMCaVRfGx9NT+Hxivv1ckLWPvNdZqndbr/7lVhrf/Svg==",
+			"dependencies": {
+				"@codemirror/autocomplete": "^6.0.0",
+				"@codemirror/commands": "^6.0.0",
+				"@codemirror/language": "^6.0.0",
+				"@codemirror/lint": "^6.0.0",
+				"@codemirror/search": "^6.0.0",
+				"@codemirror/state": "^6.0.0",
+				"@codemirror/view": "^6.0.0"
+			}
 		},
 		"node_modules/color": {
 			"version": "4.2.3",
@@ -1921,6 +2180,11 @@
 				"node": ">= 0.6"
 			}
 		},
+		"node_modules/crelt": {
+			"version": "1.0.5",
+			"resolved": "https://registry.npmjs.org/crelt/-/crelt-1.0.5.tgz",
+			"integrity": "sha512-+BO9wPPi+DWTDcNYhr/W90myha8ptzftZT+LwcmUbbok0rcP/fequmFYCw8NMoH7pkAZQzU78b3kYrlua5a9eA=="
+		},
 		"node_modules/cross-fetch": {
 			"version": "3.1.5",
 			"resolved": "https://registry.npmjs.org/cross-fetch/-/cross-fetch-3.1.5.tgz",
@@ -1980,6 +2244,11 @@
 				"postcss-value-parser": "^4.0.2"
 			}
 		},
+		"node_modules/csstype": {
+			"version": "3.1.2",
+			"resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
+			"integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
+		},
 		"node_modules/d": {
 			"version": "1.0.1",
 			"resolved": "https://registry.npmjs.org/d/-/d-1.0.1.tgz",
@@ -2935,10 +3204,9 @@
 			}
 		},
 		"node_modules/marked": {
-			"version": "5.0.1",
-			"resolved": "https://registry.npmjs.org/marked/-/marked-5.0.1.tgz",
-			"integrity": "sha512-Nn9peC4lvIZdcfp8Uze6xk4ZYowkcj/K6+e/6rLHadhtjqeip/bYRxMgt3124IGGJ3RPs2uX5YVmAGbUutY18g==",
-			"dev": true,
+			"version": "5.0.2",
+			"resolved": "https://registry.npmjs.org/marked/-/marked-5.0.2.tgz",
+			"integrity": "sha512-TXksm9GwqXCRNbFUZmMtqNLvy3K2cQHuWmyBDLOrY1e6i9UvZpOTJXoz7fBjYkJkaUFzV9hBFxMuZSyQt8R6KQ==",
 			"bin": {
 				"marked": "bin/marked.js"
 			},
@@ -3123,6 +3391,20 @@
 				"node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
 			}
 		},
+		"node_modules/nanostores": {
+			"version": "0.8.1",
+			"resolved": "https://registry.npmjs.org/nanostores/-/nanostores-0.8.1.tgz",
+			"integrity": "sha512-1ZCfQtII2XeFDrtqXL2cdQ/diGrLxzRB3YMyQjn8m7GSGQrJfGST2iuqMpWnS/ZlifhtjgR/SX0Jy6Uij6lRLA==",
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/ai"
+				}
+			],
+			"engines": {
+				"node": "^16.0.0 || >=18.0.0"
+			}
+		},
 		"node_modules/napi-build-utils": {
 			"version": "1.0.2",
 			"resolved": "https://registry.npmjs.org/napi-build-utils/-/napi-build-utils-1.0.2.tgz",
@@ -3810,9 +4092,9 @@
 			}
 		},
 		"node_modules/satori": {
-			"version": "0.8.0",
-			"resolved": "https://registry.npmjs.org/satori/-/satori-0.8.0.tgz",
-			"integrity": "sha512-hasNIhGgJCqt5Yvy3H0wu8g9vvW5AAOWdt6/R5b+jhukqUTK97CdO3+fUTmuglExtesZRUOybM5yTKVHV2WuSQ==",
+			"version": "0.8.1",
+			"resolved": "https://registry.npmjs.org/satori/-/satori-0.8.1.tgz",
+			"integrity": "sha512-XboyousIz6IThWkKtPu3EyPAYV9ALH2pyC6bXeWKqYt7zAy11Qv40nro9Oozn+DSdaloSzGxnqy3Z7iFOHrX2Q==",
 			"dev": true,
 			"dependencies": {
 				"@shuding/opentype.js": "1.4.0-beta.0",
@@ -3845,9 +4127,9 @@
 			"dev": true
 		},
 		"node_modules/semver": {
-			"version": "7.5.0",
-			"resolved": "https://registry.npmjs.org/semver/-/semver-7.5.0.tgz",
-			"integrity": "sha512-+XC0AD/R7Q2mPSRuy2Id0+CGTZ98+8f+KvwirxOKIEyid+XSx6HbC63p+O4IndTHuX5Z+JxQ0TghCkO5Cg/2HA==",
+			"version": "7.5.1",
+			"resolved": "https://registry.npmjs.org/semver/-/semver-7.5.1.tgz",
+			"integrity": "sha512-Wvss5ivl8TMRZXXESstBA4uR5iXgEN/VC5/sOcuXdVLzcdkz4HWetIoRfG5gb5X+ij/G9rw9YoGn3QoQ8OCSpw==",
 			"dev": true,
 			"dependencies": {
 				"lru-cache": "^6.0.0"
@@ -4050,12 +4332,6 @@
 				"node": ">=0.10.0"
 			}
 		},
-		"node_modules/sourcemap-codec": {
-			"version": "1.4.8",
-			"resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz",
-			"integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==",
-			"deprecated": "Please use @jridgewell/sourcemap-codec instead"
-		},
 		"node_modules/streamsearch": {
 			"version": "1.1.0",
 			"resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
@@ -4149,6 +4425,11 @@
 				"url": "https://github.com/sponsors/Borewit"
 			}
 		},
+		"node_modules/style-mod": {
+			"version": "4.0.3",
+			"resolved": "https://registry.npmjs.org/style-mod/-/style-mod-4.0.3.tgz",
+			"integrity": "sha512-78Jv8kYJdjbvRwwijtCevYADfsI0lGzYJe4mMFdceO8l75DFFDoqBhR1jVDicDRRaX4//g1u9wKeo+ztc2h1Rw=="
+		},
 		"node_modules/supports-color": {
 			"version": "5.5.0",
 			"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
@@ -4658,6 +4939,11 @@
 			"integrity": "sha512-AFbieoL7a5LMqcnOF04ji+rpXadgOXnZsxQr//r83kLPr7biP7am3g9zbaZIaBGwBRWeSvoMD4mgPdX3e4NWBg==",
 			"dev": true
 		},
+		"node_modules/w3c-keyname": {
+			"version": "2.2.6",
+			"resolved": "https://registry.npmjs.org/w3c-keyname/-/w3c-keyname-2.2.6.tgz",
+			"integrity": "sha512-f+fciywl1SJEniZHD6H+kUO8gOnwIr7f4ijKA6+ZvJFjeGi1r4PDLl53Ayud9O/rk64RqgoQine0feoeOU0kXg=="
+		},
 		"node_modules/web-streams-polyfill": {
 			"version": "3.2.1",
 			"resolved": "https://registry.npmjs.org/web-streams-polyfill/-/web-streams-polyfill-3.2.1.tgz",
@@ -4799,11 +5085,6 @@
 			"resolved": "https://registry.npmjs.org/yoga-wasm-web/-/yoga-wasm-web-0.3.3.tgz",
 			"integrity": "sha512-N+d4UJSJbt/R3wqY7Coqs5pcV0aUj2j9IaQ3rNj9bVCLld8tTGKRa2USARjnvZJWVx1NDmQev8EknoczaOQDOA==",
 			"dev": true
-		},
-		"node_modules/yootils": {
-			"version": "0.3.1",
-			"resolved": "https://registry.npmjs.org/yootils/-/yootils-0.3.1.tgz",
-			"integrity": "sha512-A7AMeJfGefk317I/3tBoUYRcDcNavKEkpiPN/nQsBz/viI2GvT7BtrqdPD6rGqBFN8Ax7v4obf+Cl32JF9DDVw=="
 		}
 	}
 }

sites/svelte.dev/package.json

@@ -18,13 +18,12 @@
 	},
 	"dependencies": {
 		"@supabase/supabase-js": "^2.21.0",
-		"@sveltejs/repl": "^0.4.0",
+		"@sveltejs/repl": "^0.5.0-next.3",
 		"cookie": "^0.5.0",
 		"devalue": "^4.3.0",
 		"do-not-zip": "^1.0.0",
 		"flexsearch": "^0.7.31",
-		"flru": "^1.0.2",
-		"sourcemap-codec": "^1.4.8"
+		"flru": "^1.0.2"
 	},
 	"devDependencies": {
 		"@resvg/resvg-js": "^2.4.1",

sites/svelte.dev/src/lib/components/ReplWidget.svelte

@@ -2,6 +2,7 @@
 	import { browser } from '$app/environment';
 	import { process_example } from '$lib/utils/examples';
 	import Repl from '@sveltejs/repl';
+	import { theme } from '@sveltejs/site-kit/components';
 	import { onMount } from 'svelte';
 
 	export let version = '3';
@@ -28,16 +29,16 @@
 			fetch(`/repl/${gist}.json`)
 				.then((r) => r.json())
 				.then((data) => {
-					const { description, files } = data;
+					const { description, components } = data;
 
 					name = description;
 
-					const components = Object.keys(files)
+					const files = Object.keys(components)
 						.map((file) => {
 							const dot = file.lastIndexOf('.');
 							if (!~dot) return;
 
-							const source = files[file].content;
+							const source = components[file].content;
 
 							return {
 								name: file.slice(0, dot),
@@ -55,15 +56,15 @@
 							return a.name < b.name ? -1 : 1;
 						});
 
-					repl.set({ components });
+					repl.set({ files });
 				});
 		} else if (example) {
-			const components = process_example(
+			const files = process_example(
 				(await fetch(`/examples/api/${example}.json`).then((r) => r.json())).files
 			);
 
 			repl.set({
-				components
+				files
 			});
 		}
 	}
@@ -83,5 +84,5 @@
 </script>
 
 {#if browser}
-	<Repl bind:this={repl} {svelteUrl} embedded relaxed />
+	<Repl bind:this={repl} {svelteUrl} embedded relaxed previewTheme={$theme.current} />
 {/if}

sites/svelte.dev/src/routes/(authed)/repl/[id]/+page.svelte

@@ -1,8 +1,9 @@
 <script>
-	import Repl from '@sveltejs/repl';
-	import { onMount } from 'svelte';
 	import { browser } from '$app/environment';
 	import { afterNavigate, goto } from '$app/navigation';
+	import Repl from '@sveltejs/repl';
+	import { theme } from '@sveltejs/site-kit/components';
+	import { onMount } from 'svelte';
 	import { mapbox_setup } from '../../../../config.js';
 	import AppControls from './AppControls.svelte';
 
@@ -10,6 +11,7 @@
 
 	let version = data.version;
 
+	/** @type {import('@sveltejs/repl').default} */
 	let repl;
 	let name = data.gist.name;
 	let zen_mode = false;
@@ -40,7 +42,7 @@
 
 	afterNavigate(() => {
 		repl.set({
-			components: data.gist.components
+			files: data.gist.components
 		});
 	});
 
@@ -50,7 +52,7 @@
 	}
 
 	function handle_change(event) {
-		modified_count = event.detail.components.filter((c) => c.modified).length;
+		modified_count = event.detail.files.filter((c) => c.modified).length;
 	}
 
 	$: svelteUrl =
@@ -91,6 +93,7 @@
 			on:change={handle_change}
 			on:add={handle_change}
 			on:remove={handle_change}
+			previewTheme={$theme.current}
 		/>
 	{/if}
 </div>

sites/svelte.dev/src/routes/examples/[slug]/+page.svelte

@@ -4,6 +4,7 @@
 	import { navigating } from '$app/stores';
 	import ScreenToggle from '$lib/components/ScreenToggle.svelte';
 	import Repl from '@sveltejs/repl';
+	import { theme } from '@sveltejs/site-kit/components';
 	import { mapbox_setup, svelteUrl } from '../../../config';
 	import TableOfContents from './TableOfContents.svelte';
 
@@ -22,9 +23,10 @@
 	});
 
 	$: mobile = width < 768; // note: same as per media query below
+	/** @type {'columns' | 'rows'} */
 	$: replOrientation = mobile || width > 1080 ? 'columns' : 'rows';
 
-	$: repl && repl.set({ components: data.example.files.map(clone) });
+	$: repl && repl.set({ files: data.example.files.map(clone) });
 </script>
 
 <svelte:head>
@@ -51,6 +53,7 @@
 				fixed={mobile}
 				relaxed
 				injectedJS={mapbox_setup}
+				previewTheme={$theme.current}
 			/>
 		</div>
 	</div>

sites/svelte.dev/src/routes/tutorial/[slug]/+page.svelte

@@ -2,6 +2,7 @@
 	import { browser } from '$app/environment';
 	import ScreenToggle from '$lib/components/ScreenToggle.svelte';
 	import Repl from '@sveltejs/repl';
+	import { theme } from '@sveltejs/site-kit/components';
 	import { mapbox_setup, svelteUrl } from '../../../config.js';
 	import TableOfContents from './TableOfContents.svelte';
 
@@ -59,7 +60,7 @@
 	$: if (repl) {
 		completed = false;
 		repl.set({
-			components: data.tutorial.initial.map(clone)
+			files: data.tutorial.initial.map(clone)
 		});
 	}
 
@@ -67,13 +68,13 @@
 
 	function reset() {
 		repl.update({
-			components: data.tutorial.initial.map(clone)
+			files: data.tutorial.initial.map(clone)
 		});
 	}
 
 	function complete() {
 		repl.update({
-			components: data.tutorial.complete.map(clone)
+			files: data.tutorial.complete.map(clone)
 		});
 	}
 
@@ -142,6 +143,7 @@
 					on:change={handle_change}
 					injectedJS={mapbox_setup}
 					relaxed
+					previewTheme={$theme.current}
 				/>
 			{/if}
 		</div>

sites/svelte.dev/vite.config.js

@@ -23,29 +23,9 @@ const config = {
 	logLevel: 'info',
 	plugins: [raw(['.ttf']), imagetools(), sveltekit()],
 	optimizeDeps: {
-		include: [
-			'codemirror',
-			'codemirror/mode/javascript/javascript.js',
-			'codemirror/mode/handlebars/handlebars.js',
-			'codemirror/mode/htmlmixed/htmlmixed.js',
-			'codemirror/mode/xml/xml.js',
-			'codemirror/mode/css/css.js',
-			'codemirror/mode/markdown/markdown.js',
-			'codemirror/addon/edit/closebrackets.js',
-			'codemirror/addon/edit/closetag.js',
-			'codemirror/addon/edit/continuelist.js',
-			'codemirror/addon/comment/comment.js',
-			'codemirror/addon/fold/foldcode.js',
-			'codemirror/addon/fold/foldgutter.js',
-			'codemirror/addon/fold/brace-fold.js',
-			'codemirror/addon/fold/xml-fold.js',
-			'codemirror/addon/fold/indent-fold.js',
-			'codemirror/addon/fold/markdown-fold.js',
-			'codemirror/addon/fold/comment-fold.js'
-		],
-		exclude: ['@sveltejs/repl', '@sveltejs/site-kit']
+		exclude: ['@sveltejs/site-kit', '@sveltejs/repl']
 	},
-	ssr: { noExternal: ['@sveltejs/site-kit'] },
+	ssr: { noExternal: ['@sveltejs/site-kit', '@sveltejs/repl'] },
 	server: {
 		fs: {
 			strict: false