react-os-shell 0.2.36 → 0.2.37
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/index.js +95 -104
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -516,111 +516,102 @@ function BugReportProvider({ children }) {
|
|
|
516
516
|
const isBug = reportType === "bug";
|
|
517
517
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
518
518
|
children,
|
|
519
|
-
/* @__PURE__ */ jsxs(
|
|
520
|
-
|
|
521
|
-
{
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
|
|
544
|
-
|
|
545
|
-
|
|
546
|
-
|
|
547
|
-
|
|
548
|
-
|
|
549
|
-
)
|
|
550
|
-
] }),
|
|
551
|
-
previewUrl && /* @__PURE__ */ jsxs("div", { className: "mt-4", children: [
|
|
552
|
-
/* @__PURE__ */ jsxs("div", { className: "relative rounded-md border border-gray-200 overflow-hidden bg-gray-50 max-h-64", children: [
|
|
553
|
-
/* @__PURE__ */ jsx("img", { src: previewUrl, alt: "Screenshot preview", className: "w-full h-auto max-h-64 object-contain" }),
|
|
554
|
-
/* @__PURE__ */ jsxs(
|
|
555
|
-
"button",
|
|
556
|
-
{
|
|
557
|
-
type: "button",
|
|
558
|
-
onClick: () => setAnnotating(true),
|
|
559
|
-
className: "absolute top-2 right-2 inline-flex items-center gap-1 px-2.5 py-1 rounded-md bg-white/95 backdrop-blur border border-gray-200 shadow-sm text-xs font-medium text-gray-700 hover:bg-white",
|
|
560
|
-
title: "Mark up the screenshot \u2014 circle, arrow, mosaic, text\u2026",
|
|
561
|
-
children: [
|
|
562
|
-
/* @__PURE__ */ jsx("svg", { className: "h-3.5 w-3.5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.7, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L6.832 19.82a4.5 4.5 0 01-1.897 1.13l-2.685.8.8-2.685a4.5 4.5 0 011.13-1.897L16.863 4.487zm0 0L19.5 7.125" }) }),
|
|
563
|
-
"Annotate"
|
|
564
|
-
]
|
|
565
|
-
}
|
|
566
|
-
)
|
|
567
|
-
] }),
|
|
568
|
-
/* @__PURE__ */ jsx("p", { className: "mt-1 text-[11px] text-gray-400", children: "Click Annotate to mark up the screenshot before sending." })
|
|
569
|
-
] }),
|
|
570
|
-
!previewUrl && /* @__PURE__ */ jsx(UploadDropZone, { onSelect: (blob) => setScreenshot(blob) }),
|
|
571
|
-
/* @__PURE__ */ jsxs("label", { className: "mt-4 block text-sm font-medium text-gray-700", children: [
|
|
572
|
-
isBug ? "What went wrong?" : "What's your suggestion?",
|
|
573
|
-
/* @__PURE__ */ jsx("span", { className: "font-normal text-gray-400 ml-1", children: "(optional)" })
|
|
574
|
-
] }),
|
|
575
|
-
/* @__PURE__ */ jsx(
|
|
576
|
-
"textarea",
|
|
519
|
+
/* @__PURE__ */ jsxs(Dialog, { open, onClose: handleCancel, className: "relative z-[9999]", children: [
|
|
520
|
+
/* @__PURE__ */ jsx(DialogBackdrop, { className: "fixed inset-0 bg-black/40" }),
|
|
521
|
+
/* @__PURE__ */ jsx("div", { className: "fixed inset-0 flex items-center justify-center p-4", children: /* @__PURE__ */ jsxs(DialogPanel, { className: "w-full max-w-2xl rounded-lg bg-white p-6 shadow-xl", children: [
|
|
522
|
+
/* @__PURE__ */ jsx(DialogTitle, { className: "text-base font-semibold text-gray-900", children: "Suggestion or Bug" }),
|
|
523
|
+
/* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-gray-500", children: "A screenshot of your current view will be sent to the admin team." }),
|
|
524
|
+
/* @__PURE__ */ jsxs("div", { className: "mt-4 inline-flex rounded-lg border border-gray-300 bg-gray-50 p-0.5", children: [
|
|
525
|
+
/* @__PURE__ */ jsx(
|
|
526
|
+
"button",
|
|
527
|
+
{
|
|
528
|
+
type: "button",
|
|
529
|
+
onClick: () => setReportType("bug"),
|
|
530
|
+
className: `px-3 py-1 text-sm font-medium rounded-md transition-colors ${isBug ? "bg-white text-gray-900 shadow-sm" : "text-gray-600 hover:text-gray-900"}`,
|
|
531
|
+
children: "Bug"
|
|
532
|
+
}
|
|
533
|
+
),
|
|
534
|
+
/* @__PURE__ */ jsx(
|
|
535
|
+
"button",
|
|
536
|
+
{
|
|
537
|
+
type: "button",
|
|
538
|
+
onClick: () => setReportType("suggestion"),
|
|
539
|
+
className: `px-3 py-1 text-sm font-medium rounded-md transition-colors ${!isBug ? "bg-white text-gray-900 shadow-sm" : "text-gray-600 hover:text-gray-900"}`,
|
|
540
|
+
children: "Suggestion"
|
|
541
|
+
}
|
|
542
|
+
)
|
|
543
|
+
] }),
|
|
544
|
+
previewUrl && /* @__PURE__ */ jsxs("div", { className: "mt-4", children: [
|
|
545
|
+
/* @__PURE__ */ jsxs("div", { className: "relative rounded-md border border-gray-200 overflow-hidden bg-gray-50 max-h-64", children: [
|
|
546
|
+
/* @__PURE__ */ jsx("img", { src: previewUrl, alt: "Screenshot preview", className: "w-full h-auto max-h-64 object-contain" }),
|
|
547
|
+
/* @__PURE__ */ jsxs(
|
|
548
|
+
"button",
|
|
577
549
|
{
|
|
578
|
-
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
className: "mt-1 w-full rounded-md border border-gray-300 px-3 py-2 text-sm focus:border-blue-500 focus:ring-1 focus:ring-blue-500 focus:outline-none resize-none"
|
|
550
|
+
type: "button",
|
|
551
|
+
onClick: () => setAnnotating(true),
|
|
552
|
+
className: "absolute top-2 right-2 inline-flex items-center gap-1 px-2.5 py-1 rounded-md bg-white/95 backdrop-blur border border-gray-200 shadow-sm text-xs font-medium text-gray-700 hover:bg-white",
|
|
553
|
+
title: "Mark up the screenshot \u2014 circle, arrow, mosaic, text\u2026",
|
|
554
|
+
children: [
|
|
555
|
+
/* @__PURE__ */ jsx("svg", { className: "h-3.5 w-3.5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.7, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L6.832 19.82a4.5 4.5 0 01-1.897 1.13l-2.685.8.8-2.685a4.5 4.5 0 011.13-1.897L16.863 4.487zm0 0L19.5 7.125" }) }),
|
|
556
|
+
"Annotate"
|
|
557
|
+
]
|
|
587
558
|
}
|
|
588
|
-
)
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
|
|
603
|
-
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
|
|
559
|
+
)
|
|
560
|
+
] }),
|
|
561
|
+
/* @__PURE__ */ jsx("p", { className: "mt-1 text-[11px] text-gray-400", children: "Click Annotate to mark up the screenshot before sending." })
|
|
562
|
+
] }),
|
|
563
|
+
!previewUrl && /* @__PURE__ */ jsx(UploadDropZone, { onSelect: (blob) => setScreenshot(blob) }),
|
|
564
|
+
/* @__PURE__ */ jsxs("label", { className: "mt-4 block text-sm font-medium text-gray-700", children: [
|
|
565
|
+
isBug ? "What went wrong?" : "What's your suggestion?",
|
|
566
|
+
/* @__PURE__ */ jsx("span", { className: "font-normal text-gray-400 ml-1", children: "(optional)" })
|
|
567
|
+
] }),
|
|
568
|
+
/* @__PURE__ */ jsx(
|
|
569
|
+
"textarea",
|
|
570
|
+
{
|
|
571
|
+
autoFocus: true,
|
|
572
|
+
value: description,
|
|
573
|
+
onChange: (e) => setDescription(e.target.value),
|
|
574
|
+
onKeyDown: (e) => {
|
|
575
|
+
if (e.key === "Enter" && (e.metaKey || e.ctrlKey)) handleSubmit();
|
|
576
|
+
},
|
|
577
|
+
placeholder: isBug ? "Briefly describe the issue, what you were doing, what you expected to happen\u2026" : "Briefly describe what would make this better\u2026",
|
|
578
|
+
rows: 3,
|
|
579
|
+
className: "mt-1 w-full rounded-md border border-gray-300 px-3 py-2 text-sm focus:border-blue-500 focus:ring-1 focus:ring-blue-500 focus:outline-none resize-none"
|
|
580
|
+
}
|
|
581
|
+
),
|
|
582
|
+
/* @__PURE__ */ jsxs("div", { className: "mt-6 flex justify-end gap-3", children: [
|
|
583
|
+
/* @__PURE__ */ jsx(
|
|
584
|
+
"button",
|
|
585
|
+
{
|
|
586
|
+
type: "button",
|
|
587
|
+
onClick: handleCancel,
|
|
588
|
+
className: "bg-white text-gray-700 border border-gray-300 px-4 py-2 text-sm font-medium rounded-lg hover:bg-gray-50",
|
|
589
|
+
children: "Cancel"
|
|
590
|
+
}
|
|
591
|
+
),
|
|
592
|
+
/* @__PURE__ */ jsx(
|
|
593
|
+
"button",
|
|
594
|
+
{
|
|
595
|
+
type: "button",
|
|
596
|
+
onClick: handleSubmit,
|
|
597
|
+
className: "bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 text-sm font-medium rounded-lg",
|
|
598
|
+
children: "Send"
|
|
599
|
+
}
|
|
600
|
+
)
|
|
601
|
+
] })
|
|
602
|
+
] }) }),
|
|
603
|
+
annotating && previewUrl && /* @__PURE__ */ jsx(
|
|
604
|
+
BugReportAnnotator,
|
|
605
|
+
{
|
|
606
|
+
src: previewUrl,
|
|
607
|
+
onApply: (blob) => {
|
|
608
|
+
setScreenshot(blob);
|
|
609
|
+
setAnnotating(false);
|
|
610
|
+
},
|
|
611
|
+
onCancel: () => setAnnotating(false)
|
|
612
|
+
}
|
|
613
|
+
)
|
|
614
|
+
] })
|
|
624
615
|
] });
|
|
625
616
|
}
|
|
626
617
|
var LazyImageAnnotator = lazy(() => import('./ImageAnnotator-CTTMAY5Z.js'));
|
|
@@ -858,7 +849,7 @@ function StatusBadge({ status }) {
|
|
|
858
849
|
}
|
|
859
850
|
|
|
860
851
|
// src/version.ts
|
|
861
|
-
var VERSION = "0.2.
|
|
852
|
+
var VERSION = "0.2.37" ;
|
|
862
853
|
var APP_VERSION = VERSION;
|
|
863
854
|
|
|
864
855
|
// src/changelog.ts
|