@dxos/plugin-space 0.9.0 → 0.9.1-staging.ee54ba693a

package/dist/types/src/containers/SpaceRenamePopover/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/containers/SpaceRenamePopover/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC"}

package/src/capabilities/app-graph-serializer.ts

@@ -1,85 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import * as Effect from 'effect/Effect';
-import * as Option from 'effect/Option';
-
-import { Capabilities, Capability } from '@dxos/app-framework';
-import { AppCapabilities, RootCollectionAnnotation } from '@dxos/app-toolkit';
-import { isSpace } from '@dxos/client/echo';
-import { Annotation, Collection, Obj, Type } from '@dxos/echo';
-
-import { meta } from '#meta';
-import { SpaceOperation } from '#operations';
-import { translations } from '#translations';
-import { SPACE_TYPE } from '#types';
-
-import { SPACES } from '../util';
-
-const COLLECTION_TYPE = Type.getTypename(Collection.Collection);
-
-// https://stackoverflow.com/a/19016910
-const DIRECTORY_TYPE = 'text/directory';
-
-export default Capability.makeModule(
-  Effect.fnUntraced(function* () {
-    // Get context for lazy capability access in callbacks.
-    const capabilities = yield* Capability.Service;
-
-    return Capability.contributes(AppCapabilities.AppGraphSerializer, [
-      {
-        inputType: SPACES,
-        outputType: DIRECTORY_TYPE,
-        serialize: (node) => ({
-          name: translations[0]['en-US'][meta.id]['spaces.label'] ?? 'Spaces',
-          data: translations[0]['en-US'][meta.id]['spaces.label'] ?? 'Spaces',
-          type: DIRECTORY_TYPE,
-        }),
-        deserialize: () => {
-          // No-op.
-        },
-      },
-      {
-        inputType: SPACE_TYPE,
-        outputType: DIRECTORY_TYPE,
-        serialize: (node) => ({
-          name: node.data.properties.name ?? translations[0]['en-US'][meta.id]['unnamed-space.label'],
-          data: node.data.properties.name ?? translations[0]['en-US'][meta.id]['unnamed-space.label'],
-          type: DIRECTORY_TYPE,
-        }),
-        deserialize: async (data) => {
-          const { invokePromise } = capabilities.get(Capabilities.OperationInvoker);
-          const result = await invokePromise(SpaceOperation.Create, { name: data.name, edgeReplication: true });
-          return result.data?.space;
-        },
-      },
-      {
-        inputType: COLLECTION_TYPE,
-        outputType: DIRECTORY_TYPE,
-        serialize: (node) => ({
-          name: node.data.name ?? translations[0]['en-US'][meta.id]['object-name.placeholder'],
-          data: node.data.name ?? translations[0]['en-US'][meta.id]['object-name.placeholder'],
-          type: DIRECTORY_TYPE,
-        }),
-        deserialize: async (data, ancestors) => {
-          const space = ancestors.find(isSpace);
-          const collection =
-            ancestors.findLast((ancestor) => Obj.instanceOf(Collection.Collection, ancestor)) ??
-            (space && Annotation.get(space.properties, RootCollectionAnnotation).pipe(Option.getOrUndefined)?.target);
-          if (!space || !collection) {
-            return;
-          }
-
-          const { invokePromise } = capabilities.get(Capabilities.OperationInvoker);
-          const result = await invokePromise(SpaceOperation.AddObject, {
-            target: collection,
-            object: Obj.make(Collection.Collection, { name: data.name, objects: [] }),
-          });
-
-          return result.data?.object;
-        },
-      },
-    ]);
-  }),
-);

package/src/components/SpaceSettings/SpaceSettings.tsx

@@ -1,56 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import React from 'react';
-
-import { isPersonalSpace } from '@dxos/app-toolkit';
-import { type Space } from '@dxos/react-client/echo';
-import { IconButton, Input, List, ListItem, toLocalizedString, useTranslation } from '@dxos/react-ui';
-import { Settings as SettingsForm } from '@dxos/react-ui-form';
-
-import { meta } from '#meta';
-
-import { getSpaceDisplayName } from '../../util';
-
-export type SpaceSettingsProps = {
-  spaces?: Space[];
-  onOpenSpaceSettings?: (space: Space) => void;
-};
-
-export const SpaceSettings = ({ spaces, onOpenSpaceSettings }: SpaceSettingsProps) => {
-  const { t } = useTranslation(meta.id);
-
-  return (
-    <SettingsForm.Viewport>
-      <SettingsForm.Section title={t('space-settings.label')} description={t('space-settings.description')}>
-        <SettingsForm.Panel>
-          <Input.Root>
-            <Input.Label>{t('settings.space-list.label')}</Input.Label>
-          </Input.Root>
-          <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: isPersonalSpace(space),
-                    }),
-                    t,
-                  )}
-                </ListItem.Heading>
-                <IconButton
-                  icon='ph--faders--regular'
-                  label={t('settings.open-settings.label')}
-                  disabled={!onOpenSpaceSettings}
-                  onClick={() => onOpenSpaceSettings?.(space)}
-                />
-              </ListItem.Root>
-            ))}
-          </List>
-        </SettingsForm.Panel>
-      </SettingsForm.Section>
-    </SettingsForm.Viewport>
-  );
-};

