diff --git a/app/partials/changelog.html b/app/partials/changelog.html
index 69695be..4d0b1b1 100644
--- a/app/partials/changelog.html
+++ b/app/partials/changelog.html
@@ -7,67 +7,134 @@
 <h1>Whats new?</h1>
 
 
+
+<div class="notification">
+	<span class="notification__version">3.0.4</span>
+	<ul>
+		<li>
+			<strong>Bugfix</strong>: Guarantee code doesn't execute when "auto preview" is off.</li>
+		<li>Add link to our new
+			<a href="https://web-maker.slack.com" target="_blank">Slack channel</a> 🤗.
+		</li>
+
+		<br>
+		<li>
+			<strong>🚀 Announcement</strong>: Hi! I am Kushagra Gour (creator of Web Maker) and I have launched a
+			<a href="https://patreon.com/kushagra"
+			target="_blank">Patreon campaign</a>. If you love Web Maker, consider pledging to
+			<a href="https://patreon.com/kushagra" target="_blank">support me</a> :)</li>
+		<li>
+			<a href="https://github.com/chinchang/web-maker/issues" target="_blank">Suggest features or report bugs.</a>
+		</li>
+		<li>Web Maker now has more than 50K weekly active users! Thank you for being a part of this community of awesome developers.
+			If you find Web Maker helpful,
+			<a href="https://chrome.google.com/webstore/detail/web-maker/lkfkkhfhhdkiemehlpkgjeojomhpccnh/reviews"
+			target="_blank" class="btn">Please rate Web Maker
+				<span class="star"></span>
+			</a>&nbsp;
+			<a href="http://twitter.com/share?url=https://webmakerapp.com/&text=Web Maker - A blazing fast %26 offline web playground! via @webmakerApp&related=webmakerApp&hashtags=web,editor,chrome,extension"
+			target="_blank" target="_blank" class="btn">Share it</a>&nbsp;
+			<a aria-label="Support the developer" d-click="openSupportDeveloperModal" data-event-action="supportDeveloperChangelogBtnClick"
+			class="btn btn-icon">Support the developer</a>
+		</li>
+	</ul>
+</div>
+
 <div class="notification">
 	<span class="notification__version">3.0.3</span>
 	<ul>
-		<li><strong>Bugfix (extension)</strong>: "Save as HTML" file saves with correct extension.</li>
+		<li>
+			<strong>Bugfix (extension)</strong>: "Save as HTML" file saves with correct extension.</li>
 	</ul>
 </div>
 
 <div class="notification">
 	<span class="notification__version">3.0.1</span>
 	<ul>
-		<li>After months of work, here is Web Maker 3.0. <a href="https://medium.com/web-maker/web-maker-3-0-is-here-f158a40eeaee" target="_blank">Read the blog post about it</a>.</li>
-		<li>Web Maker is no more just a Chrome extension, it is also available as web app that runs offline just like the extension! Checkout it out -> <a href="https://webmakerapp.com/app/" target="_blank">https://webmakerapp.com/app/</a>.</li>
+		<li>After months of work, here is Web Maker 3.0.
+			<a href="https://medium.com/web-maker/web-maker-3-0-is-here-f158a40eeaee"
+			target="_blank">Read the blog post about it</a>.</li>
+		<li>Web Maker is no more just a Chrome extension, it is also available as web app that runs offline just like the extension!
+			Checkout it out ->
+			<a href="https://webmakerapp.com/app/" target="_blank">https://webmakerapp.com/app/</a>.</li>
 		<li>Now use Web Maker web app on any modern browser (tested with Chrome and Firefox).</li>
-		<li><strong>User Accounts</strong> - The much requested user accounts are here. Now maintain your account and store all your creations in the cloud and access them anywhere anytime.
-		<li><strong>New layout mode</strong> - One more layout mode, that lets you align all the panes vertically.
-		<li><strong>No more restriction on scripts (Web app only)</strong> - If you are using the web app, there is no more a restriction to load scripts from only specific domains. Load any script!
-		<li><strong>Inline scripts (Web app only)</strong> - The restriction of writing JavaScript only in JS pane is also removed.
-
-		<br>
-		<li><strong>🚀 Announcement</strong>: Hi! I am Kushagra Gour (creator of Web Maker) and I have launched a <a href="https://patreon.com/kushagra" target="_blank">Patreon campaign</a>. If you love Web Maker, consider pledging to <a href="https://patreon.com/kushagra" target="_blank">support me</a> :)</li>
-		<li><a href="https://github.com/chinchang/web-maker/issues" target="_blank">Suggest features or report bugs.</a></lili>
-		<li>Web Maker now has more than 50K weekly active users! Thank you for being a part of this community of awesome developers. If you find Web Maker helpful, <a href="https://chrome.google.com/webstore/detail/web-maker/lkfkkhfhhdkiemehlpkgjeojomhpccnh/reviews" target="_blank" class="btn">Please rate Web Maker <span class="star"></span></a>			&nbsp; <a href="http://twitter.com/share?url=https://webmakerapp.com/&text=Web Maker - A blazing fast %26 offline web playground! via @webmakerApp&related=webmakerApp&hashtags=web,editor,chrome,extension" target="_blank" target="_blank" class="btn">Share it</a>&nbsp; <a aria-label="Support the developer" d-click="openSupportDeveloperModal" data-event-action="supportDeveloperChangelogBtnClick" class="btn btn-icon">Support the developer</a></li>
+		<li>
+			<strong>User Accounts</strong> - The much requested user accounts are here. Now maintain your account and store all your creations
+			in the cloud and access them anywhere anytime.</li>
+		<li>
+			<strong>New layout mode</strong> - One more layout mode, that lets you align all the panes vertically.</li>
+		<li>
+			<strong>No more restriction on scripts (Web app only)</strong> - If you are using the web app, there is no more a restriction
+			to load scripts from only specific domains. Load any script!</li>
+		<li>
+			<strong>Inline scripts (Web app only)</strong> - The restriction of writing JavaScript only in JS pane is also removed.</li>
 	</ul>
 </div>
 
 <div class="notification">
 	<span class="notification__version">2.9.7</span>
 	<ul>
-		<li><a href="https://tailwindcss.com/" target="_blank">Tailwind CSS</a> added to popular CSS libraries list. Thanks <a href="https://github.com/diomed" target="_blank">diomed</a>.</li>
-		<li>Popular libraries list updated. Thanks <a href="https://github.com/diomed" target="_blank">diomed</a>.</li>
-		<li><strong>Dev</strong>: Bug fixes and code refactoring to make things simple. Thanks <a href="https://github.com/iamandrewluca" target="_blank">iamandrewluca</a>.</li>
+		<li>
+			<a href="https://tailwindcss.com/" target="_blank">Tailwind CSS</a> added to popular CSS libraries list. Thanks
+			<a href="https://github.com/diomed" target="_blank">diomed</a>.</li>
+		<li>Popular libraries list updated. Thanks
+			<a href="https://github.com/diomed" target="_blank">diomed</a>.</li>
+		<li>
+			<strong>Dev</strong>: Bug fixes and code refactoring to make things simple. Thanks
+			<a href="https://github.com/iamandrewluca"
+			target="_blank">iamandrewluca</a>.</li>
 	</ul>
 </div>
 
 <div class="notification">
 	<span class="notification__version">2.9.6</span>
 	<ul>
-		<li><strong>Bugfix</strong>: Fix close buttons not working in notifications and keyboard shortcuts modal.</li>
-		<li><strong>Bugfix</strong>: Fix keyboard shortcut to see keyboard shortcuts :) Thanks <a href="https://github.com/ClassicOldSong" target="_blank">ClassicOldSong</a>.</li>
+		<li>
+			<strong>Bugfix</strong>: Fix close buttons not working in notifications and keyboard shortcuts modal.</li>
+		<li>
+			<strong>Bugfix</strong>: Fix keyboard shortcut to see keyboard shortcuts :) Thanks
+			<a href="https://github.com/ClassicOldSong"
+			target="_blank">ClassicOldSong</a>.</li>
 	</ul>
 </div>
 
 <div class="notification">
 	<span class="notification__version">2.9.5</span>
 	<ul>
-		<li><a href="https://medium.com/web-maker/release-2-9-5-add-library-search-pane-collapsing-ux-improvements-more-1085216c1301" target="_blank">Read blog post about this release.</a></li>
-		<li><strong>Keyboard shortcuts panel</strong>: Add a list of all keyboard shotcuts. Access with <code> Ctrl/⌘ + Shift + ?</code> or click keyboard button in footer.</li>
-		<li><strong>Add external library</strong>: Better UX for searching third party libraries.</li>
-		<li><strong>Improvement</strong>: Code panes now go fullscreen when double-clicked on their headers - which is much more intuitive behavior based on feedback from lot of developers.</li>
-		<li><strong>Improvement</strong>: Add <code>allowfullscreen</code> attribute on iframes. Thanks <a href="https://github.com/ClassicOldSong" target="_blank">ClassicOldSong</a>.</li>
-		<li><strong>Bugfix</strong> - Stop screenlog.js from showing up in the exported HTML.</li>
-		<li>Popular external libraries list updated. Thanks <a href="https://github.com/jlapitan" target="_blank">jlapitan</a>.</li>
+		<li>
+			<a href="https://medium.com/web-maker/release-2-9-5-add-library-search-pane-collapsing-ux-improvements-more-1085216c1301"
+			target="_blank">Read blog post about this release.</a>
+		</li>
+		<li>
+			<strong>Keyboard shortcuts panel</strong>: Add a list of all keyboard shotcuts. Access with
+			<code> Ctrl/⌘ + Shift + ?</code> or click keyboard button in footer.</li>
+		<li>
+			<strong>Add external library</strong>: Better UX for searching third party libraries.</li>
+		<li>
+			<strong>Improvement</strong>: Code panes now go fullscreen when double-clicked on their headers - which is much more intuitive
+			behavior based on feedback from lot of developers.</li>
+		<li>
+			<strong>Improvement</strong>: Add
+			<code>allowfullscreen</code> attribute on iframes. Thanks
+			<a href="https://github.com/ClassicOldSong" target="_blank">ClassicOldSong</a>.</li>
+		<li>
+			<strong>Bugfix</strong> - Stop screenlog.js from showing up in the exported HTML.</li>
+		<li>Popular external libraries list updated. Thanks
+			<a href="https://github.com/jlapitan" target="_blank">jlapitan</a>.</li>
 	</ul>
 </div>
 
 <div class="notification">
 	<span class="notification__version">2.9.4</span>
 	<ul>
-		<li><strong>Improvement</strong>: Atomic CSS (Atomizer) has been updated to latest version. Now you can do things like psuedo elements. Learn More.</li>
-		<li><strong>Bugfix</strong> - Logging circular objects is now possible. It won't show in the Web Maker console, but will show fine in browser's console.</li>
-		<li><strong>Bugfix</strong> - Console's z-index issue has been fixed.</li>
+		<li>
+			<strong>Improvement</strong>: Atomic CSS (Atomizer) has been updated to latest version. Now you can do things like psuedo elements.
+			Learn More.</li>
+		<li>
+			<strong>Bugfix</strong> - Logging circular objects is now possible. It won't show in the Web Maker console, but will show fine
+			in browser's console.</li>
+		<li>
+			<strong>Bugfix</strong> - Console's z-index issue has been fixed.</li>
 	</ul>
 </div>
 
@@ -76,15 +143,25 @@
 	<ul>
 		<li>Choose the save location while exporting your saved creations. Now easily sync them to your Dropbox or any cloud storage.</li>
 		<li>All modals inside the app now have a close button.</li>
-		<li>Checkbox that showed on clicking a boolean value is now removed. Thanks <a href="https://github.com/gauravmuk" target="_blank">Gaurav Nanda</a>.</li>
-		<li><strong>Bugfix</strong> - Screenshots on retina device are now correct. Thanks <a href="https://github.com/AshBardhan" target="_blank">Ashish Bardhan</a>.</li>
-		<li><strong>Bugfix</strong> - Double console log in detached mode fixed.</li>
-		<li><strong>Bugfix</strong> - Console.clear now works in detached mode too.</li>
-		<li><strong>Bugfix</strong> - DOCTYPE added in preview.</li>
-		<li><strong>Bugfix</strong> - Typo correction in README. Thanks <a href="https://github.com/AdilMah" target="_blank">Adil Mahmood</a>.</li>
+		<li>Checkbox that showed on clicking a boolean value is now removed. Thanks
+			<a href="https://github.com/gauravmuk" target="_blank">Gaurav Nanda</a>.</li>
+		<li>
+			<strong>Bugfix</strong> - Screenshots on retina device are now correct. Thanks
+			<a href="https://github.com/AshBardhan" target="_blank">Ashish Bardhan</a>.</li>
+		<li>
+			<strong>Bugfix</strong> - Double console log in detached mode fixed.</li>
+		<li>
+			<strong>Bugfix</strong> - Console.clear now works in detached mode too.</li>
+		<li>
+			<strong>Bugfix</strong> - DOCTYPE added in preview.</li>
+		<li>
+			<strong>Bugfix</strong> - Typo correction in README. Thanks
+			<a href="https://github.com/AdilMah" target="_blank">Adil Mahmood</a>.</li>
 		<li>gstatic.com is available to load external JavaScripts from.</li>
-		<li>Popular libraries list updated. Thanks <a href="https://github.com/diomed" target="_blank">diomed</a>.</li>
-		<li>Added <a href="https://github.com/chinchang/web-maker/blob/master/CONTRIBUTING.md" target="_blank">contribution guidelines</a> in the Github repository.</li>
+		<li>Popular libraries list updated. Thanks
+			<a href="https://github.com/diomed" target="_blank">diomed</a>.</li>
+		<li>Added
+			<a href="https://github.com/chinchang/web-maker/blob/master/CONTRIBUTING.md" target="_blank">contribution guidelines</a> in the Github repository.</li>
 	</ul>
 </div>
 
@@ -99,7 +176,9 @@
 <div class="notification">
 	<span class="notification__version">2.9.1</span>
 	<ul>
-		<li><a href="https://medium.com/web-maker/v2-9-lots-of-goodies-bd1e939571f6" target="_blank">Read blog post about last release.</a></li>
+		<li>
+			<a href="https://medium.com/web-maker/v2-9-lots-of-goodies-bd1e939571f6" target="_blank">Read blog post about last release.</a>
+		</li>
 		<li>Use Ctrl/Cmd+D to select next occurence of matching selection.</li>
 		<li>Improve onboard experience.</li>
 	</ul>
@@ -108,19 +187,35 @@
 <div class="notification">
 	<span class="notification__version">2.9.0</span>
 	<ul>
-		<li><a href="https://medium.com/web-maker/v2-9-lots-of-goodies-bd1e939571f6" target="_blank">Read blog post about this release.</a></li>
-		<li><strong>Detached Preview</strong> - Yes, you read that correct! You can now detach your preview and send it to your secondary monitor.
+		<li>
+			<a href="https://medium.com/web-maker/v2-9-lots-of-goodies-bd1e939571f6" target="_blank">Read blog post about this release.</a>
 		</li>
-		<li><strong>Find & Replace</strong> - Long awaited, now its there. Ctrl/Cmd+f to find and add Alt to replace.</li>
-		<li><strong>Atomic CSS (Atomizer) configurations</strong> - Add custom config for Atomic CSS. <a href="https://github.com/acss-io/atomizer#api" target="_blank">Read more</a>.</li>
-		<li><strong>Light mode</strong> - This new setting makes Web Maker drop some heavy effects like blur etc to gain more performance. Thanks <a href="https://github.com/iamandrewluca" target="_blank">Andrew</a>.</li>
-		<li><strong>Preserve logs setting</strong> - Choose whether or not to preserve logs across preview refreshes. Thanks <a href="https://github.com/BasitAli" target="_blank">Basit</a>.</li>
-		<li><strong>Line wrap setting</strong> - As the name says.</li>
+		<li>
+			<strong>Detached Preview</strong> - Yes, you read that correct! You can now detach your preview and send it to your secondary
+			monitor.
+		</li>
+		<li>
+			<strong>Find & Replace</strong> - Long awaited, now its there. Ctrl/Cmd+f to find and add Alt to replace.</li>
+		<li>
+			<strong>Atomic CSS (Atomizer) configurations</strong> - Add custom config for Atomic CSS.
+			<a href="https://github.com/acss-io/atomizer#api"
+			target="_blank">Read more</a>.</li>
+		<li>
+			<strong>Light mode</strong> - This new setting makes Web Maker drop some heavy effects like blur etc to gain more performance.
+			Thanks
+			<a href="https://github.com/iamandrewluca" target="_blank">Andrew</a>.</li>
+		<li>
+			<strong>Preserve logs setting</strong> - Choose whether or not to preserve logs across preview refreshes. Thanks
+			<a href="https://github.com/BasitAli"
+			target="_blank">Basit</a>.</li>
+		<li>
+			<strong>Line wrap setting</strong> - As the name says.</li>
 		<li>Semantic UI added to popular libraries.</li>
 		<li>Bootstrap, Vue, UI-Kit and more updated to latest versions in popular libraries.</li>
 		<li>UX improvements in settings UI</li>
 
-		<li><strong>Bugfix</strong> - Trigger preview refresh anytime with Ctrl/⌘ + Shift + 5. Even with auto-preview on.</li>
+		<li>
+			<strong>Bugfix</strong> - Trigger preview refresh anytime with Ctrl/⌘ + Shift + 5. Even with auto-preview on.</li>
 	</ul>
 </div>
 
@@ -135,21 +230,24 @@
 <div class="notification">
 	<span class="notification__version">2.8.0</span>
 	<ul>
-		<li><a href="https://medium.com/web-maker/release-v2-8-is-out-f44e6ea5d9c4" target="_blank">Read blog post about this release.</a></li>
-		<li><strong>Auto Save</strong> - Your creations now auto-save after your
-			first manual save. This is configurable from settings.
+		<li>
+			<a href="https://medium.com/web-maker/release-v2-8-is-out-f44e6ea5d9c4" target="_blank">Read blog post about this release.</a>
 		</li>
-		<li><strong>Base2Tone-Meadow Editor Theme</strong> - First user contributed theme.
-		Thanks to Diomed.</li>
-		<li><strong>Use System Fonts</strong> - You can now use any of your existing
-		system fonts in the editor!</li>
-		<li><strong>Matching Tag Highlight</strong> - Cursor over any HTML tag would
-		highlight the matching pair tag.</li>
+		<li>
+			<strong>Auto Save</strong> - Your creations now auto-save after your first manual save. This is configurable from settings.
+		</li>
+		<li>
+			<strong>Base2Tone-Meadow Editor Theme</strong> - First user contributed theme. Thanks to Diomed.</li>
+		<li>
+			<strong>Use System Fonts</strong> - You can now use any of your existing system fonts in the editor!</li>
+		<li>
+			<strong>Matching Tag Highlight</strong> - Cursor over any HTML tag would highlight the matching pair tag.</li>
 		<li>Auto-completion suggestion can now be switched off from settings.</li>
-		<li><strong>Improvement</strong> - Stop white flicker in editor when the app
-		opens.</li>
-		<li><strong>Bugfix</strong> - Add Babel Polyfill to enable use of next-gen
-			built-ins like Promise or WeakMap.
+		<li>
+			<strong>Improvement</strong> - Stop white flicker in editor when the app opens.
+		</li>
+		<li>
+			<strong>Bugfix</strong> - Add Babel Polyfill to enable use of next-gen built-ins like Promise or WeakMap.
 		</li>
 		<li>Vue.js version updated to 2.4.0 in popular library list.</li>
 		<li>Downloads permission is optional. Asked only when you take screenshot.</li>
@@ -159,8 +257,11 @@
 <div class="notification">
 	<span class="notification__version">2.7.2</span>
 	<ul>
-		<li><strong>External Libraries</strong> - Add Foundation.js and update UIKit 3 to latest beta.</li>
-		<li><strong>rawgit.com</strong> & <strong>wzrd.in</strong> domains are now allowed for loading external libraries from.</li>
+		<li>
+			<strong>External Libraries</strong> - Add Foundation.js and update UIKit 3 to latest beta.</li>
+		<li>
+			<strong>rawgit.com</strong> &
+			<strong>wzrd.in</strong> domains are now allowed for loading external libraries from.</li>
 		<li>Minor booting speed improvements</li>
 	</ul>
 </div>
@@ -168,10 +269,17 @@
 <div class="notification">
 	<span class="notification__version">2.7.1</span>
 	<ul>
-		<li><strong>Framer.js support</strong> - You can now load the latest framer.js library from <a href="https://builds.framerjs.com/" target="_blank">framer builds page</a> and start coding framer prototypes.</li>
-		<li><strong>Bugfix</strong>: Edit on CodePen is back in action.</li>
-		<li><strong>Bugfix</strong>: Autocompletion menu doesn't show on cut and paste now.</li>
-		<li><strong>Bugfix</strong>: Updated & fixed urls of some common external libraries to latest versions. UIKit3 & Bootstrap 4α are now in the list.</li>
+		<li>
+			<strong>Framer.js support</strong> - You can now load the latest framer.js library from
+			<a href="https://builds.framerjs.com/"
+			target="_blank">framer builds page</a> and start coding framer prototypes.</li>
+		<li>
+			<strong>Bugfix</strong>: Edit on CodePen is back in action.</li>
+		<li>
+			<strong>Bugfix</strong>: Autocompletion menu doesn't show on cut and paste now.</li>
+		<li>
+			<strong>Bugfix</strong>: Updated & fixed urls of some common external libraries to latest versions. UIKit3 & Bootstrap 4α are
+			now in the list.</li>
 		<li>Preprocessor selector are now more accessible.</li>
 	</ul>
 </div>
@@ -179,10 +287,16 @@
 <div class="notification">
 	<span class="notification__version">2.7.0</span>
 	<ul>
-		<li><strong>Fork any creation!</strong>: Now you can fork any existing creation of yours to start a new work based on it. One big use case of this feature is "Templates"! <a target="_blank" href="https://kushagragour.in/blog/2017/05/web-maker-fork-templates/?utm_source=webmakerapp&utm_medium=referral">Read more about it</a>.</li>
-		<li><strong>Fonts 😍 </strong>: Super-awesome 4 fonts (mostly with ligature support) now available to choose from. Fira Code is the default font now.</li>
+		<li>
+			<strong>Fork any creation!</strong>: Now you can fork any existing creation of yours to start a new work based on it. One big
+			use case of this feature is "Templates"!
+			<a target="_blank" href="https://kushagragour.in/blog/2017/05/web-maker-fork-templates/?utm_source=webmakerapp&utm_medium=referral">Read more about it</a>.</li>
+		<li>
+			<strong>Fonts 😍 </strong>: Super-awesome 4 fonts (mostly with ligature support) now available to choose from. Fira Code is the
+			default font now.</li>
 		<li>Updated most used external libraries to latest versions.</li>
-		<li><strong>Bugfix</strong>: Add missing Bootstrap JS file to most used external libraries list.</li>
+		<li>
+			<strong>Bugfix</strong>: Add missing Bootstrap JS file to most used external libraries list.</li>
 		<li>Several other minor bugfixes and improvements to make Web Maker awesome!</li>
 
 		<li>Great news to share with you - Web Maker has been featured on the Chrome Webstore homepage! Thanks for all the love :)</li>
@@ -192,17 +306,24 @@
 <div class="notification">
 	<span class="notification__version">2.6.1</span>
 	<ul>
-		<li><strong>Bugfix</strong>: Emojis vanishing while exporting to Codepen has been fixed.</li>
-		<li><strong>Bugfix</strong>: <code>console.clear()</code> now doesn't error and clears the inbuilt console.</li>
-		<li><strong>Bugfix</strong>: External libraries added to the creation are exported as well to Codepen.</li>
+		<li>
+			<strong>Bugfix</strong>: Emojis vanishing while exporting to Codepen has been fixed.</li>
+		<li>
+			<strong>Bugfix</strong>:
+			<code>console.clear()</code> now doesn't error and clears the inbuilt console.</li>
+		<li>
+			<strong>Bugfix</strong>: External libraries added to the creation are exported as well to Codepen.</li>
 	</ul>
 </div>
 
 <div class="notification">
 	<span class="notification__version">2.6.0</span>
 	<ul>
-		<li><strong>The "Console"</strong>: The most awaited feature is here! There is now an inbuilt console to see your logs, errors and for quickly evaluating JavaScript code inside your preview. Enjoy! I also a <a href="https://kushagragour.in/blog/2017/05/web-maker-console-is-here/?utm_source=webmakerapp&utm_medium=referral"
-			  target="_blank">blog post about it</a>.</li>
+		<li>
+			<strong>The "Console"</strong>: The most awaited feature is here! There is now an inbuilt console to see your logs, errors and
+			for quickly evaluating JavaScript code inside your preview. Enjoy! I also a
+			<a href="https://kushagragour.in/blog/2017/05/web-maker-console-is-here/?utm_source=webmakerapp&utm_medium=referral"
+			target="_blank">blog post about it</a>.</li>
 		<li>Number slider which popped on clicking any number in the code has been removed due to poor user experience.</li>
 		<li>Minor usability improvements.</li>
 	</ul>
@@ -211,31 +332,51 @@
 <div class="notification">
 	<span class="notification__version">2.5.0</span>
 	<ul>
