@dxos/plugin-status-bar 0.8.1-staging.5be625a → 0.8.1-staging.97aedb1
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/index.mjs +86 -205
- package/dist/lib/browser/index.mjs.map +4 -4
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/node/index.cjs +85 -205
- package/dist/lib/node/index.cjs.map +4 -4
- package/dist/lib/node/meta.json +1 -1
- package/dist/lib/node-esm/index.mjs +86 -205
- package/dist/lib/node-esm/index.mjs.map +4 -4
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/types/src/components/StatusBarPanel.d.ts.map +1 -1
- package/dist/types/src/components/index.d.ts +0 -1
- package/dist/types/src/components/index.d.ts.map +1 -1
- package/dist/types/src/translations.d.ts +1 -1
- package/dist/types/src/translations.d.ts.map +1 -1
- package/package.json +13 -13
- package/src/components/StatusBarPanel.tsx +8 -25
- package/src/components/index.ts +0 -1
- package/src/translations.ts +4 -14
- package/dist/types/src/components/FeedbackForm.d.ts +0 -6
- package/dist/types/src/components/FeedbackForm.d.ts.map +0 -1
- package/src/components/FeedbackForm.tsx +0 -117
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"packages/plugins/plugin-status-bar/src/
|
|
1
|
+
{"inputs":{"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx":{"bytes":7783,"imports":[{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-status-bar/src/meta.ts":{"bytes":1277,"imports":[],"format":"esm"},"packages/plugins/plugin-status-bar/src/components/VersionNumber.tsx":{"bytes":11172,"imports":[{"path":"date-fns/formatDistance","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-client","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"},{"path":"packages/plugins/plugin-status-bar/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/components/StatusBarPanel.tsx":{"bytes":5831,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"},{"path":"packages/plugins/plugin-status-bar/src/components/VersionNumber.tsx","kind":"import-statement","original":"./VersionNumber"},{"path":"packages/plugins/plugin-status-bar/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/components/index.ts":{"bytes":624,"imports":[{"path":"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"},{"path":"packages/plugins/plugin-status-bar/src/components/StatusBarPanel.tsx","kind":"import-statement","original":"./StatusBarPanel"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/translations.ts":{"bytes":3815,"imports":[{"path":"packages/plugins/plugin-status-bar/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/StatusBarPlugin.tsx":{"bytes":6167,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-status-bar/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/plugins/plugin-status-bar/src/components/VersionNumber.tsx","kind":"import-statement","original":"./components/VersionNumber"},{"path":"packages/plugins/plugin-status-bar/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-status-bar/src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/index.ts":{"bytes":699,"imports":[{"path":"packages/plugins/plugin-status-bar/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/plugins/plugin-status-bar/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-status-bar/src/StatusBarPlugin.tsx","kind":"import-statement","original":"./StatusBarPlugin"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-status-bar/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":18333},"packages/plugins/plugin-status-bar/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/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"date-fns/formatDistance","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-client","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true}],"exports":["STATUS_BAR_PLUGIN","StatusBar","StatusBarActions","StatusBarPanel","StatusBarPlugin","meta"],"entryPoint":"packages/plugins/plugin-status-bar/src/index.ts","inputs":{"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx":{"bytesInOutput":1948},"packages/plugins/plugin-status-bar/src/components/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-status-bar/src/components/StatusBarPanel.tsx":{"bytesInOutput":1703},"packages/plugins/plugin-status-bar/src/components/VersionNumber.tsx":{"bytesInOutput":3210},"packages/plugins/plugin-status-bar/src/meta.ts":{"bytesInOutput":202},"packages/plugins/plugin-status-bar/src/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-status-bar/src/StatusBarPlugin.tsx":{"bytesInOutput":1317},"packages/plugins/plugin-status-bar/src/translations.ts":{"bytesInOutput":608}},"bytes":9726}}}
|
package/dist/lib/node/index.cjs
CHANGED
|
@@ -28,7 +28,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
28
28
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
29
|
var node_exports = {};
|
|
30
30
|
__export(node_exports, {
|
|
31
|
-
FeedbackForm: () => FeedbackForm,
|
|
32
31
|
STATUS_BAR_PLUGIN: () => STATUS_BAR_PLUGIN,
|
|
33
32
|
StatusBar: () => StatusBar,
|
|
34
33
|
StatusBarActions: () => StatusBarActions,
|
|
@@ -37,185 +36,49 @@ __export(node_exports, {
|
|
|
37
36
|
meta: () => meta
|
|
38
37
|
});
|
|
39
38
|
module.exports = __toCommonJS(node_exports);
|
|
40
|
-
var import_react = require("@phosphor-icons/react");
|
|
41
|
-
var import_react2 = __toESM(require("react"));
|
|
42
|
-
var import_echo_schema = require("@dxos/echo-schema");
|
|
43
|
-
var import_types = require("@dxos/plugin-observability/types");
|
|
44
|
-
var import_react_ui = require("@dxos/react-ui");
|
|
45
|
-
var import_react_ui_form = require("@dxos/react-ui-form");
|
|
46
|
-
var import_react_ui_theme = require("@dxos/react-ui-theme");
|
|
47
39
|
var import_react_slot = require("@radix-ui/react-slot");
|
|
48
|
-
var
|
|
49
|
-
var
|
|
50
|
-
var
|
|
40
|
+
var import_react = __toESM(require("react"));
|
|
41
|
+
var import_react_ui_theme = require("@dxos/react-ui-theme");
|
|
42
|
+
var import_react2 = __toESM(require("react"));
|
|
51
43
|
var import_app_framework = require("@dxos/app-framework");
|
|
52
|
-
var
|
|
53
|
-
var import_react_ui2 = require("@dxos/react-ui");
|
|
44
|
+
var import_react_ui = require("@dxos/react-ui");
|
|
54
45
|
var import_formatDistance = require("date-fns/formatDistance");
|
|
55
|
-
var
|
|
46
|
+
var import_react3 = __toESM(require("react"));
|
|
56
47
|
var import_react_client = require("@dxos/react-client");
|
|
57
|
-
var
|
|
58
|
-
var
|
|
48
|
+
var import_react_ui2 = require("@dxos/react-ui");
|
|
49
|
+
var import_react4 = __toESM(require("react"));
|
|
59
50
|
var import_app_framework2 = require("@dxos/app-framework");
|
|
60
|
-
var
|
|
61
|
-
|
|
62
|
-
id: STATUS_BAR_PLUGIN,
|
|
63
|
-
name: "Status Bar",
|
|
64
|
-
description: "Display a bar with status and actions.",
|
|
65
|
-
icon: "ph--info--regular"
|
|
66
|
-
};
|
|
67
|
-
var entry = (translation) => ({
|
|
68
|
-
[STATUS_BAR_PLUGIN]: translation
|
|
69
|
-
});
|
|
70
|
-
var mkTranslation = (t) => (key) => t(key);
|
|
71
|
-
var translations = {
|
|
72
|
-
"en-US": entry({
|
|
73
|
-
"plugin name": "Status Bar",
|
|
74
|
-
"name label": "Name",
|
|
75
|
-
"name placeholder": "Preferred name",
|
|
76
|
-
"email input label": "Email",
|
|
77
|
-
"email input placeholder": "hello@example.com",
|
|
78
|
-
"feedback text area label": "Feedback",
|
|
79
|
-
"feedback text area placeholder": "Please describe your issue or suggestion.",
|
|
80
|
-
"send feedback label": "Send Feedback",
|
|
81
|
-
"warning title": "WARNING",
|
|
82
|
-
"technology preview message": "Composer is currently in beta.",
|
|
83
|
-
"learn more label": "Learn more",
|
|
84
|
-
"released message": "This version released {{released}}.",
|
|
85
|
-
"see release label": "See release on GitHub",
|
|
86
|
-
"powered by dxos message": "Powered by <dxos>DXOS</dxos>",
|
|
87
|
-
"discord label": "Discord",
|
|
88
|
-
"feedback label": "Feedback"
|
|
89
|
-
})
|
|
90
|
-
};
|
|
91
|
-
var translations_default = [
|
|
92
|
-
translations
|
|
93
|
-
];
|
|
94
|
-
var defaultValues = {
|
|
95
|
-
name: "",
|
|
96
|
-
email: "",
|
|
97
|
-
message: ""
|
|
98
|
-
};
|
|
99
|
-
var FormContent = () => {
|
|
100
|
-
const { t } = (0, import_react_ui.useTranslation)(STATUS_BAR_PLUGIN);
|
|
101
|
-
const translation = mkTranslation(t);
|
|
102
|
-
const { handleSave, canSave } = (0, import_react_ui_form.useFormContext)();
|
|
103
|
-
const nameProps = (0, import_react_ui_form.useInputProps)([
|
|
104
|
-
"name"
|
|
105
|
-
]);
|
|
106
|
-
const emailProps = (0, import_react_ui_form.useInputProps)([
|
|
107
|
-
"email"
|
|
108
|
-
]);
|
|
109
|
-
const messageProps = (0, import_react_ui_form.useInputProps)([
|
|
110
|
-
"message"
|
|
111
|
-
]);
|
|
112
|
-
return /* @__PURE__ */ import_react2.default.createElement("div", {
|
|
113
|
-
role: "form",
|
|
114
|
-
className: "p-3 flex flex-col gap-2"
|
|
115
|
-
}, /* @__PURE__ */ import_react2.default.createElement("div", {
|
|
116
|
-
role: "none",
|
|
117
|
-
className: "space-b-1"
|
|
118
|
-
}, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Input.Root, {
|
|
119
|
-
validationValence: nameProps.getStatus().status
|
|
120
|
-
}, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Input.Label, null, translation("name label")), /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Input.TextInput, {
|
|
121
|
-
classNames: "text-sm",
|
|
122
|
-
placeholder: translation("name placeholder"),
|
|
123
|
-
autoFocus: true,
|
|
124
|
-
value: nameProps.getValue() ?? "",
|
|
125
|
-
onChange: (e) => nameProps.onValueChange("string", e.target.value),
|
|
126
|
-
onBlur: nameProps.onBlur
|
|
127
|
-
}), /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Input.DescriptionAndValidation, null, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Input.Validation, null, nameProps.getStatus().error)))), /* @__PURE__ */ import_react2.default.createElement("div", {
|
|
128
|
-
role: "none",
|
|
129
|
-
className: "space-b-1"
|
|
130
|
-
}, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Input.Root, {
|
|
131
|
-
validationValence: emailProps.getStatus().status
|
|
132
|
-
}, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Input.Label, null, translation("email input label")), /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Input.TextInput, {
|
|
133
|
-
classNames: "text-sm",
|
|
134
|
-
placeholder: translation("email input placeholder"),
|
|
135
|
-
value: emailProps.getValue() ?? "",
|
|
136
|
-
onChange: (e) => emailProps.onValueChange("string", e.target.value),
|
|
137
|
-
onBlur: emailProps.onBlur
|
|
138
|
-
}), /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Input.DescriptionAndValidation, null, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Input.Validation, null, emailProps.getStatus().error)))), /* @__PURE__ */ import_react2.default.createElement("div", {
|
|
139
|
-
role: "none",
|
|
140
|
-
className: "space-b-1"
|
|
141
|
-
}, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Input.Root, {
|
|
142
|
-
validationValence: messageProps.getStatus().status
|
|
143
|
-
}, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Input.Label, null, translation("feedback text area label")), /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Input.TextArea, {
|
|
144
|
-
classNames: "text-sm",
|
|
145
|
-
rows: 5,
|
|
146
|
-
cols: 30,
|
|
147
|
-
placeholder: translation("feedback text area placeholder"),
|
|
148
|
-
value: messageProps.getValue() ?? "",
|
|
149
|
-
onChange: (e) => messageProps.onValueChange("string", e.target.value),
|
|
150
|
-
onBlur: messageProps.onBlur
|
|
151
|
-
}), /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Input.DescriptionAndValidation, null, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Input.Validation, null, messageProps.getStatus().error)))), /* @__PURE__ */ import_react2.default.createElement("div", {
|
|
152
|
-
role: "none",
|
|
153
|
-
className: "space-b-2"
|
|
154
|
-
}, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Button, {
|
|
155
|
-
type: "submit",
|
|
156
|
-
variant: "primary",
|
|
157
|
-
classNames: "is-full flex gap-2",
|
|
158
|
-
disabled: !canSave,
|
|
159
|
-
onClick: handleSave
|
|
160
|
-
}, /* @__PURE__ */ import_react2.default.createElement("span", null, translation("send feedback label")), /* @__PURE__ */ import_react2.default.createElement("div", {
|
|
161
|
-
className: "grow"
|
|
162
|
-
}), /* @__PURE__ */ import_react2.default.createElement(import_react.PaperPlaneTilt, {
|
|
163
|
-
className: (0, import_react_ui_theme.getSize)(5)
|
|
164
|
-
})), /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Popover.Close, {
|
|
165
|
-
asChild: true
|
|
166
|
-
}, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Button, {
|
|
167
|
-
classNames: "is-full flex gap-2"
|
|
168
|
-
}, /* @__PURE__ */ import_react2.default.createElement("span", null, t("cancel label", {
|
|
169
|
-
ns: "os"
|
|
170
|
-
})), /* @__PURE__ */ import_react2.default.createElement("div", {
|
|
171
|
-
className: "grow"
|
|
172
|
-
}), /* @__PURE__ */ import_react2.default.createElement(import_react.X, {
|
|
173
|
-
className: (0, import_react_ui_theme.getSize)(5)
|
|
174
|
-
})))));
|
|
175
|
-
};
|
|
176
|
-
var FeedbackForm = ({ onSave }) => {
|
|
177
|
-
const formRef = (0, import_react2.useRef)(null);
|
|
178
|
-
const initialValues = (0, import_echo_schema.getSnapshot)(defaultValues);
|
|
179
|
-
return /* @__PURE__ */ import_react2.default.createElement(import_react_ui_form.FormProvider, {
|
|
180
|
-
formRef,
|
|
181
|
-
schema: import_types.UserFeedback,
|
|
182
|
-
initialValues,
|
|
183
|
-
onSave
|
|
184
|
-
}, /* @__PURE__ */ import_react2.default.createElement("div", {
|
|
185
|
-
ref: formRef
|
|
186
|
-
}, /* @__PURE__ */ import_react2.default.createElement(FormContent, null)));
|
|
187
|
-
};
|
|
188
|
-
var StatusBarText = /* @__PURE__ */ (0, import_react3.forwardRef)(({ classNames, children }, forwardedRef) => /* @__PURE__ */ import_react3.default.createElement("span", {
|
|
189
|
-
className: (0, import_react_ui_theme2.mx)(classNames),
|
|
51
|
+
var StatusBarText = /* @__PURE__ */ (0, import_react.forwardRef)(({ classNames, children }, forwardedRef) => /* @__PURE__ */ import_react.default.createElement("span", {
|
|
52
|
+
className: (0, import_react_ui_theme.mx)(classNames),
|
|
190
53
|
ref: forwardedRef
|
|
191
54
|
}, children));
|
|
192
|
-
var StatusBarButton = /* @__PURE__ */ (0,
|
|
193
|
-
const classes = (0,
|
|
194
|
-
return asChild ? /* @__PURE__ */
|
|
55
|
+
var StatusBarButton = /* @__PURE__ */ (0, import_react.forwardRef)(({ classNames, children, asChild, ...props }, forwardedRef) => {
|
|
56
|
+
const classes = (0, import_react_ui_theme.mx)("flex items-center justify-center gap-2 p-1 px-2 rounded-sm", "select-none cursor-pointer dx-focus-ring text-description text-xs", "hover:bg-neutral-75 active:bg-neutral-150 dark:hover:bg-neutral-750 dark:active:bg-neutral-700", classNames);
|
|
57
|
+
return asChild ? /* @__PURE__ */ import_react.default.createElement(import_react_slot.Slot, {
|
|
195
58
|
role: "button",
|
|
196
59
|
ref: forwardedRef,
|
|
197
60
|
className: classes,
|
|
198
61
|
...props
|
|
199
|
-
}, children) : /* @__PURE__ */
|
|
62
|
+
}, children) : /* @__PURE__ */ import_react.default.createElement("button", {
|
|
200
63
|
className: classes,
|
|
201
64
|
ref: forwardedRef,
|
|
202
65
|
...props
|
|
203
66
|
}, children);
|
|
204
67
|
});
|
|
205
|
-
var StatusBarItem = /* @__PURE__ */ (0,
|
|
68
|
+
var StatusBarItem = /* @__PURE__ */ (0, import_react.forwardRef)(({ classNames, children, ...props }, forwardedRef) => /* @__PURE__ */ import_react.default.createElement("div", {
|
|
206
69
|
role: "menuitem",
|
|
207
|
-
className: (0,
|
|
70
|
+
className: (0, import_react_ui_theme.mx)("flex items-center justify-center gap-2 p-1 px-2 rounded-sm select-none", classNames),
|
|
208
71
|
ref: forwardedRef,
|
|
209
72
|
...props
|
|
210
73
|
}, children));
|
|
211
|
-
var StartContent = /* @__PURE__ */ (0,
|
|
74
|
+
var StartContent = /* @__PURE__ */ (0, import_react.forwardRef)(({ classNames, children }, forwardedRef) => /* @__PURE__ */ import_react.default.createElement("div", {
|
|
212
75
|
role: "none",
|
|
213
|
-
className: (0,
|
|
76
|
+
className: (0, import_react_ui_theme.mx)("flex-grow flex items-center space-x-2", classNames),
|
|
214
77
|
ref: forwardedRef
|
|
215
78
|
}, children));
|
|
216
|
-
var EndContent = /* @__PURE__ */ (0,
|
|
79
|
+
var EndContent = /* @__PURE__ */ (0, import_react.forwardRef)(({ classNames, children }, forwardedRef) => /* @__PURE__ */ import_react.default.createElement("div", {
|
|
217
80
|
role: "none",
|
|
218
|
-
className: (0,
|
|
81
|
+
className: (0, import_react_ui_theme.mx)("flex-grow flex items-center justify-end", classNames),
|
|
219
82
|
ref: forwardedRef
|
|
220
83
|
}, children));
|
|
221
84
|
var StatusBar = {
|
|
@@ -225,114 +88,132 @@ var StatusBar = {
|
|
|
225
88
|
StartContent,
|
|
226
89
|
EndContent
|
|
227
90
|
};
|
|
91
|
+
var STATUS_BAR_PLUGIN = "dxos.org/plugin/status-bar";
|
|
92
|
+
var meta = {
|
|
93
|
+
id: STATUS_BAR_PLUGIN,
|
|
94
|
+
name: "Status Bar",
|
|
95
|
+
description: "Display a bar with status and actions.",
|
|
96
|
+
icon: "ph--info--regular"
|
|
97
|
+
};
|
|
228
98
|
var repo = "https://github.com/dxos/dxos";
|
|
229
99
|
var VERSION_REGEX = /([\d.]+)/;
|
|
230
100
|
var VersionNumber = () => {
|
|
231
101
|
const config = (0, import_react_client.useConfig)();
|
|
232
|
-
const { t } = (0,
|
|
102
|
+
const { t } = (0, import_react_ui2.useTranslation)(STATUS_BAR_PLUGIN);
|
|
233
103
|
const { version, timestamp, commitHash } = config.values.runtime?.app?.build ?? {};
|
|
234
104
|
const [_, v] = version?.match(VERSION_REGEX) ?? [];
|
|
235
105
|
const isLabs = config.values.runtime?.app?.env?.DX_LABS;
|
|
236
106
|
const releaseUrl = config.values.runtime?.app?.env?.DX_ENVIRONMENT === "production" ? `${repo}/releases/tag/v${version}` : `${repo}/commit/${commitHash}`;
|
|
237
107
|
const previewUrl = "https://docs.dxos.org/composer#technology-preview";
|
|
238
|
-
return /* @__PURE__ */
|
|
108
|
+
return /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Popover.Root, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Popover.Trigger, {
|
|
239
109
|
asChild: true
|
|
240
|
-
}, /* @__PURE__ */
|
|
110
|
+
}, /* @__PURE__ */ import_react3.default.createElement(StatusBar.Button, {
|
|
241
111
|
classNames: "text-xs"
|
|
242
|
-
}, isLabs ? version : v)), /* @__PURE__ */
|
|
112
|
+
}, isLabs ? version : v)), /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Popover.Portal, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Popover.Content, {
|
|
243
113
|
side: "top",
|
|
244
114
|
role: "message",
|
|
245
115
|
classNames: "z-[12] bg-warning-500 max-is-[min(calc(100vw-16px),40ch)]"
|
|
246
|
-
}, /* @__PURE__ */
|
|
116
|
+
}, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Message.Root, {
|
|
247
117
|
valence: "warning",
|
|
248
118
|
className: "rounded-be-none p-5"
|
|
249
|
-
}, /* @__PURE__ */
|
|
119
|
+
}, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Message.Title, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Icon, {
|
|
250
120
|
icon: "ph--warning--duotone",
|
|
251
121
|
size: 6,
|
|
252
122
|
classNames: "inline mie-2"
|
|
253
|
-
}), /* @__PURE__ */
|
|
123
|
+
}), /* @__PURE__ */ import_react3.default.createElement("span", null, t("warning title"))), /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Message.Body, null, t("technology preview message"), /* @__PURE__ */ import_react3.default.createElement("br", null), /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Link, {
|
|
254
124
|
href: previewUrl,
|
|
255
125
|
target: "_blank",
|
|
256
126
|
rel: "noreferrer",
|
|
257
127
|
variant: "neutral"
|
|
258
|
-
}, t("learn more label"), /* @__PURE__ */
|
|
128
|
+
}, t("learn more label"), /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Icon, {
|
|
259
129
|
icon: "ph--arrow-square-out--bold",
|
|
260
130
|
classNames: "inline mis-1"
|
|
261
|
-
})))), /* @__PURE__ */
|
|
131
|
+
})))), /* @__PURE__ */ import_react3.default.createElement("div", {
|
|
262
132
|
role: "none",
|
|
263
133
|
className: "plb-4 pli-5 space-b-2 text-baseText"
|
|
264
|
-
}, timestamp && /* @__PURE__ */
|
|
134
|
+
}, timestamp && /* @__PURE__ */ import_react3.default.createElement("p", null, t("released message", {
|
|
265
135
|
released: (0, import_formatDistance.formatDistance)(new Date(timestamp), /* @__PURE__ */ new Date(), {
|
|
266
136
|
addSuffix: true
|
|
267
137
|
})
|
|
268
|
-
}), /* @__PURE__ */
|
|
138
|
+
}), /* @__PURE__ */ import_react3.default.createElement("br", null), /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Link, {
|
|
269
139
|
href: releaseUrl,
|
|
270
140
|
target: "_blank",
|
|
271
141
|
rel: "noreferrer",
|
|
272
142
|
variant: "neutral"
|
|
273
|
-
}, t("see release label"), /* @__PURE__ */
|
|
143
|
+
}, t("see release label"), /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Icon, {
|
|
274
144
|
icon: "ph--arrow-square-out--bold",
|
|
275
145
|
classNames: "inline mis-1"
|
|
276
|
-
}))), /* @__PURE__ */
|
|
146
|
+
}))), /* @__PURE__ */ import_react3.default.createElement("p", null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Trans, {
|
|
277
147
|
t,
|
|
278
148
|
i18nKey: "powered by dxos message",
|
|
279
149
|
components: {
|
|
280
|
-
dxos: /* @__PURE__ */
|
|
150
|
+
dxos: /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Link, {
|
|
281
151
|
href: "https://dxos.org",
|
|
282
152
|
target: "_blank",
|
|
283
153
|
rel: "noreferrer",
|
|
284
154
|
variant: "neutral"
|
|
285
155
|
})
|
|
286
156
|
}
|
|
287
|
-
}))), /* @__PURE__ */
|
|
157
|
+
}))), /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Popover.Arrow, null))));
|
|
288
158
|
};
|
|
289
159
|
var StatusBarActions = () => {
|
|
290
|
-
const { t } = (0,
|
|
291
|
-
const [open, setOpen] = (0,
|
|
292
|
-
|
|
293
|
-
const handleSave = (0, import_react4.useCallback)((values) => {
|
|
294
|
-
void dispatch((0, import_app_framework.createIntent)(import_types2.ObservabilityAction.CaptureUserFeedback, values));
|
|
295
|
-
setOpen(false);
|
|
296
|
-
}, [
|
|
297
|
-
dispatch
|
|
298
|
-
]);
|
|
299
|
-
return /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Popover.Root, {
|
|
160
|
+
const { t } = (0, import_react_ui.useTranslation)(STATUS_BAR_PLUGIN);
|
|
161
|
+
const [open, setOpen] = (0, import_react2.useState)(false);
|
|
162
|
+
return /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Popover.Root, {
|
|
300
163
|
open,
|
|
301
164
|
onOpenChange: setOpen
|
|
302
|
-
}, /* @__PURE__ */
|
|
165
|
+
}, /* @__PURE__ */ import_react2.default.createElement(StatusBar.Button, {
|
|
303
166
|
asChild: true
|
|
304
|
-
}, /* @__PURE__ */
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
167
|
+
}, /* @__PURE__ */ import_react2.default.createElement("a", {
|
|
168
|
+
href: "https://dxos.org/discord",
|
|
169
|
+
target: "_blank",
|
|
170
|
+
rel: "noopener noreferrer"
|
|
171
|
+
}, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Icon, {
|
|
172
|
+
icon: "ph--discord-logo--regular",
|
|
308
173
|
size: 4
|
|
309
|
-
}), /* @__PURE__ */
|
|
174
|
+
}), /* @__PURE__ */ import_react2.default.createElement(StatusBar.Text, {
|
|
310
175
|
classNames: "hidden sm:block"
|
|
311
|
-
}, t("
|
|
176
|
+
}, t("discord label")))), /* @__PURE__ */ import_react2.default.createElement(StatusBar.Button, {
|
|
312
177
|
asChild: true
|
|
313
|
-
}, /* @__PURE__ */
|
|
314
|
-
href: "https://
|
|
178
|
+
}, /* @__PURE__ */ import_react2.default.createElement("a", {
|
|
179
|
+
href: "https://github.com/dxos/dxos",
|
|
315
180
|
target: "_blank",
|
|
316
181
|
rel: "noopener noreferrer"
|
|
317
|
-
}, /* @__PURE__ */
|
|
318
|
-
icon: "ph--
|
|
182
|
+
}, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Icon, {
|
|
183
|
+
icon: "ph--github-logo--regular",
|
|
319
184
|
size: 4
|
|
320
|
-
}), /* @__PURE__ */
|
|
185
|
+
}), /* @__PURE__ */ import_react2.default.createElement(StatusBar.Text, {
|
|
321
186
|
classNames: "hidden sm:block"
|
|
322
|
-
}, t("
|
|
323
|
-
classNames: "shadow-lg"
|
|
324
|
-
}, /* @__PURE__ */ import_react4.default.createElement(FeedbackForm, {
|
|
325
|
-
onSave: handleSave
|
|
326
|
-
}), /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Popover.Arrow, null))));
|
|
187
|
+
}, t("github label")))), /* @__PURE__ */ import_react2.default.createElement(VersionNumber, null));
|
|
327
188
|
};
|
|
328
189
|
var StatusBarPanel = () => {
|
|
329
|
-
return /* @__PURE__ */
|
|
190
|
+
return /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement(StatusBarActions, null), /* @__PURE__ */ import_react2.default.createElement("span", {
|
|
330
191
|
role: "separator",
|
|
331
192
|
className: "grow"
|
|
332
|
-
}), /* @__PURE__ */
|
|
193
|
+
}), /* @__PURE__ */ import_react2.default.createElement(import_app_framework.Surface, {
|
|
333
194
|
role: "status"
|
|
334
195
|
}));
|
|
335
196
|
};
|
|
197
|
+
var entry = (translation) => ({
|
|
198
|
+
[STATUS_BAR_PLUGIN]: translation
|
|
199
|
+
});
|
|
200
|
+
var translations = {
|
|
201
|
+
"en-US": entry({
|
|
202
|
+
"plugin name": "Status Bar",
|
|
203
|
+
"warning title": "WARNING",
|
|
204
|
+
"technology preview message": "Composer is currently in beta.",
|
|
205
|
+
"learn more label": "Learn more",
|
|
206
|
+
"released message": "This version released {{released}}.",
|
|
207
|
+
"see release label": "See release on GitHub",
|
|
208
|
+
"powered by dxos message": "Powered by <dxos>DXOS</dxos>",
|
|
209
|
+
"discord label": "Discord",
|
|
210
|
+
"github label": "GitHub",
|
|
211
|
+
"feedback label": "Feedback"
|
|
212
|
+
})
|
|
213
|
+
};
|
|
214
|
+
var translations_default = [
|
|
215
|
+
translations
|
|
216
|
+
];
|
|
336
217
|
var StatusBarPlugin = () => (0, import_app_framework2.definePlugin)(meta, [
|
|
337
218
|
(0, import_app_framework2.defineModule)({
|
|
338
219
|
id: `${meta.id}/module/translations`,
|
|
@@ -346,31 +227,30 @@ var StatusBarPlugin = () => (0, import_app_framework2.definePlugin)(meta, [
|
|
|
346
227
|
(0, import_app_framework2.createSurface)({
|
|
347
228
|
id: meta.id,
|
|
348
229
|
role: "status-bar",
|
|
349
|
-
component: () => /* @__PURE__ */
|
|
230
|
+
component: () => /* @__PURE__ */ import_react4.default.createElement(StatusBarPanel, null)
|
|
350
231
|
}),
|
|
351
232
|
(0, import_app_framework2.createSurface)({
|
|
352
233
|
id: meta.id,
|
|
353
234
|
role: "status-bar--r0-footer",
|
|
354
|
-
component: () => /* @__PURE__ */
|
|
235
|
+
component: () => /* @__PURE__ */ import_react4.default.createElement(import_app_framework2.Surface, {
|
|
355
236
|
role: "status"
|
|
356
237
|
})
|
|
357
238
|
}),
|
|
358
239
|
(0, import_app_framework2.createSurface)({
|
|
359
240
|
id: meta.id,
|
|
360
241
|
role: "status-bar--r1-footer",
|
|
361
|
-
component: () => /* @__PURE__ */
|
|
242
|
+
component: () => /* @__PURE__ */ import_react4.default.createElement(StatusBarActions, null)
|
|
362
243
|
}),
|
|
363
244
|
(0, import_app_framework2.createSurface)({
|
|
364
245
|
id: `${STATUS_BAR_PLUGIN}/header-end`,
|
|
365
246
|
role: "header-end",
|
|
366
|
-
component: () => /* @__PURE__ */
|
|
247
|
+
component: () => /* @__PURE__ */ import_react4.default.createElement(VersionNumber, null)
|
|
367
248
|
})
|
|
368
249
|
])
|
|
369
250
|
})
|
|
370
251
|
]);
|
|
371
252
|
// Annotate the CommonJS export names for ESM import in node:
|
|
372
253
|
0 && (module.exports = {
|
|
373
|
-
FeedbackForm,
|
|
374
254
|
STATUS_BAR_PLUGIN,
|
|
375
255
|
StatusBar,
|
|
376
256
|
StatusBarActions,
|