@40q/40q-cli 1.0.3 → 1.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@40q/40q-cli",
-    "version": "1.0.3",
+    "version": "1.0.4",
     "description": "40q CLI tool",
     "main": "index.js",
     "bin": {

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

@@ -1,5 +1,7 @@
-export const typeChoices = ['block'] as const;
+import { config } from '../../config';
+
+export const typeChoices = config.typeChoices;
 export type Types = (typeof typeChoices)[number];
 
-export const templateChoices = ['section-header'] as const;
+export const templateChoices = config.templateChoices.block;
 export type Templates = (typeof templateChoices)[number] | 'default';

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

@@ -42,7 +42,7 @@ export class GenerateBlock {
                 process.cwd(),
                 `resources/views/blocks/${this.name}.blade.php`
             ),
-            ''
+            this.getTemplate('blade')
         );
 
         fs.writeFileSync(
@@ -71,11 +71,15 @@ export class GenerateBlock {
     }
 
     private getTemplate(name: string) {
-        const cliRoot = findCliRoot(__dirname);
-        const templateFolder = `templates/blocks/${this.template}`;
-        return fs.readFileSync(
-            path.join(cliRoot, `${templateFolder}/${name}.txt`),
-            'utf8'
-        );
+        try {
+            const cliRoot = findCliRoot(__dirname);
+            const templateFolder = `templates/blocks/${this.template}`;
+            return fs.readFileSync(
+                path.join(cliRoot, `${templateFolder}/${name}.txt`),
+                'utf8'
+            );
+        } catch (e) {
+            return '';
+        }
     }
 }

package/src/config.ts

@@ -0,0 +1,6 @@
+export const config = {
+  typeChoices: ['block'] as const,
+  templateChoices: {
+    block: ['section-header'] as const
+  },
+}

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

@@ -0,0 +1,15 @@
+<?php
+
+namespace App\Blocks;
+
+class {{camelCaseName}} extends BlockHandler
+{
+    public function __invoke($block_content, $block)
+    {
+        return view('blocks.{{name}}', [
+            'eyebrow' => $block['attrs']['eyebrow'] ?? null,
+            'title' => $block['attrs']['title'] ?? null,
+            'description' => $block['attrs']['description'] ?? null,
+        ]);
+    }
+}

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

@@ -0,0 +1,120 @@
+import { __ } from "@wordpress/i18n";
+import { PanelBody, ToggleControl } from "@wordpress/components";
+import {
+  InspectorControls,
+  RichText,
+  useBlockProps,
+  useInnerBlocksProps,
+} from "@wordpress/block-editor";
+
+/* Block name */
+export const name = "by40q/{{name}}";
+
+/* Block title */
+export const title = __("{{title}}", "40q");
+
+/* Block category */
+export const category = "text";
+
+/* Block attributes */
+export const attributes = {
+  showEyebrow: {
+    type: "boolean",
+    default: true,
+  },
+  eyebrow: {
+    type: "string",
+    default: "Introducing",
+  },
+  title: {
+    type: "string",
+    default: "40Q",
+  },
+  showDescription: {
+    type: "boolean",
+    default: true,
+  },
+  description: {
+    type: "string",
+    default:
+      "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, diam id tincidunt ultrices, nunc nisl ultrices nunc, vitae aliquam nisl nunc eu nisl. Sed euismod, diam id tincidunt ultrices, nunc nisl ultrices nunc, vitae aliquam nisl nunc eu nisl.",
+  },
+  showCta: {
+    type: "boolean",
+    default: false,
+  },
+};
+
+/* Block edit */
+export const edit = ({ attributes, setAttributes }) => {
+  const { showEyeBrow, eyebrow, title, showDescription, description, showCta } =
+    attributes;
+
+  const blockProps = useBlockProps();
+
+  const innerBlocksProps = useInnerBlocksProps(blockProps, {
+    template: [["core/button"]],
+    allowedBlocks: [],
+    templateLock: "all",
+  });
+
+  return (
+    <>
+      <InspectorControls>
+        <PanelBody title={__("Section Header Settings")} initialOpen>
+          <ToggleControl
+            label="Eyebrow"
+            checked={!!showEyeBrow}
+            onChange={(showEyeBrow) => setAttributes({ showEyeBrow })}
+          />
+          <ToggleControl
+            label="Description"
+            checked={!!showDescription}
+            onChange={(showDescription) => setAttributes({ showDescription })}
+          />
+
+          <ToggleControl
+            label="Cta"
+            checked={!!showCta}
+            onChange={(showCta) => setAttributes({ showCta })}
+          />
+        </PanelBody>
+      </InspectorControls>
+
+      <div {...blockProps}>
+        {!!showEyeBrow && (
+          <RichText
+            className=""
+            tagName="p"
+            placeholder={__("Eyebrow")}
+            value={eyebrow}
+            onChange={(eyebrow) => setAttributes({ eyebrow })}
+          />
+        )}
+        <RichText
+          className=""
+          tagName="h2"
+          placeholder={__("40Q")}
+          value={title}
+          onChange={(title) => setAttributes({ title })}
+        />
+        {!!showDescription && (
+          <RichText
+            className=""
+            tagName="p"
+            placeholder={__("Lorem ipsum dolor sit amet.")}
+            value={description}
+            onChange={(description) => setAttributes({ description })}
+          />
+        )}
+        {!!showCta && <div {...innerBlocksProps} />}
+      </div>
+    </>
+  );
+};
+
+/* Block save */
+export const save = <></>;
+
+/* Block styles */
+export const styles = [];