-		<li><strong>Atomic CSS</strong>: Use can now use Atomic CSS(ACSS) in your work! <a href="https://acss.io/" target="_blank">Read more about it here</a>.</li>
-		<li><strong>Search your saved creations</strong>: Easily search through all your saved creations by title.</li>
-		<li><strong>Configurable Auto-preview</strong> - You can turn off the auto preview in settings if you don't want the preview to update as you type.</li>
-		<li><strong>Configurable refresh on resize</strong> - You can configure whether you want the preview to refresh when you resize the preview panel.</li>
-		<li><strong>Bugfix</strong> - Fix indentation <a href="https://github.com/chinchang/web-maker/issues/104" target="_blank">issue</a> with custom indentation size.</li>
+		<li>
+			<strong>Atomic CSS</strong>: Use can now use Atomic CSS(ACSS) in your work!
+			<a href="https://acss.io/" target="_blank">Read more about it here</a>.</li>
+		<li>
+			<strong>Search your saved creations</strong>: Easily search through all your saved creations by title.</li>
+		<li>
+			<strong>Configurable Auto-preview</strong> - You can turn off the auto preview in settings if you don't want the preview to update
+			as you type.</li>
+		<li>
+			<strong>Configurable refresh on resize</strong> - You can configure whether you want the preview to refresh when you resize the
+			preview panel.</li>
+		<li>
+			<strong>Bugfix</strong> - Fix indentation
+			<a href="https://github.com/chinchang/web-maker/issues/104" target="_blank">issue</a> with custom indentation size.</li>
 	</ul>
 </div>
 
 <div class="notification">
 	<span class="notification__version">2.4.2</span>
 	<ul>
-		<li><strong>Improved infinite loop protection</strong>: Infinite loop protection is now faster and more reliable. And works without the need of Escodegen. Thanks to Ariya Hidayat!</li>
-		<li><strong>Bugfix</strong> - Default parameters not working in JavaScript is fixed.</li>
+		<li>
+			<strong>Improved infinite loop protection</strong>: Infinite loop protection is now faster and more reliable. And works without
+			the need of Escodegen. Thanks to Ariya Hidayat!</li>
+		<li>
+			<strong>Bugfix</strong> - Default parameters not working in JavaScript is fixed.</li>
 	</ul>
 </div>
 
 <div class="notification">
 	<span class="notification__version">2.4.0</span>
 	<ul>
-		<li><strong>Import/Export</strong>: Your creations are most important. Now export all your creations into a single file as a backup that can be imported anytime & anywhere.</li>
-		<li><strong>Editor themes</strong>: You have been heard. Now you can choose from a huge list of wonderful editor themes!</li>
-		<li><strong>Identation settings</strong>: Not a spaces fan? Switch to tabs and set your indentation size.</li>
-		<li><strong>Vim key bindings</strong>: Rejoice Vim lovers!</li>
-		<li><strong>Code blast</strong>: Why don't you try coding with this switched on from the settings? Go on...</li>
-		<li><strong>Important</strong>: Due to security policy changes from Chrome 57 onwards, Web Maker now allows loading external JavaScript libraries only from certain whitelisted domains (localhost, https://ajax.googleapis.com, https://code.jquery.com, https://cdnjs.cloudflare.com,
+		<li>
+			<strong>Import/Export</strong>: Your creations are most important. Now export all your creations into a single file as a backup
+			that can be imported anytime & anywhere.</li>
+		<li>
+			<strong>Editor themes</strong>: You have been heard. Now you can choose from a huge list of wonderful editor themes!</li>
+		<li>
+			<strong>Identation settings</strong>: Not a spaces fan? Switch to tabs and set your indentation size.</li>
+		<li>
+			<strong>Vim key bindings</strong>: Rejoice Vim lovers!</li>
+		<li>
+			<strong>Code blast</strong>: Why don't you try coding with this switched on from the settings? Go on...</li>
+		<li>
+			<strong>Important</strong>: Due to security policy changes from Chrome 57 onwards, Web Maker now allows loading external JavaScript
+			libraries only from certain whitelisted domains (localhost, https://ajax.googleapis.com, https://code.jquery.com, https://cdnjs.cloudflare.com,
 			https://unpkg.com, https://maxcdn.com, https://cdn77.com, https://maxcdn.bootstrapcdn.com, https://cdn.jsdelivr.net/)</li>
 		<li>Save button now highlights when you have unsaved changes.</li>
 		<li>Jade is now called Pug. Just a name change.</li>
@@ -252,53 +393,77 @@
 <div class="notification">
 	<span class="notification__version">2.3.1</span>
 	<ul>
-		<li><strong>Bugfix</strong> - Splitting of code and preview panes is remembered by the editor.</li>
+		<li>
+			<strong>Bugfix</strong> - Splitting of code and preview panes is remembered by the editor.</li>
 		<li>Title of the creation is used for the file name when saving as HTML.</li>
 	</ul>
 </div>
 <div class="notification">
 	<span class="notification__version">2.3.0</span>
 	<ul>
-		<li><strong>Add Library Autocompletion</strong> - Just start typing the name of library and you'll be shown matching libraries from cdnjs.</li>
-		<li><strong>Preview Screenshot Capture</strong> - Want to grab a nice screenshot of your creation. You have it! Click and capture.</li>
-		<li><strong>Auto Indent Code</strong> - Select your code and hit Shift-Tab to auto-indent it!</li>
-		<li><strong>Keyboard Navigation in Saved List</strong> - Now select your creation using arrow keys and hit ENTER to open it.</li>
+		<li>
+			<strong>Add Library Autocompletion</strong> - Just start typing the name of library and you'll be shown matching libraries from
+			cdnjs.</li>
+		<li>
+			<strong>Preview Screenshot Capture</strong> - Want to grab a nice screenshot of your creation. You have it! Click and capture.</li>
+		<li>
+			<strong>Auto Indent Code</strong> - Select your code and hit Shift-Tab to auto-indent it!</li>
+		<li>
+			<strong>Keyboard Navigation in Saved List</strong> - Now select your creation using arrow keys and hit ENTER to open it.</li>
 		<li>Highlight active line in code panes.</li>
-		<li><strong>Bugfix</strong> - Fix in generated title of new creation.</li>
-		<li><strong>Bugfix</strong> - HTML autocompletion is manual triggered now with Ctrl+Space.</li>
+		<li>
+			<strong>Bugfix</strong> - Fix in generated title of new creation.</li>
+		<li>
+			<strong>Bugfix</strong> - HTML autocompletion is manual triggered now with Ctrl+Space.</li>
 	</ul>
 </div>
 
 <div class="notification">
 	<span class="notification__version">2.2.0</span>
 	<ul>
-		<li><strong>Code Autocompletion</strong> - See code suggestions while you type!</li>
-		<li><strong>Full Screen Preview</strong> - Checkout your creation in a full-screen layout.</li>
-		<li><strong>SASS</strong> - SASS support added for CSS.</li>
-		<li><strong>Faster CSS update</strong> - Preview updates instantly without refresh when just CSS is changed.</li>
-		<li><strong>Bugfix</strong> - Indentation fixed while going on new line.</li>
-		<li><strong>Bugfix</strong> - Works even in Chrome Canary now. Though libraries can be added only through CDNs.</li>
+		<li>
+			<strong>Code Autocompletion</strong> - See code suggestions while you type!</li>
+		<li>
+			<strong>Full Screen Preview</strong> - Checkout your creation in a full-screen layout.</li>
+		<li>
+			<strong>SASS</strong> - SASS support added for CSS.</li>
+		<li>
+			<strong>Faster CSS update</strong> - Preview updates instantly without refresh when just CSS is changed.</li>
+		<li>
+			<strong>Bugfix</strong> - Indentation fixed while going on new line.</li>
+		<li>
+			<strong>Bugfix</strong> - Works even in Chrome Canary now. Though libraries can be added only through CDNs.</li>
 	</ul>
 </div>
 
 <div class="notification">
 	<span class="notification__version">2.1.0</span>
 	<ul>
-		<li><strong>TypeScript</strong> - Now you can code in TypeScript too!</li>
-		<li><strong>Stylus Preprocessor</strong> - Stylus supported adding for CSS.</li>
-		<li><strong>Code Folding</strong> - Collapse large code blocks for easy editing.</li>
-		<li><strong>Bugfix</strong> - Support JSX in JavaScript.</li>
+		<li>
+			<strong>TypeScript</strong> - Now you can code in TypeScript too!</li>
+		<li>
+			<strong>Stylus Preprocessor</strong> - Stylus supported adding for CSS.</li>
+		<li>
+			<strong>Code Folding</strong> - Collapse large code blocks for easy editing.</li>
+		<li>
+			<strong>Bugfix</strong> - Support JSX in JavaScript.</li>
 		<li>Better onboarding for first time users.</li>
 	</ul>
 </div>
 <div class="notification">
 	<span class="notification__version">2.0.0</span>
 	<ul>
-		<li><strong>Save and Load</strong> - Long pending and super-useful, now you can save your creations and resume them anytime later.</li>
-		<li><strong>Insert JS & CSS</strong> - Load popular JavaScript & CSS libraries in your work without writing any code.</li>
-		<li><strong>Collapsed Panes</strong> - Collapse/uncollapse code panes with a single click. Your pane configuration is even saved with every creation!</li>
-		<li><strong>Quick color & number change</strong> - Click on any color or number and experiment with quick values using a slider.</li>
-		<li><strong>Linting</strong> - See your code errors right where you are coding.</li>
+		<li>
+			<strong>Save and Load</strong> - Long pending and super-useful, now you can save your creations and resume them anytime later.</li>
+		<li>
+			<strong>Insert JS & CSS</strong> - Load popular JavaScript & CSS libraries in your work without writing any code.</li>
+		<li>
+			<strong>Collapsed Panes</strong> - Collapse/uncollapse code panes with a single click. Your pane configuration is even saved with
+			every creation!</li>
+		<li>
+			<strong>Quick color & number change</strong> - Click on any color or number and experiment with quick values using a slider.</li>
+		<li>
+			<strong>Linting</strong> - See your code errors right where you are coding.</li>
 		<li>No more browser hang due to infinite loops!</li>
 		<!-- <li><a href="https://kushagragour.in/blog/web-maker-2">Read more about this big release</a></li> -->
 	</ul>
@@ -306,14 +471,17 @@
 <div class="notification">
 	<span class="notification__version">1.7.0</span>
 	<ul>
-		<li><strong>Preprocessors!</strong> - Enjoy a whole list of preprocessors for HTML(Jade & markdown), CSS(SCSS & LESS) and JavaScript(CoffeeScript & Babel).</li>
+		<li>
+			<strong>Preprocessors!</strong> - Enjoy a whole list of preprocessors for HTML(Jade & markdown), CSS(SCSS & LESS) and JavaScript(CoffeeScript
+			& Babel).</li>
 		<li>More awesome font for code.</li>
 	</ul>
 </div>
 <div class="notification">
 	<span class="notification__version">1.6.0</span>
 	<ul>
-		<li>You can now configure Web-Maker to not replace new tab page from the settings. It is always accessible from the icon in the top-right.</li>
+		<li>You can now configure Web-Maker to not replace new tab page from the settings. It is always accessible from the icon in
+			the top-right.</li>
 		<li>Download current code as HTML file with Ctrl/⌘ + S keyboard shortcut.</li>
 		<li>New notifications panel added so you are always aware of the new changes in Web-Maker.</li>
 	</ul>
diff --git a/app/partials/help-modal.html b/app/partials/help-modal.html
index 5984a19..f30a628 100644
--- a/app/partials/help-modal.html
+++ b/app/partials/help-modal.html
@@ -4,34 +4,67 @@
 	</svg>
 </a>
 
-<h1><div class="web-maker-with-tag">Web Maker</div><small style="font-size:14px;"> v3.0.3</small></h1>
+<h1>
+	<div class="web-maker-with-tag">Web Maker</div>
+	<small style="font-size:14px;"> v3.0.4</small>
+</h1>
 
 <div>
-	<p>Made with <span style="margin-right: 8px;">💖</span> & <span style="margin-right: 8px;">🙌</span> by <a href="https://twitter.com/chinchang457" target="_blank">Kushagra Gour</a></p>
-	<p>Tweet out your feature requests, comments & suggestions to <a target="_blank" href="https://twitter.com/webmakerApp">@webmakerApp</a>.</p>
-	<p>Like this extension? Please <a href="https://chrome.google.com/webstore/detail/web-maker/lkfkkhfhhdkiemehlpkgjeojomhpccnh/reviews" target="_blank">rate it here</a>.</p>
+	<p>Made with
+		<span style="margin-right: 8px;">💖</span> &
+		<span style="margin-right: 8px;">🙌</span> by
+		<a href="https://twitter.com/chinchang457" target="_blank">Kushagra Gour</a>
+	</p>
+	<p>Tweet out your feature requests, comments & suggestions to
+		<a target="_blank" href="https://twitter.com/webmakerApp">@webmakerApp</a>.</p>
+	<p>Like this extension? Please
+		<a href="https://chrome.google.com/webstore/detail/web-maker/lkfkkhfhhdkiemehlpkgjeojomhpccnh/reviews" target="_blank">rate it here</a>.</p>
 	<p>
-		<a aria-label="Support the developer" d-click="openSupportDeveloperModal" data-event-action="supportDeveloperHelpBtnClick" class="btn btn-icon"><svg><use xlink:href="#gift-icon"></use></svg>Support the developer</a>
-		<a aria-label="Rate Web Maker" href="https://chrome.google.com/webstore/detail/web-maker/lkfkkhfhhdkiemehlpkgjeojomhpccnh/reviews" target="_blank" class="btn btn-icon"><svg><use xlink:href="#heart-icon"></use></svg>Share Web Maker</a>
-		<a aria-label="Chat" href="https://gitter.im/web-maker-app/Lobby" target="_blank" class="btn btn-icon"><svg><use xlink:href="#chat-icon"></use></svg>Chat</a>
-		<a aria-label="Report a Bug" href="https://github.com/chinchang/web-maker/issues" target="_blank" class="btn btn-icon"><svg><use xlink:href="#bug-icon"></use></svg>Report a bug</a>
+		<a aria-label="Support the developer" d-click="openSupportDeveloperModal" data-event-action="supportDeveloperHelpBtnClick"
+		class="btn btn-icon">
+			<svg>
+				<use xlink:href="#gift-icon"></use>
+			</svg>Support the developer</a>
+		<a aria-label="Rate Web Maker" href="https://chrome.google.com/webstore/detail/web-maker/lkfkkhfhhdkiemehlpkgjeojomhpccnh/reviews"
+		target="_blank" class="btn btn-icon">
+			<svg>
+				<use xlink:href="#heart-icon"></use>
+			</svg>Share Web Maker</a>
+		<a aria-label="Chat" href="https://web-maker.slack.com" target="_blank" class="btn btn-icon">
+			<svg>
+				<use xlink:href="#chat-icon"></use>
+			</svg>Chat</a>
+		<a aria-label="Report a Bug" href="https://github.com/chinchang/web-maker/issues" target="_blank" class="btn btn-icon">
+			<svg>
+				<use xlink:href="#bug-icon"></use>
+			</svg>Report a bug</a>
 	</p>
 
 	<p>
 		<h3>Awesome libraries used</h3>
 		<ul>
-			<li><a target="_blank" href="https://kushagragour.in/lab/hint/">Hint.css</a> & <a target="_blank" href="https://github.com/chinchang/screenlog.js">Screenlog.js</a> - By me :)</li>
-			<li><a target="_blank" href="https://nathancahill.github.io/Split.js/">Split.js</a> - Nathan Cahill</li>
-			<li><a target="_blank" href="https://codemirror.net/">Codemirror</a> - Marijn Haverbeke</li>
-			<li><a target="_blank" href="https://emmet.io/">Emmet</a> - Sergey Chikuyonok</li>
-			<li><a target="_blank" href="http://esprima.org/">Esprima</a> - Ariya Hidayat</li>
-			<li><a target="_blank" href="https://github.com/enjalot/Inlet">Inlet</a> - Ian Johnson</li>
-			<li><a target="_blank" href="https://webmakerapp.com/">Web Maker!</a> - whhat!</li>
+			<li>
+				<a target="_blank" href="https://kushagragour.in/lab/hint/">Hint.css</a> &
+				<a target="_blank" href="https://github.com/chinchang/screenlog.js">Screenlog.js</a> - By me :)</li>
+			<li>
+				<a target="_blank" href="https://nathancahill.github.io/Split.js/">Split.js</a> - Nathan Cahill</li>
+			<li>
+				<a target="_blank" href="https://codemirror.net/">Codemirror</a> - Marijn Haverbeke</li>
+			<li>
+				<a target="_blank" href="https://emmet.io/">Emmet</a> - Sergey Chikuyonok</li>
+			<li>
+				<a target="_blank" href="http://esprima.org/">Esprima</a> - Ariya Hidayat</li>
+			<li>
+				<a target="_blank" href="https://github.com/enjalot/Inlet">Inlet</a> - Ian Johnson</li>
+			<li>
+				<a target="_blank" href="https://webmakerapp.com/">Web Maker!</a> - whhat!</li>
 		</ul>
 	</p>
 
 	<p>
 		<h3>License</h3>
-		"Web Maker" is <a target="_blank" href="https://github.com/chinchang/web-maker">open-source</a> under the <a href="https://opensource.org/licenses/MIT" target="_blank">MIT License</a>.
+		"Web Maker" is
+		<a target="_blank" href="https://github.com/chinchang/web-maker">open-source</a> under the
+		<a href="https://opensource.org/licenses/MIT" target="_blank">MIT License</a>.
 	</p>
