Background
Previously, play.wenpai.net only supported previewing a single plugin at a time. However, real users never install just one plugin. To address this, we’ve introduced scenario-based combination blueprints, enabling users to experience complete, integrated solutions with a single click.
Homepage Experience
Three Combination Solutions
| Solution | Included Plugins | Shortcut |
|---|---|---|
| Standard Chinese Website Setup | Wenpai Suge + Wenpai Avatar + Wenpai Font Library | play.wenpai.net/?plugin=china-starter |
| AI Writing Site | Wenpai Xin Si + Wenpai Suge | play.wenpai.net/?plugin=ai-writer |
| Wenpai Full Suite | All 5 plugins | play.wenpai.net/?plugin=full-suite |
Standard Chinese Website Setup Loading Experience
Implementation
Multiple installPlugin and activatePlugin steps are defined in the Blueprint JSON:
{
"steps": [
{ "step": "installPlugin", "pluginData": { "resource": "url", "url": "https://play.wenpai.net/plugins/wpslug-1.1.1.zip" } },
{ "step": "installPlugin", "pluginData": { "resource": "url", "url": "https://play.wenpai.net/plugins/wpavatar-1.9.3.zip" } },
{ "step": "installPlugin", "pluginData": { "resource": "url", "url": "https://play.wenpai.net/plugins/wpfonts-1.1.0.zip" } },
{ "step": "activatePlugin", "pluginPath": "wpslug/wpslug.php" },
{ "step": "activatePlugin", "pluginPath": "wpavatar/wpavatar.php" },
{ "step": "activatePlugin", "pluginPath": "wpfonts/wpfonts.php" }
]
}
The homepage’s plugins.json now includes a new group: "combo" category, and index.html has been updated to render the “Solutions Experience” section.
Compatibility Verification
We used Playwright for automated testing across all three combination blueprints, entering the Playground iframe (scope:xxx) to verify plugin activation status:
- Full Suite (5 plugins activated simultaneously): No PHP errors; no conflicts observed
- Standard Chinese Website Setup (3 plugins): Passed
- AI Writing Site (2 plugins): Passed
Pitfalls Encountered
- Downloading multiple plugins takes considerable time, occasionally triggering Playground load timeouts. Approximate durations: ~35–45 seconds for 3 plugins; ~45–60 seconds for 5 plugins.
- The homepage rendering requires a pre-defined HTML container:
<div id="combos" class="section"></div>. - CI auto-deployment sometimes experiences delays; for urgent updates, manually synchronize using
play-deploy deploy.