Skip to content

Commit e58bd5b

Browse files
devvaannshdevvaannsh
committed
feat: move extensions and themes to root level
1 parent 08f2495 commit e58bd5b

4 files changed

Lines changed: 61 additions & 47 deletions

File tree

docs/05-Workspace/08-video-audio-preview.md renamed to docs/05-Workspace/07-video-audio-preview.md

File renamed without changes.

‎docs/08-Extensions & Themes/01-extensions.md‎

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,52 @@
1+
---
2+
title: Extensions
3+
slug: "/extensions"
4+
---
5+
6+
import React from 'react';
7+
import VideoPlayer from '@site/src/components/Video/player';
8+
9+
Phoenix Code supports extensions for adding features, themes, and language support. Everything is managed through the built-in **Extension Manager**.
10+
11+
To open the Extension Manager, click the extension icon on the right-hand toolbar, as shown below.
12+
13+
![Extension Manager icon location on the right toolbar](../images/extensions/extension-manager-button.png "Click the Extension Manager icon on the right toolbar")
14+
15+
The dialog has four tabs:
16+
17+
| Tab | Contents |
18+
| --- | --- |
19+
| **Available** | Marketplace extensions. A search box at the top filters the list. |
20+
| **Themes** | Marketplace themes. |
21+
| **Installed** | Everything you've installed. Apply, update, or remove from here. |
22+
| **Default** | Built-in extensions that ship with Phoenix Code. |
23+
24+
A **Sort** dropdown at the top of the dialog orders the list by **Last Updated** (most recently published first), **Downloads** (most-installed first), **Star Rating** (highest GitHub stars), or **Verified** (Phoenix-verified extensions first).
25+
26+
<VideoPlayer src="https://docs-images.phcode.dev/videos/extensions/extension-manager.mp4" />
27+
28+
- **Install**: pick an item from **Available** or **Themes** and click **Install**.
29+
- **Update**: when a newer version is available, an **Update** button appears on the extension's card in **Installed**.
30+
- **Remove**: click **Remove** on the card in **Installed**, then confirm with **Remove Extensions and Reload**.
31+
32+
## Themes
33+
34+
Themes use the same flow under the **Themes** tab.
35+
36+
![Themes tab in the Extension Manager](../images/extensions/themes-tab.png "Themes tab in the Extension Manager")
37+
38+
To switch to an installed theme, either pick it from `View > Themes...` (see [Customizing the Editor → Themes](./customizing-editor#themes)) or click **Apply** next to the theme in **Installed**.
39+
40+
## Create your own
41+
42+
For authoring extensions and themes, see the API section:
43+
44+
- [Creating Themes](/api/creating-themes)
45+
- [Creating Extensions](/api/creating-extensions)
46+
- [Creating Node Extensions](/api/creating-node-extensions)
47+
- [Debugging Extensions](/api/debugging-extensions)
48+
- [Publishing Extensions](/api/publishing-extensions)
49+
50+
## Popular Extensions
51+
52+
For a curated list of community extensions worth checking out, see [Popular Extensions](./popular-extensions).

docs/05-Workspace/07-extensions.md renamed to docs/08-Extensions & Themes/02-popular-extensions.md

Lines changed: 4 additions & 47 deletions
Original file line numberDiff line numberDiff line change
@@ -1,55 +1,12 @@
11
---
2-
title: Extensions
3-
slug: "/extensions"
2+
title: Popular Extensions
3+
slug: "/popular-extensions"
44
---
55

66
import React from 'react';
77
import VideoPlayer from '@site/src/components/Video/player';
88

9-
Phoenix Code supports extensions for adding features, themes, and language support. Everything is managed through the built-in **Extension Manager**.
10-
11-
To open the Extension Manager, click the extension icon on the right-hand toolbar, as shown below.
12-
13-
![Extension Manager icon location on the right toolbar](../images/extensions/extension-manager-button.png "Click the Extension Manager icon on the right toolbar")
14-
15-
The dialog has four tabs:
16-
17-
| Tab | Contents |
18-
| --- | --- |
19-
| **Available** | Marketplace extensions. A search box at the top filters the list. |
20-
| **Themes** | Marketplace themes. |
21-
| **Installed** | Everything you've installed. Apply, update, or remove from here. |
22-
| **Default** | Built-in extensions that ship with Phoenix Code. |
23-
24-
A **Sort** dropdown at the top of the dialog orders the list by **Last Updated** (most recently published first), **Downloads** (most-installed first), **Star Rating** (highest GitHub stars), or **Verified** (Phoenix-verified extensions first).
25-
26-
<VideoPlayer src="https://docs-images.phcode.dev/videos/extensions/extension-manager.mp4" />
27-
28-
- **Install**: pick an item from **Available** or **Themes** and click **Install**.
29-
- **Update**: when a newer version is available, an **Update** button appears on the extension's card in **Installed**.
30-
- **Remove**: click **Remove** on the card in **Installed**, then confirm with **Remove Extensions and Reload**.
31-
32-
## Themes
33-
34-
Themes use the same flow under the **Themes** tab.
35-
36-
![Themes tab in the Extension Manager](../images/extensions/themes-tab.png "Themes tab in the Extension Manager")
37-
38-
To switch to an installed theme, either pick it from `View > Themes...` (see [Customizing the Editor → Themes](./customizing-editor#themes)) or click **Apply** next to the theme in **Installed**.
39-
40-
## Create your own
41-
42-
For authoring extensions and themes, see the API section:
43-
44-
- [Creating Themes](/api/creating-themes)
45-
- [Creating Extensions](/api/creating-extensions)
46-
- [Creating Node Extensions](/api/creating-node-extensions)
47-
- [Debugging Extensions](/api/debugging-extensions)
48-
- [Publishing Extensions](/api/publishing-extensions)
49-
50-
## Popular extensions
51-
52-
A curated list of community extensions worth checking out.
9+
A curated list of community extensions worth checking out. Install any of them from the [Extension Manager](./extensions).
5310

5411
### Minimap
5512
Created by: [Zorgzerg](https://github.com/zorgzerg)
@@ -115,4 +72,4 @@ For more details, visit the [GitHub repository](https://github.com/martypenner/b
11572

11673
`Autosave Files on Window Blur` in action :-
11774

118-
<VideoPlayer src="https://docs-images.phcode.dev/videos/popular-extensions/autosave.mp4" />
75+
<VideoPlayer src="https://docs-images.phcode.dev/videos/popular-extensions/autosave.mp4" />

‎docs/08-Extensions & Themes/_category_.json‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
{
2+
"label": "Extensions & Themes",
3+
"collapsible": true,
4+
"collapsed": true
5+
}

0 commit comments

Comments
 (0)