merge main

Author: Rich-Harris

.changeset/pre.json

@@ -262,6 +262,7 @@
     "orange-dingos-poke",
     "orange-yaks-protect",
     "pink-bikes-agree",
+    "pink-goats-promise",
     "pink-mayflies-tie",
     "plenty-starfishes-dress",
     "polite-dolphins-care",

packages/svelte/CHANGELOG.md

@@ -1,5 +1,11 @@
 # svelte
 
+## 5.0.0-next.114
+
+### Patch Changes
+
+- feat: introduce types to express bindability ([#11225](https://github.com/sveltejs/svelte/pull/11225))
+
 ## 5.0.0-next.113
 
 ### Patch Changes

packages/svelte/messages/compile-warnings/options.md

@@ -1,3 +1,27 @@
-## missing_custom_element_compile_option
+## options_deprecated_accessors
 
-The 'customElement' option is used when generating a custom element. Did you forget the 'customElement: true' compile option?
+The `accessors` option has been deprecated. It will have no effect in runes mode
+
+## options_deprecated_immutable
+
+The `immutable` option has been deprecated. It will have no effect in runes mode
+
+## options_missing_custom_element
+
+The `customElement` option is used when generating a custom element. Did you forget the `customElement: true` compile option?
+
+## options_renamed_ssr_dom
+
+`generate: "dom"` and `generate: "ssr"` options have been renamed to "client" and "server" respectively
+
+## options_removed_enable_sourcemap
+
+The `enableSourcemap` option has been removed. Source maps are always generated now, and tooling can choose to ignore them
+
+## options_removed_hydratable
+
+The `hydratable` option has been removed. Svelte components are always hydratable now
+
+## options_removed_loop_guard_timeout
+
+The `loopGuardTimeout` option has been removed

packages/svelte/package.json

@@ -2,7 +2,7 @@
   "name": "svelte",
   "description": "Cybernetically enhanced web apps",
   "license": "MIT",
-  "version": "5.0.0-next.113",
+  "version": "5.0.0-next.114",
   "type": "module",
   "types": "./types/index.d.ts",
   "engines": {

packages/svelte/scripts/process-messages/templates/compile-warnings.js

@@ -31,7 +31,7 @@ export function reset_warnings(options) {
  */
 function w(node, code, message) {
 	// @ts-expect-error
-	if (node.ignores?.has(code)) return;
+	if (node?.ignores?.has(code)) return;
 
 	warnings.push({
 		code,

packages/svelte/src/compiler/phases/2-analyze/index.js

@@ -402,7 +402,7 @@ export function analyze_component(root, source, options) {
 			}
 
 			if (attribute.name === 'customElement' && !options.customElement) {
-				w.missing_custom_element_compile_option(attribute);
+				w.options_missing_custom_element(root.options);
 			}
 
 			if (attribute.name === 'immutable') {

packages/svelte/src/compiler/validate-options.js

@@ -1,4 +1,5 @@
 import * as e from './errors.js';
+import * as w from './warnings.js';
 
 /**
  * @template [Input=any]
@@ -13,9 +14,7 @@ const common = {
 
 	generate: validator('client', (input, keypath) => {
 		if (input === 'dom' || input === 'ssr') {
-			warn(
-				'`generate: "dom"` and `generate: "ssr"` options have been renamed to "client" and "server" respectively'
-			);
+			warn_once(w.options_renamed_ssr_dom);
 			return input === 'dom' ? 'client' : 'server';
 		}
 
@@ -40,10 +39,7 @@ export const validate_component_options =
 		object({
 			...common,
 
-			accessors: deprecate(
-				'The accessors option has been deprecated. It will have no effect in runes mode.',
-				boolean(false)
-			),
+			accessors: deprecate(w.options_deprecated_accessors, boolean(false)),
 
 			css: validator('external', (input) => {
 				if (input === true || input === false) {
@@ -75,16 +71,13 @@ export const validate_component_options =
 
 			discloseVersion: boolean(true),
 
-			immutable: deprecate(
-				'The immutable option has been deprecated. It will have no effect in runes mode.',
-				boolean(false)
-			),
+			immutable: deprecate(w.options_deprecated_immutable, boolean(false)),
 
 			legacy: object({
 				componentApi: boolean(false)
 			}),
 
-			loopGuardTimeout: warn_removed('The loopGuardTimeout option has been removed.'),
+			loopGuardTimeout: warn_removed(w.options_removed_loop_guard_timeout),
 
 			name: string(undefined),
 
@@ -106,12 +99,8 @@ export const validate_component_options =
 				return input;
 			}),
 
-			enableSourcemap: warn_removed(
-				'The enableSourcemap option has been removed. Source maps are always generated now, and tooling can choose to ignore them.'
-			),
-			hydratable: warn_removed(
-				'The hydratable option has been removed. Svelte components are always hydratable now.'
-			),
+			enableSourcemap: warn_removed(w.options_removed_enable_sourcemap),
+			hydratable: warn_removed(w.options_removed_hydratable),
 			format: removed(
 				'The format option has been removed in Svelte 4, the compiler only outputs ESM now. Remove "format" from your compiler options. ' +
 					'If you did not set this yourself, bump the version of your bundler plugin (vite-plugin-svelte/rollup-plugin-svelte/svelte-loader)'
@@ -152,34 +141,33 @@ function removed(msg) {
 
 const warned = new Set();
 
-/** @param {string} message */
-function warn(message) {
-	if (!warned.has(message)) {
-		warned.add(message);
-		// eslint-disable-next-line no-console
-		console.warn(message);
+/** @param {(node: null) => void} fn */
+function warn_once(fn) {
+	if (!warned.has(fn)) {
+		warned.add(fn);
+		fn(null);
 	}
 }
 
 /**
- * @param {string} message
+ * @param {(node: null) => void} fn
  * @returns {Validator}
  */
-function warn_removed(message) {
+function warn_removed(fn) {
 	return (input) => {
-		if (input !== undefined) warn(message);
+		if (input !== undefined) warn_once(fn);
 		return /** @type {any} */ (undefined);
 	};
 }
 
 /**
- * @param {string} message
+ * @param {(node: null) => void} fn
  * @param {Validator} validator
  * @returns {Validator}
  */
-function deprecate(message, validator) {
+function deprecate(fn, validator) {
 	return (input, keypath) => {
-		if (input !== undefined) warn(message);
+		if (input !== undefined) warn_once(fn);
 		return validator(input, keypath);
 	};
 }

packages/svelte/src/compiler/warnings.js

@@ -29,7 +29,7 @@ export function reset_warnings(options) {
  */
 function w(node, code, message) {
 	// @ts-expect-error
-	if (node.ignores?.has(code)) return;
+	if (node?.ignores?.has(code)) return;
 
 	warnings.push({
 		code,
@@ -561,11 +561,59 @@ export function invalid_self_closing_tag(node, name) {
 }
 
 /**
- * The 'customElement' option is used when generating a custom element. Did you forget the 'customElement: true' compile option?
+ * The `accessors` option has been deprecated. It will have no effect in runes mode
  * @param {null | NodeLike} node
  */
-export function missing_custom_element_compile_option(node) {
-	w(node, "missing_custom_element_compile_option", "The 'customElement' option is used when generating a custom element. Did you forget the 'customElement: true' compile option?");
+export function options_deprecated_accessors(node) {
+	w(node, "options_deprecated_accessors", "The `accessors` option has been deprecated. It will have no effect in runes mode");
+}
+
+/**
+ * The `immutable` option has been deprecated. It will have no effect in runes mode
+ * @param {null | NodeLike} node
+ */
+export function options_deprecated_immutable(node) {
+	w(node, "options_deprecated_immutable", "The `immutable` option has been deprecated. It will have no effect in runes mode");
+}
+
+/**
+ * The `customElement` option is used when generating a custom element. Did you forget the `customElement: true` compile option?
+ * @param {null | NodeLike} node
+ */
+export function options_missing_custom_element(node) {
+	w(node, "options_missing_custom_element", "The `customElement` option is used when generating a custom element. Did you forget the `customElement: true` compile option?");
+}
+
+/**
+ * `generate: "dom"` and `generate: "ssr"` options have been renamed to "client" and "server" respectively
+ * @param {null | NodeLike} node
+ */
+export function options_renamed_ssr_dom(node) {
+	w(node, "options_renamed_ssr_dom", "`generate: \"dom\"` and `generate: \"ssr\"` options have been renamed to \"client\" and \"server\" respectively");
+}
+
+/**
+ * The `enableSourcemap` option has been removed. Source maps are always generated now, and tooling can choose to ignore them
+ * @param {null | NodeLike} node
+ */
+export function options_removed_enable_sourcemap(node) {
+	w(node, "options_removed_enable_sourcemap", "The `enableSourcemap` option has been removed. Source maps are always generated now, and tooling can choose to ignore them");
+}
+
+/**
+ * The `hydratable` option has been removed. Svelte components are always hydratable now
+ * @param {null | NodeLike} node
+ */
+export function options_removed_hydratable(node) {
+	w(node, "options_removed_hydratable", "The `hydratable` option has been removed. Svelte components are always hydratable now");
+}
+
+/**
+ * The `loopGuardTimeout` option has been removed
+ * @param {null | NodeLike} node
+ */
+export function options_removed_loop_guard_timeout(node) {
+	w(node, "options_removed_loop_guard_timeout", "The `loopGuardTimeout` option has been removed");
 }
 
 /**

packages/svelte/src/version.js

@@ -6,5 +6,5 @@
  * https://svelte.dev/docs/svelte-compiler#svelte-version
  * @type {string}
  */
-export const VERSION = '5.0.0-next.113';
+export const VERSION = '5.0.0-next.114';
 export const PUBLIC_VERSION = '5';

packages/svelte/tests/validator/samples/tag-custom-element-options-missing/warnings.json

@@ -1,7 +1,7 @@
 [
 	{
-		"code": "missing_custom_element_compile_option",
-		"message": "The 'customElement' option is used when generating a custom element. Did you forget the 'customElement: true' compile option?",
+		"code": "options_missing_custom_element",
+		"message": "The `customElement` option is used when generating a custom element. Did you forget the `customElement: true` compile option?",
 		"start": {
 			"line": 1,
 			"column": 16