= (stateProps: SP, dispatchProps: DP, ownProps: OP) => P;
23 |
24 | declare type StatelessComponent = (props: P) => ?React$Element;
25 |
26 | declare class ConnectedComponent extends React$Component {
27 | static WrappedComponent: Class>;
28 | getWrappedInstance(): React$Component;
29 | static defaultProps: void;
30 | props: OP;
31 | state: void;
32 | }
33 |
34 | declare type ConnectedComponentClass = Class>;
35 |
36 | declare type Connector = {
37 | (component: StatelessComponent): ConnectedComponentClass;
38 | (component: Class>): ConnectedComponentClass;
39 | };
40 |
41 | declare class Provider extends React$Component, children?: any }, void> { }
42 |
43 | declare type ConnectOptions = {
44 | pure?: boolean,
45 | withRef?: boolean
46 | };
47 |
48 | declare type Null = null | void;
49 |
50 | declare function connect(
51 | ...rest: Array // <= workaround for https://github.com/facebook/flow/issues/2360
52 | ): Connector } & OP>>;
53 |
54 | declare function connect(
55 | mapStateToProps: Null,
56 | mapDispatchToProps: Null,
57 | mergeProps: Null,
58 | options: ConnectOptions
59 | ): Connector } & OP>>;
60 |
61 | declare function connect(
62 | mapStateToProps: MapStateToProps,
63 | mapDispatchToProps: Null,
64 | mergeProps: Null,
65 | options?: ConnectOptions
66 | ): Connector } & OP>>;
67 |
68 | declare function connect(
69 | mapStateToProps: Null,
70 | mapDispatchToProps: MapDispatchToProps,
71 | mergeProps: Null,
72 | options?: ConnectOptions
73 | ): Connector>;
74 |
75 | declare function connect(
76 | mapStateToProps: MapStateToProps,
77 | mapDispatchToProps: MapDispatchToProps,
78 | mergeProps: Null,
79 | options?: ConnectOptions
80 | ): Connector>;
81 |
82 | declare function connect(
83 | mapStateToProps: MapStateToProps,
84 | mapDispatchToProps: MapDispatchToProps,
85 | mergeProps: MergeProps,
86 | options?: ConnectOptions
87 | ): Connector;
88 |
89 | }
90 |
--------------------------------------------------------------------------------
/src/ActionPreview.jsx:
--------------------------------------------------------------------------------
1 | // @flow
2 | import React, { Component } from 'react';
3 | import ActionPreviewHeader from './ActionPreviewHeader';
4 | import DiffTab from './tabs/DiffTab';
5 | import StateTab from './tabs/StateTab';
6 | import ActionTab from './tabs/ActionTab';
7 |
8 | import type { LabelRenderer } from 'react-json-tree';
9 | import type { Tab, TabName } from './types';
10 |
11 | type DefaultProps = {
12 | tabName: TabName
13 | };
14 |
15 | type Props = DefaultProps & {
16 | tabs: ((defaultTabs: Tab[]) => Tab[]) | Tab[]
17 | };
18 |
19 | const DEFAULT_TABS: Tab[] = [{
20 | name: 'Action',
21 | component: ActionTab
22 | }, {
23 | name: 'Diff',
24 | component: DiffTab
25 | }, {
26 | name: 'State',
27 | component: StateTab
28 | }]
29 |
30 | class ActionPreview extends Component {
31 | static defaultProps: DefaultProps = {
32 | tabName: 'Diff'
33 | }
34 |
35 | render() {
36 | const {
37 | styling, delta, error, nextState, onInspectPath, inspectedPath, tabName,
38 | isWideLayout, onSelectTab, action, actions, selectedActionId, startActionId,
39 | computedStates, base16Theme, invertTheme, tabs
40 | } = this.props;
41 |
42 | const renderedTabs = (typeof tabs === 'function') ?
43 | tabs(DEFAULT_TABS) :
44 | (tabs ? tabs : DEFAULT_TABS);
45 |
46 | const tab = renderedTabs.find(tab => tab.name === tabName);
47 |
48 | let TabComponent;
49 | if (tab) {
50 | TabComponent = tab.component;
51 | }
52 |
53 | return (
54 |
55 |
59 | {!error &&
60 |
61 | {TabComponent &&
62 |
78 | }
79 |
80 | }
81 | {error &&
82 |
{error}
83 | }
84 |
30 |
Custom Tab Content
31 |
92 | {router}
93 | {!useDevtoolsExtension && }
94 |
95 | ,
96 | document.getElementById('root')
97 | );
98 | }
99 |
100 | renderApp(getOptions());
101 |
--------------------------------------------------------------------------------
/flow-typed/npm/react-router-redux_vx.x.x.js:
--------------------------------------------------------------------------------
1 | // flow-typed signature: 3247a7d9b2d62406acf41f466079d2ac
2 | // flow-typed version: <>/react-router-redux_v^4.0.2/flow_v0.38.0
3 |
4 | /**
5 | * This is an autogenerated libdef stub for:
6 | *
7 | * 'react-router-redux'
8 | *
9 | * Fill this stub out by replacing all the `any` types.
10 | *
11 | * Once filled out, we encourage you to share your work with the
12 | * community by sending a pull request to:
13 | * https://github.com/flowtype/flow-typed
14 | */
15 |
16 | declare module 'react-router-redux' {
17 | declare module.exports: any;
18 | }
19 |
20 | /**
21 | * We include stubs for each file inside this npm package in case you need to
22 | * require those files directly. Feel free to delete any files that aren't
23 | * needed.
24 | */
25 | declare module 'react-router-redux/dist/ReactRouterRedux' {
26 | declare module.exports: any;
27 | }
28 |
29 | declare module 'react-router-redux/dist/ReactRouterRedux.min' {
30 | declare module.exports: any;
31 | }
32 |
33 | declare module 'react-router-redux/lib/actions' {
34 | declare module.exports: any;
35 | }
36 |
37 | declare module 'react-router-redux/lib/index' {
38 | declare module.exports: any;
39 | }
40 |
41 | declare module 'react-router-redux/lib/middleware' {
42 | declare module.exports: any;
43 | }
44 |
45 | declare module 'react-router-redux/lib/reducer' {
46 | declare module.exports: any;
47 | }
48 |
49 | declare module 'react-router-redux/lib/sync' {
50 | declare module.exports: any;
51 | }
52 |
53 | declare module 'react-router-redux/src/actions' {
54 | declare module.exports: any;
55 | }
56 |
57 | declare module 'react-router-redux/src/index' {
58 | declare module.exports: any;
59 | }
60 |
61 | declare module 'react-router-redux/src/middleware' {
62 | declare module.exports: any;
63 | }
64 |
65 | declare module 'react-router-redux/src/reducer' {
66 | declare module.exports: any;
67 | }
68 |
69 | declare module 'react-router-redux/src/sync' {
70 | declare module.exports: any;
71 | }
72 |
73 | // Filename aliases
74 | declare module 'react-router-redux/dist/ReactRouterRedux.js' {
75 | declare module.exports: $Exports<'react-router-redux/dist/ReactRouterRedux'>;
76 | }
77 | declare module 'react-router-redux/dist/ReactRouterRedux.min.js' {
78 | declare module.exports: $Exports<'react-router-redux/dist/ReactRouterRedux.min'>;
79 | }
80 | declare module 'react-router-redux/lib/actions.js' {
81 | declare module.exports: $Exports<'react-router-redux/lib/actions'>;
82 | }
83 | declare module 'react-router-redux/lib/index.js' {
84 | declare module.exports: $Exports<'react-router-redux/lib/index'>;
85 | }
86 | declare module 'react-router-redux/lib/middleware.js' {
87 | declare module.exports: $Exports<'react-router-redux/lib/middleware'>;
88 | }
89 | declare module 'react-router-redux/lib/reducer.js' {
90 | declare module.exports: $Exports<'react-router-redux/lib/reducer'>;
91 | }
92 | declare module 'react-router-redux/lib/sync.js' {
93 | declare module.exports: $Exports<'react-router-redux/lib/sync'>;
94 | }
95 | declare module 'react-router-redux/src/actions.js' {
96 | declare module.exports: $Exports<'react-router-redux/src/actions'>;
97 | }
98 | declare module 'react-router-redux/src/index.js' {
99 | declare module.exports: $Exports<'react-router-redux/src/index'>;
100 | }
101 | declare module 'react-router-redux/src/middleware.js' {
102 | declare module.exports: $Exports<'react-router-redux/src/middleware'>;
103 | }
104 | declare module 'react-router-redux/src/reducer.js' {
105 | declare module.exports: $Exports<'react-router-redux/src/reducer'>;
106 | }
107 | declare module 'react-router-redux/src/sync.js' {
108 | declare module.exports: $Exports<'react-router-redux/src/sync'>;
109 | }
110 |
--------------------------------------------------------------------------------
/src/tabs/getItemString.js:
--------------------------------------------------------------------------------
1 | // @flow
2 | import React from 'react';
3 | import getType from '../utils/getType';
4 |
5 | import type { StylingFunction } from 'react-base16-styling';
6 |
7 | function getShortTypeString(val: any, diff?: boolean): string {
8 | const type = getType(val);
9 |
10 | if (diff && Array.isArray(val)) {
11 | val = val[val.length === 2 ? 1 : 0];
12 | }
13 |
14 | switch (type) {
15 | case 'Immutable List':
16 | case 'Immutable Stack':
17 | case 'Immutable Seq':
18 | return '' + val.size ? '[…]' : '[]';
19 | case 'Map':
20 | return val.size ? '{…}' : '{}';
21 | case 'WeakMap':
22 | return '{…}';
23 | case 'Set':
24 | return val.size ? '(…)' : '()';
25 | case 'WeakSet':
26 | return '(…)';
27 | case 'Immutable Map':
28 | case 'Immutable OrderedMap':
29 | return '' + val.size ? '{…}' : '{}';
30 | case 'Immutable Set':
31 | case 'Immutable OrderedSet':
32 | return '' + val.size ? '(…)' : '()';
33 | case 'Iterable':
34 | return '(…)';
35 | case 'Array':
36 | return val.length > 0 ? '[…]' : '[]';
37 | case 'Null':
38 | return 'null';
39 | case 'Undefined':
40 | return 'undef';
41 | case 'Error':
42 | return `Error(${getShortTypeString(val.message)}`;
43 | case 'Object':
44 | return Object.keys(val).length > 0 ? '{…}' : '{}';
45 | case 'Function':
46 | return 'fn';
47 | case 'String':
48 | return `"${val.substr(0, 10) + (val.length > 10 ? '…' : '')}"`
49 | case 'Symbol':
50 | return 'symbol';
51 | default:
52 | return val.toString();
53 | }
54 | }
55 |
56 | function getFirstEntries(data, limit, getEntryString): string {
57 | let idx = 0, arr = [];
58 |
59 | for (let entry of data) {
60 | if (idx === 3) {
61 | arr.push('…');
62 | break;
63 | };
64 | arr.push(getEntryString(entry));
65 | idx++;
66 | }
67 |
68 | return arr.join(', ');
69 | }
70 |
71 | function getText(type, data, isWideLayout, isDiff): string {
72 | let str;
73 | type = getType(data);
74 |
75 | switch(type) {
76 | case 'Immutable List':
77 | case 'Immutable Stack':
78 | case 'Immutable Seq':
79 | str = getFirstEntries(data, 3, entry => getShortTypeString(entry));
80 | return `[ ${str} ]`;
81 | case 'Map':
82 | str = getFirstEntries(data, 3, entry =>
83 | `${getShortTypeString(entry[0])} => ${getShortTypeString(entry[1])}`
84 | );
85 | return `{ ${str} }`;
86 | case 'WeakMap':
87 | return '{…}';
88 | case 'Set':
89 | str = getFirstEntries(data, 3, entry => getShortTypeString(entry));
90 | return `( ${str} )`;
91 | case 'WeakSet':
92 | return '(…)';
93 | case 'Immutable Map':
94 | case 'Immutable OrderedMap':
95 | str = getFirstEntries(data, 3, entry =>
96 | `${getShortTypeString(entry[0])} => ${getShortTypeString(entry[1])}`
97 | );
98 | return `{ ${str} }`;
99 | case 'Immutable Set':
100 | case 'Immutable OrderedSet':
101 | str = getFirstEntries(data, 3, entry => getShortTypeString(entry));
102 | return `( ${str} )`;
103 | case 'Object':
104 | const keys = Object.keys(data);
105 | if (!isWideLayout) return keys.length ? '{…}' : '{}';
106 |
107 | str = keys
108 | .slice(0, 3)
109 | .map(key => `${key}: ${getShortTypeString(data[key], isDiff)}`)
110 | .concat(keys.length > 3 ? ['…'] : [])
111 | .join(', ');
112 |
113 | return `{ ${str} }`;
114 | case 'Array':
115 | if (!isWideLayout) return data.length ? '[…]' : '[]';
116 |
117 | str = data
118 | .slice(0, 4)
119 | .map(val => getShortTypeString(val, isDiff))
120 | .concat(data.length > 4 ? ['…'] : []).join(', ');
121 |
122 | return `[${str}]`;
123 | default:
124 | return type;
125 | }
126 | }
127 |
128 | const getItemString = (
129 | styling: StylingFunction,
130 | type: string,
131 | data: Object,
132 | isWideLayout: boolean,
133 | isDiff: boolean = false
134 | ): React$Element<*> =>
135 |
136 | {getText(type, data, isWideLayout, isDiff)}
137 | ;
138 |
139 | export default getItemString;
140 |
--------------------------------------------------------------------------------
/demo/src/js/reducers.js:
--------------------------------------------------------------------------------
1 | import Immutable from 'immutable';
2 | import shuffle from 'lodash.shuffle';
3 |
4 | const NESTED = {
5 | long: {
6 | nested: [{
7 | path: {
8 | to: {
9 | a: 'key'
10 | }
11 | }
12 | }]
13 | }
14 | };
15 |
16 | const IMMUTABLE_NESTED = Immutable.fromJS(NESTED);
17 |
18 | /* eslint-disable babel/new-cap */
19 |
20 | const IMMUTABLE_MAP = Immutable.Map({
21 | map: Immutable.Map({ a:1, b: 2, c: 3 }),
22 | list: Immutable.List(['a', 'b', 'c']),
23 | set: Immutable.Set(['a', 'b', 'c']),
24 | stack: Immutable.Stack(['a', 'b', 'c']),
25 | seq: Immutable.Seq.of(1, 2, 3, 4, 5, 6, 7, 8)
26 | });
27 |
28 | const NATIVE_MAP = new window.Map([
29 | ['map', new window.Map([
30 | [{ first: true }, 1],
31 | ['second', 2]
32 | ])],
33 | ['weakMap', new window.WeakMap([
34 | [{ first: true }, 1],
35 | [{ second: 1 }, 2]
36 | ])],
37 | ['set', new window.Set([
38 | { first: true },
39 | 'second'
40 | ])],
41 | ['weakSet', new window.WeakSet([
42 | { first: true },
43 | { second: 1 }
44 | ])]
45 | ]);
46 |
47 | /* eslint-enable babel/new-cap */
48 |
49 | const HUGE_ARRAY = Array.from({ length: 5000 })
50 | .map((_, key) => ({ str: 'key ' + key }));
51 |
52 | const HUGE_OBJECT = Array.from({ length: 5000 })
53 | .reduce((o, _, key) => (o['key ' + key] = 'item ' + key, o), {});
54 |
55 | const FUNC = function (a, b, c) { return a + b + c; };
56 |
57 | const RECURSIVE = {};
58 | RECURSIVE.obj = RECURSIVE;
59 |
60 | function createIterator() {
61 | const iterable = {};
62 | iterable[window.Symbol.iterator] = function *iterator() {
63 | for (var i = 0; i < 333; i++) {
64 | yield 'item ' + i;
65 | }
66 | }
67 |
68 | return iterable;
69 | }
70 |
71 | const DEFAULT_SHUFFLE_ARRAY = [0, 1, null, { id: 1 }, { id: 2 }, 'string'];
72 |
73 | export default {
74 | timeoutUpdateEnabled: (state=false, action) => action.type === 'TOGGLE_TIMEOUT_UPDATE' ?
75 | action.timeoutUpdateEnabled : state,
76 | store: (state=0, action) => action.type === 'INCREMENT' ? state + 1 : state,
77 | undefined: (state={ val: undefined }) => state,
78 | null: (state=null) => state,
79 | func: (state=() => {}) => state,
80 | array: (state=[], action) => action.type === 'PUSH' ?
81 | [...state, Math.random()] : (
82 | action.type === 'POP' ? state.slice(0, state.length - 1) : (
83 | action.type === 'REPLACE' ? [Math.random(), ...state.slice(1)] : state
84 | )
85 | ),
86 | hugeArrays: (state=[], action) => action.type === 'PUSH_HUGE_ARRAY' ?
87 | [ ...state, ...HUGE_ARRAY ] : state,
88 | hugeObjects: (state=[], action) => action.type === 'ADD_HUGE_OBJECT' ?
89 | [ ...state, HUGE_OBJECT ] : state,
90 | iterators: (state=[], action) => action.type === 'ADD_ITERATOR' ?
91 | [...state, createIterator()] : state,
92 | nested: (state=NESTED, action) =>
93 | action.type === 'CHANGE_NESTED' ? {
94 | ...state,
95 | long: {
96 | nested: [{
97 | path: {
98 | to: {
99 | a: state.long.nested[0].path.to.a + '!'
100 | }
101 | }
102 | }]
103 | }
104 | } : state,
105 | recursive: (state=[], action) => action.type === 'ADD_RECURSIVE' ?
106 | [...state, { ...RECURSIVE }] : state,
107 | immutables: (state=[], action) => action.type === 'ADD_IMMUTABLE_MAP' ?
108 | [...state, IMMUTABLE_MAP] : state,
109 | maps: (state=[], action) => action.type === 'ADD_NATIVE_MAP' ?
110 | [...state, NATIVE_MAP] : state,
111 | immutableNested: (state=IMMUTABLE_NESTED, action) => action.type === 'CHANGE_IMMUTABLE_NESTED' ?
112 | state.updateIn(
113 | ['long', 'nested', 0, 'path', 'to', 'a'],
114 | str => str + '!'
115 | ) : state,
116 | addFunction: (state=null, action) => action.type === 'ADD_FUNCTION' ?
117 | { f: FUNC } : state,
118 | addSymbol: (state=null, action) => action.type === 'ADD_SYMBOL' ?
119 | { s: window.Symbol('symbol'), error: new Error('TEST') } : state,
120 | shuffleArray: (state=DEFAULT_SHUFFLE_ARRAY, action) =>
121 | action.type === 'SHUFFLE_ARRAY' ?
122 | shuffle(state) : state
123 | };
124 |
--------------------------------------------------------------------------------
/src/ActionList.jsx:
--------------------------------------------------------------------------------
1 | // @flow
2 | import React, { PureComponent } from 'react';
3 | import ReactDOM from 'react-dom';
4 | import ActionListRow from './ActionListRow';
5 | import ActionListHeader from './ActionListHeader';
6 |
7 | import type { StylingFunction } from 'react-base16-styling';
8 | import type { Action } from './types';
9 |
10 | type Props = {
11 | styling: StylingFunction,
12 | actions: {
13 | [id: number]: Action
14 | },
15 | actionIds: number[],
16 | lastActionId: number,
17 | isWideLayout: boolean,
18 | onToggleAction: (actionId: number) => void;
19 | skippedActionIds: number[],
20 | selectedActionId: number,
21 | startActionId: null | number,
22 | onSelect: (e: SyntheticMouseEvent, actionId: number) => void,
23 | onSearch: (searchStr: string) => void,
24 | searchValue: string,
25 | currentActionId: number,
26 | onCommit: () => void,
27 | onSweep: () => void,
28 | onJumpToState: (actionId: number) => void
29 | };
30 |
31 | function getTimestamps(actions, actionIds, actionId) {
32 | const idx = actionIds.indexOf(actionId);
33 | const prevActionId = actionIds[idx - 1];
34 |
35 | return {
36 | current: actions[actionId].timestamp,
37 | previous: idx ? actions[prevActionId].timestamp : 0
38 | };
39 | }
40 |
41 | export default class ActionList extends PureComponent {
42 | componentDidMount() {
43 | this.scrollToBottom(true);
44 | }
45 |
46 | componentDidUpdate(prevProps: Props) {
47 | if (this.props.lastActionId !== prevProps.lastActionId) {
48 | this.scrollToBottom();
49 | }
50 | }
51 |
52 | scrollToBottom(force?: boolean) {
53 | const el = ReactDOM.findDOMNode(this.refs.rows);
54 | const scrollHeight = el.scrollHeight;
55 | if (force || Math.abs(scrollHeight - (el.scrollTop + el.offsetHeight)) < 50) {
56 | el.scrollTop = scrollHeight;
57 | }
58 | }
59 |
60 | render() {
61 | const { styling, actions, actionIds, isWideLayout, onToggleAction, skippedActionIds,
62 | selectedActionId, startActionId, onSelect, onSearch, searchValue, currentActionId,
63 | onCommit, onSweep, onJumpToState } = this.props;
64 | const lowerSearchValue = searchValue && searchValue.toLowerCase();
65 | const filteredActionIds = searchValue ? actionIds.filter(
66 | id => actions[id].action.type.toLowerCase().indexOf(lowerSearchValue) !== -1
67 | ) : actionIds;
68 |
69 | return (
70 |
76 |
0}
81 | hasStagedActions={actionIds.length > 1} />
82 |
83 | {filteredActionIds.map(actionId =>
84 |
= startActionId && actionId <= selectedActionId ||
90 | actionId === selectedActionId
91 | }
92 | isInFuture={actionId > currentActionId}
93 | onSelect={(e) => onSelect(e, actionId)}
94 | timestamps={getTimestamps(actions, actionIds, actionId)}
95 | action={actions[actionId].action}
96 | onToggleClick={() => onToggleAction(actionId)}
97 | onJumpClick={() => onJumpToState(actionId)}
98 | onCommitClick={() => onCommit(actionId)}
99 | isSkipped={skippedActionIds.indexOf(actionId) !== -1} />
100 | )}
101 |
82 | (states are equal)
83 |
84 | );
85 | }
86 |
87 | return (
88 |
100 | );
101 | }
102 |
103 | valueRenderer = (raw: React$Element<*>, value: any): React$Element<*> => {
104 | const { styling, isWideLayout } = this.props;
105 |
106 | function renderSpan(name, body) {
107 | return (
108 | {body}
109 | );
110 | }
111 |
112 | if (Array.isArray(value)) {
113 | switch(value.length) {
114 | case 1:
115 | return (
116 |
117 | {renderSpan('diffAdd', stringifyAndShrink(value[0], isWideLayout))}
118 |
119 | );
120 | case 2:
121 | return (
122 |
123 | {renderSpan('diffUpdateFrom', stringifyAndShrink(value[0], isWideLayout))}
124 | {renderSpan('diffUpdateArrow', ' => ')}
125 | {renderSpan('diffUpdateTo', stringifyAndShrink(value[1], isWideLayout))}
126 |
127 | );
128 | case 3:
129 | return (
130 |
131 | {renderSpan('diffRemove', stringifyAndShrink(value[0], isWideLayout))}
132 |
133 | );
134 | }
135 | }
136 |
137 | return raw;
138 | }
139 |
140 | getItemString = (type: string, data: any) => {
141 | return getItemString(this.props.styling, type, data, this.props.isWideLayout, true);
142 | };
143 | }
144 |
--------------------------------------------------------------------------------
/src/ActionListRow.jsx:
--------------------------------------------------------------------------------
1 | // @flow
2 | import React, { PureComponent } from 'react';
3 | import dateformat from 'dateformat';
4 | import debounce from 'lodash.debounce';
5 | import RightSlider from './RightSlider';
6 |
7 | import type { StylingFunction } from 'react-base16-styling';
8 | import type { Action } from './types';
9 |
10 | type Button = 'Skip' | 'Jump';
11 |
12 | const BUTTON_SKIP = 'Skip';
13 | const BUTTON_JUMP = 'Jump';
14 |
15 | type Props = {
16 | styling: StylingFunction,
17 | isSelected: boolean,
18 | action: Action,
19 | isInFuture: boolean,
20 | isInitAction: boolean,
21 | onSelect: (e: SyntheticMouseEvent) => void,
22 | timestamps: {
23 | current: number,
24 | previous: number
25 | },
26 | isSkipped: boolean,
27 | onToggleClick: () => void,
28 | onJumpClick: () => void
29 | };
30 |
31 | type State = {
32 | hover: boolean
33 | };
34 |
35 | export default class ActionListRow extends PureComponent {
36 | state: State = { hover: false };
37 |
38 | render() {
39 | const { styling, isSelected, action, isInitAction, onSelect,
40 | timestamps, isSkipped, isInFuture } = this.props;
41 | const { hover } = this.state;
42 | const timeDelta = timestamps.current - timestamps.previous;
43 | const showButtons = hover && !isInitAction || isSkipped;
44 |
45 | const isButtonSelected = btn =>
46 | btn === BUTTON_SKIP && isSkipped;
47 |
48 | let actionType = action.type;
49 | if (typeof actionType === 'undefined') actionType = '';
50 | else if (actionType === null) actionType = '';
51 | else actionType = actionType.toString() || '';
52 |
53 | return (
54 |
65 |
71 | {actionType}
72 |
73 |
74 |
75 |
76 | {timeDelta === 0 ? '+00:00:00' :
77 | dateformat(timeDelta, timestamps.previous ? '+MM:ss.L' : 'h:MM:ss.L')}
78 |
79 |
80 |
81 |
82 | {[BUTTON_JUMP, BUTTON_SKIP].map(btn => (!isInitAction || btn !== BUTTON_SKIP) &&
83 |
92 | {btn}
93 |
94 | )}
95 |
97 |
98 |
86 |
87 | {pkg.name || Package Name}
88 |
89 |
{pkg.description || Package Description}
90 |
117 |
118 |
119 |
122 |
125 |
128 |
131 |
134 |
137 |
140 |
143 |
146 |
149 |
152 |
155 |
158 |
161 |
164 |
167 |
170 |
171 |
172 |
182 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/flow-typed/npm/clean-webpack-plugin_vx.x.x.js:
--------------------------------------------------------------------------------
1 | // flow-typed signature: 70b754b90629d8806d098a8baab4f460
2 | // flow-typed version: <