initiatlize cloning-a-design page

Signed-off-by: Lee Calcote <lee.calcote@layer5.io>
layer5io · Apr 23, 2024 · 11f1b6a · 11f1b6a
1 parent 4d41ea0
commit 11f1b6a
Show file tree

Hide file tree

Showing 7 changed files with 48 additions and 27 deletions.
diff --git a/content/en/meshmap/getting-started/images/meshery-io-catalog.png b/content/en/meshmap/getting-started/images/meshery-io-catalog.png
diff --git a/content/en/meshmap/getting-started/starting-helm.md b/content/en/meshmap/getting-started/starting-helm.md
@@ -7,26 +7,24 @@ categories: [Designer]
 tags: [designs]
 ---
 
-Helm helps you manage Kubernetes applications — Helm Charts help you define, install, and upgrade even the most complex Kubernetes application.
-Starting from a Helm chart is another way to get started with an entire application stack.
-
-Meshery MeshMap provides the capability to import a design/pattern from a Helm Chart.
+Helm helps you manage Kubernetes applications. Helm Charts help you define, install, and upgrade even the most complex Kubernetes application.
+Starting a MeshMap design from a Helm chart is another way to get started with an entire application stack.
 
+Jump start your MeshMap design by importing your existing Helm Charts.
 
 ## Requirements
 
