Skip to content

Commit 5ef4e5e

Browse files
committed
uodate catalog docs
Signed-off-by: Zihan Kuang <zihan_kuang@outlook.com>
1 parent 6eb1387 commit 5ef4e5e

3 files changed

Lines changed: 64 additions & 53 deletions

File tree

content/en/cloud/catalog/guide.md

Lines changed: 52 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -7,12 +7,13 @@ categories: [Catalog]
77
tags: [Designer]
88
---
99

10-
[Meshery Catalog](https://cloud.layer5.io/catalog) is your central hub for well-architectured cloud native patterns and best practices templates. Here, you can browse, discover, and share infrastructure configurations with your team and the wider community.
10+
The [Meshery Catalog](https://cloud.layer5.io/catalog) serves as your central hub for well-architected cloud native patterns and best practices templates. Here, you can browse, discover, and share designs with the wider community.
1111

1212
![](/images/catalog-view.gif)
1313

1414
## Viewing Catalog Items
15-
The main catalog page is where you can see all available designs.
15+
16+
The main catalog page displays all available designs in an organized, searchable format.
1617

1718
### Top Performers
1819
At the top of the Catalog page, you'll find the **Top Performers** section. Think of this as a snapshot of the full Leaderboard, highlighting the most popular designs based on various [metrics](https://docs.layer5.io/cloud/catalog/metrics/).
@@ -24,19 +25,23 @@ To learn more about Leaderboard, see the [Leaderboard documentation](https://doc
2425
{{< /alert >}}
2526

2627
### Grid View
27-
The grid view offers a visual, card-based layout, which is great for Browse designs by their icons and high-level details. Each card in the grid is designed to give you key information at a glance:
28-
- [**Class:**](#class) The banner in the top-left corner shows the design's classification (e.g., Official).
29-
- **Type:** The tag in the top-right corner indicates the design's category (e.g., Deployment).
30-
- **Metrics:** A row of icons at the bottom displays key usage statistics.
31-
- **Detailed Information (on hover):** When you hover your mouse over a card, it flips to reveal more details, including the author, design version, technologies used, and the last updated time.
3228

33-
To better understand what these Metrics represent, you can learn more about [design metrics](https://docs.layer5.io/cloud/catalog/metrics/).
29+
The grid view offers a visual, card-based layout that's ideal for browsing designs by their visual appearance. Each card provides key information at a glance:
3430

35-
[](/images/card-view.png)
31+
- **Class:** The banner in the top-left corner shows the design's classification (e.g., Official)
32+
- **Type:** The tag in the top-right corner indicates the design's category (e.g., Deployment)
33+
- **Metrics:** A row of icons at the bottom displays key usage statistics (Opens, Downloads, Deploys, Clones, Shares)
34+
- **Detailed Information (on hover):** When you hover over a card, it flips to reveal more details, including the author, design version, technologies used, and the last updated time
3635

36+
![](/images/card-view.png)
37+
38+
{{< alert type="info" title="Learn More" >}}
39+
To better understand what these Metrics represent, you can learn more about [design metrics](https://docs.layer5.io/cloud/catalog/metrics/).
40+
{{< /alert >}}
3741

3842
### Table View
39-
Table view provides a dense, list-based format that is ideal for sorting and comparing items based on specific data points. To customize the information displayed in this view, click the **View Columns icon** and select the attributes you want to see, such as Author, Created At, or Downloads.
43+
44+
Table view provides a dense, list-based format that's ideal for sorting and comparing items based on specific metrics. To customize the information displayed in this view, click the **View Columns icon** and select the attributes you want to see, such as Author, Created At, or Downloads.
4045

4146
![](/images/design-view.gif)
4247

@@ -54,7 +59,8 @@ You can order all items in the catalog based on different criteria, such as alph
5459
#### Owner
5560
Filter designs based on their owner, whether it's your entire Organization, specific Teams, or an individual Author.
5661

57-
#### Class
62+
### Class
63+
5864
The `Class` filter helps you find content based on its level of support and verification:
5965
- **Official:** Content produced and fully supported by Meshery maintainers. This represents the highest level of support and is considered the most reliable.
6066
- **Verified:** Content produced by partners and verified by Meshery maintainers. While not directly maintained by Meshery, it has undergone a verification process to ensure quality and compatibility.
@@ -66,56 +72,63 @@ These filters correspond to the metadata auther provide when they publish design
6672
- **Type:** The category of the design, such as `deployment`, `observability`, `resiliency`, or `traffic-management`.
6773

6874
## Viewing Design Details
69-
When you click on any design in the catalog, you are taken to its detail page. This page gives you a complete overview of the design's purpose, technical details, and how you can use it. The page is generally broken down into a few key areas:
7075

71-
#### Main Description
76+
When you click on any design in the catalog, you'll see its detail page. This page provides a complete overview of the design's purpose, technical details, and how you can use it.
7277

73-
The central part of the page is dedicated to the **WHAT DOES THIS DESIGN DO?** section. This is the core documentation for the design, often broken down into specific use cases, components, and key notes to help you understand its architecture and how it works
78+
### Metadata
7479

75-
#### Metadata
76-
Class, Created By, and Dates: See the design's classification (e.g., Official), its original author, and when it was created and last updated.
77-
Version: The design's version number. This increments automatically each time the design is updated.
78-
Visibility: The status of the design. For all items found in the public catalog, this will be Published.
80+
- **Class, Created By, and Dates:** See the design's classification (e.g., Official), its original author, and when it was created and last updated
81+
- **Version:** The design's version number. This increments automatically each time the design is updated
82+
- **Visibility:** The status of the design. For all items found in the public catalog, this will be Published
7983

8084
As you scroll down the page, you will find other useful sections:
8185

82-
Caveats and Considerations: Specific stipulations to consider and known behaviors to be aware of when using this design.
83-
Similar Designs by Type: At the bottom, Meshery suggests other designs of the same type, helping you discover other relevant patterns.
86+
- **Caveats and Considerations:** Specific stipulations to consider and known behaviors to be aware of when using this design
87+
- **Similar Designs by Type:** At the bottom, other designs of the same type, helping you discover other relevant patterns
8488

85-
### Actions
89+
## Actions
8690

87-
On the left side of the design detail page, you'll find a panel of buttons for actions.
91+
You can perform various actions on each design in the catalog.
92+
93+
### Open in Playground
8894

89-
#### Open in Playground
9095
Clicking **Open in Playground** loads the design directly into [Kanvas](https://kanvas.new/).
9196

92-
#### Clone
97+
### Clone
98+
9399
Cloning creates a personal, editable copy of the design in your own workspace. This is useful when you want to use an existing public design as a starting point for your own customizations.
100+
94101
When you clone a design:
95-
- The new copy will appear in your **My Designs** tab.
96-
- Its name will be appended with `(Copy)` to distinguish it from the original.
97-
- The visibility of the cloned design is set to **Private** by default, so only you can see it until you decide to publish it.
102+
- The new copy will appear in your **My Designs** tab
103+
- Its name will be appended with `(Copy)` to distinguish it from the original
104+
- The visibility of the cloned design is set to **Private** by default, so only you can see it until you decide to publish it
105+
106+
### Download
98107

99-
#### Download
100108
The **Download** button allows you to save the design to your local machine as a `Meshery Design (YAML)` file. This is useful for offline backups, version control with Git, or sharing the file directly.
109+
101110
> For more advanced use cases, Meshery also supports exporting designs into other formats. To learn more, see the guide on [Exporting Designs](https://docs.layer5.io/kanvas/designer/export-designs/).
102111
103-
#### Edit
112+
### Edit
113+
104114
After you've published a design, you might need to update its metadata or descriptive information. Clicking the **Edit** button opens a modal window where you can make your changes.
115+
105116
You can modify the following fields:
106-
- **Type:** Change the design's category.
107-
- **Technology:** Add or remove associated technology tags.
108-
- **Description:** Update the main purpose and intended uses of the design.
109-
- **Caveats and Considerations:** Revise any special stipulations or known behaviors.
117+
- **Type:** Change the design's category
118+
- **Technology:** Add or remove associated technology tags
119+
- **Description:** Update the main purpose and intended uses of the design
120+
- **Caveats and Considerations:** Revise any special stipulations or known behaviors
121+
122+
{{< alert type="warning" title="Immutable Properties" >}}
123+
Some properties of a published design are immutable and cannot be changed through the edit screen:
124+
- **Name:** The original name of the published design cannot be modified
125+
- **Visibility:** You cannot change a published design's visibility directly. To remove it from public view, you must **Unpublish** the item instead
126+
{{< /alert >}}
110127

111-
alert:
112-
Some properties of a published design are immutable and cannot be changed through the edit screen:
113-
**Name:** The original name of the published design cannot be modified.
114-
**Visibility:** You cannot change a published design's visibility directly. To remove it from public view, you must **Unpublish** the item instead.
128+
### Unpublish
115129

116-
#### Unpublish
117130
If you no longer want a design to be publicly visible in the catalog, you can use the **Unpublish** button. This action removes the design from the public catalog but does not delete it. It will remain in your workspace as a private design.
118131

119132
{{< alert type="info" title="Permissions Required" >}}
120-
Editing/Unpublish catalog items requires specific user roles and permissions. learn more: [Default Permissions documentation](https://docs.layer5.io/cloud/reference/default-permissions/).
133+
Editing/Unpublish catalog items requires specific user roles and permissions. Learn more: [Default Permissions documentation](https://docs.layer5.io/cloud/reference/default-permissions/).
121134
{{< /alert >}}
File renamed without changes.

content/en/cloud/catalog/leaderboard.md

Lines changed: 12 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -9,28 +9,26 @@ tags: [Designer]
99

1010
Leaderboard provides a clear and engaging way to view and compare the performance of different Designs, highlighting the most popular and actively used ones within the Cloud.
1111

12+
![](/images/leaderboard-page.gif)
1213

13-
{{< alert title="Note" >}}
14-
14+
{{< alert type=info title="" >}}
1515
Metrics are quantifiable measures used to track and assess the status, progress, and performance of various activities and user interactions with Designs. Learn more about [Metrics](/cloud/catalog/metrics/)
16-
1716
{{< /alert >}}
1817

19-
### leader board
20-
会在catalog的主页显示内容,top performers
21-
然后会显示内容包括最热门的五个
22-
如果想查看更多,点击Leaderboard按钮查看全面的
23-
2418
### How to Access the Leaderboard
2519

26-
1. Open the design catalog on the _Layer5 Cloud_ catalog page at [Layer5 Cloud Catalog](https://cloud.layer5.io/catalog).
20+
You can reach the Leaderboard page in two ways:
2721

28-
2. By clicking on the Leaderboard icon button, you will be redirected to the [Leaderboard](https://cloud.layer5.io/catalog/leaderboard) page.
29-
![Leaderboard Button](/cloud/catalog/images/leaderboard_button.png)
22+
1. **Global Navigation Bar:** Click the Leaderboard icon in the main navigation bar for quick access.
23+
2. **From the Catalog Page:** While browsing the Catalog, look for the **Top Performers** section and click the "Open Leaderboard" button.
3024

31-
3. The Leaderboard page will show you the top 10 designs based on the Metrics.
25+
![Leaderboard Button](/cloud/catalog/images/leaderboard_button.png)
3226

33-
You can also hide or unhide the columns of the leaderboard using the View Columns button.你也可以搜索需要的design的名字在这里
27+
### Using the Leaderboard Page
3428

35-
4. 你还可以在action这里做操作,和在design model面板操作是一样的
29+
The Leaderboard page offers several ways to explore and interact with the data:
3630

31+
- **Search for Designs:**Click the **Search** icon to quickly find specific designs by name.
32+
- **Sort by Different Metrics:** Click on column headers like `Opens`, `Clones`, or `Downloads` to reorder the list based on your preferred metric.
33+
- **Customize Your View:** Click the **View Columns** icon to show or hide specific metric columns.
34+
- **Take Actions:** Click the **Actions** icon to download, share, or perform other actions.

0 commit comments

Comments
 (0)