index.js

/*!
 * Copyright 2024 Digital Bazaar, Inc.
 *
 * SPDX-License-Identifier: BSD-3-Clause
 */
import {Application} from '@curveball/core';
import browser from '@curveball/browser';

// MUST not end in a trailing slash and will be stripped in response bodies for
// to facilitate local browsing.
const apiBaseUrl = 'https://api.w3.org';
const title = 'W3C API';

// port for this browser app to listen on
const port = 8080;

const app = new Application();
app.use(browser({title, navigationLinks: {
  previous: {priority: -1}, next: {priority: 1}}}));
app.use(async ctx => {
  console.dir(ctx.request.requestTarget);
  if(ctx.request.requestTarget === '/') {
    // adding a home page response with some navigation
    ctx.response.body = {
      _links: {
        groups: {
          href: '/groups',
          title: 'List Groups'
        },
        specifications: {
          href: '/specifications',
          title: 'List Specifications'
        },
        'code-repository': {
          href: 'https://github.com/digitalbazaar/w3c-api-browser'
        },
        alternate: [
          {
            href: 'https://api.w3.org/doc',
            type: 'text/html',
            title: 'W3C API Docs'
          },
          {
            href: 'https://api.w3.org/doc.json',
            type: 'application/json',
            title: 'W3C API Swagger'
          }
        ]
      }
    };
  } else {
    const newUrl = new URL(`${apiBaseUrl}${ctx.request.requestTarget}`);
    if(!newUrl.searchParams.has('embed')) {
      newUrl.searchParams.append('embed', 'true');
    }
    const resp = await fetch(newUrl, {
      headers: {
        Accept: 'application/json'
      }
    });
    const rv = await resp.json();
    const localhosted = JSON.stringify(rv).replaceAll(apiBaseUrl, '');
    ctx.response.body = localhosted;
    ctx.response.type = 'application/hal+json';
  }
});
app.listen(port);
console.log(`Listening on http://localhost:${port}`);