Fix assorted comment typos (bigskysoftware#1590)

szepeviktor · web-flow · commit b085d8945976 · 2023-07-17T11:36:04.000-04:00
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -9,7 +9,7 @@
   behavior for now, but allowing people to fix it for their use cases by updating the `htmx.config.methodsThatUseUrlParams` config
   option.  Thank you to Alex and Vincent for their feedback and work on this issue!
 * The `this` symbol is now available in event filter expressions, and refers to the element the `hx-trigger` is on
-* Fix bug where the `htmx:afterSettle` event was raised multiple times with oob swaps occured
+* Fix bug where the `htmx:afterSettle` event was raised multiple times with oob swaps occurred
 * A large number of accessibility fixes were made in the docs (Thank you Denis & crew!)
 * Fixed bug w/ WebSocket extension initialization caused by "naked" `hx-trigger` feature
 * The `HX-Reselect` HTTP response header has been added to change the selection from the returned content
@@ -130,7 +130,7 @@
   to both of them without compromising the core file size of htmx.  You are encouraged to move over to the new 
   extensions, but `hx-sse` and `hx-ws` will continue to work indefinitely in htmx 1.x.
 * You can now mask out [attribute inheritance](/docs#inheritance) via the [`hx-disinherit`](https://htmx.org/attributes/hx-disinherit) attribute.
-* The `HX-Push` header can now have the `false` value, which will prevent a history snapshot from occuring.
+* The `HX-Push` header can now have the `false` value, which will prevent a history snapshot from occurring.
 * Many new extensions, with a big thanks to all the contributors!
     * A new [`alpine-morph`](/extensions/alpine-morph) allows you to use Alpine's swapping engine, which preserves Alpine
     * A [restored](/extensions/restored) extension was added that will trigger a `restore` event on all elements in the DOM
diff --git a/src/ext/preload.js b/src/ext/preload.js
@@ -96,7 +96,7 @@ htmx.defineExtension("preload", {
 			// Apply the listener to the node
 			node.addEventListener(on, function(evt) {
 				if (node.preloadState === "PAUSE") { // Only add one event listener
-					node.preloadState = "READY"; // Requred for the `load` function to trigger
+					node.preloadState = "READY"; // Required for the `load` function to trigger
 
 					// Special handling for "mouseover" events.  Wait 100ms before triggering load.
 					if (on === "mouseover") {
diff --git a/src/htmx.js b/src/htmx.js
@@ -227,7 +227,7 @@ return (function () {
          * @returns {boolean}
          */
         function matches(elt, selector) {
-            // @ts-ignore: non-standard properties for browser compatability
+            // @ts-ignore: non-standard properties for browser compatibility
             // noinspection JSUnresolvedVariable
             var matchesFunction = elt.matches || elt.matchesSelector || elt.msMatchesSelector || elt.mozMatchesSelector || elt.webkitMatchesSelector || elt.oMatchesSelector;
             return matchesFunction && matchesFunction.call(elt, selector);
@@ -285,7 +285,7 @@ return (function () {
             if (htmx.config.useTemplateFragments && partialResponse) {
                 var documentFragment = parseHTML("<body><template>" + resp + "</template></body>", 0);
                 // @ts-ignore type mismatch between DocumentFragment and Element.
-                // TODO: Are these close enough for htmx to use interchangably?
+                // TODO: Are these close enough for htmx to use interchangeably?
                 return documentFragment.querySelector('template').content;
             } else {
                 var startTag = getStartTag(resp);
diff --git a/test/attributes/hx-sse.js b/test/attributes/hx-sse.js
@@ -82,7 +82,7 @@ describe("hx-sse attribute", function() {
         byId("d1").innerHTML.should.equal("div1 updated");
     })
 
-    it('does not trigger events not on decendents', function () {
+    it('does not trigger events not on descendents', function () {
 
         this.server.respondWith("GET", "/d1", "div1 updated");
 
diff --git a/test/attributes/hx-trigger.js b/test/attributes/hx-trigger.js
@@ -525,7 +525,7 @@ describe("hx-trigger attribute", function(){
 
     });
 
-    it('consume prevents event propogation', function()
+    it('consume prevents event propagation', function()
     {
         this.server.respondWith("GET", "/foo", "foo");
         this.server.respondWith("GET", "/bar", "bar");
diff --git a/test/core/ajax.js b/test/core/ajax.js
@@ -670,7 +670,7 @@ describe("Core htmx AJAX Tests", function(){
         }
     });
 
-    it('script nodes do not evaluate when explicity marked as something other than javascript', function()
+    it('script nodes do not evaluate when explicitly marked as something other than javascript', function()
     {
         var globalWasCalled = false;
         window.callGlobal = function() {
diff --git a/test/ext/bad-extension.js b/test/ext/bad-extension.js
@@ -4,7 +4,7 @@ describe("bad extension", function() {
             transformResponse : function(text, xhr, elt) {throw "transformRequest"},
             isInlineSwap : function(swapStyle) {throw "isInlineSwap"},
             handleSwap : function(swapStyle, target, fragment, settleInfo) {throw "handleSwap"},
-            encodeParameters : function(xhr, parameters, elt) {throw "encodeParmeters"}
+            encodeParameters : function(xhr, parameters, elt) {throw "encodeParameters"}
         }
     )
     beforeEach(function () {
diff --git a/test/manual/head-support/index.html b/test/manual/head-support/index.html
@@ -93,13 +93,13 @@ <h2>Appending</h2>
 
 <h3><code>hx-preserve</code> keeps element in head</h3>
 <button hx-get="./preserve-1.html">Adds Preserved Style via hx-preserve</button>
-<p id="basic-perserve-1">
+<p id="basic-preserve-1">
     Basic Preserve 1
 </p>
 
 <h3>Normal GET appends</h3>
 <button hx-get="./preserve-2.html">Preserves Current Style via hx-get</button>
-<p id="basic-perserve-2">
+<p id="basic-preserve-2">
     Basic Preserve 2
 </p>
 
@@ -112,7 +112,7 @@ <h3>Script can keep element in head</h3>
     })
 </script>
 <button hx-get="./preserve-3.html">Adds Preserved Style via event</button>
-<p id="basic-perserve-3">
+<p id="basic-preserve-3">
     Basic Preserve 3
 </p>
 
diff --git a/test/manual/head-support/preserve-1.html b/test/manual/head-support/preserve-1.html
@@ -1,6 +1,6 @@
 <head>
     <style  hx-preserve="true">
-        #basic-perserve-1 {
+        #basic-preserve-1 {
             border: 3px solid red;
         }
     </style>
diff --git a/test/manual/head-support/preserve-2.html b/test/manual/head-support/preserve-2.html
@@ -1,6 +1,6 @@
 <head hx-swap-oob="beforeend">
     <style>
-        #basic-perserve-2 {
+        #basic-preserve-2 {
             border: 3px solid red;
         }
     </style>
diff --git a/test/manual/head-support/preserve-3.html b/test/manual/head-support/preserve-3.html
@@ -1,6 +1,6 @@
 <head>
     <style sample-preserve="true">
-        #basic-perserve-3 {
+        #basic-preserve-3 {
             border: 3px solid red;
         }
     </style>
diff --git a/test/realtime/README.md b/test/realtime/README.md
@@ -16,7 +16,7 @@ This listens for incoming WebSocket connections coming in to ws://localhost:1323
 
 ### Echo
 
-The echo endpont listens for incoming WebSocket connections coming in to `ws://localhost:1323/echo`.  When it receives messages from any WebSocket client, it responds with that same content wrapped as an OOB Swap.  So, if you post the message `Hello There. General Kenobi.` the server will respond with this: `<div id="idMessage" hx-swap-oob="true">Hello There. General Kenobi.</div>`
+The echo endpoint listens for incoming WebSocket connections coming in to `ws://localhost:1323/echo`.  When it receives messages from any WebSocket client, it responds with that same content wrapped as an OOB Swap.  So, if you post the message `Hello There. General Kenobi.` the server will respond with this: `<div id="idMessage" hx-swap-oob="true">Hello There. General Kenobi.</div>`
 
 ### Heartbeat
 

Original file line number	Diff line number	Diff line change
`@@ -525,7 +525,7 @@ describe("hx-trigger attribute", function(){`
`525`	`525`
`526`	`526`	`});`
`527`	`527`
`528`		`- it('consume prevents event propogation', function()`
	`528`	`+ it('consume prevents event propagation', function()`
`529`	`529`	`{`
`530`	`530`	`this.server.respondWith("GET", "/foo", "foo");`
`531`	`531`	`this.server.respondWith("GET", "/bar", "bar");`
Original file line number	Diff line number	Diff line change
`@@ -670,7 +670,7 @@ describe("Core htmx AJAX Tests", function(){`
`670`	`670`	`}`
`671`	`671`	`});`
`672`	`672`
`673`		`- it('script nodes do not evaluate when explicity marked as something other than javascript', function()`
	`673`	`+ it('script nodes do not evaluate when explicitly marked as something other than javascript', function()`
`674`	`674`	`{`
`675`	`675`	`var globalWasCalled = false;`
`676`	`676`	`window.callGlobal = function() {`
Original file line number	Diff line number	Diff line change
`@@ -4,7 +4,7 @@ describe("bad extension", function() {`
`4`	`4`	`transformResponse : function(text, xhr, elt) {throw "transformRequest"},`
`5`	`5`	`isInlineSwap : function(swapStyle) {throw "isInlineSwap"},`
`6`	`6`	`handleSwap : function(swapStyle, target, fragment, settleInfo) {throw "handleSwap"},`
`7`		`- encodeParameters : function(xhr, parameters, elt) {throw "encodeParmeters"}`
	`7`	`+ encodeParameters : function(xhr, parameters, elt) {throw "encodeParameters"}`
`8`	`8`	`}`
`9`	`9`	`)`
`10`	`10`	`beforeEach(function () {`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`<head>`
`2`	`2`	`<style hx-preserve="true">`
`3`		`- #basic-perserve-1 {`
	`3`	`+ #basic-preserve-1 {`
`4`	`4`	`border: 3px solid red;`
`5`	`5`	`}`
`6`	`6`	`</style>`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`<head hx-swap-oob="beforeend">`
`2`	`2`	`<style>`
`3`		`- #basic-perserve-2 {`
	`3`	`+ #basic-preserve-2 {`
`4`	`4`	`border: 3px solid red;`
`5`	`5`	`}`
`6`	`6`	`</style>`