Fix Typos (#7286)

bin/packages/build.js

@@ -6,7 +6,7 @@
  */
 
 /**
- * External Dependenceis
+ * External dependencies
  */
 const fs = require( 'fs' );
 const path = require( 'path' );

bin/packages/get-packages.js

@@ -1,5 +1,5 @@
 /**
- * External Dependenceis
+ * External dependencies
  */
 const fs = require( 'fs' );
 const path = require( 'path' );

blocks/api/templates.js

@@ -32,7 +32,7 @@ export function doBlocksMatchTemplate( blocks = [], template = [] ) {
 /**
  * Synchronize a block list with a block template.
  *
- * Synchronnizing a block list with a block template means that we loop over the blocks
+ * Synchronizing a block list with a block template means that we loop over the blocks
  * keep the block as is if it matches the block at the same position in the template
  * (If it has the same name) and if doesn't match, we create a new block based on the template.
  * Extra blocks not present in the template are removed.

components/autocomplete/index.js

@@ -295,7 +295,7 @@ export class Autocomplete extends Component {
 		this.reset();
 	}
 
-	// this method is separate so it can be overrided in tests
+	// this method is separate so it can be overridden in tests
 	getCursor( container ) {
 		const selection = window.getSelection();
 		if ( selection.isCollapsed ) {
@@ -312,7 +312,7 @@ export class Autocomplete extends Component {
 		return null;
 	}
 
-	// this method is separate so it can be overrided in tests
+	// this method is separate so it can be overridden in tests
 	createRange( startNode, startOffset, endNode, endOffset ) {
 		const range = document.createRange();
 		range.setStart( startNode, startOffset );
@@ -375,7 +375,7 @@ export class Autocomplete extends Component {
 		const allowAnything = () => true;
 		let endTextNode;
 		let endIndex;
-		// search backwards to find the first preceeding space or non-text node.
+		// search backwards to find the first preceding space or non-text node.
 		if ( isTextNode( cursor.node ) ) { // TEXT node
 			endTextNode = cursor.node;
 			endIndex = cursor.offset;

components/code-editor/README.md

@@ -57,7 +57,7 @@ editor. It is passed the new value as an argument.
 
 ### settings
 
-The settings object used to intialize the WordPress code editor. The object contains all of the settings for the editor, including specific settings for CodeMirror. This object is passed into `wp.codeEditor.intialize()`. If you do not specify a settings object, `window._wpGutenbergCodeEditorSettings` will be used instead.
+The settings object used to initialize the WordPress code editor. The object contains all of the settings for the editor, including specific settings for CodeMirror. This object is passed into `wp.codeEditor.initialize()`. If you do not specify a settings object, `window._wpGutenbergCodeEditorSettings` will be used instead.
 
 If you are extending `window._wpGutenbergCodeEditorSettings` make sure to clone the object using `Object.assign` or something similar instead of modifying it directly so the default settings remain the same.
 
@@ -76,7 +76,7 @@ const settings = Object.assign(  {
 
 ### editorRef
 
-A reference to the instance of CodeMirror intiailized when the editor is loaded so that it can be dynamically updated from a parent component.
+A reference to the instance of CodeMirror initialized when the editor is loaded so that it can be dynamically updated from a parent component.
 
 `editorRef={ ( ref ) => this.editorInstance = ref }`
 

components/dropdown/index.js

@@ -1,10 +1,10 @@
 /**
- * WordPress Dependeencies
+ * WordPress dependencies
  */
 import { Component } from '@wordpress/element';
 
 /**
- * Internal Dependencies
+ * Internal dependencies
  */
 import Popover from '../popover';
 

components/higher-order/with-api-data/index.js

@@ -165,7 +165,7 @@ export default ( mapPropsToData ) => createHigherOrderComponent( ( WrappedCompon
 			const mapping = mapPropsToData( props, this.routeHelpers );
 			const nextDataProps = reduce( mapping, ( result, path, propName ) => {
 				// Skip if mapping already assigned into state data props
-				// Exmaple: Component updates with one new prop and other
+				// Example: Component updates with one new prop and other
 				// previously existing; previously existing should not be
 				// clobbered or re-trigger fetch
 				const dataProp = dataProps[ propName ];
@@ -182,7 +182,7 @@ export default ( mapPropsToData ) => createHigherOrderComponent( ( WrappedCompon
 				}
 
 				route.methods.forEach( ( method ) => {
-					// Add request initiater into data props
+					// Add request initiator into data props
 					const requestKey = this.getRequestKey( method );
 					result[ propName ][ requestKey ] = this.request.bind(
 						this,

components/keyboard-shortcuts/README.md

@@ -28,7 +28,7 @@ class SelectAllDetection extends Component {
 	render() {
 		return (
 			<div>
-				<KeyboardShorcuts shortcuts={ {
+				<KeyboardShortcuts shortcuts={ {
 					'mod+a': this.setAllSelected,
 				} } />
 				Combination pressed? { isAllSelected ? 'Yes' : 'No' }

components/popover/utils.js

@@ -6,7 +6,7 @@ const HEIGHT_OFFSET = 10; // used by the arrow and a bit of empty space
 const isMobileViewport = () => window.innerWidth < 782;
 
 /**
- * Utilitity used to compute the popover position over the xAxis
+ * Utility used to compute the popover position over the xAxis
  *
  * @param {Object} anchorRect       Anchor Rect.
  * @param {Object} contentSize      Content Size.
@@ -71,7 +71,7 @@ export function computePopoverXAxisPosition( anchorRect, contentSize, xAxis, cho
 }
 
 /**
- * Utilitity used to compute the popover position over the yAxis
+ * Utility used to compute the popover position over the yAxis
  *
  * @param {Object} anchorRect       Anchor Rect.
  * @param {Object} contentSize      Content Size.
@@ -83,7 +83,7 @@ export function computePopoverXAxisPosition( anchorRect, contentSize, xAxis, cho
 export function computePopoverYAxisPosition( anchorRect, contentSize, yAxis ) {
 	const { height } = contentSize;
 
-	// y axis aligment choices
+	// y axis alignment choices
 	const anchorMidPoint = anchorRect.top + ( anchorRect.height / 2 );
 	const middleAlignment = {
 		popoverTop: anchorMidPoint,
@@ -133,7 +133,7 @@ export function computePopoverYAxisPosition( anchorRect, contentSize, yAxis ) {
 }
 
 /**
- * Utilitity used to compute the popover position and the content max width/height for a popover
+ * Utility used to compute the popover position and the content max width/height for a popover
  * given its anchor rect and its content size.
  *
  * @param {Object} anchorRect       Anchor Rect.

components/slot-fill/provider.js

@@ -38,7 +38,7 @@ class SlotFillProvider extends Component {
 		this.slots[ name ] = slot;
 		this.forceUpdateFills( name );
 
-		// Sometimes the fills are registered after the intial render of slot
+		// Sometimes the fills are registered after the initial render of slot
 		// But before the registerSlot call, we need to rerender the slot
 		this.forceUpdateSlot( name );
 	}

docs/reference/design-principles.md

@@ -216,7 +216,7 @@ This concept is speculative, but it's one direction Gutenberg could go in the fu
 
 ## More resources
 
-If you'd like to contribute, you can download a Sketch file of the Gutenberg mockups. Note that those are still mockups, and not 1:1 accurate. It is also possibole that the Sketch files aren't up-to-date with the latest Gutenberg itself, as development sometimes moves faster than our updating of the Sketch files!
+If you'd like to contribute, you can download a Sketch file of the Gutenberg mockups. Note that those are still mockups, and not 1:1 accurate. It is also possible that the Sketch files aren't up-to-date with the latest Gutenberg itself, as development sometimes moves faster than our updating of the Sketch files!
 
 **<a href="https://cloudup.com/c8Rbgsgg3nq">Download Sketch mockups & patterns files</a>**.
 

docs/reference/repository-management.md

@@ -44,9 +44,9 @@ We put issues into [milestones](https://github.com/wordpress/gutenberg/milestone
 - [Merge Proposal: Rest API](https://github.com/WordPress/gutenberg/milestone/39): All issues related to merge proposal for the Rest API
 - [Merge Proposal: Accessibility](https://github.com/WordPress/gutenberg/milestone/43): All accessibility issues related to merge proposal.
 - [Merge Proposal: Media](https://github.com/WordPress/gutenberg/milestone/42): All issues related to merge proposal for the media component.
-- [Merge Proposal: Documentation](https://github.com/WordPress/gutenberg/milestone/50): All issues related to documenation for the merge proposal.
+- [Merge Proposal: Documentation](https://github.com/WordPress/gutenberg/milestone/50): All issues related to documentation for the merge proposal.
 - [Merge Proposal: i18n](https://github.com/WordPress/gutenberg/milestone/49): All translation issues for the merge proposal.
-- [Merge Proposal: Customziation](https://github.com/WordPress/gutenberg/milestone/44): All Customization issues for the merge proposal.
+- [Merge Proposal: Customization](https://github.com/WordPress/gutenberg/milestone/44): All Customization issues for the merge proposal.
 - [Merge Proposal: Plugin](https://github.com/WordPress/gutenberg/milestone/48): All plugin and extensibility issues for the merge proposal.
 - [Merge Proposal: Back Compat](https://github.com/WordPress/gutenberg/milestone/47): All back compatibility issues for the merge proposal.
 - [Merge Proposal: Themes](https://github.com/WordPress/gutenberg/milestone/48): All theme issues for the merge proposal.

edit-post/store/actions.js

@@ -139,7 +139,7 @@ export function requestMetaBoxUpdates() {
 }
 
 /**
- * Returns an action object used signal a successfull meta box update.
+ * Returns an action object used signal a successful meta box update.
  *
  * @return {Object} Action object.
  */

packages/core-data/src/selectors.js

@@ -159,7 +159,7 @@ export const getEntityRecords = createSelector(
 );
 
 /**
- * Return theme suports data in the index.
+ * Return theme supports data in the index.
  *
  * @param {Object} state Data state.
  *