@dxos/plugin-space 0.8.4-main.c85a9c8dae → 0.8.4-main.d9fc60f731

package/src/containers/ObjectDetails/ObjectDetails.tsx

@@ -1,36 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import React, { forwardRef, useMemo } from 'react';
-
-import { Surface } from '@dxos/app-framework/ui';
-import { type SurfaceComponentProps } from '@dxos/app-toolkit/ui';
-import { type Obj } from '@dxos/echo';
-import { Panel, Toolbar } from '@dxos/react-ui';
-
-import { BaseObjectSettings } from '../../components';
-
-export type ObjectDetailsProps = SurfaceComponentProps<Obj.Unknown>;
-
-export const ObjectDetails = forwardRef<HTMLDivElement, ObjectDetailsProps>(
-  ({ role, subject: object }, forwardedRef) => {
-    const data = useMemo(() => ({ subject: object }), [object]);
-
-    return (
-      <Panel.Root role={role} className='dx-article' ref={forwardedRef}>
-        <Panel.Toolbar asChild>
-          <Toolbar.Root />
-        </Panel.Toolbar>
-        <Panel.Content asChild>
-          <BaseObjectSettings object={object}>
-            <Surface.Surface role='base-object-settings' data={data} />
-            <Surface.Surface role='object-settings' data={data} />
-            {/* TODO(wittjosiah): Remove (or add as surface)? */}
-            {/* <AdvancedObjectSettings object={object} /> */}
-          </BaseObjectSettings>
-        </Panel.Content>
-      </Panel.Root>
-    );
-  },
-);

package/src/containers/ObjectDetails/index.ts

@@ -1,7 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { ObjectDetails } from './ObjectDetails';
-
-export default ObjectDetails;

package/src/containers/ObjectRenamePopover/ObjectRenamePopover.tsx

@@ -1,52 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import React, { useCallback, useRef, useState } from 'react';
-
-import { useOperationInvoker } from '@dxos/app-framework/ui';
-import { LayoutOperation } from '@dxos/app-toolkit';
-import { Obj } from '@dxos/echo';
-import { log } from '@dxos/log';
-import { Button, Input, useTranslation } from '@dxos/react-ui';
-import { osTranslations } from '@dxos/ui-theme';
-
-import { meta } from '../../meta';
-
-export const OBJECT_RENAME_POPOVER = `${meta.id}/ObjectRenamePopover`;
-
-export const ObjectRenamePopover = ({ object }: { object: Obj.Unknown }) => {
-  const { t } = useTranslation(meta.id);
-  const doneButton = useRef<HTMLButtonElement>(null);
-  const [name, setName] = useState(Obj.getLabel(object));
-  const { invokePromise } = useOperationInvoker();
-
-  const handleDone = useCallback(() => {
-    try {
-      name && Obj.change(object, () => Obj.setLabel(object, name));
-    } catch (err) {
-      log.error('Failed to rename object', { err });
-    }
-    void invokePromise(LayoutOperation.UpdatePopover, { anchorId: '', state: false });
-  }, [object, name, invokePromise]);
-
-  return (
-    <div role='none' className='p-2 flex gap-2'>
-      <div role='none' className='flex-1'>
-        <Input.Root>
-          <Input.Label srOnly>{t('object name label')}</Input.Label>
-          <Input.TextInput
-            placeholder={t('object placeholder')}
-            value={name}
-            data-testid='spacePlugin.renameObject.input'
-            onChange={({ target: { value } }) => setName(value)}
-            onKeyDown={({ key }) => key === 'Enter' && doneButton.current?.click()}
-          />
-        </Input.Root>
-      </div>
-      <Button ref={doneButton} classNames='self-stretch' onClick={handleDone}>
-        {t('done label', { ns: osTranslations })}
-      </Button>
-    </div>
-  );
-};

package/src/containers/ObjectRenamePopover/index.ts

@@ -1,7 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import { ObjectRenamePopover } from './ObjectRenamePopover';
-
-export default ObjectRenamePopover;

package/src/containers/SpacePluginSettings/SpacePluginSettings.tsx

