@dxos/plugin-github 0.7.4 → 0.14.0

package/src/components/GithubEchoResolverProviders/ResolverTree.tsx

@@ -1,86 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import React, { useCallback, useContext } from 'react';
-
-import { useClient } from '@dxos/react-client';
-import { useSpaces, type Space } from '@dxos/react-client/echo';
-import { Button, Dialog, Tree, useId, useTranslation } from '@dxos/react-ui';
-
-import { SpaceResolverContext } from './ResolverContext';
-import { SpacePickerTreeItem } from './SpacePickerTreeItem';
-import { bindSpace, unbindSpace } from './spaceResolvers';
-import { GITHUB_PLUGIN } from '../../meta';
-
-export const ResolverTree = () => {
-  const client = useClient();
-  const spaces = useSpaces({ all: true });
-  const treeLabel = useId('treeLabel');
-  const { t } = useTranslation(GITHUB_PLUGIN);
-  const {
-    space: selectedSpace,
-    setSpace: setSelectedSpace,
-    source,
-    id,
-    identityHex,
-  } = useContext(SpaceResolverContext);
-  const setSpace = useCallback(
-    (nextSpace: Space | null) => {
-      if (identityHex && source && id) {
-        selectedSpace && unbindSpace(selectedSpace, identityHex, source, id);
-        nextSpace && bindSpace(nextSpace, identityHex, source, id);
-      }
-      setSelectedSpace(nextSpace);
-    },
-    [selectedSpace, setSelectedSpace, identityHex, source, id],
-  );
-  return spaces.length ? (
-    <>
-      {' '}
-      <Dialog.Title tabIndex={-1} classNames='shrink-0'>
-        {t('resolver tree label')}
-      </Dialog.Title>
-      <Dialog.Description>{t('resolver tree description')}</Dialog.Description>
-      <div role='separator' className='shrink-0 bs-px bg-neutral-500/20 mlb-1' />
-      <Tree.Root
-        aria-label={t('resolver tree label')}
-        data-testid='composer.sidebarTree'
-        classNames='overflow-y-auto -mli-2 p-2'
-      >
-        {spaces.map((space) => {
-          return (
-            <SpacePickerTreeItem
-              key={space.key.toHex()}
-              {...{
-                space,
-                selected: selectedSpace === space,
-                setSpace,
-                identityHex: identityHex!,
-                source: source!,
-                id: id!,
-              }}
-            />
-          );
-        })}
-      </Tree.Root>
-    </>
-  ) : (
-    <>
-      <h1 className='text-lg font-normal' id={treeLabel}>
-        {t('resolver no spaces message')}
-      </h1>
-      <div role='separator' className='bs-px bg-neutral-500/20 mlb-2' />
-      <Button
-        classNames='block is-full'
-        onClick={async () => {
-          const space = await client.spaces.create();
-          bindSpace(space, identityHex!, source!, id!);
-          setSpace(space);
-        }}
-      >
-        {t('resolver create space label')}
-      </Button>
-    </>
-  );
-};

package/src/components/GithubEchoResolverProviders/SpacePickerTreeItem.tsx

