animl-cli 0.0.0-stage → 0.1.1

package/modules/lists/capabilities/data-binding-relative/example.ani

@@ -0,0 +1,77 @@
+{
+  "anima": "0.1",
+  "name": "players",
+  "grid": 30,
+  "requires": ["components", "data", "bind", "lists"],
+  "nodes": [
+    {
+      "id": "rows",
+      "type": "repeat",
+      "list": "$players",
+      "component": "row",
+      "dy": 10,
+      "size": [30, 10]
+    }
+  ],
+  "components": {
+    "row": {
+      "grid": 10,
+      "nodes": [
+        {
+          "id": "dot",
+          "type": "circle",
+          "center": [2, 2],
+          "r": 1,
+          "fill": {
+            "color": "#000"
+          }
+        }
+      ],
+      "bind": {
+        "dot.r": "$score",
+        "dot.x": "$index",
+        "dot.y": "$parent.bonus"
+      },
+      "data": "Player"
+    }
+  },
+  "data": {
+    "models": {
+      "Player": {
+        "properties": {
+          "score": {
+            "type": "number"
+          }
+        }
+      },
+      "Board": {
+        "properties": {
+          "bonus": {
+            "type": "number",
+            "default": 2
+          },
+          "players": {
+            "type": "list",
+            "of": "Player"
+          }
+        }
+      }
+    },
+    "instances": {
+      "main": {
+        "model": "Board",
+        "default": true,
+        "values": {
+          "players": [
+            {
+              "score": 3
+            },
+            {
+              "score": 7
+            }
+          ]
+        }
+      }
+    }
+  }
+}

package/modules/lists/capabilities/data-binding-relative/example.animl

@@ -0,0 +1,19 @@
+<anima version="0.1" name="players" grid="30" requires="components data bind lists">
+  <model name="Player">
+    <number name="score"/>
+  </model>
+  <model name="Board">
+    <number name="bonus" default="2"/>
+    <list name="players" of="Player"/>
+  </model>
+  <instance name="main" model="Board" default="true">
+    <set path="players" value="[{&quot;score&quot;:3},{&quot;score&quot;:7}]"/>
+  </instance>
+  <component name="row" grid="10" data="Player">
+    <circle id="dot" cx="2" cy="2" r="1" fill="#000"/>
+    <bind target="dot.r" value="$score"/>
+    <bind target="dot.x" value="$index"/>
+    <bind target="dot.y" value="$parent.bonus"/>
+  </component>
+  <repeat id="rows" list="$players" component="row" dy="10" size="30 10"/>
+</anima>

package/modules/lists/capabilities/data-converter-number-to-list/example.ani

@@ -0,0 +1,109 @@
+{
+  "anima": "0.1",
+  "name": "players",
+  "grid": 30,
+  "requires": ["components", "data", "bind", "lists"],
+  "nodes": [
+    {
+      "id": "rows",
+      "type": "repeat",
+      "count": "$n",
+      "component": "row",
+      "dy": 10,
+      "size": [30, 10]
+    }
+  ],
+  "components": {
+    "row": {
+      "grid": 10,
+      "inputs": {
+        "go": {
+          "type": "trigger"
+        }
+      },
+      "nodes": [
+        {
+          "id": "dot",
+          "type": "circle",
+          "center": [2, 2],
+          "r": 1,
+          "fill": {
+            "color": "#000"
+          }
+        }
+      ],
+      "machine": {
+        "layers": {
+          "selection": {
+            "initial": "idle",
+            "states": {
+              "idle": {
+                "pose": {},
+                "on": [
+                  {
+                    "when": "go",
+                    "to": "selected"
+                  }
+                ]
+              },
+              "selected": {
+                "pose": {
+                  "dot.scale": 0.5
+                }
+              }
+            }
+          }
+        }
+      },
+      "bind": {
+        "dot.r": "$score",
+        "dot.x": "$index",
+        "dot.y": "$parent.bonus"
+      },
+      "data": "Player"
+    }
+  },
+  "data": {
+    "models": {
+      "Player": {
+        "properties": {
+          "score": {
+            "type": "number"
+          }
+        }
+      },
+      "Board": {
+        "properties": {
+          "bonus": {
+            "type": "number",
+            "default": 2
+          },
+          "players": {
+            "type": "list",
+            "of": "Player"
+          },
+          "n": {
+            "type": "number",
+            "default": 2
+          }
+        }
+      }
+    },
+    "instances": {
+      "main": {
+        "model": "Board",
+        "default": true,
+        "values": {
+          "players": [
+            {
+              "score": 3
+            },
+            {
+              "score": 7
+            }
+          ]
+        }
+      }
+    }
+  }
+}

