new-s-block 1.0.0

package/bin/cli.js

@@ -0,0 +1,206 @@
+#!/usr/bin/env node
+
+'use strict';
+
+const readline = require('readline');
+const fs       = require('fs');
+const path     = require('path');
+
+const cwd = process.cwd();
+
+// ── Helpers ────────────────────────────────────────────────────────────────
+
+function toKebabCase(str) {
+  return str
+    .trim()
+    .toLowerCase()
+    .replace(/[\s_]+/g, '-')
+    .replace(/[^a-z0-9-]/g, '');
+}
+
+function toTitleCase(str) {
+  return str
+    .replace(/-/g, ' ')
+    .replace(/\b\w/g, function (c) { return c.toUpperCase(); });
+}
+
+// Split "hero-banner" into ["hero", "banner"]
+function splitKeywords(blockName) {
+  return blockName.split('-').filter(Boolean);
+}
+
+function ensureDir(dirPath) {
+  if (!fs.existsSync(dirPath)) {
+    fs.mkdirSync(dirPath, { recursive: true });
+  }
+}
+
+function writeFile(filePath, content) {
+  ensureDir(path.dirname(filePath));
+  fs.writeFileSync(filePath, content, 'utf8');
+  console.log('  \u2714  Created: ' + path.relative(cwd, filePath));
+}
+
+// ── Prompt helper ──────────────────────────────────────────────────────────
+
+function prompt(rl, question) {
+  return new Promise(function (resolve) {
+    rl.question(question, function (answer) {
+      resolve(answer);
+    });
+  });
+}
+
+// ── Main ───────────────────────────────────────────────────────────────────
+
+async function main() {
+  console.log('\n\uD83E\uDDF1  ACF Block Generator\n');
+
+  const rl = readline.createInterface({
+    input:  process.stdin,
+    output: process.stdout,
+  });
+
+  // 1. Block name
+  let blockName = '';
+  while (!blockName) {
+    const raw = await prompt(rl, 'Block name (kebab-case, e.g. hero-banner): ');
+    blockName = toKebabCase(raw);
+    if (!blockName) {
+      console.log('  \u26A0  Block name is required. Please try again.');
+    }
+  }
+
+  // 2. Block label
+  const defaultLabel = toTitleCase(blockName);
+  const labelRaw     = await prompt(rl, 'Block label [' + defaultLabel + ']: ');
+  const blockLabel   = labelRaw.trim() || defaultLabel;
+
+  // 3. Description
+  const blockDescription = await prompt(rl, 'Block description (optional): ');
+
+  // 4. Extra keywords
+  const extraKeywordsRaw = await prompt(rl, 'Additional keywords (comma-separated, optional): ');
+  const extraKeywords = extraKeywordsRaw
+    .split(',')
+    .map(function (k) { return k.trim().toLowerCase(); })
+    .filter(Boolean);
+
+  // 5. Blocks folder
+  const folderRaw = await prompt(rl, 'Blocks folder [blocks]: ');
+  const blocksDir = 'blocks/' + (folderRaw.trim() || '');
+
+  rl.close();
+
+  // ── Resolve paths ────────────────────────────────────────────────────────
+
+  // Normalise: strip any trailing slash and duplicate 'blocks/' the user may have typed
+  const subFolder  = folderRaw.trim().replace(/^blocks[\/\\]?/i, '').replace(/[\/\\]+$/, '');
+  const blockDir   = subFolder
+    ? path.join(cwd, 'blocks', subFolder, blockName)
+    : path.join(cwd, 'blocks', blockName);
+
+  const renderFile    = path.join(blockDir, blockName + '.php');
+  const blockJsonFile = path.join(blockDir, 'block.json');
+  const scssFile      = path.join(cwd, 'assets', 'sass', 'blocks', blockName + '.scss');
+
+  if (fs.existsSync(blockDir)) {
+    console.error('\n\u274C  Block folder already exists: ' + path.relative(cwd, blockDir) + '\n');
+    process.exit(1);
+  }
+
+  console.log('\n\uD83D\uDCC2  Generating files...\n');
+
+  // ── block.json ───────────────────────────────────────────────────────────
+
+  const svgIcon = '<svg version="1.0" xmlns="http://www.w3.org/2000/svg"\n width="607.000000pt" height="607.000000pt" viewBox="0 0 607.000000 607.000000"\n preserveAspectRatio="xMidYMid meet">\n\n<g transform="translate(0.000000,607.000000) scale(0.100000,-0.100000)"\nfill="#000000" stroke="none">\n<path d="M480 4194 l0 -1395 43 3 42 3 3 1348 2 1347 1355 0 1355 0 0 45 0 45\n-1400 0 -1400 0 0 -1396z"/>\n<path d="M2880 4669 c-377 -36 -651 -181 -809 -428 -148 -232 -148 -626 0\n-878 47 -81 179 -210 273 -268 114 -71 283 -140 596 -244 436 -146 563 -217\n632 -359 32 -64 33 -70 33 -192 0 -147 -15 -208 -72 -289 -75 -106 -208 -170\n-403 -191 -59 -7 -143 -9 -190 -5 -231 18 -518 118 -712 248 l-67 44 -110\n-183 -110 -183 37 -32 c140 -124 400 -237 674 -295 168 -35 451 -44 616 -20\n307 45 556 166 699 337 57 70 128 214 153 311 37 150 35 366 -5 522 -69 266\n-226 426 -564 577 -62 28 -246 95 -408 150 -400 134 -526 199 -593 306 -58 91\n-67 300 -17 398 109 216 498 304 902 204 99 -25 283 -114 349 -168 26 -23 52\n-41 57 -41 4 0 61 69 125 153 64 83 121 158 127 165 23 29 -209 200 -343 251\n-238 92 -592 137 -870 110z"/>\n<path d="M5510 1910 l0 -1350 -1355 0 -1355 0 0 -45 0 -45 1400 0 1400 0 0\n1395 0 1395 -45 0 -45 0 0 -1350z"/>\n</g>\n</svg>\n';
+
+  // Build keywords: individual words from block name + "stier" + any extras
+  var autoKeywords = splitKeywords(blockName);
+  autoKeywords.push('stier');
+  var allKeywords = autoKeywords.concat(extraKeywords);
+  // Deduplicate
+  allKeywords = allKeywords.filter(function (v, i, a) { return a.indexOf(v) === i; });
+
+  var keywordsJson = '["' + allKeywords.join('", "') + '"]';
+
+  // Build block.json as a string to keep keywords on one line
+  const blockJsonStr = '{\n' +
+    '    "name": "acf/' + blockName + '",\n' +
+    '    "title": "' + blockLabel + '",\n' +
+    '    "description": "' + (blockDescription.trim() || blockLabel) + ' Block",\n' +
+    '    "category": "s-tier",\n' +
+    '    "viewScript": "file:./' + blockName + '.js",\n' +
+    '    "icon": ' + JSON.stringify(svgIcon) + ',\n' +
+    '    "keywords": ' + keywordsJson + ',\n' +
+    '    "acf": {\n' +
+    '        "blockVersion": 3,\n' +
+    '        "renderTemplate": "' + blockName + '.php"\n' +
+    '    },\n' +
+    '    "supports": {\n' +
+    '        "align": false,\n' +
+    '        "anchor": true\n' +
+    '    }\n' +
+    '}';
+
+  writeFile(blockJsonFile, blockJsonStr);
+
+  // ── render.php ───────────────────────────────────────────────────────────
+
+  const innerClass = 'st' + blockName.replace(/-/g, '') + '_inner';
+
+  const renderPhp = '<?php\n' +
+    "$padding = get_field('padding');\n" +
+    '\n' +
+    "$class = 'st_block st_" + blockName + "';\n" +
+    "if ( ! empty( $block['className'] ) ) {\n" +
+    "    $class .= ' ' . $block['className'];\n" +
+    '}\n' +
+    '\n' +
+    "$anchor = '';\n" +
+    "if ( ! empty( $block['anchor'] ) ) {\n" +
+    "    $anchor = 'id=\"' . esc_attr( $block['anchor'] ) . '\" ';\n" +
+    '}\n' +
+    '\n' +
+    'if ( ! empty( $padding) ) {\n' +
+    "    $class .=  ' ' . $padding;\n" +
+    '}\n' +
+    '\n' +
+    '?>\n' +
+    '\n' +
+    '<section <?php echo $anchor; ?> class="<?php echo esc_attr( $class ); ?>">\n' +
+    "\t<?php get_template_part('components/background'); ?>\n" +
+    '\t<div class="container ' + innerClass + '">\n' +
+    "\t\t<?php get_template_part('components/intro'); ?>\n" +
+    '\t</div>\n' +
+    '</section>\n';
+
+  writeFile(renderFile, renderPhp);
+
+  // ── block-name.scss ──────────────────────────────────────────────────────
+
+  const scssContent = '.st_' + blockName + ' {\n\n}\n';
+
+  writeFile(scssFile, scssContent);
+
+  // ── Summary ──────────────────────────────────────────────────────────────
+
+  console.log('\n\u2705  Block "' + blockLabel + '" created successfully!\n');
+  console.log('   \uD83D\uDCC1 ' + path.relative(cwd, blockDir) + '/');
+  console.log('      \u251C\u2500\u2500 block.json');
+  console.log('      \u2514\u2500\u2500 ' + blockName + '.php');
+  console.log('   \uD83D\uDCC1 assets/sass/blocks/');
+  console.log('      \u2514\u2500\u2500 ' + blockName + '.scss');
+  console.log('');
+  var cyan  = '\x1b[36m';
+  var reset = '\x1b[0m';
+  console.log('');
+  console.log("   Don't forget to add " + cyan + "@import 'blocks/" + blockName + "';" + reset + " in 'assets/sass/theme.scss'");
+  console.log("   Don't forget to add " + cyan + "register_block_type( __DIR__ . '/../blocks/" + blockName + "' );" + reset + " in 'includes/template-functions.php'");
+  console.log('');
+}
+
+main().catch(function (err) {
+  console.error('\n\u274C  Error: ' + err.message);
+  process.exit(1);
+});

package/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "new-s-block",
+  "version": "1.0.0",
+  "description": "CLI tool to scaffold ACF Gutenberg blocks",
+  "bin": {
+    "new-s-block": "./bin/cli.js"
+  },
+  "keywords": [
+    "acf",
+    "gutenberg",
+    "wordpress",
+    "block",
+    "scaffold"
+  ],
+  "author": "",
+  "license": "MIT",
+  "engines": {
+    "node": ">=14.19.3"
+  }
+}