GRIT: put <if> and <include> behind comments in .js files to make syntactically valid JS

chrome/browser/resources/settings/about_page/about_page.js

 // Copyright 2016 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * @fileoverview 'settings-about-page' contains version and OS related
  * information.
  */
 Polymer({
   is: 'settings-about-page',
 
   behaviors: [WebUIListenerBehavior, MainPageBehavior, I18nBehavior],
 
   properties: {
     /** @private {?UpdateStatusChangedEvent} */
     currentUpdateStatusEvent_: {
       type: Object,
       value: {message: '', progress: 0, status: UpdateStatus.DISABLED},
     },
 
-<if expr="chromeos">
+// <if expr="chromeos">
     /** @private */
     hasCheckedForUpdates_: {
       type: Boolean,
       value: false,
     },
 
     /** @private {!BrowserChannel} */
     currentChannel_: String,
 
     /** @private {!BrowserChannel} */
     targetChannel_: String,
 
     /** @private {?RegulatoryInfo} */
     regulatoryInfo_: Object,
-</if>
+// </if>
 
-<if expr="_google_chrome and is_macosx">
+// <if expr="_google_chrome and is_macosx">
     /** @private {!PromoteUpdaterStatus} */
     promoteUpdaterStatus_: Object,
-</if>
+// </if>
 
     /** @private {!{obsolete: boolean, endOfLine: boolean}} */
     obsoleteSystemInfo_: {
       type: Object,
       value: function() {
         return {
           obsolete: loadTimeData.getBoolean('aboutObsoleteNowOrSoon'),
           endOfLine: loadTimeData.getBoolean('aboutObsoleteEndOfTheLine'),
         };
       },
     },
 
     /** @private */
     showUpdateStatus_: Boolean,
 
     /** @private */
     showButtonContainer_: Boolean,
 
     /** @private */
     showRelaunch_: Boolean,
 
-<if expr="chromeos">
+// <if expr="chromeos">
     /** @private */
     showRelaunchAndPowerwash_: {
       type: Boolean,
       computed: 'computeShowRelaunchAndPowerwash_(' +
           'currentUpdateStatusEvent_, targetChannel_)',
     },
 
     /** @private */
     showCheckUpdates_: {
       type: Boolean,
       computed: 'computeShowCheckUpdates_(currentUpdateStatusEvent_)',
     },
-</if>
+// </if>
   },
 
   observers: [
-<if expr="not chromeos">
+// <if expr="not chromeos">
     'updateShowUpdateStatus_(' +
         'obsoleteSystemInfo_, currentUpdateStatusEvent_)',
     'updateShowRelaunch_(currentUpdateStatusEvent_)',
     'updateShowButtonContainer_(showRelaunch_)',
-</if>
+// </if>
 
-<if expr="chromeos">
+// <if expr="chromeos">
     'updateShowUpdateStatus_(' +
         'obsoleteSystemInfo_, currentUpdateStatusEvent_,' +
         'hasCheckedForUpdates_)',
     'updateShowRelaunch_(currentUpdateStatusEvent_, targetChannel_,' +
         'currentChannel_)',
     'updateShowButtonContainer_(' +
         'showRelaunch_, showRelaunchAndPowerwash_, showCheckUpdates_)',
-</if>
+// </if>
   ],
 
 
   /** @private {?settings.AboutPageBrowserProxy} */
   aboutBrowserProxy_: null,
 
   /** @private {?settings.LifetimeBrowserProxy} */
   lifetimeBrowserProxy_: null,
 
   /** @override */
   attached: function() {
     this.aboutBrowserProxy_ = settings.AboutPageBrowserProxyImpl.getInstance();
     this.aboutBrowserProxy_.pageReady();
 
     this.lifetimeBrowserProxy_ =
         settings.LifetimeBrowserProxyImpl.getInstance();
 
-<if expr="chromeos">
+// <if expr="chromeos">
     this.addEventListener('target-channel-changed', function(e) {
       this.targetChannel_ = e.detail;
     }.bind(this));
 
     this.aboutBrowserProxy_.getChannelInfo().then(function(info) {
       this.currentChannel_ = info.currentChannel;
       this.targetChannel_ = info.targetChannel;
       this.startListening_();
     }.bind(this));
 
     this.aboutBrowserProxy_.getRegulatoryInfo().then(function(info) {
       this.regulatoryInfo_ = info;
     }.bind(this));
-</if>
-<if expr="not chromeos">
+// </if>
+// <if expr="not chromeos">
     this.startListening_();
-</if>
+// </if>
   },
 
   /** @private */
   startListening_: function() {
     this.addWebUIListener(
         'update-status-changed',
         this.onUpdateStatusChanged_.bind(this));
-<if expr="_google_chrome and is_macosx">
+// <if expr="_google_chrome and is_macosx">
     this.addWebUIListener(
         'promotion-state-changed',
         this.onPromoteUpdaterStatusChanged_.bind(this));
-</if>
+// </if>
     this.aboutBrowserProxy_.refreshUpdateStatus();
   },
 
   /**
    * @param {!UpdateStatusChangedEvent} event
    * @private
    */
   onUpdateStatusChanged_: function(event) {
-<if expr="chromeos">
+// <if expr="chromeos">
     if (event.status == UpdateStatus.CHECKING)
       this.hasCheckedForUpdates_ = true;
-</if>
+// </if>
     this.currentUpdateStatusEvent_ = event;
   },
 
-<if expr="_google_chrome and is_macosx">
+// <if expr="_google_chrome and is_macosx">
   /**
    * @param {!PromoteUpdaterStatus} status
    * @private
    */
   onPromoteUpdaterStatusChanged_: function(status) {
     this.promoteUpdaterStatus_ = status;
   },
 
   /**
    * If #promoteUpdater isn't disabled, trigger update promotion.
    * @private
    */
   onPromoteUpdaterTap_: function() {
     // This is necessary because #promoteUpdater is not a button, so by default
     // disable doesn't do anything.
     if (this.promoteUpdaterStatus_.disabled)
       return;
     this.aboutBrowserProxy_.promoteUpdater();
   },
 
   /**
    * @param {!Event} event
    * @private
    */
   onLearnMoreTap_: function(event) {
     // Stop the propagation of events, so that clicking on links inside
     // actionable items won't trigger action.
     event.stopPropagation();
   },
-</if>
+// </if>
 
   /** @private */
   onHelpTap_: function() {
     this.aboutBrowserProxy_.openHelpPage();
   },
 
   /** @private */
   onRelaunchTap_: function() {
     this.lifetimeBrowserProxy_.relaunch();
   },
 
   /** @private */
   updateShowUpdateStatus_: function() {
-<if expr="chromeos">
+// <if expr="chromeos">
     // Assume the "updated" status is stale if we haven't checked yet.
     if (this.currentUpdateStatusEvent_.status == UpdateStatus.UPDATED &&
         !this.hasCheckedForUpdates_) {
       this.showUpdateStatus_ = false;
       return;
     }
-</if>
+// </if>
     this.showUpdateStatus_ =
         this.currentUpdateStatusEvent_.status != UpdateStatus.DISABLED &&
         !this.obsoleteSystemInfo_.endOfLine;
   },
 
   /**
    * Hide the button container if all buttons are hidden, otherwise the
    * container displayes an unwanted border (see secondary-action class).
    * @private
    */
   updateShowButtonContainer_: function() {
-<if expr="not chromeos">
+// <if expr="not chromeos">
     this.showButtonContainer_ = this.showRelaunch_;
-</if>
-<if expr="chromeos">
+// </if>
+// <if expr="chromeos">
     this.showButtonContainer_ = this.showRelaunch_ ||
         this.showRelaunchAndPowerwash_ || this.showCheckUpdates_;
-</if>
+// </if>
   },
 
   /** @private */
   updateShowRelaunch_: function() {
-<if expr="not chromeos">
+// <if expr="not chromeos">
     this.showRelaunch_ = this.checkStatus_(UpdateStatus.NEARLY_UPDATED);
-</if>
-<if expr="chromeos">
+// </if>
+// <if expr="chromeos">
     this.showRelaunch_ = this.checkStatus_(UpdateStatus.NEARLY_UPDATED) &&
         !this.isTargetChannelMoreStable_();
-</if>
+// </if>
   },
 
   /**
    * @return {string}
    * @private
    */
   getUpdateStatusMessage_: function() {
     switch (this.currentUpdateStatusEvent_.status) {
       case UpdateStatus.CHECKING:
         return this.i18n('aboutUpgradeCheckStarted');
       case UpdateStatus.NEARLY_UPDATED:
-<if expr="chromeos">
+// <if expr="chromeos">
         if (this.currentChannel_ != this.targetChannel_)
           return this.i18n('aboutUpgradeSuccessChannelSwitch');
-</if>
+// </if>
         return this.i18n('aboutUpgradeRelaunch');
       case UpdateStatus.UPDATED:
         return this.i18n('aboutUpgradeUpToDate');
       case UpdateStatus.UPDATING:
         assert(typeof this.currentUpdateStatusEvent_.progress == 'number');
         var progressPercent = this.currentUpdateStatusEvent_.progress + '%';
 
-<if expr="chromeos">
+// <if expr="chromeos">
         if (this.currentChannel_ != this.targetChannel_) {
           return this.i18n('aboutUpgradeUpdatingChannelSwitch',
               this.i18n(settings.browserChannelToI18nId(this.targetChannel_)),
               progressPercent);
         }
-</if>
+// </if>
         if (this.currentUpdateStatusEvent_.progress > 0) {
           // NOTE(dbeam): some platforms (i.e. Mac) always send 0% while
           // updating (they don't support incremental upgrade progress). Though
           // it's certainly quite possible to validly end up here with 0% on
           // platforms that support incremental progress, nobody really likes
           // seeing that they're 0% done with something.
           return this.i18n('aboutUpgradeUpdatingPercent', progressPercent);
         }
         return this.i18n('aboutUpgradeUpdating');
       default:
@@ skipping 46 matching lines @@
 
   /**
    * @param {!UpdateStatus} status
    * @return {boolean}
    * @private
    */
   checkStatus_: function(status) {
     return this.currentUpdateStatusEvent_.status == status;
   },
 
-<if expr="chromeos">
+// <if expr="chromeos">
   /**
    * @return {boolean}
    * @private
    */
   isTargetChannelMoreStable_: function() {
     assert(this.currentChannel_.length > 0);
     assert(this.targetChannel_.length > 0);
     return settings.isTargetChannelMoreStable(
         this.currentChannel_, this.targetChannel_);
   },
@@ skipping 32 matching lines @@
         this.checkStatus_(UpdateStatus.FAILED);
   },
 
   /**
    * @return {boolean}
    * @private
    */
   shouldShowRegulatoryInfo_: function() {
     return this.regulatoryInfo_ !== null;
   },
-</if>
+// </if>
 
   /** @private */
   onProductLogoTap_: function() {
     this.$['product-logo'].animate({
       transform: ['none', 'rotate(-10turn)'],
     }, {
       duration: 500,
       easing: 'cubic-bezier(1, 0, 0, 1)',
     });
   },
 
-<if expr="_google_chrome">
+// <if expr="_google_chrome">
   /** @private */
   onReportIssueTap_: function() {
     this.aboutBrowserProxy_.openFeedbackDialog();
   },
-</if>
+// </if>
 });