package/modules/lists/capabilities/data-converter-number-to-list/example.animl

@@ -0,0 +1,29 @@
+<anima version="0.1" name="players" grid="30" requires="components data bind lists">
+  <model name="Player">
+    <number name="score"/>
+  </model>
+  <model name="Board">
+    <number name="bonus" default="2"/>
+    <list name="players" of="Player"/>
+    <number name="n" default="2"/>
+  </model>
+  <instance name="main" model="Board" default="true">
+    <set path="players" value="[{&quot;score&quot;:3},{&quot;score&quot;:7}]"/>
+  </instance>
+  <component name="row" grid="10" data="Player">
+    <trigger name="go"/>
+    <layer name="selection" initial="idle">
+      <state name="idle">
+        <on when="go" to="selected"/>
+      </state>
+      <state name="selected">
+        <pose dot.scale="0.5"/>
+      </state>
+    </layer>
+    <circle id="dot" cx="2" cy="2" r="1" fill="#000"/>
+    <bind target="dot.r" value="$score"/>
+    <bind target="dot.x" value="$index"/>
+    <bind target="dot.y" value="$parent.bonus"/>
+  </component>
+  <repeat id="rows" count="$n" component="row" dy="10" size="30 10"/>
+</anima>

package/modules/lists/capabilities/data-property-symbol-list-index/example.ani

@@ -0,0 +1,77 @@
+{
+  "anima": "0.1",
+  "name": "players",
+  "grid": 30,
+  "requires": ["components", "data", "bind", "lists"],
+  "nodes": [
+    {
+      "id": "rows",
+      "type": "repeat",
+      "list": "$players",
+      "component": "row",
+      "dy": 10,
+      "size": [30, 10]
+    }
+  ],
+  "components": {
+    "row": {
+      "grid": 10,
+      "nodes": [
+        {
+          "id": "dot",
+          "type": "circle",
+          "center": [2, 2],
+          "r": 1,
+          "fill": {
+            "color": "#000"
+          }
+        }
+      ],
+      "bind": {
+        "dot.r": "$score",
+        "dot.x": "$index",
+        "dot.y": "$parent.bonus"
+      },
+      "data": "Player"
+    }
+  },
+  "data": {
+    "models": {
+      "Player": {
+        "properties": {
+          "score": {
+            "type": "number"
+          }
+        }
+      },
+      "Board": {
+        "properties": {
+          "bonus": {
+            "type": "number",
+            "default": 2
+          },
+          "players": {
+            "type": "list",
+            "of": "Player"
+          }
+        }
+      }
+    },
+    "instances": {
+      "main": {
+        "model": "Board",
+        "default": true,
+        "values": {
+          "players": [
+            {
+              "score": 3
+            },
+            {
+              "score": 7
+            }
+          ]
+        }
+      }
+    }
+  }
+}

package/modules/lists/capabilities/data-property-symbol-list-index/example.animl

@@ -0,0 +1,19 @@
+<anima version="0.1" name="players" grid="30" requires="components data bind lists">
+  <model name="Player">
+    <number name="score"/>
+  </model>
+  <model name="Board">
+    <number name="bonus" default="2"/>
+    <list name="players" of="Player"/>
+  </model>
+  <instance name="main" model="Board" default="true">
+    <set path="players" value="[{&quot;score&quot;:3},{&quot;score&quot;:7}]"/>
+  </instance>
+  <component name="row" grid="10" data="Player">
+    <circle id="dot" cx="2" cy="2" r="1" fill="#000"/>
+    <bind target="dot.r" value="$score"/>
+    <bind target="dot.x" value="$index"/>
+    <bind target="dot.y" value="$parent.bonus"/>
+  </component>
+  <repeat id="rows" list="$players" component="row" dy="10" size="30 10"/>
+</anima>

package/modules/lists/examples/players.ani

