Merge pull request #230 from chinchang/2.9.4

2.9.4

scripts/generate-atomizer-web.sh

@@ -0,0 +1,8 @@
+npm install atomizer
+touch atomizer.js
+echo "require('atomizer');" > atomizer.js
+webpack --output-library Atomizer --output-library-target umd atomizer atomizer-web.js
+uglifyjs atomizer-web.js --compress > atomizer-web.min.js
+echo 'window.atomizer = new Atomizer();' >> atomizer-web.min.js
+mv atomizer-web.min.js src/lib/atomizer.browser.js
+rm atomizer-web.js atomizer.js

src/changelog.html

@@ -6,6 +6,20 @@
 
 <h1>Whats new?</h1>
 
+<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>
+		
+		<br>
+		<li><strong>🚀 Announcement</strong>: Web Maker has a <a href="https://gitter.im/web-maker-app/Lobby" target="_blank">chat lobby on Gitter</a> now - incase you need any help or just want to say Hi!</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" href="https://www.paypal.me/kushagragour" target="_blank" class="btn btn-icon">Support the developer</a></li>
+	</ul>
+</div>
+
 <div class="notification">
 	<span class="notification__version">2.9.3</span>
 	<ul>
@@ -20,11 +34,6 @@
 		<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>
-		
-		<br>
-		<li><strong>🚀 Announcement</strong>: Web Maker has a <a href="https://gitter.im/web-maker-app/Lobby" target="_blank">chat lobby on Gitter</a> now - incase you need any help or just want to say Hi!</li>
-		<li><a href="https://github.com/chinchang/web-maker/issues" target="_blank">Suggest features or report bugs.</a></li>
-		<li>Thank you for being a part of this community of thousands 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" href="https://www.paypal.me/kushagragour" target="_blank" class="btn btn-icon">Support the developer</a></li>
 	</ul>
 </div>
 

src/script.js

@@ -1840,13 +1840,17 @@ globalConsoleContainerEl
 					'script $1:$2'
 				);
 			}
-			scope.consoleCm.replaceRange(
+			try {
-				arg +
+				scope.consoleCm.replaceRange(
-					' ' +
+					arg +
-					((arg + '').match(/\[object \w+]/) ? JSON.stringify(arg) : '') +
+						' ' +
-					'\n',
+						((arg + '').match(/\[object \w+]/) ? JSON.stringify(arg) : '') +
-				{ line: Infinity }
+						'\n',
-			);
+					{ line: Infinity }
+				);
+			} catch (e) {
+				scope.consoleCm.replaceRange('🌀\n', { line: Infinity });
+			}
 			scope.consoleCm.scrollTo(0, Infinity);
 			logCount++;
 		});

src/style.css

@@ -309,7 +309,7 @@ body > #demo-frame {
 	/*line-height: 20px;*/
 }
 .footer {
-	z-index: 1;
+	z-index: 6; // Because .console is 6
 }
 .main-header {
 	display: flex;
@@ -896,7 +896,7 @@ transition: 0.25s ease;
 }
 .console {
 	background: var(--color-bg);
-	z-index: 1; /* bring above iframe */
+	z-index: 6; /* bring above iframe & codemirror and also scrollbar in codemirror */
 	position: absolute;
 	bottom: 0;
 	min-height: 80px;
@@ -977,4 +977,4 @@ while the theme CSS file is loading */
     color: #D1EDFF;
 }
 .cm-s-midnight .CodeMirror-gutters { background: #0F192A; border-right: 1px solid; }
-.cm-s-midnight .CodeMirror-activeline-background { background: #253540; }
+.cm-s-midnight .CodeMirror-activeline-background { background: #253540; }