@40q/40q-cli 1.0.15 → 1.0.17

package/dist/src/commands/Codegen/Codegen.command.js

@@ -1,4 +1,27 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -13,14 +36,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CodegenCommand = void 0;
+const child_process_1 = require("child_process");
+const fs = __importStar(require("fs"));
 const inquirer_1 = __importDefault(require("inquirer"));
-const GenerateBlock_1 = require("./Generators/GenerateBlock");
+const uuid_1 = require("uuid");
+const paths_1 = require("../../utils/paths");
 const Codegen_types_1 = require("./Codegen.types");
+const FetchComponents_1 = require("./Generators/FetchComponents");
+const GenerateBlock_1 = require("./Generators/GenerateBlock");
+const REPO_URL = 'git@github.com:40q/block-library.git';
 class CodegenCommand {
     static builder(yargs) {
         yargs.positional('type', {
             describe: 'Type of code piece to generate',
-            choices: Codegen_types_1.typeChoices,
+            choices: [...Codegen_types_1.typeChoices],
             demandOption: true,
             type: 'string',
         });
@@ -36,20 +65,128 @@ class CodegenCommand {
         return __awaiter(this, void 0, void 0, function* () {
             const type = argv.type;
             const template = ((_a = argv.template) !== null && _a !== void 0 ? _a : 'default');
+            switch (type) {
+                case 'block':
+                    yield handleBlock(template);
+                    break;
+                case 'get':
+                    yield handleGet();
+                    break;
+                default:
+                    console.error(`Unknown type: ${type}`);
+            }
+        });
+    }
+}
+exports.CodegenCommand = CodegenCommand;
+function handleBlock(template) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const tempDirs = (0, paths_1.tempPaths)(`temp-block-library-${(0, uuid_1.v4)()}`);
+        if (fs.existsSync(tempDirs.tempDir))
+            (0, child_process_1.execSync)(`rm -rf ${tempDirs.tempDir}`);
+        (0, child_process_1.execSync)(`git clone ${REPO_URL} ${tempDirs.tempDir}`);
+        try {
+            const repoComponents = (0, FetchComponents_1.fetchRepoComponents)(tempDirs.tempComponentsDir);
+            const componentChoices = repoComponents.map(component => ({
+                name: component.name.replace('.tsx', ''),
+                value: component
+            }));
+            const answers = yield inquirer_1.default.prompt([
+                {
+                    type: 'input',
+                    name: 'name',
+                    message: 'Please enter a name for the block:',
+                    default: template || 'section-header',
+                },
+                {
+                    type: 'checkbox',
+                    name: 'components',
+                    message: 'Select inner components to include:',
+                    choices: componentChoices
+                }
+            ]);
+            const { name, components } = answers;
+            (0, FetchComponents_1.downloadAndSaveItems)(components, 'component', tempDirs);
+            const componentNames = components.map((component) => component.name);
+            const blockGenerator = new GenerateBlock_1.GenerateBlock(template, name, componentNames);
+            return blockGenerator.run();
+        }
+        finally {
+            (0, child_process_1.execSync)(`rm -rf ${tempDirs.tempDir}`);
+        }
+    });
+}
+function handleGet() {
+    return __awaiter(this, void 0, void 0, function* () {
+        const answers = yield inquirer_1.default.prompt([
+            {
+                type: 'list',
+                name: 'type',
+                message: 'What do you want to get?',
+                choices: ['block', 'component']
+            }
+        ]);
+        const type = answers.type;
+        const tempDirs = (0, paths_1.tempPaths)(`temp-block-library-${(0, uuid_1.v4)()}`);
+        if (fs.existsSync(tempDirs.tempDir))
+            (0, child_process_1.execSync)(`rm -rf ${tempDirs.tempDir}`);
+        (0, child_process_1.execSync)(`git clone ${REPO_URL} ${tempDirs.tempDir}`);
+        try {
             if (type === 'block') {
+                const repoBlocks = (0, FetchComponents_1.fetchRepoBlocks)(tempDirs.tempBlocksDir);
+                const blockChoices = repoBlocks.map(block => ({
+                    name: block.name.replace('.block.tsx', ''),
+                    value: block
+                }));
+                const answers = yield inquirer_1.default.prompt([
+                    {
+                        type: 'checkbox',
+                        name: 'blocks',
+                        message: 'Select blocks to add:',
+                        choices: blockChoices
+                    }
+                ]);
+                const { blocks } = answers;
+                (0, FetchComponents_1.downloadAndSaveItems)(blocks, 'block', tempDirs);
+                const innerComponents = getInnerComponents(blocks, tempDirs.tempComponentsDir);
+                (0, FetchComponents_1.downloadAndSaveItems)(innerComponents, 'component', tempDirs);
+            }
+            else if (type === 'component') {
+                const repoComponents = (0, FetchComponents_1.fetchRepoComponents)(tempDirs.tempComponentsDir);
+                const componentChoices = repoComponents.map(component => ({
+                    name: component.name.replace('.tsx', ''),
+                    value: component
+                }));
                 const answers = yield inquirer_1.default.prompt([
                     {
-                        type: 'input',
-                        name: 'name',
-                        message: 'Please enter a name for the block:',
-                        default: template || 'section-header',
-                    },
+                        type: 'checkbox',
+                        name: 'components',
+                        message: 'Select components to add:',
+                        choices: componentChoices
+                    }
                 ]);
-                const name = (answers === null || answers === void 0 ? void 0 : answers.name) || null;
-                const blockGenerator = new GenerateBlock_1.GenerateBlock(template, name);
-                return blockGenerator.run();
+                const { components } = answers;
+                (0, FetchComponents_1.downloadAndSaveItems)(components, 'component', tempDirs);
+            }
+            console.log(`Selected ${type}s have been added to your project.`);
+        }
+        finally {
+            (0, child_process_1.execSync)(`rm -rf ${tempDirs.tempDir}`);
+        }
+    });
+}
+function getInnerComponents(blocks, tempComponentsDir) {
+    const innerComponents = [];
+    blocks.forEach(block => {
+        const blockPath = (0, paths_1.getBlockPath)(block.name, tempComponentsDir);
+        const fileContent = fs.readFileSync(blockPath, 'utf-8');
+        const componentImports = fileContent.match(/from "scripts\/editor\/components\/(.*?)\/(.*?)"/g) || [];
+        componentImports.forEach(importLine => {
+            const matches = /from "scripts\/editor\/components\/(.*?)\/(.*?)"/.exec(importLine);
+            if (matches && matches[1]) {
+                innerComponents.push({ name: matches[1] });
             }
         });
-    }
+    });
+    return innerComponents;
 }