- - Access to the _Meshery Playground_. If you don't have an account, sign up at [Meshery Playground](https://play.meshery.io/).
- - Access to _MeshMap_. You can sign up for the beta at [https://layer5.io/cloud-native-management/meshmap](https://layer5.io/cloud-native-management/meshmap).
- - A Helm chart package in **.tgz** format.
-
+- Access a Meshery Server. If you have not [deployed your own Meshery Server](https://docs.meshery.io/installation), you can use the _Meshery Playground_. If you don't have an account, sign up for free at [https://play.meshery.io](https://play.meshery.io).
+- Access to _MeshMap_. You can sign up for the beta at [https://layer5.io/cloud-native-management/meshmap](https://layer5.io/cloud-native-management/meshmap) or request access from within your Layer5 Cloud account.
+- One or more Helm chart packages in **.tgz** format.
 
 ## Importing a Design
 
 Click the **Import Design** option under the _Designs_ tab in MeshMap.
 
 ![Copy of a Design](/meshmap/getting-started/images/2024-04-18_18-01.png)
 
-Next, provide a name under Design File Name (1), set the _Design Type_ to Helm Chart and paste the URL (3) to the location of the Helm chart package in .tgz format. 
+Next, provide a name under Design File Name (1), set the _Design Type_ to Helm Chart and paste the URL (3) to the location of the Helm chart package in .tgz format.
 
 This example uses the Meshery Server helm chart at [https://meshery.github.io/meshery.io/charts/meshery-v0.7.48.tgz](https://meshery.github.io/meshery.io/charts/meshery-v0.7.48.tgz)
 
@@ -36,4 +34,4 @@ You should now have MeshMap design of the chart.
 
 ![Copy of a Design](/meshmap/getting-started/images/2024-04-18_18-10.png)
 
-Continue to make any changes if required or deploy it. 
+Continue to make any changes if required or deploy it.
diff --git a/content/en/meshmap/getting-started/starting-pattern.md b/content/en/meshmap/getting-started/starting-pattern.md
@@ -1,30 +1,30 @@
 ---
-title: Starting from a pattern
+title: Starting from a published design
 description: >
-  Meshery patterns are a collection of curated, reusable solutions to the most common problems in cloud and cloud native infrastructure management.
+  Published designs are available from the Layer5 Cloud catalog. Published designs are a collection of curated, reusable solutions to the most common problems in cloud and cloud native infrastructure management.
 weight: 3
 categories: [Designer]
 tags: [designs]
 ---
 
-Starting from a pattern is a quick way to get started with a popular stack or solution.
-
+Starting from a published design is a quick way to get started with a popular stack or solution.
 
 ## Exploring the Design Catalog
 
-The design catalog can be accessed from two locations:
- - From the Catalog tab in _MeshMap_ Design view.
+The design catalog can be accessed from three locations:
 
+1. From the *Catalog* tab in _MeshMap Designer_.
    ![MeshMap Design Catalog](/meshmap/getting-started/images/2024-04-14_12-40.png)
 
- - From the _Meshery Cloud_ catalog page at [Meshery Cloud Catalog](https://meshery.layer5.io/catalog).
-
-   ![Meshery Cloud Catalog](/meshmap/getting-started/images/2024-04-14_12-44.png)
-
+2. From the _Layer5 Cloud_ catalog page at [Layer5 Cloud Catalog](https://meshery.layer5.io/catalog).
+   ![Layer5 Cloud Catalog](/meshmap/getting-started/images/2024-04-14_12-44.png)
+
+3. From the Meshery Catalog page at [Meshery Catalog](https://meshery.io/catalog).
+   ![Meshery Catalog](/meshmap/getting-started/images/meshery-io-catalog.png)
 
-## Copying a Design
+## Cloning a Design
 
-To start from a pattern, select and create a copy of the design. If you are on the MeshMap design page, click on the chosen design from the **Catalog** tab. This will present a popup to clone the design, click **Clone** to begin.
+To start from a design, select and create a [clone of the design](/meshmap/tasks/designs/cloning-a-design). If you are on the MeshMap design page, click on the chosen design from the **Catalog** tab. This will present a popup to clone the design, click **Clone** to begin.
 
 ![Copy of a Design](/meshmap/getting-started/images/2024-04-18_19-57.png)
 

diff --git a/content/en/meshmap/tasks/designs/cloning-a-design.md b/content/en/meshmap/tasks/designs/cloning-a-design.md
@@ -7,9 +7,28 @@ categories: [Designer]
 tags: [designs]
 ---
 
-{{% pageinfo %}}
-Page under construction.
-{{% /pageinfo %}}
+## Steps to cloning a design from Catalog using MeshMap
+
+1. Switch to MeshMap Designer mode, if not already in it.
+1. In the left navigation panel, click the “Catalog” menu tab.
+1. Select a design from the list that appears in the panel.
+1. A modal will pop up requesting you to clone (create a copy of) the design you’ve selected.
+
+![Copy of a Design](/meshmap/getting-started/images/2024-04-18_19-57.png)
+
+This will create a copy of the catalog item to a new design, now owned by you.
+
+1. Click “clone” and a copy of the design will appear on your MeshMap canvas. You can then configure the design to suit your purposes.
+2. Find your newly cloned design in the list of designs in the left navigation panel.
+
+![Copy of a Design](/meshmap/getting-started/images/2024-04-14_12-37.png)
+
+You are now free to deploy it as it is or modify it further. 
+
+
+{{< alert title="Learn about Designs" >}}Learn more about what a [Meshery Design](https://docs.meshery.io/concepts/logical/designs) is and how it fits into Meshery's approach to cloud native management.
+{{< /alert >}}
+
 
 <!-- Text can be **bold**, _italic_, or ~~strikethrough~~. [Links](https://gohugo.io) should be blue with no underlines (unless hovered over).
 

diff --git a/go.mod b/go.mod
@@ -4,4 +4,5 @@ go 1.12
 
 require (
 	github.com/google/docsy v0.9.1 // indirect
+	github.com/google/docsy/dependencies v0.7.2 // indirect
 )
diff --git a/go.sum b/go.sum
@@ -1,5 +1,8 @@
+github.com/FortAwesome/Font-Awesome v0.0.0-20230327165841-0698449d50f2/go.mod h1:IUgezN/MFpCDIlFezw3L8j83oeiIuYoj28Miwr/KUYo=
 github.com/FortAwesome/Font-Awesome v0.0.0-20240108205627-a1232e345536/go.mod h1:IUgezN/MFpCDIlFezw3L8j83oeiIuYoj28Miwr/KUYo=
 github.com/google/docsy v0.9.1 h1:+jqges1YCd+yHeuZ1BUvD8V8mEGVtPxULg5j/vaJ984=
 github.com/google/docsy v0.9.1/go.mod h1:saOqKEUOn07Bc0orM/JdIF3VkOanHta9LU5Y53bwN2U=
+github.com/google/docsy/dependencies v0.7.2 h1:+t5ufoADQAj4XneFphz4A+UU0ICAxmNaRHVWtMYXPSI=
+github.com/google/docsy/dependencies v0.7.2/go.mod h1:gihhs5gmgeO+wuoay4FwOzob+jYJVyQbNaQOh788lD4=
 github.com/twbs/bootstrap v5.2.3+incompatible h1:lOmsJx587qfF7/gE7Vv4FxEofegyJlEACeVV+Mt7cgc=
 github.com/twbs/bootstrap v5.2.3+incompatible/go.mod h1:fZTSrkpSf0/HkL0IIJzvVspTt1r9zuf7XlZau8kpcY0=
diff --git a/package-lock.json b/package-lock.json