Skip to content

Instantly share code, notes, and snippets.

@jacob-ebey
Last active January 9, 2024 18:48
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jacob-ebey/1d9bd79504dbea93e6dc0ec6558407d3 to your computer and use it in GitHub Desktop.
Save jacob-ebey/1d9bd79504dbea93e6dc0ec6558407d3 to your computer and use it in GitHub Desktop.
example-federated-rsc-stream
1:I["rsc/remote/client/_example_consumer:./__/__/framework/dist/framework.client.js#OutletProvider",["rsc/remote/client/_example_consumer:./__/__/framework/dist/framework.client.js#OutletProvider"],"OutletProvider"]
2:I["rsc/remote/client/_example_consumer:./app/components/counter.tsx#Counter",["rsc/remote/client/_example_consumer:./app/components/counter.tsx#Counter"],"Counter"]
5:I["rsc/remote/client/_example_consumer:./__/__/framework/dist/framework.client.js#Outlet",["rsc/remote/client/_example_consumer:./__/__/framework/dist/framework.client.js#Outlet"],"Outlet"]
0:["$","$L1",null,{"outlets":{"_example_consumer/_public._index":[["$","h1",null,{"children":"Hello Index"}],["$","$L2",null,{}],["$","div",null,{"style":{"backgroundColor":"red","color":"black","padding":"1rem"},"children":"$L3"}]],"_example_consumer/_public":"$L4"},"children":["$","$L5","_example_consumer/_public",{"id":"_example_consumer/_public"}]}]
6:I["rsc/remote/client/_example_consumer:./__/__/framework/dist/framework.client.js#StreamReader",["rsc/remote/client/_example_consumer:./__/__/framework/dist/framework.client.js#StreamReader"],"StreamReader"]
3:["$","$L6",null,{"cache":{"current":null},"promiseStream":"$@7","children":["$","div",null,{"style":{"backgroundColor":"red","color":"black","padding":"1rem"},"children":"$L8"}]}]
4:["$","$L6",null,{"cache":{"current":null},"promiseStream":"$@9","children":["$","div",null,{"style":{"backgroundColor":"red","color":"black","padding":"1rem"},"children":[["$","ul",null,{"children":[["$","li",null,{"children":"Blue = Remote"}],["$","li",null,{"children":["Red"," ","= Host"]}]]}],["$","$L5","_example_consumer/_public._index",{"id":"_example_consumer/_public._index"}]]}]}]
7:{"head":"MTpJWyJyc2MvcmVtb3RlL2NsaWVudC9fZXhhbXBsZV9iYXNpYzouL19fL19fL2ZyYW1ld29yay9kaXN0L2ZyYW1ld29yay5jbGllbnQuanMjT3V0bGV0UHJvdmlkZXIiLFsicnNjL3JlbW90ZS9jbGllbnQvX2V4YW1wbGVfYmFzaWM6Li9fXy9fXy9mcmFtZXdvcmsvZGlzdC9mcmFtZXdvcmsuY2xpZW50LmpzI091dGxldFByb3ZpZGVyIl0sIk91dGxldFByb3ZpZGVyIiwxXQozOklbInJzYy9yZW1vdGUvY2xpZW50L19leGFtcGxlX2Jhc2ljOi4vX18vX18vZnJhbWV3b3JrL2Rpc3QvZnJhbWV3b3JrLmNsaWVudC5qcyNPdXRsZXQiLFsicnNjL3JlbW90ZS9jbGllbnQvX2V4YW1wbGVfYmFzaWM6Li9fXy9fXy9mcmFtZXdvcmsvZGlzdC9mcmFtZXdvcmsuY2xpZW50LmpzI091dGxldCJdLCJPdXRsZXQiLDFdCjA6WyIkIiwiJEwxIixudWxsLHsib3V0bGV0cyI6eyJfZXhhbXBsZV9iYXNpYy93ZWF0aGVyLiQiOiIkTDIifSwiY2hpbGRyZW4iOlsiJCIsIiRMMyIsIl9leGFtcGxlX2Jhc2ljL3dlYXRoZXIuJCIseyJpZCI6Il9leGFtcGxlX2Jhc2ljL3dlYXRoZXIuJCJ9XX1dCg==\n","tail":"$@a"}
b:T759,MTpJWyJyc2MvcmVtb3RlL2NsaWVudC9fZXhhbXBsZV9iYXNpYzouL19fL19fL2ZyYW1ld29yay9kaXN0L2ZyYW1ld29yay5jbGllbnQuanMjT3V0bGV0UHJvdmlkZXIiLFsicnNjL3JlbW90ZS9jbGllbnQvX2V4YW1wbGVfYmFzaWM6Li9fXy9fXy9mcmFtZXdvcmsvZGlzdC9mcmFtZXdvcmsuY2xpZW50LmpzI091dGxldFByb3ZpZGVyIl0sIk91dGxldFByb3ZpZGVyIiwxXQoyOklbInJzYy9yZW1vdGUvY2xpZW50L19leGFtcGxlX2Jhc2ljOi4vX18vX18vZnJhbWV3b3JrL2Rpc3QvZnJhbWV3b3JrLmNsaWVudC5qcyNPdXRsZXQiLFsicnNjL3JlbW90ZS9jbGllbnQvX2V4YW1wbGVfYmFzaWM6Li9fXy9fXy9mcmFtZXdvcmsvZGlzdC9mcmFtZXdvcmsuY2xpZW50LmpzI091dGxldCJdLCJPdXRsZXQiLDFdCjM6SVsicnNjL3JlbW90ZS9jbGllbnQvX2V4YW1wbGVfYmFzaWM6Li9hcHAvY29tcG9uZW50cy9jb3VudGVyLnRzeCNDb3VudGVyIixbInJzYy9yZW1vdGUvY2xpZW50L19leGFtcGxlX2Jhc2ljOi4vYXBwL2NvbXBvbmVudHMvY291bnRlci50c3gjQ291bnRlciJdLCJDb3VudGVyIiwxXQowOlsiJCIsIiRMMSIsbnVsbCx7Im91dGxldHMiOnsiX2V4YW1wbGVfYmFzaWMvX3B1YmxpYy5sYXlvdXQiOlsiJCIsIiRMMiIsIiEiLHsiaWQiOiIhIn1dLCJfZXhhbXBsZV9iYXNpYy9fcHVibGljIjpbIiQiLCJodG1sIixudWxsLHsiY2hpbGRyZW4iOltbIiQiLCJoZWFkIixudWxsLHsiY2hpbGRyZW4iOlsiJCIsInRpdGxlIixudWxsLHsiY2hpbGRyZW4iOiJNeSBBcHAifV19XSxbIiQiLCJib2R5IixudWxsLHsic3R5bGUiOnsiYmFja2dyb3VuZENvbG9yIjoiYmx1ZSIsImNvbG9yIjoid2hpdGUiLCJwYWRkaW5nIjoiMXJlbSJ9LCJjaGlsZHJlbiI6W1siJCIsImhlYWRlciIsbnVsbCx7ImNoaWxkcmVuIjpbIiQiLCJuYXYiLG51bGwseyJjaGlsZHJlbiI6WyIkIiwidWwiLG51bGwseyJjaGlsZHJlbiI6W1siJCIsImxpIixudWxsLHsiY2hpbGRyZW4iOlsiJCIsImEiLG51bGwseyJocmVmIjoiLyIsImNoaWxkcmVuIjoiSG9tZSJ9XX1dLFsiJCIsImxpIixudWxsLHsiY2hpbGRyZW4iOlsiJCIsImEiLG51bGwseyJocmVmIjoiL2Fib3V0IiwiY2hpbGRyZW4iOiJBYm91dCJ9XX1dLFsiJCIsImxpIixudWxsLHsiY2hpbGRyZW4iOlsiJCIsImEiLG51bGwseyJocmVmIjoiL2Fib3V0L3N1YiIsImNoaWxkcmVuIjoiQWJvdXQgU3ViIn1dfV1dfV19XX1dLFsiJCIsIiRMMyIsbnVsbCx7fV0sWyIkIiwiJEwyIiwiX2V4YW1wbGVfYmFzaWMvX3B1YmxpYy5sYXlvdXQiLHsiaWQiOiJfZXhhbXBsZV9iYXNpYy9fcHVibGljLmxheW91dCJ9XV19XV19XX0sImNoaWxkcmVuIjpbIiQiLCIkTDIiLCJfZXhhbXBsZV9iYXNpYy9fcHVibGljIix7ImlkIjoiX2V4YW1wbGVfYmFzaWMvX3B1YmxpYyJ9XX1dCg==
9:{"head":"$b","tail":"$@c"}
c:null
8:["$","$L6",null,{"cache":{"current":null},"promiseStream":"$@d","children":"$undefined"}]
d:{"head":"MTpJWyJyc2MvcmVtb3RlL2NsaWVudC9fZXhhbXBsZV9iYXNpYzouL19fL19fL2ZyYW1ld29yay9kaXN0L2ZyYW1ld29yay5jbGllbnQuanMjT3V0bGV0UHJvdmlkZXIiLFsicnNjL3JlbW90ZS9jbGllbnQvX2V4YW1wbGVfYmFzaWM6Li9fXy9fXy9mcmFtZXdvcmsvZGlzdC9mcmFtZXdvcmsuY2xpZW50LmpzI091dGxldFByb3ZpZGVyIl0sIk91dGxldFByb3ZpZGVyIiwxXQozOklbInJzYy9yZW1vdGUvY2xpZW50L19leGFtcGxlX2Jhc2ljOi4vX18vX18vZnJhbWV3b3JrL2Rpc3QvZnJhbWV3b3JrLmNsaWVudC5qcyNPdXRsZXQiLFsicnNjL3JlbW90ZS9jbGllbnQvX2V4YW1wbGVfYmFzaWM6Li9fXy9fXy9mcmFtZXdvcmsvZGlzdC9mcmFtZXdvcmsuY2xpZW50LmpzI091dGxldCJdLCJPdXRsZXQiLDFdCjA6WyIkIiwiJEwxIixudWxsLHsib3V0bGV0cyI6eyJfZXhhbXBsZV9iYXNpYy93ZWF0aGVyLiQiOiIkTDIifSwiY2hpbGRyZW4iOlsiJCIsIiRMMyIsIl9leGFtcGxlX2Jhc2ljL3dlYXRoZXIuJCIseyJpZCI6Il9leGFtcGxlX2Jhc2ljL3dlYXRoZXIuJCJ9XX1dCg==\n","tail":"$@e"}
f:Ta99,NDoiJFNyZWFjdC5zdXNwZW5zZSIKNjpJWyJyc2MvcmVtb3RlL2NsaWVudC9fZXhhbXBsZV9iYXNpYzouL2FwcC9yb3V0ZXMvd2VhdGhlci4kL3RlbXBlcmF0dXJlLXN3aXRjaC50c3gjVGVtcGVyYXR1cmVTd2l0Y2giLFsicnNjL3JlbW90ZS9jbGllbnQvX2V4YW1wbGVfYmFzaWM6Li9hcHAvcm91dGVzL3dlYXRoZXIuJC90ZW1wZXJhdHVyZS1zd2l0Y2gudHN4I1RlbXBlcmF0dXJlU3dpdGNoIl0sIlRlbXBlcmF0dXJlU3dpdGNoIiwxXQo3OklbInJzYy9yZW1vdGUvY2xpZW50L19leGFtcGxlX2Jhc2ljOi4vYXBwL3JvdXRlcy93ZWF0aGVyLiQvdGVtcGVyYXR1cmUtc3dpdGNoLnRzeCNUZW1wZXJhdHVyZVRvZ2dsZSIsWyJyc2MvcmVtb3RlL2NsaWVudC9fZXhhbXBsZV9iYXNpYzouL2FwcC9yb3V0ZXMvd2VhdGhlci4kL3RlbXBlcmF0dXJlLXN3aXRjaC50c3gjVGVtcGVyYXR1cmVUb2dnbGUiXSwiVGVtcGVyYXR1cmVUb2dnbGUiLDFdCjg6SVsicnNjL3JlbW90ZS9jbGllbnQvX2V4YW1wbGVfYmFzaWM6Li9hcHAvcm91dGVzL3dlYXRoZXIuJC90ZW1wZXJhdHVyZS1zd2l0Y2gudHN4I1RlbXBlcmF0dXJlRGlzcGxheSIsWyJyc2MvcmVtb3RlL2NsaWVudC9fZXhhbXBsZV9iYXNpYzouL2FwcC9yb3V0ZXMvd2VhdGhlci4kL3RlbXBlcmF0dXJlLXN3aXRjaC50c3gjVGVtcGVyYXR1cmVEaXNwbGF5Il0sIlRlbXBlcmF0dXJlRGlzcGxheSIsMV0KMjpbIiQiLCJkaXYiLG51bGwseyJzdHlsZSI6eyJiYWNrZ3JvdW5kQ29sb3IiOiJibHVlIiwiY29sb3IiOiJ3aGl0ZSIsInBhZGRpbmciOiIxcmVtIn0sImNoaWxkcmVuIjpbWyIkIiwiJDQiLG51bGwseyJmYWxsYmFjayI6WyIkIiwiZGl2IixudWxsLHsiY2hpbGRyZW4iOiJBcnRpZmljaWFsIGRlbGF5Li4uIn1dLCJjaGlsZHJlbiI6IiRMNSJ9XSxbIiQiLCIkTDYiLG51bGwseyJjaGlsZHJlbiI6WyIkIiwiZGl2IixudWxsLHsic3R5bGUiOnsicGFkZGluZyI6IjEuNXJlbSIsImJvcmRlclJhZGl1cyI6IjAuNXJlbSIsImJvcmRlciI6IjJweCBzb2xpZCAjZjNmNGY2In0sImNoaWxkcmVuIjpbIiQiLCJkaXYiLG51bGwseyJzdHlsZSI6eyJkaXNwbGF5IjoiZmxleCIsImZsZXhEaXJlY3Rpb24iOiJjb2x1bW4ifSwiY2hpbGRyZW4iOltbIiQiLCJkaXYiLG51bGwseyJjaGlsZHJlbiI6WyIkIiwiaDIiLG51bGwseyJzdHlsZSI6eyJmb250U2l6ZSI6IjEuNXJlbSIsImNvbG9yIjoiIzM3NDE1MSJ9LCJjaGlsZHJlbiI6WyJTZWF0dGxlIiwiLCAiLCJXYXNoaW5ndG9uIl19XX1dLFsiJCIsIiRMNyIsbnVsbCx7fV0sWyIkIiwiZGl2IixudWxsLHsic3R5bGUiOnsibWFyZ2luIjoiMXJlbSAwIn0sImNoaWxkcmVuIjpbIiQiLCJkaXYiLG51bGwseyJzdHlsZSI6eyJkaXNwbGF5IjoiZmxleCIsImZsZXhEaXJlY3Rpb24iOiJyb3ciLCJhbGlnbkl0ZW1zIjoiY2VudGVyIiwiZ2FwIjoiMXJlbSJ9LCJjaGlsZHJlbiI6W1siJCIsImRpdiIsbnVsbCx7ImNoaWxkcmVuIjpbIiQiLCJzcGFuIixudWxsLHsiY2hpbGRyZW4iOlsiJCIsImltZyIsbnVsbCx7ImhlaWdodCI6IjY0Iiwid2lkdGgiOiI2NCIsImFsdCI6Ik92ZXJjYXN0Iiwic3JjIjoiLy9jZG4ud2VhdGhlcmFwaS5jb20vd2VhdGhlci82NHg2NC9kYXkvMTIyLnBuZyJ9XX1dfV0sWyIkIiwiZGl2IixudWxsLHsiY2hpbGRyZW4iOltbIiQiLCJoNCIsbnVsbCx7InN0eWxlIjp7ImZvbnRTaXplIjoiMnJlbSIsImNvbG9yIjoiIzM3NDE1MSJ9LCJjaGlsZHJlbiI6WyIkIiwiJEw4IixudWxsLHsiYyI6Ni43LCJmIjo0NC4xfV19XSxbIiQiLCJwIixudWxsLHsic3R5bGUiOnsiZm9udFNpemUiOiIxcmVtIiwiY29sb3IiOiIjMzc0MTUxIn0sImNoaWxkcmVuIjpbIkZlZWxzIGxpa2UiLCIgIixbIiQiLCIkTDgiLG51bGwseyJjIjoyLjEsImYiOjM1Ljd9XV19XV19XV19XX1dXX1dfV19XSxbIiQiLCIkNCIsbnVsbCx7ImZhbGxiYWNrIjpbIiQiLCJkaXYiLG51bGwseyJjaGlsZHJlbiI6IkNoaWxkcmVuIGxvYWRpbmcuLi4ifV0sImNoaWxkcmVuIjpbIiQiLCIkTDMiLCIhIix7ImlkIjoiISJ9XX1dXX1dCg==
a:{"head":"$f","tail":"$@10"}
11:Ta95,NDoiJFNyZWFjdC5zdXNwZW5zZSIKNjpJWyJyc2MvcmVtb3RlL2NsaWVudC9fZXhhbXBsZV9iYXNpYzouL2FwcC9yb3V0ZXMvd2VhdGhlci4kL3RlbXBlcmF0dXJlLXN3aXRjaC50c3gjVGVtcGVyYXR1cmVTd2l0Y2giLFsicnNjL3JlbW90ZS9jbGllbnQvX2V4YW1wbGVfYmFzaWM6Li9hcHAvcm91dGVzL3dlYXRoZXIuJC90ZW1wZXJhdHVyZS1zd2l0Y2gudHN4I1RlbXBlcmF0dXJlU3dpdGNoIl0sIlRlbXBlcmF0dXJlU3dpdGNoIiwxXQo3OklbInJzYy9yZW1vdGUvY2xpZW50L19leGFtcGxlX2Jhc2ljOi4vYXBwL3JvdXRlcy93ZWF0aGVyLiQvdGVtcGVyYXR1cmUtc3dpdGNoLnRzeCNUZW1wZXJhdHVyZVRvZ2dsZSIsWyJyc2MvcmVtb3RlL2NsaWVudC9fZXhhbXBsZV9iYXNpYzouL2FwcC9yb3V0ZXMvd2VhdGhlci4kL3RlbXBlcmF0dXJlLXN3aXRjaC50c3gjVGVtcGVyYXR1cmVUb2dnbGUiXSwiVGVtcGVyYXR1cmVUb2dnbGUiLDFdCjg6SVsicnNjL3JlbW90ZS9jbGllbnQvX2V4YW1wbGVfYmFzaWM6Li9hcHAvcm91dGVzL3dlYXRoZXIuJC90ZW1wZXJhdHVyZS1zd2l0Y2gudHN4I1RlbXBlcmF0dXJlRGlzcGxheSIsWyJyc2MvcmVtb3RlL2NsaWVudC9fZXhhbXBsZV9iYXNpYzouL2FwcC9yb3V0ZXMvd2VhdGhlci4kL3RlbXBlcmF0dXJlLXN3aXRjaC50c3gjVGVtcGVyYXR1cmVEaXNwbGF5Il0sIlRlbXBlcmF0dXJlRGlzcGxheSIsMV0KMjpbIiQiLCJkaXYiLG51bGwseyJzdHlsZSI6eyJiYWNrZ3JvdW5kQ29sb3IiOiJibHVlIiwiY29sb3IiOiJ3aGl0ZSIsInBhZGRpbmciOiIxcmVtIn0sImNoaWxkcmVuIjpbWyIkIiwiJDQiLG51bGwseyJmYWxsYmFjayI6WyIkIiwiZGl2IixudWxsLHsiY2hpbGRyZW4iOiJBcnRpZmljaWFsIGRlbGF5Li4uIn1dLCJjaGlsZHJlbiI6IiRMNSJ9XSxbIiQiLCIkTDYiLG51bGwseyJjaGlsZHJlbiI6WyIkIiwiZGl2IixudWxsLHsic3R5bGUiOnsicGFkZGluZyI6IjEuNXJlbSIsImJvcmRlclJhZGl1cyI6IjAuNXJlbSIsImJvcmRlciI6IjJweCBzb2xpZCAjZjNmNGY2In0sImNoaWxkcmVuIjpbIiQiLCJkaXYiLG51bGwseyJzdHlsZSI6eyJkaXNwbGF5IjoiZmxleCIsImZsZXhEaXJlY3Rpb24iOiJjb2x1bW4ifSwiY2hpbGRyZW4iOltbIiQiLCJkaXYiLG51bGwseyJjaGlsZHJlbiI6WyIkIiwiaDIiLG51bGwseyJzdHlsZSI6eyJmb250U2l6ZSI6IjEuNXJlbSIsImNvbG9yIjoiIzM3NDE1MSJ9LCJjaGlsZHJlbiI6WyJQb3J0bGFuZCIsIiwgIiwiT3JlZ29uIl19XX1dLFsiJCIsIiRMNyIsbnVsbCx7fV0sWyIkIiwiZGl2IixudWxsLHsic3R5bGUiOnsibWFyZ2luIjoiMXJlbSAwIn0sImNoaWxkcmVuIjpbIiQiLCJkaXYiLG51bGwseyJzdHlsZSI6eyJkaXNwbGF5IjoiZmxleCIsImZsZXhEaXJlY3Rpb24iOiJyb3ciLCJhbGlnbkl0ZW1zIjoiY2VudGVyIiwiZ2FwIjoiMXJlbSJ9LCJjaGlsZHJlbiI6W1siJCIsImRpdiIsbnVsbCx7ImNoaWxkcmVuIjpbIiQiLCJzcGFuIixudWxsLHsiY2hpbGRyZW4iOlsiJCIsImltZyIsbnVsbCx7ImhlaWdodCI6IjY0Iiwid2lkdGgiOiI2NCIsImFsdCI6IkxpZ2h0IHJhaW4iLCJzcmMiOiIvL2Nkbi53ZWF0aGVyYXBpLmNvbS93ZWF0aGVyLzY0eDY0L2RheS8yOTYucG5nIn1dfV19XSxbIiQiLCJkaXYiLG51bGwseyJjaGlsZHJlbiI6W1siJCIsImg0IixudWxsLHsic3R5bGUiOnsiZm9udFNpemUiOiIycmVtIiwiY29sb3IiOiIjMzc0MTUxIn0sImNoaWxkcmVuIjpbIiQiLCIkTDgiLG51bGwseyJjIjo2LjcsImYiOjQ0LjF9XX1dLFsiJCIsInAiLG51bGwseyJzdHlsZSI6eyJmb250U2l6ZSI6IjFyZW0iLCJjb2xvciI6IiMzNzQxNTEifSwiY2hpbGRyZW4iOlsiRmVlbHMgbGlrZSIsIiAiLFsiJCIsIiRMOCIsbnVsbCx7ImMiOjMuMSwiZiI6MzcuNX1dXX1dXX1dXX1dfV1dfV19XX1dLFsiJCIsIiQ0IixudWxsLHsiZmFsbGJhY2siOlsiJCIsImRpdiIsbnVsbCx7ImNoaWxkcmVuIjoiQ2hpbGRyZW4gbG9hZGluZy4uLiJ9XSwiY2hpbGRyZW4iOlsiJCIsIiRMMyIsIiEiLHsiaWQiOiIhIn1dfV1dfV0K
e:{"head":"$11","tail":"$@12"}
10:{"head":"NTpbIiQiLCJkaXYiLG51bGwseyJjaGlsZHJlbiI6IkRlbGF5ZWQgZm9yIDEgc2Vjb25kIn1dCg==\n","tail":"$@13"}
13:null
12:{"head":"NTpbIiQiLCJkaXYiLG51bGwseyJjaGlsZHJlbiI6IkRlbGF5ZWQgZm9yIDEgc2Vjb25kIn1dCg==\n","tail":"$@14"}
14:null
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment