Merge branch 'release/v2.4.0' into main

README.md

@@ -5,7 +5,7 @@ Donate link: https://bowo.io/vi-sp-rdm
 Tags: php variables, variable dump, debug, developer  
 Requires at least: 4.8  
 Tested up to: 6.2  
-Stable tag: 2.3.0  
+Stable tag: 2.4.0  
 Requires PHP: 5.6  
 License: GPLv2 or later  
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
@@ -53,9 +53,9 @@ This would help you locate and clean up the inspector lines once you're done deb
 
 ### PRO Version
 
-If you need something more versatile for larger, more complex projects, these PRO features might come in handy:
+If you need something more versatile for larger, more complex projects, these [PRO features](https://bowo.io/vi-up-hstd-dsc) might come in handy:
 
-- **vi( $variable )** inspector to replace the do_action() above and automatically includes the file path and line number.
+- **vi( $variable )** inspector to replace the do_action() above and automatically includes the file path and line number. Or, use **vis( $variable_name, 'variable_name' )** when inspecting in/via code snippets plugins (Code Snippets, WPCodeBox, Scripts Organizer, etc.) or custom code module of page builders (Bricks, Oxygen Builder, etc.)
 - **dump_print_r** and **dump_print_tree** viewers: both viewers combines var_dump and print_r, with the later allowing for collapsing and expanding data nodes, which is especially useful for inspecting long and complex arrays and objects.
 - **kint** viewer: an advanced viewer with table view for multi-dimensional arrays, node access path info, capability to search inside variables, pop-up window viewing and advanced info for your complex objects, e.g. available methods and static class properties.
 - **Categorize and filter results by color**. This, for example, allows you to categorize $variables according to which stage they're in inside your code.
@@ -64,9 +64,9 @@ If you need something more versatile for larger, more complex projects, these PR
 - **View up to 250 results**. The free version is limited to 25 results.
 - **Individual and bulk deletion** of results. Easily clean up your inspection dashboard from obsolete results you no longer need to reference.
 
-See a screenshot of the PRO version below in the screenshots section.
+[Click here](https://bowo.io/vi-pro-scrsht-rdm) to see a screenshot of the [PRO version](https://bowo.io/vi-up-hstd-dsc) or see below in the screenshots section.
 
-To upgrade, simply go to Variable Inspector dashboard in wp-admin and hit the Upgrade button. Or, go to this [hosted page](https://bowo.io/vi-up-hstd-dsc).
+To upgrade, simply go to Variable Inspector dashboard in wp-admin and hit the Upgrade button. Or, go to the [PRO version's description page](https://bowo.io/vi-up-hstd-dsc) and purchase the PRO version there.
 
 ### Check These Out Too
 
@@ -92,9 +92,14 @@ Variable Inspector was built with: [WordPress Plugin Boilerplate](https://github
 
 ## Changelog
 
-### Sponsor Admin and Site Enhancements
+### Sponsor Variable Inspector
 
-If this plugin has been useful for your **personal project(s), paid dev work, client site(s) and or agency's workflow**, please kindly consider **sponsoring from as little as USD 1**([monthly](https://bowo.io/vi-sp-gth-chnlg) or [one-time](https://bowo.io/vi-sp-ppl-chnlg)). This helps ensure you're going to continue seeing **new features and/or fixes**, hopefully for years to come. Thank you!
+If this plugin has been useful for your **personal project(s), paid dev work, client site(s) and or agency's workflow**, please kindly consider **sponsoring from as little as USD 1** ([monthly](https://bowo.io/vi-sp-gth-chnlg) or [one-time](https://bowo.io/vi-sp-ppl-chnlg)). This helps ensure you're going to continue seeing **new features and/or fixes**, hopefully for years to come. Thank you!
+
+### 2.4.0 (2023.05.15)
+
+* [PRO] Added vis() inspector for inspecting $variables via code snippets plugins or custom code modules of page builders
+* Remove freemius SDK from free version
 
 ### 2.3.0 (2023.04.24)
 

admin/class-variable-inspector-admin.php

@@ -509,7 +509,7 @@ public function vi_create_main_page()
         esc_html_e( 'Feedback', 'variable-inspector' );
         ?>
                     </a>
-
+                                                                
                     <?php 
         // Free version code
         ?>
@@ -520,11 +520,11 @@ public function vi_create_main_page()
         ?>
                         </div>
 
-                        <div id="plugin-upgrade" class="button button-primary plugin-upgrade">&#9650;
+                        <a id="plugin-upgrade" href="https://bowo.io/vi-up-btn" target="_blank" class="button button-primary plugin-upgrade">&#9650; 
                             <?php 
         esc_html_e( 'Upgrade', 'variable-inspector' );
         ?>
-                        </div>
+                        </a>
                         <?php 
         ?>
 
@@ -588,95 +588,6 @@ public function vi_create_main_page()
                     <p>More about me and my work at <a href="https://bowo.io/vi-bw-sp" target="_blank">bowo.io</a>.</p>
                 </div>
             </div>
-            <div id="vi-upgrade" class="cta-modal-content upgrade" style="display:none;">
-                <div class="upgrade-content">
-                    <div class="upgrade-header">
-                        <div class="upgrade-image">
-                            <img src="<?php 
-        echo  esc_attr( plugin_dir_url( __FILE__ ) . 'img/undraw_Developer_activity_re_39tg.png' ) ;
-        ?>" />
-                        </div>
-                        <h2>Upgrade to Variable Inspector PRO</h2>
-                        <h3>Work faster and smarter with your $variables</h3>
-                    </div>
-                    <div class="upgrade-features">
-                        <div class="feature-description">
-                            <h3>vi() inspector</h3>
-                            <p>Convenient shorthand inspector which automatically includes file path and line number info. So, instead of:</p>
-                            <pre><code>do_action( 'inspect', [ 'variable_name', $variable_name, __FILE__, __LINE__ ] );</code></pre>
-                            <p>You can simply:</p>
-                            <pre><code>vi( $variable_name );</code></pre>
-                        </div>
-                        <div class="feature-description">
-                            <h3>dump_print_r and dump_print_tree viewers</h3>
-                            <p>Convenient viewers that combines var_dump and print_r, with the later allowing for collapsing and expanding data nodes, which is especially useful for inspecting long and complex arrays and objects.</p>
-                            <img src="<?php 
-        echo  esc_attr( plugin_dir_url( __FILE__ ) . 'img/pro/variable_inspector_plugin_dump_print_r.png' ) ;
-        ?>" />
-                            <img src="<?php 
-        echo  esc_attr( plugin_dir_url( __FILE__ ) . 'img/pro/variable_inspector_plugin_dump_print_tree.png' ) ;
-        ?>" />
-                        </div>
-                        <div class="feature-description">
-                            <h3>kint viewer</h3>
-                            <p>An advanced viewer with table view for multi-dimensional arrays, node access path info, capability to search inside variables, pop-up window viewing and advanced info for your complex objects, e.g. available methods and static class properties. This has been custom-skinned for a cleaner view and to match the other viewers. </p>
-                            <img src="<?php 
-        echo  esc_attr( plugin_dir_url( __FILE__ ) . 'img/pro/variable_inspector_plugin_kint_viewer.png' ) ;
-        ?>" />
-                        </div>
-                        <div class="feature-description">
-                            <h3>Categorize and filter results by color</h3>
-                            <p>Color-categorize inspection results based on your workflow. For example, you can mark variables in a certain stage with one color, and then with another color when they reach a different stage.</p>
-                            <p>Six colors are available: green, orange, red, purple, blue and gray. Gray is the default color when you're not passing the second, color parameter, or pass an empty string to it.</p>
-                            <img src="<?php 
-        echo  esc_attr( plugin_dir_url( __FILE__ ) . 'img/pro/variable_inspector_plugin_color_categories.png' ) ;
-        ?>" />
-                            <img src="<?php 
-        echo  esc_attr( plugin_dir_url( __FILE__ ) . 'img/pro/variable_inspector_plugin_color_categorized_results.png' ) ;
-        ?>" />
-                            <img src="<?php 
-        echo  esc_attr( plugin_dir_url( __FILE__ ) . 'img/pro/variable_inspector_plugin_color_filter.png' ) ;
-        ?>" />
-                        </div>
-                        <div class="feature-description">
-                            <h3>Add counter or notes to inspection results</h3>
-                            <p>As you can see in the above example with the $count variable, simply add a second, integer parameter to vi(). The parameter can also be your $i in a loop.</p>
-                            <pre><code>vi( $count, 'orange', 2 );</code></pre>
-                            <p>Alternately, you can add notes instead by adding a second, string parameter to your inspector.</p>
-                            <pre><code>vi( $vehicles, 'orange', 'This should be an indexed array' );</code></pre>
-                            <img src="<?php 
-        echo  esc_attr( plugin_dir_url( __FILE__ ) . 'img/pro/variable_inspector_plugin_counter_notes.png' ) ;
-        ?>" />
-                        </div>
-                        <div class="feature-description">
-                            <h3>Search filter: by name and type</h3>
-                            <p>Easily find variables across different stages of your code for easy inspection and comparison.</p>
-                            <img src="<?php 
-        echo  esc_attr( plugin_dir_url( __FILE__ ) . 'img/pro/variable_inspector_plugin_search_filter_by_name.png' ) ;
-        ?>" />
-                            <img src="<?php 
-        echo  esc_attr( plugin_dir_url( __FILE__ ) . 'img/pro/variable_inspector_plugin_search_filter_by_type.png' ) ;
-        ?>" />
-                        </div>
-                        <div class="feature-description">
-                            <h3>View up to 250 results</h3>
-                            <p>The PRO version allows you to work more conveniently on complex projects where you need to review a multitude of variables at different stages and locations in your code. The free version is limited to 25 results.</p>
-                        </div>
-                        <div class="feature-description">
-                            <h3>Individual and bulk deletion of results</h3>
-                            <p>Easily clean up your inspection dashboard from obsolete results you no longer need to reference.</p>
-                            <img src="<?php 
-        echo  esc_attr( plugin_dir_url( __FILE__ ) . 'img/pro/variable_inspector_plugin_results_deletion.png' ) ;
-        ?>" />
-                        </div>
-                    </div>
-                    <div class="upgrade-footer">
-                        <a href="<?php 
-        echo  esc_attr( bwvi_fs()->get_upgrade_url() ) ;
-        ?>" target="_blank">Upgrade to PRO now from $4.99 per year, or $14.99 lifetime <span class="dashicons dashicons-arrow-right-alt2"></span></a>
-                    </div>
-                </div>
-            </div>
         </div>
         <?php 
     }

admin/css/variable-inspector-admin.css

@@ -292,8 +292,11 @@
 }
 
 .vi .inspection-time {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
     width: 112px;
-    padding: 1em .75em 1em 1.25em;
     margin-top: 1em;
     margin-bottom: 1em;
     background-color: #f7f7f7;
@@ -643,6 +646,7 @@
     text-align: center;
     text-decoration: none;
     transition: .25s;
+    border-radius: 0 0 4px 4px;
 }
 .cta-modal-content .upgrade-footer a:hover {
     background: #006600;    

admin/js/variable-inspector-admin.js

@@ -313,7 +313,7 @@
 
    		// Modal for sponsoring plugin dev and maintenance: https://stephanwagner.me/jBox
 
-   		var upgradeModal = new jBox('Modal', {
+   		var sponsorModal = new jBox('Modal', {
    			attach: '#plugin-sponsor',
    			trigger: 'click', // or 'mouseenter'
    			// content: 'Test'
@@ -348,34 +348,11 @@
 			});
 		});
 
-   		// Modal for PRO version upgrade: https://stephanwagner.me/jBox
-
-   		var upgradeModal = new jBox('Modal', {
-   			attach: '#plugin-upgrade',
-   			trigger: 'click', // or 'mouseenter'
-   			// content: 'Test'
-   			content: $('#vi-upgrade'),
-   			width: 740, // pixels
-   			closeButton: 'box',
-   			addClass: 'plugin-upgrade-modal',
-   			overlayClass: 'plugin-upgrade-modal-overlay',
-   			target: '#wpwrap', // where to anchor the modal
-   			position: {
-   				x: 'center',
-   				y: 'top'
-   			},
-   			// fade: 1000,
-   			animation: {
-   				open: 'slide:top',
-   				close: 'slide:top'
-   			}
-   		});
-
    		// Invoke tracking of link clicks to track how man times the "Upgrade" button is clicked
 
-   		$('#plugin-sponsor').click( function() {
+   		$('#plugin-upgrade').click( function() {
 			$.ajax({
-				url: 'https://bowo.io/vi-up-btn',
+				url: 'https://bowo.io/vi-up-btn-trk',
 				method: 'GET',
 				dataType: 'jsonp',
 				crossDomain: true
@@ -385,7 +362,7 @@
 			});
 		});
 
-	});
+	}); // END OF $(document).ready();END
 
 })( jQuery );