@dxos/plugin-debug 0.10.0 → 0.11.1

package/src/containers/GithubPanel/GithubComponent.tsx

@@ -1,192 +0,0 @@
-//
-// Copyright 2026 DXOS.org
-//
-
-import React, { type ReactNode, createContext, useContext, useEffect, useState } from 'react';
-
-import { IconButton, ScrollArea, useTranslation } from '@dxos/react-ui';
-
-import { meta } from '#meta';
-
-const DEFAULT_REPO = 'dxos/dxos';
-const DEFAULT_LIMIT = 20;
-
-type GithubUser = {
-  login: string;
-  avatar_url: string;
-  html_url: string;
-};
-
-type GithubPullRequest = {
-  number: number;
-  title: string;
-  html_url: string;
-  merged_at: string | null;
-  user: GithubUser;
-};
-
-type ComponentContextValue = {
-  repo: string;
-  pulls: GithubPullRequest[];
-  unavailable: boolean;
-};
-
-const ComponentContext = createContext<ComponentContextValue | null>(null);
-
-const useComponentContext = () => {
-  const ctx = useContext(ComponentContext);
-  if (!ctx) {
-    throw new Error('GithubComponent.* parts must be rendered inside GithubComponent.Root.');
-  }
-  return ctx;
-};
-
-export type GithubComponentRootProps = {
-  /** `<owner>/<name>`. Defaults to `dxos/dxos`. */
-  repo?: string;
-  /** Maximum number of merged PRs to fetch. */
-  limit?: number;
-  children?: ReactNode;
-};
-
-const Root = ({ repo = DEFAULT_REPO, limit = DEFAULT_LIMIT, children }: GithubComponentRootProps) => {
-  const [pulls, setPulls] = useState<GithubPullRequest[]>([]);
-  const [unavailable, setUnavailable] = useState(false);
-
-  useEffect(() => {
-    const controller = new AbortController();
-    setPulls([]);
-    setUnavailable(false);
-    void (async () => {
-      try {
-        const url = new URL(`https://api.github.com/repos/${repo}/pulls`);
-        url.searchParams.set('state', 'closed');
-        url.searchParams.set('sort', 'updated');
-        url.searchParams.set('direction', 'desc');
-        url.searchParams.set('per_page', String(limit * 2));
-        const response = await fetch(url.toString(), {
-          signal: controller.signal,
-          headers: { Accept: 'application/vnd.github+json' },
-        });
-        if (!response.ok) {
-          setUnavailable(true);
-          return;
-        }
-        const items = (await response.json()) as GithubPullRequest[];
-        setPulls(items.filter((pull) => pull.merged_at !== null).slice(0, limit));
-        setUnavailable(false);
-      } catch {
-        if (controller.signal.aborted) {
-          return;
-        }
-        setPulls([]);
-        setUnavailable(true);
-      }
-    })();
-    return () => controller.abort();
-  }, [repo, limit]);
-
-  return <ComponentContext.Provider value={{ repo, pulls, unavailable }}>{children}</ComponentContext.Provider>;
-};
-
-const Header = () => {
-  const { t } = useTranslation(meta.profile.key);
-  const { repo, pulls, unavailable } = useComponentContext();
-  return (
-    <header className='flex items-center justify-between gap-1 px-4 py-3 bg-modal-surface border-b border-subdued-separator'>
-      <a
-        href={`https://github.com/${repo}`}
-        target='_blank'
-        rel='noopener noreferrer'
-        className='text-sm font-medium truncate'
-      >
-        @{repo}
-      </a>
-      <div className='text-xs text-description'>
-        {unavailable
-          ? t('github-unavailable.message')
-          : pulls.length > 0
-            ? t('recent-prs.label', { count: pulls.length })
-            : t('github-loading.message')}
-      </div>
-    </header>
-  );
-};
-
-const RELATIVE_UNITS: Array<[Intl.RelativeTimeFormatUnit, number]> = [
-  ['year', 60 * 60 * 24 * 365],
-  ['month', 60 * 60 * 24 * 30],
-  ['week', 60 * 60 * 24 * 7],
-  ['day', 60 * 60 * 24],
-  ['hour', 60 * 60],
-  ['minute', 60],
-];
-
-const formatRelative = (iso: string): string => {
-  const formatter = new Intl.RelativeTimeFormat(undefined, { numeric: 'auto' });
-  const diffSeconds = (Date.parse(iso) - Date.now()) / 1000;
-  const absDiff = Math.abs(diffSeconds);
-  for (const [unit, secondsInUnit] of RELATIVE_UNITS) {
-    if (absDiff >= secondsInUnit) {
-      return formatter.format(Math.round(diffSeconds / secondsInUnit), unit);
-    }
-  }
-  return formatter.format(Math.round(diffSeconds), 'second');
-};
-
-const PullRow = ({ pull }: { pull: GithubPullRequest }) => (
-  <li>
-    <a
-      href={pull.html_url}
-      target='_blank'
-      rel='noopener noreferrer'
-      className='flex items-start gap-2 px-2 py-1 rounded-sm hover:bg-hover-surface'
-    >
-      <img src={pull.user.avatar_url} alt='' className='w-6 h-6 rounded-full shrink-0 mt-0.5' />
-      <div className='flex flex-col min-w-0 flex-1'>
-        <span className='text-sm truncate'>{pull.title}</span>
-        <span className='text-xs text-description truncate'>
-          #{pull.number} · {pull.user.login} · {pull.merged_at ? formatRelative(pull.merged_at) : ''}
-        </span>
-      </div>
-    </a>
-  </li>
-);
-
-const Content = () => {
-  const { pulls } = useComponentContext();
-  return (
-    <ScrollArea.Root orientation='vertical'>
-      <ScrollArea.Viewport>
-        <ul className='flex flex-col p-1'>
-          {pulls.map((pull) => (
-            <PullRow key={pull.number} pull={pull} />
-          ))}
-        </ul>
-      </ScrollArea.Viewport>
-    </ScrollArea.Root>
-  );
-};
-
-const StatusBar = () => {
-  const { t } = useTranslation(meta.profile.key);
-  const { repo } = useComponentContext();
-  return (
-    <IconButton
-      icon='ph--github-logo--regular'
-      label={t('view-on-github.button')}
-      variant='primary'
-      classNames='w-full'
-      onClick={() => {
-        window.open(`https://github.com/${repo}`, '_blank', 'noopener,noreferrer');
-      }}
-    />
-  );
-};
-
-export const GithubComponent = {
-  Root,
-  Header,
-  Content,
-  StatusBar,
-};

