@dxos/plugin-status-bar 0.7.1 → 0.7.2-staging.6d26b2a

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

@@ -0,0 +1,37 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var chunk_OGG3PMIV_exports = {};
+__export(chunk_OGG3PMIV_exports, {
+  STATUS_BAR_PLUGIN: () => STATUS_BAR_PLUGIN,
+  meta_default: () => meta_default
+});
+module.exports = __toCommonJS(chunk_OGG3PMIV_exports);
+var STATUS_BAR_PLUGIN = "dxos.org/plugin/status-bar";
+var meta_default = {
+  id: STATUS_BAR_PLUGIN,
+  name: "Status Bar",
+  description: "Display a bar with status and actions.",
+  icon: "ph--info--regular"
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  STATUS_BAR_PLUGIN,
+  meta_default
+});
+//# sourceMappingURL=chunk-OGG3PMIV.cjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/meta.ts"],
+  "sourcesContent": ["//\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 default {\n  id: STATUS_BAR_PLUGIN,\n  name: 'Status Bar',\n  description: 'Display a bar with status and actions.',\n  icon: 'ph--info--regular',\n} satisfies PluginMeta;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAMO,IAAMA,oBAAoB;AAEjC,IAAA,eAAe;EACbC,IAAID;EACJE,MAAM;EACNC,aAAa;EACbC,MAAM;AACR;",
+  "names": ["STATUS_BAR_PLUGIN", "id", "name", "description", "icon"]
+}

package/dist/lib/node/index.cjs

