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

package/dist/lib/node/index.cjs.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": ["import_react", "import_app_framework", "import_react_ui", "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", "React", "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", "SettingsValue", "label", "description", "secondary", "children", "primary", "Input", "Label", "DescriptionAndValidation", "Description", "DEFAULT_PLUGIN", "SettingsPlugin", "LocalStorageStore", "ready", "prop", "type", "string", "surface", "component", "values", "intent", "resolver", "action", "SettingsAction", "OPEN", "intents", "LayoutAction", "SET_LAYOUT", "element", "dialogBlockAlign", "graph", "builder", "intentPlugin", "resolvePlugin", "parseIntentPlugin", "createExtension", "node", "actions", "dispatch", "properties", "icon", "props", "Gear", "iconSymbol", "keyBinding", "macos", "windows", "translations"]
+}

package/dist/lib/node/meta.cjs

@@ -0,0 +1,30 @@
+"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 meta_exports = {};
+__export(meta_exports, {
+  SETTINGS_PLUGIN: () => import_chunk_EHXHP3H5.SETTINGS_PLUGIN,
+  default: () => import_chunk_EHXHP3H5.meta_default
+});
+module.exports = __toCommonJS(meta_exports);
+var import_chunk_EHXHP3H5 = require("./chunk-EHXHP3H5.cjs");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SETTINGS_PLUGIN
+});
+//# sourceMappingURL=meta.cjs.map

package/dist/lib/node/meta.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["meta.cjs"],
+  "sourcesContent": ["import {\n  SETTINGS_PLUGIN,\n  meta_default\n} from \"./chunk-EHXHP3H5.cjs\";\nexport {\n  SETTINGS_PLUGIN,\n  meta_default as default\n};\n//# sourceMappingURL=meta.cjs.map\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAGO;",
+  "names": []
+}

package/dist/lib/node/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/node/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":15009},"packages/apps/plugins/plugin-settings/dist/lib/node/index.cjs":{"imports":[{"path":"packages/apps/plugins/plugin-settings/dist/lib/node/chunk-EHXHP3H5.cjs","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/node/meta.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/apps/plugins/plugin-settings/dist/lib/node/meta.cjs":{"imports":[{"path":"packages/apps/plugins/plugin-settings/dist/lib/node/chunk-EHXHP3H5.cjs","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/node/chunk-EHXHP3H5.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":338},"packages/apps/plugins/plugin-settings/dist/lib/node/chunk-EHXHP3H5.cjs":{"imports":[],"exports":["SETTINGS_PLUGIN","meta_default"],"inputs":{"packages/apps/plugins/plugin-settings/src/meta.ts":{"bytesInOutput":96}},"bytes":240}}}

package/dist/types/src/SettingsPlugin.d.ts

@@ -0,0 +1,7 @@
+import { type IntentResolverProvides, type PluginDefinition, type SurfaceProvides, type GraphBuilderProvides, type TranslationsProvides } from '@dxos/app-framework';
+export type SettingsPluginProvides = SurfaceProvides & IntentResolverProvides & GraphBuilderProvides & TranslationsProvides;
+/**
+ * Plugin for aggregating and rendering plugin settings.
+ */
+export declare const SettingsPlugin: () => PluginDefinition<SettingsPluginProvides>;
+//# sourceMappingURL=SettingsPlugin.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsPlugin.d.ts","sourceRoot":"","sources":["../../../src/SettingsPlugin.tsx"],"names":[],"mappings":"AAQA,OAAO,EACL,KAAK,sBAAsB,EAC3B,KAAK,gBAAgB,EACrB,KAAK,eAAe,EAKpB,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EAC1B,MAAM,qBAAqB,CAAC;AAS7B,MAAM,MAAM,sBAAsB,GAAG,eAAe,GAClD,sBAAsB,GACtB,oBAAoB,GACpB,oBAAoB,CAAC;AAMvB;;GAEG;AACH,eAAO,MAAM,cAAc,QAAO,iBAAiB,sBAAsB,CAoFxE,CAAC"}

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const SettingsDialog: ({ selected, onSelected, }: {
+    selected: string;
+    onSelected: (plugin: string) => void;
+}) => JSX.Element;
+//# sourceMappingURL=SettingsDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/SettingsDialog.tsx"],"names":[],"mappings":";AAaA,eAAO,MAAM,cAAc,8BAGxB;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,gBAyDA,CAAC"}

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

