Added What's New! banner

Author: adamcarheden

CHANGELOG.md

@@ -1,16 +1,96 @@
-New Major Coding With Chrome Update
-====================================
+<!-- markdownlint-disable -->
+2019-1-21 16:44:06 -v5.10.16
 
-1/9/2019, 1:34:51 PM -v5.10.16
+Welcome to Coding with Chrome 5.16.10
+=====================================
+
+In this version we have a lot for you to try.
+
+* [AIY](https://aiyprojects.withgoogle.com/) Support
+
+   AIY is a cardboard machine learning kit that Coding with Chrome can now
+   control for you. Want to try some object recognition (have the computer
+   look at a picture and tell you what's in it)? Or just make it go 'beep'?
+   Try the AIY mode now!
+
+* Tutorial Engine
+
+  Coding with Chrome now has built-in interactive tutorials. We'll walk you
+  through getting started with the user interface, Blockly, JavaScript and
+  [SVG](https://en.wikipedia.org/wiki/Scalable_Vector_Graphics). Look for the
+  *Tutorials* header in the Blockly, AIY and Programming/JavaScript sections.
+
+* [Google Classroom](https://edu.google.com/intl/en/products/classroom/?modal_active=none)
+  Improvements
+
+  Does tour teacher have new assignments for you in
+  [Google Classroom](https://edu.google.com/intl/en/products/classroom/?modal_active=none)?
+  You can now open them directly from the Coding with Chrome menu. Make sure
+  you log in using the person icon in the upper right of Coding with Chrome to
+  see the *Open Google Classroom* menu option.
+
+* [Bluetooth BLE](https://en.wikipedia.org/wiki/Bluetooth_Low_Energy) support
+
+  We now support Bluetooth 4 (BLE) robots too, including the SPRK+. Try it out!
+
+You can learn about lots of other minor changes in the change log below, pulled
+directly from our [Open Source code repository on
+Github](https://github.com/google/coding-with-chrome). Check there to see how
+Coding with Chrome is built.
+
+Please send comments and suggestions to
+[[email protected]](mailto:[email protected]).
+
+Thanks!
 
 Recent Changelog
 ----------------
 
-commit da956d3db9b9d8fa633436248d6523b77714b4a9
-Author: Ashley Gau <[email protected]>
-Date:   Wed Dec 12 11:57:44 2018 -0800
+commit 42de1848bc5af4a43518f78e9e8216560e18895e (HEAD, whats-new)
+Author: Adam Carheden <[email protected]>
+Date:   Mon Jan 21 12:18:07 2019 -0700
+
+    Added What's New! banner
+
+commit 8d9afb801fafb41280986bec86a39b10748af794 (upstream/master, origin/master, origin/HEAD, master)
+Author: Markus Bordihn <[email protected]>
+Date:   Mon Jan 21 18:41:27 2019 +0100
+
+    Fixed Google Drive integration issues.
+    There are still some remaining issues.
+
+commit 833b2a93ae748fa6d83243c9cccf912104e31a65
+Author: Markus Bordihn <[email protected]>
+Date:   Fri Jan 18 17:19:15 2019 +0100
+
+    Fixed Google Classroom and Google Cloud integration.
+    Note: Seems Google Drive integration get's broken and needs to be fixed.
+
+commit 35e468f4d62d3395179345076c385e90d7956d93
+Author: Markus Bordihn <[email protected]>
+Date:   Thu Jan 17 17:34:34 2019 +0100
+
+    Update main-debug.js
+
+commit 32d76c07042302167a49b6c29eec57712a900f1e
+Author: Markus Bordihn <[email protected]>
+Date:   Thu Jan 17 17:31:01 2019 +0100
+
+    Fixed smaller issues and compiler warnings.
+
+commit 3de1ee8feeced5f047dfce02994d774eaa0d63d5
+Author: Adam Carheden <[email protected]>
+Date:   Thu Jan 17 09:13:29 2019 -0700
+
+    Moved AIY and Tutorial cards out of experimental (#209)
+
+    - Fixed bug displaying feedback for SVG tutorial
 
-    add changelog as built file
+commit b5d7f3683ae386a3284b652d1616a63b9e0c59e2
+Author: Ashley Gau <[email protected]>
+Date:   Thu Jan 10 15:27:51 2019 -0800
+
+    Add changelog as built file (#203)
 
 commit 8d0697d7462d2599bc82b61ed0f16eb0b4ebb476
 Author: Markus Bordihn <[email protected]>
@@ -39,55 +119,4 @@ Date:   Wed Dec 12 16:14:59 2018 +0000
     * Add warning about Joy Demo
     * Disable Joy Demo when connecting
     * add default timeout
-
-commit 59ce036b0bbee82acf1352dbd45c63ac330b262a
-Author: Adam Carheden <[email protected]>
-Date:   Thu Nov 29 15:12:39 2018 -0700
-
-    Added tour functionality to tutorial (#204)
-
-commit ad2830838b0871a2891a58dbaa54fe28fb7c9209
-Author: Markus Bordihn <[email protected]>
-Date:   Tue Nov 27 15:21:32 2018 +0100
-
-    Update DEVELOPMENT.md
-
-commit 8d20d847efb2a22de858a7dae0c0728d916f8527
-Author: Markus Bordihn <[email protected]>
-Date:   Fri Nov 23 16:20:34 2018 +0100
-
-    Updated dependencies for blockly, brython, codemirror and phaser-ce.
-
-commit e80bae217c744943c0f93cbbd43dfc43ca284d3e
-Author: Chan <[email protected]>
-Date:   Sun Nov 11 20:56:08 2018 +0800
-
-    Added Chinese Translation (#202)
-
-    * Create _zho.js
-    * Added Chinese Translation
-    * Update blockly.js
-    * Update connect_screen.js
-    * Update console.js
-    * Update general.js
-    * Update library.js
-    * Update welcome_screen.js
-    * Update status.js
-    * Update sidebar.js
-    * Update setting_screen.js
-    * Update select_screen.js
-    * Update navigation.js
-
-commit b7012489ae96cd64513521fffea7bab520ded812
-Author: Chan <[email protected]>
-Date:   Sun Nov 11 20:54:57 2018 +0800
-
-    Added Chinese Blockly files (#201)
-
-commit 5d49534ef4c9efa156a68f45e9250d01e6d34a38
-Author: Chan <[email protected]>
-Date:   Sun Nov 11 20:53:21 2018 +0800
-
-    Added Chinese Translation build rules (#200)
-
 [Show all](https://github.com/google/coding-with-chrome/commits/master)

build/cwc/changelog.js

@@ -18,17 +18,40 @@
  * @author [email protected] (Ashley Gau)
  */
 const fs = require('fs');
+const path = require('path');
 
 const date = new Date(Date.now()).toLocaleString();
 const version = '5.10.16';
-const commits = require('child_process').execSync('git --no-pager log -10');
+const commits = require('child_process').execSync('git --no-pager log -10')
+  .toString('utf8').trim().replace(/[ \t]+$/gm, '');
 
-fs.writeFile('CHANGELOG.md',
-`New Major Coding With Chrome Update
-====================================
+const whats_new_path = path.join(__dirname, '../../static_files/whats_new',
+  `${version}.md`);
 
+let whats_new_md = false;
+try {
+  fs.accessSync(whats_new_path, fs.constants.F_OK | fs.constants.R_OK);
+} catch (err) {
+  console.warn(`
+
+'${whats_new_path}' doesn't exist or isn't readable.
+
+Consider writing release notes before releasing.
+
+`);
+  whats_new_md = '';
+}
+if (whats_new_md === false) {
+  whats_new_md = fs.readFileSync(whats_new_path, 'utf8').trim();
+}
+
+const changelog_md = 'CHANGELOG.md';
+fs.writeFile(changelog_md,
+`<!-- markdownlint-disable -->
 ${date} -v${version}
 
+${whats_new_md}
+
 Recent Changelog
 ----------------
 
@@ -40,5 +63,5 @@ ${commits}
         return console.log(err);
     }
 
-    console.log('The file was saved!');
+    console.log(`Wrote '${changelog_md}'`);
 });

locales/eng/select_screen.js

@@ -24,6 +24,7 @@ Locales['eng']['SELECT_SCREEN'] = {
   'BLUETOOTH_WEB_NOT_AVAILABLE': 'Required Web Bluetooth support is not available.',
   'LOAD_FILE': 'Load {$title}',
   'USE': 'Use',
+  'ENABLE_WHATS_NEW': 'Show notification when a new version is installed.',
 };
 
 

locales/eng/translation.js

@@ -223,6 +223,7 @@ Object.assign(Locales['eng'], {
   'Rectangle example': 'Rectangle example',
   'Redo last change': 'Redo last change',
   'Refresh preview': 'Refresh preview',
+  'released, check out the new features!': 'released, check out the new features!',
   'Reload preview': 'Reload preview',
   'Rename variable...': 'Rename variable...',
   'Render': 'Render',

package.json

@@ -91,7 +91,7 @@
     "launch:win-experimental": "echo && \"C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe\" --profile-directory=Default --load-and-launch-app=%CD%\\dist\\chrome_os --enable-logging --v=1 --no-first-run --enable-experimental-web-platform-features",
     "lint": "npm run lint-javascript && npm run lint-markdown",
     "lint-javascript": "eslint .",
-    "lint-markdown": "markdownlint doc/ training/ *.md src/**/*.md",
+    "lint-markdown": "markdownlint doc/ training/ *.md src/**/*.md static_files/whats_new/**/*.md",
     "nw-app": "npm run build:core && npm run build:nw_app && npm run launch:nw",
     "nw-app-debug": "npm run build:core && npm run build:nw_app_debug && npm run launch:nw",
     "postpublish:nw_app-linux": "node build/binary/linux.js",

src/config/user_config.js

@@ -49,12 +49,14 @@ cwc.userConfigName = {
   HTML5: 'html5',
   JAVASCRIPT: 'javascript',
   LANGUAGE: 'language',
+  LAST_WHATS_NEW_VERSION: 'last_whats_new_version',
   LEGO: 'lego',
   MAKEBLOCK: 'makeblock',
   PENCIL_CODE: 'pencil_code',
   PREVIOUS_VERSION: 'previous_version',
   PYTHON: 'python',
   SKIP_WELCOME: 'skip_welcome',
+  SKIP_WHATS_NEW: 'skip_whats_new',
   SPHERO: 'sphero',
   WORKBENCH_FETCH: 'workbench_fetch',
   ZOOM: 'zoom',

src/ui/select_screen/advanced/advanced.soy

@@ -25,6 +25,7 @@
  */
 {template .template}
   {@param prefix: string}
+  {@param version: string}
 
   <div class="{$prefix}overview mdl-layout mdl-js-layout">
 
@@ -89,6 +90,7 @@
         {param active: true /}
         {param id: 'overview' /}
         {param content kind="html"}
+          {call cwc.soy.SelectScreen.whatsNew data="all" /}
           {call .overview data="all" /}
         {/param}
       {/call}

src/ui/select_screen/normal/normal.soy

@@ -25,6 +25,7 @@
  */
 {template .template}
   {@param prefix: string}
+  {@param version: string}
 
   <div class="{$prefix}overview mdl-layout mdl-js-layout">
 
@@ -65,6 +66,7 @@
         {param active: true /}
         {param id: 'overview' /}
         {param content kind="html"}
+          {call cwc.soy.SelectScreen.whatsNew data="all" /}
           {call .overview data="all" /}
         {/param}
       {/call}

src/ui/select_screen/select_screen.gss

@@ -295,3 +295,28 @@
   left: 15%;
   background-color: rgb(255,64,129);
 }
+
+#{$prefix}select-screen-whats_new .mdl-button {
+	width: 95%;
+}
+
+#{$prefix}select-screen-whats_new-close {
+	float: right;
+	max-width: fit-content;
+}
+
+#{$prefix}select-screen-whats_new .mdl-grid {
+	max-width: fit-content;
+	padding: 0;
+}
+
+#{$prefix}select-screen-whats_new label {
+	max-width: fit-content;
+	margin: auto;
+}
+
+#{$prefix}select-screen-whats_new .mdl-checkbox__label {
+	font-size: 1rem;
+	color: rgba(0,0,0,.54);
+}
+