This must be one of the best plugins available for VS Code/Cursor. Great job!
Any news on fixing the Click to Select functionality as it is a true game changer and why I ordered this plugin.
Also when I right click on a page and select “Edit in Piny” or I use the Select button in the visual editor it opens the file in the TREE but not in the preview.
As for the preview it would be nice to have a back button as I sometimes click on something and it takes me to that page and it is a hassle getting back. Can you make the preview selector show the actual page, Mine shows stuff that is not in my tree in VS code.
Yes, Visual select update was published yesterday. Give it a try to see if it works now.
Back button is a good idea, will add it.
As for auto-detecting routes, it could most likely be done with an acceptable degree of accuracy. It would be a cool feature. In the meantime, you can manually assign routes to individual components and the preview will navigate there when you select a component.
The new Piny release 1.0.14 is out with the following improvements:
Visual Select
The update fixes issues with Visual Select where in certain situations no data about DOM elements was received from Piny Phone (the small script injected into the layout that lets Piny communicate with your app in the preview).
In addition to updating the Piny extension (this should happen automatically) you will also have to update Piny Astro or Piny Vite modules in every project where they are used:
Astro: npm update @pinegrow/piny-astro
React Vite: npm update @pinegrow/piny-vite
Next.js: Piny will update it automatically
We added a dialog that will popup if Piny detects that these modules are out of date.
If this does not get Visual Select working for your project, please get in touch with me through support@pinegrow.com. Piny now has an option to generate diagnostic data that will help us debug any issues (Settings → Visual Select → Show instructions → Generate debug info).
