Merge remote-tracking branch 'origin/master' into v5

src/components/AddLibrary.jsx

@@ -129,7 +129,7 @@ export default class AddLibrary extends Component {
 							https://cdnjs.cloudflare.com, https://unpkg.com,
 							https://maxcdn.com, https://cdn77.com,
 							https://maxcdn.bootstrapcdn.com, https://cdn.jsdelivr.net/,
-							https://rawgit.com, https://wzrd.in
+							https://rawgit.com, https://wzrd.in, https://cdn.tailwindcss.com
 						</p>
 
 						<textarea

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}>
-				<NotificationItem>
+			<Notification version="4.2.0" {...props} isLatest={true}>
+				<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

@@ -79,7 +79,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 = {};
@@ -1806,7 +1806,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,12 +1,12 @@
 {
 	"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",
 	"permissions": ["storage", "tabs", "<all_urls>"],
 	"optional_permissions": ["downloads"],
-	"content_security_policy": "script-src 'self' filesystem: http://localhost:* https://localhost:* https://apis.google.com 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/ https://*.stripe.com/ https://builds.framerjs.com/ https://rawgit.com https://wzrd.in https://www.gstatic.com https://semantic-ui.com https://www.google-analytics.com 'unsafe-eval'; object-src 'self'",
+	"content_security_policy": "script-src 'self' filesystem: http://localhost:* https://localhost:* https://apis.google.com 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/ https://*.stripe.com/ https://builds.framerjs.com/ https://rawgit.com https://wzrd.in https://www.gstatic.com https://semantic-ui.com https://www.google-analytics.com https://cdn.tailwindcss.com 'unsafe-eval'; object-src 'self'",
 	"options_ui": {
 		"page": "options.html",
 		"chrome_style": true