@dxos/plugin-registry 0.8.4-main.c1de068 → 0.8.4-main.c85a9c8dae

package/dist/types/src/capabilities/intent-resolver.d.ts

@@ -1,4 +0,0 @@
-import { Capabilities } from '@dxos/app-framework';
-declare const _default: () => import("@dxos/app-framework").Capability<Capabilities.IntentResolver>;
-export default _default;
-//# sourceMappingURL=intent-resolver.d.ts.map

package/dist/types/src/capabilities/intent-resolver.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"intent-resolver.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/intent-resolver.ts"],"names":[],"mappings":"AAIA,OAAO,EAKL,YAAY,EAEb,MAAM,qBAAqB,CAAC;;AAI7B,wBAWI"}

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

@@ -1,4 +0,0 @@
-import { Capabilities } from '@dxos/app-framework';
-declare const _default: () => import("@dxos/app-framework").Capability<Capabilities.ReactSurface>;
-export default _default;
-//# sourceMappingURL=react-surface.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"react-surface.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/react-surface.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,YAAY,EAAwD,MAAM,qBAAqB,CAAC;;AAMzG,wBA6EK"}

package/dist/types/src/components/Icon.stories.d.ts

@@ -1,6 +0,0 @@
-import '@dxos-theme';
-import { type Meta } from '@storybook/react-vite';
-export declare const Default: {};
-declare const meta: Meta;
-export default meta;
-//# sourceMappingURL=Icon.stories.d.ts.map

package/dist/types/src/components/Icon.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Icon.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAGrB,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AA0FlD,eAAO,MAAM,OAAO,IAAK,CAAC;AAE1B,QAAA,MAAM,IAAI,EAAE,IAMX,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

@@ -1,9 +0,0 @@
-import React from 'react';
-import { type Plugin } from '@dxos/app-framework';
-export type PluginDetailProps = {
-    plugin: Plugin;
-    enabled?: boolean;
-    onEnable?: () => void;
-};
-export declare const PluginDetail: ({ plugin, enabled, onEnable }: PluginDetailProps) => React.JSX.Element;
-//# sourceMappingURL=PluginDetail.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PluginDetail.d.ts","sourceRoot":"","sources":["../../../../src/components/PluginDetail.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAMlD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,+BAA+B,iBAAiB,sBA4C5E,CAAC"}

package/dist/types/src/components/PluginDetail.stories.d.ts

@@ -1,8 +0,0 @@
-import '@dxos-theme';
-import { type StoryObj, type Meta } from '@storybook/react-vite';
-import { type PluginDetailProps } from './PluginDetail';
-declare const meta: Meta<PluginDetailProps>;
-export default meta;
-type Story = StoryObj<PluginDetailProps>;
-export declare const Default: Story;
-//# sourceMappingURL=PluginDetail.stories.d.ts.map

