@dxos/plugin-explorer 0.8.4-main.1068cf700f → 0.8.4-main.1c7ec43d41

package/dist/lib/node-esm/react-surface-CYHGJJDU.mjs

@@ -1,37 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-import {
-  ExplorerContainer
-} from "./chunk-K5BYG7BW.mjs";
-import {
-  meta
-} from "./chunk-DK77RB6M.mjs";
-import {
-  Graph_exports
-} from "./chunk-3OE6TBJI.mjs";
-import "./chunk-YWJBDETV.mjs";
-import "./chunk-HSLMI22Q.mjs";
-
-// src/capabilities/react-surface/react-surface.tsx
-import * as Effect from "effect/Effect";
-import React from "react";
-import { Capabilities, Capability } from "@dxos/app-framework";
-import { Surface } from "@dxos/app-framework/ui";
-import { Obj } from "@dxos/echo";
-var react_surface_default = Capability.makeModule(() => Effect.succeed(Capability.contributes(Capabilities.ReactSurface, Surface.create({
-  id: `${meta.id}/article`,
-  role: [
-    "article",
-    "section"
-  ],
-  filter: (data) => Obj.instanceOf(Graph_exports.Graph, data.subject),
-  component: ({ data, role }) => {
-    return /* @__PURE__ */ React.createElement(ExplorerContainer, {
-      role,
-      subject: data.subject
-    });
-  }
-}))));
-export {
-  react_surface_default as default
-};
-//# sourceMappingURL=react-surface-CYHGJJDU.mjs.map

package/dist/lib/node-esm/react-surface-CYHGJJDU.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/capabilities/react-surface/react-surface.tsx"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\nimport React from 'react';\n\nimport { Capabilities, Capability } from '@dxos/app-framework';\nimport { Surface } from '@dxos/app-framework/ui';\nimport { Obj } from '@dxos/echo';\nimport { type View } from '@dxos/schema';\n\nimport { ExplorerContainer } from '../../components';\nimport { meta } from '../../meta';\nimport { Graph } from '../../types';\n\nexport default Capability.makeModule(() =>\n  Effect.succeed(\n    Capability.contributes(\n      Capabilities.ReactSurface,\n      Surface.create({\n        id: `${meta.id}/article`,\n        role: ['article', 'section'],\n        filter: (data): data is { subject: View.View } => Obj.instanceOf(Graph.Graph, data.subject),\n        component: ({ data, role }) => {\n          return <ExplorerContainer role={role} subject={data.subject} />;\n        },\n      }),\n    ),\n  ),\n);\n"],
-  "mappings": ";;;;;;;;;;;;;;AAIA,YAAYA,YAAY;AACxB,OAAOC,WAAW;AAElB,SAASC,cAAcC,kBAAkB;AACzC,SAASC,eAAe;AACxB,SAASC,WAAW;AAOpB,IAAA,wBAAeC,WAAWC,WAAW,MAC5BC,eACLF,WAAWG,YACTC,aAAaC,cACbC,QAAQC,OAAO;EACbC,IAAI,GAAGC,KAAKD,EAAE;EACdE,MAAM;IAAC;IAAW;;EAClBC,QAAQ,CAACC,SAAyCC,IAAIC,WAAWC,cAAMA,OAAOH,KAAKI,OAAO;EAC1FC,WAAW,CAAC,EAAEL,MAAMF,KAAI,MAAE;AACxB,WAAO,sBAAA,cAACQ,mBAAAA;MAAkBR;MAAYM,SAASJ,KAAKI;;EACtD;AACF,CAAA,CAAA,CAAA,CAAA;",
-  "names": ["Effect", "React", "Capabilities", "Capability", "Surface", "Obj", "Capability", "makeModule", "succeed", "contributes", "Capabilities", "ReactSurface", "Surface", "create", "id", "meta", "role", "filter", "data", "Obj", "instanceOf", "Graph", "subject", "component", "ExplorerContainer"]
-}

package/dist/types/src/capabilities/react-surface/index.d.ts

@@ -1,3 +0,0 @@
-import { Capability } from '@dxos/app-framework';
-export declare const ReactSurface: Capability.LazyCapability<void, Capability.Capability<Capability.InterfaceDef<import("@dxos/app-framework/Capabilities").ReactSurface>>, Error>;
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/capabilities/react-surface/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/capabilities/react-surface/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,eAAO,MAAM,YAAY,iJAAmE,CAAC"}

package/dist/types/src/capabilities/react-surface/react-surface.d.ts

@@ -1,5 +0,0 @@
-import * as Effect from 'effect/Effect';
-import { Capabilities, Capability } from '@dxos/app-framework';
-declare const _default: (props?: void | undefined) => Effect.Effect<Capability.Capability<Capability.InterfaceDef<Capabilities.ReactSurface>>, never, never>;
-export default _default;
-//# sourceMappingURL=react-surface.d.ts.map

