@dxos/plugin-explorer 0.8.0 → 0.8.1-main.013e445

package/dist/lib/browser/chunk-YQL7YE6N.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/Graph/graph-model.ts", "../../../src/components/Tree/Tree.tsx", "../../../src/components/Tree/layout/HierarchicalEdgeBundling.ts", "../../../src/components/Tree/layout/RadialTree.ts", "../../../src/components/Tree/layout/TidyTree.ts", "../../../src/components/Tree/types.ts", "../../../src/components/Graph/Graph.tsx"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type UnsubscribeCallback } from '@dxos/async';\nimport {\n  getSchema,\n  getSchemaDXN,\n  AST,\n  type EchoSchema,\n  ReferenceAnnotationId,\n  SchemaValidator,\n  StoredSchema,\n} from '@dxos/echo-schema';\nimport { type GraphData, GraphModel } from '@dxos/gem-spore';\nimport { log } from '@dxos/log';\nimport { CollectionType } from '@dxos/plugin-space/types';\nimport { Filter, type ReactiveEchoObject, type Space, type Subscription } from '@dxos/react-client/echo';\n\nexport type SpaceGraphModelOptions = {\n  schema?: boolean;\n};\n\ntype SchemaGraphNode = {\n  id: string;\n  type: 'schema';\n  data: { typename: string };\n};\n\ntype ObjectGraphNode = {\n  id: string;\n  type: 'object';\n  data: { typename: string; object: ReactiveEchoObject<any> };\n};\n\nexport type EchoGraphNode = SchemaGraphNode | ObjectGraphNode;\n\n/**\n * Converts ECHO objects to a graph.\n */\nexport class SpaceGraphModel extends GraphModel<EchoGraphNode> {\n  private readonly _graph: GraphData<EchoGraphNode> = {\n    nodes: [],\n    links: [],\n  };\n\n  private _schema?: EchoSchema[];\n  private _schemaSubscription?: UnsubscribeCallback;\n  private _objects?: ReactiveEchoObject<any>[];\n  private _objectsSubscription?: Subscription;\n\n  constructor(private readonly _options: SpaceGraphModelOptions = {}) {\n    super();\n  }\n\n  override get graph(): GraphData<EchoGraphNode> {\n    return this._graph;\n  }\n\n  get objects(): ReactiveEchoObject<any>[] {\n    return this._objects ?? [];\n  }\n\n  // TODO(burdon): Alternative diagram types:\n  // - https://observablehq.com/@d3/radial-tree/2\n  // - https://observablehq.com/@d3/disjoint-force-directed-graph/2\n  // - https://observablehq.com/@mbostock/tadpoles\n  // - https://observablehq.com/@d3/psr-b1919-21\n  // - https://vasturiano.github.io/react-force-graph/example/basic (3D)\n\n  async open(space: Space, objectId?: string) {\n    // TODO(burdon): Factor out graph builder to lib (use common/graph abstraction).\n    if (!this._schemaSubscription) {\n      // TODO(burdon): Normalize unsubscribe callbacks and merge handlers.\n      // TODO(burdon): Trigger initial subscription update.\n      // TODO(burdon): Normalize subscription cb for objects, schema, etc.\n\n      const schemaaQuery = space.db.schemaRegistry.query({});\n      const schemas = await schemaaQuery.run();\n      const onSchemaUpdate = ({ results }: { results: EchoSchema[] }) => (this._schema = results);\n      this._schemaSubscription = schemaaQuery.subscribe(onSchemaUpdate);\n      onSchemaUpdate({ results: schemas });\n\n      this._objectsSubscription = space.db\n        // TODO(burdon): ERROR: Cannot mix type and or filters.\n        .query(Filter.not(Filter.or(Filter.schema(StoredSchema), Filter.schema(CollectionType))))\n        .subscribe(\n          ({ objects }) => {\n            this._objects = objects;\n\n            // Merge with current nodes.\n            const currentNodes = this._graph.nodes;\n\n            this._graph.nodes = [];\n            this._graph.links = [];\n\n            const addSchema = (typename: string) => {\n              const current = currentNodes.find((node) => node.id === typename);\n              if (typename) {\n                this._graph.nodes.push({\n                  ...current,\n                  id: typename,\n                  type: 'schema',\n                  data: { typename },\n                });\n              }\n            };\n\n            // Runtime schema.\n            space.db.graph.schemaRegistry.schemas.forEach((schema) => {\n              const typename = getSchemaDXN(schema)?.toTypename();\n              if (typename) {\n                addSchema(typename);\n              }\n            });\n\n            // Database Schema.\n            this._schema?.forEach((schema) => {\n              const typename = getSchemaDXN(schema)?.toTypename();\n              if (typename) {\n                addSchema(typename);\n              }\n            });\n\n            // Database Objects.\n            this._objects.forEach((object) => {\n              const schema = getSchema(object);\n              if (schema) {\n                const typename = getSchemaDXN(schema)?.toTypename();\n                if (typename) {\n                  const current = currentNodes.find((node) => node.id === object.id);\n                  this._graph.nodes.push({ ...current, id: object.id, type: 'object', data: { typename, object } });\n\n                  // Link to schema.\n                  const schemaNode = this._graph.nodes.find(\n                    (node) => node.type === 'schema' && node.data.typename === typename,\n                  );\n                  if (schemaNode) {\n                    this._graph.links.push({\n                      id: `${object.id}-${schemaNode.id}`,\n                      source: object.id,\n                      target: schemaNode.id,\n                    });\n                  } else {\n                    log.info('schema node not found', { typename });\n                  }\n\n                  // Link ot refs.\n                  // TODO(burdon): This isn't working.\n                  AST.getPropertySignatures(schema.ast).forEach((prop) => {\n                    if (!SchemaValidator.hasTypeAnnotation(schema, prop.name.toString(), ReferenceAnnotationId)) {\n                      return;\n                    }\n\n                    const value = object[String(prop.name)];\n                    if (value) {\n                      const refs = Array.isArray(value) ? value : [value];\n                      for (const ref of refs) {\n                        if (objects.findIndex((obj) => obj.id === ref.id) !== -1) {\n                          this._graph.links.push({\n                            id: `${object.id}-${String(prop.name)}-${ref.id}`,\n                            source: object.id,\n                            target: ref.id,\n                          });\n                        }\n                      }\n                    }\n                  });\n                }\n              }\n            });\n\n            this.triggerUpdate();\n          },\n          { fire: true },\n        );\n    }\n\n    this.setSelected(objectId);\n    return this;\n  }\n\n  close() {\n    this._schemaSubscription?.();\n    this._schemaSubscription = undefined;\n    this._objectsSubscription?.();\n    this._objectsSubscription = undefined;\n\n    return this;\n  }\n}\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useEffect, useState } from 'react';\nimport { useResizeDetector } from 'react-resize-detector';\n\nimport { type Space } from '@dxos/client/echo';\nimport { createSvgContext, SVG, SVGRoot } from '@dxos/gem-core';\nimport { useAsyncState } from '@dxos/react-ui';\n\nimport { HierarchicalEdgeBundling, RadialTree, TidyTree } from './layout';\nimport { mapGraphToTreeData, type TreeNode } from './types';\nimport { SpaceGraphModel } from '../Graph';\n\n// TODO(burdon): Create dge bundling graph using d3.hierarchy.\n// https://observablehq.com/@d3/hierarchical-edge-bundling?intent=fork\n\ntype Renderer = (svg: SVGSVGElement, data: any, options: any) => void;\n\nexport type LayoutVariant = 'tidy' | 'radial' | 'edge';\n\n// TODO(burdon): Remove slots?\nexport type TreeLayoutSlots = {\n  node?: string;\n  path?: string;\n  text?: string;\n};\n\nexport type TreeOptions = {\n  label: (d: any) => string;\n\n  slots?: TreeLayoutSlots;\n  radius?: number;\n\n  width: number;\n  height: number;\n  margin?: number;\n\n  padding?: number;\n  // Radius of nodes.\n  r?: number;\n};\n\nexport const defaultTreeLayoutSlots: TreeLayoutSlots = {\n  node: 'fill-blue-600',\n  path: 'fill-none stroke-blue-400 stroke-[0.5px]',\n  text: 'stroke-[0.5px] stroke-neutral-700 text-xs', // TODO(burdon): Create box instead of halo.\n};\n\nconst renderers = new Map<LayoutVariant, Renderer>([\n  ['tidy', TidyTree],\n  ['radial', RadialTree],\n  ['edge', HierarchicalEdgeBundling],\n]);\n\nexport type TreeComponentProps<N = unknown> = {\n  space: Space;\n  selected?: string;\n  variant?: LayoutVariant;\n  onNodeClick?: (node?: N) => void;\n};\n\n// TODO(burdon): Label accessor.\nexport const Tree = <N,>({ space, selected, variant = 'tidy', onNodeClick }: TreeComponentProps<N>) => {\n  const [model] = useAsyncState(\n    async () => (space ? new SpaceGraphModel().open(space, selected) : undefined),\n    [space, selected],\n  );\n\n  const [tree, setTree] = useState<TreeNode>();\n  useEffect(() => {\n    return model?.subscribe(() => {\n      const tree = mapGraphToTreeData(model);\n      setTree(tree);\n    }, true);\n  }, [model]);\n\n  const context = createSvgContext();\n  const { ref, width = 0, height = 0 } = useResizeDetector();\n\n  useEffect(() => {\n    if (width && height) {\n      const size = Math.min(width, height);\n      const radius = size * 0.4;\n      const options = {\n        // TODO(burdon): Type.\n        label: (d: any) => d.label ?? d.id,\n        width,\n        height,\n        radius,\n        marginLeft: (width - radius * 2) / 2,\n        marginRight: (width - radius * 2) / 2,\n        marginTop: (height - radius * 2) / 2,\n        marginBottom: (height - radius * 2) / 2,\n        slots: defaultTreeLayoutSlots,\n      };\n\n      if (tree) {\n        const renderer = renderers.get(variant);\n        renderer?.(context.ref.current!, tree, options);\n      }\n    }\n  }, [tree, width, height]);\n\n  // TODO(burdon): Provider should expand.\n  return (\n    <div ref={ref} className='flex grow overflow-hidden' onClick={() => onNodeClick?.()}>\n      <SVGRoot context={context}>\n        <SVG />\n      </SVGRoot>\n    </div>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n// Copyright 2022 Observable, Inc.\n//\n\nimport * as d3 from 'd3';\nimport { type HierarchyNode } from 'd3-hierarchy';\n\nimport { type TreeOptions } from '../Tree';\nimport { type TreeNode } from '../types';\n\n// Create hierarchical ID.\n// eslint-disable-next-line unused-imports/no-unused-vars\nconst getId = (node: HierarchyNode<TreeNode>): string =>\n  `${node.parent ? getId(node.parent) + '/' : ''}${node.data.id.slice(0, 4)}`;\n\n// https://github.com/d3/d3-hierarchy\n// https://observablehq.com/@d3/hierarchical-edge-bundling?intent=fork\nconst HierarchicalEdgeBundling = (s: SVGSVGElement, data: TreeNode, options: TreeOptions) => {\n  const svg = d3.select(s);\n  svg.selectAll('*').remove();\n\n  const { radius = 600, padding = 100, slots } = options;\n\n  // https://d3js.org/d3-hierarchy/hierarchy\n  const root = d3.hierarchy(flatten(data));\n  // .sort((a, b) => d3.ascending(a.height, b.height) || d3.ascending(getName(a.data), getName(b.data)));\n\n  const tree = d3.cluster<TreeNode>().size([2 * Math.PI, radius - padding]);\n  const layout = tree(addLinks(root));\n\n  // eslint-disable-next-line unused-imports/no-unused-vars\n  const node = svg\n    .append('g')\n    .selectAll()\n    .data(layout.leaves())\n    .join('g')\n    .attr('transform', (d) => `rotate(${d.x * (180 / Math.PI) - 90}) translate(${d.y},0)`)\n    .append('text')\n    .attr('class', slots?.text ?? '')\n    .attr('dy', '0.31em') // TODO(burdon): Based on font size.\n    .attr('x', (d) => (d.x < Math.PI ? 6 : -6))\n    .attr('text-anchor', (d) => (d.x < Math.PI ? 'start' : 'end'))\n    .attr('transform', (d) => (d.x >= Math.PI ? 'rotate(180)' : null))\n    // .text((d: any) => d.data.id)\n    // .each(function (d: any) {\n    //   d.text = this;\n    // })\n    // .on('mouseover', overed)\n    // .on('mouseout', outed)\n    .call(\n      (text) => text.text((d: any) => d.data.id.slice(0, 8)),\n      // .text((d: any) => `${getId(d)} [${[(d as any).outgoing?.length ?? 0]}]`),\n    );\n\n  // https://d3js.org/d3-shape/radial-line\n  const line = d3\n    .lineRadial()\n    .curve(d3.curveBundle.beta(0.85))\n    .radius((d: any) => d.y)\n    .angle((d: any) => d.x);\n\n  // eslint-disable-next-line unused-imports/no-unused-vars\n  const links = svg\n    .append('g')\n    .selectAll()\n    .data(layout.leaves().flatMap((leaf: any) => leaf.outgoing))\n    .join('path')\n    .style('mix-blend-mode', 'multiply')\n    .attr('class', slots?.path ?? '')\n    .attr('d', ([i, o]) => {\n      return line(i.path(o));\n    })\n    .each(function (d) {\n      d.path = this;\n    });\n\n  // function overed(event: any, d: X) {\n  //   link.style('mix-blend-mode', null);\n  // d3.select(this).attr('font-weight', 'bold');\n  // d3.selectAll(d.incoming.map((d) => d.path))\n  //   .attr('stroke', color.in)\n  //   .raise();\n  // d3.selectAll((d as any).incoming.map(([d]) => d.text))\n  //   .attr('fill', color.in)\n  //   .attr('font-weight', 'bold');\n  // d3.selectAll(d.outgoing.map((d) => d.path))\n  //   .attr('stroke', color.out)\n  //   .raise();\n  // d3.selectAll(d.outgoing.map(([, d]) => d.text))\n  //   .attr('fill', color.out)\n  //   .attr('font-weight', 'bold');\n  // }\n\n  // function outed(event: any, d: HierarchyNode<Datum>) {\n  //   // @ts-ignore\n  //   d3.select(this).attr('font-weight', null);\n  //   d3.selectAll(d.incoming.map((d) => d.path)).attr('stroke', null);\n  //   d3.selectAll(d.incoming.map(([d]) => d.text))\n  //     .attr('fill', null)\n  //     .attr('font-weight', null);\n  //   d3.selectAll(d.outgoing.map((d) => d.path)).attr('stroke', null);\n  //   d3.selectAll(d.outgoing.map(([, d]) => d.text))\n  //     .attr('fill', null)\n  //     .attr('font-weight', null);\n  // }\n};\n\n// Monkey-patch with incoming/outgoing nodes.\nconst addLinks = (root: HierarchyNode<TreeNode>) => {\n  // Map of nodes indexed by ID.\n  const nodes = new Map(root.descendants().map((d) => [d.data.id, d]));\n  const parents = root.descendants().reduce((map, d) => {\n    if (d.children?.length) {\n      map.set(d.data.id, d);\n    }\n    return map;\n  }, new Map<string, HierarchyNode<TreeNode>>());\n\n  for (const d of root.leaves()) {\n    // (d as any).incoming = [];\n\n    const parent = parents.get(d.data.id);\n    if (parent) {\n      // Skip the first node which is a placeholder created by flatten().\n      (d as any).outgoing =\n        parent.data.children?.slice(1).map((child) => {\n          return [d, nodes.get(child.id)!];\n        }) ?? [];\n    } else {\n      (d as any).outgoing = [];\n    }\n  }\n\n  // for (const d of root.leaves()) {\n  //   for (const [_, o] of (d as any).outgoing) {\n  //     o.incoming.push(o);\n  //   }\n  // }\n\n  return root;\n};\n\n/**\n * We are using a hierarchy in order to group nodes by parent, but we want the parent\n * nodes to be positioned at the first level along with all descendents.\n * So we add a placeholder for all parents at the head of each group.\n * @param node\n */\nconst flatten = (node: TreeNode) => {\n  const clone: TreeNode = {\n    id: node.id,\n  };\n\n  // TODO(burdon): NOTE: Should exclude schema (since requires a tree).\n  if (node.children?.length) {\n    const children = node.children.map((child) => flatten(child));\n    clone.children = [{ id: node.id }, ...children];\n  }\n\n  return clone;\n};\n\nexport default HierarchicalEdgeBundling;\n", "//\n// Copyright 2023 DXOS.org\n// Copyright 2022 Observable, Inc.\n//\n\nimport * as d3 from 'd3';\n\nimport { type TreeOptions } from '../Tree';\n\n// Released under the ISC license.\n// https://observablehq.com/@d3/radial-tree\n// https://observablehq.com/@d3/tree\nconst RadialTree = (s: SVGSVGElement, data: any, options: TreeOptions) => {\n  const svg = d3.select(s);\n  svg.selectAll('*').remove();\n\n  const {\n    label, // given a node d, returns the display name\n    radius = 400,\n    r = 4, // radius of nodes\n    slots,\n  } = options;\n\n  const arc = 2 * Math.PI;\n\n  const root = d3.hierarchy(data);\n\n  // Sort the nodes.\n  // if (sort) {\n  //   root.sort(sort);\n  // }\n\n  // Compute labels and titles.\n  const descendants = root.descendants();\n  const getLabel = label === null ? null : descendants.map((d) => label(d.data));\n\n  // Compute the layout.\n  const layout = d3\n    .tree()\n    .size([arc, radius])\n    .separation((a: any, b: any) => (a.parent === b.parent ? 1 : 2) / a.depth);\n  layout(root);\n\n  // Links.\n  svg\n    .append('g')\n    .selectAll('path')\n    .data(root.links())\n    .join('path')\n    .attr('class', slots?.path ?? '')\n    .attr(\n      'd',\n      d3\n        .linkRadial()\n        .angle((d: any) => d.x + Math.PI / 2)\n        .radius((d: any) => d.y) as any,\n    );\n\n  // Nodes.\n  const node = svg\n    .append('g')\n    .selectAll('a')\n    .data(root.descendants())\n    .join('a')\n    // .attr('xlink:href', link == null ? null : (d) => link(d.data, d))\n    // .attr('target', link == null ? null : linkTarget)\n    .attr('transform', (d: any) => `rotate(${(d.x * 180) / Math.PI}) translate(${d.y},0)`);\n\n  node\n    .append('circle')\n    .attr('class', slots?.node ?? '')\n    .attr('r', r);\n\n  // if (title != null) {\n  //   node.append('title').text((d) => title(d.data, d));\n  // }\n\n  // Text.\n  if (getLabel) {\n    node\n      .append('text')\n      .attr('transform', (d: any) => `rotate(${d.x >= Math.PI ? 180 : 0})`)\n      .attr('dy', '0.32em')\n      // eslint-disable-next-line no-mixed-operators\n      .attr('x', (d: any) => (d.x < Math.PI === !d.children ? 6 : -6))\n      // eslint-disable-next-line no-mixed-operators\n      .attr('text-anchor', (d: any) => (d.x < Math.PI === !d.children ? 'start' : 'end'))\n      // .attr('paint-order', 'stroke')\n      .attr('class', slots?.text ?? '')\n      .text((d, i) => getLabel[i]);\n  }\n\n  return svg.node();\n};\n\nexport default RadialTree;\n", "//\n// Copyright 2023 DXOS.org\n// Copyright 2021 Observable, Inc.\n//\n\nimport * as d3 from 'd3';\n\nimport { type TreeOptions } from '../Tree';\n\n// Released under the ISC license.\n// https://observablehq.com/@d3/tree\nconst TidyTree = (s: SVGSVGElement, data: any, options: TreeOptions) => {\n  const svg = d3.select(s);\n  svg.selectAll('*').remove();\n\n  const { label, width, height, r = 4, padding = 4, margin = 60, slots } = options;\n\n  const root = d3.hierarchy(data);\n\n  // Compute labels and titles.\n  const descendants = root.descendants();\n  const getLabel = label == null ? null : descendants.map((d) => label(d.data));\n\n  // Compute the layout.\n  const dx = 16;\n  const dy = width / (root.height + padding);\n  const layout = d3.tree().nodeSize([dx, dy]);\n  layout(root);\n\n  // Center the tree.\n  let x0 = Infinity;\n  let x1 = -x0;\n  let y0 = Infinity;\n  let y1 = -y0;\n  root.each((d: any) => {\n    if (d.x > x1) {\n      x1 = d.x;\n    }\n    if (d.x < x0) {\n      x0 = d.x;\n    }\n    if (d.y > y1) {\n      y1 = d.y;\n    }\n    if (d.y < y0) {\n      y0 = d.y;\n    }\n  });\n\n  // TODO(burdon): Option to expand.\n  // NOTE: x and y are flipped.\n  const sx = Math.min(2, Math.max(1, (height - margin * 2) / (x1 - x0)));\n  const oy = -(width - (y1 - y0)) / 2;\n\n  // Links.\n  svg\n    .append('g')\n    .selectAll('path')\n    .data(root.links())\n    .join('path')\n    .attr('class', slots?.path ?? '')\n    .attr(\n      'd',\n      d3\n        .link(d3.curveBumpX)\n        .x((d: any) => d.y + oy)\n        .y((d: any) => d.x * sx) as any,\n    );\n\n  // Nodes.\n  const node = svg\n    .append('g')\n    .selectAll('a')\n    .data(root.descendants())\n    .join('a')\n    // .attr('xlink:href', link == null ? null : (d) => link(d.data, d))\n    // .attr('target', link == null ? null : linkTarget)\n    .attr('transform', (d: any) => `translate(${d.y + oy},${d.x * sx})`);\n\n  node\n    .append('circle')\n    .attr('class', slots?.node ?? '')\n    .attr('r', r);\n\n  // if (title != null) {\n  //   node.append('title').text((d) => title(d.data, d));\n  // }\n\n  if (getLabel) {\n    node\n      .append('text')\n\n      .attr('dy', '0.32em')\n      .attr('x', (d) => (d.children ? -6 : 6))\n      .attr('text-anchor', (d) => (d.children ? 'end' : 'start'))\n      // .attr('paint-order', 'stroke')\n      .attr('class', slots?.text ?? '')\n      .text((d, i) => getLabel[i]);\n  }\n};\n\nexport default TidyTree;\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport type { GraphModel } from '@dxos/gem-spore';\n\nexport type TreeNode = {\n  id: string;\n  label?: string;\n  children?: TreeNode[];\n};\n\nexport const mapGraphToTreeData = <N>(model: GraphModel<N>, maxDepth = 8): TreeNode | undefined => {\n  const mapNode = (node: N, depth = 0): TreeNode => {\n    const treeNode: TreeNode = {\n      id: model.idAccessor(node),\n      label: model.idAccessor(node).slice(0, 8),\n    };\n\n    const links = model.graph.links.filter((link) => link.source === treeNode.id);\n    if (depth < maxDepth) {\n      treeNode.children = links.map((link) =>\n        mapNode(model.graph.nodes.find((node) => model.idAccessor(node) === link.target)!, depth + 1),\n      );\n    }\n\n    return treeNode;\n  };\n\n  let data: TreeNode | undefined;\n  if (model.selected) {\n    const node = model.graph.nodes.find((node) => model.idAccessor(node) === model.selected);\n    if (node) {\n      data = mapNode(node);\n    }\n  }\n\n  return data;\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { forceLink, forceManyBody } from 'd3';\nimport ForceGraph from 'force-graph';\nimport React, { type FC, useEffect, useMemo, useRef, useState } from 'react';\nimport { useResizeDetector } from 'react-resize-detector';\n\nimport { getTypename, type ReactiveEchoObject, type Space } from '@dxos/client/echo';\nimport { createSvgContext, defaultGridStyles, Grid, SVG, SVGRoot, Zoom } from '@dxos/gem-core';\nimport {\n  defaultStyles,\n  Graph as GraphComponent,\n  GraphForceProjector,\n  type GraphLayoutNode,\n  Markers,\n} from '@dxos/gem-spore';\nimport { filterObjectsSync, type SearchResult } from '@dxos/plugin-search';\nimport { useAsyncState, useThemeContext } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\nimport '@dxos/gem-spore/styles';\n\nimport { type EchoGraphNode, SpaceGraphModel } from './graph-model';\nimport { Tree } from '../Tree';\n\ntype Slots = {\n  root?: { className?: string };\n  grid?: { className?: string };\n};\n\nconst slots: Slots = {};\n\nconst colors = [\n  '[&>circle]:!fill-black-300   [&>circle]:!stroke-black-600',\n  '[&>circle]:!fill-slate-300   [&>circle]:!stroke-slate-600',\n  '[&>circle]:!fill-green-300   [&>circle]:!stroke-green-600',\n  '[&>circle]:!fill-sky-300     [&>circle]:!stroke-sky-600',\n  '[&>circle]:!fill-cyan-300    [&>circle]:!stroke-cyan-600',\n  '[&>circle]:!fill-rose-300    [&>circle]:!stroke-rose-600',\n  '[&>circle]:!fill-purple-300  [&>circle]:!stroke-purple-600',\n  '[&>circle]:!fill-orange-300  [&>circle]:!stroke-orange-600',\n  '[&>circle]:!fill-teal-300    [&>circle]:!stroke-teal-600',\n  '[&>circle]:!fill-indigo-300  [&>circle]:!stroke-indigo-600',\n];\n\nexport type GraphProps = {\n  space: Space;\n  match?: RegExp;\n  grid?: boolean;\n  svg?: boolean;\n};\n\nexport const Graph: FC<GraphProps> = ({ space, match, grid, svg }) => {\n  const { themeMode } = useThemeContext();\n  const [selected, setSelected] = useState<string>();\n\n  const [model] = useAsyncState(\n    async () => (space ? new SpaceGraphModel({ schema: true }).open(space) : undefined),\n    [space],\n  );\n\n  const context = createSvgContext();\n  const projector = useMemo(\n    () =>\n      new GraphForceProjector<EchoGraphNode>(context, {\n        forces: {\n          manyBody: {\n            strength: -100,\n          },\n          link: {\n            distance: 100,\n          },\n          radial: {\n            radius: 150,\n            strength: 0.05,\n          },\n        },\n        attributes: {\n          radius: (node: GraphLayoutNode<EchoGraphNode>) => (node.data?.type === 'schema' ? 12 : 8),\n        },\n      }),\n    [],\n  );\n\n  const filteredRef = useRef<SearchResult[]>();\n  filteredRef.current = filterObjectsSync(model?.objects ?? [], match);\n  useEffect(() => {\n    void projector.start();\n  }, [match]);\n\n  const [colorMap] = useState(new Map<string, string>());\n\n  // https://github.com/vasturiano/force-graph\n  const { ref, width, height } = useResizeDetector();\n  const rootRef = useRef<HTMLDivElement>(null);\n  const forceGraph = useRef<ForceGraph>();\n\n  useEffect(() => {\n    if (rootRef.current) {\n      forceGraph.current = new ForceGraph(rootRef.current)\n        .nodeRelSize(6)\n        .nodeLabel((node: any) => {\n          if (node.type === 'schema') {\n            return node.data.typename;\n          }\n\n          return node.id;\n        })\n        .nodeAutoColorBy((node: any) => (node.type === 'schema' ? 'schema' : node.data.typename))\n        .linkColor(() => 'rgba(255,255,255,0.25)');\n    }\n\n    return () => {\n      forceGraph.current?.pauseAnimation().graphData({ nodes: [], links: [] });\n      forceGraph.current = undefined;\n    };\n  }, []);\n\n  // Update.\n  useEffect(() => {\n    if (forceGraph.current && width && height && model) {\n      forceGraph.current\n        .pauseAnimation()\n        .width(width)\n        .height(height)\n        .onEngineStop(() => {\n          forceGraph.current?.zoomToFit(400, 40);\n        })\n\n        // https://github.com/vasturiano/force-graph?tab=readme-ov-file#force-engine-d3-force-configuration\n        // .d3Force('center', forceCenter().strength(0.9))\n        .d3Force('link', forceLink().distance(160).strength(0.5))\n        .d3Force('charge', forceManyBody().strength(-30))\n        // .d3AlphaDecay(0.0228)\n        // .d3VelocityDecay(0.4)\n        .warmupTicks(100)\n        // .cooldownTime(1000)\n\n        //\n        .graphData(model.graph)\n        .resumeAnimation();\n    }\n  }, [model, width, height]);\n\n  const handleZoomToFit = () => {\n    forceGraph.current?.zoomToFit(400, 40);\n  };\n\n  if (!svg) {\n    return (\n      <div ref={ref} className='relative grow' onClick={handleZoomToFit}>\n        <div ref={rootRef} className='absolute inset-0' />\n      </div>\n    );\n  }\n\n  if (selected) {\n    return <Tree space={space} selected={selected} variant='tidy' onNodeClick={() => setSelected(undefined)} />;\n  }\n\n  return (\n    <SVGRoot context={context}>\n      <SVG className={mx(defaultStyles, slots?.root?.className)}>\n        <Markers arrowSize={6} />\n        {grid && <Grid className={slots?.grid?.className ?? defaultGridStyles(themeMode)} />}\n        <Zoom extent={[1 / 2, 4]}>\n          <GraphComponent\n            model={model}\n            projector={projector}\n            drag\n            arrows\n            onSelect={(node) => setSelected(node?.data?.id)}\n            labels={{\n              text: (node: GraphLayoutNode<ReactiveEchoObject<any>>) => {\n                if (filteredRef.current?.length && !filteredRef.current.some((object) => object.id === node.data?.id)) {\n                  return undefined;\n                }\n\n                // TODO(burdon): Use schema.\n                return node.data?.label ?? node.data?.title ?? node.data?.name ?? node.data?.id.slice(0, 8);\n              },\n            }}\n            attributes={{\n              node: (node: GraphLayoutNode<ReactiveEchoObject<any>>) => {\n                let className: string | undefined;\n                if (node.data) {\n                  const { object } = node.data;\n                  if (object) {\n                    const typename = getTypename(object);\n                    if (typename) {\n                      className = colorMap.get(typename);\n                      if (!className) {\n                        className = colors[colorMap.size % colors.length];\n                        colorMap.set(typename, className);\n                      }\n                    }\n                  }\n                }\n\n                const selected = filteredRef.current?.some((object) => object.id === node.data?.id);\n                const blur = !selected && !!filteredRef.current?.length;\n                return {\n                  class: mx(className, blur && 'opacity-70'),\n                };\n              },\n              link: () => ({\n                class: '[&>path]:!stroke-neutral-300 dark:[&>path]:!stroke-neutral-700',\n              }),\n            }}\n          />\n        </Zoom>\n      </SVG>\n    </SVGRoot>\n  );\n};\n"],
-  "mappings": "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",
-  "names": ["getSchema", "getSchemaDXN", "AST", "ReferenceAnnotationId", "SchemaValidator", "StoredSchema", "GraphModel", "log", "CollectionType", "Filter", "SpaceGraphModel", "constructor", "_options", "_graph", "nodes", "links", "graph", "objects", "_objects", "open", "space", "objectId", "_schemaSubscription", "schemaaQuery", "db", "schemaRegistry", "query", "schemas", "run", "onSchemaUpdate", "results", "_schema", "subscribe", "_objectsSubscription", "not", "or", "schema", "currentNodes", "addSchema", "typename", "current", "find", "node", "id", "push", "type", "data", "forEach", "toTypename", "object", "schemaNode", "source", "target", "info", "getPropertySignatures", "ast", "prop", "hasTypeAnnotation", "name", "toString", "value", "String", "refs", "Array", "isArray", "ref", "findIndex", "obj", "triggerUpdate", "fire", "setSelected", "close", "undefined", "React", "useEffect", "useState", "useResizeDetector", "createSvgContext", "SVG", "SVGRoot", "useAsyncState", "d3", "HierarchicalEdgeBundling", "s", "data", "options", "svg", "select", "selectAll", "remove", "radius", "padding", "slots", "root", "hierarchy", "flatten", "tree", "cluster", "size", "Math", "PI", "layout", "addLinks", "node", "append", "leaves", "join", "attr", "d", "x", "y", "text", "call", "id", "slice", "line", "lineRadial", "curve", "curveBundle", "beta", "angle", "links", "flatMap", "leaf", "outgoing", "style", "path", "i", "o", "each", "nodes", "Map", "descendants", "map", "parents", "reduce", "children", "length", "set", "parent", "get", "child", "clone", "d3", "RadialTree", "s", "data", "options", "svg", "select", "selectAll", "remove", "label", "radius", "r", "slots", "arc", "Math", "PI", "root", "hierarchy", "descendants", "getLabel", "map", "d", "layout", "tree", "size", "separation", "a", "b", "parent", "depth", "append", "links", "join", "attr", "path", "linkRadial", "angle", "x", "y", "node", "children", "text", "i", "d3", "TidyTree", "s", "data", "options", "svg", "select", "selectAll", "remove", "label", "width", "height", "r", "padding", "margin", "slots", "root", "hierarchy", "descendants", "getLabel", "map", "d", "dx", "dy", "layout", "tree", "nodeSize", "x0", "Infinity", "x1", "y0", "y1", "each", "x", "y", "sx", "Math", "min", "max", "oy", "append", "links", "join", "attr", "path", "link", "curveBumpX", "node", "children", "text", "i", "mapGraphToTreeData", "model", "maxDepth", "mapNode", "node", "depth", "treeNode", "id", "idAccessor", "label", "slice", "links", "graph", "filter", "link", "source", "children", "map", "nodes", "find", "target", "data", "selected", "forceLink", "forceManyBody", "ForceGraph", "React", "useEffect", "useMemo", "useRef", "useState", "useResizeDetector", "getTypename", "createSvgContext", "defaultGridStyles", "Grid", "SVG", "SVGRoot", "Zoom", "defaultStyles", "Graph", "GraphComponent", "GraphForceProjector", "Markers", "filterObjectsSync", "useAsyncState", "useThemeContext", "mx", "slots", "colors", "Graph", "space", "match", "grid", "svg", "themeMode", "useThemeContext", "selected", "setSelected", "useState", "model", "useAsyncState", "SpaceGraphModel", "schema", "open", "undefined", "context", "createSvgContext", "projector", "useMemo", "GraphForceProjector", "forces", "manyBody", "strength", "link", "distance", "radial", "radius", "attributes", "node", "data", "type", "filteredRef", "useRef", "current", "filterObjectsSync", "objects", "useEffect", "start", "colorMap", "Map", "ref", "width", "height", "useResizeDetector", "rootRef", "forceGraph", "ForceGraph", "nodeRelSize", "nodeLabel", "typename", "id", "nodeAutoColorBy", "linkColor", "pauseAnimation", "graphData", "nodes", "links", "onEngineStop", "zoomToFit", "d3Force", "forceLink", "forceManyBody", "warmupTicks", "graph", "resumeAnimation", "handleZoomToFit", "div", "className", "onClick", "Tree", "variant", "onNodeClick", "SVGRoot", "SVG", "mx", "defaultStyles", "root", "Markers", "arrowSize", "Grid", "defaultGridStyles", "Zoom", "extent", "GraphComponent", "drag", "arrows", "onSelect", "labels", "text", "length", "some", "object", "label", "title", "name", "slice", "getTypename", "get", "size", "set", "blur", "class", "defaultTreeLayoutSlots", "node", "path", "text", "renderers", "Map", "TidyTree", "RadialTree", "HierarchicalEdgeBundling", "Tree", "space", "selected", "variant", "onNodeClick", "model", "useAsyncState", "SpaceGraphModel", "open", "undefined", "tree", "setTree", "useState", "useEffect", "subscribe", "mapGraphToTreeData", "context", "createSvgContext", "ref", "width", "height", "useResizeDetector", "size", "Math", "min", "radius", "options", "label", "d", "id", "marginLeft", "marginRight", "marginTop", "marginBottom", "slots", "renderer", "get", "current", "React", "div", "className", "onClick", "SVGRoot", "SVG"]
-}