@@ -1,105 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import { CaretDown, CaretRight } from '@phosphor-icons/react';
-import React, { useMemo, useState } from 'react';
-
-import { DocumentType } from '@dxos/plugin-markdown/types';
-import { getSpaceDisplayName } from '@dxos/plugin-space';
-import { useMulticastObservable } from '@dxos/react-client';
-import { type Space, SpaceState, useQuery, Filter } from '@dxos/react-client/echo';
-import { Button, Tag, Tooltip, Tree, TreeItem, useTranslation } from '@dxos/react-ui';
-import { staticDisabled } from '@dxos/react-ui-theme';
-
-import { DocumentTreeItem } from './DocumentTreeItem';
-import { matchSpace } from './spaceResolvers';
-import { GITHUB_PLUGIN } from '../../meta';
-
-export const SpacePickerTreeItem = ({
-  identityHex,
-  space,
-  source,
-  id,
-  setSpace,
-  selected,
-}: {
-  identityHex: string;
-  space: Space;
-  setSpace: (nextSpace: Space | null) => void;
-  source: string;
-  id: string;
-  selected?: boolean;
-}) => {
-  const { t } = useTranslation(GITHUB_PLUGIN);
-  const spaceSate = useMulticastObservable(space.state);
-  const disabled = spaceSate !== SpaceState.SPACE_READY;
-  const spaceDisplayName = getSpaceDisplayName(space);
-  const documents = useQuery(space, Filter.schema(DocumentType));
-  const hasDocuments = documents.length > 0;
-
-  const [open, setOpen] = useState(false);
-
-  const nBoundMembers = useMemo(() => {
-    return Object.keys(space.properties.members ?? {}).filter((identityHex) =>
-      matchSpace(space, identityHex, source, id),
-    ).length;
-  }, [source, id, space.properties]);
-
-  const OpenTriggerIcon = open ? CaretDown : CaretRight;
-
-  return (
-    <TreeItem.Root
-      collapsible
-      open={open}
-      onOpenChange={setOpen}
-      classNames={['mbe-2 block', disabled && staticDisabled]}
-      {...(disabled && { 'aria-disabled': true })}
-    >
-      <div role='none' className='flex items-center gap-2'>
-        {hasDocuments ? (
-          <TreeItem.OpenTrigger>
-            <OpenTriggerIcon />
-          </TreeItem.OpenTrigger>
-        ) : (
-          <TreeItem.OpenTrigger disabled classNames={staticDisabled}>
-            <CaretRight />
-          </TreeItem.OpenTrigger>
-        )}
-        <TreeItem.Heading
-          classNames='grow break-words pbs-1 text-baseText font-medium'
-          data-testid='composer.spaceTreeItemHeading'
-        >
-          {Array.isArray(spaceDisplayName) ? t(...spaceDisplayName) : spaceDisplayName}
-        </TreeItem.Heading>
-        {nBoundMembers > 0 && (
-          <Tooltip.Root>
-            <Tooltip.Trigger asChild>
-              <Tag palette='info' aria-label={t('bound members message', { count: nBoundMembers })}>
-                {nBoundMembers}
-              </Tag>
-            </Tooltip.Trigger>
-            <Tooltip.Portal>
-              <Tooltip.Content side='bottom'>
-                <Tooltip.Arrow />
-                {t('bound members message', { count: nBoundMembers })}
-              </Tooltip.Content>
-            </Tooltip.Portal>
-          </Tooltip.Root>
-        )}
-        <Button disabled={selected} density='fine' classNames='shrink-0' onClick={() => setSpace(space)}>
-          {t(selected ? 'selected label' : 'select label')}
-        </Button>
-      </div>
-      <TreeItem.Body className='pis-4'>
-        {hasDocuments && (
-          <Tree.Branch>
-            {documents.map((document) => (
-              <DocumentTreeItem key={document.id} document={document} />
-            ))}
-          </Tree.Branch>
-        )}
-      </TreeItem.Body>
-    </TreeItem.Root>
-  );
-};

package/src/components/GithubEchoResolverProviders/index.ts

@@ -1,6 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-export * from './ResolverDialog';
-export * from './ResolverContext';

package/src/components/GithubEchoResolverProviders/spaceResolvers.ts

