@dxos/plugin-status-bar 0.8.2-main.fbd8ed0 → 0.8.2-staging.4d6ad0f

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/dist/lib/browser/chunk-P5BV6L2J.mjs +253 -0
  2. package/dist/lib/browser/chunk-P5BV6L2J.mjs.map +7 -0
  3. package/dist/lib/browser/index.mjs +16 -218
  4. package/dist/lib/browser/index.mjs.map +4 -4
  5. package/dist/lib/browser/meta.json +1 -1
  6. package/dist/lib/browser/react-surface-FCB6CYVQ.mjs +38 -0
  7. package/dist/lib/browser/react-surface-FCB6CYVQ.mjs.map +7 -0
  8. package/dist/lib/node/chunk-4IGLOCOS.cjs +284 -0
  9. package/dist/lib/node/chunk-4IGLOCOS.cjs.map +7 -0
  10. package/dist/lib/node/index.cjs +19 -218
  11. package/dist/lib/node/index.cjs.map +4 -4
  12. package/dist/lib/node/meta.json +1 -1
  13. package/dist/lib/node/react-surface-KZY6SOXE.cjs +61 -0
  14. package/dist/lib/node/react-surface-KZY6SOXE.cjs.map +7 -0
  15. package/dist/lib/node-esm/chunk-5Q57YPD6.mjs +255 -0
  16. package/dist/lib/node-esm/chunk-5Q57YPD6.mjs.map +7 -0
  17. package/dist/lib/node-esm/index.mjs +16 -219
  18. package/dist/lib/node-esm/index.mjs.map +4 -4
  19. package/dist/lib/node-esm/meta.json +1 -1
  20. package/dist/lib/node-esm/react-surface-YKOZ4BU7.mjs +39 -0
  21. package/dist/lib/node-esm/react-surface-YKOZ4BU7.mjs.map +7 -0
  22. package/dist/types/src/StatusBarPlugin.d.ts.map +1 -1
  23. package/dist/types/src/capabilities/index.d.ts +2 -0
  24. package/dist/types/src/capabilities/index.d.ts.map +1 -0
  25. package/dist/types/src/capabilities/react-surface.d.ts +4 -0
  26. package/dist/types/src/capabilities/react-surface.d.ts.map +1 -0
  27. package/dist/types/src/components/index.d.ts +1 -0
  28. package/dist/types/src/components/index.d.ts.map +1 -1
  29. package/package.json +16 -15
  30. package/src/StatusBarPlugin.ts +23 -0
  31. package/src/capabilities/index.ts +7 -0
  32. package/src/capabilities/react-surface.tsx +34 -0
  33. package/src/components/index.ts +1 -0
  34. package/src/StatusBarPlugin.tsx +0 -56
@@ -28,198 +28,21 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
28
28
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
29
  var node_exports = {};
30
30
  __export(node_exports, {
31
- STATUS_BAR_PLUGIN: () => STATUS_BAR_PLUGIN,
32
- StatusBar: () => StatusBar,
33
- StatusBarActions: () => StatusBarActions,
34
- StatusBarPanel: () => StatusBarPanel,
31
+ STATUS_BAR_PLUGIN: () => import_chunk_4IGLOCOS.STATUS_BAR_PLUGIN,
32
+ StatusBar: () => import_chunk_4IGLOCOS.StatusBar,
33
+ StatusBarActions: () => import_chunk_4IGLOCOS.StatusBarActions,
34
+ StatusBarPanel: () => import_chunk_4IGLOCOS.StatusBarPanel,
35
35
  StatusBarPlugin: () => StatusBarPlugin,
36
- meta: () => meta
36
+ VersionNumber: () => import_chunk_4IGLOCOS.VersionNumber,
37
+ meta: () => import_chunk_4IGLOCOS.meta
37
38
  });
38
39
  module.exports = __toCommonJS(node_exports);
39
- var import_react_slot = require("@radix-ui/react-slot");
40
- var import_react = __toESM(require("react"));
41
- var import_react_ui_theme = require("@dxos/react-ui-theme");
42
- var import_react2 = __toESM(require("react"));
40
+ var import_chunk_4IGLOCOS = require("./chunk-4IGLOCOS.cjs");
43
41
  var import_app_framework = require("@dxos/app-framework");
44
- var import_react_client = require("@dxos/react-client");
45
- var import_react_ui = require("@dxos/react-ui");
46
- var import_formatDistance = require("date-fns/formatDistance");
47
- var import_react3 = __toESM(require("react"));
48
- var import_react_client2 = require("@dxos/react-client");
49
- var import_react_ui2 = require("@dxos/react-ui");
50
- var import_react4 = __toESM(require("react"));
51
42
  var import_app_framework2 = require("@dxos/app-framework");
