@dxos/plugin-registry 0.7.5-main.9d26e3a → 0.7.5-main.e9bb01b

package/src/components/RegistryContainer.tsx

@@ -0,0 +1,51 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import React, { useMemo } from 'react';
+
+import { createIntent, LayoutAction, type Plugin, useIntentDispatcher, usePluginManager } from '@dxos/app-framework';
+import { ObservabilityAction } from '@dxos/plugin-observability/types';
+import { StackItem } from '@dxos/react-ui-stack';
+
+import { PluginList } from './PluginList';
+
+const sortByPluginMeta = ({ meta: { name: a = '' } }: Plugin, { meta: { name: b = '' } }: Plugin) => a.localeCompare(b);
+
+export const RegistryContainer = ({ id, plugins: _plugins }: { id: string; plugins: Plugin[] }) => {
+  const manager = usePluginManager();
+  const { dispatchPromise: dispatch } = useIntentDispatcher();
+  const plugins = useMemo(() => _plugins.sort(sortByPluginMeta), [_plugins]);
+
+  // TODO(wittjosiah): Factor out to an intent?
+  const handleChange = async (id: string, enabled: boolean) => {
+    if (enabled) {
+      await manager.enable(id);
+    } else {
+      await manager.disable(id);
+    }
+
+    await dispatch(
+      createIntent(ObservabilityAction.SendEvent, {
+        name: 'plugins.toggle',
+        properties: { plugin: id, enabled },
+      }),
+    );
+  };
+
+  const handleClick = (pluginId: string) =>
+    dispatch(
+      createIntent(LayoutAction.Open, {
+        part: 'main',
+        // TODO(wittjosiah): `/` currently is not supported in ids.
+        subject: [pluginId.replaceAll('/', ':')],
+        options: { pivotId: id, positioning: 'end' },
+      }),
+    );
+
+  return (
+    <StackItem.Content toolbar={false} role='article' classNames='overflow-x-hidden overflow-y-auto'>
+      <PluginList plugins={plugins} enabled={manager.enabled} onClick={handleClick} onChange={handleChange} />
+    </StackItem.Content>
+  );
+};

package/src/components/index.ts

@@ -2,5 +2,6 @@
 // Copyright 2023 DXOS.org
 //
 
+export * from './PluginDetail';
 export * from './PluginList';
-export * from './PluginSettings';
+export * from './RegistryContainer';

package/src/index.ts

@@ -2,8 +2,5 @@
 // Copyright 2023 DXOS.org
 //
 
-import { RegistryPlugin } from './RegistryPlugin';
-
-export default RegistryPlugin;
-
+export * from './meta';
 export * from './RegistryPlugin';

package/src/meta.ts

@@ -6,7 +6,11 @@ import { type PluginMeta } from '@dxos/app-framework';
 
 export const REGISTRY_PLUGIN = 'dxos.org/plugin/registry';
 
-export default {
+// TODO(wittjosiah): Deck does not currently support `/` in ids.
+export const REGISTRY_ID = 'dxos:plugin-registry';
+export const REGISTRY_KEY = 'plugin-registry';
+
+export const meta = {
   id: REGISTRY_PLUGIN,
   name: 'Plugins',
 } satisfies PluginMeta;

package/src/translations.ts

@@ -11,11 +11,21 @@ export default [
         'plugin name': 'Registry',
         'reload required message': 'Reload required.',
         'settings show experimental label': 'Show experimental plugins',
-        'settings section installed label': 'Installed',
+        'settings section installed label': 'Enabled',
         'settings section recommended label': 'Recommended',
         'settings section experimental label': 'Experimental',
-        'home page label': 'Home page',
+        'details label': 'Details',
+        'home page label': 'Website',
         'source label': 'Source',
+        'plugin registry label': 'Plugin Registry',
+        'all plugins label': 'All',
+        'installed plugins label': 'Enabled',
+        'recommended plugins label': 'Recommended',
+        'experimental plugins label': 'Experimental',
+        'community plugins label': 'Community',
+        'load by url label': 'Load by URL (soon)',
+        'coming soon label': 'Coming soon!',
+        'open plugin registry label': 'Open plugin registry',
       },
     },
   },

package/src/types.ts

@@ -0,0 +1,13 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { S } from '@dxos/echo-schema';
+
+export const RegistrySettingsSchema = S.mutable(
+  S.Struct({
+    experimental: S.optional(S.Boolean),
+  }),
+);
+
+export type RegistrySettings = S.Schema.Type<typeof RegistrySettingsSchema>;

package/dist/lib/browser/chunk-NEMFDAOB.mjs

@@ -1,12 +0,0 @@
-// packages/plugins/plugin-registry/src/meta.ts
-var REGISTRY_PLUGIN = "dxos.org/plugin/registry";
-var meta_default = {
-  id: REGISTRY_PLUGIN,
-  name: "Plugins"
-};
-
-export {
-  REGISTRY_PLUGIN,
-  meta_default
-};
-//# sourceMappingURL=chunk-NEMFDAOB.mjs.map