@@ -1,86 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import get from 'lodash.get';
-import update from 'lodash.update';
-
-import { type Space } from '@dxos/react-client/echo';
-
-// todo(thure): Why is the value that gets set in `ghBind` always undefined by the time this is called?
-const ghMatch = (space: Space, identityHex: string, id: string): boolean => {
-  const [ghOwner, ghRepo, ..._ghEtc] = id.split('/');
-  return get(space.properties, ['members', identityHex, 'github', 'repos'], []).includes(`${ghOwner}/${ghRepo}`);
-};
-
-export const matchSpace = (space: Space, identityHex: string, source?: string, id?: string) => {
-  if (!id) {
-    return false;
-  }
-  switch (source) {
-    case 'github.com':
-      return ghMatch(space, identityHex, id);
-    default:
-      return false;
-  }
-};
-
-// todo(thure): Why does the new space.properties value not propagate?
-const ghBind = (space: Space, identityHex: string, id: string): string[] => {
-  const [ghOwner, ghRepo, ..._ghEtc] = id.split('/');
-  update(space.properties, ['members', identityHex, 'github', 'repos'], (ghBindings) => {
-    return [...(ghBindings ?? []), `${ghOwner}/${ghRepo}`];
-  });
-  return space.properties.members?.[identityHex]?.github?.repos ?? [];
-};
-
-export const bindSpace = (space: Space, identityHex: string, source: string, id: string): string[] => {
-  switch (source) {
-    case 'github.com':
-      return ghBind(space, identityHex, id);
-    default:
-      return [];
-  }
-};
-const ghUnbind = (space: Space, identityHex: string, id: string): string[] => {
-  const [ghOwner, ghRepo, ..._ghEtc] = id.split('/');
-  update(space.properties, ['members', identityHex, 'github', 'repos'], (ghBindings) => {
-    const index = ghBindings.indexOf(`${ghOwner}/${ghRepo}`);
-    if (index >= 0) {
-      const result = [...ghBindings];
-      result.splice(index, 1);
-      return result;
-    } else {
-      return ghBindings;
-    }
-  });
-  return space.properties.members?.[identityHex]?.github?.repos ?? [];
-};
-
-export const unbindSpace = (space: Space, identityHex: string, source: string, id: string): string[] => {
-  switch (source) {
-    case 'github.com':
-      return ghUnbind(space, identityHex, id);
-    default:
-      return [];
-  }
-};
-
-const ghDisplayName = (id: string): string => {
-  const [ghOwner, ghRepo, ghResource, ...etc] = id.split('/');
-  switch (ghResource) {
-    case 'issues':
-      return `${ghOwner}/${ghRepo} #${etc[0]}`;
-    default:
-      return `${ghOwner}/${ghRepo} ${[ghResource, ...etc].join('/')}`;
-  }
-};
-
-export const displayName = (source: string, id: string): string => {
-  switch (source) {
-    case 'github.com':
-      return ghDisplayName(id);
-    default:
-      return id;
-  }
-};

package/src/components/ImportDialog.tsx

@@ -1,72 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import React, { useCallback } from 'react';
-
-import { log } from '@dxos/log';
-import { Button, Dialog, useTranslation } from '@dxos/react-ui';
-
-import { useOctokitContext } from './GithubApiProviders';
-import { GITHUB_PLUGIN } from '../meta';
-import type { GhFileIdentifier, GhIdentifier, GhIssueIdentifier } from '../types';
-
-export const ImportDialog = ({ docGhId, onUpdate }: { docGhId: GhIdentifier; onUpdate: (content: string) => void }) => {
-  const { t } = useTranslation(GITHUB_PLUGIN);
-  const { octokit } = useOctokitContext();
-
-  const importGhIssueContent = useCallback(async () => {
-    if (octokit && docGhId && 'issueNumber') {
-      try {
-        const { owner, repo, issueNumber } = docGhId as GhIssueIdentifier;
-        const { data } = await octokit.rest.issues.get({ owner, repo, issue_number: issueNumber });
-        onUpdate(data.body ?? '');
-      } catch (err) {
-        log.error('Failed to import from Github issue', err);
-      }
-    } else {
-      log.error('Not prepared to import from Github issue when requested.');
-    }
-  }, [octokit, docGhId]);
-
-  const importGhFileContent = useCallback(async () => {
-    if (octokit && docGhId && 'path' in docGhId) {
-      try {
-        const { owner, repo, path } = docGhId as GhFileIdentifier;
-        const { data } = await octokit.rest.repos.getContent({ owner, repo, path });
-        if (!Array.isArray(data) && data.type === 'file') {
-          onUpdate(atob(data.content));
-        } else {
-          log.error('Did not receive file with content from Github.');
-        }
-      } catch (err) {
-        log.error('Failed to import from Github file', err);
-      }
-    } else {
-      log.error('Not prepared to import from Github file when requested.');
-    }
-  }, [octokit, docGhId]);
-
-  const handleGhImport = useCallback(() => {
-    return (
-      docGhId && ('issueNumber' in docGhId ? importGhIssueContent() : 'path' in docGhId ? importGhFileContent() : null)
-    );
-  }, [importGhIssueContent, importGhFileContent, docGhId]);
-
-  return (
-    <Dialog.Content>
-      <Dialog.Title>{t('confirm import title')}</Dialog.Title>
-      <p className='plb-2'>{t('confirm import body')}</p>
-      <div role='none' className='flex justify-end gap-2'>
-        <Dialog.Close asChild>
-          <Button>{t('cancel label', { ns: 'appkit' })}</Button>
-        </Dialog.Close>
-        <Dialog.Close asChild>
-          <Button variant='primary' onClick={handleGhImport}>
-            {t('import from github label')}
-          </Button>
-        </Dialog.Close>
-      </div>
-    </Dialog.Content>
-  );
-};