package/dist/types/src/capabilities/react-surface/react-surface.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"react-surface.d.ts","sourceRoot":"","sources":["../../../../../src/capabilities/react-surface/react-surface.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAGxC,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;;AAS/D,wBAcE"}

package/dist/types/src/components/ExplorerContainer.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { type SurfaceComponentProps } from '@dxos/app-toolkit/ui';
-import { type View } from '@dxos/schema';
-export type ExplorerContainerProps = SurfaceComponentProps<View.View>;
-declare const ExplorerContainer: ({ role, subject: view }: ExplorerContainerProps) => React.JSX.Element | null;
-export default ExplorerContainer;
-//# sourceMappingURL=ExplorerContainer.d.ts.map

package/dist/types/src/components/ExplorerContainer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExplorerContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/ExplorerContainer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAOlE,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,cAAc,CAAC;AAMzC,MAAM,MAAM,sBAAsB,GAAG,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAEtE,QAAA,MAAM,iBAAiB,GAAI,yBAAyB,sBAAsB,6BA4BzE,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/types/src/components/Graph/D3ForceGraph.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { SelectionModel } from '@dxos/graph';
-import { type ThemedClassName } from '@dxos/react-ui';
-import { type GraphProps } from '@dxos/react-ui-graph';
-import { type SpaceGraphModel } from '@dxos/schema';
-import '@dxos/react-ui-graph/styles/graph.css';
-export type D3ForceGraphProps = ThemedClassName<{
-    model?: SpaceGraphModel;
-    match?: RegExp;
-    selection?: SelectionModel;
-    grid?: boolean;
-} & Pick<GraphProps, 'drag'>>;
-export declare const D3ForceGraph: ({ classNames, model, selection: _selection, grid, ...props }: D3ForceGraphProps) => React.JSX.Element;
-//# sourceMappingURL=D3ForceGraph.d.ts.map

package/dist/types/src/components/Graph/D3ForceGraph.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"D3ForceGraph.d.ts","sourceRoot":"","sources":["../../../../../src/components/Graph/D3ForceGraph.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAGvE,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAIL,KAAK,UAAU,EAGhB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAuB,KAAK,eAAe,EAAuB,MAAM,cAAc,CAAC;AAG9F,OAAO,uCAAuC,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,eAAe,CAC7C;IACE,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,CAC7B,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,8DAA8D,iBAAiB,sBAqE3G,CAAC"}

package/dist/types/src/components/Graph/D3ForceGraph.stories.d.ts

