@dxos/plugin-registry 0.8.3-staging.0fa589b → 0.8.4-main.1068cf700f

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 role='article'>
-            <PluginDetail plugin={subject} enabled={enabled} onEnable={handleEnable} />
-          </StackItem.Content>
-        );
-      },
-    }),
-  ]);

package/src/components/Icon.stories.tsx

@@ -1,107 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import '@dxos-theme';
-
-import { IconBase, type IconWeight, GithubLogo, type IconProps } from '@phosphor-icons/react';
-import { type Meta } from '@storybook/react';
-import React, { forwardRef, type SVGProps, type ReactElement } from 'react';
-
-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))} />
-      <GithubLogo weight={'regular'} className={mx(getSize(8))} />
-    </div>
-  );
-};
-
-export const Default = {};
-
-const meta: Meta = {
-  title: 'plugins/plugin-registry/Icon',
-  render: DefaultStory,
-  parameters: {
-    layout: 'centered',
-  },
-};
-
-export default meta;