Only load htmlhint-kses if we require it

`htmlhint-kses` is only needed for users who don't have the
`unfiltered_html` capability. We can determine this by checking for the
presense of `wp.codeEditor.defaultSettingshtmlhint.kses`.

components/code-editor/index.js

@@ -14,7 +14,7 @@ import withLazyDependencies from '../higher-order/with-lazy-dependencies';
  */
 const { UP, DOWN } = keycodes;
 
-class CodeEditor extends Component {
+export class CodeEditor extends Component {
 	constructor() {
 		super( ...arguments );
 
@@ -108,14 +108,22 @@ class CodeEditor extends Component {
 }
 
 export default withLazyDependencies( {
-	scripts: [
-		'wp-codemirror',
-		'code-editor',
-		'htmlhint',
-		'csslint',
-		'jshint',
-		// TODO: Gotta check if user can unfiltered_html
-		...( true ? [ 'htmlhint-kses' ] : [] ),
-	],
+	scripts() {
+		const scripts = [
+			'wp-codemirror',
+			'code-editor',
+			'htmlhint',
+			'csslint',
+			'jshint',
+		];
+
+		// Don't load htmlhint-kses unless we need it
+		if ( window._wpGutenbergCodeEditorSettings.htmlhint.kses ) {
+			scripts.push( 'htmlhint-kses' );
+		}
+
+		return scripts;
+	},
+
 	styles: [ 'wp-codemirror', 'code-editor' ],
 } )( CodeEditor );

components/code-editor/test/index.js

@@ -7,7 +7,7 @@ import { set, noop } from 'lodash';
 /**
  * Internal dependencies
  */
-import CodeEditor from '../';
+import { CodeEditor } from '../';
 
 describe( 'CodeEditor', () => {
 	it( 'should render without an error', () => {

components/higher-order/with-lazy-dependencies/index.js

@@ -54,6 +54,14 @@ function loadStyle( url ) {
 }
 
 function loadDependencies( scripts, styles ) {
+	if ( typeof scripts === 'function' ) {
+		scripts = scripts();
+	}
+
+	if ( typeof styles === 'function' ) {
+		styles = styles();
+	}
+
 	const promises = [];
 
 	if ( scripts && scripts.length > 0 ) {