new-s-block 1.0.9 → 1.1.1

package/bin/cli.js

@@ -95,7 +95,7 @@ if (process.argv.includes('--version') || process.argv.includes('-v')) {
 // ── Main ───────────────────────────────────────────────────────────────────
 
 async function main() {
-  console.log('\n\uD83E\uDDF1  ACF Block Generator\n');
+  console.log('\n\uD83E\uDDF1  S-Tier Block Generator\n');
   var updateCheck = checkForUpdate();
 
   const rl = readline.createInterface({
@@ -134,7 +134,16 @@ async function main() {
     .map(function (k) { return k.trim().toLowerCase(); })
     .filter(Boolean);
 
-  // 6. Blocks folder
+  // 6. Include JS
+  var includeJs = '';
+  while (includeJs !== 'y' && includeJs !== 'n') {
+    includeJs = (await prompt(rl, 'Include block JS? (y/n): ')).trim().toLowerCase();
+    if (includeJs !== 'y' && includeJs !== 'n') {
+      console.log('  ⚠  Please answer y or n.');
+    }
+  }
+
+  // 7. Blocks folder
   const folderRaw = await prompt(rl, 'Blocks folder [blocks]: ');
 
   rl.close();
@@ -155,6 +164,9 @@ async function main() {
   const scssFile      = subFolder
     ? path.join(cwd, 'assets', 'sass', 'blocks', subFolder, blockName + '.scss')
     : path.join(cwd, 'assets', 'sass', 'blocks', blockName + '.scss');
+  const jsFile        = subFolder
+    ? path.join(cwd, 'assets', 'js', 'blocks', subFolder, blockName + '.js')
+    : path.join(cwd, 'assets', 'js', 'blocks', blockName + '.js');
 
   if (fs.existsSync(blockDir)) {
     console.error('\n\u274C  Block folder already exists: ' + path.relative(cwd, blockDir) + '\n');
@@ -180,7 +192,8 @@ async function main() {
     '    "title": "' + blockLabel + '",\n' +
     '    "description": "' + (blockDescription.trim() || blockLabel) + ' Block",\n' +
     '    "category": "' + blockCategory + '",\n' +
-    '    "viewScript": "file:./' + blockName + '.js",\n' +
+    '    "style": "file:./' + blockName + '.min.css",\n' +
+    (includeJs === 'y' ? '    "viewScript": "file:./' + blockName + '.min.js",\n' : '') +
     '    "icon": ' + JSON.stringify(svgIcon) + ',\n' +
     '    "keywords": ' + keywordsJson + ',\n' +
     '    "acf": {\n' +
@@ -199,26 +212,9 @@ async function main() {
 
   const innerClass = toInnerClass(blockName);
 
-  const renderPhp = '<?php\n' +
-    "$padding = get_field('padding');\n" +
-    '\n' +
-    "$class = 'st_block st_" + blockName.replace(/-/g, '_') + "';\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' +
+  const mainClass = 'st_' + blockName.replace(/-/g, '_');
+  const renderPhp =
+    '<section <?php echo stier_block_attrs( $block, \'' + mainClass + '\'); ?>>\n' +
     "\t<?php get_template_part('components/background'); ?>\n" +
     '\t<div class="container ' + innerClass + '">\n' +
     "\t\t<?php get_template_part('components/intro'); ?>\n" +
@@ -233,6 +229,12 @@ async function main() {
 
   writeFile(scssFile, scssContent);
 
+  // ── block-name.js (optional) ─────────────────────────────────────────────
+
+  if (includeJs === 'y') {
+    writeFile(jsFile, '');
+  }
+
   // ── Summary ──────────────────────────────────────────────────────────────
 
   var cyan  = '\x1b[36m';
@@ -245,6 +247,11 @@ async function main() {
   var sassDisplay = subFolder ? 'assets/sass/blocks/' + subFolder + '/' : 'assets/sass/blocks/';
   console.log('   \uD83D\uDCC1 ' + sassDisplay);
   console.log('      \u2514\u2500\u2500 ' + blockName + '.scss');
+  if (includeJs === 'y') {
+    var jsDisplay = subFolder ? 'assets/js/blocks/' + subFolder + '/' : 'assets/js/blocks/';
+    console.log('   \uD83D\uDCC1 ' + jsDisplay);
+    console.log('      \u2514\u2500\u2500 ' + blockName + '.js');
+  }
   console.log('');
   console.log("   Don't forget to add " + cyan + "register_block_type( __DIR__ . '/../blocks/" + blockRelPath + "' );" + reset + " in 'includes/template-functions.php'");
   console.log('');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "new-s-block",
-  "version": "1.0.9",
+  "version": "1.1.1",
   "description": "CLI tool to scaffold ACF Gutenberg blocks",
   "bin": {
     "new-s-block": "./bin/cli.js"