Add middleware to accept OTLP traces when uploaded

Signed-off-by: Navin Shrinivas <karupal2002@gmail.com>

packages/jaeger-ui/src/api/jaeger.js

@@ -103,6 +103,9 @@ const JaegerAPI = {
   fetchServiceOperations(serviceName) {
     return getJSON(`${this.apiRoot}services/${encodeURIComponent(serviceName)}/operations`);
   },
+  transformOTLP(traces) {
+    return getJSON(`${this.apiRoot}transform`, { method: 'POST', body: JSON.stringify(traces) });
+  },
   fetchServiceServerOps(service) {
     return getJSON(`${this.apiRoot}operations`, {
       query: {

packages/jaeger-ui/src/middlewares/index.js

@@ -17,7 +17,9 @@ import { change } from 'redux-form';
 import { replace } from 'redux-first-history';
 
 import { searchTraces, fetchServiceOperations } from '../actions/jaeger-api';
+import { loadJsonTraces } from '../actions/file-reader-api';
 import { getUrl as getSearchUrl } from '../components/SearchTracePage/url';
+import JaegerAPI from '../api/jaeger';
 
 export { default as trackMiddleware } from './track';
 
@@ -45,4 +47,29 @@ export const historyUpdateMiddleware = store => next => action => {
   return next(action);
 };
 
+export const transformOTLPMiddleware = store => next => action => {
+  if (action.type === String([`${loadJsonTraces}_FULFILLED`])) {
+    // Check if action.payload is OTLP and make API call if so
+    // We are allowed to change the action.payload here
+    //
+    if ('resourceSpans' in action.payload) {
+      JaegerAPI.transformOTLP(action.payload)
+        .then(result => {
+          const transformedAction = {
+            ...action,
+            payload: result,
+          };
+          return next(transformedAction);
+        })
+        .catch(() => {
+          return next(action);
+        });
+    } else {
+      return next(action);
+    }
+  } else {
+    return next(action);
+  }
+};
+
 export const promise = promiseMiddleware;

packages/jaeger-ui/tsconfig.json

@@ -13,5 +13,5 @@
 // limitations under the License.
 {
   "extends": "../../tsconfig",
-  "include": ["src/**/*.tsx", "typings"],
+  "include": ["src/**/*.tsx", "typings"]
 }

packages/plexus/tsconfig.json

@@ -29,11 +29,11 @@
     "jsx": "preserve",
     "outDir": "lib",
     "rootDir": "src",
-    "composite": true,
+    "composite": true
   },
   "include": [
     "src",
     // easier to add `./typings` here than deal with typeRoots, paths, etc.
-    "./typings",
-  ],
+    "./typings"
+  ]
 }

tsconfig.json

@@ -15,16 +15,16 @@
     "isolatedModules": true,
     "declaration": true,
     "emitDeclarationOnly": true,
-    "jsx": "preserve",
+    "jsx": "preserve"
   },
   "include": [],
   "files": [],
   "references": [
     {
-      "path": "packages/jaeger-ui/tsconfig.lint.json",
+      "path": "packages/jaeger-ui/tsconfig.lint.json"
     },
     {
-      "path": "packages/plexus/tsconfig.json",
-    },
-  ],
+      "path": "packages/plexus/tsconfig.json"
+    }
+  ]
 }