Fix user-defined routes detection + resolve type hints

Author: mythz

src/ServiceStack.Admin.Web/dist/app.bundle.js

@@ -33,23 +33,24 @@ class App extends React.Component<any, any> {
     constructor(props?, context?) {
         super(props, context);
 
-        var operationNames = this.props.metadata.operations.map(op => op.request);
+        const operationNames = this.props.metadata.operations.map(op => op.request);
 
-        var viewerArgs = {}, operations = {}, types = {};
+        const viewerArgs = {}, operations = {}, types = {};
         operationNames.forEach(name => {
             viewerArgs[name] = {};
-            var aqViewer = this.getAutoQueryViewer(name);
+            const aqViewer = this.getAutoQueryViewer(name);
             if (aqViewer && aqViewer.args) {
                 aqViewer.args.forEach(arg => viewerArgs[name][arg.name] = arg.value);
             }
 
             operations[name] = this.props.metadata.operations.filter(op => op.request === name)[0];
         });
 
+        console.log(this.props.metadata);
         this.props.metadata.types.forEach(t => types[t.name] = t);
 
-        var operationState = {};
-        var json = localStorage.getItem("v1/operationState");
+        let operationState = {};
+        let json = localStorage.getItem("v1/operationState");
         if (json)
             operationState = JSON.parse(json);
 
@@ -89,8 +90,8 @@ class App extends React.Component<any, any> {
     }
 
     getAutoQueryViewerArgValue(name:string, argName:string) {
-        var aqViewer = this.getAutoQueryViewer(name);
-        var arg = aqViewer
+        const aqViewer = this.getAutoQueryViewer(name);
+        const arg = aqViewer
             ? aqViewer.args.filter(x => x.name === argName)[0]
             : null;
         return arg != null
@@ -165,7 +166,7 @@ class App extends React.Component<any, any> {
     }
 
     setOperationValues(opName, op) {
-        var operationState = Object.assign({}, this.state.operationState);
+        const operationState = Object.assign({}, this.state.operationState);
         operationState[opName] = op;
         this.setState({ operationState });
         localStorage.setItem("v1/operationState", JSON.stringify(operationState));
@@ -217,8 +218,8 @@ class App extends React.Component<any, any> {
     }
 
     render() {
-        var selected = this.getSelected(this.props.name);
-        var opName = selected && selected.name;
+        const selected = this.getSelected(this.props.name);
+        const opName = selected && selected.name;
         return (
             <div style={{ height: '100%' }}>
                 <Header title={this.getTitle(selected)} onSidebarToggle={e => this.toggleSidebar() } />

src/ServiceStack.Admin.Web/dist/vendor.bundle.js

@@ -50,13 +50,13 @@ export default class Content extends React.Component<any, any> {
     }
 
     getAutoQueryUrl(format:string) {
-        const firstRoute = (this.props.selected.requestType.routes || []).filter(x => x.path.indexOf('{') === -1)[0];
+        const firstRoute = (this.props.selected.operation.routes || []).filter(x => x.path.indexOf('{') === -1)[0];
 
         const path = firstRoute
             ? firstRoute.path
             : `/${format || 'html'}/reply/` + this.props.selected.requestType.name;
 
-        var url = combinePaths(this.props.config.servicebaseurl, path);
+        let url = combinePaths(this.props.config.servicebaseurl, path);
 
         if (firstRoute && format)
             url += "." + format;

src/ServiceStack.Admin.Web/src/AutoQuery.tsx

@@ -24,7 +24,7 @@ export const normalize = (dto: any, deep?: boolean) => {
         return to;
     }
     if (typeof dto != "object") return dto;
-    var o = {};
+    const o = {};
     for (let k in dto) {
         o[normalizeKey(k)] = deep ? normalize(dto[k], deep) : dto[k];
     }
@@ -38,7 +38,7 @@ export const getField = (o: any, name: string) =>
 
 export const parseResponseStatus = (json, defaultMsg=null) => {
     try {
-        var err = JSON.parse(json);
+        const err = JSON.parse(json);
         return sanitize(err.ResponseStatus || err.responseStatus);
     } catch (e) {
         return {

src/ServiceStack.Admin.Web/src/Content.tsx

@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0, maximum-scale=1, minimum-scale=1">
-    <title>ServiceStack.Admin.Web</title>
+    <title>AutoQuery</title>
 <link href="/dist/app.css" rel="stylesheet"></head>
 <body>