shuffle things around

proxied-state-each-blocks
Rich Harris 10 months ago committed by Dominic Gannaway
parent fb6043e03f
commit 39214edb0e

@ -1,6 +1,6 @@
import { effect_active, get, set, increment, source } from './runtime.js'; import { effect_active, get, set, increment, source } from './runtime.js';
/** @typedef {{ p: StateObject | null; s: Map<string | symbol, import('./types').SourceSignal<any>>; v: import('./types').SourceSignal<number>; a: boolean }} Metadata */ /** @typedef {{ p: StateObject | null; s: Map<string | symbol, import('./types.js').SourceSignal<any>>; v: import('./types.js').SourceSignal<number>; a: boolean }} Metadata */
/** @typedef {Record<string | symbol, any> & { [STATE_SYMBOL]: Metadata }} StateObject */ /** @typedef {Record<string | symbol, any> & { [STATE_SYMBOL]: Metadata }} StateObject */
export const STATE_SYMBOL = Symbol(); export const STATE_SYMBOL = Symbol();
@ -15,7 +15,7 @@ const get_prototype_of = Object.getPrototypeOf;
* @param {T} value * @param {T} value
* @returns {T} * @returns {T}
*/ */
export function magic(value) { export function proxy(value) {
return wrap(value, null); return wrap(value, null);
} }

@ -13,7 +13,7 @@ import {
EACH_IS_PROXIED, EACH_IS_PROXIED,
EACH_ITEM_REACTIVE EACH_ITEM_REACTIVE
} from '../../constants.js'; } from '../../constants.js';
import { STATE_SYMBOL } from './magic.js'; import { STATE_SYMBOL } from './proxy.js';
const NEW_BLOCK = -1; const NEW_BLOCK = -1;
const MOVED_BLOCK = 99999999; const MOVED_BLOCK = 99999999;

@ -58,4 +58,4 @@ export {
export { raf } from './client/timing.js'; export { raf } from './client/timing.js';
export { magic } from './client/magic.js'; export { proxy } from './client/proxy.js';

@ -262,5 +262,5 @@ export {
tick, tick,
untrack, untrack,
onDestroy, onDestroy,
magic proxy
} from '../internal/index.js'; } from '../internal/index.js';

@ -1,7 +1,7 @@
<script> <script>
import { magic } from 'svelte'; import { proxy } from 'svelte';
const object = magic({ count: 0 }); const object = proxy({ count: 0 });
</script> </script>
<button onclick={() => object.count += 1}> <button onclick={() => object.count += 1}>

@ -1,7 +1,7 @@
<script> <script>
import { magic } from 'svelte'; import { proxy } from 'svelte';
const array = magic([1, 2, 3]); const array = proxy([1, 2, 3]);
const sum = $derived(array.reduce((a, b) => a + b, 0)); const sum = $derived(array.reduce((a, b) => a + b, 0));
</script> </script>

@ -1,7 +1,7 @@
<script> <script>
import { magic } from 'svelte'; import { proxy } from 'svelte';
const ping = magic({}); const ping = proxy({});
ping.pong = { ping, pang: 'hello!' }; ping.pong = { ping, pang: 'hello!' };
</script> </script>

@ -1,7 +1,7 @@
<script> <script>
import { magic } from 'svelte'; import { proxy } from 'svelte';
const object = magic({ const object = proxy({
foo: { foo: {
bar: { bar: {
baz: 1 baz: 1

@ -1,11 +1,11 @@
<script> <script>
import { magic } from 'svelte'; import { proxy } from 'svelte';
const inner = magic({ const inner = proxy({
count: 0 count: 0
}) })
const object = magic({ const object = proxy({
outer: { outer: {
inner inner
} }
Loading…
Cancel
Save