chore: lint

gosling-lang · Nov 23, 2023 · fe21772 · fe21772
1 parent c4b5acb
commit fe21772
Show file tree

Hide file tree

Showing 14 changed files with 185 additions and 151 deletions.
diff --git a/src/core/utils/theme.ts b/src/core/utils/theme.ts
@@ -106,7 +106,7 @@ export interface LegendStyle {
 
 export interface AxisStyle {
     tickColor?: string;
-    /** 
+    /**
      * The margin around labels for calculating visual overlaps between labels.
      * This is mainly used for determining the visibility of axis labels.
      * `0` if no margin to use. Negative values (`-1`) for showing all labels even if they overlap.

diff --git a/src/gosling-theme/dark.ts b/src/gosling-theme/dark.ts
@@ -1,4 +1,4 @@
-import type { ThemeDeep } from "src/core/utils/theme";
+import type { ThemeDeep } from 'src/core/utils/theme';
 
 const NOMINAL_COLOR = ['#E79F00', '#029F73', '#0072B2', '#CB7AA7', '#D45E00', '#57B4E9', '#EFE441' /*'#000000'*/];
 
@@ -90,4 +90,4 @@ export const dark: ThemeDeep = {
         stroke: 'white',
         strokeWidth: 1
     }
-}
+};
diff --git a/src/gosling-theme/ensembl.ts b/src/gosling-theme/ensembl.ts
@@ -1,6 +1,16 @@
-import type { ThemeDeep } from "src/core/utils/theme";
+import type { ThemeDeep } from 'src/core/utils/theme';
 
