...

pkg/servers/ui/views/pages/rpcui.jet

@@ -1,12 +1,14 @@
-{{ extends "../layouts/base" }}
+{{extends "../layouts/base"}}
 
-{{ block title() }}OpenRPC UI - HeroApp UI{{ end }}
+{{block title()}}
+OpenRPC UI
+{{end}}
 
-{{ block css() }}
+{{block css()}}
 <link rel="stylesheet" href="/static/css/rpcui.css">
-{{ end }}
+{{end}}
 
-{{ block body() }}
+{{block body()}}
 <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
   <h1 class="h2">OpenRPC UI</h1>
 </div>
@@ -23,9 +25,9 @@
             <label for="spec" class="form-label">Specification</label>
             <select class="form-select" id="spec" name="spec" onchange="this.form.submit()">
               <option value="">Select a specification</option>
-              {{ if .SpecList }}
+              {{ if SpecList }}
-                {{ range .SpecList }}
+                {{ range spec := SpecList }}
-                <option value="{{ . }}" {{ if eq . $.SelectedSpec }}selected{{ end }}>{{ . }}</option>
+                <option value="{{ spec }}" >
                 {{ end }}
               {{ else }}
                 <option value="" disabled>No specifications available</option>
@@ -34,7 +36,7 @@
           </div>
           <div class="col-md-4">
             <label for="socketPath" class="form-label">Socket Path</label>
-            <input type="text" class="form-control" id="socketPath" name="socketPath" value="{{ .SocketPath }}" placeholder="e.g., /tmp/rpc.sock">
+            <input type="text" class="form-control" id="socketPath" name="socketPath" value="{{ SocketPath }}" placeholder="e.g., /tmp/rpc.sock">
           </div>
           <div class="col-md-4 d-flex align-items-end">
             <button type="submit" class="btn btn-primary">Apply</button>
@@ -49,26 +51,24 @@
   <div class="col-md-12">
     <div class="alert alert-info">
       <p>This is the OpenRPC UI page. It allows you to interact with OpenRPC specifications.</p>
-      <p>Currently available specs: {{ if .SpecList }}{{ len(.SpecList) }}{{ else }}0{{ end }}</p>
+      <p>Currently available specs: {{ if SpecList }}{{ len(SpecList) }}{{ else }}0{{ end }}</p>
     </div>
   </div>
 </div>
 
-{{ if .SelectedSpec }}
+{{ if SelectedSpec }}
 <div class="row">
   <!-- Method Tree -->
   <div class="col-md-3">
     <div class="card">
-      <div class="card-header">
+      <div class="card-header"><h5>Methods</h5></div>
-        <h5>Methods</h5>
-      </div>
       <div class="card-body p-0">
         <div class="method-tree list-group list-group-flush">
-          {{ if .Methods }}
+          {{ if Methods }}
-            {{ range .Methods }}
+            {{ range m := Methods }}
-            <a href="/rpcui?spec={{ $.SelectedSpec }}&method={{ . }}&socketPath={{ $.SocketPath }}" 
+            <a href="/rpcui?spec={{ SelectedSpec }}&method={{ m }}&socketPath={{ SocketPath }}"
-               class="list-group-item list-group-item-action method-item {{ if eq . $.SelectedMethod }}active{{ end }}">
+               class="list-group-item list-group-item-action method-item {{ if eq(m, SelectedMethod) }}active{{ end }}">
-              {{ . }}
+              {{ m }}
             </a>
             {{ end }}
           {{ else }}
@@ -81,46 +81,29 @@
 
   <!-- Method Details -->
   <div class="col-md-9">
-    {{ if .Method }}
+    {{ if Method }}
     <div class="card mb-4">
       <div class="card-header">
-        <h5>{{ .Method.Name }}</h5>
+        <h5>{{ Method.Name }}</h5>
-        {{ if .Method.Description }}
+        {{ if Method.Description }}<p class="text-muted mb-0">{{ Method.Description }}</p>{{ end }}
-        <p class="text-muted mb-0">{{ .Method.Description }}</p>
-        {{ end }}
       </div>
       <div class="card-body">
         <!-- Parameters -->
         <h6>Parameters</h6>
         <table class="table table-sm schema-table">
