Initial lens implementation

helpers/lenses/htmlLens.js

@@ -0,0 +1,7 @@
+const htmlLens = {
+  lensName: "HTML",
+  supportedContentTypes: ["text/html"],
+  renderer: "htmlres",
+}
+
+export default htmlLens

helpers/lenses/imageLens.js

@@ -0,0 +1,12 @@
+const imageLens = {
+  lensName: "Image",
+  supportedContentTypes: [
+    "image/gif",
+    "image/jpeg",
+    "image/png",
+    // TODO : Add more image types!
+  ],
+  renderer: "imageres",
+}
+
+export default imageLens

helpers/lenses/jsonLens.js

@@ -0,0 +1,7 @@
+const jsonLens = {
+  lensName: "JSON",
+  supportedContentTypes: ["application/json", "application/hal+json", "application/vnd.api+json"],
+  renderer: "json",
+}
+
+export default jsonLens

helpers/lenses/lenses.js

@@ -0,0 +1,37 @@
+import jsonLens from "./jsonLens"
+import rawLens from "./rawLens"
+import imageLens from "./imageLens"
+import htmlLens from "./htmlLens"
+
+const lenses = [
+  jsonLens,
+  imageLens,
+  htmlLens,
+
+  // Keep Raw Lens as the last option
+  rawLens,
+]
+
+function getSuitableLenses(response) {
+  const result = []
+
+  if (response && response.headers && response.headers["content-type"]) {
+    const properContentType = response.headers["content-type"].split(";")[0]
+
+    for (const lens of lenses) {
+      if (
+        lens.supportedContentTypes === null ||
+        lens.supportedContentTypes.includes(properContentType)
+      ) {
+        result.push(lens)
+      }
+    }
+  } else {
+    // We don't know the content type, so lets just add rawLens
+    result.push(rawLens)
+  }
+
+  return result
+}
+
+export default getSuitableLenses

helpers/lenses/rawLens.js

@@ -0,0 +1,7 @@
+const rawLens = {
+  lensName: "Raw",
+  supportedContentTypes: null,
+  renderer: "raw",
+}
+
+export default rawLens