Skip to content

Commit af7225d

Browse files
committed
add catalog docs
Signed-off-by: Zihan Kuang <zihan_kuang@outlook.com>
1 parent 5aaa7f9 commit af7225d

2 files changed

Lines changed: 29 additions & 25 deletions

File tree

content/en/cloud/catalog/_index.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,8 @@ title: Catalog
33
weight: 5
44
description: >
55
The Cloud Catalog is a web-based, public catalog to facilitate easy sharing and discovery of common cloud native architectures and design patterns.
6+
categories: [Catalog]
7+
tags: [Designer]
68
---
79

810
{{%pageinfo%}}

content/en/cloud/catalog/guide.md renamed to content/en/cloud/catalog/exploring-the-catalog.md

Lines changed: 27 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,22 @@
11
---
2-
title: Catalog Management
2+
title: Exploring the Catalog
33
weight: 3
44
description: "A guide to managing items in the Meshery Catalog. Learn how to view, filter, edit, unpublish, delete, download, and clone your designs."
55
categories: [Catalog]
66
tags: [Designer]
77
---
88

9-
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.
9+
The [Meshery Catalog](https://cloud.layer5.io/catalog) is the central hub for well-architected cloud native patterns and best practices templates. Here, you can browse, discover, and share designs with the wider community.
1010

1111
![Catalog main page view](/cloud/catalog/images/catalog-view.gif)
1212

1313
## Viewing Catalog Items
1414

15-
The main catalog page displays all available designs in an organized, searchable format.
15+
The Cloud Catalog displays all available designs in an organized, searchable format.
1616

1717
### Top Performers
18-
At the top of the Catalog page, you'll find the **Top Performers** section. This provides a snapshot of the full Leaderboard, highlighting the most popular designs based on various [metrics](/cloud/catalog/metrics/).
18+
19+
At the top of the page, you can find the **Top Performers** section. This provides a snapshot of the full Leaderboard, highlighting the most popular designs based on various [metrics](/cloud/catalog/metrics/).
1920
- To see the complete rankings, click the **Open Leaderboard** button.
2021
- You can toggle the visibility of this section using the **Hide Performers** / **Show Performers** button.
2122

@@ -25,60 +26,61 @@ To learn more about Leaderboard, see the [Leaderboard documentation](/cloud/cata
2526

2627
### Grid View
2728

28-
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:
29+
The grid view offers a visual, card-based layout that's ideal for browsing designs by their thumbnail.
2930

31+
Each card provides key information at a glance:
3032
- **Class:** The banner in the top-left corner shows the design's classification (e.g., Official)
3133
- **Type:** The tag in the top-right corner indicates the design's category (e.g., Deployment)
3234
- **Metrics:** A row of icons at the bottom displays key usage statistics (Opens, Downloads, Deploys, Clones, Shares)
3335
- **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
3436

35-
![Catalog card view with metrics](/cloud/catalog/images/card-view.png)
37+
<img src="/cloud/catalog/images/card-view.png" alt="Card View" style="width: 40%" />
3638

3739
{{< alert type="info" title="Understanding Design Metrics" >}}
3840
To better understand what these Metrics represent, you can learn more about [design metrics](/cloud/catalog/metrics/).
3941
{{< /alert >}}
4042

4143
### Table View
4244

43-
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.
45+
Table view provides a dense, list-based format that's ideal for sorting and comparing items based on specific metrics.
4446

45-
![Catalog table view](/cloud/catalog/images/design-view.gif)
47+
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.
4648

47-
{{< alert type="info" title="Choose Your Preferred View" >}}
48-
Both the grid and table views provide the same set of management capabilities, so you can pick the layout that best suits your task.
49-
{{< /alert >}}
49+
![Catalog table view](/cloud/catalog/images/design-view.gif)
5050

5151
## Filtering and Sorting Catalog Items
5252

5353
The filter bar on the left helps you narrow down the catalog to find exactly what you need. You can sort the entire catalog or apply specific filters.
5454

55-
#### Sort By
55+
### Sort By
5656
You can order all items in the catalog based on different criteria, such as alphabetically, by most recently updated, or by popularity metrics like most cloned or downloaded.
5757

58-
#### Owner
58+
### Owner
5959
Filter designs based on their owner, whether it's your entire Organization, specific Teams, or an individual Author.
6060

6161
### Class
6262

63-
The `Class` filter helps you find content based on its level of support and verification:
63+
The **Class** filter helps you find content based on its level of verification:
6464
- **Official:** Content produced and fully supported by Meshery maintainers. This represents the highest level of support and is considered the most reliable.
6565
- **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.
6666
- **Community:** Content produced and shared by Meshery users. This includes a wide range of content with varying levels of support and reliability.
6767

68-
#### Technology and Type
68+
### Technology and Type
6969
These filters correspond to the metadata authors provide when they publish designs. They allow you to find items based on the technologies they use or the function they perform.
7070
- **Technology:** A list of technologies included in the design, like `Argo CD`, `AWS API Gateway`, or `Apache ShardingSphere`.
7171
- **Type:** The category of the design, such as `deployment`, `observability`, `resiliency`, or `traffic-management`.
7272

7373
## Viewing Design Details
7474

75-
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.
75+
When you click on any design, 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.
76+
77+
![Catalog modal](/cloud/catalog/images/design_model.png)
7678

7779
### Metadata
7880

79-
- **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+
- **Class, Created By, and Dates:** See the design's class, its original author, and when it was created and last updated
8082
- **Version:** The design's version number. This increments automatically each time the design is updated
81-
- **Visibility:** The status of the design. For all items found in the public catalog, this will be Published
83+
- **Visibility:** The status of the design. For all items found in the public catalog, this will be **Published**
8284

8385
As you scroll down the page, you will find other useful sections:
8486

@@ -104,31 +106,31 @@ When you clone a design:
104106

105107
### Download
106108

107-
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+
The **Download** button allows you to save the design as a `Meshery Design (YAML)` file. This is useful for offline backups or sharing the file directly.
108110

109111
> For more advanced use cases, Meshery also supports exporting designs into other formats. To learn more, see the guide on [Exporting Designs](/kanvas/designer/export-designs/).
110112
111113
### Edit
112114

113-
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+
After you've published a design, you might need to update its metadata or description. Clicking the **Edit** button opens a dialog where you can make your changes.
116+
117+
![Design edit modal](/cloud/catalog/images/design-edit.png)
114118

115119
You can modify the following fields:
116120
- **Type:** Change the design's category
117121
- **Technology:** Add or remove associated technology tags
118122
- **Description:** Update the main purpose and intended uses of the design
119123
- **Caveats and Considerations:** Revise any special stipulations or known behaviors
120124

121-
![Design edit modal](/cloud/catalog/images/design-edit.png)
122-
123125
{{< alert type="warning" title="Immutable Properties" >}}
124-
Some properties of a published design are immutable and cannot be changed through the edit screen:
126+
Some properties of a published design are immutable and cannot be changed:
125127
- **Name:** The original name of the published design cannot be modified
126-
- **Visibility:** You cannot change a published design's visibility directly. To remove it from public view, you must **Unpublish** the item instead
128+
- **Visibility:** You cannot change a published design's visibility directly. To remove it from public view, you must **Unpublish** it instead
127129
{{< /alert >}}
128130

129131
### Unpublish
130132

131-
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.
133+
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 be your design as a private design.
132134

133135
{{< alert type="info" title="Permissions Required" >}}
134136
Editing/Unpublish catalog items requires specific user roles and permissions. Learn more: [Default Permissions documentation](/cloud/reference/default-permissions/).

0 commit comments

Comments
 (0)