@dxos/plugin-status-bar 0.8.4-main.f9ba587 → 0.8.4-main.fcc0d83b33

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 (81) hide show
  1. package/dist/lib/browser/index.mjs +67 -50
  2. package/dist/lib/browser/index.mjs.map +4 -4
  3. package/dist/lib/browser/meta.json +1 -1
  4. package/dist/lib/browser/translations.mjs +24 -0
  5. package/dist/lib/browser/translations.mjs.map +7 -0
  6. package/dist/lib/node-esm/index.mjs +67 -49
  7. package/dist/lib/node-esm/index.mjs.map +4 -4
  8. package/dist/lib/node-esm/meta.json +1 -1
  9. package/dist/lib/node-esm/translations.mjs +26 -0
  10. package/dist/lib/node-esm/translations.mjs.map +7 -0
  11. package/dist/types/src/StatusBarPlugin.d.ts +2 -1
  12. package/dist/types/src/StatusBarPlugin.d.ts.map +1 -1
  13. package/dist/types/src/capabilities/index.d.ts +2 -1
  14. package/dist/types/src/capabilities/index.d.ts.map +1 -1
  15. package/dist/types/src/capabilities/react-surface.d.ts +3 -2
  16. package/dist/types/src/capabilities/react-surface.d.ts.map +1 -1
  17. package/dist/types/src/components/{StatusBar.d.ts → StatusBar/StatusBar.d.ts} +9 -7
  18. package/dist/types/src/components/StatusBar/StatusBar.d.ts.map +1 -0
  19. package/dist/types/src/components/StatusBar/StatusBar.stories.d.ts +15 -0
  20. package/dist/types/src/components/StatusBar/StatusBar.stories.d.ts.map +1 -0
  21. package/dist/types/src/components/StatusBar/index.d.ts +2 -0
  22. package/dist/types/src/components/StatusBar/index.d.ts.map +1 -0
  23. package/dist/types/src/components/index.d.ts +0 -2
  24. package/dist/types/src/components/index.d.ts.map +1 -1
  25. package/dist/types/src/containers/StatusBarActions/StatusBarActions.d.ts +4 -0
  26. package/dist/types/src/containers/StatusBarActions/StatusBarActions.d.ts.map +1 -0
  27. package/dist/types/src/containers/StatusBarActions/StatusBarActions.stories.d.ts +7 -0
  28. package/dist/types/src/containers/StatusBarActions/StatusBarActions.stories.d.ts.map +1 -0
  29. package/dist/types/src/containers/StatusBarActions/index.d.ts +2 -0
  30. package/dist/types/src/containers/StatusBarActions/index.d.ts.map +1 -0
  31. package/dist/types/src/containers/StatusBarPanel/StatusBarPanel.d.ts +4 -0
  32. package/dist/types/src/containers/StatusBarPanel/StatusBarPanel.d.ts.map +1 -0
  33. package/dist/types/src/containers/StatusBarPanel/index.d.ts +2 -0
  34. package/dist/types/src/containers/StatusBarPanel/index.d.ts.map +1 -0
  35. package/dist/types/src/containers/VersionNumber/VersionNumber.d.ts +4 -0
  36. package/dist/types/src/containers/VersionNumber/VersionNumber.d.ts.map +1 -0
  37. package/dist/types/src/containers/VersionNumber/index.d.ts +2 -0
  38. package/dist/types/src/containers/VersionNumber/index.d.ts.map +1 -0
  39. package/dist/types/src/containers/index.d.ts +5 -0
  40. package/dist/types/src/containers/index.d.ts.map +1 -0
  41. package/dist/types/src/meta.d.ts +2 -3
  42. package/dist/types/src/meta.d.ts.map +1 -1
  43. package/dist/types/src/translations.d.ts +11 -12
  44. package/dist/types/src/translations.d.ts.map +1 -1
  45. package/dist/types/tsconfig.tsbuildinfo +1 -1
  46. package/package.json +45 -30
  47. package/src/StatusBarPlugin.ts +10 -17
  48. package/src/capabilities/index.ts +2 -2
  49. package/src/capabilities/react-surface.tsx +25 -26
  50. package/src/components/StatusBar/StatusBar.stories.tsx +45 -0
  51. package/src/components/{StatusBar.tsx → StatusBar/StatusBar.tsx} +43 -21
  52. package/src/components/StatusBar/index.ts +5 -0
  53. package/src/components/index.ts +0 -2
  54. package/src/containers/StatusBarActions/StatusBarActions.stories.tsx +62 -0
  55. package/src/containers/StatusBarActions/StatusBarActions.tsx +70 -0
  56. package/src/containers/StatusBarActions/index.ts +5 -0
  57. package/src/containers/StatusBarPanel/StatusBarPanel.tsx +21 -0
  58. package/src/containers/StatusBarPanel/index.ts +5 -0
  59. package/src/containers/VersionNumber/VersionNumber.tsx +97 -0
  60. package/src/containers/VersionNumber/index.ts +5 -0
  61. package/src/containers/index.ts +9 -0
  62. package/src/meta.ts +8 -6
  63. package/src/translations.ts +11 -11
  64. package/dist/lib/browser/chunk-32FBOE6I.mjs +0 -249
  65. package/dist/lib/browser/chunk-32FBOE6I.mjs.map +0 -7
  66. package/dist/lib/browser/react-surface-P7CEMQU3.mjs +0 -38
  67. package/dist/lib/browser/react-surface-P7CEMQU3.mjs.map +0 -7
  68. package/dist/lib/node-esm/chunk-IQXGCBGU.mjs +0 -251
  69. package/dist/lib/node-esm/chunk-IQXGCBGU.mjs.map +0 -7
  70. package/dist/lib/node-esm/react-surface-U7DLJKU6.mjs +0 -39
  71. package/dist/lib/node-esm/react-surface-U7DLJKU6.mjs.map +0 -7
  72. package/dist/types/src/components/StatusBar.d.ts.map +0 -1
  73. package/dist/types/src/components/StatusBar.stories.d.ts +0 -9
  74. package/dist/types/src/components/StatusBar.stories.d.ts.map +0 -1
  75. package/dist/types/src/components/StatusBarPanel.d.ts +0 -4
  76. package/dist/types/src/components/StatusBarPanel.d.ts.map +0 -1
  77. package/dist/types/src/components/VersionNumber.d.ts +0 -3
  78. package/dist/types/src/components/VersionNumber.d.ts.map +0 -1
  79. package/src/components/StatusBar.stories.tsx +0 -48
  80. package/src/components/StatusBarPanel.tsx +0 -75
  81. package/src/components/VersionNumber.tsx +0 -84
