WP_Super_Duper_Block::block()

Complexity

Conditions	50
Paths	> 20000

Size

Total Lines	502
Code Lines	318

Duplication

Lines	0
Ratio	0 %

Importance

Changes	1
Bugs	0	Features	0

<?php
	public function block() {
		ob_start();

		$block_name    = str_replace( '_', '-', sanitize_title_with_dashes( $this->sd->options['textdomain'] ) . '/' . sanitize_title_with_dashes( $this->sd->options['class_name'] ) );
		$show_advanced = $this->sd->block_show_advanced();
		$id            = $this->sd->base_id . '-' . $this->sd->get_number();
		?>
		<script>
			/**
			 * BLOCK: Basic
			 *
			 * Registering a basic block with Gutenberg.
			 * Simple block, renders and saves the same content without any interactivity.
			 *
			 * Styles:
			 *        editor.css — Editor styles for the block.
			 *        style.css  — Editor & Front end styles for the block.
			 */
			(function () {
				var __ = wp.i18n.__; // The __() for internationalization.
				var el = wp.element.createElement; // The wp.element.createElement() function to create elements.
				var editable = wp.blocks.Editable;
				var blocks = wp.blocks;
				var registerBlockType = wp.blocks.registerBlockType; // The registerBlockType() to register blocks.
				var is_fetching = false;
				var prev_attributes = [];

				var term_query_type = '';
				var post_type_rest_slugs = <?php if ( ! empty( $this->sd->arguments ) && isset( $this->sd->arguments['post_type']['onchange_rest']['values'] ) ) {
					echo "[" . json_encode( $this->sd->arguments['post_type']['onchange_rest']['values'] ) . "]";
				} else {
					echo "[]";
				} ?>;
				const taxonomies_<?php echo str_replace( "-", "_", $id );?> = [{label: "Please wait", value: 0}];
				const sort_by_<?php echo str_replace( "-", "_", $id );?> = [{label: "Please wait", value: 0}];

				/**
				 * Register Basic Block.
				 *
				 * Registers a new block provided a unique name and an object defining its
				 * behavior. Once registered, the block is made available as an option to any
				 * editor interface where blocks are implemented.
				 *
				 * @param  {string}   name     Block name.
				 * @param  {Object}   settings Block settings.
				 * @return {?WPBlock}          The block, if it has been successfully
				 *                             registered; otherwise `undefined`.
				 */
				registerBlockType('<?php echo $block_name;  ?>', { // Block name. Block names must be string that contains a namespace prefix. Example: my-plugin/my-custom-block.
					title: '<?php echo addslashes( $this->sd->options['name'] ); ?>', // Block title.
					description: '<?php echo addslashes( $this->sd->options['widget_ops']['description'] )?>', // Block title.
					icon: <?php echo $this->get_block_icon( $this->sd->options['block-icon'] );?>,//'<?php echo isset( $this->sd->options['block-icon'] ) ? esc_attr( $this->sd->options['block-icon'] ) : 'shield-alt';?>', // Block icon from Dashicons → https://developer.wordpress.org/resource/dashicons/.
					supports: {
						<?php
						if ( isset( $this->sd->options['block-supports'] ) ) {
							echo $this->sd->array_to_attributes( $this->sd->options['block-supports'] );
						}
						?>
					},
					category: '<?php echo isset( $this->sd->options['block-category'] ) ? esc_attr( $this->sd->options['block-category'] ) : 'common';?>', // Block category — Group blocks together based on common traits E.g. common, formatting, layout widgets, embed.
					<?php if ( isset( $this->sd->options['block-keywords'] ) ) {
					echo "keywords : " . $this->sd->options['block-keywords'] . ",";
				}?>

					<?php

					// maybe set no_wrap
					$no_wrap = isset( $this->sd->options['no_wrap'] ) && $this->sd->options['no_wrap'] ? true : false;
					if ( isset( $this->sd->arguments['no_wrap'] ) && $this->sd->arguments['no_wrap'] ) {
						$no_wrap = true;
					}
					if ( $no_wrap ) {
						$this->sd->options['block-wrap'] = '';
					}

					$show_alignment = false;

					if ( ! empty( $this->sd->arguments ) ) {
						echo "attributes : {";

						if ( $show_advanced ) {
							echo "show_advanced: {";
							echo "	type: 'boolean',";
							echo "  default: false,";
							echo "},";
						}

						// block wrap element
						if ( ! empty( $this->sd->options['block-wrap'] ) ) { //@todo we should validate this?
							echo "block_wrap: {";
							echo "	type: 'string',";
							echo "  default: '" . esc_attr( $this->sd->options['block-wrap'] ) . "',";
							echo "},";
						}

						foreach ( $this->sd->arguments as $key => $args ) {

							// set if we should show alignment
							if ( $key == 'alignment' ) {
								$show_alignment = true;
							}

							$extra = '';

The assignment to $extra is dead and can be removed.

							if ( $args['type'] == 'checkbox' ) {
								$type    = 'boolean';
								$default = isset( $args['default'] ) && $args['default'] ? 'true' : 'false';
							} elseif ( $args['type'] == 'number' ) {
								$type    = 'number';
								$default = isset( $args['default'] ) ? "'" . $args['default'] . "'" : "''";
							} elseif ( $args['type'] == 'select' && ! empty( $args['multiple'] ) ) {
								$type = 'array';
								if ( isset( $args['default'] ) && is_array( $args['default'] ) ) {
									$default = ! empty( $args['default'] ) ? "['" . implode( "','", $args['default'] ) . "']" : "[]";
								} else {
									$default = isset( $args['default'] ) ? "'" . $args['default'] . "'" : "''";
								}
							} elseif ( $args['type'] == 'multiselect' ) {
								$type    = 'array';
								$default = isset( $args['default'] ) ? "'" . $args['default'] . "'" : "''";
							} else {
								$type    = 'string';
								$default = isset( $args['default'] ) ? "'" . $args['default'] . "'" : "''";
							}
							echo str_replace( '-','__', $key ) . " : {";
							echo "type : '$type',";
							echo "default : $default,";
							echo "},";
						}

						echo "content : {type : 'string',default: 'Please select the attributes in the block settings'},";
						echo "className: { type: 'string', default: '' },";
						echo "},";

					}

					?>

					// The "edit" property must be a valid function.
					edit: function (props) {


						var $value = '';
						<?php
						// if we have a post_type and a category then link them
						if( isset( $this->sd->arguments['post_type'] ) && isset( $this->sd->arguments['category'] ) && ! empty( $this->sd->arguments['category']['post_type_linked'] ) ){
						?>
						if (typeof(prev_attributes[props.id]) != 'undefined') {
							$pt = props.attributes.post_type;
							if (post_type_rest_slugs.length) {
								$value = post_type_rest_slugs[0][$pt];
							}
							var run = false;

							if ($pt != term_query_type) {
								run = true;
								term_query_type = $pt;
							}

							// taxonomies
							if ($value && 'post_type' in prev_attributes[props.id] && 'category' in prev_attributes[props.id] && run) {
								wp.apiFetch({
									path: "<?php if ( isset( $this->sd->arguments['post_type']['onchange_rest']['path'] ) ) {
										echo $this->sd->arguments['post_type']['onchange_rest']['path'];
									} else {
										'/wp/v2/"+$value+"/categories/?per_page=100';
									} ?>"
								}).then(terms => {
									while (taxonomies_<?php echo str_replace( "-", "_", $id );?>.length
							)
								{
									taxonomies_<?php echo str_replace("-","_", $id);?>.pop();
								}
								taxonomies_<?php echo str_replace("-","_", $id);?>.push({label: "All", value: 0});
								jQuery.each(terms, function (key, val) {
									taxonomies_<?php echo str_replace("-","_", $id);?>.push({
										label: val.name,
										value: val.id
									});
								});

								// setting the value back and fourth fixes the no update issue that sometimes happens where it won't update the options.
								var $old_cat_value = props.attributes.category;
								props.setAttributes({category: [0]});
								props.setAttributes({category: $old_cat_value});

								return taxonomies_<?php echo str_replace( "-", "_", $id );?>;
							})
							};

							// sort_by
							if ($value && 'post_type' in prev_attributes[props.id] && 'sort_by' in prev_attributes[props.id] && run) {
								var data = {
									'action': 'geodir_get_sort_options',
									'post_type': $pt
								};
								jQuery.post(ajaxurl, data, function (response) {
									response = JSON.parse(response);
									while (sort_by_<?php echo str_replace( "-", "_", $id );?>.length) {
										sort_by_<?php echo str_replace("-","_", $id);?>.pop();
									}

									jQuery.each(response, function (key, val) {
										sort_by_<?php echo str_replace("-","_", $id);?>.push({label: val, value: key});
									});

									// setting the value back and fourth fixes the no update issue that sometimes happens where it won't update the options.
									var $old_sort_by_value = props.attributes.sort_by;
									props.setAttributes({sort_by: [0]});
									props.setAttributes({sort_by: $old_sort_by_value});

									return sort_by_<?php echo str_replace( "-", "_", $id );?>;
								});

							}
						}
						<?php }?>


						var content = props.attributes.content;

						function onChangeContent() {

							$refresh = false;

							// Set the old content the same as the new one so we only compare all other attributes
							if (typeof(prev_attributes[props.id]) != 'undefined') {
								prev_attributes[props.id].content = props.attributes.content;
							} else if (props.attributes.content === "") {
								// if first load and content empty then refresh
								$refresh = true;
							}

							if (( !is_fetching && JSON.stringify(prev_attributes[props.id]) != JSON.stringify(props.attributes) ) || $refresh) {

								is_fetching = true;
								var data = {
									'action': 'super_duper_output_shortcode',
									'shortcode': '<?php echo $this->sd->options['base_id'];?>',
									'attributes': props.attributes,
									'post_id': <?php global $post; if ( isset( $post->ID ) ) {
									echo $post->ID;
								} else {
									echo '0';
								}?>,
									'_ajax_nonce': '<?php echo wp_create_nonce( 'super_duper_output_shortcode' );?>'
								};

								jQuery.post(ajaxurl, data, function (response) {
									return response;
								}).then(function (env) {

									// if the content is empty then we place some placeholder text
									if (env == '') {
										env = "<div style='background:#0185ba33;padding: 10px;border: 4px #ccc dashed;'>" + "<?php _e( 'Placeholder for: ' );?>" + props.name + "</div>";
									}

									props.setAttributes({content: env});
									is_fetching = false;
									prev_attributes[props.id] = props.attributes;

									// if AUI is active call the js init function
									if (typeof aui_init === "function") {
										aui_init();
									}
								});


							}

							return props.attributes.content;

						}

						return [

							el(wp.blockEditor.BlockControls, {key: 'controls'},

								<?php if($show_alignment){?>
								el(
									wp.blockEditor.AlignmentToolbar,
									{
										value: props.attributes.alignment,
										onChange: function (alignment) {
											props.setAttributes({alignment: alignment})
										}
									}
								)
								<?php }?>

							),

							el(wp.blockEditor.InspectorControls, {key: 'inspector'},

								<?php

								if(! empty( $this->sd->arguments )){

								if ( $show_advanced ) {
								?>
								el('div', {
										style: {'padding-left': '16px', 'padding-right': '16px'}
									},
									el(
										wp.components.ToggleControl,
										{
											label: 'Show Advanced Settings?',
											checked: props.attributes.show_advanced,
											onChange: function (show_advanced) {
												props.setAttributes({show_advanced: !props.attributes.show_advanced})
											}
										}
									)
								)
								,
								<?php

								}

								$arguments = $this->sd->group_arguments( $this->sd->arguments );

								// Do we have sections?
								$has_sections = $arguments == $this->sd->arguments ? false : true;


								if($has_sections){
								$panel_count = 0;
								foreach($arguments as $key => $args){
								?>
								el(wp.components.PanelBody, {
										title: '<?php esc_attr_e( $key ); ?>',
										initialOpen: <?php if ( $panel_count ) {
										echo "false";
									} else {
										echo "true";
									}?>
									},
									<?php

									foreach ( $args as $k => $a ) {
										$k = str_replace('-','__', $k);
										$this->block_row_start( $k, $a );
										$this->build_block_arguments( $k, $a );
										$this->block_row_end( $k, $a );
									}
									?>
								),
								<?php
								$panel_count ++;

								}
								}else {
								?>
								el(wp.components.PanelBody, {
										title: '<?php esc_attr_e( "Settings" ); ?>',
										initialOpen: true
									},
									<?php
									foreach ( $this->sd->arguments as $key => $args ) {
										$key = str_replace('-','__', $key);
										$this->block_row_start( $key, $args );
										$this->build_block_arguments( $key, $args );
										$this->block_row_end( $key, $args );
									}
									?>
								),
								<?php
								}

								}
								?>

							),

							<?php
							// If the user sets block-output array then build it
							if ( ! empty( $this->sd->options['block-output'] ) ) {
							$this->block_element( $this->sd->options['block-output'] );
						}else{
							// if no block-output is set then we try and get the shortcode html output via ajax.
							?>
							el('div', {
								dangerouslySetInnerHTML: {__html: onChangeContent()},
								className: props.className,
								style: {'minHeight': '30px'}
							})
							<?php
							}
							?>
						]; // end return
					},

					// Enable transforming from Legacy widgets.
					transforms: {
						from: [
							{
								type: "block",
								blocks: ["core/legacy-widget"],
								isMatch: function isMatch(attributes) {
									var idBase = attributes.idBase,
										instance = attributes.instance;

									if (!(instance !== null && instance !== void 0 && instance.raw)) {
										// Can't transform if raw instance is not shown in REST API.
										return false;
									}

									return idBase === "<?php echo $this->sd->options['base_id'];?>";
								},
								transform: function transform(attributes) {
									var instance = attributes.instance;

									return wp.blocks.createBlock("<?php echo $block_name;?>", instance.raw);
								}
							}
						]
					},

					// The "save" property must be specified and must be a valid function.
					save: function (props) {

						//console.log(props);


						var attr = props.attributes;
						var align = '';

						// build the shortcode.
						var content = "[<?php echo $this->sd->options['base_id'];?>";
						$html = '';
						<?php

						if(! empty( $this->sd->arguments )){

						foreach($this->sd->arguments as $key => $args){
						$key = str_replace('-','__', $key);
						?>
						if (attr.hasOwnProperty("<?php echo esc_attr( $key );?>")) {
							if ('<?php echo esc_attr( $key );?>' == 'html') {
								$html = attr.<?php echo esc_attr( $key );?>;
							} else {
								content += " <?php echo str_replace( '__','-', esc_attr( $key ) );?>='" + attr.<?php echo esc_attr( $key );?>+ "' ";
							}
						}
						<?php
						}
						}

						?>
						content += "]";

						// if has html element
						if ($html) {
							content += $html + "[/<?php echo $this->sd->options['base_id'];?>]";
						}


						// @todo should we add inline style here or just css classes?
						if (attr.alignment) {
							if (attr.alignment == 'left') {
								align = 'alignleft';
							}
							if (attr.alignment == 'center') {
								align = 'aligncenter';
							}
							if (attr.alignment == 'right') {
								align = 'alignright';
							}
						}

						<?php
						if(isset( $this->sd->options['block-wrap'] ) && $this->sd->options['block-wrap'] == ''){
						?>
						return content;
						<?php
						}else{
						?>
						var block_wrap = 'div';
						if (attr.hasOwnProperty("block_wrap")) {
							block_wrap = attr.block_wrap;
						}
						return el(block_wrap, {dangerouslySetInnerHTML: {__html: content}, className: align});
						<?php
						}
						?>


					}
				});
			})();
		</script>
		<?php
		$output = ob_get_clean();

		/*
		 * We only add the <script> tags for code highlighting, so we strip them from the output.
		 */

		return str_replace( array(
			'<script>',
			'</script>'
		), '', $output );
	}