new-s-block 1.0.8 → 1.1.0

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();
@@ -180,7 +189,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 +209,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" +
@@ -246,7 +239,6 @@ async function main() {
   console.log('   \uD83D\uDCC1 ' + sassDisplay);
   console.log('      \u2514\u2500\u2500 ' + blockName + '.scss');
   console.log('');
-  console.log("   Don't forget to add " + cyan + "@import 'blocks/" + (subFolder ? subFolder + '/' : '') + blockName + "';" + reset + " in 'assets/sass/theme.scss'");
   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.8",
+  "version": "1.1.0",
   "description": "CLI tool to scaffold ACF Gutenberg blocks",
   "bin": {
     "new-s-block": "./bin/cli.js"