package/src/components/Issue.tsx

@@ -1,62 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import { type IconWeight, IconBase, type IconProps } from '@phosphor-icons/react';
-import React, { forwardRef, type ReactElement } from 'react';
-
-// TODO(wittjosiah): This is a workaround until we have utilities to compose icons.
-//   This is a combination of the Circle and Dot icons.
-
-const weights = new Map<IconWeight, ReactElement>([
-  [
-    'bold',
-    <>
-      <path d='M128,20A108,108,0,1,0,236,128,108.12,108.12,0,0,0,128,20Zm0,192a84,84,0,1,1,84-84A84.09,84.09,0,0,1,128,212Z' />
-      <path d='M144,128a16,16,0,1,1-16-16A16,16,0,0,1,144,128Z' />
-    </>,
-  ],
-  [
-    'duotone',
-    <>
-      <path d='M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z' opacity='0.2' />
-      <path d='M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Z' />
-      <path d='M176,128a48,48,0,1,1-48-48A48,48,0,0,1,176,128Z' opacity='0.2' />
-      <path d='M140,128a12,12,0,1,1-12-12A12,12,0,0,1,140,128Z' />
-    </>,
-  ],
-  [
-    'fill',
-    <>
-      <path d='M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Z' />
-      <path d='M128,80a48,48,0,1,0,48,48A48,48,0,0,0,128,80Zm0,60a12,12,0,1,1,12-12A12,12,0,0,1,128,140Z' />
-    </>,
-  ],
-  [
-    'light',
-    <>
-      <path d='M128,26A102,102,0,1,0,230,128,102.12,102.12,0,0,0,128,26Zm0,192a90,90,0,1,1,90-90A90.1,90.1,0,0,1,128,218Z' />
-      <path d='M138,128a10,10,0,1,1-10-10A10,10,0,0,1,138,128Z' />
-    </>,
-  ],
-  [
-    'regular',
-    <>
-      <path d='M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Z' />
-      <path d='M140,128a12,12,0,1,1-12-12A12,12,0,0,1,140,128Z' />
-    </>,
-  ],
-  [
-    'thin',
-    <>
-      <path d='M128,28A100,100,0,1,0,228,128,100.11,100.11,0,0,0,128,28Zm0,192a92,92,0,1,1,92-92A92.1,92.1,0,0,1,128,220Z' />
-      <path d='M136,128a8,8,0,1,1-8-8A8,8,0,0,1,136,128Z' />
-    </>,
-  ],
-]);
-
-const Issue = forwardRef<SVGSVGElement, IconProps>((props, ref) => <IconBase ref={ref} {...props} weights={weights} />);
-
-Issue.displayName = 'Issue';
-
-export { Issue };

package/src/components/Loading/Loading.stories.tsx

@@ -1,32 +0,0 @@
-//
-// Copyright 2022 DXOS.org
-//
-
-import '@dxos-theme';
-
-import { type Meta } from '@storybook/react';
-
-import { Loading } from './Loading';
-
-export const Default = { args: { label: 'Loading', size: 'md', color: 'primary' } };
-export const Small = { args: { ...Default.args, size: 'sm' } };
-export const Neutral = { args: { ...Default.args, color: 'neutral' } };
-export const Large = { args: { ...Default.args, size: 'lg' } };
-export const ExtraLarge = { args: { ...Default.args, size: 'xl' } };
-
-const meta: Meta = {
-  title: 'plugins/plugin-github/Loading',
-  component: Loading,
-  argTypes: {
-    size: {
-      control: 'select',
-      options: ['sm', 'md', 'lg', 'xl'],
-    },
-    color: {
-      control: 'select',
-      options: ['primary', 'neutral'],
-    },
-  },
-};
-
-export default meta;