@@ -0,0 +1,283 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var node_exports = {};
+__export(node_exports, {
+  StatusBar: () => StatusBar,
+  StatusBarPanel: () => StatusBarPanel,
+  StatusBarPlugin: () => StatusBarPlugin,
+  default: () => src_default
+});
+module.exports = __toCommonJS(node_exports);
+var import_chunk_OGG3PMIV = require("./chunk-OGG3PMIV.cjs");
+var import_react = __toESM(require("react"));
+var import_react_tabster = require("@fluentui/react-tabster");
+var import_react_slot = require("@radix-ui/react-slot");
+var import_react2 = __toESM(require("react"));
+var import_react_ui_theme = require("@dxos/react-ui-theme");
+var import_react3 = __toESM(require("react"));
+var import_app_framework = require("@dxos/app-framework");
+var import_react_ui = require("@dxos/react-ui");
+var import_schema = require("@effect/schema");
+var import_react4 = require("@phosphor-icons/react");
+var import_react5 = __toESM(require("react"));
+var import_app_framework2 = require("@dxos/app-framework");
+var import_react_ui2 = require("@dxos/react-ui");
+var import_react_ui_form = require("@dxos/react-ui-form");
+var import_react_ui_theme2 = require("@dxos/react-ui-theme");
+var StatusBarText = /* @__PURE__ */ (0, import_react2.forwardRef)(({ classNames, children }, forwardedRef) => /* @__PURE__ */ import_react2.default.createElement("span", {
+  className: (0, import_react_ui_theme.mx)(classNames),
+  ref: forwardedRef
+}, children));
+var StatusBarButton = /* @__PURE__ */ (0, import_react2.forwardRef)(({ classNames, children, asChild, ...props }, forwardedRef) => {
+  const classes = (0, import_react_ui_theme.mx)("flex items-center gap-2 p-1 px-2 rounded-sm", "select-none cursor-pointer ch-focus-ring", "hover:bg-neutral-75 active:bg-neutral-150 dark:hover:bg-neutral-750 dark:active:bg-neutral-700", classNames);
+  return asChild ? /* @__PURE__ */ import_react2.default.createElement(import_react_slot.Slot, {
+    role: "button",
+    ref: forwardedRef,
+    className: classes,
+    ...props
+  }, children) : /* @__PURE__ */ import_react2.default.createElement("button", {
+    className: classes,
+    ref: forwardedRef,
+    ...props
+  }, children);
+});
+var StatusBarItem = /* @__PURE__ */ (0, import_react2.forwardRef)(({ classNames, children, ...props }, forwardedRef) => /* @__PURE__ */ import_react2.default.createElement("div", {
+  role: "menuitem",
+  className: (0, import_react_ui_theme.mx)("flex items-center gap-2 p-1 px-2 rounded-sm select-none", classNames),
+  ref: forwardedRef,
+  ...props
+}, children));
+var StatusBarContainer = /* @__PURE__ */ (0, import_react2.forwardRef)(({ classNames, children }, forwardedRef) => {
+  const groupAttrs = (0, import_react_tabster.useFocusableGroup)({
+    tabBehavior: "limited"
+  });
+  return /* @__PURE__ */ import_react2.default.createElement("div", {
+    role: "menubar",
+    tabIndex: 0,
+    ...groupAttrs,
+    className: (0, import_react_ui_theme.mx)("bs-[--statusbar-size] flex justify-end items-center gap-2 bg-base text-description text-lg pointer-fine:text-xs ch-focus-ring-inset", classNames),
+    ref: forwardedRef
+  }, children);
+});
+var StartContent = /* @__PURE__ */ (0, import_react2.forwardRef)(({ classNames, children }, forwardedRef) => /* @__PURE__ */ import_react2.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_react2.forwardRef)(({ classNames, children }, forwardedRef) => /* @__PURE__ */ import_react2.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 = {
+  Container: StatusBarContainer,
+  Text: StatusBarText,
+  Item: StatusBarItem,
+  Button: StatusBarButton,
+  StartContent,
+  EndContent
+};
+var entry = (translation) => ({
+  [import_chunk_OGG3PMIV.STATUS_BAR_PLUGIN]: translation
+});
+var mkTranslation = (t) => (key) => t(key);
+var translations = {
+  "en-US": entry({
+    "plugin name": "Status Bar",
+    "name label": "Name",
+    "name placeholder": "Preferred name",
+    "email input label": "Email",
+    "email input placeholder": "hello@example.com",
+    "feedback text area label": "Feedback",
+    "feedback text area placeholder": "Found a bug? Have a suggestion? Let us know!",
+    "send feedback label": "Send Feedback"
+  })
+};
+var translations_default = [
+  translations
+];
+var Email = import_schema.Schema.String.pipe(import_schema.Schema.nonEmptyString({
+  message: () => "Email is required."
+}), import_schema.Schema.pattern(/^(?!\.)(?!.*\.\.)([A-Z0-9_+-.]*)[A-Z0-9_+-]@([A-Z0-9][A-Z0-9-]*\.)+[A-Z]{2,}$/i, {
+  message: () => "Invalid email address."
+}));
+var nonEmpty = (field) => import_schema.Schema.nonEmptyString({
+  message: () => `${field} is required.`
+});
+var maxLength = (field, length) => import_schema.Schema.maxLength(length, {
+  message: () => `${field} is too long.`
+});
+var FeedbackFormSchema = import_schema.Schema.Struct({
+  name: import_schema.Schema.String.pipe(nonEmpty("Name"), maxLength("Name", 256)),
+  email: Email.pipe(maxLength("Email", 256)),
+  message: import_schema.Schema.String.pipe(nonEmpty("Feedback"), maxLength("Feedback", 32768))
+});
+var initialValues = {
+  name: "",
+  email: "",
+  message: ""
+};
+var FeedbackForm = ({ onClose }) => {
+  const { t } = (0, import_react_ui2.useTranslation)(import_chunk_OGG3PMIV.STATUS_BAR_PLUGIN);
+  const translation = mkTranslation(t);
+  const dispatch = (0, import_app_framework2.useIntentDispatcher)();
+  const onSubmit = (0, import_react5.useCallback)((values) => {
+    void dispatch({
+      action: "dxos.org/plugin/observability/capture-feedback",
+      data: values
+    });
+    onClose();
+  }, [
+    dispatch,
+    onClose
+  ]);
+  const { handleSubmit, canSubmit, getStatus, ...inputProps } = (0, import_react_ui_form.useForm)({
+    initialValues,
+    schema: FeedbackFormSchema,
+    onSubmit
+  });
+  return /* @__PURE__ */ import_react5.default.createElement("div", {
+    role: "form",
+    className: "p-3 flex flex-col gap-2"
+  }, /* @__PURE__ */ import_react5.default.createElement("div", {
+    role: "none",
+    className: "space-b-1"
+  }, /* @__PURE__ */ import_react5.default.createElement(import_react_ui2.Input.Root, {
+    validationValence: getStatus("name").status
+  }, /* @__PURE__ */ import_react5.default.createElement(import_react_ui2.Input.Label, null, translation("name label")), /* @__PURE__ */ import_react5.default.createElement(import_react_ui2.Input.TextInput, {
+    classNames: "text-sm",
+    placeholder: translation("name placeholder"),
+    autoFocus: true,
+    ...inputProps
+  }), /* @__PURE__ */ import_react5.default.createElement(import_react_ui2.Input.DescriptionAndValidation, null, /* @__PURE__ */ import_react5.default.createElement(import_react_ui2.Input.Validation, null, getStatus("name").error)))), /* @__PURE__ */ import_react5.default.createElement("div", {
+    role: "none",
+    className: "space-b-1"
+  }, /* @__PURE__ */ import_react5.default.createElement(import_react_ui2.Input.Root, {
+    validationValence: getStatus("email").status
+  }, /* @__PURE__ */ import_react5.default.createElement(import_react_ui2.Input.Label, null, translation("email input label")), /* @__PURE__ */ import_react5.default.createElement(import_react_ui2.Input.TextInput, {
+    classNames: "text-sm",
+    placeholder: translation("email input placeholder"),
+    ...inputProps
+  }), /* @__PURE__ */ import_react5.default.createElement(import_react_ui2.Input.DescriptionAndValidation, null, /* @__PURE__ */ import_react5.default.createElement(import_react_ui2.Input.Validation, null, getStatus("email").error)))), /* @__PURE__ */ import_react5.default.createElement("div", {
+    role: "none",
+    className: "space-b-1"
+  }, /* @__PURE__ */ import_react5.default.createElement(import_react_ui2.Input.Root, {
+    validationValence: getStatus("message").status
+  }, /* @__PURE__ */ import_react5.default.createElement(import_react_ui2.Input.Label, null, translation("feedback text area label")), /* @__PURE__ */ import_react5.default.createElement(import_react_ui2.Input.TextArea, {
+    classNames: "text-sm",
+    rows: 5,
+    cols: 30,
+    placeholder: translation("feedback text area placeholder"),
+    ...inputProps
+  }), /* @__PURE__ */ import_react5.default.createElement(import_react_ui2.Input.DescriptionAndValidation, null, /* @__PURE__ */ import_react5.default.createElement(import_react_ui2.Input.Validation, null, getStatus("message").error)))), /* @__PURE__ */ import_react5.default.createElement("div", {
+    role: "none",
+    className: "space-b-2"
+  }, /* @__PURE__ */ import_react5.default.createElement(import_react_ui2.Button, {
+    type: "submit",
+    variant: "primary",
+    classNames: "is-full flex gap-2",
+    disabled: !canSubmit,
+    onClick: handleSubmit
+  }, /* @__PURE__ */ import_react5.default.createElement("span", null, translation("send feedback label")), /* @__PURE__ */ import_react5.default.createElement("div", {
+    className: "grow"
+  }), /* @__PURE__ */ import_react5.default.createElement(import_react4.PaperPlaneTilt, {
+    className: (0, import_react_ui_theme2.getSize)(5)
+  })), /* @__PURE__ */ import_react5.default.createElement(import_react_ui2.Popover.Close, {
+    asChild: true
+  }, /* @__PURE__ */ import_react5.default.createElement(import_react_ui2.Button, {
+    classNames: "is-full flex gap-2"
+  }, /* @__PURE__ */ import_react5.default.createElement("span", null, t("cancel label", {
+    ns: "os"
+  })), /* @__PURE__ */ import_react5.default.createElement("div", {
+    className: "grow"
+  }), /* @__PURE__ */ import_react5.default.createElement(import_react4.X, {
+    className: (0, import_react_ui_theme2.getSize)(5)
+  })))));
+};
+var StatusBarPanel = () => {
+  const [open, setOpen] = (0, import_react3.useState)(false);
+  return /* @__PURE__ */ import_react3.default.createElement(import_react_ui.Popover.Root, {
+    open,
+    onOpenChange: setOpen
+  }, /* @__PURE__ */ import_react3.default.createElement(StatusBar.Container, null, /* @__PURE__ */ import_react3.default.createElement(StatusBar.EndContent, null, /* @__PURE__ */ import_react3.default.createElement(import_app_framework.Surface, {
+    role: "status"
+  }), /* @__PURE__ */ import_react3.default.createElement(import_react_ui.Popover.Trigger, {
+    asChild: true
+  }, /* @__PURE__ */ import_react3.default.createElement(StatusBar.Button, {
+    "aria-label": "Give feedback about composer",
+    "data-joyride": "welcome/feedback"
+  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui.Icon, {
+    icon: "ph--paper-plane-tilt--regular",
+    size: 4
+  }), /* @__PURE__ */ import_react3.default.createElement(StatusBar.Text, {
+    classNames: "hidden sm:block"
+  }, "Feedback"))), /* @__PURE__ */ import_react3.default.createElement(StatusBar.Button, {
+    "aria-label": "Open DXOS Discord",
+    asChild: true
+  }, /* @__PURE__ */ import_react3.default.createElement("a", {
+    href: "https://dxos.org/discord",
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui.Icon, {
+    icon: "ph--discord-logo--regular",
+    size: 4
+  }), /* @__PURE__ */ import_react3.default.createElement(StatusBar.Text, {
+    classNames: "hidden sm:block"
+  }, "Discord"))))), /* @__PURE__ */ import_react3.default.createElement(import_react_ui.Popover.Content, {
+    classNames: "shadow-lg"
+  }, /* @__PURE__ */ import_react3.default.createElement(FeedbackForm, {
+    onClose: () => setOpen(false)
+  }), /* @__PURE__ */ import_react3.default.createElement(import_react_ui.Popover.Arrow, null)));
+};
+var StatusBarPlugin = () => {
+  return {
+    meta: import_chunk_OGG3PMIV.meta_default,
+    provides: {
+      translations: translations_default,
+      surface: {
+        component: ({ role }) => {
+          switch (role) {
+            case "status-bar": {
+              return /* @__PURE__ */ import_react.default.createElement(StatusBarPanel, null);
+            }
+          }
+          return null;
+        }
+      }
+    }
+  };
+};
+var src_default = StatusBarPlugin;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  StatusBar,
+  StatusBarPanel,
+  StatusBarPlugin
+});
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/StatusBarPlugin.tsx", "../../../src/components/StatusBar.tsx", "../../../src/components/StatusBarPanel.tsx", "../../../src/components/FeedbackForm.tsx", "../../../src/translations.ts", "../../../src/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type PluginDefinition, type SurfaceProvides, type TranslationsProvides } from '@dxos/app-framework';\n\nimport { StatusBarPanel } from './components';\nimport meta from './meta';\nimport translations from './translations';\n\nexport type StatusBarPluginProvides = SurfaceProvides & TranslationsProvides;\n\nexport const StatusBarPlugin = (): PluginDefinition<StatusBarPluginProvides> => {\n  return {\n    meta,\n    provides: {\n      translations,\n      surface: {\n        component: ({ role }) => {\n          switch (role) {\n            case 'status-bar': {\n              return <StatusBarPanel />;\n            }\n          }\n\n          return null;\n        },\n      },\n    },\n  };\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { useFocusableGroup } from '@fluentui/react-tabster';\nimport { Slot } from '@radix-ui/react-slot';\nimport React, { forwardRef, type HTMLAttributes, 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<{ children: ReactNode; asChild?: boolean }> &\n  HTMLAttributes<HTMLButtonElement>;\n\nconst StatusBarButton = forwardRef<HTMLButtonElement, StatusBarButtonProps>(\n  ({ classNames, children, asChild, ...props }, forwardedRef) => {\n    const classes = mx(\n      'flex items-center gap-2 p-1 px-2 rounded-sm',\n      'select-none cursor-pointer ch-focus-ring',\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<{ children: ReactNode }> & HTMLAttributes<HTMLDivElement>;\n\nconst StatusBarItem = forwardRef<HTMLDivElement, StatusBarItemProps>(\n  ({ classNames, children, ...props }, forwardedRef) => (\n    <div\n      role='menuitem'\n      className={mx('flex items-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 StatusBarContainerProps = ThemedClassName<{ children: ReactNode }>;\n\n// TODO(zan): tabable group with tabster.\nconst StatusBarContainer = forwardRef<HTMLDivElement, StatusBarContainerProps>(\n  ({ classNames, children }, forwardedRef) => {\n    const groupAttrs = useFocusableGroup({ tabBehavior: 'limited' });\n    return (\n      <div\n        role='menubar'\n        tabIndex={0}\n        {...groupAttrs}\n        className={mx(\n          'bs-[--statusbar-size] flex justify-end items-center gap-2 bg-base text-description text-lg pointer-fine:text-xs ch-focus-ring-inset',\n          classNames,\n        )}\n        ref={forwardedRef}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\ntype StartContentProps = ThemedClassName<{ children: ReactNode }>;\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<{ children: ReactNode }>;\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  Container: StatusBarContainer,\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 } from '@dxos/react-ui';\n\nimport { FeedbackForm } from './FeedbackForm';\nimport { StatusBar } from './StatusBar';\n\nexport const StatusBarPanel = () => {\n  const [open, setOpen] = useState(false);\n\n  // TODO(wittjosiah): Factor out feedback and discord buttons.\n  return (\n    <Popover.Root open={open} onOpenChange={setOpen}>\n      <StatusBar.Container>\n        <StatusBar.EndContent>\n          <Surface role='status' />\n          <Popover.Trigger asChild>\n            <StatusBar.Button aria-label='Give feedback about composer' data-joyride='welcome/feedback'>\n              <Icon icon='ph--paper-plane-tilt--regular' size={4} />\n              <StatusBar.Text classNames='hidden sm:block'>Feedback</StatusBar.Text>\n            </StatusBar.Button>\n          </Popover.Trigger>\n          {/* TODO(zan): Configure this label? */}\n          <StatusBar.Button aria-label='Open DXOS Discord' 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'>Discord</StatusBar.Text>\n            </a>\n          </StatusBar.Button>\n        </StatusBar.EndContent>\n      </StatusBar.Container>\n      <Popover.Content classNames='shadow-lg'>\n        <FeedbackForm onClose={() => setOpen(false)} />\n        <Popover.Arrow />\n      </Popover.Content>\n    </Popover.Root>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { Schema as S } from '@effect/schema';\nimport { PaperPlaneTilt, X } from '@phosphor-icons/react';\nimport React, { useCallback } from 'react';\n\nimport { useIntentDispatcher } from '@dxos/app-framework';\nimport { Button, Input, Popover, useTranslation } from '@dxos/react-ui';\nimport { useForm } from '@dxos/react-ui-form';\nimport { getSize } from '@dxos/react-ui-theme';\n\nimport { STATUS_BAR_PLUGIN } from '../meta';\nimport { mkTranslation } from '../translations';\n\nconst Email = S.String.pipe(\n  S.nonEmptyString({ message: () => 'Email is required.' }),\n  S.pattern(/^(?!\\.)(?!.*\\.\\.)([A-Z0-9_+-.]*)[A-Z0-9_+-]@([A-Z0-9][A-Z0-9-]*\\.)+[A-Z]{2,}$/i, {\n    message: () => 'Invalid email address.',\n  }),\n);\n\nconst nonEmpty = (field: string) => S.nonEmptyString({ message: () => `${field} is required.` });\nconst maxLength = (field: string, length: number) => S.maxLength(length, { message: () => `${field} is too long.` });\n\n// Types and validation.\nconst FeedbackFormSchema = S.Struct({\n  name: S.String.pipe(nonEmpty('Name'), maxLength('Name', 256)),\n  email: Email.pipe(maxLength('Email', 256)),\n  message: S.String.pipe(nonEmpty('Feedback'), maxLength('Feedback', 32_768)),\n});\n\ntype FeedbackFormType = S.Schema.Type<typeof FeedbackFormSchema>;\n\nconst initialValues: FeedbackFormType = { name: '', email: '', message: '' };\n\nexport const FeedbackForm = ({ onClose }: { onClose: () => void }) => {\n  const { t } = useTranslation(STATUS_BAR_PLUGIN);\n  const translation = mkTranslation(t);\n  const dispatch = useIntentDispatcher();\n\n  const onSubmit = useCallback(\n    (values: FeedbackFormType) => {\n      void dispatch({ action: 'dxos.org/plugin/observability/capture-feedback', data: values });\n      onClose();\n    },\n    [dispatch, onClose],\n  );\n\n  const { handleSubmit, canSubmit, getStatus, ...inputProps } = useForm<FeedbackFormType>({\n    initialValues,\n    schema: FeedbackFormSchema,\n    onSubmit,\n  });\n\n  return (\n    <div role='form' className='p-3 flex flex-col gap-2'>\n      <div role='none' className='space-b-1'>\n        <Input.Root validationValence={getStatus('name').status}>\n          <Input.Label>{translation('name label')}</Input.Label>\n          <Input.TextInput\n            classNames={'text-sm'}\n            placeholder={translation('name placeholder')}\n            autoFocus\n            {...inputProps}\n          />\n          <Input.DescriptionAndValidation>\n            <Input.Validation>{getStatus('name').error}</Input.Validation>\n          </Input.DescriptionAndValidation>\n        </Input.Root>\n      </div>\n\n      <div role='none' className='space-b-1'>\n        <Input.Root validationValence={getStatus('email').status}>\n          <Input.Label>{translation('email input label')}</Input.Label>\n          <Input.TextInput\n            classNames={'text-sm'}\n            placeholder={translation('email input placeholder')}\n            {...inputProps}\n          />\n          <Input.DescriptionAndValidation>\n            <Input.Validation>{getStatus('email').error}</Input.Validation>\n          </Input.DescriptionAndValidation>\n        </Input.Root>\n      </div>\n\n      <div role='none' className='space-b-1'>\n        <Input.Root validationValence={getStatus('message').status}>\n          <Input.Label>{translation('feedback text area label')}</Input.Label>\n          <Input.TextArea\n            classNames={'text-sm'}\n            rows={5}\n            cols={30}\n            placeholder={translation('feedback text area placeholder')}\n            {...inputProps}\n          />\n          <Input.DescriptionAndValidation>\n            <Input.Validation>{getStatus('message').error}</Input.Validation>\n          </Input.DescriptionAndValidation>\n        </Input.Root>\n      </div>\n\n      <div role='none' className='space-b-2'>\n        <Button\n          type='submit'\n          variant='primary'\n          classNames='is-full flex gap-2'\n          disabled={!canSubmit}\n          onClick={handleSubmit}\n        >\n          <span>{translation('send feedback label')}</span>\n          <div className='grow' />\n          <PaperPlaneTilt className={getSize(5)} />\n        </Button>\n        <Popover.Close asChild>\n          <Button classNames='is-full flex gap-2'>\n            <span>{t('cancel label', { ns: 'os' })}</span>\n            <div className='grow' />\n            <X className={getSize(5)} />\n          </Button>\n        </Popover.Close>\n      </div>\n    </div>\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\ntype StatusBarTranslationKeys =\n  | 'plugin name'\n  | 'email input label'\n  | 'email input placeholder'\n  | 'feedback text area label'\n  | 'feedback text area placeholder'\n  | 'send feedback label'\n  | 'name label'\n  | 'name placeholder';\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    'name label': 'Name',\n    'name placeholder': 'Preferred name',\n    'email input label': 'Email',\n    'email input placeholder': 'hello@example.com',\n    'feedback text area label': 'Feedback',\n    'feedback text area placeholder': 'Found a bug? Have a suggestion? Let us know!',\n    'send feedback label': 'Send Feedback',\n  }),\n};\n\nexport default [translations];\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { StatusBarPlugin } from './StatusBarPlugin';\n\nexport default StatusBarPlugin;\n\nexport * from './StatusBarPlugin';\nexport * from './components';\n"],
+  "mappings": "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",
+  "names": ["import_react", "import_app_framework", "import_react_ui", "import_react_ui_theme", "StatusBarText", "forwardRef", "classNames", "children", "forwardedRef", "React", "span", "className", "mx", "ref", "StatusBarButton", "asChild", "props", "classes", "Slot", "role", "button", "StatusBarItem", "div", "StatusBarContainer", "groupAttrs", "useFocusableGroup", "tabBehavior", "tabIndex", "StartContent", "EndContent", "StatusBar", "Container", "Text", "Item", "Button", "entry", "translation", "STATUS_BAR_PLUGIN", "mkTranslation", "t", "key", "translations", "Email", "S", "String", "pipe", "nonEmptyString", "message", "pattern", "nonEmpty", "field", "maxLength", "length", "FeedbackFormSchema", "Struct", "name", "email", "initialValues", "FeedbackForm", "onClose", "useTranslation", "dispatch", "useIntentDispatcher", "onSubmit", "useCallback", "values", "action", "data", "handleSubmit", "canSubmit", "getStatus", "inputProps", "useForm", "schema", "Input", "Root", "validationValence", "status", "Label", "TextInput", "placeholder", "autoFocus", "DescriptionAndValidation", "Validation", "error", "TextArea", "rows", "cols", "type", "variant", "disabled", "onClick", "PaperPlaneTilt", "getSize", "Popover", "Close", "ns", "X", "StatusBarPanel", "open", "setOpen", "useState", "onOpenChange", "Surface", "Trigger", "aria-label", "data-joyride", "Icon", "icon", "size", "a", "href", "target", "rel", "Content", "Arrow", "StatusBarPlugin", "meta", "provides", "surface", "component"]
+}

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["meta.cjs"],
+  "sourcesContent": ["import {\n  STATUS_BAR_PLUGIN,\n  meta_default\n} from \"./chunk-OGG3PMIV.cjs\";\nexport {\n  STATUS_BAR_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/plugins/plugin-status-bar/src/components/StatusBar.tsx":{"bytes":9929,"imports":[{"path":"@fluentui/react-tabster","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":1252,"imports":[],"format":"esm"},"packages/plugins/plugin-status-bar/src/translations.ts":{"bytes":3385,"imports":[{"path":"packages/plugins/plugin-status-bar/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/components/FeedbackForm.tsx":{"bytes":16012,"imports":[{"path":"@effect/schema","kind":"import-statement","external":true},{"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/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-form","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"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/components/StatusBarPanel.tsx":{"bytes":6010,"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/FeedbackForm.tsx","kind":"import-statement","original":"./FeedbackForm"},{"path":"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"}],"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/StatusBarPlugin.tsx":{"bytes":2663,"imports":[{"path":"react","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"},{"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":916,"imports":[{"path":"packages/plugins/plugin-status-bar/src/StatusBarPlugin.tsx","kind":"import-statement","original":"./StatusBarPlugin"},{"path":"packages/plugins/plugin-status-bar/src/StatusBarPlugin.tsx","kind":"import-statement","original":"./StatusBarPlugin"},{"path":"packages/plugins/plugin-status-bar/src/components/index.ts","kind":"import-statement","original":"./components"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-status-bar/dist/lib/node/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":20104},"packages/plugins/plugin-status-bar/dist/lib/node/index.cjs":{"imports":[{"path":"packages/plugins/plugin-status-bar/dist/lib/node/chunk-OGG3PMIV.cjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","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":"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":"@effect/schema","kind":"import-statement","external":true},{"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/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-form","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"exports":["StatusBar","StatusBarPanel","StatusBarPlugin","default"],"entryPoint":"packages/plugins/plugin-status-bar/src/index.ts","inputs":{"packages/plugins/plugin-status-bar/src/StatusBarPlugin.tsx":{"bytesInOutput":424},"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx":{"bytesInOutput":2478},"packages/plugins/plugin-status-bar/src/components/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-status-bar/src/components/StatusBarPanel.tsx":{"bytesInOutput":1692},"packages/plugins/plugin-status-bar/src/components/FeedbackForm.tsx":{"bytesInOutput":4592},"packages/plugins/plugin-status-bar/src/translations.ts":{"bytesInOutput":570},"packages/plugins/plugin-status-bar/src/index.ts":{"bytesInOutput":35}},"bytes":10582},"packages/plugins/plugin-status-bar/dist/lib/node/meta.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/plugin-status-bar/dist/lib/node/meta.cjs":{"imports":[{"path":"packages/plugins/plugin-status-bar/dist/lib/node/chunk-OGG3PMIV.cjs","kind":"import-statement"}],"exports":["STATUS_BAR_PLUGIN","default"],"entryPoint":"packages/plugins/plugin-status-bar/src/meta.ts","inputs":{},"bytes":169},"packages/plugins/plugin-status-bar/dist/lib/node/chunk-OGG3PMIV.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":600},"packages/plugins/plugin-status-bar/dist/lib/node/chunk-OGG3PMIV.cjs":{"imports":[],"exports":["STATUS_BAR_PLUGIN","meta_default"],"inputs":{"packages/plugins/plugin-status-bar/src/meta.ts":{"bytesInOutput":210}},"bytes":353}}}

package/dist/lib/node-esm/chunk-UVUSU6KS.mjs

@@ -0,0 +1,16 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+
+// packages/plugins/plugin-status-bar/src/meta.ts
+var STATUS_BAR_PLUGIN = "dxos.org/plugin/status-bar";
+var meta_default = {
+  id: STATUS_BAR_PLUGIN,
+  name: "Status Bar",
+  description: "Display a bar with status and actions.",
+  icon: "ph--info--regular"
+};
+
+export {
+  STATUS_BAR_PLUGIN,
+  meta_default
+};
+//# sourceMappingURL=chunk-UVUSU6KS.mjs.map

package/dist/lib/node-esm/chunk-UVUSU6KS.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/meta.ts"],
+  "sourcesContent": ["//\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 default {\n  id: STATUS_BAR_PLUGIN,\n  name: 'Status Bar',\n  description: 'Display a bar with status and actions.',\n  icon: 'ph--info--regular',\n} satisfies PluginMeta;\n"],
+  "mappings": ";;;AAMO,IAAMA,oBAAoB;AAEjC,IAAA,eAAe;EACbC,IAAID;EACJE,MAAM;EACNC,aAAa;EACbC,MAAM;AACR;",
+  "names": ["STATUS_BAR_PLUGIN", "id", "name", "description", "icon"]
+}

package/dist/lib/node-esm/index.mjs

@@ -0,0 +1,269 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  STATUS_BAR_PLUGIN,
+  meta_default
+} from "./chunk-UVUSU6KS.mjs";
+
+// packages/plugins/plugin-status-bar/src/StatusBarPlugin.tsx
+import React4 from "react";
+
+// packages/plugins/plugin-status-bar/src/components/StatusBar.tsx
+import { useFocusableGroup } from "@fluentui/react-tabster";
+import { Slot } from "@radix-ui/react-slot";
+import React, { forwardRef } from "react";
+import { mx } from "@dxos/react-ui-theme";
+var StatusBarText = /* @__PURE__ */ forwardRef(({ classNames, children }, forwardedRef) => /* @__PURE__ */ React.createElement("span", {
+  className: mx(classNames),
+  ref: forwardedRef
+}, children));
+var StatusBarButton = /* @__PURE__ */ forwardRef(({ classNames, children, asChild, ...props }, forwardedRef) => {
+  const classes = mx("flex items-center gap-2 p-1 px-2 rounded-sm", "select-none cursor-pointer ch-focus-ring", "hover:bg-neutral-75 active:bg-neutral-150 dark:hover:bg-neutral-750 dark:active:bg-neutral-700", classNames);
+  return asChild ? /* @__PURE__ */ React.createElement(Slot, {
+    role: "button",
+    ref: forwardedRef,
+    className: classes,
+    ...props
+  }, children) : /* @__PURE__ */ React.createElement("button", {
+    className: classes,
+    ref: forwardedRef,
+    ...props
+  }, children);
+});
+var StatusBarItem = /* @__PURE__ */ forwardRef(({ classNames, children, ...props }, forwardedRef) => /* @__PURE__ */ React.createElement("div", {
+  role: "menuitem",
+  className: mx("flex items-center gap-2 p-1 px-2 rounded-sm select-none", classNames),
+  ref: forwardedRef,
+  ...props
+}, children));
+var StatusBarContainer = /* @__PURE__ */ forwardRef(({ classNames, children }, forwardedRef) => {
+  const groupAttrs = useFocusableGroup({
+    tabBehavior: "limited"
+  });
+  return /* @__PURE__ */ React.createElement("div", {
+    role: "menubar",
+    tabIndex: 0,
+    ...groupAttrs,
+    className: mx("bs-[--statusbar-size] flex justify-end items-center gap-2 bg-base text-description text-lg pointer-fine:text-xs ch-focus-ring-inset", classNames),
+    ref: forwardedRef
+  }, children);
+});
+var StartContent = /* @__PURE__ */ forwardRef(({ classNames, children }, forwardedRef) => /* @__PURE__ */ React.createElement("div", {
+  role: "none",
+  className: mx("flex-grow flex items-center space-x-2", classNames),
+  ref: forwardedRef
+}, children));
+var EndContent = /* @__PURE__ */ forwardRef(({ classNames, children }, forwardedRef) => /* @__PURE__ */ React.createElement("div", {
+  role: "none",
+  className: mx("flex-grow flex items-center justify-end", classNames),
+  ref: forwardedRef
+}, children));
+var StatusBar = {
+  Container: StatusBarContainer,
+  Text: StatusBarText,
+  Item: StatusBarItem,
+  Button: StatusBarButton,
+  StartContent,
+  EndContent
+};
+
+// packages/plugins/plugin-status-bar/src/components/StatusBarPanel.tsx
+import React3, { useState } from "react";
+import { Surface } from "@dxos/app-framework";
+import { Icon, Popover as Popover2 } from "@dxos/react-ui";
+
+// packages/plugins/plugin-status-bar/src/components/FeedbackForm.tsx
+import { Schema as S } from "@effect/schema";
+import { PaperPlaneTilt, X } from "@phosphor-icons/react";
+import React2, { useCallback } from "react";
+import { useIntentDispatcher } from "@dxos/app-framework";
+import { Button, Input, Popover, useTranslation } from "@dxos/react-ui";
+import { useForm } from "@dxos/react-ui-form";
+import { getSize } from "@dxos/react-ui-theme";
+
+// packages/plugins/plugin-status-bar/src/translations.ts
+var entry = (translation) => ({
+  [STATUS_BAR_PLUGIN]: translation
+});
+var mkTranslation = (t) => (key) => t(key);
+var translations = {
+  "en-US": entry({
+    "plugin name": "Status Bar",
+    "name label": "Name",
+    "name placeholder": "Preferred name",
+    "email input label": "Email",
+    "email input placeholder": "hello@example.com",
+    "feedback text area label": "Feedback",
+    "feedback text area placeholder": "Found a bug? Have a suggestion? Let us know!",
+    "send feedback label": "Send Feedback"
+  })
+};
+var translations_default = [
+  translations
+];
+
+// packages/plugins/plugin-status-bar/src/components/FeedbackForm.tsx
+var Email = S.String.pipe(S.nonEmptyString({
+  message: () => "Email is required."
+}), S.pattern(/^(?!\.)(?!.*\.\.)([A-Z0-9_+-.]*)[A-Z0-9_+-]@([A-Z0-9][A-Z0-9-]*\.)+[A-Z]{2,}$/i, {
+  message: () => "Invalid email address."
+}));
+var nonEmpty = (field) => S.nonEmptyString({
+  message: () => `${field} is required.`
+});
+var maxLength = (field, length) => S.maxLength(length, {
+  message: () => `${field} is too long.`
+});
+var FeedbackFormSchema = S.Struct({
+  name: S.String.pipe(nonEmpty("Name"), maxLength("Name", 256)),
+  email: Email.pipe(maxLength("Email", 256)),
+  message: S.String.pipe(nonEmpty("Feedback"), maxLength("Feedback", 32768))
+});
+var initialValues = {
+  name: "",
+  email: "",
+  message: ""
+};
+var FeedbackForm = ({ onClose }) => {
+  const { t } = useTranslation(STATUS_BAR_PLUGIN);
+  const translation = mkTranslation(t);
+  const dispatch = useIntentDispatcher();
+  const onSubmit = useCallback((values) => {
+    void dispatch({
+      action: "dxos.org/plugin/observability/capture-feedback",
+      data: values
+    });
+    onClose();
+  }, [
+    dispatch,
+    onClose
+  ]);
+  const { handleSubmit, canSubmit, getStatus, ...inputProps } = useForm({
+    initialValues,
+    schema: FeedbackFormSchema,
+    onSubmit
+  });
+  return /* @__PURE__ */ React2.createElement("div", {
+    role: "form",
+    className: "p-3 flex flex-col gap-2"
+  }, /* @__PURE__ */ React2.createElement("div", {
+    role: "none",
+    className: "space-b-1"
+  }, /* @__PURE__ */ React2.createElement(Input.Root, {
+    validationValence: getStatus("name").status
+  }, /* @__PURE__ */ React2.createElement(Input.Label, null, translation("name label")), /* @__PURE__ */ React2.createElement(Input.TextInput, {
+    classNames: "text-sm",
+    placeholder: translation("name placeholder"),
+    autoFocus: true,
+    ...inputProps
+  }), /* @__PURE__ */ React2.createElement(Input.DescriptionAndValidation, null, /* @__PURE__ */ React2.createElement(Input.Validation, null, getStatus("name").error)))), /* @__PURE__ */ React2.createElement("div", {
+    role: "none",
+    className: "space-b-1"
+  }, /* @__PURE__ */ React2.createElement(Input.Root, {
+    validationValence: getStatus("email").status
+  }, /* @__PURE__ */ React2.createElement(Input.Label, null, translation("email input label")), /* @__PURE__ */ React2.createElement(Input.TextInput, {
+    classNames: "text-sm",
+    placeholder: translation("email input placeholder"),
+    ...inputProps
+  }), /* @__PURE__ */ React2.createElement(Input.DescriptionAndValidation, null, /* @__PURE__ */ React2.createElement(Input.Validation, null, getStatus("email").error)))), /* @__PURE__ */ React2.createElement("div", {
+    role: "none",
+    className: "space-b-1"
+  }, /* @__PURE__ */ React2.createElement(Input.Root, {
+    validationValence: getStatus("message").status
+  }, /* @__PURE__ */ React2.createElement(Input.Label, null, translation("feedback text area label")), /* @__PURE__ */ React2.createElement(Input.TextArea, {
+    classNames: "text-sm",
+    rows: 5,
+    cols: 30,
+    placeholder: translation("feedback text area placeholder"),
+    ...inputProps
+  }), /* @__PURE__ */ React2.createElement(Input.DescriptionAndValidation, null, /* @__PURE__ */ React2.createElement(Input.Validation, null, getStatus("message").error)))), /* @__PURE__ */ React2.createElement("div", {
+    role: "none",
+    className: "space-b-2"
+  }, /* @__PURE__ */ React2.createElement(Button, {
+    type: "submit",
+    variant: "primary",
+    classNames: "is-full flex gap-2",
+    disabled: !canSubmit,
+    onClick: handleSubmit
+  }, /* @__PURE__ */ React2.createElement("span", null, translation("send feedback label")), /* @__PURE__ */ React2.createElement("div", {
+    className: "grow"
+  }), /* @__PURE__ */ React2.createElement(PaperPlaneTilt, {
+    className: getSize(5)
+  })), /* @__PURE__ */ React2.createElement(Popover.Close, {
+    asChild: true
+  }, /* @__PURE__ */ React2.createElement(Button, {
+    classNames: "is-full flex gap-2"
+  }, /* @__PURE__ */ React2.createElement("span", null, t("cancel label", {
+    ns: "os"
+  })), /* @__PURE__ */ React2.createElement("div", {
+    className: "grow"
+  }), /* @__PURE__ */ React2.createElement(X, {
+    className: getSize(5)
+  })))));
+};
+
+// packages/plugins/plugin-status-bar/src/components/StatusBarPanel.tsx
+var StatusBarPanel = () => {
+  const [open, setOpen] = useState(false);
+  return /* @__PURE__ */ React3.createElement(Popover2.Root, {
+    open,
+    onOpenChange: setOpen
+  }, /* @__PURE__ */ React3.createElement(StatusBar.Container, null, /* @__PURE__ */ React3.createElement(StatusBar.EndContent, null, /* @__PURE__ */ React3.createElement(Surface, {
+    role: "status"
+  }), /* @__PURE__ */ React3.createElement(Popover2.Trigger, {
+    asChild: true
+  }, /* @__PURE__ */ React3.createElement(StatusBar.Button, {
+    "aria-label": "Give feedback about composer",
+    "data-joyride": "welcome/feedback"
+  }, /* @__PURE__ */ React3.createElement(Icon, {
+    icon: "ph--paper-plane-tilt--regular",
+    size: 4
+  }), /* @__PURE__ */ React3.createElement(StatusBar.Text, {
+    classNames: "hidden sm:block"
+  }, "Feedback"))), /* @__PURE__ */ React3.createElement(StatusBar.Button, {
+    "aria-label": "Open DXOS Discord",
+    asChild: true
+  }, /* @__PURE__ */ React3.createElement("a", {
+    href: "https://dxos.org/discord",
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, /* @__PURE__ */ React3.createElement(Icon, {
+    icon: "ph--discord-logo--regular",
+    size: 4
+  }), /* @__PURE__ */ React3.createElement(StatusBar.Text, {
+    classNames: "hidden sm:block"
+  }, "Discord"))))), /* @__PURE__ */ React3.createElement(Popover2.Content, {
+    classNames: "shadow-lg"
+  }, /* @__PURE__ */ React3.createElement(FeedbackForm, {
+    onClose: () => setOpen(false)
+  }), /* @__PURE__ */ React3.createElement(Popover2.Arrow, null)));
+};
+
+// packages/plugins/plugin-status-bar/src/StatusBarPlugin.tsx
+var StatusBarPlugin = () => {
+  return {
+    meta: meta_default,
+    provides: {
+      translations: translations_default,
+      surface: {
+        component: ({ role }) => {
+          switch (role) {
+            case "status-bar": {
+              return /* @__PURE__ */ React4.createElement(StatusBarPanel, null);
+            }
+          }
+          return null;
+        }
+      }
+    }
+  };
+};
+
+// packages/plugins/plugin-status-bar/src/index.ts
+var src_default = StatusBarPlugin;
+export {
+  StatusBar,
+  StatusBarPanel,
+  StatusBarPlugin,
+  src_default as default
+};
+//# sourceMappingURL=index.mjs.map

package/dist/lib/node-esm/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/StatusBarPlugin.tsx", "../../../src/components/StatusBar.tsx", "../../../src/components/StatusBarPanel.tsx", "../../../src/components/FeedbackForm.tsx", "../../../src/translations.ts", "../../../src/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type PluginDefinition, type SurfaceProvides, type TranslationsProvides } from '@dxos/app-framework';\n\nimport { StatusBarPanel } from './components';\nimport meta from './meta';\nimport translations from './translations';\n\nexport type StatusBarPluginProvides = SurfaceProvides & TranslationsProvides;\n\nexport const StatusBarPlugin = (): PluginDefinition<StatusBarPluginProvides> => {\n  return {\n    meta,\n    provides: {\n      translations,\n      surface: {\n        component: ({ role }) => {\n          switch (role) {\n            case 'status-bar': {\n              return <StatusBarPanel />;\n            }\n          }\n\n          return null;\n        },\n      },\n    },\n  };\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { useFocusableGroup } from '@fluentui/react-tabster';\nimport { Slot } from '@radix-ui/react-slot';\nimport React, { forwardRef, type HTMLAttributes, 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<{ children: ReactNode; asChild?: boolean }> &\n  HTMLAttributes<HTMLButtonElement>;\n\nconst StatusBarButton = forwardRef<HTMLButtonElement, StatusBarButtonProps>(\n  ({ classNames, children, asChild, ...props }, forwardedRef) => {\n    const classes = mx(\n      'flex items-center gap-2 p-1 px-2 rounded-sm',\n      'select-none cursor-pointer ch-focus-ring',\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<{ children: ReactNode }> & HTMLAttributes<HTMLDivElement>;\n\nconst StatusBarItem = forwardRef<HTMLDivElement, StatusBarItemProps>(\n  ({ classNames, children, ...props }, forwardedRef) => (\n    <div\n      role='menuitem'\n      className={mx('flex items-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 StatusBarContainerProps = ThemedClassName<{ children: ReactNode }>;\n\n// TODO(zan): tabable group with tabster.\nconst StatusBarContainer = forwardRef<HTMLDivElement, StatusBarContainerProps>(\n  ({ classNames, children }, forwardedRef) => {\n    const groupAttrs = useFocusableGroup({ tabBehavior: 'limited' });\n    return (\n      <div\n        role='menubar'\n        tabIndex={0}\n        {...groupAttrs}\n        className={mx(\n          'bs-[--statusbar-size] flex justify-end items-center gap-2 bg-base text-description text-lg pointer-fine:text-xs ch-focus-ring-inset',\n          classNames,\n        )}\n        ref={forwardedRef}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\ntype StartContentProps = ThemedClassName<{ children: ReactNode }>;\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<{ children: ReactNode }>;\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  Container: StatusBarContainer,\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 } from '@dxos/react-ui';\n\nimport { FeedbackForm } from './FeedbackForm';\nimport { StatusBar } from './StatusBar';\n\nexport const StatusBarPanel = () => {\n  const [open, setOpen] = useState(false);\n\n  // TODO(wittjosiah): Factor out feedback and discord buttons.\n  return (\n    <Popover.Root open={open} onOpenChange={setOpen}>\n      <StatusBar.Container>\n        <StatusBar.EndContent>\n          <Surface role='status' />\n          <Popover.Trigger asChild>\n            <StatusBar.Button aria-label='Give feedback about composer' data-joyride='welcome/feedback'>\n              <Icon icon='ph--paper-plane-tilt--regular' size={4} />\n              <StatusBar.Text classNames='hidden sm:block'>Feedback</StatusBar.Text>\n            </StatusBar.Button>\n          </Popover.Trigger>\n          {/* TODO(zan): Configure this label? */}\n          <StatusBar.Button aria-label='Open DXOS Discord' 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'>Discord</StatusBar.Text>\n            </a>\n          </StatusBar.Button>\n        </StatusBar.EndContent>\n      </StatusBar.Container>\n      <Popover.Content classNames='shadow-lg'>\n        <FeedbackForm onClose={() => setOpen(false)} />\n        <Popover.Arrow />\n      </Popover.Content>\n    </Popover.Root>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { Schema as S } from '@effect/schema';\nimport { PaperPlaneTilt, X } from '@phosphor-icons/react';\nimport React, { useCallback } from 'react';\n\nimport { useIntentDispatcher } from '@dxos/app-framework';\nimport { Button, Input, Popover, useTranslation } from '@dxos/react-ui';\nimport { useForm } from '@dxos/react-ui-form';\nimport { getSize } from '@dxos/react-ui-theme';\n\nimport { STATUS_BAR_PLUGIN } from '../meta';\nimport { mkTranslation } from '../translations';\n\nconst Email = S.String.pipe(\n  S.nonEmptyString({ message: () => 'Email is required.' }),\n  S.pattern(/^(?!\\.)(?!.*\\.\\.)([A-Z0-9_+-.]*)[A-Z0-9_+-]@([A-Z0-9][A-Z0-9-]*\\.)+[A-Z]{2,}$/i, {\n    message: () => 'Invalid email address.',\n  }),\n);\n\nconst nonEmpty = (field: string) => S.nonEmptyString({ message: () => `${field} is required.` });\nconst maxLength = (field: string, length: number) => S.maxLength(length, { message: () => `${field} is too long.` });\n\n// Types and validation.\nconst FeedbackFormSchema = S.Struct({\n  name: S.String.pipe(nonEmpty('Name'), maxLength('Name', 256)),\n  email: Email.pipe(maxLength('Email', 256)),\n  message: S.String.pipe(nonEmpty('Feedback'), maxLength('Feedback', 32_768)),\n});\n\ntype FeedbackFormType = S.Schema.Type<typeof FeedbackFormSchema>;\n\nconst initialValues: FeedbackFormType = { name: '', email: '', message: '' };\n\nexport const FeedbackForm = ({ onClose }: { onClose: () => void }) => {\n  const { t } = useTranslation(STATUS_BAR_PLUGIN);\n  const translation = mkTranslation(t);\n  const dispatch = useIntentDispatcher();\n\n  const onSubmit = useCallback(\n    (values: FeedbackFormType) => {\n      void dispatch({ action: 'dxos.org/plugin/observability/capture-feedback', data: values });\n      onClose();\n    },\n    [dispatch, onClose],\n  );\n\n  const { handleSubmit, canSubmit, getStatus, ...inputProps } = useForm<FeedbackFormType>({\n    initialValues,\n    schema: FeedbackFormSchema,\n    onSubmit,\n  });\n\n  return (\n    <div role='form' className='p-3 flex flex-col gap-2'>\n      <div role='none' className='space-b-1'>\n        <Input.Root validationValence={getStatus('name').status}>\n          <Input.Label>{translation('name label')}</Input.Label>\n          <Input.TextInput\n            classNames={'text-sm'}\n            placeholder={translation('name placeholder')}\n            autoFocus\n            {...inputProps}\n          />\n          <Input.DescriptionAndValidation>\n            <Input.Validation>{getStatus('name').error}</Input.Validation>\n          </Input.DescriptionAndValidation>\n        </Input.Root>\n      </div>\n\n      <div role='none' className='space-b-1'>\n        <Input.Root validationValence={getStatus('email').status}>\n          <Input.Label>{translation('email input label')}</Input.Label>\n          <Input.TextInput\n            classNames={'text-sm'}\n            placeholder={translation('email input placeholder')}\n            {...inputProps}\n          />\n          <Input.DescriptionAndValidation>\n            <Input.Validation>{getStatus('email').error}</Input.Validation>\n          </Input.DescriptionAndValidation>\n        </Input.Root>\n      </div>\n\n      <div role='none' className='space-b-1'>\n        <Input.Root validationValence={getStatus('message').status}>\n          <Input.Label>{translation('feedback text area label')}</Input.Label>\n          <Input.TextArea\n            classNames={'text-sm'}\n            rows={5}\n            cols={30}\n            placeholder={translation('feedback text area placeholder')}\n            {...inputProps}\n          />\n          <Input.DescriptionAndValidation>\n            <Input.Validation>{getStatus('message').error}</Input.Validation>\n          </Input.DescriptionAndValidation>\n        </Input.Root>\n      </div>\n\n      <div role='none' className='space-b-2'>\n        <Button\n          type='submit'\n          variant='primary'\n          classNames='is-full flex gap-2'\n          disabled={!canSubmit}\n          onClick={handleSubmit}\n        >\n          <span>{translation('send feedback label')}</span>\n          <div className='grow' />\n          <PaperPlaneTilt className={getSize(5)} />\n        </Button>\n        <Popover.Close asChild>\n          <Button classNames='is-full flex gap-2'>\n            <span>{t('cancel label', { ns: 'os' })}</span>\n            <div className='grow' />\n            <X className={getSize(5)} />\n          </Button>\n        </Popover.Close>\n      </div>\n    </div>\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\ntype StatusBarTranslationKeys =\n  | 'plugin name'\n  | 'email input label'\n  | 'email input placeholder'\n  | 'feedback text area label'\n  | 'feedback text area placeholder'\n  | 'send feedback label'\n  | 'name label'\n  | 'name placeholder';\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    'name label': 'Name',\n    'name placeholder': 'Preferred name',\n    'email input label': 'Email',\n    'email input placeholder': 'hello@example.com',\n    'feedback text area label': 'Feedback',\n    'feedback text area placeholder': 'Found a bug? Have a suggestion? Let us know!',\n    'send feedback label': 'Send Feedback',\n  }),\n};\n\nexport default [translations];\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { StatusBarPlugin } from './StatusBarPlugin';\n\nexport default StatusBarPlugin;\n\nexport * from './StatusBarPlugin';\nexport * from './components';\n"],
+  "mappings": "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",
+  "names": ["React", "useFocusableGroup", "Slot", "React", "forwardRef", "mx", "StatusBarText", "forwardRef", "classNames", "children", "forwardedRef", "span", "className", "mx", "ref", "StatusBarButton", "asChild", "props", "classes", "Slot", "role", "button", "StatusBarItem", "forwardRef", "classNames", "children", "props", "forwardedRef", "div", "role", "className", "mx", "ref", "StatusBarContainer", "groupAttrs", "useFocusableGroup", "tabBehavior", "tabIndex", "StartContent", "EndContent", "StatusBar", "Container", "Text", "StatusBarText", "Item", "Button", "StatusBarButton", "React", "useState", "Surface", "Icon", "Popover", "Schema", "S", "PaperPlaneTilt", "X", "React", "useCallback", "useIntentDispatcher", "Button", "Input", "Popover", "useTranslation", "useForm", "getSize", "entry", "translation", "STATUS_BAR_PLUGIN", "mkTranslation", "t", "key", "translations", "Email", "S", "String", "pipe", "nonEmptyString", "message", "pattern", "nonEmpty", "field", "maxLength", "length", "FeedbackFormSchema", "Struct", "name", "email", "initialValues", "FeedbackForm", "onClose", "t", "useTranslation", "STATUS_BAR_PLUGIN", "translation", "mkTranslation", "dispatch", "useIntentDispatcher", "onSubmit", "useCallback", "values", "action", "data", "handleSubmit", "canSubmit", "getStatus", "inputProps", "useForm", "schema", "React", "div", "role", "className", "Input", "Root", "validationValence", "status", "Label", "TextInput", "classNames", "placeholder", "autoFocus", "DescriptionAndValidation", "Validation", "error", "TextArea", "rows", "cols", "Button", "type", "variant", "disabled", "onClick", "span", "PaperPlaneTilt", "getSize", "Popover", "Close", "asChild", "ns", "X", "StatusBarPanel", "open", "setOpen", "useState", "React", "Popover", "Root", "onOpenChange", "StatusBar", "Container", "EndContent", "Surface", "role", "Trigger", "asChild", "Button", "aria-label", "data-joyride", "Icon", "icon", "size", "Text", "classNames", "a", "href", "target", "rel", "Content", "FeedbackForm", "onClose", "Arrow", "StatusBarPlugin", "meta", "provides", "translations", "surface", "component", "role", "React", "StatusBarPanel", "StatusBarPlugin"]
+}

package/dist/lib/node-esm/meta.json

@@ -0,0 +1 @@
+{"inputs":{"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx":{"bytes":9929,"imports":[{"path":"@fluentui/react-tabster","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":1252,"imports":[],"format":"esm"},"packages/plugins/plugin-status-bar/src/translations.ts":{"bytes":3385,"imports":[{"path":"packages/plugins/plugin-status-bar/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/components/FeedbackForm.tsx":{"bytes":16012,"imports":[{"path":"@effect/schema","kind":"import-statement","external":true},{"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/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-form","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"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/components/StatusBarPanel.tsx":{"bytes":6010,"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/FeedbackForm.tsx","kind":"import-statement","original":"./FeedbackForm"},{"path":"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"}],"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/StatusBarPlugin.tsx":{"bytes":2663,"imports":[{"path":"react","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"},{"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":916,"imports":[{"path":"packages/plugins/plugin-status-bar/src/StatusBarPlugin.tsx","kind":"import-statement","original":"./StatusBarPlugin"},{"path":"packages/plugins/plugin-status-bar/src/StatusBarPlugin.tsx","kind":"import-statement","original":"./StatusBarPlugin"},{"path":"packages/plugins/plugin-status-bar/src/components/index.ts","kind":"import-statement","original":"./components"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-status-bar/dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":20105},"packages/plugins/plugin-status-bar/dist/lib/node-esm/index.mjs":{"imports":[{"path":"packages/plugins/plugin-status-bar/dist/lib/node-esm/chunk-UVUSU6KS.mjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","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":"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":"@effect/schema","kind":"import-statement","external":true},{"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/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-form","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"exports":["StatusBar","StatusBarPanel","StatusBarPlugin","default"],"entryPoint":"packages/plugins/plugin-status-bar/src/index.ts","inputs":{"packages/plugins/plugin-status-bar/src/StatusBarPlugin.tsx":{"bytesInOutput":424},"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx":{"bytesInOutput":2478},"packages/plugins/plugin-status-bar/src/components/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-status-bar/src/components/StatusBarPanel.tsx":{"bytesInOutput":1692},"packages/plugins/plugin-status-bar/src/components/FeedbackForm.tsx":{"bytesInOutput":4592},"packages/plugins/plugin-status-bar/src/translations.ts":{"bytesInOutput":570},"packages/plugins/plugin-status-bar/src/index.ts":{"bytesInOutput":35}},"bytes":10674},"packages/plugins/plugin-status-bar/dist/lib/node-esm/meta.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/plugin-status-bar/dist/lib/node-esm/meta.mjs":{"imports":[{"path":"packages/plugins/plugin-status-bar/dist/lib/node-esm/chunk-UVUSU6KS.mjs","kind":"import-statement"}],"exports":["STATUS_BAR_PLUGIN","default"],"entryPoint":"packages/plugins/plugin-status-bar/src/meta.ts","inputs":{},"bytes":261},"packages/plugins/plugin-status-bar/dist/lib/node-esm/chunk-UVUSU6KS.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":602},"packages/plugins/plugin-status-bar/dist/lib/node-esm/chunk-UVUSU6KS.mjs":{"imports":[],"exports":["STATUS_BAR_PLUGIN","meta_default"],"inputs":{"packages/plugins/plugin-status-bar/src/meta.ts":{"bytesInOutput":210}},"bytes":446}}}

package/dist/lib/node-esm/meta.mjs

@@ -0,0 +1,10 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  STATUS_BAR_PLUGIN,
+  meta_default
+} from "./chunk-UVUSU6KS.mjs";
+export {
+  STATUS_BAR_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-status-bar",
-  "version": "0.7.1",
+  "version": "0.7.2-staging.6d26b2a",
   "description": "Status bar plugin",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -10,11 +10,13 @@
   "exports": {
     ".": {
       "types": "./dist/types/src/index.d.ts",
-      "browser": "./dist/lib/browser/index.mjs"
+      "browser": "./dist/lib/browser/index.mjs",
+      "node": "./dist/lib/node-esm/index.mjs"
     },
     "./meta": {
       "types": "./dist/types/src/meta.d.ts",
-      "browser": "./dist/lib/browser/meta.mjs"
+      "browser": "./dist/lib/browser/meta.mjs",
+      "node": "./dist/lib/node-esm/meta.mjs"
     }
   },
   "types": "dist/types/src/index.d.ts",
@@ -36,11 +38,11 @@
     "@radix-ui/react-slot": "^1.0.1",
     "effect": "^3.9.2",
     "react-resize-detector": "^11.0.1",
-    "@dxos/app-framework": "0.7.1",
-    "@dxos/react-ui-form": "0.7.1",
-    "@dxos/async": "0.7.1",
-    "@dxos/echo-schema": "0.7.1",
-    "@dxos/schema": "0.7.1"
+    "@dxos/app-framework": "0.7.2-staging.6d26b2a",
+    "@dxos/async": "0.7.2-staging.6d26b2a",
+    "@dxos/echo-schema": "0.7.2-staging.6d26b2a",
+    "@dxos/react-ui-form": "0.7.2-staging.6d26b2a",
+    "@dxos/schema": "0.7.2-staging.6d26b2a"
   },
   "devDependencies": {
     "@phosphor-icons/react": "^2.1.5",
@@ -49,16 +51,16 @@
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "5.4.7",
-    "@dxos/react-ui-theme": "0.7.1",
-    "@dxos/react-ui": "0.7.1",
-    "@dxos/storybook-utils": "0.7.1"
+    "@dxos/react-ui": "0.7.2-staging.6d26b2a",
+    "@dxos/react-ui-theme": "0.7.2-staging.6d26b2a",
+    "@dxos/storybook-utils": "0.7.2-staging.6d26b2a"
   },
   "peerDependencies": {
     "@phosphor-icons/react": "^2.0.5",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@dxos/react-ui": "0.7.1",
-    "@dxos/react-ui-theme": "0.7.1"
+    "@dxos/react-ui": "0.7.2-staging.6d26b2a",
+    "@dxos/react-ui-theme": "0.7.2-staging.6d26b2a"
   },
   "publishConfig": {
     "access": "public"