Jump to content
adrian

Tracy Debugger

Recommended Posts

Everyone else coming from 3.0152 to 3.0153 seeing this? Looks correct to me based on what Ryan just committed to the core.

image.png.b0bf7af11ce1f08ce6b4f7bf59eb8a90.png

Share this post


Link to post
Share on other sites

Thanks @bernhard - those Breadcrumb and $process methods have been persistent for a while. I think you'll actually need one more update for them to disappear. I "reset" my cache when I was updating Tracy yesterday by going from 152 back to 151, then to 152 and today to 153. Can you remember to check on upgrade to 154 and let me know if the problem still persists please? Thanks.

Share this post


Link to post
Share on other sites

Not sure if that helps, but I have this site under git, so I reverted to 1.0.152, did a modules refresh, then went back to master branch (1.0.153) and this is what I get: 

Sdc9fBG.png

Share this post


Link to post
Share on other sites

Thanks @bernhard - is that just the start of things - is it listing virtually everything as new? It is kinda looking like the old cached version was removed somehow in the downgrade / upgrade process. Let's see what others report their experience to be.

Share this post


Link to post
Share on other sites

Now it shows this, so I guess it was somehow messing up with some cached values 🙂 

KTJZGCR.png

Wow, this even works for my own $theme API variable 😮 

  • Like 1

Share this post


Link to post
Share on other sites

@adrian Hi. 

I'm facing a small issue and I'm not sure that this one is relative to Tracy, but I feel that it's better to ask anyway.
I have quite a simple template that outputs page views based on the GET parameters.

Spoiler

<?php namespace ProcessWire;

	bp('template before');
	if (!config('ajax') || !input()->get('post_ids')) {
		wire404();
	}

	$layout->preventOutput(true);
	$dirty_post_ids = input()->get('post_ids');
	$post_ids = implode('|', sanitizer('intArray', $dirty_post_ids));



	header('Content-Type: application/json; charset=utf-8;');
	$data = cache()->getFor('PostViews', $post_ids, 300, function () use ($post_ids) {
		return pages()->getById($post_ids, [
			'getNumChildren' => false,
			'joinFields'     => [
				'phits'
			]
		])->explode(function ($p) {
			return [
				'id'    => $p->id,
				'views' => (int) $p->getViewsCount(3.3)
			];
		});
	});

	echo wireEncodeJSON($data, 0);
	bp('template after');
	$this->halt();

URL of this page is /ua/views/.

The issue is that I have significant and unreasonable leap in memory usage

image.png.b53bb594a76de53db13001323e8dc983.png

The strange thing is that if I change URL ( page name) to something else like v or view I get (if not contains 'views')

image.png.9bb5fdd73198780eb605dd1e6438b52e.png

I have reviewed all the code and did not find anything where occurs 'views'.

I don’t have any idea what can cause it, it's just some kind of mysticism, so I thought maybe it could be an issue with Tracy or Performance Panel. 

Thanks. 

Share this post


Link to post
Share on other sites

Hey @adrian

I've just started using live.js because I'm doing some work in the backend where I need JS/LESS a lot. After getting tired of reloading the browser I thought I'd try browsersync that I recently discovered but it did not work. Then I found live.js and added this to my module:

if(!$this->user->isSuperuser()) return;
if(!$this->config->debug) return;
$this->config->scripts->add('http://livejs.com/live.js');

And this just works!!

