@dxos/plugin-registry 0.6.13 → 0.6.14-main.69511f5

package/dist/lib/browser/{chunk-2FC6QNHB.mjs → chunk-NEMFDAOB.mjs}

@@ -9,4 +9,4 @@ export {
   REGISTRY_PLUGIN,
   meta_default
 };
-//# sourceMappingURL=chunk-2FC6QNHB.mjs.map
+//# sourceMappingURL=chunk-NEMFDAOB.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "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/index.mjs

@@ -1,31 +1,21 @@
 import {
   REGISTRY_PLUGIN,
   meta_default
-} from "./chunk-2FC6QNHB.mjs";
+} from "./chunk-NEMFDAOB.mjs";
 
 // packages/plugins/plugin-registry/src/RegistryPlugin.tsx
 import React3 from "react";
 import { LocalStorageStore } from "@dxos/local-storage";
 
 // packages/plugins/plugin-registry/src/components/PluginList.tsx
-import { ArrowClockwise, Circle } from "@phosphor-icons/react";
 import React from "react";
-import {
-  Button,
-  DensityProvider,
-  Input,
-  List,
-  ListItem,
-  useTranslation
-} from "@dxos/react-ui";
-import { descriptionText, fineBlockSize, getSize, ghostHover, mx } from "@dxos/react-ui-theme";
+import { Button, Icon, Input, List, ListItem, useTranslation } from "@dxos/react-ui";
+import { descriptionText, fineBlockSize, ghostHover, mx } from "@dxos/react-ui-theme";
 var PluginList = ({ plugins = [], loaded = [], enabled = [], onChange, onReload }) => {
   const { t } = useTranslation(REGISTRY_PLUGIN);
-  return /* @__PURE__ */ React.createElement(DensityProvider, {
-    density: "fine"
-  }, /* @__PURE__ */ React.createElement(List, {
+  return /* @__PURE__ */ React.createElement(List, {
     classNames: "mb-4 select-none"
-  }, plugins.map(({ id, name, description, homePage, iconComponent: Icon = Circle }) => {
+  }, plugins.map(({ id, name, description, homePage, icon = "ph--circle--regular" }) => {
     const isEnabled = enabled.includes(id);
     const isLoaded = loaded.includes(id);
     const reloadRequired = isEnabled !== isLoaded;
@@ -44,8 +34,9 @@ var PluginList = ({ plugins = [], loaded = [], enabled = [], onChange, onReload
         ghostHover
       ]
     }, /* @__PURE__ */ React.createElement(Icon, {
-      weight: "duotone",
-      className: mx("shrink-0 mbs-1", getSize(6))
+      icon,
+      size: 6,
+      classNames: "shrink-0 mbs-1"
     }), /* @__PURE__ */ React.createElement("div", {
       role: "none",
       className: mx(fineBlockSize, "grow pbs-1 pl-1")
@@ -62,31 +53,35 @@ var PluginList = ({ plugins = [], loaded = [], enabled = [], onChange, onReload
       variant: "ghost",
       classNames: "p-0 gap-2",
       onClick: onReload
-    }, /* @__PURE__ */ React.createElement(ArrowClockwise, null), /* @__PURE__ */ React.createElement("p", {
+    }, /* @__PURE__ */ React.createElement(Icon, {
+      size: 4,
+      icon: "ph--arrow-clockwise--regular"
+    }), /* @__PURE__ */ React.createElement("p", {
       className: "text-sm font-medium"
     }, t("reload required message"))))), /* @__PURE__ */ React.createElement("div", {
       className: "pbs-1"
     }, /* @__PURE__ */ React.createElement(Input.Switch, {
       classNames: "self-center",
-      checked: !!isEnabled,
+      checked: isEnabled,
       onClick: () => onChange?.(id, !isEnabled)
     }))));
-  })));
+  }));
 };
 
 // packages/plugins/plugin-registry/src/components/PluginSettings.tsx
 import React2, { useMemo } from "react";
 import { useIntentDispatcher, usePlugins } from "@dxos/app-framework";
 import { ObservabilityAction } from "@dxos/plugin-observability/meta";
-import { SettingsValue } from "@dxos/plugin-settings";
 import { Input as Input2, useTranslation as useTranslation2 } from "@dxos/react-ui";