package/dist/lib/browser/react-surface-3X2V3VPN.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/capabilities/react-surface.tsx"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Capabilities, contributes, createSurface } from '@dxos/app-framework';\n\nimport { ExplorerContainer } from '../components';\nimport { EXPLORER_PLUGIN } from '../meta';\nimport { ViewType } from '../types';\n\nexport default () =>\n  contributes(\n    Capabilities.ReactSurface,\n    createSurface({\n      id: `${EXPLORER_PLUGIN}/article`,\n      role: ['article', 'section'],\n      filter: (data): data is { subject: ViewType } => data.subject instanceof ViewType,\n      component: ({ data, role }) => <ExplorerContainer view={data.subject} role={role} />,\n    }),\n  );\n"],
-  "mappings": ";;;;;;;;;;;;AAIA,OAAOA,WAAW;AAElB,SAASC,cAAcC,aAAaC,qBAAqB;AAMzD,IAAA,wBAAe,MACbC,YACEC,aAAaC,cACbC,cAAc;EACZC,IAAI,GAAGC,eAAAA;EACPC,MAAM;IAAC;IAAW;;EAClBC,QAAQ,CAACC,SAAwCA,KAAKC,mBAAmBC;EACzEC,WAAW,CAAC,EAAEH,MAAMF,KAAI,MAAO,sBAAA,cAACM,mBAAAA;IAAkBC,MAAML,KAAKC;IAASH;;AACxE,CAAA,CAAA;",
-  "names": ["React", "Capabilities", "contributes", "createSurface", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "EXPLORER_PLUGIN", "role", "filter", "data", "subject", "ViewType", "component", "ExplorerContainer", "view"]
-}

package/dist/lib/node/chunk-5MTMJYC4.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/meta.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const EXPLORER_PLUGIN = 'dxos.org/plugin/explorer';\n\nexport const meta = {\n  id: EXPLORER_PLUGIN,\n  name: 'Explorer',\n  description: 'Install this plugin to view a hypergraph of all objects inside of your Space.',\n  icon: 'ph--graph--regular',\n  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/experimental/plugin-explorer',\n  tags: ['experimental'],\n  screenshots: ['https://dxos.network/plugin-details-explorer-dark.png'],\n} satisfies PluginMeta;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAMO,IAAMA,kBAAkB;AAExB,IAAMC,OAAO;EAClBC,IAAIF;EACJG,MAAM;EACNC,aAAa;EACbC,MAAM;EACNC,QAAQ;EACRC,MAAM;IAAC;;EACPC,aAAa;IAAC;;AAChB;",
-  "names": ["EXPLORER_PLUGIN", "meta", "id", "name", "description", "icon", "source", "tags", "screenshots"]
-}