-</div>
\ No newline at end of file
+</div>
diff --git a/app/script.js b/app/script.js
index 1f2c968..0115080 100644
--- a/app/script.js
+++ b/app/script.js
@@ -1 +1 @@
-'serviceWorker'in navigator&&-1===document.cookie.indexOf('wmdebug')&&-1===location.href.indexOf('chrome-extension://')&&window.addEventListener('load',function(){navigator.serviceWorker.register('service-worker.js').then(function(e){e.onupdatefound=function(){var t=e.installing;t.onstatechange=function(){switch(t.state){case'installed':navigator.serviceWorker.controller?console.log('New or updated content is available.'):(console.log('Content is now available offline!'),window.alertsService&&window.alertsService.add('Web Maker is now ready to be used offline.'));break;case'redundant':console.error('The installing service worker became redundant.');}}}}).catch(function(t){console.error('Error during service worker registration:',t)})}),function(){window.DEBUG=-1<document.cookie.indexOf('wmdebug'),window.$=document.querySelector.bind(document),window.$all=(e)=>[...document.querySelectorAll(e)];var e='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';Node.prototype.nextUntil=function(e){const t=[...this.parentNode.querySelectorAll(e)],s=t.indexOf(this);return t[s+1]},window.requestIdleCallback=window.requestIdleCallback||function(e){setTimeout(e,10)},Node.prototype.previousUntil=function(e){const t=[...this.parentNode.querySelectorAll(e)],s=t.indexOf(this);return t[s-1]},window.utils={semverCompare:function(e,t){for(var s=e.split('.'),o=t.split('.'),n=0;3>n;n++){var i=+s[n],a=+o[n];if(i>a)return 1;if(a>i)return-1;if(!isNaN(i)&&isNaN(a))return 1;if(isNaN(i)&&!isNaN(a))return-1}return 0},generateRandomId:function(t){for(var s='',o=t||10;o--;)s+=e[~~(Math.random()*e.length)];return s},onButtonClick:function(e,t){e.addEventListener('click',function(s){return t(s),!1})},addInfiniteLoopProtection:function(e){var t=1,s=[],i='_wmloopvar';return esprima.parse(e,{tolerant:!0,range:!0,jsx:!0},function(e){switch(e.type){case'DoWhileStatement':case'ForStatement':case'ForInStatement':case'ForOfStatement':case'WhileStatement':var o=1+e.body.range[0],n=e.body.range[1],a='\nif (Date.now() - %d > 1000) { window.top.previewException(new Error("Infinite loop")); break;}\n'.replace('%d',i+t),l='';'BlockStatement'!==e.body.type&&(a='{'+a,l='}',--o),s.push({pos:o,str:a}),s.push({pos:n,str:l}),s.push({pos:e.range[0],str:'var %d = Date.now();\n'.replace('%d',i+t)}),++t;break;default:}}),s.sort(function(e,t){return t.pos-e.pos}).forEach(function(t){e=e.slice(0,t.pos)+t.str+e.slice(t.pos)}),e},getHumanDate:function(e){var t=new Date(e),s=t.getDate()+' '+['January','February','March','April','May','June','July','August','September','October','November','December'][t.getMonth()]+' '+t.getFullYear();return s},log:function(){window.DEBUG&&console.log(...arguments)},once:function(e,t,s){e.addEventListener(t,function(i){return i.target.removeEventListener(t,arguments.callee),s(i)})},downloadFile:function(e,t){function s(){var s=document.createElement('a');s.href=window.URL.createObjectURL(t),s.download=e,s.style.display='none',document.body.appendChild(s),s.click(),s.remove()}window.IS_EXTENSION?chrome.downloads.download({url:window.URL.createObjectURL(t),filename:e,saveAs:!0},()=>{chrome.runtime.lastError&&s()}):s()}},window.chrome=window.chrome||{},window.chrome.i18n={getMessage:()=>{}},window.IS_EXTENSION=!!window.chrome.extension,window.IS_EXTENSION?document.body.classList.add('is-extension'):document.body.classList.add('is-app')}(),(()=>{async function e(){return i?i:(utils.log('Initializing firestore'),i=new Promise((e,t)=>s?e(s):firebase.firestore().enablePersistence().then(function(){s=firebase.firestore(),utils.log('firebase db ready',s),e(s)}).catch(function(e){t(e.code),'failed-precondition'===e.code?(alert('Opening Web Maker web app in multiple tabs isn\'t supported at present and it seems like you already have it opened in another tab. Please use in one tab.'),window.trackEvent('fn','multiTabError')):'unimplemented'===e.code})),i)}const t=1;var s,i,o={get:(e,s)=>{const i={};'string'==typeof e?(i[e]=JSON.parse(window.localStorage.getItem(e)),setTimeout(()=>s(i),t)):(Object.keys(e).forEach((t)=>{const s=window.localStorage.getItem(t);i[t]=s===void 0||null===s?e[t]:JSON.parse(s)}),setTimeout(()=>s(i),t))},set:(e,s)=>{Object.keys(e).forEach((t)=>{window.localStorage.setItem(t,JSON.stringify(e[t]))}),setTimeout(()=>{if(s)return s()},t)}};const n=chrome&&chrome.storage?chrome.storage.local:o,a=chrome&&chrome.storage?chrome.storage.sync:o;window.db={getDb:e,getUser:async function(t){const s=await e();return s.doc(`users/${t}`).get().then((e)=>{if(!e.exists)return s.doc(`users/${t}`).set({},{merge:!0});const i=e.data();return Object.assign(window.user,i),i})},getUserLastSeenVersion:async function(){const e=deferred();return a.get({lastSeenVersion:''},(t)=>{e.resolve(t.lastSeenVersion)}),e.promise},setUserLastSeenVersion:async function(t){if(a.set({lastSeenVersion:t},function(){}),window.user){const s=await e();s.doc(`users/${window.user.uid}`).update({lastSeenVersion:t})}},getSettings:function(e){const t=deferred();return a.get(e,(e)=>{t.resolve(e)}),t.promise},local:n,sync:a}})(),window.logout=function(){firebase.auth().signOut()};function login(e){var t;return'facebook'===e?t=new firebase.auth.FacebookAuthProvider:'twitter'===e?t=new firebase.auth.TwitterAuthProvider:'google'===e?(t=new firebase.auth.GoogleAuthProvider,t.addScope('https://www.googleapis.com/auth/userinfo.profile')):t=new firebase.auth.GithubAuthProvider,firebase.auth().signInWithPopup(t).then(function(){window.trackEvent('fn','loggedIn',e),window.db.local.set({lastAuthProvider:e})}).catch(function(e){utils.log(e),'auth/account-exists-with-different-credential'===e.code&&alert('You have already signed up with the same email using different social login')})}window.login=login,window.trackEvent=function(e,t,s,i){return window.DEBUG?void utils.log('trackevent',e,t,s,i):void(window.ga&&ga('send','event',e,t,s,i))},navigator.onLine&&!window.DEBUG&&setTimeout(function(){(function(e,t,s,i,o,n,a){e.GoogleAnalyticsObject=o,e[o]=e[o]||function(){(e[o].q=e[o].q||[]).push(arguments)},e[o].l=1*new Date,n=t.createElement(s),a=t.getElementsByTagName(s)[0],n.async=1,n.src=i,a.parentNode.insertBefore(n,a)})(window,document,'script','https://www.google-analytics.com/analytics.js','ga'),-1===location.href.indexOf('chrome-extension://')?ga('create','UA-87786708-1'):(ga('create','UA-87786708-1',{cookieDomain:'none'}),ga('set','checkProtocolTask',function(){})),ga('send','pageview')},100),function(){window.deferred=function(){var e={},t=new Promise(function(t,s){e.resolve=t,e.reject=s});return e.promise=t,Object.assign(e,t)}}(),function(e){window.loadJS=function(t){var s=deferred(),i=e.document.getElementsByTagName('script')[0],o=e.document.createElement('script');return o.src=t,o.async=!0,i.parentNode.insertBefore(o,i),o.onload=function(){s.resolve()},s.promise}}(window),function(){const e=$('#js-alerts-container');var t;window.alertsService={add:function(s){e.textContent=s,e.classList.add('is-active'),clearTimeout(t),t=setTimeout(function(){e.classList.remove('is-active')},2e3)}}}(),window.jsLibs=[{url:'https://code.jquery.com/jquery-3.2.1.min.js',label:'jQuery',type:'js'},{url:'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js',label:'Bootstrap 3',type:'js'},{url:'https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js',label:'Bootstrap 4',type:'js'},{url:'https://cdnjs.cloudflare.com/ajax/libs/foundation/6.4.3/js/foundation.min.js',label:'Foundation',type:'js'},{url:'https://semantic-ui.com/dist/semantic.min.js',label:'Semantic UI',type:'js'},{url:'https://ajax.googleapis.com/ajax/libs/angularjs/1.6.5/angular.min.js',label:'Angular',type:'js'},{url:'https://cdnjs.cloudflare.com/ajax/libs/react/16.2.0/umd/react.production.min.js',label:'React',type:'js'},{url:'https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.2.0/umd/react-dom.production.min.js',label:'React DOM',type:'js'},{url:'https://unpkg.com/vue/dist/vue.min.js',label:'Vue.js',type:'js'},{url:'https://cdnjs.cloudflare.com/ajax/libs/three.js/89/three.min.js',label:'Three.js',type:'js'},{url:'https://cdnjs.cloudflare.com/ajax/libs/d3/4.13.0/d3.min.js',label:'D3',type:'js'},{url:'https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js',label:'Underscore',type:'js'},{url:'https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.3/TweenMax.min.js',label:'Greensock TweenMax',type:'js'},{url:'https://cdnjs.cloudflare.com/ajax/libs/uikit/2.27.5/js/uikit.min.js',label:'UIkit 2',type:'js'},{url:'https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.40/js/uikit.min.js',label:'UIkit 3',type:'js'}],window.cssLibs=[{url:'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css',label:'Bootstrap 3',type:'css'},{url:'https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css',label:'Bootstrap 4',type:'css'},{url:'https://cdnjs.cloudflare.com/ajax/libs/foundation/6.4.3/css/foundation.min.css',label:'Foundation',type:'css'},{url:'https://semantic-ui.com/dist/semantic.min.css',label:'Semantic UI',type:'css'},{url:'https://cdnjs.cloudflare.com/ajax/libs/bulma/0.6.2/css/bulma.min.css',label:'Bulma',type:'css'},{url:'https://cdnjs.cloudflare.com/ajax/libs/hint.css/2.5.0/hint.min.css',label:'Hint.css',type:'css'},{url:'https://cdn.jsdelivr.net/npm/tailwindcss/dist/tailwind.min.css',label:'Tailwind.css',type:'css'},{url:'https://cdnjs.cloudflare.com/ajax/libs/uikit/2.27.5/css/uikit.min.css',label:'UIkit 2',type:'css'},{url:'https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.40/css/uikit.min.css',label:'UIkit 3',type:'css'},{url:'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css',label:'Animate.css',type:'css'},{url:'https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css',label:'FontAwesome 4',type:'css'},{url:'https://use.fontawesome.com/releases/v5.0.8/css/all.css',label:'FontAwesome 5',type:'css'}],function(){class e{constructor(e,t){this.t=e,this.filter=t.filter,this.selectedCallback=t.selectedCallback;var s=document.createElement('div');s.classList.add('btn-group'),e.parentElement.insertBefore(s,e),s.insertBefore(e,null),this.list=document.createElement('ul'),this.list.classList.add('dropdown__menu'),this.list.classList.add('autocomplete-dropdown'),s.insertBefore(this.list,null),this.loader=document.createElement('div'),this.loader.classList.add('loader'),this.loader.classList.add('autocomplete__loader'),this.loader.style.display='none',s.insertBefore(this.loader,null),setTimeout(()=>{requestIdleCallback(()=>{document.body.appendChild(this.list),this.list.style.position='fixed'})},100),this.t.addEventListener('input',(t)=>this.onInput(t)),this.t.addEventListener('keydown',(t)=>this.onKeyDown(t)),this.t.addEventListener('blur',(t)=>this.closeSuggestions(t)),this.list.addEventListener('mousedown',(t)=>this.onListMouseDown(t))}get currentLineNumber(){return this.t.value.substr(0,this.t.selectionStart).split('\n').length}get currentLine(){var e=this.currentLineNumber;return this.t.value.split('\n')[e-1]}closeSuggestions(){this.list.classList.remove('is-open'),this.isShowingSuggestions=!1}getList(e){return fetch('https://api.cdnjs.com/libraries?search='+e).then((e)=>e.json().then((e)=>e.results))}replaceCurrentLine(e){var t=this.t.value.split('\n');t.splice(this.currentLineNumber-1,1,e),this.t.value=t.join('\n')}onInput(){var e=this.currentLine;if(e){if(-1!==e.indexOf('/')||e.match(/https*:\/\//))return;clearTimeout(this.timeout),this.timeout=setTimeout(()=>{this.loader.style.display='block',this.getList(e).then((e)=>{if(this.loader.style.display='none',!e.length)return void this.closeSuggestions();this.list.innerHTML='',this.filter&&(e=e.filter(this.filter));for(var t=0;t<Math.min(e.length,10);t++)this.list.innerHTML+=`<li data-url="${e[t].latest}"><a>${e[t].name}</a></li>`;this.isShowingSuggestions=!0,this.textareaBounds||(this.textareaBounds=this.t.getBoundingClientRect(),this.list.style.top=this.textareaBounds.bottom+'px',this.list.style.left=this.textareaBounds.left+'px',this.list.style.width=this.textareaBounds.width+'px'),this.list.classList.add('is-open')})},500)}}onKeyDown(e){var t;this.isShowingSuggestions&&(27===e.keyCode&&(this.closeSuggestions(),e.stopPropagation()),40===e.keyCode&&this.isShowingSuggestions?(t=this.list.querySelector('.selected'),t?(t.classList.remove('selected'),t.nextElementSibling.classList.add('selected')):this.list.querySelector('li:first-child').classList.add('selected'),this.list.querySelector('.selected').scrollIntoView(!1),e.preventDefault()):38===e.keyCode&&this.isShowingSuggestions?(t=this.list.querySelector('.selected'),t?(t.classList.remove('selected'),t.previousElementSibling.classList.add('selected')):this.list.querySelector('li:first-child').classList.add('selected'),this.list.querySelector('.selected').scrollIntoView(!1),e.preventDefault()):13===e.keyCode&&this.isShowingSuggestions&&(t=this.list.querySelector('.selected'),this.selectSuggestion(t.dataset.url),this.closeSuggestions()))}onListMouseDown(e){var t=e.target;t.parentElement.dataset.url&&this.selectSuggestion(t.parentElement.dataset.url)}selectSuggestion(e){this.selectedCallback?this.selectedCallback.call(null,e):this.replaceCurrentLine(e),this.closeSuggestions()}}window.TextareaAutoComplete=e}(),(()=>{window.itemService={async getItem(e){var t=await window.db.getDb();return t.doc(`items/${e}`).get().then((e)=>e.data())},async getUserItemIds(){if(window.user)return new Promise((e)=>{e(window.user.items||{})});var e=await window.db.getDb();return e.doc(`users/${window.user.uid}`).get().then((e)=>e.exists?e.data().items:{})},async getAllItems(){var e=Date.now(),t=deferred();let s=await this.getUserItemIds();s=Object.getOwnPropertyNames(s||{}),utils.log('itemids',s),s.length||t.resolve([]);var i=await window.db.getDb();const o=[];return i.collection('items').where('createdBy','==',window.user.uid).onSnapshot(function(s){s.forEach(function(e){o.push(e.data())}),utils.log('Items fetched in ',Date.now()-e,'ms'),t.resolve(o)},function(){t.resolve([])}),t.promise},async setUser(){const e=await window.db.getDb();return e.doc(`users/${window.user.uid}`).set({items:{}})},async setItem(e,t){const s=deferred();var i;if(db.local.set({[e]:t},()=>{!window.IS_EXTENSION&&window.user&&navigator.onLine||s.resolve()}),'code'===e)return!1;if(window.user){var o=await window.db.getDb();utils.log(`Starting to save item ${e}`),t.createdBy=window.user.uid,i=o.collection('items').doc(e).set(t,{merge:!0}).then((e)=>{utils.log('Document written',e),s.resolve()}).catch(s.reject)}return window.user&&navigator.onLine?i:s.promise},saveItems(e){var t=deferred();return window.user?window.db.getDb().then((s)=>{const i=s.batch();for(var o in e)e[o].createdBy=window.user.uid,i.set(s.doc(`items/${o}`),e[o]),i.update(s.doc(`users/${window.user.uid}`),{[`items.${o}`]:!0}),window.user.items=window.user.items||{},window.user.items[o]=!0;i.commit().then(t.resolve)}):(window.db.local.set(e,t.resolve),window.db.local.get({items:{}},function(t){for(var s in e)t.items[s]=!0;window.db.local.set({items:t.items})})),t.promise},async removeItem(e){if(!window.user){var t=deferred();return db.local.remove(e,t.resolve),t.promise}const s=await window.db.getDb();return utils.log(`Starting to save item ${e}`),s.collection('items').doc(e).delete().then((e)=>{utils.log('Document removed',e)}).catch((e)=>utils.log(e))},async setItemForUser(e){if(!window.user)return window.db.local.get({items:{}},function(t){t.items[e]=!0,window.db.local.set({items:t.items})});const t=await window.db.getDb();return t.collection('users').doc(window.user.uid).update({[`items.${e}`]:!0}).then((t)=>{utils.log(`Item ${e} set for user`,t),window.user.items=window.user.items||{},window.user.items[e]=!0}).catch((e)=>utils.log(e))},async unsetItemForUser(e){if(!window.user)return window.db.local.get({items:{}},function(t){delete t.items[e],db.local.set({items:t.items})});const t=await window.db.getDb();return t.collection('users').doc(window.user.uid).update({[`items.${e}`]:firebase.firestore.FieldValue.delete()}).then((t)=>{delete window.user.items[e],utils.log(`Item ${e} unset for user`,t)}).catch((e)=>utils.log(e))}}})(),function(e,t){function s(){clearTimeout(s.timeout),s.timeout=setTimeout(function(){const e=2===ne||5===ne?'width':'height';[Ee,xe,Me].forEach(function(t){const s=t.getBoundingClientRect(),i=s[e];100>i?t.classList.add('is-minimized'):t.classList.remove('is-minimized'),-1===t.style[e].indexOf(`100% - ${2*ye}px`)?t.classList.remove('is-maximized'):t.classList.add('is-maximized')})},50)}function i(e){if(e.classList.contains('is-minimized')||e.classList.contains('is-maximized'))e.classList.remove('is-minimized'),e.classList.remove('is-maximized'),me.setSizes([33.3,33.3,33.3]);else{const s=parseInt(e.dataset.codeWrapId,10);var t=[`${ye}px`,`${ye}px`,`${ye}px`];t[s]=`calc(100% - ${2*ye}px)`,me.setSizes(t),e.classList.add('is-maximized')}}function o(){var e;return e=le&&le.mainSizes?3===ne?[le.mainSizes[1],le.mainSizes[0]]:le.mainSizes:5===ne?[75,25]:[50,50],e}function n(){me&&me.destroy(),ce&&ce.destroy();var e={direction:2===ne||5===ne?'horizontal':'vertical',minSize:ye,gutterSize:6,onDragStart:function(){document.body.classList.add('is-dragging')},onDragEnd:function(){s(),document.body.classList.remove('is-dragging')}};e.sizes=le&&le.sizes?le.sizes:[33.33,33.33,33.33],me=Split(['#js-html-code','#js-css-code','#js-js-code'],e),ce=Split(['#js-code-side','#js-demo-side'],{direction:2===ne?'vertical':'horizontal',minSize:150,gutterSize:6,sizes:o(),onDragEnd:function(){Ce.refreshOnResize&&setTimeout(function(){H.setPreviewContent(!0)},1)}})}function a(e){return ne===e?(ce.setSizes(o()),me.setSizes(le.sizes||[33.33,33.33,33.33]),void(ne=e)):void(ne=e,[1,2,3,4,5].forEach((e)=>{window[`layoutBtn${e}`].classList.remove('selected'),document.body.classList.remove(`layout-${e}`)}),$('#layoutBtn'+e).classList.add('selected'),document.body.classList.add('layout-'+e),n(),H.setPreviewContent(!0))}function l(){utils.log('onExternalLibChange'),r(),H.setPreviewContent(!0),e.add('Libraries updated.')}function r(){var e=0;e+=Be.value.split('\n').filter((e)=>!!e).length,e+=Fe.value.split('\n').filter((e)=>!!e).length,e?($('#js-external-lib-count').textContent=e,$('#js-external-lib-count').style.display='inline'):$('#js-external-lib-count').style.display='none'}function d(e,t){const s=deferred();return db.local.set({[e]:t},s.resolve),s.promise}function c(){if(!window.user&&!window.localStorage[se.LOGIN_AND_SAVE_MESSAGE_SEEN]){const e=confirm('Saving without signing in will save your work only on this machine and this browser. If you want it to be secure & available anywhere, please login in your account and then save.\n\nDo you still want to continue saving locally?');if(window.localStorage[se.LOGIN_AND_SAVE_MESSAGE_SEEN]=!0,!e)return trackEvent('ui',se.LOGIN_AND_SAVE_MESSAGE_SEEN,'login'),j(),void loginModal.classList.add('is-modal-visible');trackEvent('ui',se.LOGIN_AND_SAVE_MESSAGE_SEEN,'local')}var s=!le.id;le.id=le.id||'item-'+utils.generateRandomId(),saveBtn.classList.add('is-loading'),g().then(()=>{saveBtn.classList.remove('is-loading'),!pe&&Ce.autoSave&&(pe=!0,e.add('Auto-save enabled.'))}),s&&t.setItemForUser(le.id)}function m(){pe&&re&&c()}function u(){var e,t=2===ne||5===ne?'width':'height';try{e=[Ee.style[t],xe.style[t],Me.style[t]]}catch(t){e=[33.33,33.33,33.33]}finally{return e}}function p(){var e,t=2===ne?'height':'width';try{e=[+$('#js-code-side').style[t].match(/([\d.]+)%/)[1],+$('#js-demo-side').style[t].match(/([\d.]+)%/)[1]]}catch(t){e=[50,50]}finally{return e}}function g(s){return le.title=_e.value,le.html=H.cm.html.getValue(),le.css=H.cm.css.getValue(),le.js=H.cm.js.getValue(),le.htmlMode=be,le.cssMode=Se,le.jsMode=fe,ee[Se].hasSettings&&(le.cssSettings={acssConfig:H.acssSettingsCm.getValue()}),le.updatedOn=Date.now(),le.layoutMode=ne,le.externalLibs={js:Be.value,css:Fe.value},le.sizes=u(),le.mainSizes=p(),utils.log('saving key',s||le.id,le),t.setItem(s||le.id,le).then(function(){window.user&&!navigator.onLine?e.add('Item saved locally. Will save to account when you are online.'):e.add('Item saved.'),re=0,saveBtn.classList.remove('is-marked')})}function h(e){var t='';e.length?(e.sort(function(e,t){return t.updatedOn-e.updatedOn}),e.forEach(function(e){t+='<div class="js-saved-item-tile saved-item-tile" data-item-id="'+e.id+'"><div class="saved-item-tile__btns"><a class="js-saved-item-tile__fork-btn  saved-item-tile__btn hint--left hint--medium" aria-label="Creates a duplicate of this creation (Ctrl/\u2318 + F)">Fork<span class="show-when-selected">(Ctrl/\u2318 + F)</span></a><a class="js-saved-item-tile__remove-btn  saved-item-tile__btn hint--left" aria-label="Remove">X</a></div><h3 class="saved-item-tile__title">'+e.title+'</h3><span class="saved-item-tile__meta">Last updated: '+utils.getHumanDate(e.updatedOn)+'</span></div>'}),savedItemCountEl.textContent='('+e.length+')',savedItemCountEl.style.display='inline'):(t+='<h2 class="opacity--30">Nothing saved here.</h2>',savedItemCountEl.style.display='none'),Ae.querySelector('#js-saved-items-wrap').innerHTML=t,v()}function v(e){!1===e?Ae.classList.remove('is-open'):Ae.classList.toggle('is-open'),ke=Ae.classList.contains('is-open'),ke?searchInput.focus():(searchInput.value='',ue&&ue.focus()),document.body.classList[ke?'add':'remove']('overlay-visible')}async function b(e,s){var o=deferred();de={};var n=[];return window.user&&!s?(n=await t.getAllItems(),utils.log('got items'),e&&n.forEach((e)=>{de[e.id]=e}),o.resolve(n),o.promise):(db.local.get('items',function(t){var s=Object.getOwnPropertyNames(t.items||{});s.length||o.resolve([]),trackEvent('fn','fetchItems',s.length);for(let a=0;a<s.length;a++)db.local.get(s[a],function(t){e&&(de[s[a]]=t[s[a]]),n.push(t[s[a]]),s.length===n.length&&o.resolve(n)})}),o.promise)}function f(){openItemsBtn.classList.add('is-loading'),b(!0).then(function(e){openItemsBtn.classList.remove('is-loading'),h(e)})}function S(e){le=e,utils.log('Current Item set',e),pe=!1,re=0,saveBtn.classList.remove('is-marked')}function y(t){if(re){var s=confirm('You have unsaved changes in your current work. Do you want to discard unsaved changes and continue?');if(!s)return}const i=JSON.parse(JSON.stringify(t));delete i.id,i.title='(Forked) '+t.title,i.updatedOn=Date.now(),S(i),w(),e.add(`"${t.title}" was forked`),trackEvent('fn','itemForked')}function C(){var t=new Date;S({title:'Untitled '+t.getDate()+'-'+(t.getMonth()+1)+'-'+t.getHours()+':'+t.getMinutes(),html:'',css:'',js:'',externalLibs:{js:'',css:''},layoutMode:ne}),w(),e.add('New item created')}function L(t){S(de[t]),w(),e.add('Saved item loaded')}function k(s){var i=document.querySelector('.js-saved-item-tile[data-item-id="'+s+'"]'),o=confirm(`Are you sure you want to delete "${de[s].title}"?`);o&&(i.remove(),t.unsetItemForUser(s),t.removeItem(s).then(()=>{e.add('Item removed.'),le.id===s&&C()}),delete de[s],trackEvent('fn','itemRemoved'))}function w(){_e.value=le.title||'Untitled',Be.value=le.externalLibs&&le.externalLibs.js||'',Fe.value=le.externalLibs&&le.externalLibs.css||'',utils.log('refresh editor'),be=le.htmlMode||Ce.htmlMode||X.HTML,Se=le.cssMode||Ce.cssMode||Z.CSS,fe=le.jsMode||Ce.jsMode||Q.JS,H.cm.html.setValue(le.html),H.cm.css.setValue(le.css),H.cm.js.setValue(le.js),H.cm.html.refresh(),H.cm.css.refresh(),H.cm.js.refresh(),H.acssSettingsCm.setValue(le.cssSettings?le.cssSettings.acssConfig:''),H.acssSettingsCm.refresh(),H.clearConsole(),r(),Promise.all([x(be),M(Se),I(fe)]).then(()=>H.setPreviewContent(!0)),a(le.layoutMode||Ce.layoutMode)}function j(){helpModal.classList.remove('is-modal-visible'),notificationsModal.classList.remove('is-modal-visible'),addLibraryModal.classList.remove('is-modal-visible'),onboardModal.classList.remove('is-modal-visible'),settingsModal.classList.remove('is-modal-visible'),cssSettingsModal.classList.remove('is-modal-visible'),keyboardShortcutsModal.classList.remove('is-modal-visible'),loginModal.classList.remove('is-modal-visible'),profileModal.classList.remove('is-modal-visible'),pledgeModal.classList.remove('is-modal-visible'),askToImportModal.classList.remove('is-modal-visible'),v(!1),document.dispatchEvent(new Event('overlaysClosed'))}function E(e){function t(){ee[e].hasLoaded=!0,i.resolve()}const s='lib/transpilers';var i=deferred();return ee[e].hasLoaded?(i.resolve(),i.promise):(e===X.JADE?loadJS(`${s}/jade.js`).then(t):e===X.MARKDOWN?loadJS(`${s}/marked.js`).then(t):e===Z.LESS?loadJS(`${s}/less.min.js`).then(t):e===Z.SCSS||e===Z.SASS?loadJS(`${s}/sass.js`).then(function(){ae=new Sass(`${s}/sass.worker.js`),t()}):e===Z.STYLUS?loadJS(`${s}/stylus.min.js`).then(t):e===Z.ACSS?loadJS(`${s}/atomizer.browser.js`).then(t):e===Q.COFFEESCRIPT?loadJS(`${s}/coffee-script.js`).then(t):e===Q.ES6?loadJS(`${s}/babel.min.js`).then(t):e===Q.TS?loadJS(`${s}/typescript.js`).then(t):i.resolve(),i.promise)}function x(e){return be=e,Oe.textContent=ee[e].label,Oe.parentElement.querySelector('select').value=e,H.cm.html.setOption('mode',ee[e].cmMode),CodeMirror.autoLoadMode(H.cm.html,ee[e].cmPath||ee[e].cmMode),E(e)}function M(e){return Se=e,De.textContent=ee[e].label,De.parentElement.querySelector('select').value=e,H.cm.css.setOption('mode',ee[e].cmMode),H.cm.css.setOption('readOnly',ee[e].cmDisable),cssSettingsBtn.classList[ee[e].hasSettings?'remove':'add']('hide'),CodeMirror.autoLoadMode(H.cm.css,ee[e].cmPath||ee[e].cmMode),E(e)}function I(e){return fe=e,Pe.textContent=ee[e].label,Pe.parentElement.querySelector('select').value=e,H.cm.js.setOption('mode',ee[e].cmMode),CodeMirror.autoLoadMode(H.cm.js,ee[e].cmPath||ee[e].cmMode),E(e)}function A(){var e=deferred(),t=H.cm.html.getValue();return be===X.HTML?e.resolve(t):be===X.MARKDOWN?e.resolve(marked?marked(t):t):be===X.JADE&&e.resolve(window.jade?jade.render(t):t),e.promise}function T(){var e=deferred(),t=H.cm.css.getValue();if(D('css'),Se===Z.CSS)e.resolve(t);else if(Se===Z.SCSS||Se===Z.SASS)ae&&t?ae.compile(t,{indentedSyntax:Se===Z.SASS},function(t){t.line&&t.message&&P('css',[{lineNumber:t.line-1,message:t.message}]),e.resolve(t.text)}):e.resolve(t);else if(Se===Z.LESS)less.render(t).then(function(t){e.resolve(t.css)},function(e){P('css',[{lineNumber:e.line,message:e.message}])});else if(Se===Z.STYLUS)stylus(t).render(function(t,s){if(t){window.err=t;var i=t.message.split('\n');i.pop(),P('css',[{lineNumber:+t.message.match(/stylus:(\d+):/)[1]-298,message:i.pop()}])}e.resolve(s)});else if(Se===Z.ACSS)if(!window.atomizer)e.resolve('');else{const t=H.cm.html.getValue(),i=atomizer.findClassNames(t);var s;try{s=atomizer.getConfig(i,JSON.parse(H.acssSettingsCm.getValue()))}catch(t){s=atomizer.getConfig(i,{})}const o=atomizer.getCss(s);H.cm.css.setValue(o),e.resolve(o)}return e.promise}function O(e){var t=deferred(),s=H.cm.js.getValue();if(D('js'),!s)return t.resolve(''),t.promise;if(fe===Q.JS)try{esprima.parse(s,{tolerant:!0})}catch(t){P('js',[{lineNumber:t.lineNumber-1,message:t.description}])}finally{!1!==e&&(s=utils.addInfiniteLoopProtection(s)),t.resolve(s)}else if(fe===Q.COFFEESCRIPT){if(!window.CoffeeScript)return t.resolve(''),t.promise;try{s=CoffeeScript.compile(s,{bare:!0})}catch(t){P('js',[{lineNumber:t.location.first_line,message:t.message}])}finally{!1!==e&&(s=utils.addInfiniteLoopProtection(s)),t.resolve(s)}}else if(fe===Q.ES6){if(!window.Babel)return t.resolve(''),t.promise;try{esprima.parse(s,{tolerant:!0,jsx:!0})}catch(t){P('js',[{lineNumber:t.lineNumber-1,message:t.description}])}finally{s=Babel.transform(s,{presets:['latest','stage-2','react']}).code,!1!==e&&(s=utils.addInfiniteLoopProtection(s)),t.resolve(s)}}else if(fe===Q.TS)try{if(!window.ts)return t.resolve(''),t.promise;if(s=ts.transpileModule(s,{reportDiagnostics:!0,compilerOptions:{noEmitOnError:!0,diagnostics:!0,module:ts.ModuleKind.ES2015}}),s.diagnostics.length)throw{description:s.diagnostics[0].messageText,lineNumber:ts.getLineOfLocalPosition(s.diagnostics[0].file,s.diagnostics[0].start)};!1!==e&&(s=utils.addInfiniteLoopProtection(s.outputText)),t.resolve(s)}catch(t){P('js',[{lineNumber:t.lineNumber-1,message:t.description}])}return t.promise}function D(e){H.cm[e].clearGutter('error-gutter')}function P(e,t){var s=H.cm[e];t.forEach(function(t){s.operation(function(){var e=document.createElement('div');e.setAttribute('data-title',t.message),e.classList.add('gutter-error-marker'),s.setGutterMarker(t.lineNumber,'error-gutter',e)})})}function _(e,t,s,i){var o=Be.value.split('\n').reduce(function(e,t){return e+(t?'\n<script src="'+t+'"></script>':'')},''),n=Fe.value.split('\n').reduce(function(e,t){return e+(t?'\n<link rel="stylesheet" href="'+t+'"></link>':'')},''),a='<!DOCTYPE html>\n<html>\n<head>\n<meta charset="UTF-8" />\n'+n+'\n<style id="webmakerstyle">\n'+t+'\n</style>\n</head>\n<body>\n'+e+'\n'+o+'\n';if(i||(a+='<script src="'+(chrome.extension?chrome.extension.getURL('lib/screenlog.js'):`${location.origin}${te}/lib/screenlog.js`)+'"></script>'),fe===Q.ES6&&(a+='<script src="'+(chrome.extension?chrome.extension.getURL('lib/transpilers/babel-polyfill.min.js'):`${location.origin}${te}/lib/transpilers/babel-polyfill.min.js`)+'"></script>'),'string'==typeof s)a+='<script>\n'+s+'\n//# sourceURL=userscript.js';else{var l=chrome.i18n.getMessage()?`chrome-extension://${chrome.i18n.getMessage('@@extension_id')}`:`${location.origin}`;a+='<script src="'+`filesystem:${l}/temporary/script.js`+'">'}return a+='\n</script>\n</body>\n</html>',a}function N(e,t,s){function i(e){return function(){utils.log(arguments),trackEvent('fn','error',e),N.errorCount=(N.errorCount||0)+1,4===N.errorCount&&setTimeout(function(){alert('Oops! Seems like your preview isn\'t updating. It\'s recommended to switch to the web app: https://webmakerapp.com/app/.\n\n If you still want to get the extension working, please try the following steps until it fixes:\n - Refresh Web Maker\n - Restart browser\n - Update browser\n - Reinstall Web Maker (don\'t forget to export all your creations from saved items pane (click the OPEN button) before reinstalling)\n\nIf nothing works, please tweet out to @webmakerApp.'),trackEvent('ui','writeFileMessageSeen')},1e3)}}var o=!1;window.webkitRequestFileSystem(window.TEMPORARY,5242880,function(n){n.root.getFile(e,{create:!0},function(e){e.createWriter((e)=>{e.onwriteend=function(){return o?s():(o=!0,e.seek(0),e.write(t),!1)},e.truncate(0)},i('createWriterFail'))},i('getFileFail'))},i('webkitRequestFileSystemFail'))}function B(e,t,s){const i=!window.webkitRequestFileSystem||!window.IS_EXTENSION;var o=_(e,t,i?s:null),n=new Blob([o],{type:'text/plain;charset=UTF-8'}),a=new Blob([s],{type:'text/plain;charset=UTF-8'});!trackEvent.hasTrackedCode&&(e||t||s)&&(trackEvent('fn','hasCode'),trackEvent.hasTrackedCode=!0),i?H.detachedWindow?(utils.log('\u2709\uFE0F Sending message to detached window'),H.detachedWindow.postMessage({contents:o},'*')):(je.src=je.src,setTimeout(()=>{je.contentDocument.open(),je.contentDocument.write(o),je.contentDocument.close()},10)):N('script.js',a,function(){N('preview.html',n,function(){var e=chrome.i18n.getMessage()?`chrome-extension://${chrome.i18n.getMessage('@@extension_id')}`:`${location.origin}`,t=`filesystem:${e}/temporary/preview.html`;H.detachedWindow?H.detachedWindow.postMessage(t,'*'):je.src=t})})}function F(){var e=A(),t=T(),s=O(!1);Promise.all([e,t,s]).then(function(e){var t=e[0],s=e[1],i=e[2],o=_(t,s,i,!0),n=new Date,a=['web-maker',n.getFullYear(),n.getMonth()+1,n.getDate(),n.getHours(),n.getMinutes(),n.getSeconds()].join('-');le.title&&(a=le.title),a+='.html';var l=new Blob([o],{type:'text/html;charset=UTF-8'});utils.downloadFile(a,l),trackEvent('fn','saveFileComplete')})}function z(e,t){var s=CodeMirror(e,{mode:t.mode,lineNumbers:!0,lineWrapping:!0,autofocus:t.autofocus||!1,autoCloseBrackets:!0,autoCloseTags:!0,matchBrackets:!0,matchTags:t.matchTags||!1,tabMode:'indent',keyMap:'sublime',theme:'monokai',lint:!!t.lint,tabSize:2,foldGutter:!0,styleActiveLine:!0,gutters:t.gutters||[],profile:t.profile||'',extraKeys:{Up:function(e){ke||CodeMirror.commands.goLineUp(e)},Down:function(e){ke||CodeMirror.commands.goLineDown(e)},"Shift-Tab":function(e){CodeMirror.commands.indentAuto(e)},Tab:function(e){if(t.emmet){const t=e.execCommand('emmetExpandAbbreviation');if(!0===t)return}const s=$('[data-setting=indentWith]:checked');e.somethingSelected()||s&&'spaces'!==s.value?CodeMirror.commands.defaultTab(e):CodeMirror.commands.insertSoftTab(e)},Enter:'emmetInsertLineBreak'}});return s.on('focus',(e)=>{ue=e}),s.on('change',function(e,t){clearTimeout(ie),ie=setTimeout(function(){'setValue'!==t.origin&&(!1!==Ce.autoPreview&&H.setPreviewContent(),saveBtn.classList.add('is-marked'),re+=1,0==re%he&&re>=he&&(saveBtn.classList.add('animated'),saveBtn.classList.add('wobble'),saveBtn.addEventListener('animationend',()=>{saveBtn.classList.remove('animated'),saveBtn.classList.remove('wobble')})),trackEvent.previewCount=(trackEvent.previewCount||0)+1,4===trackEvent.previewCount&&trackEvent('fn','usingPreview'))},ge)}),s.addKeyMap({"Ctrl-Space":'autocomplete'}),t.noAutocomplete||s.on('inputRead',function(e,t){Ce.autoComplete&&'+input'===t.origin&&';'!==t.text[0]&&','!==t.text[0]&&' '!==t.text[0]&&CodeMirror.commands.autocomplete(s,null,{completeSingle:!1})}),s}function V(){H.toggleModal(settingsModal)}function U(s){var i=[],o={};const n=deferred();s.forEach((e)=>{de[e.id]?i.push(e.id):(utils.log('merging',e.id),o[e.id]=e)});var a=s.length-i.length;if(i.length){var l=confirm(i.length+' creations already exist. Do you want to replace them?');l&&(utils.log('shouldreplace',l),s.forEach((e)=>{o[e.id]=e}),a=s.length)}return a?t.saveItems(o).then(()=>{n.resolve(),e.add(a+' creations imported successfully.'),trackEvent('fn','itemsImported',a)}):n.resolve(),v(!1),n.promise}function R(t){var e=t.target.files[0],s=new FileReader;s.onload=function(e){var t;try{t=JSON.parse(e.target.result),utils.log(t),U(t)}catch(e){utils.log(e),alert('Oops! Selected file is corrupted. Please select a file that was generated by clicking the "Export" button.')}},s.readAsText(e,'utf-8')}function W(e){function t(){var e='filesystem:chrome-extension://'+chrome.i18n.getMessage('@@extension_id')+'/temporary/'+d;chrome.downloads.download({url:e},function(){chrome.runtime.lastError&&window.open(e)})}function s(t){utils.log(t)}for(var o=atob(e.split(',')[1]),n=e.split(',')[0].split(':')[1].split(';')[0],a=new ArrayBuffer(o.length),l=new Uint8Array(a),r=0;r<o.length;r++)l[r]=o.charCodeAt(r);var i=new Blob([a],{type:n}),c=i.size+512,m=new Date,d=['web-maker-screenshot',m.getFullYear(),m.getMonth()+1,m.getDate(),m.getHours(),m.getMinutes(),m.getSeconds()].join('-');d+='.png',window.webkitRequestFileSystem(window.TEMPORARY,c,(e)=>{e.root.getFile(d,{create:!0},(e)=>{e.createWriter((e)=>{e.onwriteend=t,e.write(i)},s)},s)},s)}function q(){var e=deferred();return window.IS_EXTENSION?(chrome.permissions.contains({permissions:['downloads']},function(t){t?e.resolve():chrome.permissions.request({permissions:['downloads']},function(t){t?(trackEvent('fn','downloadsPermGiven'),e.resolve()):e.reject()})}),e.promise):(e.resolve(),e.promise)}function K(){$('[data-setting=preserveLastCode]').checked=Ce.preserveLastCode,$('[data-setting=replaceNewTab]').checked=Ce.replaceNewTab,$('[data-setting=htmlMode]').value=Ce.htmlMode,$('[data-setting=cssMode]').value=Ce.cssMode,$('[data-setting=jsMode]').value=Ce.jsMode,$('[data-setting=indentSize]').value=Ce.indentSize,indentationSizeValueEl.textContent=Ce.indentSize,$('[data-setting=indentWith][value='+(Ce.indentWith||'spaces')+']').checked=!0,$('[data-setting=isCodeBlastOn]').checked=Ce.isCodeBlastOn,$('[data-setting=editorTheme]').value=Ce.editorTheme,$('[data-setting=keymap][value='+(Ce.keymap||'sublime')+']').checked=!0,$('[data-setting=fontSize]').value=Ce.fontSize||16,$('[data-setting=refreshOnResize]').checked=Ce.refreshOnResize,$('[data-setting=autoPreview]').checked=Ce.autoPreview,$('[data-setting=editorFont]').value=Ce.editorFont,$('[data-setting=editorCustomFont]').value=Ce.editorCustomFont,$('[data-setting=autoSave]').checked=Ce.autoSave,$('[data-setting=autoComplete]').checked=Ce.autoComplete,$('[data-setting=preserveConsoleLogs]').checked=Ce.preserveConsoleLogs,$('[data-setting=lightVersion]').checked=Ce.lightVersion,$('[data-setting=lineWrap]').checked=Ce.lineWrap}function G(e){function t(t){const e=s(`[d-${t}]`);e.forEach(function(s){s.addEventListener(t,function(i){H[s.getAttribute(`d-${t}`)].call(window,i)})})}e instanceof Node||(e=document);const s=(t)=>[...e.querySelectorAll(t)];t('click'),t('change'),t('input'),t('keyup');const i=s(`[d-open-modal]`);i.forEach(function(e){utils.onButtonClick(e,function(){H.toggleModal(window[e.getAttribute('d-open-modal')]),trackEvent(e.getAttribute('data-event-category'),e.getAttribute('data-event-action'))})});const o=s(`[d-html]`);o.forEach(function(e){fetch(e.getAttribute('d-html')).then((t)=>{e.removeAttribute('d-html'),t.text().then((t)=>{requestIdleCallback(()=>{e.innerHTML=t,G(e)})})})})}var H=H||{},Y='3.0.3';window.DEBUG&&(window.scope=H);const J={preserveLastCode:!0,replaceNewTab:!1,htmlMode:'html',jsMode:'js',cssMode:'css',isCodeBlastOn:!1,indentWith:'spaces',indentSize:2,editorTheme:'monokai',keymap:'sublime',fontSize:16,refreshOnResize:!1,autoPreview:!0,editorFont:'FiraCode',editorCustomFont:'',autoSave:!0,autoComplete:!0,preserveConsoleLogs:!0,lightVersion:!1,lineWrap:!0};var X={HTML:'html',MARKDOWN:'markdown',JADE:'jade'},Z={CSS:'css',SCSS:'scss',SASS:'sass',LESS:'less',STYLUS:'stylus',ACSS:'acss'},Q={JS:'js',ES6:'es6',COFFEESCRIPT:'coffee',TS:'typescript'},ee={};ee[X.HTML]={label:'HTML',cmMode:'htmlmixed',codepenVal:'none'},ee[X.MARKDOWN]={label:'Markdown',cmMode:'markdown',codepenVal:'markdown'},ee[X.JADE]={label:'Pug',cmMode:'pug',codepenVal:'pug'},ee[Q.JS]={label:'JS',cmMode:'javascript',codepenVal:'none'},ee[Q.COFFEESCRIPT]={label:'CoffeeScript',cmMode:'coffeescript',codepenVal:'coffeescript'},ee[Q.ES6]={label:'ES6 (Babel)',cmMode:'jsx',codepenVal:'babel'},ee[Q.TS]={label:'TypeScript',cmPath:'jsx',cmMode:'text/typescript-jsx',codepenVal:'typescript'},ee[Z.CSS]={label:'CSS',cmPath:'css',cmMode:'css',codepenVal:'none'},ee[Z.SCSS]={label:'SCSS',cmPath:'css',cmMode:'text/x-scss',codepenVal:'scss'},ee[Z.SASS]={label:'SASS',cmMode:'sass',codepenVal:'sass'},ee[Z.LESS]={label:'LESS',cmPath:'css',cmMode:'text/x-less',codepenVal:'less'},ee[Z.STYLUS]={label:'Stylus',cmMode:'stylus',codepenVal:'stylus'},ee[Z.ACSS]={label:'Atomic CSS',cmPath:'css',cmMode:'css',codepenVal:'notsupported',cmDisable:!0,hasSettings:!0};const te=chrome.extension||window.DEBUG?'/':'/app',se={LOGIN_AND_SAVE_MESSAGE_SEEN:'loginAndsaveMessageSeen',ASKED_TO_IMPORT_CREATIONS:'askedToImportCreations'};var ie,oe,ne,ae,le,re,de,ce,me,ue,pe,ge=500,he=15,ve=!0,be=X.HTML,fe=Q.JS,Se=Z.CSS,ye=33,Ce={},Le={html:null,css:null,js:null},ke=!1,we=0,je=$('#demo-frame'),Ee=$('#js-html-code'),xe=$('#js-css-code'),Me=$('#js-js-code'),Ie=$('#js-codepen-form'),Ae=$('#js-saved-items-pane'),Te=$('#js-saved-items-pane-close-btn'),Oe=$('#js-html-mode-label'),De=$('#js-css-mode-label'),Pe=$('#js-js-mode-label'),_e=$('#js-title-input'),Ne=$('#js-add-library-select'),Be=$('#js-external-js'),Fe=$('#js-external-css');H.cm={},H.frame=je,H.demoFrameDocument=je.contentDocument||je.contentWindow.document,window.previewException=function(e){console.error('Possible infinite loop detected.',e.stack),window.onMessageFromConsole('Possible infinite loop detected.',e.stack)},window.onunload=function(){g('code'),H.detachedWindow&&H.detachedWindow.close()},H.setPreviewContent=function(e){Ce.preserveConsoleLogs||H.clearConsole();var t={html:H.cm.html.getValue(),css:H.cm.css.getValue(),js:H.cm.js.getValue()};utils.log('\uD83D\uDD0E setPreviewContent',e);const s=H.detachedWindow?H.detachedWindow.document.querySelector('iframe'):je;if(!e&&t.html===Le.html&&t.js===Le.js)T().then(function(e){s.contentDocument.querySelector('#webmakerstyle')&&(s.contentDocument.querySelector('#webmakerstyle').textContent=e)});else{var i=A(),o=T(),n=O();Promise.all([i,o,n]).then(function(e){B(e[0],e[1],e[2])})}Le.html=t.html,Le.css=t.css,Le.js=t.js},H.cm.html=z(Ee,{mode:'htmlmixed',profile:'xhtml',gutters:['CodeMirror-linenumbers','CodeMirror-foldgutter'],noAutocomplete:!0,matchTags:{bothTags:!0},emmet:!0}),H.cm.css=z(xe,{mode:'css',gutters:['error-gutter','CodeMirror-linenumbers','CodeMirror-foldgutter'],emmet:!0}),Inlet(H.cm.css),H.cm.js=z(Me,{mode:'javascript',gutters:['error-gutter','CodeMirror-linenumbers','CodeMirror-foldgutter']}),Inlet(H.cm.js),H.consoleCm=CodeMirror(consoleLogEl,{mode:'javascript',lineWrapping:!0,theme:'monokai',foldGutter:!0,readOnly:!0,gutters:['CodeMirror-foldgutter']}),H.onModalSettingsLinkClick=function(){V(),trackEvent('ui','onboardSettingsBtnClick')},H.onShowInTabClicked=function(){trackEvent('ui','onboardShowInTabClick')},H.onDontShowInTabClicked=function(){trackEvent('ui','onboardDontShowInTabClick')},H.exportItems=function(t){q().then(()=>{b().then(function(e){var t=new Date,s=['web-maker-export',t.getFullYear(),t.getMonth()+1,t.getDate(),t.getHours(),t.getMinutes(),t.getSeconds()].join('-');s+='.json';var i=new Blob([JSON.stringify(e,!1,2)],{type:'application/json;charset=UTF-8'});utils.downloadFile(s,i),trackEvent('ui','exportBtnClicked')})}),t.preventDefault()},H.onImportBtnClicked=function(t){var e=document.createElement('input');e.type='file',e.style.display='none',e.accept='accept="application/json',document.body.appendChild(e),e.addEventListener('change',R),e.click(),trackEvent('ui','importBtnClicked'),t.preventDefault()},H.takeScreenshot=function(t){q().then(()=>{function e(t){var s=document.createElement('canvas'),i=je.getBoundingClientRect();s.width=i.width,s.height=i.height;var o=s.getContext('2d'),n=window.devicePixelRatio||1;o.drawImage(t,i.left*n,i.top*n,i.width*n,i.height*n,0,0,i.width,i.height),t.removeEventListener('load',e),W(s.toDataURL())}var t=document.createElement('style');t.textContent='[class*="hint"]:after, [class*="hint"]:before { display: none!important; }',document.body.appendChild(t),setTimeout(()=>{chrome.tabs.captureVisibleTab(null,{format:'png',quality:100},function(s){if(t.remove(),s){var i=new Image;i.src=s,i.addEventListener('load',()=>e(i,s))}})},50),trackEvent('ui','takeScreenshotBtnClick')}),t.preventDefault()},H.updateSetting=function(t){if(t){var s=t.target.dataset.setting,i={},o=t.target;utils.log(s,'checkbox'===o.type?o.checked:o.value),Ce[s]='checkbox'===o.type?o.checked:o.value,i[s]=Ce[s],db.sync.set(i,function(){e.add('Setting saved')}),window.user&&window.db.getDb().then((e)=>{e.collection('users').doc(window.user.uid).update({[`settings.${s}`]:Ce[s]}).then((e)=>{utils.log(`Setting "${s}" for user`,e)}).catch((e)=>utils.log(e))}),trackEvent('ui','updatePref-'+s,Ce[s])}runBtn.classList[Ce.autoPreview?'add':'remove']('hide'),Ee.querySelector('.CodeMirror').style.fontSize=Ce.fontSize,xe.querySelector('.CodeMirror').style.fontSize=Ce.fontSize,Me.querySelector('.CodeMirror').style.fontSize=Ce.fontSize,consoleEl.querySelector('.CodeMirror').style.fontSize=Ce.fontSize,indentationSizeValueEl.textContent=$('[data-setting=indentSize]').value,editorThemeLinkTag.href=`lib/codemirror/theme/${Ce.editorTheme}.css`,fontStyleTag.textContent=fontStyleTemplate.textContent.replace(/fontname/g,('other'===Ce.editorFont?Ce.editorCustomFont:Ce.editorFont)||'FiraCode'),customEditorFontInput.classList['other'===Ce.editorFont?'remove':'add']('hide'),['html','js','css'].forEach((e)=>{H.cm[e].setOption('indentWithTabs','spaces'!==$('[data-setting=indentWith]:checked').value),H.cm[e].setOption('blastCode',!!$('[data-setting=isCodeBlastOn]').checked&&{effect:2,shake:!1}),H.cm[e].setOption('indentUnit',+$('[data-setting=indentSize]').value),H.cm[e].setOption('tabSize',+$('[data-setting=indentSize]').value),H.cm[e].setOption('theme',$('[data-setting=editorTheme]').value),H.cm[e].setOption('keyMap',$('[data-setting=keymap]:checked').value),H.cm[e].setOption('lineWrapping',$('[data-setting=lineWrap]').checked),H.cm[e].refresh()}),H.consoleCm.setOption('theme',$('[data-setting=editorTheme]').value),H.acssSettingsCm.setOption('theme',$('[data-setting=editorTheme]').value),Ce.autoSave?!oe&&(oe=setInterval(m,15000)):(clearInterval(oe),oe=null),document.body.classList[Ce.lightVersion?'add':'remove']('light-version')},H.onNewBtnClick=function(){if(trackEvent('ui','newBtnClick'),re){var e=confirm('You have unsaved changes. Do you still want to create something new?');e&&C()}else C()},H.onOpenBtnClick=function(){trackEvent('ui','openBtnClick'),f()},H.onSaveBtnClick=function(){trackEvent('ui','saveBtnClick',le.id?'saved':'new'),c()},H.toggleModal=function(e){e.classList.toggle('is-modal-visible'),document.body.classList[e.classList.contains('is-modal-visible')?'add':'remove']('overlay-visible')},H.onSearchInputChange=function(t){const e=t.target.value;let s;for(const[i,o]of Object.entries(de))s=$(`#js-saved-items-pane [data-item-id=${i}]`),-1===o.title.toLowerCase().indexOf(e)?s.classList.add('hide'):s.classList.remove('hide');trackEvent('ui','searchInputType')},H.toggleConsole=function(){consoleEl.classList.toggle('is-minimized'),trackEvent('ui','consoleToggle')},H.clearConsole=window.clearConsole=function(){H.consoleCm.setValue(''),we=0,logCountEl.textContent=we},H.onClearConsoleBtnClick=function(){H.clearConsole(),trackEvent('ui','consoleClearBtnClick')},H.evalConsoleExpr=function(t){(76===t.which||12===t.which)&&t.ctrlKey?(H.clearConsole(),trackEvent('ui','consoleClearKeyboardShortcut')):13===t.which&&(window.onMessageFromConsole('> '+t.target.value),je.contentWindow._wmEvaluate(t.target.value),t.target.value='',trackEvent('fn','evalConsoleExpr'))},window.onMessageFromConsole=function(){[...arguments].forEach(function(e){e&&e.indexOf&&-1!==e.indexOf('filesystem:chrome-extension')&&(e=e.replace(/filesystem:chrome-extension.*\.js:(\d+):*(\d*)/g,'script $1:$2'));try{H.consoleCm.replaceRange(e+' '+((e+'').match(/\[object \w+]/)?JSON.stringify(e):'')+'\n',{line:Infinity})}catch(t){H.consoleCm.replaceRange('\uD83C\uDF00\n',{line:Infinity})}H.consoleCm.scrollTo(0,Infinity),we++}),logCountEl.textContent=we},H.openDetachedPreview=function(){if(trackEvent('ui','detachPreviewBtnClick'),H.detachedWindow)return void H.detachedWindow.focus();var e=je.getBoundingClientRect();const t=e.width,s=e.height;document.body.classList.add('is-detached-mode'),globalConsoleContainerEl.insertBefore(consoleEl,null),H.detachedWindow=window.open('./preview.html','Web Maker',`width=${t},height=${s},resizable,scrollbars=yes,status=1`),setTimeout(()=>{H.setPreviewContent(!0)},1500);var i=window.setInterval(function(){H.detachedWindow&&H.detachedWindow.closed&&(clearInterval(i),document.body.classList.remove('is-detached-mode'),$('#js-demo-side').insertBefore(consoleEl,null),H.detachedWindow=null,H.setPreviewContent(!0))},500)},H.openCssSettingsModal=function(){H.toggleModal(cssSettingsModal),setTimeout(()=>{H.acssSettingsCm.refresh(),H.acssSettingsCm.focus()},500),trackEvent('ui','cssSettingsBtnClick')},H.onModalCloseBtnClick=function(t){j(),t.preventDefault()},H.openSupportDeveloperModal=function(t){j(),trackEvent('ui',t.target.dataset.eventAction),H.toggleModal(pledgeModal)},H.updateProfileUi=()=>{window.user?(document.body.classList.add('is-logged-in'),headerAvatarImg.src=profileAvatarImg.src=window.user.photoURL||'data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\'%3E%3Cpath fill=\'#ccc\' d=\'M12,19.2C9.5,19.2 7.29,17.92 6,16C6.03,14 10,12.9 12,12.9C14,12.9 17.97,14 18,16C16.71,17.92 14.5,19.2 12,19.2M12,5A3,3 0 0,1 15,8A3,3 0 0,1 12,11A3,3 0 0,1 9,8A3,3 0 0,1 12,5M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z\' /%3E%3C/svg%3E',profileUserName.textContent=window.user.displayName||'Anonymous Creator'):(document.body.classList.remove('is-logged-in'),headerAvatarImg.src=profileAvatarImg.src='',profileUserName.textContent='Anonymous Creator')},H.login=(t)=>{const e=t.target.dataset.authProvider;trackEvent('ui','loginProviderClick',e),window.login(e),t&&t.preventDefault()},H.logout=(t)=>{if(t.preventDefault(),re){var e=confirm('You have unsaved changes. Do you still want to logout?');if(!e)return}trackEvent('fn','loggedOut'),window.logout()},H.dontAskToImportAnymore=(t)=>{H.toggleModal(askToImportModal),window.localStorage[se.ASKED_TO_IMPORT_CREATIONS]=!0,t&&trackEvent('ui','dontAskToImportBtnClick')},H.importCreationsAndSettingsIntoApp=()=>{U(H.oldSavedItems).then(()=>{trackEvent('fn','oldItemsImported'),H.dontAskToImportAnymore()})},H.closeAllOverlays=j,function(){function t(e){return function(){return d('layoutMode',e),trackEvent('ui','toggleLayoutClick',e),a(e),!1}}function o(t){consoleEl.style.height=p+u-t.pageY+'px'}firebase.initializeApp({apiKey:'AIzaSyBl8Dz7ZOE7aP75mipYl2zKdLSRzBU2fFc',authDomain:'web-maker-app.firebaseapp.com',databaseURL:'https://web-maker-app.firebaseio.com',projectId:'web-maker-app',storageBucket:'web-maker-app.appspot.com',messagingSenderId:'560473480645'}),firebase.auth().onAuthStateChanged(function(t){H.closeAllOverlays(),t?(utils.log('You are -> ',t),e.add('You are now logged in!'),H.user=window.user=t,!window.localStorage[se.ASKED_TO_IMPORT_CREATIONS]&&window.oldSavedCreationsCountEl&&b(!1,!0).then((e)=>{e.length&&(H.oldSavedItems=e,window.oldSavedCreationsCountEl.textContent=e.length,H.toggleModal(askToImportModal),trackEvent('ui','askToImportModalSeen'))}),window.db.getUser(t.uid).then((e)=>{e&&(Object.assign(Ce,t.settings),K(),H.updateSetting())})):delete window.user,H.updateProfileUi()});var n;CodeMirror.modeURL=`lib/codemirror/mode/%N/%N.js`,window.db.local.get({lastAuthProvider:''},(e)=>{e.lastAuthProvider&&document.body.classList.add(`last-login-${e.lastAuthProvider}`)}),layoutBtn1.addEventListener('click',t(1)),layoutBtn2.addEventListener('click',t(2)),layoutBtn3.addEventListener('click',t(3)),layoutBtn4.addEventListener('click',t(4)),layoutBtn5.addEventListener('click',t(5)),notificationsBtn.addEventListener('click',function(){return H.toggleModal(notificationsModal),notificationsModal.classList.contains('is-modal-visible')&&!ve&&(ve=!0,notificationsBtn.classList.remove('has-new'),window.db.setUserLastSeenVersion(Y)),trackEvent('ui','notificationButtonClick',Y),!1}),codepenBtn.addEventListener('click',function(t){if(Se===Z.ACSS)return alert('Oops! CodePen doesn\'t supports Atomic CSS currently.'),void t.preventDefault();var e={title:'A Web Maker experiment',html:H.cm.html.getValue(),css:H.cm.css.getValue(),js:H.cm.js.getValue(),html_pre_processor:ee[be].codepenVal,css_pre_processor:ee[Se].codepenVal,js_pre_processor:ee[fe].codepenVal,css_external:Fe.value.split('\n').join(';'),js_external:Be.value.split('\n').join(';')};le.title.match(/Untitled\s\d\d*-\d/)||(e.title=le.title),e=JSON.stringify(e),Ie.querySelector('input').value=e,Ie.submit(),trackEvent('ui','openInCodepen'),t.preventDefault()}),utils.onButtonClick(saveHtmlBtn,function(){F(),trackEvent('ui','saveHtmlClick')}),utils.onButtonClick(Te,v),utils.onButtonClick(Ae,function(t){t.target.classList.contains('js-saved-item-tile')&&(setTimeout(function(){L(t.target.dataset.itemId)},350),v()),t.target.classList.contains('js-saved-item-tile__remove-btn')?k(t.target.parentElement.parentElement.dataset.itemId):t.target.classList.contains('js-saved-item-tile__fork-btn')&&(v(),setTimeout(function(){y(de[t.target.parentElement.parentElement.dataset.itemId])},350))}),_e.addEventListener('blur',function(){le.id&&(c(),trackEvent('ui','titleChanged'))}),$all('.js-mode-select').forEach((e)=>{e.addEventListener('change',function(t){var e=t.target.value,s=t.target.dataset.type,i='html'===s?be:'css'===s?Se:fe;i!==e&&('html'===s?x(e).then(()=>H.setPreviewContent(!0)):'js'===s?I(e).then(()=>H.setPreviewContent(!0)):'css'===s&&M(e).then(()=>H.setPreviewContent(!0)),trackEvent('ui','updateCodeMode',e))})});var r=$all('.js-code-collapse-btn');r.forEach(function(e){e.addEventListener('click',function(t){var e=t.currentTarget.parentElement.parentElement.parentElement;return i(e),trackEvent('ui','paneCollapseBtnClick',e.dataset.type),!1})}),[Ee,xe,Me].forEach(function(e){e.addEventListener('transitionend',function(){s()})}),window.addEventListener('keydown',function(e){(e.ctrlKey||e.metaKey)&&83===e.keyCode&&(e.preventDefault(),c(),trackEvent('ui','saveItemKeyboardShortcut')),(e.ctrlKey||e.metaKey)&&e.shiftKey&&53===e.keyCode?(e.preventDefault(),H.setPreviewContent(!0),trackEvent('ui','previewKeyboardShortcut')):(e.ctrlKey||e.metaKey)&&79===e.keyCode?(e.preventDefault(),f(),trackEvent('ui','openCreationKeyboardShortcut')):(e.ctrlKey||e.metaKey)&&e.shiftKey&&191===e.keyCode?(e.preventDefault(),H.toggleModal(keyboardShortcutsModal),trackEvent('ui','showKeyboardShortcutsShortcut')):27===e.keyCode&&j()}),Ae.addEventListener('keydown',function(e){if(!ke)return;const t=e.ctrlKey||e.metaKey,s=t&&70===e.keyCode,i=40===e.keyCode,o=38===e.keyCode,n=13===e.keyCode,a=$('.js-saved-item-tile.selected'),l=0!==$all('.js-saved-item-tile').length;if((i||o)&&l){const e=i?'nextUntil':'previousUntil';a?(a.classList.remove('selected'),a[e]('.js-saved-item-tile:not(.hide)').classList.add('selected')):$('.js-saved-item-tile:not(.hide)').classList.add('selected'),$('.js-saved-item-tile.selected').scrollIntoView(!1)}n&&a&&(setTimeout(function(){L(a.dataset.itemId)},350),v()),s&&(e.preventDefault(),setTimeout(function(){y(de[a.dataset.itemId])},350),v(),trackEvent('ui','forkKeyboardShortcut'))}),window.addEventListener('click',function(t){'string'!=typeof t.target.className||-1!==t.target.className.indexOf('modal-overlay')&&j()}),window.addEventListener('dblclick',function(t){var e=t.target;if(e.classList.contains('js-console__header')&&(H.toggleConsole(),trackEvent('ui','consoleToggleDblClick')),e.classList.contains('js-code-wrap__header')){var s=e.parentElement;i(s),trackEvent('ui','paneHeaderDblClick',s.dataset.type)}});var m=window.jsLibs.reduce((e,t)=>e+`<option data-type="${t.type}" value="${t.url}">${t.label}</option>`,'');Ne.children[1].innerHTML=m,m=window.cssLibs.reduce((e,t)=>e+`<option data-type="${t.type}" value="${t.url}">${t.label}</option>`,''),Ne.children[2].innerHTML=m,Ne.addEventListener('change',function(t){var e=t.target;e.value&&($('#js-external-'+e.selectedOptions[0].dataset.type).value+='\n'+e.value,trackEvent('ui','addLibrarySelect',e.selectedOptions[0].label),l(),e.value='')}),Be.addEventListener('blur',l),Fe.addEventListener('blur',l),new TextareaAutoComplete(Be,{filter:(e)=>e.latest.match(/\.js$/)}),new TextareaAutoComplete(Fe,{filter:(e)=>e.latest.match(/\.css$/)}),new TextareaAutoComplete(externalLibrarySearchInput,{selectedCallback:(e)=>{const t=e.match(/\.js$/)?Be:Fe;t.value=`${t.value}\n${e}`,externalLibrarySearchInput.value=''}});var u,p;$('.js-console__header').addEventListener('mousedown',(t)=>{u=t.pageY,p=consoleEl.getBoundingClientRect().height,$('#demo-frame').classList.add('pointer-none'),window.addEventListener('mousemove',o)}),$('.js-console__header').addEventListener('mouseup',()=>{window.removeEventListener('mousemove',o),$('#demo-frame').classList.remove('pointer-none')}),db.local.get({layoutMode:1,code:''},function(e){a(e.layoutMode),Ce.layoutMode=e.layoutMode,e.code&&(n=e.code)}),db.getSettings(J).then((e)=>{e.preserveLastCode&&n?(re=0,n.id&&window.IS_EXTENSION?db.local.get(n.id,function(e){e[n.id]&&(utils.log('Load item ',n.id),le=e[n.id],w())}):(utils.log('Load last unsaved item',n),le=n,w())):C(),Object.assign(Ce,e),K(),H.updateSetting()}),db.getUserLastSeenVersion().then((e)=>{e||(onboardModal.classList.add('is-modal-visible'),-1===document.cookie.indexOf('onboarded')&&(trackEvent('ui','onboardModalSeen',Y),document.cookie='onboarded=1'),window.db.setUserLastSeenVersion(Y)),e&&-1!==utils.semverCompare(e,Y)||(notificationsBtn.classList.add('has-new'),ve=!1)}),H.acssSettingsCm=CodeMirror.fromTextArea(acssSettingsTextarea,{mode:'application/ld+json'}),H.acssSettingsCm.on('blur',()=>{H.setPreviewContent(!0)});var g='';['3024-day','3024-night','abcdef','ambiance','base2tone-meadow-dark','base16-dark','base16-light','bespin','blackboard','cobalt','colorforth','dracula','duotone-dark','duotone-light','eclipse','elegant','erlang-dark','hopscotch','icecoder','isotope','lesser-dark','liquibyte','material','mbo','mdn-like','midnight','monokai','neat','neo','night','panda-syntax','paraiso-dark','paraiso-light','pastel-on-dark','railscasts','rubyblue','seti','solarized dark','solarized light','the-matrix','tomorrow-night-bright','tomorrow-night-eighties','ttcn','twilight','vibrant-ink','xq-dark','xq-light','yeti','zenburn'].forEach((e)=>{g+='<option value="'+e+'">'+e+'</option>'}),document.querySelector('[data-setting="editorTheme"]').innerHTML=g,requestAnimationFrame(G)}()}(window.alertsService,window.itemService),function(e){function t(e){s&&(!e||e!==s)&&(s.classList.remove('open'),s=null)}var s;(function(){var i=e('[dropdown]');i.forEach(function(e){e.addEventListener('click',function(i){t(i.currentTarget),i.currentTarget.classList.toggle('open'),s=i.currentTarget,i.stopPropagation()})}),document.addEventListener('click',function(){t()})})()}($all);
\ No newline at end of file
+'serviceWorker'in navigator&&-1===document.cookie.indexOf('wmdebug')&&-1===location.href.indexOf('chrome-extension://')&&window.addEventListener('load',function(){navigator.serviceWorker.register('service-worker.js').then(function(e){e.onupdatefound=function(){var t=e.installing;t.onstatechange=function(){switch(t.state){case'installed':navigator.serviceWorker.controller?console.log('New or updated content is available.'):(console.log('Content is now available offline!'),window.alertsService&&window.alertsService.add('Web Maker is now ready to be used offline.'));break;case'redundant':console.error('The installing service worker became redundant.');}}}}).catch(function(t){console.error('Error during service worker registration:',t)})}),function(){window.DEBUG=-1<document.cookie.indexOf('wmdebug'),window.$=document.querySelector.bind(document),window.$all=(e)=>[...document.querySelectorAll(e)];var e='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';Node.prototype.nextUntil=function(e){const t=[...this.parentNode.querySelectorAll(e)],s=t.indexOf(this);return t[s+1]},window.requestIdleCallback=window.requestIdleCallback||function(e){setTimeout(e,10)},Node.prototype.previousUntil=function(e){const t=[...this.parentNode.querySelectorAll(e)],s=t.indexOf(this);return t[s-1]},window.utils={semverCompare:function(e,t){for(var s=e.split('.'),o=t.split('.'),a=0;3>a;a++){var i=+s[a],n=+o[a];if(i>n)return 1;if(n>i)return-1;if(!isNaN(i)&&isNaN(n))return 1;if(isNaN(i)&&!isNaN(n))return-1}return 0},generateRandomId:function(t){for(var s='',o=t||10;o--;)s+=e[~~(Math.random()*e.length)];return s},onButtonClick:function(e,t){e.addEventListener('click',function(s){return t(s),!1})},addInfiniteLoopProtection:function(e){var t=1,s=[],i='_wmloopvar';return esprima.parse(e,{tolerant:!0,range:!0,jsx:!0},function(e){switch(e.type){case'DoWhileStatement':case'ForStatement':case'ForInStatement':case'ForOfStatement':case'WhileStatement':var o=1+e.body.range[0],a=e.body.range[1],n='\nif (Date.now() - %d > 1000) { window.top.previewException(new Error("Infinite loop")); break;}\n'.replace('%d',i+t),l='';'BlockStatement'!==e.body.type&&(n='{'+n,l='}',--o),s.push({pos:o,str:n}),s.push({pos:a,str:l}),s.push({pos:e.range[0],str:'var %d = Date.now();\n'.replace('%d',i+t)}),++t;break;default:}}),s.sort(function(e,t){return t.pos-e.pos}).forEach(function(t){e=e.slice(0,t.pos)+t.str+e.slice(t.pos)}),e},getHumanDate:function(e){var t=new Date(e),s=t.getDate()+' '+['January','February','March','April','May','June','July','August','September','October','November','December'][t.getMonth()]+' '+t.getFullYear();return s},log:function(){window.DEBUG&&console.log(...arguments)},once:function(e,t,s){e.addEventListener(t,function(i){return i.target.removeEventListener(t,arguments.callee),s(i)})},downloadFile:function(e,t){function s(){var s=document.createElement('a');s.href=window.URL.createObjectURL(t),s.download=e,s.style.display='none',document.body.appendChild(s),s.click(),s.remove()}window.IS_EXTENSION?chrome.downloads.download({url:window.URL.createObjectURL(t),filename:e,saveAs:!0},()=>{chrome.runtime.lastError&&s()}):s()}},window.chrome=window.chrome||{},window.chrome.i18n={getMessage:()=>{}},window.IS_EXTENSION=!!window.chrome.extension,window.IS_EXTENSION?document.body.classList.add('is-extension'):document.body.classList.add('is-app')}(),(()=>{async function e(){return i?i:(utils.log('Initializing firestore'),i=new Promise((e,t)=>s?e(s):firebase.firestore().enablePersistence().then(function(){s=firebase.firestore(),utils.log('firebase db ready',s),e(s)}).catch(function(e){t(e.code),'failed-precondition'===e.code?(alert('Opening Web Maker web app in multiple tabs isn\'t supported at present and it seems like you already have it opened in another tab. Please use in one tab.'),window.trackEvent('fn','multiTabError')):'unimplemented'===e.code})),i)}const t=1;var s,i,o={get:(e,s)=>{const i={};'string'==typeof e?(i[e]=JSON.parse(window.localStorage.getItem(e)),setTimeout(()=>s(i),t)):(Object.keys(e).forEach((t)=>{const s=window.localStorage.getItem(t);i[t]=s===void 0||null===s?e[t]:JSON.parse(s)}),setTimeout(()=>s(i),t))},set:(e,s)=>{Object.keys(e).forEach((t)=>{window.localStorage.setItem(t,JSON.stringify(e[t]))}),setTimeout(()=>{if(s)return s()},t)}};const a=chrome&&chrome.storage?chrome.storage.local:o,n=chrome&&chrome.storage?chrome.storage.sync:o;window.db={getDb:e,getUser:async function(t){const s=await e();return s.doc(`users/${t}`).get().then((e)=>{if(!e.exists)return s.doc(`users/${t}`).set({},{merge:!0});const i=e.data();return Object.assign(window.user,i),i})},getUserLastSeenVersion:async function(){const e=deferred();return n.get({lastSeenVersion:''},(t)=>{e.resolve(t.lastSeenVersion)}),e.promise},setUserLastSeenVersion:async function(t){if(n.set({lastSeenVersion:t},function(){}),window.user){const s=await e();s.doc(`users/${window.user.uid}`).update({lastSeenVersion:t})}},getSettings:function(e){const t=deferred();return n.get(e,(e)=>{t.resolve(e)}),t.promise},local:a,sync:n}})(),window.logout=function(){firebase.auth().signOut()};function login(e){var t;return'facebook'===e?t=new firebase.auth.FacebookAuthProvider:'twitter'===e?t=new firebase.auth.TwitterAuthProvider:'google'===e?(t=new firebase.auth.GoogleAuthProvider,t.addScope('https://www.googleapis.com/auth/userinfo.profile')):t=new firebase.auth.GithubAuthProvider,firebase.auth().signInWithPopup(t).then(function(){window.trackEvent('fn','loggedIn',e),window.db.local.set({lastAuthProvider:e})}).catch(function(e){utils.log(e),'auth/account-exists-with-different-credential'===e.code&&alert('You have already signed up with the same email using different social login')})}window.login=login,window.trackEvent=function(e,t,s,i){return window.DEBUG?void utils.log('trackevent',e,t,s,i):void(window.ga&&ga('send','event',e,t,s,i))},navigator.onLine&&!window.DEBUG&&setTimeout(function(){(function(e,t,s,i,o,n,a){e.GoogleAnalyticsObject=o,e[o]=e[o]||function(){(e[o].q=e[o].q||[]).push(arguments)},e[o].l=1*new Date,n=t.createElement(s),a=t.getElementsByTagName(s)[0],n.async=1,n.src=i,a.parentNode.insertBefore(n,a)})(window,document,'script','https://www.google-analytics.com/analytics.js','ga'),-1===location.href.indexOf('chrome-extension://')?ga('create','UA-87786708-1'):(ga('create','UA-87786708-1',{cookieDomain:'none'}),ga('set','checkProtocolTask',function(){})),ga('send','pageview')},100),function(){window.deferred=function(){var e={},t=new Promise(function(t,s){e.resolve=t,e.reject=s});return e.promise=t,Object.assign(e,t)}}(),function(e){window.loadJS=function(t){var s=deferred(),i=e.document.getElementsByTagName('script')[0],o=e.document.createElement('script');return o.src=t,o.async=!0,i.parentNode.insertBefore(o,i),o.onload=function(){s.resolve()},s.promise}}(window),function(){const e=$('#js-alerts-container');var t;window.alertsService={add:function(s){e.textContent=s,e.classList.add('is-active'),clearTimeout(t),t=setTimeout(function(){e.classList.remove('is-active')},2e3)}}}(),window.jsLibs=[{url:'https://code.jquery.com/jquery-3.2.1.min.js',label:'jQuery',type:'js'},{url:'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js',label:'Bootstrap 3',type:'js'},{url:'https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js',label:'Bootstrap 4',type:'js'},{url:'https://cdnjs.cloudflare.com/ajax/libs/foundation/6.4.3/js/foundation.min.js',label:'Foundation',type:'js'},{url:'https://semantic-ui.com/dist/semantic.min.js',label:'Semantic UI',type:'js'},{url:'https://ajax.googleapis.com/ajax/libs/angularjs/1.6.5/angular.min.js',label:'Angular',type:'js'},{url:'https://cdnjs.cloudflare.com/ajax/libs/react/16.2.0/umd/react.production.min.js',label:'React',type:'js'},{url:'https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.2.0/umd/react-dom.production.min.js',label:'React DOM',type:'js'},{url:'https://unpkg.com/vue/dist/vue.min.js',label:'Vue.js',type:'js'},{url:'https://cdnjs.cloudflare.com/ajax/libs/three.js/89/three.min.js',label:'Three.js',type:'js'},{url:'https://cdnjs.cloudflare.com/ajax/libs/d3/4.13.0/d3.min.js',label:'D3',type:'js'},{url:'https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js',label:'Underscore',type:'js'},{url:'https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.3/TweenMax.min.js',label:'Greensock TweenMax',type:'js'},{url:'https://cdnjs.cloudflare.com/ajax/libs/uikit/2.27.5/js/uikit.min.js',label:'UIkit 2',type:'js'},{url:'https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.40/js/uikit.min.js',label:'UIkit 3',type:'js'}],window.cssLibs=[{url:'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css',label:'Bootstrap 3',type:'css'},{url:'https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css',label:'Bootstrap 4',type:'css'},{url:'https://cdnjs.cloudflare.com/ajax/libs/foundation/6.4.3/css/foundation.min.css',label:'Foundation',type:'css'},{url:'https://semantic-ui.com/dist/semantic.min.css',label:'Semantic UI',type:'css'},{url:'https://cdnjs.cloudflare.com/ajax/libs/bulma/0.6.2/css/bulma.min.css',label:'Bulma',type:'css'},{url:'https://cdnjs.cloudflare.com/ajax/libs/hint.css/2.5.0/hint.min.css',label:'Hint.css',type:'css'},{url:'https://cdn.jsdelivr.net/npm/tailwindcss/dist/tailwind.min.css',label:'Tailwind.css',type:'css'},{url:'https://cdnjs.cloudflare.com/ajax/libs/uikit/2.27.5/css/uikit.min.css',label:'UIkit 2',type:'css'},{url:'https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.40/css/uikit.min.css',label:'UIkit 3',type:'css'},{url:'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css',label:'Animate.css',type:'css'},{url:'https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css',label:'FontAwesome 4',type:'css'},{url:'https://use.fontawesome.com/releases/v5.0.8/css/all.css',label:'FontAwesome 5',type:'css'}],function(){class e{constructor(e,t){this.t=e,this.filter=t.filter,this.selectedCallback=t.selectedCallback;var s=document.createElement('div');s.classList.add('btn-group'),e.parentElement.insertBefore(s,e),s.insertBefore(e,null),this.list=document.createElement('ul'),this.list.classList.add('dropdown__menu'),this.list.classList.add('autocomplete-dropdown'),s.insertBefore(this.list,null),this.loader=document.createElement('div'),this.loader.classList.add('loader'),this.loader.classList.add('autocomplete__loader'),this.loader.style.display='none',s.insertBefore(this.loader,null),setTimeout(()=>{requestIdleCallback(()=>{document.body.appendChild(this.list),this.list.style.position='fixed'})},100),this.t.addEventListener('input',(t)=>this.onInput(t)),this.t.addEventListener('keydown',(t)=>this.onKeyDown(t)),this.t.addEventListener('blur',(t)=>this.closeSuggestions(t)),this.list.addEventListener('mousedown',(t)=>this.onListMouseDown(t))}get currentLineNumber(){return this.t.value.substr(0,this.t.selectionStart).split('\n').length}get currentLine(){var e=this.currentLineNumber;return this.t.value.split('\n')[e-1]}closeSuggestions(){this.list.classList.remove('is-open'),this.isShowingSuggestions=!1}getList(e){return fetch('https://api.cdnjs.com/libraries?search='+e).then((e)=>e.json().then((e)=>e.results))}replaceCurrentLine(e){var t=this.t.value.split('\n');t.splice(this.currentLineNumber-1,1,e),this.t.value=t.join('\n')}onInput(){var e=this.currentLine;if(e){if(-1!==e.indexOf('/')||e.match(/https*:\/\//))return;clearTimeout(this.timeout),this.timeout=setTimeout(()=>{this.loader.style.display='block',this.getList(e).then((e)=>{if(this.loader.style.display='none',!e.length)return void this.closeSuggestions();this.list.innerHTML='',this.filter&&(e=e.filter(this.filter));for(var t=0;t<Math.min(e.length,10);t++)this.list.innerHTML+=`<li data-url="${e[t].latest}"><a>${e[t].name}</a></li>`;this.isShowingSuggestions=!0,this.textareaBounds||(this.textareaBounds=this.t.getBoundingClientRect(),this.list.style.top=this.textareaBounds.bottom+'px',this.list.style.left=this.textareaBounds.left+'px',this.list.style.width=this.textareaBounds.width+'px'),this.list.classList.add('is-open')})},500)}}onKeyDown(e){var t;this.isShowingSuggestions&&(27===e.keyCode&&(this.closeSuggestions(),e.stopPropagation()),40===e.keyCode&&this.isShowingSuggestions?(t=this.list.querySelector('.selected'),t?(t.classList.remove('selected'),t.nextElementSibling.classList.add('selected')):this.list.querySelector('li:first-child').classList.add('selected'),this.list.querySelector('.selected').scrollIntoView(!1),e.preventDefault()):38===e.keyCode&&this.isShowingSuggestions?(t=this.list.querySelector('.selected'),t?(t.classList.remove('selected'),t.previousElementSibling.classList.add('selected')):this.list.querySelector('li:first-child').classList.add('selected'),this.list.querySelector('.selected').scrollIntoView(!1),e.preventDefault()):13===e.keyCode&&this.isShowingSuggestions&&(t=this.list.querySelector('.selected'),this.selectSuggestion(t.dataset.url),this.closeSuggestions()))}onListMouseDown(e){var t=e.target;t.parentElement.dataset.url&&this.selectSuggestion(t.parentElement.dataset.url)}selectSuggestion(e){this.selectedCallback?this.selectedCallback.call(null,e):this.replaceCurrentLine(e),this.closeSuggestions()}}window.TextareaAutoComplete=e}(),(()=>{window.itemService={async getItem(e){var t=await window.db.getDb();return t.doc(`items/${e}`).get().then((e)=>e.data())},async getUserItemIds(){if(window.user)return new Promise((e)=>{e(window.user.items||{})});var e=await window.db.getDb();return e.doc(`users/${window.user.uid}`).get().then((e)=>e.exists?e.data().items:{})},async getAllItems(){var e=Date.now(),t=deferred();let s=await this.getUserItemIds();s=Object.getOwnPropertyNames(s||{}),utils.log('itemids',s),s.length||t.resolve([]);var i=await window.db.getDb();const o=[];return i.collection('items').where('createdBy','==',window.user.uid).onSnapshot(function(s){s.forEach(function(e){o.push(e.data())}),utils.log('Items fetched in ',Date.now()-e,'ms'),t.resolve(o)},function(){t.resolve([])}),t.promise},async setUser(){const e=await window.db.getDb();return e.doc(`users/${window.user.uid}`).set({items:{}})},async setItem(e,t){const s=deferred();var i;if(db.local.set({[e]:t},()=>{!window.IS_EXTENSION&&window.user&&navigator.onLine||s.resolve()}),'code'===e)return!1;if(window.user){var o=await window.db.getDb();utils.log(`Starting to save item ${e}`),t.createdBy=window.user.uid,i=o.collection('items').doc(e).set(t,{merge:!0}).then((e)=>{utils.log('Document written',e),s.resolve()}).catch(s.reject)}return window.user&&navigator.onLine?i:s.promise},saveItems(e){var t=deferred();return window.user?window.db.getDb().then((s)=>{const i=s.batch();for(var o in e)e[o].createdBy=window.user.uid,i.set(s.doc(`items/${o}`),e[o]),i.update(s.doc(`users/${window.user.uid}`),{[`items.${o}`]:!0}),window.user.items=window.user.items||{},window.user.items[o]=!0;i.commit().then(t.resolve)}):(window.db.local.set(e,t.resolve),window.db.local.get({items:{}},function(t){for(var s in e)t.items[s]=!0;window.db.local.set({items:t.items})})),t.promise},async removeItem(e){if(!window.user){var t=deferred();return db.local.remove(e,t.resolve),t.promise}const s=await window.db.getDb();return utils.log(`Starting to save item ${e}`),s.collection('items').doc(e).delete().then((e)=>{utils.log('Document removed',e)}).catch((e)=>utils.log(e))},async setItemForUser(e){if(!window.user)return window.db.local.get({items:{}},function(t){t.items[e]=!0,window.db.local.set({items:t.items})});const t=await window.db.getDb();return t.collection('users').doc(window.user.uid).update({[`items.${e}`]:!0}).then((t)=>{utils.log(`Item ${e} set for user`,t),window.user.items=window.user.items||{},window.user.items[e]=!0}).catch((e)=>utils.log(e))},async unsetItemForUser(e){if(!window.user)return window.db.local.get({items:{}},function(t){delete t.items[e],db.local.set({items:t.items})});const t=await window.db.getDb();return t.collection('users').doc(window.user.uid).update({[`items.${e}`]:firebase.firestore.FieldValue.delete()}).then((t)=>{delete window.user.items[e],utils.log(`Item ${e} unset for user`,t)}).catch((e)=>utils.log(e))}}})(),function(e,t){function s(){clearTimeout(s.timeout),s.timeout=setTimeout(function(){const e=2===ae||5===ae?'width':'height';[Ee,xe,Me].forEach(function(t){const s=t.getBoundingClientRect(),i=s[e];100>i?t.classList.add('is-minimized'):t.classList.remove('is-minimized'),-1===t.style[e].indexOf(`100% - ${2*ye}px`)?t.classList.remove('is-maximized'):t.classList.add('is-maximized')})},50)}function i(e){if(e.classList.contains('is-minimized')||e.classList.contains('is-maximized'))e.classList.remove('is-minimized'),e.classList.remove('is-maximized'),me.setSizes([33.3,33.3,33.3]);else{const s=parseInt(e.dataset.codeWrapId,10);var t=[`${ye}px`,`${ye}px`,`${ye}px`];t[s]=`calc(100% - ${2*ye}px)`,me.setSizes(t),e.classList.add('is-maximized')}}function o(){var e;return e=le&&le.mainSizes?3===ae?[le.mainSizes[1],le.mainSizes[0]]:le.mainSizes:5===ae?[75,25]:[50,50],e}function a(){me&&me.destroy(),ce&&ce.destroy();var e={direction:2===ae||5===ae?'horizontal':'vertical',minSize:ye,gutterSize:6,onDragStart:function(){document.body.classList.add('is-dragging')},onDragEnd:function(){s(),document.body.classList.remove('is-dragging')}};e.sizes=le&&le.sizes?le.sizes:[33.33,33.33,33.33],me=Split(['#js-html-code','#js-css-code','#js-js-code'],e),ce=Split(['#js-code-side','#js-demo-side'],{direction:2===ae?'vertical':'horizontal',minSize:150,gutterSize:6,sizes:o(),onDragEnd:function(){Ce.refreshOnResize&&setTimeout(function(){H.setPreviewContent(!0)},1)}})}function n(e){return ae===e?(ce.setSizes(o()),me.setSizes(le.sizes||[33.33,33.33,33.33]),void(ae=e)):void(ae=e,[1,2,3,4,5].forEach((e)=>{window[`layoutBtn${e}`].classList.remove('selected'),document.body.classList.remove(`layout-${e}`)}),$('#layoutBtn'+e).classList.add('selected'),document.body.classList.add('layout-'+e),a(),H.setPreviewContent(!0))}function l(){utils.log('onExternalLibChange'),r(),H.setPreviewContent(!0),e.add('Libraries updated.')}function r(){var e=0;e+=Be.value.split('\n').filter((e)=>!!e).length,e+=Fe.value.split('\n').filter((e)=>!!e).length,e?($('#js-external-lib-count').textContent=e,$('#js-external-lib-count').style.display='inline'):$('#js-external-lib-count').style.display='none'}function d(e,t){const s=deferred();return db.local.set({[e]:t},s.resolve),s.promise}function c(){if(!window.user&&!window.localStorage[se.LOGIN_AND_SAVE_MESSAGE_SEEN]){const e=confirm('Saving without signing in will save your work only on this machine and this browser. If you want it to be secure & available anywhere, please login in your account and then save.\n\nDo you still want to continue saving locally?');if(window.localStorage[se.LOGIN_AND_SAVE_MESSAGE_SEEN]=!0,!e)return trackEvent('ui',se.LOGIN_AND_SAVE_MESSAGE_SEEN,'login'),j(),void loginModal.classList.add('is-modal-visible');trackEvent('ui',se.LOGIN_AND_SAVE_MESSAGE_SEEN,'local')}var s=!le.id;le.id=le.id||'item-'+utils.generateRandomId(),saveBtn.classList.add('is-loading'),g().then(()=>{saveBtn.classList.remove('is-loading'),!pe&&Ce.autoSave&&(pe=!0,e.add('Auto-save enabled.'))}),s&&t.setItemForUser(le.id)}function m(){pe&&re&&c()}function u(){var e,t=2===ae||5===ae?'width':'height';try{e=[Ee.style[t],xe.style[t],Me.style[t]]}catch(t){e=[33.33,33.33,33.33]}finally{return e}}function p(){var e,t=2===ae?'height':'width';try{e=[+$('#js-code-side').style[t].match(/([\d.]+)%/)[1],+$('#js-demo-side').style[t].match(/([\d.]+)%/)[1]]}catch(t){e=[50,50]}finally{return e}}function g(s){return le.title=_e.value,le.html=H.cm.html.getValue(),le.css=H.cm.css.getValue(),le.js=H.cm.js.getValue(),le.htmlMode=be,le.cssMode=Se,le.jsMode=fe,ee[Se].hasSettings&&(le.cssSettings={acssConfig:H.acssSettingsCm.getValue()}),le.updatedOn=Date.now(),le.layoutMode=ae,le.externalLibs={js:Be.value,css:Fe.value},le.sizes=u(),le.mainSizes=p(),utils.log('saving key',s||le.id,le),t.setItem(s||le.id,le).then(function(){window.user&&!navigator.onLine?e.add('Item saved locally. Will save to account when you are online.'):e.add('Item saved.'),re=0,saveBtn.classList.remove('is-marked')})}function h(e){var t='';e.length?(e.sort(function(e,t){return t.updatedOn-e.updatedOn}),e.forEach(function(e){t+='<div class="js-saved-item-tile saved-item-tile" data-item-id="'+e.id+'"><div class="saved-item-tile__btns"><a class="js-saved-item-tile__fork-btn  saved-item-tile__btn hint--left hint--medium" aria-label="Creates a duplicate of this creation (Ctrl/\u2318 + F)">Fork<span class="show-when-selected">(Ctrl/\u2318 + F)</span></a><a class="js-saved-item-tile__remove-btn  saved-item-tile__btn hint--left" aria-label="Remove">X</a></div><h3 class="saved-item-tile__title">'+e.title+'</h3><span class="saved-item-tile__meta">Last updated: '+utils.getHumanDate(e.updatedOn)+'</span></div>'}),savedItemCountEl.textContent='('+e.length+')',savedItemCountEl.style.display='inline'):(t+='<h2 class="opacity--30">Nothing saved here.</h2>',savedItemCountEl.style.display='none'),Ae.querySelector('#js-saved-items-wrap').innerHTML=t,v()}function v(e){!1===e?Ae.classList.remove('is-open'):Ae.classList.toggle('is-open'),ke=Ae.classList.contains('is-open'),ke?searchInput.focus():(searchInput.value='',ue&&ue.focus()),document.body.classList[ke?'add':'remove']('overlay-visible')}async function b(e,s){var o=deferred();de={};var a=[];return window.user&&!s?(a=await t.getAllItems(),utils.log('got items'),e&&a.forEach((e)=>{de[e.id]=e}),o.resolve(a),o.promise):(db.local.get('items',function(t){var s=Object.getOwnPropertyNames(t.items||{});s.length||o.resolve([]),trackEvent('fn','fetchItems',s.length);for(let n=0;n<s.length;n++)db.local.get(s[n],function(t){e&&(de[s[n]]=t[s[n]]),a.push(t[s[n]]),s.length===a.length&&o.resolve(a)})}),o.promise)}function f(){openItemsBtn.classList.add('is-loading'),b(!0).then(function(e){openItemsBtn.classList.remove('is-loading'),h(e)})}function S(e){le=e,utils.log('Current Item set',e),pe=!1,re=0,saveBtn.classList.remove('is-marked')}function y(t){if(re){var s=confirm('You have unsaved changes in your current work. Do you want to discard unsaved changes and continue?');if(!s)return}const i=JSON.parse(JSON.stringify(t));delete i.id,i.title='(Forked) '+t.title,i.updatedOn=Date.now(),S(i),w(),e.add(`"${t.title}" was forked`),trackEvent('fn','itemForked')}function C(){var t=new Date;S({title:'Untitled '+t.getDate()+'-'+(t.getMonth()+1)+'-'+t.getHours()+':'+t.getMinutes(),html:'',css:'',js:'',externalLibs:{js:'',css:''},layoutMode:ae}),w(),e.add('New item created')}function L(t){S(de[t]),w(),e.add('Saved item loaded')}function k(s){var i=document.querySelector('.js-saved-item-tile[data-item-id="'+s+'"]'),o=confirm(`Are you sure you want to delete "${de[s].title}"?`);o&&(i.remove(),t.unsetItemForUser(s),t.removeItem(s).then(()=>{e.add('Item removed.'),le.id===s&&C()}),delete de[s],trackEvent('fn','itemRemoved'))}function w(){_e.value=le.title||'Untitled',Be.value=le.externalLibs&&le.externalLibs.js||'',Fe.value=le.externalLibs&&le.externalLibs.css||'',utils.log('refresh editor'),be=le.htmlMode||Ce.htmlMode||X.HTML,Se=le.cssMode||Ce.cssMode||Z.CSS,fe=le.jsMode||Ce.jsMode||Q.JS,H.cm.html.setValue(le.html),H.cm.css.setValue(le.css),H.cm.js.setValue(le.js),H.cm.html.refresh(),H.cm.css.refresh(),H.cm.js.refresh(),H.acssSettingsCm.setValue(le.cssSettings?le.cssSettings.acssConfig:''),H.acssSettingsCm.refresh(),H.clearConsole(),r(),Promise.all([x(be),M(Se),I(fe)]).then(()=>H.setPreviewContent(!0)),n(le.layoutMode||Ce.layoutMode)}function j(){helpModal.classList.remove('is-modal-visible'),notificationsModal.classList.remove('is-modal-visible'),addLibraryModal.classList.remove('is-modal-visible'),onboardModal.classList.remove('is-modal-visible'),settingsModal.classList.remove('is-modal-visible'),cssSettingsModal.classList.remove('is-modal-visible'),keyboardShortcutsModal.classList.remove('is-modal-visible'),loginModal.classList.remove('is-modal-visible'),profileModal.classList.remove('is-modal-visible'),pledgeModal.classList.remove('is-modal-visible'),askToImportModal.classList.remove('is-modal-visible'),v(!1),document.dispatchEvent(new Event('overlaysClosed'))}function E(e){function t(){ee[e].hasLoaded=!0,i.resolve()}const s='lib/transpilers';var i=deferred();return ee[e].hasLoaded?(i.resolve(),i.promise):(e===X.JADE?loadJS(`${s}/jade.js`).then(t):e===X.MARKDOWN?loadJS(`${s}/marked.js`).then(t):e===Z.LESS?loadJS(`${s}/less.min.js`).then(t):e===Z.SCSS||e===Z.SASS?loadJS(`${s}/sass.js`).then(function(){ne=new Sass(`${s}/sass.worker.js`),t()}):e===Z.STYLUS?loadJS(`${s}/stylus.min.js`).then(t):e===Z.ACSS?loadJS(`${s}/atomizer.browser.js`).then(t):e===Q.COFFEESCRIPT?loadJS(`${s}/coffee-script.js`).then(t):e===Q.ES6?loadJS(`${s}/babel.min.js`).then(t):e===Q.TS?loadJS(`${s}/typescript.js`).then(t):i.resolve(),i.promise)}function x(e){return be=e,De.textContent=ee[e].label,De.parentElement.querySelector('select').value=e,H.cm.html.setOption('mode',ee[e].cmMode),CodeMirror.autoLoadMode(H.cm.html,ee[e].cmPath||ee[e].cmMode),E(e)}function M(e){return Se=e,Oe.textContent=ee[e].label,Oe.parentElement.querySelector('select').value=e,H.cm.css.setOption('mode',ee[e].cmMode),H.cm.css.setOption('readOnly',ee[e].cmDisable),cssSettingsBtn.classList[ee[e].hasSettings?'remove':'add']('hide'),CodeMirror.autoLoadMode(H.cm.css,ee[e].cmPath||ee[e].cmMode),E(e)}function I(e){return fe=e,Pe.textContent=ee[e].label,Pe.parentElement.querySelector('select').value=e,H.cm.js.setOption('mode',ee[e].cmMode),CodeMirror.autoLoadMode(H.cm.js,ee[e].cmPath||ee[e].cmMode),E(e)}function A(){var e=deferred(),t=H.cm.html.getValue();return be===X.HTML?e.resolve(t):be===X.MARKDOWN?e.resolve(marked?marked(t):t):be===X.JADE&&e.resolve(window.jade?jade.render(t):t),e.promise}function T(){var e=deferred(),t=H.cm.css.getValue();if(O('css'),Se===Z.CSS)e.resolve(t);else if(Se===Z.SCSS||Se===Z.SASS)ne&&t?ne.compile(t,{indentedSyntax:Se===Z.SASS},function(t){t.line&&t.message&&P('css',[{lineNumber:t.line-1,message:t.message}]),e.resolve(t.text)}):e.resolve(t);else if(Se===Z.LESS)less.render(t).then(function(t){e.resolve(t.css)},function(e){P('css',[{lineNumber:e.line,message:e.message}])});else if(Se===Z.STYLUS)stylus(t).render(function(t,s){if(t){window.err=t;var i=t.message.split('\n');i.pop(),P('css',[{lineNumber:+t.message.match(/stylus:(\d+):/)[1]-298,message:i.pop()}])}e.resolve(s)});else if(Se===Z.ACSS)if(!window.atomizer)e.resolve('');else{const t=H.cm.html.getValue(),i=atomizer.findClassNames(t);var s;try{s=atomizer.getConfig(i,JSON.parse(H.acssSettingsCm.getValue()))}catch(t){s=atomizer.getConfig(i,{})}const o=atomizer.getCss(s);H.cm.css.setValue(o),e.resolve(o)}return e.promise}function D(e){var t=deferred(),s=H.cm.js.getValue();if(O('js'),!s)return t.resolve(''),t.promise;if(fe===Q.JS)try{esprima.parse(s,{tolerant:!0})}catch(t){P('js',[{lineNumber:t.lineNumber-1,message:t.description}])}finally{!1!==e&&(s=utils.addInfiniteLoopProtection(s)),t.resolve(s)}else if(fe===Q.COFFEESCRIPT){if(!window.CoffeeScript)return t.resolve(''),t.promise;try{s=CoffeeScript.compile(s,{bare:!0})}catch(t){P('js',[{lineNumber:t.location.first_line,message:t.message}])}finally{!1!==e&&(s=utils.addInfiniteLoopProtection(s)),t.resolve(s)}}else if(fe===Q.ES6){if(!window.Babel)return t.resolve(''),t.promise;try{esprima.parse(s,{tolerant:!0,jsx:!0})}catch(t){P('js',[{lineNumber:t.lineNumber-1,message:t.description}])}finally{s=Babel.transform(s,{presets:['latest','stage-2','react']}).code,!1!==e&&(s=utils.addInfiniteLoopProtection(s)),t.resolve(s)}}else if(fe===Q.TS)try{if(!window.ts)return t.resolve(''),t.promise;if(s=ts.transpileModule(s,{reportDiagnostics:!0,compilerOptions:{noEmitOnError:!0,diagnostics:!0,module:ts.ModuleKind.ES2015}}),s.diagnostics.length)throw{description:s.diagnostics[0].messageText,lineNumber:ts.getLineOfLocalPosition(s.diagnostics[0].file,s.diagnostics[0].start)};!1!==e&&(s=utils.addInfiniteLoopProtection(s.outputText)),t.resolve(s)}catch(t){P('js',[{lineNumber:t.lineNumber-1,message:t.description}])}return t.promise}function O(e){H.cm[e].clearGutter('error-gutter')}function P(e,t){var s=H.cm[e];t.forEach(function(t){s.operation(function(){var e=document.createElement('div');e.setAttribute('data-title',t.message),e.classList.add('gutter-error-marker'),s.setGutterMarker(t.lineNumber,'error-gutter',e)})})}function _(e,t,s,i){var o=Be.value.split('\n').reduce(function(e,t){return e+(t?'\n<script src="'+t+'"></script>':'')},''),a=Fe.value.split('\n').reduce(function(e,t){return e+(t?'\n<link rel="stylesheet" href="'+t+'"></link>':'')},''),n='<!DOCTYPE html>\n<html>\n<head>\n<meta charset="UTF-8" />\n'+a+'\n<style id="webmakerstyle">\n'+t+'\n</style>\n</head>\n<body>\n'+e+'\n'+o+'\n';if(i||(n+='<script src="'+(chrome.extension?chrome.extension.getURL('lib/screenlog.js'):`${location.origin}${te}/lib/screenlog.js`)+'"></script>'),fe===Q.ES6&&(n+='<script src="'+(chrome.extension?chrome.extension.getURL('lib/transpilers/babel-polyfill.min.js'):`${location.origin}${te}/lib/transpilers/babel-polyfill.min.js`)+'"></script>'),'string'==typeof s)n+='<script>\n'+s+'\n//# sourceURL=userscript.js';else{var l=chrome.i18n.getMessage()?`chrome-extension://${chrome.i18n.getMessage('@@extension_id')}`:`${location.origin}`;n+='<script src="'+`filesystem:${l}/temporary/script.js`+'">'}return n+='\n</script>\n</body>\n</html>',n}function N(e,t,s){function i(e){return function(){utils.log(arguments),trackEvent('fn','error',e),N.errorCount=(N.errorCount||0)+1,4===N.errorCount&&setTimeout(function(){alert('Oops! Seems like your preview isn\'t updating. It\'s recommended to switch to the web app: https://webmakerapp.com/app/.\n\n If you still want to get the extension working, please try the following steps until it fixes:\n - Refresh Web Maker\n - Restart browser\n - Update browser\n - Reinstall Web Maker (don\'t forget to export all your creations from saved items pane (click the OPEN button) before reinstalling)\n\nIf nothing works, please tweet out to @webmakerApp.'),trackEvent('ui','writeFileMessageSeen')},1e3)}}var o=!1;window.webkitRequestFileSystem(window.TEMPORARY,5242880,function(a){a.root.getFile(e,{create:!0},function(e){e.createWriter((e)=>{e.onwriteend=function(){return o?s():(o=!0,e.seek(0),e.write(t),!1)},e.truncate(0)},i('createWriterFail'))},i('getFileFail'))},i('webkitRequestFileSystemFail'))}function B(e,t,s){const i=!window.webkitRequestFileSystem||!window.IS_EXTENSION;var o=_(e,t,i?s:null),a=new Blob([o],{type:'text/plain;charset=UTF-8'}),n=new Blob([s],{type:'text/plain;charset=UTF-8'});!trackEvent.hasTrackedCode&&(e||t||s)&&(trackEvent('fn','hasCode'),trackEvent.hasTrackedCode=!0),i?H.detachedWindow?(utils.log('\u2709\uFE0F Sending message to detached window'),H.detachedWindow.postMessage({contents:o},'*')):(je.src=je.src,setTimeout(()=>{je.contentDocument.open(),je.contentDocument.write(o),je.contentDocument.close()},10)):N('script.js',n,function(){N('preview.html',a,function(){var e=chrome.i18n.getMessage()?`chrome-extension://${chrome.i18n.getMessage('@@extension_id')}`:`${location.origin}`,t=`filesystem:${e}/temporary/preview.html`;H.detachedWindow?H.detachedWindow.postMessage(t,'*'):je.src=t})})}function F(){var e=A(),t=T(),s=D(!1);Promise.all([e,t,s]).then(function(e){var t=e[0],s=e[1],i=e[2],o=_(t,s,i,!0),a=new Date,n=['web-maker',a.getFullYear(),a.getMonth()+1,a.getDate(),a.getHours(),a.getMinutes(),a.getSeconds()].join('-');le.title&&(n=le.title),n+='.html';var l=new Blob([o],{type:'text/html;charset=UTF-8'});utils.downloadFile(n,l),trackEvent('fn','saveFileComplete')})}function z(e,t){var s=CodeMirror(e,{mode:t.mode,lineNumbers:!0,lineWrapping:!0,autofocus:t.autofocus||!1,autoCloseBrackets:!0,autoCloseTags:!0,matchBrackets:!0,matchTags:t.matchTags||!1,tabMode:'indent',keyMap:'sublime',theme:'monokai',lint:!!t.lint,tabSize:2,foldGutter:!0,styleActiveLine:!0,gutters:t.gutters||[],profile:t.profile||'',extraKeys:{Up:function(e){ke||CodeMirror.commands.goLineUp(e)},Down:function(e){ke||CodeMirror.commands.goLineDown(e)},"Shift-Tab":function(e){CodeMirror.commands.indentAuto(e)},Tab:function(e){if(t.emmet){const t=e.execCommand('emmetExpandAbbreviation');if(!0===t)return}const s=$('[data-setting=indentWith]:checked');e.somethingSelected()||s&&'spaces'!==s.value?CodeMirror.commands.defaultTab(e):CodeMirror.commands.insertSoftTab(e)},Enter:'emmetInsertLineBreak'}});return s.on('focus',(e)=>{ue=e}),s.on('change',function(e,t){clearTimeout(ie),ie=setTimeout(function(){'setValue'!==t.origin&&(!1!==Ce.autoPreview&&H.setPreviewContent(),saveBtn.classList.add('is-marked'),re+=1,0==re%he&&re>=he&&(saveBtn.classList.add('animated'),saveBtn.classList.add('wobble'),saveBtn.addEventListener('animationend',()=>{saveBtn.classList.remove('animated'),saveBtn.classList.remove('wobble')})),trackEvent.previewCount=(trackEvent.previewCount||0)+1,4===trackEvent.previewCount&&trackEvent('fn','usingPreview'))},ge)}),s.addKeyMap({"Ctrl-Space":'autocomplete'}),t.noAutocomplete||s.on('inputRead',function(e,t){Ce.autoComplete&&'+input'===t.origin&&';'!==t.text[0]&&','!==t.text[0]&&' '!==t.text[0]&&CodeMirror.commands.autocomplete(s,null,{completeSingle:!1})}),s}function V(){H.toggleModal(settingsModal)}function U(s){var i=[],o={};const a=deferred();s.forEach((e)=>{de[e.id]?i.push(e.id):(utils.log('merging',e.id),o[e.id]=e)});var n=s.length-i.length;if(i.length){var l=confirm(i.length+' creations already exist. Do you want to replace them?');l&&(utils.log('shouldreplace',l),s.forEach((e)=>{o[e.id]=e}),n=s.length)}return n?t.saveItems(o).then(()=>{a.resolve(),e.add(n+' creations imported successfully.'),trackEvent('fn','itemsImported',n)}):a.resolve(),v(!1),a.promise}function R(t){var e=t.target.files[0],s=new FileReader;s.onload=function(e){var t;try{t=JSON.parse(e.target.result),utils.log(t),U(t)}catch(e){utils.log(e),alert('Oops! Selected file is corrupted. Please select a file that was generated by clicking the "Export" button.')}},s.readAsText(e,'utf-8')}function W(e){function t(){var e='filesystem:chrome-extension://'+chrome.i18n.getMessage('@@extension_id')+'/temporary/'+d;chrome.downloads.download({url:e},function(){chrome.runtime.lastError&&window.open(e)})}function s(t){utils.log(t)}for(var o=atob(e.split(',')[1]),a=e.split(',')[0].split(':')[1].split(';')[0],n=new ArrayBuffer(o.length),l=new Uint8Array(n),r=0;r<o.length;r++)l[r]=o.charCodeAt(r);var i=new Blob([n],{type:a}),c=i.size+512,m=new Date,d=['web-maker-screenshot',m.getFullYear(),m.getMonth()+1,m.getDate(),m.getHours(),m.getMinutes(),m.getSeconds()].join('-');d+='.png',window.webkitRequestFileSystem(window.TEMPORARY,c,(e)=>{e.root.getFile(d,{create:!0},(e)=>{e.createWriter((e)=>{e.onwriteend=t,e.write(i)},s)},s)},s)}function q(){var e=deferred();return window.IS_EXTENSION?(chrome.permissions.contains({permissions:['downloads']},function(t){t?e.resolve():chrome.permissions.request({permissions:['downloads']},function(t){t?(trackEvent('fn','downloadsPermGiven'),e.resolve()):e.reject()})}),e.promise):(e.resolve(),e.promise)}function K(){$('[data-setting=preserveLastCode]').checked=Ce.preserveLastCode,$('[data-setting=replaceNewTab]').checked=Ce.replaceNewTab,$('[data-setting=htmlMode]').value=Ce.htmlMode,$('[data-setting=cssMode]').value=Ce.cssMode,$('[data-setting=jsMode]').value=Ce.jsMode,$('[data-setting=indentSize]').value=Ce.indentSize,indentationSizeValueEl.textContent=Ce.indentSize,$('[data-setting=indentWith][value='+(Ce.indentWith||'spaces')+']').checked=!0,$('[data-setting=isCodeBlastOn]').checked=Ce.isCodeBlastOn,$('[data-setting=editorTheme]').value=Ce.editorTheme,$('[data-setting=keymap][value='+(Ce.keymap||'sublime')+']').checked=!0,$('[data-setting=fontSize]').value=Ce.fontSize||16,$('[data-setting=refreshOnResize]').checked=Ce.refreshOnResize,$('[data-setting=autoPreview]').checked=Ce.autoPreview,$('[data-setting=editorFont]').value=Ce.editorFont,$('[data-setting=editorCustomFont]').value=Ce.editorCustomFont,$('[data-setting=autoSave]').checked=Ce.autoSave,$('[data-setting=autoComplete]').checked=Ce.autoComplete,$('[data-setting=preserveConsoleLogs]').checked=Ce.preserveConsoleLogs,$('[data-setting=lightVersion]').checked=Ce.lightVersion,$('[data-setting=lineWrap]').checked=Ce.lineWrap}function G(e){function t(t){const e=s(`[d-${t}]`);e.forEach(function(s){s.addEventListener(t,function(i){H[s.getAttribute(`d-${t}`)].call(window,i)})})}e instanceof Node||(e=document);const s=(t)=>[...e.querySelectorAll(t)];t('click'),t('change'),t('input'),t('keyup');const i=s(`[d-open-modal]`);i.forEach(function(e){utils.onButtonClick(e,function(){H.toggleModal(window[e.getAttribute('d-open-modal')]),trackEvent(e.getAttribute('data-event-category'),e.getAttribute('data-event-action'))})});const o=s(`[d-html]`);o.forEach(function(e){fetch(e.getAttribute('d-html')).then((t)=>{e.removeAttribute('d-html'),t.text().then((t)=>{requestIdleCallback(()=>{e.innerHTML=t,G(e)})})})})}var H=H||{},Y='3.0.4';window.DEBUG&&(window.scope=H);const J={preserveLastCode:!0,replaceNewTab:!1,htmlMode:'html',jsMode:'js',cssMode:'css',isCodeBlastOn:!1,indentWith:'spaces',indentSize:2,editorTheme:'monokai',keymap:'sublime',fontSize:16,refreshOnResize:!1,autoPreview:!0,editorFont:'FiraCode',editorCustomFont:'',autoSave:!0,autoComplete:!0,preserveConsoleLogs:!0,lightVersion:!1,lineWrap:!0};var X={HTML:'html',MARKDOWN:'markdown',JADE:'jade'},Z={CSS:'css',SCSS:'scss',SASS:'sass',LESS:'less',STYLUS:'stylus',ACSS:'acss'},Q={JS:'js',ES6:'es6',COFFEESCRIPT:'coffee',TS:'typescript'},ee={};ee[X.HTML]={label:'HTML',cmMode:'htmlmixed',codepenVal:'none'},ee[X.MARKDOWN]={label:'Markdown',cmMode:'markdown',codepenVal:'markdown'},ee[X.JADE]={label:'Pug',cmMode:'pug',codepenVal:'pug'},ee[Q.JS]={label:'JS',cmMode:'javascript',codepenVal:'none'},ee[Q.COFFEESCRIPT]={label:'CoffeeScript',cmMode:'coffeescript',codepenVal:'coffeescript'},ee[Q.ES6]={label:'ES6 (Babel)',cmMode:'jsx',codepenVal:'babel'},ee[Q.TS]={label:'TypeScript',cmPath:'jsx',cmMode:'text/typescript-jsx',codepenVal:'typescript'},ee[Z.CSS]={label:'CSS',cmPath:'css',cmMode:'css',codepenVal:'none'},ee[Z.SCSS]={label:'SCSS',cmPath:'css',cmMode:'text/x-scss',codepenVal:'scss'},ee[Z.SASS]={label:'SASS',cmMode:'sass',codepenVal:'sass'},ee[Z.LESS]={label:'LESS',cmPath:'css',cmMode:'text/x-less',codepenVal:'less'},ee[Z.STYLUS]={label:'Stylus',cmMode:'stylus',codepenVal:'stylus'},ee[Z.ACSS]={label:'Atomic CSS',cmPath:'css',cmMode:'css',codepenVal:'notsupported',cmDisable:!0,hasSettings:!0};const te=chrome.extension||window.DEBUG?'/':'/app',se={LOGIN_AND_SAVE_MESSAGE_SEEN:'loginAndsaveMessageSeen',ASKED_TO_IMPORT_CREATIONS:'askedToImportCreations'};var ie,oe,ae,ne,le,re,de,ce,me,ue,pe,ge=500,he=15,ve=!0,be=X.HTML,fe=Q.JS,Se=Z.CSS,ye=33,Ce={},Le={html:null,css:null,js:null},ke=!1,we=0,je=$('#demo-frame'),Ee=$('#js-html-code'),xe=$('#js-css-code'),Me=$('#js-js-code'),Ie=$('#js-codepen-form'),Ae=$('#js-saved-items-pane'),Te=$('#js-saved-items-pane-close-btn'),De=$('#js-html-mode-label'),Oe=$('#js-css-mode-label'),Pe=$('#js-js-mode-label'),_e=$('#js-title-input'),Ne=$('#js-add-library-select'),Be=$('#js-external-js'),Fe=$('#js-external-css');H.cm={},H.frame=je,H.demoFrameDocument=je.contentDocument||je.contentWindow.document,window.previewException=function(e){console.error('Possible infinite loop detected.',e.stack),window.onMessageFromConsole('Possible infinite loop detected.',e.stack)},window.onunload=function(){g('code'),H.detachedWindow&&H.detachedWindow.close()},H.setPreviewContent=function(e){if(!Ce.autoPreview)return;Ce.preserveConsoleLogs||H.clearConsole();var t={html:H.cm.html.getValue(),css:H.cm.css.getValue(),js:H.cm.js.getValue()};utils.log('\uD83D\uDD0E setPreviewContent',e);const s=H.detachedWindow?H.detachedWindow.document.querySelector('iframe'):je;if(!e&&t.html===Le.html&&t.js===Le.js)T().then(function(e){s.contentDocument.querySelector('#webmakerstyle')&&(s.contentDocument.querySelector('#webmakerstyle').textContent=e)});else{var i=A(),o=T(),a=D();Promise.all([i,o,a]).then(function(e){B(e[0],e[1],e[2])})}Le.html=t.html,Le.css=t.css,Le.js=t.js},H.cm.html=z(Ee,{mode:'htmlmixed',profile:'xhtml',gutters:['CodeMirror-linenumbers','CodeMirror-foldgutter'],noAutocomplete:!0,matchTags:{bothTags:!0},emmet:!0}),H.cm.css=z(xe,{mode:'css',gutters:['error-gutter','CodeMirror-linenumbers','CodeMirror-foldgutter'],emmet:!0}),Inlet(H.cm.css),H.cm.js=z(Me,{mode:'javascript',gutters:['error-gutter','CodeMirror-linenumbers','CodeMirror-foldgutter']}),Inlet(H.cm.js),H.consoleCm=CodeMirror(consoleLogEl,{mode:'javascript',lineWrapping:!0,theme:'monokai',foldGutter:!0,readOnly:!0,gutters:['CodeMirror-foldgutter']}),H.onModalSettingsLinkClick=function(){V(),trackEvent('ui','onboardSettingsBtnClick')},H.onShowInTabClicked=function(){trackEvent('ui','onboardShowInTabClick')},H.onDontShowInTabClicked=function(){trackEvent('ui','onboardDontShowInTabClick')},H.exportItems=function(t){q().then(()=>{b().then(function(e){var t=new Date,s=['web-maker-export',t.getFullYear(),t.getMonth()+1,t.getDate(),t.getHours(),t.getMinutes(),t.getSeconds()].join('-');s+='.json';var i=new Blob([JSON.stringify(e,!1,2)],{type:'application/json;charset=UTF-8'});utils.downloadFile(s,i),trackEvent('ui','exportBtnClicked')})}),t.preventDefault()},H.onImportBtnClicked=function(t){var e=document.createElement('input');e.type='file',e.style.display='none',e.accept='accept="application/json',document.body.appendChild(e),e.addEventListener('change',R),e.click(),trackEvent('ui','importBtnClicked'),t.preventDefault()},H.takeScreenshot=function(t){q().then(()=>{function e(t){var s=document.createElement('canvas'),i=je.getBoundingClientRect();s.width=i.width,s.height=i.height;var o=s.getContext('2d'),a=window.devicePixelRatio||1;o.drawImage(t,i.left*a,i.top*a,i.width*a,i.height*a,0,0,i.width,i.height),t.removeEventListener('load',e),W(s.toDataURL())}var t=document.createElement('style');t.textContent='[class*="hint"]:after, [class*="hint"]:before { display: none!important; }',document.body.appendChild(t),setTimeout(()=>{chrome.tabs.captureVisibleTab(null,{format:'png',quality:100},function(s){if(t.remove(),s){var i=new Image;i.src=s,i.addEventListener('load',()=>e(i,s))}})},50),trackEvent('ui','takeScreenshotBtnClick')}),t.preventDefault()},H.updateSetting=function(t){if(t){var s=t.target.dataset.setting,i={},o=t.target;utils.log(s,'checkbox'===o.type?o.checked:o.value),Ce[s]='checkbox'===o.type?o.checked:o.value,i[s]=Ce[s],db.sync.set(i,function(){e.add('Setting saved')}),window.user&&window.db.getDb().then((e)=>{e.collection('users').doc(window.user.uid).update({[`settings.${s}`]:Ce[s]}).then((e)=>{utils.log(`Setting "${s}" for user`,e)}).catch((e)=>utils.log(e))}),trackEvent('ui','updatePref-'+s,Ce[s])}runBtn.classList[Ce.autoPreview?'add':'remove']('hide'),Ee.querySelector('.CodeMirror').style.fontSize=Ce.fontSize,xe.querySelector('.CodeMirror').style.fontSize=Ce.fontSize,Me.querySelector('.CodeMirror').style.fontSize=Ce.fontSize,consoleEl.querySelector('.CodeMirror').style.fontSize=Ce.fontSize,indentationSizeValueEl.textContent=$('[data-setting=indentSize]').value,editorThemeLinkTag.href=`lib/codemirror/theme/${Ce.editorTheme}.css`,fontStyleTag.textContent=fontStyleTemplate.textContent.replace(/fontname/g,('other'===Ce.editorFont?Ce.editorCustomFont:Ce.editorFont)||'FiraCode'),customEditorFontInput.classList['other'===Ce.editorFont?'remove':'add']('hide'),['html','js','css'].forEach((e)=>{H.cm[e].setOption('indentWithTabs','spaces'!==$('[data-setting=indentWith]:checked').value),H.cm[e].setOption('blastCode',!!$('[data-setting=isCodeBlastOn]').checked&&{effect:2,shake:!1}),H.cm[e].setOption('indentUnit',+$('[data-setting=indentSize]').value),H.cm[e].setOption('tabSize',+$('[data-setting=indentSize]').value),H.cm[e].setOption('theme',$('[data-setting=editorTheme]').value),H.cm[e].setOption('keyMap',$('[data-setting=keymap]:checked').value),H.cm[e].setOption('lineWrapping',$('[data-setting=lineWrap]').checked),H.cm[e].refresh()}),H.consoleCm.setOption('theme',$('[data-setting=editorTheme]').value),H.acssSettingsCm.setOption('theme',$('[data-setting=editorTheme]').value),Ce.autoSave?!oe&&(oe=setInterval(m,15000)):(clearInterval(oe),oe=null),document.body.classList[Ce.lightVersion?'add':'remove']('light-version')},H.onNewBtnClick=function(){if(trackEvent('ui','newBtnClick'),re){var e=confirm('You have unsaved changes. Do you still want to create something new?');e&&C()}else C()},H.onOpenBtnClick=function(){trackEvent('ui','openBtnClick'),f()},H.onSaveBtnClick=function(){trackEvent('ui','saveBtnClick',le.id?'saved':'new'),c()},H.toggleModal=function(e){e.classList.toggle('is-modal-visible'),document.body.classList[e.classList.contains('is-modal-visible')?'add':'remove']('overlay-visible')},H.onSearchInputChange=function(t){const e=t.target.value;let s;for(const[i,o]of Object.entries(de))s=$(`#js-saved-items-pane [data-item-id=${i}]`),-1===o.title.toLowerCase().indexOf(e)?s.classList.add('hide'):s.classList.remove('hide');trackEvent('ui','searchInputType')},H.toggleConsole=function(){consoleEl.classList.toggle('is-minimized'),trackEvent('ui','consoleToggle')},H.clearConsole=window.clearConsole=function(){H.consoleCm.setValue(''),we=0,logCountEl.textContent=we},H.onClearConsoleBtnClick=function(){H.clearConsole(),trackEvent('ui','consoleClearBtnClick')},H.evalConsoleExpr=function(t){(76===t.which||12===t.which)&&t.ctrlKey?(H.clearConsole(),trackEvent('ui','consoleClearKeyboardShortcut')):13===t.which&&(window.onMessageFromConsole('> '+t.target.value),je.contentWindow._wmEvaluate(t.target.value),t.target.value='',trackEvent('fn','evalConsoleExpr'))},window.onMessageFromConsole=function(){[...arguments].forEach(function(e){e&&e.indexOf&&-1!==e.indexOf('filesystem:chrome-extension')&&(e=e.replace(/filesystem:chrome-extension.*\.js:(\d+):*(\d*)/g,'script $1:$2'));try{H.consoleCm.replaceRange(e+' '+((e+'').match(/\[object \w+]/)?JSON.stringify(e):'')+'\n',{line:Infinity})}catch(t){H.consoleCm.replaceRange('\uD83C\uDF00\n',{line:Infinity})}H.consoleCm.scrollTo(0,Infinity),we++}),logCountEl.textContent=we},H.openDetachedPreview=function(){if(trackEvent('ui','detachPreviewBtnClick'),H.detachedWindow)return void H.detachedWindow.focus();var e=je.getBoundingClientRect();const t=e.width,s=e.height;document.body.classList.add('is-detached-mode'),globalConsoleContainerEl.insertBefore(consoleEl,null),H.detachedWindow=window.open('./preview.html','Web Maker',`width=${t},height=${s},resizable,scrollbars=yes,status=1`),setTimeout(()=>{H.setPreviewContent(!0)},1500);var i=window.setInterval(function(){H.detachedWindow&&H.detachedWindow.closed&&(clearInterval(i),document.body.classList.remove('is-detached-mode'),$('#js-demo-side').insertBefore(consoleEl,null),H.detachedWindow=null,H.setPreviewContent(!0))},500)},H.openCssSettingsModal=function(){H.toggleModal(cssSettingsModal),setTimeout(()=>{H.acssSettingsCm.refresh(),H.acssSettingsCm.focus()},500),trackEvent('ui','cssSettingsBtnClick')},H.onModalCloseBtnClick=function(t){j(),t.preventDefault()},H.openSupportDeveloperModal=function(t){j(),H.toggleModal(pledgeModal),t&&trackEvent('ui',t.target.dataset.eventAction)},H.updateProfileUi=()=>{window.user?(document.body.classList.add('is-logged-in'),headerAvatarImg.src=profileAvatarImg.src=window.user.photoURL||'data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\'%3E%3Cpath fill=\'#ccc\' d=\'M12,19.2C9.5,19.2 7.29,17.92 6,16C6.03,14 10,12.9 12,12.9C14,12.9 17.97,14 18,16C16.71,17.92 14.5,19.2 12,19.2M12,5A3,3 0 0,1 15,8A3,3 0 0,1 12,11A3,3 0 0,1 9,8A3,3 0 0,1 12,5M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z\' /%3E%3C/svg%3E',profileUserName.textContent=window.user.displayName||'Anonymous Creator'):(document.body.classList.remove('is-logged-in'),headerAvatarImg.src=profileAvatarImg.src='',profileUserName.textContent='Anonymous Creator')},H.login=(t)=>{const e=t.target.dataset.authProvider;trackEvent('ui','loginProviderClick',e),window.login(e),t&&t.preventDefault()},H.logout=(t)=>{if(t.preventDefault(),re){var e=confirm('You have unsaved changes. Do you still want to logout?');if(!e)return}trackEvent('fn','loggedOut'),window.logout()},H.dontAskToImportAnymore=(t)=>{H.toggleModal(askToImportModal),window.localStorage[se.ASKED_TO_IMPORT_CREATIONS]=!0,t&&trackEvent('ui','dontAskToImportBtnClick')},H.importCreationsAndSettingsIntoApp=()=>{U(H.oldSavedItems).then(()=>{trackEvent('fn','oldItemsImported'),H.dontAskToImportAnymore()})},H.closeAllOverlays=j,function(){function t(e){return function(){return d('layoutMode',e),trackEvent('ui','toggleLayoutClick',e),n(e),!1}}function o(t){consoleEl.style.height=p+u-t.pageY+'px'}firebase.initializeApp({apiKey:'AIzaSyBl8Dz7ZOE7aP75mipYl2zKdLSRzBU2fFc',authDomain:'web-maker-app.firebaseapp.com',databaseURL:'https://web-maker-app.firebaseio.com',projectId:'web-maker-app',storageBucket:'web-maker-app.appspot.com',messagingSenderId:'560473480645'}),firebase.auth().onAuthStateChanged(function(t){H.closeAllOverlays(),t?(utils.log('You are -> ',t),e.add('You are now logged in!'),H.user=window.user=t,!window.localStorage[se.ASKED_TO_IMPORT_CREATIONS]&&window.oldSavedCreationsCountEl&&b(!1,!0).then((e)=>{e.length&&(H.oldSavedItems=e,window.oldSavedCreationsCountEl.textContent=e.length,H.toggleModal(askToImportModal),trackEvent('ui','askToImportModalSeen'))}),window.db.getUser(t.uid).then((e)=>{e&&(Object.assign(Ce,t.settings),K(),H.updateSetting())})):delete window.user,H.updateProfileUi()});var a;CodeMirror.modeURL=`lib/codemirror/mode/%N/%N.js`,window.db.local.get({lastAuthProvider:''},(e)=>{e.lastAuthProvider&&document.body.classList.add(`last-login-${e.lastAuthProvider}`)}),layoutBtn1.addEventListener('click',t(1)),layoutBtn2.addEventListener('click',t(2)),layoutBtn3.addEventListener('click',t(3)),layoutBtn4.addEventListener('click',t(4)),layoutBtn5.addEventListener('click',t(5)),notificationsBtn.addEventListener('click',function(){return H.toggleModal(notificationsModal),notificationsModal.classList.contains('is-modal-visible')&&!ve&&(ve=!0,notificationsBtn.classList.remove('has-new'),window.db.setUserLastSeenVersion(Y)),trackEvent('ui','notificationButtonClick',Y),!1}),codepenBtn.addEventListener('click',function(t){if(Se===Z.ACSS)return alert('Oops! CodePen doesn\'t supports Atomic CSS currently.'),void t.preventDefault();var e={title:'A Web Maker experiment',html:H.cm.html.getValue(),css:H.cm.css.getValue(),js:H.cm.js.getValue(),html_pre_processor:ee[be].codepenVal,css_pre_processor:ee[Se].codepenVal,js_pre_processor:ee[fe].codepenVal,css_external:Fe.value.split('\n').join(';'),js_external:Be.value.split('\n').join(';')};le.title.match(/Untitled\s\d\d*-\d/)||(e.title=le.title),e=JSON.stringify(e),Ie.querySelector('input').value=e,Ie.submit(),trackEvent('ui','openInCodepen'),t.preventDefault()}),utils.onButtonClick(saveHtmlBtn,function(){F(),trackEvent('ui','saveHtmlClick')}),utils.onButtonClick(Te,v),utils.onButtonClick(Ae,function(t){t.target.classList.contains('js-saved-item-tile')&&(setTimeout(function(){L(t.target.dataset.itemId)},350),v()),t.target.classList.contains('js-saved-item-tile__remove-btn')?k(t.target.parentElement.parentElement.dataset.itemId):t.target.classList.contains('js-saved-item-tile__fork-btn')&&(v(),setTimeout(function(){y(de[t.target.parentElement.parentElement.dataset.itemId])},350))}),_e.addEventListener('blur',function(){le.id&&(c(),trackEvent('ui','titleChanged'))}),$all('.js-mode-select').forEach((e)=>{e.addEventListener('change',function(t){var e=t.target.value,s=t.target.dataset.type,i='html'===s?be:'css'===s?Se:fe;i!==e&&('html'===s?x(e).then(()=>H.setPreviewContent(!0)):'js'===s?I(e).then(()=>H.setPreviewContent(!0)):'css'===s&&M(e).then(()=>H.setPreviewContent(!0)),trackEvent('ui','updateCodeMode',e))})});var r=$all('.js-code-collapse-btn');r.forEach(function(e){e.addEventListener('click',function(t){var e=t.currentTarget.parentElement.parentElement.parentElement;return i(e),trackEvent('ui','paneCollapseBtnClick',e.dataset.type),!1})}),[Ee,xe,Me].forEach(function(e){e.addEventListener('transitionend',function(){s()})}),window.addEventListener('keydown',function(e){(e.ctrlKey||e.metaKey)&&83===e.keyCode&&(e.preventDefault(),c(),trackEvent('ui','saveItemKeyboardShortcut')),(e.ctrlKey||e.metaKey)&&e.shiftKey&&53===e.keyCode?(e.preventDefault(),H.setPreviewContent(!0),trackEvent('ui','previewKeyboardShortcut')):(e.ctrlKey||e.metaKey)&&79===e.keyCode?(e.preventDefault(),f(),trackEvent('ui','openCreationKeyboardShortcut')):(e.ctrlKey||e.metaKey)&&e.shiftKey&&191===e.keyCode?(e.preventDefault(),H.toggleModal(keyboardShortcutsModal),trackEvent('ui','showKeyboardShortcutsShortcut')):27===e.keyCode&&j()}),Ae.addEventListener('keydown',function(e){if(!ke)return;const t=e.ctrlKey||e.metaKey,s=t&&70===e.keyCode,i=40===e.keyCode,o=38===e.keyCode,a=13===e.keyCode,n=$('.js-saved-item-tile.selected'),l=0!==$all('.js-saved-item-tile').length;if((i||o)&&l){const e=i?'nextUntil':'previousUntil';n?(n.classList.remove('selected'),n[e]('.js-saved-item-tile:not(.hide)').classList.add('selected')):$('.js-saved-item-tile:not(.hide)').classList.add('selected'),$('.js-saved-item-tile.selected').scrollIntoView(!1)}a&&n&&(setTimeout(function(){L(n.dataset.itemId)},350),v()),s&&(e.preventDefault(),setTimeout(function(){y(de[n.dataset.itemId])},350),v(),trackEvent('ui','forkKeyboardShortcut'))}),window.addEventListener('click',function(t){'string'!=typeof t.target.className||-1!==t.target.className.indexOf('modal-overlay')&&j()}),window.addEventListener('dblclick',function(t){var e=t.target;if(e.classList.contains('js-console__header')&&(H.toggleConsole(),trackEvent('ui','consoleToggleDblClick')),e.classList.contains('js-code-wrap__header')){var s=e.parentElement;i(s),trackEvent('ui','paneHeaderDblClick',s.dataset.type)}});var m=window.jsLibs.reduce((e,t)=>e+`<option data-type="${t.type}" value="${t.url}">${t.label}</option>`,'');Ne.children[1].innerHTML=m,m=window.cssLibs.reduce((e,t)=>e+`<option data-type="${t.type}" value="${t.url}">${t.label}</option>`,''),Ne.children[2].innerHTML=m,Ne.addEventListener('change',function(t){var e=t.target;e.value&&($('#js-external-'+e.selectedOptions[0].dataset.type).value+='\n'+e.value,trackEvent('ui','addLibrarySelect',e.selectedOptions[0].label),l(),e.value='')}),Be.addEventListener('blur',l),Fe.addEventListener('blur',l),new TextareaAutoComplete(Be,{filter:(e)=>e.latest.match(/\.js$/)}),new TextareaAutoComplete(Fe,{filter:(e)=>e.latest.match(/\.css$/)}),new TextareaAutoComplete(externalLibrarySearchInput,{selectedCallback:(e)=>{const t=e.match(/\.js$/)?Be:Fe;t.value=`${t.value}\n${e}`,externalLibrarySearchInput.value=''}});var u,p;$('.js-console__header').addEventListener('mousedown',(t)=>{u=t.pageY,p=consoleEl.getBoundingClientRect().height,$('#demo-frame').classList.add('pointer-none'),window.addEventListener('mousemove',o)}),$('.js-console__header').addEventListener('mouseup',()=>{window.removeEventListener('mousemove',o),$('#demo-frame').classList.remove('pointer-none')}),db.local.get({layoutMode:1,code:''},function(e){n(e.layoutMode),Ce.layoutMode=e.layoutMode,e.code&&(a=e.code)}),db.getSettings(J).then((e)=>{e.preserveLastCode&&a?(re=0,a.id&&window.IS_EXTENSION?db.local.get(a.id,function(e){e[a.id]&&(utils.log('Load item ',a.id),le=e[a.id],w())}):(utils.log('Load last unsaved item',a),le=a,w())):C(),Object.assign(Ce,e),K(),H.updateSetting()}),db.getUserLastSeenVersion().then((e)=>{e||(onboardModal.classList.add('is-modal-visible'),-1===document.cookie.indexOf('onboarded')&&(trackEvent('ui','onboardModalSeen',Y),document.cookie='onboarded=1'),window.db.setUserLastSeenVersion(Y)),e&&-1===utils.semverCompare(e,Y)&&!window.localStorage.pledgeModalSeen&&(H.openSupportDeveloperModal(),window.localStorage.pledgeModalSeen=!0),e&&-1!==utils.semverCompare(e,Y)||(notificationsBtn.classList.add('has-new'),ve=!1)}),H.acssSettingsCm=CodeMirror.fromTextArea(acssSettingsTextarea,{mode:'application/ld+json'}),H.acssSettingsCm.on('blur',()=>{H.setPreviewContent(!0)});var g='';['3024-day','3024-night','abcdef','ambiance','base2tone-meadow-dark','base16-dark','base16-light','bespin','blackboard','cobalt','colorforth','dracula','duotone-dark','duotone-light','eclipse','elegant','erlang-dark','hopscotch','icecoder','isotope','lesser-dark','liquibyte','material','mbo','mdn-like','midnight','monokai','neat','neo','night','panda-syntax','paraiso-dark','paraiso-light','pastel-on-dark','railscasts','rubyblue','seti','solarized dark','solarized light','the-matrix','tomorrow-night-bright','tomorrow-night-eighties','ttcn','twilight','vibrant-ink','xq-dark','xq-light','yeti','zenburn'].forEach((e)=>{g+='<option value="'+e+'">'+e+'</option>'}),document.querySelector('[data-setting="editorTheme"]').innerHTML=g,requestAnimationFrame(G)}()}(window.alertsService,window.itemService),function(e){function t(e){s&&(!e||e!==s)&&(s.classList.remove('open'),s=null)}var s;(function(){var i=e('[dropdown]');i.forEach(function(e){e.addEventListener('click',function(i){t(i.currentTarget),i.currentTarget.classList.toggle('open'),s=i.currentTarget,i.stopPropagation()})}),document.addEventListener('click',function(){t()})})()}($all);
\ No newline at end of file
diff --git a/app/service-worker.js b/app/service-worker.js
index d435fc0..b0d7f72 100644
--- a/app/service-worker.js
+++ b/app/service-worker.js
@@ -37,7 +37,7 @@
 /* eslint-disable indent, no-unused-vars, no-multiple-empty-lines, max-nested-callbacks, space-before-function-paren, quotes, comma-spacing */
 'use strict';
 
-var precacheConfig = [["FiraCode.ttf","fa1f8c8961adca519738d9518139579c"],["FixedSys.ttf","43cc87e8f9adba81b9d63b6e2d15db57"],["Inconsolata.ttf","b0639eb725c0df94f68b779889679457"],["Monoid.ttf","9b27db986ad2a74c522e9d3b6f7e2a63"],["detached-window.js","f05b0a0f2a8cc967028fb4f95f4a9614"],["icon-128.png","cf558ed413851d046b9dcc84c1d57543"],["icon-48.png","ca68956f464ed4fd2e09c66d5edaed5f"],["index.html","68a04657ca5351cd48c51487c51e4fff"],["lib/codemirror/mode/coffeescript/coffeescript.js","dea87b9f4c669789c4760605d947f1a9"],["lib/codemirror/mode/css/css.js","6c9ca32a78c120340e588ed3df734138"],["lib/codemirror/mode/css/gss.html","9afa6e2f3a7daa6127a3f26e2e68005c"],["lib/codemirror/mode/css/gss_test.js","e40c6fd9abdc6edc2b29e521bda726e1"],["lib/codemirror/mode/css/less.html","a35ff50857d48bb2f4df8ac737f35d64"],["lib/codemirror/mode/css/scss.html","8c96251f27727a9b23b45c41511e23a0"],["lib/codemirror/mode/haml/haml.js","9abc1679e0f54dcdd62d2326ed6133f5"],["lib/codemirror/mode/htmlembedded/htmlembedded.js","67f745ab3879bf7bc3029ac75ea3e181"],["lib/codemirror/mode/htmlmixed/htmlmixed.js","2d6915b576f267e93f0e1cf72f31af37"],["lib/codemirror/mode/javascript/javascript.js","3b2f1591e3175a24846cb182943f2a40"],["lib/codemirror/mode/javascript/json-ld.html","a2a5069194b78b6b5523cace263cab06"],["lib/codemirror/mode/javascript/typescript.html","76c2ffb883a133aa0fc5cc75ec0c56f5"],["lib/codemirror/mode/jsx/jsx.js","7bee6944931c2cc6ccd99b50fca637db"],["lib/codemirror/mode/markdown/markdown.js","30dd4984e2e929429d70cf5174b35c5d"],["lib/codemirror/mode/meta.js","6e456ea5fd8920c85d5281bd1efecb4c"],["lib/codemirror/mode/pug/pug.js","e988fd72c82f3b11836f6a06f7452436"],["lib/codemirror/mode/sass/sass.js","bd31ac70e9a457abc2789c2b83a21984"],["lib/codemirror/mode/stylus/stylus.js","81e2d281ecbb1dcf5c86857097ae60a7"],["lib/codemirror/mode/xml/xml.js","80f64aaafa6af7844d14f32f3219bb26"],["lib/codemirror/theme/3024-day.css","73c8f41583b4b71dbe1e5eac5c96f1a9"],["lib/codemirror/theme/3024-night.css","745180be9a932f24c6c0dd4ebdf5a0ed"],["lib/codemirror/theme/abcdef.css","8004cb71fd65e58bdfa64fdd55241315"],["lib/codemirror/theme/ambiance-mobile.css","256f2dd130b80c6afaa40fddf700d12a"],["lib/codemirror/theme/ambiance.css","6a200e1f3976929816cf3ac4675c810a"],["lib/codemirror/theme/base16-dark.css","84b6347918411d58d7f9b65a7ee87f65"],["lib/codemirror/theme/base16-light.css","037c7f3d16fe6d5ae2baa532e334172b"],["lib/codemirror/theme/base2tone-meadow-dark.css","f9dd12e2e51fc1575c57f3e5edc2232f"],["lib/codemirror/theme/bespin.css","cc414e4ec18bc89b3c79935b0e27fc20"],["lib/codemirror/theme/blackboard.css","cf9366960ff65c8101793bc64fe13e88"],["lib/codemirror/theme/cobalt.css","3488b576456693fd7ced2da0e10c8a16"],["lib/codemirror/theme/colorforth.css","b2ee8d2296277fc2811a7473ee4e9977"],["lib/codemirror/theme/dracula.css","e514d652ae86bfeaed34237b7d3afe44"],["lib/codemirror/theme/duotone-dark.css","02ec891b23125aaf625d978a39fd24ca"],["lib/codemirror/theme/duotone-light.css","608d11459665117d708651ce7f803fde"],["lib/codemirror/theme/eclipse.css","194369eec66630cfaf662ce5f0a193be"],["lib/codemirror/theme/elegant.css","0a4227e805a9d5f73a55dd248c1b052d"],["lib/codemirror/theme/erlang-dark.css","b5543f5273c968449760ab0d6a2af6dc"],["lib/codemirror/theme/hopscotch.css","b924ed31af30b1c68e5a01fc3c9b0553"],["lib/codemirror/theme/icecoder.css","576d776abdf7e28ea9f84e2eb161a20d"],["lib/codemirror/theme/isotope.css","7bb44bff5190c427de5ae750d6369633"],["lib/codemirror/theme/lesser-dark.css","da2c896bff035cec86fa98b6dc13f7cc"],["lib/codemirror/theme/liquibyte.css","9f37e7a4f3c02bec9bb735b78ed082d6"],["lib/codemirror/theme/material.css","11e812a3688805b5c187a6e6852bafe1"],["lib/codemirror/theme/mbo.css","55ff4bdd8a92c3dcbfd5421c532b3059"],["lib/codemirror/theme/mdn-like.css","79f8dabc5593d01d27bc824b801f9f05"],["lib/codemirror/theme/midnight.css","950e76dca6461ee1a2eac39f2d886613"],["lib/codemirror/theme/monokai.css","31c75ebee6311d49c046ffbbb91028f4"],["lib/codemirror/theme/neat.css","6b19894b9787c6791c250a95d0d4f8d6"],["lib/codemirror/theme/neo.css","2886072b53043c167e6f8765606c705c"],["lib/codemirror/theme/night.css","fe3ce7650a77e7e3887816dd7b6d880d"],["lib/codemirror/theme/panda-syntax.css","acbf94261e43c1f29c2252eb445de032"],["lib/codemirror/theme/paraiso-dark.css","3c24cee0dfac767713840b24e8359c99"],["lib/codemirror/theme/paraiso-light.css","e245bbfd22b4f61efe526ff13903f19e"],["lib/codemirror/theme/pastel-on-dark.css","48aae1a42733db57bd0a260ce0d83975"],["lib/codemirror/theme/railscasts.css","a5e7682d89da46244e5464d9572e24d8"],["lib/codemirror/theme/rubyblue.css","52bb601017a90bca522d66f6e82e73aa"],["lib/codemirror/theme/seti.css","f71668880eb1625f420ceaad670436f0"],["lib/codemirror/theme/solarized dark.css","4d05a166d713bb1ac24833061c1522d7"],["lib/codemirror/theme/solarized light.css","4d05a166d713bb1ac24833061c1522d7"],["lib/codemirror/theme/the-matrix.css","33c49ceeedafd0a08e712e465e3ad3ce"],["lib/codemirror/theme/tomorrow-night-bright.css","777d36e1c5bbfeb3bf2ca8dd607eee93"],["lib/codemirror/theme/tomorrow-night-eighties.css","5ceb5531fbe074d5190b55e8c725051e"],["lib/codemirror/theme/ttcn.css","d2cb74dfae563a10e9c286357429ea8b"],["lib/codemirror/theme/twilight.css","684040adf66ef89355cb7ebc6b54b00b"],["lib/codemirror/theme/vibrant-ink.css","f10004836fb29cc9a08c987d3e18938a"],["lib/codemirror/theme/xq-dark.css","60f162f0c4240e7352364d436b5598fa"],["lib/codemirror/theme/xq-light.css","447e80da7fe8c5c2bcf39127200cead2"],["lib/codemirror/theme/yeti.css","623dc805bc84dd6d25deef376593354e"],["lib/codemirror/theme/zenburn.css","94ad50bf3d048ed92cc513cd901dc685"],["lib/screenlog.js","974cb1ec0473b11ae4834028c1820816"],["lib/transpilers/atomizer.browser.js","c2925b84a627b017797664530f284618"],["lib/transpilers/babel-polyfill.min.js","6fef55c62df380d41c8f42f8b0c1f4da"],["lib/transpilers/babel.min.js","77a1a84bbc2661db874c738f9b3ba375"],["lib/transpilers/coffee-script.js","df68698ca5d438d7fb70c3c259155a37"],["lib/transpilers/jade.js","529e365c68f8d5efc4cea18be310bd76"],["lib/transpilers/less.min.js","6fd457ee80aaf9aa8758fe8a2345c970"],["lib/transpilers/marked.js","93163e72d380637970dc957c6cf75a77"],["lib/transpilers/sass.js","1263518af3f8b2090c9b08d195bd20d9"],["lib/transpilers/sass.worker.js","0d6c944b36008580fbedc09642f7f656"],["lib/transpilers/stylus.min.js","58f6030903ab52f596fb407dcd3df34f"],["lib/transpilers/typescript.js","cc0882a3185037052e21fa06a38ef077"],["partials/ask-to-import-modal.html","4c41c4fe11e4812ba6258d8e04d27d40"],["partials/changelog.html","7e89e726cc13e341d78afbb4d26aecd8"],["partials/help-modal.html","0c3bd392611acd4fa87823fbb4819e40"],["partials/keyboard-shortcuts.html","d7c4124380a4eeb18968d55276d19591"],["partials/login-modal.html","7bb43bece90a93308919fb00162ee669"],["partials/onboard-modal.html","e9597ff891a70080a418e98abf198a5d"],["partials/pledge-modal.html","13f16984222c6447fb830250a818b763"],["patreon.png","8b4321f782e84764e556af3dee32a131"],["preview.html","632a603a300de4922f0c30b6749d850a"],["script.js","a2002002cf4e4d229dba564c3681a91f"],["style.css","cd8c6d5974e02f928c7b27e97da758eb"],["vendor.css","6ed94306315b8aaf789c53091c23bb4b"],["vendor.js","4ef4adfb271eb1a554b06f70165fa6f0"]];
+var precacheConfig = [["FiraCode.ttf","fa1f8c8961adca519738d9518139579c"],["FixedSys.ttf","43cc87e8f9adba81b9d63b6e2d15db57"],["Inconsolata.ttf","b0639eb725c0df94f68b779889679457"],["Monoid.ttf","9b27db986ad2a74c522e9d3b6f7e2a63"],["detached-window.js","f05b0a0f2a8cc967028fb4f95f4a9614"],["icon-128.png","cf558ed413851d046b9dcc84c1d57543"],["icon-48.png","ca68956f464ed4fd2e09c66d5edaed5f"],["index.html","68a04657ca5351cd48c51487c51e4fff"],["lib/codemirror/mode/coffeescript/coffeescript.js","dea87b9f4c669789c4760605d947f1a9"],["lib/codemirror/mode/css/css.js","6c9ca32a78c120340e588ed3df734138"],["lib/codemirror/mode/css/gss.html","9afa6e2f3a7daa6127a3f26e2e68005c"],["lib/codemirror/mode/css/gss_test.js","e40c6fd9abdc6edc2b29e521bda726e1"],["lib/codemirror/mode/css/less.html","a35ff50857d48bb2f4df8ac737f35d64"],["lib/codemirror/mode/css/scss.html","8c96251f27727a9b23b45c41511e23a0"],["lib/codemirror/mode/haml/haml.js","9abc1679e0f54dcdd62d2326ed6133f5"],["lib/codemirror/mode/htmlembedded/htmlembedded.js","67f745ab3879bf7bc3029ac75ea3e181"],["lib/codemirror/mode/htmlmixed/htmlmixed.js","2d6915b576f267e93f0e1cf72f31af37"],["lib/codemirror/mode/javascript/javascript.js","3b2f1591e3175a24846cb182943f2a40"],["lib/codemirror/mode/javascript/json-ld.html","a2a5069194b78b6b5523cace263cab06"],["lib/codemirror/mode/javascript/typescript.html","76c2ffb883a133aa0fc5cc75ec0c56f5"],["lib/codemirror/mode/jsx/jsx.js","7bee6944931c2cc6ccd99b50fca637db"],["lib/codemirror/mode/markdown/markdown.js","30dd4984e2e929429d70cf5174b35c5d"],["lib/codemirror/mode/meta.js","6e456ea5fd8920c85d5281bd1efecb4c"],["lib/codemirror/mode/pug/pug.js","e988fd72c82f3b11836f6a06f7452436"],["lib/codemirror/mode/sass/sass.js","bd31ac70e9a457abc2789c2b83a21984"],["lib/codemirror/mode/stylus/stylus.js","81e2d281ecbb1dcf5c86857097ae60a7"],["lib/codemirror/mode/xml/xml.js","80f64aaafa6af7844d14f32f3219bb26"],["lib/codemirror/theme/3024-day.css","73c8f41583b4b71dbe1e5eac5c96f1a9"],["lib/codemirror/theme/3024-night.css","745180be9a932f24c6c0dd4ebdf5a0ed"],["lib/codemirror/theme/abcdef.css","8004cb71fd65e58bdfa64fdd55241315"],["lib/codemirror/theme/ambiance-mobile.css","256f2dd130b80c6afaa40fddf700d12a"],["lib/codemirror/theme/ambiance.css","6a200e1f3976929816cf3ac4675c810a"],["lib/codemirror/theme/base16-dark.css","84b6347918411d58d7f9b65a7ee87f65"],["lib/codemirror/theme/base16-light.css","037c7f3d16fe6d5ae2baa532e334172b"],["lib/codemirror/theme/base2tone-meadow-dark.css","f9dd12e2e51fc1575c57f3e5edc2232f"],["lib/codemirror/theme/bespin.css","cc414e4ec18bc89b3c79935b0e27fc20"],["lib/codemirror/theme/blackboard.css","cf9366960ff65c8101793bc64fe13e88"],["lib/codemirror/theme/cobalt.css","3488b576456693fd7ced2da0e10c8a16"],["lib/codemirror/theme/colorforth.css","b2ee8d2296277fc2811a7473ee4e9977"],["lib/codemirror/theme/dracula.css","e514d652ae86bfeaed34237b7d3afe44"],["lib/codemirror/theme/duotone-dark.css","02ec891b23125aaf625d978a39fd24ca"],["lib/codemirror/theme/duotone-light.css","608d11459665117d708651ce7f803fde"],["lib/codemirror/theme/eclipse.css","194369eec66630cfaf662ce5f0a193be"],["lib/codemirror/theme/elegant.css","0a4227e805a9d5f73a55dd248c1b052d"],["lib/codemirror/theme/erlang-dark.css","b5543f5273c968449760ab0d6a2af6dc"],["lib/codemirror/theme/hopscotch.css","b924ed31af30b1c68e5a01fc3c9b0553"],["lib/codemirror/theme/icecoder.css","576d776abdf7e28ea9f84e2eb161a20d"],["lib/codemirror/theme/isotope.css","7bb44bff5190c427de5ae750d6369633"],["lib/codemirror/theme/lesser-dark.css","da2c896bff035cec86fa98b6dc13f7cc"],["lib/codemirror/theme/liquibyte.css","9f37e7a4f3c02bec9bb735b78ed082d6"],["lib/codemirror/theme/material.css","11e812a3688805b5c187a6e6852bafe1"],["lib/codemirror/theme/mbo.css","55ff4bdd8a92c3dcbfd5421c532b3059"],["lib/codemirror/theme/mdn-like.css","79f8dabc5593d01d27bc824b801f9f05"],["lib/codemirror/theme/midnight.css","950e76dca6461ee1a2eac39f2d886613"],["lib/codemirror/theme/monokai.css","31c75ebee6311d49c046ffbbb91028f4"],["lib/codemirror/theme/neat.css","6b19894b9787c6791c250a95d0d4f8d6"],["lib/codemirror/theme/neo.css","2886072b53043c167e6f8765606c705c"],["lib/codemirror/theme/night.css","fe3ce7650a77e7e3887816dd7b6d880d"],["lib/codemirror/theme/panda-syntax.css","acbf94261e43c1f29c2252eb445de032"],["lib/codemirror/theme/paraiso-dark.css","3c24cee0dfac767713840b24e8359c99"],["lib/codemirror/theme/paraiso-light.css","e245bbfd22b4f61efe526ff13903f19e"],["lib/codemirror/theme/pastel-on-dark.css","48aae1a42733db57bd0a260ce0d83975"],["lib/codemirror/theme/railscasts.css","a5e7682d89da46244e5464d9572e24d8"],["lib/codemirror/theme/rubyblue.css","52bb601017a90bca522d66f6e82e73aa"],["lib/codemirror/theme/seti.css","f71668880eb1625f420ceaad670436f0"],["lib/codemirror/theme/solarized dark.css","4d05a166d713bb1ac24833061c1522d7"],["lib/codemirror/theme/solarized light.css","4d05a166d713bb1ac24833061c1522d7"],["lib/codemirror/theme/the-matrix.css","33c49ceeedafd0a08e712e465e3ad3ce"],["lib/codemirror/theme/tomorrow-night-bright.css","777d36e1c5bbfeb3bf2ca8dd607eee93"],["lib/codemirror/theme/tomorrow-night-eighties.css","5ceb5531fbe074d5190b55e8c725051e"],["lib/codemirror/theme/ttcn.css","d2cb74dfae563a10e9c286357429ea8b"],["lib/codemirror/theme/twilight.css","684040adf66ef89355cb7ebc6b54b00b"],["lib/codemirror/theme/vibrant-ink.css","f10004836fb29cc9a08c987d3e18938a"],["lib/codemirror/theme/xq-dark.css","60f162f0c4240e7352364d436b5598fa"],["lib/codemirror/theme/xq-light.css","447e80da7fe8c5c2bcf39127200cead2"],["lib/codemirror/theme/yeti.css","623dc805bc84dd6d25deef376593354e"],["lib/codemirror/theme/zenburn.css","94ad50bf3d048ed92cc513cd901dc685"],["lib/screenlog.js","974cb1ec0473b11ae4834028c1820816"],["lib/transpilers/atomizer.browser.js","c2925b84a627b017797664530f284618"],["lib/transpilers/babel-polyfill.min.js","6fef55c62df380d41c8f42f8b0c1f4da"],["lib/transpilers/babel.min.js","77a1a84bbc2661db874c738f9b3ba375"],["lib/transpilers/coffee-script.js","df68698ca5d438d7fb70c3c259155a37"],["lib/transpilers/jade.js","529e365c68f8d5efc4cea18be310bd76"],["lib/transpilers/less.min.js","6fd457ee80aaf9aa8758fe8a2345c970"],["lib/transpilers/marked.js","93163e72d380637970dc957c6cf75a77"],["lib/transpilers/sass.js","1263518af3f8b2090c9b08d195bd20d9"],["lib/transpilers/sass.worker.js","0d6c944b36008580fbedc09642f7f656"],["lib/transpilers/stylus.min.js","58f6030903ab52f596fb407dcd3df34f"],["lib/transpilers/typescript.js","cc0882a3185037052e21fa06a38ef077"],["partials/ask-to-import-modal.html","4c41c4fe11e4812ba6258d8e04d27d40"],["partials/changelog.html","5a9e57dad0f1737983c3820694c7e03f"],["partials/help-modal.html","a1754f84e341eb6bbf578c0d50ca0236"],["partials/keyboard-shortcuts.html","d7c4124380a4eeb18968d55276d19591"],["partials/login-modal.html","7bb43bece90a93308919fb00162ee669"],["partials/onboard-modal.html","e9597ff891a70080a418e98abf198a5d"],["partials/pledge-modal.html","13f16984222c6447fb830250a818b763"],["patreon.png","8b4321f782e84764e556af3dee32a131"],["preview.html","632a603a300de4922f0c30b6749d850a"],["script.js","e485f5458e5db53526764b9607281bae"],["style.css","cd8c6d5974e02f928c7b27e97da758eb"],["vendor.css","6ed94306315b8aaf789c53091c23bb4b"],["vendor.js","4ef4adfb271eb1a554b06f70165fa6f0"]];
 var cacheName = 'sw-precache-v3--' + (self.registration ? self.registration.scope : '');