The great thing about it is that it even recognizes when my style.less file changed. The great thing here is that it does not reload the browser but only replaces the CSS file (which is crazy because the CSS is parsed via RockLESS on demand, so the server must somehow be involved. Anyway... the style gets updated without reloading the page as soon as I change my LESS file 😎

I thought this would be very easy to include in Tracy. For the frontend it would need to add the whole script tag instead of doing $config->styles->add(), but that would also be simple.

What do you think?

Edit: I understand now how the less-part works. On every poll of live.js the server is involved, so live.js results in lots of requests to your server! I don't think that's a very good option...

Share this post


Link to post
Share on other sites

@Zeka - sorry, I am not sure - that Performance panel is not my own work - it comes from https://github.com/Zarganwar/PerformancePanel although it hasn't seen any updates in a long time. It would be great if you could figure out where the problem is coming from though if you have the time.

@bernhard - thanks for the idea - but sounds like it's a no go afterall.

Share this post


Link to post
Share on other sites
1 minute ago, adrian said:

but sounds like it's a no go afterall.

Unfortunately yes 🙂 

Share this post


Link to post
Share on other sites

Hi @adrian,

Is it possible to switch into a user with the guest role only using the User Switcher panel? I didn't see the default guest user available there so I created a new user with only the guest role but it doesn't appear either.

Or do you know of another way to get the debug bar to appear on a remote site when not logged in? (of course you would never to this on a live site - my site isn't publicly accessible)

Share this post


Link to post
Share on other sites
1 minute ago, Robin S said:

Is it possible to switch into a user with the guest role only using the User Switcher panel?

Use the logout button on the user switcher panel and it should do what you want.

  • Like 1

Share this post


Link to post
Share on other sites
12 minutes ago, adrian said:

Use the logout button on the user switcher panel and it should do what you want.

Thanks! I just had to start a User Switcher session and then the logout button did the trick.

  • Like 1

Share this post


Link to post
Share on other sites

Major new release, thanks in big part to @Robin S for ideas, testing, and feedback.

1. The Console panel now stores it's snippets on disk so they can be backed up, be under version control, and also editable via your external code editor (with direct link from the entry in the Console snippet sidebar). They are stored in either /site/templates/TracyDebugger/snippets/ or /site/assets/TracyDebugger/snippets/

Note that all your pre-existing snippets that were previously stored along with Tracy's module settings will be automatically written to disk when you upgrade to the new version of Tracy.

2. You can define a block of code to be prepended to the snippet when it is saved to disk. For example, Robin is using:

<?php namespace ProcessWire;
//<editor-fold desc="API variables">
/**
 * @var Config $config
 * @var Fieldgroups $fieldgroups
 * @var Fields $fields
 * @var Languages $languages
 * @var Modules $modules
 * @var Page $page
 * @var Pages $pages
 * @var Paths $urls
 * @var Permissions $permissions
 * @var ProcessWire $wire
 * @var Roles $roles
 * @var Sanitizer $sanitizer
 * @var Session $session
 * @var Templates $templates
 * @var User $user
 * @var Users $users
 * @var WireCache $cache
 * @var WireDatabasePDO $database
 * @var WireDateTime $datetime
 * @var WireFileTools $files
 * @var WireInput $input
 * @var WireLog $log
 * @var WireMail $mail
 * @var \ProCache $procache
 * @var FormBuilder $forms
 **/
//</editor-fold>

 

3. The SnippetRunner panel has been removed because it's no longer necessary with the new behavior of the Console panel.

4. The Console panel has a new inbuilt DB backup feature. If checked, it will backup your complete DB. The backups are stored under /site/assets/backups/database/ which is where Ryan's Database Backups module (http://modules.processwire.com/modules/process-database-backups/) stores its backups. It is recommended to install this module to make managing and restoring backups much easier. Backups can be automatically named: tracy-console-2020-04-14-18-23-38.sql or you can specify a custom name in the Console panel if you'd like to set something more meaningful before a major change. Automatically named backups are automatically pruned when there are a set number of backups (default is 25, but is configurable in module settings).

5. The user switcher panel now has the option to use a PW API selector string as a way to determine which users will be listed.

6. There is a new Quicklinks section at the top of the module settings to more quickly get to what you're looking for (code thanks to Robin).

7. Lots of other tweaks, fixes and improvements.

8. New core versions of Tracy and ACE editor.

Please let me know what you think and if you have any problems.

PS - please do a hard reload in your browser to ensure you get the new css and js files.

 

 

 

  • Like 4

Share this post


Link to post
Share on other sites

Big, big thanks @adrian for all your ongoing work on Tracy Debugger - it just gets better and better!

  • Like 2
  • Thanks 1

Share this post


Link to post
Share on other sites

Hello There @adrian

I am having a strange problem with the wonderfull tracy that started a long time ago but i havent notice until now because i have not used it in a while.

But i am getting errors about:
- The Console Panel
- The ProcesswireInfoPanel
- The ApiExplorerPanel

I will attach screenshots of the errors with some sensitive parts blured out for security.

I hope we can resolve this because i love to use the Console.

I am running:
- Processwire 3.0.153
- Tracy Debugger 4.21.1
- PHP 7.3.16
 

tracy_Debugger_console_error.thumb.png.5fc535d15ae1feb26b85c28b40119a80.pngtracy_Debugger_ProcesswireInfoPanel_error.thumb.png.68fcc9f997633760545e452dc1e47436.pngtracy_Debugger_ApiExplorerPanel.thumb.png.9337c6b027918efc50e3726976f6d1f9.pngtracy_Debugger_toolbar.thumb.png.22430b96c90b196200dd142ae2582a9d.pngtracy_Debugger_toolbar.thumb.png.22430b96c90b196200dd142ae2582a9d.png

Share this post


Link to post
Share on other sites

Hi @EyeDentify - what host are you using? Any chance it's nextcloud or one.com ? https://github.com/nextcloud/server/issues/16752

I can see why you might be getting the error in the PW Info panel, but am confused about the other two. Can you please try disabling the PW Info panel and see if that fixes the other two as well. If it does, then I think we might be able to do a try / catch for the PW Info panel that will fix it.

Finally, do you know why there are two copies of the main Tracy bar - that looks strange to me.

  • Like 1

Share this post


Link to post
Share on other sites

@EyeDentify - could you also check whether set_time_limit is actually in the php.ini disable_functions list?

  • Like 1

Share this post


Link to post
Share on other sites
1 hour ago, adrian said:

Hi @EyeDentify - what host are you using? Any chance it's nextcloud or one.com ? https://github.com/nextcloud/server/issues/16752

I can see why you might be getting the error in the PW Info panel, but am confused about the other two. Can you please try disabling the PW Info panel and see if that fixes the other two as well. If it does, then I think we might be able to do a try / catch for the PW Info panel that will fix it.

Finally, do you know why there are two copies of the main Tracy bar - that looks strange to me.

Hi @adrian

Thanks for getting back to me.

I have one.com as host.

I am baffled by the double bar as well, but it says AJAX on the other one.

I tried to disable Info panel but that did not do any difference to the Console error.

Where do i check for the disable_functions list?

Share this post


Link to post
Share on other sites

If the other bar says AJAX, then that is expected, but your screenshot didn't show that at all, hence my question.

Looking at the error messages for the Console and API Explorer panels more closely, it shows it's actually coming from PW's core FileCompiler.php file on line 384. The PW core uses set_time_limit in many places: https://github.com/processwire/processwire/search?q="set_time_limit"&unscoped_q="set_time_limit" so I think your only decent option is a different host because from what I can tell, one.com doesn't let you enable set_time_limit.

  • Like 1

Share this post


Link to post
Share on other sites
7 minutes ago, adrian said:

If the other bar says AJAX, then that is expected, but your screenshot didn't show that at all, hence my question.

Looking at the error messages for the Console and API Explorer panels more closely, it shows it's actually coming from PW's core FileCompiler.php file on line 384. The PW core uses set_time_limit in many places: https://github.com/processwire/processwire/search?q="set_time_limit"&unscoped_q="set_time_limit" so I think your only decent option is a different host because from what I can tell, one.com doesn't let you enable set_time_limit.

Oki.

Thats unfortunate, because i just changed to one.com 🙂

But everything else seem to work with PW other then the Tracy Debugger.

I get this string:
"disk_total_space, diskfreespace, exec, system, popen, proc_open, proc_nice, shell_exec, passthru, dl"

When i run:
 

<?PHP print_r(ini_get('disable_functions')); ?>

 

Share this post


Link to post
Share on other sites
31 minutes ago, EyeDentify said:

But everything else seem to work with PW other then the Tracy Debugger.

Can you try a few different things for me:

1) Empty the PW trash

2) Do a field export (from the main fields list page)