+import { FormInput } from "@dxos/react-ui-data";
+var sortPluginMeta = ({ name: a = "" }, { name: b = "" }) => a.localeCompare(b);
 var PluginSettings = ({ settings }) => {
   const { t } = useTranslation2(REGISTRY_PLUGIN);
-  const { enabled, core, plugins, setPlugin, ...pluginContext } = usePlugins();
+  const { plugins, enabled, core, setPlugin, ...pluginContext } = usePlugins();
   const dispatch = useIntentDispatcher();
-  const sort = (a, b) => a.name?.localeCompare(b.name ?? "") ?? 0;
-  const installed = useMemo(() => plugins.filter(({ meta }) => !core.includes(meta.id)).filter(({ meta }) => enabled.includes(meta.id)).map(({ meta }) => meta).sort(sort), []);
-  const available = useMemo(() => pluginContext.available.filter(({ id }) => !enabled.includes(id)).sort(sort), []);
+  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, enabled2) => {
@@ -105,7 +100,7 @@ var PluginSettings = ({ settings }) => {
   const handleReload = () => {
     window.location.reload();
   };
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(SettingsValue, {
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(FormInput, {
     label: t("settings show experimental label")
   }, /* @__PURE__ */ React2.createElement(Input2.Switch, {
     "data-testid": "pluginSettings.experimental",
@@ -115,7 +110,7 @@ var PluginSettings = ({ settings }) => {
     label: t("settings section installed label")
   }, /* @__PURE__ */ React2.createElement(PluginList, {
     plugins: installed,
-    loaded: plugins.map(({ meta }) => meta.id),
+    loaded: pluginIds,
     enabled,
     onChange: handleChange,
     onReload: handleReload
@@ -123,7 +118,7 @@ var PluginSettings = ({ settings }) => {
     label: t("settings section recommended label")
   }, /* @__PURE__ */ React2.createElement(PluginList, {
     plugins: recommended,
-    loaded: plugins.map(({ meta }) => meta.id),
+    loaded: pluginIds,
     enabled,
     onChange: handleChange,
     onReload: handleReload
@@ -131,7 +126,7 @@ var PluginSettings = ({ settings }) => {
     label: t("settings section experimental label")
   }, /* @__PURE__ */ React2.createElement(PluginList, {
     plugins: experimental,
-    loaded: plugins.map(({ meta }) => meta.id),
+    loaded: pluginIds,
     enabled,
     onChange: handleChange,
     onReload: handleReload
@@ -139,7 +134,7 @@ var PluginSettings = ({ settings }) => {
 };
 var Section = ({ label, children }) => {
   return /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement("h2", {
-    className: "py-2 text-sm text-neutral-500"
+    className: "py-2 text-sm text-subdued"
   }, label), children);
 };
 

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/RegistryPlugin.tsx", "../../../src/components/PluginList.tsx", "../../../src/components/PluginSettings.tsx", "../../../src/translations.ts", "../../../src/index.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport type { PluginDefinition, SettingsProvides, SurfaceProvides, TranslationsProvides } from '@dxos/app-framework';\nimport { LocalStorageStore } from '@dxos/local-storage';\n\nimport { PluginSettings } from './components';\nimport meta, { REGISTRY_PLUGIN } from './meta';\nimport translations from './translations';\n\nexport type RegistrySettingsProps = {\n  experimental?: boolean;\n};\n\nexport type RegistryPluginProvides = SurfaceProvides & TranslationsProvides & SettingsProvides<RegistrySettingsProps>;\n\nexport const RegistryPlugin = (): PluginDefinition<RegistryPluginProvides> => {\n  const settings = new LocalStorageStore<RegistrySettingsProps>(REGISTRY_PLUGIN);\n\n  return {\n    meta,\n    ready: async () => {\n      settings.prop({ key: 'experimental', type: LocalStorageStore.bool({ allowUndefined: true }) });\n    },\n    provides: {\n      settings: settings.values,\n      translations,\n      surface: {\n        component: ({ data, role }) => {\n          switch (role) {\n            case 'settings':\n              return data.plugin === meta.id ? <PluginSettings settings={settings.values} /> : null;\n          }\n\n          return null;\n        },\n      },\n    },\n  };\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { ArrowClockwise, Circle } from '@phosphor-icons/react';\nimport React from 'react';\n\nimport type { Plugin } from '@dxos/app-framework';\nimport {\n  Button,\n  // type ChromaticPalette,\n  // type NeutralPalette,\n  DensityProvider,\n  Input,\n  List,\n  ListItem,\n  useTranslation,\n  // Link,\n} from '@dxos/react-ui';\nimport { descriptionText, fineBlockSize, getSize, ghostHover, mx } from '@dxos/react-ui-theme';\n\nimport { REGISTRY_PLUGIN } from '../meta';\n\n// TODO(burdon): Reconcile with theme.\n// const palette: { [tag: string]: ChromaticPalette | NeutralPalette } = {\n//   default: 'neutral',\n//   new: 'green',\n//   beta: 'cyan',\n//   alpha: 'purple',\n//   experimental: 'indigo',\n//   新発売: 'red',\n// };\n\nexport type PluginListProps = {\n  plugins?: Plugin['meta'][];\n  loaded?: string[];\n  enabled?: string[];\n  onChange?: (id: string, enabled: boolean) => void;\n  onReload?: () => void;\n};\n\nexport const PluginList = ({ plugins = [], loaded = [], enabled = [], onChange, onReload }: PluginListProps) => {\n  const { t } = useTranslation(REGISTRY_PLUGIN);\n\n  return (\n    <DensityProvider density='fine'>\n      <List classNames='mb-4 select-none'>\n        {plugins.map(({ id, name, description, homePage, iconComponent: Icon = Circle }) => {\n          const isEnabled = enabled.includes(id);\n          const isLoaded = loaded.includes(id);\n          const reloadRequired = isEnabled !== isLoaded;\n          const inputId = `${id}-input`;\n          const labelId = `${id}-label`;\n          const descriptionId = `${id}-description`;\n\n          return (\n            <Input.Root key={id} id={inputId}>\n              <ListItem.Root\n                labelId={labelId}\n                data-testid={`pluginList.${id}`}\n                aria-describedby={descriptionId}\n                classNames={['flex gap-2 cursor-pointer plb-2 pli-2 -mli-2 rounded', ghostHover]}\n              >\n                <Icon weight='duotone' className={mx('shrink-0 mbs-1', getSize(6))} />\n                <div role='none' className={mx(fineBlockSize, 'grow pbs-1 pl-1')}>\n                  <label htmlFor={inputId} id={labelId} className='truncate'>\n                    {name ?? id}\n                  </label>\n                  {(description || reloadRequired || homePage) && (\n                    <div id={descriptionId} className='space-b-1 pbs-1 pbe-1'>\n                      <p className={descriptionText}>{description}</p>\n                      {/* TODO(wittjosiah): Include once plugin docs are available. */}\n                      {/* {homePage && (\n                        <Link\n                          href={homePage}\n                          target='_blank'\n                          rel='noreferrer'\n                          aria-describedby={descriptionId}\n                          classNames='text-xs'\n                        >\n                          {t('home page label')}\n                          <ArrowSquareOut weight='bold' className={mx(getSize(3), 'inline-block leading-none mli-1')} />\n                        </Link>\n                      )} */}\n                      {reloadRequired && (\n                        <Button variant='ghost' classNames='p-0 gap-2' onClick={onReload}>\n                          <ArrowClockwise />\n                          <p className='text-sm font-medium'>{t('reload required message')}</p>\n                        </Button>\n                      )}\n                    </div>\n                  )}\n                </div>\n                <div className='pbs-1'>\n                  <Input.Switch\n                    classNames='self-center'\n                    checked={!!isEnabled}\n                    onClick={() => onChange?.(id, !isEnabled)}\n                  />\n                </div>\n              </ListItem.Root>\n            </Input.Root>\n          );\n        })}\n      </List>\n    </DensityProvider>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useMemo, type PropsWithChildren } from 'react';\n\nimport { type Plugin, useIntentDispatcher, usePlugins } from '@dxos/app-framework';\nimport { ObservabilityAction } from '@dxos/plugin-observability/meta';\nimport { SettingsValue } from '@dxos/plugin-settings';\nimport { Input, useTranslation } from '@dxos/react-ui';\n\nimport { PluginList } from './PluginList';\nimport { type RegistrySettingsProps } from '../RegistryPlugin';\nimport { REGISTRY_PLUGIN } from '../meta';\n\nexport const PluginSettings = ({ settings }: { settings: RegistrySettingsProps }) => {\n  const { t } = useTranslation(REGISTRY_PLUGIN);\n  const { enabled, core, plugins, setPlugin, ...pluginContext } = usePlugins();\n  const dispatch = useIntentDispatcher();\n\n  const sort = (a: Plugin['meta'], b: Plugin['meta']) => a.name?.localeCompare(b.name ?? '') ?? 0;\n\n  // Memoize to prevent plugins from disappearing when toggling enabled.\n  const installed = useMemo(\n    () =>\n      plugins\n        .filter(({ meta }) => !core.includes(meta.id))\n        .filter(({ meta }) => enabled.includes(meta.id))\n        .map(({ meta }) => meta)\n        .sort(sort),\n    [],\n  );\n\n  const available = useMemo(() => pluginContext.available.filter(({ id }) => !enabled.includes(id)).sort(sort), []);\n  const recommended = available.filter((meta) => !meta.tags?.includes('experimental'));\n  const experimental = available.filter((meta) => meta.tags?.includes('experimental'));\n\n  const handleChange = (id: string, enabled: boolean) => {\n    setPlugin(id, enabled);\n    void dispatch({\n      action: ObservabilityAction.SEND_EVENT,\n      data: {\n        name: 'plugins.toggle',\n        properties: { plugin: id, enabled },\n      },\n    });\n  };\n\n  const handleReload = () => {\n    window.location.reload();\n  };\n\n  return (\n    <>\n      <SettingsValue label={t('settings show experimental label')}>\n        <Input.Switch\n          data-testid='pluginSettings.experimental'\n          checked={settings.experimental}\n          onCheckedChange={(checked) => (settings.experimental = !!checked)}\n        />\n      </SettingsValue>\n\n      <Section label={t('settings section installed label')}>\n        <PluginList\n          plugins={installed}\n          loaded={plugins.map(({ meta }) => meta.id)}\n          enabled={enabled}\n          onChange={handleChange}\n          onReload={handleReload}\n        />\n      </Section>\n\n      <Section label={t('settings section recommended label')}>\n        <PluginList\n          plugins={recommended}\n          loaded={plugins.map(({ meta }) => meta.id)}\n          enabled={enabled}\n          onChange={handleChange}\n          onReload={handleReload}\n        />\n      </Section>\n\n      {settings.experimental && (\n        <Section label={t('settings section experimental label')}>\n          <PluginList\n            plugins={experimental}\n            loaded={plugins.map(({ meta }) => meta.id)}\n            enabled={enabled}\n            onChange={handleChange}\n            onReload={handleReload}\n          />\n        </Section>\n      )}\n    </>\n  );\n};\n\nconst Section = ({ label, children }: PropsWithChildren<{ label: string }>) => {\n  return (\n    <div>\n      <h2 className='py-2 text-sm text-neutral-500'>{label}</h2>\n      {children}\n    </div>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { REGISTRY_PLUGIN } from './meta';\n\nexport default [\n  {\n    'en-US': {\n      [REGISTRY_PLUGIN]: {\n        'plugin name': 'Registry',\n        'reload required message': 'Reload required.',\n        'settings show experimental label': 'Show experimental plugins',\n        'settings section installed label': 'Installed',\n        'settings section recommended label': 'Recommended',\n        'settings section experimental label': 'Experimental',\n        'home page label': 'Home page',\n      },\n    },\n  },\n];\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { RegistryPlugin } from './RegistryPlugin';\n\nexport default RegistryPlugin;\n\nexport * from './RegistryPlugin';\n"],
-  "mappings": "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",
-  "names": ["React", "LocalStorageStore", "ArrowClockwise", "Circle", "React", "Button", "DensityProvider", "Input", "List", "ListItem", "useTranslation", "descriptionText", "fineBlockSize", "getSize", "ghostHover", "mx", "PluginList", "plugins", "loaded", "enabled", "onChange", "onReload", "t", "useTranslation", "REGISTRY_PLUGIN", "DensityProvider", "density", "List", "classNames", "map", "id", "name", "description", "homePage", "iconComponent", "Icon", "Circle", "isEnabled", "includes", "isLoaded", "reloadRequired", "inputId", "labelId", "descriptionId", "Input", "Root", "key", "ListItem", "data-testid", "aria-describedby", "ghostHover", "weight", "className", "mx", "getSize", "div", "role", "fineBlockSize", "label", "htmlFor", "p", "descriptionText", "Button", "variant", "onClick", "ArrowClockwise", "Switch", "checked", "React", "useMemo", "useIntentDispatcher", "usePlugins", "ObservabilityAction", "SettingsValue", "Input", "useTranslation", "PluginSettings", "settings", "t", "useTranslation", "REGISTRY_PLUGIN", "enabled", "core", "plugins", "setPlugin", "pluginContext", "usePlugins", "dispatch", "useIntentDispatcher", "sort", "a", "b", "name", "localeCompare", "installed", "useMemo", "filter", "meta", "includes", "id", "map", "available", "recommended", "tags", "experimental", "handleChange", "action", "ObservabilityAction", "SEND_EVENT", "data", "properties", "plugin", "handleReload", "window", "location", "reload", "React", "SettingsValue", "label", "Input", "Switch", "data-testid", "checked", "onCheckedChange", "Section", "PluginList", "loaded", "onChange", "onReload", "children", "div", "h2", "className", "REGISTRY_PLUGIN", "RegistryPlugin", "settings", "LocalStorageStore", "REGISTRY_PLUGIN", "meta", "ready", "prop", "key", "type", "bool", "allowUndefined", "provides", "values", "translations", "surface", "component", "data", "role", "plugin", "id", "React", "PluginSettings", "RegistryPlugin"]
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport type { PluginDefinition, SettingsProvides, SurfaceProvides, TranslationsProvides } from '@dxos/app-framework';\nimport { LocalStorageStore } from '@dxos/local-storage';\n\nimport { PluginSettings } from './components';\nimport meta, { REGISTRY_PLUGIN } from './meta';\nimport translations from './translations';\n\nexport type RegistrySettingsProps = {\n  experimental?: boolean;\n};\n\nexport type RegistryPluginProvides = SurfaceProvides & TranslationsProvides & SettingsProvides<RegistrySettingsProps>;\n\nexport const RegistryPlugin = (): PluginDefinition<RegistryPluginProvides> => {\n  const settings = new LocalStorageStore<RegistrySettingsProps>(REGISTRY_PLUGIN);\n\n  return {\n    meta,\n    ready: async () => {\n      settings.prop({ key: 'experimental', type: LocalStorageStore.bool({ allowUndefined: true }) });\n    },\n    provides: {\n      settings: settings.values,\n      translations,\n      surface: {\n        component: ({ data, role }) => {\n          switch (role) {\n            case 'settings':\n              return data.plugin === meta.id ? <PluginSettings settings={settings.values} /> : null;\n          }\n\n          return null;\n        },\n      },\n    },\n  };\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type PluginMeta } from '@dxos/app-framework';\nimport { Button, Icon, Input, List, ListItem, useTranslation } from '@dxos/react-ui';\nimport { descriptionText, fineBlockSize, ghostHover, mx } from '@dxos/react-ui-theme';\n\nimport { REGISTRY_PLUGIN } from '../meta';\n\nexport type PluginListProps = {\n  plugins?: PluginMeta[];\n  loaded?: string[];\n  enabled?: string[];\n  onChange?: (id: string, enabled: boolean) => void;\n  onReload?: () => void;\n};\n\nexport const PluginList = ({ plugins = [], loaded = [], enabled = [], onChange, onReload }: PluginListProps) => {\n  const { t } = useTranslation(REGISTRY_PLUGIN);\n\n  return (\n    <List classNames='mb-4 select-none'>\n      {plugins.map(({ id, name, description, homePage, icon = 'ph--circle--regular' }) => {\n        const isEnabled = enabled.includes(id);\n        const isLoaded = loaded.includes(id);\n        const reloadRequired = isEnabled !== isLoaded;\n        const inputId = `${id}-input`;\n        const labelId = `${id}-label`;\n        const descriptionId = `${id}-description`;\n\n        return (\n          <Input.Root key={id} id={inputId}>\n            <ListItem.Root\n              labelId={labelId}\n              data-testid={`pluginList.${id}`}\n              aria-describedby={descriptionId}\n              classNames={['flex gap-2 cursor-pointer plb-2 pli-2 -mli-2 rounded', ghostHover]}\n            >\n              <Icon icon={icon} size={6} classNames='shrink-0 mbs-1' />\n              <div role='none' className={mx(fineBlockSize, 'grow pbs-1 pl-1')}>\n                <label htmlFor={inputId} id={labelId} className='truncate'>\n                  {name ?? id}\n                </label>\n                {(description || reloadRequired || homePage) && (\n                  <div id={descriptionId} className='space-b-1 pbs-1 pbe-1'>\n                    <p className={descriptionText}>{description}</p>\n                    {/* TODO(wittjosiah): Include once plugin docs are available. */}\n                    {/* {homePage && (\n                        <Link\n                          href={homePage}\n                          target='_blank'\n                          rel='noreferrer'\n                          aria-describedby={descriptionId}\n                          classNames='text-xs'\n                        >\n                          {t('home page label')}\n                          <ArrowSquareOut weight='bold' className={mx(getSize(3), 'inline-block leading-none mli-1')} />\n                        </Link>\n                      )} */}\n                    {reloadRequired && (\n                      <Button variant='ghost' classNames='p-0 gap-2' onClick={onReload}>\n                        <Icon size={4} icon='ph--arrow-clockwise--regular' />\n                        <p className='text-sm font-medium'>{t('reload required message')}</p>\n                      </Button>\n                    )}\n                  </div>\n                )}\n              </div>\n              <div className='pbs-1'>\n                <Input.Switch classNames='self-center' checked={isEnabled} onClick={() => onChange?.(id, !isEnabled)} />\n              </div>\n            </ListItem.Root>\n          </Input.Root>\n        );\n      })}\n    </List>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useMemo, type PropsWithChildren } from 'react';\n\nimport { type PluginMeta, useIntentDispatcher, usePlugins } from '@dxos/app-framework';\nimport { ObservabilityAction } from '@dxos/plugin-observability/meta';\nimport { Input, useTranslation } from '@dxos/react-ui';\nimport { FormInput } from '@dxos/react-ui-data';\n\nimport { PluginList } from './PluginList';\nimport { type RegistrySettingsProps } from '../RegistryPlugin';\nimport { REGISTRY_PLUGIN } from '../meta';\n\nconst sortPluginMeta = ({ name: a = '' }: PluginMeta, { name: b = '' }: PluginMeta) => a.localeCompare(b);\n\nexport const PluginSettings = ({ settings }: { settings: RegistrySettingsProps }) => {\n  const { t } = useTranslation(REGISTRY_PLUGIN);\n  const { plugins, enabled, core, setPlugin, ...pluginContext } = usePlugins();\n  const dispatch = useIntentDispatcher();\n\n  // Memoize to prevent plugins from disappearing when toggling enabled.\n  const installed = useMemo(\n    () =>\n      plugins\n        .filter(({ meta }) => !core.includes(meta.id))\n        .filter(({ meta }) => enabled.includes(meta.id))\n        .map(({ meta }) => meta)\n        .sort(sortPluginMeta),\n    [],\n  );\n\n  const pluginIds = plugins.map(({ meta }) => meta.id);\n  const available = useMemo(\n    () => pluginContext.available.filter(({ id }) => !enabled.includes(id)).sort(sortPluginMeta),\n    [],\n  );\n  const recommended = available.filter((meta) => !meta.tags?.includes('experimental'));\n  const experimental = available.filter((meta) => meta.tags?.includes('experimental'));\n\n  const handleChange = (id: string, enabled: boolean) => {\n    setPlugin(id, enabled);\n    void dispatch({\n      action: ObservabilityAction.SEND_EVENT,\n      data: {\n        name: 'plugins.toggle',\n        properties: { plugin: id, enabled },\n      },\n    });\n  };\n\n  const handleReload = () => {\n    window.location.reload();\n  };\n\n  return (\n    <>\n      <FormInput label={t('settings show experimental label')}>\n        <Input.Switch\n          data-testid='pluginSettings.experimental'\n          checked={settings.experimental}\n          onCheckedChange={(checked) => (settings.experimental = !!checked)}\n        />\n      </FormInput>\n\n      <Section label={t('settings section installed label')}>\n        <PluginList\n          plugins={installed}\n          loaded={pluginIds}\n          enabled={enabled}\n          onChange={handleChange}\n          onReload={handleReload}\n        />\n      </Section>\n\n      <Section label={t('settings section recommended label')}>\n        <PluginList\n          plugins={recommended}\n          loaded={pluginIds}\n          enabled={enabled}\n          onChange={handleChange}\n          onReload={handleReload}\n        />\n      </Section>\n\n      {settings.experimental && (\n        <Section label={t('settings section experimental label')}>\n          <PluginList\n            plugins={experimental}\n            loaded={pluginIds}\n            enabled={enabled}\n            onChange={handleChange}\n            onReload={handleReload}\n          />\n        </Section>\n      )}\n    </>\n  );\n};\n\nconst Section = ({ label, children }: PropsWithChildren<{ label: string }>) => {\n  return (\n    <div>\n      <h2 className='py-2 text-sm text-subdued'>{label}</h2>\n      {children}\n    </div>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { REGISTRY_PLUGIN } from './meta';\n\nexport default [\n  {\n    'en-US': {\n      [REGISTRY_PLUGIN]: {\n        'plugin name': 'Registry',\n        'reload required message': 'Reload required.',\n        'settings show experimental label': 'Show experimental plugins',\n        'settings section installed label': 'Installed',\n        'settings section recommended label': 'Recommended',\n        'settings section experimental label': 'Experimental',\n        'home page label': 'Home page',\n      },\n    },\n  },\n];\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { RegistryPlugin } from './RegistryPlugin';\n\nexport default RegistryPlugin;\n\nexport * from './RegistryPlugin';\n"],
+  "mappings": "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",
+  "names": ["React", "LocalStorageStore", "React", "Button", "Icon", "Input", "List", "ListItem", "useTranslation", "descriptionText", "fineBlockSize", "ghostHover", "mx", "PluginList", "plugins", "loaded", "enabled", "onChange", "onReload", "t", "useTranslation", "REGISTRY_PLUGIN", "List", "classNames", "map", "id", "name", "description", "homePage", "icon", "isEnabled", "includes", "isLoaded", "reloadRequired", "inputId", "labelId", "descriptionId", "Input", "Root", "key", "ListItem", "data-testid", "aria-describedby", "ghostHover", "Icon", "size", "div", "role", "className", "mx", "fineBlockSize", "label", "htmlFor", "p", "descriptionText", "Button", "variant", "onClick", "Switch", "checked", "React", "useMemo", "useIntentDispatcher", "usePlugins", "ObservabilityAction", "Input", "useTranslation", "FormInput", "sortPluginMeta", "name", "a", "b", "localeCompare", "PluginSettings", "settings", "t", "useTranslation", "REGISTRY_PLUGIN", "plugins", "enabled", "core", "setPlugin", "pluginContext", "usePlugins", "dispatch", "useIntentDispatcher", "installed", "useMemo", "filter", "meta", "includes", "id", "map", "sort", "pluginIds", "available", "recommended", "tags", "experimental", "handleChange", "action", "ObservabilityAction", "SEND_EVENT", "data", "properties", "plugin", "handleReload", "window", "location", "reload", "React", "FormInput", "label", "Input", "Switch", "data-testid", "checked", "onCheckedChange", "Section", "PluginList", "loaded", "onChange", "onReload", "children", "div", "h2", "className", "REGISTRY_PLUGIN", "RegistryPlugin", "settings", "LocalStorageStore", "REGISTRY_PLUGIN", "meta", "ready", "prop", "key", "type", "bool", "allowUndefined", "provides", "values", "translations", "surface", "component", "data", "role", "plugin", "id", "React", "PluginSettings", "RegistryPlugin"]
 }

package/dist/lib/browser/meta.json

@@ -1 +1 @@
-{"inputs":{"packages/plugins/plugin-registry/src/meta.ts":{"bytes":851,"imports":[],"format":"esm"},"packages/plugins/plugin-registry/src/components/PluginList.tsx":{"bytes":11469,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-registry/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-registry/src/components/PluginSettings.tsx":{"bytes":11868,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-observability/meta","kind":"import-statement","external":true},{"path":"@dxos/plugin-settings","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-registry/src/components/PluginList.tsx","kind":"import-statement","original":"./PluginList"},{"path":"packages/plugins/plugin-registry/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-registry/src/components/index.ts":{"bytes":627,"imports":[{"path":"packages/plugins/plugin-registry/src/components/PluginList.tsx","kind":"import-statement","original":"./PluginList"},{"path":"packages/plugins/plugin-registry/src/components/PluginSettings.tsx","kind":"import-statement","original":"./PluginSettings"}],"format":"esm"},"packages/plugins/plugin-registry/src/translations.ts":{"bytes":2036,"imports":[{"path":"packages/plugins/plugin-registry/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-registry/src/RegistryPlugin.tsx":{"bytes":4337,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/local-storage","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-registry/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/plugins/plugin-registry/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-registry/src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"packages/plugins/plugin-registry/src/index.ts":{"bytes":804,"imports":[{"path":"packages/plugins/plugin-registry/src/RegistryPlugin.tsx","kind":"import-statement","original":"./RegistryPlugin"},{"path":"packages/plugins/plugin-registry/src/RegistryPlugin.tsx","kind":"import-statement","original":"./RegistryPlugin"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-registry/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":15802},"packages/plugins/plugin-registry/dist/lib/browser/index.mjs":{"imports":[{"path":"packages/plugins/plugin-registry/dist/lib/browser/chunk-2FC6QNHB.mjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/local-storage","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-observability/meta","kind":"import-statement","external":true},{"path":"@dxos/plugin-settings","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"exports":["RegistryPlugin","default"],"entryPoint":"packages/plugins/plugin-registry/src/index.ts","inputs":{"packages/plugins/plugin-registry/src/RegistryPlugin.tsx":{"bytesInOutput":830},"packages/plugins/plugin-registry/src/components/PluginList.tsx":{"bytesInOutput":2559},"packages/plugins/plugin-registry/src/components/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-registry/src/components/PluginSettings.tsx":{"bytesInOutput":2976},"packages/plugins/plugin-registry/src/translations.ts":{"bytesInOutput":479},"packages/plugins/plugin-registry/src/index.ts":{"bytesInOutput":34}},"bytes":7407},"packages/plugins/plugin-registry/dist/lib/browser/meta.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/plugin-registry/dist/lib/browser/meta.mjs":{"imports":[{"path":"packages/plugins/plugin-registry/dist/lib/browser/chunk-2FC6QNHB.mjs","kind":"import-statement"}],"exports":["REGISTRY_PLUGIN","default"],"entryPoint":"packages/plugins/plugin-registry/src/meta.ts","inputs":{},"bytes":165},"packages/plugins/plugin-registry/dist/lib/browser/chunk-2FC6QNHB.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":377},"packages/plugins/plugin-registry/dist/lib/browser/chunk-2FC6QNHB.mjs":{"imports":[],"exports":["REGISTRY_PLUGIN","meta_default"],"inputs":{"packages/plugins/plugin-registry/src/meta.ts":{"bytesInOutput":115}},"bytes":254}}}
+{"inputs":{"packages/plugins/plugin-registry/src/meta.ts":{"bytes":959,"imports":[],"format":"esm"},"packages/plugins/plugin-registry/src/components/PluginList.tsx":{"bytes":10190,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-registry/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-registry/src/components/PluginSettings.tsx":{"bytes":11847,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-observability/meta","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-data","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-registry/src/components/PluginList.tsx","kind":"import-statement","original":"./PluginList"},{"path":"packages/plugins/plugin-registry/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-registry/src/components/index.ts":{"bytes":627,"imports":[{"path":"packages/plugins/plugin-registry/src/components/PluginList.tsx","kind":"import-statement","original":"./PluginList"},{"path":"packages/plugins/plugin-registry/src/components/PluginSettings.tsx","kind":"import-statement","original":"./PluginSettings"}],"format":"esm"},"packages/plugins/plugin-registry/src/translations.ts":{"bytes":2036,"imports":[{"path":"packages/plugins/plugin-registry/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-registry/src/RegistryPlugin.tsx":{"bytes":4337,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/local-storage","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-registry/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/plugins/plugin-registry/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-registry/src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"packages/plugins/plugin-registry/src/index.ts":{"bytes":804,"imports":[{"path":"packages/plugins/plugin-registry/src/RegistryPlugin.tsx","kind":"import-statement","original":"./RegistryPlugin"},{"path":"packages/plugins/plugin-registry/src/RegistryPlugin.tsx","kind":"import-statement","original":"./RegistryPlugin"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-registry/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":14905},"packages/plugins/plugin-registry/dist/lib/browser/index.mjs":{"imports":[{"path":"packages/plugins/plugin-registry/dist/lib/browser/chunk-NEMFDAOB.mjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/local-storage","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-observability/meta","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-data","kind":"import-statement","external":true}],"exports":["RegistryPlugin","default"],"entryPoint":"packages/plugins/plugin-registry/src/index.ts","inputs":{"packages/plugins/plugin-registry/src/RegistryPlugin.tsx":{"bytesInOutput":830},"packages/plugins/plugin-registry/src/components/PluginList.tsx":{"bytesInOutput":2418},"packages/plugins/plugin-registry/src/components/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-registry/src/components/PluginSettings.tsx":{"bytesInOutput":2977},"packages/plugins/plugin-registry/src/translations.ts":{"bytesInOutput":479},"packages/plugins/plugin-registry/src/index.ts":{"bytesInOutput":34}},"bytes":7267},"packages/plugins/plugin-registry/dist/lib/browser/meta.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/plugin-registry/dist/lib/browser/meta.mjs":{"imports":[{"path":"packages/plugins/plugin-registry/dist/lib/browser/chunk-NEMFDAOB.mjs","kind":"import-statement"}],"exports":["REGISTRY_PLUGIN","default"],"entryPoint":"packages/plugins/plugin-registry/src/meta.ts","inputs":{},"bytes":165},"packages/plugins/plugin-registry/dist/lib/browser/chunk-NEMFDAOB.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":456},"packages/plugins/plugin-registry/dist/lib/browser/chunk-NEMFDAOB.mjs":{"imports":[],"exports":["REGISTRY_PLUGIN","meta_default"],"inputs":{"packages/plugins/plugin-registry/src/meta.ts":{"bytesInOutput":115}},"bytes":254}}}

package/dist/lib/browser/meta.mjs

@@ -1,7 +1,7 @@
 import {
   REGISTRY_PLUGIN,
   meta_default
-} from "./chunk-2FC6QNHB.mjs";
+} from "./chunk-NEMFDAOB.mjs";
 export {
   REGISTRY_PLUGIN,
   meta_default as default

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

@@ -1,12 +1,6 @@
 import '@dxos-theme';
-import React from 'react';
-declare const _default: {
-    title: string;
-    render: () => React.JSX.Element;
-    parameters: {
-        layout: string;
-    };
-};
-export default _default;
+import { type Meta } from '@storybook/react';
 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 +1 @@
-{"version":3,"file":"Icon.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAGrB,OAAO,KAAuD,MAAM,OAAO,CAAC;;;;;;;;AAwF5E,wBAME;AAEF,eAAO,MAAM,OAAO,IAAK,CAAC"}
+{"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,kBAAkB,CAAC;AAyF7C,eAAO,MAAM,OAAO,IAAK,CAAC;AAE1B,QAAA,MAAM,IAAI,EAAE,IAMX,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import type { Plugin } from '@dxos/app-framework';
+import { type PluginMeta } from '@dxos/app-framework';
 export type PluginListProps = {
-    plugins?: Plugin['meta'][];
+    plugins?: PluginMeta[];
     loaded?: string[];
     enabled?: string[];
     onChange?: (id: string, enabled: boolean) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"PluginList.d.ts","sourceRoot":"","sources":["../../../../src/components/PluginList.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AA0BlD,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,UAAU,qDAAqE,eAAe,sBAkE1G,CAAC"}
+{"version":3,"file":"PluginList.d.ts","sourceRoot":"","sources":["../../../../src/components/PluginList.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAMtD,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,UAAU,qDAAqE,eAAe,sBA4D1G,CAAC"}

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

@@ -1,14 +1,6 @@
 import '@dxos-theme';
-import React from 'react';
-declare const _default: {
-    title: string;
-    component: ({ plugins, loaded, enabled, onChange, onReload }: import("./PluginList").PluginListProps) => React.JSX.Element;
-    render: () => React.JSX.Element;
-    decorators: import("@storybook/react/*").Decorator[];
-    parameters: {
-        layout: string;
-    };
-};
-export default _default;
+import { type Meta } from '@storybook/react';
 export declare const Default: {};
+declare const meta: Meta;
+export default meta;
 //# sourceMappingURL=PluginList.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PluginList.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/PluginList.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAGrB,OAAO,KAAmB,MAAM,OAAO,CAAC;;;;;;;;;;AAwCxC,wBAQE;AAEF,eAAO,MAAM,OAAO,IAAK,CAAC"}
+{"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,kBAAkB,CAAC;AAgD7C,eAAO,MAAM,OAAO,IAAK,CAAC;AAE1B,QAAA,MAAM,IAAI,EAAE,IAQX,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

@@ -1 +1 @@
-{"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;AAG/D,eAAO,MAAM,cAAc,iBAAkB;IAAE,QAAQ,EAAE,qBAAqB,CAAA;CAAE,sBAgF/E,CAAC"}
+{"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,sBAkF/E,CAAC"}

package/dist/types/src/meta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/meta.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,eAAe,6BAA6B,CAAC;;;;;AAE1D,wBAGE"}
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/meta.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe,6BAA6B,CAAC;;;;;AAE1D,wBAGuB"}

package/package.json

@@ -1,19 +1,20 @@
 {
   "name": "@dxos/plugin-registry",
-  "version": "0.6.13",
+  "version": "0.6.14-main.69511f5",
   "description": "Braneframe plugin gallery",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
   "license": "MIT",
   "author": "DXOS.org",
+  "sideEffects": true,
   "exports": {
     ".": {
-      "browser": "./dist/lib/browser/index.mjs",
-      "types": "./dist/types/src/index.d.ts"
+      "types": "./dist/types/src/index.d.ts",
+      "browser": "./dist/lib/browser/index.mjs"
     },
     "./meta": {
-      "browser": "./dist/lib/browser/meta.mjs",
-      "types": "./dist/types/src/meta.d.ts"
+      "types": "./dist/types/src/meta.d.ts",
+      "browser": "./dist/lib/browser/meta.mjs"
     }
   },
   "types": "dist/types/src/index.d.ts",
@@ -29,11 +30,11 @@
     "src"
   ],
   "dependencies": {
-    "@dxos/app-framework": "0.6.13",
-    "@dxos/local-storage": "0.6.13",
-    "@dxos/plugin-observability": "0.6.13",
-    "@dxos/plugin-settings": "0.6.13",
-    "@dxos/util": "0.6.13"
+    "@dxos/app-framework": "0.6.14-main.69511f5",
+    "@dxos/plugin-observability": "0.6.14-main.69511f5",
+    "@dxos/local-storage": "0.6.14-main.69511f5",
+    "@dxos/react-ui-data": "0.6.14-main.69511f5",
+    "@dxos/util": "0.6.14-main.69511f5"
   },
   "devDependencies": {
     "@phosphor-icons/react": "^2.1.5",
@@ -41,20 +42,20 @@
     "@types/react-dom": "~18.2.0",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "vite": "^5.3.4",
-    "@dxos/react-ui": "0.6.13",
-    "@dxos/random": "0.6.13",
-    "@dxos/react-ui-theme": "0.6.13",
-    "@dxos/react-ui-mosaic": "0.6.13",
-    "@dxos/storybook-utils": "0.6.13"
+    "vite": "5.4.7",
+    "@dxos/random": "0.6.14-main.69511f5",
+    "@dxos/react-ui": "0.6.14-main.69511f5",
+    "@dxos/react-ui-theme": "0.6.14-main.69511f5",
+    "@dxos/storybook-utils": "0.6.14-main.69511f5",
+    "@dxos/react-ui-mosaic": "0.6.14-main.69511f5"
   },
   "peerDependencies": {
     "@phosphor-icons/react": "^2.1.5",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
-    "@dxos/react-ui": "0.6.13",
-    "@dxos/react-ui-mosaic": "0.6.13",
-    "@dxos/react-ui-theme": "0.6.13"
+    "react": "~18.2.0",
+    "react-dom": "~18.2.0",
+    "@dxos/react-ui-mosaic": "0.6.14-main.69511f5",
+    "@dxos/react-ui": "0.6.14-main.69511f5",
+    "@dxos/react-ui-theme": "0.6.14-main.69511f5"
   },
   "publishConfig": {
     "access": "public"

package/src/components/Icon.stories.tsx

@@ -5,6 +5,7 @@
 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';
@@ -48,7 +49,7 @@ const createIcon = ({ name, weights }: StoryIconProps) => {
   return CustomIcon;
 };
 
-const Story = () => {
+const DefaultStory = () => {
   const CustomIcon = createIcon({
     name: 'GithubLogo',
     weights: {
@@ -93,12 +94,14 @@ const Story = () => {
   );
 };
 
-export default {
-  title: 'plugin-registry/Icon',
-  render: Story,
+export const Default = {};
+
+const meta: Meta = {
+  title: 'plugins/plugin-registry/Icon',
+  render: DefaultStory,
   parameters: {
     layout: 'centered',
   },
 };
 
-export const Default = {};
+export default meta;

package/src/components/PluginList.stories.tsx

@@ -4,10 +4,10 @@
 
 import '@dxos-theme';
 
-import { Bug, Compass, GithubLogo, Kanban, Gear, Table } from '@phosphor-icons/react';
+import { type Meta } from '@storybook/react';
 import React, { useState } from 'react';
 
-import type { Plugin } from '@dxos/app-framework';
+import { type PluginMeta } from '@dxos/app-framework';
 import { faker } from '@dxos/random';
 import { withTheme } from '@dxos/storybook-utils';
 
@@ -15,10 +15,17 @@ import { PluginList } from './PluginList';
 
 faker.seed(1);
 
-const icons = [Bug, Compass, Kanban, Table, Gear, GithubLogo];
+const icons = [
+  'ph--bug--regular',
+  'ph--compass--regular',
+  'ph--kanban--regular',
+  'ph--table--regular',
+  'ph--gear--regular',
+  'ph--github-logo--regular',
+];
 
-const Story = () => {
-  const [plugins] = useState<Plugin['meta'][]>(
+const DefaultStory = () => {
+  const [plugins] = useState<PluginMeta[]>(
     faker.helpers.multiple(
       () => ({
         id: `dxos.org/plugin/plugin-${faker.string.uuid()}`,
@@ -27,7 +34,7 @@ const Story = () => {
         tags: faker.datatype.boolean({ probability: 0.6 })
           ? [faker.helpers.arrayElement(['experimental', 'beta', 'alpha', 'stable', 'new', '新発売'])]
           : undefined,
-        iconComponent: faker.helpers.arrayElement(icons),
+        icon: faker.helpers.arrayElement(icons),
       }),
       { count: 16 },
     ),
@@ -45,14 +52,16 @@ const Story = () => {
   );
 };
 
-export default {
-  title: 'plugin-registry/PluginList',
+export const Default = {};
+
+const meta: Meta = {
+  title: 'plugins/plugin-registry/PluginList',
   component: PluginList,
-  render: Story,
+  render: DefaultStory,
   decorators: [withTheme],
   parameters: {
     layout: 'centered',
   },
 };
 
-export const Default = {};
+export default meta;

package/src/components/PluginList.tsx

@@ -2,37 +2,16 @@
 // Copyright 2023 DXOS.org
 //
 
-import { ArrowClockwise, Circle } from '@phosphor-icons/react';
 import React from 'react';
 
-import type { Plugin } from '@dxos/app-framework';
-import {
-  Button,
-  // type ChromaticPalette,
-  // type NeutralPalette,
-  DensityProvider,
-  Input,
-  List,
-  ListItem,
-  useTranslation,
-  // Link,
-} from '@dxos/react-ui';
-import { descriptionText, fineBlockSize, getSize, ghostHover, mx } from '@dxos/react-ui-theme';
+import { type PluginMeta } from '@dxos/app-framework';
+import { Button, Icon, Input, List, ListItem, useTranslation } from '@dxos/react-ui';
+import { descriptionText, fineBlockSize, ghostHover, mx } from '@dxos/react-ui-theme';
 
 import { REGISTRY_PLUGIN } from '../meta';
 
-// TODO(burdon): Reconcile with theme.
-// const palette: { [tag: string]: ChromaticPalette | NeutralPalette } = {
-//   default: 'neutral',
-//   new: 'green',
-//   beta: 'cyan',
-//   alpha: 'purple',
-//   experimental: 'indigo',
-//   新発売: 'red',
-// };
-
 export type PluginListProps = {
-  plugins?: Plugin['meta'][];
+  plugins?: PluginMeta[];
   loaded?: string[];
   enabled?: string[];
   onChange?: (id: string, enabled: boolean) => void;
@@ -43,34 +22,33 @@ export const PluginList = ({ plugins = [], loaded = [], enabled = [], onChange,
   const { t } = useTranslation(REGISTRY_PLUGIN);
 
   return (
-    <DensityProvider density='fine'>
-      <List classNames='mb-4 select-none'>
-        {plugins.map(({ id, name, description, homePage, iconComponent: Icon = Circle }) => {
-          const isEnabled = enabled.includes(id);
-          const isLoaded = loaded.includes(id);
-          const reloadRequired = isEnabled !== isLoaded;
-          const inputId = `${id}-input`;
-          const labelId = `${id}-label`;
-          const descriptionId = `${id}-description`;
+    <List classNames='mb-4 select-none'>
+      {plugins.map(({ id, name, description, homePage, icon = 'ph--circle--regular' }) => {
+        const isEnabled = enabled.includes(id);
+        const isLoaded = loaded.includes(id);
+        const reloadRequired = isEnabled !== isLoaded;
+        const inputId = `${id}-input`;
+        const labelId = `${id}-label`;
+        const descriptionId = `${id}-description`;
 
-          return (
-            <Input.Root key={id} id={inputId}>
-              <ListItem.Root
-                labelId={labelId}
-                data-testid={`pluginList.${id}`}
-                aria-describedby={descriptionId}
-                classNames={['flex gap-2 cursor-pointer plb-2 pli-2 -mli-2 rounded', ghostHover]}
-              >
-                <Icon weight='duotone' className={mx('shrink-0 mbs-1', getSize(6))} />
-                <div role='none' className={mx(fineBlockSize, 'grow pbs-1 pl-1')}>
-                  <label htmlFor={inputId} id={labelId} className='truncate'>
-                    {name ?? id}
-                  </label>
-                  {(description || reloadRequired || homePage) && (
-                    <div id={descriptionId} className='space-b-1 pbs-1 pbe-1'>
-                      <p className={descriptionText}>{description}</p>
-                      {/* TODO(wittjosiah): Include once plugin docs are available. */}
-                      {/* {homePage && (
+        return (
+          <Input.Root key={id} id={inputId}>
+            <ListItem.Root
+              labelId={labelId}
+              data-testid={`pluginList.${id}`}
+              aria-describedby={descriptionId}
+              classNames={['flex gap-2 cursor-pointer plb-2 pli-2 -mli-2 rounded', ghostHover]}
+            >
+              <Icon icon={icon} size={6} classNames='shrink-0 mbs-1' />
+              <div role='none' className={mx(fineBlockSize, 'grow pbs-1 pl-1')}>
+                <label htmlFor={inputId} id={labelId} className='truncate'>
+                  {name ?? id}
+                </label>
+                {(description || reloadRequired || homePage) && (
+                  <div id={descriptionId} className='space-b-1 pbs-1 pbe-1'>
+                    <p className={descriptionText}>{description}</p>
+                    {/* TODO(wittjosiah): Include once plugin docs are available. */}
+                    {/* {homePage && (
                         <Link
                           href={homePage}
                           target='_blank'
@@ -82,27 +60,22 @@ export const PluginList = ({ plugins = [], loaded = [], enabled = [], onChange,
                           <ArrowSquareOut weight='bold' className={mx(getSize(3), 'inline-block leading-none mli-1')} />
                         </Link>
                       )} */}
-                      {reloadRequired && (
-                        <Button variant='ghost' classNames='p-0 gap-2' onClick={onReload}>
-                          <ArrowClockwise />
-                          <p className='text-sm font-medium'>{t('reload required message')}</p>
-                        </Button>
-                      )}
-                    </div>
-                  )}
-                </div>
-                <div className='pbs-1'>
-                  <Input.Switch
-                    classNames='self-center'
-                    checked={!!isEnabled}
-                    onClick={() => onChange?.(id, !isEnabled)}
-                  />
-                </div>
-              </ListItem.Root>
-            </Input.Root>
-          );
-        })}
-      </List>
-    </DensityProvider>
+                    {reloadRequired && (
+                      <Button variant='ghost' classNames='p-0 gap-2' onClick={onReload}>
+                        <Icon size={4} icon='ph--arrow-clockwise--regular' />
+                        <p className='text-sm font-medium'>{t('reload required message')}</p>
+                      </Button>
+                    )}
+                  </div>
+                )}
+              </div>
+              <div className='pbs-1'>
+                <Input.Switch classNames='self-center' checked={isEnabled} onClick={() => onChange?.(id, !isEnabled)} />
+              </div>
+            </ListItem.Root>
+          </Input.Root>
+        );
+      })}
+    </List>
   );
 };

package/src/components/PluginSettings.tsx

@@ -4,22 +4,22 @@
 
 import React, { useMemo, type PropsWithChildren } from 'react';
 
-import { type Plugin, useIntentDispatcher, usePlugins } from '@dxos/app-framework';
+import { type PluginMeta, useIntentDispatcher, usePlugins } from '@dxos/app-framework';
 import { ObservabilityAction } from '@dxos/plugin-observability/meta';
-import { SettingsValue } from '@dxos/plugin-settings';
 import { Input, useTranslation } from '@dxos/react-ui';
+import { FormInput } from '@dxos/react-ui-data';
 
 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 { enabled, core, plugins, setPlugin, ...pluginContext } = usePlugins();
+  const { plugins, enabled, core, setPlugin, ...pluginContext } = usePlugins();
   const dispatch = useIntentDispatcher();
 
-  const sort = (a: Plugin['meta'], b: Plugin['meta']) => a.name?.localeCompare(b.name ?? '') ?? 0;
-
   // Memoize to prevent plugins from disappearing when toggling enabled.
   const installed = useMemo(
     () =>
@@ -27,11 +27,15 @@ export const PluginSettings = ({ settings }: { settings: RegistrySettingsProps }
         .filter(({ meta }) => !core.includes(meta.id))
         .filter(({ meta }) => enabled.includes(meta.id))
         .map(({ meta }) => meta)
-        .sort(sort),
+        .sort(sortPluginMeta),
     [],
   );
 
-  const available = useMemo(() => pluginContext.available.filter(({ id }) => !enabled.includes(id)).sort(sort), []);
+  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'));
 
@@ -52,18 +56,18 @@ export const PluginSettings = ({ settings }: { settings: RegistrySettingsProps }
 
   return (
     <>
-      <SettingsValue label={t('settings show experimental label')}>
+      <FormInput label={t('settings show experimental label')}>
         <Input.Switch
           data-testid='pluginSettings.experimental'
           checked={settings.experimental}
           onCheckedChange={(checked) => (settings.experimental = !!checked)}
         />
-      </SettingsValue>
+      </FormInput>
 
       <Section label={t('settings section installed label')}>
         <PluginList
           plugins={installed}
-          loaded={plugins.map(({ meta }) => meta.id)}
+          loaded={pluginIds}
           enabled={enabled}
           onChange={handleChange}
           onReload={handleReload}
@@ -73,7 +77,7 @@ export const PluginSettings = ({ settings }: { settings: RegistrySettingsProps }
       <Section label={t('settings section recommended label')}>
         <PluginList
           plugins={recommended}
-          loaded={plugins.map(({ meta }) => meta.id)}
+          loaded={pluginIds}
           enabled={enabled}
           onChange={handleChange}
           onReload={handleReload}
@@ -84,7 +88,7 @@ export const PluginSettings = ({ settings }: { settings: RegistrySettingsProps }
         <Section label={t('settings section experimental label')}>
           <PluginList
             plugins={experimental}
-            loaded={plugins.map(({ meta }) => meta.id)}
+            loaded={pluginIds}
             enabled={enabled}
             onChange={handleChange}
             onReload={handleReload}
@@ -98,7 +102,7 @@ export const PluginSettings = ({ settings }: { settings: RegistrySettingsProps }
 const Section = ({ label, children }: PropsWithChildren<{ label: string }>) => {
   return (
     <div>
-      <h2 className='py-2 text-sm text-neutral-500'>{label}</h2>
+      <h2 className='py-2 text-sm text-subdued'>{label}</h2>
       {children}
     </div>
   );

package/src/meta.ts

@@ -2,9 +2,11 @@
 // Copyright 2023 DXOS.org
 //
 
+import { type PluginMeta } from '@dxos/app-framework';
+
 export const REGISTRY_PLUGIN = 'dxos.org/plugin/registry';
 
 export default {
   id: REGISTRY_PLUGIN,
   name: 'Plugins',
-};
+} satisfies PluginMeta;

package/dist/lib/browser/chunk-2FC6QNHB.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/meta.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nexport const REGISTRY_PLUGIN = 'dxos.org/plugin/registry';\n\nexport default {\n  id: REGISTRY_PLUGIN,\n  name: 'Plugins',\n};\n"],
-  "mappings": ";AAIO,IAAMA,kBAAkB;AAE/B,IAAA,eAAe;EACbC,IAAID;EACJE,MAAM;AACR;",
-  "names": ["REGISTRY_PLUGIN", "id", "name"]
-}

package/dist/types/src/sanity.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=sanity.test.d.ts.map

package/dist/types/src/sanity.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"sanity.test.d.ts","sourceRoot":"","sources":["../../../src/sanity.test.ts"],"names":[],"mappings":""}

package/src/sanity.test.ts

@@ -1,13 +0,0 @@
-//
-// Copyright 2022 DXOS.org
-//
-
-import { expect } from 'chai';
-
-import { describe, test } from '@dxos/test';
-
-describe('Sanity', () => {
-  test('Sanity', async () => {
-    expect(true).to.be.true;
-  });
-});