@40q/40q-cli 1.0.7 → 1.0.9

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

@@ -51,7 +51,7 @@ class GenerateBlock {
     }
     createBlockFiles() {
         var _a, _b;
-        fs.writeFileSync(path_1.default.join(process.cwd(), `resources/scripts/editor/blocks/${this.name}/${this.name}.tsx`), this.getTemplate('tsx')
+        fs.writeFileSync(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'));

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@40q/40q-cli",
-    "version": "1.0.7",
+    "version": "1.0.9",
     "description": "40q CLI tool",
     "main": "index.js",
     "bin": {
@@ -28,6 +28,8 @@
         "typescript": "^5.2.2"
     },
     "files": [
-        "dist/"
+        "dist/",
+        "templates/",
+        ".cliroot"
     ]
 }

package/templates/blocks/default/php.txt

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

package/templates/blocks/default/tsx.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/{{name}}";
+
+/* Block title */
+export const title = __("{{title}}", "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={__("{{title}} 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/templates/blocks/section-header/php.txt

@@ -0,0 +1,17 @@
+<?php
+
+namespace App\Blocks;
+
+use BlockHandler\Contracts\BlockHandler;
+
+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 = [];