@ohos-ports/braneframe-plugin-settings 0.6.7-beta.1

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 @@
+# @braneframe/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-EDQ4DFLG.mjs

@@ -0,0 +1,11 @@
+// packages/apps/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-EDQ4DFLG.mjs.map

package/dist/lib/browser/chunk-EDQ4DFLG.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,231 @@
+import {
+  SETTINGS_PLUGIN,
+  meta_default
+} from "./chunk-EDQ4DFLG.mjs";
+
+// packages/apps/plugins/plugin-settings/src/SettingsPlugin.tsx
+import { Gear } from "@phosphor-icons/react";
+import React3 from "react";
+import { createExtension } from "@braneframe/plugin-graph";
+import { parseIntentPlugin, resolvePlugin, LayoutAction, SettingsAction } from "@dxos/app-framework";
+import { LocalStorageStore } from "@dxos/local-storage";
+
+// packages/apps/plugins/plugin-settings/src/components/SettingsDialog.tsx
+import React from "react";
+import { Surface, usePlugins } from "@dxos/app-framework";
+import { Button, Dialog, useTranslation } from "@ohos-ports/dxos-react-ui";
+// dxos-react-ui 0.11.x removed List/ListItem (moved to the dedicated list package).
+import { List, ListItem, ListItemHeading } from "@dxos/react-list";
+import { ghostHover, ghostSelected } from "@ohos-ports/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 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);
+  return /* @__PURE__ */ React.createElement(Dialog.Content, {
+    classNames: [
+      "bs-content max-bs-full md:max-is-[40rem] overflow-hidden"
+    ]
+  }, /* @__PURE__ */ React.createElement(Dialog.Title, null, t("settings dialog title")), /* @__PURE__ */ React.createElement("div", {
+    className: "grow mlb-4 overflow-hidden grid grid-cols-[minmax(min-content,1fr)_3fr] gap-1"
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "flex flex-col p-1 gap-4 surface-input rounded place-self-start max-bs-[100%] is-full overflow-y-auto"
+  }, /* @__PURE__ */ React.createElement(PluginList, {
+    title: "Options",
+    plugins: core.map((id) => plugins.find((plugin) => plugin.meta.id === id)?.meta).filter(nonNullable),
+    selected,
+    onSelect: (plugin) => onSelected(plugin)
+  }), filteredPlugins.length > 0 && /* @__PURE__ */ React.createElement(PluginList, {
+    title: "Plugins",
+    plugins: filteredPlugins,
+    selected,
+    onSelect: (plugin) => onSelected(plugin)
+  })), /* @__PURE__ */ React.createElement("div", {
+    className: "pli-1 md:pli-2 max-bs-[100%] overflow-y-auto"
+  }, /* @__PURE__ */ React.createElement(Surface, {
+    role: "settings",
+    data: {
+      plugin: selected
+    }
+  }))), /* @__PURE__ */ React.createElement(Dialog.Close, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Button, {
+    variant: "primary",
+    classNames: "mbs-2",
+    autoFocus: true
+  }, t("done label", {
+    ns: "os"
+  }))));
+};
+var PluginList = ({ title, plugins, selected, onSelect }) => {
+  return /* @__PURE__ */ React.createElement("div", {
+    role: "none"
+  }, /* @__PURE__ */ React.createElement("h2", {
+    className: "mlb-1 pli-2 text-sm text-neutral-500"
+  }, title), /* @__PURE__ */ React.createElement(List, {
+    selectable: true
+  }, plugins.map((plugin) => /* @__PURE__ */ React.createElement(ListItem, {
+    key: plugin.id,
+    selected: plugin.id === selected,
+    onClick: () => onSelect(plugin.id),
+    className: [
+      "px-2 rounded-sm",
+      ghostSelected,
+      ghostHover
+    ].join(" ")
+  }, /* @__PURE__ */ React.createElement(ListItemHeading, {
+    className: "flex w-full items-center cursor-pointer"
+  }, plugin.name)))));
+};
+
+// packages/apps/plugins/plugin-settings/src/components/SettingsValue.tsx
+import React2 from "react";
+import { Input } from "@ohos-ports/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/apps/plugins/plugin-settings/src/translations.ts
+var translations_default = [
+  {
+    "en-US": {
+      [SETTINGS_PLUGIN]: {
+        "open settings label": "Show settings",
+        "settings dialog title": "Settings"
+      }
+    }
+  }
+];
+
+// packages/apps/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/apps/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 { createExtension, type Node } from '@braneframe/plugin-graph';\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';\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 from 'react';\n\nimport { type Plugin, Surface, usePlugins } from '@dxos/app-framework';\nimport { Button, Dialog, List, ListItem, useTranslation } from '@dxos/react-ui';\nimport { ghostHover, ghostSelected } 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 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  return (\n    <Dialog.Content classNames={['bs-content max-bs-full md:max-is-[40rem] overflow-hidden']}>\n      <Dialog.Title>{t('settings dialog title')}</Dialog.Title>\n\n      <div className='grow mlb-4 overflow-hidden grid grid-cols-[minmax(min-content,1fr)_3fr] gap-1'>\n        <div className='flex flex-col p-1 gap-4 surface-input rounded place-self-start max-bs-[100%] is-full overflow-y-auto'>\n          <PluginList\n            title='Options'\n            plugins={core.map((id) => plugins.find((plugin) => plugin.meta.id === id)?.meta).filter(nonNullable)}\n            selected={selected}\n            onSelect={(plugin) => onSelected(plugin)}\n          />\n\n          {filteredPlugins.length > 0 && (\n            <PluginList\n              title='Plugins'\n              plugins={filteredPlugins}\n              selected={selected}\n              onSelect={(plugin) => onSelected(plugin)}\n            />\n          )}\n        </div>\n\n        <div className='pli-1 md:pli-2 max-bs-[100%] overflow-y-auto'>\n          <Surface role='settings' data={{ plugin: selected }} />\n        </div>\n      </div>\n\n      <Dialog.Close asChild>\n        <Button variant='primary' classNames='mbs-2' autoFocus>\n          {t('done label', { ns: 'os' })}\n        </Button>\n      </Dialog.Close>\n    </Dialog.Content>\n  );\n};\n\nconst PluginList = ({\n  title,\n  plugins,\n  selected,\n  onSelect,\n}: {\n  title: string;\n  plugins: Plugin['meta'][];\n  selected?: string;\n  onSelect: (plugin: string) => void;\n}) => {\n  return (\n    <div role='none'>\n      <h2 className='mlb-1 pli-2 text-sm text-neutral-500'>{title}</h2>\n      <List selectable>\n        {plugins.map((plugin) => (\n          <ListItem.Root\n            key={plugin.id}\n            onClick={() => onSelect(plugin.id)}\n            selected={plugin.id === selected}\n            classNames={['px-2 rounded-sm', ghostSelected, ghostHover]}\n          >\n            <ListItem.Heading classNames={['flex w-full items-center cursor-pointer']}>{plugin.name}</ListItem.Heading>\n          </ListItem.Root>\n        ))}\n      </List>\n    </div>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { 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      },\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", "createExtension", "parseIntentPlugin", "resolvePlugin", "LayoutAction", "SettingsAction", "LocalStorageStore", "React", "Surface", "usePlugins", "Button", "Dialog", "List", "ListItem", "useTranslation", "ghostHover", "ghostSelected", "nonNullable", "SettingsDialog", "selected", "onSelected", "t", "useTranslation", "SETTINGS_PLUGIN", "plugins", "enabled", "usePlugins", "core", "filteredPlugins", "filter", "id", "includes", "map", "find", "plugin", "meta", "provides", "settings", "sort", "name", "a", "b", "localeCompare", "Dialog", "Content", "classNames", "Title", "div", "className", "PluginList", "title", "nonNullable", "onSelect", "length", "Surface", "role", "data", "Close", "asChild", "Button", "variant", "autoFocus", "ns", "h2", "List", "selectable", "ListItem", "Root", "key", "onClick", "ghostSelected", "ghostHover", "Heading", "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/apps/plugins/plugin-settings/src/meta.ts":{"bytes":783,"imports":[],"format":"esm"},"packages/apps/plugins/plugin-settings/src/components/SettingsDialog.tsx":{"bytes":11671,"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-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"packages/apps/plugins/plugin-settings/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/apps/plugins/plugin-settings/src/components/SettingsValue.tsx":{"bytes":4460,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"format":"esm"},"packages/apps/plugins/plugin-settings/src/components/index.ts":{"bytes":639,"imports":[{"path":"packages/apps/plugins/plugin-settings/src/components/SettingsDialog.tsx","kind":"import-statement","original":"./SettingsDialog"},{"path":"packages/apps/plugins/plugin-settings/src/components/SettingsValue.tsx","kind":"import-statement","original":"./SettingsValue"}],"format":"esm"},"packages/apps/plugins/plugin-settings/src/translations.ts":{"bytes":1218,"imports":[{"path":"packages/apps/plugins/plugin-settings/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/apps/plugins/plugin-settings/src/SettingsPlugin.tsx":{"bytes":12766,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@braneframe/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/local-storage","kind":"import-statement","external":true},{"path":"packages/apps/plugins/plugin-settings/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/apps/plugins/plugin-settings/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/apps/plugins/plugin-settings/src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"packages/apps/plugins/plugin-settings/src/index.ts":{"bytes":1221,"imports":[{"path":"packages/apps/plugins/plugin-settings/src/SettingsPlugin.tsx","kind":"import-statement","original":"./SettingsPlugin"},{"path":"packages/apps/plugins/plugin-settings/src/SettingsPlugin.tsx","kind":"import-statement","original":"./SettingsPlugin"},{"path":"packages/apps/plugins/plugin-settings/src/components/index.ts","kind":"import-statement","original":"./components"}],"format":"esm"}},"outputs":{"packages/apps/plugins/plugin-settings/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":15009},"packages/apps/plugins/plugin-settings/dist/lib/browser/index.mjs":{"imports":[{"path":"packages/apps/plugins/plugin-settings/dist/lib/browser/chunk-EDQ4DFLG.mjs","kind":"import-statement"},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@braneframe/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/local-storage","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-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/apps/plugins/plugin-settings/src/index.ts","inputs":{"packages/apps/plugins/plugin-settings/src/SettingsPlugin.tsx":{"bytesInOutput":2974},"packages/apps/plugins/plugin-settings/src/components/SettingsDialog.tsx":{"bytesInOutput":3136},"packages/apps/plugins/plugin-settings/src/components/index.ts":{"bytesInOutput":0},"packages/apps/plugins/plugin-settings/src/components/SettingsValue.tsx":{"bytesInOutput":1125},"packages/apps/plugins/plugin-settings/src/translations.ts":{"bytesInOutput":188},"packages/apps/plugins/plugin-settings/src/index.ts":{"bytesInOutput":34}},"bytes":8054},"packages/apps/plugins/plugin-settings/dist/lib/browser/meta.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/apps/plugins/plugin-settings/dist/lib/browser/meta.mjs":{"imports":[{"path":"packages/apps/plugins/plugin-settings/dist/lib/browser/chunk-EDQ4DFLG.mjs","kind":"import-statement"}],"exports":["SETTINGS_PLUGIN","default"],"entryPoint":"packages/apps/plugins/plugin-settings/src/meta.ts","inputs":{},"bytes":165},"packages/apps/plugins/plugin-settings/dist/lib/browser/chunk-EDQ4DFLG.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":338},"packages/apps/plugins/plugin-settings/dist/lib/browser/chunk-EDQ4DFLG.mjs":{"imports":[],"exports":["SETTINGS_PLUGIN","meta_default"],"inputs":{"packages/apps/plugins/plugin-settings/src/meta.ts":{"bytesInOutput":96}},"bytes":240}}}

