Wire two attributes of the same name to a node with the new Build API

[Mearman]

https://breadboard-ai.web.app/?board=https://gist.githubusercontent.com/Mearman/e3a482c7a96394aaed00e789e4317f9c/raw/d8565c73b0ec583db5410de6848eefba518245ac/attributes-of-same-name.bgl.json

Previously

import { base } from "@google-labs/breadboard";
import { core } from "@google-labs/core-kit";

const input = base.input({
  $metadata: {
    title: "Input",
  },
});
const output = base.output({
  $metadata: {
    title: "Output",
  }
});

const magic = core.passthrough({
  $metadata: {
    title: "Magic",
  },
});

const moreMagic = core.passthrough({
  $metadata: {
    title: "More Magic",
  },
});

input.content.to(magic);
input.content.to(moreMagic);

const mostMagic = core.passthrough({
  $metadata: {
    title: "Most Magic",
  },
});

magic.content.to(mostMagic);
moreMagic.content.to(mostMagic);

// magic.to(mostMagic);
// moreMagic.to(mostMagic);

// magic.content.as("*").to(mostMagic);
// moreMagic.content.as("*").to(mostMagic);

mostMagic.content.to(output);

export default await input.serialize({
  title: "Demo",
});

{
  "title": "Demo",
  "metadata": {
    "comments": []
  },
  "edges": [
    {
      "from": "input-31",
      "to": "passthrough-33",
      "out": "content",
      "in": "content"
    },
    {
      "from": "input-31",
      "to": "passthrough-34",
      "out": "content",
      "in": "content"
    },
    {
      "from": "passthrough-33",
      "to": "passthrough-35",
      "out": "content",
      "in": "content"
    },
    {
      "from": "passthrough-34",
      "to": "passthrough-35",
      "out": "content",
      "in": "content"
    },
    {
      "from": "passthrough-35",
      "to": "output-32",
      "out": "content",
      "in": "content"
    }
  ],
  "nodes": [
    {
      "id": "input-31",
      "type": "input",
      "configuration": {
        "schema": {
          "type": "object",
          "properties": {
            "content": {
              "type": "string",
              "title": "content"
            }
          },
          "required": [
            "content"
          ]
        }
      },
      "metadata": {
        "title": "Input",
        "visual": {
          "x": 0,
          "y": 202,
          "collapsed": false
        }
      }
    },
    {
      "id": "output-32",
      "type": "output",
      "configuration": {
        "schema": {
          "type": "object",
          "properties": {
            "content": {
              "type": "string",
              "title": "content"
            }
          }
        }
      },
      "metadata": {
        "title": "Output",
        "visual": {
          "x": 565,
          "y": 191,
          "collapsed": false
        }
      }
    },
    {
      "id": "passthrough-33",
      "type": "passthrough",
      "configuration": {},
      "metadata": {
        "title": "Magic",
        "visual": {
          "x": 213,
          "y": 0,
          "collapsed": false
        }
      }
    },
    {
      "id": "passthrough-34",
      "type": "passthrough",
      "configuration": {},
      "metadata": {
        "title": "More Magic",
        "visual": {
          "x": 213,
          "y": 191,
          "collapsed": false
        }
      }
    },
    {
      "id": "passthrough-35",
      "type": "passthrough",
      "configuration": {},
      "metadata": {
        "title": "Most Magic",
        "visual": {
          "x": 389,
          "y": 191,
          "collapsed": false
        }
      }
    }
  ]
}

The closest I can get is:

import { board, input, output } from "@breadboard-ai/build";
import { passthrough } from "@google-labs/core-kit";

const contentInput = input({
  type: "string",
});

const magic = passthrough({
  $metadata: {
    title: "Magic",
  },
  content: contentInput,
});

const moreMagic = passthrough({
  $metadata: {
    title: "More Magic",
  },
  content: contentInput
});


const mostMagic = passthrough({
  $metadata: {
    title: "Most Magic",
  },
  // content: ???
});

const contentOutput = output(moreMagic.outputs.content);

export default board({
  title: "Demo 2",
  inputs: {
    content:contentInput,
  },
  outputs: {
    content: contentOutput,
  },
});