Skip to content

Instantly share code, notes, and snippets.

@ianjennings

ianjennings/sample.jsonl

Created September 4, 2020 22:24
Show Gist options
  • Save ianjennings/ff46c853993c5959abfb2d4aa5b51467 to your computer and use it in GitHub Desktop.
Save ianjennings/ff46c853993c5959abfb2d4aa5b51467 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
sample.jsonl
{"so":12,"data":{"data":{}},"type":"start"}
{"so":1300,"data":{"data":{"transcript":"OK, my name's Ian, and we're goingto start by. Ah!","startTime":1.3}},"type":"speech"}
{"so":1312,"data":{"data":{"summary":{"changed":0,"commit":"7b0dad9bb0364a8fdae7a67303b12e109919e76c","deletions":0,"files":[{"changed":0,"deletions":0,"file":"readme.md","insertions":0}],"insertions":0}}},"type":"diff-summary"}
{"so":8410,"data":{"data":{"transcript":"By getting semantic you in here.","startTime":8.41}},"type":"speech"}
{"so":10026,"data":{"data":{"id":2886970,"memoryUsage":283983872,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":11600,"data":{"data":{"transcript":"So","startTime":11.6}},"type":"speech"}
{"so":12620,"data":{"data":{"transcript":"Let's do it.","startTime":12.62}},"type":"speech"}
{"so":20016,"data":{"data":{"id":2819594,"memoryUsage":92241920,"owner":{"name":"Code.exe"},"title":"snippet.js - babel-sandbox-server - Visual Studio Code"}},"type":"window"}
{"so":21250,"data":{"data":{"transcript":"Okay, so","startTime":21.25}},"type":"speech"}
{"so":28890,"data":{"data":{"transcript":"Um","startTime":28.89}},"type":"speech"}
{"so":30044,"data":{"data":{"id":2886970,"memoryUsage":283406336,"owner":{"name":"chrome.exe"},"title":"Basic Tutorial: Intro | Redux - Google Chrome"}},"type":"window"}
{"so":32250,"data":{"data":{"transcript":"Oh, yeah.","startTime":32.25}},"type":"speech"}
{"so":38560,"data":{"data":{"transcript":"Ain't no tings. I have not already just, you know, we don't need to do that. I think I have got","startTime":38.56}},"type":"speech"}
{"so":40018,"data":{"data":{"id":2886970,"memoryUsage":282955776,"owner":{"name":"chrome.exe"},"title":"Getting Started | Semantic UI - Google Chrome"}},"type":"window"}
{"so":50022,"data":{"data":{"id":2819594,"memoryUsage":92594176,"owner":{"name":"Code.exe"},"title":"babel-sandbox-server - Visual Studio Code"}},"type":"window"}
{"so":55100,"data":{"data":{"transcript":"Interesting news video.","startTime":55.1}},"type":"speech"}
{"so":60024,"data":{"data":{"id":2886970,"memoryUsage":282906624,"owner":{"name":"chrome.exe"},"title":"Getting Started | Semantic UI - Google Chrome"}},"type":"window"}
{"so":70024,"data":{"data":{"id":8129640,"memoryUsage":79163392,"owner":{"name":"Discord.exe"},"title":"#babel - Discord"}},"type":"window"}
{"so":80047,"data":{"data":{"id":2819594,"memoryUsage":87769088,"owner":{"name":"Code.exe"},"title":"babel-sandbox-server - Visual Studio Code"}},"type":"window"}
{"so":82380,"data":{"data":{"transcript":"Okay. Group has been installed. Um","startTime":82.38}},"type":"speech"}
{"so":87170,"data":{"data":{"transcript":"Cool. Let's do I think we're on a pair cast branch. Right, Michael? Um","startTime":87.17}},"type":"speech"}
{"so":90044,"data":{"data":{"id":2819594,"memoryUsage":87207936,"owner":{"name":"Code.exe"},"title":"babel-sandbox-server - Visual Studio Code"}},"type":"window"}
{"so":95120,"data":{"data":{"transcript":"Hey, is is this where you think this is It?","startTime":95.12}},"type":"speech"}
{"so":100030,"data":{"data":{"id":2819594,"memoryUsage":87085056,"owner":{"name":"Code.exe"},"title":"babel-sandbox-server - Visual Studio Code"}},"type":"window"}
{"so":110057,"data":{"data":{"id":2886970,"memoryUsage":281223168,"owner":{"name":"chrome.exe"},"title":"Getting Started | Semantic UI - Google Chrome"}},"type":"window"}
{"so":111410,"data":{"data":{"transcript":"Do I look into integrations?","startTime":111.41}},"type":"speech"}
{"so":116220,"data":{"data":{"transcript":"Chart.","startTime":116.22}},"type":"speech"}
{"so":120041,"data":{"data":{"id":2886970,"memoryUsage":282128384,"owner":{"name":"chrome.exe"},"title":"Semantic-Org/Semantic-UI-React: The official Semantic-UI-React integration - Google Chrome"}},"type":"window"}
{"so":130057,"data":{"data":{"id":2886970,"memoryUsage":283357184,"owner":{"name":"chrome.exe"},"title":"Introduction - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":139700,"data":{"data":{"transcript":"Can we get it?","startTime":139.7}},"type":"speech"}
{"so":140037,"data":{"data":{"id":2886970,"memoryUsage":283017216,"owner":{"name":"chrome.exe"},"title":"Introduction - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":144480,"data":{"data":{"transcript":"Okay. I think I can actually remove his cancel this. We don't want that to go in there.","startTime":144.48}},"type":"speech"}
{"so":150061,"data":{"data":{"id":2819594,"memoryUsage":88272896,"owner":{"name":"Code.exe"},"title":"babel-sandbox-server - Visual Studio Code"}},"type":"window"}
{"so":153830,"data":{"data":{"transcript":"Did you get in there? Semantic. This is the server where not even the right repo","startTime":153.83}},"type":"speech"}
{"so":160053,"data":{"data":{"id":2819594,"memoryUsage":89063424,"owner":{"name":"Code.exe"},"title":"package.json - babel-sandbox-server - Visual Studio Code"}},"type":"window"}
{"so":161200,"data":{"data":{"transcript":"No. No way. I have a","startTime":161.2}},"type":"speech"}
{"so":163370,"data":{"data":{"transcript":"Okay. It's at Fuller to work space.","startTime":163.37}},"type":"speech"}
{"so":170071,"data":{"data":{"id":4722062,"memoryUsage":100810752,"owner":{"name":"Code.exe"},"title":"Open Workspace"}},"type":"window"}
{"so":180049,"data":{"data":{"id":16392866,"memoryUsage":101396480,"owner":{"name":"Code.exe"},"title":"Add Folder to Workspace"}},"type":"window"}
{"so":190063,"data":{"data":{"id":2819594,"memoryUsage":99340288,"owner":{"name":"Code.exe"},"title":"package.json - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":199680,"data":{"data":{"transcript":"Keep going about the Bible sandbox.","startTime":199.68}},"type":"speech"}
{"so":200075,"data":{"data":{"id":2819594,"memoryUsage":99520512,"owner":{"name":"Code.exe"},"title":"readme.md - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":204280,"data":{"data":{"transcript":"Step one.","startTime":204.28}},"type":"speech"}
{"so":208750,"data":{"data":{"transcript":"I want it to read me.","startTime":208.75}},"type":"speech"}
{"so":210073,"data":{"data":{"id":2819594,"memoryUsage":99532800,"owner":{"name":"Code.exe"},"title":"readme.md - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":211750,"data":{"data":{"transcript":"It's just overriding Renee's.","startTime":211.75}},"type":"speech"}
{"so":215911,"data":{"data":{"summary":{"changed":12,"commit":"49358e5af04ac192655fe4e3808eb2341a2517be","deletions":12,"files":[{"changed":12,"deletions":12,"file":"readme.md","insertions":0}],"insertions":0}}},"type":"diff-summary"}
{"so":215913,"data":{"data":{"diff":"Commit 49358e5af04ac192655fe4e3808eb2341a2517be\n--- readme.md\n+++ readme.md\n@@ -1,11 +0,0 @@\n-# Paircast Video\n-\n-This repository was created with [Paircast](https://app.paircast.io/replay/8e2e6525-ba17-4e38-a0e6-f05c5c87d5bf).\n-\n-<a href=\"https://app.paircast.io/replay/8e2e6525-ba17-4e38-a0e6-f05c5c87d5bf\"><img src=\"https://app.paircast.io/replay/8e2e6525-ba17-4e38-a0e6-f05c5c87d5bf/screenshot\" alt=\"Screenshot of Paircast Recording\" width=\"400\" /></a> \n-\n-<a href=\"https://app.paircast.io/replay/8e2e6525-ba17-4e38-a0e6-f05c5c87d5bf\"><img src=\"https://app.paircast.io/images/watch-on-paircast.png\" alt=\"Watch on Paircast\" /></a> \n-\n-[Watch on Paircast](https://app.paircast.io/replay/8e2e6525-ba17-4e38-a0e6-f05c5c87d5bf) to see this project built line-by-line.\n-\n-Paircast records file changes, desktop video, camera, microphone, and open applications as you code.-\n\\ No newline at end of file\n"}},"type":"diff"}
{"so":220055,"data":{"data":{"id":2886970,"memoryUsage":288436224,"owner":{"name":"chrome.exe"},"title":"New Tab - Google Chrome"}},"type":"window"}
{"so":227210,"data":{"data":{"transcript":"No, it's not really me out there, okay?","startTime":227.21}},"type":"speech"}
{"so":230074,"data":{"data":{"id":2819594,"memoryUsage":100532224,"owner":{"name":"Code.exe"},"title":"● readme.md - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":231800,"data":{"data":{"transcript":"I'm not gonna just not even have a read me as part of this committee.","startTime":231.8}},"type":"speech"}
{"so":240079,"data":{"data":{"id":2819594,"memoryUsage":105762816,"owner":{"name":"Code.exe"},"title":"Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":241177,"data":{"data":{"summary":{"changed":0,"commit":"c61edc19ad3eb43fe9f39ac950e9ac9feb3e8be6","deletions":0,"files":[{"changed":0,"deletions":0,"file":"readme.md","insertions":0}],"insertions":0}}},"type":"diff-summary"}
{"so":245810,"data":{"data":{"transcript":"All right. I didn't modify that.","startTime":245.81}},"type":"speech"}
{"so":250064,"data":{"data":{"id":2819594,"memoryUsage":105775104,"owner":{"name":"Code.exe"},"title":"standalone.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":251770,"data":{"data":{"transcript":"Okay, Um","startTime":251.77}},"type":"speech"}
{"so":258240,"data":{"data":{"transcript":"Cool. So us, um","startTime":258.24}},"type":"speech"}
{"so":260067,"data":{"data":{"id":2819594,"memoryUsage":105803776,"owner":{"name":"Code.exe"},"title":"standalone.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":264329.9,"data":{"data":{"transcript":"What even is this? This looks like just line endings.","startTime":264.3299}},"type":"speech"}
{"so":270070,"data":{"data":{"id":2819594,"memoryUsage":105725952,"owner":{"name":"Code.exe"},"title":"standalone.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":271250,"data":{"data":{"transcript":"Killers installed a shit learn yarn and cemented you. I react.","startTime":271.25}},"type":"speech"}
{"so":280070,"data":{"data":{"id":2886970,"memoryUsage":283738112,"owner":{"name":"chrome.exe"},"title":"Get Started - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":286429,"data":{"data":{"summary":{"changed":119,"commit":"1375132298333ef783caca61e71e7e5157eb3ba6","deletions":3,"files":[{"changed":1,"deletions":0,"file":"package.json","insertions":1},{"changed":118,"deletions":3,"file":"yarn.lock","insertions":115}],"insertions":116}}},"type":"diff-summary"}
{"so":286431,"data":{"data":{"diff":"Commit 1375132298333ef783caca61e71e7e5157eb3ba6\n--- package.json\n+++ package.json\n@@ -16,6 +16,7 @@\n \"react\": \"16.11.0\",\n \"react-codemirror2\": \"^7.2.0\",\n \"react-dom\": \"16.11.0\",\n+ \"semantic-ui-react\": \"^1.0.0\",\n \"styled-components\": \"4.4.1\"\n },\n \"scripts\": {\n"}},"type":"diff"}
{"so":286431,"data":{"data":{"diff":"Commit 1375132298333ef783caca61e71e7e5157eb3ba6\n--- yarn.lock\n+++ yarn.lock\n@@ -1097,6 +1097,13 @@\n dependencies:\n regenerator-runtime \"^0.13.4\"\n \n+\"@babel/runtime@^7.1.2\":\n+ version \"7.10.5\"\n+ resolved \"https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.10.5.tgz#303d8bd440ecd5a491eae6117fd3367698674c5c\"\n+ integrity sha512-otddXKhdNn7d0ptoFRHtMLa8LqDxLYwTjB4nYgM1yy5N6gU/MUf8zqyyLltCH3yAVitBzmwK4us+DD0l/MauAg==\n+ dependencies:\n+ regenerator-runtime \"^0.13.4\"\n+\n \"@babel/template@^7.10.1\", \"@babel/template@^7.4.0\", \"@babel/template@^7.8.6\":\n version \"7.10.1\"\n resolved \"https://registry.yarnpkg.com/@babel/template/-/template-7.10.1.tgz#e167154a94cb5f14b28dc58f5356d2162f539811\"\n"}},"type":"diff"}
{"so":286431,"data":{"data":{"diff":"Commit 1375132298333ef783caca61e71e7e5157eb3ba6\n--- yarn.lock\n+++ yarn.lock\n@@ -1365,6 +1372,31 @@\n resolved \"https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-1.1.3.tgz#2b5a3ab3f918cca48a8c754c08168e3f03eba61b\"\n integrity sha512-shAmDyaQC4H92APFoIaVDHCx5bStIocgvbwQyxPRrbUY20V1EYTbSDchWbuwlMG3V17cprZhA6+78JfB+3DTPw==\n \n+\"@semantic-ui-react/event-stack@^3.1.0\":\n+ version \"3.1.1\"\n+ resolved \"https://registry.yarnpkg.com/@semantic-ui-react/event-stack/-/event-stack-3.1.1.tgz#3263d17511db81a743167fe45281a24b3eb6b3c8\"\n+ integrity sha512-SA7VOu/tY3OkooR++mm9voeQrJpYXjJaMHO1aFCcSouS2xhqMR9Gnz0LEGLOR0h9ueWPBKaQzKIrx3FTTJZmUQ==\n+ dependencies:\n+ exenv \"^1.2.2\"\n+ prop-types \"^15.6.2\"\n+\n+\"@stardust-ui/react-component-event-listener@~0.38.0\":\n+ version \"0.38.0\"\n+ resolved \"https://registry.yarnpkg.com/@stardust-ui/react-component-event-listener/-/react-component-event-listener-0.38.0.tgz#1787faded94b40ad41226e6289baf13e701c6e7f\"\n+ integrity sha512-sIP/e0dyOrrlb8K7KWumfMxj/gAifswTBC4o68Aa+C/GA73ccRp/6W1VlHvF/dlOR4KLsA+5SKnhjH36xzPsWg==\n+ dependencies:\n+ \"@babel/runtime\" \"^7.1.2\"\n+ prop-types \"^15.7.2\"\n+\n+\"@stardust-ui/react-component-ref@~0.38.0\":\n+ version \"0.38.0\"\n+ resolved \"https://registry.yarnpkg.com/@stardust-ui/react-component-ref/-/react-component-ref-0.38.0.tgz#52d555f2d5edd213c923c93a106f7de940e427ef\"\n+ integrity sha512-xjs6WnvJVueSIXMWw0C3oWIgAPpcD03qw43oGOjUXqFktvpNkB73JoKIhS4sCrtQxBdct75qqr4ZL6JiyPcESw==\n+ dependencies:\n+ \"@babel/runtime\" \"^7.1.2\"\n+ prop-types \"^15.7.2\"\n+ react-is \"^16.6.3\"\n+\n \"@svgr/babel-plugin-add-jsx-attribute@^4.2.0\":\n version \"4.2.0\"\n resolved \"https://registry.yarnpkg.com/@svgr/babel-plugin-add-jsx-attribute/-/babel-plugin-add-jsx-attribute-4.2.0.tgz#dadcb6218503532d6884b210e7f3c502caaa44b1\"\n"}},"type":"diff"}
{"so":286431,"data":{"data":{"diff":"Commit 1375132298333ef783caca61e71e7e5157eb3ba6\n--- yarn.lock\n+++ yarn.lock\n@@ -2886,6 +2918,11 @@ class-utils@^0.3.5:\n isobject \"^3.0.0\"\n static-extend \"^0.1.1\"\n \n+classnames@^2.2.6:\n+ version \"2.2.6\"\n+ resolved \"https://registry.yarnpkg.com/classnames/-/classnames-2.2.6.tgz#43935bffdd291f326dad0a205309b38d00f650ce\"\n+ integrity sha512-JR/iSQOSt+LQIWwrwEzJ9uk0xfN3mTVYMwt1Ir5mUcSN6pU+V4zQFFaJsclJbPuAUQH+yfWef6tm7l1quW3C8Q==\n+\n clean-css@^4.2.3:\n version \"4.2.3\"\n resolved \"https://registry.yarnpkg.com/clean-css/-/clean-css-4.2.3.tgz#507b5de7d97b48ee53d84adb0160ff6216380f78\"\n"}},"type":"diff"}
{"so":286431,"data":{"data":{"diff":"Commit 1375132298333ef783caca61e71e7e5157eb3ba6\n--- yarn.lock\n+++ yarn.lock\n@@ -3250,6 +3287,14 @@ create-hmac@^1.1.0, create-hmac@^1.1.4, create-hmac@^1.1.7:\n safe-buffer \"^5.0.1\"\n sha.js \"^2.4.8\"\n \n+create-react-context@^0.3.0:\n+ version \"0.3.0\"\n+ resolved \"https://registry.yarnpkg.com/create-react-context/-/create-react-context-0.3.0.tgz#546dede9dc422def0d3fc2fe03afe0bc0f4f7d8c\"\n+ integrity sha512-dNldIoSuNSvlTJ7slIKC/ZFGKexBMBrrcc+TTe1NdmROnaASuLPvqpwj9v4XS4uXZ8+YPu0sNmShX2rXI5LNsw==\n+ dependencies:\n+ gud \"^1.0.0\"\n+ warning \"^4.0.3\"\n+\n [email protected]:\n version \"7.0.1\"\n resolved \"https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.1.tgz#0ab56286e0f7c24e153d04cc2aa027e43a9a5d14\"\n"}},"type":"diff"}
{"so":286432,"data":{"data":{"diff":"Commit 1375132298333ef783caca61e71e7e5157eb3ba6\n--- yarn.lock\n+++ yarn.lock\n@@ -3582,7 +3627,7 @@ decode-uri-component@^0.2.0:\n resolved \"https://registry.yarnpkg.com/decode-uri-component/-/decode-uri-component-0.2.0.tgz#eb3913333458775cb84cd1a1fae062106bb87545\"\n integrity sha1-6zkTMzRYd1y4TNGh+uBiEGu4dUU=\n \n-deep-equal@^1.0.1:\n+deep-equal@^1.0.1, deep-equal@^1.1.1:\n version \"1.1.1\"\n resolved \"https://registry.yarnpkg.com/deep-equal/-/deep-equal-1.1.1.tgz#b5c98c942ceffaf7cb051e24e1434a25a2e6076a\"\n integrity sha512-yd9c5AdiqVcR+JjcwUQb9DkhJc8ngNr0MahEBGvDiJw8puWab2yZlh+nkasOnZP+EGTAP6rRp2JzJhJZzvNF8g==\n"}},"type":"diff"}
{"so":286432,"data":{"data":{"diff":"Commit 1375132298333ef783caca61e71e7e5157eb3ba6\n--- yarn.lock\n+++ yarn.lock\n@@ -4295,6 +4340,11 @@ execa@^1.0.0:\n signal-exit \"^3.0.0\"\n strip-eof \"^1.0.0\"\n \n+exenv@^1.2.2:\n+ version \"1.2.2\"\n+ resolved \"https://registry.yarnpkg.com/exenv/-/exenv-1.2.2.tgz#2ae78e85d9894158670b03d47bec1f03bd91bb9d\"\n+ integrity sha1-KueOhdmJQVhnCwPUe+wfA72Ru50=\n+\n exit@^0.1.2:\n version \"0.1.2\"\n resolved \"https://registry.yarnpkg.com/exit/-/exit-0.1.2.tgz#0632638f8d877cc82107d30a0fff1a17cba1cd0c\"\n"}},"type":"diff"}
{"so":286432,"data":{"data":{"diff":"Commit 1375132298333ef783caca61e71e7e5157eb3ba6\n--- yarn.lock\n+++ yarn.lock\n@@ -4907,6 +4957,11 @@ growly@^1.3.0:\n resolved \"https://registry.yarnpkg.com/growly/-/growly-1.3.0.tgz#f10748cbe76af964b7c96c93c6bcc28af120c081\"\n integrity sha1-8QdIy+dq+WS3yWyTxrzCivEgwIE=\n \n+gud@^1.0.0:\n+ version \"1.0.0\"\n+ resolved \"https://registry.yarnpkg.com/gud/-/gud-1.0.0.tgz#a489581b17e6a70beca9abe3ae57de7a499852c0\"\n+ integrity sha512-zGEOVKFM5sVPPrYs7J5/hYEw2Pof8KCyOwyhG8sAF26mCAeUFAcYPu1mwB7hhpIP29zOIBaDqwuHdLp0jvZXjw==\n+\n [email protected]:\n version \"5.1.1\"\n resolved \"https://registry.yarnpkg.com/gzip-size/-/gzip-size-5.1.1.tgz#cb9bee692f87c0612b232840a873904e4c135274\"\n"}},"type":"diff"}
{"so":286432,"data":{"data":{"diff":"Commit 1375132298333ef783caca61e71e7e5157eb3ba6\n--- yarn.lock\n+++ yarn.lock\n@@ -6352,6 +6407,11 @@ jsx-ast-utils@^2.2.1, jsx-ast-utils@^2.2.3:\n array-includes \"^3.1.1\"\n object.assign \"^4.1.0\"\n \n+keyboard-key@^1.0.4:\n+ version \"1.1.0\"\n+ resolved \"https://registry.yarnpkg.com/keyboard-key/-/keyboard-key-1.1.0.tgz#6f2e8e37fa11475bb1f1d65d5174f1b35653f5b7\"\n+ integrity sha512-qkBzPTi3rlAKvX7k0/ub44sqOfXeLc/jcnGGmj5c7BJpU8eDrEVPyhCvNYAaoubbsLm9uGWwQJO1ytQK1a9/dQ==\n+\n killable@^1.0.1:\n version \"1.0.1\"\n resolved \"https://registry.yarnpkg.com/killable/-/killable-1.0.1.tgz#4c8ce441187a061c7474fb87ca08e2a638194892\"\n"}},"type":"diff"}
{"so":286432,"data":{"data":{"diff":"Commit 1375132298333ef783caca61e71e7e5157eb3ba6\n--- yarn.lock\n+++ yarn.lock\n@@ -7688,6 +7748,11 @@ [email protected]:\n dependencies:\n ts-pnp \"^1.1.6\"\n \n+popper.js@^1.14.4:\n+ version \"1.16.1\"\n+ resolved \"https://registry.yarnpkg.com/popper.js/-/popper.js-1.16.1.tgz#2a223cb3dc7b6213d740e40372be40de43e65b1b\"\n+ integrity sha512-Wb4p1J4zyFTbM+u6WuO4XstYx4Ky9Cewe4DWrel7B0w6VVICvPwdOpotjzcf6eD8TsckVnIMNONQyPIUFOUbCQ==\n+\n portfinder@^1.0.25:\n version \"1.0.26\"\n resolved \"https://registry.yarnpkg.com/portfinder/-/portfinder-1.0.26.tgz#475658d56ca30bed72ac7f1378ed350bd1b64e70\"\n"}},"type":"diff"}
{"so":286432,"data":{"data":{"diff":"Commit 1375132298333ef783caca61e71e7e5157eb3ba6\n--- yarn.lock\n+++ yarn.lock\n@@ -8441,7 +8506,7 @@ prompts@^2.0.1:\n kleur \"^3.0.3\"\n sisteransi \"^1.0.4\"\n \n-prop-types@^15.5.4, prop-types@^15.6.2, prop-types@^15.7.2:\n+prop-types@^15.5.4, prop-types@^15.6.1, prop-types@^15.6.2, prop-types@^15.7.2:\n version \"15.7.2\"\n resolved \"https://registry.yarnpkg.com/prop-types/-/prop-types-15.7.2.tgz#52c41e75b8c87e72b9d9360e0206b99dcbffa6c5\"\n integrity sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==\n"}},"type":"diff"}
{"so":286432,"data":{"data":{"diff":"Commit 1375132298333ef783caca61e71e7e5157eb3ba6\n--- yarn.lock\n+++ yarn.lock\n@@ -8657,11 +8722,24 @@ react-error-overlay@^6.0.7:\n resolved \"https://registry.yarnpkg.com/react-error-overlay/-/react-error-overlay-6.0.7.tgz#1dcfb459ab671d53f660a991513cb2f0a0553108\"\n integrity sha512-TAv1KJFh3RhqxNvhzxj6LeT5NWklP6rDr2a0jaTfsZ5wSZWHOGeqQyejUp3xxLfPt2UpyJEcVQB/zyPcmonNFA==\n \n-react-is@^16.6.0, react-is@^16.8.1, react-is@^16.8.4:\n+react-is@^16.6.0, react-is@^16.6.3, react-is@^16.8.1, react-is@^16.8.4, react-is@^16.8.6:\n version \"16.13.1\"\n resolved \"https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4\"\n integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==\n \n+react-popper@^1.3.4:\n+ version \"1.3.7\"\n+ resolved \"https://registry.yarnpkg.com/react-popper/-/react-popper-1.3.7.tgz#f6a3471362ef1f0d10a4963673789de1baca2324\"\n+ integrity sha512-nmqYTx7QVjCm3WUZLeuOomna138R1luC4EqkW3hxJUrAe+3eNz3oFCLYdnPwILfn0mX1Ew2c3wctrjlUMYYUww==\n+ dependencies:\n+ \"@babel/runtime\" \"^7.1.2\"\n+ create-react-context \"^0.3.0\"\n+ deep-equal \"^1.1.1\"\n+ popper.js \"^1.14.4\"\n+ prop-types \"^15.6.1\"\n+ typed-styles \"^0.0.7\"\n+ warning \"^4.0.2\"\n+\n [email protected]:\n version \"3.4.1\"\n resolved \"https://registry.yarnpkg.com/react-scripts/-/react-scripts-3.4.1.tgz#f551298b5c71985cc491b9acf3c8e8c0ae3ada0a\"\n"}},"type":"diff"}
{"so":286432,"data":{"data":{"diff":"Commit 1375132298333ef783caca61e71e7e5157eb3ba6\n--- yarn.lock\n+++ yarn.lock\n@@ -9242,6 +9320,23 @@ selfsigned@^1.10.7:\n dependencies:\n node-forge \"0.9.0\"\n \n+semantic-ui-react@^1.0.0:\n+ version \"1.0.0\"\n+ resolved \"https://registry.yarnpkg.com/semantic-ui-react/-/semantic-ui-react-1.0.0.tgz#5d9f6fc29a63a6f16413e9bea93fe4031332cc03\"\n+ integrity sha512-85mYHYuDBNa6la1BgKwuOSD1vcIPsFQEXRxGsZ9pUtE4iHlEcylF+x46NYHIGbBjlys63SpNH3PtK6VyZj9LBw==\n+ dependencies:\n+ \"@babel/runtime\" \"^7.1.2\"\n+ \"@semantic-ui-react/event-stack\" \"^3.1.0\"\n+ \"@stardust-ui/react-component-event-listener\" \"~0.38.0\"\n+ \"@stardust-ui/react-component-ref\" \"~0.38.0\"\n+ classnames \"^2.2.6\"\n+ keyboard-key \"^1.0.4\"\n+ lodash \"^4.17.15\"\n+ prop-types \"^15.7.2\"\n+ react-is \"^16.8.6\"\n+ react-popper \"^1.3.4\"\n+ shallowequal \"^1.1.0\"\n+\n \"semver@2 || 3 || 4 || 5\", semver@^5.4.1, semver@^5.5.0, semver@^5.5.1, semver@^5.6.0:\n version \"5.7.1\"\n resolved \"https://registry.yarnpkg.com/semver/-/semver-5.7.1.tgz#a954f931aeba508d307bbf069eff0c01c96116f7\"\n"}},"type":"diff"}
{"so":286432,"data":{"data":{"diff":"Commit 1375132298333ef783caca61e71e7e5157eb3ba6\n--- yarn.lock\n+++ yarn.lock\n@@ -9364,6 +9459,11 @@ shallow-clone@^3.0.0:\n dependencies:\n kind-of \"^6.0.2\"\n \n+shallowequal@^1.1.0:\n+ version \"1.1.0\"\n+ resolved \"https://registry.yarnpkg.com/shallowequal/-/shallowequal-1.1.0.tgz#188d521de95b9087404fd4dcb68b13df0ae4e7f8\"\n+ integrity sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==\n+\n shebang-command@^1.2.0:\n version \"1.2.0\"\n resolved \"https://registry.yarnpkg.com/shebang-command/-/shebang-command-1.2.0.tgz#44aac65b695b03398968c39f363fee5deafdf1ea\"\n"}},"type":"diff"}
{"so":286432,"data":{"data":{"diff":"Commit 1375132298333ef783caca61e71e7e5157eb3ba6\n--- yarn.lock\n+++ yarn.lock\n@@ -10223,6 +10323,11 @@ type@^2.0.0:\n resolved \"https://registry.yarnpkg.com/type/-/type-2.0.0.tgz#5f16ff6ef2eb44f260494dae271033b29c09a9c3\"\n integrity sha512-KBt58xCHry4Cejnc2ISQAF7QY+ORngsWfxezO68+12hKV6lQY8P/psIkcbjeHWn7MqcgciWJyCCevFMJdIXpow==\n \n+typed-styles@^0.0.7:\n+ version \"0.0.7\"\n+ resolved \"https://registry.yarnpkg.com/typed-styles/-/typed-styles-0.0.7.tgz#93392a008794c4595119ff62dde6809dbc40a3d9\"\n+ integrity sha512-pzP0PWoZUhsECYjABgCGQlRGL1n7tOHsgwYv3oIiEpJwGhFTuty/YNeduxQYzXXa3Ge5BdT6sHYIQYpl4uJ+5Q==\n+\n typedarray@^0.0.6:\n version \"0.0.6\"\n resolved \"https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777\"\n"}},"type":"diff"}
{"so":286432,"data":{"data":{"diff":"Commit 1375132298333ef783caca61e71e7e5157eb3ba6\n--- yarn.lock\n+++ yarn.lock\n@@ -10467,6 +10572,13 @@ walker@^1.0.7, walker@~1.0.5:\n dependencies:\n makeerror \"1.0.x\"\n \n+warning@^4.0.2, warning@^4.0.3:\n+ version \"4.0.3\"\n+ resolved \"https://registry.yarnpkg.com/warning/-/warning-4.0.3.tgz#16e9e077eb8a86d6af7d64aa1e05fd85b4678ca3\"\n+ integrity sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==\n+ dependencies:\n+ loose-envify \"^1.0.0\"\n+\n watchpack-chokidar2@^2.0.0:\n version \"2.0.0\"\n resolved \"https://registry.yarnpkg.com/watchpack-chokidar2/-/watchpack-chokidar2-2.0.0.tgz#9948a1866cbbd6cb824dea13a7ed691f6c8ddff0\"\n"}},"type":"diff"}
{"so":290100,"data":{"data":{"id":2886970,"memoryUsage":283717632,"owner":{"name":"chrome.exe"},"title":"Get Started - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":300074,"data":{"data":{"id":2886970,"memoryUsage":283922432,"owner":{"name":"chrome.exe"},"title":"Semantic-Org/Semantic-UI-CSS: CSS Only distribution - Google Chrome"}},"type":"window"}
{"so":300910,"data":{"data":{"transcript":"You had a way theme that","startTime":300.91}},"type":"speech"}
{"so":310077,"data":{"data":{"id":2886970,"memoryUsage":287682560,"owner":{"name":"chrome.exe"},"title":"Themes - Google Chrome"}},"type":"window"}
{"so":314740,"data":{"data":{"transcript":"Hey, you want one of these dark ones?","startTime":314.74}},"type":"speech"}
{"so":319500,"data":{"data":{"transcript":"Recognize the CSS.","startTime":319.5}},"type":"speech"}
{"so":320078,"data":{"data":{"id":2886970,"memoryUsage":287268864,"owner":{"name":"chrome.exe"},"title":"Themes - Google Chrome"}},"type":"window"}
{"so":323329.9,"data":{"data":{"transcript":"Oh, it is a semantic now. That's why","startTime":323.3299}},"type":"speech"}
{"so":330079,"data":{"data":{"id":2886970,"memoryUsage":286736384,"owner":{"name":"chrome.exe"},"title":"Themes - Google Chrome"}},"type":"window"}
{"so":332170,"data":{"data":{"transcript":"This semantic chubby material.","startTime":332.17}},"type":"speech"}
{"so":340084,"data":{"data":{"id":2886970,"memoryUsage":287371264,"owner":{"name":"chrome.exe"},"title":"semantic themes - Google Search - Google Chrome"}},"type":"window"}
{"so":350106,"data":{"data":{"id":2886970,"memoryUsage":287862784,"owner":{"name":"chrome.exe"},"title":"semantic dark theme - Google Search - Google Chrome"}},"type":"window"}
{"so":360106,"data":{"data":{"id":2886970,"memoryUsage":287621120,"owner":{"name":"chrome.exe"},"title":"semantic dark theme - Google Search - Google Chrome"}},"type":"window"}
{"so":369420,"data":{"data":{"transcript":"Here. We can team looking female later.","startTime":369.42}},"type":"speech"}
{"so":370091,"data":{"data":{"id":2886970,"memoryUsage":286842880,"owner":{"name":"chrome.exe"},"title":"Customization Guide | Semantic UI - Google Chrome"}},"type":"window"}
{"so":375330,"data":{"data":{"transcript":"Okay, let's get started with this react meteor.","startTime":375.33}},"type":"speech"}
{"so":380098,"data":{"data":{"id":2886970,"memoryUsage":286658560,"owner":{"name":"chrome.exe"},"title":"Integrations | Semantic UI - Google Chrome"}},"type":"window"}
{"so":390099,"data":{"data":{"id":2886970,"memoryUsage":285831168,"owner":{"name":"chrome.exe"},"title":"Get Started - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":393870,"data":{"data":{"transcript":"Young Ned's Miku I assess than indexed Js.","startTime":393.87}},"type":"speech"}
{"so":400116,"data":{"data":{"id":2819594,"memoryUsage":103776256,"owner":{"name":"Code.exe"},"title":"index.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":400150,"data":{"data":{"transcript":"To that.","startTime":400.15}},"type":"speech"}
{"so":406233,"data":{"data":{"summary":{"changed":16,"commit":"6c61c089738f09decb3fa96ef71a5e9b90780526","deletions":0,"files":[{"changed":1,"deletions":0,"file":"package.json","insertions":1},{"changed":3,"deletions":0,"file":"src/index.js","insertions":3},{"changed":12,"deletions":0,"file":"yarn.lock","insertions":12}],"insertions":16}}},"type":"diff-summary"}
{"so":406235,"data":{"data":{"diff":"Commit 6c61c089738f09decb3fa96ef71a5e9b90780526\n--- package.json\n+++ package.json\n@@ -16,6 +16,7 @@\n \"react\": \"16.11.0\",\n \"react-codemirror2\": \"^7.2.0\",\n \"react-dom\": \"16.11.0\",\n+ \"semantic-ui-css\": \"^2.4.1\",\n \"semantic-ui-react\": \"^1.0.0\",\n \"styled-components\": \"4.4.1\"\n },\n"}},"type":"diff"}
{"so":406235,"data":{"data":{"diff":"Commit 6c61c089738f09decb3fa96ef71a5e9b90780526\n--- src/index.js\n+++ src/index.js\n@@ -2,6 +2,9 @@ import React from \"react\";\n import { render } from \"react-dom\";\n import { App } from \"./components/App\";\n \n+// css\n+import 'semantic-ui-css/semantic.min.css'\n+\n // If we want to be able to easily replace a codesandbox template via Define API later...\n // const BABEL_CONFIG = require(\"!raw-loader!../config.json\");\n // const BABEL_CONFIG2 = require(\"!raw-loader!../config2.json\");\n"}},"type":"diff"}
{"so":406235,"data":{"data":{"diff":"Commit 6c61c089738f09decb3fa96ef71a5e9b90780526\n--- yarn.lock\n+++ yarn.lock\n@@ -6229,6 +6229,11 @@ [email protected]:\n import-local \"^2.0.0\"\n jest-cli \"^24.9.0\"\n \n+jquery@x.*:\n+ version \"3.5.1\"\n+ resolved \"https://registry.yarnpkg.com/jquery/-/jquery-3.5.1.tgz#d7b4d08e1bfdb86ad2f1a3d039ea17304717abb5\"\n+ integrity sha512-XwIBPqcMn57FxfT+Go5pzySnm4KWkT1Tv7gjrpT1srtf8Weynl6R273VJ5GjkRb51IzMp5nbaPjJXMWeju2MKg==\n+\n \"js-tokens@^3.0.0 || ^4.0.0\", js-tokens@^4.0.0:\n version \"4.0.0\"\n resolved \"https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499\"\n"}},"type":"diff"}
{"so":406235,"data":{"data":{"diff":"Commit 6c61c089738f09decb3fa96ef71a5e9b90780526\n--- yarn.lock\n+++ yarn.lock\n@@ -9320,6 +9325,13 @@ selfsigned@^1.10.7:\n dependencies:\n node-forge \"0.9.0\"\n \n+semantic-ui-css@^2.4.1:\n+ version \"2.4.1\"\n+ resolved \"https://registry.yarnpkg.com/semantic-ui-css/-/semantic-ui-css-2.4.1.tgz#f5aea39fafb787cbd905ec724272a3f9cba9004a\"\n+ integrity sha512-Pkp0p9oWOxlH0kODx7qFpIRYpK1T4WJOO4lNnpNPOoWKCrYsfHqYSKgk5fHfQtnWnsAKy7nLJMW02bgDWWFZFg==\n+ dependencies:\n+ jquery x.*\n+\n semantic-ui-react@^1.0.0:\n version \"1.0.0\"\n resolved \"https://registry.yarnpkg.com/semantic-ui-react/-/semantic-ui-react-1.0.0.tgz#5d9f6fc29a63a6f16413e9bea93fe4031332cc03\"\n"}},"type":"diff"}
{"so":408700,"data":{"data":{"transcript":"That young start see what happens.","startTime":408.7}},"type":"speech"}
{"so":410097,"data":{"data":{"id":2819594,"memoryUsage":103821312,"owner":{"name":"Code.exe"},"title":"index.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":420100,"data":{"data":{"id":2819594,"memoryUsage":103849984,"owner":{"name":"Code.exe"},"title":"index.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":430101,"data":{"data":{"id":2886970,"memoryUsage":286212096,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":430420,"data":{"data":{"transcript":"Okay. Okay, so semantic isn't here.","startTime":430.42}},"type":"speech"}
{"so":434030,"data":{"data":{"transcript":"Looks like they're not the most beautiful thing, but we're here.","startTime":434.03}},"type":"speech"}
{"so":439260,"data":{"data":{"transcript":"That's cool. That's trying to drop something in from semantic.","startTime":439.26}},"type":"speech"}
{"so":440103,"data":{"data":{"id":2886970,"memoryUsage":288313344,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":446340,"data":{"data":{"transcript":"To react up.","startTime":446.34}},"type":"speech"}
{"so":450106,"data":{"data":{"id":2886970,"memoryUsage":290848768,"owner":{"name":"chrome.exe"},"title":"New Tab - Google Chrome"}},"type":"window"}
{"so":452340,"data":{"data":{"transcript":"Okay. We want a","startTime":452.34}},"type":"speech"}
{"so":456790,"data":{"data":{"transcript":"Layout example.","startTime":456.79}},"type":"speech"}
{"so":460107,"data":{"data":{"id":2886970,"memoryUsage":289296384,"owner":{"name":"chrome.exe"},"title":"Layout examples - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":470108,"data":{"data":{"id":2886970,"memoryUsage":289226752,"owner":{"name":"chrome.exe"},"title":"Layout examples - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":475400,"data":{"data":{"transcript":"Long career cred.","startTime":475.4}},"type":"speech"}
{"so":478880,"data":{"data":{"transcript":"You on a cell grid? Yeah.","startTime":478.88}},"type":"speech"}
{"so":480110,"data":{"data":{"id":2886970,"memoryUsage":289849344,"owner":{"name":"chrome.exe"},"title":"Layout examples - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":488120,"data":{"data":{"transcript":"This works.","startTime":488.12}},"type":"speech"}
{"so":490112,"data":{"data":{"id":2819594,"memoryUsage":105156608,"owner":{"name":"Code.exe"},"title":"index.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":492330,"data":{"data":{"transcript":"Components app.","startTime":492.33}},"type":"speech"}
{"so":500114,"data":{"data":{"id":2819594,"memoryUsage":104005632,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":505090,"data":{"data":{"transcript":"See what happens.","startTime":505.09}},"type":"speech"}
{"so":506097,"data":{"data":{"summary":{"changed":1,"commit":"d06992995738622b63d9641288a5cd982634af57","deletions":0,"files":[{"changed":1,"deletions":0,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":506098,"data":{"data":{"diff":"Commit d06992995738622b63d9641288a5cd982634af57\n--- src/components/App.js\n+++ src/components/App.js\n@@ -41,6 +41,7 @@ function CompiledOutput({\n \n return (\n <Wrapper>\n+ <div class=\"ui celled grid\"><div class=\"row\"><div class=\"four wide column\"></div><div class=\"four wide column\"></div><div class=\"four wide column\"></div><div class=\"four wide column\"></div></div><div class=\"row\"><div class=\"four wide column\"></div><div class=\"four wide column\"></div><div class=\"four wide column\"></div><div class=\"four wide column\"></div></div></div>\n <Section>\n <Config\n value={\n"}},"type":"diff"}
{"so":506660,"data":{"data":{"transcript":"Okay, Okay, okay.","startTime":506.66}},"type":"speech"}
{"so":510136,"data":{"data":{"id":2819594,"memoryUsage":104067072,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":510270,"data":{"data":{"transcript":"Okay, Something happened. I don't think this should be like this.","startTime":510.27}},"type":"speech"}
{"so":520116,"data":{"data":{"id":2819594,"memoryUsage":103571456,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":521960.00000000006,"data":{"data":{"transcript":"I don't know. I just does it.","startTime":521.96}},"type":"speech"}
{"so":526610,"data":{"data":{"transcript":"Okay, has pushed the grid is just like in the middle of the wrapper. I see.","startTime":526.61}},"type":"speech"}
{"so":530145,"data":{"data":{"id":2819594,"memoryUsage":103571456,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":533860,"data":{"data":{"transcript":"Classical zero.","startTime":533.86}},"type":"speech"}
{"so":540148,"data":{"data":{"id":2819594,"memoryUsage":103575552,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":550147,"data":{"data":{"id":2819594,"memoryUsage":103649280,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":556082,"data":{"data":{"summary":{"changed":15,"commit":"ee5567c36032f3fc27e052f48c9c996172050736","deletions":1,"files":[{"changed":15,"deletions":1,"file":"src/components/App.js","insertions":14}],"insertions":14}}},"type":"diff-summary"}
{"so":556084,"data":{"data":{"diff":"Commit ee5567c36032f3fc27e052f48c9c996172050736\n--- src/components/App.js\n+++ src/components/App.js\n@@ -41,7 +41,20 @@ function CompiledOutput({\n \n return (\n <Wrapper>\n- <div class=\"ui celled grid\"><div class=\"row\"><div class=\"four wide column\"></div><div class=\"four wide column\"></div><div class=\"four wide column\"></div><div class=\"four wide column\"></div></div><div class=\"row\"><div class=\"four wide column\"></div><div class=\"four wide column\"></div><div class=\"four wide column\"></div><div class=\"four wide column\"></div></div></div>\n+ <div class=\"ui celled grid\">\n+ <div class=\"row\">\n+ <div class=\"four wide column\"></div>\n+ <div class=\"four wide column\"></div>\n+ <div class=\"four wide column\"></div>\n+ <div class=\"four wide column\"></div>\n+ </div>\n+ <div class=\"row\">\n+ <div class=\"four wide column\"></div>\n+ <div class=\"four wide column\"></div>\n+ <div class=\"four wide column\"></div>\n+ <div class=\"four wide column\"></div>\n+ </div>\n+ </div>\n <Section>\n <Config\n value={\n"}},"type":"diff"}
{"so":560130,"data":{"data":{"id":2886970,"memoryUsage":289861632,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":568870,"data":{"data":{"transcript":"Okay. Kind of a rapper is","startTime":568.87}},"type":"speech"}
{"so":570131,"data":{"data":{"id":2819594,"memoryUsage":103878656,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":576460.1,"data":{"data":{"transcript":"Just nothing, okay?","startTime":576.4601}},"type":"speech"}
{"so":580137,"data":{"data":{"id":2819594,"memoryUsage":103763968,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":582270.1,"data":{"data":{"transcript":"In case if I, um","startTime":582.2701}},"type":"speech"}
{"so":585260,"data":{"data":{"transcript":"Grow.","startTime":585.26}},"type":"speech"}
{"so":590129,"data":{"data":{"id":2886970,"memoryUsage":289718272,"owner":{"name":"chrome.exe"},"title":"Layout examples - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":592490,"data":{"data":{"transcript":"You're you're okay?","startTime":592.49}},"type":"speech"}
{"so":600131,"data":{"data":{"id":2819594,"memoryUsage":104239104,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":602710.1,"data":{"data":{"transcript":"Growth and three white","startTime":602.7101}},"type":"speech"}
{"so":605140,"data":{"data":{"transcript":"The rifle.","startTime":605.14}},"type":"speech"}
{"so":606104,"data":{"data":{"summary":{"changed":5,"commit":"66a3bbf43ea1b04ba98575e7a638fe95e723f887","deletions":4,"files":[{"changed":5,"deletions":4,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":606107,"data":{"data":{"diff":"Commit 66a3bbf43ea1b04ba98575e7a638fe95e723f887\n--- src/components/App.js\n+++ src/components/App.js\n@@ -43,10 +43,7 @@ function CompiledOutput({\n <Wrapper>\n <div class=\"ui celled grid\">\n <div class=\"row\">\n- <div class=\"four wide column\"></div>\n- <div class=\"four wide column\"></div>\n- <div class=\"four wide column\"></div>\n- <div class=\"four wide column\"></div>\n+ <div class=\"one wide column\"></div>\n </div>\n <div class=\"row\">\n <div class=\"four wide column\"></div>\n"}},"type":"diff"}
{"so":610134,"data":{"data":{"id":2886970,"memoryUsage":291872768,"owner":{"name":"chrome.exe"},"title":"Layout examples - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":620135,"data":{"data":{"id":2886970,"memoryUsage":294473728,"owner":{"name":"chrome.exe"},"title":"babel/sandboxes - CodeSandbox - Google Chrome"}},"type":"window"}
{"so":625890,"data":{"data":{"transcript":"Just two","startTime":625.89}},"type":"speech"}
{"so":630161,"data":{"data":{"id":2819594,"memoryUsage":104296448,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":636002,"data":{"data":{"summary":{"changed":5,"commit":"f0641c09b6687f3d8d73d3f91c1d55246e200668","deletions":4,"files":[{"changed":5,"deletions":4,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":636005,"data":{"data":{"diff":"Commit f0641c09b6687f3d8d73d3f91c1d55246e200668\n--- src/components/App.js\n+++ src/components/App.js\n@@ -46,10 +46,7 @@ function CompiledOutput({\n <div class=\"one wide column\"></div>\n </div>\n <div class=\"row\">\n- <div class=\"four wide column\"></div>\n- <div class=\"four wide column\"></div>\n- <div class=\"four wide column\"></div>\n- <div class=\"four wide column\"></div>\n+ <div class=\"one wide column\"></div>\n </div>\n </div>\n <Section>\n"}},"type":"diff"}
{"so":638090.1,"data":{"data":{"transcript":"Just imagine that's right.","startTime":638.0901}},"type":"speech"}
{"so":640140,"data":{"data":{"id":2886970,"memoryUsage":294899712,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":640873,"data":{"data":{"summary":{"changed":6,"commit":"d362d54ef2efb0b843691ea3e079f9941ec7c6fb","deletions":0,"files":[{"changed":6,"deletions":0,"file":"src/components/App.js","insertions":6}],"insertions":6}}},"type":"diff-summary"}
{"so":640874,"data":{"data":{"diff":"Commit d362d54ef2efb0b843691ea3e079f9941ec7c6fb\n--- src/components/App.js\n+++ src/components/App.js\n@@ -48,6 +48,12 @@ function CompiledOutput({\n <div class=\"row\">\n <div class=\"one wide column\"></div>\n </div>\n+ <div class=\"row\">\n+ <div class=\"two wide column\"></div>\n+ </div>\n+ <div class=\"row\">\n+ <div class=\"two wide column\"></div>\n+ </div>\n </div>\n <Section>\n <Config\n"}},"type":"diff"}
{"so":642120,"data":{"data":{"transcript":"Okay?","startTime":642.12}},"type":"speech"}
{"so":650169,"data":{"data":{"id":2819594,"memoryUsage":104214528,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":651263,"data":{"data":{"summary":{"changed":28,"commit":"0c6d3fcd6d4fb58f036c56433aae4e65ab3a4ceb","deletions":13,"files":[{"changed":28,"deletions":13,"file":"src/components/App.js","insertions":15}],"insertions":15}}},"type":"diff-summary"}
{"so":651267,"data":{"data":{"diff":"Commit 0c6d3fcd6d4fb58f036c56433aae4e65ab3a4ceb\n--- src/components/App.js\n+++ src/components/App.js\n@@ -43,7 +43,21 @@ function CompiledOutput({\n <Wrapper>\n <div class=\"ui celled grid\">\n <div class=\"row\">\n- <div class=\"one wide column\"></div>\n+ <div class=\"one wide column\">\n+\n+ <Section>\n+ <Config\n+ value={\n+ config === Object(config)\n+ ? JSON.stringify(config, null, \"\\t\")\n+ : config\n+ }\n+ onChange={onConfigChange}\n+ docName=\"config.json\"\n+ config={{ mode: \"application/json\" }}\n+ />\n+ </Section>\n+ </div>\n </div>\n <div class=\"row\">\n <div class=\"one wide column\"></div>\n"}},"type":"diff"}
{"so":651267,"data":{"data":{"diff":"Commit 0c6d3fcd6d4fb58f036c56433aae4e65ab3a4ceb\n--- src/components/App.js\n+++ src/components/App.js\n@@ -56,18 +70,6 @@ function CompiledOutput({\n </div>\n </div>\n <Section>\n- <Config\n- value={\n- config === Object(config)\n- ? JSON.stringify(config, null, \"\\t\")\n- : config\n- }\n- onChange={onConfigChange}\n- docName=\"config.json\"\n- config={{ mode: \"application/json\" }}\n- />\n- </Section>\n- <Section>\n <Code\n value={compiled?.code ?? \"\"}\n docName=\"result.js\"\n"}},"type":"diff"}
{"so":660145,"data":{"data":{"id":2819594,"memoryUsage":104243200,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":661118,"data":{"data":{"summary":{"changed":20,"commit":"2d48c9668c0f1e224c664a355190a1adbe02f3e9","deletions":9,"files":[{"changed":20,"deletions":9,"file":"src/components/App.js","insertions":11}],"insertions":11}}},"type":"diff-summary"}
{"so":661120,"data":{"data":{"diff":"Commit 2d48c9668c0f1e224c664a355190a1adbe02f3e9\n--- src/components/App.js\n+++ src/components/App.js\n@@ -60,7 +60,17 @@ function CompiledOutput({\n </div>\n </div>\n <div class=\"row\">\n- <div class=\"one wide column\"></div>\n+ <div class=\"one wide column\">\n+\n+ <Section>\n+ <Code\n+ value={compiled?.code ?? \"\"}\n+ docName=\"result.js\"\n+ config={{ readOnly: true, lineWrapping: true }}\n+ isError={compiled?.error ?? false}\n+ />\n+ </Section>\n+ </div>\n </div>\n <div class=\"row\">\n <div class=\"two wide column\"></div>\n"}},"type":"diff"}
{"so":661120,"data":{"data":{"diff":"Commit 2d48c9668c0f1e224c664a355190a1adbe02f3e9\n--- src/components/App.js\n+++ src/components/App.js\n@@ -69,14 +79,6 @@ function CompiledOutput({\n <div class=\"two wide column\"></div>\n </div>\n </div>\n- <Section>\n- <Code\n- value={compiled?.code ?? \"\"}\n- docName=\"result.js\"\n- config={{ readOnly: true, lineWrapping: true }}\n- isError={compiled?.error ?? false}\n- />\n- </Section>\n <FileSize>\n {compiled?.size}b, {gzip}b\n </FileSize>\n"}},"type":"diff"}
{"so":665760,"data":{"data":{"transcript":"That is our cool. Where did these come from?","startTime":665.76}},"type":"speech"}
{"so":670148,"data":{"data":{"id":2886970,"memoryUsage":296050688,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":673620,"data":{"data":{"transcript":"I'm gonna find out what those are.","startTime":673.62}},"type":"speech"}
{"so":679520,"data":{"data":{"transcript":"Repeating somewhere.","startTime":679.52}},"type":"speech"}
{"so":680150,"data":{"data":{"id":2819594,"memoryUsage":104218624,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":690153,"data":{"data":{"id":2886970,"memoryUsage":295215104,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":691238,"data":{"data":{"summary":{"changed":1,"commit":"2f010c23e3e8ccb0a6bcde311b79fe0d548f6b4b","deletions":1,"files":[{"changed":1,"deletions":1,"file":"src/components/App.js","insertions":0}],"insertions":0}}},"type":"diff-summary"}
{"so":691240,"data":{"data":{"diff":"Commit 2f010c23e3e8ccb0a6bcde311b79fe0d548f6b4b\n--- src/components/App.js\n+++ src/components/App.js\n@@ -61,7 +61,6 @@ function CompiledOutput({\n </div>\n <div class=\"row\">\n <div class=\"one wide column\">\n-\n <Section>\n <Code\n value={compiled?.code ?? \"\"}\n"}},"type":"diff"}
{"so":700154,"data":{"data":{"id":2819594,"memoryUsage":104050688,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":710155,"data":{"data":{"id":2819594,"memoryUsage":104054784,"owner":{"name":"Code.exe"},"title":"Editor.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":720170,"data":{"data":{"id":2819594,"memoryUsage":104890368,"owner":{"name":"Code.exe"},"title":"Editor.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":721118,"data":{"data":{"summary":{"changed":3,"commit":"44d8a305ccba485ccc9324d4f28c65c6b978c753","deletions":3,"files":[{"changed":3,"deletions":3,"file":"src/components/Editor.js","insertions":0}],"insertions":0}}},"type":"diff-summary"}
{"so":721120,"data":{"data":{"diff":"Commit 44d8a305ccba485ccc9324d4f28c65c6b978c753\n--- src/components/Editor.js\n+++ src/components/Editor.js\n@@ -4,9 +4,6 @@ import styled from \"styled-components\";\n import { Controlled as CodeMirror } from 'react-codemirror2';\n \n const StyledEditor = styled(CodeMirror)`\n- position: relative;\n- height: 100%;\n-\n .CodeMirror {\n background-color: rgba(0, 0, 0, 0.3);\n border-radius: 4px;\n"}},"type":"diff"}
{"so":724710,"data":{"data":{"transcript":"There's gonna be some kind of four.","startTime":724.71}},"type":"speech"}
{"so":729620,"data":{"data":{"transcript":"What am I going?","startTime":729.62}},"type":"speech"}
{"so":730176,"data":{"data":{"id":2886970,"memoryUsage":294268928,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":731410,"data":{"data":{"transcript":"Interesting.","startTime":731.41}},"type":"speech"}
{"so":734540,"data":{"data":{"transcript":"Oh, that's the loop. Okay, I see.","startTime":734.54}},"type":"speech"}
{"so":740161,"data":{"data":{"id":2819594,"memoryUsage":104476672,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":750163,"data":{"data":{"id":2819594,"memoryUsage":104480768,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":756550,"data":{"data":{"summary":{"changed":2,"commit":"8f2cdbf080d649cbbdb8280a1bceddde102c7170","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":756554,"data":{"data":{"diff":"Commit 8f2cdbf080d649cbbdb8280a1bceddde102c7170\n--- src/components/App.js\n+++ src/components/App.js\n@@ -60,7 +60,7 @@ function CompiledOutput({\n </div>\n </div>\n <div class=\"row\">\n- <div class=\"one wide column\">\n+ <div class=\"one wide column loop\">\n <Section>\n <Code\n value={compiled?.code ?? \"\"}\n"}},"type":"diff"}
{"so":760164,"data":{"data":{"id":2819594,"memoryUsage":104407040,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":770186,"data":{"data":{"id":2886970,"memoryUsage":296722432,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":780169,"data":{"data":{"id":2886970,"memoryUsage":296722432,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":789460,"data":{"data":{"transcript":"Okay, uh,","startTime":789.46}},"type":"speech"}
{"so":790177,"data":{"data":{"id":2819594,"memoryUsage":104796160,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":793060,"data":{"data":{"transcript":"Relate all this stuff, so basically to know","startTime":793.06}},"type":"speech"}
{"so":797700,"data":{"data":{"transcript":"Config code.","startTime":797.7}},"type":"speech"}
{"so":800175,"data":{"data":{"id":2819594,"memoryUsage":102760448,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":800991,"data":{"data":{"summary":{"changed":57,"commit":"2327d4d29a5977b0cfffd4ab16276be587a21064","deletions":37,"files":[{"changed":57,"deletions":37,"file":"src/components/App.js","insertions":20}],"insertions":20}}},"type":"diff-summary"}
{"so":800992,"data":{"data":{"diff":"Commit 2327d4d29a5977b0cfffd4ab16276be587a21064\n--- src/components/App.js\n+++ src/components/App.js\n@@ -41,43 +41,26 @@ function CompiledOutput({\n \n return (\n <Wrapper>\n- <div class=\"ui celled grid\">\n- <div class=\"row\">\n- <div class=\"one wide column\">\n-\n- <Section>\n- <Config\n- value={\n- config === Object(config)\n- ? JSON.stringify(config, null, \"\\t\")\n- : config\n- }\n- onChange={onConfigChange}\n- docName=\"config.json\"\n- config={{ mode: \"application/json\" }}\n- />\n- </Section>\n- </div>\n- </div>\n- <div class=\"row\">\n- <div class=\"one wide column loop\">\n- <Section>\n- <Code\n- value={compiled?.code ?? \"\"}\n- docName=\"result.js\"\n- config={{ readOnly: true, lineWrapping: true }}\n- isError={compiled?.error ?? false}\n- />\n- </Section>\n- </div>\n- </div>\n- <div class=\"row\">\n- <div class=\"two wide column\"></div>\n- </div>\n- <div class=\"row\">\n- <div class=\"two wide column\"></div>\n- </div>\n- </div>\n+ <Section>\n+ <Config\n+ value={\n+ config === Object(config)\n+ ? JSON.stringify(config, null, \"\\t\")\n+ : config\n+ }\n+ onChange={onConfigChange}\n+ docName=\"config.json\"\n+ config={{ mode: \"application/json\" }}\n+ />\n+ </Section>\n+ <Section>\n+ <Code\n+ value={compiled?.code ?? \"\"}\n+ docName=\"result.js\"\n+ config={{ readOnly: true, lineWrapping: true }}\n+ isError={compiled?.error ?? false}\n+ />\n+ </Section>\n <FileSize>\n {compiled?.size}b, {gzip}b\n </FileSize>\n"}},"type":"diff"}
{"so":802080,"data":{"data":{"transcript":"Down.","startTime":802.08}},"type":"speech"}
{"so":810177,"data":{"data":{"id":2819594,"memoryUsage":103104512,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":819670,"data":{"data":{"transcript":"Okay. That's the outfit that makes sense compiled. Put","startTime":819.67}},"type":"speech"}
{"so":820193,"data":{"data":{"id":2819594,"memoryUsage":103092224,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":824420,"data":{"data":{"transcript":"This is in each okay. Okay, makes sense.","startTime":824.42}},"type":"speech"}
{"so":830179,"data":{"data":{"id":2819594,"memoryUsage":103104512,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":836110,"data":{"data":{"transcript":"My one rapper there.","startTime":836.11}},"type":"speech"}
{"so":838600,"data":{"data":{"transcript":"Code file size.","startTime":838.6}},"type":"speech"}
{"so":840191,"data":{"data":{"id":2819594,"memoryUsage":103104512,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":843630,"data":{"data":{"transcript":"We have a custom plugin okay, and then results.","startTime":843.63}},"type":"speech"}
{"so":850190,"data":{"data":{"id":2819594,"memoryUsage":103104512,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":851540,"data":{"data":{"transcript":"Okay, makes sense.","startTime":851.54}},"type":"speech"}
{"so":855040,"data":{"data":{"transcript":"That route. Let's just go like this us. Oh, you know, we don't want that.","startTime":855.04}},"type":"speech"}
{"so":860197,"data":{"data":{"id":2819594,"memoryUsage":103120896,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":861154,"data":{"data":{"summary":{"changed":132,"commit":"e256299b0ff6186608efc364007a40bee1639446","deletions":64,"files":[{"changed":132,"deletions":64,"file":"src/components/App.js","insertions":68}],"insertions":68}}},"type":"diff-summary"}
{"so":861155,"data":{"data":{"diff":"Commit e256299b0ff6186608efc364007a40bee1639446\n--- src/components/App.js\n+++ src/components/App.js\n@@ -116,66 +116,70 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n \n return (\n <Root>\n- <Section>\n- {/* buttons */}\n-\n- <Actions>\n- <label>\n- <input\n- checked={enableCustomPlugin}\n- onChange={() => toggleCustomPlugin(!enableCustomPlugin)}\n- type=\"checkbox\"\n- />\n- <span>Custom Plugin</span>\n- </label>\n- <button\n- onClick={() =>\n- setBabelConfig((configs) => [\n- ...configs,\n- configs[configs.length - 1],\n- ])\n- }\n- >\n- Add New Config\n+\n+ <div class=\"ui celled grid\">\n+ <div class=\"row\">\n+ <div class=\"one wide column\">\n+ <Section>\n+ {/* buttons */}\n+\n+ <Actions>\n+ <label>\n+ <input\n+ checked={enableCustomPlugin}\n+ onChange={() => toggleCustomPlugin(!enableCustomPlugin)}\n+ type=\"checkbox\"\n+ />\n+ <span>Custom Plugin</span>\n+ </label>\n+ <button\n+ onClick={() =>\n+ setBabelConfig((configs) => [\n+ ...configs,\n+ configs[configs.length - 1],\n+ ])\n+ }\n+ >\n+ Add New Config\n </button>\n- <button\n- onClick={() => {\n- setSource(\"const hello = 'world';\");\n- }}\n- >\n- Use Example (WIP)\n+ <button\n+ onClick={() => {\n+ setSource(\"const hello = 'world';\");\n+ }}\n+ >\n+ Use Example (WIP)\n </button>\n- </Actions>\n-\n- {/* input section */}\n-\n- <Wrapper>\n- <Code\n- value={source}\n- onChange={(val) => setSource(val)}\n- docName=\"source.js\"\n- />\n- <FileSize>\n- {size}b, {gzip}b\n+ </Actions>\n+\n+ {/* input section */}\n+\n+ <Wrapper>\n+ <Code\n+ value={source}\n+ onChange={(val) => setSource(val)}\n+ docName=\"source.js\"\n+ />\n+ <FileSize>\n+ {size}b, {gzip}b\n </FileSize>\n- {/* <AST source={source}></AST> */}\n- </Wrapper>\n-\n- {/* custom plugin section */}\n-\n- {enableCustomPlugin && (\n- <Wrapper>\n- <Code\n- value={customPlugin}\n- onChange={(val) => setCustomPlugin(val)}\n- docName=\"plugin.js\"\n- />\n- <Toggle onClick={() => toggleCustomPlugin(false)} />\n- </Wrapper>\n- )}\n- {/* output code and config section*/}\n- {results}\n- </Section>\n+ {/* <AST source={source}></AST> */}\n+ </Wrapper>\n+\n+ {/* custom plugin section */}\n+\n+ {enableCustomPlugin && (\n+ <Wrapper>\n+ <Code\n+ value={customPlugin}\n+ onChange={(val) => setCustomPlugin(val)}\n+ docName=\"plugin.js\"\n+ />\n+ <Toggle onClick={() => toggleCustomPlugin(false)} />\n+ </Wrapper>\n+ )}\n+ {/* output code and config section*/}\n+ {resultsp}\n+ </Section>\n </Root>\n );\n };\n"}},"type":"diff"}
{"so":861155,"data":{"data":{"diff":"Commit e256299b0ff6186608efc364007a40bee1639446\n--- src/components/App.js\n+++ src/components/App.js\n@@ -191,11 +195,11 @@ function useDebounce(value, delay) {\n \n React.useEffect(() => {\n const handler = setTimeout(() => {\n- setDebouncedValue(value);\n+ setDebouncedValue(value);\n }, delay);\n \n return () => {\n- clearTimeout(handler);\n+ clearTimeout(handler);\n };\n }, [delay, value]);\n \n"}},"type":"diff"}
{"so":861155,"data":{"data":{"diff":"Commit e256299b0ff6186608efc364007a40bee1639446\n--- src/components/App.js\n+++ src/components/App.js\n@@ -229,7 +233,7 @@ const Wrapper = styled.div`\n position: relative;\n \n & + & {\n- margin-top: 1px;\n+ margin - top: 1px;\n }\n `;\n \n"}},"type":"diff"}
{"so":861156,"data":{"data":{"diff":"Commit e256299b0ff6186608efc364007a40bee1639446\n--- src/components/App.js\n+++ src/components/App.js\n@@ -242,8 +246,8 @@ const Code = styled(Editor)`\n width: 100%;\n \n ${(p) =>\n- p.isError &&\n- css`\n+ p.isError &&\n+ css`\n background: rgba(234, 76, 137, 0.2);\n `};\n `;\n"}},"type":"diff"}
{"so":861156,"data":{"data":{"diff":"Commit e256299b0ff6186608efc364007a40bee1639446\n--- src/components/App.js\n+++ src/components/App.js\n@@ -276,7 +280,7 @@ const ToggleRoot = styled.div`\n z-index: 2;\n \n &:hover {\n- color: red;\n+ color: red;\n }\n `;\n \n"}},"type":"diff"}
{"so":861156,"data":{"data":{"diff":"Commit e256299b0ff6186608efc364007a40bee1639446\n--- src/components/App.js\n+++ src/components/App.js\n@@ -285,6 +289,6 @@ const Actions = styled(Wrapper)`\n padding: 1rem;\n \n button {\n- margin-left: 1rem;\n+ margin - left: 1rem;\n }\n `;\n"}},"type":"diff"}
{"so":861720,"data":{"data":{"transcript":"This. Copy this out again.","startTime":861.72}},"type":"speech"}
{"so":865390,"data":{"data":{"transcript":"Um you like red","startTime":865.39}},"type":"speech"}
{"so":866044,"data":{"data":{"summary":{"changed":131,"commit":"e65e58a2a138a22b6c7d15e551690343d4bc6873","deletions":67,"files":[{"changed":131,"deletions":67,"file":"src/components/App.js","insertions":64}],"insertions":64}}},"type":"diff-summary"}
{"so":866047,"data":{"data":{"diff":"Commit e65e58a2a138a22b6c7d15e551690343d4bc6873\n--- src/components/App.js\n+++ src/components/App.js\n@@ -117,69 +117,66 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n return (\n <Root>\n \n- <div class=\"ui celled grid\">\n- <div class=\"row\">\n- <div class=\"one wide column\">\n- <Section>\n- {/* buttons */}\n-\n- <Actions>\n- <label>\n- <input\n- checked={enableCustomPlugin}\n- onChange={() => toggleCustomPlugin(!enableCustomPlugin)}\n- type=\"checkbox\"\n- />\n- <span>Custom Plugin</span>\n- </label>\n- <button\n- onClick={() =>\n- setBabelConfig((configs) => [\n- ...configs,\n- configs[configs.length - 1],\n- ])\n- }\n- >\n- Add New Config\n+ <Section>\n+ {/* buttons */}\n+\n+ <Actions>\n+ <label>\n+ <input\n+ checked={enableCustomPlugin}\n+ onChange={() => toggleCustomPlugin(!enableCustomPlugin)}\n+ type=\"checkbox\"\n+ />\n+ <span>Custom Plugin</span>\n+ </label>\n+ <button\n+ onClick={() =>\n+ setBabelConfig((configs) => [\n+ ...configs,\n+ configs[configs.length - 1],\n+ ])\n+ }\n+ >\n+ Add New Config\n </button>\n- <button\n- onClick={() => {\n- setSource(\"const hello = 'world';\");\n- }}\n- >\n- Use Example (WIP)\n+ <button\n+ onClick={() => {\n+ setSource(\"const hello = 'world';\");\n+ }}\n+ >\n+ Use Example (WIP)\n </button>\n- </Actions>\n-\n- {/* input section */}\n-\n- <Wrapper>\n- <Code\n- value={source}\n- onChange={(val) => setSource(val)}\n- docName=\"source.js\"\n- />\n- <FileSize>\n- {size}b, {gzip}b\n+ </Actions>\n+\n+ {/* input section */}\n+\n+ <Wrapper>\n+ <Code\n+ value={source}\n+ onChange={(val) => setSource(val)}\n+ docName=\"source.js\"\n+ />\n+ <FileSize>\n+ {size}b, {gzip}b\n </FileSize>\n- {/* <AST source={source}></AST> */}\n- </Wrapper>\n-\n- {/* custom plugin section */}\n-\n- {enableCustomPlugin && (\n- <Wrapper>\n- <Code\n- value={customPlugin}\n- onChange={(val) => setCustomPlugin(val)}\n- docName=\"plugin.js\"\n- />\n- <Toggle onClick={() => toggleCustomPlugin(false)} />\n- </Wrapper>\n- )}\n- {/* output code and config section*/}\n- {resultsp}\n- </Section>\n+ {/* <AST source={source}></AST> */}\n+ </Wrapper>\n+\n+ {/* custom plugin section */}\n+\n+ {enableCustomPlugin && (\n+ <Wrapper>\n+ <Code\n+ value={customPlugin}\n+ onChange={(val) => setCustomPlugin(val)}\n+ docName=\"plugin.js\"\n+ />\n+ <Toggle onClick={() => toggleCustomPlugin(false)} />\n+ </Wrapper>\n+ )}\n+ {/* output code and config section*/}\n+ {resultsp}\n+ </Section>\n </Root>\n );\n };\n"}},"type":"diff"}
{"so":866047,"data":{"data":{"diff":"Commit e65e58a2a138a22b6c7d15e551690343d4bc6873\n--- src/components/App.js\n+++ src/components/App.js\n@@ -195,11 +192,11 @@ function useDebounce(value, delay) {\n \n React.useEffect(() => {\n const handler = setTimeout(() => {\n- setDebouncedValue(value);\n+ setDebouncedValue(value);\n }, delay);\n \n return () => {\n- clearTimeout(handler);\n+ clearTimeout(handler);\n };\n }, [delay, value]);\n \n"}},"type":"diff"}
{"so":866047,"data":{"data":{"diff":"Commit e65e58a2a138a22b6c7d15e551690343d4bc6873\n--- src/components/App.js\n+++ src/components/App.js\n@@ -233,7 +230,7 @@ const Wrapper = styled.div`\n position: relative;\n \n & + & {\n- margin - top: 1px;\n+ margin-top: 1px;\n }\n `;\n \n"}},"type":"diff"}
{"so":866047,"data":{"data":{"diff":"Commit e65e58a2a138a22b6c7d15e551690343d4bc6873\n--- src/components/App.js\n+++ src/components/App.js\n@@ -246,8 +243,8 @@ const Code = styled(Editor)`\n width: 100%;\n \n ${(p) =>\n- p.isError &&\n- css`\n+ p.isError &&\n+ css`\n background: rgba(234, 76, 137, 0.2);\n `};\n `;\n"}},"type":"diff"}
{"so":866047,"data":{"data":{"diff":"Commit e65e58a2a138a22b6c7d15e551690343d4bc6873\n--- src/components/App.js\n+++ src/components/App.js\n@@ -280,7 +277,7 @@ const ToggleRoot = styled.div`\n z-index: 2;\n \n &:hover {\n- color: red;\n+ color: red;\n }\n `;\n \n"}},"type":"diff"}
{"so":866047,"data":{"data":{"diff":"Commit e65e58a2a138a22b6c7d15e551690343d4bc6873\n--- src/components/App.js\n+++ src/components/App.js\n@@ -289,6 +286,6 @@ const Actions = styled(Wrapper)`\n padding: 1rem;\n \n button {\n- margin - left: 1rem;\n+ margin-left: 1rem;\n }\n `;\n"}},"type":"diff"}
{"so":870205,"data":{"data":{"id":2886970,"memoryUsage":294633472,"owner":{"name":"chrome.exe"},"title":"Layout examples - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":876147,"data":{"data":{"summary":{"changed":1,"commit":"d340b114106424fbb57ee21cc279cea1454a34d2","deletions":0,"files":[{"changed":1,"deletions":0,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":876150,"data":{"data":{"diff":"Commit d340b114106424fbb57ee21cc279cea1454a34d2\n--- src/components/App.js\n+++ src/components/App.js\n@@ -117,6 +117,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n return (\n <Root>\n \n+ <div class=\"ui grid\"><div class=\"one column row\"><div class=\"column\"></div></div></div>\n <Section>\n {/* buttons */}\n \n"}},"type":"diff"}
{"so":880186,"data":{"data":{"id":2819594,"memoryUsage":103276544,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":886383,"data":{"data":{"summary":{"changed":6,"commit":"10abfc6082d65ef6efc47ac7984322b3cc8fd8c2","deletions":1,"files":[{"changed":6,"deletions":1,"file":"src/components/App.js","insertions":5}],"insertions":5}}},"type":"diff-summary"}
{"so":886386,"data":{"data":{"diff":"Commit 10abfc6082d65ef6efc47ac7984322b3cc8fd8c2\n--- src/components/App.js\n+++ src/components/App.js\n@@ -117,7 +117,11 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n return (\n <Root>\n \n- <div class=\"ui grid\"><div class=\"one column row\"><div class=\"column\"></div></div></div>\n+ <div class=\"ui grid\">\n+ <div class=\"one column row\">\n+ <div class=\"column\"></div>\n+ </div>\n+ </div>\n <Section>\n {/* buttons */}\n \n"}},"type":"diff"}
{"so":889010,"data":{"data":{"transcript":"Results pee","startTime":889.01}},"type":"speech"}
{"so":890202,"data":{"data":{"id":2819594,"memoryUsage":103276544,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":896185,"data":{"data":{"summary":{"changed":2,"commit":"c683931ac6f5f0398253b0b4e017f970d8269d80","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":896187,"data":{"data":{"diff":"Commit c683931ac6f5f0398253b0b4e017f970d8269d80\n--- src/components/App.js\n+++ src/components/App.js\n@@ -180,7 +180,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n </Wrapper>\n )}\n {/* output code and config section*/}\n- {resultsp}\n+ {results}\n </Section>\n </Root>\n );\n"}},"type":"diff"}
{"so":899970,"data":{"data":{"transcript":"Okay, you Margaret is in. Um, think this do we need these sections and thinking the sections.","startTime":899.97}},"type":"speech"}
{"so":900207,"data":{"data":{"id":2819594,"memoryUsage":103276544,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":908540,"data":{"data":{"transcript":"It ain't like the sections through me.","startTime":908.54}},"type":"speech"}
{"so":910214,"data":{"data":{"id":2819594,"memoryUsage":103288832,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":912570,"data":{"data":{"transcript":"Um, this rapper","startTime":912.57}},"type":"speech"}
{"so":916110,"data":{"data":{"transcript":"We also don't these comments","startTime":916.11}},"type":"speech"}
{"so":920190,"data":{"data":{"transcript":"Um","startTime":920.19}},"type":"speech"}
{"so":920195,"data":{"data":{"id":2819594,"memoryUsage":103288832,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":924510,"data":{"data":{"transcript":"Okay, actions can go in a row.","startTime":924.51}},"type":"speech"}
{"so":929550,"data":{"data":{"transcript":"For now.","startTime":929.55}},"type":"speech"}
{"so":930199,"data":{"data":{"id":2819594,"memoryUsage":103292928,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":933720,"data":{"data":{"transcript":"No, no.","startTime":933.72}},"type":"speech"}
{"so":936580,"data":{"data":{"transcript":"But now that wass","startTime":936.58}},"type":"speech"}
{"so":940090,"data":{"data":{"transcript":"Like that. I think we don't need this.","startTime":940.09}},"type":"speech"}
{"so":940200,"data":{"data":{"id":2819594,"memoryUsage":103362560,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":941023,"data":{"data":{"summary":{"changed":77,"commit":"5e0e77234d9a556c972be5729a58250eb7dfbd8c","deletions":55,"files":[{"changed":77,"deletions":55,"file":"src/components/App.js","insertions":22}],"insertions":22}}},"type":"diff-summary"}
{"so":941025,"data":{"data":{"diff":"Commit 5e0e77234d9a556c972be5729a58250eb7dfbd8c\n--- src/components/App.js\n+++ src/components/App.js\n@@ -122,66 +122,33 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <div class=\"column\"></div>\n </div>\n </div>\n- <Section>\n- {/* buttons */}\n-\n- <Actions>\n- <label>\n- <input\n- checked={enableCustomPlugin}\n- onChange={() => toggleCustomPlugin(!enableCustomPlugin)}\n- type=\"checkbox\"\n- />\n- <span>Custom Plugin</span>\n- </label>\n- <button\n- onClick={() =>\n- setBabelConfig((configs) => [\n- ...configs,\n- configs[configs.length - 1],\n- ])\n- }\n- >\n- Add New Config\n- </button>\n- <button\n- onClick={() => {\n- setSource(\"const hello = 'world';\");\n- }}\n- >\n- Use Example (WIP)\n- </button>\n- </Actions>\n-\n- {/* input section */}\n \n+\n+\n+ <Wrapper>\n+ <Code\n+ value={source}\n+ onChange={(val) => setSource(val)}\n+ docName=\"source.js\"\n+ />\n+ <FileSize>\n+ {size}b, {gzip}b\n+ </FileSize>\n+ {/* <AST source={source}></AST> */}\n+ </Wrapper>\n+\n+\n+ {enableCustomPlugin && (\n <Wrapper>\n <Code\n- value={source}\n- onChange={(val) => setSource(val)}\n- docName=\"source.js\"\n+ value={customPlugin}\n+ onChange={(val) => setCustomPlugin(val)}\n+ docName=\"plugin.js\"\n />\n- <FileSize>\n- {size}b, {gzip}b\n- </FileSize>\n- {/* <AST source={source}></AST> */}\n+ <Toggle onClick={() => toggleCustomPlugin(false)} />\n </Wrapper>\n-\n- {/* custom plugin section */}\n-\n- {enableCustomPlugin && (\n- <Wrapper>\n- <Code\n- value={customPlugin}\n- onChange={(val) => setCustomPlugin(val)}\n- docName=\"plugin.js\"\n- />\n- <Toggle onClick={() => toggleCustomPlugin(false)} />\n- </Wrapper>\n- )}\n- {/* output code and config section*/}\n- {results}\n- </Section>\n+ )}\n+ {results}\n </Root>\n );\n };\n"}},"type":"diff"}
{"so":943910,"data":{"data":{"transcript":"Okay?","startTime":943.91}},"type":"speech"}
{"so":946042,"data":{"data":{"summary":{"changed":29,"commit":"cc8bb15127df9470899dba948e5e57d85630c1e9","deletions":1,"files":[{"changed":29,"deletions":1,"file":"src/components/App.js","insertions":28}],"insertions":28}}},"type":"diff-summary"}
{"so":946043,"data":{"data":{"diff":"Commit cc8bb15127df9470899dba948e5e57d85630c1e9\n--- src/components/App.js\n+++ src/components/App.js\n@@ -119,7 +119,34 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n \n <div class=\"ui grid\">\n <div class=\"one column row\">\n- <div class=\"column\"></div>\n+\n+ <Actions>\n+ <label>\n+ <input\n+ checked={enableCustomPlugin}\n+ onChange={() => toggleCustomPlugin(!enableCustomPlugin)}\n+ type=\"checkbox\"\n+ />\n+ <span>Custom Plugin</span>\n+ </label>\n+ <button\n+ onClick={() =>\n+ setBabelConfig((configs) => [\n+ ...configs,\n+ configs[configs.length - 1],\n+ ])\n+ }\n+ >\n+ Add New Config\n+ </button>\n+ <button\n+ onClick={() => {\n+ setSource(\"const hello = 'world';\");\n+ }}\n+ >\n+ Use Example (WIP)\n+ </button>\n+ </Actions>\n </div>\n </div>\n \n"}},"type":"diff"}
{"so":949910,"data":{"data":{"transcript":"We got actions, so it's copy another one of these.","startTime":949.91}},"type":"speech"}
{"so":950206,"data":{"data":{"id":2819594,"memoryUsage":103366656,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":956255,"data":{"data":{"summary":{"changed":1,"commit":"2b195e819bf2bb9d7e378fd78ab67f3f67f37154","deletions":0,"files":[{"changed":1,"deletions":0,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":956258,"data":{"data":{"diff":"Commit 2b195e819bf2bb9d7e378fd78ab67f3f67f37154\n--- src/components/App.js\n+++ src/components/App.js\n@@ -148,6 +148,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n </button>\n </Actions>\n </div>\n+ <div class=\"one column row\">\n </div>\n \n \n"}},"type":"diff"}
{"so":960207,"data":{"data":{"id":2819594,"memoryUsage":103366656,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":961085,"data":{"data":{"summary":{"changed":1,"commit":"d888be08dfafd7646f7bfd27697255676005ea83","deletions":0,"files":[{"changed":1,"deletions":0,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":961087,"data":{"data":{"diff":"Commit d888be08dfafd7646f7bfd27697255676005ea83\n--- src/components/App.js\n+++ src/components/App.js\n@@ -149,6 +149,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n </Actions>\n </div>\n <div class=\"one column row\">\n+ </div>\n </div>\n \n \n"}},"type":"diff"}
{"so":970208,"data":{"data":{"id":2819594,"memoryUsage":103366656,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":971266,"data":{"data":{"summary":{"changed":25,"commit":"902b82558fbdb3311d06b4b7783d786d5e5d4ffa","deletions":13,"files":[{"changed":25,"deletions":13,"file":"src/components/App.js","insertions":12}],"insertions":12}}},"type":"diff-summary"}
{"so":971271,"data":{"data":{"diff":"Commit 902b82558fbdb3311d06b4b7783d786d5e5d4ffa\n--- src/components/App.js\n+++ src/components/App.js\n@@ -149,24 +149,23 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n </Actions>\n </div>\n <div class=\"one column row\">\n+\n+ <Wrapper>\n+ <Code\n+ value={source}\n+ onChange={(val) => setSource(val)}\n+ docName=\"source.js\"\n+ />\n+ <FileSize>\n+ {size}b, {gzip}b\n+ </FileSize>\n+ {/* <AST source={source}></AST> */}\n+ </Wrapper>\n </div>\n </div>\n \n \n \n- <Wrapper>\n- <Code\n- value={source}\n- onChange={(val) => setSource(val)}\n- docName=\"source.js\"\n- />\n- <FileSize>\n- {size}b, {gzip}b\n- </FileSize>\n- {/* <AST source={source}></AST> */}\n- </Wrapper>\n-\n-\n {enableCustomPlugin && (\n <Wrapper>\n <Code\n"}},"type":"diff"}
{"so":972260,"data":{"data":{"transcript":"Another one.","startTime":972.26}},"type":"speech"}
{"so":978330,"data":{"data":{"transcript":"Okay?","startTime":978.33}},"type":"speech"}
{"so":980232,"data":{"data":{"id":2819594,"memoryUsage":102367232,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":981405,"data":{"data":{"summary":{"changed":4,"commit":"f0ee92185331116a1b5b1a68d16aedf7b708e3ae","deletions":1,"files":[{"changed":4,"deletions":1,"file":"src/components/App.js","insertions":3}],"insertions":3}}},"type":"diff-summary"}
{"so":981408,"data":{"data":{"diff":"Commit f0ee92185331116a1b5b1a68d16aedf7b708e3ae\n--- src/components/App.js\n+++ src/components/App.js\n@@ -149,7 +149,6 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n </Actions>\n </div>\n <div class=\"one column row\">\n-\n <Wrapper>\n <Code\n value={source}\n"}},"type":"diff"}
{"so":981408,"data":{"data":{"diff":"Commit f0ee92185331116a1b5b1a68d16aedf7b708e3ae\n--- src/components/App.js\n+++ src/components/App.js\n@@ -162,6 +161,9 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n {/* <AST source={source}></AST> */}\n </Wrapper>\n </div>\n+ <div class=\"one column row\">\n+\n+ </div>\n </div>\n \n \n"}},"type":"diff"}
{"so":982020,"data":{"data":{"transcript":"It will be.","startTime":982.02}},"type":"speech"}
{"so":988480,"data":{"data":{"transcript":"Which looks like this.","startTime":988.48}},"type":"speech"}
{"so":990215,"data":{"data":{"id":2819594,"memoryUsage":102408192,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":991071,"data":{"data":{"summary":{"changed":25,"commit":"cace73310941910243710c780beb4e2af69b8ac8","deletions":12,"files":[{"changed":25,"deletions":12,"file":"src/components/App.js","insertions":13}],"insertions":13}}},"type":"diff-summary"}
{"so":991073,"data":{"data":{"diff":"Commit cace73310941910243710c780beb4e2af69b8ac8\n--- src/components/App.js\n+++ src/components/App.js\n@@ -161,23 +161,24 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n {/* <AST source={source}></AST> */}\n </Wrapper>\n </div>\n+\n+\n+\n+ {enableCustomPlugin && (\n+ <Wrapper>\n+ <Code\n+ value={customPlugin}\n+ onChange={(val) => setCustomPlugin(val)}\n+ docName=\"plugin.js\"\n+ />\n+ <Toggle onClick={() => toggleCustomPlugin(false)} />\n+ </Wrapper>\n+ )}\n <div class=\"one column row\">\n \n </div>\n </div>\n \n-\n-\n- {enableCustomPlugin && (\n- <Wrapper>\n- <Code\n- value={customPlugin}\n- onChange={(val) => setCustomPlugin(val)}\n- docName=\"plugin.js\"\n- />\n- <Toggle onClick={() => toggleCustomPlugin(false)} />\n- </Wrapper>\n- )}\n {results}\n </Root>\n );\n"}},"type":"diff"}
{"so":996061,"data":{"data":{"summary":{"changed":21,"commit":"afb88d6862cb590cee87fab450dd71aa024b4a78","deletions":10,"files":[{"changed":21,"deletions":10,"file":"src/components/App.js","insertions":11}],"insertions":11}}},"type":"diff-summary"}
{"so":996063,"data":{"data":{"diff":"Commit afb88d6862cb590cee87fab450dd71aa024b4a78\n--- src/components/App.js\n+++ src/components/App.js\n@@ -165,18 +165,19 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n \n \n {enableCustomPlugin && (\n- <Wrapper>\n- <Code\n- value={customPlugin}\n- onChange={(val) => setCustomPlugin(val)}\n- docName=\"plugin.js\"\n- />\n- <Toggle onClick={() => toggleCustomPlugin(false)} />\n- </Wrapper>\n+\n+ <div class=\"one column row\">\n+ <Wrapper>\n+ <Code\n+ value={customPlugin}\n+ onChange={(val) => setCustomPlugin(val)}\n+ docName=\"plugin.js\"\n+ />\n+ <Toggle onClick={() => toggleCustomPlugin(false)} />\n+ </Wrapper>\n )}\n- <div class=\"one column row\">\n \n- </div>\n+ </div>\n </div>\n \n {results}\n"}},"type":"diff"}
{"so":1000215,"data":{"data":{"id":2819594,"memoryUsage":102543360,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":1001334,"data":{"data":{"summary":{"changed":3,"commit":"c1af09c2198972756f1c23c0811ca8e2de247ea4","deletions":1,"files":[{"changed":3,"deletions":1,"file":"src/components/App.js","insertions":2}],"insertions":2}}},"type":"diff-summary"}
{"so":1001337,"data":{"data":{"diff":"Commit c1af09c2198972756f1c23c0811ca8e2de247ea4\n--- src/components/App.js\n+++ src/components/App.js\n@@ -175,9 +175,10 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n />\n <Toggle onClick={() => toggleCustomPlugin(false)} />\n </Wrapper>\n- )}\n \n </div>\n+ )}\n+\n </div>\n \n {results}\n"}},"type":"diff"}
{"so":1002470,"data":{"data":{"transcript":"And then we have another one column Moreau for results. Actually, the results are going to go like that, and then results are going to be","startTime":1002.47}},"type":"speech"}
{"so":1009850,"data":{"data":{"transcript":"Compiled output.","startTime":1009.85}},"type":"speech"}
{"so":1010217,"data":{"data":{"id":2819594,"memoryUsage":102543360,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":1013370,"data":{"data":{"transcript":"Compiled. Output looks like this, so this is going to be","startTime":1013.37}},"type":"speech"}
{"so":1018770,"data":{"data":{"transcript":"A. Not a lot. We have these rappers.","startTime":1018.77}},"type":"speech"}
{"so":1020222,"data":{"data":{"id":2819594,"memoryUsage":102563840,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":1021367,"data":{"data":{"summary":{"changed":3,"commit":"d1918cba9144504dd89b6a71ab86f4aa636f328b","deletions":3,"files":[{"changed":3,"deletions":3,"file":"src/components/App.js","insertions":0}],"insertions":0}}},"type":"diff-summary"}
{"so":1021371,"data":{"data":{"diff":"Commit d1918cba9144504dd89b6a71ab86f4aa636f328b\n--- src/components/App.js\n+++ src/components/App.js\n@@ -163,9 +163,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n </div>\n \n \n-\n {enableCustomPlugin && (\n-\n <div class=\"one column row\">\n <Wrapper>\n <Code\n"}},"type":"diff"}
{"so":1021371,"data":{"data":{"diff":"Commit d1918cba9144504dd89b6a71ab86f4aa636f328b\n--- src/components/App.js\n+++ src/components/App.js\n@@ -175,7 +173,6 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n />\n <Toggle onClick={() => toggleCustomPlugin(false)} />\n </Wrapper>\n-\n </div>\n )}\n \n"}},"type":"diff"}
{"so":1021800,"data":{"data":{"transcript":"Com Room.","startTime":1021.8}},"type":"speech"}
{"so":1025670.1000000001,"data":{"data":{"transcript":"Um two COLUMN Moreau.","startTime":1025.6701}},"type":"speech"}
{"so":1026080,"data":{"data":{"summary":{"changed":49,"commit":"bfdc6942904b2c89e301b2d168b033933ec884e7","deletions":24,"files":[{"changed":49,"deletions":24,"file":"src/components/App.js","insertions":25}],"insertions":25}}},"type":"diff-summary"}
{"so":1026082,"data":{"data":{"diff":"Commit bfdc6942904b2c89e301b2d168b033933ec884e7\n--- src/components/App.js\n+++ src/components/App.js\n@@ -41,31 +41,32 @@ function CompiledOutput({\n \n return (\n <Wrapper>\n- <div class=\"one column row\">\n- <Section>\n- <Config\n- value={\n- config === Object(config)\n- ? JSON.stringify(config, null, \"\\t\")\n- : config\n- }\n- onChange={onConfigChange}\n- docName=\"config.json\"\n- config={{ mode: \"application/json\" }}\n- />\n- </Section>\n- <Section>\n- <Code\n- value={compiled?.code ?? \"\"}\n- docName=\"result.js\"\n- config={{ readOnly: true, lineWrapping: true }}\n- isError={compiled?.error ?? false}\n- />\n- </Section>\n- <FileSize>\n- {compiled?.size}b, {gzip}b\n+ <div class=\"one column row\">\n+ <Section>\n+ <Config\n+ value={\n+ config === Object(config)\n+ ? JSON.stringify(config, null, \"\\t\")\n+ : config\n+ }\n+ onChange={onConfigChange}\n+ docName=\"config.json\"\n+ config={{ mode: \"application/json\" }}\n+ />\n+ </Section>\n+ <Section>\n+ <Code\n+ value={compiled?.code ?? \"\"}\n+ docName=\"result.js\"\n+ config={{ readOnly: true, lineWrapping: true }}\n+ isError={compiled?.error ?? false}\n+ />\n+ </Section>\n+ <FileSize>\n+ {compiled?.size}b, {gzip}b\n </FileSize>\n- <Toggle onClick={removeConfig} />\n+ <Toggle onClick={removeConfig} />\n+ </div>\n </Wrapper>\n );\n }\n"}},"type":"diff"}
{"so":1030220,"data":{"data":{"id":2819594,"memoryUsage":102670336,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":1031064,"data":{"data":{"summary":{"changed":2,"commit":"5276cc64b10d6388e641a5d147e840e9d31f88b6","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":1031066,"data":{"data":{"diff":"Commit 5276cc64b10d6388e641a5d147e840e9d31f88b6\n--- src/components/App.js\n+++ src/components/App.js\n@@ -41,7 +41,7 @@ function CompiledOutput({\n \n return (\n <Wrapper>\n- <div class=\"one column row\">\n+ <div class=\"two column row\">\n <Section>\n <Config\n value={\n"}},"type":"diff"}
{"so":1031819.8999999999,"data":{"data":{"transcript":"Right to call Emma. What's going on here?","startTime":1031.8199}},"type":"speech"}
{"so":1037780,"data":{"data":{"transcript":"Clifton.","startTime":1037.78}},"type":"speech"}
{"so":1040227,"data":{"data":{"id":2819594,"memoryUsage":103075840,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":1050230,"data":{"data":{"id":2819594,"memoryUsage":103092224,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":1056123,"data":{"data":{"summary":{"changed":2,"commit":"14769ef561a4aa50979dd38e12410330160dd407","deletions":2,"files":[{"changed":2,"deletions":2,"file":"src/components/App.js","insertions":0}],"insertions":0}}},"type":"diff-summary"}
{"so":1056126,"data":{"data":{"diff":"Commit 14769ef561a4aa50979dd38e12410330160dd407\n--- src/components/App.js\n+++ src/components/App.js\n@@ -118,10 +118,8 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n \n return (\n <Root>\n-\n <div class=\"ui grid\">\n <div class=\"one column row\">\n-\n <Actions>\n <label>\n <input\n"}},"type":"diff"}
{"so":1060229,"data":{"data":{"id":2819594,"memoryUsage":102404096,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":1061229,"data":{"data":{"summary":{"changed":2,"commit":"f32d4006f923249145a42cfaa3afd820c4e483f9","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":1061234,"data":{"data":{"diff":"Commit f32d4006f923249145a42cfaa3afd820c4e483f9\n--- src/components/App.js\n+++ src/components/App.js\n@@ -119,7 +119,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n return (\n <Root>\n <div class=\"ui grid\">\n- <div class=\"one column row\">\n+ <div className=\"one column row\">\n <Actions>\n <label>\n <input\n"}},"type":"diff"}
{"so":1066018,"data":{"data":{"summary":{"changed":2,"commit":"f60fa50363e302d3b8b18e3ebb3e74cda1f9a4cf","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":1066020,"data":{"data":{"diff":"Commit f60fa50363e302d3b8b18e3ebb3e74cda1f9a4cf\n--- src/components/App.js\n+++ src/components/App.js\n@@ -118,7 +118,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n \n return (\n <Root>\n- <div class=\"ui grid\">\n+ <div className=\"ui grid\">\n <div className=\"one column row\">\n <Actions>\n <label>\n"}},"type":"diff"}
{"so":1066050.0999999999,"data":{"data":{"transcript":"Now. It doesn't like, alas, because","startTime":1066.0501}},"type":"speech"}
{"so":1070230,"data":{"data":{"id":2819594,"memoryUsage":102428672,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":1071444,"data":{"data":{"summary":{"changed":2,"commit":"61b501c465427ed4cfa1be7e530c53d120d3130d","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":1071449,"data":{"data":{"diff":"Commit 61b501c465427ed4cfa1be7e530c53d120d3130d\n--- src/components/App.js\n+++ src/components/App.js\n@@ -148,7 +148,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n </button>\n </Actions>\n </div>\n- <div class=\"one column row\">\n+ <div className=\"one column row\">\n <Wrapper>\n <Code\n value={source}\n"}},"type":"diff"}
{"so":1080229,"data":{"data":{"id":2819594,"memoryUsage":102465536,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":1081156,"data":{"data":{"summary":{"changed":2,"commit":"a8be06dbaa643f2411499a9f48fc628ffd546b49","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":1081161,"data":{"data":{"diff":"Commit a8be06dbaa643f2411499a9f48fc628ffd546b49\n--- src/components/App.js\n+++ src/components/App.js\n@@ -164,7 +164,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n \n \n {enableCustomPlugin && (\n- <div class=\"one column row\">\n+ <div className=\"one column row\">\n <Wrapper>\n <Code\n value={customPlugin}\n"}},"type":"diff"}
{"so":1090231,"data":{"data":{"id":2886970,"memoryUsage":312766464,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":1090988,"data":{"data":{"summary":{"changed":2,"commit":"c283990d49a2290e08eafa94aba6cd744489a0c6","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":1090990,"data":{"data":{"diff":"Commit c283990d49a2290e08eafa94aba6cd744489a0c6\n--- src/components/App.js\n+++ src/components/App.js\n@@ -41,7 +41,7 @@ function CompiledOutput({\n \n return (\n <Wrapper>\n- <div class=\"two column row\">\n+ <div className=\"two column row\">\n <Section>\n <Config\n value={\n"}},"type":"diff"}
{"so":1091470,"data":{"data":{"transcript":"Okay?","startTime":1091.47}},"type":"speech"}
{"so":1093210,"data":{"data":{"transcript":"We got something here. Let's see.","startTime":1093.21}},"type":"speech"}
{"so":1098199.9000000001,"data":{"data":{"transcript":"Damn sections.","startTime":1098.1999}},"type":"speech"}
{"so":1100232,"data":{"data":{"id":2886970,"memoryUsage":311177216,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":1107170.1,"data":{"data":{"transcript":"I shot a movie columns, okay?","startTime":1107.1701}},"type":"speech"}
{"so":1110244,"data":{"data":{"id":2819594,"memoryUsage":102522880,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":1120258,"data":{"data":{"id":2819594,"memoryUsage":102629376,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":1128689.9000000001,"data":{"data":{"transcript":"Think this is it.","startTime":1128.6899}},"type":"speech"}
{"so":1130247,"data":{"data":{"id":2819594,"memoryUsage":102653952,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":1131210,"data":{"data":{"summary":{"changed":6,"commit":"5dca7ba06346c46d5d5b3d64ecc0f68c80379712","deletions":3,"files":[{"changed":6,"deletions":3,"file":"src/components/App.js","insertions":3}],"insertions":3}}},"type":"diff-summary"}
{"so":1131214,"data":{"data":{"diff":"Commit 5dca7ba06346c46d5d5b3d64ecc0f68c80379712\n--- src/components/App.js\n+++ src/components/App.js\n@@ -42,7 +42,7 @@ function CompiledOutput({\n return (\n <Wrapper>\n <div className=\"two column row\">\n- <Section>\n+ <div className=\"column\">\n <Config\n value={\n config === Object(config)\n"}},"type":"diff"}
{"so":1131214,"data":{"data":{"diff":"Commit 5dca7ba06346c46d5d5b3d64ecc0f68c80379712\n--- src/components/App.js\n+++ src/components/App.js\n@@ -53,8 +53,8 @@ function CompiledOutput({\n docName=\"config.json\"\n config={{ mode: \"application/json\" }}\n />\n- </Section>\n- <Section>\n+ </div>\n+ <div className=\"column\">\n <Code\n value={compiled?.code ?? \"\"}\n docName=\"result.js\"\n"}},"type":"diff"}
{"so":1135110,"data":{"data":{"transcript":"Yes, I do it almost just not the right.","startTime":1135.11}},"type":"speech"}
{"so":1136049,"data":{"data":{"summary":{"changed":2,"commit":"25308a9a1ca19186e737867d129c1659a33780c8","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":1136051,"data":{"data":{"diff":"Commit 25308a9a1ca19186e737867d129c1659a33780c8\n--- src/components/App.js\n+++ src/components/App.js\n@@ -61,7 +61,7 @@ function CompiledOutput({\n config={{ readOnly: true, lineWrapping: true }}\n isError={compiled?.error ?? false}\n />\n- </Section>\n+ </div>\n <FileSize>\n {compiled?.size}b, {gzip}b\n </FileSize>\n"}},"type":"diff"}
{"so":1140242,"data":{"data":{"id":2886970,"memoryUsage":312971264,"owner":{"name":"chrome.exe"},"title":"Layout examples - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":1142500,"data":{"data":{"transcript":"This cell the grid.","startTime":1142.5}},"type":"speech"}
{"so":1147550.0999999999,"data":{"data":{"transcript":"Or wide column forward. OK, so we do too wide column.","startTime":1147.5501}},"type":"speech"}
{"so":1150259,"data":{"data":{"id":2819594,"memoryUsage":103211008,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":1154079.9,"data":{"data":{"transcript":"Two.","startTime":1154.0799}},"type":"speech"}
{"so":1156740,"data":{"data":{"transcript":"We actually don't need to do this to column Ro.","startTime":1156.74}},"type":"speech"}
{"so":1160257,"data":{"data":{"id":2819594,"memoryUsage":103211008,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":1160939.9000000001,"data":{"data":{"transcript":"Fuller and column.","startTime":1160.9399}},"type":"speech"}
{"so":1166143,"data":{"data":{"summary":{"changed":6,"commit":"9e93ffdc02aebac31887a3111585ca2485066556","deletions":3,"files":[{"changed":6,"deletions":3,"file":"src/components/App.js","insertions":3}],"insertions":3}}},"type":"diff-summary"}
{"so":1166146,"data":{"data":{"diff":"Commit 9e93ffdc02aebac31887a3111585ca2485066556\n--- src/components/App.js\n+++ src/components/App.js\n@@ -41,8 +41,8 @@ function CompiledOutput({\n \n return (\n <Wrapper>\n- <div className=\"two column row\">\n- <div className=\"column\">\n+ <div className=\"row\">\n+ <div className=\"two wide column\">\n <Config\n value={\n config === Object(config)\n"}},"type":"diff"}
{"so":1166146,"data":{"data":{"diff":"Commit 9e93ffdc02aebac31887a3111585ca2485066556\n--- src/components/App.js\n+++ src/components/App.js\n@@ -54,7 +54,7 @@ function CompiledOutput({\n config={{ mode: \"application/json\" }}\n />\n </div>\n- <div className=\"column\">\n+ <div className=\"two wide column\">\n <Code\n value={compiled?.code ?? \"\"}\n docName=\"result.js\"\n"}},"type":"diff"}
{"so":1167750,"data":{"data":{"transcript":"Think","startTime":1167.75}},"type":"speech"}
{"so":1170246,"data":{"data":{"id":2886970,"memoryUsage":311406592,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":1180250,"data":{"data":{"id":2819594,"memoryUsage":103227392,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":1186104,"data":{"data":{"summary":{"changed":2,"commit":"70a611c3048065eaf85738782d1b7690a9f1d043","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":1186106,"data":{"data":{"diff":"Commit 70a611c3048065eaf85738782d1b7690a9f1d043\n--- src/components/App.js\n+++ src/components/App.js\n@@ -119,7 +119,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n return (\n <Root>\n <div className=\"ui grid\">\n- <div className=\"one column row\">\n+ <div className=\"row\">\n <Actions>\n <label>\n <input\n"}},"type":"diff"}
{"so":1190270,"data":{"data":{"id":2886970,"memoryUsage":311107584,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":1200276,"data":{"data":{"id":2886970,"memoryUsage":311947264,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":1204689.9000000001,"data":{"data":{"transcript":"Make sure we have you on grid Celt.","startTime":1204.6899}},"type":"speech"}
{"so":1210277,"data":{"data":{"id":2886970,"memoryUsage":311332864,"owner":{"name":"chrome.exe"},"title":"Layout examples - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":1211329.9,"data":{"data":{"transcript":"So I created","startTime":1211.3299}},"type":"speech"}
{"so":1220257,"data":{"data":{"id":2819594,"memoryUsage":103411712,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":1221251,"data":{"data":{"summary":{"changed":2,"commit":"3666978c6e786f948e8edb5822c8ff399277fb07","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":1221255,"data":{"data":{"diff":"Commit 3666978c6e786f948e8edb5822c8ff399277fb07\n--- src/components/App.js\n+++ src/components/App.js\n@@ -118,7 +118,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n \n return (\n <Root>\n- <div className=\"ui grid\">\n+ <div className=\"ui grid celled\">\n <div className=\"row\">\n <Actions>\n <label>\n"}},"type":"diff"}
{"so":1230265,"data":{"data":{"id":2886970,"memoryUsage":312098816,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":1238520,"data":{"data":{"transcript":"Oh, interesting. It's not even in there, okay?","startTime":1238.52}},"type":"speech"}
{"so":1240261,"data":{"data":{"id":2886970,"memoryUsage":311562240,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":1241250,"data":{"data":{"transcript":"Um","startTime":1241.25}},"type":"speech"}
{"so":1242790.0999999999,"data":{"data":{"transcript":"Whom","startTime":1242.7901}},"type":"speech"}
{"so":1250263,"data":{"data":{"id":2819594,"memoryUsage":103387136,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":1250500,"data":{"data":{"transcript":"It's not even in","startTime":1250.5}},"type":"speech"}
{"so":1253730,"data":{"data":{"transcript":"I've been in and those are the","startTime":1253.73}},"type":"speech"}
{"so":1257980,"data":{"data":{"transcript":"You're","startTime":1257.98}},"type":"speech"}
{"so":1260265,"data":{"data":{"id":2819594,"memoryUsage":103387136,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":1264630,"data":{"data":{"transcript":"Results, Okay?","startTime":1264.63}},"type":"speech"}
{"so":1270267,"data":{"data":{"id":2819594,"memoryUsage":103415808,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":1271276,"data":{"data":{"summary":{"changed":4,"commit":"39617c8139826037f06dfb57d042ede9eea90780","deletions":2,"files":[{"changed":4,"deletions":2,"file":"src/components/App.js","insertions":2}],"insertions":2}}},"type":"diff-summary"}
{"so":1271282,"data":{"data":{"diff":"Commit 39617c8139826037f06dfb57d042ede9eea90780\n--- src/components/App.js\n+++ src/components/App.js\n@@ -176,9 +176,9 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n </div>\n )}\n \n- </div>\n \n- {results}\n+ {results}\n+ </div>\n </Root>\n );\n };\n"}},"type":"diff"}
{"so":1271300.0999999999,"data":{"data":{"transcript":"Okay?","startTime":1271.3001}},"type":"speech"}
{"so":1280284,"data":{"data":{"id":2886970,"memoryUsage":309977088,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":1290287,"data":{"data":{"id":2886970,"memoryUsage":310083584,"owner":{"name":"chrome.exe"},"title":"https://react.semantic-ui.com/layouts/grid/ - Google Chrome"}},"type":"window"}
{"so":1300260,"data":{"data":{"transcript":"You are now you are","startTime":1300.26}},"type":"speech"}
{"so":1300275,"data":{"data":{"id":2886970,"memoryUsage":309972992,"owner":{"name":"chrome.exe"},"title":"https://react.semantic-ui.com/layouts/grid/ - Google Chrome"}},"type":"window"}
{"so":1304329.9,"data":{"data":{"transcript":"Internally cell grid. I never I never","startTime":1304.3299}},"type":"speech"}
{"so":1309400,"data":{"data":{"transcript":"Redid it.","startTime":1309.4}},"type":"speech"}
{"so":1310273,"data":{"data":{"id":2886970,"memoryUsage":311791616,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":1310730,"data":{"data":{"transcript":"No, that didn't do it either.","startTime":1310.73}},"type":"speech"}
{"so":1311035,"data":{"data":{"summary":{"changed":2,"commit":"c79a862af1389ed0e5e0fc736aa6bdeea8c75e25","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":1311037,"data":{"data":{"diff":"Commit c79a862af1389ed0e5e0fc736aa6bdeea8c75e25\n--- src/components/App.js\n+++ src/components/App.js\n@@ -118,7 +118,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n \n return (\n <Root>\n- <div className=\"ui grid celled\">\n+ <div className=\"ui internally celled grid\">\n <div className=\"row\">\n <Actions>\n <label>\n"}},"type":"diff"}
{"so":1312530,"data":{"data":{"transcript":"Okay?","startTime":1312.53}},"type":"speech"}
{"so":1320303,"data":{"data":{"id":2886970,"memoryUsage":310018048,"owner":{"name":"chrome.exe"},"title":"https://react.semantic-ui.com/layouts/grid/ - Google Chrome"}},"type":"window"}
{"so":1321570,"data":{"data":{"transcript":"Four wide column.","startTime":1321.57}},"type":"speech"}
{"so":1330290,"data":{"data":{"id":2886970,"memoryUsage":309899264,"owner":{"name":"chrome.exe"},"title":"https://react.semantic-ui.com/layouts/grid/ - Google Chrome"}},"type":"window"}
{"so":1340282,"data":{"data":{"id":2819594,"memoryUsage":104022016,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":1344040,"data":{"data":{"transcript":"One Allied column.","startTime":1344.04}},"type":"speech"}
{"so":1347340,"data":{"data":{"transcript":"One.","startTime":1347.34}},"type":"speech"}
{"so":1350220,"data":{"data":{"transcript":"Lloyd COLUMN.","startTime":1350.22}},"type":"speech"}
{"so":1350295,"data":{"data":{"id":2819594,"memoryUsage":102928384,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":1353500,"data":{"data":{"transcript":"Deserve to. Okay, let's see if that worked.","startTime":1353.5}},"type":"speech"}
{"so":1356388,"data":{"data":{"summary":{"changed":4,"commit":"8d121c74583eb9e164279c0a18f4841f2491d806","deletions":2,"files":[{"changed":4,"deletions":2,"file":"src/components/App.js","insertions":2}],"insertions":2}}},"type":"diff-summary"}
{"so":1356394,"data":{"data":{"diff":"Commit 8d121c74583eb9e164279c0a18f4841f2491d806\n--- src/components/App.js\n+++ src/components/App.js\n@@ -148,7 +148,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n </button>\n </Actions>\n </div>\n- <div className=\"one column row\">\n+ <div className=\"one wide column\">\n <Wrapper>\n <Code\n value={source}\n"}},"type":"diff"}
{"so":1356394,"data":{"data":{"diff":"Commit 8d121c74583eb9e164279c0a18f4841f2491d806\n--- src/components/App.js\n+++ src/components/App.js\n@@ -164,7 +164,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n \n \n {enableCustomPlugin && (\n- <div className=\"one column row\">\n+ <div className=\"one wide column\">\n <Wrapper>\n <Code\n value={customPlugin}\n"}},"type":"diff"}
{"so":1358400,"data":{"data":{"transcript":"No.","startTime":1358.4}},"type":"speech"}
{"so":1360307,"data":{"data":{"id":2819594,"memoryUsage":102924288,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":1366120,"data":{"data":{"summary":{"changed":4,"commit":"d73d08028eb53cf6b1e18e98bf1b541c2a746266","deletions":2,"files":[{"changed":4,"deletions":2,"file":"src/components/App.js","insertions":2}],"insertions":2}}},"type":"diff-summary"}
{"so":1366122,"data":{"data":{"diff":"Commit d73d08028eb53cf6b1e18e98bf1b541c2a746266\n--- src/components/App.js\n+++ src/components/App.js\n@@ -148,7 +148,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n </button>\n </Actions>\n </div>\n- <div className=\"one wide column\">\n+ <div className=\"one column row\">\n <Wrapper>\n <Code\n value={source}\n"}},"type":"diff"}
{"so":1366122,"data":{"data":{"diff":"Commit d73d08028eb53cf6b1e18e98bf1b541c2a746266\n--- src/components/App.js\n+++ src/components/App.js\n@@ -164,7 +164,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n \n \n {enableCustomPlugin && (\n- <div className=\"one wide column\">\n+ <div className=\"one column row\">\n <Wrapper>\n <Code\n value={customPlugin}\n"}},"type":"diff"}
{"so":1370304,"data":{"data":{"id":2886970,"memoryUsage":310112256,"owner":{"name":"chrome.exe"},"title":"https://react.semantic-ui.com/layouts/grid/ - Google Chrome"}},"type":"window"}
{"so":1380289,"data":{"data":{"id":2819594,"memoryUsage":102940672,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":1390307,"data":{"data":{"id":2886970,"memoryUsage":310095872,"owner":{"name":"chrome.exe"},"title":"https://react.semantic-ui.com/layouts/grid/ - Google Chrome"}},"type":"window"}
{"so":1392200,"data":{"data":{"transcript":"Two.","startTime":1392.2}},"type":"speech"}
{"so":1395660,"data":{"data":{"transcript":"One column rose. What the hell is that?","startTime":1395.66}},"type":"speech"}
{"so":1400293,"data":{"data":{"id":2886970,"memoryUsage":310013952,"owner":{"name":"chrome.exe"},"title":"https://react.semantic-ui.com/layouts/grid/ - Google Chrome"}},"type":"window"}
{"so":1401040,"data":{"data":{"transcript":"One column rode one","startTime":1401.04}},"type":"speech"}
{"so":1404780,"data":{"data":{"transcript":"COLUMN RO.","startTime":1404.78}},"type":"speech"}
{"so":1410314,"data":{"data":{"id":2819594,"memoryUsage":102473728,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":1412840,"data":{"data":{"transcript":"Column.","startTime":1412.84}},"type":"speech"}
{"so":1416143,"data":{"data":{"summary":{"changed":2,"commit":"2f5d940899999b6fa2d5e55828714d8a6ee43a19","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":1416146,"data":{"data":{"diff":"Commit 2f5d940899999b6fa2d5e55828714d8a6ee43a19\n--- src/components/App.js\n+++ src/components/App.js\n@@ -149,7 +149,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n </Actions>\n </div>\n <div className=\"one column row\">\n- <Wrapper>\n+ <Wrapper className=\"column\">\n <Code\n value={source}\n onChange={(val) => setSource(val)}\n"}},"type":"diff"}
{"so":1420296,"data":{"data":{"id":2819594,"memoryUsage":102563840,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":1430296,"data":{"data":{"id":2886970,"memoryUsage":310218752,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":1430970,"data":{"data":{"transcript":"That's starting to look pretty good.","startTime":1430.97}},"type":"speech"}
{"so":1431118,"data":{"data":{"summary":{"changed":2,"commit":"d5762a2827eed40f10de2c36b7567235c09415a3","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":1431120,"data":{"data":{"diff":"Commit d5762a2827eed40f10de2c36b7567235c09415a3\n--- src/components/App.js\n+++ src/components/App.js\n@@ -165,7 +165,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n \n {enableCustomPlugin && (\n <div className=\"one column row\">\n- <Wrapper>\n+ <Wrapper className=\"column\">\n <Code\n value={customPlugin}\n onChange={(val) => setCustomPlugin(val)}\n"}},"type":"diff"}
{"so":1433370,"data":{"data":{"transcript":"Um okay, So we've got these things. I'm trying to understand how to do this grid. So then we got these.","startTime":1433.37}},"type":"speech"}
{"so":1439590,"data":{"data":{"transcript":"Ro.","startTime":1439.59}},"type":"speech"}
{"so":1440309,"data":{"data":{"id":2886970,"memoryUsage":309940224,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":1441900,"data":{"data":{"transcript":"B six wide column. Six wide column.","startTime":1441.9}},"type":"speech"}
{"so":1446464,"data":{"data":{"summary":{"changed":4,"commit":"3567dad7eb320f749b040cd756bcb925ba86a69b","deletions":2,"files":[{"changed":4,"deletions":2,"file":"src/components/App.js","insertions":2}],"insertions":2}}},"type":"diff-summary"}
{"so":1446469,"data":{"data":{"diff":"Commit 3567dad7eb320f749b040cd756bcb925ba86a69b\n--- src/components/App.js\n+++ src/components/App.js\n@@ -42,7 +42,7 @@ function CompiledOutput({\n return (\n <Wrapper>\n <div className=\"row\">\n- <div className=\"two wide column\">\n+ <div className=\"six wide column\">\n <Config\n value={\n config === Object(config)\n"}},"type":"diff"}
{"so":1446469,"data":{"data":{"diff":"Commit 3567dad7eb320f749b040cd756bcb925ba86a69b\n--- src/components/App.js\n+++ src/components/App.js\n@@ -54,7 +54,7 @@ function CompiledOutput({\n config={{ mode: \"application/json\" }}\n />\n </div>\n- <div className=\"two wide column\">\n+ <div className=\"six wide column\">\n <Code\n value={compiled?.code ?? \"\"}\n docName=\"result.js\"\n"}},"type":"diff"}
{"so":1447130,"data":{"data":{"transcript":"But they're still like floating","startTime":1447.13}},"type":"speech"}
{"so":1450302,"data":{"data":{"id":2886970,"memoryUsage":309932032,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":1450990,"data":{"data":{"transcript":"It's weird. And why are they behaving like this? You Ingrid? Yeah, that makes sense.","startTime":1450.99}},"type":"speech"}
{"so":1455660,"data":{"data":{"transcript":"Bro.","startTime":1455.66}},"type":"speech"}
{"so":1460305,"data":{"data":{"id":2886970,"memoryUsage":309923840,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":1468460,"data":{"data":{"transcript":"First just the rig.","startTime":1468.46}},"type":"speech"}
{"so":1470314,"data":{"data":{"id":2819594,"memoryUsage":102903808,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":1471950,"data":{"data":{"transcript":"Okay?","startTime":1471.95}},"type":"speech"}
{"so":1474700,"data":{"data":{"transcript":"Fuck sections. Oh, it's the wrapper. We don't need a rapper's other fuck rappers.","startTime":1474.7}},"type":"speech"}
{"so":1480304,"data":{"data":{"id":2819594,"memoryUsage":102899712,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":1482970,"data":{"data":{"transcript":"Cook fell to compile","startTime":1482.97}},"type":"speech"}
{"so":1486221,"data":{"data":{"summary":{"changed":21,"commit":"ab756be3db080137b213b8ef255a2ae88ff0916c","deletions":21,"files":[{"changed":21,"deletions":21,"file":"src/components/App.js","insertions":0}],"insertions":0}}},"type":"diff-summary"}
{"so":1486225,"data":{"data":{"diff":"Commit ab756be3db080137b213b8ef255a2ae88ff0916c\n--- src/components/App.js\n+++ src/components/App.js\n@@ -215,27 +215,6 @@ const Root = styled.div`\n padding: 4px;\n `;\n \n-const Section = styled.section`\n- display: flex;\n- flex-direction: column;\n- height: 100%;\n- flex: 1;\n- position: relative;\n-`;\n-\n-const Wrapper = styled.div`\n- background: rgba(0, 0, 0, 0.2);\n- display: flex;\n- flex-direction: row;\n- width: 100%;\n- padding: 0.25rem 1rem 0.75rem;\n- position: relative;\n-\n- & + & {\n- margin-top: 1px;\n- }\n-`;\n-\n const Config = styled(Editor)`\n padding: 4px;\n `;\n"}},"type":"diff"}
{"so":1490305,"data":{"data":{"id":2819594,"memoryUsage":102899712,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":1491025,"data":{"data":{"summary":{"changed":21,"commit":"311ab57f7a7f42a96c417cf9bad5b98f05888b7b","deletions":0,"files":[{"changed":21,"deletions":0,"file":"src/components/App.js","insertions":21}],"insertions":21}}},"type":"diff-summary"}
{"so":1491027,"data":{"data":{"diff":"Commit 311ab57f7a7f42a96c417cf9bad5b98f05888b7b\n--- src/components/App.js\n+++ src/components/App.js\n@@ -215,6 +215,27 @@ const Root = styled.div`\n padding: 4px;\n `;\n \n+const Section = styled.section`\n+ display: flex;\n+ flex-direction: column;\n+ height: 100%;\n+ flex: 1;\n+ position: relative;\n+`;\n+\n+const Wrapper = styled.div`\n+ background: rgba(0, 0, 0, 0.2);\n+ display: flex;\n+ flex-direction: row;\n+ width: 100%;\n+ padding: 0.25rem 1rem 0.75rem;\n+ position: relative;\n+\n+ & + & {\n+ margin-top: 1px;\n+ }\n+`;\n+\n const Config = styled(Editor)`\n padding: 4px;\n `;\n"}},"type":"diff"}
{"so":1494600,"data":{"data":{"transcript":"Wrappers. Not if Okay, fine.","startTime":1494.6}},"type":"speech"}
{"so":1496052,"data":{"data":{"summary":{"changed":21,"commit":"934f6ebd90cef56ca9d3e9a7edb292c8695d9a77","deletions":21,"files":[{"changed":21,"deletions":21,"file":"src/components/App.js","insertions":0}],"insertions":0}}},"type":"diff-summary"}
{"so":1496055,"data":{"data":{"diff":"Commit 934f6ebd90cef56ca9d3e9a7edb292c8695d9a77\n--- src/components/App.js\n+++ src/components/App.js\n@@ -215,27 +215,6 @@ const Root = styled.div`\n padding: 4px;\n `;\n \n-const Section = styled.section`\n- display: flex;\n- flex-direction: column;\n- height: 100%;\n- flex: 1;\n- position: relative;\n-`;\n-\n-const Wrapper = styled.div`\n- background: rgba(0, 0, 0, 0.2);\n- display: flex;\n- flex-direction: row;\n- width: 100%;\n- padding: 0.25rem 1rem 0.75rem;\n- position: relative;\n-\n- & + & {\n- margin-top: 1px;\n- }\n-`;\n-\n const Config = styled(Editor)`\n padding: 4px;\n `;\n"}},"type":"diff"}
{"so":1499550,"data":{"data":{"transcript":"Okay, fine. You can have your robber styles.","startTime":1499.55}},"type":"speech"}
{"so":1500311,"data":{"data":{"id":2819594,"memoryUsage":102903808,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":1510310,"data":{"data":{"id":2819594,"memoryUsage":102883328,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":1516042,"data":{"data":{"summary":{"changed":11,"commit":"a037c9254724c1d035d2b960435218cb7f976b47","deletions":5,"files":[{"changed":11,"deletions":5,"file":"src/components/App.js","insertions":6}],"insertions":6}}},"type":"diff-summary"}
{"so":1516044,"data":{"data":{"diff":"Commit a037c9254724c1d035d2b960435218cb7f976b47\n--- src/components/App.js\n+++ src/components/App.js\n@@ -208,11 +208,12 @@ function useDebounce(value, delay) {\n // STYLES\n \n const Root = styled.div`\n- display: flex;\n- flex-direction: column;\n- // height: 100%;\n- height: 100vh;\n- padding: 4px;\n+`;\n+\n+const Section = styled.section`\n+`;\n+\n+const Wrapper = styled.div`\n `;\n \n const Config = styled(Editor)`\n"}},"type":"diff"}
{"so":1520322,"data":{"data":{"id":2886970,"memoryUsage":309915648,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":1523410,"data":{"data":{"transcript":"Yeah. Okay, well there side by side so again somewhere.","startTime":1523.41}},"type":"speech"}
{"so":1526670,"data":{"data":{"transcript":"Are these like this? Where the party's color so bad?","startTime":1526.67}},"type":"speech"}
{"so":1529870,"data":{"data":{"transcript":"Capacity or something.","startTime":1529.87}},"type":"speech"}
{"so":1530325,"data":{"data":{"id":2886970,"memoryUsage":309895168,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":1540315,"data":{"data":{"id":2819594,"memoryUsage":102912000,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":1546400,"data":{"data":{"transcript":"That one's okay.","startTime":1546.4}},"type":"speech"}
{"so":1549740,"data":{"data":{"transcript":"No, no, no, no, no, no, no.","startTime":1549.74}},"type":"speech"}
{"so":1550332,"data":{"data":{"id":2819594,"memoryUsage":102912000,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":1551121,"data":{"data":{"summary":{"changed":22,"commit":"afee263582b6a8874ab4159d1ec2a8ea1f443e51","deletions":22,"files":[{"changed":22,"deletions":22,"file":"src/components/App.js","insertions":0}],"insertions":0}}},"type":"diff-summary"}
{"so":1551125,"data":{"data":{"diff":"Commit afee263582b6a8874ab4159d1ec2a8ea1f443e51\n--- src/components/App.js\n+++ src/components/App.js\n@@ -245,29 +245,7 @@ const FileSize = styled.div`\n `;\n \n const ToggleRoot = styled.div`\n- align-items: center;\n- cursor: pointer;\n- display: flex;\n- height: 20px;\n- justify-content: center;\n- padding: 0.25rem;\n- position: absolute;\n- right: 1px;\n- transition: color 0.25s ease-out;\n- top: -1px;\n- width: 20px;\n- z-index: 2;\n-\n- &:hover {\n- color: red;\n- }\n `;\n \n const Actions = styled(Wrapper)`\n- border-bottom: 1px solid rgba(36, 40, 42, 1);\n- padding: 1rem;\n-\n- button {\n- margin-left: 1rem;\n- }\n `;\n"}},"type":"diff"}
{"so":1556342,"data":{"data":{"summary":{"changed":8,"commit":"06bdd24b4f1c6154c499325565e4ee715b5aecc3","deletions":8,"files":[{"changed":8,"deletions":8,"file":"src/components/App.js","insertions":0}],"insertions":0}}},"type":"diff-summary"}
{"so":1556346,"data":{"data":{"diff":"Commit 06bdd24b4f1c6154c499325565e4ee715b5aecc3\n--- src/components/App.js\n+++ src/components/App.js\n@@ -221,14 +221,6 @@ const Config = styled(Editor)`\n `;\n \n const Code = styled(Editor)`\n- padding: 4px;\n- width: 100%;\n-\n- ${(p) =>\n- p.isError &&\n- css`\n- background: rgba(234, 76, 137, 0.2);\n- `};\n `;\n \n const FileSize = styled.div`\n"}},"type":"diff"}
{"so":1557130,"data":{"data":{"transcript":"OK, OK, we're getting there.","startTime":1557.13}},"type":"speech"}
{"so":1560320,"data":{"data":{"id":2886970,"memoryUsage":310194176,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":1560320,"data":{"data":{"transcript":"Um OK, Ro.","startTime":1560.32}},"type":"speech"}
{"so":1565730,"data":{"data":{"transcript":"Hey, the rose. Just not","startTime":1565.73}},"type":"speech"}
{"so":1569360,"data":{"data":{"transcript":"Ruth, not a hyper sent","startTime":1569.36}},"type":"speech"}
{"so":1570322,"data":{"data":{"id":2886970,"memoryUsage":309936128,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":1572800,"data":{"data":{"transcript":"I have a feeling this was not inside the","startTime":1572.8}},"type":"speech"}
{"so":1580340,"data":{"data":{"id":2886970,"memoryUsage":306978816,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":1581070,"data":{"data":{"transcript":"Yeah. Okay, So there's a diff here. Okay, you, Ingrid.","startTime":1581.07}},"type":"speech"}
{"so":1584960,"data":{"data":{"transcript":"What is this?","startTime":1584.96}},"type":"speech"}
{"so":1588520,"data":{"data":{"transcript":"Okay, The row is not correct.","startTime":1588.52}},"type":"speech"}
{"so":1590347,"data":{"data":{"id":2819594,"memoryUsage":101982208,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":1595270,"data":{"data":{"transcript":"You should just be class.","startTime":1595.27}},"type":"speech"}
{"so":1599560,"data":{"data":{"transcript":"In the vehicles.","startTime":1599.56}},"type":"speech"}
{"so":1600344,"data":{"data":{"id":2819594,"memoryUsage":102092800,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":1603660,"data":{"data":{"transcript":"Get every gun.","startTime":1603.66}},"type":"speech"}
{"so":1610336,"data":{"data":{"id":2819594,"memoryUsage":102133760,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":1611410,"data":{"data":{"transcript":"Yeah, we could just delete these stupid well given for notch these ambiguous things.","startTime":1611.41}},"type":"speech"}
{"so":1616194,"data":{"data":{"summary":{"changed":50,"commit":"a68d175415f126ac7e5509e3f8e3f7f19f659f59","deletions":26,"files":[{"changed":50,"deletions":26,"file":"src/components/App.js","insertions":24}],"insertions":24}}},"type":"diff-summary"}
{"so":1616197,"data":{"data":{"diff":"Commit a68d175415f126ac7e5509e3f8e3f7f19f659f59\n--- src/components/App.js\n+++ src/components/App.js\n@@ -40,33 +40,31 @@ function CompiledOutput({\n }, [source, config, debouncedPlugin]);\n \n return (\n- <Wrapper>\n- <div className=\"row\">\n- <div className=\"six wide column\">\n- <Config\n- value={\n- config === Object(config)\n- ? JSON.stringify(config, null, \"\\t\")\n- : config\n- }\n- onChange={onConfigChange}\n- docName=\"config.json\"\n- config={{ mode: \"application/json\" }}\n- />\n- </div>\n- <div className=\"six wide column\">\n- <Code\n- value={compiled?.code ?? \"\"}\n- docName=\"result.js\"\n- config={{ readOnly: true, lineWrapping: true }}\n- isError={compiled?.error ?? false}\n- />\n- </div>\n- <FileSize>\n- {compiled?.size}b, {gzip}b\n- </FileSize>\n- <Toggle onClick={removeConfig} />\n+ <Wrapper className=\"row\">\n+ <div className=\"six wide column\">\n+ <Config\n+ value={\n+ config === Object(config)\n+ ? JSON.stringify(config, null, \"\\t\")\n+ : config\n+ }\n+ onChange={onConfigChange}\n+ docName=\"config.json\"\n+ config={{ mode: \"application/json\" }}\n+ />\n </div>\n+ <div className=\"six wide column\">\n+ <Code\n+ value={compiled?.code ?? \"\"}\n+ docName=\"result.js\"\n+ config={{ readOnly: true, lineWrapping: true }}\n+ isError={compiled?.error ?? false}\n+ />\n+ </div>\n+ <FileSize>\n+ {compiled?.size}b, {gzip}b\n+ </FileSize>\n+ <Toggle onClick={removeConfig} />\n </Wrapper>\n );\n }\n"}},"type":"diff"}
{"so":1617110,"data":{"data":{"transcript":"OK, OK, we're getting there.","startTime":1617.11}},"type":"speech"}
{"so":1620356,"data":{"data":{"id":2886970,"memoryUsage":308842496,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":1620660,"data":{"data":{"transcript":"Why are these this color?","startTime":1620.66}},"type":"speech"}
{"so":1625610,"data":{"data":{"transcript":"Are these like this?","startTime":1625.61}},"type":"speech"}
{"so":1628110,"data":{"data":{"transcript":"Yeah, yeah, yeah, yeah, yeah, yeah, yeah. Yeah, whatever.","startTime":1628.11}},"type":"speech"}
{"so":1630352,"data":{"data":{"id":2886970,"memoryUsage":306991104,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":1638920,"data":{"data":{"transcript":"Is the capacity.","startTime":1638.92}},"type":"speech"}
{"so":1640339,"data":{"data":{"id":2819594,"memoryUsage":103215104,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":1643570,"data":{"data":{"transcript":"No.","startTime":1643.57}},"type":"speech"}
{"so":1650355,"data":{"data":{"id":2886970,"memoryUsage":308236288,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":1656600,"data":{"data":{"transcript":"I mean, what if the body was","startTime":1656.6}},"type":"speech"}
{"so":1660342,"data":{"data":{"id":2886970,"memoryUsage":306933760,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":1661010,"data":{"data":{"transcript":"Oh, yeah. Okay, that looks cool.","startTime":1661.01}},"type":"speech"}
{"so":1667390,"data":{"data":{"transcript":"Let's get the crime.","startTime":1667.39}},"type":"speech"}
{"so":1669760,"data":{"data":{"transcript":"Rebel colors.","startTime":1669.76}},"type":"speech"}
{"so":1670345,"data":{"data":{"id":2886970,"memoryUsage":310857728,"owner":{"name":"chrome.exe"},"title":"https://react.semantic-ui.com/layouts/grid/ - Google Chrome"}},"type":"window"}
{"so":1674880,"data":{"data":{"transcript":"She's kosher. Cool. Okay, so this is","startTime":1674.88}},"type":"speech"}
{"so":1680348,"data":{"data":{"id":2886970,"memoryUsage":307810304,"owner":{"name":"chrome.exe"},"title":"Babel · The compiler for next generation JavaScript - Google Chrome"}},"type":"window"}
{"so":1680510,"data":{"data":{"transcript":"Come on, Where's body Body? No price on. Sure.","startTime":1680.51}},"type":"speech"}
{"so":1684590,"data":{"data":{"transcript":"Background body and said the text color","startTime":1684.59}},"type":"speech"}
{"so":1689550,"data":{"data":{"transcript":"What is it? Okay now push her.","startTime":1689.55}},"type":"speech"}
{"so":1690375,"data":{"data":{"id":2886970,"memoryUsage":307830784,"owner":{"name":"chrome.exe"},"title":"Babel · The compiler for next generation JavaScript - Google Chrome"}},"type":"window"}
{"so":1692590,"data":{"data":{"transcript":"It's funny.","startTime":1692.59}},"type":"speech"}
{"so":1694560,"data":{"data":{"transcript":"Def. Where's this background color? Come from? Ah, this must be it.","startTime":1694.56}},"type":"speech"}
{"so":1700353,"data":{"data":{"id":2886970,"memoryUsage":307941376,"owner":{"name":"chrome.exe"},"title":"Babel · The compiler for next generation JavaScript - Google Chrome"}},"type":"window"}
{"so":1702460,"data":{"data":{"transcript":"Never sidebar. This is","startTime":1702.46}},"type":"speech"}
{"so":1710365,"data":{"data":{"id":2886970,"memoryUsage":307838976,"owner":{"name":"chrome.exe"},"title":"Babel · The compiler for next generation JavaScript - Google Chrome"}},"type":"window"}
{"so":1720358,"data":{"data":{"id":2886970,"memoryUsage":307838976,"owner":{"name":"chrome.exe"},"title":"Babel · The compiler for next generation JavaScript - Google Chrome"}},"type":"window"}
{"so":1730360,"data":{"data":{"id":2886970,"memoryUsage":307818496,"owner":{"name":"chrome.exe"},"title":"Babel · The compiler for next generation JavaScript - Google Chrome"}},"type":"window"}
{"so":1740365,"data":{"data":{"id":2886970,"memoryUsage":307793920,"owner":{"name":"chrome.exe"},"title":"Babel · The compiler for next generation JavaScript - Google Chrome"}},"type":"window"}
{"so":1749830,"data":{"data":{"transcript":"Chrome, So we're doing this chrome color picker extension.","startTime":1749.83}},"type":"speech"}
{"so":1750365,"data":{"data":{"id":2886970,"memoryUsage":310972416,"owner":{"name":"chrome.exe"},"title":"New Tab - Google Chrome"}},"type":"window"}
{"so":1757420,"data":{"data":{"transcript":"Cool colors. It was pretty good. I just try this one.","startTime":1757.42}},"type":"speech"}
{"so":1760392,"data":{"data":{"id":10750250,"memoryUsage":306470912,"owner":{"name":"chrome.exe"},"title":""}},"type":"window"}
{"so":1760520,"data":{"data":{"transcript":"12 and four. Now color Jill has more than that.","startTime":1760.52}},"type":"speech"}
{"so":1769970,"data":{"data":{"transcript":"Okay?","startTime":1769.97}},"type":"speech"}
{"so":1770378,"data":{"data":{"id":2886970,"memoryUsage":309383168,"owner":{"name":"chrome.exe"},"title":"ColorZilla Installed - Google Chrome"}},"type":"window"}
{"so":1772960,"data":{"data":{"transcript":"You got that?","startTime":1772.96}},"type":"speech"}
{"so":1780389,"data":{"data":{"id":28772122,"memoryUsage":310980608,"owner":{"name":"chrome.exe"},"title":"Extensions"}},"type":"window"}
{"so":1783640,"data":{"data":{"transcript":"Oh, no. I want the moving color like that Looks like it's it.","startTime":1783.64}},"type":"speech"}
{"so":1789890,"data":{"data":{"transcript":"I don't want hover color want them?","startTime":1789.89}},"type":"speech"}
{"so":1790375,"data":{"data":{"id":2886970,"memoryUsage":309653504,"owner":{"name":"chrome.exe"},"title":"Babel · The compiler for next generation JavaScript - Google Chrome"}},"type":"window"}
{"so":1795030,"data":{"data":{"transcript":"Okay?","startTime":1795.03}},"type":"speech"}
{"so":1798100,"data":{"data":{"transcript":"Um","startTime":1798.1}},"type":"speech"}
{"so":1800180,"data":{"data":{"transcript":"Cool. Yes, Let's just write some CSS here.","startTime":1800.18}},"type":"speech"}
{"so":1800375,"data":{"data":{"id":2819594,"memoryUsage":103522304,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":1804030,"data":{"data":{"transcript":"Style tiff.","startTime":1804.03}},"type":"speech"}
{"so":1810388,"data":{"data":{"id":2819594,"memoryUsage":103583744,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":1811287,"data":{"data":{"summary":{"changed":4,"commit":"0dd3715daaa5c2c4c3096ca3c1fefa061ced4b1a","deletions":1,"files":[{"changed":4,"deletions":1,"file":"src/components/App.js","insertions":3}],"insertions":3}}},"type":"diff-summary"}
{"so":1811291,"data":{"data":{"diff":"Commit 0dd3715daaa5c2c4c3096ca3c1fefa061ced4b1a\n--- src/components/App.js\n+++ src/components/App.js\n@@ -206,6 +206,7 @@ function useDebounce(value, delay) {\n // STYLES\n \n const Root = styled.div`\n+background-color: #2C3138;\n `;\n \n const Section = styled.section`\n"}},"type":"diff"}
{"so":1811291,"data":{"data":{"diff":"Commit 0dd3715daaa5c2c4c3096ca3c1fefa061ced4b1a\n--- src/components/App.js\n+++ src/components/App.js\n@@ -238,4 +239,4 @@ const ToggleRoot = styled.div`\n `;\n \n const Actions = styled(Wrapper)`\n-`;\n+`;+\n\\ No newline at end of file\n"}},"type":"diff"}
{"so":1820400,"data":{"data":{"id":2886970,"memoryUsage":307724288,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":1821133,"data":{"data":{"summary":{"changed":2,"commit":"1eacc5b896a23c34ca1f09aa8942c32ed5fe53c7","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":1821136,"data":{"data":{"diff":"Commit 1eacc5b896a23c34ca1f09aa8942c32ed5fe53c7\n--- src/components/App.js\n+++ src/components/App.js\n@@ -206,7 +206,7 @@ function useDebounce(value, delay) {\n // STYLES\n \n const Root = styled.div`\n-background-color: #2C3138;\n+ background-color: #2C3138;\n `;\n \n const Section = styled.section`\n"}},"type":"diff"}
{"so":1825500,"data":{"data":{"transcript":"Okay. What happened here?","startTime":1825.5}},"type":"speech"}
{"so":1830379,"data":{"data":{"id":2886970,"memoryUsage":307580928,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":1831050,"data":{"data":{"transcript":"Nothing's rendering.","startTime":1831.05}},"type":"speech"}
{"so":1834590,"data":{"data":{"transcript":"Okay?","startTime":1834.59}},"type":"speech"}
{"so":1840010,"data":{"data":{"transcript":"She assesses, defined but never use.","startTime":1840.01}},"type":"speech"}
{"so":1840380,"data":{"data":{"id":2819594,"memoryUsage":103612416,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":1841066,"data":{"data":{"summary":{"changed":1,"commit":"586b7e4f55321b7846c4b7ccc1651413e6db7f8c","deletions":1,"files":[{"changed":1,"deletions":1,"file":"src/components/App.js","insertions":0}],"insertions":0}}},"type":"diff-summary"}
{"so":1841069,"data":{"data":{"diff":"Commit 586b7e4f55321b7846c4b7ccc1651413e6db7f8c\n--- src/components/App.js\n+++ src/components/App.js\n@@ -206,7 +206,6 @@ function useDebounce(value, delay) {\n // STYLES\n \n const Root = styled.div`\n- background-color: #2C3138;\n `;\n \n const Section = styled.section`\n"}},"type":"diff"}
{"so":1844320,"data":{"data":{"transcript":"Okay?","startTime":1844.32}},"type":"speech"}
{"so":1846034,"data":{"data":{"summary":{"changed":1,"commit":"4faa7e12fea2284aaec326c675ef2a4390db8d82","deletions":0,"files":[{"changed":1,"deletions":0,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":1846038,"data":{"data":{"diff":"Commit 4faa7e12fea2284aaec326c675ef2a4390db8d82\n--- src/components/App.js\n+++ src/components/App.js\n@@ -206,6 +206,7 @@ function useDebounce(value, delay) {\n // STYLES\n \n const Root = styled.div`\n+ background-color: #2C3138;\n `;\n \n const Section = styled.section`\n"}},"type":"diff"}
{"so":1850370,"data":{"data":{"transcript":"Section is a sign of eye but never used. Okay, We don't want that.","startTime":1850.37}},"type":"speech"}
{"so":1850389,"data":{"data":{"id":2819594,"memoryUsage":103636992,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":1858250,"data":{"data":{"transcript":"Robbers not to find Yeah cares about rapper.","startTime":1858.25}},"type":"speech"}
{"so":1860389,"data":{"data":{"id":2819594,"memoryUsage":103636992,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":1861222,"data":{"data":{"summary":{"changed":5,"commit":"75e1ccf2daca26ce45e83261bdfac5cbad24f6b2","deletions":5,"files":[{"changed":5,"deletions":5,"file":"src/components/App.js","insertions":0}],"insertions":0}}},"type":"diff-summary"}
{"so":1861225,"data":{"data":{"diff":"Commit 75e1ccf2daca26ce45e83261bdfac5cbad24f6b2\n--- src/components/App.js\n+++ src/components/App.js\n@@ -209,11 +209,6 @@ const Root = styled.div`\n background-color: #2C3138;\n `;\n \n-const Section = styled.section`\n-`;\n-\n-const Wrapper = styled.div`\n-`;\n \n const Config = styled(Editor)`\n padding: 4px;\n"}},"type":"diff"}
{"so":1864630,"data":{"data":{"transcript":"Fine. We can never rabbit, okay?","startTime":1864.63}},"type":"speech"}
{"so":1870399,"data":{"data":{"id":2819594,"memoryUsage":103636992,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":1871209,"data":{"data":{"summary":{"changed":3,"commit":"6aa40d738cfb33eb5fd6b5ff255df12a71770c8a","deletions":0,"files":[{"changed":3,"deletions":0,"file":"src/components/App.js","insertions":3}],"insertions":3}}},"type":"diff-summary"}
{"so":1871212,"data":{"data":{"diff":"Commit 6aa40d738cfb33eb5fd6b5ff255df12a71770c8a\n--- src/components/App.js\n+++ src/components/App.js\n@@ -210,6 +210,9 @@ const Root = styled.div`\n `;\n \n \n+const Wrapper = styled.div`\n+`;\n+\n const Config = styled(Editor)`\n padding: 4px;\n `;\n"}},"type":"diff"}
{"so":1873200,"data":{"data":{"transcript":"Now will you compile?","startTime":1873.2}},"type":"speech"}
{"so":1875992,"data":{"data":{"summary":{"changed":2,"commit":"032207a9be1d3670d1a3f0407473ac988619aee3","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":1875994,"data":{"data":{"diff":"Commit 032207a9be1d3670d1a3f0407473ac988619aee3\n--- src/components/App.js\n+++ src/components/App.js\n@@ -1,7 +1,7 @@\n import React, { useState, useCallback, useEffect } from \"react\";\n // import * as Babel from \"@babel/standalone\";\n import * as Babel from \"@babel/core\";\n-import styled, { css } from \"styled-components\";\n+import styled, { } from \"styled-components\";\n \n import { Editor } from \"./Editor\";\n import { processOptions } from \"../standalone\";\n"}},"type":"diff"}
{"so":1880385,"data":{"data":{"id":2886970,"memoryUsage":309473280,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":1883030,"data":{"data":{"transcript":"He was stunned the body.","startTime":1883.03}},"type":"speech"}
{"so":1888910,"data":{"data":{"transcript":"Oh, there's that color.","startTime":1888.91}},"type":"speech"}
{"so":1890386,"data":{"data":{"id":2819594,"memoryUsage":102371328,"owner":{"name":"Code.exe"},"title":"index.html - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":1891300,"data":{"data":{"transcript":"Boom.","startTime":1891.3}},"type":"speech"}
{"so":1892430,"data":{"data":{"transcript":"That's funny.","startTime":1892.43}},"type":"speech"}
{"so":1893610,"data":{"data":{"transcript":"Okay, We're good.","startTime":1893.61}},"type":"speech"}
{"so":1895360,"data":{"data":{"transcript":"What? What is this? That word of this white come from?","startTime":1895.36}},"type":"speech"}
{"so":1899790,"data":{"data":{"transcript":"From inland style.","startTime":1899.79}},"type":"speech"}
{"so":1900388,"data":{"data":{"id":2819594,"memoryUsage":103251968,"owner":{"name":"Code.exe"},"title":"index.html - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":1906200,"data":{"data":{"transcript":"No, don't material.","startTime":1906.2}},"type":"speech"}
{"so":1909360,"data":{"data":{"transcript":"Oof! Yes, we do want material. Oh, boy. I was bad.","startTime":1909.36}},"type":"speech"}
{"so":1910405,"data":{"data":{"id":2819594,"memoryUsage":103530496,"owner":{"name":"Code.exe"},"title":"index.html - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":1911379,"data":{"data":{"summary":{"changed":51,"commit":"6ab64ea7473335c9fc3596b2d412e05f07c5faa8","deletions":24,"files":[{"changed":51,"deletions":24,"file":"public/index.html","insertions":27}],"insertions":27}}},"type":"diff-summary"}
{"so":1911388,"data":{"data":{"diff":"Commit 6ab64ea7473335c9fc3596b2d412e05f07c5faa8\n--- public/index.html\n+++ public/index.html\n@@ -1,28 +1,31 @@\n <!DOCTYPE html>\n <html lang=\"en\">\n- <head>\n- <meta charset=\"UTF-8\" />\n- <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n- <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\" />\n- <title>Babel Test Playground</title>\n \n- <style>\n- * {\n- box-sizing: border-box;\n- }\n- body {\n- font-family: sans-serif;\n- background-color: #24282a;\n- color: white;\n- font-family: Menlo;\n- font-size: 14px;\n- margin: 0;\n- }\n- </style>\n- <link rel=\"stylesheet\" href=\"/material.css\" />\n- <link rel=\"stylesheet\" href=\"/codemirror.css\" />\n- </head>\n- <body>\n- <div id=\"root\"></div>\n- </body>\n+<head>\n+ <meta charset=\"UTF-8\" />\n+ <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n+ <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\" />\n+ <title>Babel Test Playground</title>\n+\n+ <style>\n+ * {\n+ box-sizing: border-box;\n+ }\n+\n+ body {\n+ font-family: sans-serif;\n+ background-color: #24282a;\n+ color: white;\n+ font-family: Menlo;\n+ font-size: 14px;\n+ margin: 0;\n+ }\n+ </style>\n+ <link rel=\"stylesheet\" href=\"/codemirror.css\" />\n+</head>\n+\n+<body>\n+ <div id=\"root\"></div>\n+</body>\n+\n </html>\n"}},"type":"diff"}
{"so":1914440,"data":{"data":{"transcript":"What was that material materials. The theme is weird.","startTime":1914.44}},"type":"speech"}
{"so":1916079,"data":{"data":{"summary":{"changed":1,"commit":"c8133f8cc0282121dd59c1cfb55c5e690376c3d9","deletions":0,"files":[{"changed":1,"deletions":0,"file":"public/index.html","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":1916082,"data":{"data":{"diff":"Commit c8133f8cc0282121dd59c1cfb55c5e690376c3d9\n--- public/index.html\n+++ public/index.html\n@@ -21,6 +21,7 @@\n margin: 0;\n }\n </style>\n+ <link rel=\"stylesheet\" href=\"/material.css\" />\n <link rel=\"stylesheet\" href=\"/codemirror.css\" />\n </head>\n \n"}},"type":"diff"}
{"so":1918840,"data":{"data":{"transcript":"Um, route body.","startTime":1918.84}},"type":"speech"}
{"so":1920396,"data":{"data":{"id":2819594,"memoryUsage":102932480,"owner":{"name":"Code.exe"},"title":"index.html - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":1923740,"data":{"data":{"transcript":"Report important","startTime":1923.74}},"type":"speech"}
{"so":1926373,"data":{"data":{"summary":{"changed":2,"commit":"3e3485c5e777bbd549bbcd52f33e6af9fdf25dde","deletions":1,"files":[{"changed":2,"deletions":1,"file":"public/index.html","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":1926379,"data":{"data":{"diff":"Commit 3e3485c5e777bbd549bbcd52f33e6af9fdf25dde\n--- public/index.html\n+++ public/index.html\n@@ -14,7 +14,7 @@\n \n body {\n font-family: sans-serif;\n- background-color: #24282a;\n+ background-color: #24282a !important;\n color: white;\n font-family: Menlo;\n font-size: 14px;\n"}},"type":"diff"}
{"so":1929730,"data":{"data":{"transcript":"Hey, that's the call Everyone","startTime":1929.73}},"type":"speech"}
{"so":1930399,"data":{"data":{"id":2819594,"memoryUsage":102985728,"owner":{"name":"Code.exe"},"title":"index.html - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":1933390,"data":{"data":{"transcript":"Um","startTime":1933.39}},"type":"speech"}
{"so":1940250,"data":{"data":{"transcript":"Only we actually need","startTime":1940.25}},"type":"speech"}
{"so":1940400,"data":{"data":{"id":2819594,"memoryUsage":103010304,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":1941970,"data":{"data":{"transcript":"Two.","startTime":1941.97}},"type":"speech"}
{"so":1944100,"data":{"data":{"transcript":"Right?","startTime":1944.1}},"type":"speech"}
{"so":1946428,"data":{"data":{"summary":{"changed":2,"commit":"fb1db29f4ee07f12c937c327e95a2fe477ebd155","deletions":2,"files":[{"changed":2,"deletions":2,"file":"src/components/App.js","insertions":0}],"insertions":0}}},"type":"diff-summary"}
{"so":1946430,"data":{"data":{"diff":"Commit fb1db29f4ee07f12c937c327e95a2fe477ebd155\n--- src/components/App.js\n+++ src/components/App.js\n@@ -206,10 +206,8 @@ function useDebounce(value, delay) {\n // STYLES\n \n const Root = styled.div`\n- background-color: #2C3138;\n `;\n \n-\n const Wrapper = styled.div`\n `;\n \n"}},"type":"diff"}
{"so":1949940,"data":{"data":{"transcript":"And then if we take our","startTime":1949.94}},"type":"speech"}
{"so":1950395,"data":{"data":{"id":2886970,"memoryUsage":303849472,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":1953690,"data":{"data":{"transcript":"Celled.","startTime":1953.69}},"type":"speech"}
{"so":1957360,"data":{"data":{"transcript":"And we inverted","startTime":1957.36}},"type":"speech"}
{"so":1960397,"data":{"data":{"id":2819594,"memoryUsage":103460864,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":1961264,"data":{"data":{"summary":{"changed":2,"commit":"4248c86f26b52713dfe057ef512f7a4295af3a4c","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":1961266,"data":{"data":{"diff":"Commit 4248c86f26b52713dfe057ef512f7a4295af3a4c\n--- src/components/App.js\n+++ src/components/App.js\n@@ -116,7 +116,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n \n return (\n <Root>\n- <div className=\"ui internally celled grid\">\n+ <div className=\"ui internally celled grid invert\">\n <div className=\"row\">\n <Actions>\n <label>\n"}},"type":"diff"}
{"so":1961320,"data":{"data":{"transcript":"Inverted.","startTime":1961.32}},"type":"speech"}
{"so":1966022,"data":{"data":{"summary":{"changed":2,"commit":"4d4cb3dd2573af4a33b4f8bd713fb2e880f3f419","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":1966024,"data":{"data":{"diff":"Commit 4d4cb3dd2573af4a33b4f8bd713fb2e880f3f419\n--- src/components/App.js\n+++ src/components/App.js\n@@ -116,7 +116,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n \n return (\n <Root>\n- <div className=\"ui internally celled grid invert\">\n+ <div className=\"ui internally celled grid inverted\">\n <div className=\"row\">\n <Actions>\n <label>\n"}},"type":"diff"}
{"so":1966150,"data":{"data":{"transcript":"Maybe not.","startTime":1966.15}},"type":"speech"}
{"so":1970398,"data":{"data":{"id":2886970,"memoryUsage":303906816,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":1980408,"data":{"data":{"id":2886970,"memoryUsage":303636480,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":1986920,"data":{"data":{"transcript":"It must be a saman.","startTime":1986.92}},"type":"speech"}
{"so":1990411,"data":{"data":{"id":2886970,"memoryUsage":305795072,"owner":{"name":"chrome.exe"},"title":"ColorZilla Installed - Google Chrome"}},"type":"window"}
{"so":1990450,"data":{"data":{"transcript":"Semantic dark. There's got to be one","startTime":1990.45}},"type":"speech"}
{"so":2000410,"data":{"data":{"id":2886970,"memoryUsage":304271360,"owner":{"name":"chrome.exe"},"title":"Themes - Google Chrome"}},"type":"window"}
{"so":2010422,"data":{"data":{"id":2886970,"memoryUsage":304001024,"owner":{"name":"chrome.exe"},"title":"Themes - Google Chrome"}},"type":"window"}
{"so":2020405,"data":{"data":{"id":2886970,"memoryUsage":304308224,"owner":{"name":"chrome.exe"},"title":"Semantic-UI-Forest Themes Demo - Google Chrome"}},"type":"window"}
{"so":2030426,"data":{"data":{"id":2886970,"memoryUsage":305795072,"owner":{"name":"chrome.exe"},"title":"semantic ui dark theme - Google Search - Google Chrome"}},"type":"window"}
{"so":2040407,"data":{"data":{"id":2886970,"memoryUsage":304586752,"owner":{"name":"chrome.exe"},"title":"douglasg14b/awesome-semantic-ui: A curated list of Semantic-UI & Fomantic-UI resources and related projects - Google Chrome"}},"type":"window"}
{"so":2050429,"data":{"data":{"id":2886970,"memoryUsage":305082368,"owner":{"name":"chrome.exe"},"title":"manavsehgal/opentheme: Powerful new theme featuring Semantic UI for speedily creating amazing websites and mobile-hybrid apps on GitHub Pages. - Google Chrome"}},"type":"window"}
{"so":2060429,"data":{"data":{"id":2886970,"memoryUsage":305340416,"owner":{"name":"chrome.exe"},"title":"Semantic-UI-Forest Themes Demo - Google Chrome"}},"type":"window"}
{"so":2070413,"data":{"data":{"id":2819594,"memoryUsage":103546880,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":2071969.9999999998,"data":{"data":{"transcript":"Celled grid inverted. Okay, so it seems like they don't actually have inversion.","startTime":2071.97}},"type":"speech"}
{"so":2080424,"data":{"data":{"id":2886970,"memoryUsage":305197056,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":2090437,"data":{"data":{"id":2886970,"memoryUsage":305180672,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":2094139.9000000001,"data":{"data":{"transcript":"So where does the border come from?","startTime":2094.1399}},"type":"speech"}
{"so":2100440,"data":{"data":{"id":2886970,"memoryUsage":305033216,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":2109310,"data":{"data":{"transcript":"It must be in after","startTime":2109.31}},"type":"speech"}
{"so":2110440,"data":{"data":{"id":2886970,"memoryUsage":305033216,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":2120437,"data":{"data":{"id":2886970,"memoryUsage":305020928,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":2130421,"data":{"data":{"id":2886970,"memoryUsage":305008640,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":2140423,"data":{"data":{"id":2886970,"memoryUsage":304971776,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":2150440,"data":{"data":{"id":2886970,"memoryUsage":304971776,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":2160424,"data":{"data":{"id":2886970,"memoryUsage":304951296,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":2170442,"data":{"data":{"id":2819594,"memoryUsage":103559168,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":2180426,"data":{"data":{"id":2819594,"memoryUsage":103567360,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":2190436,"data":{"data":{"id":2819594,"memoryUsage":98795520,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":2200430,"data":{"data":{"id":2886970,"memoryUsage":311291904,"owner":{"name":"chrome.exe"},"title":"New Tab - Google Chrome"}},"type":"window"}
{"so":2210430,"data":{"data":{"id":2886970,"memoryUsage":306069504,"owner":{"name":"chrome.exe"},"title":"Theming | Semantic UI - Google Chrome"}},"type":"window"}
{"so":2220444,"data":{"data":{"id":2886970,"memoryUsage":305803264,"owner":{"name":"chrome.exe"},"title":"Theming | Semantic UI - Google Chrome"}},"type":"window"}
{"so":2230433,"data":{"data":{"id":2886970,"memoryUsage":305795072,"owner":{"name":"chrome.exe"},"title":"Theming | Semantic UI - Google Chrome"}},"type":"window"}
{"so":2240435,"data":{"data":{"id":2886970,"memoryUsage":305704960,"owner":{"name":"chrome.exe"},"title":"Theming | Semantic UI - Google Chrome"}},"type":"window"}
{"so":2250452,"data":{"data":{"id":2886970,"memoryUsage":309489664,"owner":{"name":"chrome.exe"},"title":"New Tab - Google Chrome"}},"type":"window"}
{"so":2260437,"data":{"data":{"id":2886970,"memoryUsage":306229248,"owner":{"name":"chrome.exe"},"title":"semantic ui dark mode - Google Search - Google Chrome"}},"type":"window"}
{"so":2270439,"data":{"data":{"id":2886970,"memoryUsage":307339264,"owner":{"name":"chrome.exe"},"title":"https://www.google.com/search?rlz=1C1GCEA_enUS895US895&ei=QhAiX7jbGsq1tgWUm4qgDQ&q=semantic+ui+black+background&oq=semantic+ui+black+background&gs_lcp=CgZwc3ktYWIQAzIICCEQFhAdEB4yCAghEBYQHRAeMggIIRAWEB0QHjoECAAQRzoGCAAQDRAKOggIABANEAoQHjoICAAQCBANEB46BQgAEM0CUORrWIt8YLx9aABwAngAgAFiiAGMC5IBAjE3mAEAoAEBqgEHZ3dzLXdpesABAQ&sclient=psy-ab&ved=0ahUKEwi4hOek2PPqAhXKmq0KHZSNAtQQ4dUDCAw&uact=5 - Google Chrome"}},"type":"window"}
{"so":2280455,"data":{"data":{"id":2886970,"memoryUsage":307134464,"owner":{"name":"chrome.exe"},"title":"semantic ui black background - Google Search - Google Chrome"}},"type":"window"}
{"so":2290450,"data":{"data":{"id":2886970,"memoryUsage":306233344,"owner":{"name":"chrome.exe"},"title":"semantic ui black background - Google Search - Google Chrome"}},"type":"window"}
{"so":2300470,"data":{"data":{"id":2886970,"memoryUsage":307445760,"owner":{"name":"chrome.exe"},"title":"Theming - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":2310462,"data":{"data":{"id":2886970,"memoryUsage":306393088,"owner":{"name":"chrome.exe"},"title":"Theming - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":2320447,"data":{"data":{"id":2886970,"memoryUsage":306200576,"owner":{"name":"chrome.exe"},"title":"Theming - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":2330454,"data":{"data":{"id":2886970,"memoryUsage":306200576,"owner":{"name":"chrome.exe"},"title":"Theming - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":2340468,"data":{"data":{"id":2886970,"memoryUsage":306327552,"owner":{"name":"chrome.exe"},"title":"Theming - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":2350463,"data":{"data":{"id":2886970,"memoryUsage":307044352,"owner":{"name":"chrome.exe"},"title":"Theming - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":2359210,"data":{"data":{"transcript":"You were trying to team this dark. I really I really wanted to be dark. It's pretty important.","startTime":2359.21}},"type":"speech"}
{"so":2360470,"data":{"data":{"id":2819594,"memoryUsage":98795520,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":2370460,"data":{"data":{"id":2819594,"memoryUsage":98832384,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":2380454,"data":{"data":{"id":2886970,"memoryUsage":306446336,"owner":{"name":"chrome.exe"},"title":"Theming - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":2390474,"data":{"data":{"id":2819594,"memoryUsage":99016704,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":2398240,"data":{"data":{"transcript":"You were using your honor package. We're just choose one.","startTime":2398.24}},"type":"speech"}
{"so":2400455,"data":{"data":{"id":2886970,"memoryUsage":306376704,"owner":{"name":"chrome.exe"},"title":"Theming - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":2407590.3,"data":{"data":{"transcript":"I don't have a back yard package locks.","startTime":2407.5903}},"type":"speech"}
{"so":2410456,"data":{"data":{"id":2819594,"memoryUsage":99442688,"owner":{"name":"Code.exe"},"title":"package.json - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":2420476,"data":{"data":{"id":2819594,"memoryUsage":99741696,"owner":{"name":"Code.exe"},"title":"package.json - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":2430460,"data":{"data":{"id":2819594,"memoryUsage":99741696,"owner":{"name":"Code.exe"},"title":"package.json - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":2440459,"data":{"data":{"id":8129640,"memoryUsage":74907648,"owner":{"name":"Discord.exe"},"title":"#babel - Discord"}},"type":"window"}
{"so":2450477,"data":{"data":{"id":8129640,"memoryUsage":74907648,"owner":{"name":"Discord.exe"},"title":"#babel - Discord"}},"type":"window"}
{"so":2460485,"data":{"data":{"id":8129640,"memoryUsage":75173888,"owner":{"name":"Discord.exe"},"title":"#babel - Discord"}},"type":"window"}
{"so":2470478,"data":{"data":{"id":8129640,"memoryUsage":75227136,"owner":{"name":"Discord.exe"},"title":"#babel - Discord"}},"type":"window"}
{"so":2480469,"data":{"data":{"id":2886970,"memoryUsage":306364416,"owner":{"name":"chrome.exe"},"title":"Theming - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":2481300,"data":{"data":{"summary":{"changed":1,"commit":"0c12992c5225f36ef30fca138a9fea3a24b430df","deletions":1,"files":[{"changed":1,"deletions":1,"file":"package.json","insertions":0}],"insertions":0}}},"type":"diff-summary"}
{"so":2481306,"data":{"data":{"diff":"Commit 0c12992c5225f36ef30fca138a9fea3a24b430df\n--- package.json\n+++ package.json\n@@ -16,7 +16,6 @@\n \"react\": \"16.11.0\",\n \"react-codemirror2\": \"^7.2.0\",\n \"react-dom\": \"16.11.0\",\n- \"semantic-ui-css\": \"^2.4.1\",\n \"semantic-ui-react\": \"^1.0.0\",\n \"styled-components\": \"4.4.1\"\n },\n"}},"type":"diff"}
{"so":2486337,"data":{"data":{"summary":{"changed":0,"commit":"4d07eed9b7b0e1f91dceda73cd9f28aa447e362c","deletions":0,"files":[{"changed":0,"deletions":0,"file":"package-lock.json","insertions":0}],"insertions":0}}},"type":"diff-summary"}
{"so":2490479,"data":{"data":{"id":2819594,"memoryUsage":99676160,"owner":{"name":"Code.exe"},"title":"package.json - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":2500465,"data":{"data":{"id":2819594,"memoryUsage":100114432,"owner":{"name":"Code.exe"},"title":"package.json - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":2510466,"data":{"data":{"id":2819594,"memoryUsage":100216832,"owner":{"name":"Code.exe"},"title":"package.json - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":2520471,"data":{"data":{"id":2819594,"memoryUsage":99512320,"owner":{"name":"Code.exe"},"title":"package.json - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":2525379.8000000003,"data":{"data":{"transcript":"But it's crack. Oh,","startTime":2525.3798}},"type":"speech"}
{"so":2530469,"data":{"data":{"id":2886970,"memoryUsage":300646400,"owner":{"name":"chrome.exe"},"title":"Theming - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":2531381,"data":{"data":{"summary":{"changed":106,"commit":"9bbd6686aab3f4129591fb50a935bd8b4bdac7eb","deletions":7,"files":[{"changed":5,"deletions":1,"file":"package.json","insertions":4},{"changed":101,"deletions":6,"file":"yarn.lock","insertions":95}],"insertions":99}}},"type":"diff-summary"}
{"so":2531383,"data":{"data":{"diff":"Commit 9bbd6686aab3f4129591fb50a935bd8b4bdac7eb\n--- package.json\n+++ package.json\n@@ -23,8 +23,11 @@\n \"start\": \"react-scripts start\"\n },\n \"devDependencies\": {\n+ \"@craco/craco\": \"^5.6.4\",\n+ \"@semantic-ui-react/craco-less\": \"^1.2.1\",\n \"prettier\": \"~2.0.5\",\n- \"react-scripts\": \"3.4.1\"\n+ \"react-scripts\": \"3.4.1\",\n+ \"semantic-ui-less\": \"^2.4.1\"\n },\n \"browserslist\": {\n \"production\": [\n"}},"type":"diff"}
{"so":2531384,"data":{"data":{"diff":"Commit 9bbd6686aab3f4129591fb50a935bd8b4bdac7eb\n--- yarn.lock\n+++ yarn.lock\n@@ -1145,6 +1145,15 @@\n exec-sh \"^0.3.2\"\n minimist \"^1.2.0\"\n \n+\"@craco/craco@^5.6.4\":\n+ version \"5.6.4\"\n+ resolved \"https://registry.yarnpkg.com/@craco/craco/-/craco-5.6.4.tgz#de7a707c727864f39e6afc192fb6732c3ca45f90\"\n+ integrity sha512-/Qi6yPMOBC7SEZJEDI5vYaPiGFs7HzO4AAZkGB0W3MX2OCw4u4FZC+ZO6TBptGzM3QLrF7WFt5AyQnXhNBcn3A==\n+ dependencies:\n+ cross-spawn \"^7.0.0\"\n+ lodash \"^4.17.15\"\n+ webpack-merge \"^4.2.2\"\n+\n \"@csstools/convert-colors@^1.4.0\":\n version \"1.4.0\"\n resolved \"https://registry.yarnpkg.com/@csstools/convert-colors/-/convert-colors-1.4.0.tgz#ad495dc41b12e75d588c6db8b9834f08fa131eb7\"\n"}},"type":"diff"}
{"so":2531384,"data":{"data":{"diff":"Commit 9bbd6686aab3f4129591fb50a935bd8b4bdac7eb\n--- yarn.lock\n+++ yarn.lock\n@@ -1372,6 +1381,13 @@\n resolved \"https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-1.1.3.tgz#2b5a3ab3f918cca48a8c754c08168e3f03eba61b\"\n integrity sha512-shAmDyaQC4H92APFoIaVDHCx5bStIocgvbwQyxPRrbUY20V1EYTbSDchWbuwlMG3V17cprZhA6+78JfB+3DTPw==\n \n+\"@semantic-ui-react/craco-less@^1.2.1\":\n+ version \"1.2.1\"\n+ resolved \"https://registry.yarnpkg.com/@semantic-ui-react/craco-less/-/craco-less-1.2.1.tgz#8267e5d252a1a3551fc9c2f531c4cd09c162bf96\"\n+ integrity sha512-GfAwiyTOS19AWccxg5HOhOfmT6b0Q9bbTs4rRXgKURIpJvAnYdA2zdpbhQD6CeAj5CQukHAn/26fvk+ZuyNE7g==\n+ dependencies:\n+ craco-less \"^1.15.0\"\n+\n \"@semantic-ui-react/event-stack@^3.1.0\":\n version \"3.1.1\"\n resolved \"https://registry.yarnpkg.com/@semantic-ui-react/event-stack/-/event-stack-3.1.1.tgz#3263d17511db81a743167fe45281a24b3eb6b3c8\"\n"}},"type":"diff"}
{"so":2531384,"data":{"data":{"diff":"Commit 9bbd6686aab3f4129591fb50a935bd8b4bdac7eb\n--- yarn.lock\n+++ yarn.lock\n@@ -2985,6 +3001,11 @@ clone-deep@^4.0.1:\n kind-of \"^6.0.2\"\n shallow-clone \"^3.0.0\"\n \n+clone@^2.1.2:\n+ version \"2.1.2\"\n+ resolved \"https://registry.yarnpkg.com/clone/-/clone-2.1.2.tgz#1b7f4b9f591f1e8f83670401600345a02887435f\"\n+ integrity sha1-G39Ln1kfHo+DZwQBYANFoCiHQ18=\n+\n co@^4.6.0:\n version \"4.6.0\"\n resolved \"https://registry.yarnpkg.com/co/-/co-4.6.0.tgz#6ea6bdf3d853ae54ccb8e47bfa0bf3f9031fb184\"\n"}},"type":"diff"}
{"so":2531384,"data":{"data":{"diff":"Commit 9bbd6686aab3f4129591fb50a935bd8b4bdac7eb\n--- yarn.lock\n+++ yarn.lock\n@@ -3256,6 +3277,14 @@ cosmiconfig@^6.0.0:\n path-type \"^4.0.0\"\n yaml \"^1.7.2\"\n \n+craco-less@^1.15.0:\n+ version \"1.17.0\"\n+ resolved \"https://registry.yarnpkg.com/craco-less/-/craco-less-1.17.0.tgz#3d92e59966e1fdecef4d173b2389985a75cb6bb9\"\n+ integrity sha512-G+GPEKPPKiSvYDsnQWuj1C4CIuaY8w+iHvULHkNf5QWLE0LkPfSRf3frhRDJjFxtkThpLPSLjWndD9kx8bCWzw==\n+ dependencies:\n+ less \"^3.11.1\"\n+ less-loader \"^6.1.0\"\n+\n create-ecdh@^4.0.0:\n version \"4.0.3\"\n resolved \"https://registry.yarnpkg.com/create-ecdh/-/create-ecdh-4.0.3.tgz#c9111b6f33045c4697f144787f9254cdc77c45ff\"\n"}},"type":"diff"}
{"so":2531384,"data":{"data":{"diff":"Commit 9bbd6686aab3f4129591fb50a935bd8b4bdac7eb\n--- yarn.lock\n+++ yarn.lock\n@@ -3315,6 +3344,15 @@ cross-spawn@^6.0.0, cross-spawn@^6.0.5:\n shebang-command \"^1.2.0\"\n which \"^1.2.9\"\n \n+cross-spawn@^7.0.0:\n+ version \"7.0.3\"\n+ resolved \"https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6\"\n+ integrity sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==\n+ dependencies:\n+ path-key \"^3.1.0\"\n+ shebang-command \"^2.0.0\"\n+ which \"^2.0.1\"\n+\n crypto-browserify@^3.11.0:\n version \"3.12.0\"\n resolved \"https://registry.yarnpkg.com/crypto-browserify/-/crypto-browserify-3.12.0.tgz#396cf9f3137f03e4b8e532c58f698254e00f80ec\"\n"}},"type":"diff"}
{"so":2531384,"data":{"data":{"diff":"Commit 9bbd6686aab3f4129591fb50a935bd8b4bdac7eb\n--- yarn.lock\n+++ yarn.lock\n@@ -3981,7 +4019,7 @@ entities@^2.0.0:\n resolved \"https://registry.yarnpkg.com/entities/-/entities-2.0.2.tgz#ac74db0bba8d33808bbf36809c3a5c3683531436\"\n integrity sha512-dmD3AvJQBUjKpcNkoqr+x+IF0SdRtPz9Vk0uTy4yWqga9ibB6s4v++QFWNohjiUGoMlF552ZvNyXDxz5iW0qmw==\n \n-errno@^0.1.3, errno@~0.1.7:\n+errno@^0.1.1, errno@^0.1.3, errno@~0.1.7:\n version \"0.1.7\"\n resolved \"https://registry.yarnpkg.com/errno/-/errno-0.1.7.tgz#4684d71779ad39af177e3f007996f7c67c852618\"\n integrity sha512-MfrRBDWzIWifgq6tJj60gkAwtLNb6sQPlcFrSOflcP1aFmmruKQ2wRnze/8V6kgyz7H3FF8Npzv78mZ7XLLflg==\n"}},"type":"diff"}
{"so":2531384,"data":{"data":{"diff":"Commit 9bbd6686aab3f4129591fb50a935bd8b4bdac7eb\n--- yarn.lock\n+++ yarn.lock\n@@ -5289,6 +5327,11 @@ ignore@^4.0.6:\n resolved \"https://registry.yarnpkg.com/ignore/-/ignore-4.0.6.tgz#750e3db5862087b4737ebac8207ffd1ef27b25fc\"\n integrity sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==\n \n+image-size@~0.5.0:\n+ version \"0.5.5\"\n+ resolved \"https://registry.yarnpkg.com/image-size/-/image-size-0.5.5.tgz#09dfd4ab9d20e29eb1c3e80b8990378df9e3cb9c\"\n+ integrity sha1-Cd/Uq50g4p6xw+gLiZA3jfnjy5w=\n+\n [email protected]:\n version \"1.10.0\"\n resolved \"https://registry.yarnpkg.com/immer/-/immer-1.10.0.tgz#bad67605ba9c810275d91e1c2a47d4582e98286d\"\n"}},"type":"diff"}
{"so":2531384,"data":{"data":{"diff":"Commit 9bbd6686aab3f4129591fb50a935bd8b4bdac7eb\n--- yarn.lock\n+++ yarn.lock\n@@ -6488,6 +6531,31 @@ left-pad@^1.3.0:\n resolved \"https://registry.yarnpkg.com/left-pad/-/left-pad-1.3.0.tgz#5b8a3a7765dfe001261dde915589e782f8c94d1e\"\n integrity sha512-XI5MPzVNApjAyhQzphX8BkmKsKUxD4LdyK24iZeQGinBN9yTQT3bFlCBy/aVx2HrNcqQGsdot8ghrjyrvMCoEA==\n \n+less-loader@^6.1.0:\n+ version \"6.2.0\"\n+ resolved \"https://registry.yarnpkg.com/less-loader/-/less-loader-6.2.0.tgz#8b26f621c155b342eefc24f5bd6e9dc40c42a719\"\n+ integrity sha512-Cl5h95/Pz/PWub/tCBgT1oNMFeH1WTD33piG80jn5jr12T4XbxZcjThwNXDQ7AG649WEynuIzO4b0+2Tn9Qolg==\n+ dependencies:\n+ clone \"^2.1.2\"\n+ less \"^3.11.3\"\n+ loader-utils \"^2.0.0\"\n+ schema-utils \"^2.7.0\"\n+\n+less@^3.11.1, less@^3.11.3:\n+ version \"3.12.2\"\n+ resolved \"https://registry.yarnpkg.com/less/-/less-3.12.2.tgz#157e6dd32a68869df8859314ad38e70211af3ab4\"\n+ integrity sha512-+1V2PCMFkL+OIj2/HrtrvZw0BC0sYLMICJfbQjuj/K8CEnlrFX6R5cKKgzzttsZDHyxQNL1jqMREjKN3ja/E3Q==\n+ dependencies:\n+ tslib \"^1.10.0\"\n+ optionalDependencies:\n+ errno \"^0.1.1\"\n+ graceful-fs \"^4.1.2\"\n+ image-size \"~0.5.0\"\n+ make-dir \"^2.1.0\"\n+ mime \"^1.4.1\"\n+ native-request \"^1.0.5\"\n+ source-map \"~0.6.0\"\n+\n leven@^3.1.0:\n version \"3.1.0\"\n resolved \"https://registry.yarnpkg.com/leven/-/leven-3.1.0.tgz#77891de834064cccba82ae7842bb6b14a13ed7f2\"\n"}},"type":"diff"}
{"so":2531384,"data":{"data":{"diff":"Commit 9bbd6686aab3f4129591fb50a935bd8b4bdac7eb\n--- yarn.lock\n+++ yarn.lock\n@@ -6564,6 +6632,15 @@ loader-utils@^1.1.0, loader-utils@^1.2.3, loader-utils@^1.4.0:\n emojis-list \"^3.0.0\"\n json5 \"^1.0.1\"\n \n+loader-utils@^2.0.0:\n+ version \"2.0.0\"\n+ resolved \"https://registry.yarnpkg.com/loader-utils/-/loader-utils-2.0.0.tgz#e4cace5b816d425a166b5f097e10cd12b36064b0\"\n+ integrity sha512-rP4F0h2RaWSvPEkD7BLDFQnvSf+nK+wr3ESUjNTyAGobqrijmW92zc+SO6d4p4B1wh7+B/Jg1mkQe5NYUEHtHQ==\n+ dependencies:\n+ big.js \"^5.2.2\"\n+ emojis-list \"^3.0.0\"\n+ json5 \"^2.1.2\"\n+\n locate-path@^2.0.0:\n version \"2.0.0\"\n resolved \"https://registry.yarnpkg.com/locate-path/-/locate-path-2.0.0.tgz#2b568b265eec944c6d9c0de9c3dbbbca0354cd8e\"\n"}},"type":"diff"}
{"so":2531384,"data":{"data":{"diff":"Commit 9bbd6686aab3f4129591fb50a935bd8b4bdac7eb\n--- yarn.lock\n+++ yarn.lock\n@@ -6838,7 +6915,7 @@ mime-types@^2.1.12, mime-types@~2.1.17, mime-types@~2.1.19, mime-types@~2.1.24:\n dependencies:\n mime-db \"1.44.0\"\n \[email protected]:\[email protected], mime@^1.4.1:\n version \"1.6.0\"\n resolved \"https://registry.yarnpkg.com/mime/-/mime-1.6.0.tgz#32cd9e5c64553bd58d19a568af452acff04981b1\"\n integrity sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==\n"}},"type":"diff"}
{"so":2531384,"data":{"data":{"diff":"Commit 9bbd6686aab3f4129591fb50a935bd8b4bdac7eb\n--- yarn.lock\n+++ yarn.lock\n@@ -7019,6 +7096,11 @@ nanomatch@^1.2.9:\n snapdragon \"^0.8.1\"\n to-regex \"^3.0.1\"\n \n+native-request@^1.0.5:\n+ version \"1.0.7\"\n+ resolved \"https://registry.yarnpkg.com/native-request/-/native-request-1.0.7.tgz#ff742dc555b4c8f2f1c14b548639ba174e573856\"\n+ integrity sha512-9nRjinI9bmz+S7dgNtf4A70+/vPhnd+2krGpy4SUlADuOuSa24IDkNaZ+R/QT1wQ6S8jBdi6wE7fLekFZNfUpQ==\n+\n natural-compare@^1.4.0:\n version \"1.4.0\"\n resolved \"https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7\"\n"}},"type":"diff"}
{"so":2531384,"data":{"data":{"diff":"Commit 9bbd6686aab3f4129591fb50a935bd8b4bdac7eb\n--- yarn.lock\n+++ yarn.lock\n@@ -9304,7 +9386,7 @@ schema-utils@^1.0.0:\n ajv-errors \"^1.0.0\"\n ajv-keywords \"^3.1.0\"\n \n-schema-utils@^2.5.0, schema-utils@^2.6.0, schema-utils@^2.6.1, schema-utils@^2.6.4, schema-utils@^2.6.5:\n+schema-utils@^2.5.0, schema-utils@^2.6.0, schema-utils@^2.6.1, schema-utils@^2.6.4, schema-utils@^2.6.5, schema-utils@^2.7.0:\n version \"2.7.0\"\n resolved \"https://registry.yarnpkg.com/schema-utils/-/schema-utils-2.7.0.tgz#17151f76d8eae67fbbf77960c33c676ad9f4efc7\"\n integrity sha512-0ilKFI6QQF5nxDZLFn2dMjvc4hjg/Wkg7rHd3jK6/A4a1Hl9VFdQWvgB1UMGoU94pad1P/8N7fMcEnLnSiju8A==\n"}},"type":"diff"}
{"so":2531384,"data":{"data":{"diff":"Commit 9bbd6686aab3f4129591fb50a935bd8b4bdac7eb\n--- yarn.lock\n+++ yarn.lock\n@@ -9325,10 +9407,10 @@ selfsigned@^1.10.7:\n dependencies:\n node-forge \"0.9.0\"\n \n-semantic-ui-css@^2.4.1:\n+semantic-ui-less@^2.4.1:\n version \"2.4.1\"\n- resolved \"https://registry.yarnpkg.com/semantic-ui-css/-/semantic-ui-css-2.4.1.tgz#f5aea39fafb787cbd905ec724272a3f9cba9004a\"\n- integrity sha512-Pkp0p9oWOxlH0kODx7qFpIRYpK1T4WJOO4lNnpNPOoWKCrYsfHqYSKgk5fHfQtnWnsAKy7nLJMW02bgDWWFZFg==\n+ resolved \"https://registry.yarnpkg.com/semantic-ui-less/-/semantic-ui-less-2.4.1.tgz#f5fe6d9160b6655a2f552e7ea553c5b896c2f1aa\"\n+ integrity sha512-/+nhPV6If2ydCz89/SSWzYD8ualDtjh4Tk3F6cqRj2luZj1DRjJ2nM9NKqmeyLlQFNFM94wpnpKXcjxRzZh5GA==\n dependencies:\n jquery x.*\n \n"}},"type":"diff"}
{"so":2531384,"data":{"data":{"diff":"Commit 9bbd6686aab3f4129591fb50a935bd8b4bdac7eb\n--- yarn.lock\n+++ yarn.lock\n@@ -10689,6 +10771,13 @@ [email protected]:\n object.entries \"^1.1.0\"\n tapable \"^1.0.0\"\n \n+webpack-merge@^4.2.2:\n+ version \"4.2.2\"\n+ resolved \"https://registry.yarnpkg.com/webpack-merge/-/webpack-merge-4.2.2.tgz#a27c52ea783d1398afd2087f547d7b9d2f43634d\"\n+ integrity sha512-TUE1UGoTX2Cd42j3krGYqObZbOD+xF7u28WB7tfUordytSjbWTIjK/8V0amkBfTYN4/pB/GIDlJZZ657BGG19g==\n+ dependencies:\n+ lodash \"^4.17.15\"\n+\n webpack-sources@^1.1.0, webpack-sources@^1.4.0, webpack-sources@^1.4.1, webpack-sources@^1.4.3:\n version \"1.4.3\"\n resolved \"https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-1.4.3.tgz#eedd8ec0b928fbf1cbfe994e22d2d890f330a933\"\n"}},"type":"diff"}
{"so":2536424,"data":{"data":{"summary":{"changed":7,"commit":"7485e89917cefdac1f74ba6cdf2edf732e0dacf0","deletions":1,"files":[{"changed":7,"deletions":1,"file":"package.json","insertions":6}],"insertions":6}}},"type":"diff-summary"}
{"so":2536427,"data":{"data":{"diff":"Commit 7485e89917cefdac1f74ba6cdf2edf732e0dacf0\n--- package.json\n+++ package.json\n@@ -20,7 +20,12 @@\n \"styled-components\": \"4.4.1\"\n },\n \"scripts\": {\n- \"start\": \"react-scripts start\"\n+ \"scripts\": {\n+ \"start\": \"craco start\",\n+ \"build\": \"craco build\",\n+ \"test\": \"craco test\",\n+ \"eject\": \"craco eject\"\n+ }\n },\n \"devDependencies\": {\n \"@craco/craco\": \"^5.6.4\",\n"}},"type":"diff"}
{"so":2540490,"data":{"data":{"id":2819594,"memoryUsage":99926016,"owner":{"name":"Code.exe"},"title":"● package.json - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":2544030,"data":{"data":{"transcript":"This cracker doc config dot Js.","startTime":2544.03}},"type":"speech"}
{"so":2546246,"data":{"data":{"summary":{"changed":10,"commit":"9d58a5ca2536af0a3a7ddc299c92d9495851ded7","deletions":6,"files":[{"changed":10,"deletions":6,"file":"package.json","insertions":4}],"insertions":4}}},"type":"diff-summary"}
{"so":2546248,"data":{"data":{"diff":"Commit 9d58a5ca2536af0a3a7ddc299c92d9495851ded7\n--- package.json\n+++ package.json\n@@ -20,12 +20,10 @@\n \"styled-components\": \"4.4.1\"\n },\n \"scripts\": {\n- \"scripts\": {\n- \"start\": \"craco start\",\n- \"build\": \"craco build\",\n- \"test\": \"craco test\",\n- \"eject\": \"craco eject\"\n- }\n+ \"start\": \"craco start\",\n+ \"build\": \"craco build\",\n+ \"test\": \"craco test\",\n+ \"eject\": \"craco eject\"\n },\n \"devDependencies\": {\n \"@craco/craco\": \"^5.6.4\",\n"}},"type":"diff"}
{"so":2550487,"data":{"data":{"id":2819594,"memoryUsage":99500032,"owner":{"name":"Code.exe"},"title":"package.json - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":2556265,"data":{"data":{"summary":{"changed":0,"commit":"5784ee5f7e9385f351af649e8da3a9f4250739d2","deletions":0,"files":[{"changed":0,"deletions":0,"file":"craco.config.js","insertions":0}],"insertions":0}}},"type":"diff-summary"}
{"so":2560477,"data":{"data":{"id":2819594,"memoryUsage":99979264,"owner":{"name":"Code.exe"},"title":"craco.config.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":2565040,"data":{"data":{"transcript":"Okay. And since the all this come from","startTime":2565.04}},"type":"speech"}
{"so":2570482,"data":{"data":{"id":2819594,"memoryUsage":100036608,"owner":{"name":"Code.exe"},"title":"craco.config.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":2574928,"data":{"data":{"summary":{"changed":0,"commit":"5eb346261f9f46cf66fafb024a8520fe55856e01","deletions":0,"files":[{"changed":0,"deletions":0,"file":"src/semantic-ui/","insertions":0}],"insertions":0}}},"type":"diff-summary"}
{"so":2580473,"data":{"data":{"id":2819594,"memoryUsage":100339712,"owner":{"name":"Code.exe"},"title":"craco.config.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":2580490,"data":{"data":{"transcript":"Files to source semantic US source.","startTime":2580.49}},"type":"speech"}
{"so":2584050,"data":{"data":{"transcript":"Wait, where","startTime":2584.05}},"type":"speech"}
{"so":2585230,"data":{"data":{"transcript":"Three freshness or semantic, you eye sight.","startTime":2585.23}},"type":"speech"}
{"so":2590159.7,"data":{"data":{"transcript":"Name.","startTime":2590.1597}},"type":"speech"}
{"so":2590494,"data":{"data":{"id":2819594,"memoryUsage":100343808,"owner":{"name":"Code.exe"},"title":"craco.config.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":2597070,"data":{"data":{"transcript":"Mostly done.","startTime":2597.07}},"type":"speech"}
{"so":2599889.7,"data":{"data":{"transcript":"And we need to add this shoulders.","startTime":2599.8897}},"type":"speech"}
{"so":2600474,"data":{"data":{"id":2819594,"memoryUsage":99688448,"owner":{"name":"Code.exe"},"title":"theme.config - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":2604970,"data":{"data":{"transcript":"Yeah, I can need two rooms.","startTime":2604.97}},"type":"speech"}
{"so":2606820,"data":{"data":{"transcript":"Change of evil. Yeah.","startTime":2606.82}},"type":"speech"}
{"so":2610494,"data":{"data":{"id":2819594,"memoryUsage":99733504,"owner":{"name":"Code.exe"},"title":"theme.config - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":2612950,"data":{"data":{"transcript":"Look at the folders right? The folders.","startTime":2612.95}},"type":"speech"}
{"so":2616060,"data":{"data":{"transcript":"Hey.","startTime":2616.06}},"type":"speech"}
{"so":2617710,"data":{"data":{"transcript":"Import the main less in your entry file index that Js","startTime":2617.71}},"type":"speech"}
{"so":2620493,"data":{"data":{"id":2819594,"memoryUsage":99450880,"owner":{"name":"Code.exe"},"title":"theme.config - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":2623890,"data":{"data":{"transcript":"Going in for this.","startTime":2623.89}},"type":"speech"}
{"so":2624682,"data":{"data":{"summary":{"changed":6,"commit":"d695bc63089e526391e9b7261c6e76f746fd0901","deletions":3,"files":[{"changed":6,"deletions":3,"file":"src/semantic-ui/theme.config","insertions":3}],"insertions":3}}},"type":"diff-summary"}
{"so":2624686,"data":{"data":{"diff":"Commit d695bc63089e526391e9b7261c6e76f746fd0901\n--- src/semantic-ui/theme.config\n+++ src/semantic-ui/theme.config\n@@ -77,11 +77,11 @@\n Folders\n *******************************/\n \n-/* Path to theme packages */\n @themesFolder : 'themes';\n+@siteFolder : '../../src/semantic-ui/site';\n \n-/* Path to site override folder */\n-@siteFolder : 'site';\n+@import (multiple) \"~semantic-ui-less/theme.less\";\n+@fontPath : '../../../themes/@{theme}/assets/fonts';\n \n \n /*******************************\n"}},"type":"diff"}
{"so":2626170,"data":{"data":{"transcript":"Instead.","startTime":2626.17}},"type":"speech"}
{"so":2629680,"data":{"data":{"transcript":"And then we'll do your and start","startTime":2629.68}},"type":"speech"}
{"so":2630477,"data":{"data":{"id":2819594,"memoryUsage":99487744,"owner":{"name":"Code.exe"},"title":"index.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":2634811,"data":{"data":{"summary":{"changed":2,"commit":"7945f3cc7ddfb2dce2f74a148452b1ed1a6caff3","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/index.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":2634814,"data":{"data":{"diff":"Commit 7945f3cc7ddfb2dce2f74a148452b1ed1a6caff3\n--- src/index.js\n+++ src/index.js\n@@ -3,7 +3,7 @@ import { render } from \"react-dom\";\n import { App } from \"./components/App\";\n \n // css\n-import 'semantic-ui-css/semantic.min.css'\n+import 'semantic-ui-less/semantic.less'\n \n // If we want to be able to easily replace a codesandbox template via Define API later...\n // const BABEL_CONFIG = require(\"!raw-loader!../config.json\");\n"}},"type":"diff"}
{"so":2640479,"data":{"data":{"id":2886970,"memoryUsage":300322816,"owner":{"name":"chrome.exe"},"title":"Untitled - Google Chrome"}},"type":"window"}
{"so":2650487,"data":{"data":{"id":2886970,"memoryUsage":299896832,"owner":{"name":"chrome.exe"},"title":"Theming - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":2660493,"data":{"data":{"id":2886970,"memoryUsage":299757568,"owner":{"name":"chrome.exe"},"title":"Theming - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":2670070,"data":{"data":{"transcript":"Yeah, I was wondering about that One import team got less. Um","startTime":2670.07}},"type":"speech"}
{"so":2670484,"data":{"data":{"id":2819594,"memoryUsage":99733504,"owner":{"name":"Code.exe"},"title":"index.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":2678290,"data":{"data":{"transcript":"Okay, I can close this out. It's not what we want on. I bet you have to kill this started again.","startTime":2678.29}},"type":"speech"}
{"so":2680488,"data":{"data":{"id":2819594,"memoryUsage":99794944,"owner":{"name":"Code.exe"},"title":"theme.config - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":2686430,"data":{"data":{"transcript":"Um, let's see what happens.","startTime":2686.43}},"type":"speech"}
{"so":2690046,"data":{"data":{"summary":{"changed":7,"commit":"94a4e419e6632f2120dd054da2cdd826738ee74c","deletions":7,"files":[{"changed":7,"deletions":7,"file":"src/semantic-ui/theme.config","insertions":0}],"insertions":0}}},"type":"diff-summary"}
{"so":2690050,"data":{"data":{"diff":"Commit 94a4e419e6632f2120dd054da2cdd826738ee74c\n--- src/semantic-ui/theme.config\n+++ src/semantic-ui/theme.config\n@@ -83,11 +83,4 @@\n @import (multiple) \"~semantic-ui-less/theme.less\";\n @fontPath : '../../../themes/@{theme}/assets/fonts';\n \n-\n-/*******************************\n- Import Theme\n-*******************************/\n-\n-@import (multiple) \"theme.less\";\n-\n /* End Config */\n"}},"type":"diff"}
{"so":2690486,"data":{"data":{"id":2819594,"memoryUsage":99794944,"owner":{"name":"Code.exe"},"title":"theme.config - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":2700512,"data":{"data":{"id":2819594,"memoryUsage":99811328,"owner":{"name":"Code.exe"},"title":"theme.config - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":2710489,"data":{"data":{"id":2819594,"memoryUsage":99848192,"owner":{"name":"Code.exe"},"title":"checkbox.overrides - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":2719770,"data":{"data":{"transcript":"Got something.","startTime":2719.77}},"type":"speech"}
{"so":2720504,"data":{"data":{"id":2886970,"memoryUsage":302198784,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":2722500,"data":{"data":{"transcript":"Hold on here.","startTime":2722.5}},"type":"speech"}
{"so":2725510,"data":{"data":{"transcript":"Okay. Cool. Can I have the override stuff?","startTime":2725.51}},"type":"speech"}
{"so":2730516,"data":{"data":{"id":2886970,"memoryUsage":303263744,"owner":{"name":"chrome.exe"},"title":"Theming - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":2731750,"data":{"data":{"transcript":"Let's put the less short in props.","startTime":2731.75}},"type":"speech"}
{"so":2740493,"data":{"data":{"id":2886970,"memoryUsage":302399488,"owner":{"name":"chrome.exe"},"title":"Theming - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":2741690,"data":{"data":{"transcript":"Can I go to certain mental global site variables?","startTime":2741.69}},"type":"speech"}
{"so":2747110,"data":{"data":{"transcript":"Global's site variables.","startTime":2747.11}},"type":"speech"}
{"so":2750494,"data":{"data":{"id":2819594,"memoryUsage":99864576,"owner":{"name":"Code.exe"},"title":"site.variables - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":2752710,"data":{"data":{"transcript":"I'm a color page background. Okay, Cool.","startTime":2752.71}},"type":"speech"}
{"so":2756510,"data":{"data":{"transcript":"That means an index dot HTM always shouldn't need this.","startTime":2756.51}},"type":"speech"}
{"so":2759259,"data":{"data":{"summary":{"changed":5,"commit":"0722b162832259be62a89c3b623c71473bea43f0","deletions":2,"files":[{"changed":5,"deletions":2,"file":"src/semantic-ui/site/globals/site.variables","insertions":3}],"insertions":3}}},"type":"diff-summary"}
{"so":2759262,"data":{"data":{"diff":"Commit 0722b162832259be62a89c3b623c71473bea43f0\n--- src/semantic-ui/site/globals/site.variables\n+++ src/semantic-ui/site/globals/site.variables\n@@ -1,3 +1,5 @@\n /*******************************\n User Global Variables\n-*******************************/-\n\\ No newline at end of file\n+*******************************/\n+@primaryColor: #002f4e;\n+@pageBackground: #eff0f1;\n"}},"type":"diff"}
{"so":2760495,"data":{"data":{"id":2819594,"memoryUsage":99880960,"owner":{"name":"Code.exe"},"title":"index.html - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":2762250,"data":{"data":{"transcript":"Especially not important.","startTime":2762.25}},"type":"speech"}
{"so":2766080,"data":{"data":{"transcript":"Hey, background color.","startTime":2766.08}},"type":"speech"}
{"so":2770496,"data":{"data":{"id":2819594,"memoryUsage":99880960,"owner":{"name":"Code.exe"},"title":"● site.variables - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":2774755,"data":{"data":{"summary":{"changed":0,"commit":"a508d6d1277ea4564901dc325b82ebf4a3369ec3","deletions":0,"files":[],"insertions":0}}},"type":"diff-summary"}
{"so":2779287,"data":{"data":{"summary":{"changed":1,"commit":"1705c1ef250b7f23e55572851b51812a65de36ef","deletions":1,"files":[{"changed":1,"deletions":1,"file":"public/index.html","insertions":0}],"insertions":0}}},"type":"diff-summary"}
{"so":2779290,"data":{"data":{"diff":"Commit 1705c1ef250b7f23e55572851b51812a65de36ef\n--- public/index.html\n+++ public/index.html\n@@ -14,7 +14,6 @@\n \n body {\n font-family: sans-serif;\n- background-color: #24282a !important;\n color: white;\n font-family: Menlo;\n font-size: 14px;\n"}},"type":"diff"}
{"so":2780497,"data":{"data":{"id":2886970,"memoryUsage":303886336,"owner":{"name":"chrome.exe"},"title":"semantic ui dark - Google Search - Google Chrome"}},"type":"window"}
{"so":2790510,"data":{"data":{"id":2886970,"memoryUsage":301400064,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":2790600,"data":{"data":{"transcript":"Cool How that worked.","startTime":2790.6}},"type":"speech"}
{"so":2794030,"data":{"data":{"transcript":"Hey.","startTime":2794.03}},"type":"speech"}
{"so":2796460,"data":{"data":{"transcript":"And now when you do find more information about theming","startTime":2796.46}},"type":"speech"}
{"so":2800514,"data":{"data":{"id":2886970,"memoryUsage":301928448,"owner":{"name":"chrome.exe"},"title":"Untitled - Google Chrome"}},"type":"window"}
{"so":2802120,"data":{"data":{"transcript":"More about steaming","startTime":2802.12}},"type":"speech"}
{"so":2810000,"data":{"data":{"transcript":"Hey, we wanna look for the border color. That's what we want.","startTime":2810}},"type":"speech"}
{"so":2810518,"data":{"data":{"id":2886970,"memoryUsage":302022656,"owner":{"name":"chrome.exe"},"title":"example-github/site.variables at master · Semantic-Org/example-github - Google Chrome"}},"type":"window"}
{"so":2814210,"data":{"data":{"transcript":"Say variables. Border color, Okay?","startTime":2814.21}},"type":"speech"}
{"so":2818630,"data":{"data":{"transcript":"One of the borders here. I did like these. I thought they were simple yet back color right there.","startTime":2818.63}},"type":"speech"}
{"so":2820502,"data":{"data":{"id":2886970,"memoryUsage":301756416,"owner":{"name":"chrome.exe"},"title":"Babel · The compiler for next generation JavaScript - Google Chrome"}},"type":"window"}
{"so":2824392,"data":{"data":{"summary":{"changed":1,"commit":"2d4d33fe952f22187cbeed5fc08297c55a9a0c04","deletions":0,"files":[{"changed":1,"deletions":0,"file":"src/semantic-ui/site/globals/site.variables","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":2824396,"data":{"data":{"diff":"Commit 2d4d33fe952f22187cbeed5fc08297c55a9a0c04\n--- src/semantic-ui/site/globals/site.variables\n+++ src/semantic-ui/site/globals/site.variables\n@@ -3,3 +3,4 @@\n *******************************/\n @primaryColor: #002f4e;\n @pageBackground: #24282a;\n+@borderColor: rgba(0, 0, 0, 0.13);\n"}},"type":"diff"}
{"so":2824640,"data":{"data":{"transcript":"Maybe this will help us.","startTime":2824.64}},"type":"speech"}
{"so":2830502,"data":{"data":{"id":2886970,"memoryUsage":302194688,"owner":{"name":"chrome.exe"},"title":"Babel · The compiler for next generation JavaScript - Google Chrome"}},"type":"window"}
{"so":2836290,"data":{"data":{"transcript":"Okay?","startTime":2836.29}},"type":"speech"}
{"so":2840517,"data":{"data":{"id":2819594,"memoryUsage":99536896,"owner":{"name":"Code.exe"},"title":"site.variables - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":2843450,"data":{"data":{"transcript":"Here. We've got to speed this up. This thing is taking way too long to compile.","startTime":2843.45}},"type":"speech"}
{"so":2844467,"data":{"data":{"summary":{"changed":2,"commit":"3d25aeb5c9e874a5657c185cfe2228edd80d0253","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/semantic-ui/site/globals/site.variables","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":2844470,"data":{"data":{"diff":"Commit 3d25aeb5c9e874a5657c185cfe2228edd80d0253\n--- src/semantic-ui/site/globals/site.variables\n+++ src/semantic-ui/site/globals/site.variables\n@@ -3,4 +3,4 @@\n *******************************/\n @primaryColor: #002f4e;\n @pageBackground: #24282a;\n-@borderColor: rgba(0, 0, 0, 0.13);\n+@borderColor: ##1D2025;\n"}},"type":"diff"}
{"so":2850518,"data":{"data":{"id":2819594,"memoryUsage":99540992,"owner":{"name":"Code.exe"},"title":"site.variables - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":2852620,"data":{"data":{"transcript":"Um, I do.","startTime":2852.62}},"type":"speech"}
{"so":2855530,"data":{"data":{"transcript":"Start and will do. Ah.","startTime":2855.53}},"type":"speech"}
{"so":2859110,"data":{"data":{"transcript":"Dev. Less","startTime":2859.11}},"type":"speech"}
{"so":2860510,"data":{"data":{"id":2819594,"memoryUsage":99561472,"owner":{"name":"Code.exe"},"title":"● package.json - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":2864130,"data":{"data":{"transcript":"Jeff","startTime":2864.13}},"type":"speech"}
{"so":2870128,"data":{"data":{"summary":{"changed":3,"commit":"25b12d9d552bd5dcdf111197a375bea354381704","deletions":1,"files":[{"changed":3,"deletions":1,"file":"package.json","insertions":2}],"insertions":2}}},"type":"diff-summary"}
{"so":2870134,"data":{"data":{"diff":"Commit 25b12d9d552bd5dcdf111197a375bea354381704\n--- package.json\n+++ package.json\n@@ -20,7 +20,8 @@\n \"styled-components\": \"4.4.1\"\n },\n \"scripts\": {\n- \"start\": \"craco start\",\n+ \"dev:less\": \"craco start\",\n+ \"dev\": \"craco start\",\n \"build\": \"craco build\",\n \"test\": \"craco test\",\n \"eject\": \"craco eject\"\n"}},"type":"diff"}
{"so":2870320,"data":{"data":{"transcript":"Of theme and this would be react Scripts start","startTime":2870.32}},"type":"speech"}
{"so":2870531,"data":{"data":{"id":2819594,"memoryUsage":99561472,"owner":{"name":"Code.exe"},"title":"● package.json - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":2875890,"data":{"data":{"transcript":"At the time was right. You start","startTime":2875.89}},"type":"speech"}
{"so":2879812,"data":{"data":{"summary":{"changed":4,"commit":"8812842bb40c33033596a96526114ad8e6d342c9","deletions":2,"files":[{"changed":4,"deletions":2,"file":"package.json","insertions":2}],"insertions":2}}},"type":"diff-summary"}
{"so":2879815,"data":{"data":{"diff":"Commit 8812842bb40c33033596a96526114ad8e6d342c9\n--- package.json\n+++ package.json\n@@ -20,8 +20,8 @@\n \"styled-components\": \"4.4.1\"\n },\n \"scripts\": {\n- \"dev:less\": \"craco start\",\n- \"dev\": \"craco start\",\n+ \"dev:theme\": \"craco start\",\n+ \"dev\": \"react-scripts start\",\n \"build\": \"craco build\",\n \"test\": \"craco test\",\n \"eject\": \"craco eject\"\n"}},"type":"diff"}
{"so":2880510,"data":{"data":{"id":2886970,"memoryUsage":305917952,"owner":{"name":"chrome.exe"},"title":"New Tab - Google Chrome"}},"type":"window"}
{"so":2890535,"data":{"data":{"id":2819594,"memoryUsage":99545088,"owner":{"name":"Code.exe"},"title":"package.json - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":2900513,"data":{"data":{"id":2819594,"memoryUsage":98545664,"owner":{"name":"Code.exe"},"title":"● package.json - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":2909850,"data":{"data":{"transcript":"That's interesting. OK, what about, um","startTime":2909.85}},"type":"speech"}
{"so":2910199,"data":{"data":{"summary":{"changed":4,"commit":"e8c8975e7245980d0a69823fffa799a7c9f7f228","deletions":2,"files":[{"changed":4,"deletions":2,"file":"package.json","insertions":2}],"insertions":2}}},"type":"diff-summary"}
{"so":2910202,"data":{"data":{"diff":"Commit e8c8975e7245980d0a69823fffa799a7c9f7f228\n--- package.json\n+++ package.json\n@@ -20,8 +20,8 @@\n \"styled-components\": \"4.4.1\"\n },\n \"scripts\": {\n- \"dev:theme\": \"craco start\",\n- \"dev\": \"react-scripts start\",\n+ \"theme\": \"craco start\",\n+ \"start\": \"react-scripts start\",\n \"build\": \"craco build\",\n \"test\": \"craco test\",\n \"eject\": \"craco eject\"\n"}},"type":"diff"}
{"so":2910513,"data":{"data":{"id":2819594,"memoryUsage":98926592,"owner":{"name":"Code.exe"},"title":"package.json - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":2913340,"data":{"data":{"transcript":"You're in theme.","startTime":2913.34}},"type":"speech"}
{"so":2920515,"data":{"data":{"id":2886970,"memoryUsage":307310592,"owner":{"name":"chrome.exe"},"title":"New Tab - Google Chrome"}},"type":"window"}
{"so":2930517,"data":{"data":{"id":2886970,"memoryUsage":307412992,"owner":{"name":"chrome.exe"},"title":"react speed up semantic ui - Google Search - Google Chrome"}},"type":"window"}
{"so":2934010,"data":{"data":{"transcript":"Okay. I wonder if, um I bet you maybe if we just don't change the theme, it'll go faster. So like what if I just like internally do something like task there?","startTime":2934.01}},"type":"speech"}
{"so":2940532,"data":{"data":{"id":2819594,"memoryUsage":99385344,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":2944560,"data":{"data":{"transcript":"Still takes forever. Oh, no, that doesn't take Islam of equal. Just just the theme takes a long time.","startTime":2944.56}},"type":"speech"}
{"so":2949421,"data":{"data":{"summary":{"changed":2,"commit":"62dce5db2dfabee53dff7b6ae3ec7988738cea45","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":2949423,"data":{"data":{"diff":"Commit 62dce5db2dfabee53dff7b6ae3ec7988738cea45\n--- src/components/App.js\n+++ src/components/App.js\n@@ -116,7 +116,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n \n return (\n <Root>\n- <div className=\"ui internally celled grid inverted\">\n+ <div className=\"ui internally celled grid inverted test\">\n <div className=\"row\">\n <Actions>\n <label>\n"}},"type":"diff"}
{"so":2950554,"data":{"data":{"id":2819594,"memoryUsage":99450880,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":2951350,"data":{"data":{"transcript":"Cool. Let make sense. Okay. Think Config site overrides side variables, kid border color.","startTime":2951.35}},"type":"speech"}
{"so":2954494,"data":{"data":{"summary":{"changed":2,"commit":"b3c20c06838d014e8c92c7001a707411f32d085c","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":2954496,"data":{"data":{"diff":"Commit b3c20c06838d014e8c92c7001a707411f32d085c\n--- src/components/App.js\n+++ src/components/App.js\n@@ -116,7 +116,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n \n return (\n <Root>\n- <div className=\"ui internally celled grid inverted test\">\n+ <div className=\"ui internally celled grid\">\n <div className=\"row\">\n <Actions>\n <label>\n"}},"type":"diff"}
{"so":2957910,"data":{"data":{"transcript":"Oh, didn't I didn't totally work. Okay? We've got to find this.","startTime":2957.91}},"type":"speech"}
{"so":2960523,"data":{"data":{"id":2819594,"memoryUsage":99594240,"owner":{"name":"Code.exe"},"title":"● site.variables - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":2964550,"data":{"data":{"transcript":"Uh,","startTime":2964.55}},"type":"speech"}
{"so":2966280,"data":{"data":{"transcript":"Medic you I celled grid border color.","startTime":2966.28}},"type":"speech"}
{"so":2969104,"data":{"data":{"summary":{"changed":1,"commit":"d2fd528e35eb76ab7bceaa4ce981efb25f11541c","deletions":1,"files":[{"changed":1,"deletions":1,"file":"src/semantic-ui/site/globals/site.variables","insertions":0}],"insertions":0}}},"type":"diff-summary"}
{"so":2969107,"data":{"data":{"diff":"Commit d2fd528e35eb76ab7bceaa4ce981efb25f11541c\n--- src/semantic-ui/site/globals/site.variables\n+++ src/semantic-ui/site/globals/site.variables\n@@ -3,4 +3,3 @@\n *******************************/\n @primaryColor: #002f4e;\n @pageBackground: #24282a;\n-@borderColor: ##1D2025;\n"}},"type":"diff"}
{"so":2970536,"data":{"data":{"id":2886970,"memoryUsage":311128064,"owner":{"name":"chrome.exe"},"title":"semantic ui celled grid border color - Google Search - Google Chrome"}},"type":"window"}
{"so":2980524,"data":{"data":{"id":2886970,"memoryUsage":310870016,"owner":{"name":"chrome.exe"},"title":"Grid | Semantic UI - Google Chrome"}},"type":"window"}
{"so":2983430,"data":{"data":{"transcript":"Celled.","startTime":2983.43}},"type":"speech"}
{"so":2986070,"data":{"data":{"transcript":"Let's see.","startTime":2986.07}},"type":"speech"}
{"so":2990060,"data":{"data":{"transcript":"Global site content thought.","startTime":2990.06}},"type":"speech"}
{"so":2990543,"data":{"data":{"id":2886970,"memoryUsage":310738944,"owner":{"name":"chrome.exe"},"title":"Site | Semantic UI - Google Chrome"}},"type":"window"}
{"so":2994900,"data":{"data":{"transcript":"Parables.","startTime":2994.9}},"type":"speech"}
{"so":2997510,"data":{"data":{"transcript":"Order styles.","startTime":2997.51}},"type":"speech"}
{"so":3000541,"data":{"data":{"id":2886970,"memoryUsage":309227520,"owner":{"name":"chrome.exe"},"title":"Site | Semantic UI - Google Chrome"}},"type":"window"}
{"so":3010544,"data":{"data":{"id":2886970,"memoryUsage":308981760,"owner":{"name":"chrome.exe"},"title":"Site | Semantic UI - Google Chrome"}},"type":"window"}
{"so":3020543,"data":{"data":{"id":2886970,"memoryUsage":309092352,"owner":{"name":"chrome.exe"},"title":"Table | Semantic UI - Google Chrome"}},"type":"window"}
{"so":3023300,"data":{"data":{"transcript":"Play music.","startTime":3023.3}},"type":"speech"}
{"so":3026350,"data":{"data":{"transcript":"What","startTime":3026.35}},"type":"speech"}
{"so":3030556,"data":{"data":{"id":2886970,"memoryUsage":309272576,"owner":{"name":"chrome.exe"},"title":"Table | Semantic UI - Google Chrome"}},"type":"window"}
{"so":3035520,"data":{"data":{"transcript":"Very weird.","startTime":3035.52}},"type":"speech"}
{"so":3040532,"data":{"data":{"id":2886970,"memoryUsage":309100544,"owner":{"name":"chrome.exe"},"title":"Table | Semantic UI - Google Chrome"}},"type":"window"}
{"so":3050553,"data":{"data":{"id":2886970,"memoryUsage":309264384,"owner":{"name":"chrome.exe"},"title":"Table | Semantic UI - Google Chrome"}},"type":"window"}
{"so":3060533,"data":{"data":{"id":2886970,"memoryUsage":309243904,"owner":{"name":"chrome.exe"},"title":"Theming | Semantic UI - Google Chrome"}},"type":"window"}
{"so":3070535,"data":{"data":{"id":2886970,"memoryUsage":309383168,"owner":{"name":"chrome.exe"},"title":"example-github/site.variables at master · Semantic-Org/example-github - Google Chrome"}},"type":"window"}
{"so":3080536,"data":{"data":{"id":2886970,"memoryUsage":309669888,"owner":{"name":"chrome.exe"},"title":"semantic-ui internalBorderColor - Google Search - Google Chrome"}},"type":"window"}
{"so":3086340,"data":{"data":{"transcript":"Okay, I'll guess is this I guess its internal border trailer.","startTime":3086.34}},"type":"speech"}
{"so":3090561,"data":{"data":{"id":2819594,"memoryUsage":100196352,"owner":{"name":"Code.exe"},"title":"● site.variables - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":3090700,"data":{"data":{"transcript":"It will just deal red.","startTime":3090.7}},"type":"speech"}
{"so":3094290,"data":{"data":{"transcript":"See that does it?","startTime":3094.29}},"type":"speech"}
{"so":3099424,"data":{"data":{"summary":{"changed":1,"commit":"c494a0dfae63b9c0af7034ec990b83bf64ae2eef","deletions":0,"files":[{"changed":1,"deletions":0,"file":"src/semantic-ui/site/globals/site.variables","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":3099428,"data":{"data":{"diff":"Commit c494a0dfae63b9c0af7034ec990b83bf64ae2eef\n--- src/semantic-ui/site/globals/site.variables\n+++ src/semantic-ui/site/globals/site.variables\n@@ -3,3 +3,4 @@\n *******************************/\n @primaryColor: #002f4e;\n @pageBackground: #24282a;\n+@internalBorderColor: red ;\n"}},"type":"diff"}
{"so":3100541,"data":{"data":{"id":2819594,"memoryUsage":100196352,"owner":{"name":"Code.exe"},"title":"site.variables - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":3110541,"data":{"data":{"id":2886970,"memoryUsage":310300672,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":3114420,"data":{"data":{"transcript":"Go.","startTime":3114.42}},"type":"speech"}
{"so":3117780,"data":{"data":{"transcript":"No.","startTime":3117.78}},"type":"speech"}
{"so":3120541,"data":{"data":{"id":2819594,"memoryUsage":100200448,"owner":{"name":"Code.exe"},"title":"site.variables - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":3124696,"data":{"data":{"summary":{"changed":1,"commit":"8a877debd898ec3ec50b8d121d166734d0a28488","deletions":1,"files":[{"changed":1,"deletions":1,"file":"src/semantic-ui/site/globals/site.variables","insertions":0}],"insertions":0}}},"type":"diff-summary"}
{"so":3124698,"data":{"data":{"diff":"Commit 8a877debd898ec3ec50b8d121d166734d0a28488\n--- src/semantic-ui/site/globals/site.variables\n+++ src/semantic-ui/site/globals/site.variables\n@@ -3,4 +3,3 @@\n *******************************/\n @primaryColor: #002f4e;\n @pageBackground: #24282a;\n-@internalBorderColor: red ;\n"}},"type":"diff"}
{"so":3128450,"data":{"data":{"transcript":"You'll have to open up the","startTime":3128.45}},"type":"speech"}
{"so":3130543,"data":{"data":{"id":2886970,"memoryUsage":308711424,"owner":{"name":"chrome.exe"},"title":"example-github/site.variables at master · Semantic-Org/example-github - Google Chrome"}},"type":"window"}
{"so":3140558,"data":{"data":{"id":2886970,"memoryUsage":310018048,"owner":{"name":"chrome.exe"},"title":"example-github/semantic/src/themes/basic at master · Semantic-Org/example-github - Google Chrome"}},"type":"window"}
{"so":3150555,"data":{"data":{"id":2886970,"memoryUsage":309972992,"owner":{"name":"chrome.exe"},"title":"example-github/semantic/src/themes at master · Semantic-Org/example-github - Google Chrome"}},"type":"window"}
{"so":3153280,"data":{"data":{"transcript":"Basically, I'm guessing default is what we want.","startTime":3153.28}},"type":"speech"}
{"so":3157520,"data":{"data":{"transcript":"Elements.","startTime":3157.52}},"type":"speech"}
{"so":3160544,"data":{"data":{"id":2886970,"memoryUsage":308686848,"owner":{"name":"chrome.exe"},"title":"example-github/semantic/src/themes/default/elements at master · Semantic-Org/example-github - Google Chrome"}},"type":"window"}
{"so":3161780,"data":{"data":{"transcript":"It's a grid, right?","startTime":3161.78}},"type":"speech"}
{"so":3170573,"data":{"data":{"id":2886970,"memoryUsage":309940224,"owner":{"name":"chrome.exe"},"title":"example-github/semantic/src/themes/default at master · Semantic-Org/example-github - Google Chrome"}},"type":"window"}
{"so":3172270,"data":{"data":{"transcript":"So I wonder. You okay. So issues? No, We don't want that.","startTime":3172.27}},"type":"speech"}
{"so":3178850,"data":{"data":{"transcript":"Okay? And let's search here for internally celled.","startTime":3178.85}},"type":"speech"}
{"so":3180567,"data":{"data":{"id":2886970,"memoryUsage":309043200,"owner":{"name":"chrome.exe"},"title":"Semantic-Org/Semantic-UI: Semantic is a UI component framework based around useful principles from natural language. - Google Chrome"}},"type":"window"}
{"so":3186680,"data":{"data":{"transcript":"Turn that was called","startTime":3186.68}},"type":"speech"}
{"so":3189980,"data":{"data":{"transcript":"Internally.","startTime":3189.98}},"type":"speech"}
{"so":3190549,"data":{"data":{"id":2886970,"memoryUsage":310542336,"owner":{"name":"chrome.exe"},"title":"Search · internally-celled - Google Chrome"}},"type":"window"}
{"so":3200551,"data":{"data":{"id":2886970,"memoryUsage":309006336,"owner":{"name":"chrome.exe"},"title":"Search · internally - Google Chrome"}},"type":"window"}
{"so":3204650,"data":{"data":{"transcript":"Here we go.","startTime":3204.65}},"type":"speech"}
{"so":3210510,"data":{"data":{"transcript":"Past the border.","startTime":3210.51}},"type":"speech"}
{"so":3210569,"data":{"data":{"id":2886970,"memoryUsage":309530624,"owner":{"name":"chrome.exe"},"title":"Semantic-UI/grid.less at 3100a7998822b1bf7f425085fdc33867ff2fa94f · Semantic-Org/Semantic-UI - Google Chrome"}},"type":"window"}
{"so":3212830,"data":{"data":{"transcript":"Oh divided border.","startTime":3212.83}},"type":"speech"}
{"so":3215680,"data":{"data":{"transcript":"There we go. That's it.","startTime":3215.68}},"type":"speech"}
{"so":3217920,"data":{"data":{"transcript":"It's gotta be it.","startTime":3217.92}},"type":"speech"}
{"so":3219460,"data":{"data":{"transcript":"And this is what is ah!","startTime":3219.46}},"type":"speech"}
{"so":3220566,"data":{"data":{"id":2819594,"memoryUsage":100204544,"owner":{"name":"Code.exe"},"title":"site.overrides - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":3223580,"data":{"data":{"transcript":"It's very variable variables.","startTime":3223.58}},"type":"speech"}
{"so":3230553,"data":{"data":{"id":2886970,"memoryUsage":308756480,"owner":{"name":"chrome.exe"},"title":"Semantic-UI/grid.less at 3100a7998822b1bf7f425085fdc33867ff2fa94f · Semantic-Org/Semantic-UI - Google Chrome"}},"type":"window"}
{"so":3231430,"data":{"data":{"transcript":"Thank you.","startTime":3231.43}},"type":"speech"}
{"so":3237820,"data":{"data":{"transcript":"Or multiple from team. I don't know where this is over, I'd go. Okay. So if we look for them when we look for","startTime":3237.82}},"type":"speech"}
{"so":3240553,"data":{"data":{"id":2886970,"memoryUsage":308916224,"owner":{"name":"chrome.exe"},"title":"Semantic-UI/grid.less at 3100a7998822b1bf7f425085fdc33867ff2fa94f · Semantic-Org/Semantic-UI - Google Chrome"}},"type":"window"}
{"so":3245350,"data":{"data":{"transcript":"Divided border.","startTime":3245.35}},"type":"speech"}
{"so":3250576,"data":{"data":{"id":2886970,"memoryUsage":308944896,"owner":{"name":"chrome.exe"},"title":"Search · dividedBorder - Google Chrome"}},"type":"window"}
{"so":3253330,"data":{"data":{"transcript":"Period. Okay, So is there no great override.","startTime":3253.33}},"type":"speech"}
{"so":3258790,"data":{"data":{"transcript":"Divider overrides.","startTime":3258.79}},"type":"speech"}
{"so":3260561,"data":{"data":{"id":2819594,"memoryUsage":100229120,"owner":{"name":"Code.exe"},"title":"divider.overrides - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":3266810,"data":{"data":{"transcript":"Item.","startTime":3266.81}},"type":"speech"}
{"so":3270557,"data":{"data":{"id":2819594,"memoryUsage":100229120,"owner":{"name":"Code.exe"},"title":"divider.overrides - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":3280580,"data":{"data":{"id":2819594,"memoryUsage":100229120,"owner":{"name":"Code.exe"},"title":"divider.overrides - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":3290565,"data":{"data":{"id":2886970,"memoryUsage":309350400,"owner":{"name":"chrome.exe"},"title":"Search · dividedBorder - Google Chrome"}},"type":"window"}
{"so":3296360,"data":{"data":{"transcript":"Let's just try for this site overrides. See what have earth or","startTime":3296.36}},"type":"speech"}
{"so":3300566,"data":{"data":{"id":2819594,"memoryUsage":100261888,"owner":{"name":"Code.exe"},"title":"site.overrides - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":3301830,"data":{"data":{"transcript":"Say variables.","startTime":3301.83}},"type":"speech"}
{"so":3305640,"data":{"data":{"transcript":"You might need to be overrides.","startTime":3305.64}},"type":"speech"}
{"so":3309536,"data":{"data":{"summary":{"changed":1,"commit":"5991be26a0be3fc56584dd927c8d19a981334cda","deletions":0,"files":[{"changed":1,"deletions":0,"file":"src/semantic-ui/site/globals/site.variables","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":3309541,"data":{"data":{"diff":"Commit 5991be26a0be3fc56584dd927c8d19a981334cda\n--- src/semantic-ui/site/globals/site.variables\n+++ src/semantic-ui/site/globals/site.variables\n@@ -3,3 +3,4 @@\n *******************************/\n @primaryColor: #002f4e;\n @pageBackground: #24282a;\n+@dividedBorder: red;\n"}},"type":"diff"}
{"so":3310562,"data":{"data":{"id":2819594,"memoryUsage":100270080,"owner":{"name":"Code.exe"},"title":"site.variables - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":3320580,"data":{"data":{"id":2886970,"memoryUsage":309714944,"owner":{"name":"chrome.exe"},"title":"semantic overrides - Google Search - Google Chrome"}},"type":"window"}
{"so":3330581,"data":{"data":{"id":2886970,"memoryUsage":309821440,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":3334050,"data":{"data":{"transcript":"No, still tedious Gray, okay?","startTime":3334.05}},"type":"speech"}
{"so":3339620,"data":{"data":{"transcript":"Why","startTime":3339.62}},"type":"speech"}
{"so":3340567,"data":{"data":{"id":2886970,"memoryUsage":310902784,"owner":{"name":"chrome.exe"},"title":"Customization Guide | Semantic UI - Google Chrome"}},"type":"window"}
{"so":3350567,"data":{"data":{"id":2819594,"memoryUsage":100261888,"owner":{"name":"Code.exe"},"title":"● site.variables - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":3354426,"data":{"data":{"summary":{"changed":1,"commit":"68ee0a58e845da96b4c927c07dab406079dade02","deletions":0,"files":[{"changed":1,"deletions":0,"file":"src/semantic-ui/site/globals/site.variables","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":3354429,"data":{"data":{"diff":"Commit 68ee0a58e845da96b4c927c07dab406079dade02\n--- src/semantic-ui/site/globals/site.variables\n+++ src/semantic-ui/site/globals/site.variables\n@@ -4,3 +4,4 @@\n @primaryColor: #002f4e;\n @pageBackground: #24282a;\n @dividedBorder: red;\n+@borderColor: red;\n"}},"type":"diff"}
{"so":3360591,"data":{"data":{"id":2819594,"memoryUsage":100376576,"owner":{"name":"Code.exe"},"title":"site.variables - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":3364373,"data":{"data":{"summary":{"changed":2,"commit":"4083a898ce9ba262b9c3a8854b15928635dba454","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/semantic-ui/site/globals/site.variables","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":3364376,"data":{"data":{"diff":"Commit 4083a898ce9ba262b9c3a8854b15928635dba454\n--- src/semantic-ui/site/globals/site.variables\n+++ src/semantic-ui/site/globals/site.variables\n@@ -2,6 +2,6 @@\n User Global Variables\n *******************************/\n @primaryColor: #002f4e;\n-@pageBackground: #24282a;\n+@pageBackground: red;\n @dividedBorder: red;\n @borderColor: red;\n"}},"type":"diff"}
{"so":3369070,"data":{"data":{"transcript":"It's true. It's not divided. It's celled.","startTime":3369.07}},"type":"speech"}
{"so":3370568,"data":{"data":{"id":2886970,"memoryUsage":309207040,"owner":{"name":"chrome.exe"},"title":"Search · dividedBorder - Google Chrome"}},"type":"window"}
{"so":3374110,"data":{"data":{"transcript":"Celled.","startTime":3374.11}},"type":"speech"}
{"so":3375770,"data":{"data":{"transcript":"Sell border color. There we go.","startTime":3375.77}},"type":"speech"}
{"so":3380592,"data":{"data":{"id":2886970,"memoryUsage":310611968,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":3390595,"data":{"data":{"id":2819594,"memoryUsage":100052992,"owner":{"name":"Code.exe"},"title":"● site.variables - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":3399483,"data":{"data":{"summary":{"changed":5,"commit":"e8332fbdb1040dc742aa94c56316097bcf735652","deletions":3,"files":[{"changed":5,"deletions":3,"file":"src/semantic-ui/site/globals/site.variables","insertions":2}],"insertions":2}}},"type":"diff-summary"}
{"so":3399485,"data":{"data":{"diff":"Commit e8332fbdb1040dc742aa94c56316097bcf735652\n--- src/semantic-ui/site/globals/site.variables\n+++ src/semantic-ui/site/globals/site.variables\n@@ -2,6 +2,5 @@\n User Global Variables\n *******************************/\n @primaryColor: #002f4e;\n-@pageBackground: red;\n-@dividedBorder: red;\n-@borderColor: red;\n+@pageBackground: #24282a;\n+@celledBorderColor: red;\n"}},"type":"diff"}
{"so":3400571,"data":{"data":{"id":2886970,"memoryUsage":308965376,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":3410030,"data":{"data":{"transcript":"You're kidding me.","startTime":3410.03}},"type":"speech"}
{"so":3410595,"data":{"data":{"id":2819594,"memoryUsage":100290560,"owner":{"name":"Code.exe"},"title":"site.variables - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":3420574,"data":{"data":{"id":2886970,"memoryUsage":309354496,"owner":{"name":"chrome.exe"},"title":"Theming | Semantic UI - Google Chrome"}},"type":"window"}
{"so":3428870,"data":{"data":{"transcript":"Maybe it's to be Ingrid. Variable, sis there.","startTime":3428.87}},"type":"speech"}
{"so":3430575,"data":{"data":{"id":2886970,"memoryUsage":309096448,"owner":{"name":"chrome.exe"},"title":"Semantic-UI/grid.variables at 383871090cda527df916e1751279b3de79b07480 · Semantic-Org/Semantic-UI - Google Chrome"}},"type":"window"}
{"so":3440598,"data":{"data":{"id":2819594,"memoryUsage":99545088,"owner":{"name":"Code.exe"},"title":"site.variables - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":3450600,"data":{"data":{"id":2819594,"memoryUsage":99602432,"owner":{"name":"Code.exe"},"title":"grid.variables - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":3454577,"data":{"data":{"summary":{"changed":3,"commit":"f43b00e3d98263fef12b9e663f29ff48fc37fca1","deletions":1,"files":[{"changed":2,"deletions":0,"file":"src/semantic-ui/site/collections/grid.variables","insertions":2},{"changed":1,"deletions":1,"file":"src/semantic-ui/site/globals/site.variables","insertions":0}],"insertions":2}}},"type":"diff-summary"}
{"so":3454581,"data":{"data":{"diff":"Commit f43b00e3d98263fef12b9e663f29ff48fc37fca1\n--- src/semantic-ui/site/collections/grid.variables\n+++ src/semantic-ui/site/collections/grid.variables\n@@ -1,3 +1,5 @@\n /*******************************\n User Variable Overrides\n *******************************/\n+\n+@celledBorderColor: red;\n"}},"type":"diff"}
{"so":3454581,"data":{"data":{"diff":"Commit f43b00e3d98263fef12b9e663f29ff48fc37fca1\n--- src/semantic-ui/site/globals/site.variables\n+++ src/semantic-ui/site/globals/site.variables\n@@ -3,4 +3,3 @@\n *******************************/\n @primaryColor: #002f4e;\n @pageBackground: #24282a;\n-@celledBorderColor: red;\n"}},"type":"diff"}
{"so":3460581,"data":{"data":{"id":2886970,"memoryUsage":309055488,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":3470582,"data":{"data":{"id":2886970,"memoryUsage":309317632,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":3475330,"data":{"data":{"transcript":"There we go. Perfect, Okay?","startTime":3475.33}},"type":"speech"}
{"so":3477830,"data":{"data":{"transcript":"Now we want to get that, um","startTime":3477.83}},"type":"speech"}
{"so":3480593,"data":{"data":{"id":2886970,"memoryUsage":311894016,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":3482530,"data":{"data":{"transcript":"Travel reptile color again. Maybe it's in here.","startTime":3482.53}},"type":"speech"}
{"so":3488280,"data":{"data":{"transcript":"Somewhere.","startTime":3488.28}},"type":"speech"}
{"so":3490602,"data":{"data":{"id":12587798,"memoryUsage":309604352,"owner":{"name":"chrome.exe"},"title":""}},"type":"window"}
{"so":3491520,"data":{"data":{"transcript":"It's got to be it.","startTime":3491.52}},"type":"speech"}
{"so":3492950,"data":{"data":{"transcript":"Copy, Okay?","startTime":3492.95}},"type":"speech"}
{"so":3499890,"data":{"data":{"summary":{"changed":2,"commit":"911fd71b473161067f441496b538e45249597d3f","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/semantic-ui/site/collections/grid.variables","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":3499893,"data":{"data":{"diff":"Commit 911fd71b473161067f441496b538e45249597d3f\n--- src/semantic-ui/site/collections/grid.variables\n+++ src/semantic-ui/site/collections/grid.variables\n@@ -2,4 +2,4 @@\n User Variable Overrides\n *******************************/\n \n-@celledBorderColor: red;\n+@celledBorderColor: #1d2025;\n"}},"type":"diff"}
{"so":3500587,"data":{"data":{"id":2886970,"memoryUsage":310009856,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":3510591,"data":{"data":{"id":2886970,"memoryUsage":309817344,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":3515960,"data":{"data":{"transcript":"All right. That was a lot of work, but we got it. Okay. Cool. This is looking really good. Since do semantic. You I","startTime":3515.96}},"type":"speech"}
{"so":3520592,"data":{"data":{"id":2886970,"memoryUsage":312143872,"owner":{"name":"chrome.exe"},"title":"Semantic-UI/grid.variables at 383871090cda527df916e1751279b3de79b07480 · Semantic-Org/Semantic-UI - Google Chrome"}},"type":"window"}
{"so":3524530,"data":{"data":{"transcript":"And I mean to get some layouts. We want to side bar. I believe. Do we want to send more?","startTime":3524.53}},"type":"speech"}
{"so":3530621,"data":{"data":{"id":2886970,"memoryUsage":311107584,"owner":{"name":"chrome.exe"},"title":"Layouts | Semantic UI - Google Chrome"}},"type":"window"}
{"so":3532360,"data":{"data":{"transcript":"I don't know. I can't leave you aside for later.","startTime":3532.36}},"type":"speech"}
{"so":3536470,"data":{"data":{"transcript":"I want to wrap this up in the container with the header.","startTime":3536.47}},"type":"speech"}
{"so":3540596,"data":{"data":{"id":2886970,"memoryUsage":310988800,"owner":{"name":"chrome.exe"},"title":"Divider | Semantic UI - Google Chrome"}},"type":"window"}
{"so":3542770,"data":{"data":{"transcript":"Whoever that went.","startTime":3542.77}},"type":"speech"}
{"so":3546710,"data":{"data":{"transcript":"A rail.","startTime":3546.71}},"type":"speech"}
{"so":3549400,"data":{"data":{"transcript":"Oh, that's just that's super cool.","startTime":3549.4}},"type":"speech"}
{"so":3550597,"data":{"data":{"id":2886970,"memoryUsage":309604352,"owner":{"name":"chrome.exe"},"title":"Rail | Semantic UI - Google Chrome"}},"type":"window"}
{"so":3554040,"data":{"data":{"transcript":"Well, um","startTime":3554.04}},"type":"speech"}
{"so":3557920,"data":{"data":{"transcript":"Menu.","startTime":3557.92}},"type":"speech"}
{"so":3560602,"data":{"data":{"id":2886970,"memoryUsage":309661696,"owner":{"name":"chrome.exe"},"title":"Menu | Semantic UI - Google Chrome"}},"type":"window"}
{"so":3561280,"data":{"data":{"transcript":"We want this one.","startTime":3561.28}},"type":"speech"}
{"so":3570603,"data":{"data":{"id":2886970,"memoryUsage":309526528,"owner":{"name":"chrome.exe"},"title":"Menu | Semantic UI - Google Chrome"}},"type":"window"}
{"so":3576060,"data":{"data":{"transcript":"This menu and we wanted in.","startTime":3576.06}},"type":"speech"}
{"so":3580570,"data":{"data":{"transcript":"Abduct Js and want to collapse the grid. Put them in you up.","startTime":3580.57}},"type":"speech"}
{"so":3580606,"data":{"data":{"id":2819594,"memoryUsage":100368384,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":3590601,"data":{"data":{"id":2819594,"memoryUsage":100372480,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":3590680,"data":{"data":{"transcript":"Um","startTime":3590.68}},"type":"speech"}
{"so":3593750,"data":{"data":{"transcript":"Yet doesn't like having","startTime":3593.75}},"type":"speech"}
{"so":3594289,"data":{"data":{"summary":{"changed":147,"commit":"45ce166c4d9a702514e4d84fbe5ab9327968d536","deletions":53,"files":[{"changed":147,"deletions":53,"file":"src/components/App.js","insertions":94}],"insertions":94}}},"type":"diff-summary"}
{"so":3594293,"data":{"data":{"diff":"Commit 45ce166c4d9a702514e4d84fbe5ab9327968d536\n--- src/components/App.js\n+++ src/components/App.js\n@@ -116,67 +116,108 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n \n return (\n <Root>\n- <div className=\"ui internally celled grid\">\n- <div className=\"row\">\n- <Actions>\n- <label>\n- <input\n- checked={enableCustomPlugin}\n- onChange={() => toggleCustomPlugin(!enableCustomPlugin)}\n- type=\"checkbox\"\n- />\n- <span>Custom Plugin</span>\n- </label>\n- <button\n- onClick={() =>\n- setBabelConfig((configs) => [\n- ...configs,\n- configs[configs.length - 1],\n- ])\n- }\n- >\n- Add New Config\n- </button>\n- <button\n- onClick={() => {\n- setSource(\"const hello = 'world';\");\n- }}\n- >\n- Use Example (WIP)\n- </button>\n- </Actions>\n+ <div class=\"ui top attached menu\">\n+ <div class=\"ui dropdown icon item\">\n+ <i class=\"wrench icon\"></i>\n+ <div class=\"menu\">\n+ <div class=\"item\">\n+ <i class=\"dropdown icon\"></i>\n+ <span class=\"text\">New</span>\n+ <div class=\"menu\">\n+ <div class=\"item\">Document</div>\n+ <div class=\"item\">Image</div>\n+ </div>\n+ </div>\n+ <div class=\"item\">\n+ Open...\n+ </div>\n+ <div class=\"item\">\n+ Save...\n+ </div>\n+ <div class=\"item\">Edit Permissions</div>\n+ <div class=\"divider\"></div>\n+ <div class=\"header\">\n+ Export\n+ </div>\n+ <div class=\"item\">\n+ Share...\n+ </div>\n+ </div>\n </div>\n- <div className=\"one column row\">\n- <Wrapper className=\"column\">\n- <Code\n- value={source}\n- onChange={(val) => setSource(val)}\n- docName=\"source.js\"\n- />\n- <FileSize>\n- {size}b, {gzip}b\n- </FileSize>\n- {/* <AST source={source}></AST> */}\n- </Wrapper>\n+ <div class=\"right menu\">\n+ <div class=\"ui right aligned category search item\">\n+ <div class=\"ui transparent icon input\">\n+ <input class=\"prompt\" type=\"text\" placeholder=\"Search animals...\">\n+ <i class=\"search link icon\"></i>\n+ </div>\n+ <div class=\"results\"></div>\n+ </div>\n+ </div>\n </div>\n-\n-\n- {enableCustomPlugin && (\n+ <div class=\"ui bottom attached segment\">\n+ <p></p>\n+ </div>\n+ <div className=\"ui internally celled grid\">\n+ <div className=\"row\">\n+ <Actions>\n+ <label>\n+ <input\n+ checked={enableCustomPlugin}\n+ onChange={() => toggleCustomPlugin(!enableCustomPlugin)}\n+ type=\"checkbox\"\n+ />\n+ <span>Custom Plugin</span>\n+ </label>\n+ <button\n+ onClick={() =>\n+ setBabelConfig((configs) => [\n+ ...configs,\n+ configs[configs.length - 1],\n+ ])\n+ }\n+ >\n+ Add New Config\n+ </button>\n+ <button\n+ onClick={() => {\n+ setSource(\"const hello = 'world';\");\n+ }}\n+ >\n+ Use Example (WIP)\n+ </button>\n+ </Actions>\n+ </div>\n <div className=\"one column row\">\n <Wrapper className=\"column\">\n <Code\n- value={customPlugin}\n- onChange={(val) => setCustomPlugin(val)}\n- docName=\"plugin.js\"\n+ value={source}\n+ onChange={(val) => setSource(val)}\n+ docName=\"source.js\"\n />\n- <Toggle onClick={() => toggleCustomPlugin(false)} />\n+ <FileSize>\n+ {size}b, {gzip}b\n+ </FileSize>\n+ {/* <AST source={source}></AST> */}\n </Wrapper>\n </div>\n- )}\n \n \n- {results}\n- </div>\n+ {enableCustomPlugin && (\n+ <div className=\"one column row\">\n+ <Wrapper className=\"column\">\n+ <Code\n+ value={customPlugin}\n+ onChange={(val) => setCustomPlugin(val)}\n+ docName=\"plugin.js\"\n+ />\n+ <Toggle onClick={() => toggleCustomPlugin(false)} />\n+ </Wrapper>\n+ </div>\n+ )}\n+\n+\n+ {results}\n+ </div>\n </Root>\n );\n };\n"}},"type":"diff"}
{"so":3594293,"data":{"data":{"diff":"Commit 45ce166c4d9a702514e4d84fbe5ab9327968d536\n--- src/components/App.js\n+++ src/components/App.js\n@@ -192,11 +233,11 @@ function useDebounce(value, delay) {\n \n React.useEffect(() => {\n const handler = setTimeout(() => {\n- setDebouncedValue(value);\n+ setDebouncedValue(value);\n }, delay);\n \n return () => {\n- clearTimeout(handler);\n+ clearTimeout(handler);\n };\n }, [delay, value]);\n \n"}},"type":"diff"}
{"so":3598460,"data":{"data":{"transcript":"I think it likes having different two Children there. Maybe","startTime":3598.46}},"type":"speech"}
{"so":3600622,"data":{"data":{"id":2886970,"memoryUsage":310906880,"owner":{"name":"chrome.exe"},"title":"Menu | Semantic UI - Google Chrome"}},"type":"window"}
{"so":3604334,"data":{"data":{"summary":{"changed":147,"commit":"8ec4757cf5c23b232c5e921182ee29d61db9074e","deletions":94,"files":[{"changed":147,"deletions":94,"file":"src/components/App.js","insertions":53}],"insertions":53}}},"type":"diff-summary"}
{"so":3604337,"data":{"data":{"diff":"Commit 8ec4757cf5c23b232c5e921182ee29d61db9074e\n--- src/components/App.js\n+++ src/components/App.js\n@@ -116,108 +116,67 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n \n return (\n <Root>\n- <div class=\"ui top attached menu\">\n- <div class=\"ui dropdown icon item\">\n- <i class=\"wrench icon\"></i>\n- <div class=\"menu\">\n- <div class=\"item\">\n- <i class=\"dropdown icon\"></i>\n- <span class=\"text\">New</span>\n- <div class=\"menu\">\n- <div class=\"item\">Document</div>\n- <div class=\"item\">Image</div>\n- </div>\n- </div>\n- <div class=\"item\">\n- Open...\n- </div>\n- <div class=\"item\">\n- Save...\n- </div>\n- <div class=\"item\">Edit Permissions</div>\n- <div class=\"divider\"></div>\n- <div class=\"header\">\n- Export\n- </div>\n- <div class=\"item\">\n- Share...\n- </div>\n- </div>\n- </div>\n- <div class=\"right menu\">\n- <div class=\"ui right aligned category search item\">\n- <div class=\"ui transparent icon input\">\n- <input class=\"prompt\" type=\"text\" placeholder=\"Search animals...\">\n- <i class=\"search link icon\"></i>\n- </div>\n- <div class=\"results\"></div>\n- </div>\n- </div>\n- </div>\n- <div class=\"ui bottom attached segment\">\n- <p></p>\n- </div>\n- <div className=\"ui internally celled grid\">\n- <div className=\"row\">\n- <Actions>\n- <label>\n- <input\n- checked={enableCustomPlugin}\n- onChange={() => toggleCustomPlugin(!enableCustomPlugin)}\n- type=\"checkbox\"\n- />\n- <span>Custom Plugin</span>\n- </label>\n- <button\n- onClick={() =>\n- setBabelConfig((configs) => [\n- ...configs,\n- configs[configs.length - 1],\n- ])\n- }\n- >\n- Add New Config\n+ <div className=\"ui internally celled grid\">\n+ <div className=\"row\">\n+ <Actions>\n+ <label>\n+ <input\n+ checked={enableCustomPlugin}\n+ onChange={() => toggleCustomPlugin(!enableCustomPlugin)}\n+ type=\"checkbox\"\n+ />\n+ <span>Custom Plugin</span>\n+ </label>\n+ <button\n+ onClick={() =>\n+ setBabelConfig((configs) => [\n+ ...configs,\n+ configs[configs.length - 1],\n+ ])\n+ }\n+ >\n+ Add New Config\n </button>\n- <button\n- onClick={() => {\n- setSource(\"const hello = 'world';\");\n- }}\n- >\n- Use Example (WIP)\n+ <button\n+ onClick={() => {\n+ setSource(\"const hello = 'world';\");\n+ }}\n+ >\n+ Use Example (WIP)\n </button>\n- </Actions>\n- </div>\n+ </Actions>\n+ </div>\n+ <div className=\"one column row\">\n+ <Wrapper className=\"column\">\n+ <Code\n+ value={source}\n+ onChange={(val) => setSource(val)}\n+ docName=\"source.js\"\n+ />\n+ <FileSize>\n+ {size}b, {gzip}b\n+ </FileSize>\n+ {/* <AST source={source}></AST> */}\n+ </Wrapper>\n+ </div>\n+\n+\n+ {enableCustomPlugin && (\n <div className=\"one column row\">\n <Wrapper className=\"column\">\n <Code\n- value={source}\n- onChange={(val) => setSource(val)}\n- docName=\"source.js\"\n+ value={customPlugin}\n+ onChange={(val) => setCustomPlugin(val)}\n+ docName=\"plugin.js\"\n />\n- <FileSize>\n- {size}b, {gzip}b\n- </FileSize>\n- {/* <AST source={source}></AST> */}\n+ <Toggle onClick={() => toggleCustomPlugin(false)} />\n </Wrapper>\n </div>\n+ )}\n \n \n- {enableCustomPlugin && (\n- <div className=\"one column row\">\n- <Wrapper className=\"column\">\n- <Code\n- value={customPlugin}\n- onChange={(val) => setCustomPlugin(val)}\n- docName=\"plugin.js\"\n- />\n- <Toggle onClick={() => toggleCustomPlugin(false)} />\n- </Wrapper>\n- </div>\n- )}\n-\n-\n- {results}\n- </div>\n+ {results}\n+ </div>\n </Root>\n );\n };\n"}},"type":"diff"}
{"so":3604337,"data":{"data":{"diff":"Commit 8ec4757cf5c23b232c5e921182ee29d61db9074e\n--- src/components/App.js\n+++ src/components/App.js\n@@ -233,11 +192,11 @@ function useDebounce(value, delay) {\n \n React.useEffect(() => {\n const handler = setTimeout(() => {\n- setDebouncedValue(value);\n+ setDebouncedValue(value);\n }, delay);\n \n return () => {\n- clearTimeout(handler);\n+ clearTimeout(handler);\n };\n }, [delay, value]);\n \n"}},"type":"diff"}
{"so":3605700,"data":{"data":{"transcript":"Okay?","startTime":3605.7}},"type":"speech"}
{"so":3608920,"data":{"data":{"transcript":"I'm missing a divorce something","startTime":3608.92}},"type":"speech"}
{"so":3610603,"data":{"data":{"id":2819594,"memoryUsage":100380672,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":3612750,"data":{"data":{"transcript":"Weird.","startTime":3612.75}},"type":"speech"}
{"so":3614670,"data":{"data":{"summary":{"changed":147,"commit":"069675a63f3e508310daabb611ce72c7bcdd4994","deletions":53,"files":[{"changed":147,"deletions":53,"file":"src/components/App.js","insertions":94}],"insertions":94}}},"type":"diff-summary"}
{"so":3614673,"data":{"data":{"diff":"Commit 069675a63f3e508310daabb611ce72c7bcdd4994\n--- src/components/App.js\n+++ src/components/App.js\n@@ -116,67 +116,108 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n \n return (\n <Root>\n- <div className=\"ui internally celled grid\">\n- <div className=\"row\">\n- <Actions>\n- <label>\n- <input\n- checked={enableCustomPlugin}\n- onChange={() => toggleCustomPlugin(!enableCustomPlugin)}\n- type=\"checkbox\"\n- />\n- <span>Custom Plugin</span>\n- </label>\n- <button\n- onClick={() =>\n- setBabelConfig((configs) => [\n- ...configs,\n- configs[configs.length - 1],\n- ])\n- }\n- >\n- Add New Config\n- </button>\n- <button\n- onClick={() => {\n- setSource(\"const hello = 'world';\");\n- }}\n- >\n- Use Example (WIP)\n- </button>\n- </Actions>\n+ <div class=\"ui top attached menu\">\n+ <div class=\"ui dropdown icon item\">\n+ <i class=\"wrench icon\"></i>\n+ <div class=\"menu\">\n+ <div class=\"item\">\n+ <i class=\"dropdown icon\"></i>\n+ <span class=\"text\">New</span>\n+ <div class=\"menu\">\n+ <div class=\"item\">Document</div>\n+ <div class=\"item\">Image</div>\n+ </div>\n+ </div>\n+ <div class=\"item\">\n+ Open...\n+ </div>\n+ <div class=\"item\">\n+ Save...\n+ </div>\n+ <div class=\"item\">Edit Permissions</div>\n+ <div class=\"divider\"></div>\n+ <div class=\"header\">\n+ Export\n+ </div>\n+ <div class=\"item\">\n+ Share...\n+ </div>\n+ </div>\n </div>\n- <div className=\"one column row\">\n- <Wrapper className=\"column\">\n- <Code\n- value={source}\n- onChange={(val) => setSource(val)}\n- docName=\"source.js\"\n- />\n- <FileSize>\n- {size}b, {gzip}b\n- </FileSize>\n- {/* <AST source={source}></AST> */}\n- </Wrapper>\n+ <div class=\"right menu\">\n+ <div class=\"ui right aligned category search item\">\n+ <div class=\"ui transparent icon input\">\n+ <input class=\"prompt\" type=\"text\" placeholder=\"Search animals...\">\n+ <i class=\"search link icon\"></i>\n+ </div>\n+ <div class=\"results\"></div>\n+ </div>\n+ </div>\n </div>\n-\n-\n- {enableCustomPlugin && (\n+ <div class=\"ui bottom attached segment\">\n+ <p></p>\n+ </div>\n+ <div className=\"ui internally celled grid\">\n+ <div className=\"row\">\n+ <Actions>\n+ <label>\n+ <input\n+ checked={enableCustomPlugin}\n+ onChange={() => toggleCustomPlugin(!enableCustomPlugin)}\n+ type=\"checkbox\"\n+ />\n+ <span>Custom Plugin</span>\n+ </label>\n+ <button\n+ onClick={() =>\n+ setBabelConfig((configs) => [\n+ ...configs,\n+ configs[configs.length - 1],\n+ ])\n+ }\n+ >\n+ Add New Config\n+ </button>\n+ <button\n+ onClick={() => {\n+ setSource(\"const hello = 'world';\");\n+ }}\n+ >\n+ Use Example (WIP)\n+ </button>\n+ </Actions>\n+ </div>\n <div className=\"one column row\">\n <Wrapper className=\"column\">\n <Code\n- value={customPlugin}\n- onChange={(val) => setCustomPlugin(val)}\n- docName=\"plugin.js\"\n+ value={source}\n+ onChange={(val) => setSource(val)}\n+ docName=\"source.js\"\n />\n- <Toggle onClick={() => toggleCustomPlugin(false)} />\n+ <FileSize>\n+ {size}b, {gzip}b\n+ </FileSize>\n+ {/* <AST source={source}></AST> */}\n </Wrapper>\n </div>\n- )}\n \n \n- {results}\n- </div>\n+ {enableCustomPlugin && (\n+ <div className=\"one column row\">\n+ <Wrapper className=\"column\">\n+ <Code\n+ value={customPlugin}\n+ onChange={(val) => setCustomPlugin(val)}\n+ docName=\"plugin.js\"\n+ />\n+ <Toggle onClick={() => toggleCustomPlugin(false)} />\n+ </Wrapper>\n+ </div>\n+ )}\n+\n+\n+ {results}\n+ </div>\n </Root>\n );\n };\n"}},"type":"diff"}
{"so":3614673,"data":{"data":{"diff":"Commit 069675a63f3e508310daabb611ce72c7bcdd4994\n--- src/components/App.js\n+++ src/components/App.js\n@@ -192,11 +233,11 @@ function useDebounce(value, delay) {\n \n React.useEffect(() => {\n const handler = setTimeout(() => {\n- setDebouncedValue(value);\n+ setDebouncedValue(value);\n }, delay);\n \n return () => {\n- clearTimeout(handler);\n+ clearTimeout(handler);\n };\n }, [delay, value]);\n \n"}},"type":"diff"}
{"so":3620625,"data":{"data":{"id":2819594,"memoryUsage":100380672,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":3621110,"data":{"data":{"transcript":"What if it's like the first","startTime":3621.11}},"type":"speech"}
{"so":3623190,"data":{"data":{"transcript":"It's like here now. This is weird. Yeah, doesn't like it. I wonder, for example, is bad.","startTime":3623.19}},"type":"speech"}
{"so":3629578,"data":{"data":{"summary":{"changed":66,"commit":"da085412af79e9c6ba4d3765ca4787c2f9d479e5","deletions":33,"files":[{"changed":66,"deletions":33,"file":"src/components/App.js","insertions":33}],"insertions":33}}},"type":"diff-summary"}
{"so":3629584,"data":{"data":{"diff":"Commit da085412af79e9c6ba4d3765ca4787c2f9d479e5\n--- src/components/App.js\n+++ src/components/App.js\n@@ -116,48 +116,48 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n \n return (\n <Root>\n- <div class=\"ui top attached menu\">\n- <div class=\"ui dropdown icon item\">\n- <i class=\"wrench icon\"></i>\n- <div class=\"menu\">\n- <div class=\"item\">\n- <i class=\"dropdown icon\"></i>\n- <span class=\"text\">New</span>\n- <div class=\"menu\">\n- <div class=\"item\">Document</div>\n- <div class=\"item\">Image</div>\n+ <div className=\"ui internally celled grid\">\n+ <div class=\"ui top attached menu\">\n+ <div class=\"ui dropdown icon item\">\n+ <i class=\"wrench icon\"></i>\n+ <div class=\"menu\">\n+ <div class=\"item\">\n+ <i class=\"dropdown icon\"></i>\n+ <span class=\"text\">New</span>\n+ <div class=\"menu\">\n+ <div class=\"item\">Document</div>\n+ <div class=\"item\">Image</div>\n+ </div>\n </div>\n- </div>\n- <div class=\"item\">\n- Open...\n+ <div class=\"item\">\n+ Open...\n </div>\n- <div class=\"item\">\n- Save...\n+ <div class=\"item\">\n+ Save...\n </div>\n- <div class=\"item\">Edit Permissions</div>\n- <div class=\"divider\"></div>\n- <div class=\"header\">\n- Export\n+ <div class=\"item\">Edit Permissions</div>\n+ <div class=\"divider\"></div>\n+ <div class=\"header\">\n+ Export\n </div>\n- <div class=\"item\">\n- Share...\n+ <div class=\"item\">\n+ Share...\n </div>\n+ </div>\n </div>\n- </div>\n- <div class=\"right menu\">\n- <div class=\"ui right aligned category search item\">\n- <div class=\"ui transparent icon input\">\n- <input class=\"prompt\" type=\"text\" placeholder=\"Search animals...\">\n- <i class=\"search link icon\"></i>\n+ <div class=\"right menu\">\n+ <div class=\"ui right aligned category search item\">\n+ <div class=\"ui transparent icon input\">\n+ <input class=\"prompt\" type=\"text\" placeholder=\"Search animals...\">\n+ <i class=\"search link icon\"></i>\n </div>\n- <div class=\"results\"></div>\n+ <div class=\"results\"></div>\n+ </div>\n </div>\n </div>\n- </div>\n- <div class=\"ui bottom attached segment\">\n- <p></p>\n- </div>\n- <div className=\"ui internally celled grid\">\n+ <div class=\"ui bottom attached segment\">\n+ <p></p>\n+ </div>\n <div className=\"row\">\n <Actions>\n <label>\n"}},"type":"diff"}
{"so":3630614,"data":{"data":{"id":2886970,"memoryUsage":315473920,"owner":{"name":"chrome.exe"},"title":"New Tab - Google Chrome"}},"type":"window"}
{"so":3634150,"data":{"data":{"transcript":"We also need Ah reacts semantic.","startTime":3634.15}},"type":"speech"}
{"so":3634330,"data":{"data":{"summary":{"changed":145,"commit":"fe4f6ffbf05e32d4745bb14ebfb85a46ba282015","deletions":93,"files":[{"changed":145,"deletions":93,"file":"src/components/App.js","insertions":52}],"insertions":52}}},"type":"diff-summary"}
{"so":3634332,"data":{"data":{"diff":"Commit fe4f6ffbf05e32d4745bb14ebfb85a46ba282015\n--- src/components/App.js\n+++ src/components/App.js\n@@ -117,107 +117,66 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n return (\n <Root>\n <div className=\"ui internally celled grid\">\n- <div class=\"ui top attached menu\">\n- <div class=\"ui dropdown icon item\">\n- <i class=\"wrench icon\"></i>\n- <div class=\"menu\">\n- <div class=\"item\">\n- <i class=\"dropdown icon\"></i>\n- <span class=\"text\">New</span>\n- <div class=\"menu\">\n- <div class=\"item\">Document</div>\n- <div class=\"item\">Image</div>\n- </div>\n- </div>\n- <div class=\"item\">\n- Open...\n- </div>\n- <div class=\"item\">\n- Save...\n- </div>\n- <div class=\"item\">Edit Permissions</div>\n- <div class=\"divider\"></div>\n- <div class=\"header\">\n- Export\n- </div>\n- <div class=\"item\">\n- Share...\n- </div>\n- </div>\n- </div>\n- <div class=\"right menu\">\n- <div class=\"ui right aligned category search item\">\n- <div class=\"ui transparent icon input\">\n- <input class=\"prompt\" type=\"text\" placeholder=\"Search animals...\">\n- <i class=\"search link icon\"></i>\n- </div>\n- <div class=\"results\"></div>\n- </div>\n- </div>\n- </div>\n- <div class=\"ui bottom attached segment\">\n- <p></p>\n- </div>\n- <div className=\"row\">\n- <Actions>\n- <label>\n- <input\n- checked={enableCustomPlugin}\n- onChange={() => toggleCustomPlugin(!enableCustomPlugin)}\n- type=\"checkbox\"\n- />\n- <span>Custom Plugin</span>\n- </label>\n- <button\n- onClick={() =>\n- setBabelConfig((configs) => [\n- ...configs,\n- configs[configs.length - 1],\n- ])\n- }\n- >\n- Add New Config\n+ <div className=\"row\">\n+ <Actions>\n+ <label>\n+ <input\n+ checked={enableCustomPlugin}\n+ onChange={() => toggleCustomPlugin(!enableCustomPlugin)}\n+ type=\"checkbox\"\n+ />\n+ <span>Custom Plugin</span>\n+ </label>\n+ <button\n+ onClick={() =>\n+ setBabelConfig((configs) => [\n+ ...configs,\n+ configs[configs.length - 1],\n+ ])\n+ }\n+ >\n+ Add New Config\n </button>\n- <button\n- onClick={() => {\n- setSource(\"const hello = 'world';\");\n- }}\n- >\n- Use Example (WIP)\n+ <button\n+ onClick={() => {\n+ setSource(\"const hello = 'world';\");\n+ }}\n+ >\n+ Use Example (WIP)\n </button>\n- </Actions>\n- </div>\n+ </Actions>\n+ </div>\n+ <div className=\"one column row\">\n+ <Wrapper className=\"column\">\n+ <Code\n+ value={source}\n+ onChange={(val) => setSource(val)}\n+ docName=\"source.js\"\n+ />\n+ <FileSize>\n+ {size}b, {gzip}b\n+ </FileSize>\n+ {/* <AST source={source}></AST> */}\n+ </Wrapper>\n+ </div>\n+\n+\n+ {enableCustomPlugin && (\n <div className=\"one column row\">\n <Wrapper className=\"column\">\n <Code\n- value={source}\n- onChange={(val) => setSource(val)}\n- docName=\"source.js\"\n+ value={customPlugin}\n+ onChange={(val) => setCustomPlugin(val)}\n+ docName=\"plugin.js\"\n />\n- <FileSize>\n- {size}b, {gzip}b\n- </FileSize>\n- {/* <AST source={source}></AST> */}\n+ <Toggle onClick={() => toggleCustomPlugin(false)} />\n </Wrapper>\n </div>\n+ )}\n \n \n- {enableCustomPlugin && (\n- <div className=\"one column row\">\n- <Wrapper className=\"column\">\n- <Code\n- value={customPlugin}\n- onChange={(val) => setCustomPlugin(val)}\n- docName=\"plugin.js\"\n- />\n- <Toggle onClick={() => toggleCustomPlugin(false)} />\n- </Wrapper>\n- </div>\n- )}\n-\n-\n- {results}\n- </div>\n+ {results}\n+ </div>\n </Root>\n );\n };\n"}},"type":"diff"}
{"so":3634332,"data":{"data":{"diff":"Commit fe4f6ffbf05e32d4745bb14ebfb85a46ba282015\n--- src/components/App.js\n+++ src/components/App.js\n@@ -233,11 +192,11 @@ function useDebounce(value, delay) {\n \n React.useEffect(() => {\n const handler = setTimeout(() => {\n- setDebouncedValue(value);\n+ setDebouncedValue(value);\n }, delay);\n \n return () => {\n- clearTimeout(handler);\n+ clearTimeout(handler);\n };\n }, [delay, value]);\n \n"}},"type":"diff"}
{"so":3639800,"data":{"data":{"transcript":"Then we want the menu.","startTime":3639.8}},"type":"speech"}
{"so":3640638,"data":{"data":{"id":2886970,"memoryUsage":312729600,"owner":{"name":"chrome.exe"},"title":"Introduction - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":3643720,"data":{"data":{"transcript":"And you","startTime":3643.72}},"type":"speech"}
{"so":3646230,"data":{"data":{"transcript":"This one.","startTime":3646.23}},"type":"speech"}
{"so":3650615,"data":{"data":{"id":2886970,"memoryUsage":312070144,"owner":{"name":"chrome.exe"},"title":"Menu - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":3653100,"data":{"data":{"transcript":"I wonder if I screwed up the layout too, because I didn't","startTime":3653.1}},"type":"speech"}
{"so":3658850,"data":{"data":{"transcript":"Currid. I want to screw that up.","startTime":3658.85}},"type":"speech"}
{"so":3660609,"data":{"data":{"id":2886970,"memoryUsage":311668736,"owner":{"name":"chrome.exe"},"title":"Grid - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":3662410,"data":{"data":{"transcript":"Currently cell grid. Ah,","startTime":3662.41}},"type":"speech"}
{"so":3666220,"data":{"data":{"transcript":"Yeah, okay.","startTime":3666.22}},"type":"speech"}
{"so":3669710,"data":{"data":{"transcript":"So","startTime":3669.71}},"type":"speech"}
{"so":3670610,"data":{"data":{"id":2819594,"memoryUsage":100384768,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":3680612,"data":{"data":{"id":2819594,"memoryUsage":99553280,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":3682110,"data":{"data":{"transcript":"Great throw hands closes action Close the wrapper.","startTime":3682.11}},"type":"speech"}
{"so":3684188,"data":{"data":{"summary":{"changed":2,"commit":"8819b112f958ffb9124261c9fdfa96dd3842e537","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":3684193,"data":{"data":{"diff":"Commit 8819b112f958ffb9124261c9fdfa96dd3842e537\n--- src/components/App.js\n+++ src/components/App.js\n@@ -116,7 +116,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n \n return (\n <Root>\n- <div className=\"ui internally celled grid\">\n+ <Grid celled='internally'>\n <div className=\"row\">\n <Actions>\n <label>\n"}},"type":"diff"}
{"so":3687130,"data":{"data":{"transcript":"With the wrapper.","startTime":3687.13}},"type":"speech"}
{"so":3689302,"data":{"data":{"summary":{"changed":2,"commit":"f7d5b3c6bd560b2cb490cce5eb315b3600cc14fb","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":3689306,"data":{"data":{"diff":"Commit f7d5b3c6bd560b2cb490cce5eb315b3600cc14fb\n--- src/components/App.js\n+++ src/components/App.js\n@@ -117,7 +117,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n return (\n <Root>\n <Grid celled='internally'>\n- <div className=\"row\">\n+ <Grid.Row>\n <Actions>\n <label>\n <input\n"}},"type":"diff"}
{"so":3690632,"data":{"data":{"id":2819594,"memoryUsage":99315712,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":3693270,"data":{"data":{"transcript":"Everyone, too.","startTime":3693.27}},"type":"speech"}
{"so":3695210,"data":{"data":{"transcript":"So that we don't want a masochist.","startTime":3695.21}},"type":"speech"}
{"so":3698070,"data":{"data":{"transcript":"Grab that exists that I have been waiting for that update. Okay. Grid ro grid, Ro.","startTime":3698.07}},"type":"speech"}
{"so":3700627,"data":{"data":{"id":2886970,"memoryUsage":310202368,"owner":{"name":"chrome.exe"},"title":"Grid - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":3704550,"data":{"data":{"transcript":"Close the greater ro.","startTime":3704.55}},"type":"speech"}
{"so":3708400,"data":{"data":{"transcript":"Um","startTime":3708.4}},"type":"speech"}
{"so":3709011,"data":{"data":{"summary":{"changed":2,"commit":"15acb789eb5cbe1467b65d519ec439788e6c2499","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":3709013,"data":{"data":{"diff":"Commit 15acb789eb5cbe1467b65d519ec439788e6c2499\n--- src/components/App.js\n+++ src/components/App.js\n@@ -145,7 +145,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n Use Example (WIP)\n </button>\n </Actions>\n- </div>\n+ </Grid.Row>\n <div className=\"one column row\">\n <Wrapper className=\"column\">\n <Code\n"}},"type":"diff"}
{"so":3710617,"data":{"data":{"id":2819594,"memoryUsage":99778560,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":3710820,"data":{"data":{"transcript":"Column or a one Kong good cred, calm.","startTime":3710.82}},"type":"speech"}
{"so":3715920,"data":{"data":{"transcript":"Stupid.","startTime":3715.92}},"type":"speech"}
{"so":3719100,"data":{"data":{"transcript":"People do this degree.","startTime":3719.1}},"type":"speech"}
{"so":3720618,"data":{"data":{"id":2819594,"memoryUsage":100130816,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":3721040,"data":{"data":{"transcript":"We're going to grade Ro, I guess right? Because we don't need that. We needed coal column there.","startTime":3721.04}},"type":"speech"}
{"so":3726540,"data":{"data":{"transcript":"Grid, Ro.","startTime":3726.54}},"type":"speech"}
{"so":3730620,"data":{"data":{"id":2819594,"memoryUsage":99364864,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":3732420,"data":{"data":{"transcript":"Cravero.","startTime":3732.42}},"type":"speech"}
{"so":3740622,"data":{"data":{"id":2819594,"memoryUsage":99368960,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":3749165,"data":{"data":{"summary":{"changed":10,"commit":"915deb8dcfd8b59e818d84ee4c8a5686dd0d6c73","deletions":5,"files":[{"changed":10,"deletions":5,"file":"src/components/App.js","insertions":5}],"insertions":5}}},"type":"diff-summary"}
{"so":3749170,"data":{"data":{"diff":"Commit 915deb8dcfd8b59e818d84ee4c8a5686dd0d6c73\n--- src/components/App.js\n+++ src/components/App.js\n@@ -146,7 +146,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n </button>\n </Actions>\n </Grid.Row>\n- <div className=\"one column row\">\n+ <Grid.Row>\n <Wrapper className=\"column\">\n <Code\n value={source}\n"}},"type":"diff"}
{"so":3749170,"data":{"data":{"diff":"Commit 915deb8dcfd8b59e818d84ee4c8a5686dd0d6c73\n--- src/components/App.js\n+++ src/components/App.js\n@@ -158,11 +158,11 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n </FileSize>\n {/* <AST source={source}></AST> */}\n </Wrapper>\n- </div>\n+ </Grid.Row>\n \n \n {enableCustomPlugin && (\n- <div className=\"one column row\">\n+ <Grid.Row>\n <Wrapper className=\"column\">\n <Code\n value={customPlugin}\n"}},"type":"diff"}
{"so":3749171,"data":{"data":{"diff":"Commit 915deb8dcfd8b59e818d84ee4c8a5686dd0d6c73\n--- src/components/App.js\n+++ src/components/App.js\n@@ -171,12 +171,12 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n />\n <Toggle onClick={() => toggleCustomPlugin(false)} />\n </Wrapper>\n- </div>\n+ </Grid.Row>\n )}\n \n \n {results}\n- </div>\n+ </Grid.Row>\n </Root>\n );\n };\n"}},"type":"diff"}
{"so":3749400,"data":{"data":{"transcript":"They're not agreed rather results.","startTime":3749.4}},"type":"speech"}
{"so":3750622,"data":{"data":{"id":2819594,"memoryUsage":99586048,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":3752230,"data":{"data":{"transcript":"Okay, go for the results are going to be","startTime":3752.23}},"type":"speech"}
{"so":3755120,"data":{"data":{"transcript":"Oof! Okay, what's wrong here?","startTime":3755.12}},"type":"speech"}
{"so":3758780,"data":{"data":{"transcript":"Great closing.","startTime":3758.78}},"type":"speech"}
{"so":3759414,"data":{"data":{"summary":{"changed":5,"commit":"b4d64e2f2edcbcff1cbed55a0675ca19ff06a0aa","deletions":3,"files":[{"changed":5,"deletions":3,"file":"src/components/App.js","insertions":2}],"insertions":2}}},"type":"diff-summary"}
{"so":3759416,"data":{"data":{"diff":"Commit b4d64e2f2edcbcff1cbed55a0675ca19ff06a0aa\n--- src/components/App.js\n+++ src/components/App.js\n@@ -176,7 +176,6 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n \n \n {results}\n- </Grid.Row>\n </Root>\n );\n };\n"}},"type":"diff"}
{"so":3759416,"data":{"data":{"diff":"Commit b4d64e2f2edcbcff1cbed55a0675ca19ff06a0aa\n--- src/components/App.js\n+++ src/components/App.js\n@@ -192,11 +191,11 @@ function useDebounce(value, delay) {\n \n React.useEffect(() => {\n const handler = setTimeout(() => {\n- setDebouncedValue(value);\n+ setDebouncedValue(value);\n }, delay);\n \n return () => {\n- clearTimeout(handler);\n+ clearTimeout(handler);\n };\n }, [delay, value]);\n \n"}},"type":"diff"}
{"so":3760625,"data":{"data":{"id":2819594,"memoryUsage":99680256,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":3762100,"data":{"data":{"transcript":"Cool.","startTime":3762.1}},"type":"speech"}
{"so":3763960,"data":{"data":{"transcript":"See what happens. Greed is not defying orders not to fight. Why ask wise not to find is definitely find, um","startTime":3763.96}},"type":"speech"}
{"so":3769815,"data":{"data":{"summary":{"changed":5,"commit":"b0112d3fe4d1b77a601636d54efc5318af914a08","deletions":2,"files":[{"changed":5,"deletions":2,"file":"src/components/App.js","insertions":3}],"insertions":3}}},"type":"diff-summary"}
{"so":3769819,"data":{"data":{"diff":"Commit b0112d3fe4d1b77a601636d54efc5318af914a08\n--- src/components/App.js\n+++ src/components/App.js\n@@ -176,6 +176,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n \n \n {results}\n+ </Grid>\n </Root>\n );\n };\n"}},"type":"diff"}
{"so":3769819,"data":{"data":{"diff":"Commit b0112d3fe4d1b77a601636d54efc5318af914a08\n--- src/components/App.js\n+++ src/components/App.js\n@@ -191,11 +192,11 @@ function useDebounce(value, delay) {\n \n React.useEffect(() => {\n const handler = setTimeout(() => {\n- setDebouncedValue(value);\n+ setDebouncedValue(value);\n }, delay);\n \n return () => {\n- clearTimeout(handler);\n+ clearTimeout(handler);\n };\n }, [delay, value]);\n \n"}},"type":"diff"}
{"so":3770627,"data":{"data":{"id":2886970,"memoryUsage":310980608,"owner":{"name":"chrome.exe"},"title":"Menu | Semantic UI - Google Chrome"}},"type":"window"}
{"so":3772790,"data":{"data":{"transcript":"Stephanie Element. Maybe. Ah will be included.","startTime":3772.79}},"type":"speech"}
{"so":3774243,"data":{"data":{"summary":{"changed":4,"commit":"fa7dd32beed75080383e637f322005b5bd64b0f6","deletions":4,"files":[{"changed":4,"deletions":4,"file":"src/components/App.js","insertions":0}],"insertions":0}}},"type":"diff-summary"}
{"so":3774247,"data":{"data":{"diff":"Commit fa7dd32beed75080383e637f322005b5bd64b0f6\n--- src/components/App.js\n+++ src/components/App.js\n@@ -159,8 +159,6 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n {/* <AST source={source}></AST> */}\n </Wrapper>\n </Grid.Row>\n-\n-\n {enableCustomPlugin && (\n <Grid.Row>\n <Wrapper className=\"column\">\n"}},"type":"diff"}
{"so":3774247,"data":{"data":{"diff":"Commit fa7dd32beed75080383e637f322005b5bd64b0f6\n--- src/components/App.js\n+++ src/components/App.js\n@@ -173,8 +171,6 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n </Wrapper>\n </Grid.Row>\n )}\n-\n-\n {results}\n </Grid>\n </Root>\n"}},"type":"diff"}
{"so":3780640,"data":{"data":{"id":2886970,"memoryUsage":311865344,"owner":{"name":"chrome.exe"},"title":"Theming | Semantic UI - Google Chrome"}},"type":"window"}
{"so":3780750,"data":{"data":{"transcript":"Yeah, I got you sit in it.","startTime":3780.75}},"type":"speech"}
{"so":3785340,"data":{"data":{"transcript":"Integrations react.","startTime":3785.34}},"type":"speech"}
{"so":3790630,"data":{"data":{"id":2886970,"memoryUsage":310706176,"owner":{"name":"chrome.exe"},"title":"Semantic-Org/Semantic-UI-React: The official Semantic-UI-React integration - Google Chrome"}},"type":"window"}
{"so":3790640,"data":{"data":{"transcript":"Um J no.","startTime":3790.64}},"type":"speech"}
{"so":3800631,"data":{"data":{"id":2886970,"memoryUsage":310472704,"owner":{"name":"chrome.exe"},"title":"Introduction - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":3810633,"data":{"data":{"id":2886970,"memoryUsage":310333440,"owner":{"name":"chrome.exe"},"title":"Get Started - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":3820678,"data":{"data":{"id":2886970,"memoryUsage":311562240,"owner":{"name":"chrome.exe"},"title":"Get Started - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":3830693,"data":{"data":{"id":2886970,"memoryUsage":310095872,"owner":{"name":"chrome.exe"},"title":"Get Started - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":3838590,"data":{"data":{"transcript":"Yeah. There we go.","startTime":3838.59}},"type":"speech"}
{"so":3840695,"data":{"data":{"id":2886970,"memoryUsage":310136832,"owner":{"name":"chrome.exe"},"title":"Button - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":3850680,"data":{"data":{"id":2819594,"memoryUsage":99311616,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":3855580,"data":{"data":{"transcript":"We actually won't go ahead.","startTime":3855.58}},"type":"speech"}
{"so":3859554,"data":{"data":{"summary":{"changed":2,"commit":"76aec1a1e97bf3240cfe5831256cfd7f14f11312","deletions":0,"files":[{"changed":2,"deletions":0,"file":"src/components/App.js","insertions":2}],"insertions":2}}},"type":"diff-summary"}
{"so":3859558,"data":{"data":{"diff":"Commit 76aec1a1e97bf3240cfe5831256cfd7f14f11312\n--- src/components/App.js\n+++ src/components/App.js\n@@ -7,6 +7,8 @@ import { Editor } from \"./Editor\";\n import { processOptions } from \"../standalone\";\n import { gzipSize } from \"../gzip\";\n \n+import { Button } from 'semantic-ui-react'\n+\n window.babel = Babel;\n \n function CompiledOutput({\n"}},"type":"diff"}
{"so":3860681,"data":{"data":{"id":2819594,"memoryUsage":99385344,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":3861680,"data":{"data":{"transcript":"Grid.","startTime":3861.68}},"type":"speech"}
{"so":3864095,"data":{"data":{"summary":{"changed":2,"commit":"7dc40dc43fce1429ec6d3bbdf49475a0b5725960","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":3864097,"data":{"data":{"diff":"Commit 7dc40dc43fce1429ec6d3bbdf49475a0b5725960\n--- src/components/App.js\n+++ src/components/App.js\n@@ -7,7 +7,7 @@ import { Editor } from \"./Editor\";\n import { processOptions } from \"../standalone\";\n import { gzipSize } from \"../gzip\";\n \n-import { Button } from 'semantic-ui-react'\n+import { Grid } from 'semantic-ui-react'\n \n window.babel = Babel;\n \n"}},"type":"diff"}
{"so":3864810,"data":{"data":{"transcript":"Interesting crib.","startTime":3864.81}},"type":"speech"}
{"so":3870706,"data":{"data":{"id":2886970,"memoryUsage":313729024,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":3871950,"data":{"data":{"transcript":"Okay, Cool. That's looking good.","startTime":3871.95}},"type":"speech"}
{"so":3876870,"data":{"data":{"transcript":"Um","startTime":3876.87}},"type":"speech"}
{"so":3880230,"data":{"data":{"transcript":"It looks better. I went into the other great stuff now, Cast. Montague. I react.","startTime":3880.23}},"type":"speech"}
{"so":3880684,"data":{"data":{"id":2819594,"memoryUsage":99381248,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":3886000,"data":{"data":{"transcript":"Grid.","startTime":3886}},"type":"speech"}
{"so":3890691,"data":{"data":{"id":2886970,"memoryUsage":312610816,"owner":{"name":"chrome.exe"},"title":"Grid - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":3894360,"data":{"data":{"transcript":"Yeah.","startTime":3894.36}},"type":"speech"}
{"so":3900390,"data":{"data":{"transcript":"Hope that's funny. Cool. It's actually validating.","startTime":3900.39}},"type":"speech"}
{"so":3900702,"data":{"data":{"id":2886970,"memoryUsage":311017472,"owner":{"name":"chrome.exe"},"title":"Grid - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":3904740,"data":{"data":{"transcript":"Ric K Grid Road Grid column three copy","startTime":3904.74}},"type":"speech"}
{"so":3910688,"data":{"data":{"id":2819594,"memoryUsage":99753984,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":3911200,"data":{"data":{"transcript":"Okay?","startTime":3911.2}},"type":"speech"}
{"so":3914480,"data":{"data":{"transcript":"Rose six. WHITE column","startTime":3914.48}},"type":"speech"}
{"so":3917930,"data":{"data":{"transcript":"Look","startTime":3917.93}},"type":"speech"}
{"so":3919680,"data":{"data":{"transcript":"Six.","startTime":3919.68}},"type":"speech"}
{"so":3920689,"data":{"data":{"id":2819594,"memoryUsage":99794944,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":3922830,"data":{"data":{"transcript":"So be it.","startTime":3922.83}},"type":"speech"}
{"so":3924362,"data":{"data":{"summary":{"changed":4,"commit":"6dbf9f9ac319e654c4fff2131695fff103b80f06","deletions":2,"files":[{"changed":4,"deletions":2,"file":"src/components/App.js","insertions":2}],"insertions":2}}},"type":"diff-summary"}
{"so":3924366,"data":{"data":{"diff":"Commit 6dbf9f9ac319e654c4fff2131695fff103b80f06\n--- src/components/App.js\n+++ src/components/App.js\n@@ -42,8 +42,8 @@ function CompiledOutput({\n }, [source, config, debouncedPlugin]);\n \n return (\n- <Wrapper className=\"row\">\n- <div className=\"six wide column\">\n+ <Grid.Row>\n+ <Grid.Column width={6}>\n <Config\n value={\n config === Object(config)\n"}},"type":"diff"}
{"so":3930690,"data":{"data":{"id":2819594,"memoryUsage":99803136,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":3940693,"data":{"data":{"id":2819594,"memoryUsage":99835904,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":3944310,"data":{"data":{"summary":{"changed":6,"commit":"73ccf4e4fd88144939bff9590d9963496fd866c6","deletions":3,"files":[{"changed":6,"deletions":3,"file":"src/components/App.js","insertions":3}],"insertions":3}}},"type":"diff-summary"}
{"so":3944313,"data":{"data":{"diff":"Commit 73ccf4e4fd88144939bff9590d9963496fd866c6\n--- src/components/App.js\n+++ src/components/App.js\n@@ -54,15 +54,15 @@ function CompiledOutput({\n docName=\"config.json\"\n config={{ mode: \"application/json\" }}\n />\n- </div>\n- <div className=\"six wide column\">\n+ </Grid.Column>\n+ <Grid.Column width={6}>\n <Code\n value={compiled?.code ?? \"\"}\n docName=\"result.js\"\n config={{ readOnly: true, lineWrapping: true }}\n isError={compiled?.error ?? false}\n />\n- </div>\n+ </Grid>\n <FileSize>\n {compiled?.size}b, {gzip}b\n </FileSize>\n"}},"type":"diff"}
{"so":3949097,"data":{"data":{"summary":{"changed":2,"commit":"92584106237efb73013e8f0494d27bc277aedfcb","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":3949100,"data":{"data":{"diff":"Commit 92584106237efb73013e8f0494d27bc277aedfcb\n--- src/components/App.js\n+++ src/components/App.js\n@@ -62,7 +62,7 @@ function CompiledOutput({\n config={{ readOnly: true, lineWrapping: true }}\n isError={compiled?.error ?? false}\n />\n- </Grid>\n+ </Grid.Grid.Column>\n <FileSize>\n {compiled?.size}b, {gzip}b\n </FileSize>\n"}},"type":"diff"}
{"so":3950722,"data":{"data":{"id":2819594,"memoryUsage":99815424,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":3954405,"data":{"data":{"summary":{"changed":2,"commit":"02b031864967b5c8b7bd5b6f92c36cb1624fe053","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":3954409,"data":{"data":{"diff":"Commit 02b031864967b5c8b7bd5b6f92c36cb1624fe053\n--- src/components/App.js\n+++ src/components/App.js\n@@ -62,7 +62,7 @@ function CompiledOutput({\n config={{ readOnly: true, lineWrapping: true }}\n isError={compiled?.error ?? false}\n />\n- </Grid.Grid.Column>\n+ </Grid.Column>\n <FileSize>\n {compiled?.size}b, {gzip}b\n </FileSize>\n"}},"type":"diff"}
{"so":3959525,"data":{"data":{"summary":{"changed":2,"commit":"766c1750372a15cb2f0ab6758326891965eeb706","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":3959528,"data":{"data":{"diff":"Commit 766c1750372a15cb2f0ab6758326891965eeb706\n--- src/components/App.js\n+++ src/components/App.js\n@@ -67,7 +67,7 @@ function CompiledOutput({\n {compiled?.size}b, {gzip}b\n </FileSize>\n <Toggle onClick={removeConfig} />\n- </Wrapper>\n+ </Grid.Row>\n );\n }\n \n"}},"type":"diff"}
{"so":3960698,"data":{"data":{"id":2819594,"memoryUsage":99840000,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":3963560,"data":{"data":{"transcript":"I don't think we need these rappers.","startTime":3963.56}},"type":"speech"}
{"so":3970701,"data":{"data":{"id":2819594,"memoryUsage":99844096,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":3973880,"data":{"data":{"transcript":"OK, Cor.","startTime":3973.88}},"type":"speech"}
{"so":3974500,"data":{"data":{"summary":{"changed":32,"commit":"43cd6a3b824e24bb5e27944fc3b949eed27e299b","deletions":18,"files":[{"changed":32,"deletions":18,"file":"src/components/App.js","insertions":14}],"insertions":14}}},"type":"diff-summary"}
{"so":3974502,"data":{"data":{"diff":"Commit 43cd6a3b824e24bb5e27944fc3b949eed27e299b\n--- src/components/App.js\n+++ src/components/App.js\n@@ -149,28 +149,24 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n </Actions>\n </Grid.Row>\n <Grid.Row>\n- <Wrapper className=\"column\">\n- <Code\n- value={source}\n- onChange={(val) => setSource(val)}\n- docName=\"source.js\"\n- />\n- <FileSize>\n- {size}b, {gzip}b\n+ <Code\n+ value={source}\n+ onChange={(val) => setSource(val)}\n+ docName=\"source.js\"\n+ />\n+ <FileSize>\n+ {size}b, {gzip}b\n </FileSize>\n- {/* <AST source={source}></AST> */}\n- </Wrapper>\n+ {/* <AST source={source}></AST> */}\n </Grid.Row>\n {enableCustomPlugin && (\n <Grid.Row>\n- <Wrapper className=\"column\">\n- <Code\n- value={customPlugin}\n- onChange={(val) => setCustomPlugin(val)}\n- docName=\"plugin.js\"\n- />\n- <Toggle onClick={() => toggleCustomPlugin(false)} />\n- </Wrapper>\n+ <Code\n+ value={customPlugin}\n+ onChange={(val) => setCustomPlugin(val)}\n+ docName=\"plugin.js\"\n+ />\n+ <Toggle onClick={() => toggleCustomPlugin(false)} />\n </Grid.Row>\n )}\n {results}\n"}},"type":"diff"}
{"so":3975780,"data":{"data":{"transcript":"These things are now not 100%. Okay, it's been a robber back.","startTime":3975.78}},"type":"speech"}
{"so":3980722,"data":{"data":{"id":2819594,"memoryUsage":99844096,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":3984558,"data":{"data":{"summary":{"changed":32,"commit":"676b6dc10b5834e84c376a6cde98fd4933e5af6c","deletions":14,"files":[{"changed":32,"deletions":14,"file":"src/components/App.js","insertions":18}],"insertions":18}}},"type":"diff-summary"}
{"so":3984560,"data":{"data":{"diff":"Commit 676b6dc10b5834e84c376a6cde98fd4933e5af6c\n--- src/components/App.js\n+++ src/components/App.js\n@@ -149,24 +149,28 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n </Actions>\n </Grid.Row>\n <Grid.Row>\n- <Code\n- value={source}\n- onChange={(val) => setSource(val)}\n- docName=\"source.js\"\n- />\n- <FileSize>\n- {size}b, {gzip}b\n+ <Wrapper className=\"column\">\n+ <Code\n+ value={source}\n+ onChange={(val) => setSource(val)}\n+ docName=\"source.js\"\n+ />\n+ <FileSize>\n+ {size}b, {gzip}b\n </FileSize>\n- {/* <AST source={source}></AST> */}\n+ {/* <AST source={source}></AST> */}\n+ </Wrapper>\n </Grid.Row>\n {enableCustomPlugin && (\n <Grid.Row>\n- <Code\n- value={customPlugin}\n- onChange={(val) => setCustomPlugin(val)}\n- docName=\"plugin.js\"\n- />\n- <Toggle onClick={() => toggleCustomPlugin(false)} />\n+ <Wrapper className=\"column\">\n+ <Code\n+ value={customPlugin}\n+ onChange={(val) => setCustomPlugin(val)}\n+ docName=\"plugin.js\"\n+ />\n+ <Toggle onClick={() => toggleCustomPlugin(false)} />\n+ </Wrapper>\n </Grid.Row>\n )}\n {results}\n"}},"type":"diff"}
{"so":3984650,"data":{"data":{"transcript":"Okay?","startTime":3984.65}},"type":"speech"}
{"so":3987920,"data":{"data":{"transcript":"Looking pretty good.","startTime":3987.92}},"type":"speech"}
{"so":3990712,"data":{"data":{"id":2886970,"memoryUsage":311365632,"owner":{"name":"chrome.exe"},"title":"Grid - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":3993990,"data":{"data":{"transcript":"You know, we want that menu.","startTime":3993.99}},"type":"speech"}
{"so":4000722,"data":{"data":{"id":2886970,"memoryUsage":310005760,"owner":{"name":"chrome.exe"},"title":"Menu - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":4001020,"data":{"data":{"transcript":"On this menu.","startTime":4001.02}},"type":"speech"}
{"so":4010711,"data":{"data":{"id":2886970,"memoryUsage":309997568,"owner":{"name":"chrome.exe"},"title":"Menu - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":4020706,"data":{"data":{"id":2886970,"memoryUsage":309710848,"owner":{"name":"chrome.exe"},"title":"Menu - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":4029800,"data":{"data":{"summary":{"changed":0,"commit":"7710a55834ebabb8dd5eaa0655f38c17ee627912","deletions":0,"files":[],"insertions":0}}},"type":"diff-summary"}
{"so":4030722,"data":{"data":{"id":2819594,"memoryUsage":100007936,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":4039508,"data":{"data":{"summary":{"changed":3,"commit":"948261c83aef40c67b0c0737ffba98ae50173f60","deletions":2,"files":[{"changed":3,"deletions":2,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":4039511,"data":{"data":{"diff":"Commit 948261c83aef40c67b0c0737ffba98ae50173f60\n--- src/components/App.js\n+++ src/components/App.js\n@@ -7,8 +7,7 @@ import { Editor } from \"./Editor\";\n import { processOptions } from \"../standalone\";\n import { gzipSize } from \"../gzip\";\n \n-import { Grid } from 'semantic-ui-react'\n-import { Dropdown, Icon, Menu, Segment } from 'semantic-ui-react'\n+import { Grid, Dropdown, Icon, Menu, Segment } from 'semantic-ui-react'\n \n \n window.babel = Babel;\n"}},"type":"diff"}
{"so":4040720,"data":{"data":{"id":2886970,"memoryUsage":309968896,"owner":{"name":"chrome.exe"},"title":"Menu - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":4050711,"data":{"data":{"id":2819594,"memoryUsage":100229120,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":4059159,"data":{"data":{"summary":{"changed":39,"commit":"513324729a6cbbf9274d30a4cbd8efc5b581793c","deletions":0,"files":[{"changed":39,"deletions":0,"file":"src/components/App.js","insertions":39}],"insertions":39}}},"type":"diff-summary"}
{"so":4059162,"data":{"data":{"diff":"Commit 513324729a6cbbf9274d30a4cbd8efc5b581793c\n--- src/components/App.js\n+++ src/components/App.js\n@@ -119,6 +119,45 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n \n return (\n <Root>\n+ <Menu attached='top'>\n+ <Dropdown item icon='wrench' simple>\n+ <Dropdown.Menu>\n+ <Dropdown.Item>\n+ <Icon name='dropdown' />\n+ <span className='text'>New</span>\n+\n+ <Dropdown.Menu>\n+ <Dropdown.Item>Document</Dropdown.Item>\n+ <Dropdown.Item>Image</Dropdown.Item>\n+ </Dropdown.Menu>\n+ </Dropdown.Item>\n+ <Dropdown.Item>Open</Dropdown.Item>\n+ <Dropdown.Item>Save...</Dropdown.Item>\n+ <Dropdown.Item>Edit Permissions</Dropdown.Item>\n+ <Dropdown.Divider />\n+ <Dropdown.Header>Export</Dropdown.Header>\n+ <Dropdown.Item>Share</Dropdown.Item>\n+ </Dropdown.Menu>\n+ </Dropdown>\n+\n+ <Menu.Menu position='right'>\n+ <div className='ui right aligned category search item'>\n+ <div className='ui transparent icon input'>\n+ <input\n+ className='prompt'\n+ type='text'\n+ placeholder='Search animals...'\n+ />\n+ <i className='search link icon' />\n+ </div>\n+ <div className='results' />\n+ </div>\n+ </Menu.Menu>\n+ </Menu>\n+\n+ <Segment attached='bottom'>\n+ <img src='/images/wireframe/paragraph.png' />\n+ </Segment>\n <Grid celled='internally'>\n <Grid.Row>\n <Actions>\n"}},"type":"diff"}
{"so":4059710,"data":{"data":{"transcript":"Okay. Okay. We got this. That's cool. We definitely want that.","startTime":4059.71}},"type":"speech"}
{"so":4060731,"data":{"data":{"id":2886970,"memoryUsage":310128640,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":4063870,"data":{"data":{"transcript":"We don't want that segment. We want to put Willie in a nest this stuff in the segment.","startTime":4063.87}},"type":"speech"}
{"so":4070734,"data":{"data":{"id":2886970,"memoryUsage":309972992,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":4071010,"data":{"data":{"transcript":"Results.","startTime":4071.01}},"type":"speech"}
{"so":4080736,"data":{"data":{"id":2819594,"memoryUsage":100265984,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":4080890,"data":{"data":{"transcript":"We collapsed this","startTime":4080.89}},"type":"speech"}
{"so":4090170,"data":{"data":{"transcript":"Don't exactly know.","startTime":4090.17}},"type":"speech"}
{"so":4090715,"data":{"data":{"id":2819594,"memoryUsage":100298752,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":4094100,"data":{"data":{"transcript":"That's pretty cool.","startTime":4094.1}},"type":"speech"}
{"so":4094313,"data":{"data":{"summary":{"changed":102,"commit":"8a3d7058b71ab83059f571ba75642d532b00434e","deletions":51,"files":[{"changed":102,"deletions":51,"file":"src/components/App.js","insertions":51}],"insertions":51}}},"type":"diff-summary"}
{"so":4094317,"data":{"data":{"diff":"Commit 8a3d7058b71ab83059f571ba75642d532b00434e\n--- src/components/App.js\n+++ src/components/App.js\n@@ -156,65 +156,65 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n </Menu>\n \n <Segment attached='bottom'>\n- <img src='/images/wireframe/paragraph.png' />\n- </Segment>\n- <Grid celled='internally'>\n- <Grid.Row>\n- <Actions>\n- <label>\n- <input\n- checked={enableCustomPlugin}\n- onChange={() => toggleCustomPlugin(!enableCustomPlugin)}\n- type=\"checkbox\"\n- />\n- <span>Custom Plugin</span>\n- </label>\n- <button\n- onClick={() =>\n- setBabelConfig((configs) => [\n- ...configs,\n- configs[configs.length - 1],\n- ])\n- }\n- >\n- Add New Config\n+ <Grid celled='internally'>\n+ <Grid.Row>\n+ <Actions>\n+ <label>\n+ <input\n+ checked={enableCustomPlugin}\n+ onChange={() => toggleCustomPlugin(!enableCustomPlugin)}\n+ type=\"checkbox\"\n+ />\n+ <span>Custom Plugin</span>\n+ </label>\n+ <button\n+ onClick={() =>\n+ setBabelConfig((configs) => [\n+ ...configs,\n+ configs[configs.length - 1],\n+ ])\n+ }\n+ >\n+ Add New Config\n </button>\n- <button\n- onClick={() => {\n- setSource(\"const hello = 'world';\");\n- }}\n- >\n- Use Example (WIP)\n+ <button\n+ onClick={() => {\n+ setSource(\"const hello = 'world';\");\n+ }}\n+ >\n+ Use Example (WIP)\n </button>\n- </Actions>\n- </Grid.Row>\n- <Grid.Row>\n- <Wrapper className=\"column\">\n- <Code\n- value={source}\n- onChange={(val) => setSource(val)}\n- docName=\"source.js\"\n- />\n- <FileSize>\n- {size}b, {gzip}b\n- </FileSize>\n- {/* <AST source={source}></AST> */}\n- </Wrapper>\n- </Grid.Row>\n- {enableCustomPlugin && (\n+ </Actions>\n+ </Grid.Row>\n <Grid.Row>\n <Wrapper className=\"column\">\n <Code\n- value={customPlugin}\n- onChange={(val) => setCustomPlugin(val)}\n- docName=\"plugin.js\"\n+ value={source}\n+ onChange={(val) => setSource(val)}\n+ docName=\"source.js\"\n />\n- <Toggle onClick={() => toggleCustomPlugin(false)} />\n+ <FileSize>\n+ {size}b, {gzip}b\n+ </FileSize>\n+ {/* <AST source={source}></AST> */}\n </Wrapper>\n </Grid.Row>\n- )}\n- {results}\n- </Grid>\n+ {enableCustomPlugin && (\n+ <Grid.Row>\n+ <Wrapper className=\"column\">\n+ <Code\n+ value={customPlugin}\n+ onChange={(val) => setCustomPlugin(val)}\n+ docName=\"plugin.js\"\n+ />\n+ <Toggle onClick={() => toggleCustomPlugin(false)} />\n+ </Wrapper>\n+ </Grid.Row>\n+ )}\n+ {results}\n+ </Grid>\n+\n+ </Segment>\n </Root>\n );\n };\n"}},"type":"diff"}
{"so":4097670,"data":{"data":{"transcript":"You know if we really want to do a segment that I think we just want that header up top.","startTime":4097.67}},"type":"speech"}
{"so":4100731,"data":{"data":{"id":2886970,"memoryUsage":310386688,"owner":{"name":"chrome.exe"},"title":"Menu - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":4102740.2,"data":{"data":{"transcript":"We ran into you.","startTime":4102.7402}},"type":"speech"}
{"so":4110733,"data":{"data":{"id":2886970,"memoryUsage":310935552,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":4120620,"data":{"data":{"transcript":"Okay. Attach segment should be some padding here.","startTime":4120.62}},"type":"speech"}
{"so":4120731,"data":{"data":{"id":2886970,"memoryUsage":310136832,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":4130740,"data":{"data":{"id":2886970,"memoryUsage":310116352,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":4132399.9999999995,"data":{"data":{"transcript":"CIF into","startTime":4132.4}},"type":"speech"}
{"so":4138680.3,"data":{"data":{"transcript":"Cement semantic you frames.","startTime":4138.6803}},"type":"speech"}
{"so":4140732,"data":{"data":{"id":2886970,"memoryUsage":313110528,"owner":{"name":"chrome.exe"},"title":"New Tab - Google Chrome"}},"type":"window"}
{"so":4150730,"data":{"data":{"id":2886970,"memoryUsage":310865920,"owner":{"name":"chrome.exe"},"title":"semantic ui fixed - Google Search - Google Chrome"}},"type":"window"}
{"so":4160739,"data":{"data":{"id":2886970,"memoryUsage":312156160,"owner":{"name":"chrome.exe"},"title":"semantic ui fixed - Google Search - Google Chrome"}},"type":"window"}
{"so":4170726,"data":{"data":{"id":2886970,"memoryUsage":312758272,"owner":{"name":"chrome.exe"},"title":"semantic ui palen layout - Google Search - Google Chrome"}},"type":"window"}
{"so":4180728,"data":{"data":{"id":2886970,"memoryUsage":311025664,"owner":{"name":"chrome.exe"},"title":"Sticky | Semantic UI - Google Chrome"}},"type":"window"}
{"so":4190729,"data":{"data":{"id":2886970,"memoryUsage":311558144,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":4200730,"data":{"data":{"id":2886970,"memoryUsage":311930880,"owner":{"name":"chrome.exe"},"title":"Menu - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":4210029.5,"data":{"data":{"transcript":"What if we cut out the","startTime":4210.0295}},"type":"speech"}
{"so":4210743,"data":{"data":{"id":2819594,"memoryUsage":100339712,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":4213960,"data":{"data":{"transcript":"I was actually covered segment this segment.","startTime":4213.96}},"type":"speech"}
{"so":4220752,"data":{"data":{"id":2886970,"memoryUsage":311173120,"owner":{"name":"chrome.exe"},"title":"Segment - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":4230748,"data":{"data":{"id":2886970,"memoryUsage":310968320,"owner":{"name":"chrome.exe"},"title":"Segment - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":4240743,"data":{"data":{"id":2886970,"memoryUsage":310927360,"owner":{"name":"chrome.exe"},"title":"Segment - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":4246029.5,"data":{"data":{"transcript":"Yes, you're saying we don't need segments.","startTime":4246.0295}},"type":"speech"}
{"so":4250760,"data":{"data":{"id":2819594,"memoryUsage":100347904,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":4259229,"data":{"data":{"summary":{"changed":102,"commit":"d848cef02384e4e0702285df55d6aadc1beb963e","deletions":52,"files":[{"changed":102,"deletions":52,"file":"src/components/App.js","insertions":50}],"insertions":50}}},"type":"diff-summary"}
{"so":4259233,"data":{"data":{"diff":"Commit d848cef02384e4e0702285df55d6aadc1beb963e\n--- src/components/App.js\n+++ src/components/App.js\n@@ -155,66 +155,64 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n </Menu.Menu>\n </Menu>\n \n- <Segment attached='bottom'>\n- <Grid celled='internally'>\n- <Grid.Row>\n- <Actions>\n- <label>\n- <input\n- checked={enableCustomPlugin}\n- onChange={() => toggleCustomPlugin(!enableCustomPlugin)}\n- type=\"checkbox\"\n- />\n- <span>Custom Plugin</span>\n- </label>\n- <button\n- onClick={() =>\n- setBabelConfig((configs) => [\n- ...configs,\n- configs[configs.length - 1],\n- ])\n- }\n- >\n- Add New Config\n+ <Grid celled='internally'>\n+ <Grid.Row>\n+ <Actions>\n+ <label>\n+ <input\n+ checked={enableCustomPlugin}\n+ onChange={() => toggleCustomPlugin(!enableCustomPlugin)}\n+ type=\"checkbox\"\n+ />\n+ <span>Custom Plugin</span>\n+ </label>\n+ <button\n+ onClick={() =>\n+ setBabelConfig((configs) => [\n+ ...configs,\n+ configs[configs.length - 1],\n+ ])\n+ }\n+ >\n+ Add New Config\n </button>\n- <button\n- onClick={() => {\n- setSource(\"const hello = 'world';\");\n- }}\n- >\n- Use Example (WIP)\n+ <button\n+ onClick={() => {\n+ setSource(\"const hello = 'world';\");\n+ }}\n+ >\n+ Use Example (WIP)\n </button>\n- </Actions>\n- </Grid.Row>\n+ </Actions>\n+ </Grid.Row>\n+ <Grid.Row>\n+ <Wrapper className=\"column\">\n+ <Code\n+ value={source}\n+ onChange={(val) => setSource(val)}\n+ docName=\"source.js\"\n+ />\n+ <FileSize>\n+ {size}b, {gzip}b\n+ </FileSize>\n+ {/* <AST source={source}></AST> */}\n+ </Wrapper>\n+ </Grid.Row>\n+ {enableCustomPlugin && (\n <Grid.Row>\n <Wrapper className=\"column\">\n <Code\n- value={source}\n- onChange={(val) => setSource(val)}\n- docName=\"source.js\"\n+ value={customPlugin}\n+ onChange={(val) => setCustomPlugin(val)}\n+ docName=\"plugin.js\"\n />\n- <FileSize>\n- {size}b, {gzip}b\n- </FileSize>\n- {/* <AST source={source}></AST> */}\n+ <Toggle onClick={() => toggleCustomPlugin(false)} />\n </Wrapper>\n </Grid.Row>\n- {enableCustomPlugin && (\n- <Grid.Row>\n- <Wrapper className=\"column\">\n- <Code\n- value={customPlugin}\n- onChange={(val) => setCustomPlugin(val)}\n- docName=\"plugin.js\"\n- />\n- <Toggle onClick={() => toggleCustomPlugin(false)} />\n- </Wrapper>\n- </Grid.Row>\n- )}\n- {results}\n- </Grid>\n-\n- </Segment>\n+ )}\n+ {results}\n+ </Grid>\n+\n </Root>\n );\n };\n"}},"type":"diff"}
{"so":4260754,"data":{"data":{"id":2819594,"memoryUsage":100347904,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":4270754,"data":{"data":{"id":2886970,"memoryUsage":312291328,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":4276440,"data":{"data":{"transcript":"Find out what the CSS is for this semantic you area so I need to go back into","startTime":4276.44}},"type":"speech"}
{"so":4280740,"data":{"data":{"id":2886970,"memoryUsage":312823808,"owner":{"name":"chrome.exe"},"title":"Segment - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":4285200.5,"data":{"data":{"transcript":"It's magic. You I","startTime":4285.2005}},"type":"speech"}
{"so":4288940,"data":{"data":{"transcript":"Look for the","startTime":4288.94}},"type":"speech"}
{"so":4290759,"data":{"data":{"id":2886970,"memoryUsage":312258560,"owner":{"name":"chrome.exe"},"title":"Segment - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":4292630,"data":{"data":{"transcript":"Man, you guessing it's called","startTime":4292.63}},"type":"speech"}
{"so":4296460,"data":{"data":{"transcript":"Every penny less.","startTime":4296.46}},"type":"speech"}
{"so":4300758,"data":{"data":{"id":2886970,"memoryUsage":312188928,"owner":{"name":"chrome.exe"},"title":"Semantic-UI/menu.less at 3100a7998822b1bf7f425085fdc33867ff2fa94f · Semantic-Org/Semantic-UI - Google Chrome"}},"type":"window"}
{"so":4303759.5,"data":{"data":{"transcript":"Background background, Okay?","startTime":4303.7595}},"type":"speech"}
{"so":4307340,"data":{"data":{"transcript":"Manu Variables, background.","startTime":4307.34}},"type":"speech"}
{"so":4310748,"data":{"data":{"id":2819594,"memoryUsage":97849344,"owner":{"name":"Code.exe"},"title":"● menu.variables - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":4311370,"data":{"data":{"transcript":"Read on See if that works.","startTime":4311.37}},"type":"speech"}
{"so":4314755,"data":{"data":{"summary":{"changed":1,"commit":"c6fccd1858842dd6acfb33c5966814e72f939372","deletions":0,"files":[{"changed":1,"deletions":0,"file":"src/semantic-ui/site/collections/menu.variables","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":4314758,"data":{"data":{"diff":"Commit c6fccd1858842dd6acfb33c5966814e72f939372\n--- src/semantic-ui/site/collections/menu.variables\n+++ src/semantic-ui/site/collections/menu.variables\n@@ -1,3 +1,4 @@\n /*******************************\n User Variable Overrides\n *******************************/\n+@background;\n"}},"type":"diff"}
{"so":4320766,"data":{"data":{"id":2886970,"memoryUsage":311734272,"owner":{"name":"chrome.exe"},"title":"Semantic-UI/menu.less at 3100a7998822b1bf7f425085fdc33867ff2fa94f · Semantic-Org/Semantic-UI - Google Chrome"}},"type":"window"}
{"so":4327980,"data":{"data":{"transcript":"Maybe.","startTime":4327.98}},"type":"speech"}
{"so":4330747,"data":{"data":{"id":2886970,"memoryUsage":311840768,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":4337900,"data":{"data":{"transcript":"We want to find a motile.","startTime":4337.9}},"type":"speech"}
{"so":4340760,"data":{"data":{"id":2886970,"memoryUsage":311906304,"owner":{"name":"chrome.exe"},"title":"Sticky | Semantic UI - Google Chrome"}},"type":"window"}
{"so":4341630,"data":{"data":{"transcript":"Kind of thing.","startTime":4341.63}},"type":"speech"}
{"so":4345970.5,"data":{"data":{"transcript":"I want to close growing like an X on the top right of those things.","startTime":4345.9705}},"type":"speech"}
{"so":4350763,"data":{"data":{"id":2886970,"memoryUsage":311205888,"owner":{"name":"chrome.exe"},"title":"Card | Semantic UI - Google Chrome"}},"type":"window"}
{"so":4352110,"data":{"data":{"transcript":"No, it's okay.","startTime":4352.11}},"type":"speech"}
{"so":4355759.5,"data":{"data":{"transcript":"No.","startTime":4355.7595}},"type":"speech"}
{"so":4360771,"data":{"data":{"id":2886970,"memoryUsage":312111104,"owner":{"name":"chrome.exe"},"title":"Item | Semantic UI - Google Chrome"}},"type":"window"}
{"so":4370760,"data":{"data":{"id":2886970,"memoryUsage":311963648,"owner":{"name":"chrome.exe"},"title":"Header | Semantic UI - Google Chrome"}},"type":"window"}
{"so":4380480,"data":{"data":{"transcript":"Get that worked.","startTime":4380.48}},"type":"speech"}
{"so":4380757,"data":{"data":{"id":2886970,"memoryUsage":312590336,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":4381930.5,"data":{"data":{"transcript":"Wonder what the border is.","startTime":4381.9305}},"type":"speech"}
{"so":4385180.5,"data":{"data":{"transcript":"Border border, Okay.","startTime":4385.1805}},"type":"speech"}
{"so":4389400,"data":{"data":{"transcript":"Yeah, Cool.","startTime":4389.4}},"type":"speech"}
{"so":4390771,"data":{"data":{"id":2819594,"memoryUsage":97857536,"owner":{"name":"Code.exe"},"title":"menu.variables - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":4394508,"data":{"data":{"summary":{"changed":1,"commit":"874998b5e1221cfec1342f84420a8b1d915b9621","deletions":0,"files":[{"changed":1,"deletions":0,"file":"src/semantic-ui/site/collections/menu.variables","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":4394512,"data":{"data":{"diff":"Commit 874998b5e1221cfec1342f84420a8b1d915b9621\n--- src/semantic-ui/site/collections/menu.variables\n+++ src/semantic-ui/site/collections/menu.variables\n@@ -2,3 +2,4 @@\n User Variable Overrides\n *******************************/\n @background: red;\n+@border: ;\n"}},"type":"diff"}
{"so":4394700.5,"data":{"data":{"transcript":"I had to change a text color as well.","startTime":4394.7005}},"type":"speech"}
{"so":4400753,"data":{"data":{"id":2886970,"memoryUsage":313204736,"owner":{"name":"chrome.exe"},"title":"Semantic-UI/menu.less at 3100a7998822b1bf7f425085fdc33867ff2fa94f · Semantic-Org/Semantic-UI - Google Chrome"}},"type":"window"}
{"so":4410755,"data":{"data":{"id":2886970,"memoryUsage":313942016,"owner":{"name":"chrome.exe"},"title":"Babel · The compiler for next generation JavaScript - Google Chrome"}},"type":"window"}
{"so":4420758,"data":{"data":{"id":2886970,"memoryUsage":311951360,"owner":{"name":"chrome.exe"},"title":"Babel · The compiler for next generation JavaScript - Google Chrome"}},"type":"window"}
{"so":4430005,"data":{"data":{"summary":{"changed":2,"commit":"53bee5dc3c48a46437ae5e8b8463010d104c80c7","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/semantic-ui/site/collections/menu.variables","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":4430013,"data":{"data":{"diff":"Commit 53bee5dc3c48a46437ae5e8b8463010d104c80c7\n--- src/semantic-ui/site/collections/menu.variables\n+++ src/semantic-ui/site/collections/menu.variables\n@@ -1,5 +1,5 @@\n /*******************************\n User Variable Overrides\n *******************************/\n-@background: red;\n+@background: #323330;\n @border: blue;\n"}},"type":"diff"}
{"so":4430758,"data":{"data":{"id":2886970,"memoryUsage":313573376,"owner":{"name":"chrome.exe"},"title":"Babel · The compiler for next generation JavaScript - Google Chrome"}},"type":"window"}
{"so":4430850,"data":{"data":{"transcript":"Just making a little darker.","startTime":4430.85}},"type":"speech"}
{"so":4440775,"data":{"data":{"id":2886970,"memoryUsage":313507840,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":4444721,"data":{"data":{"summary":{"changed":2,"commit":"9147008a0d87d1fb152052526f4f335ccfd3a449","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/semantic-ui/site/collections/menu.variables","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":4444724,"data":{"data":{"diff":"Commit 9147008a0d87d1fb152052526f4f335ccfd3a449\n--- src/semantic-ui/site/collections/menu.variables\n+++ src/semantic-ui/site/collections/menu.variables\n@@ -2,4 +2,4 @@\n User Variable Overrides\n *******************************/\n @background: #323330;\n-@border: #323330;\n+@border: #222321;\n"}},"type":"diff"}
{"so":4450768,"data":{"data":{"id":2886970,"memoryUsage":315195392,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":4455279.5,"data":{"data":{"transcript":"Oh, that was smart enough to to darken its think. Gosh. Oh, my gosh.","startTime":4455.2795}},"type":"speech"}
{"so":4460770,"data":{"data":{"transcript":"That's so great.","startTime":4460.77}},"type":"speech"}
{"so":4460784,"data":{"data":{"id":2886970,"memoryUsage":312750080,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":4462430.5,"data":{"data":{"transcript":"Okay, it darkened itself. That's so good.","startTime":4462.4305}},"type":"speech"}
{"so":4465910.5,"data":{"data":{"transcript":"The border, not get not coming here.","startTime":4465.9105}},"type":"speech"}
{"so":4468230,"data":{"data":{"transcript":"No.","startTime":4468.23}},"type":"speech"}
{"so":4470781,"data":{"data":{"id":2886970,"memoryUsage":312745984,"owner":{"name":"chrome.exe"},"title":"Semantic-UI/menu.less at 3100a7998822b1bf7f425085fdc33867ff2fa94f · Semantic-Org/Semantic-UI - Google Chrome"}},"type":"window"}
{"so":4471270,"data":{"data":{"transcript":"Maybe it's a black shadow.","startTime":4471.27}},"type":"speech"}
{"so":4480767,"data":{"data":{"id":2819594,"memoryUsage":97996800,"owner":{"name":"Code.exe"},"title":"● menu.variables - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":4484939,"data":{"data":{"summary":{"changed":0,"commit":"9bc3182b2bf8ecaf965ccffba1362269d684d9a8","deletions":0,"files":[],"insertions":0}}},"type":"diff-summary"}
{"so":4486470.5,"data":{"data":{"transcript":"Um","startTime":4486.4705}},"type":"speech"}
{"so":4489980,"data":{"data":{"transcript":"Color's not the best color, but","startTime":4489.98}},"type":"speech"}
{"so":4490787,"data":{"data":{"id":2886970,"memoryUsage":313659392,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":4500783,"data":{"data":{"id":2886970,"memoryUsage":312819712,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":4510769,"data":{"data":{"id":2886970,"memoryUsage":312848384,"owner":{"name":"chrome.exe"},"title":"Semantic-UI/menu.less at 3100a7998822b1bf7f425085fdc33867ff2fa94f · Semantic-Org/Semantic-UI - Google Chrome"}},"type":"window"}
{"so":4520340,"data":{"data":{"transcript":"No.","startTime":4520.34}},"type":"speech"}
{"so":4520784,"data":{"data":{"id":2886970,"memoryUsage":312856576,"owner":{"name":"chrome.exe"},"title":"Semantic-UI/menu.less at 3100a7998822b1bf7f425085fdc33867ff2fa94f · Semantic-Org/Semantic-UI - Google Chrome"}},"type":"window"}
{"so":4530782,"data":{"data":{"id":2886970,"memoryUsage":312856576,"owner":{"name":"chrome.exe"},"title":"Semantic-UI/menu.less at 3100a7998822b1bf7f425085fdc33867ff2fa94f · Semantic-Org/Semantic-UI - Google Chrome"}},"type":"window"}
{"so":4540774,"data":{"data":{"id":2886970,"memoryUsage":313278464,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":4550800,"data":{"data":{"id":2886970,"memoryUsage":313053184,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":4560776,"data":{"data":{"id":2886970,"memoryUsage":312979456,"owner":{"name":"chrome.exe"},"title":"Semantic-UI/menu.less at 3100a7998822b1bf7f425085fdc33867ff2fa94f · Semantic-Org/Semantic-UI - Google Chrome"}},"type":"window"}
{"so":4570798,"data":{"data":{"id":2819594,"memoryUsage":98009088,"owner":{"name":"Code.exe"},"title":"● menu.variables - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":4580780,"data":{"data":{"id":2819594,"memoryUsage":98009088,"owner":{"name":"Code.exe"},"title":"● menu.variables - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":4590781,"data":{"data":{"id":2886970,"memoryUsage":313061376,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":4594330,"data":{"data":{"transcript":"I think that color's great so we'll have to change it. But maybe I could just","startTime":4594.33}},"type":"speech"}
{"so":4594752,"data":{"data":{"summary":{"changed":3,"commit":"514aec3bde1cd7f014ffdb7d53a1636bd988a348","deletions":2,"files":[{"changed":3,"deletions":2,"file":"src/semantic-ui/site/collections/menu.variables","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":4594756,"data":{"data":{"diff":"Commit 514aec3bde1cd7f014ffdb7d53a1636bd988a348\n--- src/semantic-ui/site/collections/menu.variables\n+++ src/semantic-ui/site/collections/menu.variables\n@@ -2,5 +2,4 @@\n User Variable Overrides\n *******************************/\n @background: #323330;\n-@border: #222321;\n-@boxShadow: #222321;\n+@attachedBorder: #222321;\n"}},"type":"diff"}
{"so":4600782,"data":{"data":{"id":2819594,"memoryUsage":97267712,"owner":{"name":"Code.exe"},"title":"menu.variables - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":4604618,"data":{"data":{"summary":{"changed":2,"commit":"46391b30597def4cb98728fc1a76a0e85bca85e0","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/semantic-ui/site/collections/menu.variables","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":4604621,"data":{"data":{"diff":"Commit 46391b30597def4cb98728fc1a76a0e85bca85e0\n--- src/semantic-ui/site/collections/menu.variables\n+++ src/semantic-ui/site/collections/menu.variables\n@@ -1,5 +1,5 @@\n /*******************************\n User Variable Overrides\n *******************************/\n-@background: #323330;\n+@background: ##191C1D;\n @attachedBorder: #222321;\n"}},"type":"diff"}
{"so":4609869,"data":{"data":{"summary":{"changed":2,"commit":"73c586fbbf640f89635a8d1c75d4000022e7bfa7","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/semantic-ui/site/collections/menu.variables","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":4609872,"data":{"data":{"diff":"Commit 73c586fbbf640f89635a8d1c75d4000022e7bfa7\n--- src/semantic-ui/site/collections/menu.variables\n+++ src/semantic-ui/site/collections/menu.variables\n@@ -2,4 +2,4 @@\n User Variable Overrides\n *******************************/\n @background: ##191C1D;\n-@attachedBorder: #222321;\n+@attachedBorder: ##191C1D;\n"}},"type":"diff"}
{"so":4610784,"data":{"data":{"id":2886970,"memoryUsage":323846144,"owner":{"name":"chrome.exe"},"title":"Semantic-UI/menu.less at 3100a7998822b1bf7f425085fdc33867ff2fa94f · Semantic-Org/Semantic-UI - Google Chrome"}},"type":"window"}
{"so":4620793,"data":{"data":{"id":2886970,"memoryUsage":325115904,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":4630786,"data":{"data":{"id":2886970,"memoryUsage":326037504,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":4634450.5,"data":{"data":{"transcript":"Interesting It can actually pick out this color.","startTime":4634.4505}},"type":"speech"}
{"so":4640786,"data":{"data":{"id":2886970,"memoryUsage":324685824,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":4650813,"data":{"data":{"id":2886970,"memoryUsage":324685824,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":4655960,"data":{"data":{"transcript":"Oh, that makes sense. Why, um","startTime":4655.96}},"type":"speech"}
{"so":4660540,"data":{"data":{"transcript":"Oof! Okay. Ah, you're going to say this is an image, I guess.","startTime":4660.54}},"type":"speech"}
{"so":4660806,"data":{"data":{"id":2886970,"memoryUsage":324595712,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":4670650,"data":{"data":{"transcript":"Not able to pick that out.","startTime":4670.65}},"type":"speech"}
{"so":4670795,"data":{"data":{"id":2886970,"memoryUsage":324837376,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":4674009.5,"data":{"data":{"transcript":"Go.","startTime":4674.0095}},"type":"speech"}
{"so":4676069.5,"data":{"data":{"transcript":"Actually the site background colors.","startTime":4676.0695}},"type":"speech"}
{"so":4680610,"data":{"data":{"transcript":"No.","startTime":4680.61}},"type":"speech"}
{"so":4680799,"data":{"data":{"id":2819594,"memoryUsage":97320960,"owner":{"name":"Code.exe"},"title":"menu.variables - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":4686460,"data":{"data":{"transcript":"Oh, there's two. Okay. It's like transparent.","startTime":4686.46}},"type":"speech"}
{"so":4690817,"data":{"data":{"id":2886970,"memoryUsage":326111232,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":4694838,"data":{"data":{"summary":{"changed":4,"commit":"6624905a286f5df57fcadb38da1503bfc7b53781","deletions":2,"files":[{"changed":4,"deletions":2,"file":"src/semantic-ui/site/collections/menu.variables","insertions":2}],"insertions":2}}},"type":"diff-summary"}
{"so":4694841,"data":{"data":{"diff":"Commit 6624905a286f5df57fcadb38da1503bfc7b53781\n--- src/semantic-ui/site/collections/menu.variables\n+++ src/semantic-ui/site/collections/menu.variables\n@@ -1,5 +1,5 @@\n /*******************************\n User Variable Overrides\n *******************************/\n-@background: ##191C1D;\n-@attachedBorder: ##191C1D;\n+@background: #191C1D;\n+@attachedBorder: #191C1D;\n"}},"type":"diff"}
{"so":4700793,"data":{"data":{"id":2886970,"memoryUsage":325296128,"owner":{"name":"chrome.exe"},"title":"Segment - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":4710795,"data":{"data":{"id":2886970,"memoryUsage":321396736,"owner":{"name":"chrome.exe"},"title":"Menu - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":4720819,"data":{"data":{"id":2886970,"memoryUsage":319643648,"owner":{"name":"chrome.exe"},"title":"Menu - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":4730798,"data":{"data":{"id":2886970,"memoryUsage":319643648,"owner":{"name":"chrome.exe"},"title":"Menu - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":4740800,"data":{"data":{"id":2819594,"memoryUsage":97001472,"owner":{"name":"Code.exe"},"title":"menu.variables - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":4750821,"data":{"data":{"id":2819594,"memoryUsage":97001472,"owner":{"name":"Code.exe"},"title":"menu.variables - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":4760804,"data":{"data":{"id":2886970,"memoryUsage":319807488,"owner":{"name":"chrome.exe"},"title":"Menu - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":4769293,"data":{"data":{"summary":{"changed":4,"commit":"67ad3643d4b5c3b69e863a66d6d08c5c1f98c1fe","deletions":0,"files":[{"changed":4,"deletions":0,"file":"src/components/App.js","insertions":4}],"insertions":4}}},"type":"diff-summary"}
{"so":4769297,"data":{"data":{"diff":"Commit 67ad3643d4b5c3b69e863a66d6d08c5c1f98c1fe\n--- src/components/App.js\n+++ src/components/App.js\n@@ -120,6 +120,10 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n return (\n <Root>\n <Menu attached='top'>\n+\n+ <Menu.Item>\n+ <Button>Log-in</Button>\n+ </Menu.Item>\n <Dropdown item icon='wrench' simple>\n <Dropdown.Menu>\n <Dropdown.Item>\n"}},"type":"diff"}
{"so":4770805,"data":{"data":{"id":2819594,"memoryUsage":97386496,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":4778160.5,"data":{"data":{"transcript":"Okay, again. That button in there, Okay, but we're not actually the button right now.","startTime":4778.1605}},"type":"speech"}
{"so":4780807,"data":{"data":{"id":2886970,"memoryUsage":320233472,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":4784351,"data":{"data":{"summary":{"changed":3,"commit":"889eccac3ecdd31672eb2362f4c80f05eaf72f18","deletions":2,"files":[{"changed":3,"deletions":2,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":4784353,"data":{"data":{"diff":"Commit 889eccac3ecdd31672eb2362f4c80f05eaf72f18\n--- src/components/App.js\n+++ src/components/App.js\n@@ -7,7 +7,7 @@ import { Editor } from \"./Editor\";\n import { processOptions } from \"../standalone\";\n import { gzipSize } from \"../gzip\";\n \n-import { Grid, Dropdown, Icon, Menu, Segment } from 'semantic-ui-react'\n+import { Grid, Dropdown, Icon, Menu, Button } from 'semantic-ui-react'\n \n \n window.babel = Babel;\n"}},"type":"diff"}
{"so":4784353,"data":{"data":{"diff":"Commit 889eccac3ecdd31672eb2362f4c80f05eaf72f18\n--- src/components/App.js\n+++ src/components/App.js\n@@ -120,7 +120,6 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n return (\n <Root>\n <Menu attached='top'>\n-\n <Menu.Item>\n <Button>Log-in</Button>\n </Menu.Item>\n"}},"type":"diff"}
{"so":4785060,"data":{"data":{"transcript":"We just want to do a babble logo.","startTime":4785.06}},"type":"speech"}
{"so":4790808,"data":{"data":{"id":2886970,"memoryUsage":322060288,"owner":{"name":"chrome.exe"},"title":"Babel · The compiler for next generation JavaScript - Google Chrome"}},"type":"window"}
{"so":4794710,"data":{"data":{"summary":{"changed":2,"commit":"e4d3012ae98aae46155b1e13d5476e91ccce3f9c","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":4794712,"data":{"data":{"diff":"Commit e4d3012ae98aae46155b1e13d5476e91ccce3f9c\n--- src/components/App.js\n+++ src/components/App.js\n@@ -7,7 +7,7 @@ import { Editor } from \"./Editor\";\n import { processOptions } from \"../standalone\";\n import { gzipSize } from \"../gzip\";\n \n-import { Grid, Dropdown, Icon, Menu, Button } from 'semantic-ui-react'\n+import { Grid, Dropdown, Icon, Menu } from 'semantic-ui-react'\n \n \n window.babel = Babel;\n"}},"type":"diff"}
{"so":4800832,"data":{"data":{"id":2819594,"memoryUsage":97603584,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":4804160.5,"data":{"data":{"transcript":"Okay. We got a little babble logo. Really dark icon. Um I don't know why.","startTime":4804.1605}},"type":"speech"}
{"so":4809416,"data":{"data":{"summary":{"changed":2,"commit":"be29ca070dbbb0549ea9b18d5788c2f2d920c682","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":4809421,"data":{"data":{"diff":"Commit be29ca070dbbb0549ea9b18d5788c2f2d920c682\n--- src/components/App.js\n+++ src/components/App.js\n@@ -121,7 +121,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Root>\n <Menu attached='top'>\n <Menu.Item>\n- <Button>Log-in</Button>\n+ <img src=\"https://d33wubrfki0l68.cloudfront.net/7a197cfe44548cc1a3f581152af70a3051e11671/78df8/img/babel.svg\" />\n </Menu.Item>\n <Dropdown item icon='wrench' simple>\n <Dropdown.Menu>\n"}},"type":"diff"}
{"so":4810817,"data":{"data":{"id":2886970,"memoryUsage":319893504,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":4811970.5,"data":{"data":{"transcript":"You can make this a little bigger.","startTime":4811.9705}},"type":"speech"}
{"so":4820833,"data":{"data":{"id":2886970,"memoryUsage":319893504,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":4828259.5,"data":{"data":{"transcript":"I'm going to do whatever","startTime":4828.2595}},"type":"speech"}
{"so":4830730,"data":{"data":{"transcript":"Um okay. You document any image?","startTime":4830.73}},"type":"speech"}
{"so":4830824,"data":{"data":{"id":2886970,"memoryUsage":320651264,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":4836000,"data":{"data":{"transcript":"Me.","startTime":4836}},"type":"speech"}
{"so":4839960,"data":{"data":{"transcript":"You do have a custom thing to get a dark? That's that's probably good exercise.","startTime":4839.96}},"type":"speech"}
{"so":4840828,"data":{"data":{"id":2886970,"memoryUsage":319840256,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":4846370,"data":{"data":{"transcript":"Um okay.","startTime":4846.37}},"type":"speech"}
{"so":4850821,"data":{"data":{"id":2886970,"memoryUsage":319844352,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":4860819,"data":{"data":{"id":2819594,"memoryUsage":97603584,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":4870828,"data":{"data":{"id":2819594,"memoryUsage":97615872,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":4880821,"data":{"data":{"id":2886970,"memoryUsage":319799296,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":4890822,"data":{"data":{"id":2819594,"memoryUsage":97615872,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":4900830,"data":{"data":{"id":2819594,"memoryUsage":97517568,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":4904429,"data":{"data":{"summary":{"changed":2,"commit":"b1fd249dbc0b53633e43466219e93ff6431f4804","deletions":0,"files":[{"changed":2,"deletions":0,"file":"src/components/App.js","insertions":2}],"insertions":2}}},"type":"diff-summary"}
{"so":4904432,"data":{"data":{"diff":"Commit b1fd249dbc0b53633e43466219e93ff6431f4804\n--- src/components/App.js\n+++ src/components/App.js\n@@ -126,6 +126,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Dropdown item icon='wrench' simple>\n <Dropdown.Menu>\n <Dropdown.Item>\n+\n <Icon name='dropdown' />\n <span className='text'>New</span>\n \n"}},"type":"diff"}
{"so":4904433,"data":{"data":{"diff":"Commit b1fd249dbc0b53633e43466219e93ff6431f4804\n--- src/components/App.js\n+++ src/components/App.js\n@@ -133,6 +134,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Dropdown.Item>Document</Dropdown.Item>\n <Dropdown.Item>Image</Dropdown.Item>\n </Dropdown.Menu>\n+\n </Dropdown.Item>\n <Dropdown.Item>Open</Dropdown.Item>\n <Dropdown.Item>Save...</Dropdown.Item>\n"}},"type":"diff"}
{"so":4910259.5,"data":{"data":{"transcript":"New","startTime":4910.2595}},"type":"speech"}
{"so":4910827,"data":{"data":{"id":2819594,"memoryUsage":97517568,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":4912620,"data":{"data":{"transcript":"Logan.","startTime":4912.62}},"type":"speech"}
{"so":4913790,"data":{"data":{"transcript":"Quick.","startTime":4913.79}},"type":"speech"}
{"so":4920835,"data":{"data":{"id":2819594,"memoryUsage":97517568,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":4929742,"data":{"data":{"summary":{"changed":13,"commit":"a6c351be2c053742ec9541018719b7402af471bf","deletions":12,"files":[{"changed":13,"deletions":12,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":4929746,"data":{"data":{"diff":"Commit a6c351be2c053742ec9541018719b7402af471bf\n--- src/components/App.js\n+++ src/components/App.js\n@@ -125,18 +125,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n </Menu.Item>\n <Dropdown item icon='wrench' simple>\n <Dropdown.Menu>\n- <Dropdown.Item>\n-\n- <Icon name='dropdown' />\n- <span className='text'>New</span>\n-\n- <Dropdown.Menu>\n- <Dropdown.Item>Document</Dropdown.Item>\n- <Dropdown.Item>Image</Dropdown.Item>\n- </Dropdown.Menu>\n-\n- </Dropdown.Item>\n- <Dropdown.Item>Open</Dropdown.Item>\n+ <Dropdown.Item>New Config</Dropdown.Item>\n <Dropdown.Item>Save...</Dropdown.Item>\n <Dropdown.Item>Edit Permissions</Dropdown.Item>\n <Dropdown.Divider />\n"}},"type":"diff"}
{"so":4930829,"data":{"data":{"id":2886970,"memoryUsage":316633088,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":4940832,"data":{"data":{"id":2819594,"memoryUsage":97533952,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":4944219,"data":{"data":{"summary":{"changed":2,"commit":"1b5f22e2e9ed5293985ad7aa01fec591954f0668","deletions":2,"files":[{"changed":2,"deletions":2,"file":"src/components/App.js","insertions":0}],"insertions":0}}},"type":"diff-summary"}
{"so":4944222,"data":{"data":{"diff":"Commit 1b5f22e2e9ed5293985ad7aa01fec591954f0668\n--- src/components/App.js\n+++ src/components/App.js\n@@ -126,8 +126,6 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Dropdown item icon='wrench' simple>\n <Dropdown.Menu>\n <Dropdown.Item>New Config</Dropdown.Item>\n- <Dropdown.Item>Save...</Dropdown.Item>\n- <Dropdown.Item>Edit Permissions</Dropdown.Item>\n <Dropdown.Divider />\n <Dropdown.Header>Export</Dropdown.Header>\n <Dropdown.Item>Share</Dropdown.Item>\n"}},"type":"diff"}
{"so":4950843,"data":{"data":{"id":2819594,"memoryUsage":97533952,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":4952540,"data":{"data":{"transcript":"It'd Blanche.","startTime":4952.54}},"type":"speech"}
{"so":4955759.5,"data":{"data":{"transcript":"Example.","startTime":4955.7595}},"type":"speech"}
{"so":4960858,"data":{"data":{"id":2819594,"memoryUsage":97505280,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":4962160.5,"data":{"data":{"transcript":"D'oh.","startTime":4962.1605}},"type":"speech"}
{"so":4964657,"data":{"data":{"summary":{"changed":15,"commit":"845592d55a491d12b01076a0a731bdcda2bec450","deletions":1,"files":[{"changed":15,"deletions":1,"file":"src/components/App.js","insertions":14}],"insertions":14}}},"type":"diff-summary"}
{"so":4964660,"data":{"data":{"diff":"Commit 845592d55a491d12b01076a0a731bdcda2bec450\n--- src/components/App.js\n+++ src/components/App.js\n@@ -125,7 +125,20 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n </Menu.Item>\n <Dropdown item icon='wrench' simple>\n <Dropdown.Menu>\n- <Dropdown.Item>New Config</Dropdown.Item>\n+ <Dropdown.Item>\n+\n+ <Icon name='dropdown' />\n+ <span className='text'>New</span>\n+\n+ <Dropdown.Menu>\n+ <Dropdown.Item>Blank</Dropdown.Item>\n+ <Dropdown.Item>Example</Dropdown.Item>\n+ </Dropdown.Menu>\n+\n+ </Dropdown.Item>\n+ <Dropdown.Item>Open</Dropdown.Item>\n+ <Dropdown.Item>Save...</Dropdown.Item>\n+ <Dropdown.Item>Edit Permissions</Dropdown.Item>\n <Dropdown.Divider />\n <Dropdown.Header>Export</Dropdown.Header>\n <Dropdown.Item>Share</Dropdown.Item>\n"}},"type":"diff"}
{"so":4966210,"data":{"data":{"transcript":"Had plug in","startTime":4966.21}},"type":"speech"}
{"so":4969454,"data":{"data":{"summary":{"changed":11,"commit":"f65f4940c6883be3e11e948c289aee61fc3e5f09","deletions":0,"files":[{"changed":11,"deletions":0,"file":"src/components/App.js","insertions":11}],"insertions":11}}},"type":"diff-summary"}
{"so":4969456,"data":{"data":{"diff":"Commit f65f4940c6883be3e11e948c289aee61fc3e5f09\n--- src/components/App.js\n+++ src/components/App.js\n@@ -136,6 +136,17 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n </Dropdown.Menu>\n \n </Dropdown.Item>\n+ <Dropdown.Item>\n+\n+ <Icon name='dropdown' />\n+ <span className='text'>Add Plugin</span>\n+\n+ <Dropdown.Menu>\n+ <Dropdown.Item>Blank</Dropdown.Item>\n+ <Dropdown.Item>Example</Dropdown.Item>\n+ </Dropdown.Menu>\n+\n+ </Dropdown.Item>\n <Dropdown.Item>Open</Dropdown.Item>\n <Dropdown.Item>Save...</Dropdown.Item>\n <Dropdown.Item>Edit Permissions</Dropdown.Item>\n"}},"type":"diff"}
{"so":4970836,"data":{"data":{"id":2819594,"memoryUsage":97505280,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":4971910.5,"data":{"data":{"transcript":"Plus, we're going to be down there. I think","startTime":4971.9105}},"type":"speech"}
{"so":4977400,"data":{"data":{"transcript":"Except like","startTime":4977.4}},"type":"speech"}
{"so":4979505,"data":{"data":{"summary":{"changed":11,"commit":"398a94431cab25a1101cceff932d682c507653ab","deletions":11,"files":[{"changed":11,"deletions":11,"file":"src/components/App.js","insertions":0}],"insertions":0}}},"type":"diff-summary"}
{"so":4979509,"data":{"data":{"diff":"Commit 398a94431cab25a1101cceff932d682c507653ab\n--- src/components/App.js\n+++ src/components/App.js\n@@ -136,17 +136,6 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n </Dropdown.Menu>\n \n </Dropdown.Item>\n- <Dropdown.Item>\n-\n- <Icon name='dropdown' />\n- <span className='text'>Add Plugin</span>\n-\n- <Dropdown.Menu>\n- <Dropdown.Item>Blank</Dropdown.Item>\n- <Dropdown.Item>Example</Dropdown.Item>\n- </Dropdown.Menu>\n-\n- </Dropdown.Item>\n <Dropdown.Item>Open</Dropdown.Item>\n <Dropdown.Item>Save...</Dropdown.Item>\n <Dropdown.Item>Edit Permissions</Dropdown.Item>\n"}},"type":"diff"}
{"so":4980838,"data":{"data":{"id":2886970,"memoryUsage":316706816,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":4990852,"data":{"data":{"id":2886970,"memoryUsage":316416000,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":5000857,"data":{"data":{"id":2819594,"memoryUsage":96571392,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5010840,"data":{"data":{"id":2819594,"memoryUsage":96571392,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5014503,"data":{"data":{"summary":{"changed":3,"commit":"0bb32e55a7c572a86389e097ca391ae7d9bbbb2d","deletions":2,"files":[{"changed":3,"deletions":2,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":5014506,"data":{"data":{"diff":"Commit 0bb32e55a7c572a86389e097ca391ae7d9bbbb2d\n--- src/components/App.js\n+++ src/components/App.js\n@@ -131,8 +131,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <span className='text'>New</span>\n \n <Dropdown.Menu>\n- <Dropdown.Item>Blank</Dropdown.Item>\n- <Dropdown.Item>Example</Dropdown.Item>\n+ <Dropdown.Item>Config</Dropdown.Item>\n </Dropdown.Menu>\n \n </Dropdown.Item>\n"}},"type":"diff"}
{"so":5020857,"data":{"data":{"id":2819594,"memoryUsage":96747520,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5030842,"data":{"data":{"id":2819594,"memoryUsage":96772096,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5034362,"data":{"data":{"summary":{"changed":2,"commit":"80108f4a7fc45567684c72b344572da78f22385b","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":5034365,"data":{"data":{"diff":"Commit 80108f4a7fc45567684c72b344572da78f22385b\n--- src/components/App.js\n+++ src/components/App.js\n@@ -128,7 +128,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Dropdown.Item>\n \n <Icon name='dropdown' />\n- <span className='text'>New</span>\n+ <span className='text'>Add Plugin</span>\n \n <Dropdown.Menu>\n <Dropdown.Item>Config</Dropdown.Item>\n"}},"type":"diff"}
{"so":5040857,"data":{"data":{"id":2819594,"memoryUsage":96808960,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5050846,"data":{"data":{"id":2819594,"memoryUsage":96808960,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5054261,"data":{"data":{"summary":{"changed":11,"commit":"7c58328a654159f075d246a4ec296357ed31a5e5","deletions":0,"files":[{"changed":11,"deletions":0,"file":"src/components/App.js","insertions":11}],"insertions":11}}},"type":"diff-summary"}
{"so":5054268,"data":{"data":{"diff":"Commit 7c58328a654159f075d246a4ec296357ed31a5e5\n--- src/components/App.js\n+++ src/components/App.js\n@@ -132,6 +132,17 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n \n <Dropdown.Menu>\n <Dropdown.Item>Config</Dropdown.Item>\n+\n+ <Dropdown.Item>\n+\n+ <Icon name='dropdown' />\n+ <span className='text'>Add Plugin</span>\n+\n+ <Dropdown.Menu>\n+ <Dropdown.Item>Config</Dropdown.Item>\n+ </Dropdown.Menu>\n+\n+ </Dropdown.Item>\n </Dropdown.Menu>\n \n </Dropdown.Item>\n"}},"type":"diff"}
{"so":5059413,"data":{"data":{"summary":{"changed":1,"commit":"043c4b63038878e0ed79e22bbc79db470d4e680e","deletions":1,"files":[{"changed":1,"deletions":1,"file":"src/components/App.js","insertions":0}],"insertions":0}}},"type":"diff-summary"}
{"so":5059416,"data":{"data":{"diff":"Commit 043c4b63038878e0ed79e22bbc79db470d4e680e\n--- src/components/App.js\n+++ src/components/App.js\n@@ -132,7 +132,6 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n \n <Dropdown.Menu>\n <Dropdown.Item>Config</Dropdown.Item>\n-\n <Dropdown.Item>\n \n <Icon name='dropdown' />\n"}},"type":"diff"}
{"so":5060847,"data":{"data":{"id":2886970,"memoryUsage":316518400,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":5062259.5,"data":{"data":{"transcript":"I got to keep nesting. These","startTime":5062.2595}},"type":"speech"}
{"so":5070855,"data":{"data":{"id":2886970,"memoryUsage":316510208,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":5080849,"data":{"data":{"id":2819594,"memoryUsage":96808960,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5090858,"data":{"data":{"id":2819594,"memoryUsage":96808960,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5100853,"data":{"data":{"id":2819594,"memoryUsage":96821248,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5109970,"data":{"data":{"summary":{"changed":11,"commit":"5e52dfb29a316ab786ab16ff71fcaaad59864c9e","deletions":0,"files":[{"changed":11,"deletions":0,"file":"src/components/App.js","insertions":11}],"insertions":11}}},"type":"diff-summary"}
{"so":5109974,"data":{"data":{"diff":"Commit 5e52dfb29a316ab786ab16ff71fcaaad59864c9e\n--- src/components/App.js\n+++ src/components/App.js\n@@ -137,8 +137,19 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Icon name='dropdown' />\n <span className='text'>Add Plugin</span>\n \n+\n <Dropdown.Menu>\n <Dropdown.Item>Config</Dropdown.Item>\n+ <Dropdown.Item>\n+\n+ <Icon name='dropdown' />\n+ <span className='text'>Add Plugin</span>\n+\n+ <Dropdown.Menu>\n+ <Dropdown.Item>Config</Dropdown.Item>\n+ </Dropdown.Menu>\n+\n+ </Dropdown.Item>\n </Dropdown.Menu>\n \n </Dropdown.Item>\n"}},"type":"diff"}
{"so":5110854,"data":{"data":{"id":2819594,"memoryUsage":96800768,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5120874,"data":{"data":{"id":2819594,"memoryUsage":96800768,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5124619,"data":{"data":{"summary":{"changed":12,"commit":"81e2d342c26a12bd4abc327f99d8413772094c31","deletions":11,"files":[{"changed":12,"deletions":11,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":5124621,"data":{"data":{"diff":"Commit 81e2d342c26a12bd4abc327f99d8413772094c31\n--- src/components/App.js\n+++ src/components/App.js\n@@ -132,24 +132,14 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n \n <Dropdown.Menu>\n <Dropdown.Item>Config</Dropdown.Item>\n+\n <Dropdown.Item>\n \n <Icon name='dropdown' />\n <span className='text'>Add Plugin</span>\n \n-\n <Dropdown.Menu>\n <Dropdown.Item>Config</Dropdown.Item>\n- <Dropdown.Item>\n-\n- <Icon name='dropdown' />\n- <span className='text'>Add Plugin</span>\n-\n- <Dropdown.Menu>\n- <Dropdown.Item>Config</Dropdown.Item>\n- </Dropdown.Menu>\n-\n- </Dropdown.Item>\n </Dropdown.Menu>\n \n </Dropdown.Item>\n"}},"type":"diff"}
{"so":5130857,"data":{"data":{"id":2819594,"memoryUsage":96800768,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5140873,"data":{"data":{"id":2886970,"memoryUsage":317571072,"owner":{"name":"chrome.exe"},"title":"Menu - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":5150867,"data":{"data":{"id":2886970,"memoryUsage":316702720,"owner":{"name":"chrome.exe"},"title":"Menu - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":5160862,"data":{"data":{"id":2886970,"memoryUsage":316862464,"owner":{"name":"chrome.exe"},"title":"Menu - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":5170863,"data":{"data":{"id":2886970,"memoryUsage":316620800,"owner":{"name":"chrome.exe"},"title":"Menu - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":5180888,"data":{"data":{"id":2819594,"memoryUsage":96837632,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5187940,"data":{"data":{"transcript":"Okay?","startTime":5187.94}},"type":"speech"}
{"so":5189338,"data":{"data":{"summary":{"changed":16,"commit":"dbbbab565ac1c5d3193aee3397ab66fc2cdaee6f","deletions":13,"files":[{"changed":16,"deletions":13,"file":"src/components/App.js","insertions":3}],"insertions":3}}},"type":"diff-summary"}
{"so":5189342,"data":{"data":{"diff":"Commit dbbbab565ac1c5d3193aee3397ab66fc2cdaee6f\n--- src/components/App.js\n+++ src/components/App.js\n@@ -128,21 +128,11 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Dropdown.Item>\n \n <Icon name='dropdown' />\n- <span className='text'>Add Plugin</span>\n+ <span className='text'>New</span>\n \n <Dropdown.Menu>\n- <Dropdown.Item>Config</Dropdown.Item>\n-\n- <Dropdown.Item>\n-\n- <Icon name='dropdown' />\n- <span className='text'>Add Plugin</span>\n-\n- <Dropdown.Menu>\n- <Dropdown.Item>Config</Dropdown.Item>\n- </Dropdown.Menu>\n-\n- </Dropdown.Item>\n+ <Dropdown.Item>Blank</Dropdown.Item>\n+ <Dropdown.Item>Example</Dropdown.Item>\n </Dropdown.Menu>\n \n </Dropdown.Item>\n"}},"type":"diff"}
{"so":5190865,"data":{"data":{"id":2819594,"memoryUsage":96845824,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5200865,"data":{"data":{"id":2819594,"memoryUsage":96624640,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5204039,"data":{"data":{"summary":{"changed":1,"commit":"3634380f84fe0a1603f6596d041c93a711ab57b7","deletions":0,"files":[{"changed":1,"deletions":0,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":5204041,"data":{"data":{"diff":"Commit 3634380f84fe0a1603f6596d041c93a711ab57b7\n--- src/components/App.js\n+++ src/components/App.js\n@@ -125,6 +125,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n </Menu.Item>\n <Dropdown item icon='wrench' simple>\n <Dropdown.Menu>\n+ <Dropdown.Item>New</Dropdown.Item>\n <Dropdown.Item>\n \n <Icon name='dropdown' />\n"}},"type":"diff"}
{"so":5210866,"data":{"data":{"id":2819594,"memoryUsage":96636928,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5214414,"data":{"data":{"summary":{"changed":4,"commit":"e90252fb7555a62def8123742b9e34437c1adcd7","deletions":2,"files":[{"changed":4,"deletions":2,"file":"src/components/App.js","insertions":2}],"insertions":2}}},"type":"diff-summary"}
{"so":5214416,"data":{"data":{"diff":"Commit e90252fb7555a62def8123742b9e34437c1adcd7\n--- src/components/App.js\n+++ src/components/App.js\n@@ -129,10 +129,10 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Dropdown.Item>\n \n <Icon name='dropdown' />\n- <span className='text'>New</span>\n+ <span className='text'>Import Plugin</span>\n \n <Dropdown.Menu>\n- <Dropdown.Item>Blank</Dropdown.Item>\n+ <Dropdown.Item>babel/</Dropdown.Item>\n <Dropdown.Item>Example</Dropdown.Item>\n </Dropdown.Menu>\n \n"}},"type":"diff"}
{"so":5220876,"data":{"data":{"id":2819594,"memoryUsage":96636928,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5230895,"data":{"data":{"id":2819594,"memoryUsage":96636928,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5239452,"data":{"data":{"summary":{"changed":7,"commit":"10d177b6620234cd0d2d6905960bdf896643dc2c","deletions":4,"files":[{"changed":7,"deletions":4,"file":"src/components/App.js","insertions":3}],"insertions":3}}},"type":"diff-summary"}
{"so":5239455,"data":{"data":{"diff":"Commit 10d177b6620234cd0d2d6905960bdf896643dc2c\n--- src/components/App.js\n+++ src/components/App.js\n@@ -125,15 +125,14 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n </Menu.Item>\n <Dropdown item icon='wrench' simple>\n <Dropdown.Menu>\n- <Dropdown.Item>New</Dropdown.Item>\n <Dropdown.Item>\n \n <Icon name='dropdown' />\n- <span className='text'>Import Plugin</span>\n+ <span className='text'>New</span>\n \n <Dropdown.Menu>\n- <Dropdown.Item>babel/</Dropdown.Item>\n- <Dropdown.Item>Example</Dropdown.Item>\n+ <Dropdown.Item>Blank Plugin</Dropdown.Item>\n+ <Dropdown.Item>Import Plugin</Dropdown.Item>\n </Dropdown.Menu>\n \n </Dropdown.Item>\n"}},"type":"diff"}
{"so":5240872,"data":{"data":{"id":2819594,"memoryUsage":96636928,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5249473,"data":{"data":{"summary":{"changed":6,"commit":"da10d98ad80146cba5aa5b287d872ed34e1ac1e9","deletions":3,"files":[{"changed":6,"deletions":3,"file":"src/components/App.js","insertions":3}],"insertions":3}}},"type":"diff-summary"}
{"so":5249475,"data":{"data":{"diff":"Commit da10d98ad80146cba5aa5b287d872ed34e1ac1e9\n--- src/components/App.js\n+++ src/components/App.js\n@@ -128,11 +128,11 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Dropdown.Item>\n \n <Icon name='dropdown' />\n- <span className='text'>New</span>\n+ <span className='text'>Add Plugin</span>\n \n <Dropdown.Menu>\n- <Dropdown.Item>Blank Plugin</Dropdown.Item>\n- <Dropdown.Item>Import Plugin</Dropdown.Item>\n+ <Dropdown.Item>Blank</Dropdown.Item>\n+ <Dropdown.Item>Import</Dropdown.Item>\n </Dropdown.Menu>\n \n </Dropdown.Item>\n"}},"type":"diff"}
{"so":5250871,"data":{"data":{"id":2886970,"memoryUsage":313851904,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":5260122,"data":{"data":{"summary":{"changed":0,"commit":"4b29d6e8d669f5aa6c648a4d43dd3e111d6603ec","deletions":0,"files":[],"insertions":0}}},"type":"diff-summary"}
{"so":5260873,"data":{"data":{"id":2886970,"memoryUsage":314269696,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":5270876,"data":{"data":{"id":2819594,"memoryUsage":96821248,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5279651,"data":{"data":{"summary":{"changed":2,"commit":"ba22cf19496b78404a60c474ecb4fbae71a44661","deletions":2,"files":[{"changed":2,"deletions":2,"file":"src/components/App.js","insertions":0}],"insertions":0}}},"type":"diff-summary"}
{"so":5279653,"data":{"data":{"diff":"Commit ba22cf19496b78404a60c474ecb4fbae71a44661\n--- src/components/App.js\n+++ src/components/App.js\n@@ -136,9 +136,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n </Dropdown.Menu>\n \n </Dropdown.Item>\n- <Dropdown.Item>Open</Dropdown.Item>\n <Dropdown.Item>Save...</Dropdown.Item>\n- <Dropdown.Item>Edit Permissions</Dropdown.Item>\n <Dropdown.Divider />\n <Dropdown.Header>Export</Dropdown.Header>\n <Dropdown.Item>Share</Dropdown.Item>\n"}},"type":"diff"}
{"so":5280874,"data":{"data":{"id":2819594,"memoryUsage":96034816,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5290265,"data":{"data":{"summary":{"changed":2,"commit":"6deaddd8b10f713d51fed29814cfbc1d15aa7c68","deletions":0,"files":[{"changed":2,"deletions":0,"file":"src/components/App.js","insertions":2}],"insertions":2}}},"type":"diff-summary"}
{"so":5290267,"data":{"data":{"diff":"Commit 6deaddd8b10f713d51fed29814cfbc1d15aa7c68\n--- src/components/App.js\n+++ src/components/App.js\n@@ -127,6 +127,8 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Dropdown.Menu>\n <Dropdown.Item>\n \n+ <Dropdown.Item>Load Example</Dropdown.Item>\n+\n <Icon name='dropdown' />\n <span className='text'>Add Plugin</span>\n \n"}},"type":"diff"}
{"so":5290874,"data":{"data":{"id":2886970,"memoryUsage":315699200,"owner":{"name":"chrome.exe"},"title":"react bind click - Google Search - Google Chrome"}},"type":"window"}
{"so":5297010,"data":{"data":{"transcript":"Okay, So we're trying Tio.","startTime":5297.01}},"type":"speech"}
{"so":5299640,"data":{"data":{"transcript":"You want to handle a click on load example.","startTime":5299.64}},"type":"speech"}
{"so":5300875,"data":{"data":{"id":2819594,"memoryUsage":96468992,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5304380,"data":{"data":{"transcript":"Activate lasers is not good. I say load look up the words with his example.","startTime":5304.38}},"type":"speech"}
{"so":5309521,"data":{"data":{"summary":{"changed":2,"commit":"6e055ee4850b494e9572ea407d56093273eabbd6","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":5309525,"data":{"data":{"diff":"Commit 6e055ee4850b494e9572ea407d56093273eabbd6\n--- src/components/App.js\n+++ src/components/App.js\n@@ -127,7 +127,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Dropdown.Menu>\n <Dropdown.Item>\n \n- <Dropdown.Item>Load Example</Dropdown.Item>\n+ <Dropdown.Item onClick={activateLasers}>Load Example</Dropdown.Item>\n \n <Icon name='dropdown' />\n <span className='text'>Add Plugin</span>\n"}},"type":"diff"}
{"so":5310876,"data":{"data":{"id":2819594,"memoryUsage":96514048,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5311980,"data":{"data":{"transcript":"Okay?","startTime":5311.98}},"type":"speech"}
{"so":5320878,"data":{"data":{"id":2819594,"memoryUsage":96600064,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5324406,"data":{"data":{"summary":{"changed":7,"commit":"02fadc5654242cc1de1762d19d8f76f4d1abd102","deletions":7,"files":[{"changed":7,"deletions":7,"file":"src/components/App.js","insertions":0}],"insertions":0}}},"type":"diff-summary"}
{"so":5324409,"data":{"data":{"diff":"Commit 02fadc5654242cc1de1762d19d8f76f4d1abd102\n--- src/components/App.js\n+++ src/components/App.js\n@@ -181,13 +181,6 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n >\n Add New Config\n </button>\n- <button\n- onClick={() => {\n- setSource(\"const hello = 'world';\");\n- }}\n- >\n- Use Example (WIP)\n- </button>\n </Actions>\n </Grid.Row>\n <Grid.Row>\n"}},"type":"diff"}
{"so":5326910,"data":{"data":{"transcript":"Course, activate lasers and not the find. Come on, click.","startTime":5326.91}},"type":"speech"}
{"so":5330877,"data":{"data":{"id":2819594,"memoryUsage":96735232,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5334565,"data":{"data":{"summary":{"changed":4,"commit":"7400eb18ecceae536e36353d66cde47ccec14a4d","deletions":1,"files":[{"changed":4,"deletions":1,"file":"src/components/App.js","insertions":3}],"insertions":3}}},"type":"diff-summary"}
{"so":5334569,"data":{"data":{"diff":"Commit 7400eb18ecceae536e36353d66cde47ccec14a4d\n--- src/components/App.js\n+++ src/components/App.js\n@@ -127,7 +127,9 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Dropdown.Menu>\n <Dropdown.Item>\n \n- <Dropdown.Item onClick={activateLasers}>Load Example</Dropdown.Item>\n+ <Dropdown.Item onClick={() => {\n+ setSource(\"const hello = 'world';\");\n+ }}>Load Example</Dropdown.Item>\n \n <Icon name='dropdown' />\n <span className='text'>Add Plugin</span>\n"}},"type":"diff"}
{"so":5339310,"data":{"data":{"transcript":"Yes, it looks on nasty.","startTime":5339.31}},"type":"speech"}
{"so":5340878,"data":{"data":{"id":2886970,"memoryUsage":312045568,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":5343520,"data":{"data":{"transcript":"Okay?","startTime":5343.52}},"type":"speech"}
{"so":5350898,"data":{"data":{"id":2819594,"memoryUsage":97079296,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5355137,"data":{"data":{"summary":{"changed":4,"commit":"044bda211092b81e276dce22afe64883f8fa3e9b","deletions":3,"files":[{"changed":4,"deletions":3,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":5355141,"data":{"data":{"diff":"Commit 044bda211092b81e276dce22afe64883f8fa3e9b\n--- src/components/App.js\n+++ src/components/App.js\n@@ -127,9 +127,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Dropdown.Menu>\n <Dropdown.Item>\n \n- <Dropdown.Item onClick={() => {\n- setSource(\"const hello = 'world';\");\n- }}>Load Example</Dropdown.Item>\n+ <Dropdown.Item>Load Example</Dropdown.Item>\n \n <Icon name='dropdown' />\n <span className='text'>Add Plugin</span>\n"}},"type":"diff"}
{"so":5360879,"data":{"data":{"id":2819594,"memoryUsage":97136640,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5364871,"data":{"data":{"summary":{"changed":4,"commit":"8c8887e608fde08f8135c157710a360b0753719d","deletions":1,"files":[{"changed":4,"deletions":1,"file":"src/components/App.js","insertions":3}],"insertions":3}}},"type":"diff-summary"}
{"so":5364874,"data":{"data":{"diff":"Commit 8c8887e608fde08f8135c157710a360b0753719d\n--- src/components/App.js\n+++ src/components/App.js\n@@ -127,7 +127,9 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Dropdown.Menu>\n <Dropdown.Item>\n \n- <Dropdown.Item>Load Example</Dropdown.Item>\n+ <Dropdown.Item onClick={() => {\n+ setSource(\"const hello = 'world';\");\n+ }}>Load Example</Dropdown.Item>\n \n <Icon name='dropdown' />\n <span className='text'>Add Plugin</span>\n"}},"type":"diff"}
{"so":5369384,"data":{"data":{"summary":{"changed":4,"commit":"0d5a33b484ab2e80203a0c1d3481a0f3faf81d7d","deletions":3,"files":[{"changed":4,"deletions":3,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":5369387,"data":{"data":{"diff":"Commit 0d5a33b484ab2e80203a0c1d3481a0f3faf81d7d\n--- src/components/App.js\n+++ src/components/App.js\n@@ -127,9 +127,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Dropdown.Menu>\n <Dropdown.Item>\n \n- <Dropdown.Item onClick={() => {\n- setSource(\"const hello = 'world';\");\n- }}>Load Example</Dropdown.Item>\n+ <Dropdown.Item>Load Example</Dropdown.Item>\n \n <Icon name='dropdown' />\n <span className='text'>Add Plugin</span>\n"}},"type":"diff"}
{"so":5370880,"data":{"data":{"id":2886970,"memoryUsage":312365056,"owner":{"name":"chrome.exe"},"title":"Menu - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":5374970,"data":{"data":{"transcript":"And many item","startTime":5374.97}},"type":"speech"}
{"so":5378740,"data":{"data":{"transcript":"Drop down item on click.","startTime":5378.74}},"type":"speech"}
{"so":5380894,"data":{"data":{"id":2886970,"memoryUsage":312180736,"owner":{"name":"chrome.exe"},"title":"Menu - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":5390883,"data":{"data":{"id":2886970,"memoryUsage":312193024,"owner":{"name":"chrome.exe"},"title":"Menu - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":5400891,"data":{"data":{"id":2886970,"memoryUsage":312442880,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":5410250,"data":{"data":{"transcript":"I screwed something up here.","startTime":5410.25}},"type":"speech"}
{"so":5410892,"data":{"data":{"id":2819594,"memoryUsage":96706560,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5420900,"data":{"data":{"id":2819594,"memoryUsage":96739328,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5421980,"data":{"data":{"transcript":"What if I screw this up?","startTime":5421.98}},"type":"speech"}
{"so":5424523,"data":{"data":{"summary":{"changed":9,"commit":"4a47a40b92afeec119bb3ca3c755aa96435eb9bd","deletions":1,"files":[{"changed":9,"deletions":1,"file":"src/components/App.js","insertions":8}],"insertions":8}}},"type":"diff-summary"}
{"so":5424529,"data":{"data":{"diff":"Commit 4a47a40b92afeec119bb3ca3c755aa96435eb9bd\n--- src/components/App.js\n+++ src/components/App.js\n@@ -127,7 +127,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Dropdown.Menu>\n <Dropdown.Item>\n \n- <Dropdown.Item>Load Example</Dropdown.Item>\n+ <Dropdown.Item>Load</Dropdown.Item>\n \n <Icon name='dropdown' />\n <span className='text'>Add Plugin</span>\n"}},"type":"diff"}
{"so":5424529,"data":{"data":{"diff":"Commit 4a47a40b92afeec119bb3ca3c755aa96435eb9bd\n--- src/components/App.js\n+++ src/components/App.js\n@@ -181,6 +181,13 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n >\n Add New Config\n </button>\n+ <button\n+ onClick={() => {\n+ setSource(\"const hello = 'world';\");\n+ }}\n+ >\n+ Use Example (WIP)\n+ </button>\n </Actions>\n </Grid.Row>\n <Grid.Row>\n"}},"type":"diff"}
{"so":5430887,"data":{"data":{"id":2819594,"memoryUsage":96821248,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5434369,"data":{"data":{"summary":{"changed":4,"commit":"f3cdcecbd3317efb607d162ffdf7503bb14dc4e6","deletions":2,"files":[{"changed":4,"deletions":2,"file":"src/components/App.js","insertions":2}],"insertions":2}}},"type":"diff-summary"}
{"so":5434373,"data":{"data":{"diff":"Commit f3cdcecbd3317efb607d162ffdf7503bb14dc4e6\n--- src/components/App.js\n+++ src/components/App.js\n@@ -127,8 +127,6 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Dropdown.Menu>\n <Dropdown.Item>\n \n- <Dropdown.Item>Load</Dropdown.Item>\n-\n <Icon name='dropdown' />\n <span className='text'>Add Plugin</span>\n \n"}},"type":"diff"}
{"so":5434373,"data":{"data":{"diff":"Commit f3cdcecbd3317efb607d162ffdf7503bb14dc4e6\n--- src/components/App.js\n+++ src/components/App.js\n@@ -138,7 +136,9 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n </Dropdown.Menu>\n \n </Dropdown.Item>\n+ <Dropdown.Item>Open</Dropdown.Item>\n <Dropdown.Item>Save...</Dropdown.Item>\n+ <Dropdown.Item>Edit Permissions</Dropdown.Item>\n <Dropdown.Divider />\n <Dropdown.Header>Export</Dropdown.Header>\n <Dropdown.Item>Share</Dropdown.Item>\n"}},"type":"diff"}
{"so":5434610,"data":{"data":{"transcript":"So I nested it.","startTime":5434.61}},"type":"speech"}
{"so":5440905,"data":{"data":{"id":2819594,"memoryUsage":96874496,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5444544,"data":{"data":{"summary":{"changed":4,"commit":"b51e66f3c9f306212ae5d10f354a14babebc7e32","deletions":1,"files":[{"changed":4,"deletions":1,"file":"src/components/App.js","insertions":3}],"insertions":3}}},"type":"diff-summary"}
{"so":5444547,"data":{"data":{"diff":"Commit b51e66f3c9f306212ae5d10f354a14babebc7e32\n--- src/components/App.js\n+++ src/components/App.js\n@@ -136,7 +136,9 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n </Dropdown.Menu>\n \n </Dropdown.Item>\n- <Dropdown.Item>Open</Dropdown.Item>\n+ <Dropdown.Item onClick={() => {\n+ setSource(\"const hello = 'world';\");\n+ }}>Open</Dropdown.Item>\n <Dropdown.Item>Save...</Dropdown.Item>\n <Dropdown.Item>Edit Permissions</Dropdown.Item>\n <Dropdown.Divider />\n"}},"type":"diff"}
{"so":5450891,"data":{"data":{"id":2819594,"memoryUsage":97320960,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5455049,"data":{"data":{"summary":{"changed":6,"commit":"1a0c358a902dc913b6783f9e2310f1e9662d8e93","deletions":3,"files":[{"changed":6,"deletions":3,"file":"src/components/App.js","insertions":3}],"insertions":3}}},"type":"diff-summary"}
{"so":5455052,"data":{"data":{"diff":"Commit 1a0c358a902dc913b6783f9e2310f1e9662d8e93\n--- src/components/App.js\n+++ src/components/App.js\n@@ -125,6 +125,9 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n </Menu.Item>\n <Dropdown item icon='wrench' simple>\n <Dropdown.Menu>\n+ <Dropdown.Item onClick={() => {\n+ setSource(\"const hello = 'world';\");\n+ }}>Open</Dropdown.Item>\n <Dropdown.Item>\n \n <Icon name='dropdown' />\n"}},"type":"diff"}
{"so":5455052,"data":{"data":{"diff":"Commit 1a0c358a902dc913b6783f9e2310f1e9662d8e93\n--- src/components/App.js\n+++ src/components/App.js\n@@ -136,9 +139,6 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n </Dropdown.Menu>\n \n </Dropdown.Item>\n- <Dropdown.Item onClick={() => {\n- setSource(\"const hello = 'world';\");\n- }}>Open</Dropdown.Item>\n <Dropdown.Item>Save...</Dropdown.Item>\n <Dropdown.Item>Edit Permissions</Dropdown.Item>\n <Dropdown.Divider />\n"}},"type":"diff"}
{"so":5460259,"data":{"data":{"summary":{"changed":2,"commit":"51dc7383dfd7d9762a466241fa09be46189a6f8c","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":5460262,"data":{"data":{"diff":"Commit 51dc7383dfd7d9762a466241fa09be46189a6f8c\n--- src/components/App.js\n+++ src/components/App.js\n@@ -127,7 +127,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Dropdown.Menu>\n <Dropdown.Item onClick={() => {\n setSource(\"const hello = 'world';\");\n- }}>Open</Dropdown.Item>\n+ }}>Load Default</Dropdown.Item>\n <Dropdown.Item>\n \n <Icon name='dropdown' />\n"}},"type":"diff"}
{"so":5460911,"data":{"data":{"id":2819594,"memoryUsage":97320960,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5464406,"data":{"data":{"summary":{"changed":2,"commit":"3f9fd9d69da37304b1fc432e5fee748dca4d04ac","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":5464409,"data":{"data":{"diff":"Commit 3f9fd9d69da37304b1fc432e5fee748dca4d04ac\n--- src/components/App.js\n+++ src/components/App.js\n@@ -127,7 +127,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Dropdown.Menu>\n <Dropdown.Item onClick={() => {\n setSource(\"const hello = 'world';\");\n- }}>Load Default</Dropdown.Item>\n+ }}>Load Example</Dropdown.Item>\n <Dropdown.Item>\n \n <Icon name='dropdown' />\n"}},"type":"diff"}
{"so":5470894,"data":{"data":{"id":2886970,"memoryUsage":312336384,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":5476780,"data":{"data":{"transcript":"Okay?","startTime":5476.78}},"type":"speech"}
{"so":5480895,"data":{"data":{"id":2886970,"memoryUsage":312258560,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":5490908,"data":{"data":{"id":2886970,"memoryUsage":312373248,"owner":{"name":"chrome.exe"},"title":"Menu - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":5500895,"data":{"data":{"id":2886970,"memoryUsage":309272576,"owner":{"name":"chrome.exe"},"title":"Menu - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":5507120,"data":{"data":{"transcript":"Oh my gosh. There's an inverted version.","startTime":5507.12}},"type":"speech"}
{"so":5510925,"data":{"data":{"id":2819594,"memoryUsage":96854016,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5512470,"data":{"data":{"transcript":"Men. You attach egos top.","startTime":5512.47}},"type":"speech"}
{"so":5517200,"data":{"data":{"transcript":"Men. You converted.","startTime":5517.2}},"type":"speech"}
{"so":5519672,"data":{"data":{"summary":{"changed":2,"commit":"1d696d6959c86464075350e7cec7943a7827acc0","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":5519675,"data":{"data":{"diff":"Commit 1d696d6959c86464075350e7cec7943a7827acc0\n--- src/components/App.js\n+++ src/components/App.js\n@@ -119,7 +119,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n \n return (\n <Root>\n- <Menu attached='top'>\n+ <Menu attached='top' >\n <Menu.Item>\n <img src=\"https://d33wubrfki0l68.cloudfront.net/7a197cfe44548cc1a3f581152af70a3051e11671/78df8/img/babel.svg\" />\n </Menu.Item>\n"}},"type":"diff"}
{"so":5520020,"data":{"data":{"transcript":"No, that might make everything look great.","startTime":5520.02}},"type":"speech"}
{"so":5520933,"data":{"data":{"id":2819594,"memoryUsage":97144832,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5522220,"data":{"data":{"transcript":"Oh, there we go.","startTime":5522.22}},"type":"speech"}
{"so":5524600,"data":{"data":{"transcript":"Okay. Cool on may be dropped on item inverted.","startTime":5524.6}},"type":"speech"}
{"so":5524700,"data":{"data":{"summary":{"changed":2,"commit":"29704ac4e7bde6d97bceb05795ec911d74ffc694","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":5524702,"data":{"data":{"diff":"Commit 29704ac4e7bde6d97bceb05795ec911d74ffc694\n--- src/components/App.js\n+++ src/components/App.js\n@@ -119,7 +119,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n \n return (\n <Root>\n- <Menu attached='top' >\n+ <Menu attached='top' inverted>\n <Menu.Item>\n <img src=\"https://d33wubrfki0l68.cloudfront.net/7a197cfe44548cc1a3f581152af70a3051e11671/78df8/img/babel.svg\" />\n </Menu.Item>\n"}},"type":"diff"}
{"so":5530903,"data":{"data":{"id":2819594,"memoryUsage":96403456,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5532790,"data":{"data":{"transcript":"No.","startTime":5532.79}},"type":"speech"}
{"so":5534774,"data":{"data":{"summary":{"changed":2,"commit":"57de415e1a802cded51aa17fb4c477abc2ec2e5c","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":5534778,"data":{"data":{"diff":"Commit 57de415e1a802cded51aa17fb4c477abc2ec2e5c\n--- src/components/App.js\n+++ src/components/App.js\n@@ -123,7 +123,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Menu.Item>\n <img src=\"https://d33wubrfki0l68.cloudfront.net/7a197cfe44548cc1a3f581152af70a3051e11671/78df8/img/babel.svg\" />\n </Menu.Item>\n- <Dropdown item icon='wrench' simple>\n+ <Dropdown item icon='wrench' simple inverted>\n <Dropdown.Menu>\n <Dropdown.Item onClick={() => {\n setSource(\"const hello = 'world';\");\n"}},"type":"diff"}
{"so":5540904,"data":{"data":{"id":2819594,"memoryUsage":96432128,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5549654,"data":{"data":{"summary":{"changed":4,"commit":"dfc30d3c7c8ca7eede8f4ca36c7630b5c6363516","deletions":2,"files":[{"changed":4,"deletions":2,"file":"src/components/App.js","insertions":2}],"insertions":2}}},"type":"diff-summary"}
{"so":5549656,"data":{"data":{"diff":"Commit dfc30d3c7c8ca7eede8f4ca36c7630b5c6363516\n--- src/components/App.js\n+++ src/components/App.js\n@@ -123,8 +123,8 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Menu.Item>\n <img src=\"https://d33wubrfki0l68.cloudfront.net/7a197cfe44548cc1a3f581152af70a3051e11671/78df8/img/babel.svg\" />\n </Menu.Item>\n- <Dropdown item icon='wrench' simple inverted>\n- <Dropdown.Menu>\n+ <Dropdown item icon='wrench' simple>\n+ <Dropdown.Menu inverted>\n <Dropdown.Item onClick={() => {\n setSource(\"const hello = 'world';\");\n }}>Load Example</Dropdown.Item>\n"}},"type":"diff"}
{"so":5550905,"data":{"data":{"id":2819594,"memoryUsage":96813056,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5559623,"data":{"data":{"summary":{"changed":2,"commit":"8b0fcecb9edf5a109ac015850a5177185c495594","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":5559631,"data":{"data":{"diff":"Commit 8b0fcecb9edf5a109ac015850a5177185c495594\n--- src/components/App.js\n+++ src/components/App.js\n@@ -123,7 +123,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Menu.Item>\n <img src=\"https://d33wubrfki0l68.cloudfront.net/7a197cfe44548cc1a3f581152af70a3051e11671/78df8/img/babel.svg\" />\n </Menu.Item>\n- <Dropdown item icon='wrench' simple>\n+ <Dropdown item icon='wrench'>\n <Dropdown.Menu inverted>\n <Dropdown.Item onClick={() => {\n setSource(\"const hello = 'world';\");\n"}},"type":"diff"}
{"so":5560928,"data":{"data":{"id":2819594,"memoryUsage":97075200,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5564488,"data":{"data":{"summary":{"changed":2,"commit":"58f767c7af5e046a19cc7caf011822676bf452f8","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":5564490,"data":{"data":{"diff":"Commit 58f767c7af5e046a19cc7caf011822676bf452f8\n--- src/components/App.js\n+++ src/components/App.js\n@@ -123,7 +123,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Menu.Item>\n <img src=\"https://d33wubrfki0l68.cloudfront.net/7a197cfe44548cc1a3f581152af70a3051e11671/78df8/img/babel.svg\" />\n </Menu.Item>\n- <Dropdown item icon='wrench'>\n+ <Dropdown item icon='wrench' simple>\n <Dropdown.Menu inverted>\n <Dropdown.Item onClick={() => {\n setSource(\"const hello = 'world';\");\n"}},"type":"diff"}
{"so":5566380,"data":{"data":{"transcript":"Okay?","startTime":5566.38}},"type":"speech"}
{"so":5570929,"data":{"data":{"id":2819594,"memoryUsage":97144832,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5572100,"data":{"data":{"transcript":"Definitely don't want to search animals.","startTime":5572.1}},"type":"speech"}
{"so":5576610,"data":{"data":{"transcript":"I don't want that.","startTime":5576.61}},"type":"speech"}
{"so":5580934,"data":{"data":{"id":2886970,"memoryUsage":310591488,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":5584638,"data":{"data":{"summary":{"changed":14,"commit":"6957dc8f78573a3ee0b26cd1f2d9c992d9984613","deletions":14,"files":[{"changed":14,"deletions":14,"file":"src/components/App.js","insertions":0}],"insertions":0}}},"type":"diff-summary"}
{"so":5584640,"data":{"data":{"diff":"Commit 6957dc8f78573a3ee0b26cd1f2d9c992d9984613\n--- src/components/App.js\n+++ src/components/App.js\n@@ -146,20 +146,6 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Dropdown.Item>Share</Dropdown.Item>\n </Dropdown.Menu>\n </Dropdown>\n-\n- <Menu.Menu position='right'>\n- <div className='ui right aligned category search item'>\n- <div className='ui transparent icon input'>\n- <input\n- className='prompt'\n- type='text'\n- placeholder='Search animals...'\n- />\n- <i className='search link icon' />\n- </div>\n- <div className='results' />\n- </div>\n- </Menu.Menu>\n </Menu>\n \n <Grid celled='internally'>\n"}},"type":"diff"}
{"so":5590919,"data":{"data":{"id":2886970,"memoryUsage":310804480,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":5597710,"data":{"data":{"transcript":"Let me go into the many variables and we can delete these.","startTime":5597.71}},"type":"speech"}
{"so":5600912,"data":{"data":{"id":2819594,"memoryUsage":96776192,"owner":{"name":"Code.exe"},"title":"● menu.variables - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5608900,"data":{"data":{"transcript":"We don't have the permissions.","startTime":5608.9}},"type":"speech"}
{"so":5609940,"data":{"data":{"summary":{"changed":2,"commit":"3a5b2d41d87bc432fc9a64979be8c913665d0dfa","deletions":2,"files":[{"changed":2,"deletions":2,"file":"src/semantic-ui/site/collections/menu.variables","insertions":0}],"insertions":0}}},"type":"diff-summary"}
{"so":5609945,"data":{"data":{"diff":"Commit 3a5b2d41d87bc432fc9a64979be8c913665d0dfa\n--- src/semantic-ui/site/collections/menu.variables\n+++ src/semantic-ui/site/collections/menu.variables\n@@ -1,5 +1,3 @@\n /*******************************\n User Variable Overrides\n *******************************/\n-@background: #191C1D;\n-@attachedBorder: #191C1D;\n"}},"type":"diff"}
{"so":5610914,"data":{"data":{"id":2819594,"memoryUsage":96227328,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5619550,"data":{"data":{"summary":{"changed":1,"commit":"54be7668666114572219625a7b9185366ba520cb","deletions":1,"files":[{"changed":1,"deletions":1,"file":"src/components/App.js","insertions":0}],"insertions":0}}},"type":"diff-summary"}
{"so":5619552,"data":{"data":{"diff":"Commit 54be7668666114572219625a7b9185366ba520cb\n--- src/components/App.js\n+++ src/components/App.js\n@@ -140,7 +140,6 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n \n </Dropdown.Item>\n <Dropdown.Item>Save...</Dropdown.Item>\n- <Dropdown.Item>Edit Permissions</Dropdown.Item>\n <Dropdown.Divider />\n <Dropdown.Header>Export</Dropdown.Header>\n <Dropdown.Item>Share</Dropdown.Item>\n"}},"type":"diff"}
{"so":5620926,"data":{"data":{"id":2886970,"memoryUsage":311410688,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":5627340,"data":{"data":{"transcript":"Cool haircut still going at school?","startTime":5627.34}},"type":"speech"}
{"so":5630932,"data":{"data":{"id":2886970,"memoryUsage":311087104,"owner":{"name":"chrome.exe"},"title":"Handling Events – React - Google Chrome"}},"type":"window"}
{"so":5631270,"data":{"data":{"transcript":"Um","startTime":5631.27}},"type":"speech"}
{"so":5639130,"data":{"data":{"transcript":"Yes, the inverted menu.","startTime":5639.13}},"type":"speech"}
{"so":5640917,"data":{"data":{"id":2886970,"memoryUsage":309325824,"owner":{"name":"chrome.exe"},"title":"Menu - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":5643480,"data":{"data":{"transcript":"What about dropped down?","startTime":5643.48}},"type":"speech"}
{"so":5650945,"data":{"data":{"id":2886970,"memoryUsage":309432320,"owner":{"name":"chrome.exe"},"title":"Dropdown - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":5657910,"data":{"data":{"transcript":"Inverted.","startTime":5657.91}},"type":"speech"}
{"so":5660937,"data":{"data":{"id":2886970,"memoryUsage":309522432,"owner":{"name":"chrome.exe"},"title":"Dropdown - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":5669160,"data":{"data":{"transcript":"Be great if we didn't have to theme all this stuff every time.","startTime":5669.16}},"type":"speech"}
{"so":5670942,"data":{"data":{"id":2886970,"memoryUsage":309424128,"owner":{"name":"chrome.exe"},"title":"Dropdown - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":5678410,"data":{"data":{"transcript":"We have. We have use example. That's cool.","startTime":5678.41}},"type":"speech"}
{"so":5680950,"data":{"data":{"id":2886970,"memoryUsage":311590912,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":5682910,"data":{"data":{"transcript":"And then add new config.","startTime":5682.91}},"type":"speech"}
{"so":5688310,"data":{"data":{"transcript":"Pam.","startTime":5688.31}},"type":"speech"}
{"so":5690850,"data":{"data":{"transcript":"Add plug in","startTime":5690.85}},"type":"speech"}
{"so":5690923,"data":{"data":{"id":2886970,"memoryUsage":309592064,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":5700940,"data":{"data":{"id":2886970,"memoryUsage":309325824,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":5709200,"data":{"data":{"transcript":"Kill the header.","startTime":5709.2}},"type":"speech"}
{"so":5710948,"data":{"data":{"id":2819594,"memoryUsage":96661504,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5718180,"data":{"data":{"transcript":"Then we want to","startTime":5718.18}},"type":"speech"}
{"so":5720943,"data":{"data":{"id":2886970,"memoryUsage":311140352,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":5725041,"data":{"data":{"summary":{"changed":1,"commit":"5433531d362d6b614eea8d9acdf95f21cc51e0db","deletions":1,"files":[{"changed":1,"deletions":1,"file":"src/components/App.js","insertions":0}],"insertions":0}}},"type":"diff-summary"}
{"so":5725045,"data":{"data":{"diff":"Commit 5433531d362d6b614eea8d9acdf95f21cc51e0db\n--- src/components/App.js\n+++ src/components/App.js\n@@ -141,7 +141,6 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n </Dropdown.Item>\n <Dropdown.Item>Save...</Dropdown.Item>\n <Dropdown.Divider />\n- <Dropdown.Header>Export</Dropdown.Header>\n <Dropdown.Item>Share</Dropdown.Item>\n </Dropdown.Menu>\n </Dropdown>\n"}},"type":"diff"}
{"so":5727320,"data":{"data":{"transcript":"Okay. What else do we need to do? Use example. And you can fake a MME.","startTime":5727.32}},"type":"speech"}
{"so":5730945,"data":{"data":{"id":2886970,"memoryUsage":309346304,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":5740941,"data":{"data":{"id":2886970,"memoryUsage":309338112,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":5745130,"data":{"data":{"transcript":"Think we're just going to say at plug and add config.","startTime":5745.13}},"type":"speech"}
{"so":5750944,"data":{"data":{"id":2819594,"memoryUsage":96792576,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5759815,"data":{"data":{"summary":{"changed":1,"commit":"3e881628e780b515b1ae7a176a1d21d018c2e1d0","deletions":0,"files":[{"changed":1,"deletions":0,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":5759819,"data":{"data":{"diff":"Commit 3e881628e780b515b1ae7a176a1d21d018c2e1d0\n--- src/components/App.js\n+++ src/components/App.js\n@@ -128,6 +128,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Dropdown.Item onClick={() => {\n setSource(\"const hello = 'world';\");\n }}>Load Example</Dropdown.Item>\n+ <Dropdown.Item>Share</Dropdown.Item>\n <Dropdown.Item>\n \n <Icon name='dropdown' />\n"}},"type":"diff"}
{"so":5760931,"data":{"data":{"id":2819594,"memoryUsage":96878592,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5761370,"data":{"data":{"transcript":"Cool.","startTime":5761.37}},"type":"speech"}
{"so":5764261,"data":{"data":{"summary":{"changed":2,"commit":"1255ff9479c3e693311f52ec7e1247dc6b4125a2","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":5764265,"data":{"data":{"diff":"Commit 1255ff9479c3e693311f52ec7e1247dc6b4125a2\n--- src/components/App.js\n+++ src/components/App.js\n@@ -128,7 +128,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Dropdown.Item onClick={() => {\n setSource(\"const hello = 'world';\");\n }}>Load Example</Dropdown.Item>\n- <Dropdown.Item>Share</Dropdown.Item>\n+ <Dropdown.Item>Add Config</Dropdown.Item>\n <Dropdown.Item>\n \n <Icon name='dropdown' />\n"}},"type":"diff"}
{"so":5770931,"data":{"data":{"id":2819594,"memoryUsage":96919552,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5774732,"data":{"data":{"summary":{"changed":14,"commit":"961096eb96454c4eb683fc75a76cdd2d30d469d1","deletions":7,"files":[{"changed":14,"deletions":7,"file":"src/components/App.js","insertions":7}],"insertions":7}}},"type":"diff-summary"}
{"so":5774734,"data":{"data":{"diff":"Commit 961096eb96454c4eb683fc75a76cdd2d30d469d1\n--- src/components/App.js\n+++ src/components/App.js\n@@ -128,7 +128,13 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Dropdown.Item onClick={() => {\n setSource(\"const hello = 'world';\");\n }}>Load Example</Dropdown.Item>\n- <Dropdown.Item>Add Config</Dropdown.Item>\n+ <Dropdown.Item\n+ onClick={() =>\n+ setBabelConfig((configs) => [\n+ ...configs,\n+ configs[configs.length - 1],\n+ ])\n+ }>Add Config</Dropdown.Item>\n <Dropdown.Item>\n \n <Icon name='dropdown' />\n"}},"type":"diff"}
{"so":5774734,"data":{"data":{"diff":"Commit 961096eb96454c4eb683fc75a76cdd2d30d469d1\n--- src/components/App.js\n+++ src/components/App.js\n@@ -159,12 +165,6 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <span>Custom Plugin</span>\n </label>\n <button\n- onClick={() =>\n- setBabelConfig((configs) => [\n- ...configs,\n- configs[configs.length - 1],\n- ])\n- }\n >\n Add New Config\n </button>\n"}},"type":"diff"}
{"so":5777900,"data":{"data":{"transcript":"Cool. Can that worked?","startTime":5777.9}},"type":"speech"}
{"so":5780932,"data":{"data":{"id":2819594,"memoryUsage":97099776,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5783430,"data":{"data":{"transcript":"I'll do add plug in custom.","startTime":5783.43}},"type":"speech"}
{"so":5790957,"data":{"data":{"id":2819594,"memoryUsage":97099776,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5800955,"data":{"data":{"id":2819594,"memoryUsage":97107968,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5804998,"data":{"data":{"summary":{"changed":100,"commit":"ba393801fa187eab6e71294e0463cb582b022dbb","deletions":50,"files":[{"changed":100,"deletions":50,"file":"src/components/App.js","insertions":50}],"insertions":50}}},"type":"diff-summary"}
{"so":5805002,"data":{"data":{"diff":"Commit ba393801fa187eab6e71294e0463cb582b022dbb\n--- src/components/App.js\n+++ src/components/App.js\n@@ -141,71 +141,71 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <span className='text'>Add Plugin</span>\n \n <Dropdown.Menu>\n- <Dropdown.Item>Custom</Dropdown.Item>\n- <Dropdown.Item>Import</Dropdown.Item>\n+ <Dropdown.Item ={() => toggleCustomPlugin(!enableCustomPlugin)}>Custom</Dropdown.Item>\n+ <Dropdown.Item>Import</Dropdown.Item>\n </Dropdown.Menu>\n \n </Dropdown.Item>\n- <Dropdown.Item>Save...</Dropdown.Item>\n- <Dropdown.Divider />\n- <Dropdown.Item>Share</Dropdown.Item>\n+ <Dropdown.Item>Save...</Dropdown.Item>\n+ <Dropdown.Divider />\n+ <Dropdown.Item>Share</Dropdown.Item>\n </Dropdown.Menu>\n </Dropdown>\n </Menu>\n \n- <Grid celled='internally'>\n- <Grid.Row>\n- <Actions>\n- <label>\n- <input\n- checked={enableCustomPlugin}\n- onChange={() => toggleCustomPlugin(!enableCustomPlugin)}\n- type=\"checkbox\"\n- />\n- <span>Custom Plugin</span>\n- </label>\n- <button\n- >\n- Add New Config\n+ <Grid celled='internally'>\n+ <Grid.Row>\n+ <Actions>\n+ <label>\n+ <input\n+ checked={enableCustomPlugin}\n+ onChange={() => toggleCustomPlugin(!enableCustomPlugin)}\n+ type=\"checkbox\"\n+ />\n+ <span>Custom Plugin</span>\n+ </label>\n+ <button\n+ >\n+ Add New Config\n </button>\n- <button\n- onClick={() => {\n- setSource(\"const hello = 'world';\");\n- }}\n- >\n- Use Example (WIP)\n+ <button\n+ onClick={() => {\n+ setSource(\"const hello = 'world';\");\n+ }}\n+ >\n+ Use Example (WIP)\n </button>\n- </Actions>\n- </Grid.Row>\n+ </Actions>\n+ </Grid.Row>\n+ <Grid.Row>\n+ <Wrapper className=\"column\">\n+ <Code\n+ value={source}\n+ onChange={(val) => setSource(val)}\n+ docName=\"source.js\"\n+ />\n+ <FileSize>\n+ {size}b, {gzip}b\n+ </FileSize>\n+ {/* <AST source={source}></AST> */}\n+ </Wrapper>\n+ </Grid.Row>\n+ {enableCustomPlugin && (\n <Grid.Row>\n <Wrapper className=\"column\">\n <Code\n- value={source}\n- onChange={(val) => setSource(val)}\n- docName=\"source.js\"\n+ value={customPlugin}\n+ onChange={(val) => setCustomPlugin(val)}\n+ docName=\"plugin.js\"\n />\n- <FileSize>\n- {size}b, {gzip}b\n- </FileSize>\n- {/* <AST source={source}></AST> */}\n+ <Toggle onClick={() => toggleCustomPlugin(false)} />\n </Wrapper>\n </Grid.Row>\n- {enableCustomPlugin && (\n- <Grid.Row>\n- <Wrapper className=\"column\">\n- <Code\n- value={customPlugin}\n- onChange={(val) => setCustomPlugin(val)}\n- docName=\"plugin.js\"\n- />\n- <Toggle onClick={() => toggleCustomPlugin(false)} />\n- </Wrapper>\n- </Grid.Row>\n- )}\n- {results}\n- </Grid>\n-\n- </Root>\n+ )}\n+ {results}\n+ </Grid>\n+\n+ </Root >\n );\n };\n \n"}},"type":"diff"}
{"so":5809880,"data":{"data":{"summary":{"changed":96,"commit":"e02db5a47eeed8a3d5413de1999ddb5f8ab4da6a","deletions":48,"files":[{"changed":96,"deletions":48,"file":"src/components/App.js","insertions":48}],"insertions":48}}},"type":"diff-summary"}
{"so":5809885,"data":{"data":{"diff":"Commit e02db5a47eeed8a3d5413de1999ddb5f8ab4da6a\n--- src/components/App.js\n+++ src/components/App.js\n@@ -141,69 +141,69 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <span className='text'>Add Plugin</span>\n \n <Dropdown.Menu>\n- <Dropdown.Item ={() => toggleCustomPlugin(!enableCustomPlugin)}>Custom</Dropdown.Item>\n- <Dropdown.Item>Import</Dropdown.Item>\n+ <Dropdown.Item onClick={() => toggleCustomPlugin(!enableCustomPlugin)}>Custom</Dropdown.Item>\n+ <Dropdown.Item>Import</Dropdown.Item>\n </Dropdown.Menu>\n \n </Dropdown.Item>\n- <Dropdown.Item>Save...</Dropdown.Item>\n- <Dropdown.Divider />\n- <Dropdown.Item>Share</Dropdown.Item>\n+ <Dropdown.Item>Save...</Dropdown.Item>\n+ <Dropdown.Divider />\n+ <Dropdown.Item>Share</Dropdown.Item>\n </Dropdown.Menu>\n </Dropdown>\n </Menu>\n \n- <Grid celled='internally'>\n- <Grid.Row>\n- <Actions>\n- <label>\n- <input\n- checked={enableCustomPlugin}\n- onChange={() => toggleCustomPlugin(!enableCustomPlugin)}\n- type=\"checkbox\"\n- />\n- <span>Custom Plugin</span>\n- </label>\n- <button\n- >\n- Add New Config\n+ <Grid celled='internally'>\n+ <Grid.Row>\n+ <Actions>\n+ <label>\n+ <input\n+ checked={enableCustomPlugin}\n+ onChange={() => toggleCustomPlugin(!enableCustomPlugin)}\n+ type=\"checkbox\"\n+ />\n+ <span>Custom Plugin</span>\n+ </label>\n+ <button\n+ >\n+ Add New Config\n </button>\n- <button\n- onClick={() => {\n- setSource(\"const hello = 'world';\");\n- }}\n- >\n- Use Example (WIP)\n+ <button\n+ onClick={() => {\n+ setSource(\"const hello = 'world';\");\n+ }}\n+ >\n+ Use Example (WIP)\n </button>\n- </Actions>\n- </Grid.Row>\n- <Grid.Row>\n- <Wrapper className=\"column\">\n- <Code\n- value={source}\n- onChange={(val) => setSource(val)}\n- docName=\"source.js\"\n- />\n- <FileSize>\n- {size}b, {gzip}b\n- </FileSize>\n- {/* <AST source={source}></AST> */}\n- </Wrapper>\n- </Grid.Row>\n- {enableCustomPlugin && (\n+ </Actions>\n+ </Grid.Row>\n <Grid.Row>\n <Wrapper className=\"column\">\n <Code\n- value={customPlugin}\n- onChange={(val) => setCustomPlugin(val)}\n- docName=\"plugin.js\"\n+ value={source}\n+ onChange={(val) => setSource(val)}\n+ docName=\"source.js\"\n />\n- <Toggle onClick={() => toggleCustomPlugin(false)} />\n+ <FileSize>\n+ {size}b, {gzip}b\n+ </FileSize>\n+ {/* <AST source={source}></AST> */}\n </Wrapper>\n </Grid.Row>\n- )}\n- {results}\n- </Grid>\n+ {enableCustomPlugin && (\n+ <Grid.Row>\n+ <Wrapper className=\"column\">\n+ <Code\n+ value={customPlugin}\n+ onChange={(val) => setCustomPlugin(val)}\n+ docName=\"plugin.js\"\n+ />\n+ <Toggle onClick={() => toggleCustomPlugin(false)} />\n+ </Wrapper>\n+ </Grid.Row>\n+ )}\n+ {results}\n+ </Grid>\n \n </Root >\n );\n"}},"type":"diff"}
{"so":5810936,"data":{"data":{"id":2886970,"memoryUsage":307441664,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":5820953,"data":{"data":{"id":2886970,"memoryUsage":307154944,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":5830939,"data":{"data":{"id":2819594,"memoryUsage":96796672,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5839643,"data":{"data":{"summary":{"changed":2,"commit":"6b81405aa8073eb34b423a6318d7bdbd3e9aa31c","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":5839663,"data":{"data":{"diff":"Commit 6b81405aa8073eb34b423a6318d7bdbd3e9aa31c\n--- src/components/App.js\n+++ src/components/App.js\n@@ -146,8 +146,8 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n </Dropdown.Menu>\n \n </Dropdown.Item>\n- <Dropdown.Item>Save...</Dropdown.Item>\n <Dropdown.Divider />\n+ <Dropdown.Item>Save...</Dropdown.Item>\n <Dropdown.Item>Share</Dropdown.Item>\n </Dropdown.Menu>\n </Dropdown>\n"}},"type":"diff"}
{"so":5840940,"data":{"data":{"id":2819594,"memoryUsage":96796672,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5850971,"data":{"data":{"id":2886970,"memoryUsage":305651712,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":5854343,"data":{"data":{"summary":{"changed":23,"commit":"b92d4f3ffcaaaa529a9f55ce1ea043a7535be031","deletions":23,"files":[{"changed":23,"deletions":23,"file":"src/components/App.js","insertions":0}],"insertions":0}}},"type":"diff-summary"}
{"so":5854345,"data":{"data":{"diff":"Commit b92d4f3ffcaaaa529a9f55ce1ea043a7535be031\n--- src/components/App.js\n+++ src/components/App.js\n@@ -155,29 +155,6 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n \n <Grid celled='internally'>\n <Grid.Row>\n- <Actions>\n- <label>\n- <input\n- checked={enableCustomPlugin}\n- onChange={() => toggleCustomPlugin(!enableCustomPlugin)}\n- type=\"checkbox\"\n- />\n- <span>Custom Plugin</span>\n- </label>\n- <button\n- >\n- Add New Config\n- </button>\n- <button\n- onClick={() => {\n- setSource(\"const hello = 'world';\");\n- }}\n- >\n- Use Example (WIP)\n- </button>\n- </Actions>\n- </Grid.Row>\n- <Grid.Row>\n <Wrapper className=\"column\">\n <Code\n value={source}\n"}},"type":"diff"}
{"so":5860942,"data":{"data":{"id":2886970,"memoryUsage":305537024,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":5870952,"data":{"data":{"id":2886970,"memoryUsage":307318784,"owner":{"name":"chrome.exe"},"title":"Handling Events – React - Google Chrome"}},"type":"window"}
{"so":5880946,"data":{"data":{"id":2886970,"memoryUsage":306925568,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":5890968,"data":{"data":{"id":2886970,"memoryUsage":305512448,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":5900964,"data":{"data":{"id":2886970,"memoryUsage":305426432,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":5910953,"data":{"data":{"id":2886970,"memoryUsage":305713152,"owner":{"name":"chrome.exe"},"title":"Dropdown - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":5920967,"data":{"data":{"id":2886970,"memoryUsage":306868224,"owner":{"name":"chrome.exe"},"title":"Reveal - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":5930975,"data":{"data":{"id":2886970,"memoryUsage":305467392,"owner":{"name":"chrome.exe"},"title":"Container - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":5934240,"data":{"data":{"transcript":"A card would be not like we need to close menu on each of those. Maybe we can just do another.","startTime":5934.24}},"type":"speech"}
{"so":5940956,"data":{"data":{"id":2886970,"memoryUsage":305463296,"owner":{"name":"chrome.exe"},"title":"Menu - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":5941400,"data":{"data":{"transcript":"One of these things.","startTime":5941.4}},"type":"speech"}
{"so":5944630,"data":{"data":{"transcript":"Help you This, Um","startTime":5944.63}},"type":"speech"}
{"so":5950120,"data":{"data":{"transcript":"That's the source.","startTime":5950.12}},"type":"speech"}
{"so":5950958,"data":{"data":{"id":2819594,"memoryUsage":96854016,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5953590,"data":{"data":{"transcript":"Create a row, okay?","startTime":5953.59}},"type":"speech"}
{"so":5957600,"data":{"data":{"transcript":"Go to compile","startTime":5957.6}},"type":"speech"}
{"so":5960971,"data":{"data":{"id":2819594,"memoryUsage":96858112,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5961360,"data":{"data":{"transcript":"Hopeless.","startTime":5961.36}},"type":"speech"}
{"so":5964725,"data":{"data":{"summary":{"changed":96,"commit":"280ab69dff911fbc23c704e083adf58bd72e81b6","deletions":23,"files":[{"changed":96,"deletions":23,"file":"src/components/App.js","insertions":73}],"insertions":73}}},"type":"diff-summary"}
{"so":5964731,"data":{"data":{"diff":"Commit 280ab69dff911fbc23c704e083adf58bd72e81b6\n--- src/components/App.js\n+++ src/components/App.js\n@@ -155,31 +155,81 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n \n <Grid celled='internally'>\n <Grid.Row>\n+ import React from 'react'\n+import {Dropdown, Icon, Menu, Segment} from 'semantic-ui-react'\n+\n+// TODO: Update <Search> usage after its will be implemented\n+\n+ const MenuExampleAttached = () => (\n+ <div>\n+ <Menu attached='top'>\n+ <Dropdown item icon='wrench' simple>\n+ <Dropdown.Menu>\n+ <Dropdown.Item>\n+ <Icon name='dropdown' />\n+ <span className='text'>New</span>\n+\n+ <Dropdown.Menu>\n+ <Dropdown.Item>Document</Dropdown.Item>\n+ <Dropdown.Item>Image</Dropdown.Item>\n+ </Dropdown.Menu>\n+ </Dropdown.Item>\n+ <Dropdown.Item>Open</Dropdown.Item>\n+ <Dropdown.Item>Save...</Dropdown.Item>\n+ <Dropdown.Item>Edit Permissions</Dropdown.Item>\n+ <Dropdown.Divider />\n+ <Dropdown.Header>Export</Dropdown.Header>\n+ <Dropdown.Item>Share</Dropdown.Item>\n+ </Dropdown.Menu>\n+ </Dropdown>\n+\n+ <Menu.Menu position='right'>\n+ <div className='ui right aligned category search item'>\n+ <div className='ui transparent icon input'>\n+ <input\n+ className='prompt'\n+ type='text'\n+ placeholder='Search animals...'\n+ />\n+ <i className='search link icon' />\n+ </div>\n+ <div className='results' />\n+ </div>\n+ </Menu.Menu>\n+ </Menu>\n+\n+ <Segment attached='bottom'>\n+ <img src='/images/wireframe/paragraph.png' />\n+ </Segment>\n+ </div>\n+)\n+\n+export default MenuExampleAttached\n <Wrapper className=\"column\">\n- <Code\n- value={source}\n- onChange={(val) => setSource(val)}\n- docName=\"source.js\"\n- />\n- <FileSize>\n- {size}b, {gzip}b\n- </FileSize>\n- {/* <AST source={source}></AST> */}\n- </Wrapper>\n- </Grid.Row>\n- {enableCustomPlugin && (\n- <Grid.Row>\n- <Wrapper className=\"column\">\n <Code\n- value={customPlugin}\n- onChange={(val) => setCustomPlugin(val)}\n- docName=\"plugin.js\"\n+ value={source}\n+ onChange={(val) => setSource(val)}\n+ docName=\"source.js\"\n />\n- <Toggle onClick={() => toggleCustomPlugin(false)} />\n+ <FileSize>\n+ {size}b, {gzip}b\n+ </FileSize>\n+ {/* <AST source={source}></AST> */}\n </Wrapper>\n- </Grid.Row>\n- )}\n- {results}\n+ </Grid.Row>\n+ {enableCustomPlugin && (\n+ <Grid.Row>\n+ <Wrapper className=\"column\">\n+ <Code\n+ value={customPlugin}\n+ onChange={(val) => setCustomPlugin(val)}\n+ docName=\"plugin.js\"\n+ />\n+ <Toggle onClick={() => toggleCustomPlugin(false)} />\n+ </Wrapper>\n+ </Grid.Row>\n+ )}\n+ {results}\n </Grid>\n \n </Root >\n"}},"type":"diff"}
{"so":5964731,"data":{"data":{"diff":"Commit 280ab69dff911fbc23c704e083adf58bd72e81b6\n--- src/components/App.js\n+++ src/components/App.js\n@@ -197,11 +247,11 @@ function useDebounce(value, delay) {\n \n React.useEffect(() => {\n const handler = setTimeout(() => {\n- setDebouncedValue(value);\n+ setDebouncedValue(value);\n }, delay);\n \n return () => {\n- clearTimeout(handler);\n+ clearTimeout(handler);\n };\n }, [delay, value]);\n \n"}},"type":"diff"}
{"so":5970076,"data":{"data":{"summary":{"changed":1,"commit":"67bfbf9f129b0faa3438fb5f057f2d95d2b4865e","deletions":1,"files":[{"changed":1,"deletions":1,"file":"src/components/App.js","insertions":0}],"insertions":0}}},"type":"diff-summary"}
{"so":5970079,"data":{"data":{"diff":"Commit 67bfbf9f129b0faa3438fb5f057f2d95d2b4865e\n--- src/components/App.js\n+++ src/components/App.js\n@@ -204,7 +204,6 @@ import {Dropdown, Icon, Menu, Segment} from 'semantic-ui-react'\n </div>\n )\n \n-export default MenuExampleAttached\n <Wrapper className=\"column\">\n <Code\n value={source}\n"}},"type":"diff"}
{"so":5970960,"data":{"data":{"id":2886970,"memoryUsage":305500160,"owner":{"name":"chrome.exe"},"title":"Menu - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":5974576,"data":{"data":{"summary":{"changed":94,"commit":"b153beafcc771fb55bf2f6fb1880e0b976d6badc","deletions":71,"files":[{"changed":94,"deletions":71,"file":"src/components/App.js","insertions":23}],"insertions":23}}},"type":"diff-summary"}
{"so":5974579,"data":{"data":{"diff":"Commit b153beafcc771fb55bf2f6fb1880e0b976d6badc\n--- src/components/App.js\n+++ src/components/App.js\n@@ -155,80 +155,32 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n \n <Grid celled='internally'>\n <Grid.Row>\n- import React from 'react'\n-import {Dropdown, Icon, Menu, Segment} from 'semantic-ui-react'\n-\n-// TODO: Update <Search> usage after its will be implemented\n-\n- const MenuExampleAttached = () => (\n- <div>\n- <Menu attached='top'>\n- <Dropdown item icon='wrench' simple>\n- <Dropdown.Menu>\n- <Dropdown.Item>\n- <Icon name='dropdown' />\n- <span className='text'>New</span>\n-\n- <Dropdown.Menu>\n- <Dropdown.Item>Document</Dropdown.Item>\n- <Dropdown.Item>Image</Dropdown.Item>\n- </Dropdown.Menu>\n- </Dropdown.Item>\n- <Dropdown.Item>Open</Dropdown.Item>\n- <Dropdown.Item>Save...</Dropdown.Item>\n- <Dropdown.Item>Edit Permissions</Dropdown.Item>\n- <Dropdown.Divider />\n- <Dropdown.Header>Export</Dropdown.Header>\n- <Dropdown.Item>Share</Dropdown.Item>\n- </Dropdown.Menu>\n- </Dropdown>\n-\n- <Menu.Menu position='right'>\n- <div className='ui right aligned category search item'>\n- <div className='ui transparent icon input'>\n- <input\n- className='prompt'\n- type='text'\n- placeholder='Search animals...'\n- />\n- <i className='search link icon' />\n- </div>\n- <div className='results' />\n- </div>\n- </Menu.Menu>\n- </Menu>\n-\n- <Segment attached='bottom'>\n- <img src='/images/wireframe/paragraph.png' />\n- </Segment>\n- </div>\n-)\n \n <Wrapper className=\"column\">\n+ <Code\n+ value={source}\n+ onChange={(val) => setSource(val)}\n+ docName=\"source.js\"\n+ />\n+ <FileSize>\n+ {size}b, {gzip}b\n+ </FileSize>\n+ {/* <AST source={source}></AST> */}\n+ </Wrapper>\n+ </Grid.Row>\n+ {enableCustomPlugin && (\n+ <Grid.Row>\n+ <Wrapper className=\"column\">\n <Code\n- value={source}\n- onChange={(val) => setSource(val)}\n- docName=\"source.js\"\n+ value={customPlugin}\n+ onChange={(val) => setCustomPlugin(val)}\n+ docName=\"plugin.js\"\n />\n- <FileSize>\n- {size}b, {gzip}b\n- </FileSize>\n- {/* <AST source={source}></AST> */}\n+ <Toggle onClick={() => toggleCustomPlugin(false)} />\n </Wrapper>\n- </Grid.Row>\n- {enableCustomPlugin && (\n- <Grid.Row>\n- <Wrapper className=\"column\">\n- <Code\n- value={customPlugin}\n- onChange={(val) => setCustomPlugin(val)}\n- docName=\"plugin.js\"\n- />\n- <Toggle onClick={() => toggleCustomPlugin(false)} />\n- </Wrapper>\n- </Grid.Row>\n- )}\n- {results}\n+ </Grid.Row>\n+ )}\n+ {results}\n </Grid>\n \n </Root >\n"}},"type":"diff"}
{"so":5974579,"data":{"data":{"diff":"Commit b153beafcc771fb55bf2f6fb1880e0b976d6badc\n--- src/components/App.js\n+++ src/components/App.js\n@@ -246,11 +198,11 @@ function useDebounce(value, delay) {\n \n React.useEffect(() => {\n const handler = setTimeout(() => {\n- setDebouncedValue(value);\n+ setDebouncedValue(value);\n }, delay);\n \n return () => {\n- clearTimeout(handler);\n+ clearTimeout(handler);\n };\n }, [delay, value]);\n \n"}},"type":"diff"}
{"so":5980975,"data":{"data":{"id":2886970,"memoryUsage":305987584,"owner":{"name":"chrome.exe"},"title":"Menu - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":5989526,"data":{"data":{"summary":{"changed":39,"commit":"7afcae0984e3ef7a8dbdaf32984aeea5aa8e1c31","deletions":0,"files":[{"changed":39,"deletions":0,"file":"src/components/App.js","insertions":39}],"insertions":39}}},"type":"diff-summary"}
{"so":5989529,"data":{"data":{"diff":"Commit 7afcae0984e3ef7a8dbdaf32984aeea5aa8e1c31\n--- src/components/App.js\n+++ src/components/App.js\n@@ -156,6 +156,45 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Grid celled='internally'>\n <Grid.Row>\n \n+ <Menu attached='top'>\n+ <Dropdown item icon='wrench' simple>\n+ <Dropdown.Menu>\n+ <Dropdown.Item>\n+ <Icon name='dropdown' />\n+ <span className='text'>New</span>\n+\n+ <Dropdown.Menu>\n+ <Dropdown.Item>Document</Dropdown.Item>\n+ <Dropdown.Item>Image</Dropdown.Item>\n+ </Dropdown.Menu>\n+ </Dropdown.Item>\n+ <Dropdown.Item>Open</Dropdown.Item>\n+ <Dropdown.Item>Save...</Dropdown.Item>\n+ <Dropdown.Item>Edit Permissions</Dropdown.Item>\n+ <Dropdown.Divider />\n+ <Dropdown.Header>Export</Dropdown.Header>\n+ <Dropdown.Item>Share</Dropdown.Item>\n+ </Dropdown.Menu>\n+ </Dropdown>\n+\n+ <Menu.Menu position='right'>\n+ <div className='ui right aligned category search item'>\n+ <div className='ui transparent icon input'>\n+ <input\n+ className='prompt'\n+ type='text'\n+ placeholder='Search animals...'\n+ />\n+ <i className='search link icon' />\n+ </div>\n+ <div className='results' />\n+ </div>\n+ </Menu.Menu>\n+ </Menu>\n+\n+ <Segment attached='bottom'>\n+ <img src='/images/wireframe/paragraph.png' />\n+ </Segment>\n <Wrapper className=\"column\">\n <Code\n value={source}\n"}},"type":"diff"}
{"so":5990963,"data":{"data":{"id":2819594,"memoryUsage":97185792,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":5999897,"data":{"data":{"summary":{"changed":23,"commit":"04342e7df0686de528af6ab1c73f6bb29b71626d","deletions":12,"files":[{"changed":23,"deletions":12,"file":"src/components/App.js","insertions":11}],"insertions":11}}},"type":"diff-summary"}
{"so":5999902,"data":{"data":{"diff":"Commit 04342e7df0686de528af6ab1c73f6bb29b71626d\n--- src/components/App.js\n+++ src/components/App.js\n@@ -193,19 +193,18 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n </Menu>\n \n <Segment attached='bottom'>\n- <img src='/images/wireframe/paragraph.png' />\n- </Segment>\n- <Wrapper className=\"column\">\n- <Code\n- value={source}\n- onChange={(val) => setSource(val)}\n- docName=\"source.js\"\n- />\n- <FileSize>\n- {size}b, {gzip}b\n+ <Wrapper className=\"column\">\n+ <Code\n+ value={source}\n+ onChange={(val) => setSource(val)}\n+ docName=\"source.js\"\n+ />\n+ <FileSize>\n+ {size}b, {gzip}b\n </FileSize>\n- {/* <AST source={source}></AST> */}\n- </Wrapper>\n+ {/* <AST source={source}></AST> */}\n+ </Wrapper>\n+ </Segment>\n </Grid.Row>\n {enableCustomPlugin && (\n <Grid.Row>\n"}},"type":"diff"}
{"so":6000965,"data":{"data":{"id":2886970,"memoryUsage":306188288,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":6001140,"data":{"data":{"transcript":"That looks pretty good. Um, what was this thing called?","startTime":6001.14}},"type":"speech"}
{"so":6004237,"data":{"data":{"summary":{"changed":4,"commit":"83b2e0b141f081cf8aa9927cf7f468ad63142fcd","deletions":1,"files":[{"changed":4,"deletions":1,"file":"src/components/App.js","insertions":3}],"insertions":3}}},"type":"diff-summary"}
{"so":6004240,"data":{"data":{"diff":"Commit 83b2e0b141f081cf8aa9927cf7f468ad63142fcd\n--- src/components/App.js\n+++ src/components/App.js\n@@ -7,7 +7,9 @@ import { Editor } from \"./Editor\";\n import { processOptions } from \"../standalone\";\n import { gzipSize } from \"../gzip\";\n \n-import { Grid, Dropdown, Icon, Menu } from 'semantic-ui-react'\n+import {\n+ Grid, Dropdown, Icon, Menu, Segment\n+} from 'semantic-ui-react'\n \n \n window.babel = Babel;\n"}},"type":"diff"}
{"so":6008080,"data":{"data":{"transcript":"Called AH, menu.","startTime":6008.08}},"type":"speech"}
{"so":6010985,"data":{"data":{"id":2886970,"memoryUsage":306241536,"owner":{"name":"chrome.exe"},"title":"Menu - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":6012120,"data":{"data":{"transcript":"Segment.","startTime":6012.12}},"type":"speech"}
{"so":6015880,"data":{"data":{"transcript":"I just hate this. Do we need this?","startTime":6015.88}},"type":"speech"}
{"so":6018700,"data":{"data":{"transcript":"Inverted.","startTime":6018.7}},"type":"speech"}
{"so":6020970,"data":{"data":{"id":2819594,"memoryUsage":96428032,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6022790,"data":{"data":{"transcript":"It's what makes anything really easy.","startTime":6022.79}},"type":"speech"}
{"so":6027600,"data":{"data":{"transcript":"Oh, there we go.","startTime":6027.6}},"type":"speech"}
{"so":6030770,"data":{"data":{"transcript":"Okay. Okay. We're getting here.","startTime":6030.77}},"type":"speech"}
{"so":6030968,"data":{"data":{"id":2886970,"memoryUsage":306528256,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":6034900,"data":{"data":{"transcript":"We are getting there.","startTime":6034.9}},"type":"speech"}
{"so":6034902,"data":{"data":{"summary":{"changed":2,"commit":"73f520d9ce2ffd1f7fb535102892285a9b14c8b8","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":6034907,"data":{"data":{"diff":"Commit 73f520d9ce2ffd1f7fb535102892285a9b14c8b8\n--- src/components/App.js\n+++ src/components/App.js\n@@ -194,7 +194,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n </Menu.Menu>\n </Menu>\n \n- <Segment attached='bottom'>\n+ <Segment attached='bottom' inverted>\n <Wrapper className=\"column\">\n <Code\n value={source}\n"}},"type":"diff"}
{"so":6040980,"data":{"data":{"id":2819594,"memoryUsage":96931840,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6042880,"data":{"data":{"transcript":"Many, many, many, many, many years.","startTime":6042.88}},"type":"speech"}
{"so":6049880,"data":{"data":{"transcript":"Okay, There we go.","startTime":6049.88}},"type":"speech"}
{"so":6050970,"data":{"data":{"id":2819594,"memoryUsage":96980992,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6054771,"data":{"data":{"summary":{"changed":2,"commit":"8b19019e6edda2653d0f13bfd8ef42b945b1dcc9","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":6054775,"data":{"data":{"diff":"Commit 8b19019e6edda2653d0f13bfd8ef42b945b1dcc9\n--- src/components/App.js\n+++ src/components/App.js\n@@ -158,7 +158,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Grid celled='internally'>\n <Grid.Row>\n \n- <Menu attached='top'>\n+ <Menu attached='top' inverted>\n <Dropdown item icon='wrench' simple>\n <Dropdown.Menu>\n <Dropdown.Item>\n"}},"type":"diff"}
{"so":6055990,"data":{"data":{"transcript":"So each of these gets another menu. I believe","startTime":6055.99}},"type":"speech"}
{"so":6060994,"data":{"data":{"id":2819594,"memoryUsage":97198080,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6061700,"data":{"data":{"transcript":"Frank, if those are going to be fixed","startTime":6061.7}},"type":"speech"}
{"so":6070850,"data":{"data":{"transcript":"Cool.","startTime":6070.85}},"type":"speech"}
{"so":6070980,"data":{"data":{"id":2819594,"memoryUsage":96403456,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6076900,"data":{"data":{"transcript":"Section.","startTime":6076.9}},"type":"speech"}
{"so":6079610,"data":{"data":{"transcript":"Like segment saying me","startTime":6079.61}},"type":"speech"}
{"so":6079815,"data":{"data":{"summary":{"changed":8,"commit":"77f5bbd4a059d24dcda5e13885338cab8edd5cdb","deletions":5,"files":[{"changed":8,"deletions":5,"file":"src/components/App.js","insertions":3}],"insertions":3}}},"type":"diff-summary"}
{"so":6079817,"data":{"data":{"diff":"Commit 77f5bbd4a059d24dcda5e13885338cab8edd5cdb\n--- src/components/App.js\n+++ src/components/App.js\n@@ -7,9 +7,7 @@ import { Editor } from \"./Editor\";\n import { processOptions } from \"../standalone\";\n import { gzipSize } from \"../gzip\";\n \n-import {\n- Grid, Dropdown, Icon, Menu, Segment\n-} from 'semantic-ui-react'\n+import { Grid, Dropdown, Icon, Menu, Segment } from 'semantic-ui-react'\n \n \n window.babel = Babel;\n"}},"type":"diff"}
{"so":6079817,"data":{"data":{"diff":"Commit 77f5bbd4a059d24dcda5e13885338cab8edd5cdb\n--- src/components/App.js\n+++ src/components/App.js\n@@ -158,7 +156,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Grid celled='internally'>\n <Grid.Row>\n \n- <Menu attached='top' inverted>\n+ <Menu attached='top'>\n <Dropdown item icon='wrench' simple>\n <Dropdown.Menu>\n <Dropdown.Item>\n"}},"type":"diff"}
{"so":6079818,"data":{"data":{"diff":"Commit 77f5bbd4a059d24dcda5e13885338cab8edd5cdb\n--- src/components/App.js\n+++ src/components/App.js\n@@ -194,7 +192,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n </Menu.Menu>\n </Menu>\n \n- <Segment attached='bottom' inverted>\n+ <Segment attached='bottom'>\n <Wrapper className=\"column\">\n <Code\n value={source}\n"}},"type":"diff"}
{"so":6080972,"data":{"data":{"id":2819594,"memoryUsage":96477184,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6084435,"data":{"data":{"summary":{"changed":2,"commit":"6f894d6885348547f6f04a5c9577e22e67507954","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":6084437,"data":{"data":{"diff":"Commit 6f894d6885348547f6f04a5c9577e22e67507954\n--- src/components/App.js\n+++ src/components/App.js\n@@ -7,7 +7,7 @@ import { Editor } from \"./Editor\";\n import { processOptions } from \"../standalone\";\n import { gzipSize } from \"../gzip\";\n \n-import { Grid, Dropdown, Icon, Menu, Segment } from 'semantic-ui-react'\n+import { Grid, Dropdown, Icon, Menu, Segment, Section } from 'semantic-ui-react'\n \n \n window.babel = Babel;\n"}},"type":"diff"}
{"so":6087190,"data":{"data":{"transcript":"They went. Okay, so I've been cleared.","startTime":6087.19}},"type":"speech"}
{"so":6089770,"data":{"data":{"transcript":"Um okay, So those two those two need headers? Yeah, I think we should actually leave that they need them.","startTime":6089.77}},"type":"speech"}
{"so":6089776,"data":{"data":{"summary":{"changed":2,"commit":"ca546f72195e1f105b9090ceede9525bd829b807","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":6089779,"data":{"data":{"diff":"Commit ca546f72195e1f105b9090ceede9525bd829b807\n--- src/components/App.js\n+++ src/components/App.js\n@@ -7,7 +7,7 @@ import { Editor } from \"./Editor\";\n import { processOptions } from \"../standalone\";\n import { gzipSize } from \"../gzip\";\n \n-import { Grid, Dropdown, Icon, Menu, Segment, Section } from 'semantic-ui-react'\n+import { Grid, Dropdown, Icon, Menu, Segment, Segment } from 'semantic-ui-react'\n \n \n window.babel = Babel;\n"}},"type":"diff"}
{"so":6090973,"data":{"data":{"id":2819594,"memoryUsage":96907264,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6099575,"data":{"data":{"summary":{"changed":2,"commit":"d7ced964afedba5e16374127dfc97f212fcd2b26","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":6099577,"data":{"data":{"diff":"Commit d7ced964afedba5e16374127dfc97f212fcd2b26\n--- src/components/App.js\n+++ src/components/App.js\n@@ -7,7 +7,7 @@ import { Editor } from \"./Editor\";\n import { processOptions } from \"../standalone\";\n import { gzipSize } from \"../gzip\";\n \n-import { Grid, Dropdown, Icon, Menu, Segment, Segment } from 'semantic-ui-react'\n+import { Grid, Dropdown, Icon, Menu, Segment } from 'semantic-ui-react'\n \n \n window.babel = Babel;\n"}},"type":"diff"}
{"so":6099590,"data":{"data":{"transcript":"I need headers, but they don't necessarily need all this crap.","startTime":6099.59}},"type":"speech"}
{"so":6100987,"data":{"data":{"id":2819594,"memoryUsage":97161216,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6104870,"data":{"data":{"transcript":"Maybe they just plan on them needing it for now.","startTime":6104.87}},"type":"speech"}
{"so":6110993,"data":{"data":{"id":2819594,"memoryUsage":96833536,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6120978,"data":{"data":{"id":2886970,"memoryUsage":299999232,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":6124310,"data":{"data":{"transcript":"Do they need it?","startTime":6124.31}},"type":"speech"}
{"so":6126580,"data":{"data":{"transcript":"Then they need a header.","startTime":6126.58}},"type":"speech"}
{"so":6130997,"data":{"data":{"id":2886970,"memoryUsage":302350336,"owner":{"name":"chrome.exe"},"title":"Handling Events – React - Google Chrome"}},"type":"window"}
{"so":6140000,"data":{"data":{"transcript":"Attached hitter gets what we want.","startTime":6140}},"type":"speech"}
{"so":6140982,"data":{"data":{"id":2886970,"memoryUsage":300281856,"owner":{"name":"chrome.exe"},"title":"Header - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":6145570,"data":{"data":{"transcript":"Yeah. There we go.","startTime":6145.57}},"type":"speech"}
{"so":6148290,"data":{"data":{"transcript":"Yes, We don't need our entire What's what's going on here now?","startTime":6148.29}},"type":"speech"}
{"so":6150983,"data":{"data":{"id":2886970,"memoryUsage":300224512,"owner":{"name":"chrome.exe"},"title":"Header - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":6153490,"data":{"data":{"transcript":"We still have that menu somewhere.","startTime":6153.49}},"type":"speech"}
{"so":6157290,"data":{"data":{"transcript":"It's not that one.","startTime":6157.29}},"type":"speech"}
{"so":6158880,"data":{"data":{"transcript":"Not that one.","startTime":6158.88}},"type":"speech"}
{"so":6160986,"data":{"data":{"id":2819594,"memoryUsage":96911360,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6161050,"data":{"data":{"transcript":"This one.","startTime":6161.05}},"type":"speech"}
{"so":6165330,"data":{"data":{"transcript":"Way too much men, you know, Okay.","startTime":6165.33}},"type":"speech"}
{"so":6170986,"data":{"data":{"id":2819594,"memoryUsage":96911360,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6174555,"data":{"data":{"summary":{"changed":96,"commit":"eb705b733b2e5026f2d17ce40c536fcb43220fb7","deletions":63,"files":[{"changed":96,"deletions":63,"file":"src/components/App.js","insertions":33}],"insertions":33}}},"type":"diff-summary"}
{"so":6174560,"data":{"data":{"diff":"Commit eb705b733b2e5026f2d17ce40c536fcb43220fb7\n--- src/components/App.js\n+++ src/components/App.js\n@@ -156,69 +156,39 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Grid celled='internally'>\n <Grid.Row>\n \n- <Menu attached='top'>\n- <Dropdown item icon='wrench' simple>\n- <Dropdown.Menu>\n- <Dropdown.Item>\n- <Icon name='dropdown' />\n- <span className='text'>New</span>\n-\n- <Dropdown.Menu>\n- <Dropdown.Item>Document</Dropdown.Item>\n- <Dropdown.Item>Image</Dropdown.Item>\n- </Dropdown.Menu>\n- </Dropdown.Item>\n- <Dropdown.Item>Open</Dropdown.Item>\n- <Dropdown.Item>Save...</Dropdown.Item>\n- <Dropdown.Item>Edit Permissions</Dropdown.Item>\n- <Dropdown.Divider />\n- <Dropdown.Header>Export</Dropdown.Header>\n- <Dropdown.Item>Share</Dropdown.Item>\n- </Dropdown.Menu>\n- </Dropdown>\n-\n- <Menu.Menu position='right'>\n- <div className='ui right aligned category search item'>\n- <div className='ui transparent icon input'>\n- <input\n- className='prompt'\n- type='text'\n- placeholder='Search animals...'\n- />\n- <i className='search link icon' />\n- </div>\n- <div className='results' />\n- </div>\n- </Menu.Menu>\n- </Menu>\n-\n- <Segment attached='bottom'>\n- <Wrapper className=\"column\">\n- <Code\n- value={source}\n- onChange={(val) => setSource(val)}\n- docName=\"source.js\"\n- />\n- <FileSize>\n- {size}b, {gzip}b\n+\n+ <Header as='h2' attached='top'>\n+ Attached Header\n+ </Header>\n+ <Segment attached>\n+\n+ <Segment attached='bottom'>\n+ <Wrapper className=\"column\">\n+ <Code\n+ value={source}\n+ onChange={(val) => setSource(val)}\n+ docName=\"source.js\"\n+ />\n+ <FileSize>\n+ {size}b, {gzip}b\n </FileSize>\n- {/* <AST source={source}></AST> */}\n- </Wrapper>\n- </Segment>\n+ {/* <AST source={source}></AST> */}\n+ </Wrapper>\n+ </Segment>\n </Grid.Row>\n- {enableCustomPlugin && (\n- <Grid.Row>\n- <Wrapper className=\"column\">\n- <Code\n- value={customPlugin}\n- onChange={(val) => setCustomPlugin(val)}\n- docName=\"plugin.js\"\n- />\n- <Toggle onClick={() => toggleCustomPlugin(false)} />\n- </Wrapper>\n- </Grid.Row>\n- )}\n- {results}\n+ {enableCustomPlugin && (\n+ <Grid.Row>\n+ <Wrapper className=\"column\">\n+ <Code\n+ value={customPlugin}\n+ onChange={(val) => setCustomPlugin(val)}\n+ docName=\"plugin.js\"\n+ />\n+ <Toggle onClick={() => toggleCustomPlugin(false)} />\n+ </Wrapper>\n+ </Grid.Row>\n+ )}\n+ {results}\n </Grid>\n \n </Root >\n"}},"type":"diff"}
{"so":6174560,"data":{"data":{"diff":"Commit eb705b733b2e5026f2d17ce40c536fcb43220fb7\n--- src/components/App.js\n+++ src/components/App.js\n@@ -236,11 +206,11 @@ function useDebounce(value, delay) {\n \n React.useEffect(() => {\n const handler = setTimeout(() => {\n- setDebouncedValue(value);\n+ setDebouncedValue(value);\n }, delay);\n \n return () => {\n- clearTimeout(handler);\n+ clearTimeout(handler);\n };\n }, [delay, value]);\n \n"}},"type":"diff"}
{"so":6181005,"data":{"data":{"id":2819594,"memoryUsage":96911360,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6184540,"data":{"data":{"summary":{"changed":57,"commit":"ee2d2f53dde20877e22e7aac7eacd18d9a01f58b","deletions":29,"files":[{"changed":57,"deletions":29,"file":"src/components/App.js","insertions":28}],"insertions":28}}},"type":"diff-summary"}
{"so":6184543,"data":{"data":{"diff":"Commit ee2d2f53dde20877e22e7aac7eacd18d9a01f58b\n--- src/components/App.js\n+++ src/components/App.js\n@@ -160,35 +160,34 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Header as='h2' attached='top'>\n Attached Header\n </Header>\n- <Segment attached>\n-\n- <Segment attached='bottom'>\n- <Wrapper className=\"column\">\n- <Code\n- value={source}\n- onChange={(val) => setSource(val)}\n- docName=\"source.js\"\n- />\n- <FileSize>\n- {size}b, {gzip}b\n+\n+ <Segment attached='bottom'>\n+ <Wrapper className=\"column\">\n+ <Code\n+ value={source}\n+ onChange={(val) => setSource(val)}\n+ docName=\"source.js\"\n+ />\n+ <FileSize>\n+ {size}b, {gzip}b\n </FileSize>\n- {/* <AST source={source}></AST> */}\n- </Wrapper>\n- </Segment>\n+ {/* <AST source={source}></AST> */}\n+ </Wrapper>\n+ </Segment>\n </Grid.Row>\n- {enableCustomPlugin && (\n- <Grid.Row>\n- <Wrapper className=\"column\">\n- <Code\n- value={customPlugin}\n- onChange={(val) => setCustomPlugin(val)}\n- docName=\"plugin.js\"\n- />\n- <Toggle onClick={() => toggleCustomPlugin(false)} />\n- </Wrapper>\n- </Grid.Row>\n- )}\n- {results}\n+ {enableCustomPlugin && (\n+ <Grid.Row>\n+ <Wrapper className=\"column\">\n+ <Code\n+ value={customPlugin}\n+ onChange={(val) => setCustomPlugin(val)}\n+ docName=\"plugin.js\"\n+ />\n+ <Toggle onClick={() => toggleCustomPlugin(false)} />\n+ </Wrapper>\n+ </Grid.Row>\n+ )}\n+ {results}\n </Grid>\n \n </Root >\n"}},"type":"diff"}
{"so":6184543,"data":{"data":{"diff":"Commit ee2d2f53dde20877e22e7aac7eacd18d9a01f58b\n--- src/components/App.js\n+++ src/components/App.js\n@@ -206,11 +205,11 @@ function useDebounce(value, delay) {\n \n React.useEffect(() => {\n const handler = setTimeout(() => {\n- setDebouncedValue(value);\n+ setDebouncedValue(value);\n }, delay);\n \n return () => {\n- clearTimeout(handler);\n+ clearTimeout(handler);\n };\n }, [delay, value]);\n \n"}},"type":"diff"}
{"so":6190093,"data":{"data":{"summary":{"changed":2,"commit":"29c1e3b23a62244da23acabef4343615131c7fa6","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":6190096,"data":{"data":{"diff":"Commit 29c1e3b23a62244da23acabef4343615131c7fa6\n--- src/components/App.js\n+++ src/components/App.js\n@@ -7,7 +7,7 @@ import { Editor } from \"./Editor\";\n import { processOptions } from \"../standalone\";\n import { gzipSize } from \"../gzip\";\n \n-import { Grid, Dropdown, Icon, Menu, Segment } from 'semantic-ui-react'\n+import { Grid, Dropdown, Icon, Menu, Segment, Header } from 'semantic-ui-react'\n \n \n window.babel = Babel;\n"}},"type":"diff"}
{"so":6190310,"data":{"data":{"transcript":"Okay?","startTime":6190.31}},"type":"speech"}
{"so":6190989,"data":{"data":{"id":2886970,"memoryUsage":300949504,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":6191820,"data":{"data":{"transcript":"Kind of a gnarly header.","startTime":6191.82}},"type":"speech"}
{"so":6196400,"data":{"data":{"transcript":"I'm not","startTime":6196.4}},"type":"speech"}
{"so":6200770,"data":{"data":{"transcript":"Okay, Let's see.","startTime":6200.77}},"type":"speech"}
{"so":6201008,"data":{"data":{"id":2819594,"memoryUsage":96915456,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6204800,"data":{"data":{"transcript":"Feel like that should work.","startTime":6204.8}},"type":"speech"}
{"so":6209545,"data":{"data":{"summary":{"changed":2,"commit":"447dd8053219ff23ad48e8baa4729ba8f839e82d","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":6209548,"data":{"data":{"diff":"Commit 447dd8053219ff23ad48e8baa4729ba8f839e82d\n--- src/components/App.js\n+++ src/components/App.js\n@@ -159,7 +159,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n \n <Header as='h2' attached='top'>\n Attached Header\n- </Header>\n+ </Header>\n \n <Segment attached='bottom'>\n <Wrapper className=\"column\">\n"}},"type":"diff"}
{"so":6210999,"data":{"data":{"id":2819594,"memoryUsage":96604160,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6214888,"data":{"data":{"summary":{"changed":1,"commit":"8f0a16cb7a343dec29a1c0ee8b5cc2f4fbb4faf3","deletions":1,"files":[{"changed":1,"deletions":1,"file":"src/components/App.js","insertions":0}],"insertions":0}}},"type":"diff-summary"}
{"so":6214890,"data":{"data":{"diff":"Commit 8f0a16cb7a343dec29a1c0ee8b5cc2f4fbb4faf3\n--- src/components/App.js\n+++ src/components/App.js\n@@ -156,7 +156,6 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Grid celled='internally'>\n <Grid.Row>\n \n-\n <Header as='h2' attached='top'>\n Attached Header\n </Header>\n"}},"type":"diff"}
{"so":6220320,"data":{"data":{"transcript":"I don't think we want this.","startTime":6220.32}},"type":"speech"}
{"so":6220994,"data":{"data":{"id":2819594,"memoryUsage":96673792,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6227990,"data":{"data":{"transcript":"Oof! Oof! Oh, no! We want that We want that.","startTime":6227.99}},"type":"speech"}
{"so":6230995,"data":{"data":{"id":2819594,"memoryUsage":96030720,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6234726,"data":{"data":{"summary":{"changed":6,"commit":"9eed5a1f306b166d2ceff5d1d4defdbc72cdce8a","deletions":3,"files":[{"changed":6,"deletions":3,"file":"src/components/App.js","insertions":3}],"insertions":3}}},"type":"diff-summary"}
{"so":6234729,"data":{"data":{"diff":"Commit 9eed5a1f306b166d2ceff5d1d4defdbc72cdce8a\n--- src/components/App.js\n+++ src/components/App.js\n@@ -160,8 +160,8 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n Attached Header\n </Header>\n \n- <Segment attached='bottom'>\n- <Wrapper className=\"column\">\n+ <Segment attached>\n+ <Wrapper>\n <Code\n value={source}\n onChange={(val) => setSource(val)}\n"}},"type":"diff"}
{"so":6234729,"data":{"data":{"diff":"Commit 9eed5a1f306b166d2ceff5d1d4defdbc72cdce8a\n--- src/components/App.js\n+++ src/components/App.js\n@@ -176,7 +176,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n </Grid.Row>\n {enableCustomPlugin && (\n <Grid.Row>\n- <Wrapper className=\"column\">\n+ <Wrapper>\n <Code\n value={customPlugin}\n onChange={(val) => setCustomPlugin(val)}\n"}},"type":"diff"}
{"so":6235560,"data":{"data":{"transcript":"Why's his head or not wide?","startTime":6235.56}},"type":"speech"}
{"so":6240020,"data":{"data":{"summary":{"changed":4,"commit":"55550043d50808e0ef19dee43117cd3ffea58126","deletions":2,"files":[{"changed":4,"deletions":2,"file":"src/components/App.js","insertions":2}],"insertions":2}}},"type":"diff-summary"}
{"so":6240022,"data":{"data":{"diff":"Commit 55550043d50808e0ef19dee43117cd3ffea58126\n--- src/components/App.js\n+++ src/components/App.js\n@@ -161,7 +161,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n </Header>\n \n <Segment attached>\n- <Wrapper>\n+ <Wrapper className=\"column\">\n <Code\n value={source}\n onChange={(val) => setSource(val)}\n"}},"type":"diff"}
{"so":6240022,"data":{"data":{"diff":"Commit 55550043d50808e0ef19dee43117cd3ffea58126\n--- src/components/App.js\n+++ src/components/App.js\n@@ -176,7 +176,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n </Grid.Row>\n {enableCustomPlugin && (\n <Grid.Row>\n- <Wrapper>\n+ <Wrapper className=\"column\">\n <Code\n value={customPlugin}\n onChange={(val) => setCustomPlugin(val)}\n"}},"type":"diff"}
{"so":6240997,"data":{"data":{"id":2886970,"memoryUsage":302374912,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":6251018,"data":{"data":{"id":2886970,"memoryUsage":302374912,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":6260999,"data":{"data":{"id":2886970,"memoryUsage":303136768,"owner":{"name":"chrome.exe"},"title":"Header - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":6267580,"data":{"data":{"transcript":"Yeah, Let's go for the diff.","startTime":6267.58}},"type":"speech"}
{"so":6271018,"data":{"data":{"id":2819594,"memoryUsage":96088064,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6273370,"data":{"data":{"transcript":"Around the","startTime":6273.37}},"type":"speech"}
{"so":6277780,"data":{"data":{"transcript":"You're on.","startTime":6277.78}},"type":"speech"}
{"so":6281007,"data":{"data":{"id":2819594,"memoryUsage":96276480,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6281570,"data":{"data":{"transcript":"Go.","startTime":6281.57}},"type":"speech"}
{"so":6283890,"data":{"data":{"transcript":"Okay, that worked.","startTime":6283.89}},"type":"speech"}
{"so":6285046,"data":{"data":{"summary":{"changed":30,"commit":"1527f87d6d317531a64f79d9c4e511a085de7625","deletions":14,"files":[{"changed":30,"deletions":14,"file":"src/components/App.js","insertions":16}],"insertions":16}}},"type":"diff-summary"}
{"so":6285049,"data":{"data":{"diff":"Commit 1527f87d6d317531a64f79d9c4e511a085de7625\n--- src/components/App.js\n+++ src/components/App.js\n@@ -156,23 +156,25 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Grid celled='internally'>\n <Grid.Row>\n \n- <Header as='h2' attached='top'>\n- Attached Header\n+ <div>\n+ <Header as='h2' attached='top'>\n+ Attached Header\n </Header>\n \n- <Segment attached>\n- <Wrapper className=\"column\">\n- <Code\n- value={source}\n- onChange={(val) => setSource(val)}\n- docName=\"source.js\"\n- />\n- <FileSize>\n- {size}b, {gzip}b\n+ <Segment attached>\n+ <Wrapper className=\"column\">\n+ <Code\n+ value={source}\n+ onChange={(val) => setSource(val)}\n+ docName=\"source.js\"\n+ />\n+ <FileSize>\n+ {size}b, {gzip}b\n </FileSize>\n- {/* <AST source={source}></AST> */}\n- </Wrapper>\n- </Segment>\n+ {/* <AST source={source}></AST> */}\n+ </Wrapper>\n+ </Segment>\n+ </div>\n </Grid.Row>\n {enableCustomPlugin && (\n <Grid.Row>\n"}},"type":"diff"}
{"so":6288150,"data":{"data":{"transcript":"Um, let's see what happens there.","startTime":6288.15}},"type":"speech"}
{"so":6291002,"data":{"data":{"id":2819594,"memoryUsage":96276480,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6299510,"data":{"data":{"summary":{"changed":2,"commit":"de24ec2d923d09e7c4957ebe9a072dff9eecbd1f","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":6299512,"data":{"data":{"diff":"Commit de24ec2d923d09e7c4957ebe9a072dff9eecbd1f\n--- src/components/App.js\n+++ src/components/App.js\n@@ -162,7 +162,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n </Header>\n \n <Segment attached>\n- <Wrapper className=\"column\">\n+ <Wrapper>\n <Code\n value={source}\n onChange={(val) => setSource(val)}\n"}},"type":"diff"}
{"so":6301018,"data":{"data":{"id":2819594,"memoryUsage":96432128,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6309514,"data":{"data":{"summary":{"changed":2,"commit":"ee1f8b55c440ff631ecf91128bde512afccaca06","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":6309520,"data":{"data":{"diff":"Commit ee1f8b55c440ff631ecf91128bde512afccaca06\n--- src/components/App.js\n+++ src/components/App.js\n@@ -156,7 +156,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Grid celled='internally'>\n <Grid.Row>\n \n- <div>\n+ <Grid.Column width={6}>\n <Header as='h2' attached='top'>\n Attached Header\n </Header>\n"}},"type":"diff"}
{"so":6310010,"data":{"data":{"transcript":"Oh, stop with that, Okay?","startTime":6310.01}},"type":"speech"}
{"so":6311004,"data":{"data":{"id":2819594,"memoryUsage":96452608,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6314694,"data":{"data":{"summary":{"changed":4,"commit":"9d910d841e6d1254c202ef87c0db98becf793864","deletions":2,"files":[{"changed":4,"deletions":2,"file":"src/components/App.js","insertions":2}],"insertions":2}}},"type":"diff-summary"}
{"so":6314698,"data":{"data":{"diff":"Commit 9d910d841e6d1254c202ef87c0db98becf793864\n--- src/components/App.js\n+++ src/components/App.js\n@@ -156,7 +156,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Grid celled='internally'>\n <Grid.Row>\n \n- <Grid.Column width={6}>\n+ <Grid.Column width={1}>\n <Header as='h2' attached='top'>\n Attached Header\n </Header>\n"}},"type":"diff"}
{"so":6314699,"data":{"data":{"diff":"Commit 9d910d841e6d1254c202ef87c0db98becf793864\n--- src/components/App.js\n+++ src/components/App.js\n@@ -174,7 +174,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n {/* <AST source={source}></AST> */}\n </Wrapper>\n </Segment>\n- </div>\n+ </Grid.Grid.Column>\n </Grid.Row>\n {enableCustomPlugin && (\n <Grid.Row>\n"}},"type":"diff"}
{"so":6319826,"data":{"data":{"summary":{"changed":2,"commit":"376e98784e3e441d699424e3c4a679f392c5c430","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":6319828,"data":{"data":{"diff":"Commit 376e98784e3e441d699424e3c4a679f392c5c430\n--- src/components/App.js\n+++ src/components/App.js\n@@ -174,7 +174,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n {/* <AST source={source}></AST> */}\n </Wrapper>\n </Segment>\n- </Grid.Grid.Column>\n+ </Grid.Column>\n </Grid.Row>\n {enableCustomPlugin && (\n <Grid.Row>\n"}},"type":"diff"}
{"so":6320520,"data":{"data":{"transcript":"That's why this needs to be 12.","startTime":6320.52}},"type":"speech"}
{"so":6321005,"data":{"data":{"id":2819594,"memoryUsage":95813632,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6326620,"data":{"data":{"transcript":"16.","startTime":6326.62}},"type":"speech"}
{"so":6329712,"data":{"data":{"summary":{"changed":2,"commit":"f5757e4e3f62cea1ed967ed232ef5c9761bf0745","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":6329714,"data":{"data":{"diff":"Commit f5757e4e3f62cea1ed967ed232ef5c9761bf0745\n--- src/components/App.js\n+++ src/components/App.js\n@@ -156,7 +156,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Grid celled='internally'>\n <Grid.Row>\n \n- <Grid.Column width={1}>\n+ <Grid.Column width={12}>\n <Header as='h2' attached='top'>\n Attached Header\n </Header>\n"}},"type":"diff"}
{"so":6331023,"data":{"data":{"id":2819594,"memoryUsage":95875072,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6334790,"data":{"data":{"transcript":"Team ahead eras too big.","startTime":6334.79}},"type":"speech"}
{"so":6334840,"data":{"data":{"summary":{"changed":2,"commit":"4f9fb9442534eb3cb8a1daf63aa736762f27485f","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":6334843,"data":{"data":{"diff":"Commit 4f9fb9442534eb3cb8a1daf63aa736762f27485f\n--- src/components/App.js\n+++ src/components/App.js\n@@ -156,7 +156,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Grid celled='internally'>\n <Grid.Row>\n \n- <Grid.Column width={12}>\n+ <Grid.Column width={16}>\n <Header as='h2' attached='top'>\n Attached Header\n </Header>\n"}},"type":"diff"}
{"so":6339550,"data":{"data":{"transcript":"And","startTime":6339.55}},"type":"speech"}
{"so":6340970,"data":{"data":{"transcript":"No, that's too small.","startTime":6340.97}},"type":"speech"}
{"so":6341016,"data":{"data":{"id":2819594,"memoryUsage":95944704,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6344744,"data":{"data":{"summary":{"changed":2,"commit":"6cc8184f41dc0552f9e8ba9937794f61bb577bfe","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":6344746,"data":{"data":{"diff":"Commit 6cc8184f41dc0552f9e8ba9937794f61bb577bfe\n--- src/components/App.js\n+++ src/components/App.js\n@@ -157,7 +157,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Grid.Row>\n \n <Grid.Column width={16}>\n- <Header as='h2' attached='top'>\n+ <Header as='h6' attached='top'>\n Attached Header\n </Header>\n \n"}},"type":"diff"}
{"so":6346610,"data":{"data":{"transcript":"Converted.","startTime":6346.61}},"type":"speech"}
{"so":6348490,"data":{"data":{"transcript":"No.","startTime":6348.49}},"type":"speech"}
{"so":6350105,"data":{"data":{"summary":{"changed":2,"commit":"1ffa005abaf06d13b8f00f93c7ccd40c72189bde","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":6350108,"data":{"data":{"diff":"Commit 1ffa005abaf06d13b8f00f93c7ccd40c72189bde\n--- src/components/App.js\n+++ src/components/App.js\n@@ -157,7 +157,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Grid.Row>\n \n <Grid.Column width={16}>\n- <Header as='h6' attached='top'>\n+ <Header as='h4' attached='top'>\n Attached Header\n </Header>\n \n"}},"type":"diff"}
{"so":6351009,"data":{"data":{"id":2819594,"memoryUsage":96047104,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6351200,"data":{"data":{"transcript":"Morning.","startTime":6351.2}},"type":"speech"}
{"so":6353980,"data":{"data":{"transcript":"Yep.","startTime":6353.98}},"type":"speech"}
{"so":6354654,"data":{"data":{"summary":{"changed":2,"commit":"e9da768382e988050c5adb37252d94c6f3c71762","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":6354657,"data":{"data":{"diff":"Commit e9da768382e988050c5adb37252d94c6f3c71762\n--- src/components/App.js\n+++ src/components/App.js\n@@ -156,7 +156,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Grid celled='internally'>\n <Grid.Row>\n \n- <Grid.Column width={16}>\n+ <Grid.Column width={16} inverted>\n <Header as='h5' attached='top'>\n Attached Header\n </Header>\n"}},"type":"diff"}
{"so":6359653,"data":{"data":{"summary":{"changed":4,"commit":"7381560f8deb709e6f02df81d5dbbebdbd16e86a","deletions":2,"files":[{"changed":4,"deletions":2,"file":"src/components/App.js","insertions":2}],"insertions":2}}},"type":"diff-summary"}
{"so":6359657,"data":{"data":{"diff":"Commit 7381560f8deb709e6f02df81d5dbbebdbd16e86a\n--- src/components/App.js\n+++ src/components/App.js\n@@ -156,8 +156,8 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Grid celled='internally'>\n <Grid.Row>\n \n- <Grid.Column width={16} inverted>\n- <Header as='h5' attached='top'>\n+ <Grid.Column width={16}>\n+ <Header as='h5' attached='top' inverted>\n Attached Header\n </Header>\n \n"}},"type":"diff"}
{"so":6361010,"data":{"data":{"id":2819594,"memoryUsage":96124928,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6364462,"data":{"data":{"summary":{"changed":2,"commit":"cac781f97e7727928f23d86887094f3595f3de63","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":6364466,"data":{"data":{"diff":"Commit cac781f97e7727928f23d86887094f3595f3de63\n--- src/components/App.js\n+++ src/components/App.js\n@@ -161,7 +161,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n Attached Header\n </Header>\n \n- <Segment attached>\n+ <Segment attached inverted>\n <Wrapper>\n <Code\n value={source}\n"}},"type":"diff"}
{"so":6371017,"data":{"data":{"id":2886970,"memoryUsage":303300608,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":6381034,"data":{"data":{"id":2819594,"memoryUsage":95514624,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6381070,"data":{"data":{"transcript":"I want to change the color, Tio.","startTime":6381.07}},"type":"speech"}
{"so":6387800,"data":{"data":{"transcript":"News.","startTime":6387.8}},"type":"speech"}
{"so":6391021,"data":{"data":{"id":2886970,"memoryUsage":304914432,"owner":{"name":"chrome.exe"},"title":"Handling Events – React - Google Chrome"}},"type":"window"}
{"so":6401029,"data":{"data":{"id":2886970,"memoryUsage":307249152,"owner":{"name":"chrome.exe"},"title":"Semantic-Org/Semantic-UI: Semantic is a UI component framework based around useful principles from natural language. - Google Chrome"}},"type":"window"}
{"so":6411019,"data":{"data":{"id":2886970,"memoryUsage":297291776,"owner":{"name":"chrome.exe"},"title":"Semantic-Org/Semantic-UI: Semantic is a UI component framework based around useful principles from natural language. - Google Chrome"}},"type":"window"}
{"so":6421037,"data":{"data":{"id":2886970,"memoryUsage":296308736,"owner":{"name":"chrome.exe"},"title":"Semantic-UI/header.less at 383871090cda527df916e1751279b3de79b07480 · Semantic-Org/Semantic-UI - Google Chrome"}},"type":"window"}
{"so":6425580,"data":{"data":{"transcript":"Touch.","startTime":6425.58}},"type":"speech"}
{"so":6427330,"data":{"data":{"transcript":"Attached border.","startTime":6427.33}},"type":"speech"}
{"so":6430970,"data":{"data":{"transcript":"Is ah, since you could be called a header.","startTime":6430.97}},"type":"speech"}
{"so":6431037,"data":{"data":{"id":2886970,"memoryUsage":295874560,"owner":{"name":"chrome.exe"},"title":"Semantic-UI/header.less at 383871090cda527df916e1751279b3de79b07480 · Semantic-Org/Semantic-UI - Google Chrome"}},"type":"window"}
{"so":6441022,"data":{"data":{"id":2886970,"memoryUsage":295829504,"owner":{"name":"chrome.exe"},"title":"Semantic-UI/header.less at 383871090cda527df916e1751279b3de79b07480 · Semantic-Org/Semantic-UI - Google Chrome"}},"type":"window"}
{"so":6446910,"data":{"data":{"transcript":"You can wait now on behalf for this to compile.","startTime":6446.91}},"type":"speech"}
{"so":6451022,"data":{"data":{"id":2886970,"memoryUsage":296636416,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":6454403,"data":{"data":{"summary":{"changed":1,"commit":"764e2d78b3146e94f3bc39e2fb5d482cbece587a","deletions":0,"files":[{"changed":1,"deletions":0,"file":"src/semantic-ui/site/elements/header.variables","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":6454407,"data":{"data":{"diff":"Commit 764e2d78b3146e94f3bc39e2fb5d482cbece587a\n--- src/semantic-ui/site/elements/header.variables\n+++ src/semantic-ui/site/elements/header.variables\n@@ -1,3 +1,4 @@\n /*******************************\n User Variable Overrides\n *******************************/\n+@attachedBorder: #000;\n"}},"type":"diff"}
{"so":6454570,"data":{"data":{"transcript":"He doesn't need to be attached.","startTime":6454.57}},"type":"speech"}
{"so":6458090,"data":{"data":{"transcript":"Kind of nice. And maybe we can also do this padding rhesus padding.","startTime":6458.09}},"type":"speech"}
{"so":6461048,"data":{"data":{"id":2886970,"memoryUsage":295862272,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":6463680,"data":{"data":{"transcript":"From","startTime":6463.68}},"type":"speech"}
{"so":6471034,"data":{"data":{"id":2886970,"memoryUsage":296071168,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":6475830,"data":{"data":{"transcript":"Signal is putting, uh, gum.","startTime":6475.83}},"type":"speech"}
{"so":6481025,"data":{"data":{"id":2886970,"memoryUsage":296706048,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":6483150,"data":{"data":{"transcript":"What","startTime":6483.15}},"type":"speech"}
{"so":6491047,"data":{"data":{"id":2886970,"memoryUsage":297906176,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":6494923,"data":{"data":{"summary":{"changed":1,"commit":"61b676d6fe76b5d4828684c57f70bd59aa7addc2","deletions":1,"files":[{"changed":1,"deletions":1,"file":"src/semantic-ui/site/elements/header.variables","insertions":0}],"insertions":0}}},"type":"diff-summary"}
{"so":6494930,"data":{"data":{"diff":"Commit 61b676d6fe76b5d4828684c57f70bd59aa7addc2\n--- src/semantic-ui/site/elements/header.variables\n+++ src/semantic-ui/site/elements/header.variables\n@@ -1,4 +1,3 @@\n /*******************************\n User Variable Overrides\n *******************************/\n-@attachedBorder: #000;\n"}},"type":"diff"}
{"so":6501028,"data":{"data":{"id":2886970,"memoryUsage":296407040,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":6511029,"data":{"data":{"id":2819594,"memoryUsage":96464896,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6516240,"data":{"data":{"transcript":"We do need that menu. We need that close. But","startTime":6516.24}},"type":"speech"}
{"so":6521065,"data":{"data":{"id":2819594,"memoryUsage":96456704,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6523730,"data":{"data":{"transcript":"Rescue the header.","startTime":6523.73}},"type":"speech"}
{"so":6527170,"data":{"data":{"transcript":"With this very much.","startTime":6527.17}},"type":"speech"}
{"so":6531083,"data":{"data":{"id":2819594,"memoryUsage":96464896,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6531140,"data":{"data":{"transcript":"Our menu in there.","startTime":6531.14}},"type":"speech"}
{"so":6539298,"data":{"data":{"summary":{"changed":27,"commit":"ce64e1610261dce82d084595bd8dd52452c6b586","deletions":16,"files":[{"changed":27,"deletions":16,"file":"src/components/App.js","insertions":11}],"insertions":11}}},"type":"diff-summary"}
{"so":6539303,"data":{"data":{"diff":"Commit ce64e1610261dce82d084595bd8dd52452c6b586\n--- src/components/App.js\n+++ src/components/App.js\n@@ -157,23 +157,18 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Grid.Row>\n \n <Grid.Column width={16}>\n- <Header as='h5' attached='top' inverted>\n- Attached Header\n- </Header>\n-\n- <Segment attached inverted>\n- <Wrapper>\n- <Code\n- value={source}\n- onChange={(val) => setSource(val)}\n- docName=\"source.js\"\n- />\n- <FileSize>\n- {size}b, {gzip}b\n+\n+ <Wrapper>\n+ <Code\n+ value={source}\n+ onChange={(val) => setSource(val)}\n+ docName=\"source.js\"\n+ />\n+ <FileSize>\n+ {size}b, {gzip}b\n </FileSize>\n- {/* <AST source={source}></AST> */}\n- </Wrapper>\n- </Segment>\n+ {/* <AST source={source}></AST> */}\n+ </Wrapper>\n </Grid.Column>\n </Grid.Row>\n {enableCustomPlugin && (\n"}},"type":"diff"}
{"so":6541035,"data":{"data":{"id":2886970,"memoryUsage":297046016,"owner":{"name":"chrome.exe"},"title":"Menu - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":6551035,"data":{"data":{"id":2886970,"memoryUsage":296927232,"owner":{"name":"chrome.exe"},"title":"Menu - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":6561036,"data":{"data":{"id":2886970,"memoryUsage":298045440,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":6571056,"data":{"data":{"id":2886970,"memoryUsage":297197568,"owner":{"name":"chrome.exe"},"title":"Menu - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":6581054,"data":{"data":{"id":2886970,"memoryUsage":297029632,"owner":{"name":"chrome.exe"},"title":"Menu - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":6591039,"data":{"data":{"id":2819594,"memoryUsage":96489472,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6594603,"data":{"data":{"summary":{"changed":22,"commit":"31c80ceb3773134899bd9417a2661757429d5dc5","deletions":1,"files":[{"changed":22,"deletions":1,"file":"src/components/App.js","insertions":21}],"insertions":21}}},"type":"diff-summary"}
{"so":6594606,"data":{"data":{"diff":"Commit 31c80ceb3773134899bd9417a2661757429d5dc5\n--- src/components/App.js\n+++ src/components/App.js\n@@ -157,7 +157,27 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Grid.Row>\n \n <Grid.Column width={16}>\n-\n+ <Menu attached='top' tabular>\n+ <Menu.Item\n+ name='bio'\n+ active={activeItem === 'bio'}\n+ onClick={this.handleItemClick}\n+ />\n+ <Menu.Item\n+ name='photos'\n+ active={activeItem === 'photos'}\n+ onClick={this.handleItemClick}\n+ />\n+ <Menu.Menu position='right'>\n+ <Menu.Item>\n+ <Input\n+ transparent\n+ icon={{ name: 'search', link: true }}\n+ placeholder='Search users...'\n+ />\n+ </Menu.Item>\n+ </Menu.Menu>\n+ </Menu>\n <Wrapper>\n <Code\n value={source}\n"}},"type":"diff"}
{"so":6601039,"data":{"data":{"id":2819594,"memoryUsage":96489472,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6611055,"data":{"data":{"id":2886970,"memoryUsage":297992192,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":6614899,"data":{"data":{"summary":{"changed":4,"commit":"656849fab29508dcef44a6c397d0e4e1dae5a999","deletions":4,"files":[{"changed":4,"deletions":4,"file":"src/components/App.js","insertions":0}],"insertions":0}}},"type":"diff-summary"}
{"so":6614902,"data":{"data":{"diff":"Commit 656849fab29508dcef44a6c397d0e4e1dae5a999\n--- src/components/App.js\n+++ src/components/App.js\n@@ -160,13 +160,9 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Menu attached='top' tabular>\n <Menu.Item\n name='bio'\n- active={activeItem === 'bio'}\n- onClick={this.handleItemClick}\n />\n <Menu.Item\n name='photos'\n- active={activeItem === 'photos'}\n- onClick={this.handleItemClick}\n />\n <Menu.Menu position='right'>\n <Menu.Item>\n"}},"type":"diff"}
{"so":6618270,"data":{"data":{"transcript":"Hey, writing little mini headers that start to look pretty good, tabular, Okay?","startTime":6618.27}},"type":"speech"}
{"so":6621041,"data":{"data":{"id":2886970,"memoryUsage":298659840,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":6624578,"data":{"data":{"summary":{"changed":2,"commit":"7b9ab51888b21918ed276a7d68338e2d9f8775be","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":6624580,"data":{"data":{"diff":"Commit 7b9ab51888b21918ed276a7d68338e2d9f8775be\n--- src/components/App.js\n+++ src/components/App.js\n@@ -7,7 +7,7 @@ import { Editor } from \"./Editor\";\n import { processOptions } from \"../standalone\";\n import { gzipSize } from \"../gzip\";\n \n-import { Grid, Dropdown, Icon, Menu, Segment, Header } from 'semantic-ui-react'\n+import { Grid, Dropdown, Icon, Menu, Segment, Input } from 'semantic-ui-react'\n \n \n window.babel = Babel;\n"}},"type":"diff"}
{"so":6625450,"data":{"data":{"transcript":"Converted.","startTime":6625.45}},"type":"speech"}
{"so":6627900,"data":{"data":{"transcript":"Yes, okay.","startTime":6627.9}},"type":"speech"}
{"so":6631050,"data":{"data":{"id":2819594,"memoryUsage":95809536,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6631480,"data":{"data":{"transcript":"Okay?","startTime":6631.48}},"type":"speech"}
{"so":6633920,"data":{"data":{"transcript":"Then we just need to know.","startTime":6633.92}},"type":"speech"}
{"so":6634655,"data":{"data":{"summary":{"changed":2,"commit":"f8c2d10f200d80853e3d576fa0b69ed21363c1e4","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":6634657,"data":{"data":{"diff":"Commit f8c2d10f200d80853e3d576fa0b69ed21363c1e4\n--- src/components/App.js\n+++ src/components/App.js\n@@ -157,7 +157,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Grid.Row>\n \n <Grid.Column width={16}>\n- <Menu attached='top' tabular>\n+ <Menu attached='top' tabular inverted>\n <Menu.Item\n name='bio'\n />\n"}},"type":"diff"}
{"so":6641052,"data":{"data":{"id":2886970,"memoryUsage":297082880,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":6651046,"data":{"data":{"id":2819594,"memoryUsage":96219136,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6661048,"data":{"data":{"id":2886970,"memoryUsage":297193472,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":6669450,"data":{"data":{"transcript":"Alexa. Alexa, stop.","startTime":6669.45}},"type":"speech"}
{"so":6671050,"data":{"data":{"id":2886970,"memoryUsage":297193472,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":6681049,"data":{"data":{"id":2886970,"memoryUsage":297168896,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":6684170,"data":{"data":{"transcript":"Okay?","startTime":6684.17}},"type":"speech"}
{"so":6689450,"data":{"data":{"transcript":"No.","startTime":6689.45}},"type":"speech"}
{"so":6691062,"data":{"data":{"id":2819594,"memoryUsage":96608256,"owner":{"name":"Code.exe"},"title":"Editor.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6691500,"data":{"data":{"transcript":"That school. Otherwise this stuff","startTime":6691.5}},"type":"speech"}
{"so":6694070,"data":{"data":{"transcript":"Hi inherent, Okay, not Pista.","startTime":6694.07}},"type":"speech"}
{"so":6701010,"data":{"data":{"transcript":"Okay, okay.","startTime":6701.01}},"type":"speech"}
{"so":6701073,"data":{"data":{"id":2886970,"memoryUsage":298729472,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":6703940,"data":{"data":{"transcript":"Okay?","startTime":6703.94}},"type":"speech"}
{"so":6704973,"data":{"data":{"summary":{"changed":2,"commit":"2ff9be9ddeaa13c0da606e43a3497ef898bbbcea","deletions":2,"files":[{"changed":2,"deletions":2,"file":"src/components/Editor.js","insertions":0}],"insertions":0}}},"type":"diff-summary"}
{"so":6704980,"data":{"data":{"diff":"Commit 2ff9be9ddeaa13c0da606e43a3497ef898bbbcea\n--- src/components/Editor.js\n+++ src/components/Editor.js\n@@ -6,8 +6,6 @@ import { Controlled as CodeMirror } from 'react-codemirror2';\n const StyledEditor = styled(CodeMirror)`\n .CodeMirror {\n background-color: rgba(0, 0, 0, 0.3);\n- border-radius: 4px;\n- margin: 4px;\n height: inherit;\n }\n \n"}},"type":"diff"}
{"so":6708860,"data":{"data":{"transcript":"Let's make it a little more.","startTime":6708.86}},"type":"speech"}
{"so":6711054,"data":{"data":{"id":2819594,"memoryUsage":96407552,"owner":{"name":"Code.exe"},"title":"Editor.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6711930,"data":{"data":{"transcript":"Visible.","startTime":6711.93}},"type":"speech"}
{"so":6715550,"data":{"data":{"transcript":"This is starting to look super cool vehicle.","startTime":6715.55}},"type":"speech"}
{"so":6718110,"data":{"data":{"transcript":"Um","startTime":6718.11}},"type":"speech"}
{"so":6719721,"data":{"data":{"summary":{"changed":2,"commit":"aefc6878c8357ae56e882c88508501088afbdc0e","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/Editor.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":6719723,"data":{"data":{"diff":"Commit aefc6878c8357ae56e882c88508501088afbdc0e\n--- src/components/Editor.js\n+++ src/components/Editor.js\n@@ -5,7 +5,7 @@ import { Controlled as CodeMirror } from 'react-codemirror2';\n \n const StyledEditor = styled(CodeMirror)`\n .CodeMirror {\n- background-color: rgba(0, 0, 0, 0.3);\n+ background-color: rgba(0, 0, 0, 0.4);\n height: inherit;\n }\n \n"}},"type":"diff"}
{"so":6721057,"data":{"data":{"id":2819594,"memoryUsage":96428032,"owner":{"name":"Code.exe"},"title":"index.html - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6727630,"data":{"data":{"transcript":"Look, we do want patting and missed.","startTime":6727.63}},"type":"speech"}
{"so":6731076,"data":{"data":{"id":2886970,"memoryUsage":293961728,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":6738250,"data":{"data":{"transcript":"Or was that even Senator Davis?","startTime":6738.25}},"type":"speech"}
{"so":6741071,"data":{"data":{"id":2819594,"memoryUsage":96444416,"owner":{"name":"Code.exe"},"title":"index.html - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6742220,"data":{"data":{"transcript":"Adding 10 picks.","startTime":6742.22}},"type":"speech"}
{"so":6746750,"data":{"data":{"transcript":"There we go.","startTime":6746.75}},"type":"speech"}
{"so":6751061,"data":{"data":{"id":2886970,"memoryUsage":295301120,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":6754173,"data":{"data":{"summary":{"changed":1,"commit":"c56e983aaca8bfb613d0cf02c2262fe21a01243a","deletions":0,"files":[{"changed":1,"deletions":0,"file":"src/components/Editor.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":6754176,"data":{"data":{"diff":"Commit c56e983aaca8bfb613d0cf02c2262fe21a01243a\n--- src/components/Editor.js\n+++ src/components/Editor.js\n@@ -7,6 +7,7 @@ const StyledEditor = styled(CodeMirror)`\n .CodeMirror {\n background-color: rgba(0, 0, 0, 0.4);\n height: inherit;\n+ padding: 10px;\n }\n \n .CodeMirror-activeline-background {\n"}},"type":"diff"}
{"so":6761081,"data":{"data":{"id":2886970,"memoryUsage":293974016,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":6771073,"data":{"data":{"id":2819594,"memoryUsage":96620544,"owner":{"name":"Code.exe"},"title":"index.html - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6781064,"data":{"data":{"id":2819594,"memoryUsage":96636928,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6785970,"data":{"data":{"transcript":"This will be in and put out Js.","startTime":6785.97}},"type":"speech"}
{"so":6791065,"data":{"data":{"id":2819594,"memoryUsage":96636928,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6793600,"data":{"data":{"transcript":"Photos. It's not tonight on many position, right? That's gonna be an icon.","startTime":6793.6}},"type":"speech"}
{"so":6799505,"data":{"data":{"summary":{"changed":6,"commit":"0663e7b6efc0f53b8971654de01475a123395c79","deletions":3,"files":[{"changed":6,"deletions":3,"file":"src/components/App.js","insertions":3}],"insertions":3}}},"type":"diff-summary"}
{"so":6799509,"data":{"data":{"diff":"Commit 0663e7b6efc0f53b8971654de01475a123395c79\n--- src/components/App.js\n+++ src/components/App.js\n@@ -158,9 +158,9 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n \n <Grid.Column width={16}>\n <Menu attached='top' tabular inverted>\n- <Menu.Item\n- name='bio'\n- />\n+ <Menu.Item>\n+ input.js\n+ </Menu.Item>\n <Menu.Item\n name='photos'\n />\n"}},"type":"diff"}
{"so":6801066,"data":{"data":{"id":2819594,"memoryUsage":96657408,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6804950,"data":{"data":{"transcript":"Icahn.","startTime":6804.95}},"type":"speech"}
{"so":6807850,"data":{"data":{"transcript":"Close.","startTime":6807.85}},"type":"speech"}
{"so":6809880,"data":{"data":{"summary":{"changed":5,"commit":"42438d6cc4f989a8dfe84d621db978c55aceaa61","deletions":4,"files":[{"changed":5,"deletions":4,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":6809882,"data":{"data":{"diff":"Commit 42438d6cc4f989a8dfe84d621db978c55aceaa61\n--- src/components/App.js\n+++ src/components/App.js\n@@ -160,10 +160,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Menu attached='top' tabular inverted>\n <Menu.Item>\n input.js\n- </Menu.Item>\n- <Menu.Item\n- name='photos'\n- />\n+ </Menu.Item>\n <Menu.Menu position='right'>\n <Menu.Item>\n <Input\n"}},"type":"diff"}
{"so":6811068,"data":{"data":{"id":2886970,"memoryUsage":295194624,"owner":{"name":"chrome.exe"},"title":"Icon - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":6812950,"data":{"data":{"transcript":"What did I come?","startTime":6812.95}},"type":"speech"}
{"so":6814970,"data":{"data":{"transcript":"Okay. Great. Great job. Examples. Um","startTime":6814.97}},"type":"speech"}
{"so":6820230,"data":{"data":{"transcript":"Just that this works.","startTime":6820.23}},"type":"speech"}
{"so":6821085,"data":{"data":{"id":2886970,"memoryUsage":295497728,"owner":{"name":"chrome.exe"},"title":"Icon - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":6822740,"data":{"data":{"transcript":"My name. Is this close? Okay?","startTime":6822.74}},"type":"speech"}
{"so":6831075,"data":{"data":{"id":2886970,"memoryUsage":298303488,"owner":{"name":"chrome.exe"},"title":"Icon - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":6840210,"data":{"data":{"transcript":"Who? Loes, Okay.","startTime":6840.21}},"type":"speech"}
{"so":6841098,"data":{"data":{"id":2819594,"memoryUsage":96653312,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6844470,"data":{"data":{"transcript":"Perfect. Okay. We don't want to be Tommy that maybe","startTime":6844.47}},"type":"speech"}
{"so":6848310,"data":{"data":{"transcript":"Sleet a blank here.","startTime":6848.31}},"type":"speech"}
{"so":6849475,"data":{"data":{"summary":{"changed":6,"commit":"d4268b88a598279f835b00654299b8e7971d388f","deletions":5,"files":[{"changed":6,"deletions":5,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":6849479,"data":{"data":{"diff":"Commit d4268b88a598279f835b00654299b8e7971d388f\n--- src/components/App.js\n+++ src/components/App.js\n@@ -163,11 +163,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n </Menu.Item>\n <Menu.Menu position='right'>\n <Menu.Item>\n- <Input\n- transparent\n- icon={{ name: 'search', link: true }}\n- placeholder='Search users...'\n- />\n+ <Icon name='close' size='tiny' />\n </Menu.Item>\n </Menu.Menu>\n </Menu>\n"}},"type":"diff"}
{"so":6851071,"data":{"data":{"id":2819594,"memoryUsage":95879168,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6853780,"data":{"data":{"transcript":"Okay, that's cool.","startTime":6853.78}},"type":"speech"}
{"so":6860021,"data":{"data":{"summary":{"changed":2,"commit":"ef4d0ae78203e4dd0cf5140297a8d64d8f5cf1ab","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":6860024,"data":{"data":{"diff":"Commit ef4d0ae78203e4dd0cf5140297a8d64d8f5cf1ab\n--- src/components/App.js\n+++ src/components/App.js\n@@ -163,7 +163,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n </Menu.Item>\n <Menu.Menu position='right'>\n <Menu.Item>\n- <Icon name='close' size='tiny' />\n+ <Icon name='close' size='' />\n </Menu.Item>\n </Menu.Menu>\n </Menu>\n"}},"type":"diff"}
{"so":6861073,"data":{"data":{"id":2819594,"memoryUsage":96264192,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6871076,"data":{"data":{"id":2819594,"memoryUsage":96264192,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6881079,"data":{"data":{"id":2819594,"memoryUsage":96530432,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6889460,"data":{"data":{"transcript":"To be forever.","startTime":6889.46}},"type":"speech"}
{"so":6891090,"data":{"data":{"id":2819594,"memoryUsage":96632832,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6899772,"data":{"data":{"summary":{"changed":3,"commit":"e64284a74041dbb89faa47980c5a24c8e4b0ca38","deletions":1,"files":[{"changed":3,"deletions":1,"file":"src/components/App.js","insertions":2}],"insertions":2}}},"type":"diff-summary"}
{"so":6899777,"data":{"data":{"diff":"Commit e64284a74041dbb89faa47980c5a24c8e4b0ca38\n--- src/components/App.js\n+++ src/components/App.js\n@@ -182,7 +182,8 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n </Grid.Row>\n {enableCustomPlugin && (\n <Grid.Row>\n- <Wrapper className=\"column\">\n+ <Grid.Column width={16}>\n+\n <Code\n value={customPlugin}\n onChange={(val) => setCustomPlugin(val)}\n"}},"type":"diff"}
{"so":6901078,"data":{"data":{"id":2819594,"memoryUsage":96710656,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6901540,"data":{"data":{"transcript":"00 I always do that. Okay, Here we go.","startTime":6901.54}},"type":"speech"}
{"so":6904528,"data":{"data":{"summary":{"changed":2,"commit":"07c3f8ee2a8fc9faa8fb7f77c142e2b94b9687b6","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":6904530,"data":{"data":{"diff":"Commit 07c3f8ee2a8fc9faa8fb7f77c142e2b94b9687b6\n--- src/components/App.js\n+++ src/components/App.js\n@@ -190,7 +190,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n docName=\"plugin.js\"\n />\n <Toggle onClick={() => toggleCustomPlugin(false)} />\n- </Wrapper>\n+ </Grid.Grid.Column>\n </Grid.Row>\n )}\n {results}\n"}},"type":"diff"}
{"so":6910143,"data":{"data":{"summary":{"changed":0,"commit":"f64ee4fa99ed42d852fbcb1d3a23e893bf11d883","deletions":0,"files":[],"insertions":0}}},"type":"diff-summary"}
{"so":6911079,"data":{"data":{"id":2886970,"memoryUsage":297283584,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":6911090,"data":{"data":{"transcript":"Okay, that's cool.","startTime":6911.09}},"type":"speech"}
{"so":6914150,"data":{"data":{"transcript":"These shouldn't be like that. But we can late. We can save that for later.","startTime":6914.15}},"type":"speech"}
{"so":6918100,"data":{"data":{"transcript":"Um, there's an exit there, so we need to now just","startTime":6918.1}},"type":"speech"}
{"so":6921094,"data":{"data":{"id":2886970,"memoryUsage":296161280,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":6924190,"data":{"data":{"transcript":"Um","startTime":6924.19}},"type":"speech"}
{"so":6927360,"data":{"data":{"transcript":"Ah and the other thing so","startTime":6927.36}},"type":"speech"}
{"so":6931102,"data":{"data":{"id":2886970,"memoryUsage":296636416,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":6934040,"data":{"data":{"transcript":"This bites. Khun Go up there, too, with","startTime":6934.04}},"type":"speech"}
{"so":6938160,"data":{"data":{"transcript":"Where's that?","startTime":6938.16}},"type":"speech"}
{"so":6941082,"data":{"data":{"id":2819594,"memoryUsage":96980992,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6951119,"data":{"data":{"id":2819594,"memoryUsage":96980992,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6961083,"data":{"data":{"id":2819594,"memoryUsage":97034240,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6964604,"data":{"data":{"summary":{"changed":22,"commit":"d5f57d1c8a56502345c85931bd8f1358a6f41b7b","deletions":0,"files":[{"changed":22,"deletions":0,"file":"src/components/App.js","insertions":22}],"insertions":22}}},"type":"diff-summary"}
{"so":6964607,"data":{"data":{"diff":"Commit d5f57d1c8a56502345c85931bd8f1358a6f41b7b\n--- src/components/App.js\n+++ src/components/App.js\n@@ -184,6 +184,28 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Grid.Row>\n <Grid.Column width={16}>\n \n+ <Menu attached='top' tabular inverted>\n+ <Menu.Item>\n+ input.js\n+ </Menu.Item>\n+ <Menu.Menu position='right'>\n+ <Menu.Item>\n+ <Icon name='close' size='' />\n+ </Menu.Item>\n+ </Menu.Menu>\n+ </Menu>\n+ <Wrapper>\n+ <Code\n+ value={source}\n+ onChange={(val) => setSource(val)}\n+ docName=\"source.js\"\n+ />\n+ <FileSize>\n+ {size}b, {gzip}b\n+ </FileSize>\n+ {/* <AST source={source}></AST> */}\n+ </Wrapper>\n+\n <Code\n value={customPlugin}\n onChange={(val) => setCustomPlugin(val)}\n"}},"type":"diff"}
{"so":6967240,"data":{"data":{"transcript":"Oh, there's the file size, Okay? We just put that right in the header.","startTime":6967.24}},"type":"speech"}
{"so":6971089,"data":{"data":{"id":2819594,"memoryUsage":97046528,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6979979,"data":{"data":{"summary":{"changed":11,"commit":"6969c9f67506ce02d46fc9fc38d5648c56f9be1a","deletions":8,"files":[{"changed":11,"deletions":8,"file":"src/components/App.js","insertions":3}],"insertions":3}}},"type":"diff-summary"}
{"so":6979983,"data":{"data":{"diff":"Commit 6969c9f67506ce02d46fc9fc38d5648c56f9be1a\n--- src/components/App.js\n+++ src/components/App.js\n@@ -196,9 +196,9 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n </Menu>\n <Wrapper>\n <Code\n- value={source}\n- onChange={(val) => setSource(val)}\n- docName=\"source.js\"\n+ value={customPlugin}\n+ onChange={(val) => setCustomPlugin(val)}\n+ docName=\"plugin.js\"\n />\n <FileSize>\n {size}b, {gzip}b\n"}},"type":"diff"}
{"so":6979983,"data":{"data":{"diff":"Commit 6969c9f67506ce02d46fc9fc38d5648c56f9be1a\n--- src/components/App.js\n+++ src/components/App.js\n@@ -206,11 +206,6 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n {/* <AST source={source}></AST> */}\n </Wrapper>\n \n- <Code\n- value={customPlugin}\n- onChange={(val) => setCustomPlugin(val)}\n- docName=\"plugin.js\"\n- />\n <Toggle onClick={() => toggleCustomPlugin(false)} />\n </Grid.Column>\n </Grid.Row>\n"}},"type":"diff"}
{"so":6981086,"data":{"data":{"id":2886970,"memoryUsage":297201664,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":6984531,"data":{"data":{"summary":{"changed":2,"commit":"1834ec29a49f1b1bb01d68ecf9defd45ebddfcd3","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":6984533,"data":{"data":{"diff":"Commit 1834ec29a49f1b1bb01d68ecf9defd45ebddfcd3\n--- src/components/App.js\n+++ src/components/App.js\n@@ -202,7 +202,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n />\n <FileSize>\n {size}b, {gzip}b\n- </FileSize>\n+ </FileSize>\n {/* <AST source={source}></AST> */}\n </Wrapper>\n \n"}},"type":"diff"}
{"so":6991102,"data":{"data":{"id":2819594,"memoryUsage":97316864,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":6992340,"data":{"data":{"transcript":"A plug in","startTime":6992.34}},"type":"speech"}
{"so":6995620,"data":{"data":{"transcript":"Um Then on this is that talk over the X great","startTime":6995.62}},"type":"speech"}
{"so":6999710,"data":{"data":{"summary":{"changed":2,"commit":"c832a30fa2e360a64fc08727fc88bf19b2ad3088","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":6999712,"data":{"data":{"diff":"Commit c832a30fa2e360a64fc08727fc88bf19b2ad3088\n--- src/components/App.js\n+++ src/components/App.js\n@@ -186,7 +186,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n \n <Menu attached='top' tabular inverted>\n <Menu.Item>\n- input.js\n+ config.js\n </Menu.Item>\n <Menu.Menu position='right'>\n <Menu.Item>\n"}},"type":"diff"}
{"so":7001089,"data":{"data":{"id":2819594,"memoryUsage":97325056,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7002310,"data":{"data":{"transcript":"So we can do that. Under this icon. Close on, click equals struggle. Plug in.","startTime":7002.31}},"type":"speech"}
{"so":7004572,"data":{"data":{"summary":{"changed":2,"commit":"e0e3bba18bbf50e3ddca9c32399fb57554e4a5dc","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":7004574,"data":{"data":{"diff":"Commit e0e3bba18bbf50e3ddca9c32399fb57554e4a5dc\n--- src/components/App.js\n+++ src/components/App.js\n@@ -186,7 +186,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n \n <Menu attached='top' tabular inverted>\n <Menu.Item>\n- config.js\n+ plugin.js\n </Menu.Item>\n <Menu.Menu position='right'>\n <Menu.Item>\n"}},"type":"diff"}
{"so":7009610,"data":{"data":{"transcript":"Oh, that feels good.","startTime":7009.61}},"type":"speech"}
{"so":7011091,"data":{"data":{"id":2819594,"memoryUsage":97128448,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7012370,"data":{"data":{"transcript":"Had plug in custom. Okay, that score.","startTime":7012.37}},"type":"speech"}
{"so":7014507,"data":{"data":{"summary":{"changed":4,"commit":"524854b8daf7620ca5d7f615f899246e5fcf8e7e","deletions":3,"files":[{"changed":4,"deletions":3,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":7014511,"data":{"data":{"diff":"Commit 524854b8daf7620ca5d7f615f899246e5fcf8e7e\n--- src/components/App.js\n+++ src/components/App.js\n@@ -189,7 +189,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n plugin.js\n </Menu.Item>\n <Menu.Menu position='right'>\n- <Menu.Item>\n+ <Menu.Item onClick={() => toggleCustomPlugin(false)}>\n <Icon name='close' size='' />\n </Menu.Item>\n </Menu.Menu>\n"}},"type":"diff"}
{"so":7014511,"data":{"data":{"diff":"Commit 524854b8daf7620ca5d7f615f899246e5fcf8e7e\n--- src/components/App.js\n+++ src/components/App.js\n@@ -205,8 +205,6 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n </FileSize>\n {/* <AST source={source}></AST> */}\n </Wrapper>\n-\n- <Toggle onClick={() => toggleCustomPlugin(false)} />\n </Grid.Column>\n </Grid.Row>\n )}\n"}},"type":"diff"}
{"so":7016100,"data":{"data":{"transcript":"Andi, we'll get those bite size is in there.","startTime":7016.1}},"type":"speech"}
{"so":7020490,"data":{"data":{"transcript":"I don't think we need to file size element anymore.","startTime":7020.49}},"type":"speech"}
{"so":7021117,"data":{"data":{"id":2886970,"memoryUsage":293912576,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":7024320,"data":{"data":{"transcript":"Menu item.","startTime":7024.32}},"type":"speech"}
{"so":7028630,"data":{"data":{"transcript":"When you write a menu item.","startTime":7028.63}},"type":"speech"}
{"so":7031118,"data":{"data":{"id":2819594,"memoryUsage":97128448,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7032530,"data":{"data":{"transcript":"Okay?","startTime":7032.53}},"type":"speech"}
{"so":7041095,"data":{"data":{"id":2819594,"memoryUsage":97136640,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7044594,"data":{"data":{"summary":{"changed":11,"commit":"32b2fdca764792b3ffce0e6035882978b3bc9b40","deletions":5,"files":[{"changed":11,"deletions":5,"file":"src/components/App.js","insertions":6}],"insertions":6}}},"type":"diff-summary"}
{"so":7044599,"data":{"data":{"diff":"Commit 32b2fdca764792b3ffce0e6035882978b3bc9b40\n--- src/components/App.js\n+++ src/components/App.js\n@@ -187,23 +187,24 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Menu attached='top' tabular inverted>\n <Menu.Item>\n plugin.js\n- </Menu.Item>\n+ </Menu.Item>\n <Menu.Menu position='right'>\n <Menu.Item onClick={() => toggleCustomPlugin(false)}>\n <Icon name='close' size='' />\n </Menu.Item>\n </Menu.Menu>\n+ <Menu.Item>\n+ plugin.js\n+ </Menu.Item>\n </Menu>\n+\n+ {size}b, {gzip}b\n <Wrapper>\n <Code\n value={customPlugin}\n onChange={(val) => setCustomPlugin(val)}\n docName=\"plugin.js\"\n />\n- <FileSize>\n- {size}b, {gzip}b\n- </FileSize>\n- {/* <AST source={source}></AST> */}\n </Wrapper>\n </Grid.Column>\n </Grid.Row>\n"}},"type":"diff"}
{"so":7049755,"data":{"data":{"summary":{"changed":4,"commit":"8120c8a263b5dab593847173d8c30d81a560f27c","deletions":3,"files":[{"changed":4,"deletions":3,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":7049759,"data":{"data":{"diff":"Commit 8120c8a263b5dab593847173d8c30d81a560f27c\n--- src/components/App.js\n+++ src/components/App.js\n@@ -194,11 +194,9 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n </Menu.Item>\n </Menu.Menu>\n <Menu.Item>\n- plugin.js\n+ {size}b, {gzip}b\n </Menu.Item>\n </Menu>\n-\n- {size}b, {gzip}b\n <Wrapper>\n <Code\n value={customPlugin}\n"}},"type":"diff"}
{"so":7051097,"data":{"data":{"id":2819594,"memoryUsage":97226752,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7059834,"data":{"data":{"summary":{"changed":6,"commit":"f4cf4339d13db491676ac03bd3de7f3c7b3cd91c","deletions":3,"files":[{"changed":6,"deletions":3,"file":"src/components/App.js","insertions":3}],"insertions":3}}},"type":"diff-summary"}
{"so":7059838,"data":{"data":{"diff":"Commit f4cf4339d13db491676ac03bd3de7f3c7b3cd91c\n--- src/components/App.js\n+++ src/components/App.js\n@@ -188,14 +188,14 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Menu.Item>\n plugin.js\n </Menu.Item>\n+ <Menu.Item>\n+ {size}b, {gzip}b\n+ </Menu.Item>\n <Menu.Menu position='right'>\n <Menu.Item onClick={() => toggleCustomPlugin(false)}>\n <Icon name='close' size='' />\n </Menu.Item>\n </Menu.Menu>\n- <Menu.Item>\n- {size}b, {gzip}b\n- </Menu.Item>\n </Menu>\n <Wrapper>\n <Code\n"}},"type":"diff"}
{"so":7060960,"data":{"data":{"transcript":"Oof! We don't want that.","startTime":7060.96}},"type":"speech"}
{"so":7061098,"data":{"data":{"id":2819594,"memoryUsage":97218560,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7063050,"data":{"data":{"transcript":"Andi make okay. We can just put this in there. Okay, that makes sense.","startTime":7063.05}},"type":"speech"}
{"so":7069480,"data":{"data":{"transcript":"Like that.","startTime":7069.48}},"type":"speech"}
{"so":7069891,"data":{"data":{"summary":{"changed":2,"commit":"849e5a011d423f6ec048b309907322a241f24e3f","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":7069893,"data":{"data":{"diff":"Commit 849e5a011d423f6ec048b309907322a241f24e3f\n--- src/components/App.js\n+++ src/components/App.js\n@@ -188,7 +188,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Menu.Item>\n plugin.js\n </Menu.Item>\n- <Menu.Item>\n+ <Menu.Item position=\"right\">\n {size}b, {gzip}b\n </Menu.Item>\n <Menu.Menu position='right'>\n"}},"type":"diff"}
{"so":7071100,"data":{"data":{"id":2819594,"memoryUsage":97292288,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7079717,"data":{"data":{"summary":{"changed":6,"commit":"906068869340d79e3729e0c0680d964c2eee4e20","deletions":3,"files":[{"changed":6,"deletions":3,"file":"src/components/App.js","insertions":3}],"insertions":3}}},"type":"diff-summary"}
{"so":7079719,"data":{"data":{"diff":"Commit 906068869340d79e3729e0c0680d964c2eee4e20\n--- src/components/App.js\n+++ src/components/App.js\n@@ -188,10 +188,10 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Menu.Item>\n plugin.js\n </Menu.Item>\n- <Menu.Item position=\"right\">\n- {size}b, {gzip}b\n- </Menu.Item>\n <Menu.Menu position='right'>\n+ <Menu.Item>\n+ {size}b, {gzip}b\n+ </Menu.Item>\n <Menu.Item onClick={() => toggleCustomPlugin(false)}>\n <Icon name='close' size='' />\n </Menu.Item>\n"}},"type":"diff"}
{"so":7081119,"data":{"data":{"id":2819594,"memoryUsage":97361920,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7084615,"data":{"data":{"summary":{"changed":2,"commit":"882c6af930b4b0b54a3c2e3e5b1169800c562c82","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":7084618,"data":{"data":{"diff":"Commit 882c6af930b4b0b54a3c2e3e5b1169800c562c82\n--- src/components/App.js\n+++ src/components/App.js\n@@ -191,7 +191,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Menu.Menu position='right'>\n <Menu.Item>\n {size}b, {gzip}b\n- </Menu.Item>\n+ </Menu.Item>\n <Menu.Item onClick={() => toggleCustomPlugin(false)}>\n <Icon name='close' size='' />\n </Menu.Item>\n"}},"type":"diff"}
{"so":7091103,"data":{"data":{"id":2819594,"memoryUsage":97361920,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7101107,"data":{"data":{"id":2819594,"memoryUsage":97349632,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7104974,"data":{"data":{"summary":{"changed":3,"commit":"1ae04bf105673ebd48b8d419707a5c5dc372e879","deletions":0,"files":[{"changed":3,"deletions":0,"file":"src/components/App.js","insertions":3}],"insertions":3}}},"type":"diff-summary"}
{"so":7104977,"data":{"data":{"diff":"Commit 1ae04bf105673ebd48b8d419707a5c5dc372e879\n--- src/components/App.js\n+++ src/components/App.js\n@@ -163,6 +163,9 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n </Menu.Item>\n <Menu.Menu position='right'>\n <Menu.Item>\n+ {size}b, {gzip}b\n+ </Menu.Item>\n+ <Menu.Item>\n <Icon name='close' size='' />\n </Menu.Item>\n </Menu.Menu>\n"}},"type":"diff"}
{"so":7106160,"data":{"data":{"transcript":"I don't think this has a close button.","startTime":7106.16}},"type":"speech"}
{"so":7109920,"data":{"data":{"transcript":"I don't think it does.","startTime":7109.92}},"type":"speech"}
{"so":7111106,"data":{"data":{"id":2819594,"memoryUsage":96432128,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7114528,"data":{"data":{"summary":{"changed":3,"commit":"81be461ca36b9fc097e181c3a702e11d796d79e5","deletions":3,"files":[{"changed":3,"deletions":3,"file":"src/components/App.js","insertions":0}],"insertions":0}}},"type":"diff-summary"}
{"so":7114532,"data":{"data":{"diff":"Commit 81be461ca36b9fc097e181c3a702e11d796d79e5\n--- src/components/App.js\n+++ src/components/App.js\n@@ -163,9 +163,6 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n </Menu.Item>\n <Menu.Menu position='right'>\n <Menu.Item>\n- {size}b, {gzip}b\n- </Menu.Item>\n- <Menu.Item>\n <Icon name='close' size='' />\n </Menu.Item>\n </Menu.Menu>\n"}},"type":"diff"}
{"so":7115550,"data":{"data":{"transcript":"It does have bite size, though, and they come from here, okay?","startTime":7115.55}},"type":"speech"}
{"so":7119700,"data":{"data":{"summary":{"changed":5,"commit":"44aa402884ce37c191649a3d8bd09820f1d22576","deletions":5,"files":[{"changed":5,"deletions":5,"file":"src/components/App.js","insertions":0}],"insertions":0}}},"type":"diff-summary"}
{"so":7119704,"data":{"data":{"diff":"Commit 44aa402884ce37c191649a3d8bd09820f1d22576\n--- src/components/App.js\n+++ src/components/App.js\n@@ -161,11 +161,6 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Menu.Item>\n input.js\n </Menu.Item>\n- <Menu.Menu position='right'>\n- <Menu.Item>\n- <Icon name='close' size='' />\n- </Menu.Item>\n- </Menu.Menu>\n </Menu>\n <Wrapper>\n <Code\n"}},"type":"diff"}
{"so":7121116,"data":{"data":{"id":2886970,"memoryUsage":294252544,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":7122630,"data":{"data":{"transcript":"Sighs. Jesus sized. It's weird. How does it has it? Not the same.","startTime":7122.63}},"type":"speech"}
{"so":7129390,"data":{"data":{"transcript":"It is the size anyway.","startTime":7129.39}},"type":"speech"}
{"so":7131115,"data":{"data":{"id":2819594,"memoryUsage":96878592,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7138180,"data":{"data":{"transcript":"Code.","startTime":7138.18}},"type":"speech"}
{"so":7141110,"data":{"data":{"id":2819594,"memoryUsage":96894976,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7143460,"data":{"data":{"transcript":"Okay, good.","startTime":7143.46}},"type":"speech"}
{"so":7151162,"data":{"data":{"id":2819594,"memoryUsage":96899072,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7161118,"data":{"data":{"id":2819594,"memoryUsage":96911360,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7171134,"data":{"data":{"id":2819594,"memoryUsage":96935936,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7174110,"data":{"data":{"transcript":"There's going to be hate as well, not six.","startTime":7174.11}},"type":"speech"}
{"so":7178120,"data":{"data":{"transcript":"Okay?","startTime":7178.12}},"type":"speech"}
{"so":7181116,"data":{"data":{"id":2819594,"memoryUsage":96944128,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7188300,"data":{"data":{"transcript":"It's so crazy. How does know how does this reference","startTime":7188.3}},"type":"speech"}
{"so":7189669,"data":{"data":{"summary":{"changed":4,"commit":"615863b674b1b764d80165c14982f6d19a10913f","deletions":2,"files":[{"changed":4,"deletions":2,"file":"src/components/App.js","insertions":2}],"insertions":2}}},"type":"diff-summary"}
{"so":7189671,"data":{"data":{"diff":"Commit 615863b674b1b764d80165c14982f6d19a10913f\n--- src/components/App.js\n+++ src/components/App.js\n@@ -44,7 +44,7 @@ function CompiledOutput({\n \n return (\n <Grid.Row>\n- <Grid.Column width={6}>\n+ <Grid.Column width={8}>\n <Config\n value={\n config === Object(config)\n"}},"type":"diff"}
{"so":7189671,"data":{"data":{"diff":"Commit 615863b674b1b764d80165c14982f6d19a10913f\n--- src/components/App.js\n+++ src/components/App.js\n@@ -56,7 +56,7 @@ function CompiledOutput({\n config={{ mode: \"application/json\" }}\n />\n </Grid.Column>\n- <Grid.Column width={6}>\n+ <Grid.Column width={8}>\n <Code\n value={compiled?.code ?? \"\"}\n docName=\"result.js\"\n"}},"type":"diff"}
{"so":7191116,"data":{"data":{"id":2819594,"memoryUsage":96944128,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7192140,"data":{"data":{"transcript":"Compiled. Sized Jesus. Okay, they're different variables.","startTime":7192.14}},"type":"speech"}
{"so":7196750,"data":{"data":{"transcript":"And this is scoped. Okay, having since compiling qualifies","startTime":7196.75}},"type":"speech"}
{"so":7201020,"data":{"data":{"transcript":"That's the only one of the father and you take one more. Look at the","startTime":7201.02}},"type":"speech"}
{"so":7201133,"data":{"data":{"id":2819594,"memoryUsage":96944128,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7206240,"data":{"data":{"transcript":"Code sandbox. Let's see if that what? This looks like.","startTime":7206.24}},"type":"speech"}
{"so":7211135,"data":{"data":{"id":2886970,"memoryUsage":298823680,"owner":{"name":"chrome.exe"},"title":"CodeSandbox - Google Chrome"}},"type":"window"}
{"so":7213790,"data":{"data":{"transcript":"You asked a 73 90","startTime":7213.79}},"type":"speech"}
{"so":7221138,"data":{"data":{"id":2886970,"memoryUsage":299597824,"owner":{"name":"chrome.exe"},"title":"Handling Events – React - Google Chrome"}},"type":"window"}
{"so":7221140,"data":{"data":{"transcript":"That's not me input, okay?","startTime":7221.14}},"type":"speech"}
{"so":7231140,"data":{"data":{"id":2819594,"memoryUsage":97337344,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7241132,"data":{"data":{"id":2819594,"memoryUsage":97341440,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7251126,"data":{"data":{"id":2819594,"memoryUsage":97341440,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7261142,"data":{"data":{"id":2819594,"memoryUsage":97320960,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7271127,"data":{"data":{"id":2819594,"memoryUsage":97320960,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7281141,"data":{"data":{"id":2819594,"memoryUsage":97320960,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7291130,"data":{"data":{"id":2819594,"memoryUsage":97320960,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7294964,"data":{"data":{"summary":{"changed":74,"commit":"c84fa5f350d091e4289a16711e76d287206bc876","deletions":37,"files":[{"changed":74,"deletions":37,"file":"src/components/App.js","insertions":37}],"insertions":37}}},"type":"diff-summary"}
{"so":7294969,"data":{"data":{"diff":"Commit c84fa5f350d091e4289a16711e76d287206bc876\n--- src/components/App.js\n+++ src/components/App.js\n@@ -162,47 +162,47 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n input.js\n </Menu.Item>\n </Menu>\n- <Wrapper>\n- <Code\n- value={source}\n- onChange={(val) => setSource(val)}\n- docName=\"source.js\"\n- />\n- <FileSize>\n+ <Menu.Menu position='right'>\n+ <Menu.Item>\n {size}b, {gzip}b\n- </FileSize>\n- {/* <AST source={source}></AST> */}\n- </Wrapper>\n- </Grid.Column>\n- </Grid.Row>\n- {enableCustomPlugin && (\n- <Grid.Row>\n- <Grid.Column width={16}>\n-\n- <Menu attached='top' tabular inverted>\n- <Menu.Item>\n- plugin.js\n- </Menu.Item>\n- <Menu.Menu position='right'>\n- <Menu.Item>\n- {size}b, {gzip}b\n- </Menu.Item>\n- <Menu.Item onClick={() => toggleCustomPlugin(false)}>\n- <Icon name='close' size='' />\n </Menu.Item>\n- </Menu.Menu>\n- </Menu>\n <Wrapper>\n <Code\n- value={customPlugin}\n- onChange={(val) => setCustomPlugin(val)}\n- docName=\"plugin.js\"\n+ value={source}\n+ onChange={(val) => setSource(val)}\n+ docName=\"source.js\"\n />\n </Wrapper>\n- </Grid.Column>\n- </Grid.Row>\n- )}\n- {results}\n+ </Grid.Column>\n+ </Grid.Row>\n+ {enableCustomPlugin && (\n+ <Grid.Row>\n+ <Grid.Column width={16}>\n+\n+ <Menu attached='top' tabular inverted>\n+ <Menu.Item>\n+ plugin.js\n+ </Menu.Item>\n+ <Menu.Menu position='right'>\n+ <Menu.Item>\n+ {size}b, {gzip}b\n+ </Menu.Item>\n+ <Menu.Item onClick={() => toggleCustomPlugin(false)}>\n+ <Icon name='close' size='' />\n+ </Menu.Item>\n+ </Menu.Menu>\n+ </Menu>\n+ <Wrapper>\n+ <Code\n+ value={customPlugin}\n+ onChange={(val) => setCustomPlugin(val)}\n+ docName=\"plugin.js\"\n+ />\n+ </Wrapper>\n+ </Grid.Column>\n+ </Grid.Row>\n+ )}\n+ {results}\n </Grid>\n \n </Root >\n"}},"type":"diff"}
{"so":7294970,"data":{"data":{"diff":"Commit c84fa5f350d091e4289a16711e76d287206bc876\n--- src/components/App.js\n+++ src/components/App.js\n@@ -220,11 +220,11 @@ function useDebounce(value, delay) {\n \n React.useEffect(() => {\n const handler = setTimeout(() => {\n- setDebouncedValue(value);\n+ setDebouncedValue(value);\n }, delay);\n \n return () => {\n- clearTimeout(handler);\n+ clearTimeout(handler);\n };\n }, [delay, value]);\n \n"}},"type":"diff"}
{"so":7297020,"data":{"data":{"transcript":"Oof! That didn't work out.","startTime":7297.02}},"type":"speech"}
{"so":7299584,"data":{"data":{"summary":{"changed":69,"commit":"f9c907ebcf07317d24de51a1aa6a82b649149cf5","deletions":34,"files":[{"changed":69,"deletions":34,"file":"src/components/App.js","insertions":35}],"insertions":35}}},"type":"diff-summary"}
{"so":7299588,"data":{"data":{"diff":"Commit f9c907ebcf07317d24de51a1aa6a82b649149cf5\n--- src/components/App.js\n+++ src/components/App.js\n@@ -166,43 +166,44 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Menu.Item>\n {size}b, {gzip}b\n </Menu.Item>\n- <Wrapper>\n- <Code\n- value={source}\n- onChange={(val) => setSource(val)}\n- docName=\"source.js\"\n- />\n- </Wrapper>\n+ </Menu.Menu>\n+ <Wrapper>\n+ <Code\n+ value={source}\n+ onChange={(val) => setSource(val)}\n+ docName=\"source.js\"\n+ />\n+ </Wrapper>\n </Grid.Column>\n </Grid.Row>\n- {enableCustomPlugin && (\n- <Grid.Row>\n- <Grid.Column width={16}>\n+ {enableCustomPlugin && (\n+ <Grid.Row>\n+ <Grid.Column width={16}>\n \n- <Menu attached='top' tabular inverted>\n- <Menu.Item>\n- plugin.js\n+ <Menu attached='top' tabular inverted>\n+ <Menu.Item>\n+ plugin.js\n </Menu.Item>\n- <Menu.Menu position='right'>\n- <Menu.Item>\n- {size}b, {gzip}b\n+ <Menu.Menu position='right'>\n+ <Menu.Item>\n+ {size}b, {gzip}b\n </Menu.Item>\n- <Menu.Item onClick={() => toggleCustomPlugin(false)}>\n- <Icon name='close' size='' />\n- </Menu.Item>\n- </Menu.Menu>\n- </Menu>\n- <Wrapper>\n- <Code\n- value={customPlugin}\n- onChange={(val) => setCustomPlugin(val)}\n- docName=\"plugin.js\"\n- />\n- </Wrapper>\n- </Grid.Column>\n- </Grid.Row>\n- )}\n- {results}\n+ <Menu.Item onClick={() => toggleCustomPlugin(false)}>\n+ <Icon name='close' size='' />\n+ </Menu.Item>\n+ </Menu.Menu>\n+ </Menu>\n+ <Wrapper>\n+ <Code\n+ value={customPlugin}\n+ onChange={(val) => setCustomPlugin(val)}\n+ docName=\"plugin.js\"\n+ />\n+ </Wrapper>\n+ </Grid.Column>\n+ </Grid.Row>\n+ )}\n+ {results}\n </Grid>\n \n </Root >\n"}},"type":"diff"}
{"so":7299588,"data":{"data":{"diff":"Commit f9c907ebcf07317d24de51a1aa6a82b649149cf5\n--- src/components/App.js\n+++ src/components/App.js\n@@ -220,11 +221,11 @@ function useDebounce(value, delay) {\n \n React.useEffect(() => {\n const handler = setTimeout(() => {\n- setDebouncedValue(value);\n+ setDebouncedValue(value);\n }, delay);\n \n return () => {\n- clearTimeout(handler);\n+ clearTimeout(handler);\n };\n }, [delay, value]);\n \n"}},"type":"diff"}
{"so":7301130,"data":{"data":{"id":2819594,"memoryUsage":97312768,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7311149,"data":{"data":{"id":2819594,"memoryUsage":96567296,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7317200,"data":{"data":{"transcript":"Keep looking, does not have it.","startTime":7317.2}},"type":"speech"}
{"so":7319758,"data":{"data":{"summary":{"changed":10,"commit":"85d1a70dde0e0ed992090c0ed465424484248b88","deletions":5,"files":[{"changed":10,"deletions":5,"file":"src/components/App.js","insertions":5}],"insertions":5}}},"type":"diff-summary"}
{"so":7319762,"data":{"data":{"diff":"Commit 85d1a70dde0e0ed992090c0ed465424484248b88\n--- src/components/App.js\n+++ src/components/App.js\n@@ -161,12 +161,12 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n <Menu.Item>\n input.js\n </Menu.Item>\n- </Menu>\n- <Menu.Menu position='right'>\n- <Menu.Item>\n- {size}b, {gzip}b\n+ <Menu.Menu position='right'>\n+ <Menu.Item>\n+ {size}b, {gzip}b\n </Menu.Item>\n- </Menu.Menu>\n+ </Menu.Menu>\n+ </Menu>\n <Wrapper>\n <Code\n value={source}\n"}},"type":"diff"}
{"so":7321133,"data":{"data":{"id":2819594,"memoryUsage":96567296,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7329040,"data":{"data":{"transcript":"Then we need","startTime":7329.04}},"type":"speech"}
{"so":7329939,"data":{"data":{"summary":{"changed":3,"commit":"5979617ef8776262bc5aee44554b7e02467b63a7","deletions":3,"files":[{"changed":3,"deletions":3,"file":"src/components/App.js","insertions":0}],"insertions":0}}},"type":"diff-summary"}
{"so":7329943,"data":{"data":{"diff":"Commit 5979617ef8776262bc5aee44554b7e02467b63a7\n--- src/components/App.js\n+++ src/components/App.js\n@@ -185,9 +185,6 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n plugin.js\n </Menu.Item>\n <Menu.Menu position='right'>\n- <Menu.Item>\n- {size}b, {gzip}b\n- </Menu.Item>\n <Menu.Item onClick={() => toggleCustomPlugin(false)}>\n <Icon name='close' size='' />\n </Menu.Item>\n"}},"type":"diff"}
{"so":7331132,"data":{"data":{"id":2886970,"memoryUsage":294805504,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":7341133,"data":{"data":{"id":2819594,"memoryUsage":96636928,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7351135,"data":{"data":{"id":2886970,"memoryUsage":294805504,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":7361159,"data":{"data":{"id":2886970,"memoryUsage":299544576,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":7371153,"data":{"data":{"id":2886970,"memoryUsage":299302912,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":7381155,"data":{"data":{"id":2886970,"memoryUsage":298393600,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":7391163,"data":{"data":{"id":2819594,"memoryUsage":97275904,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7401143,"data":{"data":{"id":2819594,"memoryUsage":97288192,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7408400,"data":{"data":{"transcript":"Yeah, that makes sense that would be to find here.","startTime":7408.4}},"type":"speech"}
{"so":7409678,"data":{"data":{"summary":{"changed":11,"commit":"f8126bd60fe3ac04bc741031fd01b372e4f2482e","deletions":0,"files":[{"changed":11,"deletions":0,"file":"src/components/App.js","insertions":11}],"insertions":11}}},"type":"diff-summary"}
{"so":7409682,"data":{"data":{"diff":"Commit f8126bd60fe3ac04bc741031fd01b372e4f2482e\n--- src/components/App.js\n+++ src/components/App.js\n@@ -45,6 +45,17 @@ function CompiledOutput({\n return (\n <Grid.Row>\n <Grid.Column width={8}>\n+\n+ <Menu attached='top' tabular inverted>\n+ <Menu.Item>\n+ plugin.js\n+ </Menu.Item>\n+ <Menu.Menu position='right'>\n+ <Menu.Item onClick={() => toggleCustomPlugin(false)}>\n+ <Icon name='close' size='' />\n+ </Menu.Item>\n+ </Menu.Menu>\n+ </Menu>\n <Config\n value={\n config === Object(config)\n"}},"type":"diff"}
{"so":7411144,"data":{"data":{"id":2819594,"memoryUsage":96509952,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7412420,"data":{"data":{"transcript":"Get to that later.","startTime":7412.42}},"type":"speech"}
{"so":7418690,"data":{"data":{"transcript":"Many menu.","startTime":7418.69}},"type":"speech"}
{"so":7421145,"data":{"data":{"id":2886970,"memoryUsage":298909696,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":7424300,"data":{"data":{"transcript":"Many attached equals top, Okay?","startTime":7424.3}},"type":"speech"}
{"so":7424689,"data":{"data":{"summary":{"changed":2,"commit":"84d00544bd2cb25364f2c2a0d7b8ab98980684ba","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":7424692,"data":{"data":{"diff":"Commit 84d00544bd2cb25364f2c2a0d7b8ab98980684ba\n--- src/components/App.js\n+++ src/components/App.js\n@@ -51,7 +51,7 @@ function CompiledOutput({\n plugin.js\n </Menu.Item>\n <Menu.Menu position='right'>\n- <Menu.Item onClick={() => toggleCustomPlugin(false)}>\n+ <Menu.Item>\n <Icon name='close' size='' />\n </Menu.Item>\n </Menu.Menu>\n"}},"type":"diff"}
{"so":7428730,"data":{"data":{"transcript":"Um I told them","startTime":7428.73}},"type":"speech"}
{"so":7431168,"data":{"data":{"id":2819594,"memoryUsage":96686080,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7434820,"data":{"data":{"transcript":"Know where that other stuff is.","startTime":7434.82}},"type":"speech"}
{"so":7441176,"data":{"data":{"id":2819594,"memoryUsage":96677888,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7441360,"data":{"data":{"transcript":"Stop it.","startTime":7441.36}},"type":"speech"}
{"so":7449110,"data":{"data":{"transcript":"Wrapper.","startTime":7449.11}},"type":"speech"}
{"so":7451168,"data":{"data":{"id":2819594,"memoryUsage":96677888,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7453100,"data":{"data":{"transcript":"Trevor.","startTime":7453.1}},"type":"speech"}
{"so":7461165,"data":{"data":{"id":2819594,"memoryUsage":96657408,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7462750,"data":{"data":{"transcript":"This is where do we need something that says attached equals top.","startTime":7462.75}},"type":"speech"}
{"so":7467330,"data":{"data":{"transcript":"Nothing Could there are eight wide column.","startTime":7467.33}},"type":"speech"}
{"so":7470095,"data":{"data":{"summary":{"changed":23,"commit":"64e8e65fe3e07cd0a724b59dd96f33d561bedc7a","deletions":10,"files":[{"changed":23,"deletions":10,"file":"src/components/App.js","insertions":13}],"insertions":13}}},"type":"diff-summary"}
{"so":7470099,"data":{"data":{"diff":"Commit 64e8e65fe3e07cd0a724b59dd96f33d561bedc7a\n--- src/components/App.js\n+++ src/components/App.js\n@@ -56,16 +56,19 @@ function CompiledOutput({\n </Menu.Item>\n </Menu.Menu>\n </Menu>\n- <Config\n- value={\n- config === Object(config)\n- ? JSON.stringify(config, null, \"\\t\")\n- : config\n- }\n- onChange={onConfigChange}\n- docName=\"config.json\"\n- config={{ mode: \"application/json\" }}\n- />\n+ <Wrapper>\n+\n+ <Config\n+ value={\n+ config === Object(config)\n+ ? JSON.stringify(config, null, \"\\t\")\n+ : config\n+ }\n+ onChange={onConfigChange}\n+ docName=\"config.json\"\n+ config={{ mode: \"application/json\" }}\n+ />\n+ </Wrapper>\n </Grid.Column>\n <Grid.Column width={8}>\n <Code\n"}},"type":"diff"}
{"so":7471152,"data":{"data":{"id":2886970,"memoryUsage":298987520,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":7474505,"data":{"data":{"summary":{"changed":1,"commit":"66386d578496b3ac2b9b7824791f729ddf212c9d","deletions":1,"files":[{"changed":1,"deletions":1,"file":"src/components/App.js","insertions":0}],"insertions":0}}},"type":"diff-summary"}
{"so":7474508,"data":{"data":{"diff":"Commit 66386d578496b3ac2b9b7824791f729ddf212c9d\n--- src/components/App.js\n+++ src/components/App.js\n@@ -57,7 +57,6 @@ function CompiledOutput({\n </Menu.Menu>\n </Menu>\n <Wrapper>\n-\n <Config\n value={\n config === Object(config)\n"}},"type":"diff"}
{"so":7475340,"data":{"data":{"transcript":"And the patterns","startTime":7475.34}},"type":"speech"}
{"so":7478240,"data":{"data":{"transcript":"Oh, that's weird.","startTime":7478.24}},"type":"speech"}
{"so":7481171,"data":{"data":{"id":2886970,"memoryUsage":299167744,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":7481420,"data":{"data":{"transcript":"Because this has some kind of background.","startTime":7481.42}},"type":"speech"}
{"so":7485120,"data":{"data":{"transcript":"Is that a segment or something?","startTime":7485.12}},"type":"speech"}
{"so":7491174,"data":{"data":{"id":2886970,"memoryUsage":299216896,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":7492950,"data":{"data":{"transcript":"No segments I've been used","startTime":7492.95}},"type":"speech"}
{"so":7495270,"data":{"data":{"transcript":"Menu. Okay. Many, many, many rapper config.","startTime":7495.27}},"type":"speech"}
{"so":7500900,"data":{"data":{"transcript":"Good call mates or the other one.","startTime":7500.9}},"type":"speech"}
{"so":7501172,"data":{"data":{"id":2819594,"memoryUsage":96690176,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7504890,"data":{"data":{"transcript":"Then human Even you can fit through drug column and","startTime":7504.89}},"type":"speech"}
{"so":7510320,"data":{"data":{"transcript":"Miss Ingrid calm? No.","startTime":7510.32}},"type":"speech"}
{"so":7511155,"data":{"data":{"id":2819594,"memoryUsage":96718848,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7514700,"data":{"data":{"transcript":"Difference.","startTime":7514.7}},"type":"speech"}
{"so":7517950,"data":{"data":{"transcript":"Aces.","startTime":7517.95}},"type":"speech"}
{"so":7521191,"data":{"data":{"id":2886970,"memoryUsage":300445696,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":7522870,"data":{"data":{"transcript":"And you attached. I saw this needs to be","startTime":7522.87}},"type":"speech"}
{"so":7524812,"data":{"data":{"summary":{"changed":2,"commit":"222bb11be603519d9e32f9eebd86be1125eb7be5","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":7524815,"data":{"data":{"diff":"Commit 222bb11be603519d9e32f9eebd86be1125eb7be5\n--- src/components/App.js\n+++ src/components/App.js\n@@ -7,7 +7,7 @@ import { Editor } from \"./Editor\";\n import { processOptions } from \"../standalone\";\n import { gzipSize } from \"../gzip\";\n \n-import { Grid, Dropdown, Icon, Menu, Segment, Input } from 'semantic-ui-react'\n+import { Grid, Dropdown, Icon, Menu, Input } from 'semantic-ui-react'\n \n \n window.babel = Babel;\n"}},"type":"diff"}
{"so":7530500,"data":{"data":{"transcript":"Touch tabular menu.","startTime":7530.5}},"type":"speech"}
{"so":7531169,"data":{"data":{"id":2886970,"memoryUsage":299495424,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":7533780,"data":{"data":{"transcript":"Oh, that's interesting because this is a configured. That's the output so we want","startTime":7533.78}},"type":"speech"}
{"so":7539420,"data":{"data":{"transcript":"Kind of want the whole thing.","startTime":7539.42}},"type":"speech"}
{"so":7541178,"data":{"data":{"id":2886970,"memoryUsage":299237376,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":7543130,"data":{"data":{"transcript":"To be, um","startTime":7543.13}},"type":"speech"}
{"so":7546950,"data":{"data":{"transcript":"Oscar's Everything up, doesn't it?","startTime":7546.95}},"type":"speech"}
{"so":7549130,"data":{"data":{"transcript":"Okay, Let's take a look at","startTime":7549.13}},"type":"speech"}
{"so":7551164,"data":{"data":{"id":2886970,"memoryUsage":299237376,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":7554230,"data":{"data":{"transcript":"No, I was going to stop here. I'm too excited about this.","startTime":7554.23}},"type":"speech"}
{"so":7558790,"data":{"data":{"transcript":"Water here.","startTime":7558.79}},"type":"speech"}
{"so":7561167,"data":{"data":{"id":2819594,"memoryUsage":96735232,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7565130,"data":{"data":{"transcript":"Come","startTime":7565.13}},"type":"speech"}
{"so":7568010,"data":{"data":{"transcript":"All right.","startTime":7568.01}},"type":"speech"}
{"so":7571168,"data":{"data":{"id":10625476,"memoryUsage":332849152,"owner":{"name":"Paircast.exe"},"title":"Paircast"}},"type":"window"}
{"so":7581169,"data":{"data":{"id":2886970,"memoryUsage":301539328,"owner":{"name":"chrome.exe"},"title":"Semantic UI - Google Chrome"}},"type":"window"}
{"so":7582980,"data":{"data":{"transcript":"Card.","startTime":7582.98}},"type":"speech"}
{"so":7591169,"data":{"data":{"id":2886970,"memoryUsage":301445120,"owner":{"name":"chrome.exe"},"title":"Card | Semantic UI - Google Chrome"}},"type":"window"}
{"so":7601171,"data":{"data":{"id":2886970,"memoryUsage":300716032,"owner":{"name":"chrome.exe"},"title":"Card | Semantic UI - Google Chrome"}},"type":"window"}
{"so":7611188,"data":{"data":{"id":2886970,"memoryUsage":299872256,"owner":{"name":"chrome.exe"},"title":"Divider | Semantic UI - Google Chrome"}},"type":"window"}
{"so":7618110,"data":{"data":{"transcript":"Okay. Oh, I need to go back into","startTime":7618.11}},"type":"speech"}
{"so":7621181,"data":{"data":{"id":2886970,"memoryUsage":299753472,"owner":{"name":"chrome.exe"},"title":"Divider | Semantic UI - Google Chrome"}},"type":"window"}
{"so":7622010,"data":{"data":{"transcript":"Reacts and Magda why?","startTime":7622.01}},"type":"speech"}
{"so":7628400,"data":{"data":{"transcript":"Divider.","startTime":7628.4}},"type":"speech"}
{"so":7631188,"data":{"data":{"id":2886970,"memoryUsage":303165440,"owner":{"name":"chrome.exe"},"title":"https://react.semantic-ui.com - Google Chrome"}},"type":"window"}
{"so":7641178,"data":{"data":{"id":2886970,"memoryUsage":300658688,"owner":{"name":"chrome.exe"},"title":"Divider - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":7643100,"data":{"data":{"transcript":"Second Ingrid.","startTime":7643.1}},"type":"speech"}
{"so":7644750,"data":{"data":{"transcript":"That's perfect. Okay, cool.","startTime":7644.75}},"type":"speech"}
{"so":7647120,"data":{"data":{"transcript":"So we are in this","startTime":7647.12}},"type":"speech"}
{"so":7651201,"data":{"data":{"id":2886970,"memoryUsage":300503040,"owner":{"name":"chrome.exe"},"title":"Divider - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":7651800,"data":{"data":{"transcript":"With equal. Say what tickles A grid road grid, So I think this is Grid column with equals 16.","startTime":7651.8}},"type":"speech"}
{"so":7661178,"data":{"data":{"id":2819594,"memoryUsage":96718848,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7664260,"data":{"data":{"transcript":"Segment open grid segment.","startTime":7664.26}},"type":"speech"}
{"so":7671060,"data":{"data":{"transcript":"Columns equals two.","startTime":7671.06}},"type":"speech"}
{"so":7671180,"data":{"data":{"id":2819594,"memoryUsage":96718848,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7674773,"data":{"data":{"summary":{"changed":265,"commit":"e809ec6b3ee64bcf9dd889c0091336469e238f63","deletions":131,"files":[{"changed":265,"deletions":131,"file":"src/components/App.js","insertions":134}],"insertions":134}}},"type":"diff-summary"}
{"so":7674777,"data":{"data":{"diff":"Commit e809ec6b3ee64bcf9dd889c0091336469e238f63\n--- src/components/App.js\n+++ src/components/App.js\n@@ -44,48 +44,51 @@ function CompiledOutput({\n \n return (\n <Grid.Row>\n- <Grid.Column width={8}>\n-\n- <Menu attached='top' tabular inverted>\n- <Menu.Item>\n- plugin.js\n- </Menu.Item>\n- <Menu.Menu position='right'>\n- <Menu.Item>\n- <Icon name='close' size='' />\n- </Menu.Item>\n- </Menu.Menu>\n- </Menu>\n- <Wrapper>\n- <Config\n- value={\n- config === Object(config)\n- ? JSON.stringify(config, null, \"\\t\")\n- : config\n- }\n- onChange={onConfigChange}\n- docName=\"config.json\"\n- config={{ mode: \"application/json\" }}\n- />\n- </Wrapper>\n+ <Grid.Column width={16}>\n+ <Segment>\n+ <Grid columns={2} relaxed='very'>\n </Grid.Column>\n- <Grid.Column width={8}>\n- <Code\n- value={compiled?.code ?? \"\"}\n- docName=\"result.js\"\n- config={{ readOnly: true, lineWrapping: true }}\n- isError={compiled?.error ?? false}\n- />\n- </Grid.Column>\n- <FileSize>\n- {compiled?.size}b, {gzip}b\n+ <Grid.Column width={8}>\n+ <Menu attached='top' tabular inverted>\n+ <Menu.Item>\n+ plugin.js\n+ </Menu.Item>\n+ <Menu.Menu position='right'>\n+ <Menu.Item>\n+ <Icon name='close' size='' />\n+ </Menu.Item>\n+ </Menu.Menu>\n+ </Menu>\n+ <Wrapper>\n+ <Config\n+ value={\n+ config === Object(config)\n+ ? JSON.stringify(config, null, \"\\t\")\n+ : config\n+ }\n+ onChange={onConfigChange}\n+ docName=\"config.json\"\n+ config={{ mode: \"application/json\" }}\n+ />\n+ </Wrapper>\n+ </Grid.Column>\n+ <Grid.Column width={8}>\n+ <Code\n+ value={compiled?.code ?? \"\"}\n+ docName=\"result.js\"\n+ config={{ readOnly: true, lineWrapping: true }}\n+ isError={compiled?.error ?? false}\n+ />\n+ </Grid.Column>\n+ <FileSize>\n+ {compiled?.size}b, {gzip}b\n </FileSize>\n- <Toggle onClick={removeConfig} />\n+ <Toggle onClick={removeConfig} />\n </Grid.Row>\n );\n }\n \n-export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n+export const App = ({defaultSource, defaultBabelConfig, defCustomPlugin}) => {\n const [source, setSource] = React.useState(defaultSource);\n const [enableCustomPlugin, toggleCustomPlugin] = React.useState(true);\n const [customPlugin, setCustomPlugin] = React.useState(defCustomPlugin);\n"}},"type":"diff"}
{"so":7674777,"data":{"data":{"diff":"Commit e809ec6b3ee64bcf9dd889c0091336469e238f63\n--- src/components/App.js\n+++ src/components/App.js\n@@ -99,124 +102,124 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n const debouncedSource = useDebounce(source, 125);\n \n const updateBabelConfig = useCallback((config, index) => {\n- setBabelConfig((configs) => {\n- const newConfigs = [...configs];\n- newConfigs[index] = config;\n+ setBabelConfig((configs) => {\n+ const newConfigs = [...configs];\n+ newConfigs[index] = config;\n \n- return newConfigs;\n- });\n+ return newConfigs;\n+ });\n }, []);\n \n const removeBabelConfig = useCallback((index) => {\n- setBabelConfig((configs) => configs.filter((c, i) => index !== i));\n+ setBabelConfig((configs) => configs.filter((c, i) => index !== i));\n }, []);\n \n let results = babelConfig.map((config, index) => {\n return (\n <CompiledOutput\n- source={debouncedSource}\n- customPlugin={enableCustomPlugin ? customPlugin : undefined}\n- config={config}\n- key={index}\n- onConfigChange={(config) => updateBabelConfig(config, index)}\n- removeConfig={() => removeBabelConfig(index)}\n- />\n+ source={debouncedSource}\n+ customPlugin={enableCustomPlugin ? customPlugin : undefined}\n+ config={config}\n+ key={index}\n+ onConfigChange={(config) => updateBabelConfig(config, index)}\n+ removeConfig={() => removeBabelConfig(index)}\n+ />\n );\n });\n \n useEffect(() => {\n- let size = new Blob([debouncedSource], { type: \"text/plain\" }).size;\n+ let size = new Blob([debouncedSource], {type: \"text/plain\" }).size;\n setSize(size);\n gzipSize(debouncedSource).then((s) => setGzip(s));\n }, [debouncedSource]);\n \n return (\n <Root>\n- <Menu attached='top' inverted>\n- <Menu.Item>\n- <img src=\"https://d33wubrfki0l68.cloudfront.net/7a197cfe44548cc1a3f581152af70a3051e11671/78df8/img/babel.svg\" />\n- </Menu.Item>\n- <Dropdown item icon='wrench' simple>\n- <Dropdown.Menu inverted>\n- <Dropdown.Item onClick={() => {\n- setSource(\"const hello = 'world';\");\n- }}>Load Example</Dropdown.Item>\n- <Dropdown.Item\n- onClick={() =>\n- setBabelConfig((configs) => [\n- ...configs,\n- configs[configs.length - 1],\n- ])\n- }>Add Config</Dropdown.Item>\n- <Dropdown.Item>\n-\n- <Icon name='dropdown' />\n- <span className='text'>Add Plugin</span>\n-\n- <Dropdown.Menu>\n- <Dropdown.Item onClick={() => toggleCustomPlugin(!enableCustomPlugin)}>Custom</Dropdown.Item>\n- <Dropdown.Item>Import</Dropdown.Item>\n+ <Menu attached='top' inverted>\n+ <Menu.Item>\n+ <img src=\"https://d33wubrfki0l68.cloudfront.net/7a197cfe44548cc1a3f581152af70a3051e11671/78df8/img/babel.svg\" />\n+ </Menu.Item>\n+ <Dropdown item icon='wrench' simple>\n+ <Dropdown.Menu inverted>\n+ <Dropdown.Item onClick={() => {\n+ setSource(\"const hello = 'world';\");\n+ }}>Load Example</Dropdown.Item>\n+ <Dropdown.Item\n+ onClick={() =>\n+ setBabelConfig((configs) => [\n+ ...configs,\n+ configs[configs.length - 1],\n+ ])\n+ }>Add Config</Dropdown.Item>\n+ <Dropdown.Item>\n+\n+ <Icon name='dropdown' />\n+ <span className='text'>Add Plugin</span>\n+\n+ <Dropdown.Menu>\n+ <Dropdown.Item onClick={() => toggleCustomPlugin(!enableCustomPlugin)}>Custom</Dropdown.Item>\n+ <Dropdown.Item>Import</Dropdown.Item>\n+ </Dropdown.Menu>\n+\n+ </Dropdown.Item>\n+ <Dropdown.Divider />\n+ <Dropdown.Item>Save...</Dropdown.Item>\n+ <Dropdown.Item>Share</Dropdown.Item>\n </Dropdown.Menu>\n+ </Dropdown>\n+ </Menu>\n \n- </Dropdown.Item>\n- <Dropdown.Divider />\n- <Dropdown.Item>Save...</Dropdown.Item>\n- <Dropdown.Item>Share</Dropdown.Item>\n- </Dropdown.Menu>\n- </Dropdown>\n- </Menu>\n-\n- <Grid celled='internally'>\n- <Grid.Row>\n+ <Grid celled='internally'>\n+ <Grid.Row>\n \n- <Grid.Column width={16}>\n- <Menu attached='top' tabular inverted>\n- <Menu.Item>\n- input.js\n+ <Grid.Column width={16}>\n+ <Menu attached='top' tabular inverted>\n+ <Menu.Item>\n+ input.js\n </Menu.Item>\n- <Menu.Menu position='right'>\n- <Menu.Item>\n- {size}b, {gzip}b\n+ <Menu.Menu position='right'>\n+ <Menu.Item>\n+ {size}b, {gzip}b\n </Menu.Item>\n- </Menu.Menu>\n- </Menu>\n- <Wrapper>\n- <Code\n- value={source}\n- onChange={(val) => setSource(val)}\n- docName=\"source.js\"\n- />\n- </Wrapper>\n- </Grid.Column>\n- </Grid.Row>\n- {enableCustomPlugin && (\n- <Grid.Row>\n- <Grid.Column width={16}>\n-\n- <Menu attached='top' tabular inverted>\n- <Menu.Item>\n- plugin.js\n+ </Menu.Menu>\n+ </Menu>\n+ <Wrapper>\n+ <Code\n+ value={source}\n+ onChange={(val) => setSource(val)}\n+ docName=\"source.js\"\n+ />\n+ </Wrapper>\n+ </Grid.Column>\n+ </Grid.Row>\n+ {enableCustomPlugin && (\n+ <Grid.Row>\n+ <Grid.Column width={16}>\n+\n+ <Menu attached='top' tabular inverted>\n+ <Menu.Item>\n+ plugin.js\n </Menu.Item>\n- <Menu.Menu position='right'>\n- <Menu.Item onClick={() => toggleCustomPlugin(false)}>\n- <Icon name='close' size='' />\n- </Menu.Item>\n- </Menu.Menu>\n- </Menu>\n- <Wrapper>\n- <Code\n- value={customPlugin}\n- onChange={(val) => setCustomPlugin(val)}\n- docName=\"plugin.js\"\n- />\n- </Wrapper>\n- </Grid.Column>\n- </Grid.Row>\n- )}\n- {results}\n- </Grid>\n-\n- </Root >\n+ <Menu.Menu position='right'>\n+ <Menu.Item onClick={() => toggleCustomPlugin(false)}>\n+ <Icon name='close' size='' />\n+ </Menu.Item>\n+ </Menu.Menu>\n+ </Menu>\n+ <Wrapper>\n+ <Code\n+ value={customPlugin}\n+ onChange={(val) => setCustomPlugin(val)}\n+ docName=\"plugin.js\"\n+ />\n+ </Wrapper>\n+ </Grid.Column>\n+ </Grid.Row>\n+ )}\n+ {results}\n+ </Grid>\n+\n+ </Root >\n );\n };\n \n"}},"type":"diff"}
{"so":7674777,"data":{"data":{"diff":"Commit e809ec6b3ee64bcf9dd889c0091336469e238f63\n--- src/components/App.js\n+++ src/components/App.js\n@@ -231,11 +234,11 @@ function useDebounce(value, delay) {\n \n React.useEffect(() => {\n const handler = setTimeout(() => {\n- setDebouncedValue(value);\n+ setDebouncedValue(value);\n }, delay);\n \n return () => {\n- clearTimeout(handler);\n+ clearTimeout(handler);\n };\n }, [delay, value]);\n \n"}},"type":"diff"}
{"so":7674840,"data":{"data":{"transcript":"Great column. No","startTime":7674.84}},"type":"speech"}
{"so":7679250,"data":{"data":{"transcript":"No with","startTime":7679.25}},"type":"speech"}
{"so":7679850,"data":{"data":{"summary":{"changed":243,"commit":"3d06bc048e11ac04754f8012a63ef6dc56d8fa2b","deletions":121,"files":[{"changed":243,"deletions":121,"file":"src/components/App.js","insertions":122}],"insertions":122}}},"type":"diff-summary"}
{"so":7679852,"data":{"data":{"diff":"Commit 3d06bc048e11ac04754f8012a63ef6dc56d8fa2b\n--- src/components/App.js\n+++ src/components/App.js\n@@ -47,43 +47,44 @@ function CompiledOutput({\n <Grid.Column width={16}>\n <Segment>\n <Grid columns={2} relaxed='very'>\n+ </Grid>\n </Grid.Column>\n- <Grid.Column width={8}>\n- <Menu attached='top' tabular inverted>\n- <Menu.Item>\n- plugin.js\n- </Menu.Item>\n- <Menu.Menu position='right'>\n- <Menu.Item>\n- <Icon name='close' size='' />\n+ <Grid.Column width={8}>\n+ <Menu attached='top' tabular inverted>\n+ <Menu.Item>\n+ plugin.js\n </Menu.Item>\n- </Menu.Menu>\n- </Menu>\n- <Wrapper>\n- <Config\n- value={\n- config === Object(config)\n- ? JSON.stringify(config, null, \"\\t\")\n- : config\n- }\n- onChange={onConfigChange}\n- docName=\"config.json\"\n- config={{ mode: \"application/json\" }}\n- />\n- </Wrapper>\n- </Grid.Column>\n- <Grid.Column width={8}>\n- <Code\n- value={compiled?.code ?? \"\"}\n- docName=\"result.js\"\n- config={{ readOnly: true, lineWrapping: true }}\n- isError={compiled?.error ?? false}\n+ <Menu.Menu position='right'>\n+ <Menu.Item>\n+ <Icon name='close' size='' />\n+ </Menu.Item>\n+ </Menu.Menu>\n+ </Menu>\n+ <Wrapper>\n+ <Config\n+ value={\n+ config === Object(config)\n+ ? JSON.stringify(config, null, \"\\t\")\n+ : config\n+ }\n+ onChange={onConfigChange}\n+ docName=\"config.json\"\n+ config={{ mode: \"application/json\" }}\n />\n- </Grid.Column>\n- <FileSize>\n- {compiled?.size}b, {gzip}b\n+ </Wrapper>\n+ </Grid.Column>\n+ <Grid.Column width={8}>\n+ <Code\n+ value={compiled?.code ?? \"\"}\n+ docName=\"result.js\"\n+ config={{ readOnly: true, lineWrapping: true }}\n+ isError={compiled?.error ?? false}\n+ />\n+ </Grid.Column>\n+ <FileSize>\n+ {compiled?.size}b, {gzip}b\n </FileSize>\n- <Toggle onClick={removeConfig} />\n+ <Toggle onClick={removeConfig} />\n </Grid.Row>\n );\n }\n"}},"type":"diff"}
{"so":7679853,"data":{"data":{"diff":"Commit 3d06bc048e11ac04754f8012a63ef6dc56d8fa2b\n--- src/components/App.js\n+++ src/components/App.js\n@@ -102,124 +103,124 @@ export const App = ({defaultSource, defaultBabelConfig, defCustomPlugin}) => {\n const debouncedSource = useDebounce(source, 125);\n \n const updateBabelConfig = useCallback((config, index) => {\n- setBabelConfig((configs) => {\n- const newConfigs = [...configs];\n- newConfigs[index] = config;\n+ setBabelConfig((configs) => {\n+ const newConfigs = [...configs];\n+ newConfigs[index] = config;\n \n- return newConfigs;\n- });\n+ return newConfigs;\n+ });\n }, []);\n \n const removeBabelConfig = useCallback((index) => {\n- setBabelConfig((configs) => configs.filter((c, i) => index !== i));\n+ setBabelConfig((configs) => configs.filter((c, i) => index !== i));\n }, []);\n \n let results = babelConfig.map((config, index) => {\n return (\n <CompiledOutput\n- source={debouncedSource}\n- customPlugin={enableCustomPlugin ? customPlugin : undefined}\n- config={config}\n- key={index}\n- onConfigChange={(config) => updateBabelConfig(config, index)}\n- removeConfig={() => removeBabelConfig(index)}\n- />\n+ source={debouncedSource}\n+ customPlugin={enableCustomPlugin ? customPlugin : undefined}\n+ config={config}\n+ key={index}\n+ onConfigChange={(config) => updateBabelConfig(config, index)}\n+ removeConfig={() => removeBabelConfig(index)}\n+ />\n );\n });\n \n useEffect(() => {\n- let size = new Blob([debouncedSource], {type: \"text/plain\" }).size;\n+ let size = new Blob([debouncedSource], {type: \"text/plain\" }).size;\n setSize(size);\n gzipSize(debouncedSource).then((s) => setGzip(s));\n }, [debouncedSource]);\n \n return (\n- <Root>\n- <Menu attached='top' inverted>\n- <Menu.Item>\n- <img src=\"https://d33wubrfki0l68.cloudfront.net/7a197cfe44548cc1a3f581152af70a3051e11671/78df8/img/babel.svg\" />\n- </Menu.Item>\n- <Dropdown item icon='wrench' simple>\n- <Dropdown.Menu inverted>\n- <Dropdown.Item onClick={() => {\n- setSource(\"const hello = 'world';\");\n- }}>Load Example</Dropdown.Item>\n- <Dropdown.Item\n- onClick={() =>\n- setBabelConfig((configs) => [\n- ...configs,\n- configs[configs.length - 1],\n- ])\n- }>Add Config</Dropdown.Item>\n- <Dropdown.Item>\n-\n- <Icon name='dropdown' />\n- <span className='text'>Add Plugin</span>\n-\n- <Dropdown.Menu>\n- <Dropdown.Item onClick={() => toggleCustomPlugin(!enableCustomPlugin)}>Custom</Dropdown.Item>\n- <Dropdown.Item>Import</Dropdown.Item>\n- </Dropdown.Menu>\n-\n- </Dropdown.Item>\n- <Dropdown.Divider />\n- <Dropdown.Item>Save...</Dropdown.Item>\n- <Dropdown.Item>Share</Dropdown.Item>\n- </Dropdown.Menu>\n- </Dropdown>\n- </Menu>\n-\n- <Grid celled='internally'>\n+ <Root>\n+ <Menu attached='top' inverted>\n+ <Menu.Item>\n+ <img src=\"https://d33wubrfki0l68.cloudfront.net/7a197cfe44548cc1a3f581152af70a3051e11671/78df8/img/babel.svg\" />\n+ </Menu.Item>\n+ <Dropdown item icon='wrench' simple>\n+ <Dropdown.Menu inverted>\n+ <Dropdown.Item onClick={() => {\n+ setSource(\"const hello = 'world';\");\n+ }}>Load Example</Dropdown.Item>\n+ <Dropdown.Item\n+ onClick={() =>\n+ setBabelConfig((configs) => [\n+ ...configs,\n+ configs[configs.length - 1],\n+ ])\n+ }>Add Config</Dropdown.Item>\n+ <Dropdown.Item>\n+\n+ <Icon name='dropdown' />\n+ <span className='text'>Add Plugin</span>\n+\n+ <Dropdown.Menu>\n+ <Dropdown.Item onClick={() => toggleCustomPlugin(!enableCustomPlugin)}>Custom</Dropdown.Item>\n+ <Dropdown.Item>Import</Dropdown.Item>\n+ </Dropdown.Menu>\n+\n+ </Dropdown.Item>\n+ <Dropdown.Divider />\n+ <Dropdown.Item>Save...</Dropdown.Item>\n+ <Dropdown.Item>Share</Dropdown.Item>\n+ </Dropdown.Menu>\n+ </Dropdown>\n+ </Menu>\n+\n+ <Grid celled='internally'>\n+ <Grid.Row>\n+\n+ <Grid.Column width={16}>\n+ <Menu attached='top' tabular inverted>\n+ <Menu.Item>\n+ input.js\n+ </Menu.Item>\n+ <Menu.Menu position='right'>\n+ <Menu.Item>\n+ {size}b, {gzip}b\n+ </Menu.Item>\n+ </Menu.Menu>\n+ </Menu>\n+ <Wrapper>\n+ <Code\n+ value={source}\n+ onChange={(val) => setSource(val)}\n+ docName=\"source.js\"\n+ />\n+ </Wrapper>\n+ </Grid.Column>\n+ </Grid.Row>\n+ {enableCustomPlugin && (\n <Grid.Row>\n-\n <Grid.Column width={16}>\n+\n <Menu attached='top' tabular inverted>\n <Menu.Item>\n- input.js\n- </Menu.Item>\n+ plugin.js\n+ </Menu.Item>\n <Menu.Menu position='right'>\n- <Menu.Item>\n- {size}b, {gzip}b\n- </Menu.Item>\n+ <Menu.Item onClick={() => toggleCustomPlugin(false)}>\n+ <Icon name='close' size='' />\n+ </Menu.Item>\n </Menu.Menu>\n </Menu>\n <Wrapper>\n <Code\n- value={source}\n- onChange={(val) => setSource(val)}\n- docName=\"source.js\"\n+ value={customPlugin}\n+ onChange={(val) => setCustomPlugin(val)}\n+ docName=\"plugin.js\"\n />\n </Wrapper>\n </Grid.Column>\n </Grid.Row>\n- {enableCustomPlugin && (\n- <Grid.Row>\n- <Grid.Column width={16}>\n-\n- <Menu attached='top' tabular inverted>\n- <Menu.Item>\n- plugin.js\n- </Menu.Item>\n- <Menu.Menu position='right'>\n- <Menu.Item onClick={() => toggleCustomPlugin(false)}>\n- <Icon name='close' size='' />\n- </Menu.Item>\n- </Menu.Menu>\n- </Menu>\n- <Wrapper>\n- <Code\n- value={customPlugin}\n- onChange={(val) => setCustomPlugin(val)}\n- docName=\"plugin.js\"\n- />\n- </Wrapper>\n- </Grid.Column>\n- </Grid.Row>\n- )}\n- {results}\n- </Grid>\n+ )}\n+ {results}\n+ </Grid>\n \n- </Root >\n+ </Root >\n );\n };\n \n"}},"type":"diff"}
{"so":7679853,"data":{"data":{"diff":"Commit 3d06bc048e11ac04754f8012a63ef6dc56d8fa2b\n--- src/components/App.js\n+++ src/components/App.js\n@@ -234,11 +235,11 @@ function useDebounce(value, delay) {\n \n React.useEffect(() => {\n const handler = setTimeout(() => {\n- setDebouncedValue(value);\n+ setDebouncedValue(value);\n }, delay);\n \n return () => {\n- clearTimeout(handler);\n+ clearTimeout(handler);\n };\n }, [delay, value]);\n \n"}},"type":"diff"}
{"so":7681184,"data":{"data":{"id":2819594,"memoryUsage":97423360,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7682380,"data":{"data":{"transcript":"Copy these columns out.","startTime":7682.38}},"type":"speech"}
{"so":7684536,"data":{"data":{"summary":{"changed":229,"commit":"0389a49aded34bc1690b7422fe169766e3687268","deletions":114,"files":[{"changed":229,"deletions":114,"file":"src/components/App.js","insertions":115}],"insertions":115}}},"type":"diff-summary"}
{"so":7684539,"data":{"data":{"diff":"Commit 0389a49aded34bc1690b7422fe169766e3687268\n--- src/components/App.js\n+++ src/components/App.js\n@@ -48,48 +48,49 @@ function CompiledOutput({\n <Segment>\n <Grid columns={2} relaxed='very'>\n </Grid>\n+ </Segment>\n </Grid.Column>\n- <Grid.Column width={8}>\n- <Menu attached='top' tabular inverted>\n- <Menu.Item>\n- plugin.js\n+ <Grid.Column width={8}>\n+ <Menu attached='top' tabular inverted>\n+ <Menu.Item>\n+ plugin.js\n </Menu.Item>\n- <Menu.Menu position='right'>\n- <Menu.Item>\n- <Icon name='close' size='' />\n- </Menu.Item>\n- </Menu.Menu>\n- </Menu>\n- <Wrapper>\n- <Config\n- value={\n- config === Object(config)\n- ? JSON.stringify(config, null, \"\\t\")\n- : config\n- }\n- onChange={onConfigChange}\n- docName=\"config.json\"\n- config={{ mode: \"application/json\" }}\n- />\n- </Wrapper>\n- </Grid.Column>\n- <Grid.Column width={8}>\n- <Code\n- value={compiled?.code ?? \"\"}\n- docName=\"result.js\"\n- config={{ readOnly: true, lineWrapping: true }}\n- isError={compiled?.error ?? false}\n+ <Menu.Menu position='right'>\n+ <Menu.Item>\n+ <Icon name='close' size='' />\n+ </Menu.Item>\n+ </Menu.Menu>\n+ </Menu>\n+ <Wrapper>\n+ <Config\n+ value={\n+ config === Object(config)\n+ ? JSON.stringify(config, null, \"\\t\")\n+ : config\n+ }\n+ onChange={onConfigChange}\n+ docName=\"config.json\"\n+ config={{ mode: \"application/json\" }}\n />\n- </Grid.Column>\n- <FileSize>\n- {compiled?.size}b, {gzip}b\n+ </Wrapper>\n+ </Grid.Column>\n+ <Grid.Column width={8}>\n+ <Code\n+ value={compiled?.code ?? \"\"}\n+ docName=\"result.js\"\n+ config={{ readOnly: true, lineWrapping: true }}\n+ isError={compiled?.error ?? false}\n+ />\n+ </Grid.Column>\n+ <FileSize>\n+ {compiled?.size}b, {gzip}b\n </FileSize>\n- <Toggle onClick={removeConfig} />\n+ <Toggle onClick={removeConfig} />\n </Grid.Row>\n );\n }\n \n-export const App = ({defaultSource, defaultBabelConfig, defCustomPlugin}) => {\n+export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n const [source, setSource] = React.useState(defaultSource);\n const [enableCustomPlugin, toggleCustomPlugin] = React.useState(true);\n const [customPlugin, setCustomPlugin] = React.useState(defCustomPlugin);\n"}},"type":"diff"}
{"so":7684540,"data":{"data":{"diff":"Commit 0389a49aded34bc1690b7422fe169766e3687268\n--- src/components/App.js\n+++ src/components/App.js\n@@ -103,16 +104,16 @@ export const App = ({defaultSource, defaultBabelConfig, defCustomPlugin}) => {\n const debouncedSource = useDebounce(source, 125);\n \n const updateBabelConfig = useCallback((config, index) => {\n- setBabelConfig((configs) => {\n- const newConfigs = [...configs];\n- newConfigs[index] = config;\n+ setBabelConfig((configs) => {\n+ const newConfigs = [...configs];\n+ newConfigs[index] = config;\n \n- return newConfigs;\n- });\n+ return newConfigs;\n+ });\n }, []);\n \n const removeBabelConfig = useCallback((index) => {\n- setBabelConfig((configs) => configs.filter((c, i) => index !== i));\n+ setBabelConfig((configs) => configs.filter((c, i) => index !== i));\n }, []);\n \n let results = babelConfig.map((config, index) => {\n"}},"type":"diff"}
{"so":7684540,"data":{"data":{"diff":"Commit 0389a49aded34bc1690b7422fe169766e3687268\n--- src/components/App.js\n+++ src/components/App.js\n@@ -129,98 +130,98 @@ export const App = ({defaultSource, defaultBabelConfig, defCustomPlugin}) => {\n });\n \n useEffect(() => {\n- let size = new Blob([debouncedSource], {type: \"text/plain\" }).size;\n+ let size = new Blob([debouncedSource], { type: \"text/plain\" }).size;\n setSize(size);\n gzipSize(debouncedSource).then((s) => setGzip(s));\n }, [debouncedSource]);\n \n return (\n- <Root>\n- <Menu attached='top' inverted>\n- <Menu.Item>\n- <img src=\"https://d33wubrfki0l68.cloudfront.net/7a197cfe44548cc1a3f581152af70a3051e11671/78df8/img/babel.svg\" />\n- </Menu.Item>\n- <Dropdown item icon='wrench' simple>\n- <Dropdown.Menu inverted>\n- <Dropdown.Item onClick={() => {\n- setSource(\"const hello = 'world';\");\n- }}>Load Example</Dropdown.Item>\n- <Dropdown.Item\n- onClick={() =>\n- setBabelConfig((configs) => [\n- ...configs,\n- configs[configs.length - 1],\n- ])\n- }>Add Config</Dropdown.Item>\n- <Dropdown.Item>\n-\n- <Icon name='dropdown' />\n- <span className='text'>Add Plugin</span>\n-\n- <Dropdown.Menu>\n- <Dropdown.Item onClick={() => toggleCustomPlugin(!enableCustomPlugin)}>Custom</Dropdown.Item>\n- <Dropdown.Item>Import</Dropdown.Item>\n- </Dropdown.Menu>\n-\n- </Dropdown.Item>\n- <Dropdown.Divider />\n- <Dropdown.Item>Save...</Dropdown.Item>\n- <Dropdown.Item>Share</Dropdown.Item>\n- </Dropdown.Menu>\n- </Dropdown>\n- </Menu>\n-\n- <Grid celled='internally'>\n+ <Root>\n+ <Menu attached='top' inverted>\n+ <Menu.Item>\n+ <img src=\"https://d33wubrfki0l68.cloudfront.net/7a197cfe44548cc1a3f581152af70a3051e11671/78df8/img/babel.svg\" />\n+ </Menu.Item>\n+ <Dropdown item icon='wrench' simple>\n+ <Dropdown.Menu inverted>\n+ <Dropdown.Item onClick={() => {\n+ setSource(\"const hello = 'world';\");\n+ }}>Load Example</Dropdown.Item>\n+ <Dropdown.Item\n+ onClick={() =>\n+ setBabelConfig((configs) => [\n+ ...configs,\n+ configs[configs.length - 1],\n+ ])\n+ }>Add Config</Dropdown.Item>\n+ <Dropdown.Item>\n+\n+ <Icon name='dropdown' />\n+ <span className='text'>Add Plugin</span>\n+\n+ <Dropdown.Menu>\n+ <Dropdown.Item onClick={() => toggleCustomPlugin(!enableCustomPlugin)}>Custom</Dropdown.Item>\n+ <Dropdown.Item>Import</Dropdown.Item>\n+ </Dropdown.Menu>\n+\n+ </Dropdown.Item>\n+ <Dropdown.Divider />\n+ <Dropdown.Item>Save...</Dropdown.Item>\n+ <Dropdown.Item>Share</Dropdown.Item>\n+ </Dropdown.Menu>\n+ </Dropdown>\n+ </Menu>\n+\n+ <Grid celled='internally'>\n+ <Grid.Row>\n+\n+ <Grid.Column width={16}>\n+ <Menu attached='top' tabular inverted>\n+ <Menu.Item>\n+ input.js\n+ </Menu.Item>\n+ <Menu.Menu position='right'>\n+ <Menu.Item>\n+ {size}b, {gzip}b\n+ </Menu.Item>\n+ </Menu.Menu>\n+ </Menu>\n+ <Wrapper>\n+ <Code\n+ value={source}\n+ onChange={(val) => setSource(val)}\n+ docName=\"source.js\"\n+ />\n+ </Wrapper>\n+ </Grid.Column>\n+ </Grid.Row>\n+ {enableCustomPlugin && (\n <Grid.Row>\n-\n <Grid.Column width={16}>\n+\n <Menu attached='top' tabular inverted>\n <Menu.Item>\n- input.js\n- </Menu.Item>\n+ plugin.js\n+ </Menu.Item>\n <Menu.Menu position='right'>\n- <Menu.Item>\n- {size}b, {gzip}b\n+ <Menu.Item onClick={() => toggleCustomPlugin(false)}>\n+ <Icon name='close' size='' />\n </Menu.Item>\n </Menu.Menu>\n </Menu>\n <Wrapper>\n <Code\n- value={source}\n- onChange={(val) => setSource(val)}\n- docName=\"source.js\"\n+ value={customPlugin}\n+ onChange={(val) => setCustomPlugin(val)}\n+ docName=\"plugin.js\"\n />\n </Wrapper>\n </Grid.Column>\n </Grid.Row>\n- {enableCustomPlugin && (\n- <Grid.Row>\n- <Grid.Column width={16}>\n+ )}\n+ {results}\n+ </Grid>\n \n- <Menu attached='top' tabular inverted>\n- <Menu.Item>\n- plugin.js\n- </Menu.Item>\n- <Menu.Menu position='right'>\n- <Menu.Item onClick={() => toggleCustomPlugin(false)}>\n- <Icon name='close' size='' />\n- </Menu.Item>\n- </Menu.Menu>\n- </Menu>\n- <Wrapper>\n- <Code\n- value={customPlugin}\n- onChange={(val) => setCustomPlugin(val)}\n- docName=\"plugin.js\"\n- />\n- </Wrapper>\n- </Grid.Column>\n- </Grid.Row>\n- )}\n- {results}\n- </Grid>\n-\n- </Root >\n+ </Root >\n );\n };\n \n"}},"type":"diff"}
{"so":7684540,"data":{"data":{"diff":"Commit 0389a49aded34bc1690b7422fe169766e3687268\n--- src/components/App.js\n+++ src/components/App.js\n@@ -235,11 +236,11 @@ function useDebounce(value, delay) {\n \n React.useEffect(() => {\n const handler = setTimeout(() => {\n- setDebouncedValue(value);\n+ setDebouncedValue(value);\n }, delay);\n \n return () => {\n- clearTimeout(handler);\n+ clearTimeout(handler);\n };\n }, [delay, value]);\n \n"}},"type":"diff"}
{"so":7685060,"data":{"data":{"transcript":"Put them in here, then maybe then we'll attach a header.","startTime":7685.06}},"type":"speech"}
{"so":7689540,"data":{"data":{"transcript":"It'll attach a header to the","startTime":7689.54}},"type":"speech"}
{"so":7691196,"data":{"data":{"id":2819594,"memoryUsage":97431552,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7694500,"data":{"data":{"transcript":"To the segment.","startTime":7694.5}},"type":"speech"}
{"so":7699702,"data":{"data":{"summary":{"changed":66,"commit":"8110747254ec717584a9cee542366863c7b45912","deletions":34,"files":[{"changed":66,"deletions":34,"file":"src/components/App.js","insertions":32}],"insertions":32}}},"type":"diff-summary"}
{"so":7699706,"data":{"data":{"diff":"Commit 8110747254ec717584a9cee542366863c7b45912\n--- src/components/App.js\n+++ src/components/App.js\n@@ -46,41 +46,39 @@ function CompiledOutput({\n <Grid.Row>\n <Grid.Column width={16}>\n <Segment>\n- <Grid columns={2} relaxed='very'>\n- </Grid>\n- </Segment>\n- </Grid.Column>\n- <Grid.Column width={8}>\n- <Menu attached='top' tabular inverted>\n- <Menu.Item>\n- plugin.js\n+ <Grid.Column>\n+ <Menu attached='top' tabular inverted>\n+ <Menu.Item>\n+ plugin.js\n </Menu.Item>\n- <Menu.Menu position='right'>\n- <Menu.Item>\n- <Icon name='close' size='' />\n- </Menu.Item>\n- </Menu.Menu>\n- </Menu>\n- <Wrapper>\n- <Config\n- value={\n- config === Object(config)\n- ? JSON.stringify(config, null, \"\\t\")\n- : config\n- }\n- onChange={onConfigChange}\n- docName=\"config.json\"\n- config={{ mode: \"application/json\" }}\n- />\n- </Wrapper>\n- </Grid.Column>\n- <Grid.Column width={8}>\n- <Code\n- value={compiled?.code ?? \"\"}\n- docName=\"result.js\"\n- config={{ readOnly: true, lineWrapping: true }}\n- isError={compiled?.error ?? false}\n- />\n+ <Menu.Menu position='right'>\n+ <Menu.Item>\n+ <Icon name='close' size='' />\n+ </Menu.Item>\n+ </Menu.Menu>\n+ </Menu>\n+ <Wrapper>\n+ <Config\n+ value={\n+ config === Object(config)\n+ ? JSON.stringify(config, null, \"\\t\")\n+ : config\n+ }\n+ onChange={onConfigChange}\n+ docName=\"config.json\"\n+ config={{ mode: \"application/json\" }}\n+ />\n+ </Wrapper>\n+ </Grid.Column>\n+ <Grid.Column>\n+ <Code\n+ value={compiled?.code ?? \"\"}\n+ docName=\"result.js\"\n+ config={{ readOnly: true, lineWrapping: true }}\n+ isError={compiled?.error ?? false}\n+ />\n+ </Grid.Column>\n+ </Segment>\n </Grid.Column>\n <FileSize>\n {compiled?.size}b, {gzip}b\n"}},"type":"diff"}
{"so":7701184,"data":{"data":{"id":2886970,"memoryUsage":300347392,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":7703280,"data":{"data":{"transcript":"Yes. Okay. Cool. Um, there was the headers kind of nasty menu goes here.","startTime":7703.28}},"type":"speech"}
{"so":7704548,"data":{"data":{"summary":{"changed":60,"commit":"93c7faa76109d76ed9660513f68ea60512bb3de1","deletions":29,"files":[{"changed":60,"deletions":29,"file":"src/components/App.js","insertions":31}],"insertions":31}}},"type":"diff-summary"}
{"so":7704550,"data":{"data":{"diff":"Commit 93c7faa76109d76ed9660513f68ea60512bb3de1\n--- src/components/App.js\n+++ src/components/App.js\n@@ -46,38 +46,40 @@ function CompiledOutput({\n <Grid.Row>\n <Grid.Column width={16}>\n <Segment>\n- <Grid.Column>\n- <Menu attached='top' tabular inverted>\n- <Menu.Item>\n- plugin.js\n- </Menu.Item>\n- <Menu.Menu position='right'>\n+ <Grid columns={2} relaxed='very'>\n+ <Grid.Column>\n+ <Menu attached='top' tabular inverted>\n <Menu.Item>\n- <Icon name='close' size='' />\n+ plugin.js\n </Menu.Item>\n- </Menu.Menu>\n- </Menu>\n- <Wrapper>\n- <Config\n- value={\n- config === Object(config)\n- ? JSON.stringify(config, null, \"\\t\")\n- : config\n- }\n- onChange={onConfigChange}\n- docName=\"config.json\"\n- config={{ mode: \"application/json\" }}\n+ <Menu.Menu position='right'>\n+ <Menu.Item>\n+ <Icon name='close' size='' />\n+ </Menu.Item>\n+ </Menu.Menu>\n+ </Menu>\n+ <Wrapper>\n+ <Config\n+ value={\n+ config === Object(config)\n+ ? JSON.stringify(config, null, \"\\t\")\n+ : config\n+ }\n+ onChange={onConfigChange}\n+ docName=\"config.json\"\n+ config={{ mode: \"application/json\" }}\n+ />\n+ </Wrapper>\n+ </Grid.Column>\n+ <Grid.Column>\n+ <Code\n+ value={compiled?.code ?? \"\"}\n+ docName=\"result.js\"\n+ config={{ readOnly: true, lineWrapping: true }}\n+ isError={compiled?.error ?? false}\n />\n- </Wrapper>\n- </Grid.Column>\n- <Grid.Column>\n- <Code\n- value={compiled?.code ?? \"\"}\n- docName=\"result.js\"\n- config={{ readOnly: true, lineWrapping: true }}\n- isError={compiled?.error ?? false}\n- />\n- </Grid.Column>\n+ </Grid.Column>\n+ </Grid>\n </Segment>\n </Grid.Column>\n <FileSize>\n"}},"type":"diff"}
{"so":7709941,"data":{"data":{"summary":{"changed":2,"commit":"e9befa2f00e406ff46a80654c0461ca02c2ca37a","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":7709943,"data":{"data":{"diff":"Commit e9befa2f00e406ff46a80654c0461ca02c2ca37a\n--- src/components/App.js\n+++ src/components/App.js\n@@ -7,7 +7,7 @@ import { Editor } from \"./Editor\";\n import { processOptions } from \"../standalone\";\n import { gzipSize } from \"../gzip\";\n \n-import { Grid, Dropdown, Icon, Menu, Input } from 'semantic-ui-react'\n+import { Grid, Dropdown, Icon, Menu, Segment } from 'semantic-ui-react'\n \n \n window.babel = Babel;\n"}},"type":"diff"}
{"so":7711010,"data":{"data":{"transcript":"So then this goes attach tops and then attached equals bottom.","startTime":7711.01}},"type":"speech"}
{"so":7711186,"data":{"data":{"id":2819594,"memoryUsage":96608256,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7718700,"data":{"data":{"transcript":"Okay. Okay, There we go.","startTime":7718.7}},"type":"speech"}
{"so":7721197,"data":{"data":{"id":2819594,"memoryUsage":96763904,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7721420,"data":{"data":{"transcript":"Um, segment.","startTime":7721.42}},"type":"speech"}
{"so":7724969,"data":{"data":{"summary":{"changed":21,"commit":"2813e603559abe95f75be1b4295cfd1323fa97d3","deletions":10,"files":[{"changed":21,"deletions":10,"file":"src/components/App.js","insertions":11}],"insertions":11}}},"type":"diff-summary"}
{"so":7724974,"data":{"data":{"diff":"Commit 2813e603559abe95f75be1b4295cfd1323fa97d3\n--- src/components/App.js\n+++ src/components/App.js\n@@ -45,19 +45,20 @@ function CompiledOutput({\n return (\n <Grid.Row>\n <Grid.Column width={16}>\n+\n+ <Menu attached='top' tabular inverted>\n+ <Menu.Item>\n+ plugin.js\n+ </Menu.Item>\n+ <Menu.Menu position='right'>\n+ <Menu.Item>\n+ <Icon name='close' size='' />\n+ </Menu.Item>\n+ </Menu.Menu>\n+ </Menu>\n <Segment>\n <Grid columns={2} relaxed='very'>\n <Grid.Column>\n- <Menu attached='top' tabular inverted>\n- <Menu.Item>\n- plugin.js\n- </Menu.Item>\n- <Menu.Menu position='right'>\n- <Menu.Item>\n- <Icon name='close' size='' />\n- </Menu.Item>\n- </Menu.Menu>\n- </Menu>\n <Wrapper>\n <Config\n value={\n"}},"type":"diff"}
{"so":7725300,"data":{"data":{"transcript":"Inverted.","startTime":7725.3}},"type":"speech"}
{"so":7728370,"data":{"data":{"transcript":"Okay, looking good. Hawaii.","startTime":7728.37}},"type":"speech"}
{"so":7729531,"data":{"data":{"summary":{"changed":2,"commit":"43a19a47243d31e3f74ca76fa8ab5574444c7fad","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":7729534,"data":{"data":{"diff":"Commit 43a19a47243d31e3f74ca76fa8ab5574444c7fad\n--- src/components/App.js\n+++ src/components/App.js\n@@ -56,7 +56,7 @@ function CompiledOutput({\n </Menu.Item>\n </Menu.Menu>\n </Menu>\n- <Segment>\n+ <Segment attached='bottom'>\n <Grid columns={2} relaxed='very'>\n <Grid.Column>\n <Wrapper>\n"}},"type":"diff"}
{"so":7731210,"data":{"data":{"id":2819594,"memoryUsage":96829440,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7732990,"data":{"data":{"transcript":"Do I need to attach? What? Why? That he didn't like that. I don't want to do that.","startTime":7732.99}},"type":"speech"}
{"so":7737530,"data":{"data":{"transcript":"I want those borders there.","startTime":7737.53}},"type":"speech"}
{"so":7739440,"data":{"data":{"summary":{"changed":2,"commit":"1c55d8bd4cae5185837a2e21669cd3916b5fab1d","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":7739442,"data":{"data":{"diff":"Commit 1c55d8bd4cae5185837a2e21669cd3916b5fab1d\n--- src/components/App.js\n+++ src/components/App.js\n@@ -56,7 +56,7 @@ function CompiledOutput({\n </Menu.Item>\n </Menu.Menu>\n </Menu>\n- <Segment attached='bottom'>\n+ <Segment attached='bottom' inverted>\n <Grid columns={2} relaxed='very'>\n <Grid.Column>\n <Wrapper>\n"}},"type":"diff"}
{"so":7740570,"data":{"data":{"transcript":"Oh, yeah, We want it like that. But what of this?","startTime":7740.57}},"type":"speech"}
{"so":7741198,"data":{"data":{"id":2819594,"memoryUsage":96854016,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7743310,"data":{"data":{"transcript":"You understand what that one is?","startTime":7743.31}},"type":"speech"}
{"so":7747580,"data":{"data":{"transcript":"This one like house patting around it or something.","startTime":7747.58}},"type":"speech"}
{"so":7749838,"data":{"data":{"summary":{"changed":2,"commit":"ad19a31d1c5946e3aa3b31e484a49c9eefe7b2c3","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":7749843,"data":{"data":{"diff":"Commit ad19a31d1c5946e3aa3b31e484a49c9eefe7b2c3\n--- src/components/App.js\n+++ src/components/App.js\n@@ -56,7 +56,7 @@ function CompiledOutput({\n </Menu.Item>\n </Menu.Menu>\n </Menu>\n- <Segment attached='bottom' inverted>\n+ <Segment inverted>\n <Grid columns={2} relaxed='very'>\n <Grid.Column>\n <Wrapper>\n"}},"type":"diff"}
{"so":7751193,"data":{"data":{"id":2819594,"memoryUsage":96886784,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7751380,"data":{"data":{"transcript":"We go. You I inverted segment.","startTime":7751.38}},"type":"speech"}
{"so":7755660,"data":{"data":{"transcript":"Arjun.","startTime":7755.66}},"type":"speech"}
{"so":7759260,"data":{"data":{"transcript":"Margin top","startTime":7759.26}},"type":"speech"}
{"so":7761194,"data":{"data":{"id":2886970,"memoryUsage":300445696,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":7766580,"data":{"data":{"transcript":"You're saying that's so weird? What is this segment?","startTime":7766.58}},"type":"speech"}
{"so":7769890,"data":{"data":{"transcript":"Is this? Just not a second. Just not a segment. Okay, um","startTime":7769.89}},"type":"speech"}
{"so":7771197,"data":{"data":{"id":2886970,"memoryUsage":300441600,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":7774970,"data":{"data":{"transcript":"Yeah, Yeah, yeah, It's just not. What we need is to have a say. Okay, let's just let's just get this attached stuff.","startTime":7774.97}},"type":"speech"}
{"so":7781220,"data":{"data":{"id":2819594,"memoryUsage":97263616,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7781520,"data":{"data":{"transcript":"I feel like we'll get more consistency.","startTime":7781.52}},"type":"speech"}
{"so":7785910,"data":{"data":{"transcript":"Caught on.","startTime":7785.91}},"type":"speech"}
{"so":7789300,"data":{"data":{"transcript":"Has find more menus.","startTime":7789.3}},"type":"speech"}
{"so":7791207,"data":{"data":{"id":2819594,"memoryUsage":97304576,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7793680,"data":{"data":{"transcript":"Not that one. No.","startTime":7793.68}},"type":"speech"}
{"so":7795720,"data":{"data":{"transcript":"Thank you.","startTime":7795.72}},"type":"speech"}
{"so":7798630,"data":{"data":{"transcript":"Touchable atop rap. Okay, that would be segment actually, segment attach you go top to bottom.","startTime":7798.63}},"type":"speech"}
{"so":7799896,"data":{"data":{"summary":{"changed":2,"commit":"70874f9e1f1268f60a3c3da1d04aa1abac04837b","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":7799899,"data":{"data":{"diff":"Commit 70874f9e1f1268f60a3c3da1d04aa1abac04837b\n--- src/components/App.js\n+++ src/components/App.js\n@@ -56,7 +56,7 @@ function CompiledOutput({\n </Menu.Item>\n </Menu.Menu>\n </Menu>\n- <Segment inverted>\n+ <Segment inverted attached='bottom'>\n <Grid columns={2} relaxed='very'>\n <Grid.Column>\n <Wrapper>\n"}},"type":"diff"}
{"so":7801199,"data":{"data":{"id":2819594,"memoryUsage":97370112,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7811200,"data":{"data":{"id":2819594,"memoryUsage":97406976,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7816010,"data":{"data":{"transcript":"Okay. I know it's weird, but we're getting there.","startTime":7816.01}},"type":"speech"}
{"so":7818650,"data":{"data":{"transcript":"Um","startTime":7818.65}},"type":"speech"}
{"so":7820920,"data":{"data":{"transcript":"Okay, then you attack.","startTime":7820.92}},"type":"speech"}
{"so":7821226,"data":{"data":{"id":2819594,"memoryUsage":97423360,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7824801,"data":{"data":{"summary":{"changed":4,"commit":"3e9c80326fcbe12fc1564a4f29846caf55511db7","deletions":2,"files":[{"changed":4,"deletions":2,"file":"src/components/App.js","insertions":2}],"insertions":2}}},"type":"diff-summary"}
{"so":7824806,"data":{"data":{"diff":"Commit 3e9c80326fcbe12fc1564a4f29846caf55511db7\n--- src/components/App.js\n+++ src/components/App.js\n@@ -186,13 +186,13 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n </Menu.Item>\n </Menu.Menu>\n </Menu>\n- <Wrapper>\n+ <Segment attached='bottom'>\n <Code\n value={source}\n onChange={(val) => setSource(val)}\n docName=\"source.js\"\n />\n- </Wrapper>\n+ </Segment>\n </Grid.Column>\n </Grid.Row>\n {enableCustomPlugin && (\n"}},"type":"diff"}
{"so":7825660,"data":{"data":{"transcript":"Okay, okay.","startTime":7825.66}},"type":"speech"}
{"so":7828750,"data":{"data":{"transcript":"They're so good. They're just segment. This attack was bottom inverted.","startTime":7828.75}},"type":"speech"}
{"so":7831205,"data":{"data":{"id":2819594,"memoryUsage":97464320,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7839870,"data":{"data":{"transcript":"You know why did he said borders in those Don't","startTime":7839.87}},"type":"speech"}
{"so":7841207,"data":{"data":{"id":2819594,"memoryUsage":97472512,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7844690,"data":{"data":{"transcript":"Attach segment.","startTime":7844.69}},"type":"speech"}
{"so":7847890,"data":{"data":{"transcript":"This have a border in just the same.","startTime":7847.89}},"type":"speech"}
{"so":7850034,"data":{"data":{"summary":{"changed":2,"commit":"c74a4157630846d56b182ce3ee4e97cccca17c6f","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":7850037,"data":{"data":{"diff":"Commit c74a4157630846d56b182ce3ee4e97cccca17c6f\n--- src/components/App.js\n+++ src/components/App.js\n@@ -186,7 +186,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n </Menu.Item>\n </Menu.Menu>\n </Menu>\n- <Segment attached='bottom'>\n+ <Segment inverted attached='bottom'>\n <Code\n value={source}\n onChange={(val) => setSource(val)}\n"}},"type":"diff"}
{"so":7851207,"data":{"data":{"id":2886970,"memoryUsage":300929024,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":7854310,"data":{"data":{"transcript":"Inverted.","startTime":7854.31}},"type":"speech"}
{"so":7856560,"data":{"data":{"transcript":"Tash inverted many border None.","startTime":7856.56}},"type":"speech"}
{"so":7861232,"data":{"data":{"id":2886970,"memoryUsage":300662784,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":7862280,"data":{"data":{"transcript":"Tash inverted segment border.","startTime":7862.28}},"type":"speech"}
{"so":7867890,"data":{"data":{"transcript":"Um, border","startTime":7867.89}},"type":"speech"}
{"so":7871214,"data":{"data":{"id":2886970,"memoryUsage":300662784,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":7871820,"data":{"data":{"transcript":"Semantic.","startTime":7871.82}},"type":"speech"}
{"so":7874290,"data":{"data":{"transcript":"Ugh! I know border","startTime":7874.29}},"type":"speech"}
{"so":7879700,"data":{"data":{"transcript":"I won't do that. But maybe","startTime":7879.7}},"type":"speech"}
{"so":7881236,"data":{"data":{"id":2886970,"memoryUsage":304926720,"owner":{"name":"chrome.exe"},"title":"New Tab - Google Chrome"}},"type":"window"}
{"so":7883580,"data":{"data":{"transcript":"Might have to","startTime":7883.58}},"type":"speech"}
{"so":7886280,"data":{"data":{"transcript":"I also want, you know, I don't really want","startTime":7886.28}},"type":"speech"}
{"so":7890260,"data":{"data":{"transcript":"Any styling on that, But it doesn't have to be a segment. Can it just be a dear?","startTime":7890.26}},"type":"speech"}
{"so":7891214,"data":{"data":{"id":2886970,"memoryUsage":303796224,"owner":{"name":"chrome.exe"},"title":"semantic ui no border - Google Search - Google Chrome"}},"type":"window"}
{"so":7901232,"data":{"data":{"id":2886970,"memoryUsage":302182400,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":7902150,"data":{"data":{"transcript":"No way that's going to work. Did that work?","startTime":7902.15}},"type":"speech"}
{"so":7905860,"data":{"data":{"transcript":"I didn't even do anything attached.","startTime":7905.86}},"type":"speech"}
{"so":7911217,"data":{"data":{"id":2819594,"memoryUsage":97521664,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7914964,"data":{"data":{"summary":{"changed":4,"commit":"0f95024e637c8bed14107b48e5e6bc865222c4cb","deletions":2,"files":[{"changed":4,"deletions":2,"file":"src/components/App.js","insertions":2}],"insertions":2}}},"type":"diff-summary"}
{"so":7914968,"data":{"data":{"diff":"Commit 0f95024e637c8bed14107b48e5e6bc865222c4cb\n--- src/components/App.js\n+++ src/components/App.js\n@@ -186,13 +186,13 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n </Menu.Item>\n </Menu.Menu>\n </Menu>\n- <Segment inverted attached='bottom'>\n+ <div inverted attached='bottom'>\n <Code\n value={source}\n onChange={(val) => setSource(val)}\n docName=\"source.js\"\n />\n- </Segment>\n+ </div>\n </Grid.Column>\n </Grid.Row>\n {enableCustomPlugin && (\n"}},"type":"diff"}
{"so":7921299,"data":{"data":{"id":2819594,"memoryUsage":97583104,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7924150,"data":{"data":{"transcript":"A vertical segment. Yeah.","startTime":7924.15}},"type":"speech"}
{"so":7929755,"data":{"data":{"summary":{"changed":4,"commit":"5ff080de5f3bf6c47441a5e155d34a5170a599f2","deletions":2,"files":[{"changed":4,"deletions":2,"file":"src/components/App.js","insertions":2}],"insertions":2}}},"type":"diff-summary"}
{"so":7929757,"data":{"data":{"diff":"Commit 5ff080de5f3bf6c47441a5e155d34a5170a599f2\n--- src/components/App.js\n+++ src/components/App.js\n@@ -186,13 +186,13 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n </Menu.Item>\n </Menu.Menu>\n </Menu>\n- <div inverted attached='bottom'>\n+ <Segment inverted attached='bottom'>\n <Code\n value={source}\n onChange={(val) => setSource(val)}\n docName=\"source.js\"\n />\n- </div>\n+ </Segment>\n </Grid.Column>\n </Grid.Row>\n {enableCustomPlugin && (\n"}},"type":"diff"}
{"so":7931110,"data":{"data":{"transcript":"Segment vertical","startTime":7931.11}},"type":"speech"}
{"so":7931219,"data":{"data":{"id":2886970,"memoryUsage":299945984,"owner":{"name":"chrome.exe"},"title":"Segment - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":7933340,"data":{"data":{"transcript":"Still has the border, though.","startTime":7933.34}},"type":"speech"}
{"so":7935780,"data":{"data":{"transcript":"Just a horizontal stacked loading to save old Enver.","startTime":7935.78}},"type":"speech"}
{"so":7940460,"data":{"data":{"transcript":"Had a very patted compact group.","startTime":7940.46}},"type":"speech"}
{"so":7941222,"data":{"data":{"id":2886970,"memoryUsage":300544000,"owner":{"name":"chrome.exe"},"title":"Segment - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":7945040,"data":{"data":{"transcript":"You're in the Abu Bo. Emphasis particular.","startTime":7945.04}},"type":"speech"}
{"so":7951238,"data":{"data":{"id":2886970,"memoryUsage":300015616,"owner":{"name":"chrome.exe"},"title":"Segment - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":7952080,"data":{"data":{"transcript":"I don't want anything on this.","startTime":7952.08}},"type":"speech"}
{"so":7955980,"data":{"data":{"transcript":"It does look pretty good, but I don't understand his borders gone like where did this border go?","startTime":7955.98}},"type":"speech"}
{"so":7961223,"data":{"data":{"id":2886970,"memoryUsage":299741184,"owner":{"name":"chrome.exe"},"title":"Segment - Semantic UI React - Google Chrome"}},"type":"window"}
{"so":7961750,"data":{"data":{"transcript":"You inverted attached.","startTime":7961.75}},"type":"speech"}
{"so":7966000,"data":{"data":{"transcript":"Non","startTime":7966}},"type":"speech"}
{"so":7971224,"data":{"data":{"id":2886970,"memoryUsage":299855872,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":7973830,"data":{"data":{"transcript":"Syria border known","startTime":7973.83}},"type":"speech"}
{"so":7976930,"data":{"data":{"transcript":"Yeah, it's memory sense.","startTime":7976.93}},"type":"speech"}
{"so":7979430,"data":{"data":{"transcript":"Today.","startTime":7979.43}},"type":"speech"}
{"so":7981100,"data":{"data":{"transcript":"I just bet this is just something they overlooked.","startTime":7981.1}},"type":"speech"}
{"so":7981228,"data":{"data":{"id":2819594,"memoryUsage":97677312,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7986930,"data":{"data":{"transcript":"So let's see if we can find segment.","startTime":7986.93}},"type":"speech"}
{"so":7991226,"data":{"data":{"id":2819594,"memoryUsage":97759232,"owner":{"name":"Code.exe"},"title":"codemirror.css - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":7991310,"data":{"data":{"transcript":"Parables.","startTime":7991.31}},"type":"speech"}
{"so":7993030,"data":{"data":{"transcript":"And we'll open up, Get hub.","startTime":7993.03}},"type":"speech"}
{"so":7996990,"data":{"data":{"transcript":"I'll go too.","startTime":7996.99}},"type":"speech"}
{"so":8000210,"data":{"data":{"transcript":"Um, cement? Jesus Semantic you I get up.","startTime":8000.21}},"type":"speech"}
{"so":8001254,"data":{"data":{"id":2819594,"memoryUsage":97771520,"owner":{"name":"Code.exe"},"title":"codemirror.css - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":8009310,"data":{"data":{"transcript":"Okay. And then we're gonna look for border. Yeah. Ah, segment.","startTime":8009.31}},"type":"speech"}
{"so":8011250,"data":{"data":{"id":2886970,"memoryUsage":305139712,"owner":{"name":"chrome.exe"},"title":"GitHub - Google Chrome"}},"type":"window"}
{"so":8020640,"data":{"data":{"transcript":"Segment out less and you make a border of our border. Yeah.","startTime":8020.64}},"type":"speech"}
{"so":8021235,"data":{"data":{"id":2886970,"memoryUsage":304242688,"owner":{"name":"chrome.exe"},"title":"semantic-ui github - Google Search - Google Chrome"}},"type":"window"}
{"so":8025510,"data":{"data":{"transcript":"It's Tio border. None.","startTime":8025.51}},"type":"speech"}
{"so":8031233,"data":{"data":{"id":2886970,"memoryUsage":302694400,"owner":{"name":"chrome.exe"},"title":"Search · segment - Google Chrome"}},"type":"window"}
{"so":8032630,"data":{"data":{"transcript":"That's gonna take forever to compile. Also, where did my terminal count?","startTime":8032.63}},"type":"speech"}
{"so":8037160,"data":{"data":{"transcript":"Bible stand bugs. Weird terminal just went away. Don't start.","startTime":8037.16}},"type":"speech"}
{"so":8041238,"data":{"data":{"id":2819594,"memoryUsage":96825344,"owner":{"name":"Code.exe"},"title":"● segment.variables - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":8047150,"data":{"data":{"transcript":"Hey.","startTime":8047.15}},"type":"speech"}
{"so":8048970,"data":{"data":{"transcript":"It is just here.","startTime":8048.97}},"type":"speech"}
{"so":8049867,"data":{"data":{"summary":{"changed":1,"commit":"39e41759cf92f3817899cc80eea305d7de14b4c5","deletions":0,"files":[{"changed":1,"deletions":0,"file":"src/semantic-ui/site/elements/segment.variables","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":8049871,"data":{"data":{"diff":"Commit 39e41759cf92f3817899cc80eea305d7de14b4c5\n--- src/semantic-ui/site/elements/segment.variables\n+++ src/semantic-ui/site/elements/segment.variables\n@@ -1,3 +1,4 @@\n /*******************************\n User Variable Overrides\n *******************************/\n+@border: none;\n"}},"type":"diff"}
{"so":8051235,"data":{"data":{"id":2819594,"memoryUsage":96878592,"owner":{"name":"Code.exe"},"title":"segment.variables - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":8052620,"data":{"data":{"transcript":"Where","startTime":8052.62}},"type":"speech"}
{"so":8061246,"data":{"data":{"id":2819594,"memoryUsage":96886784,"owner":{"name":"Code.exe"},"title":"segment.variables - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":8070460,"data":{"data":{"transcript":"Oof!","startTime":8070.46}},"type":"speech"}
{"so":8071237,"data":{"data":{"id":2819594,"memoryUsage":98250752,"owner":{"name":"Code.exe"},"title":"segment.variables - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":8072740,"data":{"data":{"transcript":"Oof! What's going on here?","startTime":8072.74}},"type":"speech"}
{"so":8080380,"data":{"data":{"transcript":"Kind of what are mine. Let's go on your package.","startTime":8080.38}},"type":"speech"}
{"so":8081238,"data":{"data":{"id":2886970,"memoryUsage":304402432,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":8085840,"data":{"data":{"transcript":"Oh young theme.","startTime":8085.84}},"type":"speech"}
{"so":8088730,"data":{"data":{"transcript":"No, no in the yard and start","startTime":8088.73}},"type":"speech"}
{"so":8091252,"data":{"data":{"id":2819594,"memoryUsage":98242560,"owner":{"name":"Code.exe"},"title":"segment.variables - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":8101240,"data":{"data":{"id":2819594,"memoryUsage":98250752,"owner":{"name":"Code.exe"},"title":"package.json - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":8111242,"data":{"data":{"id":2886970,"memoryUsage":304152576,"owner":{"name":"chrome.exe"},"title":"Untitled - Google Chrome"}},"type":"window"}
{"so":8115257,"data":{"data":{"summary":{"changed":3,"commit":"0e61f70b67b5b73976512f5185af88ae2a4ad0d3","deletions":2,"files":[{"changed":3,"deletions":2,"file":"package.json","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":8115260,"data":{"data":{"diff":"Commit 0e61f70b67b5b73976512f5185af88ae2a4ad0d3\n--- package.json\n+++ package.json\n@@ -20,8 +20,7 @@\n \"styled-components\": \"4.4.1\"\n },\n \"scripts\": {\n- \"theme\": \"craco start\",\n- \"start\": \"react-scripts start\",\n+ \"start\": \"craco start\",\n \"build\": \"craco build\",\n \"test\": \"craco test\",\n \"eject\": \"craco eject\"\n"}},"type":"diff"}
{"so":8115290,"data":{"data":{"transcript":"Just mind 46.","startTime":8115.29}},"type":"speech"}
{"so":8121256,"data":{"data":{"id":2886970,"memoryUsage":304353280,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":8128010,"data":{"data":{"transcript":"Look","startTime":8128.01}},"type":"speech"}
{"so":8130770,"data":{"data":{"transcript":"The actress happened all this.","startTime":8130.77}},"type":"speech"}
{"so":8131244,"data":{"data":{"id":2819594,"memoryUsage":98242560,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":8134710,"data":{"data":{"transcript":"Sighs.","startTime":8134.71}},"type":"speech"}
{"so":8141268,"data":{"data":{"id":2819594,"memoryUsage":97882112,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":8151257,"data":{"data":{"id":2819594,"memoryUsage":97914880,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":8161250,"data":{"data":{"id":2886970,"memoryUsage":303333376,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":8165065,"data":{"data":{"summary":{"changed":2,"commit":"dfdc9883d84f35def18d704e0f9ecd9030acbe0d","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":8165070,"data":{"data":{"diff":"Commit dfdc9883d84f35def18d704e0f9ecd9030acbe0d\n--- src/components/App.js\n+++ src/components/App.js\n@@ -205,7 +205,7 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n </Menu.Item>\n <Menu.Menu position='right'>\n <Menu.Item onClick={() => toggleCustomPlugin(false)}>\n- <Icon name='close' size='' />\n+ <Icon name='close' />\n </Menu.Item>\n </Menu.Menu>\n </Menu>\n"}},"type":"diff"}
{"so":8171278,"data":{"data":{"id":2819594,"memoryUsage":98209792,"owner":{"name":"Code.exe"},"title":"package.json - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":8181252,"data":{"data":{"id":2886970,"memoryUsage":303452160,"owner":{"name":"chrome.exe"},"title":"babel/sandboxes - CodeSandbox - Google Chrome"}},"type":"window"}
{"so":8191254,"data":{"data":{"id":2886970,"memoryUsage":303153152,"owner":{"name":"chrome.exe"},"title":"babel/sandboxes - CodeSandbox - Google Chrome"}},"type":"window"}
{"so":8191820,"data":{"data":{"transcript":"Okay back to get hub.","startTime":8191.82}},"type":"speech"}
{"so":8197019.5,"data":{"data":{"transcript":"What is this called semantic.","startTime":8197.0195}},"type":"speech"}
{"so":8201273,"data":{"data":{"id":2819594,"memoryUsage":97501184,"owner":{"name":"Code.exe"},"title":"segment.variables - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":8207349.5,"data":{"data":{"transcript":"Someone look for segment.","startTime":8207.3495}},"type":"speech"}
{"so":8211257,"data":{"data":{"id":2886970,"memoryUsage":316080128,"owner":{"name":"chrome.exe"},"title":"New Tab - Google Chrome"}},"type":"window"}
{"so":8218760,"data":{"data":{"transcript":"I understand this border.","startTime":8218.76}},"type":"speech"}
{"so":8221256,"data":{"data":{"id":2886970,"memoryUsage":309223424,"owner":{"name":"chrome.exe"},"title":"Semantic UI - Google Chrome"}},"type":"window"}
{"so":8222559.499999999,"data":{"data":{"transcript":"Okay, I see inverted.","startTime":8222.5595}},"type":"speech"}
{"so":8231256,"data":{"data":{"id":2886970,"memoryUsage":309043200,"owner":{"name":"chrome.exe"},"title":"Search · segment - Google Chrome"}},"type":"window"}
{"so":8238000,"data":{"data":{"transcript":"Richard Background, inverted","startTime":8238}},"type":"speech"}
{"so":8241030.000000001,"data":{"data":{"transcript":"Oh, solid white border color. Okay, Weird.","startTime":8241.03}},"type":"speech"}
{"so":8241256,"data":{"data":{"id":2886970,"memoryUsage":309309440,"owner":{"name":"chrome.exe"},"title":"Semantic-UI/segment.less at 4f6fe8ef44e088657ea6a5d1ed4bbea1100ca840 · Semantic-Org/Semantic-UI - Google Chrome"}},"type":"window"}
{"so":8247620.000000001,"data":{"data":{"transcript":"I'm on the salad, that particular will be black.","startTime":8247.62}},"type":"speech"}
{"so":8251257,"data":{"data":{"id":2886970,"memoryUsage":309186560,"owner":{"name":"chrome.exe"},"title":"Semantic-UI/segment.less at 4f6fe8ef44e088657ea6a5d1ed4bbea1100ca840 · Semantic-Org/Semantic-UI - Google Chrome"}},"type":"window"}
{"so":8252580,"data":{"data":{"transcript":"Why you don't program you don't put","startTime":8252.58}},"type":"speech"}
{"so":8256299.999999999,"data":{"data":{"transcript":"Colors invariable names never do that.","startTime":8256.3}},"type":"speech"}
{"so":8261273,"data":{"data":{"id":2886970,"memoryUsage":309055488,"owner":{"name":"chrome.exe"},"title":"Semantic-UI/segment.less at 4f6fe8ef44e088657ea6a5d1ed4bbea1100ca840 · Semantic-Org/Semantic-UI - Google Chrome"}},"type":"window"}
{"so":8271259,"data":{"data":{"id":2819594,"memoryUsage":98848768,"owner":{"name":"Code.exe"},"title":"● segment.variables - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":8274932,"data":{"data":{"summary":{"changed":1,"commit":"4a6a5ac9360c99fb7f0ed158a5271f7aeae20eed","deletions":0,"files":[{"changed":1,"deletions":0,"file":"src/semantic-ui/site/elements/segment.variables","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":8274937,"data":{"data":{"diff":"Commit 4a6a5ac9360c99fb7f0ed158a5271f7aeae20eed\n--- src/semantic-ui/site/elements/segment.variables\n+++ src/semantic-ui/site/elements/segment.variables\n@@ -2,3 +2,4 @@\n User Variable Overrides\n *******************************/\n @border: none;\n+@solidWhiteBorderColor: \n"}},"type":"diff"}
{"so":8279549.999999999,"data":{"data":{"transcript":"Score.","startTime":8279.55}},"type":"speech"}
{"so":8281275,"data":{"data":{"id":2886970,"memoryUsage":312598528,"owner":{"name":"chrome.exe"},"title":"Search · segment - Google Chrome"}},"type":"window"}
{"so":8281480.5,"data":{"data":{"transcript":"Say the black worked","startTime":8281.4805}},"type":"speech"}
{"so":8284370.000000001,"data":{"data":{"transcript":"Okay, but we don't want to be black going to be probably different color, whatever color this is.","startTime":8284.37}},"type":"speech"}
{"so":8289389.499999999,"data":{"data":{"transcript":"Super sweet color.","startTime":8289.3895}},"type":"speech"}
{"so":8291261,"data":{"data":{"id":2886970,"memoryUsage":310939648,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":8293530.000000001,"data":{"data":{"transcript":"Our GP ahead. We go.","startTime":8293.53}},"type":"speech"}
{"so":8297420,"data":{"data":{"transcript":"Um","startTime":8297.42}},"type":"speech"}
{"so":8299240,"data":{"data":{"transcript":"You just go with that color? Whatever.","startTime":8299.24}},"type":"speech"}
{"so":8301263,"data":{"data":{"id":2886970,"memoryUsage":310333440,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":8302469.999999999,"data":{"data":{"transcript":"This color, and we need to figure out how to get rid of this padding. So in this","startTime":8302.47}},"type":"speech"}
{"so":8308740,"data":{"data":{"transcript":"Column.","startTime":8308.74}},"type":"speech"}
{"so":8311264,"data":{"data":{"id":2886970,"memoryUsage":310243328,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":8314760,"data":{"data":{"transcript":"Doesn't make sense. I columns have that","startTime":8314.76}},"type":"speech"}
{"so":8318920,"data":{"data":{"transcript":"Hey, we do kind of want that here. Don't","startTime":8318.92}},"type":"speech"}
{"so":8321289,"data":{"data":{"id":2886970,"memoryUsage":310243328,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":8325730.5,"data":{"data":{"transcript":"This one.","startTime":8325.7305}},"type":"speech"}
{"so":8329945,"data":{"data":{"summary":{"changed":2,"commit":"0248dc660ca9dee00065e78da11e1329f66fad9c","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/semantic-ui/site/elements/segment.variables","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":8329951,"data":{"data":{"diff":"Commit 0248dc660ca9dee00065e78da11e1329f66fad9c\n--- src/semantic-ui/site/elements/segment.variables\n+++ src/semantic-ui/site/elements/segment.variables\n@@ -2,4 +2,4 @@\n User Variable Overrides\n *******************************/\n @border: none;\n-@solidWhiteBorderColor: black;\n+@solidWhiteBorderColor: #263238;\n"}},"type":"diff"}
{"so":8331265,"data":{"data":{"id":2886970,"memoryUsage":310173696,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":8334680,"data":{"data":{"transcript":"Um react Cement. Take you I divider.","startTime":8334.68}},"type":"speech"}
{"so":8341267,"data":{"data":{"id":2886970,"memoryUsage":310415360,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":8346900.5,"data":{"data":{"transcript":"Coming.","startTime":8346.9005}},"type":"speech"}
{"so":8351129.999999999,"data":{"data":{"transcript":"This has relaxed, OK, very relaxed.","startTime":8351.13}},"type":"speech"}
{"so":8351273,"data":{"data":{"id":2886970,"memoryUsage":310124544,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":8355110.500000001,"data":{"data":{"transcript":"Great COLUMN. Greek COLUMN Diner","startTime":8355.1105}},"type":"speech"}
{"so":8359730.5,"data":{"data":{"transcript":"Now what?","startTime":8359.7305}},"type":"speech"}
{"so":8360860.500000001,"data":{"data":{"transcript":"Dividers not to find okay?","startTime":8360.8605}},"type":"speech"}
{"so":8361279,"data":{"data":{"id":2886970,"memoryUsage":313786368,"owner":{"name":"chrome.exe"},"title":"react semantic ui divider - Google Search - Google Chrome"}},"type":"window"}
{"so":8363019.5,"data":{"data":{"transcript":"I know that one copy.","startTime":8363.0195}},"type":"speech"}
{"so":8367280.000000001,"data":{"data":{"transcript":"Saying that divide","startTime":8367.28}},"type":"speech"}
{"so":8371190.500000001,"data":{"data":{"transcript":"Good.","startTime":8371.1905}},"type":"speech"}
{"so":8371273,"data":{"data":{"id":2819594,"memoryUsage":97959936,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":8372459.999999999,"data":{"data":{"transcript":"Okay, that didn't work that. Well, why sit over there?","startTime":8372.46}},"type":"speech"}
{"so":8376730.5,"data":{"data":{"transcript":"Copied it exactly.","startTime":8376.7305}},"type":"speech"}
{"so":8381292,"data":{"data":{"id":2819594,"memoryUsage":97972224,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":8382510,"data":{"data":{"transcript":"Good.","startTime":8382.51}},"type":"speech"}
{"so":8383559.499999999,"data":{"data":{"transcript":"Um good column. Good column.","startTime":8383.5595}},"type":"speech"}
{"so":8384446,"data":{"data":{"summary":{"changed":1,"commit":"0ec81971ad92abd68a534ca5d2e816d287f35798","deletions":0,"files":[{"changed":1,"deletions":0,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":8384449,"data":{"data":{"diff":"Commit 0ec81971ad92abd68a534ca5d2e816d287f35798\n--- src/components/App.js\n+++ src/components/App.js\n@@ -80,6 +80,7 @@ function CompiledOutput({\n isError={compiled?.error ?? false}\n />\n </Grid.Column>\n+ <Divider vertical>And</Divider>\n </Grid>\n </Segment>\n </Grid.Column>\n"}},"type":"diff"}
{"so":8386920,"data":{"data":{"transcript":"Maybe they don't need to have the mutation have with","startTime":8386.92}},"type":"speech"}
{"so":8390580,"data":{"data":{"transcript":"Ah, great calm. Oh, yeah, we comin great column. Good column.","startTime":8390.58}},"type":"speech"}
{"so":8391276,"data":{"data":{"id":2819594,"memoryUsage":97980416,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":8395350,"data":{"data":{"summary":{"changed":2,"commit":"efb218a806944b9980a3dc120ecca1453e42c670","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":8395352,"data":{"data":{"diff":"Commit efb218a806944b9980a3dc120ecca1453e42c670\n--- src/components/App.js\n+++ src/components/App.js\n@@ -7,7 +7,7 @@ import { Editor } from \"./Editor\";\n import { processOptions } from \"../standalone\";\n import { gzipSize } from \"../gzip\";\n \n-import { Grid, Dropdown, Icon, Menu, Segment } from 'semantic-ui-react'\n+import { Grid, Dropdown, Icon, Menu, Segment, Divider } from 'semantic-ui-react'\n \n \n window.babel = Babel;\n"}},"type":"diff"}
{"so":8396889,"data":{"data":{"transcript":"Divider.","startTime":8396.889}},"type":"speech"}
{"so":8399620,"data":{"data":{"transcript":"Relaxed equals very good. Congress. Congress calm","startTime":8399.62}},"type":"speech"}
{"so":8401276,"data":{"data":{"id":2886970,"memoryUsage":310706176,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":8403160,"data":{"data":{"transcript":"So the divider comes after the grid. That's interesting.","startTime":8403.16}},"type":"speech"}
{"so":8408611,"data":{"data":{"transcript":"There we go.","startTime":8408.611}},"type":"speech"}
{"so":8411313,"data":{"data":{"id":2819594,"memoryUsage":97992704,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":8412231,"data":{"data":{"transcript":"It's gonna be an arrow icon. I think it's Montague II Cons.","startTime":8412.231}},"type":"speech"}
{"so":8419099,"data":{"data":{"transcript":"Back on.","startTime":8419.099}},"type":"speech"}
{"so":8421297,"data":{"data":{"id":2819594,"memoryUsage":97992704,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":8424981,"data":{"data":{"transcript":"Divider.","startTime":8424.981}},"type":"speech"}
{"so":8428280,"data":{"data":{"transcript":"I call on even her late our own.","startTime":8428.28}},"type":"speech"}
{"so":8431291,"data":{"data":{"id":2819594,"memoryUsage":98021376,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":8432720,"data":{"data":{"transcript":"Hero, right? Alternate. Oh, no, no, no, no, no, no, no, no.","startTime":8432.72}},"type":"speech"}
{"so":8435036,"data":{"data":{"summary":{"changed":2,"commit":"13af1139f3856383dd188868ca9cec7c8dc9bdc5","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":8435041,"data":{"data":{"diff":"Commit 13af1139f3856383dd188868ca9cec7c8dc9bdc5\n--- src/components/App.js\n+++ src/components/App.js\n@@ -80,8 +80,8 @@ function CompiledOutput({\n isError={compiled?.error ?? false}\n />\n </Grid.Column>\n- <Divider vertical>And</Divider>\n </Grid>\n+ <Divider vertical>And</Divider>\n </Segment>\n </Grid.Column>\n <FileSize>\n"}},"type":"diff"}
{"so":8440700,"data":{"data":{"transcript":"Caroline.","startTime":8440.7}},"type":"speech"}
{"so":8441283,"data":{"data":{"id":2886970,"memoryUsage":313135104,"owner":{"name":"chrome.exe"},"title":"semantic ui icons - Google Search - Google Chrome"}},"type":"window"}
{"so":8445335,"data":{"data":{"summary":{"changed":2,"commit":"fe786e0c029f80dcf71031f06b4edef710f0f152","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":8445337,"data":{"data":{"diff":"Commit fe786e0c029f80dcf71031f06b4edef710f0f152\n--- src/components/App.js\n+++ src/components/App.js\n@@ -81,7 +81,7 @@ function CompiledOutput({\n />\n </Grid.Column>\n </Grid>\n- <Divider vertical>And</Divider>\n+ <Divider vertical></Divider>\n </Segment>\n </Grid.Column>\n <FileSize>\n"}},"type":"diff"}
{"so":8446800,"data":{"data":{"transcript":"Carol, you know, Carol, ranked","startTime":8446.8}},"type":"speech"}
{"so":8451282,"data":{"data":{"id":2819594,"memoryUsage":97984512,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":8454370,"data":{"data":{"transcript":"Taro are alternate circle, right could be cool.","startTime":8454.37}},"type":"speech"}
{"so":8458540,"data":{"data":{"transcript":"The arrow.","startTime":8458.54}},"type":"speech"}
{"so":8459974,"data":{"data":{"summary":{"changed":4,"commit":"31c5cb11fc2de1901febe108c34c1a72c9b2cc19","deletions":1,"files":[{"changed":4,"deletions":1,"file":"src/components/App.js","insertions":3}],"insertions":3}}},"type":"diff-summary"}
{"so":8459976,"data":{"data":{"diff":"Commit 31c5cb11fc2de1901febe108c34c1a72c9b2cc19\n--- src/components/App.js\n+++ src/components/App.js\n@@ -81,7 +81,9 @@ function CompiledOutput({\n />\n </Grid.Column>\n </Grid>\n- <Divider vertical></Divider>\n+ <Divider vertical>\n+ <Icon name='close' />\n+ </Divider>\n </Segment>\n </Grid.Column>\n <FileSize>\n"}},"type":"diff"}
{"so":8461283,"data":{"data":{"id":2886970,"memoryUsage":311779328,"owner":{"name":"chrome.exe"},"title":"Icon | Semantic UI - Google Chrome"}},"type":"window"}
{"so":8463870,"data":{"data":{"transcript":"All right size.","startTime":8463.87}},"type":"speech"}
{"so":8470402,"data":{"data":{"summary":{"changed":3,"commit":"a7f3e3f0bd589180d37ac774bc94543aca04f75b","deletions":1,"files":[{"changed":3,"deletions":1,"file":"src/components/App.js","insertions":2}],"insertions":2}}},"type":"diff-summary"}
{"so":8470404,"data":{"data":{"diff":"Commit a7f3e3f0bd589180d37ac774bc94543aca04f75b\n--- src/components/App.js\n+++ src/components/App.js\n@@ -82,7 +82,8 @@ function CompiledOutput({\n </Grid.Column>\n </Grid>\n <Divider vertical>\n- <Icon name='close' />\n+ <Icon name=' <Icon name=' close' />\n+' />\n </Divider>\n </Segment>\n </Grid.Column>\n"}},"type":"diff"}
{"so":8471287,"data":{"data":{"id":2819594,"memoryUsage":98398208,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":8474841,"data":{"data":{"summary":{"changed":3,"commit":"04fc9294ebff37058e2ce9cd97f1b90226110344","deletions":2,"files":[{"changed":3,"deletions":2,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":8474845,"data":{"data":{"diff":"Commit 04fc9294ebff37058e2ce9cd97f1b90226110344\n--- src/components/App.js\n+++ src/components/App.js\n@@ -82,8 +82,7 @@ function CompiledOutput({\n </Grid.Column>\n </Grid>\n <Divider vertical>\n- <Icon name=' <Icon name=' close' />\n-' />\n+ <Icon name='close' />\n </Divider>\n </Segment>\n </Grid.Column>\n"}},"type":"diff"}
{"so":8480208,"data":{"data":{"summary":{"changed":2,"commit":"a3fc99784b4557b8dd8311e8bca77a4e9101f30d","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":8480211,"data":{"data":{"diff":"Commit a3fc99784b4557b8dd8311e8bca77a4e9101f30d\n--- src/components/App.js\n+++ src/components/App.js\n@@ -82,7 +82,7 @@ function CompiledOutput({\n </Grid.Column>\n </Grid>\n <Divider vertical>\n- <Icon name='close' />\n+ <Icon name='arrow-right' />\n </Divider>\n </Segment>\n </Grid.Column>\n"}},"type":"diff"}
{"so":8481285,"data":{"data":{"id":2886970,"memoryUsage":311619584,"owner":{"name":"chrome.exe"},"title":"Icon | Semantic UI - Google Chrome"}},"type":"window"}
{"so":8483380,"data":{"data":{"transcript":"Sizable here. Just guess what it is.","startTime":8483.38}},"type":"speech"}
{"so":8484631,"data":{"data":{"summary":{"changed":2,"commit":"f2f576e07746e038347de63ad94180bbcf1a0b38","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":8484633,"data":{"data":{"diff":"Commit f2f576e07746e038347de63ad94180bbcf1a0b38\n--- src/components/App.js\n+++ src/components/App.js\n@@ -82,7 +82,7 @@ function CompiledOutput({\n </Grid.Column>\n </Grid>\n <Divider vertical>\n- <Icon name='arrow-right' />\n+ <Icon name='arrow right' />\n </Divider>\n </Segment>\n </Grid.Column>\n"}},"type":"diff"}
{"so":8487760,"data":{"data":{"transcript":"No, that wasn't that big, a largest, probably one.","startTime":8487.76}},"type":"speech"}
{"so":8491286,"data":{"data":{"id":2886970,"memoryUsage":312762368,"owner":{"name":"chrome.exe"},"title":"Icon | Semantic UI - Google Chrome"}},"type":"window"}
{"so":8492840,"data":{"data":{"transcript":"Large","startTime":8492.84}},"type":"speech"}
{"so":8496191,"data":{"data":{"transcript":"Okay? No.","startTime":8496.191}},"type":"speech"}
{"so":8501286,"data":{"data":{"id":2886970,"memoryUsage":311869440,"owner":{"name":"chrome.exe"},"title":"Icon | Semantic UI - Google Chrome"}},"type":"window"}
{"so":8505389,"data":{"data":{"transcript":"Sighs.","startTime":8505.389}},"type":"speech"}
{"so":8509769,"data":{"data":{"transcript":"Large, but it's all were","startTime":8509.769}},"type":"speech"}
{"so":8511292,"data":{"data":{"id":2819594,"memoryUsage":97251328,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":8516019,"data":{"data":{"transcript":"Maybe there's just no, you know, I don't know, but there's not arrow.","startTime":8516.019}},"type":"speech"}
{"so":8519941,"data":{"data":{"summary":{"changed":2,"commit":"6eab886bf0b613d78c5f7ca3c1347d52108f51f5","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":8519945,"data":{"data":{"diff":"Commit 6eab886bf0b613d78c5f7ca3c1347d52108f51f5\n--- src/components/App.js\n+++ src/components/App.js\n@@ -82,7 +82,7 @@ function CompiledOutput({\n </Grid.Column>\n </Grid>\n <Divider vertical>\n- <Icon name='arrow right' />\n+ <Icon name='arrow right' size='huge' />\n </Divider>\n </Segment>\n </Grid.Column>\n"}},"type":"diff"}
{"so":8521286,"data":{"data":{"id":2819594,"memoryUsage":97644544,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":8522790,"data":{"data":{"transcript":"It looks perfect.","startTime":8522.79}},"type":"speech"}
{"so":8524944,"data":{"data":{"summary":{"changed":2,"commit":"ec384ba4790f195061796840ff27a2288da882f7","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":8524949,"data":{"data":{"diff":"Commit ec384ba4790f195061796840ff27a2288da882f7\n--- src/components/App.js\n+++ src/components/App.js\n@@ -82,7 +82,7 @@ function CompiledOutput({\n </Grid.Column>\n </Grid>\n <Divider vertical>\n- <Icon name='arrow right' size='huge' />\n+ <Icon name='arrow right' size='big' />\n </Divider>\n </Segment>\n </Grid.Column>\n"}},"type":"diff"}
{"so":8525880,"data":{"data":{"transcript":"Um","startTime":8525.88}},"type":"speech"}
{"so":8529510,"data":{"data":{"transcript":"Cool is looking pretty cool with this background color.","startTime":8529.51}},"type":"speech"}
{"so":8529885,"data":{"data":{"summary":{"changed":2,"commit":"bb30044f357cabae4953c26a71f0248aa5480e53","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":8529912,"data":{"data":{"diff":"Commit bb30044f357cabae4953c26a71f0248aa5480e53\n--- src/components/App.js\n+++ src/components/App.js\n@@ -82,7 +82,7 @@ function CompiledOutput({\n </Grid.Column>\n </Grid>\n <Divider vertical>\n- <Icon name='arrow right' size='big' />\n+ <Icon name='arrow right' size='large' />\n </Divider>\n </Segment>\n </Grid.Column>\n"}},"type":"diff"}
{"so":8531288,"data":{"data":{"id":2886970,"memoryUsage":311033856,"owner":{"name":"chrome.exe"},"title":"Icon | Semantic UI - Google Chrome"}},"type":"window"}
{"so":8533160,"data":{"data":{"transcript":"I offer that same","startTime":8533.16}},"type":"speech"}
{"so":8541289,"data":{"data":{"id":2886970,"memoryUsage":310906880,"owner":{"name":"chrome.exe"},"title":"Icon | Semantic UI - Google Chrome"}},"type":"window"}
{"so":8551289,"data":{"data":{"id":2886970,"memoryUsage":312414208,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":8552820,"data":{"data":{"transcript":"Hey.","startTime":8552.82}},"type":"speech"}
{"so":8554730,"data":{"data":{"summary":{"changed":2,"commit":"90034d9980bf167f67d3fe8c01799043e8d2a36f","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":8554733,"data":{"data":{"diff":"Commit 90034d9980bf167f67d3fe8c01799043e8d2a36f\n--- src/components/App.js\n+++ src/components/App.js\n@@ -82,7 +82,7 @@ function CompiledOutput({\n </Grid.Column>\n </Grid>\n <Divider vertical>\n- <Icon name='arrow right' size='large' />\n+ <Icon name='arrow right' />\n </Divider>\n </Segment>\n </Grid.Column>\n"}},"type":"diff"}
{"so":8561291,"data":{"data":{"id":2886970,"memoryUsage":310747136,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":8562280,"data":{"data":{"transcript":"It could also just hacking. I could just do it. But","startTime":8562.28}},"type":"speech"}
{"so":8571291,"data":{"data":{"id":2886970,"memoryUsage":310730752,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":8581316,"data":{"data":{"id":2886970,"memoryUsage":310710272,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":8589630,"data":{"data":{"transcript":"Um","startTime":8589.63}},"type":"speech"}
{"so":8591293,"data":{"data":{"id":2819594,"memoryUsage":98144256,"owner":{"name":"Code.exe"},"title":"● segment.variables - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":8594765,"data":{"data":{"summary":{"changed":2,"commit":"0feb16428b05234fe2a36ab9949e4b11078141d9","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/semantic-ui/site/elements/segment.variables","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":8594769,"data":{"data":{"diff":"Commit 0feb16428b05234fe2a36ab9949e4b11078141d9\n--- src/semantic-ui/site/elements/segment.variables\n+++ src/semantic-ui/site/elements/segment.variables\n@@ -2,4 +2,4 @@\n User Variable Overrides\n *******************************/\n @border: none;\n-@solidWhiteBorderColor: #263238;\n+@solidWhiteBorderColor: #1d2025;\n"}},"type":"diff"}
{"so":8599612,"data":{"data":{"summary":{"changed":1,"commit":"006fb54fe90828f1d39757dddfeb825b6b2719e5","deletions":1,"files":[{"changed":1,"deletions":1,"file":"src/semantic-ui/site/elements/segment.variables","insertions":0}],"insertions":0}}},"type":"diff-summary"}
{"so":8599616,"data":{"data":{"diff":"Commit 006fb54fe90828f1d39757dddfeb825b6b2719e5\n--- src/semantic-ui/site/elements/segment.variables\n+++ src/semantic-ui/site/elements/segment.variables\n@@ -1,5 +1,4 @@\n /*******************************\n User Variable Overrides\n *******************************/\n-@border: none;\n @solidWhiteBorderColor: #1d2025;\n"}},"type":"diff"}
{"so":8601294,"data":{"data":{"id":2886970,"memoryUsage":312049664,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":8611297,"data":{"data":{"id":2886970,"memoryUsage":311091200,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":8619010,"data":{"data":{"transcript":"Where does this background color? You inverted segment?","startTime":8619.01}},"type":"speech"}
{"so":8621297,"data":{"data":{"id":2886970,"memoryUsage":311672832,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":8624990,"data":{"data":{"transcript":"Okay?","startTime":8624.99}},"type":"speech"}
{"so":8627830,"data":{"data":{"transcript":"So, really, we want this to be","startTime":8627.83}},"type":"speech"}
{"so":8631318,"data":{"data":{"id":2886970,"memoryUsage":310738944,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":8631320,"data":{"data":{"transcript":"Oop.","startTime":8631.32}},"type":"speech"}
{"so":8636401,"data":{"data":{"transcript":"B.","startTime":8636.401}},"type":"speech"}
{"so":8641300,"data":{"data":{"id":2886970,"memoryUsage":310788096,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":8641820,"data":{"data":{"transcript":"This color.","startTime":8641.82}},"type":"speech"}
{"so":8647550,"data":{"data":{"transcript":"That's the magic color.","startTime":8647.55}},"type":"speech"}
{"so":8651310,"data":{"data":{"id":2886970,"memoryUsage":310788096,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":8651349,"data":{"data":{"transcript":"I think, you know.","startTime":8651.349}},"type":"speech"}
{"so":8661310,"data":{"data":{"id":2886970,"memoryUsage":310767616,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":8664981,"data":{"data":{"transcript":"So it's all black. I see.","startTime":8664.981}},"type":"speech"}
{"so":8668990,"data":{"data":{"transcript":"And nothing can get the actual","startTime":8668.99}},"type":"speech"}
{"so":8671313,"data":{"data":{"id":2886970,"memoryUsage":310738944,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":8673099,"data":{"data":{"transcript":"Cool color. That is okay.","startTime":8673.099}},"type":"speech"}
{"so":8676410,"data":{"data":{"transcript":"That's a decent color.","startTime":8676.41}},"type":"speech"}
{"so":8681325,"data":{"data":{"id":2886970,"memoryUsage":310722560,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":8681500,"data":{"data":{"transcript":"Second, get the inverted second to be, um","startTime":8681.5}},"type":"speech"}
{"so":8685470,"data":{"data":{"transcript":"This tribe back around color.","startTime":8685.47}},"type":"speech"}
{"so":8691305,"data":{"data":{"id":2886970,"memoryUsage":310751232,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":8701322,"data":{"data":{"id":2886970,"memoryUsage":310743040,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":8711307,"data":{"data":{"id":2886970,"memoryUsage":311791616,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":8721307,"data":{"data":{"id":2819594,"memoryUsage":98287616,"owner":{"name":"Code.exe"},"title":"● segment.variables - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":8724671,"data":{"data":{"summary":{"changed":2,"commit":"6cf5a60e775f8a4db8be14084af36cad609702dc","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/semantic-ui/site/elements/segment.variables","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":8724675,"data":{"data":{"diff":"Commit 6cf5a60e775f8a4db8be14084af36cad609702dc\n--- src/semantic-ui/site/elements/segment.variables\n+++ src/semantic-ui/site/elements/segment.variables\n@@ -1,4 +1,4 @@\n /*******************************\n User Variable Overrides\n *******************************/\n-@solidWhiteBorderColor: #1d2025;\n+@solidWhiteBorderColor: #161819;\n"}},"type":"diff"}
{"so":8729500,"data":{"data":{"transcript":"I don't agree.","startTime":8729.5}},"type":"speech"}
{"so":8729537,"data":{"data":{"summary":{"changed":1,"commit":"83009e427191bea467bd475312c4dfc87e7361b7","deletions":0,"files":[{"changed":1,"deletions":0,"file":"src/semantic-ui/site/elements/segment.variables","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":8729539,"data":{"data":{"diff":"Commit 83009e427191bea467bd475312c4dfc87e7361b7\n--- src/semantic-ui/site/elements/segment.variables\n+++ src/semantic-ui/site/elements/segment.variables\n@@ -2,3 +2,4 @@\n User Variable Overrides\n *******************************/\n @solidWhiteBorderColor: #161819;\n+@backgroundColor: 161819\n"}},"type":"diff"}
{"so":8731309,"data":{"data":{"id":2819594,"memoryUsage":98316288,"owner":{"name":"Code.exe"},"title":"segment.variables - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":8732750,"data":{"data":{"transcript":"Don't want column petting.","startTime":8732.75}},"type":"speech"}
{"so":8741310,"data":{"data":{"id":2886970,"memoryUsage":314667008,"owner":{"name":"chrome.exe"},"title":"Icon | Semantic UI - Google Chrome"}},"type":"window"}
{"so":8751311,"data":{"data":{"id":2886970,"memoryUsage":311472128,"owner":{"name":"chrome.exe"},"title":"Semantic-UI/segment.less at 4f6fe8ef44e088657ea6a5d1ed4bbea1100ca840 · Semantic-Org/Semantic-UI - Google Chrome"}},"type":"window"}
{"so":8751750,"data":{"data":{"transcript":"You want inverted, settle, transparent Black.","startTime":8751.75}},"type":"speech"}
{"so":8761312,"data":{"data":{"id":2886970,"memoryUsage":313774080,"owner":{"name":"chrome.exe"},"title":"babel/sandboxes - CodeSandbox - Google Chrome"}},"type":"window"}
{"so":8764923,"data":{"data":{"summary":{"changed":2,"commit":"2f5460f8917b3beb984ba7e70f9f0d3f67bf380d","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/semantic-ui/site/elements/segment.variables","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":8764928,"data":{"data":{"diff":"Commit 2f5460f8917b3beb984ba7e70f9f0d3f67bf380d\n--- src/semantic-ui/site/elements/segment.variables\n+++ src/semantic-ui/site/elements/segment.variables\n@@ -2,4 +2,4 @@\n User Variable Overrides\n *******************************/\n @solidWhiteBorderColor: #161819;\n-@backgroundColor: #161819;\n+@background: #161819;\n"}},"type":"diff"}
{"so":8771312,"data":{"data":{"id":2886970,"memoryUsage":311357440,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":8777840,"data":{"data":{"transcript":"Okay, Well, that means I will on click remove configured.","startTime":8777.84}},"type":"speech"}
{"so":8781313,"data":{"data":{"id":2886970,"memoryUsage":312401920,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":8782930,"data":{"data":{"transcript":"Exactly what we want to have this work thing that worked.","startTime":8782.93}},"type":"speech"}
{"so":8788080,"data":{"data":{"transcript":"Okay, Cool.","startTime":8788.08}},"type":"speech"}
{"so":8790330,"data":{"data":{"transcript":"Very sweet. Something exactly the right color. I'm actually about to open Photoshopped.","startTime":8790.33}},"type":"speech"}
{"so":8791336,"data":{"data":{"id":2886970,"memoryUsage":311468032,"owner":{"name":"chrome.exe"},"title":"Semantic-UI/segment.less at 4f6fe8ef44e088657ea6a5d1ed4bbea1100ca840 · Semantic-Org/Semantic-UI - Google Chrome"}},"type":"window"}
{"so":8794139,"data":{"data":{"transcript":"Think of this color. It's pretty interesting.","startTime":8794.139}},"type":"speech"}
{"so":8798340,"data":{"data":{"transcript":"Um okay. Oh, yes, Let's let's do this on click, remove config thinking.","startTime":8798.34}},"type":"speech"}
{"so":8801314,"data":{"data":{"id":2886970,"memoryUsage":311181312,"owner":{"name":"chrome.exe"},"title":"Semantic-UI/segment.less at 4f6fe8ef44e088657ea6a5d1ed4bbea1100ca840 · Semantic-Org/Semantic-UI - Google Chrome"}},"type":"window"}
{"so":8805750,"data":{"data":{"transcript":"Because it's going to go into the ex. I can clone unclip that can think and then we have the compiled the size.","startTime":8805.75}},"type":"speech"}
{"so":8809785,"data":{"data":{"summary":{"changed":2,"commit":"a4db89ead9ade44db54e9b64eef10fbb26069119","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/semantic-ui/site/elements/segment.variables","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":8809788,"data":{"data":{"diff":"Commit a4db89ead9ade44db54e9b64eef10fbb26069119\n--- src/semantic-ui/site/elements/segment.variables\n+++ src/semantic-ui/site/elements/segment.variables\n@@ -2,4 +2,4 @@\n User Variable Overrides\n *******************************/\n @solidWhiteBorderColor: #161819;\n-@background: #161819;\n+@invertedBackground: #161819;\n"}},"type":"diff"}
{"so":8811337,"data":{"data":{"id":2886970,"memoryUsage":311173120,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":8813361,"data":{"data":{"transcript":"Has another menu item.","startTime":8813.361}},"type":"speech"}
{"so":8821315,"data":{"data":{"id":2819594,"memoryUsage":98926592,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":8827861,"data":{"data":{"transcript":"Yeah, I know. It's gonna complain about that. Um, okay. Many item on click Nothing.","startTime":8827.861}},"type":"speech"}
{"so":8831335,"data":{"data":{"id":2886970,"memoryUsage":310702080,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":8833530,"data":{"data":{"transcript":"Crowd size.","startTime":8833.53}},"type":"speech"}
{"so":8837420,"data":{"data":{"transcript":"Close pieced","startTime":8837.42}},"type":"speech"}
{"so":8840120,"data":{"data":{"transcript":"Save","startTime":8840.12}},"type":"speech"}
{"so":8841319,"data":{"data":{"id":2819594,"memoryUsage":98279424,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":8843420,"data":{"data":{"transcript":"Cool.","startTime":8843.42}},"type":"speech"}
{"so":8845330,"data":{"data":{"transcript":"Looking good. Okay, now we need for shop.","startTime":8845.33}},"type":"speech"}
{"so":8848889,"data":{"data":{"transcript":"Ah, great new custom.","startTime":8848.889}},"type":"speech"}
{"so":8851319,"data":{"data":{"id":2819594,"memoryUsage":98316288,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":8853090,"data":{"data":{"transcript":"Nothing. Just just create anything It doesn't matter.","startTime":8853.09}},"type":"speech"}
{"so":8855415,"data":{"data":{"summary":{"changed":3,"commit":"3e7fb745c2ecaa141f2c023f9b2d637583b2d79d","deletions":2,"files":[{"changed":3,"deletions":2,"file":"src/components/App.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":8855418,"data":{"data":{"diff":"Commit 3e7fb745c2ecaa141f2c023f9b2d637583b2d79d\n--- src/components/App.js\n+++ src/components/App.js\n@@ -51,7 +51,7 @@ function CompiledOutput({\n plugin.js\n </Menu.Item>\n <Menu.Menu position='right'>\n- <Menu.Item>\n+ <Menu.Item onClick={removeConfig} >\n <Icon name='close' size='' />\n </Menu.Item>\n </Menu.Menu>\n"}},"type":"diff"}
{"so":8855419,"data":{"data":{"diff":"Commit 3e7fb745c2ecaa141f2c023f9b2d637583b2d79d\n--- src/components/App.js\n+++ src/components/App.js\n@@ -89,7 +89,6 @@ function CompiledOutput({\n <FileSize>\n {compiled?.size}b, {gzip}b\n </FileSize>\n- <Toggle onClick={removeConfig} />\n </Grid.Row>\n );\n }\n"}},"type":"diff"}
{"so":8857180,"data":{"data":{"transcript":"Okay. Um, I wish I had a print screen button.","startTime":8857.18}},"type":"speech"}
{"so":8860861,"data":{"data":{"transcript":"Oh, they don't need photo shop. Maybe this will do it.","startTime":8860.861}},"type":"speech"}
{"so":8861320,"data":{"data":{"id":2819594,"memoryUsage":98340864,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":8864340,"data":{"data":{"transcript":"Region.","startTime":8864.34}},"type":"speech"}
{"so":8866599,"data":{"data":{"transcript":"Image, Senator","startTime":8866.599}},"type":"speech"}
{"so":8869330,"data":{"data":{"transcript":"Isis have a picker.","startTime":8869.33}},"type":"speech"}
{"so":8871320,"data":{"data":{"id":2819594,"memoryUsage":98369536,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":8873231,"data":{"data":{"transcript":"No, I'll","startTime":8873.231}},"type":"speech"}
{"so":8876050,"data":{"data":{"transcript":"Paste.","startTime":8876.05}},"type":"speech"}
{"so":8881348,"data":{"data":{"id":2819594,"memoryUsage":98357248,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":8883599,"data":{"data":{"transcript":"Sir. This, okay?","startTime":8883.599}},"type":"speech"}
{"so":8886010,"data":{"data":{"transcript":"Here's our color.","startTime":8886.01}},"type":"speech"}
{"so":8889500,"data":{"data":{"transcript":"So come here, Um","startTime":8889.5}},"type":"speech"}
{"so":8889732,"data":{"data":{"summary":{"changed":8,"commit":"8396bcfb878e829c0c1e9a6ecb5deaea6d1892fc","deletions":4,"files":[{"changed":8,"deletions":4,"file":"src/components/App.js","insertions":4}],"insertions":4}}},"type":"diff-summary"}
{"so":8889741,"data":{"data":{"diff":"Commit 8396bcfb878e829c0c1e9a6ecb5deaea6d1892fc\n--- src/components/App.js\n+++ src/components/App.js\n@@ -49,8 +49,11 @@ function CompiledOutput({\n <Menu attached='top' tabular inverted>\n <Menu.Item>\n plugin.js\n- </Menu.Item>\n+ </Menu.Item>\n <Menu.Menu position='right'>\n+ <Menu.Item >\n+ {compiled?.size}b, {gzip}b\n+ </Menu.Item>\n <Menu.Item onClick={removeConfig} >\n <Icon name='close' size='' />\n </Menu.Item>\n"}},"type":"diff"}
{"so":8889741,"data":{"data":{"diff":"Commit 8396bcfb878e829c0c1e9a6ecb5deaea6d1892fc\n--- src/components/App.js\n+++ src/components/App.js\n@@ -86,9 +89,6 @@ function CompiledOutput({\n </Divider>\n </Segment>\n </Grid.Column>\n- <FileSize>\n- {compiled?.size}b, {gzip}b\n- </FileSize>\n </Grid.Row>\n );\n }\n"}},"type":"diff"}
{"so":8891324,"data":{"data":{"id":9966156,"memoryUsage":749076480,"owner":{"name":"Photoshop.exe"},"title":"Adobe Photoshop 2020"}},"type":"window"}
{"so":8893420,"data":{"data":{"transcript":"RGB, eh? Yeah.","startTime":8893.42}},"type":"speech"}
{"so":8896309,"data":{"data":{"transcript":"Sorry, aren't you?","startTime":8896.309}},"type":"speech"}
{"so":8900550,"data":{"data":{"transcript":"G P A","startTime":8900.55}},"type":"speech"}
{"so":8901324,"data":{"data":{"id":9966156,"memoryUsage":868208640,"owner":{"name":"Photoshop.exe"},"title":"Untitled-1 @ 33.3% (RGB/8#)"}},"type":"window"}
{"so":8903030,"data":{"data":{"transcript":"Matching search that's about it, actually.","startTime":8903.03}},"type":"speech"}
{"so":8906340,"data":{"data":{"transcript":"R G B A. R G B A","startTime":8906.34}},"type":"speech"}
{"so":8910191,"data":{"data":{"transcript":"Style do file size.","startTime":8910.191}},"type":"speech"}
{"so":8911335,"data":{"data":{"id":329302,"memoryUsage":56565760,"owner":{"name":"Greenshot.exe"},"title":"Greenshot image editor"}},"type":"window"}
{"so":8913070,"data":{"data":{"transcript":"I really don't need this anymore.","startTime":8913.07}},"type":"speech"}
{"so":8916599,"data":{"data":{"transcript":"I don't think we need talking about anymore. I don't think we need actions anymore.","startTime":8916.599}},"type":"speech"}
{"so":8921351,"data":{"data":{"id":9966156,"memoryUsage":862666752,"owner":{"name":"Photoshop.exe"},"title":"Untitled-1 @ 33.3% (Layer 1, RGB/8#) *"}},"type":"window"}
{"so":8925941,"data":{"data":{"transcript":"Um","startTime":8925.941}},"type":"speech"}
{"so":8931019,"data":{"data":{"transcript":"Tuggle route.","startTime":8931.019}},"type":"speech"}
{"so":8931351,"data":{"data":{"id":21105598,"memoryUsage":856133632,"owner":{"name":"Photoshop.exe"},"title":"Color Picker (Foreground Color)"}},"type":"window"}
{"so":8932910,"data":{"data":{"transcript":"Yeah, we don't do any Tuggle route.","startTime":8932.91}},"type":"speech"}
{"so":8936450,"data":{"data":{"transcript":"No.","startTime":8936.45}},"type":"speech"}
{"so":8941139,"data":{"data":{"transcript":"Okay?","startTime":8941.139}},"type":"speech"}
{"so":8941348,"data":{"data":{"id":2819594,"memoryUsage":98516992,"owner":{"name":"Code.exe"},"title":"codemirror.css - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":8944519,"data":{"data":{"transcript":"There's that color, actually ever new color. Let's put it in the segment variables.","startTime":8944.519}},"type":"speech"}
{"so":8950750,"data":{"data":{"transcript":"We just want everything to be this color now.","startTime":8950.75}},"type":"speech"}
{"so":8951337,"data":{"data":{"id":2819594,"memoryUsage":98516992,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":8954580,"data":{"data":{"transcript":"We need to find out where code mirror gets that color from. I saw it before things earlier and backroom color to B. A. It's not searching, though.","startTime":8954.58}},"type":"speech"}
{"so":8961338,"data":{"data":{"id":2819594,"memoryUsage":98504704,"owner":{"name":"Code.exe"},"title":"● App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":8966470,"data":{"data":{"transcript":"It's somewhere.","startTime":8966.47}},"type":"speech"}
{"so":8970620,"data":{"data":{"transcript":"Code Mirror crowed mirror.","startTime":8970.62}},"type":"speech"}
{"so":8971342,"data":{"data":{"id":2819594,"memoryUsage":98447360,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":8974019,"data":{"data":{"transcript":"To mirror","startTime":8974.019}},"type":"speech"}
{"so":8975178,"data":{"data":{"summary":{"changed":19,"commit":"03648bddbcbc08667b11c51232ba289d253b265a","deletions":19,"files":[{"changed":19,"deletions":19,"file":"src/components/App.js","insertions":0}],"insertions":0}}},"type":"diff-summary"}
{"so":8975182,"data":{"data":{"diff":"Commit 03648bddbcbc08667b11c51232ba289d253b265a\n--- src/components/App.js\n+++ src/components/App.js\n@@ -264,22 +264,3 @@ const Config = styled(Editor)`\n \n const Code = styled(Editor)`\n `;\n-\n-const FileSize = styled.div`\n- background-color: rgba(255, 255, 255, 0.1);\n- border: 0;\n- border-radius: 0.5rem;\n- bottom: 1rem;\n- color: #888;\n- font-size: 0.75rem;\n- padding: 0.2rem;\n- position: absolute;\n- right: 2rem;\n- z-index: 2;\n-`;\n-\n-const ToggleRoot = styled.div`\n-`;\n-\n-const Actions = styled(Wrapper)`\n-`;\n"}},"type":"diff"}
{"so":8976191,"data":{"data":{"transcript":"Bitch is defined in the code.","startTime":8976.191}},"type":"speech"}
{"so":8979842,"data":{"data":{"summary":{"changed":1,"commit":"974a294aab4e78391c65440fde0eaa0cc2d24d24","deletions":1,"files":[{"changed":1,"deletions":1,"file":"src/components/App.js","insertions":0}],"insertions":0}}},"type":"diff-summary"}
{"so":8979845,"data":{"data":{"diff":"Commit 974a294aab4e78391c65440fde0eaa0cc2d24d24\n--- src/components/App.js\n+++ src/components/App.js\n@@ -251,7 +251,6 @@ function useDebounce(value, delay) {\n }\n \n // STYLES\n-\n const Root = styled.div`\n `;\n \n"}},"type":"diff"}
{"so":8981210,"data":{"data":{"transcript":"Editor.","startTime":8981.21}},"type":"speech"}
{"so":8981340,"data":{"data":{"id":2819594,"memoryUsage":98721792,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":8982269,"data":{"data":{"transcript":"Go, go.","startTime":8982.269}},"type":"speech"}
{"so":8991342,"data":{"data":{"id":2819594,"memoryUsage":98754560,"owner":{"name":"Code.exe"},"title":"App.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":8992019,"data":{"data":{"transcript":"That looks so good.","startTime":8992.019}},"type":"speech"}
{"so":8994639,"data":{"data":{"transcript":"Hell, Yeah. Okay. This looks awesome.","startTime":8994.639}},"type":"speech"}
{"so":8994763,"data":{"data":{"summary":{"changed":4,"commit":"a7f87065be8d5859632e39bd541d9ae28263e079","deletions":4,"files":[{"changed":4,"deletions":4,"file":"src/components/App.js","insertions":0}],"insertions":0}}},"type":"diff-summary"}
{"so":8994766,"data":{"data":{"diff":"Commit a7f87065be8d5859632e39bd541d9ae28263e079\n--- src/components/App.js\n+++ src/components/App.js\n@@ -230,10 +230,6 @@ export const App = ({ defaultSource, defaultBabelConfig, defCustomPlugin }) => {\n \n // UTILS\n \n-function Toggle(props) {\n- return <ToggleRoot {...props}>x</ToggleRoot>;\n-}\n-\n function useDebounce(value, delay) {\n const [debouncedValue, setDebouncedValue] = React.useState(value);\n \n"}},"type":"diff"}
{"so":8997639,"data":{"data":{"transcript":"So cool.","startTime":8997.639}},"type":"speech"}
{"so":9001363,"data":{"data":{"id":2819594,"memoryUsage":98119680,"owner":{"name":"Code.exe"},"title":"segment.variables - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":9008361,"data":{"data":{"transcript":"Okay, We're definitely done with this for today.","startTime":9008.361}},"type":"speech"}
{"so":9009759,"data":{"data":{"summary":{"changed":4,"commit":"35888a0752613682f1b8c685226ca32541d0aa98","deletions":2,"files":[{"changed":4,"deletions":2,"file":"src/semantic-ui/site/elements/segment.variables","insertions":2}],"insertions":2}}},"type":"diff-summary"}
{"so":9009763,"data":{"data":{"diff":"Commit 35888a0752613682f1b8c685226ca32541d0aa98\n--- src/semantic-ui/site/elements/segment.variables\n+++ src/semantic-ui/site/elements/segment.variables\n@@ -1,5 +1,5 @@\n /*******************************\n User Variable Overrides\n *******************************/\n-@solidWhiteBorderColor: #161819;\n-@invertedBackground: #161819;\n+@solidWhiteBorderColor: #141618;\n+@invertedBackground: #141618;\n"}},"type":"diff"}
{"so":9011344,"data":{"data":{"id":2886970,"memoryUsage":312872960,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":9011750,"data":{"data":{"transcript":"We'll surprise everybody with it tomorrow.","startTime":9011.75}},"type":"speech"}
{"so":9021347,"data":{"data":{"id":2886970,"memoryUsage":311541760,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":9031350,"data":{"data":{"id":2819594,"memoryUsage":97255424,"owner":{"name":"Code.exe"},"title":"Editor.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":9039845,"data":{"data":{"summary":{"changed":2,"commit":"170065bfd1ff2e3eb8e758f0001ffd27dca81a64","deletions":1,"files":[{"changed":2,"deletions":1,"file":"src/components/Editor.js","insertions":1}],"insertions":1}}},"type":"diff-summary"}
{"so":9039849,"data":{"data":{"diff":"Commit 170065bfd1ff2e3eb8e758f0001ffd27dca81a64\n--- src/components/Editor.js\n+++ src/components/Editor.js\n@@ -5,7 +5,7 @@ import { Controlled as CodeMirror } from 'react-codemirror2';\n \n const StyledEditor = styled(CodeMirror)`\n .CodeMirror {\n- background-color: rgba(0, 0, 0, 0.4);\n+ background-color: #141618;\n height: inherit;\n padding: 10px;\n }\n"}},"type":"diff"}
{"so":9041350,"data":{"data":{"id":2819594,"memoryUsage":97288192,"owner":{"name":"Code.exe"},"title":"Editor.js - Untitled (Workspace) - Visual Studio Code"}},"type":"window"}
{"so":9051363,"data":{"data":{"id":2886970,"memoryUsage":311508992,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":9057901,"data":{"data":{"transcript":"Two.","startTime":9057.901}},"type":"speech"}
{"so":9059720,"data":{"data":{"transcript":"I'm plugging custom.","startTime":9059.72}},"type":"speech"}
{"so":9061378,"data":{"data":{"id":2886970,"memoryUsage":312258560,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":9061849,"data":{"data":{"transcript":"Had plugging custom.","startTime":9061.849}},"type":"speech"}
{"so":9067420,"data":{"data":{"transcript":"There we go.","startTime":9067.42}},"type":"speech"}
{"so":9071361,"data":{"data":{"id":2886970,"memoryUsage":311201792,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":9081371,"data":{"data":{"id":2886970,"memoryUsage":311148544,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":9091358,"data":{"data":{"id":2886970,"memoryUsage":311672832,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":9096380,"data":{"data":{"transcript":"Okay, Cool. I think this is a great start. Um, we've got some really cool functionality here, So I'm going to kill the pair cast and I will be it for today.","startTime":9096.38}},"type":"speech"}
{"so":9101376,"data":{"data":{"id":2886970,"memoryUsage":311087104,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":9105290,"data":{"data":{"transcript":"Two hours and 2.5 hours. All right, There we go.","startTime":9105.29}},"type":"speech"}
{"so":9111376,"data":{"data":{"id":2886970,"memoryUsage":311074816,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":9121361,"data":{"data":{"id":19401108,"memoryUsage":116928512,"owner":{"name":"Greenshot.exe"},"title":"Greenshot capture form"}},"type":"window"}
{"so":9131388,"data":{"data":{"id":2886970,"memoryUsage":312164352,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":9141376,"data":{"data":{"id":328534,"memoryUsage":65470464,"owner":{"name":"Greenshot.exe"},"title":""}},"type":"window"}
{"so":9151381,"data":{"data":{"id":2886970,"memoryUsage":309149696,"owner":{"name":"chrome.exe"},"title":"Babel Test Playground - Google Chrome"}},"type":"window"}
{"so":9161372,"data":{"data":{"id":10625476,"memoryUsage":334495744,"owner":{"name":"Paircast.exe"},"title":"Paircast"}},"type":"window"}
{"so":9162258,"data":{"data":{}},"type":"stop"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment