xmpl - the page configuration API

TL;DR

A closer look to the page configuration API in xmpl. This is a series of posts.

Sometimes it happens that an example might come handy to both show that it is capable of doing something, as well as being configured to do something. Not clear? Wellā€¦ you have to be in that situation to understand šŸ˜„

xmpl allows you to set up a quick webbish example application that provides, at its basic level, a key-value store. With time, it has grown to support a few additional integrations, e.g. it supports Prometheus-compatible metrics and Kubernetes-compatible ā€œhealtzā€ endpoints.

Now suppose that you need this application to test how to deploy something automatically. Many applications will need some day-0 configuration (i.e. configuration that is injected just when it is created), as well as day-1 configurations (to set the right parameters of customization for your application), as well as day-N configurations (e.g. to evolve the customizations).

xmpl already provided something to simulate day-1 (and, by extension, day-N) configurations, i.e. its identity API. Setting a different identity is a configurationā€¦ right?

Adding MOAR configuration

I wanted to add something that would make it a little bit more evident, so xmpl now supports a new /page-config endpoint that lets you manipulate a simple configuration for the appearance of the web page exposed by the browser API. Nothing too fancy:

  • you can now set a title - this should be a sufficient demonstration, right?
  • you can set a different background color via bgcolor - how to better give a sense of customization than to set the page to a dark color?
  • you can set a different font family - this can add some spiceā€¦
  • you can set a totally custom css definition.

The API to configure the page is a bit basic but it should be easy to consume programmatically. It is possible to GET the current configuration as a JSON-formatted object:

$ curl -s http://localhost:3000/page-config | json_pp
{
   "title" : "Example Application",
   "bgcolor" : "#eeffee",
   "font" : "sans-serif"
}

It is also possible to PUT the configuration, passing a new JSON-formatted object:

$ curl -s http://localhost:3000/page-config -X PUT -d '{"title":"Whateeeevah!"}' | json_pp
{
   "bgcolor" : "#eeffee",
   "title" : "Whateeeevah!",
   "font" : "sans-serif"
}

The new object mostly overrides the previous one - in the sense that the three keys bgcolor, title and font will always have a non-null value. Apart from this, itā€™s a complete replacement.

Implementation

The implementation is not complicated, letā€™s take a look:

########################################################################
#
# Page configuration manipulation
#
get '/page-config' => sub ($c) { $c->render(json => {page_config()}) };
put '/page-config' => sub ($c) {
    return $c->render(json => {page_config($c->req->json)});
};

# ...

sub page_config ($new = undef) {
   state $defaults = {
      title => 'Example Application',
      bgcolor => '#eeffee',
      font => 'sans-serif',
   };
   state $config = {$defaults->%*};
   if ($new) {
      $config->%* = $new->%*;
      while (my ($key, $value) = each $defaults->%*) {
         $config->{$key} //= $value;
      }
   }
   return $config->%*;
}

The two endpoints are trivial wrappers around the page_config() function. The GET verb just returns a JSON rendition of the current configuration, while the PUT verb installs a new one.

The real action is inside page_config(), which acts as a sort of singleton object to some extent. I meanā€¦ I tried to avoid having a global variable and resorted to the same trick adopted for identity(), kvstore() etc.

The actual configuration is stored in state variable $config; the other state variable holds the default values that will be injected in lack of a proper value for the corresponding keys (i.e. we insist that these keys are present and point to a defined value).

The function returns the list of key/value pairs in the configuration, for external consumption.

Final remarks

And now, just before closing this postā€¦ I can hear a big elephant question in the room:

Why not use the key/value API to add a few pairs and show that the automatic system works?!?

Sure, that would have demonstrated a successful interactionā€¦ but it would have been so cheap!!!


Comments? Octodon, , GitHub, Reddit, or drop me a line!