{"header":{"message":"why doesn't ts like me :(\n","description":null,"timestamp":"2020-12-20T01:10:35Z","authors":[{"email":"alice.zhao@berkeley.edu","name":"Alice Zhao"}]},"hash":"IYRYOO3B2EFA2O3JJKOQLEQ6WWDCCGEH3LSFCZJUMBXTVYFZS44QC","authors":[],"deps":{"hashes":[["IYRYOO3B2EFA2O3JJKOQLEQ6WWDCCGEH3LSFCZJUMBXTVYFZS44QC","why doesn't ts like me :(\n"],["AA",null],["EMED7UWAGESRTWJJWVXRL27O4XMBGZDDAU4LNVF3MQAYKFKRDNXQC","node focus handler\n"],["26RDNOXGRCW2E2AOUTKMARJZEGCTVB5K27YXFQFGIAFJ3PP4LWDAC","45 fps at 720p\n"],["XF75MWE3S7HPZXDNR5A5BCRAYO3AYCPUQ4KS6JAAH5DWJRYBKJTQC","add links\n"],["T6RGFAV3VFISSGKMFKK544MGGXCURAO4ARG22R5O75UBUKPHFM5AC","interative nodes\n"],["OYNCMT7YDCHK7TFRZDVCMODYMYXRQKK3AU7EOZU7KRA76QGKI3EQC","wip\n"],["X77LI6U3MBQUEVD6KZ5GTHOCQU2OSUXAMQ52TJKOBFVKAPUENBLAC","debug rerender\n"],["OEKGYL6XZFMUSQPDFFMGGNAPDDKNW4XJNY6ALYQILBLNCRD5BFRAC","canvas sucks\n"],["5BA7VZ3D36S2TC7NZ64R3O364TGXPY5BJUJTGCFZHWZ6JWAXJMUQC","try some components and some eslint\n"],["VGU4VI6EMYILKHN3TFRCEGU7LL6NM6PW6RHRC726YUKO6RBORBQQC","rename area to pixiComponent\n"],["VQJBTLNEKPLH62WALLZABSTLHLEMS4SFVEVFUOXJ4EFABHISYF5QC","make a class???\n"],["O65A3D4ZQZ4EVMU65B5HRUHYTMZXAIKETO4ZGLY2HWJC57ANMJQAC","fixup imports\n"],["LDXXGEDWISRDMLBW7L2NG6X5757WVFHO7VULU4CINL2FN7MHLEKQC","add the debugging toolbar from johnfn\n"],["QU7JVYXAGGNN4754FJAT7HFTSFHLLIWWNIVYBMCBQJVSLTB5RNIQC","futzing around\n"],["JG36CDUKVUWJT25PJVMWKWI4KFRHM24PFBKPXXRY3D2XVDKUVI7QC","use johfn base game\n"],["THNMNMVRZQVPZTEXHIK6WGYN3QDEFPKFOVOCB5HTWCYC5BOBYQ5AC","start drawing stuff\n"],["2I5NFECQIW2DLWYSDEY7P5NVDZXMBAWRUTD7UNUHUAJPLTG4QHTQC","make it big\n"],["YNOQHSPKQHAODMORMW4GKQZK5SCC2LYAFLJHH3GEMZTDM7N52JAAC","yarn prettier\n"],["4TYJCGT4MTCAH7GSJJWFQPPHZNAUQZDEIZYT365EYTMXS7D2MTNAC","muck about with pivot, resize, and anchor\n"],["AAKN4XJLZ2GARZMUFYX3CJZKYHTRRZDYNTFRLMY7VPAY7K6W4N3QC","pixi\n"]],"deps":["EMED7UWAGESRTWJJWVXRL27O4XMBGZDDAU4LNVF3MQAYKFKRDNXQC"],"known":["5BA7VZ3D36S2TC7NZ64R3O364TGXPY5BJUJTGCFZHWZ6JWAXJMUQC","YNOQHSPKQHAODMORMW4GKQZK5SCC2LYAFLJHH3GEMZTDM7N52JAAC","XF75MWE3S7HPZXDNR5A5BCRAYO3AYCPUQ4KS6JAAH5DWJRYBKJTQC","OEKGYL6XZFMUSQPDFFMGGNAPDDKNW4XJNY6ALYQILBLNCRD5BFRAC","AAKN4XJLZ2GARZMUFYX3CJZKYHTRRZDYNTFRLMY7VPAY7K6W4N3QC","VQJBTLNEKPLH62WALLZABSTLHLEMS4SFVEVFUOXJ4EFABHISYF5QC","THNMNMVRZQVPZTEXHIK6WGYN3QDEFPKFOVOCB5HTWCYC5BOBYQ5AC","QU7JVYXAGGNN4754FJAT7HFTSFHLLIWWNIVYBMCBQJVSLTB5RNIQC","OYNCMT7YDCHK7TFRZDVCMODYMYXRQKK3AU7EOZU7KRA76QGKI3EQC","JG36CDUKVUWJT25PJVMWKWI4KFRHM24PFBKPXXRY3D2XVDKUVI7QC","LDXXGEDWISRDMLBW7L2NG6X5757WVFHO7VULU4CINL2FN7MHLEKQC","VGU4VI6EMYILKHN3TFRCEGU7LL6NM6PW6RHRC726YUKO6RBORBQQC","O65A3D4ZQZ4EVMU65B5HRUHYTMZXAIKETO4ZGLY2HWJC57ANMJQAC","4TYJCGT4MTCAH7GSJJWFQPPHZNAUQZDEIZYT365EYTMXS7D2MTNAC","X77LI6U3MBQUEVD6KZ5GTHOCQU2OSUXAMQ52TJKOBFVKAPUENBLAC","2I5NFECQIW2DLWYSDEY7P5NVDZXMBAWRUTD7UNUHUAJPLTG4QHTQC","26RDNOXGRCW2E2AOUTKMARJZEGCTVB5K27YXFQFGIAFJ3PP4LWDAC","T6RGFAV3VFISSGKMFKK544MGGXCURAO4ARG22R5O75UBUKPHFM5AC"]},"hunks":[{"Replacement":{"inode":{"change":2,"pos":704},"path":"frontend/src/components/NodeDetail.tsx","line":1,"ins":{"up_context":[{"change":2,"pos":704}],"down_context":[{"change":2,"pos":746}],"flag":"BLOCK","start":0,"end":52,"inode":{"change":2,"pos":704}},"del":{"edges":[{"previous":"BLOCK","flag":"BLOCK | DELETED","from":{"change":2,"pos":704},"to":{"change":2,"start":705,"end":746},"introduced_by":2}],"inode":{"change":2,"pos":704}},"ins_contents":[{"Add":{"text":"import React, { useEffect, useState } from \"react\";","pos":"IYRYOO3B2EFA2O3JJKOQLEQ6WWDCCGEH3LSFCZJUMBXTVYFZS44QC:51"}}],"del_contents":[{"Del":{"text":"import React, { useState } from \"react\";","pos":"EMED7UWAGESRTWJJWVXRL27O4XMBGZDDAU4LNVF3MQAYKFKRDNXQC:745"}}]}},{"Edit":{"inode":{"change":2,"pos":704},"path":"frontend/src/components/NodeDetail.tsx","line":6,"atom":{"NewVertex":{"up_context":[{"change":2,"pos":872}],"down_context":[{"change":2,"pos":872}],"flag":"BLOCK","start":53,"end":99,"inode":{"change":2,"pos":704}}},"contents":[{"Add":{"text":" const [history, setHistory] = useState([]);","pos":"IYRYOO3B2EFA2O3JJKOQLEQ6WWDCCGEH3LSFCZJUMBXTVYFZS44QC:98"}}]}},{"Edit":{"inode":{"change":2,"pos":704},"path":"frontend/src/components/NodeDetail.tsx","line":8,"atom":{"NewVertex":{"up_context":[{"change":2,"pos":900}],"down_context":[{"change":2,"pos":900}],"flag":"BLOCK","start":100,"end":197,"inode":{"change":2,"pos":704}}},"contents":[{"Add":{"text":" useEffect(() => {","pos":"IYRYOO3B2EFA2O3JJKOQLEQ6WWDCCGEH3LSFCZJUMBXTVYFZS44QC:119"}},{"Add":{"text":" setHistory((history) => [...history, focusedNode]);","pos":"IYRYOO3B2EFA2O3JJKOQLEQ6WWDCCGEH3LSFCZJUMBXTVYFZS44QC:175"}},{"Add":{"text":" }, [focusedNode]);","pos":"IYRYOO3B2EFA2O3JJKOQLEQ6WWDCCGEH3LSFCZJUMBXTVYFZS44QC:196"}}]}},{"Replacement":{"inode":{"change":2,"pos":704},"path":"frontend/src/components/NodeDetail.tsx","line":14,"ins":{"up_context":[{"change":2,"pos":949}],"down_context":[{"change":2,"pos":1051}],"flag":"BLOCK","start":198,"end":603,"inode":{"change":2,"pos":704}},"del":{"edges":[{"previous":"BLOCK","flag":"BLOCK | DELETED","from":{"change":2,"pos":949},"to":{"change":2,"start":949,"end":1051},"introduced_by":2}],"inode":{"change":2,"pos":704}},"ins_contents":[{"Add":{"text":"

Current

","pos":"IYRYOO3B2EFA2O3JJKOQLEQ6WWDCCGEH3LSFCZJUMBXTVYFZS44QC:222"}},{"Add":{"text":"

Chunk: {focusedNode.chunk?.id}

","pos":"IYRYOO3B2EFA2O3JJKOQLEQ6WWDCCGEH3LSFCZJUMBXTVYFZS44QC:270"}},{"Add":{"text":"

X: {focusedNode.node.location.x}

","pos":"IYRYOO3B2EFA2O3JJKOQLEQ6WWDCCGEH3LSFCZJUMBXTVYFZS44QC:320"}},{"Add":{"text":"

Y: {focusedNode.node.location.y}

","pos":"IYRYOO3B2EFA2O3JJKOQLEQ6WWDCCGEH3LSFCZJUMBXTVYFZS44QC:370"}},{"Add":{"text":"

","pos":"IYRYOO3B2EFA2O3JJKOQLEQ6WWDCCGEH3LSFCZJUMBXTVYFZS44QC:396"}},{"Add":{"text":" {history.map(({ chunk, node }, i) => {","pos":"IYRYOO3B2EFA2O3JJKOQLEQ6WWDCCGEH3LSFCZJUMBXTVYFZS44QC:443"}},{"Add":{"text":" return (","pos":"IYRYOO3B2EFA2O3JJKOQLEQ6WWDCCGEH3LSFCZJUMBXTVYFZS44QC:462"}},{"Add":{"text":"

","pos":"IYRYOO3B2EFA2O3JJKOQLEQ6WWDCCGEH3LSFCZJUMBXTVYFZS44QC:488"}},{"Add":{"text":" Chunk {chunk.id} at {node.location.x},{node.location.y}","pos":"IYRYOO3B2EFA2O3JJKOQLEQ6WWDCCGEH3LSFCZJUMBXTVYFZS44QC:558"}},{"Add":{"text":"

","pos":"IYRYOO3B2EFA2O3JJKOQLEQ6WWDCCGEH3LSFCZJUMBXTVYFZS44QC:577"}},{"Add":{"text":" );","pos":"IYRYOO3B2EFA2O3JJKOQLEQ6WWDCCGEH3LSFCZJUMBXTVYFZS44QC:590"}},{"Add":{"text":" })}","pos":"IYRYOO3B2EFA2O3JJKOQLEQ6WWDCCGEH3LSFCZJUMBXTVYFZS44QC:602"}}],"del_contents":[{"Del":{"text":"

{focusedNode.chunk?.id}

","pos":"EMED7UWAGESRTWJJWVXRL27O4XMBGZDDAU4LNVF3MQAYKFKRDNXQC:989"}},{"Del":{"text":" {a.map((z) => (","pos":"EMED7UWAGESRTWJJWVXRL27O4XMBGZDDAU4LNVF3MQAYKFKRDNXQC:1013"}},{"Del":{"text":"

{z}

","pos":"EMED7UWAGESRTWJJWVXRL27O4XMBGZDDAU4LNVF3MQAYKFKRDNXQC:1038"}},{"Del":{"text":" ))}","pos":"EMED7UWAGESRTWJJWVXRL27O4XMBGZDDAU4LNVF3MQAYKFKRDNXQC:1050"}}]}},{"Edit":{"inode":{"change":3,"pos":97253},"path":"frontend/src/components/PixiComponent.tsx","line":21,"atom":{"EdgeMap":{"edges":[{"previous":"BLOCK","flag":"BLOCK | DELETED","from":{"change":3,"pos":137},"to":{"change":3,"start":137,"end":258},"introduced_by":3}],"inode":{"change":3,"pos":97253}}},"contents":[{"Del":{"text":"let application = new Application({ originalWindowWidth: window.innerWidth, originalWindowHeight: window.innerHeight });","pos":"26RDNOXGRCW2E2AOUTKMARJZEGCTVB5K27YXFQFGIAFJ3PP4LWDAC:257"}}]}},{"Replacement":{"inode":{"change":3,"pos":97253},"path":"frontend/src/components/PixiComponent.tsx","line":22,"ins":{"up_context":[{"change":3,"pos":496}],"down_context":[{"change":2,"pos":1119}],"flag":"BLOCK","start":604,"end":664,"inode":{"change":3,"pos":97253}},"del":{"edges":[{"previous":"BLOCK","flag":"BLOCK | DELETED","from":{"change":3,"pos":496},"to":{"change":2,"start":1080,"end":1119},"introduced_by":2}],"inode":{"change":3,"pos":97253}},"ins_contents":[{"Add":{"text":"export function PixiComponent({","pos":"IYRYOO3B2EFA2O3JJKOQLEQ6WWDCCGEH3LSFCZJUMBXTVYFZS44QC:635"}},{"Add":{"text":" onFocusedNodeChange,","pos":"IYRYOO3B2EFA2O3JJKOQLEQ6WWDCCGEH3LSFCZJUMBXTVYFZS44QC:658"}},{"Add":{"text":"}: {","pos":"IYRYOO3B2EFA2O3JJKOQLEQ6WWDCCGEH3LSFCZJUMBXTVYFZS44QC:663"}}],"del_contents":[{"Del":{"text":"export function PixiComponent(props: {","pos":"EMED7UWAGESRTWJJWVXRL27O4XMBGZDDAU4LNVF3MQAYKFKRDNXQC:1118"}}]}},{"Replacement":{"inode":{"change":3,"pos":97253},"path":"frontend/src/components/PixiComponent.tsx","line":29,"ins":{"up_context":[{"change":3,"pos":196}],"down_context":[{"change":3,"pos":123}],"flag":"BLOCK","start":665,"end":920,"inode":{"change":3,"pos":97253}},"del":{"edges":[{"previous":"","flag":"DELETED","from":{"change":3,"pos":144},"to":{"change":3,"start":607,"end":608},"introduced_by":3},{"previous":"","flag":"DELETED","from":{"change":3,"pos":196},"to":{"change":3,"start":607,"end":608},"introduced_by":3},{"previous":"BLOCK","flag":"BLOCK | DELETED","from":{"change":3,"pos":506},"to":{"change":3,"start":607,"end":608},"introduced_by":3},{"previous":"BLOCK","flag":"BLOCK | DELETED","from":{"change":3,"pos":179},"to":{"change":3,"start":179,"end":199},"introduced_by":3}],"inode":{"change":3,"pos":97253}},"ins_contents":[{"Add":{"text":" const [application, setApplication] = useState();","pos":"IYRYOO3B2EFA2O3JJKOQLEQ6WWDCCGEH3LSFCZJUMBXTVYFZS44QC:716"}},{"Add":{"text":" function initializeApplication() {","pos":"IYRYOO3B2EFA2O3JJKOQLEQ6WWDCCGEH3LSFCZJUMBXTVYFZS44QC:753"}},{"Add":{"text":" const newApp = new Application({","pos":"IYRYOO3B2EFA2O3JJKOQLEQ6WWDCCGEH3LSFCZJUMBXTVYFZS44QC:790"}},{"Add":{"text":" originalWindowWidth: window.innerWidth,","pos":"IYRYOO3B2EFA2O3JJKOQLEQ6WWDCCGEH3LSFCZJUMBXTVYFZS44QC:836"}},{"Add":{"text":" originalWindowHeight: window.innerHeight,","pos":"IYRYOO3B2EFA2O3JJKOQLEQ6WWDCCGEH3LSFCZJUMBXTVYFZS44QC:884"}},{"Add":{"text":" onFocusedNodeChange,","pos":"IYRYOO3B2EFA2O3JJKOQLEQ6WWDCCGEH3LSFCZJUMBXTVYFZS44QC:911"}},{"Add":{"text":" });","pos":"IYRYOO3B2EFA2O3JJKOQLEQ6WWDCCGEH3LSFCZJUMBXTVYFZS44QC:919"}}],"del_contents":[{"Del":{"text":"","pos":"XF75MWE3S7HPZXDNR5A5BCRAYO3AYCPUQ4KS6JAAH5DWJRYBKJTQC:607"}},{"Del":{"text":" useEffect(() => {","pos":"OEKGYL6XZFMUSQPDFFMGGNAPDDKNW4XJNY6ALYQILBLNCRD5BFRAC:198"}}]}},{"Replacement":{"inode":{"change":3,"pos":97253},"path":"frontend/src/components/PixiComponent.tsx","line":37,"ins":{"up_context":[{"change":3,"pos":172}],"down_context":[{"change":3,"pos":0}],"flag":"BLOCK","start":921,"end":974,"inode":{"change":3,"pos":97253}},"del":{"edges":[{"previous":"BLOCK","flag":"BLOCK | DELETED","from":{"change":3,"pos":172},"to":{"change":2,"start":1187,"end":1245},"introduced_by":2}],"inode":{"change":3,"pos":97253}},"ins_contents":[{"Add":{"text":" container.current!.appendChild(newApp.app.view);","pos":"IYRYOO3B2EFA2O3JJKOQLEQ6WWDCCGEH3LSFCZJUMBXTVYFZS44QC:973"}}],"del_contents":[{"Del":{"text":" container.current!.appendChild(application.app.view);","pos":"EMED7UWAGESRTWJJWVXRL27O4XMBGZDDAU4LNVF3MQAYKFKRDNXQC:1244"}}]}},{"Edit":{"inode":{"change":3,"pos":97253},"path":"frontend/src/components/PixiComponent.tsx","line":40,"atom":{"NewVertex":{"up_context":[{"change":3,"pos":99}],"down_context":[{"change":3,"pos":0}],"flag":"BLOCK","start":975,"end":1031,"inode":{"change":3,"pos":97253}}},"contents":[{"Add":{"text":" newApp.drawStart();","pos":"IYRYOO3B2EFA2O3JJKOQLEQ6WWDCCGEH3LSFCZJUMBXTVYFZS44QC:998"}},{"Add":{"text":" setApplication(newApp);","pos":"IYRYOO3B2EFA2O3JJKOQLEQ6WWDCCGEH3LSFCZJUMBXTVYFZS44QC:1026"}},{"Add":{"text":" }","pos":"IYRYOO3B2EFA2O3JJKOQLEQ6WWDCCGEH3LSFCZJUMBXTVYFZS44QC:1030"}}]}},{"Replacement":{"inode":{"change":3,"pos":97253},"path":"frontend/src/components/PixiComponent.tsx","line":44,"ins":{"up_context":[{"change":3,"pos":1}],"down_context":[{"change":3,"pos":318}],"flag":"BLOCK","start":1032,"end":1088,"inode":{"change":3,"pos":97253}},"del":{"edges":[{"previous":"BLOCK","flag":"BLOCK | DELETED","from":{"change":3,"pos":1},"to":{"change":3,"start":0,"end":29},"introduced_by":3}],"inode":{"change":3,"pos":97253}},"ins_contents":[{"Add":{"text":" useEffect(() => {","pos":"IYRYOO3B2EFA2O3JJKOQLEQ6WWDCCGEH3LSFCZJUMBXTVYFZS44QC:1051"}},{"Add":{"text":" return initializeApplication();","pos":"IYRYOO3B2EFA2O3JJKOQLEQ6WWDCCGEH3LSFCZJUMBXTVYFZS44QC:1087"}}],"del_contents":[{"Del":{"text":" application.drawStart();","pos":"QU7JVYXAGGNN4754FJAT7HFTSFHLLIWWNIVYBMCBQJVSLTB5RNIQC:28"}}]}},{"Replacement":{"inode":{"change":3,"pos":97253},"path":"frontend/src/components/PixiComponent.tsx","line":49,"ins":{"up_context":[{"change":3,"pos":154}],"down_context":[{"change":2,"pos":1246}],"flag":"BLOCK","start":1089,"end":1155,"inode":{"change":3,"pos":97253}},"del":{"edges":[{"previous":"BLOCK","flag":"BLOCK | DELETED","from":{"change":3,"pos":154},"to":{"change":3,"start":154,"end":217},"introduced_by":3}],"inode":{"change":3,"pos":97253}},"ins_contents":[{"Add":{"text":" application?.resize?.(window.innerWidth, window.innerHeight);","pos":"IYRYOO3B2EFA2O3JJKOQLEQ6WWDCCGEH3LSFCZJUMBXTVYFZS44QC:1154"}}],"del_contents":[{"Del":{"text":" application.resize(window.innerWidth, window.innerHeight);","pos":"4TYJCGT4MTCAH7GSJJWFQPPHZNAUQZDEIZYT365EYTMXS7D2MTNAC:216"}}]}},{"Replacement":{"inode":{"change":3,"pos":97253},"path":"frontend/src/components/PixiComponent.tsx","line":58,"ins":{"up_context":[{"change":2,"pos":1345}],"down_context":[{"change":2,"pos":1813}],"flag":"BLOCK","start":1156,"end":1257,"inode":{"change":3,"pos":97253}},"del":{"edges":[{"previous":"BLOCK","flag":"BLOCK | DELETED","from":{"change":2,"pos":1345},"to":{"change":2,"start":1345,"end":1813},"introduced_by":2}],"inode":{"change":3,"pos":97253}},"ins_contents":[{"Add":{"text":" container.current!.removeChild(application?.app?.view);","pos":"IYRYOO3B2EFA2O3JJKOQLEQ6WWDCCGEH3LSFCZJUMBXTVYFZS44QC:1221"}},{"Add":{"text":" initializeApplication();","pos":"IYRYOO3B2EFA2O3JJKOQLEQ6WWDCCGEH3LSFCZJUMBXTVYFZS44QC:1256"}}],"del_contents":[{"Del":{"text":" container.current!.removeChild(application.app.view);","pos":"EMED7UWAGESRTWJJWVXRL27O4XMBGZDDAU4LNVF3MQAYKFKRDNXQC:1408"}},{"Del":{"text":" // application = new Application({ originalWindowWidth: window.innerHeight * .75, originalWindowHeight: window.innerHeight * .75 });","pos":"EMED7UWAGESRTWJJWVXRL27O4XMBGZDDAU4LNVF3MQAYKFKRDNXQC:1551"}},{"Del":{"text":" application = new Application({","pos":"EMED7UWAGESRTWJJWVXRL27O4XMBGZDDAU4LNVF3MQAYKFKRDNXQC:1593"}},{"Del":{"text":" originalWindowWidth: window.innerWidth,","pos":"EMED7UWAGESRTWJJWVXRL27O4XMBGZDDAU4LNVF3MQAYKFKRDNXQC:1645"}},{"Del":{"text":" originalWindowHeight: window.innerHeight,","pos":"EMED7UWAGESRTWJJWVXRL27O4XMBGZDDAU4LNVF3MQAYKFKRDNXQC:1699"}},{"Del":{"text":" });","pos":"EMED7UWAGESRTWJJWVXRL27O4XMBGZDDAU4LNVF3MQAYKFKRDNXQC:1713"}},{"Del":{"text":" container.current!.appendChild(application.app.view);","pos":"EMED7UWAGESRTWJJWVXRL27O4XMBGZDDAU4LNVF3MQAYKFKRDNXQC:1777"}},{"Del":{"text":" application.drawStart();","pos":"EMED7UWAGESRTWJJWVXRL27O4XMBGZDDAU4LNVF3MQAYKFKRDNXQC:1812"}}]}}],"owner":"ambersz","repo":"procgen-skill-tree","token":"F4PLs3OrJefOV5YhhheOpEzzBw1Tj/yAvL8SWYo/oAk=","login":null}

Current

Chunk: {focusedNode.chunk?.id}

X: {focusedNode.node.location.x}

Y: {focusedNode.node.location.y}

Previous

{focusedNode.chunk?.id}

…

Dependencies

Change contents

Review