@@ -1,59 +1,76 @@
1
- import {
2
- STATUS_BAR_PLUGIN,
3
- StatusBar,
4
- StatusBarActions,
5
- StatusBarPanel,
6
- VersionNumber,
7
- meta
8
- } from "./chunk-32FBOE6I.mjs";
9
-
10
- // src/StatusBarPlugin.ts
11
- import { Capabilities, contributes, defineModule, definePlugin, Events } from "@dxos/app-framework";
12
-
13
- // src/capabilities/index.ts
14
- import { lazy } from "@dxos/app-framework";
15
- var ReactSurface = lazy(() => import("./react-surface-P7CEMQU3.mjs"));
1
+ // src/components/StatusBar/StatusBar.tsx
2
+ import { Slot } from "@radix-ui/react-slot";
3
+ import React, { forwardRef } from "react";
4
+ import { mx } from "@dxos/ui-theme";
5
+ var StatusBarItem = /* @__PURE__ */ forwardRef(({ classNames, children, ...props }, forwardedRef) => {
6
+ return /* @__PURE__ */ React.createElement("div", {
7
+ ...props,
8
+ role: "status",
9
+ className: mx("grid place-items-center", classNames),
10
+ ref: forwardedRef
11
+ }, children);
12
+ });
13
+ var StatusBarText = /* @__PURE__ */ forwardRef(({ classNames, children }, forwardedRef) => /* @__PURE__ */ React.createElement("span", {
14
+ className: mx(classNames),
15
+ ref: forwardedRef
16
+ }, children));
17
+ var StatusBarButton = /* @__PURE__ */ forwardRef(({ classNames, children, asChild, ...props }, forwardedRef) => {
18
+ const classes = mx("flex items-center justify-center gap-2 p-1 px-2 rounded-xs", "select-none cursor-pointer dx-focus-ring text-description text-xs", "hover:bg-neutral-100 active:bg-neutral-200 dark:hover:bg-neutral-700 dark:active:bg-neutral-600", classNames);
19
+ return asChild ? /* @__PURE__ */ React.createElement(Slot, {
20
+ role: "button",
21
+ ref: forwardedRef,
22
+ className: classes,
23
+ ...props
24
+ }, children) : /* @__PURE__ */ React.createElement("button", {
25
+ className: classes,
26
+ ref: forwardedRef,
27
+ ...props
28
+ }, children);
29
+ });
30
+ var StartContent = /* @__PURE__ */ forwardRef(({ classNames, children }, forwardedRef) => /* @__PURE__ */ React.createElement("div", {
31
+ role: "none",
32
+ className: mx("flex-grow flex items-center space-x-2", classNames),
33
+ ref: forwardedRef
34
+ }, children));
35
+ var EndContent = /* @__PURE__ */ forwardRef(({ classNames, children }, forwardedRef) => /* @__PURE__ */ React.createElement("div", {
36
+ role: "none",
37
+ className: mx("flex-grow flex items-center justify-end", classNames),
38
+ ref: forwardedRef
39
+ }, children));
40
+ var StatusBar = {
41
+ Item: StatusBarItem,
42
+ Text: StatusBarText,
43
+ Button: StatusBarButton,
44
+ StartContent,
45
+ EndContent
46
+ };
16
47
 
17
- // src/translations.ts
18
- var translations = [
19
- {
20
- "en-US": {
21
- [meta.id]: {
22
- "plugin name": "Status Bar",
23
- "warning title": "WARNING",
24
- "technology preview message": "Composer is currently in beta.",
25
- "learn more label": "Learn more",
26
- "released message": "This version released {{released}}.",
27
- "see release label": "See release on GitHub",
28
- "powered by dxos message": "Powered by <dxos>DXOS</dxos>",
29
- "discord label": "Discord",
30
- "github label": "GitHub",
31
- "feedback label": "Feedback"
32
- }
33
- }
34
- }
35
- ];
48
+ // src/meta.ts
49
+ import { trim } from "@dxos/util";
50
+ var meta = {
51
+ id: "org.dxos.plugin.status-bar",
52
+ name: "Status Bar",
53
+ description: trim`
54
+ Persistent bottom bar displaying workspace status information and quick actions.
55
+ Access connection state, notifications, and common commands without leaving your current context.
56
+ `,
57
+ icon: "ph--info--regular"
58
+ };
36
59
 
37
60
  // src/StatusBarPlugin.ts