52
- var StatusBarText = /* @__PURE__ */ (0, import_react.forwardRef)(({ classNames, children }, forwardedRef) => /* @__PURE__ */ import_react.default.createElement("span", {
53
- className: (0, import_react_ui_theme.mx)(classNames),
54
- ref: forwardedRef
55
- }, children));
56
- var StatusBarButton = /* @__PURE__ */ (0, import_react.forwardRef)(({ classNames, children, asChild, ...props }, forwardedRef) => {
57
- 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);
58
- return asChild ? /* @__PURE__ */ import_react.default.createElement(import_react_slot.Slot, {
59
- role: "button",
60
- ref: forwardedRef,
61
- className: classes,
62
- ...props
63
- }, children) : /* @__PURE__ */ import_react.default.createElement("button", {
64
- className: classes,
65
- ref: forwardedRef,
66
- ...props
67
- }, children);
68
- });
69
- var StatusBarItem = /* @__PURE__ */ (0, import_react.forwardRef)(({ classNames, children, ...props }, forwardedRef) => /* @__PURE__ */ import_react.default.createElement("div", {
70
- role: "menuitem",
71
- className: (0, import_react_ui_theme.mx)("flex items-center justify-center gap-2 p-1 px-2 rounded-sm select-none", classNames),
72
- ref: forwardedRef,
73
- ...props
74
- }, children));
75
- var StartContent = /* @__PURE__ */ (0, import_react.forwardRef)(({ classNames, children }, forwardedRef) => /* @__PURE__ */ import_react.default.createElement("div", {
76
- role: "none",
77
- className: (0, import_react_ui_theme.mx)("flex-grow flex items-center space-x-2", classNames),
78
- ref: forwardedRef
79
- }, children));
80
- var EndContent = /* @__PURE__ */ (0, import_react.forwardRef)(({ classNames, children }, forwardedRef) => /* @__PURE__ */ import_react.default.createElement("div", {
81
- role: "none",
82
- className: (0, import_react_ui_theme.mx)("flex-grow flex items-center justify-end", classNames),
83
- ref: forwardedRef
84
- }, children));
85
- var StatusBar = {
86
- Text: StatusBarText,
87
- Item: StatusBarItem,
88
- Button: StatusBarButton,
89
- StartContent,
90
- EndContent
91
- };
92
- var STATUS_BAR_PLUGIN = "dxos.org/plugin/status-bar";
93
- var meta = {
94
- id: STATUS_BAR_PLUGIN,
95
- name: "Status Bar",
96
- description: "Display a bar with status and actions.",
97
- icon: "ph--info--regular"
98
- };
99
- var repo = "https://github.com/dxos/dxos";
100
- var VERSION_REGEX = /([\d.]+)/;
101
- var VersionNumber = () => {
102
- const { t } = (0, import_react_ui2.useTranslation)(STATUS_BAR_PLUGIN);
103
- const config = (0, import_react_client2.useConfig)();
104
- const { version, timestamp, commitHash } = config.values.runtime?.app?.build ?? {};
105
- const [_, v] = version?.match(VERSION_REGEX) ?? [];
106
- const isLabs = config.values.runtime?.app?.env?.DX_LABS;
107
- const releaseUrl = config.values.runtime?.app?.env?.DX_ENVIRONMENT === "production" ? `${repo}/releases/tag/v${version}` : `${repo}/commit/${commitHash}`;
108
- const previewUrl = "https://docs.dxos.org/composer#technology-preview";
109
- return /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Popover.Root, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Popover.Trigger, {
110
- asChild: true
111
- }, /* @__PURE__ */ import_react3.default.createElement(StatusBar.Button, {
112
- classNames: "text-xs"
113
- }, isLabs ? version : v)), /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Popover.Portal, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Popover.Content, {
114
- side: "top",
115
- role: "message",
116
- classNames: "z-[12] bg-warning-500 max-is-[min(calc(100vw-16px),40ch)]"
117
- }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Message.Root, {
118
- valence: "warning",
119
- className: "rounded-be-none p-5"
120
- }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Message.Title, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Icon, {
121
- icon: "ph--warning--duotone",
122
- size: 6,
123
- classNames: "inline mie-2"
124
- }), /* @__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, {
125
- href: previewUrl,
126
- target: "_blank",
127
- rel: "noreferrer",
128
- variant: "neutral"
129
- }, t("learn more label"), /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Icon, {
130
- icon: "ph--arrow-square-out--bold",
131
- classNames: "inline mis-1"
132
- })))), /* @__PURE__ */ import_react3.default.createElement("div", {
133
- role: "none",
134
- className: "plb-4 pli-5 space-b-2 text-baseText"
135
- }, timestamp && /* @__PURE__ */ import_react3.default.createElement("p", null, t("released message", {
136
- released: (0, import_formatDistance.formatDistance)(new Date(timestamp), /* @__PURE__ */ new Date(), {
137
- addSuffix: true
138
- })
139
- }), /* @__PURE__ */ import_react3.default.createElement("br", null), /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Link, {
140
- href: releaseUrl,
141
- target: "_blank",
142
- rel: "noreferrer",
143
- variant: "neutral"
144
- }, t("see release label"), /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Icon, {
145
- icon: "ph--arrow-square-out--bold",
146
- classNames: "inline mis-1"
147
- }))), /* @__PURE__ */ import_react3.default.createElement("p", null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Trans, {
148
- t,
149
- i18nKey: "powered by dxos message",
150
- components: {
151
- dxos: /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Link, {
152
- href: "https://dxos.org",
153
- target: "_blank",
154
- rel: "noreferrer",
155
- variant: "neutral"
156
- })
157
- }
158
- }))), /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Popover.Arrow, null))));
159
- };
160
- var StatusBarActions = () => {
161
- const { t } = (0, import_react_ui.useTranslation)(STATUS_BAR_PLUGIN);
162
- const [open, setOpen] = (0, import_react2.useState)(false);
163
- return /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Popover.Root, {
164
- open,
165
- onOpenChange: setOpen
166
- }, /* @__PURE__ */ import_react2.default.createElement(EnvironmentLabel, null), /* @__PURE__ */ import_react2.default.createElement(VersionNumber, null), /* @__PURE__ */ import_react2.default.createElement(StatusBar.Button, {
167
- asChild: true
168
- }, /* @__PURE__ */ import_react2.default.createElement("a", {
169
- href: "https://dxos.org/discord",
170
- target: "_blank",
171
- rel: "noopener noreferrer"
172
- }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Icon, {
173
- icon: "ph--discord-logo--regular",
174
- size: 4
175
- }), /* @__PURE__ */ import_react2.default.createElement(StatusBar.Text, {
176
- classNames: "hidden sm:block"
177
- }, t("discord label")))), /* @__PURE__ */ import_react2.default.createElement(StatusBar.Button, {
178
- asChild: true
179
- }, /* @__PURE__ */ import_react2.default.createElement("a", {
180
- href: "https://github.com/dxos/dxos",
181
- target: "_blank",
182
- rel: "noopener noreferrer"
183
- }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Icon, {
184
- icon: "ph--github-logo--regular",
185
- size: 4
186
- }), /* @__PURE__ */ import_react2.default.createElement(StatusBar.Text, {
187
- classNames: "hidden sm:block"
188
- }, t("github label")))));
189
- };
190
- var StatusBarPanel = () => {
191
- return /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement(StatusBarActions, null), /* @__PURE__ */ import_react2.default.createElement("span", {
192
- role: "separator",
193
- className: "grow"
194
- }), /* @__PURE__ */ import_react2.default.createElement(import_app_framework.Surface, {
195
- role: "status"
196
- }));
197
- };
198
- var ENV_LABELS = {
199
- "edge-dev": "Dev",
200
- "edge-main": "Main",
201
- "edge-labs": "Labs",
202
- "edge-production": "Production"
203
- };
204
- var EnvironmentLabel = () => {
205
- const config = (0, import_react_client.useConfig)();
206
- const edgeUrl = config.values.runtime?.services?.edge?.url;
207
- if (!edgeUrl) {
208
- return null;
209
- }
210
- const part = new URL(edgeUrl).host.split(".")[0];
211
- const edgeEnv = ENV_LABELS[part];
212
- if (!edgeEnv) {
213
- return null;
214
- }
215
- return /* @__PURE__ */ import_react2.default.createElement(StatusBar.Item, null, /* @__PURE__ */ import_react2.default.createElement(StatusBar.Text, {
216
- classNames: "text-xs text-subdued border border-separator rounded-full px-1"
217
- }, /* @__PURE__ */ import_react2.default.createElement("span", {
218
- title: edgeEnv
219
- }, edgeEnv[0])));
220
- };
43
+ var ReactSurface = (0, import_app_framework2.lazy)(() => import("./react-surface-KZY6SOXE.cjs"));
221
44
  var entry = (translation) => ({
222
- [STATUS_BAR_PLUGIN]: translation
45
+ [import_chunk_4IGLOCOS.STATUS_BAR_PLUGIN]: translation
223
46
  });
