Add codespell support (config, workflow to detect/not fix) and make it fix few typos

.codespellrc

@@ -0,0 +1,6 @@
+[codespell]
+# Ref: https://github.com/codespell-project/codespell#using-a-config-file
+skip = .git*,package-lock.json,*.css,*.min.*,.codespellrc,*.map,dist
+check-hidden = true
+ignore-regex = this\.browserMobile =.*
+ignore-words-list = incase

.github/workflows/codespell.yml

@@ -0,0 +1,25 @@
+# Codespell configuration is within .codespellrc
+---
+name: Codespell
+
+on:
+  push:
+    branches: [master]
+  pull_request:
+    branches: [master]
+
+permissions:
+  contents: read
+
+jobs:
+  codespell:
+    name: Check for spelling errors
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Annotate locations with typos
+        uses: codespell-project/codespell-problem-matcher@v1
+      - name: Codespell
+        uses: codespell-project/actions-codespell@v2

src/js/core/column/Column.js

@@ -324,7 +324,7 @@ export default class Column extends CoreFeature{
 		this.element.setAttribute("role", "columngroup");
 		this.element.setAttribute("aria-title", this.definition.title);
 
-		//asign additional css classes to column header
+		//assign additional css classes to column header
 		if(this.definition.cssClass){
 			var classNames = this.definition.cssClass.split(" ");
 			classNames.forEach((className) => {

src/js/core/defaults/options.js

@@ -15,7 +15,7 @@ export default {
 
 	popupContainer:false,
 
-	columns:[],//store for colum header info
+	columns:[],//store for column header info
 	columnDefaults:{}, //store column default props
 	rowHeader:false,
 

src/js/modules/DataTree/DataTree.js

@@ -26,7 +26,7 @@ export default class DataTree extends Module{
 		this.registerTableOption("dataTreeElementColumn", false);
 		this.registerTableOption("dataTreeBranchElement", true);//show data tree branch element
 		this.registerTableOption("dataTreeChildIndent", 9); //data tree child indent in px
-		this.registerTableOption("dataTreeChildField", "_children");//data tre column field to look for child rows
+		this.registerTableOption("dataTreeChildField", "_children");//data tree column field to look for child rows
 		this.registerTableOption("dataTreeCollapseElement", false);//data tree row collapse element
 		this.registerTableOption("dataTreeExpandElement", false);//data tree row expand element
 		this.registerTableOption("dataTreeStartExpanded", false);

src/js/modules/Edit/defaults/editors/date.js

@@ -52,7 +52,7 @@ export default function(cell, onRendered, success, cancel, editorParams){
 		if(DT){		
 			cellValue = convertDate(cellValue);			
 		}else{
-			console.error("Editor Error - 'date' editor 'format' param is dependant on luxon.js");
+			console.error("Editor Error - 'date' editor 'format' param is dependent on luxon.js");
 		}
 	}
 

src/js/modules/Edit/defaults/editors/datetime.js

@@ -39,7 +39,7 @@ export default function(cell, onRendered, success, cancel, editorParams){
 
 			cellValue = newDatetime.toFormat("yyyy-MM-dd")  + "T" + newDatetime.toFormat("HH:mm");
 		}else{
-			console.error("Editor Error - 'date' editor 'format' param is dependant on luxon.js");
+			console.error("Editor Error - 'date' editor 'format' param is dependent on luxon.js");
 		}
 	}
 

src/js/modules/Edit/defaults/editors/time.js

@@ -40,7 +40,7 @@ export default function(cell, onRendered, success, cancel, editorParams){
 			cellValue = newDatetime.toFormat("HH:mm");
 
 		}else{
-			console.error("Editor Error - 'date' editor 'format' param is dependant on luxon.js");
+			console.error("Editor Error - 'date' editor 'format' param is dependent on luxon.js");
 		}
 	}
 

src/js/modules/Format/defaults/formatters/datetime.js

@@ -32,6 +32,6 @@ export default function(cell, formatterParams, onRendered){
 			}
 		}
 	}else{
-		console.error("Format Error - 'datetime' formatter is dependant on luxon.js");
+		console.error("Format Error - 'datetime' formatter is dependent on luxon.js");
 	}
 }

src/js/modules/Format/defaults/formatters/datetimediff.js

@@ -36,6 +36,6 @@ export default function (cell, formatterParams, onRendered) {
 			}
 		}
 	}else{
-		console.error("Format Error - 'datetimediff' formatter is dependant on luxon.js");
+		console.error("Format Error - 'datetimediff' formatter is dependent on luxon.js");
 	}
 }

src/js/modules/GroupRows/GroupRows.js

@@ -276,7 +276,7 @@ export default class GroupRows extends Module{
 
 			this.trackChanges();
 		}else{
-			console.warn("Grouping Update - cant refresh view, no groups have been set");
+			console.warn("Grouping Update - can't refresh view, no groups have been set");
 		}
 	}
 
@@ -289,7 +289,7 @@ export default class GroupRows extends Module{
 
 			this.trackChanges();
 		}else{
-			console.warn("Grouping Update - cant refresh view, no groups have been set");
+			console.warn("Grouping Update - can't refresh view, no groups have been set");
 		}
 	}
 

src/js/modules/MoveRows/MoveRows.js

@@ -475,7 +475,7 @@ export default class MoveRows extends Module{
 		});
 	}
 
-	//accept incomming connection
+	//accept incoming connection
 	connect(table, row){
 		if(!this.connectedTable){
 			this.connectedTable = table;

src/js/modules/Persistence/defaults/readers.js

@@ -1,4 +1,4 @@
-// read persistance information from storage
+// read persistence information from storage
 export default {
 	local:function(id, type){
 		var data = localStorage.getItem(id + "-" + type);

src/js/modules/Sort/defaults/sorters/datetime.js

@@ -39,6 +39,6 @@ export default function(a, b, aRow, bRow, column, dir, params){
 		return emptyAlign;
 
 	}else{
-		console.error("Sort Error - 'datetime' sorter is dependant on luxon.js");
+		console.error("Sort Error - 'datetime' sorter is dependent on luxon.js");
 	}
 }

src/scss/themes/bootstrap/functions5.scss

@@ -65,7 +65,7 @@
 }
 // stylelint-enable scss/dollar-variable-pattern
 
-@function varify($list) {
+@function verify($list) {
   $result: null;
   @each $entry in $list {
     $result: append($result, var(--#{$variable-prefix}#{$entry}), space);

src/scss/themes/bootstrap/variables4.scss

@@ -900,7 +900,7 @@ $carousel-control-icon-width:       20px !default;
 $carousel-control-prev-icon-bg:     str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"), "#", "%23") !default;
 $carousel-control-next-icon-bg:     str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"), "#", "%23") !default;
 
-$carousel-transition:               transform .6s ease !default; // Define transform transition first if using multiple transitons (e.g., `transform 2s ease, opacity .5s ease-out`)
+$carousel-transition:               transform .6s ease !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)
 
 
 // Close

src/scss/themes/semanticui/tabulator_semanticui.scss

@@ -287,7 +287,7 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
 		}
 	}
 
-	//coloured table varients
+	//coloured table variants
 	/* Red */
 	&.red {
 		border-top: $coloredBorderSize solid $red;