Skip to content

Commit 2188ab3

Browse files
committed
Merge branch 'master' of https://github.com/layer5io/docs into fix/searchbar-click
2 parents 4ca1760 + 8a45bf8 commit 2188ab3

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

42 files changed

+766
-15
lines changed

README.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
# Layer5 Product Documentation
1+
![image](https://github.com/user-attachments/assets/926e71c4-4f1b-4188-8540-6f951c173710)# Layer5 Product Documentation
22

33
Explore tutorials and documentation by product in the docs.layer5.io website; documentation and developer resources of Layer5 products.
44

@@ -197,15 +197,15 @@ Find out more on the <a href="https://layer5.io/community">Layer5 community</a>.
197197
<img alt="Shows an illustrated light mode meshery logo in light color mode and a dark mode meshery logo dark color mode." src=".github/readme/images//slack-128.png" width="110px" align="right" style="margin-left:10px;padding-top:13px;">
198198
</picture>
199199
</a>
200-
201-
<a href="https://meshery.io/community"><img alt="Layer5 Community" src=".github/readme/images//community.svg" style="margin-right:8px;padding-top:5px;" width="140px" align="left" /></a>
202-
200+
<div class="flex">
201+
<a href="https://meshery.io/community"><img alt="Layer5 Community" src=".github/readme/images//community.svg" style="margin-right:8px;padding-top:9px;" width="140px" align="left" /></a>
203202
<p>
204203
✔️ <em><strong>Join</strong></em> any or all of the weekly meetings on <a href="https://calendar.google.com/calendar/b/1?cid=bGF5ZXI1LmlvX2VoMmFhOWRwZjFnNDBlbHZvYzc2MmpucGhzQGdyb3VwLmNhbGVuZGFyLmdvb2dsZS5jb20">community calendar</a>.<br />
205204
✔️ <em><strong>Watch</strong></em> community <a href="https://www.youtube.com/playlist?list=PL3A-A6hPO2IMPPqVjuzgqNU5xwnFFn3n0">meeting recordings</a>.<br />
206205
✔️ <em><strong>Access</strong></em> the <a href="https://drive.google.com/drive/u/4/folders/0ABH8aabN4WAKUk9PVA">Community Drive</a> by completing a community <a href="https://layer5.io/newcomer">Member Form</a>.<br />
207206
✔️ <em><strong>Discuss</strong></em> in the <a href="https://discuss.layer5.io">Community Forum</a>.<br />
208-
✔️<em><strong>Explore more</strong></em> in the <a href="https://layer5.io/community/handbook">Community Handbook</a>.<br />
207+
✔️ <em><strong>Explore more</strong></em> in the <a href="https://layer5.io/community/handbook">Community Handbook</a>.<br />
209208
</p>
209+
</div>
210210
<p align="center">
211211
<i>Not sure where to start?</i> Grab an open issue with the <a href="https://github.com/issues?q=is%3Aopen+is%3Aissue+archived%3Afalse+org%3Alayer5io+org%3Ameshery+org%3Aservice-mesh-performance+org%3Aservice-mesh-patterns+label%3A%22help+wanted%22+">help-wanted label</a>.</p>

build/meshery-cloud.version

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
v0.8.25
1+
v0.8.33

build/meshery-extensions.version

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
v0.7.119-4
1+
v0.7.122-2
Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
---
2+
title: v0.8.26
3+
date: 2024-10-08T21:31:05Z
4+
tag: v0.8.26
5+
prerelease: false
6+
---
7+
8+
## What's New
9+
**General**
10+
- [Sitemap] Combining sitemap exclude with robots.txt allow @leecalcote (#2823)
11+
- Exclude few path from sitemap @sudhanshutech (#2821)
12+
- fix sitemap generation using postbuild process @sudhanshutech (#2808)
13+
- Upgrade kanvas snapshot action version @Aijeyomah (#2820)
14+
15+
## Contributors
16+
17+
Thank you to our contributors for making this release possible:
18+
@Aijeyomah, @MUzairS15, @l5io, @leecalcote and @sudhanshutech
19+
Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
---
2+
title: v0.8.27
3+
date: 2024-10-12T18:58:51Z
4+
tag: v0.8.27
5+
prerelease: false
6+
---
7+
8+
## What's New
9+
## 🔤 General
10+
- Use sistent filp card in catalog @amitamrutiya (#2827)
11+
- [Chore] Making references to \Meshery Catalog\ just
Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
---
2+
title: v0.8.28
3+
date: 2024-10-12T19:31:09Z
4+
tag: v0.8.28
5+
prerelease: false
6+
---
7+
8+
## What's New
9+
## 🔤 General
10+
- switch user-access-cloud -> user-access make account @vishalvivekm (#2835)
11+
12+
## 🖥 Cloud UI
13+
14+
- [Public User Profile] Fix reference to Catalog-Card component @leecalcote (#2834)
15+
16+
## 💻 Server
17+
18+
- [Public User Profile] Fix reference to Catalog-Card component @leecalcote (#2834)
19+
20+
## 👨🏽‍💻 Contributors
21+
22+
Thank you to our contributors for making this release possible:
23+
@l5io, @leecalcote and @vishalvivekm
24+
Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
---
2+
title: v0.8.29
3+
date: 2024-10-13T17:39:59Z
4+
tag: v0.8.29
5+
prerelease: false
6+
---
7+
8+
## What's New
9+
## 🔤 General
10+
* Remove disallow in robots.txt
11+
12+
## 👨🏽‍💻 Contributors
13+
14+
Thank you to our contributors for making this release possible:
15+
@l5io and @leecalcote
16+
Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
---
2+
title: v0.8.30
3+
date: 2024-10-13T18:07:18Z
4+
tag: v0.8.30
5+
prerelease: false
6+
---
7+
8+
## What's New
9+
## 🔤 General
10+
## 🖥 Cloud UI
11+
12+
- explicit listing @leecalcote (#2836)
13+
14+
## 💻 Server
15+
16+
- explicit listing @leecalcote (#2836)
17+
18+
## 👨🏽‍💻 Contributors
19+
20+
Thank you to our contributors for making this release possible:
21+
@l5io and @leecalcote
22+
Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
---
2+
title: v0.8.31
3+
date: 2024-10-15T17:51:09Z
4+
tag: v0.8.31
5+
prerelease: false
6+
---
7+
8+
## What's New
9+
## 🔤 General
10+
- Convert catalog filter menu sistent filter @amitamrutiya (#2824)
11+
- Keda design challenge @Alero-Awani (#2829)
12+
13+
## 🖥 Cloud UI
14+
15+
- Bump sistent version and make changes based on new sistent version @amitamrutiya (#2844)
16+
- use catalog search field and sort menu to sistent @amitamrutiya (#2825)
17+
- Use cloud hamburger menu into a reusabel sistent component @amitamrutiya (#2822)
18+
19+
## 🧰 Maintenance
20+
21+
- ci: remove redundancy label workflow and fix label server @jerensl (#2843)
22+
- fix: change to master branch @jerensl (#2842)
23+
- fix: change input number to input string @jerensl (#2841)
24+
- Fix/dispatch cloud build on pr @jerensl (#2840)
25+
- fix: change token @jerensl (#2839)
26+
- ci: add build cloud ui dispatch @jerensl (#2837)
27+
28+
## 👨🏽‍💻 Contributors
29+
30+
Thank you to our contributors for making this release possible:
31+
@Alero-Awani, @MUzairS15, @amitamrutiya, @jerensl, @l5io and @leecalcote
32+
Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
---
2+
title: v0.8.32
3+
date: 2024-10-16T02:11:05Z
4+
tag: v0.8.32
5+
prerelease: false
6+
---
7+
8+
## What's New
9+
## 🔤 General
10+
## 🖥 Cloud UI
11+
12+
- [bugfix] Support Menu: Cloud Docs and API Docs links @leecalcote (#2845)
13+
14+
## 👨🏽‍💻 Contributors
15+
16+
Thank you to our contributors for making this release possible:
17+
@MUzairS15, @l5io and @leecalcote
18+
Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
---
2+
title: v0.8.33
3+
date: 2024-10-16T02:31:17Z
4+
tag: v0.8.33
5+
prerelease: false
6+
---
7+
8+
## What's New
9+
## 🔤 General
10+
- Bump golang.org/x/text from 0.17.0 to 0.18.0 @dependabot (#2804)
11+
12+
## 🖥 Cloud UI
13+
14+
- renaming in progress @vishalvivekm (#2818)
15+
16+
## 👨🏽‍💻 Contributors
17+
18+
Thank you to our contributors for making this release possible:
19+
@dependabot, @l5io, @leecalcote and @vishalvivekm
20+

content/en/kanvas/designer/comments/_index.md

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -91,7 +91,6 @@ Customize your notification preferences to mute email notifications for comments
9191
- You'll never miss an important mention, as notifications for mentions outside the muted thread remain active.
9292
{{< /alert >}}
9393

94-
9594
## Best Practices for Effective Design Reviews
9695

9796
### Be specific and actionable
Lines changed: 162 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,162 @@
1+
---
2+
title: Understanding Tool Modes
3+
description: >
4+
Kanvas Designer offers three modes: Default, Pencil, and Connector, which behave differently based on the context in which they are used. Learn how to interact with components and the canvas in each mode.
5+
weight: 7
6+
categories: [Designer]
7+
tags: [designs]
8+
aliases:
9+
---
10+
# Tool Modes
11+
12+
You can switch between mouse modes using hotkeys or tool selection. Here are hotkeys that control your mode:
13+
14+
**Spacebar**: Temporarily enables the alternative mouse mode (default mode vs pan mode)
15+
**Escape**: Switches to default mode irrespective of which mode you are currently using.
16+
17+
## Interacting with Components
18+
19+
### Default Mode (no tool selected)
20+
21+
**Hover**: Displays subtle indication of focus by outlining the component with a light green color.
22+
Cursor style: “default (arrow)”
23+
**Click-and-drag:** Moves component in the direction of the mouse.
24+
Cursor style: “move”
25+
**Click**: Displays the component toolbar, resize box, and connections handles.
26+
27+
<img style="width:250px;" src="./tool-mode-placeholder.svg" />
28+
29+
**Double-click**:
30+
31+
- Components \- Opens the component configurator.
32+
<img style="width:250px;" src="./tool-mode-placeholder.svg" />
33+
34+
Cursor style: “pointer”
35+
36+
- Textbox \- Enables text editing inside the component.
37+
<img style="width:250px;" src="./tool-mode-placeholder.svg" />
38+
39+
Cursor style: “text”
40+
41+
**Right-click**: Opens the circular component context menu.
42+
<img style="width:250px;" src="./tool-mode-placeholder.svg" />
43+
44+
## Interacting with the Canvas
45+
46+
### Default Mode (no tool selected)
47+
48+
**Hover:** Nothing
49+
Cursor style: “default (arrow)”
50+
**Click**: Nothing
51+
Cursor style: “default (arrow)”
52+
**Double-click**: Opens the quick component configurator.
53+
54+
<img style="width:250px;" src="./tool-mode-placeholder.svg" />
55+
56+
Cursor style: “pointer”
57+
58+
**Right-click**: Opens design context menu
59+
60+
<img style="width:250px;" src="./tool-mode-placeholder.svg" />
61+
62+
Cursor style: “default (arrow)”, with “pointer” on hover of a menu item.
63+
64+
**Click-and-hold:** Initiates box selection for selecting of multiple components.
65+
<img style="width:250px;" src="./tool-mode-placeholder.svg" />
66+
67+
Cursor style: “crosshair”
68+
**Scroll wheel**: Pan up or down in the direction of the mouse.
69+
70+
<img style="width:250px;" src="./tool-mode-placeholder.svg" />
71+
72+
Cursor style: “grabbing-hand”
73+
74+
**Scroll wheel \+ CMD/CTL**: Zoom in/out in the direction of the mouse.
75+
Cursor style: “grabbing-hand”
76+
77+
**Horizontal scroll wheel**: Pan left or right in the direction of the mouse.
78+
Cursor style: “grabbing-hand”
79+
80+
#### Pencil Mouse Mode
81+
82+
Pencil lines do not connect individual components, but offer annotating capability, allowing you to take notes and draw annotations to enhance your designs.
83+
**Hover:** Nothing
84+
Cursor style: “custom(pencil)”
85+
**Mouse down and drag:** Start drawing a freeform line.
86+
87+
<img style="width:250px;" src="./tool-mode-placeholder.svg" />
88+
89+
Cursor style: “custom(pencil)”
90+
**Mouse down \+ SHIFT:** Start drawing a straight line in the direction of the mouse, which will initiate and remain as either a vertical or horizontal line.
91+
Cursor style: “custom(pencil)”
92+
**Mouse up**: Complete the line and renders into a component with full styling capabilities.
93+
Cursor style: “custom(pencil)”
94+
**Click**: Draws ink from the pencil.
95+
Cursor style: “custom(pencil)”
96+
**Scroll wheel**: Nothing
97+
Cursor style: “custom(pencil)”
98+
**Scroll wheel \+ CMD/CTL**: Nothing
99+
Cursor style: “custom(pencil)”
100+
101+
<!-- *Developer notes:*
102+
103+
1. *In the future, the canvas moves with the pen/pencil as they near the edge of the viewport.*
104+
2. *In the future, the scroll wheel will behave as it normally does in default mode.* -->
105+
106+
#### Connector Tool Mode
107+
108+
The Connector tool operates as a creator of annotation relationships. Note that the connector tool has two behaviors depending upon the context in which you initiate the connection.
109+
110+
{{< alert title="Connector Behaviors">}}
111+
**Component-connect Behavior**: When you click an empty spot on the canvas, and drag to another empty spot on the canvas, you get a **joint** (aka a terminal node) from which you can create new connections as well as new edge relationships.
112+
113+
**Canvas-connect Behavior**: When you click an empty spot on the canvas, and drag to an existing component, you get an annotation edge relationship.
114+
115+
{{< /alert >}}
116+
117+
**Component-connect Behavior**: When you click an empty spot on the canvas, and drag to another empty spot on the canvas, you get a **joint** (aka a terminal node) from which you can create new connections as well as new edge relationships.
118+
119+
**Canvas-connect Behavior**: When you click an empty spot on the canvas, and drag to an existing component, you get an annotation edge relationship.
120+
121+
**Hover:** Nothing
122+
123+
<img style="width:250px;" src="./tool-mode-placeholder.svg" />
124+
125+
Cursor style: “connector (pen)” (*might* change in the future)
126+
127+
**Mouse down and drag:** Nothing
128+
129+
Creating connections happens in three phases.
130+
131+
1. **Click** (press primary mouse button and release)**:** Initiate connection.
132+
133+
<img style="width:250px;" src="./tool-mode-placeholder.svg" />
134+
135+
Cursor style: “connector (pen)”
136+
1. **Click and move:** if a connection was initiated, moves the ghost edge around else does nothing.
137+
138+
<img style="width:250px;" src="./tool-mode-placeholder.svg" />
139+
140+
Cursor style: “connector (pen)” and the annotation edge following the mouse around.
141+
1. **Click while connecting**: Establish and render connection.
142+
143+
<img style="width:250px;" src="./tool-mode-placeholder.svg" />
144+
145+
Cursor style: “connector (pen)”
146+
147+
<!--
148+
*Developer notes:*
149+
150+
1. *In future, when the connector is released on an empty spot on the canvas, offer a component picker from which users can always choose a “Joint” component.*
151+
2. *Rename PenTerminalNode to “**Joint**”, unless there’s something better to call it.* -->
152+
153+
#### Pan Mouse Mode
154+
155+
**Hover:** Nothing
156+
Cursor style: “hand”
157+
**Click-and-hold:** Grab the canvas and pan in the direction of mouse movement.
158+
Cursor style: “grabbing-hand”
159+
**Scroll wheel \+ CMD/CTL**: Zoom in/out in the direction of the mouse.
160+
Cursor style: “grabbing-hand”
161+
**Horizontal scroll wheel**: Pan left or right in the direction of the mouse.
162+
Cursor style: “grabbing-hand”

content/en/kanvas/designer/understandingr-tool-modes/tool-mode-placeholder.svg

Lines changed: 29 additions & 0 deletions
Loading
Loading
Loading
Loading
Loading
Loading
Loading
Loading

0 commit comments

Comments
 (0)