@dxos/plugin-settings 0.6.8-main.046e6cf

package/LICENSE

@@ -0,0 +1,8 @@
+MIT License 
+Copyright (c) 2022 DXOS
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -0,0 +1,15 @@
+# @dxos/plugin-settings
+
+DXOS app plugin for aggregating and rendering plugin settings.
+
+## DXOS Resources
+
+- [Website](https://dxos.org)
+- [Developer Documentation](https://docs.dxos.org)
+- Talk to us on [Discord](https://dxos.org/discord)
+
+## Contributions
+
+Your ideas, issues, and code are most welcome. Please take a look at our [community code of conduct](https://github.com/dxos/dxos/blob/main/CODE_OF_CONDUCT.md), the [issue guide](https://github.com/dxos/dxos/blob/main/CONTRIBUTING.md#submitting-issues), and the [PR contribution guide](https://github.com/dxos/dxos/blob/main/CONTRIBUTING.md#submitting-prs).
+
+License: [MIT](./LICENSE) Copyright 2023 © DXOS

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

@@ -0,0 +1,11 @@
+// packages/plugins/plugin-settings/src/meta.ts
+var SETTINGS_PLUGIN = "dxos.org/plugin/settings";
+var meta_default = {
+  id: SETTINGS_PLUGIN
+};
+
+export {
+  SETTINGS_PLUGIN,
+  meta_default
+};
+//# sourceMappingURL=chunk-JKQMH66V.mjs.map

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

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

package/dist/lib/browser/index.mjs

@@ -0,0 +1,253 @@
+import {
+  SETTINGS_PLUGIN,
+  meta_default
+} from "./chunk-JKQMH66V.mjs";
+
+// packages/plugins/plugin-settings/src/SettingsPlugin.tsx
+import { Gear } from "@phosphor-icons/react";
+import React3 from "react";
+import { parseIntentPlugin, resolvePlugin, LayoutAction, SettingsAction } from "@dxos/app-framework";
+import { LocalStorageStore } from "@dxos/local-storage";
+import { createExtension } from "@dxos/plugin-graph";
+
+// packages/plugins/plugin-settings/src/components/SettingsDialog.tsx
+import React, { useState } from "react";
+import { Surface, usePlugins } from "@dxos/app-framework";
+import { Button, Dialog, useTranslation } from "@dxos/react-ui";
+import { Tabs } from "@dxos/react-ui-tabs";
+import { getSize, mx } from "@dxos/react-ui-theme";
+import { nonNullable } from "@dxos/util";
+var SettingsDialog = ({ selected, onSelected }) => {
+  const { t } = useTranslation(SETTINGS_PLUGIN);
+  const { plugins, enabled } = usePlugins();
+  const core = [
+    "dxos.org/plugin/layout",
+    "dxos.org/plugin/deck",
+    "dxos.org/plugin/files",
+    "dxos.org/plugin/space",
+    "dxos.org/plugin/stack",
+    "dxos.org/plugin/observability",
+    "dxos.org/plugin/registry"
+  ];
+  const corePlugins = core.map((id) => plugins.find((plugin) => plugin.meta.id === id)?.meta).filter(nonNullable);
+  const filteredPlugins = enabled.filter((id) => !core.includes(id)).map((id) => plugins.find((plugin) => plugin.meta.id === id)).filter((plugin) => plugin?.provides?.settings).map((plugin) => plugin.meta).sort(({ name: a }, { name: b }) => a?.localeCompare(b ?? "") ?? 0);
+  const [tabsActivePart, setTabsActivePart] = useState("list");
+  return /* @__PURE__ */ React.createElement(Dialog.Content, {
+    classNames: "p-0 bs-content max-bs-full md:max-is-[40rem] overflow-hidden"
+  }, /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: "flex justify-between mbe-1 pbs-3 pis-2 pie-3 @md:pbs-4 @md:pis-4 @md:pie-5"
+  }, /* @__PURE__ */ React.createElement(Dialog.Title, {
+    onClick: () => setTabsActivePart("list"),
+    "aria-description": t("click to return to tablist description"),
+    classNames: "flex cursor-pointer items-center group/title"
+  }, /* @__PURE__ */ React.createElement("svg", {
+    className: mx("@md:hidden", getSize(4), tabsActivePart === "list" && "invisible")
+  }, /* @__PURE__ */ React.createElement("use", {
+    href: "/icons.svg#ph--caret-left--regular"
+  })), /* @__PURE__ */ React.createElement("span", {
+    className: tabsActivePart !== "list" ? "group-hover/title:underline @md:group-hover/title:no-underline underline-offset-4 decoration-1" : ""
+  }, t("settings dialog title"))), /* @__PURE__ */ React.createElement(Dialog.Close, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Button, {
+    density: "fine",
+    variant: "ghost",
+    autoFocus: true
+  }, /* @__PURE__ */ React.createElement("svg", {
+    className: mx(getSize(3))
+  }, /* @__PURE__ */ React.createElement("use", {
+    href: "/icons.svg#ph--x--regular"
+  }))))), /* @__PURE__ */ React.createElement(Tabs.Root, {
+    orientation: "vertical",
+    value: selected,
+    onValueChange: (nextSelected) => onSelected(nextSelected),
+    activePart: tabsActivePart,
+    onActivePartChange: setTabsActivePart,
+    classNames: "flex flex-col flex-1 mbs-2"
+  }, /* @__PURE__ */ React.createElement(Tabs.Viewport, {
+    classNames: "flex-1 min-bs-0"
+  }, /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: "overflow-y-auto pli-3 @md:pis-2 @md:pie-0 mbe-4 border-r separator-separator"
+  }, /* @__PURE__ */ React.createElement(Tabs.Tablist, {
+    classNames: "max-bs-none overflow-y-visible"
+  }, /* @__PURE__ */ React.createElement(PluginList, {
+    title: "Options",
+    plugins: corePlugins
+  }), filteredPlugins.length > 0 && /* @__PURE__ */ React.createElement(PluginList, {
+    title: "Plugins",
+    plugins: filteredPlugins,
+    gap: true
+  }))), corePlugins.map((plugin) => /* @__PURE__ */ React.createElement(Tabs.Tabpanel, {
+    key: plugin.id,
+    value: plugin.id,
+    classNames: "pli-3 @md:pli-5 max-bs-dvh overflow-y-auto"
+  }, /* @__PURE__ */ React.createElement(Surface, {
+    role: "settings",
+    data: {
+      plugin: plugin.id
+    }
+  }))), filteredPlugins.map((plugin) => /* @__PURE__ */ React.createElement(Tabs.Tabpanel, {
+    key: plugin.id,
+    value: plugin.id,
+    classNames: "pli-3 @md:pli-5 max-bs-dvh overflow-y-auto"
+  }, /* @__PURE__ */ React.createElement(Surface, {
+    role: "settings",
+    data: {
+      plugin: plugin.id
+    }
+  }))))));
+};
+var PluginList = ({ title, plugins, gap }) => {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Tabs.TabGroupHeading, {
+    classNames: gap ? "mbs-4" : "mbs-4 @md:mbs-2"
+  }, title), plugins.map((plugin) => /* @__PURE__ */ React.createElement(Tabs.Tab, {
+    key: plugin.id,
+    value: plugin.id
+  }, plugin.name)));
+};
+
+// packages/plugins/plugin-settings/src/components/SettingsValue.tsx
+import React2 from "react";
+import { Input } from "@dxos/react-ui";
+var SettingsValue = ({ label, description, secondary, children }) => {
+  const primary = /* @__PURE__ */ React2.createElement("div", {
+    role: "none",
+    className: "flex w-full gap-4 py-1"
+  }, /* @__PURE__ */ React2.createElement(Input.Root, null, /* @__PURE__ */ React2.createElement("div", {
+    role: "none",
+    className: "flex flex-col w-full"
+  }, /* @__PURE__ */ React2.createElement(Input.Label, {
+    classNames: "flex min-h-[40px] items-center"
+  }, label), description && /* @__PURE__ */ React2.createElement(Input.DescriptionAndValidation, {
+    classNames: "mbs-0.5"
+  }, /* @__PURE__ */ React2.createElement(Input.Description, null, description))), /* @__PURE__ */ React2.createElement("div", {
+    role: "none"
+  }, /* @__PURE__ */ React2.createElement("div", {
+    role: "none",
+    className: "flex min-h-[40px] items-center"
+  }, children))));
+  if (secondary) {
+    return /* @__PURE__ */ React2.createElement("div", {
+      role: "none",
+      className: "flex flex-col w-full"
+    }, primary, secondary);
+  }
+  return primary;
+};
+
+// packages/plugins/plugin-settings/src/translations.ts
+var translations_default = [
+  {
+    "en-US": {
+      [SETTINGS_PLUGIN]: {
+        "open settings label": "Show settings",
+        "settings dialog title": "Settings",
+        "back label": "Back",
+        "click to return to tablist description": "Click the title to return to the settings menu"
+      }
+    }
+  }
+];
+
+// packages/plugins/plugin-settings/src/SettingsPlugin.tsx
+var DEFAULT_PLUGIN = "dxos.org/plugin/registry";
+var SettingsPlugin = () => {
+  const settings = new LocalStorageStore(SETTINGS_PLUGIN, {
+    selected: DEFAULT_PLUGIN
+  });
+  return {
+    meta: meta_default,
+    ready: async () => {
+      settings.prop({
+        key: "selected",
+        type: LocalStorageStore.string()
+      });
+    },
+    provides: {
+      surface: {
+        component: ({ data }) => {
+          switch (data.component) {
+            case `${SETTINGS_PLUGIN}/Settings`:
+              return /* @__PURE__ */ React3.createElement(SettingsDialog, {
+                selected: settings.values.selected,
+                onSelected: (selected) => settings.values.selected = selected
+              });
+            default:
+              return null;
+          }
+        }
+      },
+      intent: {
+        resolver: (intent) => {
+          switch (intent.action) {
+            case SettingsAction.OPEN: {
+              if (intent.data?.plugin) {
+                settings.values.selected = intent.data?.plugin;
+              }
+              return {
+                intents: [
+                  [
+                    {
+                      action: LayoutAction.SET_LAYOUT,
+                      data: {
+                        element: "dialog",
+                        component: `${SETTINGS_PLUGIN}/Settings`,
+                        dialogBlockAlign: "start"
+                      }
+                    }
+                  ]
+                ]
+              };
+            }
+          }
+        }
+      },
+      graph: {
+        builder: (plugins) => {
+          const intentPlugin = resolvePlugin(plugins, parseIntentPlugin);
+          return createExtension({
+            id: SETTINGS_PLUGIN,
+            filter: (node) => node.id === "root",
+            actions: () => [
+              {
+                id: SETTINGS_PLUGIN,
+                data: async () => {
+                  await intentPlugin?.provides.intent.dispatch({
+                    plugin: SETTINGS_PLUGIN,
+                    action: SettingsAction.OPEN
+                  });
+                },
+                properties: {
+                  label: [
+                    "open settings label",
+                    {
+                      ns: SETTINGS_PLUGIN
+                    }
+                  ],
+                  icon: (props) => /* @__PURE__ */ React3.createElement(Gear, props),
+                  iconSymbol: "ph--gear--regular",
+                  keyBinding: {
+                    macos: "meta+,",
+                    windows: "alt+,"
+                  }
+                }
+              }
+            ]
+          });
+        }
+      },
+      translations: translations_default
+    }
+  };
+};
+
+// packages/plugins/plugin-settings/src/index.ts
+var src_default = SettingsPlugin;
+export {
+  SettingsDialog,
+  SettingsPlugin,
+  SettingsValue,
+  src_default as default
+};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/SettingsPlugin.tsx", "../../../src/components/SettingsDialog.tsx", "../../../src/components/SettingsValue.tsx", "../../../src/translations.ts", "../../../src/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Gear, type IconProps } from '@phosphor-icons/react';\nimport React from 'react';\n\nimport {\n  type IntentResolverProvides,\n  type PluginDefinition,\n  type SurfaceProvides,\n  parseIntentPlugin,\n  resolvePlugin,\n  LayoutAction,\n  SettingsAction,\n  type GraphBuilderProvides,\n  type TranslationsProvides,\n} from '@dxos/app-framework';\nimport { LocalStorageStore } from '@dxos/local-storage';\nimport { createExtension, type Node } from '@dxos/plugin-graph';\n\nimport { SettingsDialog } from './components';\nimport meta, { SETTINGS_PLUGIN } from './meta';\nimport translations from './translations';\n\nconst DEFAULT_PLUGIN = 'dxos.org/plugin/registry';\n\nexport type SettingsPluginProvides = SurfaceProvides &\n  IntentResolverProvides &\n  GraphBuilderProvides &\n  TranslationsProvides;\n\ntype SettingsSettingsProps = {\n  selected: string;\n};\n\n/**\n * Plugin for aggregating and rendering plugin settings.\n */\nexport const SettingsPlugin = (): PluginDefinition<SettingsPluginProvides> => {\n  const settings = new LocalStorageStore<SettingsSettingsProps>(SETTINGS_PLUGIN, { selected: DEFAULT_PLUGIN });\n\n  return {\n    meta,\n    ready: async () => {\n      settings.prop({ key: 'selected', type: LocalStorageStore.string() });\n    },\n    provides: {\n      surface: {\n        component: ({ data }) => {\n          switch (data.component) {\n            case `${SETTINGS_PLUGIN}/Settings`:\n              return (\n                <SettingsDialog\n                  selected={settings.values.selected}\n                  onSelected={(selected) => (settings.values.selected = selected)}\n                />\n              );\n\n            default:\n              return null;\n          }\n        },\n      },\n      intent: {\n        resolver: (intent) => {\n          switch (intent.action) {\n            case SettingsAction.OPEN: {\n              if (intent.data?.plugin) {\n                settings.values.selected = intent.data?.plugin;\n              }\n\n              return {\n                intents: [\n                  [\n                    {\n                      action: LayoutAction.SET_LAYOUT,\n                      data: {\n                        element: 'dialog',\n                        component: `${SETTINGS_PLUGIN}/Settings`,\n                        dialogBlockAlign: 'start',\n                      },\n                    },\n                  ],\n                ],\n              };\n            }\n          }\n        },\n      },\n      graph: {\n        builder: (plugins) => {\n          const intentPlugin = resolvePlugin(plugins, parseIntentPlugin);\n\n          return createExtension({\n            id: SETTINGS_PLUGIN,\n            filter: (node): node is Node<null> => node.id === 'root',\n            actions: () => [\n              {\n                id: SETTINGS_PLUGIN,\n                data: async () => {\n                  await intentPlugin?.provides.intent.dispatch({\n                    plugin: SETTINGS_PLUGIN,\n                    action: SettingsAction.OPEN,\n                  });\n                },\n                properties: {\n                  label: ['open settings label', { ns: SETTINGS_PLUGIN }],\n                  icon: (props: IconProps) => <Gear {...props} />,\n                  iconSymbol: 'ph--gear--regular',\n                  keyBinding: {\n                    macos: 'meta+,',\n                    windows: 'alt+,',\n                  },\n                },\n              },\n            ],\n          });\n        },\n      },\n      translations,\n    },\n  };\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useState } from 'react';\n\nimport { type Plugin, Surface, usePlugins } from '@dxos/app-framework';\nimport { Button, Dialog, useTranslation } from '@dxos/react-ui';\nimport { Tabs, type TabsActivePart } from '@dxos/react-ui-tabs';\nimport { getSize, mx } from '@dxos/react-ui-theme';\nimport { nonNullable } from '@dxos/util';\n\nimport { SETTINGS_PLUGIN } from '../meta';\n\nexport const SettingsDialog = ({\n  selected,\n  onSelected,\n}: {\n  selected: string;\n  onSelected: (plugin: string) => void;\n}) => {\n  const { t } = useTranslation(SETTINGS_PLUGIN);\n  const { plugins, enabled } = usePlugins();\n\n  // TODO(burdon): Factor out common defs?\n  const core = [\n    'dxos.org/plugin/layout',\n    'dxos.org/plugin/deck',\n    'dxos.org/plugin/files',\n    'dxos.org/plugin/space',\n    'dxos.org/plugin/stack',\n    'dxos.org/plugin/observability',\n    'dxos.org/plugin/registry',\n  ];\n\n  const corePlugins = core.map((id) => plugins.find((plugin) => plugin.meta.id === id)?.meta).filter(nonNullable);\n\n  const filteredPlugins = enabled\n    .filter((id) => !core.includes(id))\n    .map((id) => plugins.find((plugin) => plugin.meta.id === id))\n    .filter((plugin) => (plugin?.provides as any)?.settings)\n    .map((plugin) => plugin!.meta)\n    .sort(({ name: a }, { name: b }) => a?.localeCompare(b ?? '') ?? 0);\n\n  const [tabsActivePart, setTabsActivePart] = useState<TabsActivePart>('list');\n\n  return (\n    <Dialog.Content classNames='p-0 bs-content max-bs-full md:max-is-[40rem] overflow-hidden'>\n      <div role='none' className='flex justify-between mbe-1 pbs-3 pis-2 pie-3 @md:pbs-4 @md:pis-4 @md:pie-5'>\n        <Dialog.Title\n          onClick={() => setTabsActivePart('list')}\n          aria-description={t('click to return to tablist description')}\n          classNames='flex cursor-pointer items-center group/title'\n        >\n          <svg className={mx('@md:hidden', getSize(4), tabsActivePart === 'list' && 'invisible')}>\n            <use href='/icons.svg#ph--caret-left--regular' />\n          </svg>\n          <span\n            className={\n              tabsActivePart !== 'list'\n                ? 'group-hover/title:underline @md:group-hover/title:no-underline underline-offset-4 decoration-1'\n                : ''\n            }\n          >\n            {t('settings dialog title')}\n          </span>\n        </Dialog.Title>\n        <Dialog.Close asChild>\n          <Button density='fine' variant='ghost' autoFocus>\n            <svg className={mx(getSize(3))}>\n              <use href={'/icons.svg#ph--x--regular'} />\n            </svg>\n          </Button>\n        </Dialog.Close>\n      </div>\n\n      <Tabs.Root\n        orientation='vertical'\n        value={selected}\n        onValueChange={(nextSelected) => onSelected(nextSelected)}\n        activePart={tabsActivePart}\n        onActivePartChange={setTabsActivePart}\n        classNames='flex flex-col flex-1 mbs-2'\n      >\n        <Tabs.Viewport classNames='flex-1 min-bs-0'>\n          <div role='none' className='overflow-y-auto pli-3 @md:pis-2 @md:pie-0 mbe-4 border-r separator-separator'>\n            <Tabs.Tablist classNames='max-bs-none overflow-y-visible'>\n              <PluginList title='Options' plugins={corePlugins} />\n              {filteredPlugins.length > 0 && <PluginList title='Plugins' plugins={filteredPlugins} gap />}\n            </Tabs.Tablist>\n          </div>\n\n          {corePlugins.map((plugin) => (\n            <Tabs.Tabpanel key={plugin.id} value={plugin.id} classNames='pli-3 @md:pli-5 max-bs-dvh overflow-y-auto'>\n              <Surface role='settings' data={{ plugin: plugin.id }} />\n            </Tabs.Tabpanel>\n          ))}\n          {filteredPlugins.map((plugin) => (\n            <Tabs.Tabpanel key={plugin.id} value={plugin.id} classNames='pli-3 @md:pli-5 max-bs-dvh overflow-y-auto'>\n              <Surface role='settings' data={{ plugin: plugin.id }} />\n            </Tabs.Tabpanel>\n          ))}\n        </Tabs.Viewport>\n      </Tabs.Root>\n    </Dialog.Content>\n  );\n};\n\nconst PluginList = ({ title, plugins, gap }: { title: string; plugins: Plugin['meta'][]; gap?: boolean }) => {\n  return (\n    <>\n      <Tabs.TabGroupHeading classNames={gap ? 'mbs-4' : 'mbs-4 @md:mbs-2'}>{title}</Tabs.TabGroupHeading>\n      {plugins.map((plugin) => (\n        <Tabs.Tab key={plugin.id} value={plugin.id}>\n          {plugin.name}\n        </Tabs.Tab>\n      ))}\n    </>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type JSX, type PropsWithChildren } from 'react';\n\nimport { Input } from '@dxos/react-ui';\n\ntype SettingValueProps = {\n  label: string;\n  description?: JSX.Element;\n  secondary?: JSX.Element;\n};\n\nexport const SettingsValue = ({ label, description, secondary, children }: PropsWithChildren<SettingValueProps>) => {\n  const primary = (\n    <div role='none' className='flex w-full gap-4 py-1'>\n      <Input.Root>\n        <div role='none' className='flex flex-col w-full'>\n          {/* TODO(burdon): Consistent height for controls (e.g., Select, Textbox, and Checkbox are all different). */}\n          <Input.Label classNames='flex min-h-[40px] items-center'>{label}</Input.Label>\n          {description && (\n            <Input.DescriptionAndValidation classNames='mbs-0.5'>\n              <Input.Description>{description}</Input.Description>\n            </Input.DescriptionAndValidation>\n          )}\n        </div>\n\n        <div role='none'>\n          <div role='none' className='flex min-h-[40px] items-center'>\n            {children}\n          </div>\n        </div>\n      </Input.Root>\n    </div>\n  );\n\n  if (secondary) {\n    // console.log(secondary);\n    return (\n      <div role='none' className='flex flex-col w-full'>\n        {primary}\n        {secondary}\n      </div>\n    );\n  }\n\n  return primary;\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { SETTINGS_PLUGIN } from './meta';\n\nexport default [\n  {\n    'en-US': {\n      [SETTINGS_PLUGIN]: {\n        'open settings label': 'Show settings',\n        'settings dialog title': 'Settings',\n        'back label': 'Back',\n        'click to return to tablist description': 'Click the title to return to the settings menu',\n      },\n    },\n  },\n];\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { SettingsPlugin } from './SettingsPlugin';\n\nexport default SettingsPlugin;\n\nexport * from './SettingsPlugin';\n\n// TODO(wittjosiah): Remove.\n//  Settings should be exposed from plugins as state and intents rather than components.\nexport * from './components';\n"],
+  "mappings": "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",
+  "names": ["Gear", "React", "parseIntentPlugin", "resolvePlugin", "LayoutAction", "SettingsAction", "LocalStorageStore", "createExtension", "React", "useState", "Surface", "usePlugins", "Button", "Dialog", "useTranslation", "Tabs", "getSize", "mx", "nonNullable", "SettingsDialog", "selected", "onSelected", "t", "useTranslation", "SETTINGS_PLUGIN", "plugins", "enabled", "usePlugins", "core", "corePlugins", "map", "id", "find", "plugin", "meta", "filter", "nonNullable", "filteredPlugins", "includes", "provides", "settings", "sort", "name", "a", "b", "localeCompare", "tabsActivePart", "setTabsActivePart", "useState", "Dialog", "Content", "classNames", "div", "role", "className", "Title", "onClick", "aria-description", "svg", "mx", "getSize", "use", "href", "span", "Close", "asChild", "Button", "density", "variant", "autoFocus", "Tabs", "Root", "orientation", "value", "onValueChange", "nextSelected", "activePart", "onActivePartChange", "Viewport", "Tablist", "PluginList", "title", "length", "gap", "Tabpanel", "key", "Surface", "data", "TabGroupHeading", "Tab", "React", "Input", "SettingsValue", "label", "description", "secondary", "children", "primary", "React", "div", "role", "className", "Input", "Root", "Label", "classNames", "DescriptionAndValidation", "Description", "SETTINGS_PLUGIN", "DEFAULT_PLUGIN", "SettingsPlugin", "settings", "LocalStorageStore", "SETTINGS_PLUGIN", "selected", "meta", "ready", "prop", "key", "type", "string", "provides", "surface", "component", "data", "React", "SettingsDialog", "values", "onSelected", "intent", "resolver", "action", "SettingsAction", "OPEN", "plugin", "intents", "LayoutAction", "SET_LAYOUT", "element", "dialogBlockAlign", "graph", "builder", "plugins", "intentPlugin", "resolvePlugin", "parseIntentPlugin", "createExtension", "id", "filter", "node", "actions", "dispatch", "properties", "label", "ns", "icon", "props", "Gear", "iconSymbol", "keyBinding", "macos", "windows", "translations", "SettingsPlugin"]
+}