@@ -1,15 +0,0 @@
-import { type StoryObj } from '@storybook/react-vite';
-import React from 'react';
-declare const meta: {
-    title: string;
-    component: ({ classNames, model, selection: _selection, grid, ...props }: import("./D3ForceGraph").D3ForceGraphProps) => React.JSX.Element;
-    render: (args: unknown) => React.JSX.Element;
-    decorators: import("@storybook/react").Decorator[];
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-//# sourceMappingURL=D3ForceGraph.stories.d.ts.map

package/dist/types/src/components/Graph/D3ForceGraph.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"D3ForceGraph.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Graph/D3ForceGraph.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAmB,MAAM,OAAO,CAAC;AAgDxC,QAAA,MAAM,IAAI;;;;;;;;CAuB2B,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}

package/dist/types/src/components/Graph/adapter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"adapter.d.ts","sourceRoot":"","sources":["../../../../../src/components/Graph/adapter.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC,MAAM,MAAM,SAAS,GAAG;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,KAAK,EAAE,SAAS,EAAE,CAAC;CACpB,CAAC;AAEF;;GAEG;AACH,qBAAa,YAAa,YAAW,SAAS;IAIhC,OAAO,CAAC,QAAQ,CAAC,KAAK;IAHlC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAmB;IAC1C,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAmB;gBAEb,KAAK,EAAE,KAAK,CAAC,GAAG;IAqB7C,IAAI,KAAK,gBAER;IAED,IAAI,KAAK,gBAER;CACF"}

package/src/capabilities/react-surface/index.ts

@@ -1,7 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { Capability } from '@dxos/app-framework';
-
-export const ReactSurface = Capability.lazy('ReactSurface', () => import('./react-surface'));

package/src/components/Graph/D3ForceGraph.stories.tsx

@@ -1,83 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import { type Meta, type StoryObj } from '@storybook/react-vite';
-import React, { useState } from 'react';
-
-import { Type } from '@dxos/echo';
-import { faker } from '@dxos/random';
-import { useClient } from '@dxos/react-client';
-import { type Space } from '@dxos/react-client/echo';
-import { withClientProvider } from '@dxos/react-client/testing';
-import { useAsyncEffect } from '@dxos/react-ui';
-import { withLayout, withTheme } from '@dxos/react-ui/testing';
-import { View } from '@dxos/schema';
-import { type ValueGenerator } from '@dxos/schema/testing';
-import { withRegistry } from '@dxos/storybook-utils';
-import { render } from '@dxos/storybook-utils';
-import { HasRelationship, Organization, Person, Pipeline } from '@dxos/types';
-
-import { useGraphModel } from '../../hooks';
-import { Graph } from '../../types';
-
-import { D3ForceGraph } from './D3ForceGraph';
-import { generate } from './testing';
-
-const generator = faker as any as ValueGenerator;
-
-faker.seed(1);
-
-const DefaultStory = () => {
-  const client = useClient();
-  const [space, setSpace] = useState<Space>();
-  const [graph, setGraph] = useState<Graph.Graph>();
-
-  useAsyncEffect(async () => {
-    const space = client.spaces.default;
-    void generate(space, generator);
-    const { view } = await View.makeFromDatabase({ db: space.db, typename: Type.getTypename(Graph.Graph) });
-    const graph = Graph.make({ name: 'Test', view });
-    space.db.add(graph);
-    setSpace(space);
-    setGraph(graph);
-  }, [client]);
-
-  const model = useGraphModel(space);
-  if (!model || !space || !graph) {
-    return null;
-  }
-
-  return <D3ForceGraph model={model} />;
-};
-
-const meta = {
-  title: 'plugins/plugin-explorer/D3ForceGraph',
-  component: D3ForceGraph,
-  render: render(DefaultStory),
-  decorators: [
-    withRegistry,
-    withTheme(),
-    withLayout(),
-    withClientProvider({
-      createSpace: true,
-      types: [
-        Graph.Graph,
-        View.View,
-        Organization.Organization,
-        Pipeline.Pipeline,
-        Person.Person,
-        HasRelationship.HasRelationship,
-      ],
-    }),
-  ],
-  parameters: {
-    layout: 'fullscreen',
-  },
-} satisfies Meta<typeof D3ForceGraph>;
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {};

package/src/components/Graph/D3ForceGraph.tsx

@@ -1,101 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import React, { useCallback, useEffect, useMemo, useRef } from 'react';
-
-import { Obj } from '@dxos/echo';
-import { SelectionModel } from '@dxos/graph';
-import { type ThemedClassName } from '@dxos/react-ui';
-import {
-  type GraphController,
-  GraphForceProjector,
-  type GraphLayoutNode,
-  type GraphProps,
-  SVG,
-  type SVGContext,
-} from '@dxos/react-ui-graph';
-import { type SpaceGraphEdge, type SpaceGraphModel, type SpaceGraphNode } from '@dxos/schema';
-import { getHashStyles } from '@dxos/ui-theme';
-
-import '@dxos/react-ui-graph/styles/graph.css';
-
-export type D3ForceGraphProps = ThemedClassName<
-  {
-    model?: SpaceGraphModel;
-    match?: RegExp;
-    selection?: SelectionModel;
-    grid?: boolean;
-  } & Pick<GraphProps, 'drag'>
->;
-
-export const D3ForceGraph = ({ classNames, model, selection: _selection, grid, ...props }: D3ForceGraphProps) => {
-  const context = useRef<SVGContext>(null);
-  const projector = useMemo<GraphForceProjector | undefined>(() => {
-    if (context.current) {
-      return new GraphForceProjector(context.current, {
-        attributes: {
-          linkForce: (edge) => {
-            // TODO(burdon): Check type (currently assumes Employee property).
-            // Edge shouldn't contribute to force if it's not active.
-            return edge.data?.object?.active !== false;
-          },
-        },
-        forces: {
-          point: {
-            strength: 0.01,
-          },
-        },
-      });
-    }
-  }, [context.current]);
-
-  const graph = useRef<GraphController>(null);
-  const selection = useMemo(() => _selection ?? new SelectionModel(), [_selection]);
-  useEffect(() => selection.subscribe(() => graph.current?.repaint()), [selection]);
-
-  const handleSelect = useCallback<NonNullable<GraphProps['onSelect']>>(
-    (node) => {
-      if (selection.contains(node.id)) {
-        selection.remove(node.id);
-      } else {
-        selection.add(node.id);
-      }
-    },
-    [selection],
-  );
-
-  return (
-    <SVG.Root ref={context} classNames={classNames}>
-      <SVG.Markers />
-      {grid && <SVG.Grid axis />}
-      <SVG.Zoom extent={[1 / 2, 2]}>
-        <SVG.Graph<SpaceGraphNode, SpaceGraphEdge>
-          {...props}
-          ref={graph}
-          model={model}
-          projector={projector}
-          labels={{
-            text: (node) => {
-              return node.data?.data.label ?? node.id;
-            },
-          }}
-          attributes={{
-            node: (node: GraphLayoutNode<SpaceGraphNode>) => {
-              const obj = node.data?.data.object;
-              return {
-                data: {
-                  color: getHashStyles(obj && Obj.getTypename(obj))?.hue,
-                },
-                classes: {
-                  'dx-selected': selection.contains(node.id),
-                },
-              };
-            },
-          }}
-          onSelect={handleSelect}
-        />
-      </SVG.Zoom>
-    </SVG.Root>
-  );
-};