signalium 0.3.8 → 1.0.0

package/src/react/__tests__/react.test.tsx

@@ -1,227 +0,0 @@
-import { beforeEach, describe, expect, test } from 'vitest';
-import { render } from 'vitest-browser-react';
-import { state, asyncComputed, computed, createContext, useContext } from '../../index.js';
-import { ContextProvider, setupReact, useStateSignal } from '../index.js';
-import React, { useState } from 'react';
-import { userEvent } from '@vitest/browser/context';
-import { sleep } from '../../__tests__/utils/async.js';
-
-describe('React', () => {
-  beforeEach(() => {
-    setupReact();
-  });
-
-  test('basic state usage works', async () => {
-    const value = state('Hello');
-
-    function Component(): React.ReactNode {
-      return <div>{value.get()}</div>;
-    }
-
-    const { getByText } = render(<Component />);
-
-    await expect.element(getByText('Hello')).toBeInTheDocument();
-
-    value.set('World');
-
-    await expect.element(getByText('World')).toBeInTheDocument();
-  });
-
-  test('useStateSignal works', async () => {
-    function Component(): React.ReactNode {
-      const value = useStateSignal('Hello');
-
-      return (
-        <div>
-          {value.get()}
-          <button onClick={() => value.set('World')}>Toggle</button>
-        </div>
-      );
-    }
-
-    const { getByText } = render(<Component />);
-
-    await expect.element(getByText('Hello')).toBeInTheDocument();
-
-    await userEvent.click(getByText('Toggle'));
-
-    await expect.element(getByText('World')).toBeInTheDocument();
-  });
-
-  test('basic computed usage works', async () => {
-    const value = state('Hello');
-
-    const derived = computed(() => `${value.get()}, World`);
-
-    function Component(): React.ReactNode {
-      return <div>{derived()}</div>;
-    }
-
-    const { getByText } = render(<Component />);
-
-    await expect.element(getByText('Hello, World')).toBeInTheDocument();
-
-    value.set('Hey');
-
-    await expect.element(getByText('Hey, World')).toBeInTheDocument();
-  });
-
-  test('computed updates when params change', async () => {
-    const value = state('Hello');
-
-    const derived = computed((universe: boolean) => `${value.get()}, ${universe ? 'Universe' : 'World'}`);
-
-    function Component(): React.ReactNode {
-      const [universe, setUniverse] = useState(true);
-
-      return (
-        <div>
-          {derived(universe)}
-          <button onClick={() => setUniverse(!universe)}>Toggle Universe</button>
-        </div>
-      );
-    }
-
-    const { getByText } = render(<Component />);
-
-    await expect.element(getByText('Hello, Universe')).toBeInTheDocument();
-
-    value.set('Hey');
-
-    await expect.element(getByText('Hey, Universe')).toBeInTheDocument();
-
-    await userEvent.click(getByText('Toggle Universe'));
-
-    await expect.element(getByText('Hey, World')).toBeInTheDocument();
-  });
-
-  test('works with async computed', async () => {
-    const value = state('Hello');
-
-    const derived = asyncComputed(async (universe: boolean) => {
-      const v = value.get();
-      await sleep(100);
-      return `${v}, ${universe ? 'Universe' : 'World'}`;
-    });
-
-    function Component(): React.ReactNode {
-      const [universe, setUniverse] = useState(true);
-
-      const d = derived(universe);
-
-      return (
-        <div>
-          {d.isSuccess ? d.result : 'Loading...'}
-          <button onClick={() => setUniverse(!universe)}>Toggle Universe</button>
-        </div>
-      );
-    }
-
-    const { getByText } = render(<Component />);
-
-    await expect.element(getByText('Loading...')).toBeInTheDocument();
-    await expect.element(getByText('Hello, Universe')).toBeInTheDocument();
-
-    value.set('Hey');
-
-    await expect.element(getByText('Loading...')).toBeInTheDocument();
-    await expect.element(getByText('Hey, Universe')).toBeInTheDocument();
-
-    await userEvent.click(getByText('Toggle Universe'));
-
-    await expect.element(getByText('Loading...')).toBeInTheDocument();
-    await expect.element(getByText('Hey, World')).toBeInTheDocument();
-  });
-
-  describe('contexts', () => {
-    test('useContext works inside computed with default value', async () => {
-      const value = state('Hello');
-      const context = createContext(value);
-
-      const derived = computed(() => `${useContext(context).get()}, World`);
-
-      function Component(): React.ReactNode {
-        return <div>{derived()}</div>;
-      }
-
-      const { getByText } = render(<Component />);
-
-      await expect.element(getByText('Hello, World')).toBeInTheDocument();
-
-      value.set('Hey');
-
-      await expect.element(getByText('Hey, World')).toBeInTheDocument();
-    });
-
-    test('useContext works at root level with default value', async () => {
-      const value = state('Hello');
-      const context = createContext(value);
-
-      function Component(): React.ReactNode {
-        const v = useContext(context);
-
-        return <div>{v.get()}, World</div>;
-      }
-
-      const { getByText } = render(
-        <ContextProvider contexts={{}}>
-          <Component />
-        </ContextProvider>,
-      );
-
-      await expect.element(getByText('Hello, World')).toBeInTheDocument();
-
-      value.set('Hey');
-
-      await expect.element(getByText('Hey, World')).toBeInTheDocument();
-    });
-
-    test('useContext works inside computed value passed via context provider', async () => {
-      const value = state('Hello');
-      const override = state('Hey');
-      const context = createContext(value);
-
-      const derived = computed(() => `${useContext(context).get()}, World`);
-
-      function Component(): React.ReactNode {
-        return <div>{derived()}</div>;
-      }
-
-      const { getByText } = render(
-        <ContextProvider contexts={{ [context]: override }}>
-          <Component />
-        </ContextProvider>,
-      );
-
-      await expect.element(getByText('Hey, World')).toBeInTheDocument();
-
-      override.set('Hi');
-
-      await expect.element(getByText('Hi, World')).toBeInTheDocument();
-    });
-
-    test('useContext works at root level with default value', async () => {
-      const value = state('Hello');
-      const override = state('Hey');
-      const context = createContext(value);
-
-      function Component(): React.ReactNode {
-        const v = useContext(context);
-
-        return <div>{v.get()}, World</div>;
-      }
-
-      const { getByText } = render(
-        <ContextProvider contexts={{ [context]: override }}>
-          <Component />
-        </ContextProvider>,
-      );
-
-      await expect.element(getByText('Hey, World')).toBeInTheDocument();
-
-      override.set('Hi');
-
-      await expect.element(getByText('Hi, World')).toBeInTheDocument();
-    });
-  });
-});