@@ -1,65 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import React from 'react';
-
-import { useOperationInvoker } from '@dxos/app-framework/ui';
-import { useClient } from '@dxos/react-client';
-import { useSpaces } from '@dxos/react-client/echo';
-import { IconButton, Input, List, ListItem, toLocalizedString, useTranslation } from '@dxos/react-ui';
-import { Settings } from '@dxos/react-ui-form';
-
-import { meta } from '../../meta';
-import { SpaceOperation, type SpaceSettingsProps } from '../../types';
-import { getSpaceDisplayName } from '../../util';
-
-export type SpacePluginSettingsComponentProps = {
-  settings: SpaceSettingsProps;
-  onSettingsChange: (fn: (current: SpaceSettingsProps) => SpaceSettingsProps) => void;
-};
-
-export const SpacePluginSettings = ({ settings, onSettingsChange }: SpacePluginSettingsComponentProps) => {
-  const { t } = useTranslation(meta.id);
-  const client = useClient();
-  const spaces = useSpaces({ all: settings.showHidden });
-  const { invokePromise } = useOperationInvoker();
-
-  return (
-    <Settings.Root>
-      <Settings.Section title={t('space settings label')} description={t('space settings description')}>
-        <Settings.Group>
-          <Settings.ItemInput title={t('show hidden spaces label')}>
-            <Input.Switch
-              checked={settings.showHidden}
-              onCheckedChange={(checked) => onSettingsChange((state) => ({ ...state, showHidden: !!checked }))}
-            />
-          </Settings.ItemInput>
-        </Settings.Group>
-
-        <Settings.Container>
-          <List classNames='flex flex-col gap-trim-sm'>
-            {spaces.map((space) => (
-              <ListItem.Root key={space.id} classNames='w-full items-center'>
-                {/* TODO(burdon): Should auto center and truncate; NOTE truncate doesn't work with flex grow. */}
-                <ListItem.Heading classNames='grow truncate min-h-0!'>
-                  {toLocalizedString(
-                    getSpaceDisplayName(space, {
-                      personal: space === client.spaces.default,
-                    }),
-                    t,
-                  )}
-                </ListItem.Heading>
-                <IconButton
-                  icon='ph--faders--regular'
-                  onClick={() => invokePromise(SpaceOperation.OpenSettings, { space })}
-                  label={t('open space settings label')}
-                />
-              </ListItem.Root>
-            ))}
-          </List>
-        </Settings.Container>
-      </Settings.Section>
-    </Settings.Root>
-  );
-};

package/src/containers/SpacePluginSettings/index.ts

@@ -1,7 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import { SpacePluginSettings } from './SpacePluginSettings';
-
-export default SpacePluginSettings;

package/src/helpers/index.ts

@@ -1,5 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-export * from './query';

package/src/helpers/query.test.ts

@@ -1,24 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { describe, expect, it } from 'vitest';
-
-import { evalQuery } from './query';
-
-describe('evalQuery', () => {
-  it('should evaluate a query string', () => {
-    const query = evalQuery('Query.select(Filter.type(Person.Person))');
-    expect(query.ast).toMatchInlineSnapshot(`
-      {
-        "filter": {
-          "id": undefined,
-          "props": {},
-          "type": "object",
-          "typename": "dxn:type:dxos.org/type/Person:0.1.0",
-        },
-        "type": "select",
-      }
-    `);
-  });
-});

package/src/helpers/query.ts