@@ -0,0 +1,9 @@
+import { type PropsWithChildren } from 'react';
+type SettingValueProps = {
+    label: string;
+    description?: JSX.Element;
+    secondary?: JSX.Element;
+};
+export declare const SettingsValue: ({ label, description, secondary, children }: PropsWithChildren<SettingValueProps>) => JSX.Element;
+export {};
+//# sourceMappingURL=SettingsValue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsValue.d.ts","sourceRoot":"","sources":["../../../../src/components/SettingsValue.tsx"],"names":[],"mappings":"AAIA,OAAc,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAItD,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,aAAa,gDAAiD,kBAAkB,iBAAiB,CAAC,gBAkC9G,CAAC"}

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

@@ -0,0 +1,3 @@
+export * from './SettingsDialog';
+export * from './SettingsValue';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAIA,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC"}

package/dist/types/src/index.d.ts

@@ -0,0 +1,5 @@
+import { SettingsPlugin } from './SettingsPlugin';
+export default SettingsPlugin;
+export * from './SettingsPlugin';
+export * from './components';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,eAAe,cAAc,CAAC;AAE9B,cAAc,kBAAkB,CAAC;AAIjC,cAAc,cAAc,CAAC"}

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

@@ -0,0 +1,6 @@
+export declare const SETTINGS_PLUGIN = "dxos.org/plugin/settings";
+declare const _default: {
+    id: string;
+};
+export default _default;
+//# sourceMappingURL=meta.d.ts.map

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

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

package/dist/types/src/translations.d.ts

@@ -0,0 +1,10 @@
+declare const _default: {
+    'en-US': {
+        "dxos.org/plugin/settings": {
+            'open settings label': string;
+            'settings dialog title': string;
+        };
+    };
+}[];
+export default _default;
+//# sourceMappingURL=translations.d.ts.map

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

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

package/package.json