38
- var StatusBarPlugin = () => definePlugin(meta, [
39
- defineModule({
40
- id: `${meta.id}/module/translations`,
41
- activatesOn: Events.SetupTranslations,
42
- activate: () => contributes(Capabilities.Translations, translations)
43
- }),
44
- defineModule({
45
- id: `${meta.id}/module/react-surface`,
46
- activatesOn: Events.SetupReactSurface,
47
- activate: ReactSurface
48
- })
49
- ]);
61
+ import { Plugin } from "@dxos/app-framework";
62
+ import { AppPlugin } from "@dxos/app-toolkit";
63
+ import { ReactSurface } from "#capabilities";
64
+ import { meta as meta2 } from "#meta";
65
+ import { translations } from "#translations";
66
+ var StatusBarPlugin = Plugin.define(meta2).pipe(AppPlugin.addSurfaceModule({
67
+ activate: ReactSurface
68
+ }), AppPlugin.addTranslationsModule({
69
+ translations
70
+ }), Plugin.make);
50
71
  export {
51
- STATUS_BAR_PLUGIN,
52
72
  StatusBar,
53
- StatusBarActions,
54
- StatusBarPanel,
55
73
  StatusBarPlugin,
56
- VersionNumber,
57
74
  meta
58
75
  };
59
76
  //# sourceMappingURL=index.mjs.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
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 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,aAAaC,cAAcC,cAAcC,cAAc;;;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,kBAAkB,MAC7BC,aAAaC,MAAM;EACjBC,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
- "names": ["Capabilities", "contributes", "defineModule", "definePlugin", "Events", "lazy", "ReactSurface", "lazy", "translations", "meta", "id", "StatusBarPlugin", "definePlugin", "meta", "defineModule", "id", "activatesOn", "Events", "SetupTranslations", "activate", "contributes", "Capabilities", "Translations", "translations", "SetupReactSurface", "ReactSurface"]
3
+ "sources": ["../../../src/components/StatusBar/StatusBar.tsx", "../../../src/meta.ts", "../../../src/StatusBarPlugin.ts"],
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/ui-theme';\n\n//\n// Item\n//\n\ntype StatusBarItemProps = ThemedClassName<PropsWithChildren>;\n\nconst StatusBarItem = forwardRef<HTMLDivElement, StatusBarItemProps>(\n ({ classNames, children, ...props }, forwardedRef) => {\n return (\n <div {...props} role='status' className={mx('grid place-items-center', classNames)} ref={forwardedRef}>\n {children}\n </div>\n );\n },\n);\n\n//\n// Text\n//\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\n//\n// Button\n//\n\ntype StatusBarButtonProps = ThemedClassName<ComponentPropsWithRef<'button'> & { asChild?: boolean }>;\n\n/**\n * @deprecated\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-xs',\n 'select-none cursor-pointer dx-focus-ring text-description text-xs',\n 'hover:bg-neutral-100 active:bg-neutral-200 dark:hover:bg-neutral-700 dark:active:bg-neutral-600',\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\n//\n// Content\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\n//\n// EndContent\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\n//\n// StatusBar\n//\n\nexport const StatusBar = {\n Item: StatusBarItem,\n Text: StatusBarText,\n Button: StatusBarButton,\n StartContent,\n EndContent,\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { type Plugin } from '@dxos/app-framework';\nimport { trim } from '@dxos/util';\n\nexport const meta: Plugin.Meta = {\n id: 'org.dxos.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 { Plugin } from '@dxos/app-framework';\nimport { AppPlugin } from '@dxos/app-toolkit';\n\nimport { ReactSurface } from '#capabilities';\nimport { meta } from '#meta';\nimport { translations } from '#translations';\n\nexport const StatusBarPlugin = Plugin.define(meta).pipe(\n AppPlugin.addSurfaceModule({ activate: ReactSurface }),\n AppPlugin.addTranslationsModule({ translations }),\n Plugin.make,\n);\n"],
5
+ "mappings": ";AAIA,SAASA,YAAY;AACrB,OAAOC,SAA6EC,kBAAkB;AAGtG,SAASC,UAAU;AAQnB,IAAMC,gBAAgBF,2BACpB,CAAC,EAAEG,YAAYC,UAAU,GAAGC,MAAAA,GAASC,iBAAAA;AACnC,SACE,sBAAA,cAACC,OAAAA;IAAK,GAAGF;IAAOG,MAAK;IAASC,WAAWR,GAAG,2BAA2BE,UAAAA;IAAaO,KAAKJ;KACtFF,QAAAA;AAGP,CAAA;AASF,IAAMO,gBAAgBX,2BAAgD,CAAC,EAAEG,YAAYC,SAAQ,GAAIE,iBAC/F,sBAAA,cAACM,QAAAA;EAAKH,WAAWR,GAAGE,UAAAA;EAAaO,KAAKJ;GACnCF,QAAAA,CAAAA;AAaL,IAAMS,kBAAkBb,2BACtB,CAAC,EAAEG,YAAYC,UAAUU,SAAS,GAAGT,MAAAA,GAASC,iBAAAA;AAC5C,QAAMS,UAAUd,GACd,8DACA,qEACA,mGACAE,UAAAA;AAGF,SAAOW,UACL,sBAAA,cAAChB,MAAAA;IAAKU,MAAK;IAASE,KAAKJ;IAAcG,WAAWM;IAAU,GAAGV;KAC5DD,QAAAA,IAGH,sBAAA,cAACY,UAAAA;IAAOP,WAAWM;IAASL,KAAKJ;IAAe,GAAGD;KAChDD,QAAAA;AAGP,CAAA;AASF,IAAMa,eAAejB,2BAA8C,CAAC,EAAEG,YAAYC,SAAQ,GAAIE,iBAC5F,sBAAA,cAACC,OAAAA;EAAIC,MAAK;EAAOC,WAAWR,GAAG,yCAAyCE,UAAAA;EAAaO,KAAKJ;GACvFF,QAAAA,CAAAA;AAUL,IAAMc,aAAalB,2BAA4C,CAAC,EAAEG,YAAYC,SAAQ,GAAIE,iBACxF,sBAAA,cAACC,OAAAA;EAAIC,MAAK;EAAOC,WAAWR,GAAG,2CAA2CE,UAAAA;EAAaO,KAAKJ;GACzFF,QAAAA,CAAAA;AAQE,IAAMe,YAAY;EACvBC,MAAMlB;EACNmB,MAAMV;EACNW,QAAQT;EACRI;EACAC;AACF;;;ACjGA,SAASK,YAAY;AAEd,IAAMC,OAAoB;EAC/BC,IAAI;EACJC,MAAM;EACNC,aAAaJ;;;;EAIbK,MAAM;AACR;;;ACXA,SAASC,cAAc;AACvB,SAASC,iBAAiB;AAE1B,SAASC,oBAAoB;AAC7B,SAASC,QAAAA,aAAY;AACrB,SAASC,oBAAoB;AAEtB,IAAMC,kBAAkBL,OAAOM,OAAOH,KAAAA,EAAMI,KACjDN,UAAUO,iBAAiB;EAAEC,UAAUP;AAAa,CAAA,GACpDD,UAAUS,sBAAsB;EAAEN;AAAa,CAAA,GAC/CJ,OAAOW,IAAI;",
6
+ "names": ["Slot", "React", "forwardRef", "mx", "StatusBarItem", "classNames", "children", "props", "forwardedRef", "div", "role", "className", "ref", "StatusBarText", "span", "StatusBarButton", "asChild", "classes", "button", "StartContent", "EndContent", "StatusBar", "Item", "Text", "Button", "trim", "meta", "id", "name", "description", "icon", "Plugin", "AppPlugin", "ReactSurface", "meta", "translations", "StatusBarPlugin", "define", "pipe", "addSurfaceModule", "activate", "addTranslationsModule", "make"]
7
7
  }