package/dist/lib/browser/meta.json

@@ -0,0 +1 @@
+{"inputs":{"packages/plugins/plugin-settings/src/meta.ts":{"bytes":778,"imports":[],"format":"esm"},"packages/plugins/plugin-settings/src/components/SettingsDialog.tsx":{"bytes":15578,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-tabs","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-settings/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-settings/src/components/SettingsValue.tsx":{"bytes":4471,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-settings/src/components/index.ts":{"bytes":634,"imports":[{"path":"packages/plugins/plugin-settings/src/components/SettingsDialog.tsx","kind":"import-statement","original":"./SettingsDialog"},{"path":"packages/plugins/plugin-settings/src/components/SettingsValue.tsx","kind":"import-statement","original":"./SettingsValue"}],"format":"esm"},"packages/plugins/plugin-settings/src/translations.ts":{"bytes":1571,"imports":[{"path":"packages/plugins/plugin-settings/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-settings/src/SettingsPlugin.tsx":{"bytes":12747,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/local-storage","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-settings/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/plugins/plugin-settings/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-settings/src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"packages/plugins/plugin-settings/src/index.ts":{"bytes":1216,"imports":[{"path":"packages/plugins/plugin-settings/src/SettingsPlugin.tsx","kind":"import-statement","original":"./SettingsPlugin"},{"path":"packages/plugins/plugin-settings/src/SettingsPlugin.tsx","kind":"import-statement","original":"./SettingsPlugin"},{"path":"packages/plugins/plugin-settings/src/components/index.ts","kind":"import-statement","original":"./components"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-settings/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":17139},"packages/plugins/plugin-settings/dist/lib/browser/index.mjs":{"imports":[{"path":"packages/plugins/plugin-settings/dist/lib/browser/chunk-JKQMH66V.mjs","kind":"import-statement"},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/local-storage","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-tabs","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"exports":["SettingsDialog","SettingsPlugin","SettingsValue","default"],"entryPoint":"packages/plugins/plugin-settings/src/index.ts","inputs":{"packages/plugins/plugin-settings/src/SettingsPlugin.tsx":{"bytesInOutput":2968},"packages/plugins/plugin-settings/src/components/SettingsDialog.tsx":{"bytesInOutput":4408},"packages/plugins/plugin-settings/src/components/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-settings/src/components/SettingsValue.tsx":{"bytesInOutput":1125},"packages/plugins/plugin-settings/src/translations.ts":{"bytesInOutput":318},"packages/plugins/plugin-settings/src/index.ts":{"bytesInOutput":34}},"bytes":9420},"packages/plugins/plugin-settings/dist/lib/browser/meta.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/plugin-settings/dist/lib/browser/meta.mjs":{"imports":[{"path":"packages/plugins/plugin-settings/dist/lib/browser/chunk-JKQMH66V.mjs","kind":"import-statement"}],"exports":["SETTINGS_PLUGIN","default"],"entryPoint":"packages/plugins/plugin-settings/src/meta.ts","inputs":{},"bytes":165},"packages/plugins/plugin-settings/dist/lib/browser/chunk-JKQMH66V.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":338},"packages/plugins/plugin-settings/dist/lib/browser/chunk-JKQMH66V.mjs":{"imports":[],"exports":["SETTINGS_PLUGIN","meta_default"],"inputs":{"packages/plugins/plugin-settings/src/meta.ts":{"bytesInOutput":96}},"bytes":235}}}

package/dist/lib/browser/meta.mjs

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

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

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

package/dist/lib/node/chunk-LZVHLML4.cjs

@@ -0,0 +1,34 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var chunk_LZVHLML4_exports = {};
+__export(chunk_LZVHLML4_exports, {
+  SETTINGS_PLUGIN: () => SETTINGS_PLUGIN,
+  meta_default: () => meta_default
+});
+module.exports = __toCommonJS(chunk_LZVHLML4_exports);
+var SETTINGS_PLUGIN = "dxos.org/plugin/settings";
+var meta_default = {
+  id: SETTINGS_PLUGIN
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SETTINGS_PLUGIN,
+  meta_default
+});
+//# sourceMappingURL=chunk-LZVHLML4.cjs.map

package/dist/lib/node/chunk-LZVHLML4.cjs.map

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