-exports.CodegenCommand = CodegenCommand;

package/dist/src/commands/Codegen/Generators/FetchComponents.js

@@ -0,0 +1,59 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.downloadAndSaveItems = exports.fetchRepoBlocks = exports.fetchRepoComponents = void 0;
+const fs = __importStar(require("fs"));
+const paths_1 = require("../../../utils/paths");
+const utils_1 = require("../../../utils/utils");
+function fetchRepoComponents(tempComponentsDir) {
+    const componentFiles = fs.readdirSync(tempComponentsDir).map(file => ({
+        name: file
+    }));
+    return componentFiles;
+}
+exports.fetchRepoComponents = fetchRepoComponents;
+function fetchRepoBlocks(tempBlocksDir) {
+    const blockFiles = fs.readdirSync(tempBlocksDir).map(file => ({
+        name: file
+    }));
+    return blockFiles;
+}
+exports.fetchRepoBlocks = fetchRepoBlocks;
+function downloadAndSaveItems(items, type, tempDirs) {
+    items.forEach(item => {
+        const paths = (0, paths_1.getPaths)(item.name, type, tempDirs);
+        if (!fs.existsSync(paths.destTsxDir))
+            fs.mkdirSync(paths.destTsxDir, { recursive: true });
+        if (!fs.existsSync(paths.destPhpDir))
+            fs.mkdirSync(paths.destPhpDir, { recursive: true });
+        if (!fs.existsSync(paths.destBladeDir))
+            fs.mkdirSync(paths.destBladeDir, { recursive: true });
+        (0, utils_1.writeFile)(paths.destTsxPath, fs.readFileSync(paths.sourceTsxPath, 'utf-8'));
+        (0, utils_1.writeFile)(paths.destPhpPath, fs.readFileSync(paths.sourcePhpPath, 'utf-8'));
+        (0, utils_1.writeFile)(paths.destBladePath, fs.readFileSync(paths.sourceBladePath, 'utf-8'));
+    });
+    (0, paths_1.copyDirectory)(tempDirs.tempUtilsDir, paths_1.utilsDir, ['mocks.ts']);
+}
+exports.downloadAndSaveItems = downloadAndSaveItems;