@@ -0,0 +1,70 @@
+{
+  "name": "@ohos-ports/braneframe-plugin-settings",
+  "version": "0.6.7-beta.1",
+  "description": "DXOS app plugin for aggregating and rendering plugin settings.",
+  "homepage": "https://github.com/ohos-ports/ohos-ports/tree/main/ports/braneframe-plugin-settings/0.6.7",
+  "bugs": {
+    "url": "https://github.com/ohos-ports/ohos-ports/issues"
+  },
+  "license": "MIT",
+  "author": "DXOS.org",
+  "exports": {
+    ".": {
+      "browser": "./dist/lib/browser/index.mjs",
+      "node": {
+        "default": "./dist/lib/node/index.cjs"
+      },
+      "types": "./dist/types/src/index.d.ts"
+    },
+    "./meta": {
+      "browser": "./dist/lib/browser/meta.mjs",
+      "node": {
+        "default": "./dist/lib/node/meta.cjs"
+      },
+      "types": "./dist/types/src/meta.d.ts"
+    }
+  },
+  "types": "dist/types/src/index.d.ts",
+  "typesVersions": {
+    "*": {
+      "meta": [
+        "dist/types/src/meta.d.ts"
+      ]
+    }
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
+  "dependencies": {
+    "@dxos/local-storage": "0.6.7",
+    "@dxos/util": "0.6.7",
+    "@dxos/react-list": "^0.11.1",
+    "@braneframe/plugin-graph": "0.6.7"
+  },
+  "devDependencies": {
+    "@phosphor-icons/react": "^2.1.5",
+    "@types/react": "^18.0.21",
+    "react": "~18.2.0",
+    "@ohos-ports/vite": "^8.3.0-beta.0",
+    "@dxos/app-framework": "0.6.7",
+    "@ohos-ports/dxos-react-ui": "^0.11.1-beta.0",
+    "@dxos/storybook-utils": "0.6.7",
+    "@ohos-ports/dxos-react-ui-theme": "^0.8.3-beta.0"
+  },
+  "peerDependencies": {
+    "@phosphor-icons/react": "^2.1.5",
+    "react": "~18.2.0",
+    "@dxos/app-framework": "0.6.7",
+    "@ohos-ports/dxos-react-ui": "^0.11.1-beta.0",
+    "@ohos-ports/dxos-react-ui-theme": "^0.8.3-beta.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ohos-ports/ohos-ports.git",
+    "directory": "ports/braneframe-plugin-settings/0.6.7"
+  }
+}

package/src/SettingsPlugin.tsx

@@ -0,0 +1,124 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import { Gear, type IconProps } from '@phosphor-icons/react';
+import React from 'react';
+
+import { createExtension, type Node } from '@braneframe/plugin-graph';
+import {
+  type IntentResolverProvides,
+  type PluginDefinition,
+  type SurfaceProvides,
+  parseIntentPlugin,
+  resolvePlugin,
+  LayoutAction,
+  SettingsAction,
+  type GraphBuilderProvides,
+  type TranslationsProvides,
+} from '@dxos/app-framework';
+import { LocalStorageStore } from '@dxos/local-storage';
+
+import { SettingsDialog } from './components';
+import meta, { SETTINGS_PLUGIN } from './meta';
+import translations from './translations';
+
+const DEFAULT_PLUGIN = 'dxos.org/plugin/registry';
+
+export type SettingsPluginProvides = SurfaceProvides &
+  IntentResolverProvides &
+  GraphBuilderProvides &
+  TranslationsProvides;
+
+type SettingsSettingsProps = {
+  selected: string;
+};
+
+/**
+ * Plugin for aggregating and rendering plugin settings.
+ */
+export const SettingsPlugin = (): PluginDefinition<SettingsPluginProvides> => {
+  const settings = new LocalStorageStore<SettingsSettingsProps>(SETTINGS_PLUGIN, { selected: DEFAULT_PLUGIN });
+
+  return {
+    meta,
+    ready: async () => {
+      settings.prop({ key: 'selected', type: LocalStorageStore.string() });
+    },
+    provides: {
+      surface: {
+        component: ({ data }) => {
+          switch (data.component) {
+            case `${SETTINGS_PLUGIN}/Settings`:
+              return (
+                <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 is Node<null> => 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: IconProps) => <Gear {...props} />,
+                  iconSymbol: 'ph--gear--regular',
+                  keyBinding: {
+                    macos: 'meta+,',
+                    windows: 'alt+,',
+                  },
+                },
+              },
+            ],
+          });
+        },
+      },
+      translations,
+    },
+  };
+};

package/src/components/SettingsDialog.tsx

