npm - redux-connected-devtools - Versions diffs - 1.0.2 → 1.0.4 - Mend

redux-connected-devtools 1.0.2 → 1.0.4

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 (167) hide show

package/dist/redux-connected-devtools.es.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"redux-connected-devtools.es.js","sources":["../src/components/Icon/AllIcons.tsx","../src/components/Icon/Icon.style.tsx","../src/components/Icon/Icon.tsx","../src/components/DevtoolsApp/DevtoolsApp.style.tsx","../src/components/DevMenu/DevMenu.style.tsx","../src/components/DevMenu/DevMenu.tsx","../src/data/devRoutes.ts","../src/store/selectors.ts","../src/containers/DevMenuContainer.tsx","../src/components/DevPanel/DevPanel.style.tsx","../src/components/DevInspector/DevInspector.style.tsx","../src/components/RequestJourney/RequestJourney.style.tsx","../src/utils/date.ts","../src/components/Time/Time.style.tsx","../src/components/Time/Time.tsx","../src/components/JourneyRow/JourneyRow.style.tsx","../src/components/JourneyRow/JourneyRow.tsx","../src/components/RequestJourney/RequestJourney.tsx","../src/components/RequestDetails/RequestDetails.style.tsx","../src/components/JsonViewer/JsonViewer.style.tsx","../src/components/JsonViewer/JsonViewer.tsx","../src/components/RequestDetails/RequestDetails.tsx","../src/components/DevInspector/DevInspector.tsx","../src/components/DevList/DevList.style.tsx","../src/components/DevList/DevList.tsx","../src/components/RequestRow/RequestRow.style.tsx","../src/components/RequestRow/RequestRow.tsx","../src/components/Lifecycle/Lifecycle.style.tsx","../src/components/Lifecycle/Lifecycle.tsx","../src/containers/LifecycleReceivedContainer.tsx","../src/containers/GlobalStatsContainer.tsx","../src/containers/EndpointConfigsContainer.tsx","../src/containers/GlobalSettingsContainer.tsx","../src/containers/EndpointStatusContainer.tsx","../src/containers/LifecycleInQueueContainer.tsx","../src/containers/LifecycleGeneralErrorContainer.tsx","../src/containers/LifecyclePendingApiContainer.tsx","../src/containers/LifecycleApiErrorContainer.tsx","../src/containers/LifecyclePostActionContainer.tsx","../src/containers/LifecycleFailedContainer.tsx","../src/data/devComponents.tsx","../src/components/DevPanel/DevPanel.tsx","../src/containers/DevPanelContainer.tsx","../src/components/Size/Size.style.tsx","../src/components/Size/Size.tsx","../src/components/DevtoolsApp/DevtoolsApp.tsx","../src/utils/download.ts","../src/hooks/useStoreSize.ts","../src/containers/DevtoolsAppContainer.tsx"],"sourcesContent":["import React from 'react';\n\nexport type IconName = 'download' | 'close' | 'clearAll';\n\ntype IconProps = {\n size?: number;\n};\n\nconst Download = (props: IconProps) => {\n const { size = 24 } = props;\n\n return (\n <svg\n xmlns='http://www.w3.org/2000/svg'\n viewBox='0 0 24 24'\n width={`${size}px`}\n height={`${size}px`}\n fill='currentColor'\n >\n <path d='M0 0h24v24H0z' fill='none' />\n <path d='M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z' />\n </svg>\n );\n};\n\nconst Close = (props: IconProps) => {\n const { size = 24 } = props;\n\n return (\n <svg\n xmlns='http://www.w3.org/2000/svg'\n viewBox='0 0 24 24'\n width={`${size}px`}\n height={`${size}px`}\n fill='currentColor'\n >\n <path d='M0 0h24v24H0z' fill='none' />\n <path d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z' />\n </svg>\n );\n};\n\nconst ClearAll = (props: IconProps) => {\n const { size = 24 } = props;\n\n return (\n <svg\n xmlns='http://www.w3.org/2000/svg'\n viewBox='0 0 24 24'\n width={`${size}px`}\n height={`${size}px`}\n fill='currentColor'\n >\n <path d='M0 0h24v24H0z' fill='none' />\n <path d='M5 13h14v-2H5v2zm-2 4h14v-2H3v2zM7 7v2h14V7H7z' />\n </svg>\n );\n};\n\ntype Icons = Record<IconName, React.FC<IconProps>>;\n\nexport const allIcons: Icons = {\n close: Close,\n clearAll: ClearAll,\n download: Download,\n};\n","import styled from 'styled-components';\n\nexport const Container = styled.div<{ color?: string }>`\n margin: 0 3px;\n color: ${(props) => props.color ?? 'inherit'};\n cursor: pointer;\n\n &:hover {\n color: gold;\n }\n`;\n","import React from 'react';\nimport { allIcons, IconName } from './AllIcons';\nimport { Container } from './Icon.style';\n\nexport type IconProps = {\n name: IconName;\n color?: string;\n size?: number;\n onClick?: () => void;\n};\n\nexport function Icon(props: IconProps) {\n const { name, size = 20, color } = props;\n const Cmp = allIcons[name];\n\n return (\n <Container\n className='Icon-container'\n data-testid='Icon-container'\n color={color}\n onClick={props.onClick}\n >\n <Cmp size={size} />\n </Container>\n );\n}\n\nexport default Icon;\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n flex: 1;\n background-color: #223;\n z-index: 3;\n color: #eee;\n display: flex;\n flex-direction: column;\n min-width: 880px;\n min-height: 880px;\n`;\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n width: 190px;\n ${(props) => props.theme.borderRight('1px solid rgba(255, 255, 255, 0.2)')}\n box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);\n`;\n\nexport const MenuGroup = styled.div`\n border-bottom: 1px solid rgba(255, 255, 255, 0.2);\n`;\n\nexport const MenuGroupTitle = styled.div`\n font-size: 13px;\n padding: 5px 10px;\n color: rgba(255, 255, 255, 0.5);\n border-bottom: 1px solid rgba(255, 255, 255, 0.2);\n background-color: rgba(0, 0, 0, 0.1);\n`;\n\nexport const MenuItem = styled.div`\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 6px 10px;\n font-size: 14px;\n color: rgba(255, 255, 255, 0.89);\n background-color: transparent;\n\n &.selected {\n color: gold;\n background-color: rgba(255, 255, 255, 0.05);\n }\n\n &:hover {\n background-color: rgba(255, 255, 255, 0.1);\n cursor: pointer;\n }\n`;\n\nexport const Title = styled.div`\n flex: 1;\n`;\n\nexport const Badge = styled.div`\n background-color: rgba(0, 0, 80, 0.3);\n padding: 0 4px;\n font-size: 12px;\n border-radius: 7px;\n border: 1px solid #334;\n color: cyan;\n`;\n\nexport const BadgeTotal = styled(Badge)`\n color: #555;\n`;\n","import React from 'react';\nimport { IDevRoute } from '../../data/devRoutes';\nimport {\n Container,\n MenuGroup,\n MenuGroupTitle,\n MenuItem,\n Title,\n Badge,\n BadgeTotal,\n} from './DevMenu.style';\nimport classnames from 'classnames';\n\nexport type DevMenuProps = {\n groups: string[];\n items: IDevRoute[];\n onClick: (route: IDevRoute) => void;\n selectedId: string;\n badges: Record<string, number>;\n badgesTotal: Record<string, number>;\n};\n\nexport function DevMenu(props: DevMenuProps) {\n const { groups, items, selectedId, badges, badgesTotal } = props;\n\n function renderItem(item: IDevRoute) {\n const { title, id } = item;\n const selected = id === selectedId;\n\n const badge = badges[id];\n const badgeTotal = badgesTotal[id];\n\n return (\n <MenuItem\n key={item.id}\n className={classnames({ selected })}\n onClick={() => props.onClick(item)}\n >\n <Title>{title}</Title>\n {badgeTotal > 0 && badgeTotal !== badge && (\n <BadgeTotal>{badgeTotal}</BadgeTotal>\n )}\n {badge > 0 && <Badge>{badge}</Badge>}\n </MenuItem>\n );\n }\n\n function renderItems(groupItems: IDevRoute[]) {\n return groupItems.map((item: IDevRoute) => renderItem(item));\n }\n\n function renderGroup(group: string) {\n const groupItems = items.filter((item) => item.group === group);\n\n return (\n <MenuGroup key={group}>\n <MenuGroupTitle>{group}</MenuGroupTitle>\n {renderItems(groupItems)}\n </MenuGroup>\n );\n }\n\n function renderGroups() {\n return groups.map((group: string) => renderGroup(group));\n }\n\n return (\n <Container\n className='DevMenu-container'\n data-testid='DevMenu-container'\n >\n {renderGroups()}\n </Container>\n );\n}\n\nexport default DevMenu;\n","export type IDevRoute = {\n id: string;\n title: string;\n group: string;\n componentId: string;\n};\n\nexport const devRoutes: IDevRoute[] = [\n {\n id: 'lifecycleReceived',\n title: '1. Received',\n group: 'lifecycle',\n componentId: 'LifecycleReceived',\n },\n {\n id: 'lifecycleInQueue',\n title: '2. In queue',\n group: 'lifecycle',\n componentId: 'LifecycleInQueue',\n },\n\n {\n id: 'lifecyclePendingApi',\n title: '3. Pending API',\n group: 'lifecycle',\n componentId: 'LifecyclePendingApi',\n },\n {\n id: 'lifecyclePostAction',\n title: '4. Post action',\n group: 'lifecycle',\n componentId: 'LifecyclePostAction',\n },\n {\n id: 'lifecycleGeneralError',\n title: 'e1. General errors',\n group: 'errors',\n componentId: 'LifecycleGeneralError',\n },\n {\n id: 'lifecycleApiError',\n title: 'e2. API errors',\n group: 'errors',\n componentId: 'LifecycleApiError',\n },\n {\n id: 'lifecycleFailed',\n title: 'e3. Failed requests (after retries)',\n group: 'errors',\n componentId: 'LifecycleFailed',\n },\n {\n id: 'endpointStatus',\n title: 'Endpoint status',\n group: 'settings & stats',\n componentId: 'EndpointStatus',\n },\n {\n id: 'settingsGlobal',\n title: 'Global settings',\n group: 'settings & stats',\n componentId: 'GlobalSettings',\n },\n {\n id: 'settingsEndpoints',\n title: 'Endpoints configs',\n group: 'settings & stats',\n componentId: 'EndpointConfigs',\n },\n {\n id: 'statsGlobal',\n title: 'Global stats',\n group: 'settings & stats',\n componentId: 'GlobalStats',\n },\n];\n\nconst getGroups = (): string[] => {\n const output: string[] = [];\n\n devRoutes.forEach((group) => {\n if (!output.includes(group.group)) {\n output.push(group.group);\n }\n });\n\n return output;\n};\n\nexport const devGroups: string[] = getGroups();\n","import { createSelector } from 'reselect';\nimport { connectedSelectors, LifecycleStatus } from 'redux-connected';\n\nexport const $requests = createSelector(\n connectedSelectors.$requests,\n (requests) => {\n return requests\n .map((request) => {\n const { items } = request;\n\n const lastPoint = items[items.length - 1] ?? {};\n\n const journeyWithDelta = items.map((point, index) => {\n const nextPoint = items[index + 1] ?? point;\n const delta = nextPoint.timestamp - point.timestamp;\n\n return {\n ...point,\n delta,\n };\n });\n\n return {\n ...request,\n items: journeyWithDelta,\n lastPointTimestamp: lastPoint.timestamp,\n lastPointStatus: lastPoint.status,\n };\n })\n .sort((a: any, b: any) => {\n if (a.lastPointTimestamp === b.lastPointTimestamp) {\n return 0;\n }\n\n return a.lastPointTimestamp > b.lastPointTimestamp ? -1 : 1;\n });\n }\n);\n\n// 1\nexport const $requestsReceived = createSelector($requests, (requests) => {\n return requests.filter((request) => {\n const { items } = request;\n const lastPoint = items[items.length - 1];\n return lastPoint && lastPoint.status === LifecycleStatus.RECEIVED;\n });\n});\n\nexport const $requestsReceivedPast = createSelector($requests, (requests) => {\n return requests.filter((request) => {\n const { items } = request;\n\n return items.find((point) => point.status === LifecycleStatus.RECEIVED);\n });\n});\n\n// 2\nexport const $requestsInQueue = createSelector($requests, (requests) => {\n return requests.filter((request) => {\n const { items } = request;\n const lastPoint = items[items.length - 1];\n return lastPoint && lastPoint.status === LifecycleStatus.IN_QUEUE;\n });\n});\n\nexport const $requestsInQueuePast = createSelector($requests, (requests) => {\n return requests.filter((request) => {\n const { items } = request;\n return items.find((point) => point.status === LifecycleStatus.IN_QUEUE);\n });\n});\n\n// 3\nexport const $requestsPendingApi = createSelector($requests, (requests) => {\n return requests.filter((request) => {\n const { items } = request;\n const lastPoint = items[items.length - 1];\n return (\n lastPoint &&\n lastPoint.status === LifecycleStatus.PENDING_API_RESPONSE\n );\n });\n});\n\nexport const $requestsPendingApiPast = createSelector($requests, (requests) => {\n return requests.filter((request) => {\n const { items } = request;\n\n return items.find(\n (point) => point.status === LifecycleStatus.PENDING_API_RESPONSE\n );\n });\n});\n\n// 4\nexport const $requestsPostAction = createSelector($requests, (requests) => {\n return requests.filter((request) => {\n const { items } = request;\n const lastPoint = items[items.length - 1];\n return lastPoint && lastPoint.status === LifecycleStatus.POST_ACTION;\n });\n});\n\nexport const $requestsPostActionPast = createSelector($requests, (requests) => {\n return requests.filter((request) => {\n const { items } = request;\n\n return items.find(\n (point) => point.status === LifecycleStatus.POST_ACTION\n );\n });\n});\n\n// e1\nexport const $requestsGeneralError = createSelector($requests, (requests) => {\n return requests.filter((request) => {\n const { items } = request;\n const lastPoint = items[items.length - 1];\n return lastPoint && lastPoint.status === LifecycleStatus.GENERAL_ERROR;\n });\n});\n\nexport const $requestsGeneralErrorPast = createSelector(\n $requests,\n (requests) => {\n return requests.filter((request) => {\n const { items } = request;\n\n return items.find(\n (point) => point.status === LifecycleStatus.GENERAL_ERROR\n );\n });\n }\n);\n\n// e2\nexport const $requestsApiError = createSelector($requests, (requests) => {\n return requests.filter((request) => {\n const { items } = request;\n const lastPoint = items[items.length - 1];\n return lastPoint && lastPoint.status === LifecycleStatus.API_ERROR;\n });\n});\n\n// e3\nexport const $requestsFailed = createSelector($requests, (requests) => {\n return requests.filter((request) => {\n const { items } = request;\n\n return items.find((point) => point.status === LifecycleStatus.FAILED);\n });\n});\n\nexport const $requestsApiErrorPast = createSelector($requests, (requests) => {\n return requests.filter((request) => {\n const { items } = request;\n\n return items.find(\n (point) => point.status === LifecycleStatus.API_ERROR\n );\n });\n});\n\nexport const $menuBadges = createSelector(\n $requestsReceived,\n $requestsInQueue,\n $requestsGeneralError,\n $requestsPendingApi,\n $requestsApiError,\n $requestsFailed,\n $requestsPostAction,\n (\n requestsReceived,\n requestsInQueue,\n requestsGeneralError,\n requestsPendingApi,\n requestsApiError,\n requestsFailed,\n requestsPostAction\n ) => {\n return {\n lifecycleReceived: requestsReceived.length,\n lifecycleInQueue: requestsInQueue.length,\n lifecycleGeneralError: requestsGeneralError.length,\n lifecyclePendingApi: requestsPendingApi.length,\n lifecycleApiError: requestsApiError.length,\n lifecycleFailed: requestsFailed.length,\n lifecyclePostAction: requestsPostAction.length,\n };\n }\n);\n\nexport const $menuBadgesTotal = createSelector(\n $requestsReceivedPast,\n $requestsInQueuePast,\n $requestsGeneralErrorPast,\n $requestsPendingApiPast,\n $requestsApiErrorPast,\n $requestsFailed,\n $requestsPostActionPast,\n (\n requestsReceived,\n requestsInQueue,\n requestsGeneralError,\n requestsPendingApi,\n requestsApiError,\n requestsFailed,\n requestsPostAction\n ) => {\n return {\n lifecycleReceived: requestsReceived.length,\n lifecycleInQueue: requestsInQueue.length,\n lifecycleGeneralError: requestsGeneralError.length,\n lifecyclePendingApi: requestsPendingApi.length,\n lifecycleApiError: requestsApiError.length,\n lifecycleFailed: requestsFailed.length,\n lifecyclePostAction: requestsPostAction.length,\n };\n }\n);\n","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport DevMenu from '../components/DevMenu/DevMenu';\nimport { devGroups, devRoutes, IDevRoute } from '../data/devRoutes';\nimport { $menuBadges, $menuBadgesTotal } from '../store/selectors';\n\ntype DevPanelProps = {\n selectedId: string;\n onClick: (route: IDevRoute) => void;\n};\n\nexport function DevMenuContainer(props: DevPanelProps) {\n const badges = useSelector($menuBadges);\n const badgesTotal = useSelector($menuBadgesTotal);\n\n return (\n <DevMenu\n groups={devGroups}\n items={devRoutes}\n badges={badges}\n badgesTotal={badgesTotal}\n selectedId={props.selectedId}\n onClick={props.onClick}\n />\n );\n}\n\nexport default DevMenuContainer;\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n flex: 1;\n color: #eee;\n background-color: #232332;\n display: flex;\n flex-direction: row;\n`;\n\nexport const Content = styled.div`\n flex: 1;\n background-color: rgba(0, 0, 0, 0.15);\n display: flex;\n flex-direction: column;\n`;\n\nexport const Actions = styled.div`\n position: absolute;\n bottom: 5px;\n ${(props) => props.theme.left('10px')}\n display: flex;\n flex-direction: row;\n align-items: center;\n`;\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n flex: 1;\n display: flex;\n flex-direction: column;\n`;\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n flex: 1;\n border-top: 1px solid #333;\n max-height: 380px;\n overflow-y: scroll;\n\n &::-webkit-scrollbar {\n width: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: #333;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #555;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #666;\n }\n`;\n","export const timestamp = () => new Date().getTime();\n\nexport let startOfTime = timestamp();\n\nexport const resetStartOfTime = () => {\n startOfTime = timestamp();\n};\n\nexport const getMinutes = () => {\n return new Date().getMinutes();\n};\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n font-family: monospace;\n color: #99a;\n`;\n\nexport const Full = styled.div`\n font-size: 24px;\n`;\n\nexport const Fraction = styled.div`\n font-size: 12px;\n`;\n","import React from 'react';\nimport { startOfTime } from '../../utils/date';\nimport { Container, Full, Fraction } from './Time.style';\n\nexport type TimeProps = {\n value: number;\n};\n\nexport function Time(props: TimeProps) {\n const { value } = props;\n\n const relativeValue = (value - startOfTime) / 1000;\n\n const full = Math.floor(relativeValue);\n const fraction = (relativeValue - full).toFixed(3).split('.').pop();\n\n return (\n <Container className='Time-container' data-testid='Time-container'>\n <Full>{full}</Full>\n <Fraction>{fraction}</Fraction>\n </Container>\n );\n}\n\nexport default Time;\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n flex: 1;\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 10px 20px;\n\n &:nth-child(2n-1) {\n background-color: rgba(0, 0, 0, 0.2);\n }\n\n &:hover {\n background-color: rgba(0, 0, 0, 0.3);\n cursor: pointer;\n }\n`;\n\nexport const Status = styled.div`\n color: #aaa;\n`;\n\nexport const DataIcon = styled.div`\n background-color: #000;\n padding: 3px 7px;\n font-size: 13px;\n font-weight: bold;\n color: purple;\n border-radius: 5px;\n ${(props) => props.theme.marginLeft('10px')}\n`;\n\nexport const Delta = styled.div`\n font-size: 13px;\n width: 60px;\n font-weight: bold;\n color: olive;\n ${(props) => props.theme.marginRight('10px')}\n text-align: center;\n font-family: monospace;\n`;\n\nexport const Flex = styled.div`\n flex: 1;\n`;\n","import React from 'react';\nimport Time from '../Time/Time';\nimport { Container, Status, DataIcon, Delta, Flex } from './JourneyRow.style';\nimport { JourneyPoint, LifecycleStatus } from 'redux-connected';\n\nexport type JourneyRowProps = {\n point: JourneyPoint;\n};\n\nconst statusMap: Record<LifecycleStatus, string> = {\n [LifecycleStatus.RECEIVED]: 'Received',\n [LifecycleStatus.POST_ACTION_OPTIMISTIC]: 'Post action (optimistic)',\n [LifecycleStatus.IN_QUEUE]: 'In queue',\n [LifecycleStatus.GENERAL_ERROR]: 'General error',\n [LifecycleStatus.PENDING_API_RESPONSE]: 'Pending API',\n [LifecycleStatus.API_ERROR]: 'API error',\n [LifecycleStatus.POST_ACTION]: 'Post action',\n [LifecycleStatus.FAILED]: 'Failed',\n};\n\nexport function JourneyRow(props: JourneyRowProps) {\n const { point } = props;\n const { status, timestamp, data, delta = '' } = point;\n\n function printPoint() {\n console.log(data);\n }\n\n function renderDataIcon() {\n if (!data) {\n return null;\n }\n\n return <DataIcon>D</DataIcon>;\n }\n\n function renderDelta() {\n if (!delta) {\n return null;\n }\n\n return <Delta>+{delta.toLocaleString()}</Delta>;\n }\n\n return (\n <Container\n className='JourneyRow-container'\n data-testid='JourneyRow-container'\n onClick={printPoint}\n >\n <Status>{statusMap[status]}</Status>\n {renderDataIcon()}\n <Flex />\n {renderDelta()}\n <Time value={timestamp} />\n </Container>\n );\n}\n\nexport default JourneyRow;\n","import React from 'react';\nimport { Container } from './RequestJourney.style';\nimport { ApiRequest, JourneyPoint } from 'redux-connected';\nimport JourneyRow from '../JourneyRow/JourneyRow';\n\nexport type RequestJourneyProps = {\n item: ApiRequest;\n};\n\nexport function RequestJourney(props: RequestJourneyProps) {\n const { item } = props;\n\n function renderItem(point: JourneyPoint, index: number) {\n return <JourneyRow key={index} point={point} />;\n }\n\n function renderItems() {\n return item.items.map((point: JourneyPoint, index: number) =>\n renderItem(point, index)\n );\n }\n\n return (\n <Container\n className='RequestJourney-container'\n data-testid='RequestJourney-container'\n >\n {renderItems()}\n </Container>\n );\n}\n\nexport default RequestJourney;\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n flex: 1;\n padding: 20px;\n`;\n\nexport const Table = styled.table``;\n\nexport const Tr = styled.tr``;\n\nexport const Td = styled.td`\n color: goldenrod;\n\n &:first-child {\n color: #778;\n text-align: right;\n ${(props) => props.theme.paddingRight('10px')}\n }\n`;\n","import styled from 'styled-components';\n\nexport const Container = styled.div<{ width?: number }>`\n flex: 1;\n max-height: 850px;\n overflow: auto;\n padding: 0 25px;\n max-width: ${(props) => (props.width ? props.width + 'px' : '680px')};\n color: #ccc;\n line-height: 26px;\n\n &::-webkit-scrollbar {\n width: 8px;\n height: 7px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: #333;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #555;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #666;\n }\n`;\n","import React from 'react';\nimport { Container } from './JsonViewer.style';\n\nexport type JsonViewerProps = {\n json: Json | undefined;\n width?: number;\n};\n\nexport function JsonViewer(props: JsonViewerProps) {\n const { json, width } = props;\n\n return (\n <Container\n className='JsonViewer-container'\n data-testid='JsonViewer-container'\n width={width}\n >\n <pre>{JSON.stringify(json, null, 4)}</pre>\n </Container>\n );\n}\n\nexport default JsonViewer;\n","import React from 'react';\nimport { Container, Table, Tr, Td } from './RequestDetails.style';\nimport { ApiRequest } from 'redux-connected';\nimport JsonViewer from '../JsonViewer/JsonViewer';\nimport bytes from 'bytes';\n\nexport type RequestDetailsProps = {\n item: ApiRequest;\n};\n\nexport function RequestDetails(props: RequestDetailsProps) {\n const { item } = props;\n\n return (\n <Container\n className='RequestDetails-container'\n data-testid='RequestDetails-container'\n >\n <Table>\n <tbody>\n <Tr>\n <Td>sequence</Td>\n <Td>{item.sequence}</Td>\n </Tr>\n <Tr>\n <Td>id</Td>\n <Td>{item.shortId}</Td>\n </Tr>\n <Tr>\n <Td>apiVerb</Td>\n <Td>{item.argsApiVerb}</Td>\n </Tr>\n <Tr>\n <Td>connection</Td>\n <Td>{item.argsConnectionType}</Td>\n </Tr>\n <Tr>\n <Td>duration</Td>\n <Td>{item.apiDuration}</Td>\n </Tr>\n <Tr>\n <Td>nodeName</Td>\n <Td>{item.argsNodeName}</Td>\n </Tr>\n <Tr>\n <Td>responseSize</Td>\n <Td>\n {item.apiResponseSize &&\n bytes(item.apiResponseSize)}\n </Td>\n </Tr>\n </tbody>\n </Table>\n\n <JsonViewer width={290} json={item.originalAction} />\n </Container>\n );\n}\n\nexport default RequestDetails;\n","import React from 'react';\nimport { Container } from './DevInspector.style';\nimport { ApiRequest } from 'redux-connected';\nimport RequestJourney from '../RequestJourney/RequestJourney';\nimport RequestDetails from '../RequestDetails/RequestDetails';\n\nexport type DevInspectorProps = {\n item?: ApiRequest;\n};\n\nexport function DevInspector(props: DevInspectorProps) {\n const { item } = props;\n\n if (!item) {\n return (\n <Container\n className='DevInspector-container'\n data-testid='DevInspector-container'\n ></Container>\n );\n }\n\n return (\n <Container\n className='DevInspector-container'\n data-testid='DevInspector-container'\n >\n <RequestDetails item={item} />\n <RequestJourney item={item} />\n </Container>\n );\n}\n\nexport default DevInspector;\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n flex: 1;\n\n .list {\n &::-webkit-scrollbar {\n width: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: #333;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #555;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #666;\n }\n }\n`;\n\nexport const Empty = styled.div`\n color: #456;\n margin: 30px;\n font-size: 17px;\n text-align: center;\n text-shadow: 1px 3px 3px rgba(0, 0, 0, 0.2);\n`;\n","import React from 'react';\nimport { Container, Empty } from './DevList.style';\nimport { FixedSizeList as List } from 'react-window';\nimport classnames from 'classnames';\n\nexport type DevListProps = {\n items: Json[];\n row: React.FC<any>;\n selectedRow: any;\n onClick: (item: any) => void;\n};\n\nexport function DevList(props: DevListProps) {\n const { row: Cmp, items, selectedRow } = props;\n\n const Item = (rowInfo: any) => {\n const { index, style } = rowInfo;\n\n const item = items[index];\n const className = classnames({ selected: item.id === selectedRow?.id });\n\n return (\n <Cmp\n onClick={props.onClick}\n className={className}\n index={index}\n style={style}\n item={item}\n />\n );\n };\n\n function renderEmpty() {\n return <Empty>Empty list</Empty>;\n }\n\n function renderList() {\n if (items.length === 0) {\n return renderEmpty();\n }\n\n return (\n <List\n height={850}\n itemCount={items.length}\n itemSize={68}\n width={350}\n className='list'\n >\n {Item}\n </List>\n );\n }\n\n return (\n <Container\n className='DevList-container'\n data-testid='DevList-container'\n >\n {renderList()}\n </Container>\n );\n}\n\nexport default DevList;\n","import styled from 'styled-components';\n\nexport const Container = styled.div<{ index: number }>`\n flex: 1;\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 10px;\n max-width: 90%;\n background-color: ${(props) =>\n props.index % 2 === 1 ? 'rgba(0, 0, 0, 0.2)' : 'transparent'};\n\n &:hover {\n background-color: rgba(0, 0, 0, 0.7);\n cursor: pointer;\n }\n`;\n\nexport const Col = styled.div`\n &:first-child {\n flex: 1;\n }\n`;\n\nexport const Id = styled.div`\n color: goldenrod;\n font-size: 16px;\n`;\n\nexport const Type = styled.div`\n color: brown;\n`;\n","import React from 'react';\nimport { Container, Col, Id, Type } from './RequestRow.style';\nimport Time from '../Time/Time';\nimport { ApiRequest } from 'redux-connected';\n\nexport type RequestRowProps = {\n style: Json;\n item: ApiRequest;\n index: number;\n className?: string;\n onClick: (item: ApiRequest) => void;\n};\n\nexport function RequestRow(props: RequestRowProps) {\n const { index, style, item, className } = props;\n const { sequence, createdTS } = item;\n\n return (\n <Container\n className={`DevListRow-container ${className}`}\n data-testid='DevListRow-container'\n style={style}\n index={index}\n onClick={() => props.onClick(item)}\n >\n <Col>\n <Id>{sequence}</Id>\n <Type>{item.originalAction?.type}</Type>\n </Col>\n <Col>\n <Time value={createdTS} />\n </Col>\n </Container>\n );\n}\n\nexport default RequestRow;\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n flex: 1;\n display: flex;\n`;\n","import DevInspector from '../DevInspector/DevInspector';\nimport DevList from '../DevList/DevList';\nimport React, { useState } from 'react';\nimport RequestRow from '../RequestRow/RequestRow';\nimport { ApiRequest } from 'redux-connected';\nimport { Container } from './Lifecycle.style';\n\nexport type LifecycleProps = {\n requests: ApiRequest[];\n};\n\nexport function Lifecycle(props: LifecycleProps) {\n const { requests } = props;\n const [item, setItem] = useState<ApiRequest>();\n\n function onClick(newItem: ApiRequest) {\n setItem(newItem);\n }\n\n return (\n <Container\n className='Lifecycle-container'\n data-testid='Lifecycle-container'\n >\n <DevList\n items={requests}\n row={RequestRow}\n onClick={onClick}\n selectedRow={item}\n />\n <DevInspector item={item} />\n </Container>\n );\n}\n\nexport default Lifecycle;\n","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport Lifecycle from '../components/Lifecycle/Lifecycle';\nimport { $requestsReceivedPast } from '../store/selectors';\n\nexport function LifecycleReceivedContainer() {\n const requests = useSelector($requestsReceivedPast);\n return <Lifecycle requests={requests} />;\n}\n\nexport default LifecycleReceivedContainer;\n","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport JsonViewer from '../components/JsonViewer/JsonViewer';\nimport { connectedSelectors } from 'redux-connected';\n\nexport function GlobalStatsContainer() {\n const json = useSelector(connectedSelectors.$apiGlobalStatsRaw);\n\n return <JsonViewer json={json} />;\n}\n\nexport default GlobalStatsContainer;\n","import React from 'react';\nimport JsonViewer from '../components/JsonViewer/JsonViewer';\nimport { connectedSelectors } from 'redux-connected';\nimport { useSelector } from 'react-redux';\n\nexport function EndpointConfigsContainer() {\n const json = useSelector(connectedSelectors.$endpointsConfigRaw);\n\n return <JsonViewer json={json} />;\n}\n\nexport default EndpointConfigsContainer;\n","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport JsonViewer from '../components/JsonViewer/JsonViewer';\nimport { connectedSelectors } from 'redux-connected';\n\nexport function GlobalSettingsContainer() {\n const json = useSelector(connectedSelectors.$apiGlobalSettingsRaw);\n\n return <JsonViewer json={json} />;\n}\n\nexport default GlobalSettingsContainer;\n","import React from 'react';\nimport JsonViewer from '../components/JsonViewer/JsonViewer';\nimport { connectedSelectors } from 'redux-connected';\nimport { useSelector } from 'react-redux';\n\nexport function EndpointStatusContainer() {\n const json = useSelector(connectedSelectors.$endpointsStateRaw);\n\n return <JsonViewer json={json} />;\n}\n\nexport default EndpointStatusContainer;\n","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport Lifecycle from '../components/Lifecycle/Lifecycle';\nimport { $requestsInQueuePast } from '../store/selectors';\n\nexport function LifecycleInQueueContainer() {\n const requests = useSelector($requestsInQueuePast);\n return <Lifecycle requests={requests} />;\n}\n\nexport default LifecycleInQueueContainer;\n","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport Lifecycle from '../components/Lifecycle/Lifecycle';\nimport { $requestsGeneralErrorPast } from '../store/selectors';\n\nexport function LifecycleGeneralErrorContainer() {\n const requests = useSelector($requestsGeneralErrorPast);\n return <Lifecycle requests={requests} />;\n}\n\nexport default LifecycleGeneralErrorContainer;\n","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport Lifecycle from '../components/Lifecycle/Lifecycle';\nimport { $requestsPendingApiPast } from '../store/selectors';\n\nexport function LifecyclePendingApiContainer() {\n const requests = useSelector($requestsPendingApiPast);\n return <Lifecycle requests={requests} />;\n}\n\nexport default LifecyclePendingApiContainer;\n","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport Lifecycle from '../components/Lifecycle/Lifecycle';\nimport { $requestsApiErrorPast } from '../store/selectors';\n\nexport function LifecycleApiErrorContainer() {\n const requests = useSelector($requestsApiErrorPast);\n return <Lifecycle requests={requests} />;\n}\n\nexport default LifecycleApiErrorContainer;\n","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport Lifecycle from '../components/Lifecycle/Lifecycle';\nimport { $requestsPostActionPast } from '../store/selectors';\n\nexport function LifecyclePostActionContainer() {\n const requests = useSelector($requestsPostActionPast);\n return <Lifecycle requests={requests} />;\n}\n\nexport default LifecyclePostActionContainer;\n","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport Lifecycle from '../components/Lifecycle/Lifecycle';\nimport { $requestsFailed } from '../store/selectors';\n\nexport function LifecycleFailedContainer() {\n const requests = useSelector($requestsFailed);\n return <Lifecycle requests={requests} />;\n}\n\nexport default LifecycleFailedContainer;\n","import LifecycleReceivedContainer from '../containers/LifecycleReceivedContainer';\nimport GlobalStatsContainer from '../containers/GlobalStatsContainer';\nimport EndpointConfigsContainer from '../containers/EndpointConfigsContainer';\nimport GlobalSettingsContainer from '../containers/GlobalSettingsContainer';\nimport EndpointStatusContainer from '../containers/EndpointStatusContainer';\nimport LifecycleInQueueContainer from '../containers/LifecycleInQueueContainer';\nimport LifecycleGeneralErrorContainer from '../containers/LifecycleGeneralErrorContainer';\nimport LifecyclePendingApiContainer from '../containers/LifecyclePendingApiContainer';\nimport LifecycleApiErrorContainer from '../containers/LifecycleApiErrorContainer';\nimport LifecyclePostActionContainer from '../containers/LifecyclePostActionContainer';\nimport LifecycleFailedContainer from '../containers/LifecycleFailedContainer';\n\ntype DevComponents = Record<string, React.FC<any>>;\n\nexport const devComponents: DevComponents = {\n LifecycleReceived: LifecycleReceivedContainer,\n LifecycleInQueue: LifecycleInQueueContainer,\n LifecycleGeneralError: LifecycleGeneralErrorContainer,\n LifecyclePendingApi: LifecyclePendingApiContainer,\n LifecycleApiError: LifecycleApiErrorContainer,\n LifecycleFailed: LifecycleFailedContainer,\n LifecyclePostAction: LifecyclePostActionContainer,\n GlobalSettings: GlobalSettingsContainer,\n GlobalStats: GlobalStatsContainer,\n EndpointConfigs: EndpointConfigsContainer,\n EndpointStatus: EndpointStatusContainer,\n};\n","import DevMenu from '../../containers/DevMenuContainer';\nimport React, { useState } from 'react';\nimport { Actions, Container, Content } from './DevPanel.style';\nimport { devComponents } from '../../data/devComponents';\nimport { devRoutes, IDevRoute } from '../../data/devRoutes';\n\nexport type DevPanelProps = {\n children: JSX.Element | JSX.Element[];\n};\n\nexport function DevPanel(props: DevPanelProps) {\n const [route, setRoute] = useState<IDevRoute>(devRoutes[0]);\n\n function renderRoute() {\n const Cmp = devComponents[route.componentId];\n return <Cmp key={route.id} />;\n }\n\n return (\n <Container\n className='DevPanel-container'\n data-testid='DevPanel-container'\n >\n <DevMenu\n selectedId={route.id}\n onClick={(item: IDevRoute) => setRoute(item)}\n />\n <Actions>{props.children}</Actions>\n <Content>{renderRoute()}</Content>\n </Container>\n );\n}\n\n/*\n for the chrome extension devtools panel\n TODO: find another way to encapsulate this\n\nlet bgConnection;\n\nfunction init(id: string) {\n bgConnection = chrome.runtime?.connect({\n name: id,\n });\n\n if (bgConnection) {\n bgConnection.onMessage.addListener((message: Json) => {\n console.log('message ->', message);\n });\n }\n}\n\nif (chrome) {\n const tabId = String(chrome.devtools?.inspectedWindow.tabId ?? '');\n init(tabId);\n}\n*/\n\nexport default DevPanel;\n","import React from 'react';\nimport DevPanel from '../components/DevPanel/DevPanel';\n\ntype DevPanelProps = {\n children: JSX.Element | JSX.Element[];\n};\n\nexport function DevPanelContainer(props: DevPanelProps) {\n return <DevPanel>{props.children}</DevPanel>;\n}\n\nexport default DevPanelContainer;\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n color: olive;\n margin: 0 5px;\n`;\n","import React from 'react';\nimport { Container } from './Size.style';\nimport bytes from 'bytes';\nimport { useMemo } from 'react';\n\nexport type SizeProps = {\n size?: number;\n};\n\nexport function Size(props: SizeProps) {\n const { size = 0 } = props;\n const sizeText = useMemo(() => bytes(size), [size]);\n\n return (\n <Container className='Size-container' data-testid='Size-container'>\n {!size ? '-' : sizeText}\n </Container>\n );\n}\n\nexport default Size;\n","import Icon from '../Icon/Icon';\nimport React, { useRef } from 'react';\nimport { Container } from './DevtoolsApp.style';\nimport { DevPanelContainer } from '../../containers/DevPanelContainer';\nimport { Provider } from 'react-redux';\nimport Size from '../Size/Size';\nimport classnames from 'classnames';\n\nexport type DevtoolsAppProps = {\n connectedStore: any;\n clearRequests: () => void;\n downloadState: () => void;\n storeSizeInBytes?: number;\n isDarkMode?: boolean;\n};\n\nexport function DevtoolsApp(props: DevtoolsAppProps) {\n const { connectedStore, storeSizeInBytes, isDarkMode } = props;\n const ref = useRef(null);\n\n const className = classnames('DevtoolsApp-container', {\n darkMode: isDarkMode,\n });\n\n return (\n <Container\n ref={ref}\n className={className}\n data-testid='DevtoolsApp-container'\n >\n <Provider store={connectedStore}>\n <DevPanelContainer>\n <Size size={storeSizeInBytes} />\n <Icon\n name='clearAll'\n onClick={() => props.clearRequests()}\n />\n <Icon name='download' onClick={props.downloadState} />\n </DevPanelContainer>\n </Provider>\n </Container>\n );\n}\n\nexport default DevtoolsApp;\n","export const download = (filename: string, json: Json) => {\n const data = JSON.stringify(json, null, 4);\n\n const blob = new Blob([data], { type: 'text/csv' });\n // @ts-ignore\n if (window.navigator.msSaveOrOpenBlob) {\n // @ts-ignore\n window.navigator.msSaveBlob(blob, filename);\n } else {\n const elem = window.document.createElement('a');\n elem.href = window.URL.createObjectURL(blob);\n elem.download = filename;\n document.body.appendChild(elem);\n elem.click();\n document.body.removeChild(elem);\n }\n};\n","import { useState, useEffect } from 'react';\nimport { debounce } from 'shared-base';\n\ntype Callback = () => void;\n\ninterface ReduxStore {\n getState: () => Json;\n subscribe: (callback: Callback) => void;\n}\n\nexport const useStoreSize = (store: ReduxStore) => {\n const [storeSize, setStoreSize] = useState<number>();\n\n const calculateSize = debounce(() => {\n const state = store.getState();\n const size = JSON.stringify(state).length;\n setStoreSize(size);\n }, 500);\n\n useEffect(() => {\n store.subscribe(() => {\n calculateSize();\n });\n }, [store]);\n\n return storeSize;\n};\n","import React from 'react';\nimport DevtoolsApp from '../components/DevtoolsApp/DevtoolsApp';\nimport { clearCompletedRequests, clearFailedRequests } from 'redux-connected';\nimport { getMinutes, resetStartOfTime } from '../utils/date';\nimport { download } from '../utils/download';\nimport { useStoreSize } from '../hooks/useStoreSize';\n\nexport type DevtoolsAppProps = {\n connectedStore: any;\n isDarkMode?: boolean;\n};\n\nexport function DevtoolsAppContainer(props: DevtoolsAppProps) {\n const { connectedStore, isDarkMode } = props;\n const storeSizeInBytes = useStoreSize(connectedStore);\n\n function clearRequests() {\n connectedStore.dispatch(clearCompletedRequests());\n connectedStore.dispatch(clearFailedRequests());\n // also resets time\n resetStartOfTime();\n }\n\n function downloadState() {\n const state = connectedStore.getState();\n const minutes = getMinutes();\n const filename = `state_${minutes}.json`;\n download(filename, state);\n }\n\n return (\n <DevtoolsApp\n connectedStore={connectedStore}\n clearRequests={clearRequests}\n downloadState={downloadState}\n storeSizeInBytes={storeSizeInBytes}\n isDarkMode={isDarkMode}\n />\n );\n}\n\nexport default DevtoolsAppContainer;\n"],"names":["Container","_a","timestamp","List","DevMenu"],"mappings":"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"}