@@ -1 +1 @@
1
- {"inputs":{"src/components/StatusBar.tsx":{"bytes":8416,"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":1224,"imports":[],"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/components/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"},{"path":"src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"src/components/StatusBarPanel.tsx":{"bytes":8956,"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":"src/components/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"},{"path":"src/components/VersionNumber.tsx","kind":"import-statement","original":"./VersionNumber"},{"path":"src/meta.ts","kind":"import-statement","original":"../meta"}],"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":3825,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","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":2807,"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":2702},"dist/lib/browser/index.mjs":{"imports":[{"path":"dist/lib/browser/chunk-32FBOE6I.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-P7CEMQU3.mjs","kind":"dynamic-import"}],"exports":["STATUS_BAR_PLUGIN","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":1553},"dist/lib/browser/react-surface-P7CEMQU3.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1838},"dist/lib/browser/react-surface-P7CEMQU3.mjs":{"imports":[{"path":"dist/lib/browser/chunk-32FBOE6I.mjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"src/capabilities/react-surface.tsx","inputs":{"src/capabilities/react-surface.tsx":{"bytesInOutput":896}},"bytes":1136},"dist/lib/browser/chunk-32FBOE6I.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":14836},"dist/lib/browser/chunk-32FBOE6I.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":"@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":{"src/components/StatusBar.tsx":{"bytesInOutput":2549},"src/meta.ts":{"bytesInOutput":202},"src/components/VersionNumber.tsx":{"bytesInOutput":3286},"src/components/StatusBarPanel.tsx":{"bytesInOutput":2934},"src/components/index.ts":{"bytesInOutput":0}},"bytes":9247}}}
1
+ {"inputs":{"src/components/StatusBar/StatusBar.tsx":{"bytes":7661,"imports":[{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true}],"format":"esm"},"src/components/StatusBar/index.ts":{"bytes":377,"imports":[{"path":"src/components/StatusBar/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"}],"format":"esm"},"src/components/index.ts":{"bytes":377,"imports":[{"path":"src/components/StatusBar/index.ts","kind":"import-statement","original":"./StatusBar"}],"format":"esm"},"src/meta.ts":{"bytes":1471,"imports":[{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"src/StatusBarPlugin.ts":{"bytes":1852,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-toolkit","kind":"import-statement","external":true},{"path":"#capabilities","kind":"import-statement","external":true},{"path":"#meta","kind":"import-statement","external":true},{"path":"#translations","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":565,"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"},"src/translations.ts":{"bytes":2337,"imports":[{"path":"#meta","kind":"import-statement","external":true}],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":5740},"dist/lib/browser/index.mjs":{"imports":[{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-toolkit","kind":"import-statement","external":true},{"path":"#capabilities","kind":"import-statement","external":true},{"path":"#meta","kind":"import-statement","external":true},{"path":"#translations","kind":"import-statement","external":true}],"exports":["StatusBar","StatusBarPlugin","meta"],"entryPoint":"src/index.ts","inputs":{"src/components/StatusBar/StatusBar.tsx":{"bytesInOutput":1918},"src/components/StatusBar/index.ts":{"bytesInOutput":0},"src/components/index.ts":{"bytesInOutput":0},"src/index.ts":{"bytesInOutput":0},"src/meta.ts":{"bytesInOutput":350},"src/StatusBarPlugin.ts":{"bytesInOutput":397}},"bytes":2836},"dist/lib/browser/translations.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1121},"dist/lib/browser/translations.mjs":{"imports":[{"path":"#meta","kind":"import-statement","external":true}],"exports":["translations"],"entryPoint":"src/translations.ts","inputs":{"src/translations.ts":{"bytesInOutput":596}},"bytes":688}}}
@@ -0,0 +1,24 @@
1
+ // src/translations.ts
2
+ import { meta } from "#meta";
3
+ var translations = [
4
+ {
5
+ "en-US": {
6
+ [meta.id]: {
7
+ "plugin.name": "Status Bar",
8
+ "warning.title": "WARNING",
9
+ "technology-preview.message": "Composer is currently in beta.",
10
+ "learn-more.label": "Learn more",
11
+ "released.message": "This version was released {{released}}.",
12
+ "see-release.label": "See release on GitHub",
13
+ "powered-by-dxos.message": "Powered by <dxos>DXOS</dxos>",
14
+ "discord.label": "Discord",
15
+ "github.label": "GitHub",
16
+ "feedback.label": "Feedback"
17
+ }
18
+ }
19
+ }
20
+ ];
21
+ export {
22
+ translations
23
+ };
24
+ //# sourceMappingURL=translations.mjs.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../src/translations.ts"],
4
+ "sourcesContent": ["//\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 was 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": ";AAMA,SAASA,YAAY;AAEd,IAAMC,eAAe;EAC1B;IACE,SAAS;MACP,CAACD,KAAKE,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;;",
6
+ "names": ["meta", "translations", "id"]
7
+ }
@@ -1,60 +1,78 @@
1
1
  import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
2
- import {
3
- STATUS_BAR_PLUGIN,
4
- StatusBar,
5
- StatusBarActions,
6
- StatusBarPanel,
7
- VersionNumber,
8
- meta
9
- } from "./chunk-IQXGCBGU.mjs";
10
-
11
- // src/StatusBarPlugin.ts
12
- import { Capabilities, contributes, defineModule, definePlugin, Events } from "@dxos/app-framework";
13
2
 
14
- // src/capabilities/index.ts
15
- import { lazy } from "@dxos/app-framework";
16
- var ReactSurface = lazy(() => import("./react-surface-U7DLJKU6.mjs"));
3
+ // src/components/StatusBar/StatusBar.tsx
4
+ import { Slot } from "@radix-ui/react-slot";
5
+ import React, { forwardRef } from "react";
6
+ import { mx } from "@dxos/ui-theme";
7
+ var StatusBarItem = /* @__PURE__ */ forwardRef(({ classNames, children, ...props }, forwardedRef) => {
8
+ return /* @__PURE__ */ React.createElement("div", {
9
+ ...props,
10
+ role: "status",
11
+ className: mx("grid place-items-center", classNames),
12
+ ref: forwardedRef
13
+ }, children);
14
+ });
15
+ var StatusBarText = /* @__PURE__ */ forwardRef(({ classNames, children }, forwardedRef) => /* @__PURE__ */ React.createElement("span", {
16
+ className: mx(classNames),
17
+ ref: forwardedRef
18
+ }, children));
19
+ var StatusBarButton = /* @__PURE__ */ forwardRef(({ classNames, children, asChild, ...props }, forwardedRef) => {
20
+ const classes = mx("flex items-center justify-center gap-2 p-1 px-2 rounded-xs", "select-none cursor-pointer dx-focus-ring text-description text-xs", "hover:bg-neutral-100 active:bg-neutral-200 dark:hover:bg-neutral-700 dark:active:bg-neutral-600", classNames);
21
+ return asChild ? /* @__PURE__ */ React.createElement(Slot, {
22
+ role: "button",
23
+ ref: forwardedRef,
24
+ className: classes,
25
+ ...props
26
+ }, children) : /* @__PURE__ */ React.createElement("button", {
27
+ className: classes,
28
+ ref: forwardedRef,
29
+ ...props
30
+ }, children);
31
+ });
32
+ var StartContent = /* @__PURE__ */ forwardRef(({ classNames, children }, forwardedRef) => /* @__PURE__ */ React.createElement("div", {
33
+ role: "none",
34
+ className: mx("flex-grow flex items-center space-x-2", classNames),
35
+ ref: forwardedRef
36
+ }, children));
37
+ var EndContent = /* @__PURE__ */ forwardRef(({ classNames, children }, forwardedRef) => /* @__PURE__ */ React.createElement("div", {
38
+ role: "none",
39
+ className: mx("flex-grow flex items-center justify-end", classNames),
40
+ ref: forwardedRef
41
+ }, children));
42
+ var StatusBar = {
43
+ Item: StatusBarItem,
44
+ Text: StatusBarText,
45
+ Button: StatusBarButton,
46
+ StartContent,
47
+ EndContent
48
+ };
17
49
 
18
- // src/translations.ts
19
- var translations = [
20
- {
21
- "en-US": {
22
- [meta.id]: {
23
- "plugin name": "Status Bar",
24
- "warning title": "WARNING",
25
- "technology preview message": "Composer is currently in beta.",
26
- "learn more label": "Learn more",
27
- "released message": "This version released {{released}}.",
28
- "see release label": "See release on GitHub",
29
- "powered by dxos message": "Powered by <dxos>DXOS</dxos>",
30
- "discord label": "Discord",
31
- "github label": "GitHub",
32
- "feedback label": "Feedback"
33
- }
34
- }
35
- }
36
- ];
50
+ // src/meta.ts
51
+ import { trim } from "@dxos/util";
52
+ var meta = {
53
+ id: "org.dxos.plugin.status-bar",
54
+ name: "Status Bar",
55
+ description: trim`
56
+ Persistent bottom bar displaying workspace status information and quick actions.
57
+ Access connection state, notifications, and common commands without leaving your current context.
58
+ `,
59
+ icon: "ph--info--regular"
60
+ };
37
61
 
38
62
  // src/StatusBarPlugin.ts
39
- var StatusBarPlugin = () => definePlugin(meta, [
40
- defineModule({
41
- id: `${meta.id}/module/translations`,
42
- activatesOn: Events.SetupTranslations,
43
- activate: () => contributes(Capabilities.Translations, translations)
44
- }),
45
- defineModule({
46
- id: `${meta.id}/module/react-surface`,
47
- activatesOn: Events.SetupReactSurface,
48
- activate: ReactSurface
49
- })
50
- ]);
63
+ import { Plugin } from "@dxos/app-framework";
64
+ import { AppPlugin } from "@dxos/app-toolkit";
65
+ import { ReactSurface } from "#capabilities";
66
+ import { meta as meta2 } from "#meta";
67
+ import { translations } from "#translations";
68
+ var StatusBarPlugin = Plugin.define(meta2).pipe(AppPlugin.addSurfaceModule({
69
+ activate: ReactSurface
70
+ }), AppPlugin.addTranslationsModule({
71
+ translations
72
+ }), Plugin.make);
51
73
  export {
52
- STATUS_BAR_PLUGIN,
53
74
  StatusBar,
54
- StatusBarActions,
55
- StatusBarPanel,
56
75
  StatusBarPlugin,
57
- VersionNumber,
58
76
  meta
59
77
  };
60
78
  //# sourceMappingURL=index.mjs.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
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 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,aAAaC,cAAcC,cAAcC,cAAc;;;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,kBAAkB,MAC7BC,aAAaC,MAAM;EACjBC,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
- "names": ["Capabilities", "contributes", "defineModule", "definePlugin", "Events", "lazy", "ReactSurface", "lazy", "translations", "meta", "id", "StatusBarPlugin", "definePlugin", "meta", "defineModule", "id", "activatesOn", "Events", "SetupTranslations", "activate", "contributes", "Capabilities", "Translations", "translations", "SetupReactSurface", "ReactSurface"]
3
+ "sources": ["../../../src/components/StatusBar/StatusBar.tsx", "../../../src/meta.ts", "../../../src/StatusBarPlugin.ts"],
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/ui-theme';\n\n//\n// Item\n//\n\ntype StatusBarItemProps = ThemedClassName<PropsWithChildren>;\n\nconst StatusBarItem = forwardRef<HTMLDivElement, StatusBarItemProps>(\n ({ classNames, children, ...props }, forwardedRef) => {\n return (\n <div {...props} role='status' className={mx('grid place-items-center', classNames)} ref={forwardedRef}>\n {children}\n </div>\n );\n },\n);\n\n//\n// Text\n//\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\n//\n// Button\n//\n\ntype StatusBarButtonProps = ThemedClassName<ComponentPropsWithRef<'button'> & { asChild?: boolean }>;\n\n/**\n * @deprecated\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-xs',\n 'select-none cursor-pointer dx-focus-ring text-description text-xs',\n 'hover:bg-neutral-100 active:bg-neutral-200 dark:hover:bg-neutral-700 dark:active:bg-neutral-600',\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\n//\n// Content\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\n//\n// EndContent\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\n//\n// StatusBar\n//\n\nexport const StatusBar = {\n Item: StatusBarItem,\n Text: StatusBarText,\n Button: StatusBarButton,\n StartContent,\n EndContent,\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { type Plugin } from '@dxos/app-framework';\nimport { trim } from '@dxos/util';\n\nexport const meta: Plugin.Meta = {\n id: 'org.dxos.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 { Plugin } from '@dxos/app-framework';\nimport { AppPlugin } from '@dxos/app-toolkit';\n\nimport { ReactSurface } from '#capabilities';\nimport { meta } from '#meta';\nimport { translations } from '#translations';\n\nexport const StatusBarPlugin = Plugin.define(meta).pipe(\n AppPlugin.addSurfaceModule({ activate: ReactSurface }),\n AppPlugin.addTranslationsModule({ translations }),\n Plugin.make,\n);\n"],
5
+ "mappings": ";;;AAIA,SAASA,YAAY;AACrB,OAAOC,SAA6EC,kBAAkB;AAGtG,SAASC,UAAU;AAQnB,IAAMC,gBAAgBF,2BACpB,CAAC,EAAEG,YAAYC,UAAU,GAAGC,MAAAA,GAASC,iBAAAA;AACnC,SACE,sBAAA,cAACC,OAAAA;IAAK,GAAGF;IAAOG,MAAK;IAASC,WAAWR,GAAG,2BAA2BE,UAAAA;IAAaO,KAAKJ;KACtFF,QAAAA;AAGP,CAAA;AASF,IAAMO,gBAAgBX,2BAAgD,CAAC,EAAEG,YAAYC,SAAQ,GAAIE,iBAC/F,sBAAA,cAACM,QAAAA;EAAKH,WAAWR,GAAGE,UAAAA;EAAaO,KAAKJ;GACnCF,QAAAA,CAAAA;AAaL,IAAMS,kBAAkBb,2BACtB,CAAC,EAAEG,YAAYC,UAAUU,SAAS,GAAGT,MAAAA,GAASC,iBAAAA;AAC5C,QAAMS,UAAUd,GACd,8DACA,qEACA,mGACAE,UAAAA;AAGF,SAAOW,UACL,sBAAA,cAAChB,MAAAA;IAAKU,MAAK;IAASE,KAAKJ;IAAcG,WAAWM;IAAU,GAAGV;KAC5DD,QAAAA,IAGH,sBAAA,cAACY,UAAAA;IAAOP,WAAWM;IAASL,KAAKJ;IAAe,GAAGD;KAChDD,QAAAA;AAGP,CAAA;AASF,IAAMa,eAAejB,2BAA8C,CAAC,EAAEG,YAAYC,SAAQ,GAAIE,iBAC5F,sBAAA,cAACC,OAAAA;EAAIC,MAAK;EAAOC,WAAWR,GAAG,yCAAyCE,UAAAA;EAAaO,KAAKJ;GACvFF,QAAAA,CAAAA;AAUL,IAAMc,aAAalB,2BAA4C,CAAC,EAAEG,YAAYC,SAAQ,GAAIE,iBACxF,sBAAA,cAACC,OAAAA;EAAIC,MAAK;EAAOC,WAAWR,GAAG,2CAA2CE,UAAAA;EAAaO,KAAKJ;GACzFF,QAAAA,CAAAA;AAQE,IAAMe,YAAY;EACvBC,MAAMlB;EACNmB,MAAMV;EACNW,QAAQT;EACRI;EACAC;AACF;;;ACjGA,SAASK,YAAY;AAEd,IAAMC,OAAoB;EAC/BC,IAAI;EACJC,MAAM;EACNC,aAAaJ;;;;EAIbK,MAAM;AACR;;;ACXA,SAASC,cAAc;AACvB,SAASC,iBAAiB;AAE1B,SAASC,oBAAoB;AAC7B,SAASC,QAAAA,aAAY;AACrB,SAASC,oBAAoB;AAEtB,IAAMC,kBAAkBL,OAAOM,OAAOH,KAAAA,EAAMI,KACjDN,UAAUO,iBAAiB;EAAEC,UAAUP;AAAa,CAAA,GACpDD,UAAUS,sBAAsB;EAAEN;AAAa,CAAA,GAC/CJ,OAAOW,IAAI;",
6
+ "names": ["Slot", "React", "forwardRef", "mx", "StatusBarItem", "classNames", "children", "props", "forwardedRef", "div", "role", "className", "ref", "StatusBarText", "span", "StatusBarButton", "asChild", "classes", "button", "StartContent", "EndContent", "StatusBar", "Item", "Text", "Button", "trim", "meta", "id", "name", "description", "icon", "Plugin", "AppPlugin", "ReactSurface", "meta", "translations", "StatusBarPlugin", "define", "pipe", "addSurfaceModule", "activate", "addTranslationsModule", "make"]
7
7
  }
@@ -1 +1 @@
1
- {"inputs":{"src/components/StatusBar.tsx":{"bytes":8416,"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":1224,"imports":[],"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/components/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"},{"path":"src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"src/components/StatusBarPanel.tsx":{"bytes":8956,"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":"src/components/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"},{"path":"src/components/VersionNumber.tsx","kind":"import-statement","original":"./VersionNumber"},{"path":"src/meta.ts","kind":"import-statement","original":"../meta"}],"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":3825,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","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":2807,"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":2703},"dist/lib/node-esm/index.mjs":{"imports":[{"path":"dist/lib/node-esm/chunk-IQXGCBGU.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-U7DLJKU6.mjs","kind":"dynamic-import"}],"exports":["STATUS_BAR_PLUGIN","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":1645},"dist/lib/node-esm/react-surface-U7DLJKU6.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1839},"dist/lib/node-esm/react-surface-U7DLJKU6.mjs":{"imports":[{"path":"dist/lib/node-esm/chunk-IQXGCBGU.mjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"src/capabilities/react-surface.tsx","inputs":{"src/capabilities/react-surface.tsx":{"bytesInOutput":896}},"bytes":1228},"dist/lib/node-esm/chunk-IQXGCBGU.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":14838},"dist/lib/node-esm/chunk-IQXGCBGU.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":"@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":{"src/components/StatusBar.tsx":{"bytesInOutput":2549},"src/meta.ts":{"bytesInOutput":202},"src/components/VersionNumber.tsx":{"bytesInOutput":3286},"src/components/StatusBarPanel.tsx":{"bytesInOutput":2934},"src/components/index.ts":{"bytesInOutput":0}},"bytes":9340}}}
1
+ {"inputs":{"src/components/StatusBar/StatusBar.tsx":{"bytes":7661,"imports":[{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true}],"format":"esm"},"src/components/StatusBar/index.ts":{"bytes":377,"imports":[{"path":"src/components/StatusBar/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"}],"format":"esm"},"src/components/index.ts":{"bytes":377,"imports":[{"path":"src/components/StatusBar/index.ts","kind":"import-statement","original":"./StatusBar"}],"format":"esm"},"src/meta.ts":{"bytes":1471,"imports":[{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"src/StatusBarPlugin.ts":{"bytes":1852,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-toolkit","kind":"import-statement","external":true},{"path":"#capabilities","kind":"import-statement","external":true},{"path":"#meta","kind":"import-statement","external":true},{"path":"#translations","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":565,"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"},"src/translations.ts":{"bytes":2337,"imports":[{"path":"#meta","kind":"import-statement","external":true}],"format":"esm"}},"outputs":{"dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":5742},"dist/lib/node-esm/index.mjs":{"imports":[{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-toolkit","kind":"import-statement","external":true},{"path":"#capabilities","kind":"import-statement","external":true},{"path":"#meta","kind":"import-statement","external":true},{"path":"#translations","kind":"import-statement","external":true}],"exports":["StatusBar","StatusBarPlugin","meta"],"entryPoint":"src/index.ts","inputs":{"src/components/StatusBar/StatusBar.tsx":{"bytesInOutput":1918},"src/components/StatusBar/index.ts":{"bytesInOutput":0},"src/components/index.ts":{"bytesInOutput":0},"src/index.ts":{"bytesInOutput":0},"src/meta.ts":{"bytesInOutput":350},"src/StatusBarPlugin.ts":{"bytesInOutput":397}},"bytes":2929},"dist/lib/node-esm/translations.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1123},"dist/lib/node-esm/translations.mjs":{"imports":[{"path":"#meta","kind":"import-statement","external":true}],"exports":["translations"],"entryPoint":"src/translations.ts","inputs":{"src/translations.ts":{"bytesInOutput":596}},"bytes":781}}}
@@ -0,0 +1,26 @@
1
+ import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
2
+
3
+ // src/translations.ts
4
+ import { meta } from "#meta";
5
+ var translations = [
6
+ {
7
+ "en-US": {
8
+ [meta.id]: {
9
+ "plugin.name": "Status Bar",
10
+ "warning.title": "WARNING",
11
+ "technology-preview.message": "Composer is currently in beta.",
12
+ "learn-more.label": "Learn more",
13
+ "released.message": "This version was released {{released}}.",
14
+ "see-release.label": "See release on GitHub",
15
+ "powered-by-dxos.message": "Powered by <dxos>DXOS</dxos>",
16
+ "discord.label": "Discord",
17
+ "github.label": "GitHub",
18
+ "feedback.label": "Feedback"
19
+ }
20
+ }
21
+ }
22
+ ];
23
+ export {
24
+ translations
25
+ };
26
+ //# sourceMappingURL=translations.mjs.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../src/translations.ts"],
4
+ "sourcesContent": ["//\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 was 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": ";;;AAMA,SAASA,YAAY;AAEd,IAAMC,eAAe;EAC1B;IACE,SAAS;MACP,CAACD,KAAKE,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;;",
6
+ "names": ["meta", "translations", "id"]
7
+ }
@@ -1,2 +1,3 @@
1
- export declare const StatusBarPlugin: () => import("@dxos/app-framework").Plugin;
1
+ import { Plugin } from '@dxos/app-framework';
2
+ export declare const StatusBarPlugin: Plugin.PluginFactory<void>;
2
3
  //# 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,4CAYxB,CAAC"}
1
+ {"version":3,"file":"StatusBarPlugin.d.ts","sourceRoot":"","sources":["../../../src/StatusBarPlugin.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAO7C,eAAO,MAAM,eAAe,4BAI3B,CAAC"}
@@ -1,2 +1,3 @@
1
- export declare const ReactSurface: (props?: unknown) => Promise<() => Promise<import("@dxos/app-framework").Capability<import("@dxos/app-framework").Capabilities.ReactSurface> | import("@dxos/app-framework").AnyCapability[]>>;
1
+ import { Capability } from '@dxos/app-framework';
2
+ export declare const ReactSurface: Capability.LazyCapability<void, Capability.Capability<Capability.InterfaceDef<import("@dxos/app-framework/Capabilities").ReactSurface>>, Error>;
2
3
  //# 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,gMAAwC,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,eAAO,MAAM,YAAY,iJAAmE,CAAC"}
@@ -1,4 +1,5 @@
1
- import { Capabilities } from '@dxos/app-framework';
2
- declare const _default: () => import("@dxos/app-framework").Capability<Capabilities.ReactSurface>;
1
+ import * as Effect from 'effect/Effect';
2
+ import { Capabilities, Capability } from '@dxos/app-framework';
3
+ declare const _default: (props: void) => Effect.Effect<Capability.Capability<Capability.InterfaceDef<Capabilities.ReactSurface>>, never, never>;
3
4
  export default _default;
4
5
  //# 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,EAAuC,MAAM,qBAAqB,CAAC;;AAKxF,wBAsBK"}
1
+ {"version":3,"file":"react-surface.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/react-surface.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAGxC,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC"}
@@ -3,26 +3,28 @@ import { type ThemedClassName } from '@dxos/react-ui';
3
3
  type StatusBarButtonProps = ThemedClassName<ComponentPropsWithRef<'button'> & {
4
4
  asChild?: boolean;
5
5
  }>;
6
- declare const StatusBarButton: React.ForwardRefExoticComponent<Omit<StatusBarButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
7
- export default StatusBarButton;
8
- type StatusBarItemProps = ThemedClassName<ComponentPropsWithRef<'div'>>;
9
6
  export declare const StatusBar: {
7
+ Item: React.ForwardRefExoticComponent<Omit<{
8
+ children?: ReactNode | undefined;
9
+ }, "className"> & {
10
+ classNames?: import("@dxos/ui-types").ClassNameValue;
11
+ } & React.RefAttributes<HTMLDivElement>>;
10
12
  Text: React.ForwardRefExoticComponent<Omit<{
11
13
  children: ReactNode;
12
14
  }, "className"> & {
13
- classNames?: import("@dxos/react-ui-types").ClassNameValue;
15
+ classNames?: import("@dxos/ui-types").ClassNameValue;
14
16
  } & React.RefAttributes<HTMLSpanElement>>;
15
- Item: React.ForwardRefExoticComponent<Omit<StatusBarItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
16
17
  Button: React.ForwardRefExoticComponent<Omit<StatusBarButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
17
18
  StartContent: React.ForwardRefExoticComponent<Omit<{
18
19
  children?: ReactNode | undefined;
19
20
  }, "className"> & {
20
- classNames?: import("@dxos/react-ui-types").ClassNameValue;
21
+ classNames?: import("@dxos/ui-types").ClassNameValue;
21
22
  } & React.RefAttributes<HTMLDivElement>>;
22
23
  EndContent: React.ForwardRefExoticComponent<Omit<{
23
24
  children?: ReactNode | undefined;
24
25
  }, "className"> & {
25
- classNames?: import("@dxos/react-ui-types").ClassNameValue;
26
+ classNames?: import("@dxos/ui-types").ClassNameValue;
26
27
  } & React.RefAttributes<HTMLDivElement>>;
27
28
  };
29
+ export {};
28
30
  //# sourceMappingURL=StatusBar.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"StatusBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/StatusBar/StatusBar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAA0B,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAE9G,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAmCtD,KAAK,oBAAoB,GAAG,eAAe,CAAC,qBAAqB,CAAC,QAAQ,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC,CAAC;AAsDrG,eAAO,MAAM,SAAS;;;;;;;kBAlEgC,SAAS;;;;;;;;;;;;;;;CAwE9D,CAAC"}
@@ -0,0 +1,15 @@
1
+ import { type StoryObj } from '@storybook/react-vite';
2
+ import React from 'react';
3
+ declare const meta: {
4
+ title: string;
5
+ component: any;
6
+ render: () => React.JSX.Element;
7
+ decorators: import("@storybook/react").Decorator[];
8
+ parameters: {
9
+ layout: string;
10
+ };
11
+ };
12
+ export default meta;
13
+ type Story = StoryObj<typeof meta>;
14
+ export declare const Default: Story;
15
+ //# sourceMappingURL=StatusBar.stories.d.ts.map