Rename jsx and scss files

Author: 64json

renamer.js

@@ -0,0 +1,15 @@
+const fs = require('fs');
+const path = require('path');
+
+const componentsDir = path.resolve(__dirname, 'src', 'core', 'renderers');
+
+const components = fs.readdirSync(componentsDir);
+for (const component of components) {
+  if (!fs.statSync(path.resolve(componentsDir, component)).isDirectory()) continue;
+  const newJs = path.resolve(componentsDir, component, 'index.js');
+  fs.renameSync(path.resolve(componentsDir, component, 'index.jsx'), newJs);
+  const content = fs.readFileSync(newJs, { encoding: 'utf8' });
+  fs.writeFileSync(newJs, content.replace('stylesheet.module.scss', `${component}.module.scss`), { encoding: 'utf8' });
+  if (fs.existsSync(path.resolve(componentsDir, component, 'stylesheet.module.scss'))) fs.renameSync(path.resolve(componentsDir, component, 'stylesheet.module.scss'), path.resolve(componentsDir, component, `${component}.module.scss`));
+}
+console.log(components);

src/components/App/stylesheet.module.scss renamed to src/components/App/App.module.scss

@@ -19,7 +19,7 @@ import { actions } from 'reducers';
 import { createUserFile, extension, refineGist } from 'common/util';
 import { exts, languages } from 'common/config';
 import { CONTRIBUTING_MD } from 'files';
-import styles from './stylesheet.module.scss';
+import styles from './App.module.scss';
 
 class App extends BaseComponent {
   constructor(props) {

src/components/App/index.jsx renamed to src/components/App/index.js

@@ -5,7 +5,7 @@ import faExclamationCircle from '@fortawesome/fontawesome-free-solid/faExclamati
 import faSpinner from '@fortawesome/fontawesome-free-solid/faSpinner';
 import { classes } from 'common/util';
 import { Ellipsis } from 'components';
-import styles from './stylesheet.module.scss';
+import styles from './Button.module.scss';
 
 class Button extends React.Component {
   constructor(props) {

src/components/BaseComponent/index.jsx renamed to src/components/BaseComponent/index.js

@@ -6,7 +6,7 @@ import { actions } from 'reducers';
 import { connect } from 'react-redux';
 import { languages } from 'common/config';
 import { Button, Ellipsis, FoldableAceEditor } from 'components';
-import styles from './stylesheet.module.scss';
+import styles from './CodeEditor.module.scss';
 
 class CodeEditor extends React.Component {
   constructor(props) {

src/components/Button/stylesheet.module.scss renamed to src/components/Button/Button.module.scss

@@ -1,6 +1,6 @@
 import React from 'react';
 import { classes } from 'common/util';
-import styles from './stylesheet.module.scss';
+import styles from './Divider.module.scss';
 
 class Divider extends React.Component {
   constructor(props) {