Experiment with client-side requests

[magopian]

Instead of going through the "nuage" (backend server) to make the requests to the various services, experiment requesting the values straight from the client.

The slides (tiles) and items (values displayed on a part of a slide/tile) could be stored in kinto.

Brain dump:

• one collection per "laboite"
• one record per slide/tile:

  {
  "id": "id of the tile",
  "last_modified": 123456, // timestamp of last modification of the tile (or its items)
  "display_time": 5, // how long to display the tile in seconds
  "items": [
  {
    "refresh_every": 60, // delay between requests in seconds
    "type": "clock", // one of clock, icon, text, json, html, ...
    "x": 0, // position in "led pixel" along the x axis
    "y": 0, // position in "led pixel" along the y axis
  },
  {
    "type": "icon", // one of clock, icon, text, json, html, ...
    "x": 0, // position in "led pixel" along the x axis
    "y": 0, // position in "led pixel" along the y axis
    "content": "01101...",
    "width": 8 // number of leds for the width
  },
  {
    "type": "text", // one of clock, icon, text, json, html, ...
    "x": 0, // position in "led pixel" along the x axis
    "y": 0, // position in "led pixel" along the y axis
    "text": "Hello world !"
  },
  {
    "refresh_every": 180, // delay between requests in seconds
    "type": "json", // one of clock, icon, text, json, html, ...
    "x": 0, // position in "led pixel" along the x axis
    "y": 0, // position in "led pixel" along the y axis
    "url": "http://....",
    "login": "username", // optional login for the service
    "password": "password", // optional password for the service
    "cors-proxy": "https://....", // optional CORS proxy
    "path": "data.foo[2].bar", // path to access the value in the json
  },
  {
    "refresh_every": 300, // delay between requests in seconds
    "type": "html", // one of clock, icon, text, json, html, ...
    "x": 0, // position in "led pixel" along the x axis
    "y": 0, // position in "led pixel" along the y axis
    "url": "http://....",
    "login": "username", // optional login for the service
    "password": "password", // optional password for the service
    "cors-proxy": "https://....", // optional CORS proxy
    "selector": ".content #foo[itemprop=datePublished]", // dom selector to get the node
    "attribute": "src" // attribute of the node to get for the value (eg src, innerHTML...)
  }
  ]
  }

[magopian]

First attempt at a JSON schema:

{
  "type": "object",
  "title": "a slide (aka tile)",
  "required": [
    "display_time",
    "items"
  ],
  "properties": {
    "items": {
      "type": "array",
      "items": {
        "type": "object",
        "title": "a slide/tile",
        "required": [
          "type",
          "x",
          "y"
        ],
        "properties": {
          "x": {
            "type": "integer",
            "title": "position in 'led pixel' along the x axis"
          },
          "y": {
            "type": "integer",
            "title": "position in 'led pixel' along the y axis"
          },
          "url": {
            "type": "string",
            "title": "url for a json or html request"
          },
          "path": {
            "type": "string",
            "title": "path (keys) to get to a value in a json document"
          },
          "text": {
            "type": "string",
            "title": "text of a text item"
          },
          "type": {
            "enum": [
              "clock",
              "icon",
              "text",
              "json",
              "html"
            ],
            "type": "string",
            "title": "type of item"
          },
          "login": {
            "type": "string",
            "title": "login for a json or html request"
          },
          "content": {
            "type": "string",
            "title": "content of an icon item"
          },
          "password": {
            "type": "string",
            "title": "password for a json or html request"
          },
          "selector": {
            "type": "string",
            "title": "path (selectors) to get to a node in an html document"
          },
          "attribute": {
            "type": "string",
            "title": "attribute of a node to get the value in an html document"
          },
          "cors-proxy": {
            "type": "string",
            "title": "CORS proxy for a json or html request"
          }
        }
      },
      "title": "items that will be composed on a slide/tile"
    },
    "display_time": {
      "type": "integer",
      "title": "display time (in seconds)"
    }
  },
  "description": "Composed of at least one item, will be displayed as a slide/tile"
}

And UI schema:

{
  "items": {
    "items": {
      "ui:order": [
        "type",
        "x",
        "y",
        "content",
        "text",
        "url",
        "login",
        "password",
        "cors-proxy",
        "path",
        "selector",
        "attribute"
      ]
    }
  },
  "ui:order": [
    "display_time",
    "items"
  ]
}