@40q/40q-cli 1.0.0 → 1.0.1

package/package.json

@@ -1,12 +1,13 @@
 {
     "name": "@40q/40q-cli",
-    "version": "1.0.0",
+    "version": "1.0.1",
     "description": "40q CLI tool",
     "main": "index.js",
     "bin": {
         "40q": "./dist/index.js"
     },
     "dependencies": {
+        "inquirer": "^8.0.0",
         "yargs": "^17.7.2"
     },
     "peerDependencies": {
@@ -14,7 +15,7 @@
     },
     "scripts": {
         "build": "tsc",
-        "build-publish": "yarn build && yarn publish --access public"
+        "deploy": "yarn build && yarn publish --access public"
     },
     "author": "40q <info@40q.agency> (https://40q.agency/)",
     "license": "ISC",
@@ -23,6 +24,7 @@
         "url": "https://github.com/40Q/40q-cli.git"
     },
     "devDependencies": {
+        "@types/inquirer": "^8.0.0",
         "@types/node": "^20.8.7",
         "@types/yargs": "^17.0.29",
         "ts-node": "^10.9.1",

package/src/40qCli.ts

@@ -1,6 +1,7 @@
 import yargs from 'yargs';
 import { hideBin } from 'yargs/helpers';
-import { SetupCommand } from './commands/Setup.command';
+import { SetupCommand } from './commands/Setup/Setup.command';
+import { CodegenCommand } from './commands/Codegen/Codegen.command';
 
 export class q40Cli {
     static init() {
@@ -11,6 +12,12 @@ export class q40Cli {
                 SetupCommand.builder,
                 SetupCommand.handler
             )
+            .command(
+                'codegen [type] [template]',
+                'Generate code from a template',
+                CodegenCommand.builder,
+                CodegenCommand.handler
+            )
             .help().argv;
     }
 }

package/src/commands/Codegen/Codegen.command.ts

@@ -0,0 +1,52 @@
+import { ArgumentsCamelCase, Argv } from 'yargs';
+import { Command } from '../Command';
+import inquirer, { QuestionCollection } from 'inquirer';
+import { GenerateBlock } from './Generators/GenerateBlock';
+import { Templates, Types, templateChoices, typeChoices } from './Codegen.types';
+
+export class CodegenCommand implements Command {
+    static builder(yargs: Argv<{}>) {
+        yargs.positional('type', {
+            describe: 'Type of code piece to generate',
+            choices: typeChoices,
+            demandOption: true,
+            type: 'string',
+        });
+
+        yargs.positional('template', {
+            describe: 'Template to use for code generation',
+            choices: templateChoices,
+            demandOption: false,
+            type: 'string',
+        });
+    }
+
+    static async handler(argv: ArgumentsCamelCase<{}>) {
+        const type = argv.type as Types;
+        const template = (argv.template ?? 'default') as Templates;
+
+        if (type === 'block') {
+            const answers = await CodegenCommand.prompt(
+                [
+                    {
+                        type: 'input',
+                        name: 'name',
+                        message: 'Please enter a name for the block:',
+                        default: 'section-header',
+                    },
+                ],
+                template === 'default'
+            );
+
+            const name = (answers?.name as string) || null;
+
+            return GenerateBlock.run(template, name);
+        }
+    }
+
+    static async prompt(prompts: QuestionCollection, condition: boolean) {
+        if (!condition) return null;
+
+        return await inquirer.prompt(prompts);
+    }
+}

package/src/commands/Codegen/Codegen.types.ts

@@ -0,0 +1,5 @@
+export const typeChoices = ['block'] as const;
+export type Types = (typeof typeChoices)[number];
+
+export const templateChoices = ['section-header'] as const;
+export type Templates = (typeof templateChoices)[number] | 'default';

package/src/commands/Codegen/Generators/GenerateBlock.ts

@@ -0,0 +1,36 @@
+import { execSync } from 'child_process';
+import * as fs from 'fs';
+import path from 'path';
+import { Templates } from '../Codegen.types';
+import { findCliRoot } from '../../../lib/cliRoot';
+
+export class GenerateBlock {
+    static run(template: Templates, name: string | null) {
+        const title =
+            name
+                ?.split('-')
+                .map((word) => {
+                    return word.charAt(0).toUpperCase() + word.slice(1);
+                })
+                .join(' ') ?? '';
+        const dirAndFileName = name || template;
+
+        execSync(`mkdir -p resources/scripts/editor/blocks/${dirAndFileName}`);
+
+        const cliRoot = findCliRoot(__dirname);
+        const templateContent = fs.readFileSync(
+            path.join(cliRoot, 'templates/blocks/', `${template}.txt`),
+            'utf8'
+        );
+
+        fs.writeFileSync(
+            path.join(
+                process.cwd(),
+                `resources/scripts/editor/blocks/${dirAndFileName}/${dirAndFileName}.tsx`
+            ),
+            templateContent
+                .replace(/{{name}}/g, name ?? '')
+                .replace(/{{title}}/g, title)
+        );
+    }
+}

package/src/commands/{Setup.command.ts → Setup/Setup.command.ts}

@@ -1,6 +1,6 @@
 import { ArgumentsCamelCase, Argv } from 'yargs';
 import { execSync } from 'child_process';
-import { Command } from './Command';
+import { Command } from '../Command';
 
 const eslintrc = `
 {

package/src/lib/cliRoot.ts

@@ -0,0 +1,16 @@
+import * as fs from 'fs';
+import * as path from 'path';
+
+export function findCliRoot(startDir: string): string {
+    let currentDir = startDir;
+
+    while (currentDir !== path.parse(currentDir).root) {
+        if (fs.existsSync(path.join(currentDir, '.cliroot'))) {
+            return currentDir;
+        }
+
+        currentDir = path.dirname(currentDir);
+    }
+
+    throw new Error('CLI root directory with .cliroot marker not found.');
+}

package/templates/blocks/default.txt

@@ -0,0 +1,54 @@
+import { __ } from "@wordpress/i18n";
+import { PanelBody } from "@wordpress/components";
+import {
+  InspectorControls,
+  RichText,
+  useBlockProps,
+} from "@wordpress/block-editor";
+
+/* Block name */
+export const name = "by40q/section-header";
+
+/* Block title */
+export const title = __("Section Header", "40q");
+
+/* Block category */
+export const category = "text";
+
+/* Block attributes */
+export const attributes = {
+  title: {
+    type: "string",
+    default: "40Q",
+  },
+};
+
+/* Block edit */
+export const edit = ({ attributes, setAttributes }) => {
+  const { title } = attributes;
+
+  const blockProps = useBlockProps();
+
+  return (
+    <>
+      <InspectorControls>
+        <PanelBody title={__("Section Header Settings")} initialOpen></PanelBody>
+      </InspectorControls>
+
+      <div {...blockProps}>
+        <RichText
+          tagName="h2"
+          placeholder={__("40Q")}
+          value={title}
+          onChange={(title) => setAttributes({ title })}
+        />
+      </div>
+    </>
+  );
+};
+
+/* Block save */
+export const save = () => <></>;
+
+/* Block styles */
+export const styles = [];

package/tsconfig.json

@@ -1,7 +1,8 @@
 {
     "compilerOptions": {
         "target": "es2016",
-        "module": "commonjs",
+        "module": "CommonJS",
+        "moduleResolution": "node",
         "esModuleInterop": true,
         "forceConsistentCasingInFileNames": true,
         "strict": true,