Fix typos in comments and add a spellchecker script for future use

Signed-off-by: Andras Timar <[email protected]>
Change-Id: I8ff63197b0b7c2102caf7f08f7e37db1028778be

Author: timar

browser/admin/src/AdminClusterOverview.js

@@ -88,7 +88,7 @@ var AdminClusterOverview = AdminSocketBase.extend({
         if (server.podname) {
             cardTitle.textContent = server.podname;
         } else {
-            console.warn('podname doesnot exist, using serverId instead of podname on card title');
+            console.warn('podname does not exist, using serverId instead of podname on card title');
             cardTitle.textContent = server.serverId;
         }
         cardHeader.appendChild(cardTitle);
@@ -406,7 +406,7 @@ var AdminClusterOverview = AdminSocketBase.extend({
         if (server.podname) {
             anchor.textContent = server.podname;
         } else {
-            console.warn('podname doesnot exist, using serverId instead of podname on anchor tag');
+            console.warn('podname does not exist, using serverId instead of podname on anchor tag');
             anchor.textContent = server.serverId;
         }
         return anchor;

browser/css/cool.css

@@ -37,7 +37,7 @@
 	--tb-min-fs-u: 11;
 	/* tab max font-size */
 	--tb-max-fs: 16px;
-	/* tab max font-size wihtout units*/
+	/* tab max font-size without units*/
 	--tb-max-fs-u: 16;
 	/* tab font-size preferred value or scaler */
 	--tb-fs-s: 1vw;

browser/css/device-mobile.css

@@ -557,7 +557,7 @@ textarea.cool-annotation-textarea {
 #mobile-wizard.popup #busylabel {
 	border-bottom: none !important;
 	font-size: 100% !important;
-	/* inherits margin top and bototm from jsdialogs.css */
+	/* inherits margin top and bottom from jsdialogs.css */
 	margin-inline: 2px !important;
 }
 
@@ -592,7 +592,7 @@ textarea.cool-annotation-textarea {
 	margin-bottom: 24px;
 }
 
-/* Feeback dialog */
+/* Feedback dialog */
 .iframe-dialog-wrap {
 	left: 0;
 	top: 0;
@@ -604,7 +604,7 @@ textarea.cool-annotation-textarea {
 .iframe-dialog-modal {
 	position: absolute;
 	width: 100%;
-	height: 564px; /* incrase height to account for stacked buttons*/
+	height: 564px; /* increase height to account for stacked buttons*/
 	bottom: 0;
 }
 @media  only screen
@@ -638,7 +638,7 @@ textarea.cool-annotation-textarea {
 	flex-direction: column;
 }
 
-/* hide not usefull style options on mobile */
+/* hide not useful style options on mobile */
 div#fontstyletoolbox + div#style.mobile-wizard {
 	display: none !important;
 }

browser/css/jsdialogs.css

@@ -1005,7 +1005,7 @@ input[type='number']:hover::-webkit-outer-spin-button {
 }
 
 .modalpopup[id$='-dropdown'] {
-	/* submenu is inserted into the same overlay, dont make it relative to parent */
+	/* submenu is inserted into the same overlay, don't make it relative to parent */
 	position: absolute !important;
 }
 
@@ -1350,7 +1350,7 @@ input[type='number']:hover::-webkit-outer-spin-button {
 	color: #636363 !important;
 }
 
-/* Dialog-specific excelptions*/
+/* Dialog-specific exceptions */
 #DefineNameDialog .cell.jsdialog,
 #ManageNamesDialog .cell.jsdialog {
 	padding-left: 0px;
@@ -1378,7 +1378,7 @@ input[type='number']:hover::-webkit-outer-spin-button {
 	display: none;
 }
 
-/* Macros dialos */
+/* Macros dialog */
 
 #MacroWarnMedium label {
 	max-width: 400px;

browser/css/menubar.css

@@ -23,7 +23,7 @@
 	display: none;
 }
 
-/* hide documen-header to free up space when using narrow windows */
+/* hide document-header to free up space when using narrow windows */
 @media screen and (max-width: 800px) {
 	.main-nav.hasnotebookbar:not(.readonly) #document-header {
 		display: none !important;

browser/js/Autolinker.js

@@ -205,7 +205,7 @@ if (typeof ResizeObserver === 'undefined') {
                     // Schedule new call to be in invoked when the pending one is resolved.
                     // This is important for "transitions" which never actually start
                     // immediately so there is a chance that we might miss one if change
-                    // happens amids the pending invocation.
+                    // happens amidst the pending invocation.
                     trailingCall = true;
                 }
                 else {

browser/js/ResizeObserverPolyfill.js

@@ -637,7 +637,7 @@ function getInitializerClass() {
 					}
 				});
 			};
-			
+
 			processObject(settingJSON);
 
 			global.prefs._localStorageCache = {};
@@ -656,7 +656,7 @@ function getInitializerClass() {
 				return;
 			}
 
-			// we do not remove the old value, both for downgrades and incase we split an old global preference to a per-app one
+			// we do not remove the old value, both for downgrades and in case we split an old global preference to a per-app one
 			global.localStorage.setItem(newName, oldValue);
 		},
 
@@ -958,7 +958,7 @@ function getInitializerClass() {
 		/// may be useful to supplement hasAnyTouchscreen or hasPrimaryTouchscreen for, for example, determining UI or
 		///   hitboxes after a tap in a place where you can't sensibly figure out whether the direct trigger was a
 		///   touchscreen. Examples might be click events that are roundtripped through core
-		/// is null when no touch or click events have yet occured, true when the last touch or click event was from a
+		/// is null when no touch or click events have yet occurred, true when the last touch or click event was from a
 		///   touchscreen, and false when the last touch or click event was from a mouse
 		/// is updated with active listeners during the capture phase of the <html> element, so should be done before
 		///   most other event processing takes place
@@ -969,7 +969,7 @@ function getInitializerClass() {
 		/// touch event
 		lastEventTime: null,
 
-		/// detect if the last event was a touch event, or if no events have yet occured whether we have a touchscreen
+		/// detect if the last event was a touch event, or if no events have yet occurred whether we have a touchscreen
 		///   available to us. Should be able to replace uses of hasAnyTouchscreen for uses where we are OK with the
 		///   result being less stable
 		currentlyUsingTouchscreen: function() {

browser/js/global.js

@@ -1799,7 +1799,7 @@ class CanvasSectionContainer {
 		this.context.setTransform(1, 0, 0, 1, 0, 0);
 
 		var subsetBounds: cool.Bounds = null;
-		// if there is a tileSubset we only want to draw the miniumum region of its bounds
+		// if there is a tileSubset we only want to draw the minimum region of its bounds
 		if (tileSubset) {
 			const tileSection: cool.TilesSection = (this.getSectionWithName(L.CSections.Tiles.name) as any) as cool.TilesSection;
 			if (tileSection && this.shouldDrawSection((tileSection as any) as CanvasSectionObject)) {

browser/src/canvas/CanvasSectionContainer.ts

@@ -821,7 +821,7 @@ export class CommentSection extends app.definitions.canvasSectionObject {
 			// Select the root comment
 			var idx = this.getRootIndexOf(annotation.sectionProperties.data.id);
 
-			// no need to reselect comment, it will cuase to scroll to root comment unnecessarily
+			// no need to reselect comment, it will cause to scroll to root comment unnecessarily
 			if (this.sectionProperties.selectedComment === this.sectionProperties.commentList[idx]) {
 				this.update();
 				return;
@@ -2219,7 +2219,7 @@ export class CommentSection extends app.definitions.canvasSectionObject {
 						if (actHeight > maxMaxHeight) {
 							actHeight = maxMaxHeight;
 						}
-						// if _leaflet_pos are not calculated (undefined) then dont do it (leave the comment at default size)
+						// if _leaflet_pos are not calculated (undefined) then don't do it (leave the comment at default size)
 						if (typeof this.sectionProperties.commentList[i].sectionProperties.container._leaflet_pos !== 'undefined'
 							 && (i+1 >= this.sectionProperties.commentList.length
 							 || typeof this.sectionProperties.commentList[i+1].sectionProperties.container._leaflet_pos !== 'undefined'))