@dxos/react-client 0.8.4-main.c1de068 → 0.8.4-main.c85a9c8dae

package/src/echo/useQuery.test.tsx

@@ -1,128 +0,0 @@
-//
-// Copyright 2022 DXOS.org
-//
-
-import { renderHook } from '@testing-library/react';
-import { describe, expect, test } from 'vitest';
-
-import { Expando, Filter, live } from '@dxos/client/echo';
-
-import { useQuery } from './useQuery';
-import { createClient, createClientContextProvider } from '../testing/util';
-
-describe('useQuery', () => {
-  // TODO(dmaretskyi): Fix this test.
-  test.skip('deleting an element should result in correct render sequence', async () => {
-    // Setup: Create client and space.
-    const { client, space } = await createClient({ createIdentity: true, createSpace: true });
-    const wrapper = await createClientContextProvider(client);
-
-    // Create 3 test objects: Alice, Bob, Charlie.
-    const alice = live(Expando, { name: 'Alice' });
-    const bob = live(Expando, { name: 'Bob' });
-    const charlie = live(Expando, { name: 'Charlie' });
-
-    space!.db.add(alice);
-    space!.db.add(bob);
-    space!.db.add(charlie);
-    await space!.db.flush();
-
-    // Track all renders to observe the bug.
-    const allRenders: string[][] = [];
-
-    // Setup useQuery hook that captures every render.
-    renderHook(
-      () => {
-        const objects = useQuery(space, Filter.type(Expando));
-
-        // Capture the names in this render.
-        const namesInThisRender = objects.map((obj) => obj.name);
-        allRenders.push([...namesInThisRender]);
-
-        return objects;
-      },
-      { wrapper },
-    );
-
-    // Wait for initial renders to complete.
-    await new Promise((resolve) => setTimeout(resolve, 100));
-
-    // THE BUG REPRODUCTION: Delete Bob.
-    space!.db.remove(bob);
-
-    // Wait for all reactive updates to complete.
-    await new Promise((resolve) => setTimeout(resolve, 500));
-
-    // TODO(ZaymonFC): Remove this comment once the flash bug is resolved.
-    /*
-     * NOTE(ZaymonFC):
-     *   Expected: 3 renders
-     *   1. [] (empty)
-     *   2. ['Alice', 'Bob', 'Charlie'] (all loaded)
-     *   3. ['Alice', 'Charlie'] (Bob removed, no flash)
-     *
-     *   Actual: 4 renders
-     *   1. [] (empty)
-     *   2. ['Alice', 'Bob', 'Charlie'] (all loaded)
-     *   3. ['Alice', 'Charlie', 'Bob'] (FLASH BUG - Bob moves to end!)
-     *   4. ['Alice', 'Charlie'] (Bob finally removed)
-     */
-
-    expect(allRenders).toEqual([
-      [], // Initial loading state.
-      ['Alice', 'Bob', 'Charlie'], // All objects loaded.
-      ['Alice', 'Charlie'], // Bob removed (no flash).
-    ]);
-  });
-
-  test('bulk deleting multiple items should remove them from query results', async () => {
-    // Setup: Create client and space.
-    const { client, space } = await createClient({ createIdentity: true, createSpace: true });
-    const wrapper = await createClientContextProvider(client);
-
-    // Create 10 test objects: 1, 2, 3, ..., 10.
-    const objects = Array.from({ length: 10 }, (_, i) => live(Expando, { value: i + 1 }));
-
-    objects.forEach((obj) => space!.db.add(obj));
-    await space!.db.flush();
-
-    // Track all renders to observe the bug.
-    const allRenders: number[][] = [];
-
-    // Setup useQuery hook that captures every render.
-    renderHook(
-      () => {
-        const queryObjects = useQuery(space, Filter.type(Expando));
-
-        // Capture the values in this render.
-        const valuesInThisRender = queryObjects.map((obj) => obj.value);
-        allRenders.push([...valuesInThisRender]);
-
-        return queryObjects;
-      },
-      { wrapper },
-    );
-
-    // Wait for initial renders to complete.
-    await new Promise((resolve) => setTimeout(resolve, 100));
-
-    // THE BUG REPRODUCTION: Delete all items in a loop.
-    for (const item of objects) {
-      space!.db.remove(item);
-    }
-
-    // Wait for all reactive updates to complete.
-    await new Promise((resolve) => setTimeout(resolve, 500));
-
-    // Convert to sets for order-independent comparison.
-    const renderSets = allRenders.map((render) => new Set(render));
-
-    expect(renderSets).toEqual([
-      new Set([]), // Initial loading state.
-      new Set([1, 2, 3, 4, 5, 6, 7, 8, 9, 10]), // All objects loaded.
-      // TODO(dmaretskyi): Fix this with query ordering.
-      new Set([1, 2, 3, 4, 5, 6, 7, 8, 9, 10]), // Getting another render for some reason.
-      new Set([]), // All items deleted.
-    ]);
-  });
-});

package/src/echo/useQuery.ts