package/dist/redux-connected-devtools.umd.js ADDED Viewed

@@ -0,0 +1,247 @@
+(function(f,E){typeof exports=="object"&&typeof module!="undefined"?E(exports,require("react"),require("styled-components"),require("react-redux"),require("classnames"),require("reselect"),require("redux-connected"),require("bytes"),require("react-window"),require("shared-base")):typeof define=="function"&&define.amd?define(["exports","react","styled-components","react-redux","classnames","reselect","redux-connected","bytes","react-window","shared-base"],E):(f=typeof globalThis!="undefined"?globalThis:f||self,E(f.ReduxConnectedDevtools={},f.react,f.styledComponents,f.reactRedux,f.classnames,f.reselect,f.reduxConnected,f.bytes,f.reactWindow,f.sharedBase))})(this,function(f,E,J,m,Q,d,c,V,U,W){"use strict";function P(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var n=P(E),a=P(J),k=P(Q),C=P(V);const K={close:e=>{const{size:t=24}=e;return n.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:`${t}px`,height:`${t}px`,fill:"currentColor"},n.default.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),n.default.createElement("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}))},clearAll:e=>{const{size:t=24}=e;return n.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:`${t}px`,height:`${t}px`,fill:"currentColor"},n.default.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),n.default.createElement("path",{d:"M5 13h14v-2H5v2zm-2 4h14v-2H3v2zM7 7v2h14V7H7z"}))},download:e=>{const{size:t=24}=e;return n.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:`${t}px`,height:`${t}px`,fill:"currentColor"},n.default.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),n.default.createElement("path",{d:"M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"}))}},X=a.default.div`
+    margin: 0 3px;
+    color: ${e=>{var t;return(t=e.color)!=null?t:"inherit"}};
+    cursor: pointer;
+    &:hover {
+        color: gold;
+    }
+`;function D(e){const{name:t,size:l=20,color:r}=e,o=K[t];return n.default.createElement(X,{className:"Icon-container","data-testid":"Icon-container",color:r,onClick:e.onClick},n.default.createElement(o,{size:l}))}const Y=a.default.div`
+    flex: 1;
+    background-color: #223;
+    z-index: 3;
+    color: #eee;
+    display: flex;
+    flex-direction: column;
+    min-width: 880px;
+    min-height: 880px;
+`,Z=a.default.div`
+    width: 190px;
+    ${e=>e.theme.borderRight("1px solid rgba(255, 255, 255, 0.2)")}
+    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
+`,ee=a.default.div`
+    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
+`,te=a.default.div`
+    font-size: 13px;
+    padding: 5px 10px;
+    color: rgba(255, 255, 255, 0.5);
+    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
+    background-color: rgba(0, 0, 0, 0.1);
+`,ne=a.default.div`
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    padding: 6px 10px;
+    font-size: 14px;
+    color: rgba(255, 255, 255, 0.89);
+    background-color: transparent;
+    &.selected {
+        color: gold;
+        background-color: rgba(255, 255, 255, 0.05);
+    }
+    &:hover {
+        background-color: rgba(255, 255, 255, 0.1);
+        cursor: pointer;
+    }
+`,le=a.default.div`
+    flex: 1;
+`,q=a.default.div`
+    background-color: rgba(0, 0, 80, 0.3);
+    padding: 0 4px;
+    font-size: 12px;
+    border-radius: 7px;
+    border: 1px solid #334;
+    color: cyan;
+`,re=a.default(q)`
+    color: #555;
+`;function oe(e){const{groups:t,items:l,selectedId:r,badges:o,badgesTotal:i}=e;function s(u){const{title:S,id:I}=u,ft=I===r,R=o[I],$=i[I];return n.default.createElement(ne,{key:u.id,className:k.default({selected:ft}),onClick:()=>e.onClick(u)},n.default.createElement(le,null,S),$>0&&$!==R&&n.default.createElement(re,null,$),R>0&&n.default.createElement(q,null,R))}function h(u){return u.map(S=>s(S))}function y(u){const S=l.filter(I=>I.group===u);return n.default.createElement(ee,{key:u},n.default.createElement(te,null,u),h(S))}function x(){return t.map(u=>y(u))}return n.default.createElement(Z,{className:"DevMenu-container","data-testid":"DevMenu-container"},x())}const L=[{id:"lifecycleReceived",title:"1. Received",group:"lifecycle",componentId:"LifecycleReceived"},{id:"lifecycleInQueue",title:"2. In queue",group:"lifecycle",componentId:"LifecycleInQueue"},{id:"lifecyclePendingApi",title:"3. Pending API",group:"lifecycle",componentId:"LifecyclePendingApi"},{id:"lifecyclePostAction",title:"4. Post action",group:"lifecycle",componentId:"LifecyclePostAction"},{id:"lifecycleGeneralError",title:"e1. General errors",group:"errors",componentId:"LifecycleGeneralError"},{id:"lifecycleApiError",title:"e2. API errors",group:"errors",componentId:"LifecycleApiError"},{id:"lifecycleFailed",title:"e3. Failed requests (after retries)",group:"errors",componentId:"LifecycleFailed"},{id:"endpointStatus",title:"Endpoint status",group:"settings & stats",componentId:"EndpointStatus"},{id:"settingsGlobal",title:"Global settings",group:"settings & stats",componentId:"GlobalSettings"},{id:"settingsEndpoints",title:"Endpoints configs",group:"settings & stats",componentId:"EndpointConfigs"},{id:"statsGlobal",title:"Global stats",group:"settings & stats",componentId:"GlobalStats"}],ae=(()=>{const e=[];return L.forEach(t=>{e.includes(t.group)||e.push(t.group)}),e})(),g=d.createSelector(c.connectedSelectors.$requests,e=>e.map(t=>{var i;const{items:l}=t,r=(i=l[l.length-1])!=null?i:{},o=l.map((s,h)=>{var u;const x=((u=l[h+1])!=null?u:s).timestamp-s.timestamp;return{...s,delta:x}});return{...t,items:o,lastPointTimestamp:r.timestamp,lastPointStatus:r.status}}).sort((t,l)=>t.lastPointTimestamp===l.lastPointTimestamp?0:t.lastPointTimestamp>l.lastPointTimestamp?-1:1)),ce=d.createSelector(g,e=>e.filter(t=>{const{items:l}=t,r=l[l.length-1];return r&&r.status===c.LifecycleStatus.RECEIVED})),N=d.createSelector(g,e=>e.filter(t=>{const{items:l}=t;return l.find(r=>r.status===c.LifecycleStatus.RECEIVED)})),ie=d.createSelector(g,e=>e.filter(t=>{const{items:l}=t,r=l[l.length-1];return r&&r.status===c.LifecycleStatus.IN_QUEUE})),z=d.createSelector(g,e=>e.filter(t=>{const{items:l}=t;return l.find(r=>r.status===c.LifecycleStatus.IN_QUEUE)})),se=d.createSelector(g,e=>e.filter(t=>{const{items:l}=t,r=l[l.length-1];return r&&r.status===c.LifecycleStatus.PENDING_API_RESPONSE})),T=d.createSelector(g,e=>e.filter(t=>{const{items:l}=t;return l.find(r=>r.status===c.LifecycleStatus.PENDING_API_RESPONSE)})),ue=d.createSelector(g,e=>e.filter(t=>{const{items:l}=t,r=l[l.length-1];return r&&r.status===c.LifecycleStatus.POST_ACTION})),G=d.createSelector(g,e=>e.filter(t=>{const{items:l}=t;return l.find(r=>r.status===c.LifecycleStatus.POST_ACTION)})),de=d.createSelector(g,e=>e.filter(t=>{const{items:l}=t,r=l[l.length-1];return r&&r.status===c.LifecycleStatus.GENERAL_ERROR})),_=d.createSelector(g,e=>e.filter(t=>{const{items:l}=t;return l.find(r=>r.status===c.LifecycleStatus.GENERAL_ERROR)})),fe=d.createSelector(g,e=>e.filter(t=>{const{items:l}=t,r=l[l.length-1];return r&&r.status===c.LifecycleStatus.API_ERROR})),A=d.createSelector(g,e=>e.filter(t=>{const{items:l}=t;return l.find(r=>r.status===c.LifecycleStatus.FAILED)})),O=d.createSelector(g,e=>e.filter(t=>{const{items:l}=t;return l.find(r=>r.status===c.LifecycleStatus.API_ERROR)})),me=d.createSelector(ce,ie,de,se,fe,A,ue,(e,t,l,r,o,i,s)=>({lifecycleReceived:e.length,lifecycleInQueue:t.length,lifecycleGeneralError:l.length,lifecyclePendingApi:r.length,lifecycleApiError:o.length,lifecycleFailed:i.length,lifecyclePostAction:s.length})),pe=d.createSelector(N,z,_,T,O,A,G,(e,t,l,r,o,i,s)=>({lifecycleReceived:e.length,lifecycleInQueue:t.length,lifecycleGeneralError:l.length,lifecyclePendingApi:r.length,lifecycleApiError:o.length,lifecycleFailed:i.length,lifecyclePostAction:s.length}));function ge(e){const t=m.useSelector(me),l=m.useSelector(pe);return n.default.createElement(oe,{groups:ae,items:L,badges:t,badgesTotal:l,selectedId:e.selectedId,onClick:e.onClick})}const Ee=a.default.div`
+    flex: 1;
+    color: #eee;
+    background-color: #232332;
+    display: flex;
+    flex-direction: row;
+`,he=a.default.div`
+    flex: 1;
+    background-color: rgba(0, 0, 0, 0.15);
+    display: flex;
+    flex-direction: column;
+`,ye=a.default.div`
+    position: absolute;
+    bottom: 5px;
+    ${e=>e.theme.left("10px")}
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+`,M=a.default.div`
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+`,ve=a.default.div`
+    flex: 1;
+    border-top: 1px solid #333;
+    max-height: 380px;
+    overflow-y: scroll;
+    &::-webkit-scrollbar {
+        width: 8px;
+    }
+    /* Track */
+    &::-webkit-scrollbar-track {
+        background: #333;
+    }
+    /* Handle */
+    &::-webkit-scrollbar-thumb {
+        background: #555;
+    }
+    /* Handle on hover */
+    &::-webkit-scrollbar-thumb:hover {
+        background: #666;
+    }
+`,F=()=>new Date().getTime();let H=F();const be=()=>{H=F()},Se=()=>new Date().getMinutes(),we=a.default.div`
+    display: flex;
+    flex-direction: row;
+    align-items: flex-start;
+    font-family: monospace;
+    color: #99a;
+`,xe=a.default.div`
+    font-size: 24px;
+`,Ie=a.default.div`
+    font-size: 12px;
+`;function B(e){const{value:t}=e,l=(t-H)/1e3,r=Math.floor(l),o=(l-r).toFixed(3).split(".").pop();return n.default.createElement(we,{className:"Time-container","data-testid":"Time-container"},n.default.createElement(xe,null,r),n.default.createElement(Ie,null,o))}const Pe=a.default.div`
+    flex: 1;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    padding: 10px 20px;
+    &:nth-child(2n-1) {
+        background-color: rgba(0, 0, 0, 0.2);
+    }
+    &:hover {
+        background-color: rgba(0, 0, 0, 0.3);
+        cursor: pointer;
+    }
+`,ke=a.default.div`
+    color: #aaa;
+`,Le=a.default.div`
+    background-color: #000;
+    padding: 3px 7px;
+    font-size: 13px;
+    font-weight: bold;
+    color: purple;
+    border-radius: 5px;
+    ${e=>e.theme.marginLeft("10px")}
+`,Ae=a.default.div`
+    font-size: 13px;
+    width: 60px;
+    font-weight: bold;
+    color: olive;
+    ${e=>e.theme.marginRight("10px")}
+    text-align: center;
+    font-family: monospace;
+`,Re=a.default.div`
+    flex: 1;
+`,$e={[c.LifecycleStatus.RECEIVED]:"Received",[c.LifecycleStatus.POST_ACTION_OPTIMISTIC]:"Post action (optimistic)",[c.LifecycleStatus.IN_QUEUE]:"In queue",[c.LifecycleStatus.GENERAL_ERROR]:"General error",[c.LifecycleStatus.PENDING_API_RESPONSE]:"Pending API",[c.LifecycleStatus.API_ERROR]:"API error",[c.LifecycleStatus.POST_ACTION]:"Post action",[c.LifecycleStatus.FAILED]:"Failed"};function Ce(e){const{point:t}=e,{status:l,timestamp:r,data:o,delta:i=""}=t;function s(){console.log(o)}function h(){return o?n.default.createElement(Le,null,"D"):null}function y(){return i?n.default.createElement(Ae,null,"+",i.toLocaleString()):null}return n.default.createElement(Pe,{className:"JourneyRow-container","data-testid":"JourneyRow-container",onClick:s},n.default.createElement(ke,null,$e[l]),h(),n.default.createElement(Re,null),y(),n.default.createElement(B,{value:r}))}function De(e){const{item:t}=e;function l(o,i){return n.default.createElement(Ce,{key:i,point:o})}function r(){return t.items.map((o,i)=>l(o,i))}return n.default.createElement(ve,{className:"RequestJourney-container","data-testid":"RequestJourney-container"},r())}const qe=a.default.div`
+    flex: 1;
+    padding: 20px;
+`,Ne=a.default.table``,v=a.default.tr``,p=a.default.td`
+    color: goldenrod;
+    &:first-child {
+        color: #778;
+        text-align: right;
+        ${e=>e.theme.paddingRight("10px")}
+    }
+`,ze=a.default.div`
+    flex: 1;
+    max-height: 850px;
+    overflow: auto;
+    padding: 0 25px;
+    max-width: ${e=>e.width?e.width+"px":"680px"};
+    color: #ccc;
+    line-height: 26px;
+    &::-webkit-scrollbar {
+        width: 8px;
+        height: 7px;
+    }
+    /* Track */
+    &::-webkit-scrollbar-track {
+        background: #333;
+    }
+    /* Handle */
+    &::-webkit-scrollbar-thumb {
+        background: #555;
+    }
+    /* Handle on hover */
+    &::-webkit-scrollbar-thumb:hover {
+        background: #666;
+    }
+`;function w(e){const{json:t,width:l}=e;return n.default.createElement(ze,{className:"JsonViewer-container","data-testid":"JsonViewer-container",width:l},n.default.createElement("pre",null,JSON.stringify(t,null,4)))}function Te(e){const{item:t}=e;return n.default.createElement(qe,{className:"RequestDetails-container","data-testid":"RequestDetails-container"},n.default.createElement(Ne,null,n.default.createElement("tbody",null,n.default.createElement(v,null,n.default.createElement(p,null,"sequence"),n.default.createElement(p,null,t.sequence)),n.default.createElement(v,null,n.default.createElement(p,null,"id"),n.default.createElement(p,null,t.shortId)),n.default.createElement(v,null,n.default.createElement(p,null,"apiVerb"),n.default.createElement(p,null,t.argsApiVerb)),n.default.createElement(v,null,n.default.createElement(p,null,"connection"),n.default.createElement(p,null,t.argsConnectionType)),n.default.createElement(v,null,n.default.createElement(p,null,"duration"),n.default.createElement(p,null,t.apiDuration)),n.default.createElement(v,null,n.default.createElement(p,null,"nodeName"),n.default.createElement(p,null,t.argsNodeName)),n.default.createElement(v,null,n.default.createElement(p,null,"responseSize"),n.default.createElement(p,null,t.apiResponseSize&&C.default(t.apiResponseSize))))),n.default.createElement(w,{width:290,json:t.originalAction}))}function Ge(e){const{item:t}=e;return t?n.default.createElement(M,{className:"DevInspector-container","data-testid":"DevInspector-container"},n.default.createElement(Te,{item:t}),n.default.createElement(De,{item:t})):n.default.createElement(M,{className:"DevInspector-container","data-testid":"DevInspector-container"})}const _e=a.default.div`
+    flex: 1;
+    .list {
+        &::-webkit-scrollbar {
+            width: 8px;
+        }
+        /* Track */
+        &::-webkit-scrollbar-track {
+            background: #333;
+        }
+        /* Handle */
+        &::-webkit-scrollbar-thumb {
+            background: #555;
+        }
+        /* Handle on hover */
+        &::-webkit-scrollbar-thumb:hover {
+            background: #666;
+        }
+    }
+`,Oe=a.default.div`
+    color: #456;
+    margin: 30px;
+    font-size: 17px;
+    text-align: center;
+    text-shadow: 1px 3px 3px rgba(0, 0, 0, 0.2);
+`;function Me(e){const{row:t,items:l,selectedRow:r}=e,o=h=>{const{index:y,style:x}=h,u=l[y],S=k.default({selected:u.id===(r==null?void 0:r.id)});return n.default.createElement(t,{onClick:e.onClick,className:S,index:y,style:x,item:u})};function i(){return n.default.createElement(Oe,null,"Empty list")}function s(){return l.length===0?i():n.default.createElement(U.FixedSizeList,{height:850,itemCount:l.length,itemSize:68,width:350,className:"list"},o)}return n.default.createElement(_e,{className:"DevList-container","data-testid":"DevList-container"},s())}const Fe=a.default.div`
+    flex: 1;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    padding: 10px;
+    max-width: 90%;
+    background-color: ${e=>e.index%2===1?"rgba(0, 0, 0, 0.2)":"transparent"};
+    &:hover {
+        background-color: rgba(0, 0, 0, 0.7);
+        cursor: pointer;
+    }
+`,j=a.default.div`
+    &:first-child {
+        flex: 1;
+    }
+`,He=a.default.div`
+    color: goldenrod;
+    font-size: 16px;
+`,Be=a.default.div`
+    color: brown;
+`;function je(e){var h;const{index:t,style:l,item:r,className:o}=e,{sequence:i,createdTS:s}=r;return n.default.createElement(Fe,{className:`DevListRow-container ${o}`,"data-testid":"DevListRow-container",style:l,index:t,onClick:()=>e.onClick(r)},n.default.createElement(j,null,n.default.createElement(He,null,i),n.default.createElement(Be,null,(h=r.originalAction)==null?void 0:h.type)),n.default.createElement(j,null,n.default.createElement(B,{value:s})))}const Je=a.default.div`
+    flex: 1;
+    display: flex;
+`;function b(e){const{requests:t}=e,[l,r]=E.useState();function o(i){r(i)}return n.default.createElement(Je,{className:"Lifecycle-container","data-testid":"Lifecycle-container"},n.default.createElement(Me,{items:t,row:je,onClick:o,selectedRow:l}),n.default.createElement(Ge,{item:l}))}function Qe(){const e=m.useSelector(N);return n.default.createElement(b,{requests:e})}function Ve(){const e=m.useSelector(c.connectedSelectors.$apiGlobalStatsRaw);return n.default.createElement(w,{json:e})}function Ue(){const e=m.useSelector(c.connectedSelectors.$endpointsConfigRaw);return n.default.createElement(w,{json:e})}function We(){const e=m.useSelector(c.connectedSelectors.$apiGlobalSettingsRaw);return n.default.createElement(w,{json:e})}function Ke(){const e=m.useSelector(c.connectedSelectors.$endpointsStateRaw);return n.default.createElement(w,{json:e})}function Xe(){const e=m.useSelector(z);return n.default.createElement(b,{requests:e})}function Ye(){const e=m.useSelector(_);return n.default.createElement(b,{requests:e})}function Ze(){const e=m.useSelector(T);return n.default.createElement(b,{requests:e})}function et(){const e=m.useSelector(O);return n.default.createElement(b,{requests:e})}function tt(){const e=m.useSelector(G);return n.default.createElement(b,{requests:e})}function nt(){const e=m.useSelector(A);return n.default.createElement(b,{requests:e})}const lt={LifecycleReceived:Qe,LifecycleInQueue:Xe,LifecycleGeneralError:Ye,LifecyclePendingApi:Ze,LifecycleApiError:et,LifecycleFailed:nt,LifecyclePostAction:tt,GlobalSettings:We,GlobalStats:Ve,EndpointConfigs:Ue,EndpointStatus:Ke};function rt(e){const[t,l]=E.useState(L[0]);function r(){const o=lt[t.componentId];return n.default.createElement(o,{key:t.id})}return n.default.createElement(Ee,{className:"DevPanel-container","data-testid":"DevPanel-container"},n.default.createElement(ge,{selectedId:t.id,onClick:o=>l(o)}),n.default.createElement(ye,null,e.children),n.default.createElement(he,null,r()))}function ot(e){return n.default.createElement(rt,null,e.children)}const at=a.default.div`
+    color: olive;
+    margin: 0 5px;
+`;function ct(e){const{size:t=0}=e,l=E.useMemo(()=>C.default(t),[t]);return n.default.createElement(at,{className:"Size-container","data-testid":"Size-container"},t?l:"-")}function it(e){const{connectedStore:t,storeSizeInBytes:l,isDarkMode:r}=e,o=E.useRef(null),i=k.default("DevtoolsApp-container",{darkMode:r});return n.default.createElement(Y,{ref:o,className:i,"data-testid":"DevtoolsApp-container"},n.default.createElement(m.Provider,{store:t},n.default.createElement(ot,null,n.default.createElement(ct,{size:l}),n.default.createElement(D,{name:"clearAll",onClick:()=>e.clearRequests()}),n.default.createElement(D,{name:"download",onClick:e.downloadState}))))}const st=(e,t)=>{const l=JSON.stringify(t,null,4),r=new Blob([l],{type:"text/csv"});if(window.navigator.msSaveOrOpenBlob)window.navigator.msSaveBlob(r,e);else{const o=window.document.createElement("a");o.href=window.URL.createObjectURL(r),o.download=e,document.body.appendChild(o),o.click(),document.body.removeChild(o)}},ut=e=>{const[t,l]=E.useState(),r=W.debounce(()=>{const o=e.getState(),i=JSON.stringify(o).length;l(i)},500);return E.useEffect(()=>{e.subscribe(()=>{r()})},[e]),t};function dt(e){const{connectedStore:t,isDarkMode:l}=e,r=ut(t);function o(){t.dispatch(c.clearCompletedRequests()),t.dispatch(c.clearFailedRequests()),be()}function i(){const s=t.getState(),y=`state_${Se()}.json`;st(y,s)}return n.default.createElement(it,{connectedStore:t,clearRequests:o,downloadState:i,storeSizeInBytes:r,isDarkMode:l})}f.DevtoolsApp=dt,Object.defineProperties(f,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+//# sourceMappingURL=redux-connected-devtools.umd.js.map

package/dist/redux-connected-devtools.umd.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"redux-connected-devtools.umd.js","sources":["../src/components/Icon/AllIcons.tsx","../src/components/Icon/Icon.style.tsx","../src/components/Icon/Icon.tsx","../src/components/DevtoolsApp/DevtoolsApp.style.tsx","../src/components/DevMenu/DevMenu.style.tsx","../src/components/DevMenu/DevMenu.tsx","../src/data/devRoutes.ts","../src/store/selectors.ts","../src/containers/DevMenuContainer.tsx","../src/components/DevPanel/DevPanel.style.tsx","../src/components/DevInspector/DevInspector.style.tsx","../src/components/RequestJourney/RequestJourney.style.tsx","../src/utils/date.ts","../src/components/Time/Time.style.tsx","../src/components/Time/Time.tsx","../src/components/JourneyRow/JourneyRow.style.tsx","../src/components/JourneyRow/JourneyRow.tsx","../src/components/RequestJourney/RequestJourney.tsx","../src/components/RequestDetails/RequestDetails.style.tsx","../src/components/JsonViewer/JsonViewer.style.tsx","../src/components/JsonViewer/JsonViewer.tsx","../src/components/RequestDetails/RequestDetails.tsx","../src/components/DevInspector/DevInspector.tsx","../src/components/DevList/DevList.style.tsx","../src/components/DevList/DevList.tsx","../src/components/RequestRow/RequestRow.style.tsx","../src/components/RequestRow/RequestRow.tsx","../src/components/Lifecycle/Lifecycle.style.tsx","../src/components/Lifecycle/Lifecycle.tsx","../src/containers/LifecycleReceivedContainer.tsx","../src/containers/GlobalStatsContainer.tsx","../src/containers/EndpointConfigsContainer.tsx","../src/containers/GlobalSettingsContainer.tsx","../src/containers/EndpointStatusContainer.tsx","../src/containers/LifecycleInQueueContainer.tsx","../src/containers/LifecycleGeneralErrorContainer.tsx","../src/containers/LifecyclePendingApiContainer.tsx","../src/containers/LifecycleApiErrorContainer.tsx","../src/containers/LifecyclePostActionContainer.tsx","../src/containers/LifecycleFailedContainer.tsx","../src/data/devComponents.tsx","../src/components/DevPanel/DevPanel.tsx","../src/containers/DevPanelContainer.tsx","../src/components/Size/Size.style.tsx","../src/components/Size/Size.tsx","../src/components/DevtoolsApp/DevtoolsApp.tsx","../src/utils/download.ts","../src/hooks/useStoreSize.ts","../src/containers/DevtoolsAppContainer.tsx"],"sourcesContent":["import React from 'react';\n\nexport type IconName = 'download' | 'close' | 'clearAll';\n\ntype IconProps = {\n size?: number;\n};\n\nconst Download = (props: IconProps) => {\n const { size = 24 } = props;\n\n return (\n <svg\n xmlns='http://www.w3.org/2000/svg'\n viewBox='0 0 24 24'\n width={`${size}px`}\n height={`${size}px`}\n fill='currentColor'\n >\n <path d='M0 0h24v24H0z' fill='none' />\n <path d='M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z' />\n </svg>\n );\n};\n\nconst Close = (props: IconProps) => {\n const { size = 24 } = props;\n\n return (\n <svg\n xmlns='http://www.w3.org/2000/svg'\n viewBox='0 0 24 24'\n width={`${size}px`}\n height={`${size}px`}\n fill='currentColor'\n >\n <path d='M0 0h24v24H0z' fill='none' />\n <path d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z' />\n </svg>\n );\n};\n\nconst ClearAll = (props: IconProps) => {\n const { size = 24 } = props;\n\n return (\n <svg\n xmlns='http://www.w3.org/2000/svg'\n viewBox='0 0 24 24'\n width={`${size}px`}\n height={`${size}px`}\n fill='currentColor'\n >\n <path d='M0 0h24v24H0z' fill='none' />\n <path d='M5 13h14v-2H5v2zm-2 4h14v-2H3v2zM7 7v2h14V7H7z' />\n </svg>\n );\n};\n\ntype Icons = Record<IconName, React.FC<IconProps>>;\n\nexport const allIcons: Icons = {\n close: Close,\n clearAll: ClearAll,\n download: Download,\n};\n","import styled from 'styled-components';\n\nexport const Container = styled.div<{ color?: string }>`\n margin: 0 3px;\n color: ${(props) => props.color ?? 'inherit'};\n cursor: pointer;\n\n &:hover {\n color: gold;\n }\n`;\n","import React from 'react';\nimport { allIcons, IconName } from './AllIcons';\nimport { Container } from './Icon.style';\n\nexport type IconProps = {\n name: IconName;\n color?: string;\n size?: number;\n onClick?: () => void;\n};\n\nexport function Icon(props: IconProps) {\n const { name, size = 20, color } = props;\n const Cmp = allIcons[name];\n\n return (\n <Container\n className='Icon-container'\n data-testid='Icon-container'\n color={color}\n onClick={props.onClick}\n >\n <Cmp size={size} />\n </Container>\n );\n}\n\nexport default Icon;\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n flex: 1;\n background-color: #223;\n z-index: 3;\n color: #eee;\n display: flex;\n flex-direction: column;\n min-width: 880px;\n min-height: 880px;\n`;\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n width: 190px;\n ${(props) => props.theme.borderRight('1px solid rgba(255, 255, 255, 0.2)')}\n box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);\n`;\n\nexport const MenuGroup = styled.div`\n border-bottom: 1px solid rgba(255, 255, 255, 0.2);\n`;\n\nexport const MenuGroupTitle = styled.div`\n font-size: 13px;\n padding: 5px 10px;\n color: rgba(255, 255, 255, 0.5);\n border-bottom: 1px solid rgba(255, 255, 255, 0.2);\n background-color: rgba(0, 0, 0, 0.1);\n`;\n\nexport const MenuItem = styled.div`\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 6px 10px;\n font-size: 14px;\n color: rgba(255, 255, 255, 0.89);\n background-color: transparent;\n\n &.selected {\n color: gold;\n background-color: rgba(255, 255, 255, 0.05);\n }\n\n &:hover {\n background-color: rgba(255, 255, 255, 0.1);\n cursor: pointer;\n }\n`;\n\nexport const Title = styled.div`\n flex: 1;\n`;\n\nexport const Badge = styled.div`\n background-color: rgba(0, 0, 80, 0.3);\n padding: 0 4px;\n font-size: 12px;\n border-radius: 7px;\n border: 1px solid #334;\n color: cyan;\n`;\n\nexport const BadgeTotal = styled(Badge)`\n color: #555;\n`;\n","import React from 'react';\nimport { IDevRoute } from '../../data/devRoutes';\nimport {\n Container,\n MenuGroup,\n MenuGroupTitle,\n MenuItem,\n Title,\n Badge,\n BadgeTotal,\n} from './DevMenu.style';\nimport classnames from 'classnames';\n\nexport type DevMenuProps = {\n groups: string[];\n items: IDevRoute[];\n onClick: (route: IDevRoute) => void;\n selectedId: string;\n badges: Record<string, number>;\n badgesTotal: Record<string, number>;\n};\n\nexport function DevMenu(props: DevMenuProps) {\n const { groups, items, selectedId, badges, badgesTotal } = props;\n\n function renderItem(item: IDevRoute) {\n const { title, id } = item;\n const selected = id === selectedId;\n\n const badge = badges[id];\n const badgeTotal = badgesTotal[id];\n\n return (\n <MenuItem\n key={item.id}\n className={classnames({ selected })}\n onClick={() => props.onClick(item)}\n >\n <Title>{title}</Title>\n {badgeTotal > 0 && badgeTotal !== badge && (\n <BadgeTotal>{badgeTotal}</BadgeTotal>\n )}\n {badge > 0 && <Badge>{badge}</Badge>}\n </MenuItem>\n );\n }\n\n function renderItems(groupItems: IDevRoute[]) {\n return groupItems.map((item: IDevRoute) => renderItem(item));\n }\n\n function renderGroup(group: string) {\n const groupItems = items.filter((item) => item.group === group);\n\n return (\n <MenuGroup key={group}>\n <MenuGroupTitle>{group}</MenuGroupTitle>\n {renderItems(groupItems)}\n </MenuGroup>\n );\n }\n\n function renderGroups() {\n return groups.map((group: string) => renderGroup(group));\n }\n\n return (\n <Container\n className='DevMenu-container'\n data-testid='DevMenu-container'\n >\n {renderGroups()}\n </Container>\n );\n}\n\nexport default DevMenu;\n","export type IDevRoute = {\n id: string;\n title: string;\n group: string;\n componentId: string;\n};\n\nexport const devRoutes: IDevRoute[] = [\n {\n id: 'lifecycleReceived',\n title: '1. Received',\n group: 'lifecycle',\n componentId: 'LifecycleReceived',\n },\n {\n id: 'lifecycleInQueue',\n title: '2. In queue',\n group: 'lifecycle',\n componentId: 'LifecycleInQueue',\n },\n\n {\n id: 'lifecyclePendingApi',\n title: '3. Pending API',\n group: 'lifecycle',\n componentId: 'LifecyclePendingApi',\n },\n {\n id: 'lifecyclePostAction',\n title: '4. Post action',\n group: 'lifecycle',\n componentId: 'LifecyclePostAction',\n },\n {\n id: 'lifecycleGeneralError',\n title: 'e1. General errors',\n group: 'errors',\n componentId: 'LifecycleGeneralError',\n },\n {\n id: 'lifecycleApiError',\n title: 'e2. API errors',\n group: 'errors',\n componentId: 'LifecycleApiError',\n },\n {\n id: 'lifecycleFailed',\n title: 'e3. Failed requests (after retries)',\n group: 'errors',\n componentId: 'LifecycleFailed',\n },\n {\n id: 'endpointStatus',\n title: 'Endpoint status',\n group: 'settings & stats',\n componentId: 'EndpointStatus',\n },\n {\n id: 'settingsGlobal',\n title: 'Global settings',\n group: 'settings & stats',\n componentId: 'GlobalSettings',\n },\n {\n id: 'settingsEndpoints',\n title: 'Endpoints configs',\n group: 'settings & stats',\n componentId: 'EndpointConfigs',\n },\n {\n id: 'statsGlobal',\n title: 'Global stats',\n group: 'settings & stats',\n componentId: 'GlobalStats',\n },\n];\n\nconst getGroups = (): string[] => {\n const output: string[] = [];\n\n devRoutes.forEach((group) => {\n if (!output.includes(group.group)) {\n output.push(group.group);\n }\n });\n\n return output;\n};\n\nexport const devGroups: string[] = getGroups();\n","import { createSelector } from 'reselect';\nimport { connectedSelectors, LifecycleStatus } from 'redux-connected';\n\nexport const $requests = createSelector(\n connectedSelectors.$requests,\n (requests) => {\n return requests\n .map((request) => {\n const { items } = request;\n\n const lastPoint = items[items.length - 1] ?? {};\n\n const journeyWithDelta = items.map((point, index) => {\n const nextPoint = items[index + 1] ?? point;\n const delta = nextPoint.timestamp - point.timestamp;\n\n return {\n ...point,\n delta,\n };\n });\n\n return {\n ...request,\n items: journeyWithDelta,\n lastPointTimestamp: lastPoint.timestamp,\n lastPointStatus: lastPoint.status,\n };\n })\n .sort((a: any, b: any) => {\n if (a.lastPointTimestamp === b.lastPointTimestamp) {\n return 0;\n }\n\n return a.lastPointTimestamp > b.lastPointTimestamp ? -1 : 1;\n });\n }\n);\n\n// 1\nexport const $requestsReceived = createSelector($requests, (requests) => {\n return requests.filter((request) => {\n const { items } = request;\n const lastPoint = items[items.length - 1];\n return lastPoint && lastPoint.status === LifecycleStatus.RECEIVED;\n });\n});\n\nexport const $requestsReceivedPast = createSelector($requests, (requests) => {\n return requests.filter((request) => {\n const { items } = request;\n\n return items.find((point) => point.status === LifecycleStatus.RECEIVED);\n });\n});\n\n// 2\nexport const $requestsInQueue = createSelector($requests, (requests) => {\n return requests.filter((request) => {\n const { items } = request;\n const lastPoint = items[items.length - 1];\n return lastPoint && lastPoint.status === LifecycleStatus.IN_QUEUE;\n });\n});\n\nexport const $requestsInQueuePast = createSelector($requests, (requests) => {\n return requests.filter((request) => {\n const { items } = request;\n return items.find((point) => point.status === LifecycleStatus.IN_QUEUE);\n });\n});\n\n// 3\nexport const $requestsPendingApi = createSelector($requests, (requests) => {\n return requests.filter((request) => {\n const { items } = request;\n const lastPoint = items[items.length - 1];\n return (\n lastPoint &&\n lastPoint.status === LifecycleStatus.PENDING_API_RESPONSE\n );\n });\n});\n\nexport const $requestsPendingApiPast = createSelector($requests, (requests) => {\n return requests.filter((request) => {\n const { items } = request;\n\n return items.find(\n (point) => point.status === LifecycleStatus.PENDING_API_RESPONSE\n );\n });\n});\n\n// 4\nexport const $requestsPostAction = createSelector($requests, (requests) => {\n return requests.filter((request) => {\n const { items } = request;\n const lastPoint = items[items.length - 1];\n return lastPoint && lastPoint.status === LifecycleStatus.POST_ACTION;\n });\n});\n\nexport const $requestsPostActionPast = createSelector($requests, (requests) => {\n return requests.filter((request) => {\n const { items } = request;\n\n return items.find(\n (point) => point.status === LifecycleStatus.POST_ACTION\n );\n });\n});\n\n// e1\nexport const $requestsGeneralError = createSelector($requests, (requests) => {\n return requests.filter((request) => {\n const { items } = request;\n const lastPoint = items[items.length - 1];\n return lastPoint && lastPoint.status === LifecycleStatus.GENERAL_ERROR;\n });\n});\n\nexport const $requestsGeneralErrorPast = createSelector(\n $requests,\n (requests) => {\n return requests.filter((request) => {\n const { items } = request;\n\n return items.find(\n (point) => point.status === LifecycleStatus.GENERAL_ERROR\n );\n });\n }\n);\n\n// e2\nexport const $requestsApiError = createSelector($requests, (requests) => {\n return requests.filter((request) => {\n const { items } = request;\n const lastPoint = items[items.length - 1];\n return lastPoint && lastPoint.status === LifecycleStatus.API_ERROR;\n });\n});\n\n// e3\nexport const $requestsFailed = createSelector($requests, (requests) => {\n return requests.filter((request) => {\n const { items } = request;\n\n return items.find((point) => point.status === LifecycleStatus.FAILED);\n });\n});\n\nexport const $requestsApiErrorPast = createSelector($requests, (requests) => {\n return requests.filter((request) => {\n const { items } = request;\n\n return items.find(\n (point) => point.status === LifecycleStatus.API_ERROR\n );\n });\n});\n\nexport const $menuBadges = createSelector(\n $requestsReceived,\n $requestsInQueue,\n $requestsGeneralError,\n $requestsPendingApi,\n $requestsApiError,\n $requestsFailed,\n $requestsPostAction,\n (\n requestsReceived,\n requestsInQueue,\n requestsGeneralError,\n requestsPendingApi,\n requestsApiError,\n requestsFailed,\n requestsPostAction\n ) => {\n return {\n lifecycleReceived: requestsReceived.length,\n lifecycleInQueue: requestsInQueue.length,\n lifecycleGeneralError: requestsGeneralError.length,\n lifecyclePendingApi: requestsPendingApi.length,\n lifecycleApiError: requestsApiError.length,\n lifecycleFailed: requestsFailed.length,\n lifecyclePostAction: requestsPostAction.length,\n };\n }\n);\n\nexport const $menuBadgesTotal = createSelector(\n $requestsReceivedPast,\n $requestsInQueuePast,\n $requestsGeneralErrorPast,\n $requestsPendingApiPast,\n $requestsApiErrorPast,\n $requestsFailed,\n $requestsPostActionPast,\n (\n requestsReceived,\n requestsInQueue,\n requestsGeneralError,\n requestsPendingApi,\n requestsApiError,\n requestsFailed,\n requestsPostAction\n ) => {\n return {\n lifecycleReceived: requestsReceived.length,\n lifecycleInQueue: requestsInQueue.length,\n lifecycleGeneralError: requestsGeneralError.length,\n lifecyclePendingApi: requestsPendingApi.length,\n lifecycleApiError: requestsApiError.length,\n lifecycleFailed: requestsFailed.length,\n lifecyclePostAction: requestsPostAction.length,\n };\n }\n);\n","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport DevMenu from '../components/DevMenu/DevMenu';\nimport { devGroups, devRoutes, IDevRoute } from '../data/devRoutes';\nimport { $menuBadges, $menuBadgesTotal } from '../store/selectors';\n\ntype DevPanelProps = {\n selectedId: string;\n onClick: (route: IDevRoute) => void;\n};\n\nexport function DevMenuContainer(props: DevPanelProps) {\n const badges = useSelector($menuBadges);\n const badgesTotal = useSelector($menuBadgesTotal);\n\n return (\n <DevMenu\n groups={devGroups}\n items={devRoutes}\n badges={badges}\n badgesTotal={badgesTotal}\n selectedId={props.selectedId}\n onClick={props.onClick}\n />\n );\n}\n\nexport default DevMenuContainer;\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n flex: 1;\n color: #eee;\n background-color: #232332;\n display: flex;\n flex-direction: row;\n`;\n\nexport const Content = styled.div`\n flex: 1;\n background-color: rgba(0, 0, 0, 0.15);\n display: flex;\n flex-direction: column;\n`;\n\nexport const Actions = styled.div`\n position: absolute;\n bottom: 5px;\n ${(props) => props.theme.left('10px')}\n display: flex;\n flex-direction: row;\n align-items: center;\n`;\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n flex: 1;\n display: flex;\n flex-direction: column;\n`;\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n flex: 1;\n border-top: 1px solid #333;\n max-height: 380px;\n overflow-y: scroll;\n\n &::-webkit-scrollbar {\n width: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: #333;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #555;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #666;\n }\n`;\n","export const timestamp = () => new Date().getTime();\n\nexport let startOfTime = timestamp();\n\nexport const resetStartOfTime = () => {\n startOfTime = timestamp();\n};\n\nexport const getMinutes = () => {\n return new Date().getMinutes();\n};\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n font-family: monospace;\n color: #99a;\n`;\n\nexport const Full = styled.div`\n font-size: 24px;\n`;\n\nexport const Fraction = styled.div`\n font-size: 12px;\n`;\n","import React from 'react';\nimport { startOfTime } from '../../utils/date';\nimport { Container, Full, Fraction } from './Time.style';\n\nexport type TimeProps = {\n value: number;\n};\n\nexport function Time(props: TimeProps) {\n const { value } = props;\n\n const relativeValue = (value - startOfTime) / 1000;\n\n const full = Math.floor(relativeValue);\n const fraction = (relativeValue - full).toFixed(3).split('.').pop();\n\n return (\n <Container className='Time-container' data-testid='Time-container'>\n <Full>{full}</Full>\n <Fraction>{fraction}</Fraction>\n </Container>\n );\n}\n\nexport default Time;\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n flex: 1;\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 10px 20px;\n\n &:nth-child(2n-1) {\n background-color: rgba(0, 0, 0, 0.2);\n }\n\n &:hover {\n background-color: rgba(0, 0, 0, 0.3);\n cursor: pointer;\n }\n`;\n\nexport const Status = styled.div`\n color: #aaa;\n`;\n\nexport const DataIcon = styled.div`\n background-color: #000;\n padding: 3px 7px;\n font-size: 13px;\n font-weight: bold;\n color: purple;\n border-radius: 5px;\n ${(props) => props.theme.marginLeft('10px')}\n`;\n\nexport const Delta = styled.div`\n font-size: 13px;\n width: 60px;\n font-weight: bold;\n color: olive;\n ${(props) => props.theme.marginRight('10px')}\n text-align: center;\n font-family: monospace;\n`;\n\nexport const Flex = styled.div`\n flex: 1;\n`;\n","import React from 'react';\nimport Time from '../Time/Time';\nimport { Container, Status, DataIcon, Delta, Flex } from './JourneyRow.style';\nimport { JourneyPoint, LifecycleStatus } from 'redux-connected';\n\nexport type JourneyRowProps = {\n point: JourneyPoint;\n};\n\nconst statusMap: Record<LifecycleStatus, string> = {\n [LifecycleStatus.RECEIVED]: 'Received',\n [LifecycleStatus.POST_ACTION_OPTIMISTIC]: 'Post action (optimistic)',\n [LifecycleStatus.IN_QUEUE]: 'In queue',\n [LifecycleStatus.GENERAL_ERROR]: 'General error',\n [LifecycleStatus.PENDING_API_RESPONSE]: 'Pending API',\n [LifecycleStatus.API_ERROR]: 'API error',\n [LifecycleStatus.POST_ACTION]: 'Post action',\n [LifecycleStatus.FAILED]: 'Failed',\n};\n\nexport function JourneyRow(props: JourneyRowProps) {\n const { point } = props;\n const { status, timestamp, data, delta = '' } = point;\n\n function printPoint() {\n console.log(data);\n }\n\n function renderDataIcon() {\n if (!data) {\n return null;\n }\n\n return <DataIcon>D</DataIcon>;\n }\n\n function renderDelta() {\n if (!delta) {\n return null;\n }\n\n return <Delta>+{delta.toLocaleString()}</Delta>;\n }\n\n return (\n <Container\n className='JourneyRow-container'\n data-testid='JourneyRow-container'\n onClick={printPoint}\n >\n <Status>{statusMap[status]}</Status>\n {renderDataIcon()}\n <Flex />\n {renderDelta()}\n <Time value={timestamp} />\n </Container>\n );\n}\n\nexport default JourneyRow;\n","import React from 'react';\nimport { Container } from './RequestJourney.style';\nimport { ApiRequest, JourneyPoint } from 'redux-connected';\nimport JourneyRow from '../JourneyRow/JourneyRow';\n\nexport type RequestJourneyProps = {\n item: ApiRequest;\n};\n\nexport function RequestJourney(props: RequestJourneyProps) {\n const { item } = props;\n\n function renderItem(point: JourneyPoint, index: number) {\n return <JourneyRow key={index} point={point} />;\n }\n\n function renderItems() {\n return item.items.map((point: JourneyPoint, index: number) =>\n renderItem(point, index)\n );\n }\n\n return (\n <Container\n className='RequestJourney-container'\n data-testid='RequestJourney-container'\n >\n {renderItems()}\n </Container>\n );\n}\n\nexport default RequestJourney;\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n flex: 1;\n padding: 20px;\n`;\n\nexport const Table = styled.table``;\n\nexport const Tr = styled.tr``;\n\nexport const Td = styled.td`\n color: goldenrod;\n\n &:first-child {\n color: #778;\n text-align: right;\n ${(props) => props.theme.paddingRight('10px')}\n }\n`;\n","import styled from 'styled-components';\n\nexport const Container = styled.div<{ width?: number }>`\n flex: 1;\n max-height: 850px;\n overflow: auto;\n padding: 0 25px;\n max-width: ${(props) => (props.width ? props.width + 'px' : '680px')};\n color: #ccc;\n line-height: 26px;\n\n &::-webkit-scrollbar {\n width: 8px;\n height: 7px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: #333;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #555;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #666;\n }\n`;\n","import React from 'react';\nimport { Container } from './JsonViewer.style';\n\nexport type JsonViewerProps = {\n json: Json | undefined;\n width?: number;\n};\n\nexport function JsonViewer(props: JsonViewerProps) {\n const { json, width } = props;\n\n return (\n <Container\n className='JsonViewer-container'\n data-testid='JsonViewer-container'\n width={width}\n >\n <pre>{JSON.stringify(json, null, 4)}</pre>\n </Container>\n );\n}\n\nexport default JsonViewer;\n","import React from 'react';\nimport { Container, Table, Tr, Td } from './RequestDetails.style';\nimport { ApiRequest } from 'redux-connected';\nimport JsonViewer from '../JsonViewer/JsonViewer';\nimport bytes from 'bytes';\n\nexport type RequestDetailsProps = {\n item: ApiRequest;\n};\n\nexport function RequestDetails(props: RequestDetailsProps) {\n const { item } = props;\n\n return (\n <Container\n className='RequestDetails-container'\n data-testid='RequestDetails-container'\n >\n <Table>\n <tbody>\n <Tr>\n <Td>sequence</Td>\n <Td>{item.sequence}</Td>\n </Tr>\n <Tr>\n <Td>id</Td>\n <Td>{item.shortId}</Td>\n </Tr>\n <Tr>\n <Td>apiVerb</Td>\n <Td>{item.argsApiVerb}</Td>\n </Tr>\n <Tr>\n <Td>connection</Td>\n <Td>{item.argsConnectionType}</Td>\n </Tr>\n <Tr>\n <Td>duration</Td>\n <Td>{item.apiDuration}</Td>\n </Tr>\n <Tr>\n <Td>nodeName</Td>\n <Td>{item.argsNodeName}</Td>\n </Tr>\n <Tr>\n <Td>responseSize</Td>\n <Td>\n {item.apiResponseSize &&\n bytes(item.apiResponseSize)}\n </Td>\n </Tr>\n </tbody>\n </Table>\n\n <JsonViewer width={290} json={item.originalAction} />\n </Container>\n );\n}\n\nexport default RequestDetails;\n","import React from 'react';\nimport { Container } from './DevInspector.style';\nimport { ApiRequest } from 'redux-connected';\nimport RequestJourney from '../RequestJourney/RequestJourney';\nimport RequestDetails from '../RequestDetails/RequestDetails';\n\nexport type DevInspectorProps = {\n item?: ApiRequest;\n};\n\nexport function DevInspector(props: DevInspectorProps) {\n const { item } = props;\n\n if (!item) {\n return (\n <Container\n className='DevInspector-container'\n data-testid='DevInspector-container'\n ></Container>\n );\n }\n\n return (\n <Container\n className='DevInspector-container'\n data-testid='DevInspector-container'\n >\n <RequestDetails item={item} />\n <RequestJourney item={item} />\n </Container>\n );\n}\n\nexport default DevInspector;\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n flex: 1;\n\n .list {\n &::-webkit-scrollbar {\n width: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: #333;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #555;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #666;\n }\n }\n`;\n\nexport const Empty = styled.div`\n color: #456;\n margin: 30px;\n font-size: 17px;\n text-align: center;\n text-shadow: 1px 3px 3px rgba(0, 0, 0, 0.2);\n`;\n","import React from 'react';\nimport { Container, Empty } from './DevList.style';\nimport { FixedSizeList as List } from 'react-window';\nimport classnames from 'classnames';\n\nexport type DevListProps = {\n items: Json[];\n row: React.FC<any>;\n selectedRow: any;\n onClick: (item: any) => void;\n};\n\nexport function DevList(props: DevListProps) {\n const { row: Cmp, items, selectedRow } = props;\n\n const Item = (rowInfo: any) => {\n const { index, style } = rowInfo;\n\n const item = items[index];\n const className = classnames({ selected: item.id === selectedRow?.id });\n\n return (\n <Cmp\n onClick={props.onClick}\n className={className}\n index={index}\n style={style}\n item={item}\n />\n );\n };\n\n function renderEmpty() {\n return <Empty>Empty list</Empty>;\n }\n\n function renderList() {\n if (items.length === 0) {\n return renderEmpty();\n }\n\n return (\n <List\n height={850}\n itemCount={items.length}\n itemSize={68}\n width={350}\n className='list'\n >\n {Item}\n </List>\n );\n }\n\n return (\n <Container\n className='DevList-container'\n data-testid='DevList-container'\n >\n {renderList()}\n </Container>\n );\n}\n\nexport default DevList;\n","import styled from 'styled-components';\n\nexport const Container = styled.div<{ index: number }>`\n flex: 1;\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 10px;\n max-width: 90%;\n background-color: ${(props) =>\n props.index % 2 === 1 ? 'rgba(0, 0, 0, 0.2)' : 'transparent'};\n\n &:hover {\n background-color: rgba(0, 0, 0, 0.7);\n cursor: pointer;\n }\n`;\n\nexport const Col = styled.div`\n &:first-child {\n flex: 1;\n }\n`;\n\nexport const Id = styled.div`\n color: goldenrod;\n font-size: 16px;\n`;\n\nexport const Type = styled.div`\n color: brown;\n`;\n","import React from 'react';\nimport { Container, Col, Id, Type } from './RequestRow.style';\nimport Time from '../Time/Time';\nimport { ApiRequest } from 'redux-connected';\n\nexport type RequestRowProps = {\n style: Json;\n item: ApiRequest;\n index: number;\n className?: string;\n onClick: (item: ApiRequest) => void;\n};\n\nexport function RequestRow(props: RequestRowProps) {\n const { index, style, item, className } = props;\n const { sequence, createdTS } = item;\n\n return (\n <Container\n className={`DevListRow-container ${className}`}\n data-testid='DevListRow-container'\n style={style}\n index={index}\n onClick={() => props.onClick(item)}\n >\n <Col>\n <Id>{sequence}</Id>\n <Type>{item.originalAction?.type}</Type>\n </Col>\n <Col>\n <Time value={createdTS} />\n </Col>\n </Container>\n );\n}\n\nexport default RequestRow;\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n flex: 1;\n display: flex;\n`;\n","import DevInspector from '../DevInspector/DevInspector';\nimport DevList from '../DevList/DevList';\nimport React, { useState } from 'react';\nimport RequestRow from '../RequestRow/RequestRow';\nimport { ApiRequest } from 'redux-connected';\nimport { Container } from './Lifecycle.style';\n\nexport type LifecycleProps = {\n requests: ApiRequest[];\n};\n\nexport function Lifecycle(props: LifecycleProps) {\n const { requests } = props;\n const [item, setItem] = useState<ApiRequest>();\n\n function onClick(newItem: ApiRequest) {\n setItem(newItem);\n }\n\n return (\n <Container\n className='Lifecycle-container'\n data-testid='Lifecycle-container'\n >\n <DevList\n items={requests}\n row={RequestRow}\n onClick={onClick}\n selectedRow={item}\n />\n <DevInspector item={item} />\n </Container>\n );\n}\n\nexport default Lifecycle;\n","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport Lifecycle from '../components/Lifecycle/Lifecycle';\nimport { $requestsReceivedPast } from '../store/selectors';\n\nexport function LifecycleReceivedContainer() {\n const requests = useSelector($requestsReceivedPast);\n return <Lifecycle requests={requests} />;\n}\n\nexport default LifecycleReceivedContainer;\n","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport JsonViewer from '../components/JsonViewer/JsonViewer';\nimport { connectedSelectors } from 'redux-connected';\n\nexport function GlobalStatsContainer() {\n const json = useSelector(connectedSelectors.$apiGlobalStatsRaw);\n\n return <JsonViewer json={json} />;\n}\n\nexport default GlobalStatsContainer;\n","import React from 'react';\nimport JsonViewer from '../components/JsonViewer/JsonViewer';\nimport { connectedSelectors } from 'redux-connected';\nimport { useSelector } from 'react-redux';\n\nexport function EndpointConfigsContainer() {\n const json = useSelector(connectedSelectors.$endpointsConfigRaw);\n\n return <JsonViewer json={json} />;\n}\n\nexport default EndpointConfigsContainer;\n","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport JsonViewer from '../components/JsonViewer/JsonViewer';\nimport { connectedSelectors } from 'redux-connected';\n\nexport function GlobalSettingsContainer() {\n const json = useSelector(connectedSelectors.$apiGlobalSettingsRaw);\n\n return <JsonViewer json={json} />;\n}\n\nexport default GlobalSettingsContainer;\n","import React from 'react';\nimport JsonViewer from '../components/JsonViewer/JsonViewer';\nimport { connectedSelectors } from 'redux-connected';\nimport { useSelector } from 'react-redux';\n\nexport function EndpointStatusContainer() {\n const json = useSelector(connectedSelectors.$endpointsStateRaw);\n\n return <JsonViewer json={json} />;\n}\n\nexport default EndpointStatusContainer;\n","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport Lifecycle from '../components/Lifecycle/Lifecycle';\nimport { $requestsInQueuePast } from '../store/selectors';\n\nexport function LifecycleInQueueContainer() {\n const requests = useSelector($requestsInQueuePast);\n return <Lifecycle requests={requests} />;\n}\n\nexport default LifecycleInQueueContainer;\n","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport Lifecycle from '../components/Lifecycle/Lifecycle';\nimport { $requestsGeneralErrorPast } from '../store/selectors';\n\nexport function LifecycleGeneralErrorContainer() {\n const requests = useSelector($requestsGeneralErrorPast);\n return <Lifecycle requests={requests} />;\n}\n\nexport default LifecycleGeneralErrorContainer;\n","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport Lifecycle from '../components/Lifecycle/Lifecycle';\nimport { $requestsPendingApiPast } from '../store/selectors';\n\nexport function LifecyclePendingApiContainer() {\n const requests = useSelector($requestsPendingApiPast);\n return <Lifecycle requests={requests} />;\n}\n\nexport default LifecyclePendingApiContainer;\n","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport Lifecycle from '../components/Lifecycle/Lifecycle';\nimport { $requestsApiErrorPast } from '../store/selectors';\n\nexport function LifecycleApiErrorContainer() {\n const requests = useSelector($requestsApiErrorPast);\n return <Lifecycle requests={requests} />;\n}\n\nexport default LifecycleApiErrorContainer;\n","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport Lifecycle from '../components/Lifecycle/Lifecycle';\nimport { $requestsPostActionPast } from '../store/selectors';\n\nexport function LifecyclePostActionContainer() {\n const requests = useSelector($requestsPostActionPast);\n return <Lifecycle requests={requests} />;\n}\n\nexport default LifecyclePostActionContainer;\n","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport Lifecycle from '../components/Lifecycle/Lifecycle';\nimport { $requestsFailed } from '../store/selectors';\n\nexport function LifecycleFailedContainer() {\n const requests = useSelector($requestsFailed);\n return <Lifecycle requests={requests} />;\n}\n\nexport default LifecycleFailedContainer;\n","import LifecycleReceivedContainer from '../containers/LifecycleReceivedContainer';\nimport GlobalStatsContainer from '../containers/GlobalStatsContainer';\nimport EndpointConfigsContainer from '../containers/EndpointConfigsContainer';\nimport GlobalSettingsContainer from '../containers/GlobalSettingsContainer';\nimport EndpointStatusContainer from '../containers/EndpointStatusContainer';\nimport LifecycleInQueueContainer from '../containers/LifecycleInQueueContainer';\nimport LifecycleGeneralErrorContainer from '../containers/LifecycleGeneralErrorContainer';\nimport LifecyclePendingApiContainer from '../containers/LifecyclePendingApiContainer';\nimport LifecycleApiErrorContainer from '../containers/LifecycleApiErrorContainer';\nimport LifecyclePostActionContainer from '../containers/LifecyclePostActionContainer';\nimport LifecycleFailedContainer from '../containers/LifecycleFailedContainer';\n\ntype DevComponents = Record<string, React.FC<any>>;\n\nexport const devComponents: DevComponents = {\n LifecycleReceived: LifecycleReceivedContainer,\n LifecycleInQueue: LifecycleInQueueContainer,\n LifecycleGeneralError: LifecycleGeneralErrorContainer,\n LifecyclePendingApi: LifecyclePendingApiContainer,\n LifecycleApiError: LifecycleApiErrorContainer,\n LifecycleFailed: LifecycleFailedContainer,\n LifecyclePostAction: LifecyclePostActionContainer,\n GlobalSettings: GlobalSettingsContainer,\n GlobalStats: GlobalStatsContainer,\n EndpointConfigs: EndpointConfigsContainer,\n EndpointStatus: EndpointStatusContainer,\n};\n","import DevMenu from '../../containers/DevMenuContainer';\nimport React, { useState } from 'react';\nimport { Actions, Container, Content } from './DevPanel.style';\nimport { devComponents } from '../../data/devComponents';\nimport { devRoutes, IDevRoute } from '../../data/devRoutes';\n\nexport type DevPanelProps = {\n children: JSX.Element | JSX.Element[];\n};\n\nexport function DevPanel(props: DevPanelProps) {\n const [route, setRoute] = useState<IDevRoute>(devRoutes[0]);\n\n function renderRoute() {\n const Cmp = devComponents[route.componentId];\n return <Cmp key={route.id} />;\n }\n\n return (\n <Container\n className='DevPanel-container'\n data-testid='DevPanel-container'\n >\n <DevMenu\n selectedId={route.id}\n onClick={(item: IDevRoute) => setRoute(item)}\n />\n <Actions>{props.children}</Actions>\n <Content>{renderRoute()}</Content>\n </Container>\n );\n}\n\n/*\n for the chrome extension devtools panel\n TODO: find another way to encapsulate this\n\nlet bgConnection;\n\nfunction init(id: string) {\n bgConnection = chrome.runtime?.connect({\n name: id,\n });\n\n if (bgConnection) {\n bgConnection.onMessage.addListener((message: Json) => {\n console.log('message ->', message);\n });\n }\n}\n\nif (chrome) {\n const tabId = String(chrome.devtools?.inspectedWindow.tabId ?? '');\n init(tabId);\n}\n*/\n\nexport default DevPanel;\n","import React from 'react';\nimport DevPanel from '../components/DevPanel/DevPanel';\n\ntype DevPanelProps = {\n children: JSX.Element | JSX.Element[];\n};\n\nexport function DevPanelContainer(props: DevPanelProps) {\n return <DevPanel>{props.children}</DevPanel>;\n}\n\nexport default DevPanelContainer;\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n color: olive;\n margin: 0 5px;\n`;\n","import React from 'react';\nimport { Container } from './Size.style';\nimport bytes from 'bytes';\nimport { useMemo } from 'react';\n\nexport type SizeProps = {\n size?: number;\n};\n\nexport function Size(props: SizeProps) {\n const { size = 0 } = props;\n const sizeText = useMemo(() => bytes(size), [size]);\n\n return (\n <Container className='Size-container' data-testid='Size-container'>\n {!size ? '-' : sizeText}\n </Container>\n );\n}\n\nexport default Size;\n","import Icon from '../Icon/Icon';\nimport React, { useRef } from 'react';\nimport { Container } from './DevtoolsApp.style';\nimport { DevPanelContainer } from '../../containers/DevPanelContainer';\nimport { Provider } from 'react-redux';\nimport Size from '../Size/Size';\nimport classnames from 'classnames';\n\nexport type DevtoolsAppProps = {\n connectedStore: any;\n clearRequests: () => void;\n downloadState: () => void;\n storeSizeInBytes?: number;\n isDarkMode?: boolean;\n};\n\nexport function DevtoolsApp(props: DevtoolsAppProps) {\n const { connectedStore, storeSizeInBytes, isDarkMode } = props;\n const ref = useRef(null);\n\n const className = classnames('DevtoolsApp-container', {\n darkMode: isDarkMode,\n });\n\n return (\n <Container\n ref={ref}\n className={className}\n data-testid='DevtoolsApp-container'\n >\n <Provider store={connectedStore}>\n <DevPanelContainer>\n <Size size={storeSizeInBytes} />\n <Icon\n name='clearAll'\n onClick={() => props.clearRequests()}\n />\n <Icon name='download' onClick={props.downloadState} />\n </DevPanelContainer>\n </Provider>\n </Container>\n );\n}\n\nexport default DevtoolsApp;\n","export const download = (filename: string, json: Json) => {\n const data = JSON.stringify(json, null, 4);\n\n const blob = new Blob([data], { type: 'text/csv' });\n // @ts-ignore\n if (window.navigator.msSaveOrOpenBlob) {\n // @ts-ignore\n window.navigator.msSaveBlob(blob, filename);\n } else {\n const elem = window.document.createElement('a');\n elem.href = window.URL.createObjectURL(blob);\n elem.download = filename;\n document.body.appendChild(elem);\n elem.click();\n document.body.removeChild(elem);\n }\n};\n","import { useState, useEffect } from 'react';\nimport { debounce } from 'shared-base';\n\ntype Callback = () => void;\n\ninterface ReduxStore {\n getState: () => Json;\n subscribe: (callback: Callback) => void;\n}\n\nexport const useStoreSize = (store: ReduxStore) => {\n const [storeSize, setStoreSize] = useState<number>();\n\n const calculateSize = debounce(() => {\n const state = store.getState();\n const size = JSON.stringify(state).length;\n setStoreSize(size);\n }, 500);\n\n useEffect(() => {\n store.subscribe(() => {\n calculateSize();\n });\n }, [store]);\n\n return storeSize;\n};\n","import React from 'react';\nimport DevtoolsApp from '../components/DevtoolsApp/DevtoolsApp';\nimport { clearCompletedRequests, clearFailedRequests } from 'redux-connected';\nimport { getMinutes, resetStartOfTime } from '../utils/date';\nimport { download } from '../utils/download';\nimport { useStoreSize } from '../hooks/useStoreSize';\n\nexport type DevtoolsAppProps = {\n connectedStore: any;\n isDarkMode?: boolean;\n};\n\nexport function DevtoolsAppContainer(props: DevtoolsAppProps) {\n const { connectedStore, isDarkMode } = props;\n const storeSizeInBytes = useStoreSize(connectedStore);\n\n function clearRequests() {\n connectedStore.dispatch(clearCompletedRequests());\n connectedStore.dispatch(clearFailedRequests());\n // also resets time\n resetStartOfTime();\n }\n\n function downloadState() {\n const state = connectedStore.getState();\n const minutes = getMinutes();\n const filename = `state_${minutes}.json`;\n download(filename, state);\n }\n\n return (\n <DevtoolsApp\n connectedStore={connectedStore}\n clearRequests={clearRequests}\n downloadState={downloadState}\n storeSizeInBytes={storeSizeInBytes}\n isDarkMode={isDarkMode}\n />\n );\n}\n\nexport default DevtoolsAppContainer;\n"],"names":["allIcons","props","size","React","Container","styled","_a","Icon","name","color","Cmp","MenuGroup","MenuGroupTitle","MenuItem","Title","Badge","BadgeTotal","DevMenu","groups","items","selectedId","badges","badgesTotal","renderItem","item","title","id","selected","badge","badgeTotal","classnames","renderItems","groupItems","renderGroup","group","renderGroups","devRoutes","devGroups","output","$requests","createSelector","connectedSelectors","requests","request","lastPoint","journeyWithDelta","point","index","delta","a","b","$requestsReceived","LifecycleStatus","$requestsReceivedPast","$requestsInQueue","$requestsInQueuePast","$requestsPendingApi","$requestsPendingApiPast","$requestsPostAction","$requestsPostActionPast","$requestsGeneralError","$requestsGeneralErrorPast","$requestsApiError","$requestsFailed","$requestsApiErrorPast","$menuBadges","requestsReceived","requestsInQueue","requestsGeneralError","requestsPendingApi","requestsApiError","requestsFailed","requestsPostAction","$menuBadgesTotal","DevMenuContainer","useSelector","Content","Actions","timestamp","startOfTime","resetStartOfTime","getMinutes","Full","Fraction","Time","value","relativeValue","full","fraction","Status","DataIcon","Delta","Flex","statusMap","JourneyRow","status","data","printPoint","renderDataIcon","renderDelta","RequestJourney","Table","Tr","Td","JsonViewer","json","width","RequestDetails","bytes","DevInspector","Empty","DevList","selectedRow","Item","rowInfo","style","className","renderEmpty","renderList","List","Col","Id","Type","RequestRow","sequence","createdTS","Lifecycle","setItem","useState","onClick","newItem","LifecycleReceivedContainer","GlobalStatsContainer","EndpointConfigsContainer","GlobalSettingsContainer","EndpointStatusContainer","LifecycleInQueueContainer","LifecycleGeneralErrorContainer","LifecyclePendingApiContainer","LifecycleApiErrorContainer","LifecyclePostActionContainer","LifecycleFailedContainer","devComponents","DevPanel","route","setRoute","renderRoute","DevPanelContainer","Size","sizeText","useMemo","DevtoolsApp","connectedStore","storeSizeInBytes","isDarkMode","ref","useRef","Provider","download","filename","blob","elem","useStoreSize","store","storeSize","setStoreSize","calculateSize","debounce","state","useEffect","DevtoolsAppContainer","clearRequests","clearCompletedRequests","clearFailedRequests","downloadState"],"mappings":"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"}