251 |
252 |
253 |
254 |
255 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "aliyun-log-service-datasource",
3 | "version": "2.38",
4 | "description": "Aliyun log service datasource (backend version)",
5 | "scripts": {
6 | "build": "grafana-toolkit plugin:build && mage",
7 | "build-front": "grafana-toolkit plugin:build",
8 | "build-back": "mage",
9 | "dev-back": "mage; launchctl stop com.aliyun.sls.autoGrafana; launchctl start com.aliyun.sls.autoGrafana",
10 | "test": "grafana-toolkit plugin:test",
11 | "dev": "grafana-toolkit plugin:dev",
12 | "watch": "grafana-toolkit plugin:dev --watch",
13 | "sign": "grafana-toolkit plugin:sign",
14 | "start": "yarn watch"
15 | },
16 | "author": "aliyun-log",
17 | "license": "Apache-2.0",
18 | "devDependencies": {
19 | "@grafana/data": "9.1.2",
20 | "@grafana/runtime": "9.1.2",
21 | "@grafana/toolkit": "9.1.2",
22 | "@grafana/experimental": "1.8.0",
23 | "@grafana/ui": "9.1.2",
24 | "@types/lodash": "latest",
25 | "@types/uuid": "9.0.1"
26 | },
27 | "resolutions": {
28 | "rxjs": "6.6.3"
29 | },
30 | "engines": {
31 | "node": ">=14"
32 | },
33 | "dependencies": {
34 | "js-base64": "^3.7.5",
35 | "urijs": "^1.19.11"
36 | }
37 | }
38 |
--------------------------------------------------------------------------------
/pkg/main.go:
--------------------------------------------------------------------------------
1 | package main
2 |
3 | import (
4 | "encoding/json"
5 | "io/ioutil"
6 | _ "net/http/pprof"
7 | "os"
8 | "path/filepath"
9 | "strconv"
10 |
11 | "github.com/grafana/grafana-plugin-sdk-go/backend/datasource"
12 | "github.com/grafana/grafana-plugin-sdk-go/backend/log"
13 | )
14 |
15 | func main() {
16 | // Start listening to requests sent from Grafana. This call is blocking so
17 | // it won't finish until Grafana shuts down the process or the plugin choose
18 | // to exit by itself using os.Exit. Manage automatically manages life cycle
19 | // of datasource instances. It accepts datasource instance factory as first
20 | // argument. This factory will be automatically called on incoming request
21 | // from Grafana to create different instances of SampleDatasource (per datasource
22 | // ID). When datasource configuration changed Dispose method will be called and
23 | // new datasource instance created using NewSampleDatasource factory.
24 |
25 | loadConfig()
26 | // if err := datasource.Manage("aliyun-log-backend-datasource", NewSLSDatasource, datasource.ManageOpts{}); err != nil {
27 | // log.DefaultLogger.Error(err.Error())
28 | // os.Exit(1)
29 | // }
30 | err := datasource.Serve(NewSLSDatasource())
31 | grafanaVersion := os.Getenv("GF_VERSION")
32 | log.DefaultLogger.Info("GF_VERSION", grafanaVersion)
33 |
34 | if err != nil {
35 | log.DefaultLogger.Error(err.Error())
36 | os.Exit(1)
37 | }
38 | }
39 |
40 | var maxPointsLimit = 6000000
41 | var compatible = false
42 |
43 | func loadConfig() {
44 | ex, err := os.Executable()
45 | if err != nil {
46 | log.DefaultLogger.Info("", err)
47 | return
48 | }
49 | exPath := filepath.Dir(ex)
50 | b, err := ioutil.ReadFile(exPath + "/plugin.json")
51 | if err != nil {
52 | log.DefaultLogger.Info("", err)
53 | return
54 | }
55 | m := map[string]interface{}{}
56 | err = json.Unmarshal(b, &m)
57 | if err != nil {
58 | log.DefaultLogger.Info("", err)
59 | return
60 | }
61 | maxPointsI := m["flow_chart_max_points"]
62 | if maxPointsI == nil {
63 | return
64 | }
65 | if _, ok := maxPointsI.(string); !ok {
66 | return
67 | }
68 | parseInt, err := strconv.ParseInt(maxPointsI.(string), 0, 0)
69 | if err != nil {
70 | log.DefaultLogger.Info("", err)
71 | return
72 | }
73 | maxPointsLimit = int(parseInt)
74 |
75 | compatibleI := m["legacy_compatible"]
76 | if compatibleI == nil {
77 | return
78 | }
79 | if _, ok := compatibleI.(bool); ok {
80 | compatible = compatibleI.(bool)
81 | }
82 | }
83 |
--------------------------------------------------------------------------------
/pkg/models.go:
--------------------------------------------------------------------------------
1 | package main
2 |
3 | import (
4 | "encoding/json"
5 | "fmt"
6 |
7 | "github.com/grafana/grafana-plugin-sdk-go/backend"
8 | )
9 |
10 | type Header struct {
11 | Name string `json:"name"`
12 | Value string `json:"value"`
13 | }
14 |
15 | type LogSource struct {
16 | Endpoint string
17 | Project string `json:"project"`
18 | LogStore string `json:"logstore"`
19 | RoleArn string `json:"roleArn"`
20 | Region string
21 | AccessKeyId string
22 | AccessKeySecret string
23 | Headers []Header `json:"headers"`
24 | }
25 |
26 | type QueryInfo struct {
27 | Type string `json:"type"`
28 | QueryMode string `json:"mode"`
29 | Query string `json:"query"`
30 | Xcol string `json:"xcol"`
31 | Ycol string `json:"ycol"`
32 | LogsPerPage int64 `json:"logsPerPage"`
33 | CurrentPage int64 `json:"currentPage"`
34 | LogStore string `json:"logStore"`
35 | LegendFormat string `json:"legendFormat"`
36 | QueryType string `json:"queryType"`
37 | Step string `json:"step"`
38 | IntervalMs int64 `json:"intervalMs"`
39 | TotalLogs int64 `json:"totalLogs"`
40 | PowerSql bool `json:"powerSql"`
41 | }
42 |
43 | type Result struct {
44 | refId string
45 | dataResponse backend.DataResponse
46 | }
47 |
48 | // Contents {"keys":["c","c1","t"],"terms":[["*",""]],"limited":"100"}
49 | type Contents struct {
50 | Keys []string `json:"keys"`
51 | Terms [][]string `json:"terms"`
52 | Limited string `json:"limited"`
53 | }
54 |
55 | type ResultItem struct {
56 | Metric map[string]string `json:"metric"`
57 | Values [][]interface{} `json:"values"`
58 | Value []interface{} `json:"value"`
59 | }
60 | type MetricData struct {
61 | ResultType string `json:"resultType"`
62 | Result []ResultItem `json:"result"`
63 | }
64 | type MetricLogs struct {
65 | Status string `json:"status"`
66 | Data MetricData `json:"data"`
67 | }
68 |
69 | func LoadSettings(ctx backend.PluginContext) (*LogSource, error) {
70 | model := &LogSource{}
71 |
72 | settings := ctx.DataSourceInstanceSettings
73 | err := json.Unmarshal(settings.JSONData, &model)
74 | if err != nil {
75 | return nil, fmt.Errorf("error reading settings: %s", err.Error())
76 | }
77 | model.Endpoint = settings.URL
78 | model.AccessKeyId = settings.DecryptedSecureJSONData["accessKeyId"]
79 | model.AccessKeySecret = settings.DecryptedSecureJSONData["accessKeySecret"]
80 |
81 | return model, nil
82 | }
83 |
--------------------------------------------------------------------------------
/pkg/ram.go:
--------------------------------------------------------------------------------
1 | package main
2 |
3 | import (
4 | "errors"
5 | "strings"
6 |
7 | "github.com/aliyun/alibaba-cloud-sdk-go/sdk"
8 | "github.com/aliyun/alibaba-cloud-sdk-go/sdk/auth/credentials"
9 | ram "github.com/aliyun/alibaba-cloud-sdk-go/services/ram"
10 | )
11 |
12 | var POLICY_LEN_ERROR = "policy length should be 1. Role policy should ONLY have AliyunLogReadOnlyAccess."
13 | var RAM_NO_PERMISSION_ERROR = "configured user should have AliyunRAMReadOnlyAccess."
14 | var POLYCY_NOT_MATCH_ERROR = "role policy should only have AliyunLogReadOnlyAccess."
15 |
16 | func roleCheck(ak string, sk string, roleName string) ([]ram.Policy, error) {
17 | config := sdk.NewConfig()
18 | credential := credentials.NewAccessKeyCredential(ak, sk)
19 | // log.DefaultLogger.Info("roleName", roleName)
20 | client, err := ram.NewClientWithOptions("cn-hangzhou", config, credential)
21 | if err != nil {
22 | return nil, err
23 | }
24 | request := ram.CreateListPoliciesForRoleRequest()
25 | request.Scheme = "https"
26 | request.RoleName = roleName
27 |
28 | response, err := client.ListPoliciesForRole(request)
29 | if err != nil {
30 | s := err.Error()
31 | if strings.Contains(s, "NoPermission") {
32 | return nil, errors.New(RAM_NO_PERMISSION_ERROR)
33 | }
34 | return nil, err
35 | }
36 | policyList := response.Policies.Policy
37 | len := len(policyList)
38 | if len != 1 {
39 | return nil, errors.New(POLICY_LEN_ERROR)
40 | }
41 | if policyList[0].PolicyName != "AliyunLogReadOnlyAccess" {
42 | return nil, errors.New(POLYCY_NOT_MATCH_ERROR)
43 | }
44 | return policyList, nil
45 | }
46 |
--------------------------------------------------------------------------------
/pkg/resource.go:
--------------------------------------------------------------------------------
1 | package main
2 |
3 | import (
4 | "encoding/json"
5 | "io/ioutil"
6 | "net/http"
7 | "net/url"
8 | "regexp"
9 | "strings"
10 |
11 | sls "github.com/aliyun/aliyun-log-go-sdk"
12 | "gitlab.alibaba-inc.com/rapt/go-security-utils/network"
13 |
14 | "github.com/grafana/grafana-plugin-sdk-go/backend"
15 | "github.com/grafana/grafana-plugin-sdk-go/backend/log"
16 | "github.com/grafana/grafana-plugin-sdk-go/backend/resource/httpadapter"
17 | )
18 |
19 | func newResourceHandler(ds *SlsDatasource) backend.CallResourceHandler {
20 | mux := http.NewServeMux()
21 |
22 | // register route
23 | mux.HandleFunc("/api/gotoSLS", ds.gotoSLS)
24 | mux.HandleFunc("/api/version", ds.serveVersion)
25 | mux.HandleFunc("/api/getLogstoreList", ds.getLogstoreList)
26 |
27 | return httpadapter.New(mux)
28 | }
29 |
30 | func (ds *SlsDatasource) serveVersion(w http.ResponseWriter, r *http.Request) {
31 | // Handle query request...
32 | }
33 |
34 | type ListLogstoresData struct {
35 | Project string
36 | TelemetryType string
37 | }
38 |
39 | func (ds *SlsDatasource) getLogstoreList(w http.ResponseWriter, r *http.Request) {
40 | response := map[string]interface{}{
41 | "data": []map[string]interface{}{}, // 定义 data 为一个任意类型的对象数组
42 | "res": nil,
43 | "message": "",
44 | }
45 |
46 | config, err := LoadSettings(httpadapter.PluginConfigFromContext(r.Context()))
47 | if err != nil {
48 | response["message"] = err.Error()
49 | http.Error(w, err.Error(), http.StatusBadRequest)
50 | return
51 | }
52 |
53 | provider := sls.NewStaticCredentialsProvider(config.AccessKeyId, config.AccessKeySecret, "")
54 | client := sls.CreateNormalInterfaceV2(config.Endpoint, provider)
55 | client.SetUserAgent("grafana-go")
56 |
57 | if config.Region != "" {
58 | client.SetAuthVersion(sls.AuthV4)
59 | client.SetRegion(config.Region)
60 | }
61 |
62 | body, err := ioutil.ReadAll(r.Body)
63 | if err != nil {
64 | response["message"] = err.Error()
65 | http.Error(w, err.Error(), http.StatusBadRequest)
66 | return
67 | }
68 |
69 | // 解析request JSON 数据
70 | var data ListLogstoresData
71 | if err := json.Unmarshal(body, &data); err != nil {
72 | response["message"] = err.Error()
73 | http.Error(w, err.Error(), http.StatusBadRequest)
74 | return
75 | }
76 |
77 | log.DefaultLogger.Debug("getBODY", "body", body, "bodyData", data)
78 |
79 | project, err := client.GetProject(data.Project)
80 | if err != nil {
81 | response["message"] = err.Error()
82 | http.Error(w, err.Error(), http.StatusBadRequest)
83 | return
84 | }
85 |
86 | // 拿当前 Project 的信息
87 | list, err := project.ListLogStoreV2(0, 500, data.TelemetryType)
88 | if err != nil {
89 | response["message"] = err.Error()
90 | http.Error(w, err.Error(), http.StatusBadRequest)
91 | return
92 | }
93 |
94 | response["data"] = list
95 | response["res"] = list
96 |
97 | w.Header().Set("Content-Type", "application/json")
98 | w.WriteHeader(http.StatusOK)
99 | json.NewEncoder(w).Encode(response)
100 | log.DefaultLogger.Debug("get logstore success.")
101 | }
102 |
103 | type Data struct {
104 | Encoding string `json:"encoding"`
105 | Logstore string `json:"logstore"`
106 | Type string `json:"type"`
107 | }
108 |
109 | func (ds *SlsDatasource) gotoSLS(w http.ResponseWriter, r *http.Request) {
110 |
111 | response := map[string]interface{}{
112 | "message": "",
113 | "err": "",
114 | "url": "",
115 | // "policy": "",
116 | }
117 |
118 | config, err := LoadSettings(httpadapter.PluginConfigFromContext(r.Context()))
119 | if err != nil {
120 | http.Error(w, err.Error(), http.StatusBadRequest)
121 | return
122 | }
123 |
124 | ak := config.AccessKeyId
125 | sk := config.AccessKeySecret
126 | arn := config.RoleArn
127 | prj := config.Project
128 | logstore := config.LogStore
129 |
130 | body, err := ioutil.ReadAll(r.Body)
131 | if err != nil {
132 | http.Error(w, err.Error(), http.StatusBadRequest)
133 | return
134 | }
135 |
136 | // 解析request JSON 数据
137 | var data Data
138 | if err := json.Unmarshal(body, &data); err != nil {
139 | http.Error(w, err.Error(), http.StatusBadRequest)
140 | return
141 | }
142 |
143 | logstoreType := "/logsearch/"
144 |
145 | if data.Type == "metricsql" || data.Type == "metricstore" {
146 | logstoreType = "/metric/"
147 | }
148 |
149 | if data.Logstore != "" {
150 | logstore = data.Logstore
151 | }
152 |
153 | pattern := `^acs:ram::\d+:role\/[^\/]+$`
154 | regex, err := regexp.Compile(pattern)
155 | if err != nil {
156 | return
157 | }
158 |
159 | normalJump := false
160 |
161 | if len(arn) == 0 {
162 | normalJump = true
163 | } else {
164 | if !regex.MatchString(arn) {
165 | response["err"] = "regexCheckError"
166 | response["message"] = "roleArn 不符合格式，请检查。"
167 | normalJump = true
168 | }
169 | }
170 |
171 | if !normalJump {
172 | roleName := strings.Split(arn, "/")[1]
173 | _, err2 := roleCheck(ak, sk, roleName)
174 | if err2 != nil {
175 | response["err"] = "roleCheckError"
176 | response["message"] = err2.Error()
177 | // http.Error(w, err2.Error(), http.StatusBadRequest)
178 | // return
179 | normalJump = true
180 | }
181 | // response["policy"] = p
182 | }
183 |
184 | if !normalJump {
185 | client := NewClient(ak, sk, arn, "default")
186 | stsResp, err := client.AssumeRole(900)
187 | if err != nil {
188 | http.Error(w, err.Error(), http.StatusInternalServerError)
189 | log.DefaultLogger.Error(err.Error())
190 | // response["err"] = err.Error()
191 | // response["message"] = err.Error()
192 | // w.Header().Set("Content-Type", "application/json")
193 | // w.WriteHeader(http.StatusInternalServerError)
194 | // json.NewEncoder(w).Encode(response)
195 | return
196 | }
197 | id := stsResp.Credentials.AccessKeyId
198 | secret := stsResp.Credentials.AccessKeySecret
199 | token := stsResp.Credentials.SecurityToken
200 |
201 | // 使用STS Token换取控制台Signin Token
202 | SigninResp, err := getSigninToken(id, secret, token)
203 | if err != nil {
204 | panic(err)
205 | }
206 | signinToken := SigninResp.SigninToken
207 |
208 | // 生成登录链接
209 | loginUrl := "http://www.aliyun.com"
210 | // destination := "http://sls4service.console.aliyun.com"
211 | destination := "http://sls4service.console.aliyun.com/lognext/project/" + prj + logstoreType + logstore + "?isShare=true&hideTopbar=true&hideSidebar=true&ignoreTabLocalStorage=true&" + data.Encoding
212 | url, err := genSigninUrl(signinToken, loginUrl, destination)
213 | if err != nil {
214 | http.Error(w, err.Error(), http.StatusInternalServerError)
215 | log.DefaultLogger.Error(err.Error())
216 | return
217 | }
218 |
219 | response["url"] = url
220 | w.Header().Set("Content-Type", "application/json")
221 | w.WriteHeader(http.StatusOK)
222 | json.NewEncoder(w).Encode(response)
223 | log.DefaultLogger.Debug("Goto SLS with STS success.", url)
224 | return
225 | }
226 | url := "https://sls.console.aliyun.com/lognext/project/" + prj + logstoreType + logstore + "?" + data.Encoding
227 | response["url"] = url
228 | w.Header().Set("Content-Type", "application/json")
229 | w.WriteHeader(http.StatusOK)
230 | json.NewEncoder(w).Encode(response)
231 | log.DefaultLogger.Debug("Goto SLS with Normal jump success.", url)
232 | }
233 |
234 | func getSigninToken(id string, secret string, token string) (*SigninResponse, error) {
235 | urlStr := "http://signin.aliyun.com/federation?Action=GetSigninToken"
236 | urlStr += "&AccessKeyId=" + id
237 | urlStr += "&AccessKeySecret=" + secret
238 | urlStr += "&SecurityToken=" + url.QueryEscape(token)
239 | urlStr += "&TicketType=mini"
240 |
241 | transport := http.DefaultTransport.(*http.Transport).Clone()
242 | transport.DialContext = network.DefaultNetworkFilter.FilterHttpDialContext(transport.DialContext)
243 | client := &http.Client{
244 | Transport: transport,
245 | }
246 |
247 | res, err := client.Get(urlStr)
248 | if err != nil {
249 | return nil, err
250 | }
251 | body, err := ioutil.ReadAll(res.Body)
252 | if err != nil {
253 | return nil, err
254 | }
255 | // fmt.Println("SigninToken json:", string(body))
256 | resp := SigninResponse{}
257 | err = json.Unmarshal(body, &resp)
258 | if err != nil {
259 | return nil, err
260 | }
261 | return &resp, nil
262 | }
263 |
264 | func genSigninUrl(signinToken string, loginUrl string, destination string) (string, error) {
265 | urlStr := "http://signin.aliyun.com/federation?Action=Login"
266 | urlStr += "&LoginUrl=" + url.QueryEscape(loginUrl)
267 | urlStr += "&Destination=" + url.QueryEscape(destination)
268 | urlStr += "&SigninToken=" + url.QueryEscape(signinToken)
269 | client := &http.Client{
270 | CheckRedirect: func(req *http.Request, via []*http.Request) error {
271 | return http.ErrUseLastResponse
272 | },
273 | }
274 | res, err := client.Get(urlStr)
275 | if err != nil {
276 | return "", err
277 | }
278 | location, err := res.Location()
279 | if err != nil {
280 | return "", err
281 | }
282 | locationUrl := location.String()
283 | return locationUrl, nil
284 | }
285 |
286 | type SigninResponse struct {
287 | SigninToken string
288 | }
289 |
--------------------------------------------------------------------------------
/pkg/sts.go:
--------------------------------------------------------------------------------
1 | package main
2 |
3 | import (
4 | "crypto/hmac"
5 | "crypto/sha1"
6 | "crypto/tls"
7 | "encoding/base64"
8 | "encoding/json"
9 | "fmt"
10 | "io/ioutil"
11 | "net/http"
12 | "net/url"
13 | "strconv"
14 | "time"
15 |
16 | uuid "github.com/satori/go.uuid"
17 | )
18 |
19 | // Client sts client
20 | type Client struct {
21 | AccessKeyId string
22 | AccessKeySecret string
23 | RoleArn string
24 | SessionName string
25 | }
26 |
27 | // ServiceError sts service error
28 | type ServiceError struct {
29 | Code string
30 | Message string
31 | RequestId string
32 | HostId string
33 | RawMessage string
34 | StatusCode int
35 | }
36 |
37 | // Credentials the credentials obtained by AssumedRole,
38 | // used for the peration of Alibaba Cloud service.
39 | type Credentials struct {
40 | AccessKeyId string
41 | AccessKeySecret string
42 | Expiration time.Time
43 | SecurityToken string
44 | }
45 |
46 | // AssumedRoleUser the user to AssumedRole
47 | type AssumedRoleUser struct {
48 | Arn string
49 | AssumedRoleId string
50 | }
51 |
52 | // Response the response of AssumeRole
53 | type Response struct {
54 | Credentials Credentials
55 | AssumedRoleUser AssumedRoleUser
56 | RequestId string
57 | }
58 |
59 | // Error implement interface error
60 | func (e *ServiceError) Error() string {
61 | return fmt.Sprintf("oss: service returned error: StatusCode=%d, ErrorCode=%s, ErrorMessage=%s, RequestId=%s",
62 | e.StatusCode, e.Code, e.Message, e.RequestId)
63 | }
64 |
65 | // NewClient New STS Client
66 | func NewClient(accessKeyId, accessKeySecret, roleArn, sessionName string) *Client {
67 | return &Client{
68 | AccessKeyId: accessKeyId,
69 | AccessKeySecret: accessKeySecret,
70 | RoleArn: roleArn,
71 | SessionName: sessionName,
72 | }
73 | }
74 |
75 | const (
76 | // StsSignVersion sts sign version
77 | StsSignVersion = "1.0"
78 | // StsAPIVersion sts api version
79 | StsAPIVersion = "2015-04-01"
80 | // StsHost sts host
81 | StsHost = "https://sts.aliyuncs.com/"
82 | // TimeFormat time fomrat
83 | TimeFormat = "2006-01-02T15:04:05Z"
84 | // RespBodyFormat respone body format
85 | RespBodyFormat = "JSON"
86 | // PercentEncode '/'
87 | PercentEncode = "%2F"
88 | // HTTPGet http get method
89 | HTTPGet = "GET"
90 | )
91 |
92 | // AssumeRole assume role
93 | func (c *Client) AssumeRole(expiredTime uint) (*Response, error) {
94 | url, err := c.generateSignedURL(expiredTime)
95 | if err != nil {
96 | return nil, err
97 | }
98 |
99 | body, status, err := c.sendRequest(url)
100 | if err != nil {
101 | return nil, err
102 | }
103 |
104 | return c.handleResponse(body, status)
105 | }
106 |
107 | // Private function
108 | func (c *Client) generateSignedURL(expiredTime uint) (string, error) {
109 | uid := uuid.NewV4()
110 | rst := uid.String()
111 | queryStr := "SignatureVersion=" + StsSignVersion
112 | queryStr += "&Format=" + RespBodyFormat
113 | queryStr += "&Timestamp=" + url.QueryEscape(time.Now().UTC().Format(TimeFormat))
114 | queryStr += "&RoleArn=" + url.QueryEscape(c.RoleArn)
115 | queryStr += "&RoleSessionName=" + c.SessionName
116 | queryStr += "&AccessKeyId=" + c.AccessKeyId
117 | queryStr += "&SignatureMethod=HMAC-SHA1"
118 | queryStr += "&Version=" + StsAPIVersion
119 | queryStr += "&Action=AssumeRole"
120 | queryStr += "&SignatureNonce=" + rst
121 | queryStr += "&DurationSeconds=" + strconv.FormatUint((uint64)(expiredTime), 10)
122 |
123 | // Sort query string
124 | queryParams, err := url.ParseQuery(queryStr)
125 | if err != nil {
126 | return "", err
127 | }
128 | result := queryParams.Encode()
129 |
130 | strToSign := HTTPGet + "&" + PercentEncode + "&" + url.QueryEscape(result)
131 |
132 | // Generate signature
133 | hashSign := hmac.New(sha1.New, []byte(c.AccessKeySecret+"&"))
134 | hashSign.Write([]byte(strToSign))
135 | signature := base64.StdEncoding.EncodeToString(hashSign.Sum(nil))
136 |
137 | // Build url
138 | assumeURL := StsHost + "?" + queryStr + "&Signature=" + url.QueryEscape(signature)
139 |
140 | return assumeURL, nil
141 | }
142 |
143 | func (c *Client) sendRequest(url string) ([]byte, int, error) {
144 | tr := &http.Transport{
145 | TLSClientConfig: &tls.Config{InsecureSkipVerify: true},
146 | }
147 | client := &http.Client{Transport: tr}
148 |
149 | resp, err := client.Get(url)
150 | if err != nil {
151 | return nil, -1, err
152 | }
153 | defer resp.Body.Close()
154 |
155 | body, err := ioutil.ReadAll(resp.Body)
156 | return body, resp.StatusCode, err
157 | }
158 |
159 | func (c *Client) handleResponse(responseBody []byte, statusCode int) (*Response, error) {
160 | if statusCode != http.StatusOK {
161 | se := ServiceError{StatusCode: statusCode, RawMessage: string(responseBody)}
162 | err := json.Unmarshal(responseBody, &se)
163 | if err != nil {
164 | return nil, err
165 | }
166 | return nil, &se
167 | }
168 |
169 | resp := Response{}
170 | err := json.Unmarshal(responseBody, &resp)
171 | if err != nil {
172 | return nil, err
173 | }
174 | return &resp, nil
175 | }
176 |
--------------------------------------------------------------------------------
/src/ConfigEditor.tsx:
--------------------------------------------------------------------------------
1 | import React, { ChangeEvent, PureComponent } from 'react';
2 | import { Input, InlineField } from '@grafana/ui';
3 | import { DataSourcePluginOptionsEditorProps } from '@grafana/data';
4 | import { HeaderWithValue, SLSDataSourceOptions, SLSSecureJsonData } from './types';
5 | import CustomHeaders from './custom-header/custom-headers';
6 | import { ConfigSection } from './components/configSection';
7 | import { DataSourceDescription } from './components/description';
8 | import { SecretInput } from './components/QueryEditor/SecretInput';
9 |
10 | interface Props extends DataSourcePluginOptionsEditorProps143 |
153 | (for example: cn-hangzhou.log.aliyuncs.com) 154 | 155 | } 156 | grow 157 | interactive 158 | > 159 | 166 |
234 | (for example: cn-hangzhou) 235 | 236 | } 237 | grow 238 | interactive 239 | > 240 | 247 |
252 |
110 | {
116 | ensureSLSQL(monaco);
117 | }}
118 | onMount={(editor, monaco) => {
119 | const isEditorFocused = editor.createContextKey('isEditorFocused' + id, false);
120 |
121 | editor.onDidBlurEditorWidget(() => {
122 | isEditorFocused.set(false);
123 | onBlurRef.current(editor.getValue());
124 | });
125 | editor.onDidFocusEditorText(() => {
126 | isEditorFocused.set(true);
127 | });
128 |
129 | const completionProvider = completionItemProvider
130 |
131 | const filteringCompletionProvider: monacoTypes.languages.CompletionItemProvider = {
132 | ...completionProvider,
133 | provideCompletionItems: (model, position, context, token) => {
134 | if (editor.getModel()?.id !== model.id) {
135 | return { suggestions: [] };
136 | }
137 | return completionProvider.provideCompletionItems(model, position, context, token);
138 | },
139 | };
140 |
141 | const { dispose } = monaco.languages.registerCompletionItemProvider(
142 | SLS_LANG_ID,
143 | filteringCompletionProvider
144 | );
145 |
146 | autocompleteDisposeFun.current = dispose;
147 |
148 | const updateElementHeight = () => {
149 | const containerDiv = containerRef.current;
150 | if (containerDiv !== null) {
151 | const pixelHeight = editor.getContentHeight();
152 | containerDiv.style.height = `${pixelHeight + EDITOR_HEIGHT_OFFSET}px`;
153 | containerDiv.style.width = '100%';
154 | const pixelWidth = containerDiv.clientWidth;
155 | editor.layout({ width: pixelWidth, height: pixelHeight });
156 | }
157 | };
158 |
159 | editor.onDidContentSizeChange(updateElementHeight);
160 | updateElementHeight();
161 |
162 |
163 | const updateCurrentEditorValue = debounce(() => {
164 | const editorValue = editor.getValue();
165 | onChangeRef.current(editorValue);
166 | }, 300);
167 |
168 | editor.getModel()?.onDidChangeContent(() => {
169 | updateCurrentEditorValue();
170 | });
171 |
172 | editor.addCommand(
173 | monaco.KeyMod.Shift | monaco.KeyCode.Enter,
174 | () => {
175 | onRunQueryRef.current(editor.getValue());
176 | },
177 | 'isEditorFocused' + id
178 | );
179 |
180 | if (placeholder) {
181 | const placeholderDecorators = [
182 | {
183 | range: new monaco.Range(1, 1, 1, 1),
184 | options: {
185 | className: styles.placeholder,
186 | isWholeLine: true,
187 | },
188 | },
189 | ];
190 |
191 | let decorators: string[] = [];
192 |
193 | const checkDecorators: () => void = () => {
194 | const model = editor.getModel();
195 |
196 | if (!model) {
197 | return;
198 | }
199 |
200 | const newDecorators = model.getValueLength() === 0 ? placeholderDecorators : [];
201 | decorators = model.deltaDecorations(decorators, newDecorators);
202 | };
203 |
204 | checkDecorators();
205 | editor.onDidChangeModelContent(checkDecorators);
206 | }
207 | }}
208 | />
209 |
210 | );
211 | };
212 |
213 |
214 | export default MonacoQueryField;
215 |
--------------------------------------------------------------------------------
/src/SLS-monaco-editor/MonacoQueryFieldOld.tsx:
--------------------------------------------------------------------------------
1 | import { Button, CodeEditor, Monaco, MonacoEditor } from '@grafana/ui';
2 | import React, { useCallback, useRef, useState } from 'react';
3 | import { Props } from './MonacoQueryFieldProps';
4 |
5 | export class Deferred
40 |
76 | );
77 | };
78 |
79 | export default QueryField;
80 |
--------------------------------------------------------------------------------
/src/SLS-monaco-editor/MonacoQueryFieldProps.ts:
--------------------------------------------------------------------------------
1 | import { HistoryItem } from '@grafana/data';
2 |
3 | export type Props = {
4 | initialValue: string;
5 | languageProvider: any;
6 | history: Array
41 |
53 | {!disableMultiLine && (
54 |
55 |
74 | )}
75 | | {`${i + 1}.`} | 33 |{v.label} | 34 |{v.value} | 35 |
39 | {/*
48 | Query
49 |
50 | {version === '' ||
51 | version.startsWith('8.0') ||
52 | version.startsWith('8.1') ||
53 | version.startsWith('8.2') ||
54 | version.startsWith('7') ? (
55 | //
62 |
86 |
87 | );
88 | }
89 | }
90 |
91 |
92 |
93 |
94 | export function SLSVariableQueryEditorWapper (props: Props) {
95 | return
63 |
74 | ) : (
75 |
126 |
137 | );
138 | }
139 | }
140 |
141 | const CollapseWithTheme = withTheme2(Collapse);
142 |
143 |
144 | export { CollapseWithTheme as Collapse };
145 |
146 |
--------------------------------------------------------------------------------
/src/components/IconButton.tsx:
--------------------------------------------------------------------------------
1 | import { css, cx } from '@emotion/css';
2 | import React, { Component } from 'react';
3 |
4 | import { GrafanaTheme2, colorManipulator } from '@grafana/data';
5 | import { getFocusStyles, getMouseFocusStyles } from './RadioButtonGroup/RadioButton';
6 | import { Icon, IconName, IconSize, IconType, PopoverContent, Tooltip, withTheme2 } from '@grafana/ui';
7 |
8 | export type IconButtonVariant = 'primary' | 'secondary' | 'destructive';
9 |
10 | export interface Props extends React.ButtonHTMLAttributes
127 | {collapsible &&
130 | {isOpen && (
131 | {label}
129 |
132 |
133 |
135 | )}
136 | {children}
134 |
71 |
72 | {children}
73 |
74 |
75 | );
76 | }
77 | }
78 |
79 | export default withTheme2(EditorField);
80 |
--------------------------------------------------------------------------------
/src/components/QueryEditor/EditorRow.tsx:
--------------------------------------------------------------------------------
1 | import { css } from '@emotion/css';
2 | import React, { Component } from 'react';
3 | import { withTheme2 } from '@grafana/ui'; // Assuming you export GrafanaTheme2 and withTheme2 from @grafana/ui
4 | import { GrafanaTheme2 } from '@grafana/data';
5 |
6 | import Stack from './Stack';
7 |
8 | interface EditorRowProps {
9 | theme: GrafanaTheme2; // Add theme to props for withTheme2 HOC
10 | }
11 |
12 | interface EditorRowState {}
13 |
14 | class EditorRow extends Component
32 | {children}
33 |
34 | );
35 | }
36 | }
37 |
38 | export default withTheme2(EditorRow);
39 |
--------------------------------------------------------------------------------
/src/components/QueryEditor/Field.tsx:
--------------------------------------------------------------------------------
1 | import { css, cx } from '@emotion/css';
2 | import React, { Component, HTMLAttributes } from 'react';
3 | import { withTheme2, ReactUtils } from '@grafana/ui'; // Assuming you export GrafanaTheme2 and withTheme2 from @grafana/ui
4 | import { GrafanaTheme2 } from '@grafana/data';
5 |
6 | import FieldValidationMessage from './FieldValidationMessage';
7 | import Label from './Label';
8 |
9 | export interface FieldProps extends HTMLAttributes
119 | {labelElement}
120 |
143 | );
144 | }
145 | }
146 |
147 | export default withTheme2(Field);
148 |
--------------------------------------------------------------------------------
/src/components/QueryEditor/FieldValidationMessage.tsx:
--------------------------------------------------------------------------------
1 | import { css, cx } from '@emotion/css';
2 | import React, { Component } from 'react';
3 | import { GrafanaTheme2 } from '@grafana/data';
4 |
5 | import { stylesFactory, Icon, withTheme2 } from '@grafana/ui';
6 |
7 | export interface FieldValidationMessageProps {
8 | /** Override component style */
9 | className?: string;
10 | horizontal?: boolean;
11 | theme: GrafanaTheme2; // Add theme to props for withTheme2 HOC
12 | }
13 |
14 | const getFieldValidationMessageStyles = stylesFactory((theme: GrafanaTheme2) => {
15 | const baseStyle = `
16 | font-size: ${theme.typography.size.sm};
17 | font-weight: ${theme.typography.fontWeightMedium};
18 | padding: ${theme.spacing(0.5, 1)};
19 | color: ${theme.colors.error.contrastText};
20 | background: ${theme.colors.error.main};
21 | border-radius: ${theme.shape.borderRadius()};
22 | position: relative;
23 | display: inline-block;
24 |
25 | a {
26 | color: ${theme.colors.error.contrastText};
27 | text-decoration: underline;
28 | }
29 |
30 | a:hover {
31 | text-decoration: none;
32 | }
33 | `;
34 |
35 | return {
36 | vertical: css`
37 | ${baseStyle}
38 | margin: ${theme.spacing(0.5, 0, 0, 0)};
39 |
40 | &:before {
41 | content: '';
42 | position: absolute;
43 | left: 9px;
44 | top: -5px;
45 | width: 0;
46 | height: 0;
47 | border-width: 0 4px 5px 4px;
48 | border-color: transparent transparent ${theme.colors.error.main} transparent;
49 | border-style: solid;
50 | }
51 | `,
52 | horizontal: css`
53 | ${baseStyle}
54 | margin-left: 10px;
55 |
56 | &:before {
57 | content: '';
58 | position: absolute;
59 | left: -5px;
60 | top: 9px;
61 | width: 0;
62 | height: 0;
63 | border-width: 4px 5px 4px 0;
64 | border-color: transparent #e02f44 transparent transparent;
65 | border-style: solid;
66 | }
67 | `,
68 | fieldValidationMessageIcon: css`
69 | margin-right: ${theme.spacing()};
70 | `,
71 | };
72 | });
73 |
74 | class FieldValidationMessage extends Component
121 | {React.cloneElement(children, childProps)}
122 | {invalid && error && !horizontal && (
123 |
132 |
133 | {invalid && error && horizontal && (
134 |
128 | {error}
129 |
130 | )}
131 |
139 | {error}
140 |
141 | )}
142 |
82 |
85 | );
86 | }
87 | }
88 |
89 | export default withTheme2(FieldValidationMessage);
90 |
--------------------------------------------------------------------------------
/src/components/QueryEditor/InlineField.tsx:
--------------------------------------------------------------------------------
1 | import { cx, css } from '@emotion/css';
2 | import React, { Component, HTMLAttributes } from 'react';
3 |
4 | import { withTheme2, ReactUtils, PopoverContent, InlineLabel } from '@grafana/ui'; // Assuming you export withTheme2 from @grafana/ui
5 | import { GrafanaTheme2 } from '@grafana/data';
6 | import FieldValidationMessage from './FieldValidationMessage';
7 |
8 | export interface FieldProps extends HTMLAttributes
123 | {labelElement}
124 |
133 | );
134 | }
135 | }
136 |
137 | export default withTheme2(InlineField);
138 |
--------------------------------------------------------------------------------
/src/components/QueryEditor/Label.tsx:
--------------------------------------------------------------------------------
1 | import { css, cx } from '@emotion/css';
2 | import React, { Component } from 'react';
3 | import { withTheme2, Icon } from '@grafana/ui'; // Assuming you export GrafanaTheme2 and withTheme2 from @grafana/ui
4 | import { GrafanaTheme2 } from '@grafana/data';
5 |
6 | export interface LabelProps extends React.LabelHTMLAttributes
125 | {React.cloneElement(children, { invalid, disabled, loading })}
126 | {invalid && error && (
127 |
132 |
128 | {error}
129 |
130 | )}
131 |
62 |
69 |
70 | );
71 | }
72 | }
73 |
74 | export default withTheme2(Label);
75 |
--------------------------------------------------------------------------------
/src/components/QueryEditor/QueryOptionGroup.tsx:
--------------------------------------------------------------------------------
1 | import { css } from '@emotion/css';
2 | import React, { Component } from 'react';
3 | import { getValueFormat, GrafanaTheme2 } from '@grafana/data';
4 | import { config } from '@grafana/runtime';
5 | import { Icon, Tooltip, withTheme2 } from '@grafana/ui';
6 | import { Collapse } from '../Collapse';
7 |
8 | import Stack from './Stack';
9 |
10 | export type QueryStats = {
11 | bytes: number;
12 | // The error message displayed in the UI when we cant estimate the size of the query.
13 | message?: string;
14 | };
15 |
16 | interface Props {
17 | title: string;
18 | collapsedInfo: string[];
19 | queryStats?: QueryStats | null;
20 | children: React.ReactNode;
21 | theme: GrafanaTheme2; // Add theme to props for withTheme2 HOC
22 | }
23 |
24 | interface State {
25 | isOpen: boolean;
26 | }
27 |
28 | class QueryOptionGroup extends Component
96 |
103 |
116 | {/**TODO: This is Loki logic that should eventually be moved to Loki */}
117 | {queryStats && config.featureToggles.lokiQuerySplitting && (
118 |
119 |
121 | )}
122 |
123 | {queryStats &&
125 | );
126 | }
127 | }
128 |
129 | export default withTheme2(QueryOptionGroup);
130 |
131 | const generateQueryStats = (queryStats: QueryStats) => {
132 | if (queryStats.message) {
133 | return queryStats.message;
134 | }
135 |
136 | return `This query will process approximately ${convertUnits(queryStats)}.`;
137 | };
138 |
139 | const convertUnits = (queryStats: QueryStats): string => {
140 | const { text, suffix } = getValueFormat('bytes')(queryStats.bytes, 1);
141 | return text + suffix;
142 | };
143 |
--------------------------------------------------------------------------------
/src/components/QueryEditor/SecretInput.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import { Button, Input } from '@grafana/ui';
3 | import Stack from './Stack';
4 |
5 | export type Props = React.ComponentProps{title}
104 | {!isOpen && ( 105 |
106 | {collapsedInfo.map((x, i) => (
107 | {x}
108 | ))}
109 |
110 | )}
111 |
112 | }
113 | >
114 | {children}
115 | {generateQueryStats(queryStats)}
} 124 |{children}
;
45 | }
46 | }
47 |
48 | export default withTheme2(Stack);
49 |
50 |
--------------------------------------------------------------------------------
/src/components/RadioButtonGroup/RadioButton.tsx:
--------------------------------------------------------------------------------
1 | import { css, CSSObject } from '@emotion/css';
2 | import React, { Component } from 'react';
3 | import { withTheme2 } from '@grafana/ui'; // Assuming you export GrafanaTheme2 and withTheme2 from @grafana/ui
4 | import { GrafanaTheme2 } from '@grafana/data';
5 |
6 | import { StringSelector } from '@grafana/e2e-selectors';
7 |
8 | interface RadioButtonProps {
9 | size?: RadioButtonSize;
10 | disabled?: boolean;
11 | name?: string;
12 | description?: string;
13 | active: boolean;
14 | id: string;
15 | onChange: () => void;
16 | onClick: () => void;
17 | fullWidth?: boolean;
18 | 'aria-label'?: StringSelector;
19 | children?: React.ReactNode;
20 | theme: GrafanaTheme2; // Add theme to props for withTheme2 HOC
21 | inputRef?: React.RefObject
99 | {options.map((o, i) => {
100 | const isItemDisabled = disabledOptions && o.value && disabledOptions.includes(o.value);
101 | return (
102 |
116 | {o.icon && 
}
118 | {o.label} {o.component ?
120 | );
121 | })}
122 |
123 | );
124 | }
125 | }
126 |
127 | export default withTheme2(RadioButtonGroup);
128 |
--------------------------------------------------------------------------------
/src/components/Switch/switch.tsx:
--------------------------------------------------------------------------------
1 | import React, { HTMLProps, useRef } from 'react';
2 | import { css, cx } from '@emotion/css';
3 | import { uniqueId } from 'lodash';
4 | import { GrafanaTheme2, deprecationWarning } from '@grafana/data';
5 | import { stylesFactory, useTheme2 } from '@grafana/ui';
6 |
7 | import { getFocusStyles, getMouseFocusStyles } from '../RadioButtonGroup/RadioButton';
8 |
9 | export interface Props extends Omit}
118 | {o.label} {o.component ?
27 | {
32 | console.log(event)
33 | onChange?.(event);
34 | }}
35 | id={switchIdRef.current}
36 | {...inputProps}
37 | ref={ref}
38 | />
39 |
40 |
41 | );
42 | }
43 | );
44 |
45 | Switch.displayName = 'Switch';
46 |
47 | export interface InlineSwitchProps extends Props {
48 | showLabel?: boolean;
49 | }
50 |
51 | export const InlineSwitch = React.forwardRef
59 | {showLabel && (
60 |
66 | )}
67 |
69 | );
70 | }
71 | );
72 |
73 | InlineSwitch.displayName = 'Switch';
74 |
75 | const getSwitchStyles = stylesFactory((theme: GrafanaTheme2, transparent?: boolean) => {
76 | return {
77 | switch: css`
78 | width: 32px;
79 | height: 16px;
80 | position: relative;
81 |
82 | input {
83 | opacity: 0;
84 | left: -100vw;
85 | z-index: -1000;
86 | position: absolute;
87 |
88 | &:disabled + label {
89 | background: ${theme.colors.action.disabledBackground};
90 | cursor: not-allowed;
91 | }
92 |
93 | &:checked + label {
94 | background: ${theme.colors.primary.main};
95 | border-color: ${theme.colors.primary.main};
96 |
97 | &:hover {
98 | background: ${theme.colors.primary.shade};
99 | }
100 |
101 | &::after {
102 | transform: translate3d(18px, -50%, 0);
103 | background: ${theme.colors.primary.contrastText};
104 | }
105 | }
106 |
107 | &:focus + label,
108 | &:focus-visible + label {
109 | ${getFocusStyles(theme)}
110 | }
111 |
112 | &:focus:not(:focus-visible) + label {
113 | ${getMouseFocusStyles(theme)}
114 | }
115 | }
116 |
117 | label {
118 | width: 100%;
119 | height: 100%;
120 | cursor: pointer;
121 | border: none;
122 | border-radius: 50px;
123 | background: ${theme.components.input.background};
124 | border: 1px solid ${theme.components.input.borderColor};
125 | transition: all 0.3s ease;
126 | position: absolute;
127 |
128 | &:hover {
129 | border-color: ${theme.components.input.borderHover};
130 | }
131 |
132 | &::after {
133 | position: absolute;
134 | display: block;
135 | content: '';
136 | width: 12px;
137 | height: 12px;
138 | border-radius: 6px;
139 | background: ${theme.colors.text.secondary};
140 | box-shadow: ${theme.shadows.z1};
141 | top: 50%;
142 | transform: translate3d(2px, -50%, 0);
143 | transition: transform 0.2s cubic-bezier(0.19, 1, 0.22, 1);
144 | }
145 | }
146 | `,
147 | inlineContainer: css`
148 | padding: ${theme.spacing(0, 1)};
149 | height: ${theme.spacing(theme.components.height.md)};
150 | display: inline-flex;
151 | align-items: center;
152 | background: ${transparent ? 'transparent' : theme.components.input.background};
153 | border: 1px solid ${transparent ? 'transparent' : theme.components.input.borderColor};
154 | border-radius: ${theme.shape.borderRadius()};
155 |
156 | &:hover {
157 | border: 1px solid ${transparent ? 'transparent' : theme.components.input.borderHover};
158 |
159 | .inline-switch-label {
160 | color: ${theme.colors.text.primary};
161 | }
162 | }
163 | `,
164 | inlineLabel: css`
165 | cursor: pointer;
166 | padding-right: ${theme.spacing(1)};
167 | color: ${theme.colors.text.secondary};
168 | white-space: nowrap;
169 | `,
170 | inlineLabelEnabled: css`
171 | color: ${theme.colors.text.primary};
172 | `,
173 | };
174 | });
175 |
--------------------------------------------------------------------------------
/src/components/configSection.tsx:
--------------------------------------------------------------------------------
1 | import React, { ReactNode, PureComponent } from 'react';
2 | import { IconName } from '@grafana/ui';
3 | import { IconButton } from './IconButton';
4 | import './style.css';
5 |
6 | export type Props = {
7 | title: string;
8 | description?: ReactNode;
9 | isCollapsible?: boolean;
10 | isInitiallyOpen?: boolean;
11 | kind?: 'section' | 'sub-section';
12 | className?: string;
13 | children: ReactNode;
14 | };
15 |
16 | export class ConfigSection extends PureComponent
29 |
55 | );
56 | }
57 | }
58 |
--------------------------------------------------------------------------------
/src/components/description.tsx:
--------------------------------------------------------------------------------
1 | import React, { PureComponent } from 'react';
2 | import './style.css';
3 |
4 | type Props = {
5 | dataSourceName: string;
6 | docsLink: string;
7 | hasRequiredFields?: boolean;
8 | className?: string;
9 | };
10 |
11 | export class DataSourceDescription extends PureComponent
30 | {kind === 'section' ? this.setState({ isOpen: !isOpen })}
35 | type="button"
36 | size="xl"
37 | aria-label={collapsibleButtonAriaLabel}
38 | />
39 | )}
40 |
41 | {description && (
42 | {title}
:{title}
} 31 | {isCollapsible && ( 32 |50 | {description} 51 |
52 | )} 53 | {isOpen &&{children}
}
54 |
17 |
31 | );
32 | }
33 | }
34 |
--------------------------------------------------------------------------------
/src/components/style.css:
--------------------------------------------------------------------------------
1 |
2 | .description-container {
3 | p{
4 | margin: 0;
5 | }
6 |
7 | p+p{
8 | margin-top: 16px;
9 | }
10 |
11 | .description-text {
12 | font-weight: 400;
13 | font-family: Inter, Helvetica, Arial, sans-serif;
14 | }
15 |
16 | a {
17 | color: #6E9FFF;
18 | text-decoration: underline;
19 | }
20 | a::hover {
21 | text-decoration: none;
22 | }
23 | }
24 |
25 | .config-section {
26 | .header {
27 | display: flex;
28 | justify-content: space-between;
29 | align-items: center;
30 | }
31 | .title {
32 | margin: 0,
33 | }
34 |
35 | .subtitle {
36 | margin: 0;
37 | font-weight: 400
38 | }
39 | }
40 |
41 |
42 |
43 |
--------------------------------------------------------------------------------
/src/const.ts:
--------------------------------------------------------------------------------
1 | export const xColInfoSeries = [
2 | {
3 | color: '#ff006e',
4 | label: '空 empty',
5 | value: '表格或日志 table or log',
6 | },
7 | {
8 | color: '#80ed99',
9 | label: '【时间列 Time colomn】',
10 | value: '时序数据 Timeseries',
11 | },
12 | {
13 | color: '#0077b6',
14 | label: 'stat',
15 | value: '单值图格式 gauge/stat graph',
16 | },
17 | {
18 | color: '#0096c7',
19 | label: 'pie',
20 | value: '饼图格式 pie graph',
21 | },
22 | {
23 | color: '#00b4d8',
24 | label: 'bar',
25 | value: '柱状图格式 bar graph',
26 | },
27 | {
28 | color: '#48cae4',
29 | label: 'trace',
30 | value: 'Trace格式 Trace graph',
31 | },
32 | {
33 | color: '#90e0ef',
34 | label: 'map',
35 | value: '地图格式 map graph',
36 | },
37 | ];
38 |
39 | export const yColInfoSeries = [
40 | {
41 | color: '#ffca3a',
42 | label: '【无需填写】 此情况适用于Log、Trace以及表格全列展示的情况',
43 | value: '[No need to fill in] This situation applies to Log, Trace and the full column of the table',
44 | },
45 | {
46 | color: '#8ac926',
47 | label: '【col1,col2,col3】 最常用的一种形式，在图表中展示若干数值列',
48 | value: '[col1,col2,col3] The most common form, displaying several numeric columns in the chart',
49 | },
50 | {
51 | color: '#1982c4',
52 | label: '【col1#:#col2】 适用于bar和SLS时序库展示，col1为聚合列，col2为其他列',
53 | value: '[col1#:#col2] Applicable to bar and SLS metricStore, col1 is the aggregation column, col2 is other columns',
54 | },
55 | ];
56 |
57 | export const totalLogsInfoSeries = [
58 | {
59 | color: '#ffca3a',
60 | label: '只对 Query 查询语句生效，分析语句无效',
61 | value: 'Only effective for search statements, not applicable to analytic statements',
62 | },
63 | {
64 | color: '#8ac926',
65 | label: '最小值为 1 条',
66 | value: 'Minimum value is 1',
67 | },
68 | {
69 | color: '#1982c4',
70 | label: '最大值为 5000 条',
71 | value: 'Maximum value is 5000',
72 | },
73 | ];
74 |
75 | export const xSelectOptions = [
76 | {
77 | label: 'TimeSeries / Custom',
78 | value: 'custom',
79 | description: '时序数据 Timeseries 自定义【时间列 Time colomn】，或自定义x轴输入',
80 | },
81 | { label: 'Table / Log', value: '', description: '表格或日志 table or log' },
82 | { label: 'Stat / Gauge', value: 'stat', description: '单值图格式 gauge/stat graph' },
83 | { label: 'Pie', value: 'pie', description: '饼图格式 pie graph' },
84 | { label: 'Bar', value: 'bar', description: '柱状图格式 bar graph' },
85 | { label: 'Trace', value: 'trace', description: 'Trace格式 Trace graph' },
86 | { label: 'Map', value: 'map', description: '地图格式 map graph' },
87 | // {
88 | // label: 'Option with description and image',
89 | // value: 2,
90 | // description: 'This is a very elaborate description, describing all the wonders in the world.',
91 | // imgUrl: 'https://placekitten.com/40/40',
92 | // },
93 | ];
94 |
95 | export const dataSourceType = [
96 | { label: 'ALL(SQL)', value: 'all' },
97 | {
98 | label: 'Logstore(SQL)',
99 | value: 'logstore',
100 | },
101 | { label: 'Metricstore(SQL)', value: 'metricsql' },
102 | { label: 'Metricstore(PromQL)', value: 'metricstore' },
103 | ];
104 |
105 | export const version = (window as any)?.grafanaBootData?.settings?.buildInfo?.version ?? '';
106 |
--------------------------------------------------------------------------------
/src/custom-header/custom-header.tsx:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import { css, cx } from '@emotion/css';
3 | import { InlineFieldRow, InlineField, Input, IconButton, withTheme2 } from '@grafana/ui';
4 | import type { LocalHeader } from '../types';
5 |
6 | export type Props = {
7 | header: LocalHeader;
8 | onChange: (header: LocalHeader) => void;
9 | onBlur: () => void;
10 | onDelete: () => void;
11 | readOnly: boolean;
12 | theme: any; // Add theme to props for withTheme2 HOC
13 | };
14 |
15 | const getCommonStyles = () => {
16 | return {
17 | inlineFieldNoMarginRight: css({
18 | marginRight: 0,
19 | }),
20 | // This is dirty hack to make configured secret input grow
21 | inlineFieldWithSecret: css({
22 | '[class$="layoutChildrenWrapper"]:first-child': {
23 | flexGrow: 1,
24 | },
25 | }),
26 | };
27 | };
28 |
29 | class CustomHeader extends Component18 | Before you can use the {dataSourceName} data source, you must configure it below or in the config file. For 19 | detailed instructions, 20 | 21 | view the documentation 22 | 23 | . 24 |
25 | {hasRequiredFields && ( 26 |27 | Fields marked with * are required 28 |
29 | )} 30 |
117 |
124 |
142 |
143 | );
144 | }
145 | }
146 |
147 | export default withTheme2(CustomHeaders);
148 |
149 | function uniqueId(): string {
150 | return Math.random().toString(16).slice(2);
151 | }
152 |
--------------------------------------------------------------------------------
/src/datasource.ts:
--------------------------------------------------------------------------------
1 | import {
2 | TraceLog,
3 | TraceKeyValuePair,
4 | TraceSpanRow,
5 | DataFrame,
6 | DataQueryRequest,
7 | DataQueryResponse,
8 | DataSourceInstanceSettings,
9 | FieldType,
10 | MutableDataFrame,
11 | Vector,
12 | MetricFindValue,
13 | } from '@grafana/data';
14 | import { defaultQuery, SLSDataSourceOptions, SLSQuery } from './types';
15 | import { DataSourceWithBackend, getBackendSrv, getTemplateSrv } from '@grafana/runtime';
16 | import _ from 'lodash';
17 | import { map } from 'rxjs/operators';
18 |
19 | export class SLSDataSource extends DataSourceWithBackend
125 | {headers.map((header) => (
126 | this.onHeaderChange(header.id, header)}
130 | onDelete={() => this.onHeaderDelete(header.id)}
131 | onBlur={this.onBlur}
132 | readOnly={readOnly}
133 | />
134 | ))}
135 |
136 |
137 |
140 |
141 |