@dxos/plugin-registry 0.8.4-main.9735255 → 0.8.4-main.9be5663bfe

package/src/components/PluginList.stories.tsx

@@ -1,77 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import { type Meta, type StoryObj } from '@storybook/react-vite';
-import React, { useState } from 'react';
-
-import { type Plugin, Plugin as PluginNS } from '@dxos/app-framework';
-import { faker } from '@dxos/random';
-import { withLayout, withTheme } from '@dxos/react-ui/testing';
-import { getHashHue } from '@dxos/ui-theme';
-
-import { translations } from '../translations';
-import { RegistryTagType } from '../types';
-
-import { PluginList } from './PluginList';
-
-faker.seed(1);
-
-const icons = [
-  'ph--bug--regular',
-  'ph--compass--regular',
-  'ph--kanban--regular',
-  'ph--table--regular',
-  'ph--gear--regular',
-  'ph--github-logo--regular',
-];
-
-const DefaultStory = () => {
-  const [plugins] = useState<Plugin.Plugin[]>(
-    faker.helpers.multiple(
-      () =>
-        PluginNS.define({
-          id: `dxos.org/plugin/plugin-${faker.string.uuid()}`,
-          name: `${faker.commerce.productName()}`,
-          description: faker.lorem.sentences(Math.ceil(Math.random() * 3)),
-          tags: faker.helpers.uniqueArray(RegistryTagType.literals as any, Math.floor(Math.random() * 3)),
-          icon: faker.helpers.arrayElement(icons),
-          iconHue: getHashHue(faker.string.uuid()),
-          homePage: faker.datatype.boolean({ probability: 0.5 }) ? faker.internet.url() : undefined,
-          source: faker.internet.url(),
-        }).pipe(PluginNS.make)(),
-      { count: 32 },
-    ),
-  );
-  const [enabled, setEnabled] = useState<string[]>([]);
-
-  const handleChange = (id: string, enabled: boolean) => {
-    setEnabled((plugins) => (enabled ? [...plugins, id] : plugins.filter((plugin) => plugin === id)));
-  };
-
-  return <PluginList plugins={plugins} enabled={enabled} onChange={handleChange} hasSettings={() => true} />;
-};
-
-const meta = {
-  title: 'plugins/plugin-registry/PluginList',
-  component: PluginList,
-  render: DefaultStory,
-  parameters: {
-    translations,
-  },
-} satisfies Meta<typeof PluginList>;
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {
-  decorators: [withTheme, withLayout({ layout: 'column', scroll: true })],
-};
-
-export const FullScreen: Story = {
-  decorators: [withTheme, withLayout({ scroll: true })],
-  parameters: {
-    layout: 'fullscreen',
-  },
-};

package/src/components/RegistryContainer.tsx

@@ -1,83 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import { useAtomValue } from '@effect-atom/atom-react';
-import * as Effect from 'effect/Effect';
-import React, { useCallback, useMemo } from 'react';
-
-import { Common, type Plugin, SettingsOperation } from '@dxos/app-framework';
-import { useCapabilities, useOperationInvoker, usePluginManager } from '@dxos/app-framework/react';
-import { runAndForwardErrors } from '@dxos/effect';
-import { ObservabilityOperation } from '@dxos/plugin-observability/types';
-import { Layout } from '@dxos/react-ui-mosaic';
-
-import { PluginList } from './PluginList';
-
-const sortByPluginMeta = ({ meta: { name: a = '' } }: Plugin.Plugin, { meta: { name: b = '' } }: Plugin.Plugin) =>
-  a.localeCompare(b);
-
-export type RegistryContainerProps = {
-  id: string;
-  plugins: Plugin.Plugin[];
-};
-
-export const RegistryContainer = ({ id, plugins: pluginsProp }: RegistryContainerProps) => {
-  const manager = usePluginManager();
-  const { invoke, invokePromise } = useOperationInvoker();
-  const plugins = useMemo(() => pluginsProp.sort(sortByPluginMeta), [pluginsProp]);
-  const enabled = useAtomValue(manager.enabled);
-  const allSettings = useCapabilities(Common.Capability.Settings);
-
-  // TODO(wittjosiah): Factor out to an intent?
-  const handleChange = useCallback(
-    (id: string, enabled: boolean) =>
-      Effect.gen(function* () {
-        if (enabled) {
-          yield* manager.enable(id);
-        } else {
-          yield* manager.disable(id);
-        }
-
-        yield* invoke(ObservabilityOperation.SendEvent, {
-          name: 'plugins.toggle',
-          properties: {
-            plugin: id,
-            enabled,
-          },
-        });
-      }).pipe(runAndForwardErrors),
-    [invoke, manager],
-  );
-
-  const handleClick = useCallback(
-    (pluginId: string) =>
-      invokePromise(Common.LayoutOperation.Open, {
-        // TODO(wittjosiah): `/` currently is not supported in ids.
-        subject: [pluginId.replaceAll('/', ':')],
-        pivotId: id,
-        positioning: 'end',
-      }),
-    [invokePromise, id],
-  );
-
-  const hasSettings = useCallback((pluginId: string) => allSettings.some((s) => s.prefix === pluginId), [allSettings]);
-
-  const handleSettings = useCallback(
-    (pluginId: string) => invokePromise(SettingsOperation.Open, { plugin: pluginId }),
-    [invokePromise],
-  );
-
-  return (
-    <Layout.Container scrollable>
-      <PluginList
-        plugins={plugins}
-        enabled={enabled}
-        onClick={handleClick}
-        onChange={handleChange}
-        hasSettings={hasSettings}
-        onSettings={handleSettings}
-      />
-    </Layout.Container>
-  );
-};