WordPress / wordpress-playground

Run WordPress in the browser via WebAssembly PHP
https://w.org/playground/
GNU General Public License v2.0
1.64k stars 259 forks source link

Docs: Guide "WordPress Playground for Plugin Developers" #1664

Closed juanmaguitar closed 2 months ago

juanmaguitar commented 3 months ago

As part of https://github.com/WordPress/wordpress-playground/pull/1602 there are plans to create a guides section where specific guides to tackle specific needs can be added to the docs.

Screenshot 2024-07-31 at 15 52 32

I think a "WordPress Playground for Plugins Developers" guide could be a good candidate. These are some of the initial ideas that I think could be included as guidance for plugin developers to leverage WordPress Playground for their work.

Playground for Plugin Developers

see blueprint.json ``` { "landingPage": "/wp-admin/post.php?post=1&action=edit", "steps": [ { "step": "installPlugin", "pluginZipFile": { "resource": "url", "url": "https://raw.githubusercontent.com/WordPress/block-development-examples/deploy/zips/post-meta-modal-2502fb.zip" } }, { "step": "login", "username": "admin", "password": "password" } ] } ```

Which key ideas should be reflected in this guide for Plugin Developers? cc: @richtabor @ndiego @justintadlock @bph @ryanwelcher

richtabor commented 3 months ago

Some ideas/scenarios:

bph commented 3 months ago

The Blueprint Gallery has a few blueprints that should be beneficial for above scenarios:

adamziel commented 3 months ago

Here's a Playground-based plugin development workflow:

https://github.com/user-attachments/assets/2ee61579-1366-4681-8518-700eaf6f0519

adamziel commented 3 months ago

Also the current Blueprints builder might be useful to mention until we have a block-based one:

https://github.com/user-attachments/assets/f549d37d-2619-421c-9c76-258fccac6fe7

adamziel commented 3 months ago

Pull Request previews and GitHub proxy are also likely of interest here.

adamziel commented 3 months ago

@akirk built Blueprint building UI that makes building plugin previews easy. It would be great to showcase that, maybe have a video, and showcase how to put together a simple plugin preview.

juanmaguitar commented 3 months ago

Here's a Playground-based plugin development workflow:

@adamziel, is this option currently enabled (or is it working)? I have tried this option in Brave (Chrome), Firefox, and Safari and this option is always disabled.

Screenshot 2024-08-09 at 11 28 24
adamziel commented 3 months ago

@juanmaguitar Chrome may be the only browser that supports it today. I know Brave is Chrome based, but I think you need Chrome specifically.

juanmaguitar commented 2 months ago

Closing this issue as per https://github.com/WordPress/wordpress-playground/pull/1747 and https://github.com/WordPress/wordpress-playground/pull/1750