3) Install the core ProcessPageClone module and click the new "COPY" page list action button

If those all succeed without error, I'll revisit, but otherwise I'll need to update Tracy to be PW 3.x only so that it avoids the FileCompiler completely. That would solve the Console and APIExplorer panel error. The PW Info panel error is due to the Versions List feature trying to check if the system allows runtime modification of max_execution_time so I could conditionally remove or deal with that, but I'd like to make sure those other core PW things work on that host first.

It's also weird how one.com seems to disable set_time_limit / max_execution_time some other way - ie not in disable_functions - make it much harder to detect. 

 

  • Like 1

Share this post


Link to post
Share on other sites
11 minutes ago, adrian said:

Can you try a few different things for me:

1) Empty the PW trash

2) Do a field export (from the main fields list page)

3) Install the core ProcessPageClone module and click the new "COPY" page list action button

If those all succeed without error, I'll revisit, but otherwise I'll need to update Tracy to be PW 3.x only so that it avoids the FileCompiler completely. That would solve the Console and APIExplorer panel error. The PW Info panel error is due to the Versions List feature trying to check if the system allows runtime modification of max_execution_time so I could conditionally remove or deal with that, but I'd like to make sure those other core PW things work on that host first.

It's also weird how one.com seems to disable set_time_limit / max_execution_time some other way - ie not in disable_functions - make it much harder to detect. 

 

 