@@ -1,56 +0,0 @@
-//
-// Copyright 2022 DXOS.org
-//
-
-import { useMemo, useSyncExternalStore } from 'react';
-
-import { type Echo, Filter, type Live, Query, type Space, isSpace } from '@dxos/client/echo';
-
-const EMPTY_ARRAY: never[] = [];
-
-const noop = () => {};
-
-// TODO(dmaretskyi): Queries are fully serializable, so we can remove `deps` argument.
-interface UseQueryFn {
-  <Q extends Query.Any>(spaceOrEcho: Space | Echo | undefined, query: Q, deps?: any[]): Live<Query.Type<Q>>[];
-
-  <F extends Filter.Any>(spaceOrEcho: Space | Echo | undefined, filter: F, deps?: any[]): Live<Filter.Type<F>>[];
-}
-
-/**
- * Create subscription.
- */
-export const useQuery: UseQueryFn = (
-  spaceOrEcho: Space | Echo | undefined,
-  queryOrFilter: Query.Any | Filter.Any,
-  deps?: any[],
-): Live<unknown>[] => {
-  const query = Filter.is(queryOrFilter) ? Query.select(queryOrFilter) : queryOrFilter;
-
-  const { getObjects, subscribe } = useMemo(() => {
-    let subscribed = false;
-    const queryResult =
-      spaceOrEcho === undefined
-        ? undefined
-        : isSpace(spaceOrEcho)
-          ? spaceOrEcho.db.query(query)
-          : spaceOrEcho.query(query);
-
-    return {
-      getObjects: () => (subscribed && queryResult ? queryResult.objects : EMPTY_ARRAY),
-      subscribe: (cb: () => void) => {
-        subscribed = true;
-        const unsubscribe = queryResult?.subscribe(cb) ?? noop;
-        return () => {
-          unsubscribe?.();
-          subscribed = false;
-        };
-      },
-    };
-  }, [spaceOrEcho, JSON.stringify(query.ast), ...(deps ?? [])]);
-
-  // https://beta.reactjs.org/reference/react/useSyncExternalStore
-  // NOTE: This hook will resubscribe whenever the callback passed to the first argument changes; make sure it is stable.
-  const objects = useSyncExternalStore<Live<unknown>[] | undefined>(subscribe, getObjects);
-  return objects ?? [];
-};

package/src/echo/useSchema.ts

@@ -1,54 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { type Schema } from 'effect';
-import { useMemo, useSyncExternalStore } from 'react';
-
-import { type Client } from '@dxos/client';
-import { type Space } from '@dxos/client/echo';
-import { type BaseSchema } from '@dxos/echo-schema';
-
-/**
- * Subscribe to and retrieve schema changes from a space's schema registry.
- */
-export const useSchema = (
-  client: Client,
-  space: Space | undefined,
-  typename: string | undefined,
-): Schema.Schema.AnyNoContext | undefined => {
-  const { subscribe, getSchema } = useMemo(() => {
-    if (!typename || !space) {
-      return {
-        subscribe: () => () => {},
-        getSchema: () => undefined,
-      };
-    }
-
-    const staticSchema = client.graph.schemaRegistry.getSchema(typename);
-    if (staticSchema) {
-      return {
-        subscribe: () => () => {},
-        getSchema: () => staticSchema,
-      };
-    }
-
-    const query = space.db.schemaRegistry.query({ typename });
-    const initialResult: BaseSchema = query.runSync()[0];
-    let currentSchema = initialResult;
-
-    return {
-      subscribe: (onStoreChange: () => void) => {
-        const unsubscribe = query.subscribe(() => {
-          currentSchema = query.results[0];
-          onStoreChange();
-        });
-
-        return unsubscribe;
-      },
-      getSchema: () => currentSchema,
-    };
-  }, [typename, space]);
-
-  return useSyncExternalStore(subscribe, getSchema);
-};

package/src/playwright/playwright.config.ts

@@ -1,17 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import { defineConfig } from '@playwright/test';
-
-import { e2ePreset } from '@dxos/test-utils/playwright';
-
-export default defineConfig({
-  ...e2ePreset(import.meta.dirname),
-  // TODO(wittjosiah): Avoid hard-coding ports.
-  webServer: {
-    command: 'moon run storybook:serve-e2e -- --port=9000',
-    port: 9000,
-    reuseExistingServer: false,
-  },
-});

package/src/playwright/smoke.spec.ts

@@ -1,24 +0,0 @@
-//
-// Copyright 2021 DXOS.org
-//
-
-import { type Page, expect, test } from '@playwright/test';
-
-import { setupPage, storybookUrl } from '@dxos/test-utils/playwright';
-
-test.describe('Smoke test', () => {
-  let page: Page;
-
-  test.beforeAll(async ({ browser }) => {
-    const result = await setupPage(browser, {
-      url: storybookUrl('sdk-react-client-withclientprovider--default', 9000),
-    });
-    page = result.page;
-    await page.locator(':text("initialized")').waitFor({ state: 'visible' });
-  });
-
-  // NOTE: This test depends on connecting to the default production deployed HALO vault.
-  test('Renders remote client info', async () => {
-    await expect(page.locator(':text("initialized")')).toBeVisible();
-  });
-});