PluginProbe
Visualizer – Tables & Charts Manager with Built-in AI Generator / 3.6.1
Visualizer – Tables & Charts Manager with Built-in AI Generator v3.6.1
4.0.7 4.0.6 4.0.5 4.0.4 4.0.3 3.0.5 3.0.6 3.0.7 3.0.8 3.0.9 3.1.0 3.1.1 3.1.2 3.1.3 3.10.0 3.10.1 3.10.10 3.10.11 3.10.12 3.10.13 3.10.14 3.10.15 3.10.2 3.10.3 3.10.4 All 148 releases
← All changes | classes/Visualizer/Module/Frontend.php +50 -323 4.0.33.6.1 View file →
@@ -41,16 +41,8 @@
41 41 */
42 42 private $_charts = array();
43 43
44 44 /**
45 - * Lazy render script.
46 - *
47 - * @access private
48 - * @var bool
49 - */
50 - private $lazy_render_script = true;
51 -
52 - /**
53 45 * Constructor.
54 46 *
55 47 * @since 1.0.0
56 48 * @uses add_filter() To add "do_shortcode" hook for "widget_text" and "term_description" filters.
@@ -60,12 +52,9 @@
60 52 */
61 53 public function __construct( Visualizer_Plugin $plugin ) {
62 54 parent::__construct( $plugin );
63 55
64 - $this->_addAction( 'wp_print_footer_scripts', 'printFooterScripts' );
65 56 $this->_addAction( 'wp_enqueue_scripts', 'enqueueScripts' );
66 - $this->_addAction( 'load-index.php', 'enqueueScripts' );
67 - $this->_addAction( 'load-visualizer_page_visualizer-setup-wizard', 'enqueueScripts' );
68 57 $this->_addAction( 'visualizer_enqueue_scripts', 'enqueueScripts' );
69 58 $this->_addFilter( 'visualizer_get_language', 'getLanguage' );
70 59 $this->_addShortcode( 'visualizer', 'renderChart' );
71 60
@@ -86,39 +75,21 @@
86 75
87 76 /**
88 77 * Adds the async attribute to certain scripts.
89 78 */
90 - public function script_loader_tag( $tag, $handle, $src ) {
79 + function script_loader_tag( $tag, $handle, $src ) {
91 80 if ( is_admin() ) {
92 81 return $tag;
93 82 }
94 - // Async scripts.
95 - $async_scripts = array( 'google-jsapi', 'chartjs', 'visualizer-datatables' );
96 - foreach ( $async_scripts as $async ) {
83 +
84 + $scripts = array( 'google-jsapi', 'visualizer-render-google-lib', 'visualizer-render-google' );
85 +
86 + foreach ( $scripts as $async ) {
97 87 if ( $async === $handle ) {
98 - $tag = str_replace( ' src', ' async src', $tag );
88 + $tag = str_replace( ' src', ' defer="defer" src', $tag );
99 89 break;
100 90 }
101 91 }
102 -
103 - // Async scripts.
104 - $scripts = array( 'dom-to-image' );
105 - foreach ( array( 'async', 'defer' ) as $attr ) {
106 - if ( wp_scripts()->get_data( $handle, $attr ) ) {
107 - break;
108 - }
109 - if ( in_array( $handle, $async_scripts, true ) || false === strpos( $handle, 'visualizer-' ) ) {
110 - break;
111 - }
112 - if ( ! preg_match( ":\s$attr(=|>|\s):", $tag ) ) {
113 - $tag = preg_replace( ':(?=></script>):', " $attr", $tag, 1 );
114 - if ( $this->lazy_render_script ) {
115 - $tag = str_replace( ' src', ' data-visualizer-script', $tag );
116 - }
117 - }
118 - // Only allow async or defer, not both.
119 - break;
120 - }
121 92 return $tag;
122 93 }
123 94
124 95 /**
@@ -123,9 +94,9 @@
123 94
124 95 /**
125 96 * Returns the language/locale.
126 97 */
127 - public function getLanguage( $dummy, $only_language ) {
98 + function getLanguage( $dummy, $only_language ) {
128 99 return $this->get_language();
129 100 }
130 101
131 102
@@ -131,9 +102,9 @@
131 102
132 103 /**
133 104 * Registers the endpoints
134 105 */
135 - public function endpoint_register() {
106 + function endpoint_register() {
136 107 register_rest_route(
137 108 'visualizer/v' . VISUALIZER_REST_VERSION,
138 109 '/action/(?P<chart>\d+)/(?P<type>.+)/',
139 110 array(
@@ -141,9 +112,9 @@
141 112 'methods' => array( 'POST', 'GET' ),
142 113 'args' => array(
143 114 'chart' => array(
144 115 'required' => true,
145 - 'sanitize_callback' => function ( $param ) {
116 + 'sanitize_callback' => function( $param ) {
146 117 return is_numeric( $param ) ? $param : null;
147 118 },
148 119 ),
149 120 'type' => array(
@@ -271,8 +242,9 @@
271 242 * @access public
272 243 */
273 244 public function enqueueScripts() {
274 245 wp_register_script( 'visualizer-customization', $this->get_user_customization_js(), array(), null, true );
246 + wp_register_style( 'visualizer-front', VISUALIZER_ABSURL . 'css/front.css', array(), Visualizer_Plugin::VERSION );
275 247 do_action( 'visualizer_pro_frontend_load_resources' );
276 248 }
277 249
278 250 /**
@@ -304,53 +276,24 @@
304 276 'use_image' => 'no',
305 277 ),
306 278 $atts
307 279 );
308 -
309 - $atts['id'] = (int) $atts['id'];
310 - $atts['class'] = esc_attr( $atts['class'] );
311 - $atts['lazy'] = esc_attr( $atts['lazy'] );
312 - $atts['use_image'] = esc_attr( $atts['use_image'] );
313 -
314 - global $sitepress;
315 - if ( Visualizer_Module::is_pro() && ( function_exists( 'icl_get_languages' ) && $sitepress instanceof \SitePress ) ) {
316 - global $sitepress;
317 - $locale = icl_get_current_language();
318 - $locale = strtolower( str_replace( '_', '-', $locale ) );
319 - $trid = $sitepress->get_element_trid( $atts['id'], 'post_' . Visualizer_Plugin::CPT_VISUALIZER );
320 - $translations = $sitepress->get_element_translations( $trid );
321 - if ( isset( $translations[ $locale ] ) && is_object( $translations[ $locale ] ) ) {
322 - $atts['id'] = $translations[ $locale ]->element_id;
323 - }
324 - }
325 -
326 - $chart_data = $this->getChartData( Visualizer_Plugin::CF_CHART_CACHE, $atts['id'] );
327 - // if empty chart does not exists, then return empty string.
328 - if ( ! $chart_data ) {
280 + // if empty id or chart does not exists, then return empty string
281 + if ( ! $atts['id'] || ! ( $chart = get_post( $atts['id'] ) ) || $chart->post_type !== Visualizer_Plugin::CPT_VISUALIZER ) {
329 282 return '';
330 283 }
331 284
332 - $chart = $chart_data['chart'];
333 - $type = $chart_data['type'];
334 - $series = $chart_data['series'];
335 285 // do not show the chart?
336 286 if ( ! apply_filters( 'visualizer_pro_show_chart', true, $atts['id'] ) ) {
337 287 return '';
338 288 }
339 289
340 - if ( ! is_admin() && ! empty( $chart_data['is_woocommerce_report'] ) ) {
341 - return '';
290 + // in case revisions exist.
291 + // phpcs:ignore WordPress.CodeAnalysis.AssignmentInCondition.Found
292 + if ( true === ( $revisions = $this->undoRevisions( $chart->ID, true ) ) ) {
293 + $chart = get_post( $chart->ID );
342 294 }
343 295
344 - // in case revisions exist (skip D3 charts to avoid reverting AI data).
345 - $chart_library = get_post_meta( $chart->ID, Visualizer_Plugin::CF_CHART_LIBRARY, true );
346 - if ( 'd3' !== $chart_library ) {
347 - $revisions = $this->undoRevisions( $chart->ID, true );
348 - if ( true === $revisions ) {
349 - $chart = get_post( $chart->ID );
350 - }
351 - }
352 -
353 296 $id = 'visualizer-' . $atts['id'];
354 297 $defaultClass = 'visualizer-front';
355 298 $class = apply_filters( Visualizer_Plugin::FILTER_CHART_WRAPPER_CLASS, $atts['class'], $atts['id'] );
356 299
@@ -365,34 +308,24 @@
365 308 if ( ctype_digit( $atts['lazy'] ) ) {
366 309 $attributes['data-lazy-limit'] = $atts['lazy'];
367 310 }
368 311
369 - $attributes = apply_filters( 'visualizer_container_attributes', $attributes, $chart->ID );
312 + $type = get_post_meta( $chart->ID, Visualizer_Plugin::CF_CHART_TYPE, true );
370 313
371 314 $chart = apply_filters( 'visualizer_schedule_refresh_chart', $chart, $chart->ID, false );
372 315
373 - // Get and update settings.
374 - $settings = $chart_data['settings'];
375 - $settings = ! empty( $settings ) ? $settings : array();
316 + // fetch and update settings
317 + $settings = get_post_meta( $chart->ID, Visualizer_Plugin::CF_SETTINGS, true );
376 318 if ( empty( $settings['height'] ) ) {
377 319 $settings['height'] = '400';
378 320 }
379 321
380 322 // handle series filter hooks
381 - $series = apply_filters( Visualizer_Plugin::FILTER_GET_CHART_SERIES, $series, $chart->ID, $type );
323 + $series = apply_filters( Visualizer_Plugin::FILTER_GET_CHART_SERIES, get_post_meta( $chart->ID, Visualizer_Plugin::CF_SERIES, true ), $chart->ID, $type );
382 324
383 325 // handle settings filter hooks
384 326 $settings = apply_filters( Visualizer_Plugin::FILTER_GET_CHART_SETTINGS, $settings, $chart->ID, $type );
385 327
386 - $lazy_load = isset( $settings['lazy_load_chart'] ) ? $settings['lazy_load_chart'] : false;
387 - $lazy_load = apply_filters( 'visualizer_lazy_load_chart', $lazy_load, $chart->ID );
388 - $container_class = 'visualizer-front-container';
389 - if ( ! $lazy_load ) {
390 - $this->lazy_render_script = false;
391 - } else {
392 - $container_class .= ' visualizer-lazy-render';
393 - }
394 -
395 328 // handle data filter hooks
396 329 $data = self::get_chart_data( $chart, $type );
397 330
398 331 $css = '';
@@ -411,33 +344,16 @@
411 344 return '<div data-amp-auto-lightbox-disable id="' . $id . '"' . $this->getHtmlAttributes( $attributes ) . '>' . $amp->get_chart( $chart, $data, $series, $settings ) . '</div>';
412 345 }
413 346
414 347 if ( 'yes' === $atts['use_image'] ) {
415 - $chart_image = $chart_data['chart_image'];
348 + $chart_image = get_post_meta( $chart->ID, Visualizer_Plugin::CF_CHART_IMAGE, true );
416 349 if ( $chart_image ) {
417 350 return '<div id="' . $id . '"' . $this->getHtmlAttributes( $attributes ) . '>' . wp_get_attachment_image( $chart_image, 'full' ) . '</div>';
418 351 }
419 352 }
420 - // Unset chart image base64 string.
421 - if ( isset( $settings['chart-img'] ) ) {
422 - unset( $settings['chart-img'] );
423 - }
424 353
425 - $enable_controls = false;
426 - if ( isset( $settings['controls'] ) && ! empty( $settings['controls']['controlType'] ) ) {
427 - $column_index = $settings['controls']['filterColumnIndex'];
428 - $column_label = $settings['controls']['filterColumnLabel'];
429 - if ( 'false' !== $column_index || 'false' !== $column_label ) {
430 - $enable_controls = true;
431 - }
432 - }
433 -
434 - if ( ! $enable_controls ) {
435 - unset( $settings['controls'] );
436 - }
437 -
438 354 // add chart to the array
439 - $chart_entry = array(
355 + $this->_charts[ $id ] = array(
440 356 'type' => $type,
441 357 'series' => $series,
442 358 'settings' => $settings,
443 359 'data' => $data,
@@ -443,15 +359,8 @@
443 359 'data' => $data,
444 360 'library' => $library,
445 361 );
446 362
447 - // For D3 charts, include the stored code so the renderer can execute it.
448 - if ( 'd3' === $library ) {
449 - $chart_entry['code'] = get_post_meta( $chart->ID, Visualizer_Module_AIBuilder::CF_D3_CODE, true );
450 - }
451 -
452 - $this->_charts[ $id ] = $chart_entry;
453 -
454 363 $actions_div = '';
455 364 $actions_visible = apply_filters( 'visualizer_pro_add_actions', isset( $settings['actions'] ) ? $settings['actions'] : array(), $atts['id'] );
456 365 if ( ! empty( $actions_visible ) ) {
457 366 $actions = $this->get_actions();
@@ -482,117 +391,40 @@
482 391 }
483 392
484 393 $actions_div .= $css;
485 394
486 - $_charts = array();
487 - $_charts_type = '';
488 - $count = 0;
489 - static $visualizer_localized = false;
490 - static $visualizer_charts = array();
491 - static $d3_localized = false;
492 - $facade_handle = 'visualizer-render-facade';
493 395 foreach ( $this->_charts as $id => $array ) {
494 - $_charts = $this->_charts;
495 396 $library = $array['library'];
496 - $_charts_type = $library;
497 - $facade_deps = apply_filters( 'visualizer_assets_render', array( 'jquery', 'visualizer-customization' ), true );
498 - if ( ! wp_script_is( $facade_handle, 'registered' ) ) {
499 - wp_register_script(
500 - $facade_handle,
501 - VISUALIZER_ABSURL . 'js/render-facade.js',
502 - $facade_deps,
503 - Visualizer_Plugin::VERSION,
504 - true
505 - );
506 - wp_enqueue_script( $facade_handle );
507 - } else {
508 - // Ensure newly discovered dependencies are attached to the facade.
509 - global $wp_scripts;
510 - if ( isset( $wp_scripts->registered[ $facade_handle ] ) ) {
511 - $wp_scripts->registered[ $facade_handle ]->deps = array_unique(
512 - array_merge( $wp_scripts->registered[ $facade_handle ]->deps, $facade_deps )
513 - );
514 - }
515 - foreach ( $facade_deps as $dep_handle ) {
516 - wp_enqueue_script( $dep_handle );
517 - }
518 - }
397 + wp_register_script(
398 + "visualizer-render-$library",
399 + VISUALIZER_ABSURL . 'js/render-facade.js',
400 + apply_filters( 'visualizer_assets_render', array( 'jquery', 'visualizer-customization' ), true ),
401 + Visualizer_Plugin::VERSION,
402 + true
403 + );
519 404
520 - // For D3 charts, also enqueue the dedicated renderer bundle.
521 - if ( 'd3' === $library ) {
522 - $d3_renderer_asset = VISUALIZER_ABSPATH . '/classes/Visualizer/D3Renderer/build/index.asset.php';
523 - if ( file_exists( $d3_renderer_asset ) && ! wp_script_is( 'visualizer-d3-renderer', 'registered' ) ) {
524 - /**
525 - * Ignore missing build asset in source checkout.
526 - *
527 - * @phpstan-ignore-next-line
528 - */
529 - $d3_asset = include $d3_renderer_asset;
530 - wp_register_script(
531 - 'visualizer-d3-renderer',
532 - VISUALIZER_ABSURL . 'classes/Visualizer/D3Renderer/build/index.js',
533 - array_merge( $d3_asset['dependencies'], array( 'jquery' ) ),
534 - $d3_asset['version'],
535 - true
536 - );
537 - wp_enqueue_script( 'visualizer-d3-renderer' );
538 - }
539 - if ( ! $d3_localized ) {
540 - wp_localize_script(
541 - 'visualizer-d3-renderer',
542 - 'vizD3Renderer',
543 - array(
544 - 'iframeJsUrl' => VISUALIZER_ABSURL . 'classes/Visualizer/D3Renderer/build/iframe.js',
545 - )
546 - );
547 - $d3_localized = true;
548 - }
549 - }
405 + wp_enqueue_script( "visualizer-render-$library" );
406 + wp_localize_script(
407 + "visualizer-render-$library",
408 + 'visualizer',
409 + array(
410 + 'charts' => $this->_charts,
411 + 'language' => $this->get_language(),
412 + 'map_api_key' => get_option( 'visualizer-map-api-key' ),
413 + 'rest_url' => version_compare( $wp_version, '4.7.0', '>=' ) ? rest_url( 'visualizer/v' . VISUALIZER_REST_VERSION . '/action/#id#/#type#/' ) : '',
414 + 'wp_nonce' => wp_create_nonce( 'wp_rest' ),
415 + 'i10n' => array(
416 + 'copied' => __( 'The data has been copied to your clipboard. Hit Ctrl-V/Cmd-V in your spreadsheet editor to paste the data.', 'visualizer' ),
417 + ),
418 + 'page_type' => 'frontend',
419 + 'is_front' => true,
420 + )
421 + );
422 + wp_enqueue_style( 'visualizer-front' );
423 + }
550 424
551 - if ( wp_script_is( $facade_handle ) && 0 === $count ) {
552 - if ( ! $visualizer_localized ) {
553 - $visualizer_charts = $this->_charts;
554 - wp_localize_script(
555 - $facade_handle,
556 - 'visualizer',
557 - array(
558 - 'charts' => $this->_charts,
559 - 'language' => $this->get_language(),
560 - 'map_api_key' => get_option( 'visualizer-map-api-key' ),
561 - 'rest_url' => version_compare( $wp_version, '4.7.0', '>=' ) ? rest_url( 'visualizer/v' . VISUALIZER_REST_VERSION . '/action/#id#/#type#/' ) : '',
562 - 'wp_nonce' => wp_create_nonce( 'wp_rest' ),
563 - 'i10n' => array(
564 - 'copied' => __( 'The data has been copied to your clipboard. Hit Ctrl-V/Cmd-V in your spreadsheet editor to paste the data.', 'visualizer' ),
565 - ),
566 - 'page_type' => 'frontend',
567 - 'is_front' => true,
568 - )
569 - );
570 - $visualizer_localized = true;
571 - } else {
572 - $new_charts = array_diff_key( $this->_charts, $visualizer_charts );
573 - if ( ! empty( $new_charts ) ) {
574 - wp_add_inline_script(
575 - $facade_handle,
576 - 'window.visualizer = window.visualizer || {};' .
577 - 'window.visualizer.charts = Object.assign(window.visualizer.charts || {}, ' . wp_json_encode( $new_charts ) . ');',
578 - 'before'
579 - );
580 - $visualizer_charts = array_merge( $visualizer_charts, $new_charts );
581 - }
582 - }
583 - }
584 - ++$count;
585 - }
586 - $prefix = 'C' . 'h' . 'a' . 'rt';
587 - if ( $type === 'tabular' ) {
588 - $prefix = 'T' . 'a' . 'bl' . 'e';
589 - }
590 - if ( Visualizer_Module::is_pro() && $enable_controls ) {
591 - $actions_div .= '<div id="control_wrapper_' . $id . '"></div>';
592 - }
593 425 // return placeholder div
594 - return '<div class="' . $container_class . '" id="chart_wrapper_' . $id . '">' . $actions_div . '<div id="' . $id . '"' . $this->getHtmlAttributes( $attributes ) . '></div>' . $this->addSchema( $chart->ID ) . '</div>';
426 + return $actions_div . '<div id="' . $id . '"' . $this->getHtmlAttributes( $attributes ) . '></div>' . $this->addSchema( $chart->ID );
595 427 }
596 428
597 429 /**
598 430 * Converts the array of attributes to a string of HTML attributes.
@@ -607,9 +439,9 @@
607 439 return $string;
608 440 }
609 441
610 442 foreach ( $attributes as $name => $value ) {
611 - $string .= sprintf( ' %s="%s"', esc_attr( $name ), esc_attr( $value ) );
443 + $string .= sprintf( '%s="%s"', esc_attr( $name ), esc_attr( $value ) );
612 444 }
613 445 return $string;
614 446 }
615 447
@@ -710,111 +542,6 @@
710 542 return '';
711 543 }
712 544
713 545 return '<script type="application/ld+json">' . $schema . '</script>';
714 - }
715 -
716 - /**
717 - * Get chart by ID.
718 - *
719 - * @param string $cache_key Cache key.
720 - * @param int $chart_id Chart ID.
721 - * @return mixed
722 - */
723 - private function getChartData( $cache_key = '', $chart_id = 0 ) {
724 - if ( ! $chart_id ) {
725 - return false;
726 - }
727 - // Create unique cache key of each chart.
728 - $cache_key .= '_' . $chart_id;
729 - // Get chart from cache.
730 - $chart = get_transient( $cache_key );
731 - if ( $chart ) {
732 - return $chart;
733 - }
734 -
735 - // Get chart by ID.
736 - $chart = get_post( $chart_id );
737 - if ( $chart && Visualizer_Plugin::CPT_VISUALIZER === $chart->post_type ) {
738 - $settings = get_post_meta( $chart->ID, Visualizer_Plugin::CF_SETTINGS, true );
739 - $series = get_post_meta( $chart->ID, Visualizer_Plugin::CF_SERIES, true );
740 - $is_woocommerce_report = get_post_meta( $chart->ID, Visualizer_Plugin::CF_IS_WOOCOMMERCE_SOURCE, true );
741 -
742 - if ( isset( $settings['series'] ) && ! ( count( $settings['series'] ) - count( $series ) > 1 ) ) {
743 - $diff_total_series = abs( count( $settings['series'] ) - count( $series ) );
744 - if ( $diff_total_series ) {
745 - foreach ( range( 1, $diff_total_series ) as $k => $diff_series ) {
746 - $settings['series'][] = end( $settings['series'] );
747 - }
748 - }
749 - }
750 - $chart_data = array(
751 - 'chart' => $chart,
752 - 'type' => get_post_meta( $chart->ID, Visualizer_Plugin::CF_CHART_TYPE, true ),
753 - 'settings' => $settings,
754 - 'series' => $series,
755 - 'chart_image' => get_post_meta( $chart->ID, Visualizer_Plugin::CF_CHART_IMAGE, true ),
756 - 'is_woocommerce_report' => $is_woocommerce_report,
757 - );
758 -
759 - // Put the results in a transient. Expire after 12 hours.
760 - set_transient( $cache_key, $chart_data, apply_filters( Visualizer_Plugin::FILTER_HANDLE_CACHE_EXPIRATION_TIME, 12 * HOUR_IN_SECONDS ) );
761 - return $chart_data;
762 - }
763 -
764 - return false;
765 - }
766 -
767 - /**
768 - * Print footer script.
769 - */
770 - public function printFooterScripts() {
771 - if ( $this->lazy_render_script ) {
772 - ?>
773 - <script type="text/javascript">
774 - var visualizerUserInteractionEvents = [
775 - "scroll",
776 - "mouseover",
777 - "keydown",
778 - "touchmove",
779 - "touchstart"
780 - ];
781 -
782 - visualizerUserInteractionEvents.forEach(function(event) {
783 - window.addEventListener(event, visualizerTriggerScriptLoader, { passive: true });
784 - });
785 -
786 - function visualizerTriggerScriptLoader() {
787 - visualizerLoadScripts();
788 - visualizerUserInteractionEvents.forEach(function(event) {
789 - window.removeEventListener(event, visualizerTriggerScriptLoader, { passive: true });
790 - });
791 - }
792 -
793 - function visualizerLoadScripts() {
794 - document.querySelectorAll("script[data-visualizer-script]").forEach(function(elem) {
795 - jQuery.getScript( elem.getAttribute("data-visualizer-script") )
796 - .done( function( script, textStatus ) {
797 - elem.setAttribute("src", elem.getAttribute("data-visualizer-script"));
798 - elem.removeAttribute("data-visualizer-script");
799 - setTimeout( function() {
800 - visualizerRefreshChart();
801 - } );
802 - } );
803 - });
804 - }
805 -
806 - function visualizerRefreshChart() {
807 - jQuery( '.visualizer-front:not(.visualizer-chart-loaded)' ).resize();
808 - if ( jQuery( 'div.viz-facade-loaded:not(.visualizer-lazy):empty' ).length > 0 ) {
809 - visualizerUserInteractionEvents.forEach( function( event ) {
810 - window.addEventListener( event, function() {
811 - jQuery( '.visualizer-front:not(.visualizer-chart-loaded)' ).resize();
812 - }, { passive: true } );
813 - } );
814 - }
815 - }
816 - </script>
817 - <?php
818 - }
819 546 }
820 547 }