@dxos/plugin-status-bar 0.8.2-staging.7ac8446 → 0.8.2

package/dist/lib/node/index.cjs

@@ -28,174 +28,21 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var node_exports = {};
 __export(node_exports, {
-  STATUS_BAR_PLUGIN: () => STATUS_BAR_PLUGIN,
-  StatusBar: () => StatusBar,
-  StatusBarActions: () => StatusBarActions,
-  StatusBarPanel: () => StatusBarPanel,
+  STATUS_BAR_PLUGIN: () => import_chunk_4IGLOCOS.STATUS_BAR_PLUGIN,
+  StatusBar: () => import_chunk_4IGLOCOS.StatusBar,
+  StatusBarActions: () => import_chunk_4IGLOCOS.StatusBarActions,
+  StatusBarPanel: () => import_chunk_4IGLOCOS.StatusBarPanel,
   StatusBarPlugin: () => StatusBarPlugin,
-  meta: () => meta
+  VersionNumber: () => import_chunk_4IGLOCOS.VersionNumber,
+  meta: () => import_chunk_4IGLOCOS.meta
 });
 module.exports = __toCommonJS(node_exports);
-var import_react_slot = require("@radix-ui/react-slot");
-var import_react = __toESM(require("react"));
-var import_react_ui_theme = require("@dxos/react-ui-theme");
-var import_react2 = __toESM(require("react"));
+var import_chunk_4IGLOCOS = require("./chunk-4IGLOCOS.cjs");
 var import_app_framework = require("@dxos/app-framework");
-var import_react_ui = require("@dxos/react-ui");
-var import_formatDistance = require("date-fns/formatDistance");
-var import_react3 = __toESM(require("react"));
-var import_react_client = require("@dxos/react-client");
-var import_react_ui2 = require("@dxos/react-ui");
-var import_react4 = __toESM(require("react"));
 var import_app_framework2 = require("@dxos/app-framework");
