mindrones

Machine({
  "id": "search",
  "type": "parallel",
  "states": {
    "Search": {
      "id": "Search",
      "initial": "Empty",
      "states": {
        "Empty": {
          "id": "Empty",

mindrones

Machine({
  "id": "screen",
  "type": "parallel",
  "states": {
    "Form": {
      "id": "Form",
      "initial": "Simple",
      "on": {
        "TAB_CREATED": {
          "target": "Form.Simple"

mindrones

license: gpl-3.0

mindrones

'2003':
  - AT
  - BE
  - BG
  - CH
  - CY
  - CZ
  - DE
  - DK
  - EE

mindrones

See sveltejs/svelte#3719

mindrones

d3-array: true
d3-axis: true
d3-brush: true
d3-chord: true
d3-color: true
d3-contour: true
d3-delaunay: true
d3-dispatch: true
d3-drag: true
d3-dsv: true

mindrones

Machine({
  "id": "search",
  "type": "parallel",
  "states": {
    "Search": {
      "id": "Search",
      "initial": "Empty",
      "states": {
        "Empty": {
          "id": "Empty",

mindrones

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

mindrones

Serialising state and query in a URL

Assuming to describe a web application with a statechart, should we desire to share its state, how can we express it in the URL without relying on a server or hashing the state?

Can we make the current state of the application explicit and possibly user-friendly?

Can we also separate the current state of the app from the query and the actual data? For example: if we share a URL after having interacted with a chart, selecting people aged from 35 to 50 and living in France:

• the state is selected (as opposed for example to unselectedor idle),

mindrones

<select on:change="doSomethingWith(event)">
		<option value="noerr">Por favor escolha uma opção</option>
    <option value="err500" default>500</option>
    <option value="err400" default>400</option>
</select>

{#if error}
<p>{error.status}: {error.msg}</p>
{/if}