@@ -0,0 +1,77 @@
+{
+  "anima": "0.1",
+  "name": "players",
+  "grid": 30,
+  "requires": ["components", "data", "bind", "lists"],
+  "nodes": [
+    {
+      "id": "rows",
+      "type": "repeat",
+      "list": "$players",
+      "component": "row",
+      "dy": 10,
+      "size": [30, 10]
+    }
+  ],
+  "components": {
+    "row": {
+      "grid": 10,
+      "nodes": [
+        {
+          "id": "dot",
+          "type": "circle",
+          "center": [2, 2],
+          "r": 1,
+          "fill": {
+            "color": "#000"
+          }
+        }
+      ],
+      "bind": {
+        "dot.r": "$score",
+        "dot.x": "$index",
+        "dot.y": "$parent.bonus"
+      },
+      "data": "Player"
+    }
+  },
+  "data": {
+    "models": {
+      "Player": {
+        "properties": {
+          "score": {
+            "type": "number"
+          }
+        }
+      },
+      "Board": {
+        "properties": {
+          "bonus": {
+            "type": "number",
+            "default": 2
+          },
+          "players": {
+            "type": "list",
+            "of": "Player"
+          }
+        }
+      }
+    },
+    "instances": {
+      "main": {
+        "model": "Board",
+        "default": true,
+        "values": {
+          "players": [
+            {
+              "score": 3
+            },
+            {
+              "score": 7
+            }
+          ]
+        }
+      }
+    }
+  }
+}

package/modules/lists/examples/players.animl

@@ -0,0 +1,19 @@
+<anima version="0.1" name="players" grid="30" requires="components data bind lists">
+  <model name="Player">
+    <number name="score"/>
+  </model>
+  <model name="Board">
+    <number name="bonus" default="2"/>
+    <list name="players" of="Player"/>
+  </model>
+  <instance name="main" model="Board" default="true">
+    <set path="players" value="[{&quot;score&quot;:3},{&quot;score&quot;:7}]"/>
+  </instance>
+  <component name="row" grid="10" data="Player">
+    <circle id="dot" cx="2" cy="2" r="1" fill="#000"/>
+    <bind target="dot.r" value="$score"/>
+    <bind target="dot.x" value="$index"/>
+    <bind target="dot.y" value="$parent.bonus"/>
+  </component>
+  <repeat id="rows" list="$players" component="row" dy="10" size="30 10"/>
+</anima>

package/modules/lists/manifest.source

@@ -0,0 +1,43 @@
+export const after = ['components', 'data', 'bind', 'convert', 'derive'];
+export default {
+  ...{
+    name: 'lists',
+    summary:
+      'Lists: repeat a component for each item of a data list, keeping each row’s state across edits.',
+    after: [],
+    core: { entry: 'core/index.ts', export: 'lists', svg: 'core/svg.ts', svgExport: 'listsSVG' },
+    web: [{ name: 'lists', budget: 5120 }],
+    adapters: {
+      'packages/core/src/modules/lists/index.ts': 'core/index.ts',
+      'packages/core/src/modules/lists/svg.ts': 'core/svg.ts',
+      'packages/markup/src/lists.ts': 'markup/index.ts',
+      'packages/web/src/lists.ts': 'web/index.ts',
+    },
+    exports: {
+      'core:./lists': 'packages/core/src/modules/lists/index.ts',
+      'markup:./lists': 'packages/markup/src/lists.ts',
+      'web:./lists': 'packages/web/src/lists.ts',
+    },
+    tests: [
+      'modules/lists/test/**/*.test.ts',
+      'packages/markup/test/corpus.test.ts',
+      'packages/markup/test/names.test.ts',
+      'packages/markup/test/compile.test.ts',
+      'packages/markup/test/decompile.test.ts',
+      'packages/cli/test/authoring.test.ts',
+    ],
+    conformance: [
+      'lists-',
+      'components-list',
+      'components-list-map',
+      'components-list-size-override',
+      'components-explicit-context',
+      'components-inherited-context',
+      'data-binding-relative',
+      'data-property-symbol-list-index',
+      'data-converter-number-to-list',
+    ],
+    docs: ['modules/lists/SPEC.md'],
+  },
+  after,
+};

package/modules/machine/capabilities/state-machine-any-state/example.ani

