Run prettier

jlfwong · Nov 12, 2020 · 7639bc4 · 7639bc4
1 parent b7af76b
commit 7639bc4
Show file tree

Hide file tree

Showing 19 changed files with 573 additions and 540 deletions.
diff --git a/src/speedscope.tsx b/src/speedscope.tsx
@@ -2,7 +2,7 @@ import {h, render} from 'preact'
 import {createAppStore} from './store'
 import {ApplicationContainer} from './views/application-container'
 import {Provider} from './lib/preact-redux'
-import { ThemeProvider } from './views/themes/theme'
+import {ThemeProvider} from './views/themes/theme'
 
 console.log(`speedscope v${require('../package.json').version}`)
 

diff --git a/src/views/application-container.tsx b/src/views/application-container.tsx
@@ -6,7 +6,7 @@ import {useActionCreator} from '../lib/preact-redux'
 import {memo} from 'preact/compat'
 import {useAppSelector, useActiveProfileState} from '../store'
 import {ProfileSearchContextProvider} from './search-view'
-import { useTheme } from './themes/theme'
+import {useTheme} from './themes/theme'
 
 const {
   setLoading,

diff --git a/src/views/application.tsx b/src/views/application.tsx
@@ -13,7 +13,7 @@ import {LeftHeavyFlamechartView, ChronoFlamechartView} from './flamechart-view-c
 import {CanvasContext} from '../gl/canvas-context'
 import {Toolbar} from './toolbar'
 import {importJavaScriptSourceMapSymbolRemapper} from '../lib/js-source-map'
-import { Theme, withTheme } from './themes/theme'
+import {Theme, withTheme} from './themes/theme'
 
 const importModule = import('../import')
 
@@ -564,7 +564,11 @@ export class Application extends StatelessComponent<ApplicationProps> {
         onDragLeave={this.onDragLeave}
         className={css(style.root, this.props.dragActive && style.dragTargetRoot)}
       >
-        <GLCanvas setGLCanvas={this.props.setGLCanvas} canvasContext={this.props.canvasContext} theme={this.props.theme} />
+        <GLCanvas
+          setGLCanvas={this.props.setGLCanvas}
+          canvasContext={this.props.canvasContext}
+          theme={this.props.theme}
+        />
         <Toolbar
           saveFile={this.saveFile}
           browseForFile={this.browseForFile}
@@ -577,112 +581,114 @@ export class Application extends StatelessComponent<ApplicationProps> {
   }
 }
 
-const getStyle = withTheme((theme) => StyleSheet.create({
-  glCanvasView: {
-    position: 'absolute',
-    width: '100vw',
-    height: '100vh',
-    zIndex: -1,
-    pointerEvents: 'none',
-  },
-  error: {
-    display: 'flex',
-    flexDirection: 'column',
-    alignItems: 'center',
-    justifyContent: 'center',
-    height: '100%',
-  },
-  loading: {
-    height: 3,
-    marginBottom: -3,
-    background: theme.selectionPrimaryColor,
-    transformOrigin: '0% 50%',
-    animationName: [
-      {
-        from: {
-          transform: `scaleX(0)`,
-        },
-        to: {
-          transform: `scaleX(1)`,
+const getStyle = withTheme(theme =>
+  StyleSheet.create({
+    glCanvasView: {
+      position: 'absolute',
+      width: '100vw',
+      height: '100vh',
+      zIndex: -1,
+      pointerEvents: 'none',
+    },
+    error: {
+      display: 'flex',
+      flexDirection: 'column',
+      alignItems: 'center',
+      justifyContent: 'center',
+      height: '100%',
+    },
+    loading: {
+      height: 3,
+      marginBottom: -3,
+      background: theme.selectionPrimaryColor,
+      transformOrigin: '0% 50%',
+      animationName: [
+        {
+          from: {
+            transform: `scaleX(0)`,
+          },
+          to: {
+            transform: `scaleX(1)`,
+          },
         },
+      ],
+      animationTimingFunction: 'cubic-bezier(0, 1, 0, 1)',
+      animationDuration: '30s',
+    },
+    root: {
+      width: '100vw',
+      height: '100vh',
+      overflow: 'hidden',
+      display: 'flex',
+      flexDirection: 'column',
+      position: 'relative',
+      fontFamily: FontFamily.MONOSPACE,
+      lineHeight: '20px',
+      color: theme.fgPrimaryColor,
+    },
+    dragTargetRoot: {
+      cursor: 'copy',
+    },
+    dragTarget: {
+      boxSizing: 'border-box',
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      width: '100%',
+      height: '100%',
+      border: `5px dashed ${theme.selectionPrimaryColor}`,
+      pointerEvents: 'none',
+    },
+    contentContainer: {
+      position: 'relative',
+      display: 'flex',
+      overflow: 'hidden',
+      flexDirection: 'column',
+      flex: 1,
+    },
+    landingContainer: {
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      flex: 1,
+    },
+    landingMessage: {
+      maxWidth: 600,
+    },
+    landingP: {
+      marginBottom: 16,
+    },
+    hide: {
+      display: 'none',
+    },
+    browseButtonContainer: {
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+    },
+    browseButton: {
+      marginBottom: 16,
+      height: 72,
+      flex: 1,
+      maxWidth: 256,
+      textAlign: 'center',
+      fontSize: FontSize.BIG_BUTTON,
+      lineHeight: '72px',
+      background: theme.selectionPrimaryColor,
+      color: theme.altFgPrimaryColor,
+      transition: `all ${Duration.HOVER_CHANGE} ease-in`,
+      ':hover': {
+        background: theme.selectionSecondaryColor,
       },
-    ],
-    animationTimingFunction: 'cubic-bezier(0, 1, 0, 1)',
-    animationDuration: '30s',
-  },
-  root: {
-    width: '100vw',
-    height: '100vh',
-    overflow: 'hidden',
-    display: 'flex',
-    flexDirection: 'column',
-    position: 'relative',
-    fontFamily: FontFamily.MONOSPACE,
-    lineHeight: '20px',
-    color: theme.fgPrimaryColor
-  },
-  dragTargetRoot: {
-    cursor: 'copy',
-  },
-  dragTarget: {
-    boxSizing: 'border-box',
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    width: '100%',
-    height: '100%',
-    border: `5px dashed ${theme.selectionPrimaryColor}`,
-    pointerEvents: 'none',
-  },
-  contentContainer: {
-    position: 'relative',
-    display: 'flex',
-    overflow: 'hidden',
-    flexDirection: 'column',
-    flex: 1,
-  },
-  landingContainer: {
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    flex: 1,
-  },
-  landingMessage: {
-    maxWidth: 600,
-  },
-  landingP: {
-    marginBottom: 16,
-  },
-  hide: {
-    display: 'none',
-  },
-  browseButtonContainer: {
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-  browseButton: {
-    marginBottom: 16,
-    height: 72,
-    flex: 1,
-    maxWidth: 256,
-    textAlign: 'center',
-    fontSize: FontSize.BIG_BUTTON,
-    lineHeight: '72px',
-    background: theme.selectionPrimaryColor,
-    color: theme.altFgPrimaryColor,
-    transition: `all ${Duration.HOVER_CHANGE} ease-in`,
-    ':hover': {
-      background: theme.selectionSecondaryColor,
     },
-  },
-  link: {
-    color: theme.selectionPrimaryColor,
-    cursor: 'pointer',
-    textDecoration: 'none',
-    transition: `all ${Duration.HOVER_CHANGE} ease-in`,
-    ':hover': {
-      color: theme.selectionSecondaryColor,
+    link: {
+      color: theme.selectionPrimaryColor,
+      cursor: 'pointer',
+      textDecoration: 'none',
+      transition: `all ${Duration.HOVER_CHANGE} ease-in`,
+      ':hover': {
+        color: theme.selectionSecondaryColor,
+      },
     },
-  },
-}))
+  }),
+)
diff --git a/src/views/callee-flamegraph-view.tsx b/src/views/callee-flamegraph-view.tsx
@@ -17,7 +17,7 @@ import {FlamechartWrapper} from './flamechart-wrapper'
 import {useAppSelector} from '../store'
 import {h} from 'preact'
 import {memo} from 'preact/compat'
-import { useTheme } from './themes/theme'
+import {useTheme} from './themes/theme'
 
 const getCalleeProfile = memoizeByShallowEquality<
   {

diff --git a/src/views/color-chit.tsx b/src/views/color-chit.tsx
@@ -1,7 +1,7 @@
 import {h} from 'preact'
 import {StyleSheet, css} from 'aphrodite'
 import {FontSize} from './style'
-import { useTheme, withTheme } from './themes/theme'
+import {useTheme, withTheme} from './themes/theme'
 
 interface ColorChitProps {
   color: string
@@ -12,15 +12,17 @@ export function ColorChit(props: ColorChitProps) {
   return <span className={css(style.stackChit)} style={{backgroundColor: props.color}} />
 }
 
-const getStyle = withTheme(theme => StyleSheet.create({
-  stackChit: {
-    position: 'relative',
-    top: -1,
-    display: 'inline-block',
-    verticalAlign: 'middle',
-    marginRight: '0.5em',
-    border: `1px solid ${theme.fgSecondaryColor}`,
-    width: FontSize.LABEL - 2,
-    height: FontSize.LABEL - 2,
-  },
-}))
+const getStyle = withTheme(theme =>
+  StyleSheet.create({
+    stackChit: {
+      position: 'relative',
+      top: -1,
+      display: 'inline-block',
+      verticalAlign: 'middle',
+      marginRight: '0.5em',
+      border: `1px solid ${theme.fgSecondaryColor}`,
+      width: FontSize.LABEL - 2,
+      height: FontSize.LABEL - 2,
+    },
+  }),
+)
diff --git a/src/views/flamechart-detail-view.tsx b/src/views/flamechart-detail-view.tsx
@@ -5,7 +5,7 @@ import {formatPercent} from '../lib/utils'
 import {Frame, CallTreeNode} from '../lib/profile'
 import {ColorChit} from './color-chit'
 import {Flamechart} from '../lib/flamechart'
-import { useTheme } from './themes/theme'
+import {useTheme} from './themes/theme'
 
 interface StatisticsTableProps {
   title: string

diff --git a/src/views/flamechart-minimap-view.tsx b/src/views/flamechart-minimap-view.tsx
@@ -7,8 +7,8 @@ import {getFlamechartStyle} from './flamechart-style'
 import {FontFamily, FontSize, Sizes, commonStyle} from './style'
 import {CanvasContext} from '../gl/canvas-context'
 import {cachedMeasureTextWidth} from '../lib/text-utils'
-import { Color } from '../lib/color'
-import { Theme } from './themes/theme'
+import {Color} from '../lib/color'
+import {Theme} from './themes/theme'
 
 interface FlamechartMinimapViewProps {
   theme: Theme

diff --git a/src/views/flamechart-pan-zoom-view.tsx b/src/views/flamechart-pan-zoom-view.tsx
@@ -15,8 +15,8 @@ import {h, Component} from 'preact'
 import {css} from 'aphrodite'
 import {ProfileSearchResults} from '../lib/profile-search'
 import {BatchCanvasTextRenderer, BatchCanvasRectRenderer} from '../lib/canvas-2d-batch-renderers'
-import { Color } from '../lib/color'
-import { Theme } from './themes/theme'
+import {Color} from '../lib/color'
+import {Theme} from './themes/theme'
 
 interface FlamechartFrameLabel {
   configSpaceBounds: Rect
@@ -350,7 +350,10 @@ export class FlamechartPanZoomView extends Component<FlamechartPanZoomViewProps,
     matchedFrameBatch.fill(ctx, theme.searchMatchPrimaryColor)
     matchedTextHighlightBatch.fill(ctx, theme.searchMatchSecondaryColor)
     fadedLabelBatch.fill(ctx, theme.fgSecondaryColor)
-    labelBatch.fill(ctx, this.props.searchResults != null ? theme.searchMatchTextColor : theme.fgPrimaryColor)
+    labelBatch.fill(
+      ctx,
+      this.props.searchResults != null ? theme.searchMatchTextColor : theme.fgPrimaryColor,
+    )
     indirectlySelectedOutlineBatch.stroke(ctx, theme.selectionSecondaryColor, frameOutlineWidth)
     directlySelectedOutlineBatch.stroke(ctx, theme.selectionPrimaryColor, frameOutlineWidth)
 

diff --git a/src/views/flamechart-view-container.tsx b/src/views/flamechart-view-container.tsx
@@ -19,7 +19,7 @@ import {actions} from '../store/actions'
 import {memo} from 'preact/compat'
 import {ActiveProfileState} from '../store'
 import {FlamechartSearchContextProvider} from './flamechart-search-view'
-import { Theme, useTheme } from './themes/theme'
+import {Theme, useTheme} from './themes/theme'
 
 interface FlamechartSetters {
   setLogicalSpaceViewportSize: (logicalSpaceViewportSize: Vec2) => void

diff --git a/src/views/flamechart-view.tsx b/src/views/flamechart-view.tsx
@@ -15,7 +15,7 @@ import {FlamechartViewProps} from './flamechart-view-container'
 import {StatelessComponent} from '../lib/typed-redux'
 import {ProfileSearchContext} from './search-view'
 import {FlamechartSearchView} from './flamechart-search-view'
-import { getFlamechartStyle } from './flamechart-style'
+import {getFlamechartStyle} from './flamechart-style'
 
 export class FlamechartView extends StatelessComponent<FlamechartViewProps> {
   private getStyle() {

diff --git a/src/views/flamechart-wrapper.tsx b/src/views/flamechart-wrapper.tsx
@@ -8,7 +8,7 @@ import {noop, formatPercent} from '../lib/utils'
 import {Hovertip} from './hovertip'
 import {FlamechartViewProps} from './flamechart-view-container'
 import {StatelessComponent} from '../lib/typed-redux'
-import { withTheme } from './themes/theme'
+import {withTheme} from './themes/theme'
 
 export class FlamechartWrapper extends StatelessComponent<FlamechartViewProps> {
   private clampViewportToFlamegraph(viewportRect: Rect) {
@@ -91,8 +91,10 @@ export class FlamechartWrapper extends StatelessComponent<FlamechartViewProps> {
   }
 }
 
-export const getStyle = withTheme(theme => StyleSheet.create({
-  hoverCount: {
-    color: theme.weightColor,
-  },
-}))
+export const getStyle = withTheme(theme =>
+  StyleSheet.create({
+    hoverCount: {
+      color: theme.weightColor,
+    },
+  }),
+)