-          <thead>
+          <thead><tr><th>Name</th><th>Type</th><th>Required</th><th>Description</th></tr></thead>
-            <tr>
-              <th>Name</th>
-              <th>Type</th>
-              <th>Required</th>
-              <th>Description</th>
-            </tr>
-          </thead>
           <tbody>
-            {{ if .Method.Params }}
+            {{ if Method.Params }}
-              {{ range .Method.Params }}
+              {{ range p := Method.Params }}
               <tr>
-                <td>{{ .Name }}</td>
+                <td>{{ p.Name }}</td>
-                <td><code>{{ .Schema.Type }}</code></td>
+                <td><code>{{ p.Schema.Type }}</code></td>
-                <td>
+                <td>{{ if p.Required }}<span class="schema-required">Yes</span>{{ else }}<span class="schema-optional">No</span>{{ end }}</td>
-                  {{ if .Required }}
+                <td>{{ p.Description }}</td>
-                  <span class="schema-required">Yes</span>
-                  {{ else }}
-                  <span class="schema-optional">No</span>
-                  {{ end }}
-                </td>
-                <td>{{ .Description }}</td>
               </tr>
               {{ end }}
             {{ else }}
-              <tr>
+              <tr><td colspan="4">No parameters</td></tr>
-                <td colspan="4">No parameters</td>
-              </tr>
             {{ end }}
           </tbody>
         </table>
@@ -128,18 +111,12 @@
         <!-- Result -->
         <h6 class="mt-4">Result</h6>
         <table class="table table-sm schema-table">
-          <thead>
+          <thead><tr><th>Name</th><th>Type</th><th>Description</th></tr></thead>
-            <tr>
-              <th>Name</th>
-              <th>Type</th>
-              <th>Description</th>
-            </tr>
-          </thead>
           <tbody>
             <tr>
-              <td>{{ .Method.Result.Name }}</td>
+              <td>{{ Method.Result.Name }}</td>
-              <td><code>{{ .Method.Result.Schema.Type }}</code></td>
+              <td><code>{{ Method.Result.Schema.Type }}</code></td>
-              <td>{{ .Method.Result.Description }}</td>
+              <td>{{ Method.Result.Description }}</td>
             </tr>
           </tbody>
         </table>
@@ -147,10 +124,10 @@
         <!-- Try It -->
         <h6 class="mt-4">Try It</h6>
         <form id="rpcForm" class="mb-3">
-          <input type="hidden" name="selectedMethod" value="{{ .SelectedMethod }}">
+          <input type="hidden" name="selectedMethod" value="{{ SelectedMethod }}">
           <div class="mb-3">
             <label for="paramsEditor" class="form-label">Parameters:</label>
-            <textarea class="form-control code-editor" id="paramsEditor" rows="10">{{ .ExampleParams }}</textarea>
+            <textarea class="form-control code-editor" id="paramsEditor" rows="10">{{ ExampleParams }}</textarea>
           </div>
           <button type="submit" class="btn btn-primary">Execute</button>
         </form>
@@ -159,27 +136,22 @@
           <h6>Result:</h6>
           <pre id="resultOutput" class="bg-light p-2 rounded"></pre>
         </div>
-
         <div id="errorContainer" class="result-container d-none">
           <h6>Error:</h6>
           <pre id="errorOutput" class="bg-light p-2 rounded text-danger"></pre>
         </div>
       </div>
     </div>
-    {{ else if .SelectedMethod }}
+    {{ else if SelectedMethod }}
-    <div class="alert alert-warning">
+      <div class="alert alert-warning">Method not found: {{ SelectedMethod }}</div>
-      Method not found: {{ .SelectedMethod }}
-    </div>
     {{ else }}
-    <div class="alert alert-info">
+      <div class="alert alert-info">Select a method from the list to view details.</div>
-      Select a method from the list to view details.
-    </div>
     {{ end }}
   </div>
 </div>
 {{ end }}
-{{ end }}
+{{end}}
 
-{{ block scripts() }}
+{{block scripts()}}
 <script src="/static/js/rpcui.js"></script>
-{{ end }}
+{{end}}