package/src/containers/EntityRenamePopover/EntityRenamePopover.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 { Entity } 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 ENTITY_RENAME_POPOVER = `${meta.id}.EntityRenamePopover`;
-
-export const EntityRenamePopover = ({ entity }: { entity: Entity.Unknown }) => {
-  const { t } = useTranslation(meta.id);
-  const doneButton = useRef<HTMLButtonElement>(null);
-  const [name, setName] = useState(Entity.getLabel(entity));
-  const { invokePromise } = useOperationInvoker();
-
-  const handleDone = useCallback(() => {
-    try {
-      name && Entity.update(entity, () => Entity.setLabel(entity, name));
-    } catch (err) {
-      log.error('Failed to rename entity', { err });
-    }
-    void invokePromise(LayoutOperation.UpdatePopover, { anchorId: '', state: false });
-  }, [entity, name, invokePromise]);
-
-  return (
-    <div className='p-2 flex gap-2'>
-      <div 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/EntityRenamePopover/index.ts

@@ -1,5 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-export { EntityRenamePopover as default } from './EntityRenamePopover';

package/src/containers/ObjectProperties/ObjectProperties.tsx

@@ -1,32 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import React, { forwardRef, useMemo } from 'react';
-
-import { Surface } from '@dxos/app-framework/ui';
-import { AppSurface } from '@dxos/app-toolkit/ui';
-import { type Obj } from '@dxos/echo';
-import { Panel, Toolbar } from '@dxos/react-ui';
-import { ObjectProperties as NaturalObjectProperties } from '@dxos/react-ui-form';
-
-export type ObjectPropertiesProps = AppSurface.ObjectPropertiesProps<Obj.Unknown>;
-
-export const ObjectProperties = forwardRef<HTMLDivElement, ObjectPropertiesProps>(
-  ({ role, subject: object }, forwardedRef) => {
-    const data = useMemo<AppSurface.ObjectPropertiesData>(() => ({ subject: object }), [object]);
-
-    return (
-      <Panel.Root role={role} className='dx-document' ref={forwardedRef}>
-        <Panel.Toolbar asChild>
-          <Toolbar.Root />
-        </Panel.Toolbar>
-        <Panel.Content asChild>
-          <NaturalObjectProperties object={object}>
-            <Surface.Surface type={AppSurface.ObjectProperties} data={data} />
-          </NaturalObjectProperties>
-        </Panel.Content>
-      </Panel.Root>
-    );
-  },
-);

package/src/containers/ObjectProperties/index.ts

@@ -1,5 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-export { ObjectProperties as default } from './ObjectProperties';

package/src/containers/SpaceRenamePopover/SpaceRenamePopover.tsx

@@ -1,54 +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 { type Space } from '@dxos/client/echo';
-import { Obj } from '@dxos/echo';
-import { Button, Input, Popover, useTranslation } from '@dxos/react-ui';
-import { osTranslations } from '@dxos/ui-theme';
-
-import { meta } from '#meta';
-
-export const SPACE_RENAME_POPOVER = `${meta.id}.SpaceRenamePopover`;
-
-export const SpaceRenamePopover = ({ space }: { space: Space }) => {
-  const { t } = useTranslation(meta.id);
-  const doneButton = useRef<HTMLButtonElement>(null);
-  const [name, setName] = useState(space.properties.name ?? '');
-  const { invokePromise } = useOperationInvoker();
-
-  const handleDone = useCallback(() => {
-    Obj.update(space.properties, (obj) => {
-      obj.name = name;
-    });
-    void invokePromise(LayoutOperation.UpdatePopover, { anchorId: '', state: false });
-  }, [space, name, invokePromise]);
-
-  // TODO(thure): Why does the input value need to be uncontrolled to work?
-  return (
-    <div className='p-2 flex gap-2'>
-      <div className='flex-1'>
-        <Input.Root>
-          <Input.Label srOnly>{t('space-name.label')}</Input.Label>
-          <Input.TextInput
-            defaultValue={space.properties.name ?? ''}
-            placeholder={t('unnamed-space.label')}
-            onChange={({ target: { value } }) => setName(value)}
-            // TODO(wittjosiah): Ideally this should access the popover context to close the popover.
-            //   Currently this is not possible because Radix does not expose the popover context.
-            onKeyDown={({ key }) => key === 'Enter' && doneButton.current?.click()}
-          />
-        </Input.Root>
-      </div>
-      <Popover.Close asChild>
-        <Button ref={doneButton} classNames='self-stretch' onClick={handleDone}>
-          {t('done.label', { ns: osTranslations })}
-        </Button>
-      </Popover.Close>
-    </div>
-  );
-};

package/src/containers/SpaceRenamePopover/index.ts

@@ -1,5 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-export { SpaceRenamePopover as default } from './SpaceRenamePopover';