package/dist/types/src/components/PluginDetail.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PluginDetail.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/PluginDetail.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAKjE,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGtE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,iBAAiB,CAOjC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAC;AAEzC,eAAO,MAAM,OAAO,EAAE,KAiBrB,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"PluginItem.d.ts","sourceRoot":"","sources":["../../../../src/components/PluginItem.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAMlD,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC9B,OAAO,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC5B,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;IACtC,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,gFAOxB,eAAe,sBAyFjB,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"PluginList.d.ts","sourceRoot":"","sources":["../../../../src/components/PluginList.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAGlD,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAEhE,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,eAAe,EAAE,QAAQ,CAAC,GAAG;IAC9D,OAAO,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,uBAA4B,eAAe,sBAUrE,CAAC"}

package/dist/types/src/components/PluginList.stories.d.ts

@@ -1,11 +0,0 @@
-import '@dxos-theme';
-import { type Meta } from '@storybook/react-vite';
-declare const meta: Meta;
-export default meta;
-export declare const Default: {};
-export declare const Column: {
-    args: {
-        classNames: string;
-    };
-};
-//# sourceMappingURL=PluginList.stories.d.ts.map

package/dist/types/src/components/PluginList.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PluginList.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/PluginList.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAyDlD,QAAA,MAAM,IAAI,EAAE,IAQX,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,IAAK,CAAC;AAE1B,eAAO,MAAM,MAAM;;;;CAIlB,CAAC"}

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

@@ -1,7 +0,0 @@
-import React from 'react';
-import { type Plugin } from '@dxos/app-framework';
-export declare const RegistryContainer: ({ id, plugins: _plugins }: {
-    id: string;
-    plugins: Plugin[];
-}) => React.JSX.Element;
-//# sourceMappingURL=RegistryContainer.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"RegistryContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/RegistryContainer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,OAAO,EAIL,KAAK,MAAM,EAKZ,MAAM,qBAAqB,CAAC;AAQ7B,eAAO,MAAM,iBAAiB,GAAI,2BAA2B;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,EAAE,CAAA;CAAE,sBA4D7F,CAAC"}

package/src/capabilities/app-graph-builder.ts

@@ -1,155 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { Rx } from '@effect-rx/rx-react';
-import { Option, pipe } from 'effect';
-
-import { Capabilities, contributes, createIntent, SettingsAction, type PluginContext } from '@dxos/app-framework';
-import { createExtension } from '@dxos/plugin-graph';
-
-import { REGISTRY_ID, REGISTRY_KEY, REGISTRY_PLUGIN } from '../meta';
-
-export default (context: PluginContext) =>
-  contributes(Capabilities.AppGraphBuilder, [
-    createExtension({
-      id: REGISTRY_PLUGIN,
-      actions: (node) =>
-        Rx.make((get) =>
-          pipe(
-            get(node),
-            Option.flatMap((node) => (node.id === 'root' ? Option.some(node) : Option.none())),
-            Option.map((node) => [
-              {
-                id: REGISTRY_PLUGIN,
-                data: async () => {
-                  const { dispatchPromise: dispatch } = context.getCapability(Capabilities.IntentDispatcher);
-                  await dispatch(createIntent(SettingsAction.OpenPluginRegistry));
-                },
-                properties: {
-                  label: ['open plugin registry label', { ns: REGISTRY_PLUGIN }],
-                  icon: 'ph--squares-four--regular',
-                  disposition: 'menu',
-                },
-              },
-            ]),
-            Option.getOrElse(() => []),
-          ),
-        ),
-    }),
-    createExtension({
-      id: REGISTRY_PLUGIN,
-      connector: (node) =>
-        Rx.make((get) =>
-          pipe(
-            get(node),
-            Option.flatMap((node) => (node.id === 'root' ? Option.some(node) : Option.none())),
-            Option.map((node) => [
-              {
-                id: REGISTRY_ID,
-                type: REGISTRY_PLUGIN,
-                properties: {
-                  label: ['plugin registry label', { ns: REGISTRY_PLUGIN }],
-                  icon: 'ph--squares-four--regular',
-                  disposition: 'pin-end',
-                  testId: 'treeView.pluginRegistry',
-                },
-                nodes: [
-                  {
-                    id: `${REGISTRY_KEY}+all`,
-                    type: 'category',
-                    data: `${REGISTRY_KEY}+all`,
-                    properties: {
-                      label: ['all plugins label', { ns: REGISTRY_PLUGIN }],
-                      icon: 'ph--squares-four--regular',
-                      key: REGISTRY_KEY,
-                      testId: 'pluginRegistry.all',
-                    },
-                  },
-                  {
-                    id: `${REGISTRY_KEY}+installed`,
-                    type: 'category',
-                    data: `${REGISTRY_KEY}+installed`,
-                    properties: {
-                      label: ['installed plugins label', { ns: REGISTRY_PLUGIN }],
-                      icon: 'ph--check--regular',
-                      key: REGISTRY_KEY,
-                      testId: 'pluginRegistry.installed',
-                    },
-                  },
-                  {
-                    id: `${REGISTRY_KEY}+recommended`,
-                    type: 'category',
-                    data: `${REGISTRY_KEY}+recommended`,
-                    properties: {
-                      label: ['recommended plugins label', { ns: REGISTRY_PLUGIN }],
-                      icon: 'ph--star--regular',
-                      key: REGISTRY_KEY,
-                      testId: 'pluginRegistry.recommended',
-                    },
-                  },
-                  {
-                    id: `${REGISTRY_KEY}+labs`,
-                    type: 'category',
-                    data: `${REGISTRY_KEY}+labs`,
-                    properties: {
-                      label: ['labs plugins label', { ns: REGISTRY_PLUGIN }],
-                      icon: 'ph--flask--regular',
-                      key: REGISTRY_KEY,
-                      testId: 'pluginRegistry.labs',
-                    },
-                  },
-                ],
-              },
-            ]),
-            Option.getOrElse(() => []),
-          ),
-        ),
-    }),
-    createExtension({
-      id: `${REGISTRY_PLUGIN}/actions`,
-      actions: (node) =>
-        Rx.make((get) =>
-          pipe(
-            get(node),
-            Option.flatMap((node) => (node.id === REGISTRY_ID ? Option.some(node) : Option.none())),
-            Option.map(() => [
-              {
-                id: `${REGISTRY_PLUGIN}/load-by-url`,
-                data: async () => {},
-                properties: {
-                  label: ['load by url label', { ns: REGISTRY_PLUGIN }],
-                  icon: 'ph--cloud-arrow-down--regular',
-                  disabled: true,
-                },
-              },
-            ]),
-            Option.getOrElse(() => []),
-          ),
-        ),
-    }),
-    createExtension({
-      id: `${REGISTRY_PLUGIN}/plugins`,
-      connector: (node) =>
-        Rx.make((get) =>
-          pipe(
-            get(node),
-            Option.flatMap((node) => (node.id === REGISTRY_ID ? Option.some(node) : Option.none())),
-            Option.map(() => {
-              const manager = context.getCapability(Capabilities.PluginManager);
-              return manager.plugins.map((plugin) => ({
-                id: plugin.meta.id.replaceAll('/', ':'),
-                type: 'dxos.org/plugin',
-                data: plugin,
-                properties: {
-                  label: plugin.meta.name ?? plugin.meta.id,
-                  icon: plugin.meta.icon ?? 'ph--circle--regular',
-                  disposition: 'hidden',
-                },
-              }));
-            }),
-            Option.getOrElse(() => []),
-          ),
-        ),
-    }),
-  ]);

package/src/capabilities/intent-resolver.ts

@@ -1,27 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import {
-  contributes,
-  SettingsAction,
-  createResolver,
-  LayoutAction,
-  Capabilities,
-  createIntent,
-} from '@dxos/app-framework';
-
-import { REGISTRY_ID } from '../meta';
-
-export default () =>
-  contributes(
-    Capabilities.IntentResolver,
-    createResolver({
-      intent: SettingsAction.OpenPluginRegistry,
-      resolve: () => {
-        return {
-          intents: [createIntent(LayoutAction.SwitchWorkspace, { part: 'workspace', subject: REGISTRY_ID })],
-        };
-      },
-    }),
-  );

package/src/capabilities/react-surface.tsx

@@ -1,90 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import React, { useCallback, useMemo } from 'react';
-
-import { Capabilities, contributes, createSurface, Plugin, usePluginManager } from '@dxos/app-framework';
-import { StackItem } from '@dxos/react-ui-stack';
-
-import { PluginDetail, RegistryContainer } from '../components';
-import { REGISTRY_KEY, REGISTRY_PLUGIN } from '../meta';
-
-export default () =>
-  contributes(Capabilities.ReactSurface, [
-    createSurface({
-      id: `${REGISTRY_PLUGIN}/all`,
-      role: 'article',
-      filter: (data): data is any => data.subject === `${REGISTRY_KEY}+all`,
-      component: () => {
-        const manager = usePluginManager();
-        const filtered = useMemo(() => manager.plugins.filter(({ meta }) => !manager.core.includes(meta.id)), []);
-
-        return <RegistryContainer id={`${REGISTRY_KEY}+all`} plugins={filtered} />;
-      },
-    }),
-    createSurface({
-      id: `${REGISTRY_PLUGIN}/installed`,
-      role: 'article',
-      filter: (data): data is any => data.subject === `${REGISTRY_KEY}+installed`,
-      component: () => {
-        const manager = usePluginManager();
-        const filtered = useMemo(
-          () =>
-            manager.plugins
-              .filter(({ meta }) => !manager.core.includes(meta.id))
-              .filter(({ meta }) => manager.enabled.includes(meta.id)),
-          [],
-        );
-
-        return <RegistryContainer id={`${REGISTRY_KEY}+installed`} plugins={filtered} />;
-      },
-    }),
-    createSurface({
-      id: `${REGISTRY_PLUGIN}/recommended`,
-      role: 'article',
-      filter: (data): data is any => data.subject === `${REGISTRY_KEY}+recommended`,
-      component: () => {
-        const manager = usePluginManager();
-        const filtered = useMemo(
-          () =>
-            manager.plugins
-              .filter(({ meta }) => !manager.core.includes(meta.id))
-              .filter(({ meta }) => !meta.tags?.includes('labs')),
-          [],
-        );
-
-        return <RegistryContainer id={`${REGISTRY_KEY}+recommended`} plugins={filtered} />;
-      },
-    }),
-    createSurface({
-      id: `${REGISTRY_PLUGIN}/labs`,
-      role: 'article',
-      filter: (data): data is any => data.subject === `${REGISTRY_KEY}+labs`,
-      component: () => {
-        const manager = usePluginManager();
-        const filtered = useMemo(() => manager.plugins.filter(({ meta }) => meta.tags?.includes('labs')), []);
-
-        return <RegistryContainer id={`${REGISTRY_KEY}+labs`} plugins={filtered} />;
-      },
-    }),
-    createSurface({
-      id: `${REGISTRY_PLUGIN}/plugin-details`,
-      role: 'article',
-      filter: (data): data is { subject: Plugin } => data.subject instanceof Plugin,
-      component: ({ data: { subject } }) => {
-        const manager = usePluginManager();
-        const enabled = manager.enabled.includes(subject.meta.id);
-        const handleEnable = useCallback(
-          () => (enabled ? manager.disable(subject.meta.id) : manager.enable(subject.meta.id)),
-          [manager, subject.meta.id, enabled],
-        );
-
-        return (
-          <StackItem.Content>
-            <PluginDetail plugin={subject} enabled={enabled} onEnable={handleEnable} />
-          </StackItem.Content>
-        );
-      },
-    }),
-  ]);

package/src/components/Icon.stories.tsx

@@ -1,108 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import '@dxos-theme';
-
-import { IconBase, type IconWeight, type IconProps } from '@phosphor-icons/react';
-import { type Meta } from '@storybook/react-vite';
-import React, { forwardRef, type SVGProps, type ReactElement } from 'react';
-
-import { Icon } from '@dxos/react-ui';
-import { getSize, mx } from '@dxos/react-ui-theme';
-
-/**
- * Serializable icon props.
- */
-type StoryIconProps = {
-  name: string;
-  weights: Record<string, SVGProps<SVGPathElement>[]>;
-};
-
-/**
- * Create icon from serializable data.
- * https://github.com/phosphor-icons/react#custom-icons
- * https://github.com/phosphor-icons/core/tree/main/assets
- */
-const createIcon = ({ name, weights }: StoryIconProps) => {
-  const CustomIcon = forwardRef<SVGSVGElement, IconProps>((props, ref) => (
-    <IconBase
-      ref={ref}
-      {...props}
-      weights={
-        new Map<IconWeight, ReactElement>(
-          Object.entries(weights).map(
-            ([key, paths]) =>
-              [
-                key,
-                <>
-                  {paths.map((props, i) => (
-                    <path key={`${key}-${i}`} {...props} />
-                  ))}
-                </>,
-              ] as [IconWeight, ReactElement],
-          ),
-        )
-      }
-    />
-  ));
-  CustomIcon.displayName = name;
-  return CustomIcon;
-};
-
-const DefaultStory = () => {
-  const CustomIcon = createIcon({
-    name: 'GithubLogo',
-    weights: {
-      // https://github.com/phosphor-icons/core/tree/main/assets
-      // <path d="M119.83,56A52,52,0,0,0,76,32a51.92,51.92,0,0,0-3.49,44.7A49.28,49.28,0,0,0,64,104v8a48,48,0,0,0,48,48h48a48,48,0,0,0,48-48v-8a49.28,49.28,0,0,0-8.51-27.3A51.92,51.92,0,0,0,196,32a52,52,0,0,0-43.83,24Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/>
-      // <path d="M104,232V192a32,32,0,0,1,32-32h0a32,32,0,0,1,32,32v40" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/>
-      // <path d="M104,208H72a32,32,0,0,1-32-32A32,32,0,0,0,8,144" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/>
-      regular: [
-        {
-          d: 'M119.83,56A52,52,0,0,0,76,32a51.92,51.92,0,0,0-3.49,44.7A49.28,49.28,0,0,0,64,104v8a48,48,0,0,0,48,48h48a48,48,0,0,0,48-48v-8a49.28,49.28,0,0,0-8.51-27.3A51.92,51.92,0,0,0,196,32a52,52,0,0,0-43.83,24Z',
-          fill: 'none',
-          stroke: 'currentColor',
-          strokeLinecap: 'round',
-          strokeLinejoin: 'round',
-          strokeWidth: '16',
-        },
-        {
-          d: 'M104,232V192a32,32,0,0,1,32-32h0a32,32,0,0,1,32,32v40',
-          fill: 'none',
-          stroke: 'currentColor',
-          strokeLinecap: 'round',
-          strokeLinejoin: 'round',
-          strokeWidth: '16',
-        },
-        {
-          d: 'M104,208H72a32,32,0,0,1-32-32A32,32,0,0,0,8,144',
-          fill: 'none',
-          stroke: 'currentColor',
-          strokeLinecap: 'round',
-          strokeLinejoin: 'round',
-          strokeWidth: '16',
-        },
-      ],
-    },
-  });
-
-  return (
-    <div className='flex gap-4 p-8 ring'>
-      <CustomIcon weight={'regular'} className={mx(getSize(8))} />
-      <Icon icon='ph--github-logo--regular' classNames={mx(getSize(8))} />
-    </div>
-  );
-};
-
-export const Default = {};
-
-const meta: Meta = {
-  title: 'plugins/plugin-registry/Icon',
-  render: DefaultStory,
-  parameters: {
-    layout: 'centered',
-  },
-};
-
-export default meta;

package/src/components/PluginDetail.stories.tsx

@@ -1,45 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import '@dxos-theme';
-
-import { type StoryObj, type Meta } from '@storybook/react-vite';
-
-import { faker } from '@dxos/random';
-import { withLayout, withTheme } from '@dxos/storybook-utils';
-
-import { PluginDetail, type PluginDetailProps } from './PluginDetail';
-import { translations } from '../translations';
-
-const meta: Meta<PluginDetailProps> = {
-  title: 'plugins/plugin-registry/PluginDetail',
-  component: PluginDetail,
-  decorators: [withTheme, withLayout({ fullscreen: true, classNames: 'justify-center' })],
-  parameters: {
-    translations,
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<PluginDetailProps>;
-
-export const Default: Story = {
-  args: {
-    plugin: {
-      meta: {
-        id: 'example.com/plugin/test-plugin',
-        name: 'Test Plugin',
-        description: faker.lorem.paragraphs(2),
-        icon: 'ph--bug--regular',
-        homePage: 'https://example.com',
-        source: 'https://github.com/example/test-plugin',
-        screenshots: [
-          'https://media.gcflearnfree.org/content/55e073de7dd48174331f51b3_01_17_2014/getting_started_interactive2.png',
-        ],
-      },
-      modules: [],
-    },
-  },
-};

package/src/components/PluginDetail.tsx

@@ -1,63 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import React from 'react';
-
-import { type Plugin } from '@dxos/app-framework';
-import { Icon, Input, Link, useTranslation } from '@dxos/react-ui';
-import { DeprecatedFormContainer } from '@dxos/react-ui-form';
-
-import { REGISTRY_PLUGIN } from '../meta';
-
-export type PluginDetailProps = {
-  plugin: Plugin;
-  enabled?: boolean;
-  onEnable?: () => void;
-};
-
-export const PluginDetail = ({ plugin, enabled, onEnable }: PluginDetailProps) => {
-  const { t } = useTranslation(REGISTRY_PLUGIN);
-  const { id, name, description, homePage, source, screenshots } = plugin.meta;
-
-  return (
-    <DeprecatedFormContainer classNames='gap-6'>
-      <div role='none' className='flex justify-between items-center'>
-        <p>{id}</p>
-        <Input.Root>
-          <Input.Switch classNames='self-center' checked={enabled} onClick={onEnable} />
-        </Input.Root>
-      </div>
-
-      {screenshots && screenshots.length > 0 && (
-        <div role='none'>
-          <h1 className='text-lg mb-2'>Preview</h1>
-          <img src={screenshots[0]} alt={name} className='aspect-video object-fit' />
-        </div>
-      )}
-
-      <div role='none'>
-        <p>{description}</p>
-      </div>
-
-      <div role='none'>
-        <h1 className='text-lg mb-2'>Resources</h1>
-        <div className='flex gap-2'>
-          {homePage && (
-            <Link href={homePage} target='_blank' rel='noreferrer' classNames='text-sm text-description'>
-              {t('home page label')}
-              <Icon icon='ph--arrow-square-out--bold' size={3} classNames='inline-block leading-none mli-1' />
-            </Link>
-          )}
-
-          {source && (
-            <Link href={source} target='_blank' rel='noreferrer' classNames='text-sm text-description'>
-              {t('source label')}
-              <Icon icon='ph--arrow-square-out--bold' size={3} classNames='inline-block leading-none mli-1' />
-            </Link>
-          )}
-        </div>
-      </div>
-    </DeprecatedFormContainer>
-  );
-};