Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Docs] Add Playground Manager and Save button screenshots to Developes > Limitations > Temporary by design #2145

Merged
merged 5 commits into from
Feb 27, 2025
Merged
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
18 changes: 15 additions & 3 deletions packages/docs/site/docs/developers/24-limitations/01-index.md
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,19 @@ Playground [disables network connections](/blueprints/data-format#features) by d

### Temporary by design

As Playground [streams rather than serves](/about#streamed-not-served) WordPress, all database changes and uploads will be gone when you refresh the page. To avoid losing your work, either [export your work](/quick-start-guide#save-your-site) before or enable storage in the browser/device via the "Save" button in the UI.
As Playground [streams rather than serves](/about#streamed-not-served) WordPress, all database changes and uploads will be gone when you refresh the page. To avoid losing your work, either [export your work](/quick-start-guide#save-your-site) before or enable storage in the browser/device via the "Save" button found in the "Open Site Manager" menu on the top left of the site.

<details>
<summary>Click for a screenshot</summary>
<div>
<img width="406" alt="Open Site Manager" src="https://github.com/user-attachments/assets/f66e4116-069c-4764-9305-3cec03eb72d5" />
</div>
<br>
<div>
<img width="408" alt="Save Button" src="https://github.com/user-attachments/assets/a677fbff-2346-4579-9543-56e33e8e42b9" />

</div>
</details>
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We use Docusaurus to build our documentation and unfortunately, this approach breaks the build.

Here is an example of how you can add images to the documentation.

Why did you decide to collapse the image?
It would be easier to discover the save feature if the image was always visible.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Aw I'm familiar with docusaurus, sorry my markdown is rusty will adjust.
Happy to leave it expanded I just didn't want to disrupt the current docs :P


## When developing with Playground

Expand All @@ -31,8 +43,8 @@ Playground supports running PHP code in Blueprints using the [`runPHP` step](b

```json
{
"step": "runPHP",
"code": "<?php require_once('wordpress/wp-load.php'); OTHER_CODE ?>"
"step": "runPHP",
"code": "<?php require_once('wordpress/wp-load.php'); OTHER_CODE ?>"
}
```

Expand Down
Loading