@@ -1,166 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import * as Array from 'effect/Array';
-import * as Effect from 'effect/Effect';
-import * as EffectFunction from 'effect/Function';
-import * as Match from 'effect/Match';
-import * as Option from 'effect/Option';
-import type * as Schema from 'effect/Schema';
-import * as SchemaAST from 'effect/SchemaAST';
-
-import { DXN, Filter, Key, Query, type QueryAST, type SchemaRegistry } from '@dxos/echo';
-import {
-  ReferenceAnnotationId,
-  type ReferenceAnnotationValue,
-  getTypeAnnotation,
-  unwrapOptional,
-} from '@dxos/echo/internal';
-import { runAndForwardErrors } from '@dxos/effect';
-import { log } from '@dxos/log';
-import { type Space } from '@dxos/react-client/echo';
-import { Person } from '@dxos/types';
-
-// TODO(wittjosiah): Factor out and add tests.
-// TODO(wittjosiah): Support arbitrary type imports.
-export const evalQuery = (queryString: string): Query.Any => {
-  const globals = { Query, Filter, Person };
-  try {
-    // eslint-disable-next-line @typescript-eslint/no-implied-eval
-    return new Function(...Object.keys(globals), `return ${queryString}`)(...Object.values(globals));
-  } catch (err) {
-    log.catch(err);
-    return Query.select(Filter.nothing());
-  }
-};
-
-export const resolveSchemaWithRegistry = (registry: SchemaRegistry.SchemaRegistry, query: QueryAST.Query) => {
-  const resolve = Effect.fn(function* (dxn: string) {
-    const typename = DXN.parse(dxn).asTypeDXN()?.type;
-    if (!typename) {
-      return Option.none();
-    }
-
-    const query = registry.query({ typename, location: ['database', 'runtime'] });
-    const schemas = yield* Effect.promise(() => query.run());
-    return Array.head(schemas);
-  });
-
-  return resolveSchema(query, resolve).pipe(
-    Effect.map((schema) => Option.getOrUndefined(schema)),
-    runAndForwardErrors,
-  );
-};
-
-const resolveSchema = (
-  query: QueryAST.Query,
-  resolve: (dxn: string) => Effect.Effect<Option.Option<Schema.Schema.AnyNoContext>>,
-): Effect.Effect<Option.Option<Schema.Schema.AnyNoContext>> => {
-  return Match.value(query).pipe(
-    Match.withReturnType<Effect.Effect<Option.Option<Schema.Schema.AnyNoContext>>>(),
-    // TODO(wittjosiah): Reconcile with filter match?
-    Match.when({ type: 'select' }, ({ filter }) =>
-      typenameFromFilter(filter).pipe(
-        Option.map((typename) => resolve(typename)),
-        Option.getOrElse(() => Effect.succeed(Option.none<Schema.Schema.AnyNoContext>())),
-      ),
-    ),
-    Match.when({ type: 'filter' }, ({ filter }) =>
-      typenameFromFilter(filter).pipe(
-        Option.map((typename) => resolve(typename)),
-        Option.getOrElse(() => Effect.succeed(Option.none<Schema.Schema.AnyNoContext>())),
-      ),
-    ),
-    Match.when({ type: 'reference-traversal' }, ({ anchor, property }) =>
-      resolveSchema(anchor, resolve).pipe(
-        Effect.map((base) =>
-          base.pipe(
-            Option.map((schema) => SchemaAST.getPropertySignatures(schema.ast)),
-            Option.flatMap((properties) => Array.findFirst(properties, (p) => p.name === property)),
-            Option.flatMap((property) =>
-              SchemaAST.getAnnotation<ReferenceAnnotationValue>(ReferenceAnnotationId)(unwrapOptional(property)),
-            ),
-            Option.map((annotation) => annotation.typename),
-          ),
-        ),
-        Effect.flatMap(
-          Option.match({
-            onNone: () => Effect.succeed(Option.none()),
-            onSome: (typename) => resolve(DXN.fromTypename(typename).toString()),
-          }),
-        ),
-      ),
-    ),
-    Match.when({ type: 'relation', filter: Match.defined }, ({ filter }) =>
-      typenameFromFilter(filter).pipe(
-        Option.map((typename) => resolve(typename)),
-        Option.getOrElse(() => Effect.succeed(Option.none<Schema.Schema.AnyNoContext>())),
-      ),
-    ),
-    Match.when({ type: 'relation-traversal' }, ({ anchor, direction }) =>
-      resolveSchema(anchor, resolve).pipe(
-        Effect.map((base) =>
-          base.pipe(
-            Option.map((schema) => getTypeAnnotation(schema)),
-            Option.flatMap((annotation) =>
-              Option.fromNullable(direction === 'source' ? annotation?.sourceSchema : annotation?.targetSchema),
-            ),
-          ),
-        ),
-        Effect.flatMap(
-          Option.match({
-            onNone: () => Effect.succeed(Option.none()),
-            onSome: (typename) => resolve(typename),
-          }),
-        ),
-      ),
-    ),
-    Match.when({ type: 'options' }, ({ query }) => resolveSchema(query, resolve)),
-    Match.orElse((_q) => {
-      // TODO(wittjosiah): Implement other cases.
-      return Effect.succeed(Option.none());
-    }),
-  );
-};
-
-const typenameFromFilter = (filter: QueryAST.Filter): Option.Option<string> =>
-  Match.value(filter).pipe(
-    Match.withReturnType<Option.Option<string>>(),
-    Match.when({ type: 'object' }, ({ typename }) => Option.fromNullable(typename)),
-    Match.when({ type: 'and' }, ({ filters }) =>
-      EffectFunction.pipe(filters, Array.map(typenameFromFilter), Array.findFirst(Option.isSome), Option.flatten),
-    ),
-    Match.when({ type: 'or' }, ({ filters }) =>
-      EffectFunction.pipe(filters, Array.map(typenameFromFilter), Array.findFirst(Option.isSome), Option.flatten),
-    ),
-    Match.orElse(() => Option.none()),
-  );
-
-// TODO(wittjosiah): Currently assumes from scope is at the top-level of the ast.
-export const getQueryTarget = (query: QueryAST.Query, space?: Space) => {
-  return Match.value(query).pipe(
-    Match.when({ type: 'from' }, ({ from }) => {
-      if (from._tag !== 'scope') {
-        return space?.db;
-      }
-      const result = Option.fromNullable(from.scope.queues).pipe(
-        Option.flatMap((queues) => Array.head(queues)),
-        Option.flatMap((queueDxn) => Option.fromNullable(DXN.tryParse(String(queueDxn)))),
-        Option.flatMap((parsed) => {
-          const q = parsed.asQueueDXN();
-          if (!q || !Key.ObjectId.isValid(q.queueId)) return Option.none();
-          return Option.fromNullable(space?.queues.get(parsed));
-        }),
-      );
-      // Skip query when a requested queue is not found (structurally invalid DXN or valid DXN
-      // referencing a queue not present in space.queues, e.g. not yet synced) to avoid 400 errors.
-      // TODO(wittjosiah): Can we handle this upstream?
-      if (from.scope.queues?.length && Option.isNone(result)) {
-        return undefined;
-      }
-      return Option.getOrElse(result, () => space?.db);
-    }),
-    Match.orElse(() => space?.db),
-  );
-};

