Merge pull request #490 from chinchang/RELEASE-v4.2.0

Release v4.2.0

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "web-maker",
-	"version": "4.0.3",
+	"version": "4.2.0",
 	"description": "A blazing fast & offline web playground",
 	"scripts": {
 		"start": "npm run -s dev && gulp start-preview-server",

src/components/Notifications.jsx

@@ -36,7 +36,7 @@ function Notification({ version, isLatest, ...props }) {
 					<p>
 						<strong>🎉 New Product!</strong> If you like Web Maker, you'll
 						probably also like a new product I launched. It's the first ever
-						code-golfing game for CSS ->{' '}
+						code-golfing game for CSS -&gt;{' '}
 						<a href="https://cssbattle.dev" target="_blank">
 							CSSBattle
 						</a>
@@ -114,8 +114,14 @@ export function Notifications(props) {
 	return (
 		<div>
 			<h1>Whats new?</h1>
-			<Notification version="4.0.3" {...props} isLatest={true}>
+			<Notification version="4.2.0" {...props} isLatest={true}>
-				<NotificationItem>
+				<li>
+					Tailwind CSS now added to popular libraries list. Thanks
+					<a href="https://github.com/LoganDark"> @LoganDark</a>
+				</li>
+			</Notification>
+			<Notification version="4.0.3" {...props}>
+				<NotificationItem type="bug">
 					Broken syntax highlighting in non-default Preprocessors.
 				</NotificationItem>
 			</Notification>
@@ -517,7 +523,7 @@ export function Notifications(props) {
 					<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 ->
+						out -&gt;
 						<a
 							href="https://webmaker.app/app/"
 							target="_blank"

src/components/app.jsx

@@ -77,7 +77,7 @@ const LocalStorageKeys = {
 	ASKED_TO_IMPORT_CREATIONS: 'askedToImportCreations'
 };
 const UNSAVED_WARNING_COUNT = 15;
-const version = '4.0.3';
+const version = '4.2.0';
 
 // Read forced settings as query parameters
 window.forcedSettings = {};
@@ -1779,7 +1779,6 @@ export default class App extends Component {
 
 					<CommandPalette
 						show={this.state.isCommandPaletteOpen}
-						closeHandler={() => this.setState({ isCommandPaletteOpen: false })}
 						files={linearizeFiles(this.state.currentItem.files || [])}
 						isCommandMode={this.state.isCommandPaletteInCommandMode}
 						closeHandler={() => this.setState({ isCommandPaletteOpen: false })}

src/manifest.json

@@ -1,6 +1,6 @@
 {
 	"name": "Web Maker",
-	"version": "4.0.3",
+	"version": "4.2.0",
 	"manifest_version": 2,
 	"description": "Blazing fast & offline playground for your web experiments",
 	"homepage_url": "https://webmaker.app",