package/src/scheduling.ts

@@ -1,130 +0,0 @@
-import { ComputedSignal } from './signals.js';
-import { scheduleFlush as _scheduleFlush, runBatch } from './config.js';
-import { Tracer } from './trace.js';
-
-let PENDING_DIRTIES: ComputedSignal<any>[] = [];
-let PENDING_PULLS: ComputedSignal<any>[] = [];
-let PENDING_WATCHERS: ComputedSignal<any>[] = [];
-let PENDING_CONNECTS = new Map<ComputedSignal<any>, number>();
-let PENDING_DISCONNECTS = new Map<ComputedSignal<any>, number>();
-let PENDING_EFFECTS: ComputedSignal<any>[] = [];
-let PENDING_TRACERS: Tracer[] = [];
-
-const microtask = () => Promise.resolve();
-
-let currentFlush: { promise: Promise<void>; resolve: () => void } | null = null;
-
-const scheduleFlush = (fn: () => void) => {
-  if (currentFlush) return;
-
-  let resolve: () => void;
-  const promise = new Promise<void>(r => (resolve = r));
-
-  currentFlush = { promise, resolve: resolve! };
-
-  _scheduleFlush(flushWatchers);
-};
-
-export const scheduleWatcher = (watcher: ComputedSignal<any>) => {
-  PENDING_WATCHERS.push(watcher);
-
-  scheduleFlush(flushWatchers);
-};
-
-export const scheduleDirty = (signal: ComputedSignal<any>) => {
-  PENDING_DIRTIES.push(signal);
-  scheduleFlush(flushWatchers);
-};
-
-export const schedulePull = (signal: ComputedSignal<any>) => {
-  PENDING_PULLS.push(signal);
-  scheduleFlush(flushWatchers);
-};
-
-export const scheduleConnect = (connect: ComputedSignal<any>) => {
-  const current = PENDING_CONNECTS.get(connect) ?? 0;
-
-  PENDING_CONNECTS.set(connect, current + 1);
-
-  scheduleFlush(flushWatchers);
-};
-
-export const scheduleDisconnect = (disconnect: ComputedSignal<any>) => {
-  const current = PENDING_DISCONNECTS.get(disconnect) ?? 0;
-
-  PENDING_DISCONNECTS.set(disconnect, current + 1);
-
-  scheduleFlush(flushWatchers);
-};
-
-export const scheduleEffect = (signal: ComputedSignal<any>) => {
-  PENDING_EFFECTS.push(signal);
-  scheduleFlush(flushWatchers);
-};
-
-export const scheduleTracer = (tracer: Tracer) => {
-  PENDING_TRACERS.push(tracer);
-  scheduleFlush(flushWatchers);
-};
-
-const flushWatchers = async () => {
-  const flush = currentFlush!;
-
-  // Flush all the dirty signals and pulls recursively, clearing
-  // the microtask queue until they are all settled
-  while (PENDING_DIRTIES.length > 0 || PENDING_PULLS.length > 0) {
-    for (const dirty of PENDING_DIRTIES) {
-      dirty._dirtyConsumers();
-    }
-
-    for (const pull of PENDING_PULLS) {
-      pull._check();
-    }
-
-    PENDING_DIRTIES = [];
-    PENDING_PULLS = [];
-
-    await microtask();
-  }
-
-  // Clear the flush so that if any more watchers are scheduled,
-  // they will be flushed in the next tick
-  currentFlush = null;
-
-  runBatch(() => {
-    for (const watcher of PENDING_WATCHERS) {
-      watcher._check();
-    }
-
-    for (const [signal, count] of PENDING_CONNECTS) {
-      signal._check(true, count);
-    }
-
-    for (const [signal, count] of PENDING_DISCONNECTS) {
-      signal._disconnect(count);
-    }
-
-    for (const signal of PENDING_EFFECTS) {
-      signal._runEffects();
-    }
-
-    for (const tracer of PENDING_TRACERS) {
-      tracer.flush();
-    }
-
-    PENDING_WATCHERS = [];
-    PENDING_CONNECTS.clear();
-    PENDING_DISCONNECTS.clear();
-    PENDING_EFFECTS = [];
-    PENDING_TRACERS = [];
-  });
-
-  // resolve the flush promise
-  flush.resolve();
-};
-
-export const settled = async () => {
-  while (currentFlush) {
-    await currentFlush.promise;
-  }
-};