1.0.22

Updated build process of ACF Block.
Added initBlock function.
2022-12-08 05:00:43 +02:00 · 2022-12-08 04:56:45 +02:00 · 2022-12-07 06:38:54 +02:00 · 2022-12-06 11:32:14 +02:00 · 2022-12-05 14:26:08 +02:00 · 2022-12-05 14:26:01 +02:00
25 changed files with 317 additions and 148 deletions
@@ -17,6 +17,9 @@ export const PLATFORM_OPTIONS = [{
 }, {
  name: 'wordpress-blocks',
  title: 'WordPress Block'
 }, {
  name: 'wordpress-elementor',
  title: 'WordPress Elementor'
 }, {
  name: 'hubspot',
  title: 'Hubspot'
@@ -42,14 +45,13 @@ console.log('--------------------\nDone!');
 //
 export async function buildExportFiles(platform) {
-  if (['wordpress', 'php'].includes(platform.name)) {
+  if (platform.name.startsWith('wordpress')) {
    if (platform.name === 'wordpress') {
      await buildWordPress(blockName);
    } else {
    if (platform.name === 'wordpress-blocks') {
      await buildWordPress(blockName, true);
-      }
+    } else if (platform.name === 'wordpress-elementor') {
      await buildWordPress(blockName, false, true);
    } else {
      await buildWordPress(blockName);
    }
  } else if (platform.name === 'hubspot-email') {
    await buildHubspotEmail(blockName)
@@ -4,6 +4,7 @@ import {fileURLToPath} from 'url';
 import memFs from 'mem-fs';
 import editor from 'mem-fs-editor';
 import fsExtra from "fs-extra";
 import archiver from "archiver";
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
@@ -15,8 +16,8 @@ export function getConfigs() {
  return {
    isDev,
    developmentBlockName,
-    modulesPath: isDev ? '' : 'node_modules/block-dev-tool',
+    modulesPath: process.env.MODULE_PATH ?? (isDev ? '' : 'node_modules/block-dev-tool'),
-    projectPath: isDev ? path.join('blocks', developmentBlockName) : '',
+    projectPath: process.env.PROJECT_PATH ?? (isDev ? path.join('blocks', developmentBlockName) : ''),
  };
 }
@@ -106,3 +107,48 @@ export function capitalize(str) {
    })
    .join(' ');
 }
 export async function zipProject(srcDir, outputFileName = 'dist.zip') {
  // create a file to stream archive data to.
  const output = await fsExtra.createWriteStream(outputFileName);
  const archive = archiver('zip', {});
  // listen for all archive data to be written
  // 'close' event is fired only when a file descriptor is involved
  output.on('close', function () {
    console.log(archive.pointer() + ' total bytes');
    console.log('archiver has been finalized and the output file descriptor has closed.');
  });
  // This event is fired when the data source is drained no matter what was the data source.
  // It is not part of this library but rather from the NodeJS Stream API.
  // @see: https://nodejs.org/api/stream.html#stream_event_end
  output.on('end', function () {
    console.log('Data has been drained');
  });
  // good practice to catch warnings (ie stat failures and other non-blocking errors)
  archive.on('warning', function (err) {
    if (err.code === 'ENOENT') {
      // log warning
    } else {
      // throw error
      throw err;
    }
  });
  // good practice to catch this error explicitly
  archive.on('error', function (err) {
    throw err;
  });
  // pipe archive data to the file
  archive.pipe(output);
  // append files from a subdirectory, putting its contents at the root of archive
  archive.directory(srcDir, false);
  // finalize the archive (ie we are done appending files but streams have to finish yet)
  // 'close', 'end' or 'finish' may be fired right after calling this method so register to them beforehand
  await archive.finalize();
 }
@@ -2,7 +2,7 @@
 {{> (include_partial "layouts/partials/head") }}
-<body>
+<body class="{{#if iframeMode}}body--iframe{{/if}}">
 <main>
  {{> (include_block_template) }}
@@ -2,7 +2,7 @@
 {{> (include_partial "layouts/partials/head") }}
-<body>
+<body class="{{#if iframeMode}}body--iframe{{/if}}">
 <main>
  <div class="container">
@@ -18,7 +18,7 @@
 </script>
 <div class="preview">
-  <iframe id="preview_frame" src="{{ previewFrameUrl }}" class="breakpoint"></iframe>
+  <iframe id="preview_frame" src="{{ previewFrameUrl }}?iframe=true" class="breakpoint"></iframe>
 </div>
 <script src="/scripts/dist/index.min.js"></script>
@@ -1 +1 @@
-!function(){let e;const t=2*window.outerHeight;function n(n){const o=document.querySelector("body > main").scrollHeight;if(e===o||o>t)return;e=o,window.parent.postMessage("resize:"+JSON.stringify({height:e}),"*")}n(),new ResizeObserver(n).observe(document.body)}();
+!function(){let e;function n(n){const t=document.querySelector("body > main").scrollHeight;if(e===t)return;e=t,window.parent.postMessage("resize:"+JSON.stringify({height:e}),"*")}n(),new ResizeObserver(n).observe(document.body)}();
@@ -1,9 +1,14 @@
 'use strict';
 // Blocks Initialization.
 function initBlock(blockName = '', selector = '', cb) {
  document.querySelectorAll(selector).forEach((el) => cb(el));
 }
 // Scrollbars / Frame resizes notifications.
 (function () {
  let height;
-  const heightLimit = window.outerHeight * 2;
+  const debug = false;
  handleHeightChange(); // Initial frame's height setup.
  setupResizeListener(); // Listen to frame's height changes.
@@ -17,13 +22,22 @@
  function handleHeightChange(entries) {
    const updatedHeight = getCurrentHeight();
-    if (height === updatedHeight || updatedHeight > heightLimit) {
+
    if (debug) {
      console.log('Height Updates', 'Old vs New: ' + height, updatedHeight);
    }
    if (height === updatedHeight) {
      return;
    }
    const RESIZE_CODE = 'resize:';
    height = updatedHeight;
    window.parent.postMessage(RESIZE_CODE + JSON.stringify({height}), '*');
    if (debug) {
      console.log('Resize message sent: ', height)
    }
  }
  function getCurrentHeight() {
@@ -98,7 +98,12 @@ function DataOptions(props = {}) {
  async function changeDataOption(e) {
    const dataName = e.target.value;
-    props.rootAttributes.previewFrame.src = window.devTool.previewFrameUrl + '?data=' + dataName;
+
    const previewFrameUrl = new URL(window.devTool.previewFrameUrl);
    previewFrameUrl.searchParams.set('data', dataName);
    previewFrameUrl.searchParams.set('iframe', 'true');
    props.rootAttributes.previewFrame.src = previewFrameUrl.href;
    const dataOption = await fetchDataOptions(dataName);
    updateState(Object.assign({}, dataOption, {dataName}));
@@ -0,0 +1,16 @@
 <html lang="en">
 {{> (include_partial "layouts/partials/head") }}
 <body class="{{#if iframeMode}}body--iframe{{/if}}">
 <main>
  <section class="fullscreen_layout"></section>
  {{> (include_block_template) }}
  <section class="fullscreen_layout"></section>
 </main>
 {{> (include_partial "layouts/partials/scripts") }}
 </body>
 </html>
@@ -0,0 +1,9 @@
 .swiper {
  &-slide {
    width: initial;
  }
  &-wrapper {
    height: initial;
  }
 }
@@ -143,7 +143,7 @@ body {
  --size: 1.5rem;
  width: var(--size);
  height: var(--size);
-  background-image: url("/scripts/toolbar/images/icon-open-new-tab.svg");
+  background-image: url("/scripts/dist/toolbar/images/icon-open-new-tab.svg");
  background-repeat: no-repeat;
  background-size: calc(var(--size) - 0.15rem);
  background-position: center center;
@@ -159,7 +159,7 @@ body {
 }
 .palette {
-  background-image: url("/scripts/toolbar/images/icon-palette.svg");
+  background-image: url("/scripts/dist/toolbar/images/icon-palette.svg");
 }
 /*# sourceMappingURL=page--main.css.map */
@@ -92,7 +92,7 @@ body {
  width: var(--size);
  height: var(--size);
-  background-image: url("/scripts/toolbar/images/icon-open-new-tab.svg");
+  background-image: url("/scripts/dist/toolbar/images/icon-open-new-tab.svg");
  background-repeat: no-repeat;
  background-size: calc(var(--size) - 0.15rem);
  background-position: center center;
@@ -110,5 +110,5 @@ body {
 .palette {
  @extend .open_in_new_tab;
-  background-image: url("/scripts/toolbar/images/icon-palette.svg");
+  background-image: url("/scripts/dist/toolbar/images/icon-palette.svg");
 }
@@ -1,11 +1,32 @@
 body {
  margin: 0;
  overflow-y: hidden;
 }
 main {
  margin-left: auto;
  margin-right: auto;
  min-height: 100%;
  overflow-x: hidden;
 }
 main .swiper-slide {
  width: initial;
 }
 main .swiper-wrapper {
  height: initial;
 }
 .body--iframe {
  overflow-y: hidden;
 }
 .body--iframe main {
  overflow-y: auto;
 }
 .fullscreen_layout {
  background-color: #9cc3ff;
  min-height: 100%;
  background-image: url("https://i.ibb.co/pjwL8D1/shapelined-JBKdviwe-XI-unsplash.jpg");
  background-size: cover;
 }
 /*# sourceMappingURL=page--view.css.map */
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["page--view.scss"],"names":[],"mappings":"AAAA;EACE;EACA;;;AAGF;EACE;EACA","file":"page--view.css"}
+{"version":3,"sourceRoot":"","sources":["page--view.scss","_page--view-swiper.scss"],"names":[],"mappings":"AAAA;EACE;;;AAGF;EACE;EACA;EACA;EACA;;ACPA;EACE;;AAGF;EACE;;;ADSJ;EACE;;AAEA;EAGE;;;AAIJ;EACE;EACA;EACA;EACA","file":"page--view.css"}
@@ -1,18 +1,32 @@
 body {
  margin: 0;
  overflow-y: hidden;
 }
 main {
  margin-left: auto;
  margin-right: auto;
  min-height: 100%;
  overflow-x: hidden;
  // Fixes scrolling issues of swiperJS. Should be included in all projects.
  @import "page--view-swiper";
 }
 // iFrame mode
 .body--iframe {
  overflow-y: hidden;
  main {
    // If you change to "overflow: initial", the margin-top/bottom of first/last element will be not included.
    // Test on fresh block setup where heading has margin-top.
    overflow-y: auto;
  }
 }
 .fullscreen_layout {
  background-color: #9cc3ff;
  min-height: 100%;
  background-image: url('https://i.ibb.co/pjwL8D1/shapelined-JBKdviwe-XI-unsplash.jpg');
  background-size: cover;
 }
 // Container rules must be provided by the projectStyles (theme).
 //.container {
 //  max-width: 1200px;
 //  margin-left: auto;
 //  margin-right: auto;
 //  padding-left: 15px;
 //  padding-right: 15px;
 //}
@@ -1,12 +1,12 @@
 {
 	"name": "@axe-web/block-dev-tool",
-	"version": "1.0.20",
+	"version": "1.0.22",
 	"lockfileVersion": 2,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "@axe-web/block-dev-tool",
-			"version": "1.0.20",
+			"version": "1.0.22",
 			"license": "ISC",
 			"dependencies": {
 				"@braintree/sanitize-url": "^6.0.0",
@@ -1,6 +1,6 @@
 {
 	"name": "@axe-web/block-dev-tool",
-	"version": "1.0.20",
+	"version": "1.0.22",
 	"author": {
 		"name": "AXE-WEB",
 		"email": "office@axe-web.com",
@@ -68,6 +68,9 @@
 		"layouts/**/*.hbs",
 		"layouts/styles/*.css*",
 		"layouts/scripts/dist/*.js*",
 		"layouts/scripts/dist/**/*.jpg",
 		"layouts/scripts/dist/**/*.png",
 		"layouts/scripts/dist/**/*.svg",
 		"platforms/**/*"
 	]
 }
@@ -2,8 +2,6 @@ import path from "path";
 import {readFile, writeFile, mkdir, copyFile} from "fs/promises";
 import {capitalize, getConfigs} from "../../helpers.js";
 const {modulesPath, projectPath} = getConfigs();
 export async function buildHubspotEmail(blockName) {
  const distPath = await createDistFolder(blockName);
@@ -217,6 +215,7 @@ export function convertToHubspotField(field = {}) {
 }
 export async function buildHubspotJSONFiles(distPath, metaData) {
  const {modulesPath, projectPath} = getConfigs();
  await writeFile(path.join(distPath, 'meta.json'), JSON.stringify(metaData, null, 4));
  const blockJSON = await readFile(path.join(projectPath, 'block.json'), "utf8");
@@ -3,9 +3,8 @@ import {copyFile, readFile, writeFile} from "fs/promises";
 import {capitalize, getConfigs} from "../../helpers.js";
 import {buildHubspotJSONFiles, createDistFolder, handlebarsToHubl,} from "./hubspot-email-adapter.js";
 const {modulesPath, projectPath} = getConfigs();
 export async function buildHubspotPage(blockName) {
  const {modulesPath, projectPath} = getConfigs();
  const distPath = await createDistFolder(blockName);
  const srcPath = path.join(projectPath, 'src');
@@ -2,8 +2,6 @@
 namespace AXEWEB_Blocks\Blocks\<%= ownerClass %>\<%= blockClassModel %>;
 use Core\Global_Functions;
 class <%= blockClassModel %>_Component {
 	public function __construct() {
@@ -12,20 +10,26 @@ class <%= blockClassModel %>_Component {
 	}
 	function register_assets(): void {
    // $version = get_plugin_data( __DIR__ . "/../../scytale-custom-blocks.php" )['Version']; // In Plugins
 		$version = \Core\Global_Functions::get_current_version_number(); // In Theme
 		// $base_path = plugin_dir_url( __FILE__ ); // In Plugins
 		$base_path = get_template_directory_uri() . '/components/partials/<%= blockFilename %>/';
 		wp_register_style( '<%= blockFilename %>',
-			get_template_directory_uri() . '/components/partials/<%= blockFilename %>/templates/styles/<%= blockFilename %>.min.css',
+			$base_path . 'templates/styles/<%= blockFilename %>.min.css',
 			[ 'style-wp' ],
-			Global_Functions::get_current_version_number()
+			$version
 		);
-		wp_enqueue_style( '<%= blockFilename %>' )
+		wp_enqueue_style( '<%= blockFilename %>' );
 		wp_register_script( 'script-<%= blockFilename %>',
-			get_template_directory_uri() . '/components/partials/<%= blockFilename %>/templates/scripts/<%= blockFilename %>.min.js',
+			$base_path . 'templates/scripts/<%= blockFilename %>.min.js',
 			[ 'jquery', 'swiper' ],
-			Global_Functions::get_current_version_number(),
+			$version,
 			true
 		);
-		wp_enqueue_script( 'script-<%= blockFilename %>' )
+		wp_enqueue_script( 'script-<%= blockFilename %>' );
 	}
 	public function render( $args = [] ): void {
@@ -35,4 +39,11 @@ class <%= blockClassModel %>_Component {
 		echo apply_filters( 'the_content', wpautop( $output ) );
 	}
 	<% if (isElementor) { %>function register_elementor_widget( $widgets_manager ): void {
    require_once "helpers/<%= blockClassModel %>_Elementor_Widget.php";
  	$widgets_manager->register_widget_type( new Helpers\<%= blockClassModel %>_Elementor_Widget() );
  }<% } %>
 }
 // ( new <%= blockClassModel %>_Component() ); // Initialization
@@ -5,23 +5,27 @@ namespace AXEWEB_Blocks\Blocks\<%= ownerClass %>\<%= blockClassModel %>;
 class <%= blockClassModel %>_Component extends \Core\Component {
 	public function get_content( $args = [] ): string {
-		$args = array_merge( Helpers\<%= blockClassModel %>_Defaults::default_args(), $args );
+    $default_args = apply_filters( 'axeweb_blocks/<%= ownerFilename %>/<%= blockFilename %>::default_args', [] ); // Not really practical.
    $args = Helpers\<%= blockClassModel %>_API::prepare_args( $args );
-		<% if (templateFormat === 'hbs') { %>return $this->get_component_template( __DIR__ . '/templates/<%= blockFilename %>.template.hbs', $args );<% } %>
+    $args = apply_filters( 'axeweb_blocks/<%= ownerFilename %>/<%= blockFilename %>::prepare_args', array_merge( $default_args, $args ) );
-		<% if (templateFormat === 'php') { %>
+
-				$output = ( include( __DIR__ . '/templates/<%= blockFilename %>.template.php' ) )( array_merge( [], $args ), self::class );
+    $output = ( include( __DIR__ . '/templates/<%= blockFilename %>.template.php' ) )( $args, self::class );
-    		echo apply_filters( 'the_content', wpautop( $output ) );
+
-		<% } %>
+    return apply_filters( 'axeweb_blocks/<%= ownerFilename %>/<%= blockFilename %>::content', $output );
 	}
-<% if (!include_acf_block && !include_native_gutenberg_block) { %>
+  <% if (!include_acf_block && !include_native_gutenberg_block) { %>function register_assets(): void {
-	public function register_assets() {
+    $version = get_plugin_data( __DIR__ . "/../../scytale-custom-blocks.php" )['Version']; // In Plugins
-		$this->add_style( __DIR__ . '/templates/styles/<%= blockFilename %>.min.css' );
+    // $version = \Core\Global_Functions::get_current_version_number(); // In Theme
        <% if (include_script) { %>$this->add_script( __DIR__ . '/templates/scripts/<%= blockFilename %>.js' );<% } %>
 	}
-<% } %><% if (include_elementor_widget) { %>   function register_custom_logic(): void {
+    // $base_path = get_template_directory_uri() . '/components/partials/<%= blockFilename %>/';
    wp_enqueue_style( 'block-<%= blockFilename %>', plugins_url( 'templates/styles/<%= blockFilename %>.min.css', __FILE__ ), ['assets-style'], get_blocks_version() );<% if (include_script) { %>
    wp_enqueue_script( 'block-<%= blockFilename %>', plugins_url( 'templates/scripts/<%= blockFilename %>.min.js', __FILE__ ), ['assets-script'], get_blocks_version(), true );<% } %>
    wp_enqueue_script( 'script-block-<%= blockFilename %>' );
  }<% } %>
  <% if (include_elementor_widget) { %>function register_custom_logic(): void {
 		add_action( 'elementor/widgets/widgets_registered', [ $this, 'register_elementor_widget' ] );
 	}
@@ -31,21 +35,17 @@ class <%= blockClassModel %>_Component extends \Core\Component {
 <% } %><% if (include_acf_block) { %>  function register_acf_block() {
    $this->register_block( __DIR__ . "/<%= blockFilename %>.block.json", [
-      'enqueue_assets'  => function () {
+      'style_assets'  => [
-	      wp_enqueue_style( '<%= blockFilename %>', \Core\Global_Functions::get_file_url( __DIR__ . '/templates/styles/<%= blockFilename %>.min.css', true ), [], get_blocks_version() );<% if (include_script) { %>
+				[
-	      wp_enqueue_script( '<%= blockFilename %>', \Core\Global_Functions::get_file_url( __DIR__ . '/templates/scripts/<%= blockFilename %>.js', true ), ['assets-script'], get_blocks_version() );<% } %>
+					'name' => '<%= blockFilename %>',
-      },
+					'url'  => plugins_url( 'templates/styles/<%= blockFilename %>.min.css', __FILE__ ),
-      'default'        => Helpers\<%= blockClassModel %>_Defaults::default_args(),
+				]
      'supports' => [
        //'jsx' => true,
 		'color'   => [
 			'background' => true,
 			'text'       => true,
 		],
 		'spacing' => [
 			'margin'  => [ 'top', 'bottom' ],
 			'padding' => [ 'top', 'bottom' ]
 			],
 			'script_assets' => [
 				[
 					'name' => '<%= blockFilename %>',
 					'url'  => plugins_url( 'templates/scripts/<%= blockFilename %>.min.js', __FILE__ ),
 				]
 			]
    ] );
  }
@@ -66,3 +66,5 @@ class <%= blockClassModel %>_Component extends \Core\Component {
  }<% } %>
 }
 <%= blockClassModel %>_Component::get_instance();
@@ -0,0 +1,60 @@
 <?php
 namespace AXEWEB_Blocks\Blocks\<%= ownerClass %>\<%= blockClassModel %>\Helpers;
 class <%= blockClassModel %>_Elementor_Widget extends \Elementor\Widget_Base {
 	const PLUGIN_NAME = '<%= blockFilename %>';
 	public function get_name() {
 		return self::PLUGIN_NAME;
 	}
 	public function get_title() {
 		return '<%= blockClassModel %>';
 	}
 	public function get_icon() {
 		return 'eicon-plus-square-o';
 	}
 	protected function _register_controls() {
 		$this->start_controls_section( 'section_content', [ 'label' => 'Content' ] );
 		$repeater = new \Elementor\Repeater();
 		// $repeater->add_control(
 		//	'video_url', [
 		//		'label'       => 'YouTube URL',
 		//		'type'        => \Elementor\Controls_Manager::URL,
 		//		'label_block' => true,
 		//		'condition'   => [
 		//			'type' => 'video',
 		//		],
 		//	]
 		// );
 		$this->end_controls_section();
 	}
 	function get_style_depends() {
 		return [ '<%= blockFilename %>' ];
 	}
 	function get_script_depends() {
 		return [ 'script-<%= blockFilename %>' ];
 	}
 	protected function render() {
 		$settings = $this->get_settings_for_display();
 		$component = new \AXEWEB_Blocks\Blocks\Scytale\<%= blockClassModel %>\<%= blockClassModel %>_Component();
 		$args = self::prepare( $settings );
 		$component->render( $args );
 	}
 	public static function prepare( $args ): array {
 	  // Prepare $args for render function.
 		return $args;
 	}
 }
@@ -9,15 +9,14 @@ import execPhp from "exec-php";
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
-const {modulesPath, projectPath} = getConfigs();
+export async function buildWordPress(blockName, isBlock = false, isElementor = false) {
  const {modulesPath, projectPath} = getConfigs();
 export async function buildWordPress(blockName, isBlock = false) {
  const distPath = path.join(projectPath, 'exports', 'wordpress');
  // await mkdir(distPath, {recursive: true})
  await mkdir(path.join(distPath, 'templates'), {recursive: true})
  const blockFilePath = path.join(projectPath, 'block.json');
  await copyFile(blockFilePath, path.join(distPath, 'block.json'));
  let data = await readJSONFile(blockFilePath);
  Object.assign(data, getBlockName(data.name));
@@ -34,12 +33,15 @@ export async function buildWordPress(blockName, isBlock = false) {
    ownerClass: owner.replace(/ /ig, '_'),
    ownerFilename: owner.toLowerCase().replace(/ /ig, '-'),
    templateFormat: 'php',
-    include_acf_block: false,
+    include_acf_block: isBlock,
    include_native_gutenberg_block: false,
    include_script: true,
-    include_elementor_widget: false,
+    include_elementor_widget: isElementor,
    isElementor,
  });
  await copyFile(blockFilePath, path.join(distPath, data.blockFilename + '.block.json'));
  const backPath = modulesPath ? modulesPath.split('/').map(() => '..').join('/') : '';
  const phpGeneratorPath = path.join(modulesPath, 'platforms', 'php');
@@ -65,13 +67,23 @@ export async function buildWordPress(blockName, isBlock = false) {
    json: await readJSONFile(path.join(projectPath, 'data', 'default.json'), "utf8"),
  });
-  await createFiles(Object.assign({}, data, {defaultData: phpDataObject}), [{
+  // await createFiles(Object.assign({}, data, {defaultData: phpDataObject}), [{
-    from: `templates/helpers/Template_Defaults.php`,
+  //   from: `templates/helpers/Template_Defaults.php`,
-    to: `helpers/${data.blockClassModel}_Defaults.php`,
+  //   to: `helpers/${data.blockClassModel}_Defaults.php`,
  // }], {
  //   pathDist: distPath,
  //   generatorsPath: path.join(__dirname),
  // });
  if (isElementor) {
    await createFiles(data, [{
      from: `templates/helpers/Template_Elementor_Widget.php`,
      to: `helpers/${data.blockClassModel}_Elementor_Widget.php`,
    }], {
      pathDist: distPath,
-    generatorsPath: path.join(__dirname),
+      generatorsPath: path.join(__dirname)
    });
  }
  if (isBlock) {
    await createFiles(data, [{
@@ -82,13 +94,13 @@ export async function buildWordPress(blockName, isBlock = false) {
      generatorsPath: path.join(__dirname)
    });
-    await createFiles(data, [{
+    // await createFiles(data, [{
-      from: `templates/helpers/Template_API.php`,
+    //   from: `templates/helpers/Template_API.php`,
-      to: `helpers/${data.blockClassModel}_API.php`,
+    //   to: `helpers/${data.blockClassModel}_API.php`,
-    }], {
+    // }], {
-      pathDist: distPath,
+    //   pathDist: distPath,
-      generatorsPath: path.join(__dirname)
+    //   generatorsPath: path.join(__dirname)
-    });
+    // });
  } else {
    await createFiles(data, [{
      from: `templates/Template_Basic_Component.php`,
@@ -103,7 +115,7 @@ export async function buildWordPress(blockName, isBlock = false) {
 export function execCommand(cmd = '') {
  return new Promise((resolve, reject) => {
-    exec(cmd, function (error, stdout) {
+    exec(cmd, function (error) {
      if (error) {
        console.log('Error:', error)
        reject(error);
@@ -124,7 +136,7 @@ function execPHPFile(file = '', functionName = '', args = {}) {
        return reject(err);
      }
-      php[functionName.toLowerCase()](args, (err, res, out, print) => {
+      php[functionName.toLowerCase()](args, (err, res, out) => {
        if (err) {
          console.error(out);
          return reject(err);
@@ -4,7 +4,6 @@ import path from 'path';
 import fetch from "node-fetch";
 import express from 'express';
 import {create} from 'express-handlebars';
 import fsExtra from 'fs-extra';
 import browserSync from 'browser-sync';
 import config from 'config';
 import gulp from 'gulp';
@@ -19,8 +18,7 @@ import open from "open";
 import {sanitizeUrl} from "@braintree/sanitize-url";
 import sanitizeHtml from 'sanitize-html';
 import {escape} from "lodash-es";
-import archiver from 'archiver';
+import {getBlockConfigs, getConfigs, readJSONFile, zipProject} from "./helpers.js";
 import {getBlockConfigs, getConfigs, readJSONFile} from "./helpers.js";
 import PluginError from 'plugin-error';
 /**
@@ -99,7 +97,11 @@ app.get('/view/:baseView', async (req, res) => {
    include_partial: (filesPath) => handlebarLayoutsPath(modulesPath, filesPath),
    include_block_template: () => handlebarLayoutsPath(projectPath, 'src', `${blockName}.template`),
    section_class: `${blockName}--${jsonFileName}`,
-    base_url: '/'
+    base_url: '/',
  }
  if (!!req.query.iframe) {
    data.iframeMode = true;
  }
  const baseView = req.params.baseView ?? 'container';
@@ -130,7 +132,7 @@ app.get('/publish', async (req, res) => {
  }
  if (responseData.uploadUrl) {
-    await zipProject();
+    await zipProject(path.join(projectPath, 'src'));
    const body = await fs.readFile(path.join(projectPath, 'dist.zip'));
    const response = await fetch(`${responseData.uploadUrl}`, {
      method: 'PUT',
@@ -339,52 +341,6 @@ function prepareListOfDataFiles(dataFiles) {
    .sort();
 }
 async function zipProject() {
  // create a file to stream archive data to.
  const output = await fsExtra.createWriteStream('dist.zip');
  const archive = archiver('zip', {});
  // listen for all archive data to be written
  // 'close' event is fired only when a file descriptor is involved
  output.on('close', function () {
    console.log(archive.pointer() + ' total bytes');
    console.log('archiver has been finalized and the output file descriptor has closed.');
  });
  // This event is fired when the data source is drained no matter what was the data source.
  // It is not part of this library but rather from the NodeJS Stream API.
  // @see: https://nodejs.org/api/stream.html#stream_event_end
  output.on('end', function () {
    console.log('Data has been drained');
  });
  // good practice to catch warnings (ie stat failures and other non-blocking errors)
  archive.on('warning', function (err) {
    if (err.code === 'ENOENT') {
      // log warning
    } else {
      // throw error
      throw err;
    }
  });
  // good practice to catch this error explicitly
  archive.on('error', function (err) {
    throw err;
  });
  // pipe archive data to the file
  archive.pipe(output);
  // append files from a subdirectory, putting its contents at the root of archive
  archive.directory(path.join(projectPath, 'src'), false);
  // finalize the archive (ie we are done appending files but streams have to finish yet)
  // 'close', 'end' or 'finish' may be fired right after calling this method so register to them beforehand
  await archive.finalize();
 }
 function handleSyntaxErrors(err, req, res, next) {
  if (err) {
    return res.render('error', {
Author	SHA1	Message	Date
roman	25862c4b1c	1.0.22	2022-12-08 05:00:43 +02:00
roman	a61510f136	Updated build process of ACF Block. Added initBlock function.	2022-12-08 04:56:45 +02:00
roman	0d3ae8f03e	Added "scroll" layout for scrolling tests. Added swiperjs rules that fix the height/vertical-scrolling issues of sliders.	2022-12-07 06:38:54 +02:00
roman	b58ef27f1e	Fix scrolling issues of iFrame.	2022-12-06 11:32:14 +02:00
roman	161e34e8ee	1.0.21	2022-12-05 14:26:08 +02:00
roman	8eb7bea2e8	Fix resizing issue.	2022-12-05 14:26:01 +02:00
roman	d9543bb22c	Provide option to rewrite project/module paths.	2022-12-03 21:58:34 +02:00
roman	02abf4652e	Update enqueue asset names.	2022-12-01 09:49:19 +02:00
roman	1ed038ff02	Update build of ACF blocks.	2022-11-30 21:01:02 +02:00
roman	0bb705ccdc	Update build of ACF blocks.	2022-11-30 17:44:46 +02:00
roman	9d25bdcb88	Update path to assets.	2022-11-25 19:48:14 +02:00
roman	4d1d2337bf	Added Basic Elementor widget logic.	2022-11-25 19:42:28 +02:00
roman	00866a8115	Update WordPress Basic Template	2022-11-25 19:25:33 +02:00
roman	1d733fb952	Fix right side icons/buttons.	2022-11-25 15:40:29 +02:00
roman	295c6f82af	Added Elementor option in build process. Elementor build still not ready.	2022-11-25 11:48:41 +02:00
roman	f0af682a43	Include jpg,png,svg of toolbar in prod package.	2022-11-24 07:50:53 +02:00
`@@ -1 +1 @@`
	`!function(){let e;const t=2window.outerHeight;function n(n){const o=document.querySelector("body > main").scrollHeight;if(e===o\|\|o>t)return;e=o,window.parent.postMessage("resize:"+JSON.stringify({height:e}),"")}n(),new ResizeObserver(n).observe(document.body)}();`	`!function(){let e;function n(n){const t=document.querySelector("body > main").scrollHeight;if(e===t)return;e=t,window.parent.postMessage("resize:"+JSON.stringify({height:e}),"*")}n(),new ResizeObserver(n).observe(document.body)}();`
		`@@ -1 +1 @@`
			`{"version":3,"sourceRoot":"","sources":["page--view.scss"],"names":[],"mappings":"AAAA;EACE;EACA;;;AAGF;EACE;EACA","file":"page--view.css"}`				`{"version":3,"sourceRoot":"","sources":["page--view.scss","_page--view-swiper.scss"],"names":[],"mappings":"AAAA;EACE;;;AAGF;EACE;EACA;EACA;EACA;;ACPA;EACE;;AAGF;EACE;;;ADSJ;EACE;;AAEA;EAGE;;;AAIJ;EACE;EACA;EACA;EACA","file":"page--view.css"}`