@@ -0,0 +1,62 @@
+{
+  "anima": "0.1",
+  "name": "machine-probe",
+  "grid": 20,
+  "requires": ["machine"],
+  "inputs": {
+    "go": {
+      "type": "trigger"
+    }
+  },
+  "nodes": [
+    {
+      "id": "dot",
+      "type": "circle",
+      "center": [10, 10],
+      "r": 1,
+      "fill": {
+        "color": "#4263eb"
+      }
+    }
+  ],
+  "machine": {
+    "layers": {
+      "l": {
+        "initial": "a",
+        "states": {
+          "a": {
+            "pose": {
+              "dot.x": 0
+            },
+            "on": [
+              {
+                "when": "go",
+                "to": "b"
+              }
+            ]
+          },
+          "b": {
+            "pose": {
+              "dot.x": 5
+            }
+          },
+          "all": {
+            "pose": {},
+            "on": [
+              {
+                "when": "go",
+                "to": "c"
+              }
+            ],
+            "kind": "any"
+          },
+          "c": {
+            "pose": {
+              "dot.x": 10
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/modules/machine/capabilities/state-machine-any-state/example.animl

@@ -0,0 +1,22 @@
+<anima version="0.1" name="machine-probe" grid="20" requires="machine">
+  <trigger name="go"/>
+
+  <circle id="dot" cx="10" cy="10" r="1" fill="#4263eb"/>
+
+  <layer name="l" initial="a">
+    <state name="a">
+      <pose dot.x="0"/>
+      <on when="go" to="b"/>
+    </state>
+    <state name="b">
+      <pose dot.x="5"/>
+    </state>
+    <state name="all" kind="any">
+      <pose/>
+      <on when="go" to="c"/>
+    </state>
+    <state name="c">
+      <pose dot.x="10"/>
+    </state>
+  </layer>
+</anima>

package/modules/machine/capabilities/state-machine-blend-1d-data/example.ani

@@ -0,0 +1,74 @@
+{
+  "anima": "0.1",
+  "name": "machine-probe",
+  "grid": 20,
+  "requires": ["machine", "bind"],
+  "inputs": {
+    "level": {
+      "type": "number"
+    }
+  },
+  "nodes": [
+    {
+      "id": "dot",
+      "type": "circle",
+      "center": [10, 10],
+      "r": 1,
+      "fill": {
+        "color": "#4263eb"
+      }
+    }
+  ],
+  "timelines": {
+    "t0": {
+      "duration": 2,
+      "tracks": {
+        "dot.x": [
+          [0, 0],
+          [2, 0]
+        ]
+      }
+    },
+    "t1": {
+      "duration": 2,
+      "tracks": {
+        "dot.x": [
+          [0, 10],
+          [2, 10]
+        ]
+      }
+    }
+  },
+  "machine": {
+    "layers": {
+      "l": {
+        "initial": "a",
+        "states": {
+          "a": {
+            "play": "t0",
+            "mix": {
+              "mode": "1d",
+              "axis": {
+                "bind": "level * 0.5"
+              },
+              "children": [
+                {
+                  "play": "t0",
+                  "at": 0,
+                  "weight": 1
+                },
+                {
+                  "play": "t1",
+                  "at": 1,
+                  "weight": {
+                    "bind": "level * 0.5"
+                  }
+                }
+              ]
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/modules/machine/capabilities/state-machine-blend-1d-data/example.animl

@@ -0,0 +1,23 @@
+<anima version="0.1" name="machine-probe" grid="20" requires="machine bind">
+  <number name="level"/>
+
+  <circle id="dot" cx="10" cy="10" r="1" fill="#4263eb"/>
+
+  <timeline name="t0" duration="2">
+    <track target="dot.x">
+      0  0
+      2  0
+    </track>
+  </timeline>
+  <timeline name="t1" duration="2">
+    <track target="dot.x">
+      0  10
+      2  10
+    </track>
+  </timeline>
+
+  <layer name="l" initial="a">
+    <state name="a" play="t0"
+        mix="{&quot;mode&quot;:&quot;1d&quot;,&quot;children&quot;:[{&quot;play&quot;:&quot;t0&quot;,&quot;at&quot;:0,&quot;weight&quot;:1},{&quot;play&quot;:&quot;t1&quot;,&quot;at&quot;:1,&quot;weight&quot;:{&quot;bind&quot;:&quot;level * 0.5&quot;}}],&quot;axis&quot;:{&quot;bind&quot;:&quot;level * 0.5&quot;}}"/>
+  </layer>
+</anima>