mirror of https://github.com/grafana/grafana
Chore: Clenaup unused exports/modules in explore (#41072)
* Chore: remove unused files * Chore: Remove unused explore extports and filespull/41089/head
Giordano Ricci
4 years ago
committed by
GitHub
parent
d069f0900e
commit
e375558fa5
@ -1,9 +0,0 @@ |
|||||||
import React from 'react'; |
|
||||||
|
|
||||||
export default function JSONViewer({ value }: any) { |
|
||||||
return ( |
|
||||||
<div> |
|
||||||
<pre>{JSON.stringify(value, undefined, 2)}</pre> |
|
||||||
</div> |
|
||||||
); |
|
||||||
} |
|
||||||
@ -1,147 +0,0 @@ |
|||||||
import { colors } from '@grafana/ui'; |
|
||||||
import { |
|
||||||
getFlotPairs, |
|
||||||
getDisplayProcessor, |
|
||||||
NullValueMode, |
|
||||||
reduceField, |
|
||||||
FieldType, |
|
||||||
DisplayValue, |
|
||||||
GraphSeriesXY, |
|
||||||
getTimeField, |
|
||||||
DataFrame, |
|
||||||
getSeriesTimeStep, |
|
||||||
TimeZone, |
|
||||||
hasMsResolution, |
|
||||||
systemDateFormats, |
|
||||||
FieldColor, |
|
||||||
FieldColorModeId, |
|
||||||
FieldConfigSource, |
|
||||||
getFieldDisplayName, |
|
||||||
} from '@grafana/data'; |
|
||||||
|
|
||||||
import { config } from 'app/core/config'; |
|
||||||
import { SeriesOptions, GraphOptions, GraphLegendEditorLegendOptions } from './types'; |
|
||||||
|
|
||||||
export const getGraphSeriesModel = ( |
|
||||||
dataFrames: DataFrame[], |
|
||||||
timeZone: TimeZone, |
|
||||||
seriesOptions: SeriesOptions, |
|
||||||
graphOptions: GraphOptions, |
|
||||||
legendOptions: GraphLegendEditorLegendOptions, |
|
||||||
fieldOptions?: FieldConfigSource |
|
||||||
) => { |
|
||||||
const graphs: GraphSeriesXY[] = []; |
|
||||||
|
|
||||||
const displayProcessor = getDisplayProcessor({ |
|
||||||
field: { |
|
||||||
config: { |
|
||||||
unit: fieldOptions?.defaults?.unit, |
|
||||||
decimals: legendOptions.decimals, |
|
||||||
}, |
|
||||||
}, |
|
||||||
theme: config.theme2, |
|
||||||
timeZone, |
|
||||||
}); |
|
||||||
|
|
||||||
let fieldColumnIndex = -1; |
|
||||||
for (const series of dataFrames) { |
|
||||||
const { timeField } = getTimeField(series); |
|
||||||
|
|
||||||
if (!timeField) { |
|
||||||
continue; |
|
||||||
} |
|
||||||
|
|
||||||
for (const field of series.fields) { |
|
||||||
if (field.type !== FieldType.number) { |
|
||||||
continue; |
|
||||||
} |
|
||||||
// Storing index of series field for future inspection
|
|
||||||
fieldColumnIndex++; |
|
||||||
|
|
||||||
// Use external calculator just to make sure it works :)
|
|
||||||
const points = getFlotPairs({ |
|
||||||
xField: timeField, |
|
||||||
yField: field, |
|
||||||
nullValueMode: NullValueMode.Null, |
|
||||||
}); |
|
||||||
|
|
||||||
if (points.length > 0) { |
|
||||||
const seriesStats = reduceField({ field, reducers: legendOptions.stats || [] }); |
|
||||||
let statsDisplayValues: DisplayValue[] = []; |
|
||||||
|
|
||||||
if (legendOptions.stats) { |
|
||||||
statsDisplayValues = legendOptions.stats.map<DisplayValue>((stat) => { |
|
||||||
const statDisplayValue = displayProcessor(seriesStats[stat]); |
|
||||||
|
|
||||||
return { |
|
||||||
...statDisplayValue, |
|
||||||
title: stat, |
|
||||||
}; |
|
||||||
}); |
|
||||||
} |
|
||||||
|
|
||||||
let color: FieldColor; |
|
||||||
if (seriesOptions[field.name] && seriesOptions[field.name].color) { |
|
||||||
// Case when panel has settings provided via SeriesOptions, i.e. graph panel
|
|
||||||
color = { |
|
||||||
mode: FieldColorModeId.Fixed, |
|
||||||
fixedColor: seriesOptions[field.name].color, |
|
||||||
}; |
|
||||||
} else if (field.config && field.config.color) { |
|
||||||
// Case when color settings are set on field, i.e. Explore logs histogram (see makeSeriesForLogs)
|
|
||||||
color = field.config.color; |
|
||||||
} else { |
|
||||||
color = { |
|
||||||
mode: FieldColorModeId.Fixed, |
|
||||||
fixedColor: colors[graphs.length % colors.length], |
|
||||||
}; |
|
||||||
} |
|
||||||
|
|
||||||
field.config = fieldOptions |
|
||||||
? { |
|
||||||
...field.config, |
|
||||||
unit: fieldOptions.defaults.unit, |
|
||||||
decimals: fieldOptions.defaults.decimals, |
|
||||||
color, |
|
||||||
} |
|
||||||
: { ...field.config, color }; |
|
||||||
|
|
||||||
field.display = getDisplayProcessor({ field, timeZone, theme: config.theme2 }); |
|
||||||
|
|
||||||
// Time step is used to determine bars width when graph is rendered as bar chart
|
|
||||||
const timeStep = getSeriesTimeStep(timeField); |
|
||||||
const useMsDateFormat = hasMsResolution(timeField); |
|
||||||
|
|
||||||
timeField.display = getDisplayProcessor({ |
|
||||||
timeZone, |
|
||||||
field: { |
|
||||||
...timeField, |
|
||||||
type: timeField.type, |
|
||||||
config: { |
|
||||||
unit: systemDateFormats.getTimeFieldUnit(useMsDateFormat), |
|
||||||
}, |
|
||||||
}, |
|
||||||
theme: config.theme2, |
|
||||||
}); |
|
||||||
|
|
||||||
graphs.push({ |
|
||||||
label: getFieldDisplayName(field, series, dataFrames), |
|
||||||
data: points, |
|
||||||
color: field.config.color?.fixedColor, |
|
||||||
info: statsDisplayValues, |
|
||||||
isVisible: true, |
|
||||||
yAxis: { |
|
||||||
index: (seriesOptions[field.name] && seriesOptions[field.name].yAxis) || 1, |
|
||||||
}, |
|
||||||
// This index is used later on to retrieve appropriate series/time for X and Y axes
|
|
||||||
seriesIndex: fieldColumnIndex, |
|
||||||
timeField: { ...timeField }, |
|
||||||
valueField: { ...field }, |
|
||||||
timeStep, |
|
||||||
}); |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
return graphs; |
|
||||||
}; |
|
||||||
@ -1,48 +0,0 @@ |
|||||||
import { VizTooltipOptions, TooltipDisplayMode, LegendDisplayMode, LegendPlacement } from '@grafana/schema'; |
|
||||||
import { YAxis } from '@grafana/data'; |
|
||||||
|
|
||||||
export interface SeriesOptions { |
|
||||||
color?: string; |
|
||||||
yAxis?: YAxis; |
|
||||||
[key: string]: any; |
|
||||||
} |
|
||||||
export interface GraphOptions { |
|
||||||
showBars: boolean; |
|
||||||
showLines: boolean; |
|
||||||
showPoints: boolean; |
|
||||||
} |
|
||||||
|
|
||||||
export interface Options { |
|
||||||
graph: GraphOptions; |
|
||||||
legend: { |
|
||||||
displayMode: LegendDisplayMode; |
|
||||||
placement: LegendPlacement; |
|
||||||
}; |
|
||||||
series: { |
|
||||||
[alias: string]: SeriesOptions; |
|
||||||
}; |
|
||||||
tooltipOptions: VizTooltipOptions; |
|
||||||
} |
|
||||||
|
|
||||||
export const defaults: Options = { |
|
||||||
graph: { |
|
||||||
showBars: false, |
|
||||||
showLines: true, |
|
||||||
showPoints: false, |
|
||||||
}, |
|
||||||
legend: { |
|
||||||
displayMode: LegendDisplayMode.List, |
|
||||||
placement: 'bottom', |
|
||||||
}, |
|
||||||
series: {}, |
|
||||||
tooltipOptions: { mode: TooltipDisplayMode.Single }, |
|
||||||
}; |
|
||||||
|
|
||||||
export interface GraphLegendEditorLegendOptions { |
|
||||||
displayMode: LegendDisplayMode; |
|
||||||
placement: LegendPlacement; |
|
||||||
stats?: string[]; |
|
||||||
decimals?: number; |
|
||||||
sortBy?: string; |
|
||||||
sortDesc?: boolean; |
|
||||||
} |
|
||||||
@ -1,130 +0,0 @@ |
|||||||
import React from 'react'; |
|
||||||
import Prism from 'prismjs'; |
|
||||||
import { Decoration } from 'slate'; |
|
||||||
import { Editor } from '@grafana/slate-react'; |
|
||||||
|
|
||||||
const TOKEN_MARK = 'prism-token'; |
|
||||||
|
|
||||||
export function setPrismTokens(language: string, field: string | number, values: any, alias = 'variable') { |
|
||||||
Prism.languages[language][field] = { |
|
||||||
alias, |
|
||||||
pattern: new RegExp(`(?:^|\\s)(${values.join('|')})(?:$|\\s)`), |
|
||||||
}; |
|
||||||
} |
|
||||||
|
|
||||||
/** |
|
||||||
* Code-highlighting plugin based on Prism and |
|
||||||
* https://github.com/ianstormtaylor/slate/blob/master/examples/code-highlighting/index.js
|
|
||||||
* |
|
||||||
* (Adapted to handle nested grammar definitions.) |
|
||||||
*/ |
|
||||||
|
|
||||||
export default function PrismPlugin({ definition, language }: { definition: any; language: string }) { |
|
||||||
if (definition) { |
|
||||||
// Don't override exising modified definitions
|
|
||||||
Prism.languages[language] = Prism.languages[language] || definition; |
|
||||||
} |
|
||||||
|
|
||||||
return { |
|
||||||
/** |
|
||||||
* Render a Slate mark with appropriate CSS class names |
|
||||||
* |
|
||||||
* @param {Object} props |
|
||||||
* @returns {Element} |
|
||||||
*/ |
|
||||||
|
|
||||||
renderDecoration(props: any, editor: Editor, next: () => any): JSX.Element { |
|
||||||
const { children, decoration } = props; |
|
||||||
// Only apply spans to marks identified by this plugin
|
|
||||||
if (decoration.type !== TOKEN_MARK) { |
|
||||||
return next(); |
|
||||||
} |
|
||||||
const className = `token ${decoration.data.get('types')}`; |
|
||||||
return <span className={className}>{children}</span>; |
|
||||||
}, |
|
||||||
|
|
||||||
/** |
|
||||||
* Decorate code blocks with Prism.js highlighting. |
|
||||||
* |
|
||||||
* @param {Node} node |
|
||||||
* @returns {Array} |
|
||||||
*/ |
|
||||||
|
|
||||||
decorateNode(node: any, editor: Editor, next: () => any): any[] { |
|
||||||
if (node.type !== 'paragraph') { |
|
||||||
return []; |
|
||||||
} |
|
||||||
|
|
||||||
const texts = node.getTexts().toArray(); |
|
||||||
const tstring = texts.map((t: { text: any }) => t.text).join('\n'); |
|
||||||
const grammar = Prism.languages[language]; |
|
||||||
const tokens = Prism.tokenize(tstring, grammar); |
|
||||||
const decorations: Decoration[] = []; |
|
||||||
let startText = texts.shift(); |
|
||||||
let endText = startText; |
|
||||||
let startOffset = 0; |
|
||||||
let endOffset = 0; |
|
||||||
let start = 0; |
|
||||||
|
|
||||||
function processToken(token: any, acc?: string) { |
|
||||||
// Accumulate token types down the tree
|
|
||||||
const types = `${acc || ''} ${token.type || ''} ${token.alias || ''}`; |
|
||||||
|
|
||||||
// Add mark for token node
|
|
||||||
if (typeof token === 'string' || typeof token.content === 'string') { |
|
||||||
startText = endText; |
|
||||||
startOffset = endOffset; |
|
||||||
|
|
||||||
const content = typeof token === 'string' ? token : token.content; |
|
||||||
const newlines = content.split('\n').length - 1; |
|
||||||
const length = content.length - newlines; |
|
||||||
const end = start + length; |
|
||||||
|
|
||||||
let available = startText.text.length - startOffset; |
|
||||||
let remaining = length; |
|
||||||
|
|
||||||
endOffset = startOffset + remaining; |
|
||||||
|
|
||||||
while (available < remaining) { |
|
||||||
endText = texts.shift(); |
|
||||||
remaining = length - available; |
|
||||||
available = endText.text.length; |
|
||||||
endOffset = remaining; |
|
||||||
} |
|
||||||
|
|
||||||
// Inject marks from up the tree (acc) as well
|
|
||||||
if (typeof token !== 'string' || acc) { |
|
||||||
const range = node.createDecoration({ |
|
||||||
anchor: { |
|
||||||
key: startText.key, |
|
||||||
offset: startOffset, |
|
||||||
}, |
|
||||||
focus: { |
|
||||||
key: endText.key, |
|
||||||
offset: endOffset, |
|
||||||
}, |
|
||||||
type: TOKEN_MARK, |
|
||||||
data: { types }, |
|
||||||
}); |
|
||||||
|
|
||||||
decorations.push(range); |
|
||||||
} |
|
||||||
|
|
||||||
start = end; |
|
||||||
} else if (token.content && token.content.length) { |
|
||||||
// Tokens can be nested
|
|
||||||
for (const subToken of token.content) { |
|
||||||
processToken(subToken, types); |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
// Process top-level tokens
|
|
||||||
for (const token of tokens) { |
|
||||||
processToken(token); |
|
||||||
} |
|
||||||
|
|
||||||
return decorations; |
|
||||||
}, |
|
||||||
}; |
|
||||||
} |
|
||||||
Loading…
Reference in new issue