@dxos/plugin-settings 0.6.11 → 0.6.12-main.5cc132e

package/dist/lib/node-esm/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/node-esm/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/node-esm/index.mjs

@@ -0,0 +1,255 @@
+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, Icon, useTranslation } from "@dxos/react-ui";
+import { Tabs } from "@dxos/react-ui-tabs";
+import { getSize } 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(Icon, {
+    icon: "ph--caret-left--regular",
+    classNames: [
+      "@md:hidden",
+      getSize(4),
+      tabsActivePart === "list" && "invisible"
+    ]
+  }), /* @__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(Icon, {
+    icon: "ph--x--regular",
+    size: 3
+  })))), /* @__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 border-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/node-esm/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, Icon, useTranslation } from '@dxos/react-ui';\nimport { Tabs, type TabsActivePart } from '@dxos/react-ui-tabs';\nimport { getSize } 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          <Icon\n            icon='ph--caret-left--regular'\n            classNames={['@md:hidden', getSize(4), tabsActivePart === 'list' && 'invisible']}\n          />\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            <Icon icon='ph--x--regular' size={3} />\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 border-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", "Icon", "useTranslation", "Tabs", "getSize", "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", "Icon", "icon", "getSize", "span", "Close", "asChild", "Button", "density", "variant", "autoFocus", "size", "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/node-esm/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":15320,"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/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":16980},"packages/plugins/plugin-settings/dist/lib/node-esm/index.mjs":{"imports":[{"path":"packages/plugins/plugin-settings/dist/lib/node-esm/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":4288},"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":9300},"packages/plugins/plugin-settings/dist/lib/node-esm/meta.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/plugin-settings/dist/lib/node-esm/meta.mjs":{"imports":[{"path":"packages/plugins/plugin-settings/dist/lib/node-esm/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/node-esm/chunk-JKQMH66V.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":338},"packages/plugins/plugin-settings/dist/lib/node-esm/chunk-JKQMH66V.mjs":{"imports":[],"exports":["SETTINGS_PLUGIN","meta_default"],"inputs":{"packages/plugins/plugin-settings/src/meta.ts":{"bytesInOutput":96}},"bytes":235}}}

package/dist/lib/node-esm/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/node-esm/meta.mjs.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-settings",
-  "version": "0.6.11",
+  "version": "0.6.12-main.5cc132e",
   "description": "DXOS app plugin for aggregating and rendering plugin settings.",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -10,14 +10,16 @@
     ".": {
       "browser": "./dist/lib/browser/index.mjs",
       "node": {
-        "default": "./dist/lib/node/index.cjs"
+        "require": "./dist/lib/node/index.cjs",
+        "default": "./dist/lib/node-esm/index.mjs"
       },
       "types": "./dist/types/src/index.d.ts"
     },
     "./meta": {
       "browser": "./dist/lib/browser/meta.mjs",
       "node": {
-        "default": "./dist/lib/node/meta.cjs"
+        "require": "./dist/lib/node/meta.cjs",
+        "default": "./dist/lib/node-esm/meta.mjs"
       },
       "types": "./dist/types/src/meta.d.ts"
     }
@@ -35,26 +37,26 @@
     "src"
   ],
   "dependencies": {
-    "@dxos/app-framework": "0.6.11",
-    "@dxos/local-storage": "0.6.11",
-    "@dxos/plugin-graph": "0.6.11",
-    "@dxos/react-ui-tabs": "0.6.11",
-    "@dxos/util": "0.6.11"
+    "@dxos/app-framework": "0.6.12-main.5cc132e",
+    "@dxos/local-storage": "0.6.12-main.5cc132e",
+    "@dxos/plugin-graph": "0.6.12-main.5cc132e",
+    "@dxos/react-ui-tabs": "0.6.12-main.5cc132e",
+    "@dxos/util": "0.6.12-main.5cc132e"
   },
   "devDependencies": {
     "@phosphor-icons/react": "^2.1.5",
     "@types/react": "~18.2.0",
     "react": "~18.2.0",
-    "vite": "^5.3.4",
-    "@dxos/react-ui": "0.6.11",
-    "@dxos/react-ui-theme": "0.6.11",
-    "@dxos/storybook-utils": "0.6.11"
+    "vite": "5.4.7",
+    "@dxos/react-ui": "0.6.12-main.5cc132e",
+    "@dxos/react-ui-theme": "0.6.12-main.5cc132e",
+    "@dxos/storybook-utils": "0.6.12-main.5cc132e"
   },
   "peerDependencies": {
     "@phosphor-icons/react": "^2.1.5",
     "react": "~18.2.0",
-    "@dxos/react-ui": "0.6.11",
-    "@dxos/react-ui-theme": "0.6.11"
+    "@dxos/react-ui": "0.6.12-main.5cc132e",
+    "@dxos/react-ui-theme": "0.6.12-main.5cc132e"
   },
   "publishConfig": {
     "access": "public"