WIP

demo/server/index.js

@@ -46,7 +46,7 @@ app.get('/api/things/:id', function(req, res) {
   }
   res.set('link', formatter(links))
 
-  if (req.params.id === 12345) {
+  if (req.params.id === '12345') {
     res.send({id: 12345, data: {}})
   } else {
     res.send({id: 67890, data: {}})

demo/src/components/Browser.vue

@@ -14,12 +14,12 @@
   <nav>
     <h1>Links</h1>
     <ul class="links">
-      <li v-for="link in resource.links" :key="link.rel">
+      <li v-for="link in resource.links" :key="link.rel + link.uri">
         <router-link :to="{ name: 'Browser', query: {uri: link.uri} }">{{link.title || link.rel}}</router-link>
       </li>
     </ul>
     <ul v-if="fetchSchemas.isResolved" class="links">
-      <li v-for="link in schemaLinks" :key="link.rel">
+      <li v-for="link in schemaLinks" :key="link.rel + link.targetUri">
         <router-link :to="{ name: 'Browser', query: {uri: link.targetUri} }">{{link.title || link.rel}}</router-link>
       </li>
     </ul>

demo/static/thing.json

@@ -1,7 +1,7 @@
 {
   "$id": "https://schema.example.com/thing",
   "$schema": "http://json-schema.org/draft-07/hyper-schema#",
-  "base": "https://api.example.com/",
+  "base": "https://api.example.com/things/",
   "type": "object",
   "required": ["data"],
   "properties": {
@@ -12,7 +12,7 @@
   },
   "links": [{
     "rel": "self",
-    "href": "things/{id}",
+    "href": "{id}",
     "templateRequired": ["id"],
     "targetSchema": {
       "$ref": "#"

demo/static/things.json

@@ -9,7 +9,32 @@
       "type": "array",
       "items": {
         "allOf": [{
-          "$ref": "thing.json#"
+          "$id": "https://schema.example.com/thing",
+          "$schema": "http://json-schema.org/draft-07/hyper-schema#",
+          "base": "https://api.example.com/things",
+          "type": "object",
+          "required": ["data"],
+          "properties": {
+            "id": {
+              "$ref": "#/definitions/id"
+            },
+            "data": true
+          },
+          "links": [{
+            "rel": "self",
+            "href": "{id}",
+            "templateRequired": ["id"],
+            "targetSchema": {
+              "$ref": "#"
+            }
+          }],
+          "definitions": {
+            "id": {
+              "type": "integer",
+              "minimum": 1,
+              "readOnly": true
+            }
+          }
         }],
         "links": [{
           "anchorPointer": "",

src/resolver.js

@@ -150,7 +150,7 @@ function getAllSchemaLinks(schema) {
   traverse(schema, function(subSchema, pointer, root, parentPointer, parentKeyWord) {
     links = links.concat((subSchema.links || []).map(l => createLink(l, pointer, parentPointer, parentKeyWord)))
   })
-
+  console.log(links)
   return links
 }