Add app scripts

Author: k.golikov

.gitignore

@@ -21,3 +21,4 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+/_scripts/dist/

_scripts/commands/createPage.ts

@@ -0,0 +1,67 @@
+import * as fs from 'fs';
+import * as path from 'path';
+import { appRootPath } from '../common';
+import { camelCase } from 'lodash';
+import pascalCase from '../utils/pascalCase';
+import { exec } from 'child_process';
+
+const pagesDirectoryPath = path.resolve(appRootPath, 'src/pages');
+
+const getTsxContent = (pageName: string): string => {
+    return `
+import React, { FunctionComponent } from 'react';
+import PageContainer from '../../components/pageContainer/PageContainer';
+import styles from './${pageName}.module.scss';
+
+const ${pageName}: FunctionComponent = () => {
+    return (
+        <PageContainer title="${pageName}">
+
+        </PageContainer>
+    );
+};
+
+export default ${pageName};
+    `.trim();
+};
+
+interface Args {
+    force?: boolean;
+}
+
+const createPage = async (name: string, args: Args) => {
+    const { force } = args;
+
+    const pageDirectory = path.resolve(pagesDirectoryPath, camelCase(name));
+
+    if (fs.existsSync(pageDirectory)) {
+        if (!force) {
+            console.log('Directory already exists. Aborted');
+            return;
+        }
+    } else {
+        await fs.promises.mkdir(pageDirectory);
+        console.log('Created directory ' + pageDirectory);
+    }
+
+    const componentName = pascalCase(name);
+
+    const componentFilePath = path.resolve(pageDirectory, `${componentName}.tsx`);
+    const stylesFilePath = path.resolve(pageDirectory, `${componentName}.module.scss`);
+
+    await fs.promises.writeFile(componentFilePath, getTsxContent(componentName), { encoding: 'utf-8' });
+    console.log('Created file ' + componentFilePath);
+
+    await fs.promises.writeFile(stylesFilePath, '', { encoding: 'utf-8' });
+    console.log('Created file ' + stylesFilePath);
+
+    exec(`git add "${componentFilePath}"`, (error, stdout, stderr) => {
+        console.log(error || stderr || stdout);
+
+        exec(`git add "${stylesFilePath}"`, (error, stdout, stderr) => {
+            console.log(error || stderr || stdout);
+        });
+    });
+};
+
+export default createPage;

_scripts/common.ts

@@ -0,0 +1,3 @@
+import * as path from 'path';
+
+export const appRootPath = path.resolve(__dirname.replace(/\\dist$/, ''), '..');

_scripts/index.ts

@@ -0,0 +1,13 @@
+import { Command } from 'commander';
+import createPage from './commands/createPage';
+
+const program = new Command();
+
+program
+    .command('create-page')
+    .description('Create a page')
+    .argument('<string>', 'new page name or path')
+    .option('--force', 'Overwrite existing page')
+    .action(async (name, args) => createPage(name, args));
+
+program.parse();

_scripts/package.json

@@ -0,0 +1,20 @@
+{
+    "name": "mrgrd56.github.io-scripts",
+    "version": "1.0.0",
+    "scripts": {
+        "app-scripts": "node ./dist/index.js",
+        "app-scripts:ts": "ts-node ./index.ts",
+        "app-scripts:build": "tsc"
+    },
+    "dependencies": {
+        "lodash": "^4.17.21",
+        "commander": "^9.2.0"
+    },
+    "devDependencies": {
+        "nodemon": "^2.0.16",
+        "ts-node": "^10.7.0",
+        "typescript": "^4.6.4",
+        "@types/lodash": "^4.14.182",
+        "@types/node": "^17.0.31"
+    }
+}

_scripts/tsconfig.json

@@ -0,0 +1,11 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "es5",
+        "sourceMap": true,
+        "rootDir": ".",
+        "outDir": "./dist"
+    },
+    "include": ["./"],
+    "exclude": ["node_modules", "./dist"]
+}

_scripts/utils/capitalizeFirst.ts

@@ -0,0 +1,5 @@
+const capitalizeFirst = (value: string): string => {
+    return value.charAt(0).toUpperCase() + value.slice(1);
+};
+
+export default capitalizeFirst;

_scripts/utils/pascalCase.ts

@@ -0,0 +1,8 @@
+import { camelCase } from 'lodash';
+import capitalizeFirst from './capitalizeFirst';
+
+const pascalCase = (string: string) => {
+    return capitalizeFirst(camelCase(string));
+};
+
+export default pascalCase;