I did the following:
1. Empty trash
2. Did a sucessfull field export

Did not install the ProcessPageClone because it had no install button, it seems to be manual only.
i am not sure how to install it manually.

And PW says i have an newer version of the ProcessPageClone in the system "1.0.4?"

install_ProcessPageClone.thumb.png.977fc6227b45228b24ab76363f7cf688.png

Share this post


Link to post
Share on other sites

It looks like you already have ProcessPageClone installed - do you have the "copy" button in the Page list action buttons?

Not sure where to go from here - I feel like one.com should be failing on those PW core calls to set_time_limit() as well. Any chance you can give me access to the server - either this one, or another test one at one.com?

 

  • Like 1

Share this post


Link to post
Share on other sites
1 hour ago, adrian said:

It looks like you already have ProcessPageClone installed - do you have the "copy" button in the Page list action buttons?

Not sure where to go from here - I feel like one.com should be failing on those PW core calls to set_time_limit() as well. Any chance you can give me access to the server - either this one, or another test one at one.com?

 

Hello Again.

I Get a "Copy" option on any pages under the Root in pagelist.

I am going to uninstall Tracy Debugger and install it again and see what happens.
Cause some things have been acting strange like the image upload issue i postet about a short while ago then went away.

I will think about the server access thing.
 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.

  • Similar Content

    • By MoritzLost
      This module allows you to integrate hCaptcha bot / spam protection into ProcessWire forms. hCaptcha is a great alternative to Google ReCaptcha, especially if you are in the EU and need to comply with privacy regulations.

      The development of this module is sponsored by schwarzdesign.
      The module is built as an Inputfield, allowing you to integrate it into any ProcessWire form you want. It's primarily intended for frontend forms and can be added to Form Builder forms for automatic spam protection. There's a step-by-step guide for adding the hCaptcha widget to Form Builder forms in the README, as well as instructions for API usage.
      Features
      Inputfield that displays an hCaptcha widget in ProcessWire forms. The inputfield verifies the hCaptcha response upon submission, and adds a field error if it is invalid. All hCaptcha configuration options for the widget (theme, display size etc) can be changed through the inputfield configuration, as well as programmatically. hCaptcha script options can be changed through a hook. Error messages can be translated through ProcessWire's site translations. hCaptcha secret keys and site-keys can be set for each individual inputfield or globally in your config.php. Error codes and failures are logged to help you find configuration errors. Please check the README for setup instructions.
      Links
      Github Repository and documentation InputfieldHCaptcha in the module directory (pending approval) Screenshots (configuration)

      Screenshots (hCaptcha widget)

       
       

       
    • By joshua
      This module is (yet another) way for implementing a cookie management solution.
      Of course there are several other possibilities:
      - https://processwire.com/talk/topic/22920-klaro-cookie-consent-manager/
      - https://github.com/webmanufaktur/CookieManagementBanner
      - https://github.com/johannesdachsel/cookiemonster
      - https://www.oiljs.org/
      - ... and so on ...
      In this module you can configure which kind of cookie categories you want to manage:

      You can also enable the support for respecting the Do-Not-Track (DNT) header to don't annoy users, who already decided for all their browsing experience.
      Currently there are four possible cookie groups:
      - Necessary (always enabled)
      - Statistics
      - Marketing
      - External Media
      All groups can be renamed, so feel free to use other cookie group names. I just haven't found a way to implement a "repeater like" field as configurable module field ...
      When you want to load specific scripts ( like Google Analytics, Google Maps, ...) only after the user's content to this specific category of cookies, just use the following script syntax:
      <script type="text/plain" data-type="text/javascript" data-category="statistics" data-src="/path/to/your/statistic/script.js"></script> <script type="text/plain" data-type="text/javascript" data-category="marketing" data-src="/path/to/your/mareketing/script.js"></script> <script type="text/plain" data-type="text/javascript" data-category="external_media" data-src="/path/to/your/external-media/script.js"></script> <script type="text/plain" data-type="text/javascript" data-category="marketing">console.log("Inline scripts are also working!");</script> The type has to be "optin" to get recognized by PrivacyWire, the data-attributes are giving hints, how the script shall be loaded, if the data-category is within the cookie consents of the user. These scripts are loaded asynchronously after the user made the decision.
      If you want to give the users the possibility to change their consent, you can use the following Textformatter:
      [[privacywire-choose-cookies]] It's planned to add also other Textformatters to opt-out of specific cookie groups or delete the whole consent cookie.
      You can also add a custom link to output the banner again with a link / button with following class:
      <a href="#" class="privacywire-show-options">Show Cookie Options</a> <button class="privacywire-show-options">Show Cookie Options</button> This module is still in development, but we already use it on several production websites.
      You find it here: PrivacyWire Git Repo
      Download as .zip
      I would love to hear your feedback 🙂
      CHANGELOG
      0.1.1 Debugging: fixed error during uninstall 0.1.0 Added new detection of async scripts for W3C Validation 0.0.6 CSS-Debugging for hiding unused buttons, added ProCache support for the JavaScript tag 0.0.5 Multi-language support included completely (also in TextFormatter). Added possibility to async load other assets (e.g. <img type="optin" data-category="marketing" data-src="https://via.placeholder.com/300x300">) 0.0.4 Added possibility to add an imprint link to the banner 0.0.3 Multi-language support for module config (still in development) 0.0.2 First release 0.0.1 Early development
    • By bernhard
      --- Please use RockFinder3 ---
    • By MoritzLost
      Cacheable Placeholders
      This module allows you to have pieces of dynamic content inside cached output. This aims to solve the common problem of having a mostly cacheable site, but with pieces of dynamic output here and there.  Consider this simple example, where you want to output a custom greeting to the current user:
      <h1>Good morning, <?= ucfirst($user->name) ?></h1> This snippet means you can't use the template cache (at least for logged-in users), because each user has a different name. Even if 99% of your output is static, you can only cache the pieces that you know won't include this personal greeting. A more common example would be CSRF tokens for HTML forms - those need to be unique by definition, so you can't cache the form wholesale.
      This module solves this problem by introducing cacheable placeholders - small placeholder tokens that get replaced during every request. The replacement is done inside a Page::render hook so it runs during every request, even if the response is served from the template cache. So you can use something like this:
      <h1>Good morning, {{{greeting}}}</h1> Replacement tokens are defined with a callback function that produces the appropriate output and added to the module through a simple hook:
      // site/ready.php wire()->addHookAfter('CachePlaceholders::getTokens', function (HookEvent $e) { $tokens = $e->return; $tokens['greeting'] = [ 'callback' => function (array $tokenData) { return ucfirst(wire('user')->name); } ]; $e->return = $tokens; }); Tokens can also include parameters that are parsed and passed to the callback function. There are more fully annotated examples and step-by-step instructions in the README on Github!
      Features
      A simple and fast token parser that calls the appropriate callback and runs automatically. Tokens may include multiple named or positional parameters, as well as multi-value parameters. A manual mode that allows you to replace tokens in custom pieces of cached content (useful if you're using the $cache API). Some built-in tokens for common use-cases: CSRF-Tokens, replacing values from superglobals and producing random hexadecimal strings. The token format is completely customizable, all delimiters can be changed to avoid collisions with existing tag parsers or template languages. Links
      Github Repository & documentation Module directory (pending approval) If you are interested in learning more, the README is very extensive, with more usage examples, code samples and usage instructions!
    • By Craig
      I've been using Fathom Analytics for a while now and on a growing number of sites, so thought it was about time there was a PW module for it.
      WayFathomAnalytics
      WayFathomAnalytics is a group of modules which will allow you to view your Fathom Analytics dashboard in the PW admin panel and (optionally) automatically add and configure the tracking code on front-end pages.
      Links
      GitHub Readme & documentation Download Zip Modules directory Module settings screenshot What is Fathom Analytics?
      Fathom Analytics is a simple, privacy-focused website analytics tool for bloggers and businesses.

      Stop scrolling through pages of reports and collecting gobs of personal data about your visitors, both of which you probably don't need. Fathom is a simple and private website analytics platform that lets you focus on what's important: your business.
      Privacy focused Fast-loading dashboards, all data is on a single screen Easy to get what you need, no training required Unlimited email reports Private or public dashboard sharing Cookie notices not required (it doesn't use cookies or collect personal data) Displays: top content, top referrers, top goals and more
×
×
  • Create New...