-const NOMINAL_COLOR = ['#CD9B1D', '#8A668B', '#40E0D0', '#FF6969', '#666666', '#FAC902','#FE0000','#CC96CD', '#D9D9D9' /*'#000000'*/];
+const NOMINAL_COLOR = [
+    '#CD9B1D',
+    '#8A668B',
+    '#40E0D0',
+    '#FF6969',
+    '#666666',
+    '#FAC902',
+    '#FE0000',
+    '#CC96CD',
+    '#D9D9D9' /*'#000000'*/
+];
 
 const EnsemblThemeMarkCommonStyle = {
     color: NOMINAL_COLOR[0],
@@ -18,27 +28,27 @@ export const ensembl: ThemeDeep = {
     root: {
         background: 'white',
         titleColor: '#494949',
-        titleFontSize:24,
-        titleFontFamily:'GGX88',
-        titleAlign:'left',
-        titleFontWeight:'bold',
-        titleBackgroundColor:'white',
+        titleFontSize: 24,
+        titleFontFamily: 'GGX88',
+        titleAlign: 'left',
+        titleFontWeight: 'bold',
+        titleBackgroundColor: 'white',
         subtitleColor: 'white',
-        subtitleFontSize:19,
-        subtitleFontFamily:'GGX88',
-        subtitleAlign:'left',
-        subtitleFontWeight:'normal',
-        subtitleBackgroundColor:'#7B8BAF',
+        subtitleFontSize: 19,
+        subtitleFontFamily: 'GGX88',
+        subtitleAlign: 'left',
+        subtitleFontWeight: 'normal',
+        subtitleBackgroundColor: '#7B8BAF',
         mousePositionColor: '#FE0000',
         showMousePosition: true
     },
 
     track: {
-        background:'white',
-        alternatingBackground:'#fffdf7',
+        background: 'white',
+        alternatingBackground: '#fffdf7',
         titleColor: 'black',
         titleBackground: 'white',
-        titleAlign:'left',
+        titleAlign: 'left',
         outline: '#7B8BAF',
         outlineWidth: 2
     },
@@ -52,7 +62,6 @@ export const ensembl: ThemeDeep = {
         background: 'white',
         backgroundOpacity: 2,
         backgroundStroke: 'lightgray'
-
     },
 
     axis: {
@@ -63,9 +72,9 @@ export const ensembl: ThemeDeep = {
         labelFontFamily: 'GGX88',
         baselineColor: 'black',
         gridColor: '#7B8BAF',
-        gridStrokeWidth: 2,
+        gridStrokeWidth: 2
         //gridStrokeType: '',
-        //gridStrokeDash: 
+        //gridStrokeDash:
     },
 
     markCommon: {
@@ -173,4 +182,4 @@ export const ensembl: ThemeDeep = {
         stroke: 'black',
         strokeWidth: 1
     }
-}
+};
diff --git a/src/gosling-theme/excel.ts b/src/gosling-theme/excel.ts
@@ -1,6 +1,17 @@
-import type { ThemeDeep } from "src/core/utils/theme";
+import type { ThemeDeep } from 'src/core/utils/theme';
 
-const NOMINAL_COLOR = ['#ED7D31', '#4472C4', '#FFC207', '#76AE4F', '#9E480E', '#A5A5A5', '#4472C4', '#264378', '#76AE4F','#5B9CD5' /*'#000000'*/];
+const NOMINAL_COLOR = [
+    '#ED7D31',
+    '#4472C4',
+    '#FFC207',
+    '#76AE4F',
+    '#9E480E',
+    '#A5A5A5',
+    '#4472C4',
+    '#264378',
+    '#76AE4F',
+    '#5B9CD5' /*'#000000'*/
+];
 
 const ExcelThemeMarkCommonStyle = {
     color: NOMINAL_COLOR[0],
@@ -18,24 +29,24 @@ export const excel: ThemeDeep = {
     root: {
         background: 'white',
         titleColor: '#5A5A5A',
-        titleFontSize:30,
-        titleFontFamily:'Calibri',
-        titleAlign:'middle',
-        titleFontWeight:'bold',
-        titleBackgroundColor:'white',
+        titleFontSize: 30,
+        titleFontFamily: 'Calibri',
+        titleAlign: 'middle',
+        titleFontWeight: 'bold',
+        titleBackgroundColor: 'white',
         subtitleColor: '#5A5A5A',
-        subtitleFontSize:22,
-        subtitleFontFamily:'Calibri',
-        subtitleAlign:'middle',
-        subtitleFontWeight:'bold',
-        subtitleBackgroundColor:'white',
+        subtitleFontSize: 22,
+        subtitleFontFamily: 'Calibri',
+        subtitleAlign: 'middle',
+        subtitleFontWeight: 'bold',
+        subtitleBackgroundColor: 'white',
         showMousePosition: true,
         mousePositionColor: '#000000'
     },
 
     track: {
-        background:'white',
-        alternatingBackground:'#f5f5f5',
+        background: 'white',
+        alternatingBackground: '#f5f5f5',
         titleColor: '#5A5A5A',
         titleBackground: 'white',
         //titleFontSize:'',
@@ -45,16 +56,15 @@ export const excel: ThemeDeep = {
     },
 
     legend: {
-        position:'right',
+        position: 'right',
         tickColor: '#5A5A5A',
         labelColor: '#5A5A5A',
         labelFontSize: 12,
         labelFontWeight: 'bold',
         labelFontFamily: 'Calibri',
         background: 'white',
         backgroundOpacity: 0.7,
-        backgroundStroke: '#5A5A5A',
-
+        backgroundStroke: '#5A5A5A'
     },
 
     axis: {
@@ -65,10 +75,9 @@ export const excel: ThemeDeep = {
         labelFontFamily: 'Calibri',
         baselineColor: '#5A5A5A',
         gridColor: '#5A5A5A',
-        gridStrokeWidth: 1,
+        gridStrokeWidth: 1
         //gridStrokeType: '',
-        //gridStrokeDash: 
-
+        //gridStrokeDash:
     },
 
     markCommon: {
@@ -113,4 +122,4 @@ export const excel: ThemeDeep = {
         stroke: '#5A5A5A',
         strokeWidth: 1
     }
-}
+};
diff --git a/src/gosling-theme/ggplot.ts b/src/gosling-theme/ggplot.ts
@@ -1,6 +1,6 @@
-import type { ThemeDeep } from "src/core/utils/theme";
+import type { ThemeDeep } from 'src/core/utils/theme';
 
-const NOMINAL_COLOR = ['#F66A62','#05B230','#5692FF','#D764D6','#86E9D4','#6E6AD7','#FFFB00'];
+const NOMINAL_COLOR = ['#F66A62', '#05B230', '#5692FF', '#D764D6', '#86E9D4', '#6E6AD7', '#FFFB00'];
 
 const GgplotThemeMarkCommonStyle = {
     color: NOMINAL_COLOR[0],
@@ -19,23 +19,23 @@ export const ggplot: ThemeDeep = {
         background: 'white',
         titleColor: 'black',
         titleFontSize: 18,
-        titleFontFamily:'Helvetica',
-        titleAlign:'middle',
-        titleFontWeight:'bold',
-        titleBackgroundColor:'white',
+        titleFontFamily: 'Helvetica',
+        titleAlign: 'middle',
+        titleFontWeight: 'bold',
+        titleBackgroundColor: 'white',
         subtitleColor: 'gray',
-        subtitleFontSize:14,
-        subtitleFontFamily:'Helvetica',
-        subtitleAlign:'middle',
-        subtitleFontWeight:'light',
-        subtitleBackgroundColor:'white',
+        subtitleFontSize: 14,
+        subtitleFontFamily: 'Helvetica',
+        subtitleAlign: 'middle',
+        subtitleFontWeight: 'light',
+        subtitleBackgroundColor: 'white',
         showMousePosition: true,
         mousePositionColor: 'black'
     },
 
     track: {
-        background:'#e8e8e8',
-        alternatingBackground:'#d1d1d1',
+        background: '#e8e8e8',
+        alternatingBackground: '#d1d1d1',
         titleColor: 'black',
         titleBackground: 'white',
         //titleFontSize:'',
@@ -45,16 +45,15 @@ export const ggplot: ThemeDeep = {
     },
 
     legend: {
-        position:'right',
+        position: 'right',
         background: '#e8e8e8',
         backgroundOpacity: 1,
         labelColor: 'black',
         backgroundStroke: '#e8e8e8',
-        tickColor: 'white',
+        tickColor: 'white'
         //,labelFontSize: '',
         //labelFontWeight: '',
         //labelFontFamily: ''
-
     },
 
     axis: {
@@ -67,8 +66,7 @@ export const ggplot: ThemeDeep = {
         gridColor: 'white',
         gridStrokeWidth: 2
         //,gridStrokeType: '',
-        //gridStrokeDash: 
-
+        //gridStrokeDash:
     },
 
     markCommon: {
@@ -113,4 +111,4 @@ export const ggplot: ThemeDeep = {
         stroke: 'black',
         strokeWidth: 1
     }
-}
+};
diff --git a/src/gosling-theme/google.ts b/src/gosling-theme/google.ts
@@ -1,4 +1,4 @@
-import type { ThemeDeep } from "src/core/utils/theme";
+import type { ThemeDeep } from 'src/core/utils/theme';
 
 const NOMINAL_COLOR = ['#4185f4', '#DB4437', '#F4B400', '#0D9D58', '#AA30C3', '#FF6E02', '#CBC74C' /*'#000000'*/];
 
@@ -19,33 +19,33 @@ export const google: ThemeDeep = {
         background: 'white',
         titleColor: '#454545',
         titleFontSize: 20,
-        titleFontFamily:'Arial',
-        titleAlign:'left',
-        titleFontWeight:'normal',
-        titleBackgroundColor:'white',
+        titleFontFamily: 'Arial',
+        titleAlign: 'left',
+        titleFontWeight: 'normal',
+        titleBackgroundColor: 'white',
         subtitleColor: '#7d7d7d',
         subtitleFontSize: 16,
-        subtitleFontFamily:'Arial',
-        subtitleAlign:'left',
-        subtitleFontWeight:'light',
-        subtitleBackgroundColor:'white',
+        subtitleFontFamily: 'Arial',
+        subtitleAlign: 'left',
+        subtitleFontWeight: 'light',
+        subtitleBackgroundColor: 'white',
         showMousePosition: true,
         mousePositionColor: '#000000'
     },
 
     track: {
-        background:'white',
-        alternatingBackground:'#f5f5f5',
+        background: 'white',
+        alternatingBackground: '#f5f5f5',
         titleColor: '#e8e8e8',
         titleBackground: 'white',
-        titleFontSize:12,
-        titleAlign:'left',
+        titleFontSize: 12,
+        titleAlign: 'left',
         outline: 'black',
         outlineWidth: 1
     },
 
     legend: {
-        position:'right',
+        position: 'right',
         background: 'white',
         backgroundOpacity: 1,
         labelColor: 'black',
@@ -64,10 +64,9 @@ export const google: ThemeDeep = {
         labelColor: 'black',
         baselineColor: 'black',
         gridColor: 'black',
-        gridStrokeWidth: 1//,
+        gridStrokeWidth: 1 //,
         //gridStrokeType: '',
         //gridStrokeDash:
-
     },
 
     markCommon: {
@@ -112,4 +111,4 @@ export const google: ThemeDeep = {
         stroke: 'black',
         strokeWidth: 0.7
     }
-}
+};