package/src/components/Loading/Loading.tsx

@@ -1,70 +0,0 @@
-//
-// Copyright 2022 DXOS.org
-//
-
-import React, { type ComponentProps } from 'react';
-
-import { useId } from '@dxos/react-ui';
-import { mx } from '@dxos/react-ui-theme';
-
-export type LoadingSize = 'sm' | 'md' | 'lg' | 'xl';
-
-export type LoadingColor = 'primary' | 'neutral';
-
-export interface LoadingSlots {
-  root?: Omit<ComponentProps<'div'>, 'children'>;
-  svg?: Pick<ComponentProps<'svg'>, 'className'>;
-}
-
-export interface LoadingProps {
-  label: string;
-  size?: LoadingSize;
-  color?: LoadingColor;
-  slots?: LoadingSlots;
-}
-
-const sizeMap = new Map<LoadingSize, string>([
-  ['sm', 'w-4 h-4'],
-  ['md', 'w-8 h-8'],
-  ['lg', 'w-12 h-12'],
-  ['xl', 'w-16 h-16'],
-]);
-
-// TODO(wittjosiah): Factor out.
-export const Loading = ({ size, color, label, slots = {} }: LoadingProps) => {
-  const labelId = useId('loading-label');
-  const sizeClassName = sizeMap.get(size ?? 'md');
-  return (
-    <div
-      {...slots.root}
-      className={mx('flex justify-center p-4', slots.root?.className)}
-      role='status'
-      aria-labelledby={labelId}
-    >
-      <svg
-        role='none'
-        className={mx(
-          sizeClassName,
-          'text-neutral-200/50 animate-spin dark:text-neutral-600/50',
-          color === 'neutral' ? 'fill-neutral-400' : 'fill-primary-400',
-          slots.svg?.className,
-        )}
-        viewBox='0 0 100 101'
-        fill='none'
-        xmlns='http://www.w3.org/2000/svg'
-      >
-        <path
-          d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z'
-          fill='currentColor'
-        />
-        <path
-          d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z'
-          fill='currentFill'
-        />
-      </svg>
-      <span className='sr-only' id={labelId}>
-        {label}
-      </span>
-    </div>
-  );
-};

package/src/components/Loading/index.ts

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

package/src/components/MarkdownActions.tsx

