@dxos/plugin-status-bar 0.8.4-main.fd6878d → 0.8.4-main.fffef41
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.
- package/dist/lib/browser/{chunk-REUIFFYV.mjs → chunk-EY5IFRNW.mjs} +12 -10
- package/dist/lib/browser/chunk-EY5IFRNW.mjs.map +7 -0
- package/dist/lib/browser/index.mjs +3 -5
- package/dist/lib/browser/index.mjs.map +2 -2
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/{react-surface-7JNK62EU.mjs → react-surface-JLUMVT7Q.mjs} +6 -5
- package/dist/lib/browser/react-surface-JLUMVT7Q.mjs.map +7 -0
- package/dist/lib/node-esm/{chunk-XB3RMJB5.mjs → chunk-X4F44ADI.mjs} +12 -10
- package/dist/lib/node-esm/chunk-X4F44ADI.mjs.map +7 -0
- package/dist/lib/node-esm/index.mjs +3 -5
- package/dist/lib/node-esm/index.mjs.map +2 -2
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/lib/node-esm/{react-surface-JKVSKCPQ.mjs → react-surface-O34EDFRO.mjs} +6 -5
- package/dist/lib/node-esm/react-surface-O34EDFRO.mjs.map +7 -0
- package/dist/types/src/StatusBarPlugin.d.ts +1 -1
- package/dist/types/src/StatusBarPlugin.d.ts.map +1 -1
- package/dist/types/src/capabilities/index.d.ts +1 -1
- package/dist/types/src/capabilities/index.d.ts.map +1 -1
- package/dist/types/src/capabilities/react-surface.d.ts +1 -1
- package/dist/types/src/capabilities/react-surface.d.ts.map +1 -1
- package/dist/types/src/components/StatusBar.stories.d.ts +9 -5
- package/dist/types/src/components/StatusBar.stories.d.ts.map +1 -1
- package/dist/types/src/meta.d.ts +0 -1
- package/dist/types/src/meta.d.ts.map +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +23 -23
- package/src/StatusBarPlugin.ts +12 -13
- package/src/capabilities/react-surface.tsx +2 -1
- package/src/components/StatusBar.stories.tsx +8 -11
- package/src/components/StatusBar.tsx +2 -2
- package/src/components/StatusBarPanel.tsx +3 -3
- package/src/meta.ts +6 -4
- package/dist/lib/browser/chunk-REUIFFYV.mjs.map +0 -7
- package/dist/lib/browser/react-surface-7JNK62EU.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-XB3RMJB5.mjs.map +0 -7
- package/dist/lib/node-esm/react-surface-JKVSKCPQ.mjs.map +0 -7
|
@@ -17,7 +17,7 @@ var StatusBarText = /* @__PURE__ */ forwardRef(({ classNames, children }, forwar
|
|
|
17
17
|
var StatusBarButton = /* @__PURE__ */ forwardRef(({ classNames, children, asChild, ...props }, forwardedRef) => {
|
|
18
18
|
var _effect = _useSignals();
|
|
19
19
|
try {
|
|
20
|
-
const classes = mx("flex items-center justify-center gap-2 p-1
|
|
20
|
+
const classes = mx("flex items-center justify-center gap-2 p-1 pli-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);
|
|
21
21
|
return asChild ? /* @__PURE__ */ React.createElement(Slot, {
|
|
22
22
|
role: "button",
|
|
23
23
|
ref: forwardedRef,
|
|
@@ -37,7 +37,7 @@ var StatusBarItem = /* @__PURE__ */ forwardRef(({ classNames, children, ...props
|
|
|
37
37
|
try {
|
|
38
38
|
return /* @__PURE__ */ React.createElement("div", {
|
|
39
39
|
role: "menuitem",
|
|
40
|
-
className: mx("flex items-center justify-center gap-2 p-1
|
|
40
|
+
className: mx("flex items-center justify-center gap-2 p-1 pli-2 rounded-sm select-none", classNames),
|
|
41
41
|
ref: forwardedRef,
|
|
42
42
|
...props
|
|
43
43
|
}, children);
|
|
@@ -78,11 +78,14 @@ var StatusBar = {
|
|
|
78
78
|
};
|
|
79
79
|
|
|
80
80
|
// src/meta.ts
|
|
81
|
-
|
|
81
|
+
import { trim } from "@dxos/util";
|
|
82
82
|
var meta = {
|
|
83
|
-
id:
|
|
83
|
+
id: "dxos.org/plugin/status-bar",
|
|
84
84
|
name: "Status Bar",
|
|
85
|
-
description:
|
|
85
|
+
description: trim`
|
|
86
|
+
Persistent bottom bar displaying workspace status information and quick actions.
|
|
87
|
+
Access connection state, notifications, and common commands without leaving your current context.
|
|
88
|
+
`,
|
|
86
89
|
icon: "ph--info--regular"
|
|
87
90
|
};
|
|
88
91
|
|
|
@@ -158,7 +161,7 @@ var VersionNumber = () => {
|
|
|
158
161
|
// src/components/StatusBarPanel.tsx
|
|
159
162
|
import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
|
|
160
163
|
import React3, { useState } from "react";
|
|
161
|
-
import { Surface } from "@dxos/app-framework";
|
|
164
|
+
import { Surface } from "@dxos/app-framework/react";
|
|
162
165
|
import { useConfig as useConfig2 } from "@dxos/react-client";
|
|
163
166
|
import { Icon as Icon2, Popover as Popover2, useTranslation as useTranslation2 } from "@dxos/react-ui";
|
|
164
167
|
var StatusBarActions = () => {
|
|
@@ -180,7 +183,7 @@ var StatusBarActions = () => {
|
|
|
180
183
|
size: 4
|
|
181
184
|
}), /* @__PURE__ */ React3.createElement(StatusBar.Text, {
|
|
182
185
|
classNames: "hidden sm:block"
|
|
183
|
-
}, t("discord
|
|
186
|
+
}, t("discord label")))), /* @__PURE__ */ React3.createElement(StatusBar.Button, {
|
|
184
187
|
asChild: true
|
|
185
188
|
}, /* @__PURE__ */ React3.createElement("a", {
|
|
186
189
|
href: "https://github.com/dxos/dxos",
|
|
@@ -229,7 +232,7 @@ var EnvironmentLabel = () => {
|
|
|
229
232
|
return null;
|
|
230
233
|
}
|
|
231
234
|
return /* @__PURE__ */ React3.createElement(StatusBar.Item, null, /* @__PURE__ */ React3.createElement(StatusBar.Text, {
|
|
232
|
-
classNames: "text-xs text-subdued border border-separator rounded-full
|
|
235
|
+
classNames: "text-xs text-subdued border border-separator rounded-full pli-1"
|
|
233
236
|
}, /* @__PURE__ */ React3.createElement("span", {
|
|
234
237
|
title: edgeEnv
|
|
235
238
|
}, edgeEnv[0])));
|
|
@@ -240,10 +243,9 @@ var EnvironmentLabel = () => {
|
|
|
240
243
|
|
|
241
244
|
export {
|
|
242
245
|
StatusBar,
|
|
243
|
-
STATUS_BAR_PLUGIN,
|
|
244
246
|
meta,
|
|
245
247
|
VersionNumber,
|
|
246
248
|
StatusBarActions,
|
|
247
249
|
StatusBarPanel
|
|
248
250
|
};
|
|
249
|
-
//# sourceMappingURL=chunk-
|
|
251
|
+
//# sourceMappingURL=chunk-EY5IFRNW.mjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/components/StatusBar.tsx", "../../../src/meta.ts", "../../../src/components/VersionNumber.tsx", "../../../src/components/StatusBarPanel.tsx"],
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { Slot } from '@radix-ui/react-slot';\nimport React, { type ComponentPropsWithRef, type PropsWithChildren, type ReactNode, forwardRef } 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 pli-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 pli-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 { type PluginMeta } from '@dxos/app-framework';\nimport { trim } from '@dxos/util';\n\nexport const meta: PluginMeta = {\n id: 'dxos.org/plugin/status-bar',\n name: 'Status Bar',\n description: trim`\n Persistent bottom bar displaying workspace status information and quick actions.\n Access connection state, notifications, and common commands without leaving your current context.\n `,\n icon: 'ph--info--regular',\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 { Icon, Link, Message, Popover, Trans, useTranslation } from '@dxos/react-ui';\n\nimport { meta } from '../meta';\n\nimport { StatusBar } from './StatusBar';\n\nconst repo = 'https://github.com/dxos/dxos';\n\nconst VERSION_REGEX = /([\\d.]+)/;\n\nexport const VersionNumber = () => {\n const { t } = useTranslation(meta.id);\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' classNames='rounded-be-none p-5'>\n <Message.Title>{t('warning title')}</Message.Title>\n <Message.Content>\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.Content>\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 React, { useState } from 'react';\n\nimport { Surface } from '@dxos/app-framework/react';\nimport { useConfig } from '@dxos/react-client';\nimport { Icon, Popover, useTranslation } from '@dxos/react-ui';\n\nimport { meta } from '../meta';\n\nimport { StatusBar } from './StatusBar';\nimport { VersionNumber } from './VersionNumber';\n\nexport const StatusBarActions = () => {\n const { t } = useTranslation(meta.id);\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 pli-1'>\n <span title={edgeEnv}>{edgeEnv[0]}</span>\n </StatusBar.Text>\n </StatusBar.Item>\n );\n};\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["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", "StartContent", "EndContent", "StatusBar", "Text", "StatusBarText", "Item", "Button", "StatusBarButton", "trim", "meta", "id", "name", "description", "trim", "icon", "formatDistance", "React", "useConfig", "Icon", "Link", "Message", "Popover", "Trans", "useTranslation", "repo", "VERSION_REGEX", "VersionNumber", "t", "useTranslation", "meta", "id", "config", "useConfig", "version", "timestamp", "commitHash", "values", "runtime", "app", "build", "_", "v", "match", "isLabs", "env", "DX_LABS", "releaseUrl", "DX_ENVIRONMENT", "previewUrl", "React", "Popover", "Root", "Trigger", "asChild", "StatusBar", "Button", "classNames", "Portal", "Content", "side", "role", "Message", "valence", "Title", "br", "Link", "href", "target", "rel", "variant", "Icon", "icon", "div", "className", "p", "released", "formatDistance", "Date", "addSuffix", "Trans", "i18nKey", "components", "dxos", "Arrow", "React", "useState", "Surface", "useConfig", "Icon", "Popover", "useTranslation", "StatusBarActions", "t", "useTranslation", "meta", "id", "open", "setOpen", "useState", "React", "Popover", "Root", "onOpenChange", "EnvironmentLabel", "VersionNumber", "StatusBar", "Button", "asChild", "a", "href", "target", "rel", "Icon", "icon", "size", "Text", "classNames", "StatusBarPanel", "span", "role", "className", "Surface", "ENV_LABELS", "config", "useConfig", "edgeUrl", "values", "runtime", "services", "edge", "url", "part", "URL", "host", "split", "edgeEnv", "Item", "title"]
|
|
7
|
+
}
|
|
@@ -1,18 +1,17 @@
|
|
|
1
1
|
import {
|
|
2
|
-
STATUS_BAR_PLUGIN,
|
|
3
2
|
StatusBar,
|
|
4
3
|
StatusBarActions,
|
|
5
4
|
StatusBarPanel,
|
|
6
5
|
VersionNumber,
|
|
7
6
|
meta
|
|
8
|
-
} from "./chunk-
|
|
7
|
+
} from "./chunk-EY5IFRNW.mjs";
|
|
9
8
|
|
|
10
9
|
// src/StatusBarPlugin.ts
|
|
11
10
|
import { Capabilities, Events, contributes, defineModule, definePlugin } from "@dxos/app-framework";
|
|
12
11
|
|
|
13
12
|
// src/capabilities/index.ts
|
|
14
13
|
import { lazy } from "@dxos/app-framework";
|
|
15
|
-
var ReactSurface = lazy(() => import("./react-surface-
|
|
14
|
+
var ReactSurface = lazy(() => import("./react-surface-JLUMVT7Q.mjs"));
|
|
16
15
|
|
|
17
16
|
// src/translations.ts
|
|
18
17
|
var translations = [
|
|
@@ -35,7 +34,7 @@ var translations = [
|
|
|
35
34
|
];
|
|
36
35
|
|
|
37
36
|
// src/StatusBarPlugin.ts
|
|
38
|
-
var StatusBarPlugin = () =>
|
|
37
|
+
var StatusBarPlugin = definePlugin(meta, () => [
|
|
39
38
|
defineModule({
|
|
40
39
|
id: `${meta.id}/module/translations`,
|
|
41
40
|
activatesOn: Events.SetupTranslations,
|
|
@@ -48,7 +47,6 @@ var StatusBarPlugin = () => definePlugin(meta, [
|
|
|
48
47
|
})
|
|
49
48
|
]);
|
|
50
49
|
export {
|
|
51
|
-
STATUS_BAR_PLUGIN,
|
|
52
50
|
StatusBar,
|
|
53
51
|
StatusBarActions,
|
|
54
52
|
StatusBarPanel,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/StatusBarPlugin.ts", "../../../src/capabilities/index.ts", "../../../src/translations.ts"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { Capabilities, Events, contributes, defineModule, definePlugin } from '@dxos/app-framework';\n\nimport { ReactSurface } from './capabilities';\nimport { meta } from './meta';\nimport { translations } from './translations';\n\nexport const StatusBarPlugin =
|
|
5
|
-
"mappings": "
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { Capabilities, Events, contributes, defineModule, definePlugin } from '@dxos/app-framework';\n\nimport { ReactSurface } from './capabilities';\nimport { meta } from './meta';\nimport { translations } from './translations';\n\nexport const StatusBarPlugin = 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 Resource } from '@dxos/react-ui';\n\nimport { meta } from './meta';\n\nexport const translations = [\n {\n 'en-US': {\n [meta.id]: {\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 },\n] as const satisfies Resource[];\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;AAIA,SAASA,cAAcC,QAAQC,aAAaC,cAAcC,oBAAoB;;;ACA9E,SAASC,YAAY;AAEd,IAAMC,eAAeC,KAAK,MAAM,OAAO,8BAAA,CAAA;;;ACEvC,IAAMC,eAAe;EAC1B;IACE,SAAS;MACP,CAACC,KAAKC,EAAE,GAAG;QACT,eAAe;QACf,iBAAiB;QACjB,8BAA8B;QAC9B,oBAAoB;QACpB,oBAAoB;QACpB,qBAAqB;QACrB,2BAA2B;QAC3B,iBAAiB;QACjB,gBAAgB;QAChB,kBAAkB;MACpB;IACF;EACF;;;;AFdK,IAAMC,kBAAkBC,aAAaC,MAAM,MAAM;EACtDC,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOC;IACpBC,UAAU,MAAMC,YAAYC,aAAaC,cAAcC,YAAAA;EACzD,CAAA;EACAT,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOO;IACpBL,UAAUM;EACZ,CAAA;CACD;",
|
|
6
6
|
"names": ["Capabilities", "Events", "contributes", "defineModule", "definePlugin", "lazy", "ReactSurface", "lazy", "translations", "meta", "id", "StatusBarPlugin", "definePlugin", "meta", "defineModule", "id", "activatesOn", "Events", "SetupTranslations", "activate", "contributes", "Capabilities", "Translations", "translations", "SetupReactSurface", "ReactSurface"]
|
|
7
7
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/components/StatusBar.tsx":{"bytes":
|
|
1
|
+
{"inputs":{"src/components/StatusBar.tsx":{"bytes":8418,"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"},"src/meta.ts":{"bytes":1559,"imports":[{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"src/components/VersionNumber.tsx":{"bytes":10885,"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":"src/meta.ts","kind":"import-statement","original":"../meta"},{"path":"src/components/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"}],"format":"esm"},"src/components/StatusBarPanel.tsx":{"bytes":8974,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework/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":"src/meta.ts","kind":"import-statement","original":"../meta"},{"path":"src/components/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"},{"path":"src/components/VersionNumber.tsx","kind":"import-statement","original":"./VersionNumber"}],"format":"esm"},"src/components/index.ts":{"bytes":684,"imports":[{"path":"src/components/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"},{"path":"src/components/StatusBarPanel.tsx","kind":"import-statement","original":"./StatusBarPanel"},{"path":"src/components/VersionNumber.tsx","kind":"import-statement","original":"./VersionNumber"}],"format":"esm"},"src/capabilities/react-surface.tsx":{"bytes":3953,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-framework/react","kind":"import-statement","external":true},{"path":"src/components/index.ts","kind":"import-statement","original":"../components"},{"path":"src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"src/capabilities/index.ts":{"bytes":783,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"src/capabilities/react-surface.tsx","kind":"dynamic-import","original":"./react-surface"}],"format":"esm"},"src/translations.ts":{"bytes":2422,"imports":[{"path":"src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"src/StatusBarPlugin.ts":{"bytes":2771,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"src/capabilities/index.ts","kind":"import-statement","original":"./capabilities"},{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"src/index.ts":{"bytes":654,"imports":[{"path":"src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/StatusBarPlugin.ts","kind":"import-statement","original":"./StatusBarPlugin"}],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":2677},"dist/lib/browser/index.mjs":{"imports":[{"path":"dist/lib/browser/chunk-EY5IFRNW.mjs","kind":"import-statement"},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"dist/lib/browser/react-surface-JLUMVT7Q.mjs","kind":"dynamic-import"}],"exports":["StatusBar","StatusBarActions","StatusBarPanel","StatusBarPlugin","VersionNumber","meta"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0},"src/StatusBarPlugin.ts":{"bytesInOutput":470},"src/capabilities/index.ts":{"bytesInOutput":115},"src/translations.ts":{"bytesInOutput":562}},"bytes":1511},"dist/lib/browser/react-surface-JLUMVT7Q.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1896},"dist/lib/browser/react-surface-JLUMVT7Q.mjs":{"imports":[{"path":"dist/lib/browser/chunk-EY5IFRNW.mjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-framework/react","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"src/capabilities/react-surface.tsx","inputs":{"src/capabilities/react-surface.tsx":{"bytesInOutput":942}},"bytes":1182},"dist/lib/browser/chunk-EY5IFRNW.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":14982},"dist/lib/browser/chunk-EY5IFRNW.mjs":{"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":"@dxos/util","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/react","kind":"import-statement","external":true},{"path":"@dxos/react-client","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"exports":["StatusBar","StatusBarActions","StatusBarPanel","VersionNumber","meta"],"inputs":{"src/components/StatusBar.tsx":{"bytesInOutput":2551},"src/meta.ts":{"bytesInOutput":350},"src/components/VersionNumber.tsx":{"bytesInOutput":3286},"src/components/StatusBarPanel.tsx":{"bytesInOutput":2940},"src/components/index.ts":{"bytesInOutput":0}},"bytes":9382}}}
|
|
@@ -3,12 +3,13 @@ import {
|
|
|
3
3
|
StatusBarPanel,
|
|
4
4
|
VersionNumber,
|
|
5
5
|
meta
|
|
6
|
-
} from "./chunk-
|
|
6
|
+
} from "./chunk-EY5IFRNW.mjs";
|
|
7
7
|
|
|
8
8
|
// src/capabilities/react-surface.tsx
|
|
9
9
|
import React from "react";
|
|
10
|
-
import { Capabilities,
|
|
11
|
-
|
|
10
|
+
import { Capabilities, contributes, createSurface } from "@dxos/app-framework";
|
|
11
|
+
import { Surface } from "@dxos/app-framework/react";
|
|
12
|
+
var react_surface_default = (() => contributes(Capabilities.ReactSurface, [
|
|
12
13
|
createSurface({
|
|
13
14
|
id: `${meta.id}/status-bar`,
|
|
14
15
|
role: "status-bar",
|
|
@@ -31,8 +32,8 @@ var react_surface_default = () => contributes(Capabilities.ReactSurface, [
|
|
|
31
32
|
role: "header-end",
|
|
32
33
|
component: () => /* @__PURE__ */ React.createElement(VersionNumber, null)
|
|
33
34
|
})
|
|
34
|
-
]);
|
|
35
|
+
]));
|
|
35
36
|
export {
|
|
36
37
|
react_surface_default as default
|
|
37
38
|
};
|
|
38
|
-
//# sourceMappingURL=react-surface-
|
|
39
|
+
//# sourceMappingURL=react-surface-JLUMVT7Q.mjs.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 } from '@dxos/app-framework';\nimport { Surface } from '@dxos/app-framework/react';\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,OAAOA,WAAW;AAElB,SAASC,cAAcC,aAAaC,qBAAqB;AACzD,SAASC,eAAe;AAKxB,IAAA,yBAAe,MACbC,YAAYC,aAAaC,cAAc;EACrCC,cAAc;IACZC,IAAI,GAAGC,KAAKD,EAAE;IACdE,MAAM;IACNC,WAAW,MAAM,sBAAA,cAACC,gBAAAA,IAAAA;EACpB,CAAA;EACAL,cAAc;IACZC,IAAI,GAAGC,KAAKD,EAAE;IACdE,MAAM;IACNC,WAAW,MAAM,sBAAA,cAACE,SAAAA;MAAQH,MAAK;;EACjC,CAAA;EACAH,cAAc;IACZC,IAAI,GAAGC,KAAKD,EAAE;IACdE,MAAM;IACNC,WAAW,MAAM,sBAAA,cAACG,kBAAAA,IAAAA;EACpB,CAAA;EACAP,cAAc;IACZC,IAAI,GAAGC,KAAKD,EAAE;IACdE,MAAM;IACNC,WAAW,MAAM,sBAAA,cAACI,eAAAA,IAAAA;EACpB,CAAA;CACD;",
|
|
6
|
+
"names": ["React", "Capabilities", "contributes", "createSurface", "Surface", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "meta", "role", "component", "StatusBarPanel", "Surface", "StatusBarActions", "VersionNumber"]
|
|
7
|
+
}
|
|
@@ -19,7 +19,7 @@ var StatusBarText = /* @__PURE__ */ forwardRef(({ classNames, children }, forwar
|
|
|
19
19
|
var StatusBarButton = /* @__PURE__ */ forwardRef(({ classNames, children, asChild, ...props }, forwardedRef) => {
|
|
20
20
|
var _effect = _useSignals();
|
|
21
21
|
try {
|
|
22
|
-
const classes = mx("flex items-center justify-center gap-2 p-1
|
|
22
|
+
const classes = mx("flex items-center justify-center gap-2 p-1 pli-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);
|
|
23
23
|
return asChild ? /* @__PURE__ */ React.createElement(Slot, {
|
|
24
24
|
role: "button",
|
|
25
25
|
ref: forwardedRef,
|
|
@@ -39,7 +39,7 @@ var StatusBarItem = /* @__PURE__ */ forwardRef(({ classNames, children, ...props
|
|
|
39
39
|
try {
|
|
40
40
|
return /* @__PURE__ */ React.createElement("div", {
|
|
41
41
|
role: "menuitem",
|
|
42
|
-
className: mx("flex items-center justify-center gap-2 p-1
|
|
42
|
+
className: mx("flex items-center justify-center gap-2 p-1 pli-2 rounded-sm select-none", classNames),
|
|
43
43
|
ref: forwardedRef,
|
|
44
44
|
...props
|
|
45
45
|
}, children);
|
|
@@ -80,11 +80,14 @@ var StatusBar = {
|
|
|
80
80
|
};
|
|
81
81
|
|
|
82
82
|
// src/meta.ts
|
|
83
|
-
|
|
83
|
+
import { trim } from "@dxos/util";
|
|
84
84
|
var meta = {
|
|
85
|
-
id:
|
|
85
|
+
id: "dxos.org/plugin/status-bar",
|
|
86
86
|
name: "Status Bar",
|
|
87
|
-
description:
|
|
87
|
+
description: trim`
|
|
88
|
+
Persistent bottom bar displaying workspace status information and quick actions.
|
|
89
|
+
Access connection state, notifications, and common commands without leaving your current context.
|
|
90
|
+
`,
|
|
88
91
|
icon: "ph--info--regular"
|
|
89
92
|
};
|
|
90
93
|
|
|
@@ -160,7 +163,7 @@ var VersionNumber = () => {
|
|
|
160
163
|
// src/components/StatusBarPanel.tsx
|
|
161
164
|
import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
|
|
162
165
|
import React3, { useState } from "react";
|
|
163
|
-
import { Surface } from "@dxos/app-framework";
|
|
166
|
+
import { Surface } from "@dxos/app-framework/react";
|
|
164
167
|
import { useConfig as useConfig2 } from "@dxos/react-client";
|
|
165
168
|
import { Icon as Icon2, Popover as Popover2, useTranslation as useTranslation2 } from "@dxos/react-ui";
|
|
166
169
|
var StatusBarActions = () => {
|
|
@@ -182,7 +185,7 @@ var StatusBarActions = () => {
|
|
|
182
185
|
size: 4
|
|
183
186
|
}), /* @__PURE__ */ React3.createElement(StatusBar.Text, {
|
|
184
187
|
classNames: "hidden sm:block"
|
|
185
|
-
}, t("discord
|
|
188
|
+
}, t("discord label")))), /* @__PURE__ */ React3.createElement(StatusBar.Button, {
|
|
186
189
|
asChild: true
|
|
187
190
|
}, /* @__PURE__ */ React3.createElement("a", {
|
|
188
191
|
href: "https://github.com/dxos/dxos",
|
|
@@ -231,7 +234,7 @@ var EnvironmentLabel = () => {
|
|
|
231
234
|
return null;
|
|
232
235
|
}
|
|
233
236
|
return /* @__PURE__ */ React3.createElement(StatusBar.Item, null, /* @__PURE__ */ React3.createElement(StatusBar.Text, {
|
|
234
|
-
classNames: "text-xs text-subdued border border-separator rounded-full
|
|
237
|
+
classNames: "text-xs text-subdued border border-separator rounded-full pli-1"
|
|
235
238
|
}, /* @__PURE__ */ React3.createElement("span", {
|
|
236
239
|
title: edgeEnv
|
|
237
240
|
}, edgeEnv[0])));
|
|
@@ -242,10 +245,9 @@ var EnvironmentLabel = () => {
|
|
|
242
245
|
|
|
243
246
|
export {
|
|
244
247
|
StatusBar,
|
|
245
|
-
STATUS_BAR_PLUGIN,
|
|
246
248
|
meta,
|
|
247
249
|
VersionNumber,
|
|
248
250
|
StatusBarActions,
|
|
249
251
|
StatusBarPanel
|
|
250
252
|
};
|
|
251
|
-
//# sourceMappingURL=chunk-
|
|
253
|
+
//# sourceMappingURL=chunk-X4F44ADI.mjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/components/StatusBar.tsx", "../../../src/meta.ts", "../../../src/components/VersionNumber.tsx", "../../../src/components/StatusBarPanel.tsx"],
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { Slot } from '@radix-ui/react-slot';\nimport React, { type ComponentPropsWithRef, type PropsWithChildren, type ReactNode, forwardRef } 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 pli-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 pli-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 { type PluginMeta } from '@dxos/app-framework';\nimport { trim } from '@dxos/util';\n\nexport const meta: PluginMeta = {\n id: 'dxos.org/plugin/status-bar',\n name: 'Status Bar',\n description: trim`\n Persistent bottom bar displaying workspace status information and quick actions.\n Access connection state, notifications, and common commands without leaving your current context.\n `,\n icon: 'ph--info--regular',\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 { Icon, Link, Message, Popover, Trans, useTranslation } from '@dxos/react-ui';\n\nimport { meta } from '../meta';\n\nimport { StatusBar } from './StatusBar';\n\nconst repo = 'https://github.com/dxos/dxos';\n\nconst VERSION_REGEX = /([\\d.]+)/;\n\nexport const VersionNumber = () => {\n const { t } = useTranslation(meta.id);\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' classNames='rounded-be-none p-5'>\n <Message.Title>{t('warning title')}</Message.Title>\n <Message.Content>\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.Content>\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 React, { useState } from 'react';\n\nimport { Surface } from '@dxos/app-framework/react';\nimport { useConfig } from '@dxos/react-client';\nimport { Icon, Popover, useTranslation } from '@dxos/react-ui';\n\nimport { meta } from '../meta';\n\nimport { StatusBar } from './StatusBar';\nimport { VersionNumber } from './VersionNumber';\n\nexport const StatusBarActions = () => {\n const { t } = useTranslation(meta.id);\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 pli-1'>\n <span title={edgeEnv}>{edgeEnv[0]}</span>\n </StatusBar.Text>\n </StatusBar.Item>\n );\n};\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["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", "StartContent", "EndContent", "StatusBar", "Text", "StatusBarText", "Item", "Button", "StatusBarButton", "trim", "meta", "id", "name", "description", "trim", "icon", "formatDistance", "React", "useConfig", "Icon", "Link", "Message", "Popover", "Trans", "useTranslation", "repo", "VERSION_REGEX", "VersionNumber", "t", "useTranslation", "meta", "id", "config", "useConfig", "version", "timestamp", "commitHash", "values", "runtime", "app", "build", "_", "v", "match", "isLabs", "env", "DX_LABS", "releaseUrl", "DX_ENVIRONMENT", "previewUrl", "React", "Popover", "Root", "Trigger", "asChild", "StatusBar", "Button", "classNames", "Portal", "Content", "side", "role", "Message", "valence", "Title", "br", "Link", "href", "target", "rel", "variant", "Icon", "icon", "div", "className", "p", "released", "formatDistance", "Date", "addSuffix", "Trans", "i18nKey", "components", "dxos", "Arrow", "React", "useState", "Surface", "useConfig", "Icon", "Popover", "useTranslation", "StatusBarActions", "t", "useTranslation", "meta", "id", "open", "setOpen", "useState", "React", "Popover", "Root", "onOpenChange", "EnvironmentLabel", "VersionNumber", "StatusBar", "Button", "asChild", "a", "href", "target", "rel", "Icon", "icon", "size", "Text", "classNames", "StatusBarPanel", "span", "role", "className", "Surface", "ENV_LABELS", "config", "useConfig", "edgeUrl", "values", "runtime", "services", "edge", "url", "part", "URL", "host", "split", "edgeEnv", "Item", "title"]
|
|
7
|
+
}
|
|
@@ -1,19 +1,18 @@
|
|
|
1
1
|
import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
|
|
2
2
|
import {
|
|
3
|
-
STATUS_BAR_PLUGIN,
|
|
4
3
|
StatusBar,
|
|
5
4
|
StatusBarActions,
|
|
6
5
|
StatusBarPanel,
|
|
7
6
|
VersionNumber,
|
|
8
7
|
meta
|
|
9
|
-
} from "./chunk-
|
|
8
|
+
} from "./chunk-X4F44ADI.mjs";
|
|
10
9
|
|
|
11
10
|
// src/StatusBarPlugin.ts
|
|
12
11
|
import { Capabilities, Events, contributes, defineModule, definePlugin } from "@dxos/app-framework";
|
|
13
12
|
|
|
14
13
|
// src/capabilities/index.ts
|
|
15
14
|
import { lazy } from "@dxos/app-framework";
|
|
16
|
-
var ReactSurface = lazy(() => import("./react-surface-
|
|
15
|
+
var ReactSurface = lazy(() => import("./react-surface-O34EDFRO.mjs"));
|
|
17
16
|
|
|
18
17
|
// src/translations.ts
|
|
19
18
|
var translations = [
|
|
@@ -36,7 +35,7 @@ var translations = [
|
|
|
36
35
|
];
|
|
37
36
|
|
|
38
37
|
// src/StatusBarPlugin.ts
|
|
39
|
-
var StatusBarPlugin = () =>
|
|
38
|
+
var StatusBarPlugin = definePlugin(meta, () => [
|
|
40
39
|
defineModule({
|
|
41
40
|
id: `${meta.id}/module/translations`,
|
|
42
41
|
activatesOn: Events.SetupTranslations,
|
|
@@ -49,7 +48,6 @@ var StatusBarPlugin = () => definePlugin(meta, [
|
|
|
49
48
|
})
|
|
50
49
|
]);
|
|
51
50
|
export {
|
|
52
|
-
STATUS_BAR_PLUGIN,
|
|
53
51
|
StatusBar,
|
|
54
52
|
StatusBarActions,
|
|
55
53
|
StatusBarPanel,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/StatusBarPlugin.ts", "../../../src/capabilities/index.ts", "../../../src/translations.ts"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { Capabilities, Events, contributes, defineModule, definePlugin } from '@dxos/app-framework';\n\nimport { ReactSurface } from './capabilities';\nimport { meta } from './meta';\nimport { translations } from './translations';\n\nexport const StatusBarPlugin =
|
|
5
|
-
"mappings": "
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { Capabilities, Events, contributes, defineModule, definePlugin } from '@dxos/app-framework';\n\nimport { ReactSurface } from './capabilities';\nimport { meta } from './meta';\nimport { translations } from './translations';\n\nexport const StatusBarPlugin = 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 Resource } from '@dxos/react-ui';\n\nimport { meta } from './meta';\n\nexport const translations = [\n {\n 'en-US': {\n [meta.id]: {\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 },\n] as const satisfies Resource[];\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;AAIA,SAASA,cAAcC,QAAQC,aAAaC,cAAcC,oBAAoB;;;ACA9E,SAASC,YAAY;AAEd,IAAMC,eAAeC,KAAK,MAAM,OAAO,8BAAA,CAAA;;;ACEvC,IAAMC,eAAe;EAC1B;IACE,SAAS;MACP,CAACC,KAAKC,EAAE,GAAG;QACT,eAAe;QACf,iBAAiB;QACjB,8BAA8B;QAC9B,oBAAoB;QACpB,oBAAoB;QACpB,qBAAqB;QACrB,2BAA2B;QAC3B,iBAAiB;QACjB,gBAAgB;QAChB,kBAAkB;MACpB;IACF;EACF;;;;AFdK,IAAMC,kBAAkBC,aAAaC,MAAM,MAAM;EACtDC,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOC;IACpBC,UAAU,MAAMC,YAAYC,aAAaC,cAAcC,YAAAA;EACzD,CAAA;EACAT,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOO;IACpBL,UAAUM;EACZ,CAAA;CACD;",
|
|
6
6
|
"names": ["Capabilities", "Events", "contributes", "defineModule", "definePlugin", "lazy", "ReactSurface", "lazy", "translations", "meta", "id", "StatusBarPlugin", "definePlugin", "meta", "defineModule", "id", "activatesOn", "Events", "SetupTranslations", "activate", "contributes", "Capabilities", "Translations", "translations", "SetupReactSurface", "ReactSurface"]
|
|
7
7
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/components/StatusBar.tsx":{"bytes":
|
|
1
|
+
{"inputs":{"src/components/StatusBar.tsx":{"bytes":8418,"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"},"src/meta.ts":{"bytes":1559,"imports":[{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"src/components/VersionNumber.tsx":{"bytes":10885,"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":"src/meta.ts","kind":"import-statement","original":"../meta"},{"path":"src/components/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"}],"format":"esm"},"src/components/StatusBarPanel.tsx":{"bytes":8974,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework/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":"src/meta.ts","kind":"import-statement","original":"../meta"},{"path":"src/components/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"},{"path":"src/components/VersionNumber.tsx","kind":"import-statement","original":"./VersionNumber"}],"format":"esm"},"src/components/index.ts":{"bytes":684,"imports":[{"path":"src/components/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"},{"path":"src/components/StatusBarPanel.tsx","kind":"import-statement","original":"./StatusBarPanel"},{"path":"src/components/VersionNumber.tsx","kind":"import-statement","original":"./VersionNumber"}],"format":"esm"},"src/capabilities/react-surface.tsx":{"bytes":3953,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-framework/react","kind":"import-statement","external":true},{"path":"src/components/index.ts","kind":"import-statement","original":"../components"},{"path":"src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"src/capabilities/index.ts":{"bytes":783,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"src/capabilities/react-surface.tsx","kind":"dynamic-import","original":"./react-surface"}],"format":"esm"},"src/translations.ts":{"bytes":2422,"imports":[{"path":"src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"src/StatusBarPlugin.ts":{"bytes":2771,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"src/capabilities/index.ts","kind":"import-statement","original":"./capabilities"},{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"src/index.ts":{"bytes":654,"imports":[{"path":"src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/StatusBarPlugin.ts","kind":"import-statement","original":"./StatusBarPlugin"}],"format":"esm"}},"outputs":{"dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":2678},"dist/lib/node-esm/index.mjs":{"imports":[{"path":"dist/lib/node-esm/chunk-X4F44ADI.mjs","kind":"import-statement"},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"dist/lib/node-esm/react-surface-O34EDFRO.mjs","kind":"dynamic-import"}],"exports":["StatusBar","StatusBarActions","StatusBarPanel","StatusBarPlugin","VersionNumber","meta"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0},"src/StatusBarPlugin.ts":{"bytesInOutput":470},"src/capabilities/index.ts":{"bytesInOutput":115},"src/translations.ts":{"bytesInOutput":562}},"bytes":1603},"dist/lib/node-esm/react-surface-O34EDFRO.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1897},"dist/lib/node-esm/react-surface-O34EDFRO.mjs":{"imports":[{"path":"dist/lib/node-esm/chunk-X4F44ADI.mjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-framework/react","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"src/capabilities/react-surface.tsx","inputs":{"src/capabilities/react-surface.tsx":{"bytesInOutput":942}},"bytes":1274},"dist/lib/node-esm/chunk-X4F44ADI.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":14984},"dist/lib/node-esm/chunk-X4F44ADI.mjs":{"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":"@dxos/util","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/react","kind":"import-statement","external":true},{"path":"@dxos/react-client","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"exports":["StatusBar","StatusBarActions","StatusBarPanel","VersionNumber","meta"],"inputs":{"src/components/StatusBar.tsx":{"bytesInOutput":2551},"src/meta.ts":{"bytesInOutput":350},"src/components/VersionNumber.tsx":{"bytesInOutput":3286},"src/components/StatusBarPanel.tsx":{"bytesInOutput":2940},"src/components/index.ts":{"bytesInOutput":0}},"bytes":9475}}}
|
|
@@ -4,12 +4,13 @@ import {
|
|
|
4
4
|
StatusBarPanel,
|
|
5
5
|
VersionNumber,
|
|
6
6
|
meta
|
|
7
|
-
} from "./chunk-
|
|
7
|
+
} from "./chunk-X4F44ADI.mjs";
|
|
8
8
|
|
|
9
9
|
// src/capabilities/react-surface.tsx
|
|
10
10
|
import React from "react";
|
|
11
|
-
import { Capabilities,
|
|
12
|
-
|
|
11
|
+
import { Capabilities, contributes, createSurface } from "@dxos/app-framework";
|
|
12
|
+
import { Surface } from "@dxos/app-framework/react";
|
|
13
|
+
var react_surface_default = (() => contributes(Capabilities.ReactSurface, [
|
|
13
14
|
createSurface({
|
|
14
15
|
id: `${meta.id}/status-bar`,
|
|
15
16
|
role: "status-bar",
|
|
@@ -32,8 +33,8 @@ var react_surface_default = () => contributes(Capabilities.ReactSurface, [
|
|
|
32
33
|
role: "header-end",
|
|
33
34
|
component: () => /* @__PURE__ */ React.createElement(VersionNumber, null)
|
|
34
35
|
})
|
|
35
|
-
]);
|
|
36
|
+
]));
|
|
36
37
|
export {
|
|
37
38
|
react_surface_default as default
|
|
38
39
|
};
|
|
39
|
-
//# sourceMappingURL=react-surface-
|
|
40
|
+
//# sourceMappingURL=react-surface-O34EDFRO.mjs.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 } from '@dxos/app-framework';\nimport { Surface } from '@dxos/app-framework/react';\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,OAAOA,WAAW;AAElB,SAASC,cAAcC,aAAaC,qBAAqB;AACzD,SAASC,eAAe;AAKxB,IAAA,yBAAe,MACbC,YAAYC,aAAaC,cAAc;EACrCC,cAAc;IACZC,IAAI,GAAGC,KAAKD,EAAE;IACdE,MAAM;IACNC,WAAW,MAAM,sBAAA,cAACC,gBAAAA,IAAAA;EACpB,CAAA;EACAL,cAAc;IACZC,IAAI,GAAGC,KAAKD,EAAE;IACdE,MAAM;IACNC,WAAW,MAAM,sBAAA,cAACE,SAAAA;MAAQH,MAAK;;EACjC,CAAA;EACAH,cAAc;IACZC,IAAI,GAAGC,KAAKD,EAAE;IACdE,MAAM;IACNC,WAAW,MAAM,sBAAA,cAACG,kBAAAA,IAAAA;EACpB,CAAA;EACAP,cAAc;IACZC,IAAI,GAAGC,KAAKD,EAAE;IACdE,MAAM;IACNC,WAAW,MAAM,sBAAA,cAACI,eAAAA,IAAAA;EACpB,CAAA;CACD;",
|
|
6
|
+
"names": ["React", "Capabilities", "contributes", "createSurface", "Surface", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "meta", "role", "component", "StatusBarPanel", "Surface", "StatusBarActions", "VersionNumber"]
|
|
7
|
+
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const StatusBarPlugin:
|
|
1
|
+
export declare const StatusBarPlugin: import("@dxos/app-framework").PluginFactory<void>;
|
|
2
2
|
//# sourceMappingURL=StatusBarPlugin.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StatusBarPlugin.d.ts","sourceRoot":"","sources":["../../../src/StatusBarPlugin.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,eAAe,
|
|
1
|
+
{"version":3,"file":"StatusBarPlugin.d.ts","sourceRoot":"","sources":["../../../src/StatusBarPlugin.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,eAAe,mDAW1B,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const ReactSurface: (props?: unknown) => Promise<() => Promise<import("@dxos/app-framework").Capability<import("@dxos/app-framework").Capabilities.ReactSurface
|
|
1
|
+
export declare const ReactSurface: (props?: unknown) => Promise<() => Promise<import("@dxos/app-framework").Capability<import("@dxos/app-framework").InterfaceDef<import("@dxos/app-framework").Capabilities.ReactSurface>> | import("@dxos/app-framework").AnyCapability[]>>;
|
|
2
2
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/index.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/index.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,YAAY,4OAAwC,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { Capabilities } from '@dxos/app-framework';
|
|
2
|
-
declare const _default: () => import("@dxos/app-framework").Capability<Capabilities.ReactSurface
|
|
2
|
+
declare const _default: () => import("@dxos/app-framework").Capability<import("@dxos/app-framework").InterfaceDef<Capabilities.ReactSurface>>;
|
|
3
3
|
export default _default;
|
|
4
4
|
//# sourceMappingURL=react-surface.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"react-surface.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/react-surface.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,YAAY,
|
|
1
|
+
{"version":3,"file":"react-surface.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/react-surface.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,YAAY,EAA8B,MAAM,qBAAqB,CAAC;;AAM/E,wBAsBK"}
|