224
47
  var translations = {
225
48
  "en-US": entry({
@@ -238,39 +61,16 @@ var translations = {
238
61
  var translations_default = [
239
62
  translations
240
63
  ];
241
- var StatusBarPlugin = () => (0, import_app_framework2.definePlugin)(meta, [
242
- (0, import_app_framework2.defineModule)({
243
- id: `${meta.id}/module/translations`,
244
- activatesOn: import_app_framework2.Events.SetupTranslations,
245
- activate: () => (0, import_app_framework2.contributes)(import_app_framework2.Capabilities.Translations, translations_default)
64
+ var StatusBarPlugin = () => (0, import_app_framework.definePlugin)(import_chunk_4IGLOCOS.meta, [
65
+ (0, import_app_framework.defineModule)({
66
+ id: `${import_chunk_4IGLOCOS.meta.id}/module/translations`,
67
+ activatesOn: import_app_framework.Events.SetupTranslations,
68
+ activate: () => (0, import_app_framework.contributes)(import_app_framework.Capabilities.Translations, translations_default)
246
69
  }),
247
- (0, import_app_framework2.defineModule)({
248
- id: `${meta.id}/module/react-surface`,
249
- activatesOn: import_app_framework2.Events.SetupReactSurface,
250
- activate: () => (0, import_app_framework2.contributes)(import_app_framework2.Capabilities.ReactSurface, [
251
- (0, import_app_framework2.createSurface)({
252
- id: meta.id,
253
- role: "status-bar",
254
- component: () => /* @__PURE__ */ import_react4.default.createElement(StatusBarPanel, null)
255
- }),
256
- (0, import_app_framework2.createSurface)({
257
- id: meta.id,
258
- role: "status-bar--r0-footer",
259
- component: () => /* @__PURE__ */ import_react4.default.createElement(import_app_framework2.Surface, {
260
- role: "status"
261
- })
262
- }),
263
- (0, import_app_framework2.createSurface)({
264
- id: meta.id,
265
- role: "status-bar--r1-footer",
266
- component: () => /* @__PURE__ */ import_react4.default.createElement(StatusBarActions, null)
267
- }),
268
- (0, import_app_framework2.createSurface)({
269
- id: `${STATUS_BAR_PLUGIN}/header-end`,
270
- role: "header-end",
271
- component: () => /* @__PURE__ */ import_react4.default.createElement(VersionNumber, null)
272
- })
273
- ])
70
+ (0, import_app_framework.defineModule)({
71
+ id: `${import_chunk_4IGLOCOS.meta.id}/module/react-surface`,
72
+ activatesOn: import_app_framework.Events.SetupReactSurface,
73
+ activate: ReactSurface
274
74
  })
275
75
  ]);
276
76
  // Annotate the CommonJS export names for ESM import in node:
@@ -280,6 +80,7 @@ var StatusBarPlugin = () => (0, import_app_framework2.definePlugin)(meta, [
280
80
  StatusBarActions,
281
81
  StatusBarPanel,
282
82
  StatusBarPlugin,
83
+ VersionNumber,
283
84
  meta
284
85
  });
285
86
  //# sourceMappingURL=index.cjs.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../src/components/StatusBar.tsx", "../../../src/components/StatusBarPanel.tsx", "../../../src/components/VersionNumber.tsx", "../../../src/meta.ts", "../../../src/StatusBarPlugin.tsx", "../../../src/translations.ts"],
4
- "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 { useConfig } from '@dxos/react-client';\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 <EnvironmentLabel />\n <VersionNumber />\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 </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\nconst ENV_LABELS: Record<string, string> = {\n 'edge-dev': 'Dev',\n 'edge-main': 'Main',\n 'edge-labs': 'Labs',\n 'edge-production': 'Production',\n};\n\nconst EnvironmentLabel = () => {\n const config = useConfig();\n const edgeUrl = config.values.runtime?.services?.edge?.url;\n if (!edgeUrl) {\n return null;\n }\n const part = new URL(edgeUrl).host.split('.')[0];\n const edgeEnv = ENV_LABELS[part];\n if (!edgeEnv) {\n return null;\n }\n\n return (\n <StatusBar.Item>\n <StatusBar.Text classNames='text-xs text-subdued border border-separator rounded-full px-1'>\n <span title={edgeEnv}>{edgeEnv[0]}</span>\n </StatusBar.Text>\n </StatusBar.Item>\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 { t } = useTranslation(STATUS_BAR_PLUGIN);\n const config = useConfig();\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"],
5
- "mappings": "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",
6
- "names": ["import_react", "import_react_client", "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", "t", "useTranslation", "config", "useConfig", "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", "EnvironmentLabel", "a", "StatusBarPanel", "Surface", "ENV_LABELS", "edgeUrl", "services", "edge", "url", "part", "URL", "host", "split", "edgeEnv", "title", "entry", "translation", "translations", "StatusBarPlugin", "definePlugin", "defineModule", "activatesOn", "Events", "SetupTranslations", "activate", "contributes", "Capabilities", "Translations", "SetupReactSurface", "ReactSurface", "createSurface", "component"]
3
+ "sources": ["../../../src/StatusBarPlugin.ts", "../../../src/capabilities/index.ts", "../../../src/translations.ts"],
4
+ "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"],
5
+ "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;",
6
+ "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"]
7
7
  }
@@ -1 +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":8583,"imports":[{"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":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":19818},"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-client","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":2538},"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":10561}}}
1
+ {"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}}}
@@ -0,0 +1,61 @@
1
+ "use strict";
2
+ var __create = Object.create;
3
+ var __defProp = Object.defineProperty;
4
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
+ var __getOwnPropNames = Object.getOwnPropertyNames;
6
+ var __getProtoOf = Object.getPrototypeOf;
7
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
11
+ };
12
+ var __copyProps = (to, from, except, desc) => {
13
+ if (from && typeof from === "object" || typeof from === "function") {
14
+ for (let key of __getOwnPropNames(from))
15
+ if (!__hasOwnProp.call(to, key) && key !== except)
16
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
+ }
18
+ return to;
19
+ };
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ // If the importer is in node compatibility mode or this is not an ESM
22
+ // file that has been converted to a CommonJS file using a Babel-
23
+ // compatible transform (i.e. "__esModule" has not been set), then set
24
+ // "default" to the CommonJS "module.exports" for node compatibility.
25
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
+ mod
27
+ ));
28
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
+ var react_surface_KZY6SOXE_exports = {};
30
+ __export(react_surface_KZY6SOXE_exports, {
31
+ default: () => react_surface_default
32
+ });
33
+ module.exports = __toCommonJS(react_surface_KZY6SOXE_exports);
34
+ var import_chunk_4IGLOCOS = require("./chunk-4IGLOCOS.cjs");
35
+ var import_react = __toESM(require("react"));
36
+ var import_app_framework = require("@dxos/app-framework");
37
+ var react_surface_default = () => (0, import_app_framework.contributes)(import_app_framework.Capabilities.ReactSurface, [
38
+ (0, import_app_framework.createSurface)({
39
+ id: `${import_chunk_4IGLOCOS.meta.id}/status-bar`,
40
+ role: "status-bar",
41
+ component: () => /* @__PURE__ */ import_react.default.createElement(import_chunk_4IGLOCOS.StatusBarPanel, null)
42
+ }),
43
+ (0, import_app_framework.createSurface)({
44
+ id: `${import_chunk_4IGLOCOS.meta.id}/status-bar--r0-footer`,
45
+ role: "status-bar--r0-footer",
46
+ component: () => /* @__PURE__ */ import_react.default.createElement(import_app_framework.Surface, {
47
+ role: "status"
48
+ })
49
+ }),
50
+ (0, import_app_framework.createSurface)({
51
+ id: `${import_chunk_4IGLOCOS.meta.id}/status-bar--r1-footer`,
52
+ role: "status-bar--r1-footer",
53
+ component: () => /* @__PURE__ */ import_react.default.createElement(import_chunk_4IGLOCOS.StatusBarActions, null)
54
+ }),
55
+ (0, import_app_framework.createSurface)({
56
+ id: `${import_chunk_4IGLOCOS.meta.id}/header-end`,
57
+ role: "header-end",
58
+ component: () => /* @__PURE__ */ import_react.default.createElement(import_chunk_4IGLOCOS.VersionNumber, null)
59
+ })
60
+ ]);
61
+ //# sourceMappingURL=react-surface-KZY6SOXE.cjs.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../src/capabilities/react-surface.tsx"],
4
+ "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"],
5
+ "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;",
6
+ "names": ["contributes", "Capabilities", "ReactSurface", "createSurface", "id", "meta", "role", "component", "React", "StatusBarPanel", "Surface", "StatusBarActions", "VersionNumber"]
7
+ }