feedback

Author: trueadm

documentation/docs/98-reference/.generated/client-warnings.md

@@ -56,6 +56,12 @@ Hydration failed because the initial UI does not match what was rendered on the
 The `render` function passed to `createRawSnippet` should return HTML for a single element
 ```
 
+### legacy_recursive_reactive_block
+
+```
+Detected a migrated `$:` reactive block that both accesses and updates the same reactive value. This may cause recursive updates when converted to an `$effect`.
+```
+
 ### lifecycle_double_unmount
 
 ```

documentation/docs/98-reference/.generated/legacy-warnings.md

@@ -36,6 +36,10 @@ The easiest way to log a value as it changes over time is to use the [`$inspect`
 
 > The `render` function passed to `createRawSnippet` should return HTML for a single element
 
+## legacy_recursive_reactive_block
+
+> Detected a migrated `$:` reactive block that both accesses and updates the same reactive value. This may cause recursive updates when converted to an `$effect`.
+
 ## lifecycle_double_unmount
 
 > Tried to unmount a component that was not mounted

packages/svelte/messages/client-warnings/warnings.md

@@ -404,4 +404,3 @@ transform('client-errors', 'src/internal/client/errors.js');
 transform('server-errors', 'src/internal/server/errors.js');
 transform('shared-errors', 'src/internal/shared/errors.js');
 transform('shared-warnings', 'src/internal/shared/warnings.js');
-transform('legacy-warnings', 'src/legacy/warnings.js');

packages/svelte/messages/legacy-warnings/warnings.md

@@ -151,4 +151,16 @@ export function state_proxy_equality_mismatch(operator) {
 		// TODO print a link to the documentation
 		console.warn("state_proxy_equality_mismatch");
 	}
+}
+
+/**
+ * Detected a migrated `$:` reactive block that both accesses and updates the same reactive value. This may cause recursive updates when converted to an `$effect`.
+ */
+export function legacy_recursive_reactive_block() {
+	if (DEV) {
+		console.warn(`%c[svelte] legacy_recursive_reactive_block\n%cDetected a migrated \`$:\` reactive block that both accesses and updates the same reactive value. This may cause recursive updates when converted to an \`$effect\`.`, bold, normal);
+	} else {
+		// TODO print a link to the documentation
+		console.warn("legacy_recursive_reactive_block");
+	}
 }

packages/svelte/scripts/process-messages/index.js

@@ -12,7 +12,7 @@ import {
 } from '../internal/client/runtime.js';
 import { lifecycle_outside_component } from '../internal/shared/errors.js';
 import { define_property, is_array } from '../internal/shared/utils.js';
-import * as w from './warnings.js';
+import * as w from '../internal/client/warnings.js';
 
 /**
  * Takes the same options as a Svelte 4 component and the component function and returns a Svelte 4 compatible component.