package/src/hooks/useActiveSpace.ts

@@ -1,24 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { Capabilities, type CapabilityManager } from '@dxos/app-framework';
-import { AppCapabilities } from '@dxos/app-toolkit';
-import { useLayout } from '@dxos/app-toolkit/ui';
-import { ClientCapabilities } from '@dxos/plugin-client';
-import { parseId, useSpace } from '@dxos/react-client/echo';
-
-export const getActiveSpace = (capabilities: CapabilityManager.CapabilityManager) => {
-  const client = capabilities.get(ClientCapabilities.Client);
-  const registry = capabilities.get(Capabilities.AtomRegistry);
-  const layoutAtom = capabilities.get(AppCapabilities.Layout);
-  const layout = registry.get(layoutAtom);
-  const { spaceId } = parseId(layout.workspace);
-  return spaceId ? client.spaces.get(spaceId) : undefined;
-};
-
-export const useActiveSpace = () => {
-  const layout = useLayout();
-  const { spaceId } = parseId(layout.workspace);
-  return useSpace(spaceId);
-};

package/src/hooks/useTypeOptions.ts

@@ -1,25 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { useMemo } from 'react';
-
-import { type Space } from '@dxos/react-client/echo';
-import { useTranslation } from '@dxos/react-ui';
-
-import { type TypeInputOptions, getTypenames } from '../types';
-
-export const useTypeOptions = ({ space, annotation }: { space?: Space; annotation: TypeInputOptions }) => {
-  const { t } = useTranslation();
-  const typenames = getTypenames({ annotation, space });
-  return useMemo(
-    () =>
-      typenames
-        .map((typename) => ({
-          value: typename,
-          label: t('typename label', { ns: typename, defaultValue: typename }),
-        }))
-        .toSorted((a, b) => a.label.localeCompare(b.label)),
-    [t, typenames],
-  );
-};