package/dist/lib/browser/chunk-NEMFDAOB.mjs.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 REGISTRY_PLUGIN = 'dxos.org/plugin/registry';\n\nexport default {\n  id: REGISTRY_PLUGIN,\n  name: 'Plugins',\n} satisfies PluginMeta;\n"],
-  "mappings": ";AAMO,IAAMA,kBAAkB;AAE/B,IAAA,eAAe;EACbC,IAAID;EACJE,MAAM;AACR;",
-  "names": ["REGISTRY_PLUGIN", "id", "name"]
-}

package/dist/lib/browser/meta.mjs

@@ -1,9 +0,0 @@
-import {
-  REGISTRY_PLUGIN,
-  meta_default
-} from "./chunk-NEMFDAOB.mjs";
-export {
-  REGISTRY_PLUGIN,
-  meta_default as default
-};
-//# sourceMappingURL=meta.mjs.map

package/dist/lib/browser/meta.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": [],
-  "sourcesContent": [],
-  "mappings": "",
-  "names": []
-}

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

@@ -1,6 +0,0 @@
-import React from 'react';
-import { type RegistrySettingsProps } from '../RegistryPlugin';
-export declare const PluginSettings: ({ settings }: {
-    settings: RegistrySettingsProps;
-}) => React.JSX.Element;
-//# sourceMappingURL=PluginSettings.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PluginSettings.d.ts","sourceRoot":"","sources":["../../../../src/components/PluginSettings.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAQ/D,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAK/D,eAAO,MAAM,cAAc,iBAAkB;IAAE,QAAQ,EAAE,qBAAqB,CAAA;CAAE,sBAiF/E,CAAC"}

package/src/components/PluginSettings.tsx

@@ -1,108 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import React, { useMemo, type PropsWithChildren } from 'react';
-
-import { createIntent, type PluginMeta, useIntentDispatcher, usePlugins } from '@dxos/app-framework';
-import { ObservabilityAction } from '@dxos/plugin-observability/types';
-import { Input, useTranslation } from '@dxos/react-ui';
-import { DeprecatedFormInput } from '@dxos/react-ui-form';
-
-import { PluginList } from './PluginList';
-import { type RegistrySettingsProps } from '../RegistryPlugin';
-import { REGISTRY_PLUGIN } from '../meta';
-
-const sortPluginMeta = ({ name: a = '' }: PluginMeta, { name: b = '' }: PluginMeta) => a.localeCompare(b);
-
-export const PluginSettings = ({ settings }: { settings: RegistrySettingsProps }) => {
-  const { t } = useTranslation(REGISTRY_PLUGIN);
-  const { plugins, enabled, core, setPlugin, ...pluginContext } = usePlugins();
-  const { dispatchPromise: dispatch } = useIntentDispatcher();
-
-  // Memoize to prevent plugins from disappearing when toggling enabled.
-  const installed = useMemo(
-    () =>
-      plugins
-        .filter(({ meta }) => !core.includes(meta.id))
-        .filter(({ meta }) => enabled.includes(meta.id))
-        .map(({ meta }) => meta)
-        .sort(sortPluginMeta),
-    [],
-  );
-
-  const pluginIds = plugins.map(({ meta }) => meta.id);
-  const available = useMemo(
-    () => pluginContext.available.filter(({ id }) => !enabled.includes(id)).sort(sortPluginMeta),
-    [],
-  );
-  const recommended = available.filter((meta) => !meta.tags?.includes('experimental'));
-  const experimental = available.filter((meta) => meta.tags?.includes('experimental'));
-
-  const handleChange = (id: string, enabled: boolean) => {
-    setPlugin(id, enabled);
-    void dispatch(
-      createIntent(ObservabilityAction.SendEvent, {
-        name: 'plugins.toggle',
-        properties: { plugin: id, enabled },
-      }),
-    );
-  };
-
-  const handleReload = () => {
-    window.location.reload();
-  };
-
-  return (
-    <>
-      <DeprecatedFormInput label={t('settings show experimental label')}>
-        <Input.Switch
-          data-testid='pluginSettings.experimental'
-          checked={settings.experimental}
-          onCheckedChange={(checked) => (settings.experimental = !!checked)}
-        />
-      </DeprecatedFormInput>
-
-      <Section label={t('settings section installed label')}>
-        <PluginList
-          plugins={installed}
-          loaded={pluginIds}
-          enabled={enabled}
-          onChange={handleChange}
-          onReload={handleReload}
-        />
-      </Section>
-
-      <Section label={t('settings section recommended label')}>
-        <PluginList
-          plugins={recommended}
-          loaded={pluginIds}
-          enabled={enabled}
-          onChange={handleChange}
-          onReload={handleReload}
-        />
-      </Section>
-
-      {settings.experimental && (
-        <Section label={t('settings section experimental label')}>
-          <PluginList
-            plugins={experimental}
-            loaded={pluginIds}
-            enabled={enabled}
-            onChange={handleChange}
-            onReload={handleReload}
-          />
-        </Section>
-      )}
-    </>
-  );
-};
-
-const Section = ({ label, children }: PropsWithChildren<{ label: string }>) => {
-  return (
-    <div>
-      <h2 className='py-2 text-sm text-subdued'>{label}</h2>
-      {children}
-    </div>
-  );
-};