Navigation system for the lenra View

[Nesqwik]

Since the JSON view is almost available an ship with server side route system, we can now implement a navigation system for the lenra view.
I've thinking about using the react-router system and take inspiration from it.

On the manifest, we could do something like that :

{
  "lenraRoutes": {
    "/": {
       "widget": {"type": "widget", "name": "main"}
       "children": {
          "todos/:id": {
             "widget": {"type": "widget", "name": "taskCard"}
          }
       }
    }
  }
}

Then the main widget :

module.exports = (data, props) => {
  return {
    "type": "flex",
    "direction": "vertical",
    "scroll": true,
    "spacing": 4,
    "crossAxisAlignment": "center",
    "children": [
      {
        "type": "widget",
        "name": "taskList",
         "query": {...},
      },
      {
        "type": "outlet"
      }
    ]
  }
}

And the taskList widget

module.exports = (data, props) => {
 return {
   "type": "flex",
   "children": data.map(task => {
        return {
            type: "link",
            to: "/todos/" + task._id
        }
    })
 }
}

The outlet widget just print whatever child path is matching.

• If the path is "/", the main widget is loaded with the taskList and an empty outlet.
• When we click on a task of the task list, the link widget change the navigation to "/todos/:id"
• This reload the UI to print the main page with the taskList and the outlet that now load the taskCard widget.

If you have any other idea, please share :)