@curveball/browser
Version:
Automatic API browser generator. A middleware that turns your JSON responses into HTML if accessed by a browser.
158 lines • 5.07 kB
JavaScript
import * as url from 'url';
import { Client } from 'ketting';
/**
* Returns the list of links for a section.
*
* This function sorts and normalizes the link.
*/
export function getNavLinks(links, options, position) {
const result = [];
for (const link of links) {
// Don't handle templated links.
if (link.templated) {
continue;
}
if (options.navigationLinks[link.rel] === undefined) {
continue;
}
const nl = options.navigationLinks[link.rel];
if ((typeof nl.position === 'undefined' && position !== 'header') ||
(typeof nl.position !== 'undefined' && nl.position !== position)) {
continue;
}
result.push({
rel: link.rel,
context: link.context,
href: link.href,
title: link.title ? link.title : (nl.defaultTitle ? nl.defaultTitle : link.rel),
type: link.type,
icon: url.resolve(options.assetBaseUrl, nl.icon ? nl.icon : 'icon/' + link.rel + '.svg'),
priority: nl.priority ? nl.priority : 0,
showLabel: nl.showLabel,
});
}
return result.sort((a, b) => a.priority - b.priority);
}
/**
* We use Ketting for a lot of the parsing.
*
* The main object that contains a response in Ketting is a 'State' object,
* to get a State, we need a Response object, as it's part of the fetch()
* specification.
*
* So we go from ctx.response, to Response, to State.
*/
export async function contextToState(ctx) {
/**
* We need a fake bookmark url
*/
const client = new Client('http://hal-browser.test');
const headers = {};
for (const [name, value] of Object.entries(ctx.response.headers.getAll())) {
if (typeof value === 'number') {
headers[name] = value.toString();
}
else if (Array.isArray(value)) {
headers[name] = value.join(', ');
}
else {
headers[name] = value;
}
}
const response = new Response(ctx.response.body, {
status: ctx.status,
headers,
});
return client.getStateForResponse(ctx.path, response);
}
/**
* This is a very rudimentary Templated URI parser.
*
* Currently we don't parse the entire syntax, because we are using templated
* URIs to generate Javascript-free standard HTML forms.
*
* In these HTML forms, we can only let users define things in the 'query'
* part of the URI.
*
* If the parser encounters a templated URI that's not parsable, it returns
* null, otherwise it returns a tuple with three elements:
*
* 1. The URI that's the target of the form (without query params)
* 2. An object containing values that should be added as hidden fields and
* values.
* 3. An array with field names that should be rendered as input fields.
*
* Examples of supported formats:
* http://example/?foo={bar}
* http://example/{?foo}
* http://example/?foo=bar{&bar}
* http://example/?foo=1{&bar,baz,zim}
*/
export function getFieldsFromTemplatedUri(input) {
const fields = [];
const hiddenFields = {};
// We only support 2 styles of templated links:
//
// https://foo/{?a}{?b}
//
// and
//
// https://foo/?foo={bar}
//
// More formats might be added if they are requested.
// This regex finds blocks like {?foo}
const reg = /{(\?|&)[A-Za-z,]+}/g;
const matches = input.match(reg);
if (matches) {
for (const match of matches) {
// Stripping off {? and }
const fieldNames = match.slice(2, -1);
// Splitting at ','
for (const fieldName of fieldNames.split(',')) {
fields.push(fieldName);
}
}
}
// Removing {?foo} blocks.
const [target, querystring] = input.replace(reg, '').split('?');
if (target.indexOf('{') !== -1) {
// We don't support expressions in the path/hostname part of the uri
return null;
}
if (querystring) {
for (const qsPart of querystring.split('&')) {
const [field, value] = qsPart.split('=');
if (!value) {
// No equals sign
hiddenFields[field] = '';
}
else if (value.match(/{.*}$/)) {
// Its a parameter in the form foo={bar}
fields.push(field);
}
else {
// It's a regular field such as 'foo=bar'
hiddenFields[field] = decodeURIComponent(value);
}
}
}
return [
target,
hiddenFields,
fields
];
}
/**
* Returns the default theme
*
* This might alternate depending on the time of the year.
*/
export function getDefaultTheme() {
const d = new Date();
if (d.getMonth() === 9 && d.getDate() > 25 || d.getMonth() === 10 && d.getDate() < 2)
return 'halloween';
if (d.getMonth() === 11 && d.getDate() > 14)
return 'xmas';
return 'curveball';
}
//# sourceMappingURL=util.js.map