package/src/containers/GithubPanel/GithubPanel.tsx

@@ -1,17 +0,0 @@
-//
-// Copyright 2026 DXOS.org
-//
-
-import React from 'react';
-
-import { GithubComponent } from './GithubComponent';
-
-export const GithubPanel = () => (
-  <GithubComponent.Root>
-    <div className='h-full grid grid-rows-[auto_minmax(0,1fr)_auto] overflow-hidden h-full is-full'>
-      <GithubComponent.Header />
-      <GithubComponent.Content />
-      <GithubComponent.StatusBar />
-    </div>
-  </GithubComponent.Root>
-);

package/src/containers/GithubPanel/index.ts

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

package/src/containers/RegistryPanel/RegistryPanel.tsx

@@ -1,150 +0,0 @@
-//
-// Copyright 2026 DXOS.org
-//
-
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
-
-import { Operation } from '@dxos/compute';
-import { JsonView, PanelContainer, Placeholder, Searchbar } from '@dxos/devtools';
-import { Entity, Format, Obj, Type } from '@dxos/echo';
-import { useClient } from '@dxos/react-client';
-import { Toolbar } from '@dxos/react-ui';
-import { DynamicTable, type TableFeatures } from '@dxos/react-ui-table';
-import { mx } from '@dxos/ui-theme';
-
-type RegistryRow = {
-  id: string;
-  kind: string;
-  label: string;
-  _entity: Entity.Unknown;
-};
-
-const textFilter = (text?: string) => {
-  if (!text) {
-    return () => true;
-  }
-
-  const matcher = new RegExp(text, 'i');
-  return (entity: Entity.Unknown) => {
-    const typename = Entity.getTypename(entity) ?? '';
-    const metaKey = Obj.isObject(entity) ? (Obj.getMeta(entity).key ?? '') : '';
-    const uri = Type.isType(entity) ? (Type.getURI(entity)?.toString() ?? '') : '';
-    const operationKey =
-      Obj.isObject(entity) && Obj.instanceOf(Operation.PersistentOperation, entity)
-        ? (Operation.getKey(entity) ?? '')
-        : '';
-    const name = Obj.isObject(entity) && Obj.instanceOf(Operation.PersistentOperation, entity) ? entity.name : '';
-    return [typename, metaKey, uri, operationKey, name, getEntityId(entity)].some((value) => value.match(matcher));
-  };
-};
-
-const getEntityId = (entity: Entity.Unknown): string => {
-  if (entity.id) {
-    return entity.id;
-  }
-  if (Type.isType(entity)) {
-    return Type.getURI(entity)?.toString() ?? Type.getTypename(entity) ?? 'unknown-type';
-  }
-  return Entity.getTypename(entity) ?? 'unknown';
-};
-
-const getKind = (entity: Entity.Unknown): string => {
-  if (Type.isType(entity)) {
-    return 'type';
-  }
-  if (Obj.isObject(entity) && Obj.instanceOf(Operation.PersistentOperation, entity)) {
-    return 'operation';
-  }
-  return 'other';
-};
-
-const getLabel = (entity: Entity.Unknown): string => {
-  if (Obj.isObject(entity) && Obj.instanceOf(Operation.PersistentOperation, entity)) {
-    return entity.name || Operation.getKey(entity) || getEntityId(entity);
-  }
-  if (Type.isType(entity)) {
-    return Type.getTypename(entity) ?? getEntityId(entity);
-  }
-  return getEntityId(entity);
-};
-
-const toDetailJson = (entity: Entity.Unknown): object => {
-  if (Type.isType(entity)) {
-    return {
-      id: getEntityId(entity),
-      typename: Type.getTypename(entity),
-      uri: Type.getURI(entity)?.toString(),
-      version: Type.getVersion(entity),
-      jsonSchema: entity.jsonSchema,
-    };
-  }
-  if (Obj.isObject(entity)) {
-    return Obj.toJSON(entity);
-  }
-  return { id: getEntityId(entity), typename: Entity.getTypename(entity) };
-};
-
-export const RegistryPanel = () => {
-  const client = useClient();
-  const [entities, setEntities] = useState<Entity.Unknown[]>([]);
-  const [filter, setFilter] = useState('');
-  const [selected, setSelected] = useState<Entity.Unknown>();
-
-  useEffect(() => {
-    const registry = client.graph.registry;
-    const refresh = () => setEntities([...registry.list()]);
-    refresh();
-    return registry.changed.on(refresh);
-  }, [client]);
-
-  const properties = useMemo(
-    () => [
-      { name: 'kind', format: Format.TypeFormat.String, size: 100 },
-      { name: 'label', format: Format.TypeFormat.String },
-      { name: 'id', format: Format.TypeFormat.String, size: 280 },
-    ],
-    [],
-  );
-
-  const rows = useMemo((): RegistryRow[] => {
-    return entities
-      .filter(textFilter(filter))
-      .map((entity) => ({
-        id: getEntityId(entity),
-        kind: getKind(entity),
-        label: getLabel(entity),
-        _entity: entity,
-      }))
-      .toSorted((left, right) => left.label.localeCompare(right.label));
-  }, [entities, filter]);
-
-  const handleRowClicked = useCallback((row: RegistryRow | undefined) => {
-    if (!row?._entity) {
-      return;
-    }
-    setSelected(row._entity);
-  }, []);
-
-  const detailJson = useMemo(() => (selected ? toDetailJson(selected) : undefined), [selected]);
-
-  const features: Partial<TableFeatures> = useMemo(() => ({ selection: { enabled: true, mode: 'single' } }), []);
-
-  return (
-    <PanelContainer
-      toolbar={
-        <Toolbar.Root>
-          <Searchbar placeholder='Filter...' onChange={setFilter} />
-        </Toolbar.Root>
-      }
-    >
-      <div className={mx('h-full grid grid-cols-[2fr_1fr] overflow-hidden')}>
-        <div className={mx('flex flex-col min-h-0 overflow-hidden')}>
-          <DynamicTable properties={properties} rows={rows} features={features} onRowClick={handleRowClicked} />
-        </div>
-        <div className={mx('min-h-0 h-full overflow-auto border-s border-separator text-sm')}>
-          {detailJson ? <JsonView data={detailJson} /> : <Placeholder label='Details' />}
-        </div>
-      </div>
-    </PanelContainer>
-  );
-};

