@dxos/plugin-devtools 0.10.0 → 0.11.0

package/dist/lib/neutral/RegistryPanel-CVETZUZV.mjs

@@ -1,162 +0,0 @@
-import "./chunk-J5LGTIGS.mjs";
-
-// src/containers/RegistryPanel/RegistryPanel.tsx
-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 } from "@dxos/react-ui-table";
-import { mx } from "@dxos/ui-theme";
-var textFilter = (text) => {
-  if (!text) {
-    return () => true;
-  }
-  const matcher = new RegExp(text, "i");
-  return (entity) => {
-    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));
-  };
-};
-var getEntityId = (entity) => {
-  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";
-};
-var getKind = (entity) => {
-  if (Type.isType(entity)) {
-    return "type";
-  }
-  if (Obj.isObject(entity) && Obj.instanceOf(Operation.PersistentOperation, entity)) {
-    return "operation";
-  }
-  return "other";
-};
-var getLabel = (entity) => {
-  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);
-};
-var toDetailJson = (entity) => {
-  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)
-  };
-};
-var RegistryPanel = () => {
-  const client = useClient();
-  const [entities, setEntities] = useState([]);
-  const [filter, setFilter] = useState("");
-  const [selected, setSelected] = useState();
-  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(() => {
-    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) => {
-    if (!row?._entity) {
-      return;
-    }
-    setSelected(row._entity);
-  }, []);
-  const detailJson = useMemo(() => selected ? toDetailJson(selected) : void 0, [
-    selected
-  ]);
-  const features = useMemo(() => ({
-    selection: {
-      enabled: true,
-      mode: "single"
-    }
-  }), []);
-  return /* @__PURE__ */ React.createElement(PanelContainer, {
-    toolbar: /* @__PURE__ */ React.createElement(Toolbar.Root, null, /* @__PURE__ */ React.createElement(Searchbar, {
-      placeholder: "Filter...",
-      onChange: setFilter
-    }))
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: mx("h-full grid grid-cols-[2fr_1fr] overflow-hidden")
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: mx("flex flex-col min-h-0 overflow-hidden")
-  }, /* @__PURE__ */ React.createElement(DynamicTable, {
-    properties,
-    rows,
-    features,
-    onRowClick: handleRowClicked
-  })), /* @__PURE__ */ React.createElement("div", {
-    className: mx("min-h-0 h-full overflow-auto border-s border-separator text-sm")
-  }, detailJson ? /* @__PURE__ */ React.createElement(JsonView, {
-    data: detailJson
-  }) : /* @__PURE__ */ React.createElement(Placeholder, {
-    label: "Details"
-  }))));
-};
-RegistryPanel.displayName = "RegistryPanel";
-export {
-  RegistryPanel,
-  RegistryPanel as default
-};
-//# sourceMappingURL=RegistryPanel-CVETZUZV.mjs.map

package/dist/lib/neutral/RegistryPanel-CVETZUZV.mjs.map

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