package/dist/src/commands/Codegen/Generators/GenerateBlock.js

@@ -31,16 +31,19 @@ const fs = __importStar(require("fs"));
 const path_1 = __importDefault(require("path"));
 const child_process_1 = require("child_process");
 const cliRoot_1 = require("../../../lib/cliRoot");
+const utils_1 = require("../../../utils/utils");
 class GenerateBlock {
-    constructor(template, name) {
+    constructor(template, name, components) {
         this.template = 'default';
         this.name = '';
+        this.components = [];
         this.title = '';
-        this.camelCaseName = '';
+        this.pascalCaseName = '';
         this.template = template;
         this.name = name !== null && name !== void 0 ? name : '';
-        this.camelCaseName = this.toCamelCase(this.name);
+        this.pascalCaseName = (0, utils_1.toPascalCase)(this.name);
         this.title = this.parseName(this.name);
+        this.components = components;
     }
     run() {
         this.createBlockFolder();
@@ -51,13 +54,74 @@ class GenerateBlock {
     }
     createBlockFiles() {
         var _a, _b;
-        fs.writeFileSync(path_1.default.join(process.cwd(), `resources/scripts/editor/blocks/${this.name}/${this.name}.block.tsx`), this.getTemplate('tsx')
+        let imports = '';
+        let attributes = '';
+        let viewAttributes = '';
+        let panelBody = '';
+        let editComponents = '';
+        let attributeNames = ['title'];
+        this.components.forEach(component => {
+            const componentNamePascal = (0, utils_1.toPascalCase)(component);
+            const componentNameCamel = (0, utils_1.toCamelCase)(component);
+            const basePath = `scripts/editor/components/${component}/${component}`;
+            const componentPath = path_1.default.join(process.cwd(), `resources/scripts/editor/components/${component}/${component}.tsx`);
+            let importStatements = [];
+            let sidebarComponent = '';
+            let editComponent = '';
+            let editProps = '{ attributes }';
+            const fileContent = fs.readFileSync(componentPath, 'utf-8');
+            const editRegex = /export const Edit = \(\s*{([\s\S]*?)}\s*\)/;
+            const sidebarRegex = /export const Sidebar = \(\s*{([\s\S]*?)}\s*\)/;
+            const editMatch = editRegex.exec(fileContent);
+            const sidebarMatch = sidebarRegex.exec(fileContent);
+            if (editMatch) {
+                importStatements.push(`Edit as ${componentNamePascal}Edit`);
+                if (editMatch[1].includes('setAttributes')) {
+                    editComponent = `<${componentNamePascal}Edit attributes={${componentNameCamel} as ${componentNamePascal}Type} setAttributes={setAttributes} />\n`;
+                    editProps = '{ attributes, setAttributes }';
+                }
+                else {
+                    editComponent = `<${componentNamePascal}Edit attributes={${componentNameCamel} as ${componentNamePascal}Type} />\n`;
+                }
+            }
+            if (sidebarMatch) {
+                importStatements.push(`Sidebar as ${componentNamePascal}Sidebar`);
+                if (sidebarMatch[1].includes('setAttributes')) {
+                    sidebarComponent = `<${componentNamePascal}Sidebar attributes={${componentNameCamel} as ${componentNamePascal}Type} setAttributes={setAttributes} />\n`;
+                }
+                else {
+                    sidebarComponent = `<${componentNamePascal}Sidebar attributes={${componentNameCamel} as ${componentNamePascal}Type} />\n`;
+                }
+            }
+            importStatements.push(`defaultAttributes as default${componentNamePascal}Attributes`, `BlockAttributeValues as ${componentNamePascal}Type`);
+            imports += `import { ${importStatements.join(', ')} } from "${basePath}";\n`;
+            attributes += `${componentNameCamel}: {
+              type: "object",
+              default: default${componentNamePascal}Attributes,
+            },\n`;
+            viewAttributes += `'${componentNameCamel}' => $block['attrs']['${componentNameCamel}'] ?? [],\n`;
+            if (sidebarComponent) {
+                panelBody += sidebarComponent;
+            }
+            if (editComponent) {
+                editComponents += editComponent;
+            }
+            attributeNames.push(componentNameCamel);
+        });
+        const destructuring = attributeNames.join(', ');
+        (0, utils_1.writeFile)(path_1.default.join(process.cwd(), `resources/scripts/editor/blocks/${this.name}/${this.name}.block.tsx`), this.getTemplate('tsx')
             .replace(/{{name}}/g, (_a = this.name) !== null && _a !== void 0 ? _a : '')
-            .replace(/{{title}}/g, this.title));
-        fs.writeFileSync(path_1.default.join(process.cwd(), `resources/views/blocks/${this.name}.blade.php`), this.getTemplate('blade'));
-        fs.writeFileSync(path_1.default.join(process.cwd(), `app/Blocks/${this.camelCaseName}.php`), this.getTemplate('php')
+            .replace(/{{title}}/g, this.title)
+            .replace(/{{imports}}/g, imports)
+            .replace(/{{attributes}}/g, attributes)
+            .replace(/{{panelBody}}/g, panelBody)
+            .replace(/{{destructure_attributes}}/g, destructuring)
+            .replace(/{{editComponents}}/g, editComponents));
+        (0, utils_1.writeFile)(path_1.default.join(process.cwd(), `resources/views/blocks/${this.name}.blade.php`), this.getTemplate('blade'));
+        (0, utils_1.writeFile)(path_1.default.join(process.cwd(), `app/Blocks/${this.pascalCaseName}.php`), this.getTemplate('php')
             .replace(/{{name}}/g, (_b = this.name) !== null && _b !== void 0 ? _b : '')
-            .replace(/{{camelCaseName}}/g, this.camelCaseName));
+            .replace(/{{pascalCaseName}}/g, this.pascalCaseName)
+            .replace(/{{viewAttributes}}/g, viewAttributes));
     }
     parseName(name) {
         return name
@@ -67,12 +131,6 @@ class GenerateBlock {
         })
             .join(' ');
     }
-    toCamelCase(name) {
-        var _a;
-        return ((_a = name.split('-').reduce((acc, word) => {
-            return acc + word.charAt(0).toUpperCase() + word.slice(1);
-        }, '')) !== null && _a !== void 0 ? _a : '');
-    }
     getTemplate(name) {
         try {
             const cliRoot = (0, cliRoot_1.findCliRoot)(__dirname);

package/dist/src/config.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.config = void 0;
 exports.config = {
-    typeChoices: ['block'],
+    typeChoices: ['block', 'get'],
     templateChoices: {
         block: ['section-header']
     },

package/dist/src/utils/paths.js

@@ -0,0 +1,93 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.copyDirectory = exports.getPaths = exports.getComponentPath = exports.getBlockPath = exports.tempDir = exports.utilsDir = exports.blocksDir = exports.componentsDir = exports.tempPaths = void 0;
+const path_1 = __importDefault(require("path"));
+const fs = __importStar(require("fs"));
+const utils_1 = require("./utils");
+const tempDir = (dirName) => path_1.default.join(process.cwd(), dirName);
+exports.tempDir = tempDir;
+const componentsDir = 'resources/scripts/editor/components';
+exports.componentsDir = componentsDir;
+const blocksDir = 'resources/scripts/editor/blocks';
+exports.blocksDir = blocksDir;
+const utilsDir = path_1.default.join(process.cwd(), 'resources/scripts/editor/utils');
+exports.utilsDir = utilsDir;
+const tempPaths = (dirName) => ({
+    tempDir: tempDir(dirName),
+    tempComponentsDir: path_1.default.join(tempDir(dirName), componentsDir),
+    tempBlocksDir: path_1.default.join(tempDir(dirName), blocksDir),
+    tempBlockPhpDir: path_1.default.join(tempDir(dirName), 'app/Blocks'),
+    tempBlockBladeDir: path_1.default.join(tempDir(dirName), 'resources/views/blocks'),
+    tempComponentPhpDir: path_1.default.join(tempDir(dirName), 'app/View/Components'),
+    tempComponentBladeDir: path_1.default.join(tempDir(dirName), 'resources/views/components'),
+    tempUtilsDir: path_1.default.join(tempDir(dirName), 'resources/scripts/editor/utils')
+});
+exports.tempPaths = tempPaths;
+const getBlockPath = (blockName, tempDir) => path_1.default.join(tempDir.replace('components', 'blocks'), blockName, `${blockName}.block.tsx`);
+exports.getBlockPath = getBlockPath;
+const getComponentPath = (componentName, tempDir) => path_1.default.join(tempDir, componentName, `${componentName}.tsx`);
+exports.getComponentPath = getComponentPath;
+const getPaths = (name, type, tempDirs) => {
+    const namePascal = (0, utils_1.toPascalCase)(name);
+    const isBlock = type === 'block';
+    const dirType = isBlock ? 'blocks' : 'components';
+    const tsxFile = isBlock ? `${name}.block.tsx` : `${name}.tsx`;
+    return {
+        sourceTsxPath: path_1.default.join(tempDirs[`temp${isBlock ? 'Blocks' : 'Components'}Dir`], name, tsxFile),
+        destTsxDir: path_1.default.join(process.cwd(), `resources/scripts/editor/${dirType}`, name),
+        destTsxPath: path_1.default.join(process.cwd(), `resources/scripts/editor/${dirType}`, name, tsxFile),
+        sourcePhpPath: path_1.default.join(tempDirs[`temp${isBlock ? 'Block' : 'Component'}PhpDir`], `${namePascal}.php`),
+        destPhpDir: path_1.default.join(process.cwd(), isBlock ? 'app/Blocks' : 'app/View/Components'),
+        destPhpPath: path_1.default.join(process.cwd(), isBlock ? 'app/Blocks' : 'app/View/Components', `${namePascal}.php`),
+        sourceBladePath: path_1.default.join(tempDirs[`temp${isBlock ? 'Block' : 'Component'}BladeDir`], `${name}.blade.php`),
+        destBladeDir: path_1.default.join(process.cwd(), `resources/views/${dirType}`),
+        destBladePath: path_1.default.join(process.cwd(), `resources/views/${dirType}`, `${name}.blade.php`),
+        utilsDir: utilsDir
+    };
+};
+exports.getPaths = getPaths;
+function copyDirectory(sourceDir, destDir, excludeFiles = []) {
+    if (!fs.existsSync(destDir)) {
+        fs.mkdirSync(destDir, { recursive: true });
+    }
+    fs.readdirSync(sourceDir).forEach(file => {
+        const sourcePath = path_1.default.join(sourceDir, file);
+        const destPath = path_1.default.join(destDir, file);
+        if (excludeFiles.includes(file)) {
+            return;
+        }
+        if (fs.lstatSync(sourcePath).isDirectory()) {
+            copyDirectory(sourcePath, destPath, excludeFiles);
+        }
+        else {
+            (0, utils_1.writeFile)(destPath, fs.readFileSync(sourcePath, 'utf-8'));
+        }
+    });
+}
+exports.copyDirectory = copyDirectory;

package/dist/src/utils/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/src/utils/utils.js

@@ -0,0 +1,59 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toPascalCase = exports.toCamelCase = exports.writeFile = void 0;
+const fs = __importStar(require("fs"));
+function writeFile(filePath, content) {
+    const yellow = "\x1b[33m";
+    const green = "\x1b[32m";
+    const reset = "\x1b[0m";
+    if (fs.existsSync(filePath)) {
+        console.log(`${yellow}File ${filePath} already exists. Skipping file creation.${reset}`);
+    }
+    else {
+        fs.writeFileSync(filePath, content);
+        console.log(`${green}File ${filePath} has been created.${reset}`);
+    }
+}
+exports.writeFile = writeFile;
+function toCamelCase(name) {
+    return name
+        .split('-')
+        .map((word, index) => {
+        if (index === 0) {
+            return word.charAt(0).toLowerCase() + word.slice(1);
+        }
+        return word.charAt(0).toUpperCase() + word.slice(1);
+    })
+        .join('');
+}
+exports.toCamelCase = toCamelCase;
+function toPascalCase(name) {
+    return name
+        .split('-')
+        .map(word => word.charAt(0).toUpperCase() + word.slice(1))
+        .join('');
+}
+exports.toPascalCase = toPascalCase;

package/package.json

@@ -1,13 +1,15 @@
 {
     "name": "@40q/40q-cli",
-    "version": "1.0.15",
+    "version": "1.0.17",
     "description": "40q CLI tool",
     "main": "index.js",
     "bin": {
         "40q": "./dist/index.js"
     },
     "dependencies": {
+        "axios": "^1.6.8",
         "inquirer": "^8.0.0",
+        "uuidv4": "^6.2.13",
         "yargs": "^17.7.2"
     },
     "scripts": {

package/templates/blocks/default/php.txt

@@ -4,12 +4,13 @@ namespace App\Blocks;
 
 use BlockHandler\Contracts\BlockHandler;
 
-class {{camelCaseName}} implements BlockHandler
+class {{pascalCaseName}} implements BlockHandler
 {
     public function __invoke($block_content, $block)
     {
         return view('blocks.{{name}}', [
             'title' => $block['attrs']['title'] ?? null,
+            {{viewAttributes}}
         ]);
     }
 }

package/templates/blocks/default/tsx.txt

@@ -9,6 +9,8 @@ import {
   RichText,
   useBlockProps,
 } from "@wordpress/block-editor";
+import { BlockStyle } from "@wordpress/blocks";
+{{imports}}
 
 /* Block name */
 export const name = "by40q/{{name}}";
@@ -20,7 +22,7 @@ export const title = __("{{title}}", "40q");
 export const category = "40q";
 
 /* Block icon */
-export const icon = "editor-paragraph";
+export const icon = "admin-tools";
 
 /* Block attributes */
 export const attributes = {
@@ -28,6 +30,7 @@ export const attributes = {
     type: "string",
     default: "40Q",
   },
+  {{attributes}}
 } as const;
 
 /* Block types */
@@ -42,14 +45,14 @@ export const edit = ({
   attributes: BlockAttributeValues;
   setAttributes: SetAttributesFunction;
 }) => {
-  const { title } = attributes;
+  const { {{destructure_attributes}} } = attributes;
 
   const blockProps = useBlockProps();
 
   return (
     <>
       <InspectorControls>
-        <PanelBody title={__("{{title}} Settings")} initialOpen></PanelBody>
+        <PanelBody title={__("{{title}} Settings")} initialOpen>{{panelBody}}</PanelBody>
       </InspectorControls>
 
       <div {...blockProps}>
@@ -59,6 +62,7 @@ export const edit = ({
           value={title}
           onChange={(title) => setAttributes({ title })}
         />
+        {{editComponents}}
       </div>
     </>
   );
@@ -68,4 +72,4 @@ export const edit = ({
 export const save = () => <></>;
 
 /* Block styles */
-export const styles = [];
+export const styles: BlockStyle[] = [];

package/templates/blocks/section-header/php.txt

@@ -4,7 +4,7 @@ namespace App\Blocks;
 
 use BlockHandler\Contracts\BlockHandler;
 
-class {{camelCaseName}} implements BlockHandler
+class {{pascalCaseName}} implements BlockHandler
 {
     public function __invoke($block_content, $block)
     {