glitchgrab 1.29.0 → 1.29.1
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 +65 -37
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +65 -37
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1399,6 +1399,21 @@ function ReportDialog({
|
|
|
1399
1399
|
@keyframes gg-b2{0%,100%{height:8px}50%{height:3px}}
|
|
1400
1400
|
@keyframes gg-b3{0%,100%{height:4px}30%{height:14px}70%{height:5px}}
|
|
1401
1401
|
@keyframes gg-b4{0%,100%{height:6px}60%{height:13px}}
|
|
1402
|
+
@keyframes gg-bug-crawl{0%,100%{transform:translateX(0) rotate(0deg)}20%{transform:translateX(-1.5px) rotate(-6deg)}40%{transform:translateX(1.5px) rotate(5deg)}60%{transform:translateX(-1px) rotate(-4deg)}80%{transform:translateX(1px) rotate(3deg)}}
|
|
1403
|
+
@keyframes gg-star-spin{0%,100%{transform:scale(1) rotate(0deg)}50%{transform:scale(1.15) rotate(15deg)}}
|
|
1404
|
+
@keyframes gg-ui-grow{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.12)}}
|
|
1405
|
+
@keyframes gg-perf-sweep{0%,100%{transform:rotate(0deg)}30%{transform:rotate(-12deg)}70%{transform:rotate(10deg)}}
|
|
1406
|
+
@keyframes gg-shield-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.75}}
|
|
1407
|
+
@keyframes gg-question-shake{0%,100%{transform:rotate(0deg)}25%{transform:rotate(-7deg)}75%{transform:rotate(7deg)}}
|
|
1408
|
+
@keyframes gg-chat-tilt{0%,100%{transform:rotate(0deg) translateY(0)}50%{transform:rotate(-6deg) translateY(-2px)}}
|
|
1409
|
+
button[data-gg-type] > svg{transform-origin:center}
|
|
1410
|
+
button[data-gg-type="BUG"] > svg{animation:gg-bug-crawl 2.2s ease-in-out infinite}
|
|
1411
|
+
button[data-gg-type="FEATURE_REQUEST"] > svg{animation:gg-star-spin 2.6s ease-in-out infinite}
|
|
1412
|
+
button[data-gg-type="UI_IMPROVEMENT"] > svg{animation:gg-ui-grow 1.8s ease-in-out infinite;transform-origin:bottom}
|
|
1413
|
+
button[data-gg-type="PERFORMANCE"] > svg{animation:gg-perf-sweep 2.4s ease-in-out infinite}
|
|
1414
|
+
button[data-gg-type="SECURITY"] > svg{animation:gg-shield-pulse 2.2s ease-in-out infinite;transform-origin:top}
|
|
1415
|
+
button[data-gg-type="QUESTION"] > svg{animation:gg-question-shake 2s ease-in-out infinite}
|
|
1416
|
+
button[data-gg-type="OTHER"] > svg{animation:gg-chat-tilt 2.2s ease-in-out infinite}
|
|
1402
1417
|
` }),
|
|
1403
1418
|
document.body
|
|
1404
1419
|
),
|
|
@@ -1516,7 +1531,19 @@ function ReportDialog({
|
|
|
1516
1531
|
},
|
|
1517
1532
|
children: step === 1 ? "What's on your mind?" : "Tell us more"
|
|
1518
1533
|
}
|
|
1519
|
-
)
|
|
1534
|
+
)
|
|
1535
|
+
]
|
|
1536
|
+
}
|
|
1537
|
+
),
|
|
1538
|
+
/* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
|
|
1539
|
+
"div",
|
|
1540
|
+
{
|
|
1541
|
+
style: {
|
|
1542
|
+
display: "flex",
|
|
1543
|
+
alignItems: "center",
|
|
1544
|
+
gap: "8px"
|
|
1545
|
+
},
|
|
1546
|
+
children: [
|
|
1520
1547
|
step === 1 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
1521
1548
|
"span",
|
|
1522
1549
|
{
|
|
@@ -1534,45 +1561,45 @@ function ReportDialog({
|
|
|
1534
1561
|
},
|
|
1535
1562
|
children: getShortcutLabel()
|
|
1536
1563
|
}
|
|
1564
|
+
),
|
|
1565
|
+
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
1566
|
+
"button",
|
|
1567
|
+
{
|
|
1568
|
+
type: "button",
|
|
1569
|
+
onClick: handleClose,
|
|
1570
|
+
style: {
|
|
1571
|
+
background: "none",
|
|
1572
|
+
border: "none",
|
|
1573
|
+
cursor: "pointer",
|
|
1574
|
+
padding: "4px",
|
|
1575
|
+
display: "flex",
|
|
1576
|
+
alignItems: "center",
|
|
1577
|
+
justifyContent: "center"
|
|
1578
|
+
},
|
|
1579
|
+
"aria-label": "Close",
|
|
1580
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
1581
|
+
"svg",
|
|
1582
|
+
{
|
|
1583
|
+
width: "16",
|
|
1584
|
+
height: "16",
|
|
1585
|
+
viewBox: "0 0 16 16",
|
|
1586
|
+
fill: "none",
|
|
1587
|
+
style: { display: "block" },
|
|
1588
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
1589
|
+
"path",
|
|
1590
|
+
{
|
|
1591
|
+
d: "M4 4L12 12M12 4L4 12",
|
|
1592
|
+
stroke: t.textMuted,
|
|
1593
|
+
strokeWidth: "2",
|
|
1594
|
+
strokeLinecap: "round"
|
|
1595
|
+
}
|
|
1596
|
+
)
|
|
1597
|
+
}
|
|
1598
|
+
)
|
|
1599
|
+
}
|
|
1537
1600
|
)
|
|
1538
1601
|
]
|
|
1539
1602
|
}
|
|
1540
|
-
),
|
|
1541
|
-
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
1542
|
-
"button",
|
|
1543
|
-
{
|
|
1544
|
-
type: "button",
|
|
1545
|
-
onClick: handleClose,
|
|
1546
|
-
style: {
|
|
1547
|
-
background: "none",
|
|
1548
|
-
border: "none",
|
|
1549
|
-
cursor: "pointer",
|
|
1550
|
-
padding: "4px",
|
|
1551
|
-
display: "flex",
|
|
1552
|
-
alignItems: "center",
|
|
1553
|
-
justifyContent: "center"
|
|
1554
|
-
},
|
|
1555
|
-
"aria-label": "Close",
|
|
1556
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
1557
|
-
"svg",
|
|
1558
|
-
{
|
|
1559
|
-
width: "16",
|
|
1560
|
-
height: "16",
|
|
1561
|
-
viewBox: "0 0 16 16",
|
|
1562
|
-
fill: "none",
|
|
1563
|
-
style: { display: "block" },
|
|
1564
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
1565
|
-
"path",
|
|
1566
|
-
{
|
|
1567
|
-
d: "M4 4L12 12M12 4L4 12",
|
|
1568
|
-
stroke: t.textMuted,
|
|
1569
|
-
strokeWidth: "2",
|
|
1570
|
-
strokeLinecap: "round"
|
|
1571
|
-
}
|
|
1572
|
-
)
|
|
1573
|
-
}
|
|
1574
|
-
)
|
|
1575
|
-
}
|
|
1576
1603
|
)
|
|
1577
1604
|
]
|
|
1578
1605
|
}
|
|
@@ -1661,6 +1688,7 @@ function ReportDialog({
|
|
|
1661
1688
|
"button",
|
|
1662
1689
|
{
|
|
1663
1690
|
type: "button",
|
|
1691
|
+
"data-gg-type": type,
|
|
1664
1692
|
onClick: () => {
|
|
1665
1693
|
setReportType(type);
|
|
1666
1694
|
setStep(2);
|