package/dist/lib/browser/meta.mjs

@@ -0,0 +1,9 @@
+import {
+  SETTINGS_PLUGIN,
+  meta_default
+} from "./chunk-EDQ4DFLG.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-EHXHP3H5.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_EHXHP3H5_exports = {};
+__export(chunk_EHXHP3H5_exports, {
+  SETTINGS_PLUGIN: () => SETTINGS_PLUGIN,
+  meta_default: () => meta_default
+});
+module.exports = __toCommonJS(chunk_EHXHP3H5_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-EHXHP3H5.cjs.map

package/dist/lib/node/chunk-EHXHP3H5.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"]
+}

package/dist/lib/node/index.cjs

@@ -0,0 +1,252 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var node_exports = {};
+__export(node_exports, {
+  SettingsDialog: () => SettingsDialog,
+  SettingsPlugin: () => SettingsPlugin,
+  SettingsValue: () => SettingsValue,
+  default: () => src_default
+});
+module.exports = __toCommonJS(node_exports);
+var import_chunk_EHXHP3H5 = require("./chunk-EHXHP3H5.cjs");
+var import_react = require("@phosphor-icons/react");
+var import_react2 = __toESM(require("react"));
+var import_plugin_graph = require("@braneframe/plugin-graph");
+var import_app_framework = require("@dxos/app-framework");
+var import_local_storage = require("@dxos/local-storage");
+var import_react3 = __toESM(require("react"));
+var import_app_framework2 = require("@dxos/app-framework");
+var import_react_ui = require("@ohos-ports/dxos-react-ui");
+var import_react_ui_theme = require("@ohos-ports/dxos-react-ui-theme");
+// dxos-react-ui 0.11.x removed List/ListItem (moved to the dedicated list package).
+var import_react_list = require("@dxos/react-list");
+var import_util = require("@dxos/util");
+var import_react4 = __toESM(require("react"));
+var import_react_ui2 = require("@ohos-ports/dxos-react-ui");
+var SettingsDialog = ({ selected, onSelected }) => {
+  const { t } = (0, import_react_ui.useTranslation)(import_chunk_EHXHP3H5.SETTINGS_PLUGIN);
+  const { plugins, enabled } = (0, import_app_framework2.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 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);
+  return /* @__PURE__ */ import_react3.default.createElement(import_react_ui.Dialog.Content, {
+    classNames: [
+      "bs-content max-bs-full md:max-is-[40rem] overflow-hidden"
+    ]
+  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui.Dialog.Title, null, t("settings dialog title")), /* @__PURE__ */ import_react3.default.createElement("div", {
+    className: "grow mlb-4 overflow-hidden grid grid-cols-[minmax(min-content,1fr)_3fr] gap-1"
+  }, /* @__PURE__ */ import_react3.default.createElement("div", {
+    className: "flex flex-col p-1 gap-4 surface-input rounded place-self-start max-bs-[100%] is-full overflow-y-auto"
+  }, /* @__PURE__ */ import_react3.default.createElement(PluginList, {
+    title: "Options",
+    plugins: core.map((id) => plugins.find((plugin) => plugin.meta.id === id)?.meta).filter(import_util.nonNullable),
+    selected,
+    onSelect: (plugin) => onSelected(plugin)
+  }), filteredPlugins.length > 0 && /* @__PURE__ */ import_react3.default.createElement(PluginList, {
+    title: "Plugins",
+    plugins: filteredPlugins,
+    selected,
+    onSelect: (plugin) => onSelected(plugin)
+  })), /* @__PURE__ */ import_react3.default.createElement("div", {
+    className: "pli-1 md:pli-2 max-bs-[100%] overflow-y-auto"
+  }, /* @__PURE__ */ import_react3.default.createElement(import_app_framework2.Surface, {
+    role: "settings",
+    data: {
+      plugin: selected
+    }
+  }))), /* @__PURE__ */ import_react3.default.createElement(import_react_ui.Dialog.Close, {
+    asChild: true
+  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui.Button, {
+    variant: "primary",
+    classNames: "mbs-2",
+    autoFocus: true
+  }, t("done label", {
+    ns: "os"
+  }))));
+};
+var PluginList = ({ title, plugins, selected, onSelect }) => {
+  return /* @__PURE__ */ import_react3.default.createElement("div", {
+    role: "none"
+  }, /* @__PURE__ */ import_react3.default.createElement("h2", {
+    className: "mlb-1 pli-2 text-sm text-neutral-500"
+  }, title), /* @__PURE__ */ import_react3.default.createElement(import_react_list.List, {
+    selectable: true
+  }, plugins.map((plugin) => /* @__PURE__ */ import_react3.default.createElement(import_react_list.ListItem, {
+    key: plugin.id,
+    selected: plugin.id === selected,
+    onClick: () => onSelect(plugin.id),
+    className: [
+      "px-2 rounded-sm",
+      import_react_ui_theme.ghostSelected,
+      import_react_ui_theme.ghostHover
+    ].join(" ")
+  }, /* @__PURE__ */ import_react3.default.createElement(import_react_list.ListItemHeading, {
+    className: "flex w-full items-center cursor-pointer"
+  }, plugin.name)))));
+};
+var SettingsValue = ({ label, description, secondary, children }) => {
+  const primary = /* @__PURE__ */ import_react4.default.createElement("div", {
+    role: "none",
+    className: "flex w-full gap-4 py-1"
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Input.Root, null, /* @__PURE__ */ import_react4.default.createElement("div", {
+    role: "none",
+    className: "flex flex-col w-full"
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Input.Label, {
+    classNames: "flex min-h-[40px] items-center"
+  }, label), description && /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Input.DescriptionAndValidation, {
+    classNames: "mbs-0.5"
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Input.Description, null, description))), /* @__PURE__ */ import_react4.default.createElement("div", {
+    role: "none"
+  }, /* @__PURE__ */ import_react4.default.createElement("div", {
+    role: "none",
+    className: "flex min-h-[40px] items-center"
+  }, children))));
+  if (secondary) {
+    return /* @__PURE__ */ import_react4.default.createElement("div", {
+      role: "none",
+      className: "flex flex-col w-full"
+    }, primary, secondary);
+  }
+  return primary;
+};
+var translations_default = [
+  {
+    "en-US": {
+      [import_chunk_EHXHP3H5.SETTINGS_PLUGIN]: {
+        "open settings label": "Show settings",
+        "settings dialog title": "Settings"
+      }
+    }
+  }
+];
+var DEFAULT_PLUGIN = "dxos.org/plugin/registry";
+var SettingsPlugin = () => {
+  const settings = new import_local_storage.LocalStorageStore(import_chunk_EHXHP3H5.SETTINGS_PLUGIN, {
+    selected: DEFAULT_PLUGIN
+  });
+  return {
+    meta: import_chunk_EHXHP3H5.meta_default,
+    ready: async () => {
+      settings.prop({
+        key: "selected",
+        type: import_local_storage.LocalStorageStore.string()
+      });
+    },
+    provides: {
+      surface: {
+        component: ({ data }) => {
+          switch (data.component) {
+            case `${import_chunk_EHXHP3H5.SETTINGS_PLUGIN}/Settings`:
+              return /* @__PURE__ */ import_react2.default.createElement(SettingsDialog, {
+                selected: settings.values.selected,
+                onSelected: (selected) => settings.values.selected = selected
+              });
+            default:
+              return null;
+          }
+        }
+      },
+      intent: {
+        resolver: (intent) => {
+          switch (intent.action) {
+            case import_app_framework.SettingsAction.OPEN: {
+              if (intent.data?.plugin) {
+                settings.values.selected = intent.data?.plugin;
+              }
+              return {
+                intents: [
+                  [
+                    {
+                      action: import_app_framework.LayoutAction.SET_LAYOUT,
+                      data: {
+                        element: "dialog",
+                        component: `${import_chunk_EHXHP3H5.SETTINGS_PLUGIN}/Settings`,
+                        dialogBlockAlign: "start"
+                      }
+                    }
+                  ]
+                ]
+              };
+            }
+          }
+        }
+      },
+      graph: {
+        builder: (plugins) => {
+          const intentPlugin = (0, import_app_framework.resolvePlugin)(plugins, import_app_framework.parseIntentPlugin);
+          return (0, import_plugin_graph.createExtension)({
+            id: import_chunk_EHXHP3H5.SETTINGS_PLUGIN,
+            filter: (node) => node.id === "root",
+            actions: () => [
+              {
+                id: import_chunk_EHXHP3H5.SETTINGS_PLUGIN,
+                data: async () => {
+                  await intentPlugin?.provides.intent.dispatch({
+                    plugin: import_chunk_EHXHP3H5.SETTINGS_PLUGIN,
+                    action: import_app_framework.SettingsAction.OPEN
+                  });
+                },
+                properties: {
+                  label: [
+                    "open settings label",
+                    {
+                      ns: import_chunk_EHXHP3H5.SETTINGS_PLUGIN
+                    }
+                  ],
+                  icon: (props) => /* @__PURE__ */ import_react2.default.createElement(import_react.Gear, props),
+                  iconSymbol: "ph--gear--regular",
+                  keyBinding: {
+                    macos: "meta+,",
+                    windows: "alt+,"
+                  }
+                }
+              }
+            ]
+          });
+        }
+      },
+      translations: translations_default
+    }
+  };
+};
+var src_default = SettingsPlugin;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SettingsDialog,
+  SettingsPlugin,
+  SettingsValue
+});
+//# sourceMappingURL=index.cjs.map