From a2a721673d05c2a62412b8631009a88b89c0121b Mon Sep 17 00:00:00 2001 From: nick-delirium Date: Mon, 1 Jul 2024 15:55:15 +0200 Subject: [PATCH] fix ui: fix ws modal height, add new shortcut to copy, fix new site type ios -> mobile --- .../components/Client/Sites/NewSiteForm.tsx | 2 +- .../WidgetPreview/WidgetPreview.tsx | 2 +- .../Player/ReplayPlayer/useShortcuts.ts | 31 +++++++++++++++--- .../Controls/components/KeyboardHelp.tsx | 1 + .../shared/DevTools/NetworkPanel/WSModal.tsx | 2 +- tracker/tracker-assist/bun.lockb | Bin 229402 -> 229962 bytes tracker/tracker/package.json | 2 +- 7 files changed, 31 insertions(+), 9 deletions(-) diff --git a/frontend/app/components/Client/Sites/NewSiteForm.tsx b/frontend/app/components/Client/Sites/NewSiteForm.tsx index 3291f3218..66a31948e 100644 --- a/frontend/app/components/Client/Sites/NewSiteForm.tsx +++ b/frontend/app/components/Client/Sites/NewSiteForm.tsx @@ -141,7 +141,7 @@ const NewSiteForm = ({ }, { value: 'ios', - label: 'iOS', + label: 'Mobile', }, ]} value={site.platform} diff --git a/frontend/app/components/Dashboard/components/WidgetPreview/WidgetPreview.tsx b/frontend/app/components/Dashboard/components/WidgetPreview/WidgetPreview.tsx index 0f235bb62..78f735502 100644 --- a/frontend/app/components/Dashboard/components/WidgetPreview/WidgetPreview.tsx +++ b/frontend/app/components/Dashboard/components/WidgetPreview/WidgetPreview.tsx @@ -53,7 +53,7 @@ function WidgetPreview(props: Props) { diff --git a/frontend/app/components/Session/Player/ReplayPlayer/useShortcuts.ts b/frontend/app/components/Session/Player/ReplayPlayer/useShortcuts.ts index f68c78be2..1b08c19a3 100644 --- a/frontend/app/components/Session/Player/ReplayPlayer/useShortcuts.ts +++ b/frontend/app/components/Session/Player/ReplayPlayer/useShortcuts.ts @@ -1,4 +1,6 @@ +import copy from 'copy-to-clipboard'; import { useContext, useEffect } from 'react'; +import { toast } from 'react-toastify'; import { PlayerContext } from 'Components/Session/playerContext'; import { SKIP_INTERVALS } from 'Components/Session_/Player/Controls/Controls'; @@ -23,8 +25,18 @@ function useShortcuts({ setActiveTab: (tab: string) => void; disableDevtools?: boolean; }) { - const { player } = useContext(PlayerContext); + const { player, store } = useContext(PlayerContext); + const copySessionUrl = (withTs?: boolean) => { + if (withTs) { + const time = store.get().time; + const sessUrl = `${window.location.href}?jumpto=${time}`; + copy(sessUrl); + } else { + copy(window.location.href); + } + toast.success('Copied session url to clipboard'); + }; const forthTenSeconds = () => { player.jumpInterval(SKIP_INTERVALS[skipInterval]); }; @@ -41,6 +53,7 @@ function useShortcuts({ ) { return false; } else { + console.log(e); // shift + f = fullscreenOn if (e.shiftKey) { e.preventDefault(); @@ -49,9 +62,13 @@ function useShortcuts({ case 'F': return fullScreenOn(); case 'X': - return disableDevtools ? null : toggleBottomBlock(blocks.overview); + return disableDevtools + ? null + : toggleBottomBlock(blocks.overview); case 'P': - return disableDevtools ? null : toggleBottomBlock(blocks.performance); + return disableDevtools + ? null + : toggleBottomBlock(blocks.performance); case 'N': return disableDevtools ? null : toggleBottomBlock(blocks.network); case 'C': @@ -59,11 +76,15 @@ function useShortcuts({ case 'R': return disableDevtools ? null : toggleBottomBlock(blocks.storage); case 'E': - return disableDevtools ? null : toggleBottomBlock(blocks.stackEvents); + return disableDevtools + ? null + : toggleBottomBlock(blocks.stackEvents); case '>': return openNextSession(); case '<': return openPrevSession(); + case 'U': + return copySessionUrl(true); case 'A': player.pause(); return setActiveTab('EVENTS'); @@ -100,4 +121,4 @@ function useShortcuts({ }, [forthTenSeconds, backTenSeconds, player, fullScreenOn, fullScreenOff]); } -export default useShortcuts +export default useShortcuts; diff --git a/frontend/app/components/Session_/Player/Controls/components/KeyboardHelp.tsx b/frontend/app/components/Session_/Player/Controls/components/KeyboardHelp.tsx index 0d15d581e..bf77e4ca4 100644 --- a/frontend/app/components/Session_/Player/Controls/components/KeyboardHelp.tsx +++ b/frontend/app/components/Session_/Player/Controls/components/KeyboardHelp.tsx @@ -36,6 +36,7 @@ function ShortcutGrid() {
Keyboard Shortcuts
+ diff --git a/frontend/app/components/shared/DevTools/NetworkPanel/WSModal.tsx b/frontend/app/components/shared/DevTools/NetworkPanel/WSModal.tsx index 037af2d36..4a2e34c29 100644 --- a/frontend/app/components/shared/DevTools/NetworkPanel/WSModal.tsx +++ b/frontend/app/components/shared/DevTools/NetworkPanel/WSModal.tsx @@ -25,7 +25,7 @@ function WSModal({ socketMsgList }: Props) {
Length
Time
-
+
{socketMsgList.map((msg) => ( ))} diff --git a/tracker/tracker-assist/bun.lockb b/tracker/tracker-assist/bun.lockb index c1bf88d0dfa0a31ed34361c4f72a26dfb8ef5c82..a0f9a9c42dff58e52d8aa2cd3b4275dc7e5d6cc4 100755 GIT binary patch delta 2402 zcmXYyS!`5Q7{~9NmM+uM4WXqSx-Zie%GMUzPPdt|2?bo*LW|f4O*CjgOpFg>6Vb#N z!6n|bF)>kjMP+f&7{iMX(6mTgf=gmz+@dD>V2VZq{=S+2$^GSg-|v3sZs*=}=bp~H z_DtTH-R{GgnUPZ?flDLqsZLiJ@fSMX&iL(s=dmTB^DIxJcfwqN#A?i^o1i(I)mR=h zK}(lgM!Y;}JTF6IGspuPoGF*-d2ugaGD|Xx!a})hxoq5Tc6M4&&QAKJT#j50?zmj8 zTrTc}+;Ta)xM!0t?s<8VdC2Efm@k))dqJ*1t^l`2u28NJ_Xn}HBDo^svvMowEnER> z!P-iz;f1`8OcjBwJJ%#udx8 z$~EHtBDU5>Z($SMl3Pb_Lz>|qxeanHxN~xw>1~Qz;hnf-hh!V_J-JRfdtuJYb;+&6 zU69)%*N#gN+l#kVZas0MosHHlw}E&8Y+B!RCKJ zu7h}#lh_mv%5@UY;;QL~SCfP7f;U73dxuXw^Dc0na2EE;eHkN6W=DbIlM=1fcTEwy>f%NkBP0_ zCpSdgsvEf~&||5Qp)2BE}P5qB$4SHT6@XVC=H z+-x0pXrF_vV3**1NcdL=UD@P3;W>B{-h#K`Ed0&TDGqsz;g7;&aG2bFg3G{ue52&U zuoDJg5Qd-=*1?8!zjVOGR@#U6GQ0w>!fWune`>%rm)l>$7V!YsKlcWw{RX~;s{#M} z0ax$m4!X1BbIk2?vi^twPnX%V_MwA-o;De6PxgYgm*j7CjseKB#x zcu9x}Rf#7M6R#vbL6G2@Xb3MpP$-CkqF_MfCYF$xDpZvE{da#RPWtuy<~wsaJ2U5u zzg)KC#j>#teoJQa;46cneS`k_4nMUnnCS5LWR8WLmH+CV9LX8yzNUfI3t-s( zQI7ww--z4^xgzerD)+5iG43_F@8rVHW!&qMCnZa0SSR*D7NiIr#johztRn%KG@nyMcTvF~gxdpf? zxk3 zi;#QOa9ZwGToz}0{g>Qg@^-LtLv9IqN6t9+H_nD>fcNBXs$GJ56WPj4&awVWsZ44QYe98D_J6C`Iy@ zJH6#{WpZ|U3vsqJHkpmR9E#;C)NTbXELW*^?YNs{+roKrE6Fo*nfa2dko(D2qH?#9 z+w@DSaCZB4ScbEuT%dNV$;ZG}vPQ0h{Eb|#TqpJC=xeL7Fz+(C6J5Yl+k0E5hIf!> zMRM^j0_Ed${u)_3y0X11zA8QvtV#K3FqHBG zv(D4$0$j`&5fsMF#`RQB9 zV?IcxeYEo-^26{5^g=(}4FfO;_roY-Hga78_Da|*P#kPd`>jEF+E>r%<9-Sr#fO8s zKEF6xLc9dsO!+KRUM5fa;DtV)XxN5(2bR*szArP}KLba=-q1t%aB!v1-&ZzH^$R!v z@4KL@-^YSY{eB?QLmN9L$6c_$-`7M=YRkulg65P@WJ~VypH)N-3^6Tb@=$jC0e|mE cq~ma2TtA#m9PvIBX`IN5monM*qrQ6Yzihn2VgLXD diff --git a/tracker/tracker/package.json b/tracker/tracker/package.json index dede59288..e6defdd0a 100644 --- a/tracker/tracker/package.json +++ b/tracker/tracker/package.json @@ -1,7 +1,7 @@ { "name": "@openreplay/tracker", "description": "The OpenReplay tracker main package", - "version": "14.0.1-6", + "version": "14.0.0", "keywords": [ "logging", "replay"