-var StatusBarText = /* @__PURE__ */ (0, import_react.forwardRef)(({ classNames, children }, forwardedRef) => /* @__PURE__ */ import_react.default.createElement("span", {
-  className: (0, import_react_ui_theme.mx)(classNames),
-  ref: forwardedRef
-}, children));
-var StatusBarButton = /* @__PURE__ */ (0, import_react.forwardRef)(({ classNames, children, asChild, ...props }, forwardedRef) => {
-  const classes = (0, import_react_ui_theme.mx)("flex items-center justify-center gap-2 p-1 px-2 rounded-sm", "select-none cursor-pointer dx-focus-ring text-description text-xs", "hover:bg-neutral-75 active:bg-neutral-150 dark:hover:bg-neutral-750 dark:active:bg-neutral-700", classNames);
-  return asChild ? /* @__PURE__ */ import_react.default.createElement(import_react_slot.Slot, {
-    role: "button",
-    ref: forwardedRef,
-    className: classes,
-    ...props
-  }, children) : /* @__PURE__ */ import_react.default.createElement("button", {
-    className: classes,
-    ref: forwardedRef,
-    ...props
-  }, children);
-});
-var StatusBarItem = /* @__PURE__ */ (0, import_react.forwardRef)(({ classNames, children, ...props }, forwardedRef) => /* @__PURE__ */ import_react.default.createElement("div", {
-  role: "menuitem",
-  className: (0, import_react_ui_theme.mx)("flex items-center justify-center gap-2 p-1 px-2 rounded-sm select-none", classNames),
-  ref: forwardedRef,
-  ...props
-}, children));
-var StartContent = /* @__PURE__ */ (0, import_react.forwardRef)(({ classNames, children }, forwardedRef) => /* @__PURE__ */ import_react.default.createElement("div", {
-  role: "none",
-  className: (0, import_react_ui_theme.mx)("flex-grow flex items-center space-x-2", classNames),
-  ref: forwardedRef
-}, children));
-var EndContent = /* @__PURE__ */ (0, import_react.forwardRef)(({ classNames, children }, forwardedRef) => /* @__PURE__ */ import_react.default.createElement("div", {
-  role: "none",
-  className: (0, import_react_ui_theme.mx)("flex-grow flex items-center justify-end", classNames),
-  ref: forwardedRef
-}, children));
-var StatusBar = {
-  Text: StatusBarText,
-  Item: StatusBarItem,
-  Button: StatusBarButton,
-  StartContent,
-  EndContent
-};
-var STATUS_BAR_PLUGIN = "dxos.org/plugin/status-bar";
-var meta = {
-  id: STATUS_BAR_PLUGIN,
-  name: "Status Bar",
-  description: "Display a bar with status and actions.",
-  icon: "ph--info--regular"
-};
-var repo = "https://github.com/dxos/dxos";
-var VERSION_REGEX = /([\d.]+)/;
-var VersionNumber = () => {
-  const config = (0, import_react_client.useConfig)();
-  const { t } = (0, import_react_ui2.useTranslation)(STATUS_BAR_PLUGIN);
-  const { version, timestamp, commitHash } = config.values.runtime?.app?.build ?? {};
-  const [_, v] = version?.match(VERSION_REGEX) ?? [];
-  const isLabs = config.values.runtime?.app?.env?.DX_LABS;
-  const releaseUrl = config.values.runtime?.app?.env?.DX_ENVIRONMENT === "production" ? `${repo}/releases/tag/v${version}` : `${repo}/commit/${commitHash}`;
-  const previewUrl = "https://docs.dxos.org/composer#technology-preview";
-  return /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Popover.Root, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Popover.Trigger, {
-    asChild: true
-  }, /* @__PURE__ */ import_react3.default.createElement(StatusBar.Button, {
-    classNames: "text-xs"
-  }, isLabs ? version : v)), /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Popover.Portal, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Popover.Content, {
-    side: "top",
-    role: "message",
-    classNames: "z-[12] bg-warning-500 max-is-[min(calc(100vw-16px),40ch)]"
-  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Message.Root, {
-    valence: "warning",
-    className: "rounded-be-none p-5"
-  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Message.Title, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Icon, {
-    icon: "ph--warning--duotone",
-    size: 6,
-    classNames: "inline mie-2"
-  }), /* @__PURE__ */ import_react3.default.createElement("span", null, t("warning title"))), /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Message.Body, null, t("technology preview message"), /* @__PURE__ */ import_react3.default.createElement("br", null), /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Link, {
-    href: previewUrl,
-    target: "_blank",
-    rel: "noreferrer",
-    variant: "neutral"
-  }, t("learn more label"), /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Icon, {
-    icon: "ph--arrow-square-out--bold",
-    classNames: "inline mis-1"
-  })))), /* @__PURE__ */ import_react3.default.createElement("div", {
-    role: "none",
-    className: "plb-4 pli-5 space-b-2 text-baseText"
-  }, timestamp && /* @__PURE__ */ import_react3.default.createElement("p", null, t("released message", {
-    released: (0, import_formatDistance.formatDistance)(new Date(timestamp), /* @__PURE__ */ new Date(), {
-      addSuffix: true
-    })
-  }), /* @__PURE__ */ import_react3.default.createElement("br", null), /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Link, {
-    href: releaseUrl,
-    target: "_blank",
-    rel: "noreferrer",
-    variant: "neutral"
-  }, t("see release label"), /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Icon, {
-    icon: "ph--arrow-square-out--bold",
-    classNames: "inline mis-1"
-  }))), /* @__PURE__ */ import_react3.default.createElement("p", null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Trans, {
-    t,
-    i18nKey: "powered by dxos message",
-    components: {
-      dxos: /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Link, {
-        href: "https://dxos.org",
-        target: "_blank",
-        rel: "noreferrer",
-        variant: "neutral"
-      })
-    }
-  }))), /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Popover.Arrow, null))));
-};
-var StatusBarActions = () => {
-  const { t } = (0, import_react_ui.useTranslation)(STATUS_BAR_PLUGIN);
-  const [open, setOpen] = (0, import_react2.useState)(false);
-  return /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Popover.Root, {
-    open,
-    onOpenChange: setOpen
-  }, /* @__PURE__ */ import_react2.default.createElement(StatusBar.Button, {
-    asChild: true
-  }, /* @__PURE__ */ import_react2.default.createElement("a", {
-    href: "https://dxos.org/discord",
-    target: "_blank",
-    rel: "noopener noreferrer"
-  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Icon, {
-    icon: "ph--discord-logo--regular",
-    size: 4
-  }), /* @__PURE__ */ import_react2.default.createElement(StatusBar.Text, {
-    classNames: "hidden sm:block"
-  }, t("discord label")))), /* @__PURE__ */ import_react2.default.createElement(StatusBar.Button, {
-    asChild: true
-  }, /* @__PURE__ */ import_react2.default.createElement("a", {
-    href: "https://github.com/dxos/dxos",
-    target: "_blank",
-    rel: "noopener noreferrer"
-  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Icon, {
-    icon: "ph--github-logo--regular",
-    size: 4
-  }), /* @__PURE__ */ import_react2.default.createElement(StatusBar.Text, {
-    classNames: "hidden sm:block"
-  }, t("github label")))), /* @__PURE__ */ import_react2.default.createElement(VersionNumber, null));
-};
-var StatusBarPanel = () => {
-  return /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement(StatusBarActions, null), /* @__PURE__ */ import_react2.default.createElement("span", {
-    role: "separator",
-    className: "grow"
-  }), /* @__PURE__ */ import_react2.default.createElement(import_app_framework.Surface, {
-    role: "status"
-  }));
-};
+var ReactSurface = (0, import_app_framework2.lazy)(() => import("./react-surface-KZY6SOXE.cjs"));
 var entry = (translation) => ({
-  [STATUS_BAR_PLUGIN]: translation
+  [import_chunk_4IGLOCOS.STATUS_BAR_PLUGIN]: translation
 });
 var translations = {
   "en-US": entry({
@@ -214,39 +61,16 @@ var translations = {
 var translations_default = [
   translations
 ];
-var StatusBarPlugin = () => (0, import_app_framework2.definePlugin)(meta, [
-  (0, import_app_framework2.defineModule)({
-    id: `${meta.id}/module/translations`,
-    activatesOn: import_app_framework2.Events.SetupTranslations,
-    activate: () => (0, import_app_framework2.contributes)(import_app_framework2.Capabilities.Translations, translations_default)
+var StatusBarPlugin = () => (0, import_app_framework.definePlugin)(import_chunk_4IGLOCOS.meta, [
+  (0, import_app_framework.defineModule)({
+    id: `${import_chunk_4IGLOCOS.meta.id}/module/translations`,
+    activatesOn: import_app_framework.Events.SetupTranslations,
+    activate: () => (0, import_app_framework.contributes)(import_app_framework.Capabilities.Translations, translations_default)
   }),
-  (0, import_app_framework2.defineModule)({
-    id: `${meta.id}/module/react-surface`,
-    activatesOn: import_app_framework2.Events.SetupReactSurface,
-    activate: () => (0, import_app_framework2.contributes)(import_app_framework2.Capabilities.ReactSurface, [
-      (0, import_app_framework2.createSurface)({
-        id: meta.id,
-        role: "status-bar",
-        component: () => /* @__PURE__ */ import_react4.default.createElement(StatusBarPanel, null)
-      }),
-      (0, import_app_framework2.createSurface)({
-        id: meta.id,
-        role: "status-bar--r0-footer",
-        component: () => /* @__PURE__ */ import_react4.default.createElement(import_app_framework2.Surface, {
-          role: "status"
-        })
-      }),
-      (0, import_app_framework2.createSurface)({
-        id: meta.id,
-        role: "status-bar--r1-footer",
-        component: () => /* @__PURE__ */ import_react4.default.createElement(StatusBarActions, null)
-      }),
-      (0, import_app_framework2.createSurface)({
-        id: `${STATUS_BAR_PLUGIN}/header-end`,
-        role: "header-end",
-        component: () => /* @__PURE__ */ import_react4.default.createElement(VersionNumber, null)
-      })
-    ])
+  (0, import_app_framework.defineModule)({
+    id: `${import_chunk_4IGLOCOS.meta.id}/module/react-surface`,
+    activatesOn: import_app_framework.Events.SetupReactSurface,
+    activate: ReactSurface
   })
 ]);
 // Annotate the CommonJS export names for ESM import in node:
@@ -256,6 +80,7 @@ var StatusBarPlugin = () => (0, import_app_framework2.definePlugin)(meta, [
   StatusBarActions,
   StatusBarPanel,
   StatusBarPlugin,
+  VersionNumber,
   meta
 });
 //# sourceMappingURL=index.cjs.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/StatusBar.tsx", "../../../src/components/StatusBarPanel.tsx", "../../../src/components/VersionNumber.tsx", "../../../src/meta.ts", "../../../src/StatusBarPlugin.tsx", "../../../src/translations.ts"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { Slot } from '@radix-ui/react-slot';\nimport React, { type ComponentPropsWithRef, forwardRef, type PropsWithChildren, type ReactNode } from 'react';\n\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\n\ntype StatusBarTextProps = ThemedClassName<{ children: ReactNode }>;\n\nconst StatusBarText = forwardRef<HTMLSpanElement, StatusBarTextProps>(({ classNames, children }, forwardedRef) => (\n  <span className={mx(classNames)} ref={forwardedRef}>\n    {children}\n  </span>\n));\n\ntype StatusBarButtonProps = ThemedClassName<ComponentPropsWithRef<'button'> & { asChild?: boolean }>;\n\nconst StatusBarButton = forwardRef<HTMLButtonElement, StatusBarButtonProps>(\n  ({ classNames, children, asChild, ...props }, forwardedRef) => {\n    const classes = mx(\n      'flex items-center justify-center gap-2 p-1 px-2 rounded-sm',\n      'select-none cursor-pointer dx-focus-ring text-description text-xs',\n      'hover:bg-neutral-75 active:bg-neutral-150 dark:hover:bg-neutral-750 dark:active:bg-neutral-700',\n      classNames,\n    );\n\n    return asChild ? (\n      <Slot role='button' ref={forwardedRef} className={classes} {...props}>\n        {children}\n      </Slot>\n    ) : (\n      <button className={classes} ref={forwardedRef} {...props}>\n        {children}\n      </button>\n    );\n  },\n);\n\nexport default StatusBarButton;\n\ntype StatusBarItemProps = ThemedClassName<ComponentPropsWithRef<'div'>>;\n\nconst StatusBarItem = forwardRef<HTMLDivElement, StatusBarItemProps>(\n  ({ classNames, children, ...props }, forwardedRef) => (\n    <div\n      role='menuitem'\n      className={mx('flex items-center justify-center gap-2 p-1 px-2 rounded-sm select-none', classNames)}\n      ref={forwardedRef}\n      {...props}\n    >\n      {children}\n    </div>\n  ),\n);\n\ntype StartContentProps = ThemedClassName<PropsWithChildren<{}>>;\n\nconst StartContent = forwardRef<HTMLDivElement, StartContentProps>(({ classNames, children }, forwardedRef) => (\n  <div role='none' className={mx('flex-grow flex items-center space-x-2', classNames)} ref={forwardedRef}>\n    {children}\n  </div>\n));\n\ntype EndContentProps = ThemedClassName<PropsWithChildren<{}>>;\n\nconst EndContent = forwardRef<HTMLDivElement, EndContentProps>(({ classNames, children }, forwardedRef) => (\n  <div role='none' className={mx('flex-grow flex items-center justify-end', classNames)} ref={forwardedRef}>\n    {children}\n  </div>\n));\n\nexport const StatusBar = {\n  Text: StatusBarText,\n  Item: StatusBarItem,\n  Button: StatusBarButton,\n  StartContent,\n  EndContent,\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useState } from 'react';\n\nimport { Surface } from '@dxos/app-framework';\nimport { Icon, Popover, useTranslation } from '@dxos/react-ui';\n\nimport { StatusBar } from './StatusBar';\nimport { VersionNumber } from './VersionNumber';\nimport { STATUS_BAR_PLUGIN } from '../meta';\n\nexport const StatusBarActions = () => {\n  const { t } = useTranslation(STATUS_BAR_PLUGIN);\n  const [open, setOpen] = useState(false);\n\n  return (\n    <Popover.Root open={open} onOpenChange={setOpen}>\n      {/* TODO(zan): Configure this label? */}\n      <StatusBar.Button asChild>\n        <a href='https://dxos.org/discord' target='_blank' rel='noopener noreferrer'>\n          <Icon icon='ph--discord-logo--regular' size={4} />\n          <StatusBar.Text classNames='hidden sm:block'>{t('discord label')}</StatusBar.Text>\n        </a>\n      </StatusBar.Button>\n      <StatusBar.Button asChild>\n        <a href='https://github.com/dxos/dxos' target='_blank' rel='noopener noreferrer'>\n          <Icon icon='ph--github-logo--regular' size={4} />\n          <StatusBar.Text classNames='hidden sm:block'>{t('github label')}</StatusBar.Text>\n        </a>\n      </StatusBar.Button>\n      <VersionNumber />\n    </Popover.Root>\n  );\n};\n\nexport const StatusBarPanel = () => {\n  return (\n    <>\n      <StatusBarActions />\n      <span role='separator' className='grow' />\n      <Surface role='status' />\n    </>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { formatDistance } from 'date-fns/formatDistance';\nimport React from 'react';\n\nimport { useConfig } from '@dxos/react-client';\nimport { Link, Message, Popover, Trans, useTranslation, Icon } from '@dxos/react-ui';\n\nimport { StatusBar } from './StatusBar';\nimport { STATUS_BAR_PLUGIN } from '../meta';\n\nconst repo = 'https://github.com/dxos/dxos';\n\nconst VERSION_REGEX = /([\\d.]+)/;\n\nexport const VersionNumber = () => {\n  const config = useConfig();\n  const { t } = useTranslation(STATUS_BAR_PLUGIN);\n  const { version, timestamp, commitHash } = config.values.runtime?.app?.build ?? {};\n  const [_, v] = version?.match(VERSION_REGEX) ?? [];\n  const isLabs = config.values.runtime?.app?.env?.DX_LABS;\n\n  const releaseUrl =\n    config.values.runtime?.app?.env?.DX_ENVIRONMENT === 'production'\n      ? `${repo}/releases/tag/v${version}`\n      : `${repo}/commit/${commitHash}`;\n\n  const previewUrl = 'https://docs.dxos.org/composer#technology-preview';\n\n  return (\n    <Popover.Root>\n      <Popover.Trigger asChild>\n        <StatusBar.Button classNames='text-xs'>{isLabs ? version : v}</StatusBar.Button>\n      </Popover.Trigger>\n      <Popover.Portal>\n        <Popover.Content\n          side='top'\n          role='message'\n          classNames='z-[12] bg-warning-500 max-is-[min(calc(100vw-16px),40ch)]'\n        >\n          <Message.Root valence='warning' className='rounded-be-none p-5'>\n            <Message.Title>\n              <Icon icon='ph--warning--duotone' size={6} classNames='inline mie-2' />\n              <span>{t('warning title')}</span>\n            </Message.Title>\n            <Message.Body>\n              {t('technology preview message')}\n              <br />\n              <Link href={previewUrl} target='_blank' rel='noreferrer' variant='neutral'>\n                {t('learn more label')}\n                <Icon icon='ph--arrow-square-out--bold' classNames='inline mis-1' />\n              </Link>\n            </Message.Body>\n          </Message.Root>\n          <div role='none' className='plb-4 pli-5 space-b-2 text-baseText'>\n            {timestamp && (\n              <p>\n                {t('released message', {\n                  released: formatDistance(new Date(timestamp), new Date(), { addSuffix: true }),\n                })}\n                <br />\n                <Link href={releaseUrl} target='_blank' rel='noreferrer' variant='neutral'>\n                  {t('see release label')}\n                  <Icon icon='ph--arrow-square-out--bold' classNames='inline mis-1' />\n                </Link>\n              </p>\n            )}\n            <p>\n              <Trans\n                {...{\n                  t,\n                  i18nKey: 'powered by dxos message',\n                  components: {\n                    dxos: <Link href='https://dxos.org' target='_blank' rel='noreferrer' variant='neutral' />,\n                  },\n                }}\n              />\n            </p>\n          </div>\n          <Popover.Arrow />\n        </Popover.Content>\n      </Popover.Portal>\n    </Popover.Root>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const STATUS_BAR_PLUGIN = 'dxos.org/plugin/status-bar';\n\nexport const meta: PluginMeta = {\n  id: STATUS_BAR_PLUGIN,\n  name: 'Status Bar',\n  description: 'Display a bar with status and actions.',\n  icon: 'ph--info--regular',\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport {\n  Capabilities,\n  contributes,\n  createSurface,\n  defineModule,\n  definePlugin,\n  Events,\n  Surface,\n} from '@dxos/app-framework';\n\nimport { StatusBarActions, StatusBarPanel } from './components';\nimport { VersionNumber } from './components/VersionNumber';\nimport { meta, STATUS_BAR_PLUGIN } from './meta';\nimport translations from './translations';\n\nexport const StatusBarPlugin = () =>\n  definePlugin(meta, [\n    defineModule({\n      id: `${meta.id}/module/translations`,\n      activatesOn: Events.SetupTranslations,\n      activate: () => contributes(Capabilities.Translations, translations),\n    }),\n    defineModule({\n      id: `${meta.id}/module/react-surface`,\n      activatesOn: Events.SetupReactSurface,\n      activate: () =>\n        contributes(Capabilities.ReactSurface, [\n          createSurface({\n            id: meta.id,\n            role: 'status-bar',\n            component: () => <StatusBarPanel />,\n          }),\n          createSurface({\n            id: meta.id,\n            role: 'status-bar--r0-footer',\n            component: () => <Surface role='status' />,\n          }),\n          createSurface({\n            id: meta.id,\n            role: 'status-bar--r1-footer',\n            component: () => <StatusBarActions />,\n          }),\n          createSurface({\n            id: `${STATUS_BAR_PLUGIN}/header-end`,\n            role: 'header-end',\n            component: () => <VersionNumber />,\n          }),\n        ]),\n    }),\n  ]);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type useTranslation } from '@dxos/react-ui';\n\nimport { STATUS_BAR_PLUGIN } from './meta';\n\n// TODO(wittjosiah): There's got to be a better way to do typesafe translations, this is too much boilerplate.\n\ntype StatusBarTranslationKeys =\n  | 'plugin name'\n  | 'warning title'\n  | 'technology preview message'\n  | 'learn more label'\n  | 'released message'\n  | 'see release label'\n  | 'powered by dxos message'\n  | 'discord label'\n  | 'github label'\n  | 'feedback label';\n\ntype RequiredTranslation = { [key in StatusBarTranslationKeys]: string };\ntype TranslationEntry = { [STATUS_BAR_PLUGIN]: RequiredTranslation };\ntype Language = string;\n\n// -- helpers.\nconst entry = (translation: RequiredTranslation): TranslationEntry => ({ [STATUS_BAR_PLUGIN]: translation });\nexport const mkTranslation = (t: ReturnType<typeof useTranslation>['t']) => (key: StatusBarTranslationKeys) => t(key);\n\nconst translations: Record<Language, TranslationEntry> = {\n  'en-US': entry({\n    'plugin name': 'Status Bar',\n    'warning title': 'WARNING',\n    'technology preview message': 'Composer is currently in beta.',\n    'learn more label': 'Learn more',\n    'released message': 'This version released {{released}}.',\n    'see release label': 'See release on GitHub',\n    'powered by dxos message': 'Powered by <dxos>DXOS</dxos>',\n    'discord label': 'Discord',\n    'github label': 'GitHub',\n    'feedback label': 'Feedback',\n  }),\n};\n\nexport default [translations];\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,wBAAqB;AACrB,mBAAsG;AAGtG,4BAAmB;ACJnB,IAAAA,gBAAgC;AAEhC,2BAAwB;AACxB,sBAA8C;ACH9C,4BAA+B;AAC/B,IAAAA,gBAAkB;AAElB,0BAA0B;AAC1B,IAAAC,mBAAoE;AEJpE,IAAAD,gBAAkB;AAElB,IAAAE,wBAQO;AJFP,IAAMC,gBAAgBC,6CAAgD,CAAC,EAAEC,YAAYC,SAAQ,GAAIC,iBAC/F,6BAAAC,QAAA,cAACC,QAAAA;EAAKC,eAAWC,0BAAGN,UAAAA;EAAaO,KAAKL;GACnCD,QAAAA,CAAAA;AAML,IAAMO,kBAAkBT,6CACtB,CAAC,EAAEC,YAAYC,UAAUQ,SAAS,GAAGC,MAAAA,GAASR,iBAAAA;AAC5C,QAAMS,cAAUL,0BACd,8DACA,qEACA,kGACAN,UAAAA;AAGF,SAAOS,UACL,6BAAAN,QAAA,cAACS,wBAAAA;IAAKC,MAAK;IAASN,KAAKL;IAAcG,WAAWM;IAAU,GAAGD;KAC5DT,QAAAA,IAGH,6BAAAE,QAAA,cAACW,UAAAA;IAAOT,WAAWM;IAASJ,KAAKL;IAAe,GAAGQ;KAChDT,QAAAA;AAGP,CAAA;AAOF,IAAMc,gBAAgBhB,6CACpB,CAAC,EAAEC,YAAYC,UAAU,GAAGS,MAAAA,GAASR,iBACnC,6BAAAC,QAAA,cAACa,OAAAA;EACCH,MAAK;EACLR,eAAWC,0BAAG,0EAA0EN,UAAAA;EACxFO,KAAKL;EACJ,GAAGQ;GAEHT,QAAAA,CAAAA;AAOP,IAAMgB,eAAelB,6CAA8C,CAAC,EAAEC,YAAYC,SAAQ,GAAIC,iBAC5F,6BAAAC,QAAA,cAACa,OAAAA;EAAIH,MAAK;EAAOR,eAAWC,0BAAG,yCAAyCN,UAAAA;EAAaO,KAAKL;GACvFD,QAAAA,CAAAA;AAML,IAAMiB,aAAanB,6CAA4C,CAAC,EAAEC,YAAYC,SAAQ,GAAIC,iBACxF,6BAAAC,QAAA,cAACa,OAAAA;EAAIH,MAAK;EAAOR,eAAWC,0BAAG,2CAA2CN,UAAAA;EAAaO,KAAKL;GACzFD,QAAAA,CAAAA;AAIE,IAAMkB,YAAY;EACvBC,MAAMtB;EACNuB,MAAMN;EACNO,QAAQd;EACRS;EACAC;AACF;AG1EO,IAAMK,oBAAoB;AAE1B,IAAMC,OAAmB;EAC9BC,IAAIF;EACJG,MAAM;EACNC,aAAa;EACbC,MAAM;AACR;ADAA,IAAMC,OAAO;AAEb,IAAMC,gBAAgB;AAEf,IAAMC,gBAAgB,MAAA;AAC3B,QAAMC,aAASC,+BAAAA;AACf,QAAM,EAAEC,EAAC,QAAKC,iCAAeZ,iBAAAA;AAC7B,QAAM,EAAEa,SAASC,WAAWC,WAAU,IAAKN,OAAOO,OAAOC,SAASC,KAAKC,SAAS,CAAC;AACjF,QAAM,CAACC,GAAGC,CAAAA,IAAKR,SAASS,MAAMf,aAAAA,KAAkB,CAAA;AAChD,QAAMgB,SAASd,OAAOO,OAAOC,SAASC,KAAKM,KAAKC;AAEhD,QAAMC,aACJjB,OAAOO,OAAOC,SAASC,KAAKM,KAAKG,mBAAmB,eAChD,GAAGrB,IAAAA,kBAAsBO,OAAAA,KACzB,GAAGP,IAAAA,WAAeS,UAAAA;AAExB,QAAMa,aAAa;AAEnB,SACEhD,8BAAAA,QAAA,cAACiD,yBAAQC,MAAI,MACXlD,8BAAAA,QAAA,cAACiD,yBAAQE,SAAO;IAAC7C,SAAAA;KACfN,8BAAAA,QAAA,cAACgB,UAAUG,QAAM;IAACtB,YAAW;KAAW8C,SAASV,UAAUQ,CAAAA,CAAAA,GAE7DzC,8BAAAA,QAAA,cAACiD,yBAAQG,QAAM,MACbpD,8BAAAA,QAAA,cAACiD,yBAAQI,SAAO;IACdC,MAAK;IACL5C,MAAK;IACLb,YAAW;KAEXG,8BAAAA,QAAA,cAACuD,yBAAQL,MAAI;IAACM,SAAQ;IAAUtD,WAAU;KACxCF,8BAAAA,QAAA,cAACuD,yBAAQE,OAAK,MACZzD,8BAAAA,QAAA,cAAC0D,uBAAAA;IAAKjC,MAAK;IAAuBkC,MAAM;IAAG9D,YAAW;MACtDG,8BAAAA,QAAA,cAACC,QAAAA,MAAM8B,EAAE,eAAA,CAAA,CAAA,GAEX/B,8BAAAA,QAAA,cAACuD,yBAAQK,MAAI,MACV7B,EAAE,4BAAA,GACH/B,8BAAAA,QAAA,cAAC6D,MAAAA,IAAAA,GACD7D,8BAAAA,QAAA,cAAC8D,uBAAAA;IAAKC,MAAMf;IAAYgB,QAAO;IAASC,KAAI;IAAaC,SAAQ;KAC9DnC,EAAE,kBAAA,GACH/B,8BAAAA,QAAA,cAAC0D,uBAAAA;IAAKjC,MAAK;IAA6B5B,YAAW;SAIzDG,8BAAAA,QAAA,cAACa,OAAAA;IAAIH,MAAK;IAAOR,WAAU;KACxBgC,aACClC,8BAAAA,QAAA,cAACmE,KAAAA,MACEpC,EAAE,oBAAoB;IACrBqC,cAAUC,sCAAe,IAAIC,KAAKpC,SAAAA,GAAY,oBAAIoC,KAAAA,GAAQ;MAAEC,WAAW;IAAK,CAAA;EAC9E,CAAA,GACAvE,8BAAAA,QAAA,cAAC6D,MAAAA,IAAAA,GACD7D,8BAAAA,QAAA,cAAC8D,uBAAAA;IAAKC,MAAMjB;IAAYkB,QAAO;IAASC,KAAI;IAAaC,SAAQ;KAC9DnC,EAAE,mBAAA,GACH/B,8BAAAA,QAAA,cAAC0D,uBAAAA;IAAKjC,MAAK;IAA6B5B,YAAW;QAIzDG,8BAAAA,QAAA,cAACmE,KAAAA,MACCnE,8BAAAA,QAAA,cAACwE,wBACK;IACFzC;IACA0C,SAAS;IACTC,YAAY;MACVC,MAAM3E,8BAAAA,QAAA,cAAC8D,uBAAAA;QAAKC,MAAK;QAAmBC,QAAO;QAASC,KAAI;QAAaC,SAAQ;;IAC/E;EACF,CAAA,CAAA,CAAA,GAINlE,8BAAAA,QAAA,cAACiD,yBAAQ2B,OAAK,IAAA,CAAA,CAAA,CAAA;AAKxB;ADzEO,IAAMC,mBAAmB,MAAA;AAC9B,QAAM,EAAE9C,EAAC,QAAKC,gBAAAA,gBAAeZ,iBAAAA;AAC7B,QAAM,CAAC0D,MAAMC,OAAAA,QAAWC,wBAAS,KAAA;AAEjC,SACEhF,8BAAAA,QAAA,cAACiD,gBAAAA,QAAQC,MAAI;IAAC4B;IAAYG,cAAcF;KAEtC/E,8BAAAA,QAAA,cAACgB,UAAUG,QAAM;IAACb,SAAAA;KAChBN,8BAAAA,QAAA,cAACkF,KAAAA;IAAEnB,MAAK;IAA2BC,QAAO;IAASC,KAAI;KACrDjE,8BAAAA,QAAA,cAAC0D,gBAAAA,MAAAA;IAAKjC,MAAK;IAA4BkC,MAAM;MAC7C3D,8BAAAA,QAAA,cAACgB,UAAUC,MAAI;IAACpB,YAAW;KAAmBkC,EAAE,eAAA,CAAA,CAAA,CAAA,GAGpD/B,8BAAAA,QAAA,cAACgB,UAAUG,QAAM;IAACb,SAAAA;KAChBN,8BAAAA,QAAA,cAACkF,KAAAA;IAAEnB,MAAK;IAA+BC,QAAO;IAASC,KAAI;KACzDjE,8BAAAA,QAAA,cAAC0D,gBAAAA,MAAAA;IAAKjC,MAAK;IAA2BkC,MAAM;MAC5C3D,8BAAAA,QAAA,cAACgB,UAAUC,MAAI;IAACpB,YAAW;KAAmBkC,EAAE,cAAA,CAAA,CAAA,CAAA,GAGpD/B,8BAAAA,QAAA,cAAC4B,eAAAA,IAAAA,CAAAA;AAGP;AAEO,IAAMuD,iBAAiB,MAAA;AAC5B,SACEnF,8BAAAA,QAAA,cAAAA,cAAAA,QAAA,UAAA,MACEA,8BAAAA,QAAA,cAAC6E,kBAAAA,IAAAA,GACD7E,8BAAAA,QAAA,cAACC,QAAAA;IAAKS,MAAK;IAAYR,WAAU;MACjCF,8BAAAA,QAAA,cAACoF,8BAAAA;IAAQ1E,MAAK;;AAGpB;AIlBA,IAAM2E,QAAQ,CAACC,iBAAwD;EAAE,CAAClE,iBAAAA,GAAoBkE;AAAY;AAG1G,IAAMC,eAAmD;EACvD,SAASF,MAAM;IACb,eAAe;IACf,iBAAiB;IACjB,8BAA8B;IAC9B,oBAAoB;IACpB,oBAAoB;IACpB,qBAAqB;IACrB,2BAA2B;IAC3B,iBAAiB;IACjB,gBAAgB;IAChB,kBAAkB;EACpB,CAAA;AACF;AAEA,IAAA,uBAAe;EAACE;;ADxBT,IAAMC,kBAAkB,UAC7BC,oCAAapE,MAAM;MACjBqE,oCAAa;IACXpE,IAAI,GAAGD,KAAKC,EAAE;IACdqE,aAAaC,6BAAOC;IACpBC,UAAU,UAAMC,mCAAYC,mCAAaC,cAAcV,oBAAAA;EACzD,CAAA;MACAG,oCAAa;IACXpE,IAAI,GAAGD,KAAKC,EAAE;IACdqE,aAAaC,6BAAOM;IACpBJ,UAAU,UACRC,mCAAYC,mCAAaG,cAAc;UACrCC,qCAAc;QACZ9E,IAAID,KAAKC;QACTZ,MAAM;QACN2F,WAAW,MAAMrG,8BAAAA,QAAA,cAACmF,gBAAAA,IAAAA;MACpB,CAAA;UACAiB,qCAAc;QACZ9E,IAAID,KAAKC;QACTZ,MAAM;QACN2F,WAAW,MAAMrG,8BAAAA,QAAA,cAACoF,sBAAAA,SAAAA;UAAQ1E,MAAK;;MACjC,CAAA;UACA0F,qCAAc;QACZ9E,IAAID,KAAKC;QACTZ,MAAM;QACN2F,WAAW,MAAMrG,8BAAAA,QAAA,cAAC6E,kBAAAA,IAAAA;MACpB,CAAA;UACAuB,qCAAc;QACZ9E,IAAI,GAAGF,iBAAAA;QACPV,MAAM;QACN2F,WAAW,MAAMrG,8BAAAA,QAAA,cAAC4B,eAAAA,IAAAA;MACpB,CAAA;KACD;EACL,CAAA;CACD;",
-  "names": ["import_react", "import_react_ui", "import_app_framework", "StatusBarText", "forwardRef", "classNames", "children", "forwardedRef", "React", "span", "className", "mx", "ref", "StatusBarButton", "asChild", "props", "classes", "Slot", "role", "button", "StatusBarItem", "div", "StartContent", "EndContent", "StatusBar", "Text", "Item", "Button", "STATUS_BAR_PLUGIN", "meta", "id", "name", "description", "icon", "repo", "VERSION_REGEX", "VersionNumber", "config", "useConfig", "t", "useTranslation", "version", "timestamp", "commitHash", "values", "runtime", "app", "build", "_", "v", "match", "isLabs", "env", "DX_LABS", "releaseUrl", "DX_ENVIRONMENT", "previewUrl", "Popover", "Root", "Trigger", "Portal", "Content", "side", "Message", "valence", "Title", "Icon", "size", "Body", "br", "Link", "href", "target", "rel", "variant", "p", "released", "formatDistance", "Date", "addSuffix", "Trans", "i18nKey", "components", "dxos", "Arrow", "StatusBarActions", "open", "setOpen", "useState", "onOpenChange", "a", "StatusBarPanel", "Surface", "entry", "translation", "translations", "StatusBarPlugin", "definePlugin", "defineModule", "activatesOn", "Events", "SetupTranslations", "activate", "contributes", "Capabilities", "Translations", "SetupReactSurface", "ReactSurface", "createSurface", "component"]
+  "sources": ["../../../src/StatusBarPlugin.ts", "../../../src/capabilities/index.ts", "../../../src/translations.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { Capabilities, contributes, defineModule, definePlugin, Events } from '@dxos/app-framework';\n\nimport { ReactSurface } from './capabilities';\nimport { meta } from './meta';\nimport translations from './translations';\n\nexport const StatusBarPlugin = () =>\n  definePlugin(meta, [\n    defineModule({\n      id: `${meta.id}/module/translations`,\n      activatesOn: Events.SetupTranslations,\n      activate: () => contributes(Capabilities.Translations, translations),\n    }),\n    defineModule({\n      id: `${meta.id}/module/react-surface`,\n      activatesOn: Events.SetupReactSurface,\n      activate: ReactSurface,\n    }),\n  ]);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { lazy } from '@dxos/app-framework';\n\nexport const ReactSurface = lazy(() => import('./react-surface'));\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type useTranslation } from '@dxos/react-ui';\n\nimport { STATUS_BAR_PLUGIN } from './meta';\n\n// TODO(wittjosiah): There's got to be a better way to do typesafe translations, this is too much boilerplate.\n\ntype StatusBarTranslationKeys =\n  | 'plugin name'\n  | 'warning title'\n  | 'technology preview message'\n  | 'learn more label'\n  | 'released message'\n  | 'see release label'\n  | 'powered by dxos message'\n  | 'discord label'\n  | 'github label'\n  | 'feedback label';\n\ntype RequiredTranslation = { [key in StatusBarTranslationKeys]: string };\ntype TranslationEntry = { [STATUS_BAR_PLUGIN]: RequiredTranslation };\ntype Language = string;\n\n// -- helpers.\nconst entry = (translation: RequiredTranslation): TranslationEntry => ({ [STATUS_BAR_PLUGIN]: translation });\nexport const mkTranslation = (t: ReturnType<typeof useTranslation>['t']) => (key: StatusBarTranslationKeys) => t(key);\n\nconst translations: Record<Language, TranslationEntry> = {\n  'en-US': entry({\n    'plugin name': 'Status Bar',\n    'warning title': 'WARNING',\n    'technology preview message': 'Composer is currently in beta.',\n    'learn more label': 'Learn more',\n    'released message': 'This version released {{released}}.',\n    'see release label': 'See release on GitHub',\n    'powered by dxos message': 'Powered by <dxos>DXOS</dxos>',\n    'discord label': 'Discord',\n    'github label': 'GitHub',\n    'feedback label': 'Feedback',\n  }),\n};\n\nexport default [translations];\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,2BAA8E;ACA9E,IAAAA,wBAAqB;AAEd,IAAMC,mBAAeC,4BAAK,MAAM,OAAO,8BAAA,CAAA;ACqB9C,IAAMC,QAAQ,CAACC,iBAAwD;EAAE,CAACC,uCAAAA,GAAoBD;AAAY;AAG1G,IAAME,eAAmD;EACvD,SAASH,MAAM;IACb,eAAe;IACf,iBAAiB;IACjB,8BAA8B;IAC9B,oBAAoB;IACpB,oBAAoB;IACpB,qBAAqB;IACrB,2BAA2B;IAC3B,iBAAiB;IACjB,gBAAgB;IAChB,kBAAkB;EACpB,CAAA;AACF;AAEA,IAAA,uBAAe;EAACG;;AFnCT,IAAMC,kBAAkB,UAC7BC,mCAAaC,4BAAM;MACjBC,mCAAa;IACXC,IAAI,GAAGF,2BAAKE,EAAE;IACdC,aAAaC,4BAAOC;IACpBC,UAAU,UAAMC,kCAAYC,kCAAaC,cAAcZ,oBAAAA;EACzD,CAAA;MACAI,mCAAa;IACXC,IAAI,GAAGF,2BAAKE,EAAE;IACdC,aAAaC,4BAAOM;IACpBJ,UAAUd;EACZ,CAAA;CACD;",
+  "names": ["import_app_framework", "ReactSurface", "lazy", "entry", "translation", "STATUS_BAR_PLUGIN", "translations", "StatusBarPlugin", "definePlugin", "meta", "defineModule", "id", "activatesOn", "Events", "SetupTranslations", "activate", "contributes", "Capabilities", "Translations", "SetupReactSurface"]
 }

package/dist/lib/node/meta.json

@@ -1 +1 @@
-{"inputs":{"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx":{"bytes":7783,"imports":[{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-status-bar/src/meta.ts":{"bytes":1277,"imports":[],"format":"esm"},"packages/plugins/plugin-status-bar/src/components/VersionNumber.tsx":{"bytes":11172,"imports":[{"path":"date-fns/formatDistance","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-client","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"},{"path":"packages/plugins/plugin-status-bar/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/components/StatusBarPanel.tsx":{"bytes":5831,"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":"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"},{"path":"packages/plugins/plugin-status-bar/src/components/VersionNumber.tsx","kind":"import-statement","original":"./VersionNumber"},{"path":"packages/plugins/plugin-status-bar/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/components/index.ts":{"bytes":624,"imports":[{"path":"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"},{"path":"packages/plugins/plugin-status-bar/src/components/StatusBarPanel.tsx","kind":"import-statement","original":"./StatusBarPanel"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/translations.ts":{"bytes":3815,"imports":[{"path":"packages/plugins/plugin-status-bar/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/StatusBarPlugin.tsx":{"bytes":6167,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-status-bar/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/plugins/plugin-status-bar/src/components/VersionNumber.tsx","kind":"import-statement","original":"./components/VersionNumber"},{"path":"packages/plugins/plugin-status-bar/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-status-bar/src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/index.ts":{"bytes":699,"imports":[{"path":"packages/plugins/plugin-status-bar/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/plugins/plugin-status-bar/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-status-bar/src/StatusBarPlugin.tsx","kind":"import-statement","original":"./StatusBarPlugin"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-status-bar/dist/lib/node/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":18333},"packages/plugins/plugin-status-bar/dist/lib/node/index.cjs":{"imports":[{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"date-fns/formatDistance","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-client","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true}],"exports":["STATUS_BAR_PLUGIN","StatusBar","StatusBarActions","StatusBarPanel","StatusBarPlugin","meta"],"entryPoint":"packages/plugins/plugin-status-bar/src/index.ts","inputs":{"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx":{"bytesInOutput":1948},"packages/plugins/plugin-status-bar/src/components/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-status-bar/src/components/StatusBarPanel.tsx":{"bytesInOutput":1703},"packages/plugins/plugin-status-bar/src/components/VersionNumber.tsx":{"bytesInOutput":3210},"packages/plugins/plugin-status-bar/src/meta.ts":{"bytesInOutput":202},"packages/plugins/plugin-status-bar/src/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-status-bar/src/StatusBarPlugin.tsx":{"bytesInOutput":1317},"packages/plugins/plugin-status-bar/src/translations.ts":{"bytesInOutput":608}},"bytes":9726}}}
+{"inputs":{"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx":{"bytes":8429,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-status-bar/src/meta.ts":{"bytes":1237,"imports":[],"format":"esm"},"packages/plugins/plugin-status-bar/src/components/VersionNumber.tsx":{"bytes":11430,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"date-fns/formatDistance","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-client","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"},{"path":"packages/plugins/plugin-status-bar/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/components/StatusBarPanel.tsx":{"bytes":9015,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-client","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"},{"path":"packages/plugins/plugin-status-bar/src/components/VersionNumber.tsx","kind":"import-statement","original":"./VersionNumber"},{"path":"packages/plugins/plugin-status-bar/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/components/index.ts":{"bytes":697,"imports":[{"path":"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"},{"path":"packages/plugins/plugin-status-bar/src/components/StatusBarPanel.tsx","kind":"import-statement","original":"./StatusBarPanel"},{"path":"packages/plugins/plugin-status-bar/src/components/VersionNumber.tsx","kind":"import-statement","original":"./VersionNumber"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/capabilities/react-surface.tsx":{"bytes":3838,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-status-bar/src/components/index.ts","kind":"import-statement","original":"../components"},{"path":"packages/plugins/plugin-status-bar/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/capabilities/index.ts":{"bytes":796,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-status-bar/src/capabilities/react-surface.tsx","kind":"dynamic-import","original":"./react-surface"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/translations.ts":{"bytes":3755,"imports":[{"path":"packages/plugins/plugin-status-bar/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/StatusBarPlugin.ts":{"bytes":2804,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-status-bar/src/capabilities/index.ts","kind":"import-statement","original":"./capabilities"},{"path":"packages/plugins/plugin-status-bar/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-status-bar/src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/index.ts":{"bytes":667,"imports":[{"path":"packages/plugins/plugin-status-bar/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/plugins/plugin-status-bar/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-status-bar/src/StatusBarPlugin.ts","kind":"import-statement","original":"./StatusBarPlugin"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-status-bar/dist/lib/node/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":3585},"packages/plugins/plugin-status-bar/dist/lib/node/index.cjs":{"imports":[{"path":"packages/plugins/plugin-status-bar/dist/lib/node/chunk-4IGLOCOS.cjs","kind":"import-statement"},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-status-bar/dist/lib/node/react-surface-KZY6SOXE.cjs","kind":"dynamic-import"}],"exports":["STATUS_BAR_PLUGIN","StatusBar","StatusBarActions","StatusBarPanel","StatusBarPlugin","VersionNumber","meta"],"entryPoint":"packages/plugins/plugin-status-bar/src/index.ts","inputs":{"packages/plugins/plugin-status-bar/src/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-status-bar/src/StatusBarPlugin.ts":{"bytesInOutput":478},"packages/plugins/plugin-status-bar/src/capabilities/index.ts":{"bytesInOutput":115},"packages/plugins/plugin-status-bar/src/translations.ts":{"bytesInOutput":608}},"bytes":1747},"packages/plugins/plugin-status-bar/dist/lib/node/react-surface-KZY6SOXE.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1838},"packages/plugins/plugin-status-bar/dist/lib/node/react-surface-KZY6SOXE.cjs":{"imports":[{"path":"packages/plugins/plugin-status-bar/dist/lib/node/chunk-4IGLOCOS.cjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"packages/plugins/plugin-status-bar/src/capabilities/react-surface.tsx","inputs":{"packages/plugins/plugin-status-bar/src/capabilities/react-surface.tsx":{"bytesInOutput":896}},"bytes":1171},"packages/plugins/plugin-status-bar/dist/lib/node/chunk-4IGLOCOS.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":15137},"packages/plugins/plugin-status-bar/dist/lib/node/chunk-4IGLOCOS.cjs":{"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"date-fns/formatDistance","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-client","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-client","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"exports":["STATUS_BAR_PLUGIN","StatusBar","StatusBarActions","StatusBarPanel","VersionNumber","meta"],"inputs":{"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx":{"bytesInOutput":2549},"packages/plugins/plugin-status-bar/src/meta.ts":{"bytesInOutput":202},"packages/plugins/plugin-status-bar/src/components/VersionNumber.tsx":{"bytesInOutput":3481},"packages/plugins/plugin-status-bar/src/components/StatusBarPanel.tsx":{"bytesInOutput":2943},"packages/plugins/plugin-status-bar/src/components/index.ts":{"bytesInOutput":0}},"bytes":9591}}}

package/dist/lib/node/react-surface-KZY6SOXE.cjs

@@ -0,0 +1,61 @@
+"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 react_surface_KZY6SOXE_exports = {};
+__export(react_surface_KZY6SOXE_exports, {
+  default: () => react_surface_default
+});
+module.exports = __toCommonJS(react_surface_KZY6SOXE_exports);
+var import_chunk_4IGLOCOS = require("./chunk-4IGLOCOS.cjs");
+var import_react = __toESM(require("react"));
+var import_app_framework = require("@dxos/app-framework");
+var react_surface_default = () => (0, import_app_framework.contributes)(import_app_framework.Capabilities.ReactSurface, [
+  (0, import_app_framework.createSurface)({
+    id: `${import_chunk_4IGLOCOS.meta.id}/status-bar`,
+    role: "status-bar",
+    component: () => /* @__PURE__ */ import_react.default.createElement(import_chunk_4IGLOCOS.StatusBarPanel, null)
+  }),
+  (0, import_app_framework.createSurface)({
+    id: `${import_chunk_4IGLOCOS.meta.id}/status-bar--r0-footer`,
+    role: "status-bar--r0-footer",
+    component: () => /* @__PURE__ */ import_react.default.createElement(import_app_framework.Surface, {
+      role: "status"
+    })
+  }),
+  (0, import_app_framework.createSurface)({
+    id: `${import_chunk_4IGLOCOS.meta.id}/status-bar--r1-footer`,
+    role: "status-bar--r1-footer",
+    component: () => /* @__PURE__ */ import_react.default.createElement(import_chunk_4IGLOCOS.StatusBarActions, null)
+  }),
+  (0, import_app_framework.createSurface)({
+    id: `${import_chunk_4IGLOCOS.meta.id}/header-end`,
+    role: "header-end",
+    component: () => /* @__PURE__ */ import_react.default.createElement(import_chunk_4IGLOCOS.VersionNumber, null)
+  })
+]);
+//# sourceMappingURL=react-surface-KZY6SOXE.cjs.map

package/dist/lib/node/react-surface-KZY6SOXE.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/react-surface.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Capabilities, contributes, createSurface, Surface } from '@dxos/app-framework';\n\nimport { StatusBarActions, StatusBarPanel, VersionNumber } from '../components';\nimport { meta } from '../meta';\n\nexport default () =>\n  contributes(Capabilities.ReactSurface, [\n    createSurface({\n      id: `${meta.id}/status-bar`,\n      role: 'status-bar',\n      component: () => <StatusBarPanel />,\n    }),\n    createSurface({\n      id: `${meta.id}/status-bar--r0-footer`,\n      role: 'status-bar--r0-footer',\n      component: () => <Surface role='status' />,\n    }),\n    createSurface({\n      id: `${meta.id}/status-bar--r1-footer`,\n      role: 'status-bar--r1-footer',\n      component: () => <StatusBarActions />,\n    }),\n    createSurface({\n      id: `${meta.id}/header-end`,\n      role: 'header-end',\n      component: () => <VersionNumber />,\n    }),\n  ]);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,mBAAkB;AAElB,2BAAkE;AAKlE,IAAA,wBAAe,UACbA,kCAAYC,kCAAaC,cAAc;MACrCC,oCAAc;IACZC,IAAI,GAAGC,2BAAKD,EAAE;IACdE,MAAM;IACNC,WAAW,MAAM,6BAAAC,QAAA,cAACC,sCAAAA,IAAAA;EACpB,CAAA;MACAN,oCAAc;IACZC,IAAI,GAAGC,2BAAKD,EAAE;IACdE,MAAM;IACNC,WAAW,MAAM,6BAAAC,QAAA,cAACE,8BAAAA;MAAQJ,MAAK;;EACjC,CAAA;MACAH,oCAAc;IACZC,IAAI,GAAGC,2BAAKD,EAAE;IACdE,MAAM;IACNC,WAAW,MAAM,6BAAAC,QAAA,cAACG,wCAAAA,IAAAA;EACpB,CAAA;MACAR,oCAAc;IACZC,IAAI,GAAGC,2BAAKD,EAAE;IACdE,MAAM;IACNC,WAAW,MAAM,6BAAAC,QAAA,cAACI,qCAAAA,IAAAA;EACpB,CAAA;CACD;",
+  "names": ["contributes", "Capabilities", "ReactSurface", "createSurface", "id", "meta", "role", "component", "React", "StatusBarPanel", "Surface", "StatusBarActions", "VersionNumber"]
+}