@@ -1,136 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import { ArrowSquareOut, FileArrowDown, FileArrowUp, Link, LinkBreak } from '@phosphor-icons/react';
-import React, { useCallback } from 'react';
-
-import { LayoutAction, useIntent } from '@dxos/app-framework';
-import { log } from '@dxos/log';
-import { type MarkdownProperties } from '@dxos/plugin-markdown';
-import { getMeta } from '@dxos/react-client/echo';
-import { DropdownMenu, useTranslation } from '@dxos/react-ui';
-import { getSize } from '@dxos/react-ui-theme';
-
-import { useOctokitContext } from './GithubApiProviders';
-import { useDocGhId } from '../hooks';
-import { GITHUB_PLUGIN } from '../meta';
-import { type GhIssueIdentifier } from '../types';
-
-// TODO(burdon): Requires test; very likely out of date.
-// TODO(burdon): Where do "properties" come from? Is this the graph node datum?
-export const MarkdownActions = ({ content, properties }: { content: string; properties: MarkdownProperties }) => {
-  // TODO(burdon): Ad hoc assumption that underlying object is ECHO?
-  const ghId = getMeta(properties)?.keys?.find((key) => key.source === 'github.com')?.id;
-  const { octokit } = useOctokitContext();
-  const { t } = useTranslation(GITHUB_PLUGIN);
-  const { dispatch } = useIntent();
-
-  const docGhId = useDocGhId(properties.__meta?.keys ?? []);
-
-  const updateIssueContent = useCallback(() => {
-    const { owner, repo, issueNumber } = docGhId as GhIssueIdentifier;
-    return octokit!.rest.issues.update({
-      owner,
-      repo,
-      issue_number: issueNumber,
-      body: content,
-    });
-  }, [octokit, docGhId, content]);
-
-  const exportGhIssueContent = useCallback(async () => {
-    if (octokit && docGhId && 'issueNumber' in docGhId && content) {
-      try {
-        const {
-          data: { html_url: issueUrl },
-        } = await updateIssueContent();
-        await dispatch({
-          action: LayoutAction.SET_LAYOUT,
-          data: {
-            element: 'dialog',
-            component: 'dxos.org/plugin/github/ExportDialog',
-            subject: { type: 'response', target: issueUrl, docGhId, content },
-          },
-        });
-      } catch (err) {
-        log.error('Failed to export to Github issue');
-      }
-    } else {
-      log.error('Not prepared to export to Github issue when requested.');
-    }
-  }, [octokit, docGhId, content]);
-
-  const handleGhExport = useCallback(() => {
-    if ('issueNumber' in docGhId!) {
-      void exportGhIssueContent();
-    } else if ('path' in docGhId!) {
-      void dispatch({
-        action: LayoutAction.SET_LAYOUT,
-        data: {
-          element: 'dialog',
-          component: 'dxos.org/plugin/github/ExportDialog',
-          subject: { type: 'create-pr', content, docGhId },
-        },
-      });
-    }
-  }, [exportGhIssueContent, docGhId]);
-
-  return (
-    <>
-      <DropdownMenu.GroupLabel>{t('markdown actions label')}</DropdownMenu.GroupLabel>
-      {docGhId ? (
-        <>
-          <DropdownMenu.Item
-            classNames='gap-2'
-            disabled={!docGhId}
-            onClick={() =>
-              // TODO(burdon): Intent should return content value from dialog.
-              dispatch({
-                action: LayoutAction.SET_LAYOUT,
-                data: { element: 'dialog', component: 'dxos.org/plugin/github/ImportDialog', subject: { docGhId } },
-              })
-            }
-          >
-            <FileArrowDown className={getSize(4)} />
-            <span className='grow'>{t('import from github label')}</span>
-          </DropdownMenu.Item>
-          <DropdownMenu.Item classNames='gap-2' disabled={!docGhId} onClick={() => docGhId && handleGhExport()}>
-            <FileArrowUp className={getSize(4)} />
-            <span className='grow'>{t('export to github label')}</span>
-          </DropdownMenu.Item>
-          <DropdownMenu.Item asChild classNames='gap-2' disabled={!ghId}>
-            <a
-              {...(ghId ? { href: `https://github.com/${ghId}`, target: '_blank', rel: 'noreferrer' } : { href: '#' })}
-            >
-              <ArrowSquareOut className={getSize(4)} />
-              <span className='grow'>{t('open in github label')}</span>
-            </a>
-          </DropdownMenu.Item>
-          <DropdownMenu.Item
-            classNames='gap-2'
-            onClick={() => {
-              const index = getMeta(properties)?.keys?.findIndex((key) => key.source === 'github.com');
-              typeof index !== 'undefined' && index >= 0 && properties.__meta?.keys?.splice(index, 1);
-            }}
-          >
-            <LinkBreak className={getSize(4)} />
-            <span className='grow'>{t('unbind to file in github label')}</span>
-          </DropdownMenu.Item>
-        </>
-      ) : (
-        <DropdownMenu.Item
-          classNames='gap-2'
-          onClick={() =>
-            dispatch({
-              action: LayoutAction.SET_LAYOUT,
-              data: { element: 'dialog', component: 'dxos.org/plugin/github/BindDialog', subject: properties },
-            })
-          }
-        >
-          <Link className={getSize(4)} />
-          <span className='grow'>{t('bind to file in github label')}</span>
-        </DropdownMenu.Item>
-      )}
-    </>
-  );
-};