Improved the formatting to align with OED's

standards.

Author: BrianRaymond800

src/client/app/emotionCache.ts

@@ -1,8 +1,7 @@
-//imports the createSche function from React's Emotion library
 import createCache from '@emotion/cache';
 
 //creates the nonce for the script being run
-//he nonce works alongside the webpack_nonce and plotly_nonce to protect against unwated scripts
+//the nonce works alongside the webpack_nonce and plotly_nonce to protect against unwanted scripts
 const nonce = (document.querySelector('script[nonce]') as HTMLScriptElement | null)?.nonce;
 
 const emotionCache = createCache({

src/client/app/index.tsx

@@ -1,9 +1,20 @@
 /* This Source Code Form is subject to the terms of the Mozilla Public
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+ 
+import 'bootstrap/dist/css/bootstrap.css';
+import * as React from 'react';
+import { createRoot } from 'react-dom/client';
+import { Provider } from 'react-redux';
+import { store } from './store';
+import RouteComponent from './components/RouteComponent';
+import { initApp } from './redux/slices/appStateSlice';
+import './styles/index.css';
+import { CacheProvider } from '@emotion/react';
+import emotionCache from './emotionCache';
 
- //these lines take the nonce, and create the webpack and plotly nonces from it
- //these are additional nonces that contribute to styling with webpacvk and plotly
+//these lines take the nonce, and create the webpack and plotly nonces from it
+//these are additional nonces that contribute to styling with webpack and plotly
 const __webpack_nonce__ = (document.querySelector('script[nonce]') as HTMLScriptElement | null)?.nonce;
 (window as any).__webpack_nonce__ = __webpack_nonce__;
 (window as any).__plotly_nonce__ = __webpack_nonce__;
@@ -31,19 +42,9 @@ document.head.appendChild = function (node: any) {
 		throw err;
 	}
 };
-import 'bootstrap/dist/css/bootstrap.css';
-import * as React from 'react';
-import { createRoot } from 'react-dom/client';
-import { Provider } from 'react-redux';
-import { store } from './store';
-import RouteComponent from './components/RouteComponent';
-import { initApp } from './redux/slices/appStateSlice';
-import './styles/index.css';
 
 store.dispatch(initApp());
 
-import { CacheProvider } from '@emotion/react';
-import emotionCache from './emotionCache';
 // Renders the entire application, starting with RouteComponent, into the root div
 const container = document.getElementById('root') as HTMLElement;
 const root = createRoot(container);

src/server/app.js

@@ -32,8 +32,7 @@ const conversionArray = require('./routes/conversionArray');
 const units = require('./routes/units');
 const conversions = require('./routes/conversions');
 const ciks = require('./routes/ciks');
-
-const crypto = require('node:crypto')
+const crypto = require('node:crypto');
 
 // Limit the rate of overall requests to OED
 // Note that the rate limit may make the automatic test return the value of 429. In that case, the limiters below need to be increased.
@@ -149,8 +148,8 @@ router.get('*', (req, res) => {
 		let htmlPlusData = html.toString().replace('SUBDIR', subdir);
 
 		//assigns a value to the nonce in order to check for authenticity
-		const nonce = crypto.randomBytes(16).toString('base64url')
-		htmlPlusData = htmlPlusData.replace(/{{nonce}}/g, nonce)
+		const nonce = crypto.randomBytes(16).toString('base64url');
+		htmlPlusData = htmlPlusData.replace(/{{nonce}}/g, nonce);
 
 		res.setHeader('Content-Security-Policy', `default-src 'self'; img-src 'self' data: ; font-src 'self' https://maxcdn.bootstrapcdn.com ; media-src 'self'; script-src 'self' 'nonce-${nonce}' ; style-src 'self' 'nonce-${nonce}' 'unsafe-inline';`)