chore: update REPL autocomplete (remove $state.is, on: directive,…

… etc) (sveltejs#957)

update autocomplete stuff to current svelte 5

packages/site-kit/src/lib/codemirror/autocompletionDataProvider.js

@@ -3,119 +3,119 @@
  */
 
 export const globalEvents = [
-	{ name: 'on:abort' },
-	{ name: 'on:animationcancel' },
-	{ name: 'on:animationend' },
-	{ name: 'on:animationiteration' },
-	{ name: 'on:animationstart' },
-	{ name: 'on:auxclick' },
-	{ name: 'on:beforeinput' },
-	{ name: 'on:blur' },
-	{ name: 'on:cancel' },
-	{ name: 'on:canplay' },
-	{ name: 'on:canplaythrough' },
-	{ name: 'on:change' },
-	{ name: 'on:click' },
-	{ name: 'on:close' },
-	{ name: 'on:contextmenu' },
-	{ name: 'on:copy' },
-	{ name: 'on:cuechange' },
-	{ name: 'on:cut' },
-	{ name: 'on:dblclick' },
-	{ name: 'on:drag' },
-	{ name: 'on:dragend' },
-	{ name: 'on:dragenter' },
-	{ name: 'on:dragleave' },
-	{ name: 'on:dragover' },
-	{ name: 'on:dragstart' },
-	{ name: 'on:drop' },
-	{ name: 'on:durationchange' },
-	{ name: 'on:emptied' },
-	{ name: 'on:ended' },
-	{ name: 'on:error' },
-	{ name: 'on:focus' },
-	{ name: 'on:formdata' },
-	{ name: 'on:gotpointercapture' },
-	{ name: 'on:input' },
-	{ name: 'on:invalid' },
-	{ name: 'on:keydown' },
-	{ name: 'on:keypress' },
-	{ name: 'on:keyup' },
-	{ name: 'on:load' },
-	{ name: 'on:loadeddata' },
-	{ name: 'on:loadedmetadata' },
-	{ name: 'on:loadstart' },
-	{ name: 'on:lostpointercapture' },
-	{ name: 'on:mousedown' },
-	{ name: 'on:mouseenter' },
-	{ name: 'on:mouseleave' },
-	{ name: 'on:mousemove' },
-	{ name: 'on:mouseout' },
-	{ name: 'on:mouseover' },
-	{ name: 'on:mouseup' },
-	{ name: 'on:paste' },
-	{ name: 'on:pause' },
-	{ name: 'on:play' },
-	{ name: 'on:playing' },
-	{ name: 'on:pointercancel' },
-	{ name: 'on:pointerdown' },
-	{ name: 'on:pointerenter' },
-	{ name: 'on:pointerleave' },
-	{ name: 'on:pointermove' },
-	{ name: 'on:pointerout' },
-	{ name: 'on:pointerover' },
-	{ name: 'on:pointerup' },
-	{ name: 'on:progress' },
-	{ name: 'on:ratechange' },
-	{ name: 'on:reset' },
-	{ name: 'on:resize' },
-	{ name: 'on:scroll' },
-	{ name: 'on:securitypolicyviolation' },
-	{ name: 'on:seeked' },
-	{ name: 'on:seeking' },
-	{ name: 'on:select' },
-	{ name: 'on:selectionchange' },
-	{ name: 'on:selectstart' },
-	{ name: 'on:slotchange' },
-	{ name: 'on:stalled' },
-	{ name: 'on:submit' },
-	{ name: 'on:suspend' },
-	{ name: 'on:timeupdate' },
-	{ name: 'on:toggle' },
-	{ name: 'on:touchcancel' },
-	{ name: 'on:touchend' },
-	{ name: 'on:touchmove' },
-	{ name: 'on:touchstart' },
-	{ name: 'on:transitioncancel' },
-	{ name: 'on:transitionend' },
-	{ name: 'on:transitionrun' },
-	{ name: 'on:transitionstart' },
-	{ name: 'on:volumechange' },
-	{ name: 'on:waiting' },
-	{ name: 'on:webkitanimationend' },
-	{ name: 'on:webkitanimationiteration' },
-	{ name: 'on:webkitanimationstart' },
-	{ name: 'on:webkittransitionend' },
-	{ name: 'on:wheel' }
+	{ name: 'onabort' },
+	{ name: 'onanimationcancel' },
+	{ name: 'onanimationend' },
+	{ name: 'onanimationiteration' },
+	{ name: 'onanimationstart' },
+	{ name: 'onauxclick' },
+	{ name: 'onbeforeinput' },
+	{ name: 'onblur' },
+	{ name: 'oncancel' },
+	{ name: 'oncanplay' },
+	{ name: 'oncanplaythrough' },
+	{ name: 'onchange' },
+	{ name: 'onclick' },
+	{ name: 'onclose' },
+	{ name: 'oncontextmenu' },
+	{ name: 'oncopy' },
+	{ name: 'oncuechange' },
+	{ name: 'oncut' },
+	{ name: 'ondblclick' },
+	{ name: 'ondrag' },
+	{ name: 'ondragend' },
+	{ name: 'ondragenter' },
+	{ name: 'ondragleave' },
+	{ name: 'ondragover' },
+	{ name: 'ondragstart' },
+	{ name: 'ondrop' },
+	{ name: 'ondurationchange' },
+	{ name: 'onemptied' },
+	{ name: 'onended' },
+	{ name: 'onerror' },
+	{ name: 'onfocus' },
+	{ name: 'onformdata' },
+	{ name: 'ongotpointercapture' },
+	{ name: 'oninput' },
+	{ name: 'oninvalid' },
+	{ name: 'onkeydown' },
+	{ name: 'onkeypress' },
+	{ name: 'onkeyup' },
+	{ name: 'onload' },
+	{ name: 'onloadeddata' },
+	{ name: 'onloadedmetadata' },
+	{ name: 'onloadstart' },
+	{ name: 'onlostpointercapture' },
+	{ name: 'onmousedown' },
+	{ name: 'onmouseenter' },
+	{ name: 'onmouseleave' },
+	{ name: 'onmousemove' },
+	{ name: 'onmouseout' },
+	{ name: 'onmouseover' },
+	{ name: 'onmouseup' },
+	{ name: 'onpaste' },
+	{ name: 'onpause' },
+	{ name: 'onplay' },
+	{ name: 'onplaying' },
+	{ name: 'onpointercancel' },
+	{ name: 'onpointerdown' },
+	{ name: 'onpointerenter' },
+	{ name: 'onpointerleave' },
+	{ name: 'onpointermove' },
+	{ name: 'onpointerout' },
+	{ name: 'onpointerover' },
+	{ name: 'onpointerup' },
+	{ name: 'onprogress' },
+	{ name: 'onratechange' },
+	{ name: 'onreset' },
+	{ name: 'onresize' },
+	{ name: 'onscroll' },
+	{ name: 'onsecuritypolicyviolation' },
+	{ name: 'onseeked' },
+	{ name: 'onseeking' },
+	{ name: 'onselect' },
+	{ name: 'onselectionchange' },
+	{ name: 'onselectstart' },
+	{ name: 'onslotchange' },
+	{ name: 'onstalled' },
+	{ name: 'onsubmit' },
+	{ name: 'onsuspend' },
+	{ name: 'ontimeupdate' },
+	{ name: 'ontoggle' },
+	{ name: 'ontouchcancel' },
+	{ name: 'ontouchend' },
+	{ name: 'ontouchmove' },
+	{ name: 'ontouchstart' },
+	{ name: 'ontransitioncancel' },
+	{ name: 'ontransitionend' },
+	{ name: 'ontransitionrun' },
+	{ name: 'ontransitionstart' },
+	{ name: 'onvolumechange' },
+	{ name: 'onwaiting' },
+	{ name: 'onwebkitanimationend' },
+	{ name: 'onwebkitanimationiteration' },
+	{ name: 'onwebkitanimationstart' },
+	{ name: 'onwebkittransitionend' },
+	{ name: 'onwheel' }
 ];
 
 /** @type {{ name: string, description?: string }[]} */
 export const svelteEvents = [
 	...globalEvents,
 	{
-		name: 'on:introstart',
+		name: 'onintrostart',
 		description: 'Available when element has transition'
 	},
 	{
-		name: 'on:introend',
+		name: 'onintroend',
 		description: 'Available when element has transition'
 	},
 	{
-		name: 'on:outrostart',
+		name: 'onoutrostart',
 		description: 'Available when element has transition'
 	},
 	{
-		name: 'on:outroend',
+		name: 'onoutroend',
 		description: 'Available when element has transition'
 	}
 ];
@@ -271,24 +271,24 @@ export const svelteTags = [
 				description: 'An alias for window.navigator.onLine'
 			},
 			// window events
-			{ name: 'on:afterprint' },
-			{ name: 'on:beforeprint' },
-			{ name: 'on:beforeunload' },
-			{ name: 'on:gamepadconnected' },
-			{ name: 'on:gamepaddisconnected' },
-			{ name: 'on:hashchange' },
-			{ name: 'on:languagechange' },
-			{ name: 'on:message' },
-			{ name: 'on:messageerror' },
-			{ name: 'on:offline' },
-			{ name: 'on:online' },
-			{ name: 'on:pagehide' },
-			{ name: 'on:pageshow' },
-			{ name: 'on:popstate' },
-			{ name: 'on:rejectionhandled' },
-			{ name: 'on:storage' },
-			{ name: 'on:unhandledrejection' },
-			{ name: 'on:unload' }
+			{ name: 'onafterprint' },
+			{ name: 'onbeforeprint' },
+			{ name: 'onbeforeunload' },
+			{ name: 'ongamepadconnected' },
+			{ name: 'ongamepaddisconnected' },
+			{ name: 'onhashchange' },
+			{ name: 'onlanguagechange' },
+			{ name: 'onmessage' },
+			{ name: 'onmessageerror' },
+			{ name: 'onoffline' },
+			{ name: 'ononline' },
+			{ name: 'onpagehide' },
+			{ name: 'onpageshow' },
+			{ name: 'onpopstate' },
+			{ name: 'onrejectionhandled' },
+			{ name: 'onstorage' },
+			{ name: 'onunhandledrejection' },
+			{ name: 'onunload' }
 		]
 	},
 	{
@@ -297,12 +297,12 @@ export const svelteTags = [
 			"As with <svelte:window>, this element allows you to add listeners to events on document, such as visibilitychange, which don't fire on window.",
 		attributes: [
 			// document events
-			{ name: 'on:fullscreenchange' },
-			{ name: 'on:fullscreenerror' },
-			{ name: 'on:pointerlockchange' },
-			{ name: 'on:pointerlockerror' },
-			{ name: 'on:readystatechange' },
-			{ name: 'on:visibilitychange' }
+			{ name: 'onfullscreenchange' },
+			{ name: 'onfullscreenerror' },
+			{ name: 'onpointerlockchange' },
+			{ name: 'onpointerlockerror' },
+			{ name: 'onreadystatechange' },
+			{ name: 'onvisibilitychange' }
 		]
 	},
 	{
@@ -588,7 +588,7 @@ export const runes = [
 	{ snippet: '$bindable()', test: is_bindable },
 	{ snippet: '$effect.root(() => {\n\t${}\n})' },
 	{ snippet: '$state.snapshot(${})' },
-	{ snippet: '$state.is(${})' },
-	{ snippet: '$effect.active()' },
-	{ snippet: '$inspect(${});', test: is_statement }
+	{ snippet: '$effect.tracking()' },
+	{ snippet: '$inspect(${});', test: is_statement },
+	{ snippet: '$host()' }
 ];