@@ -0,0 +1,110 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import React from 'react';
+
+import { type Plugin, 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).
+// @dxos/react-list provides the headless primitives and loads in Node ESM.
+import { List, ListItem, ListItemHeading } from '@dxos/react-list';
+import { ghostHover, ghostSelected } from '@ohos-ports/dxos-react-ui-theme';
+import { nonNullable } from '@dxos/util';
+
+import { SETTINGS_PLUGIN } from '../meta';
+
+export const SettingsDialog = ({
+  selected,
+  onSelected,
+}: {
+  selected: string;
+  onSelected: (plugin: string) => void;
+}) => {
+  const { t } = useTranslation(SETTINGS_PLUGIN);
+  const { plugins, enabled } = usePlugins();
+
+  // TODO(burdon): Factor out common defs?
+  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 as any)?.settings)
+    .map((plugin) => plugin!.meta)
+    .sort(({ name: a }, { name: b }) => a?.localeCompare(b ?? '') ?? 0);
+
+  return (
+    <Dialog.Content classNames={['bs-content max-bs-full md:max-is-[40rem] overflow-hidden']}>
+      <Dialog.Title>{t('settings dialog title')}</Dialog.Title>
+
+      <div className='grow mlb-4 overflow-hidden grid grid-cols-[minmax(min-content,1fr)_3fr] gap-1'>
+        <div className='flex flex-col p-1 gap-4 surface-input rounded place-self-start max-bs-[100%] is-full overflow-y-auto'>
+          <PluginList
+            title='Options'
+            plugins={core.map((id) => plugins.find((plugin) => plugin.meta.id === id)?.meta).filter(nonNullable)}
+            selected={selected}
+            onSelect={(plugin) => onSelected(plugin)}
+          />
+
+          {filteredPlugins.length > 0 && (
+            <PluginList
+              title='Plugins'
+              plugins={filteredPlugins}
+              selected={selected}
+              onSelect={(plugin) => onSelected(plugin)}
+            />
+          )}
+        </div>
+
+        <div className='pli-1 md:pli-2 max-bs-[100%] overflow-y-auto'>
+          <Surface role='settings' data={{ plugin: selected }} />
+        </div>
+      </div>
+
+      <Dialog.Close asChild>
+        <Button variant='primary' classNames='mbs-2' autoFocus>
+          {t('done label', { ns: 'os' })}
+        </Button>
+      </Dialog.Close>
+    </Dialog.Content>
+  );
+};
+
+const PluginList = ({
+  title,
+  plugins,
+  selected,
+  onSelect,
+}: {
+  title: string;
+  plugins: Plugin['meta'][];
+  selected?: string;
+  onSelect: (plugin: string) => void;
+}) => {
+  return (
+    <div role='none'>
+      <h2 className='mlb-1 pli-2 text-sm text-neutral-500'>{title}</h2>
+      <List selectable>
+        {plugins.map((plugin) => (
+          <ListItem
+            key={plugin.id}
+            selected={plugin.id === selected}
+            onClick={() => onSelect(plugin.id)}
+            className={['px-2 rounded-sm', ghostSelected, ghostHover].join(' ')}
+          >
+            <ListItemHeading className='flex w-full items-center cursor-pointer'>{plugin.name}</ListItemHeading>
+          </ListItem>
+        ))}
+      </List>
+    </div>
+  );
+};

package/src/components/SettingsValue.tsx

@@ -0,0 +1,49 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import React, { type PropsWithChildren } from 'react';
+
+import { Input } from '@ohos-ports/dxos-react-ui';
+
+type SettingValueProps = {
+  label: string;
+  description?: JSX.Element;
+  secondary?: JSX.Element;
+};
+
+export const SettingsValue = ({ label, description, secondary, children }: PropsWithChildren<SettingValueProps>) => {
+  const primary = (
+    <div role='none' className='flex w-full gap-4 py-1'>
+      <Input.Root>
+        <div role='none' className='flex flex-col w-full'>
+          {/* TODO(burdon): Consistent height for controls (e.g., Select, Textbox, and Checkbox are all different). */}
+          <Input.Label classNames='flex min-h-[40px] items-center'>{label}</Input.Label>
+          {description && (
+            <Input.DescriptionAndValidation classNames='mbs-0.5'>
+              <Input.Description>{description}</Input.Description>
+            </Input.DescriptionAndValidation>
+          )}
+        </div>
+
+        <div role='none'>
+          <div role='none' className='flex min-h-[40px] items-center'>
+            {children}
+          </div>
+        </div>
+      </Input.Root>
+    </div>
+  );
+
+  if (secondary) {
+    // console.log(secondary);
+    return (
+      <div role='none' className='flex flex-col w-full'>
+        {primary}
+        {secondary}
+      </div>
+    );
+  }
+
+  return primary;
+};

package/src/components/index.ts

@@ -0,0 +1,6 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+export * from './SettingsDialog';
+export * from './SettingsValue';

package/src/index.ts

@@ -0,0 +1,13 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import { SettingsPlugin } from './SettingsPlugin';
+
+export default SettingsPlugin;
+
+export * from './SettingsPlugin';
+
+// TODO(wittjosiah): Remove.
+//  Settings should be exposed from plugins as state and intents rather than components.
+export * from './components';

package/src/meta.ts

@@ -0,0 +1,9 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+export const SETTINGS_PLUGIN = 'dxos.org/plugin/settings';
+
+export default {
+  id: SETTINGS_PLUGIN,
+};

package/src/translations.ts

@@ -0,0 +1,16 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import { SETTINGS_PLUGIN } from './meta';
+
+export default [
+  {
+    'en-US': {
+      [SETTINGS_PLUGIN]: {
+        'open settings label': 'Show settings',
+        'settings dialog title': 'Settings',
+      },
+    },
+  },
+];