package/src/containers/RegistryPanel/index.ts

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

package/src/types/Devtools.ts

@@ -1,73 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-// @import-as-namespace
-
-import { meta } from '#meta';
-
-/**
- * Extracts the last dot-separated segment of a Devtools namespaced ID string.
- * Use this as the node segment `id` when building app-graph nodes whose `data`
- * value is one of the other constants in this namespace.
- */
-export const nodeId = (fullId: string): string => fullId.split('.').at(-1) ?? '';
-
-const devtoolsId = `${meta.profile.key}.devtools`;
-
-export const id = devtoolsId;
-export const AppGraph = `${devtoolsId}.appGraph`;
-export const Debug = `${devtoolsId}.debug`;
-export const ToolsExplorer = `${devtoolsId}.toolsExplorer`;
-
-export namespace Client {
-  export const id = `${devtoolsId}.client`;
-  export const Config = `${Client.id}.config`;
-  export const Storage = `${Client.id}.storage`;
-  export const Sqlite = `${Client.id}.sqlite`;
-  export const Logs = `${Client.id}.logs`;
-  export const Diagnostics = `${Client.id}.diagnostics`;
-}
-
-export namespace Halo {
-  export const id = `${devtoolsId}.halo`;
-  export const Identity = `${Halo.id}.identity`;
-  export const Devices = `${Halo.id}.devices`;
-  export const Keyring = `${Halo.id}.keyring`;
-  export const Credentials = `${Halo.id}.credentials`;
-}
-
-export namespace Echo {
-  export const id = `${devtoolsId}.echo`;
-  export const Spaces = `${Echo.id}.spaces`;
-  export const Space = `${Echo.id}.space`;
-  export const Feeds = `${Echo.id}.feeds`;
-  export const Objects = `${Echo.id}.objects`;
-  export const Schema = `${Echo.id}.schema`;
-  export const Registry = `${Echo.id}.registry`;
-  export const Automerge = `${Echo.id}.automerge`;
-  export const Queues = `${Echo.id}.queues`;
-  export const Members = `${Echo.id}.members`;
-  export const Metadata = `${Echo.id}.metadata`;
-}
-
-export namespace Mesh {
-  export const id = `${devtoolsId}.mesh`;
-  export const Signal = `${Mesh.id}.signal`;
-  export const Swarm = `${Mesh.id}.swarm`;
-  export const Network = `${Mesh.id}.network`;
-}
-
-export namespace Agent {
-  export const id = `${devtoolsId}.agent`;
-  export const Dashboard = `${Agent.id}.dashboard`;
-  export const Search = `${Agent.id}.search`;
-}
-
-export namespace Edge {
-  export const id = `${devtoolsId}.edge`;
-  export const Dashboard = `${Edge.id}.dashboard`;
-  export const Workflows = `${Edge.id}.workflows`;
-  export const Traces = `${Edge.id}.traces`;
-  export const Testing = `${Edge.id}.testing`;
-}

package/src/types/surface.ts

@@ -1,10 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { Surface } from '@dxos/app-framework/ui';
-
-/** Slot for the devtools-overview sub-surface inside the debug panel. */
-export const DevtoolsOverview: Surface.RoleToken<Record<string, unknown>> = Surface.makeType(
-  'org.dxos.plugin.debug.role.devtoolsOverview',
-);