chore(assets): update layout examples to .kdl from .yaml (#2250)

example/layouts/multiple_tabs_layout.kdl

@@ -0,0 +1,56 @@
+layout {
+    default_tab_template {
+        pane size=1 borderless=true {
+            plugin location="zellij:tab-bar"
+        }
+        children
+        pane size=2 borderless=true {
+            plugin location="zellij:status-bar"
+        }
+    }
+    tab split_direction="Vertical" {
+        pane split_direction="Vertical" {
+            pane size="50%"
+            pane size="50%"
+        }
+    }
+    tab
+    tab split_direction="Vertical" {
+        pane split_direction="Vertical" {
+            pane size="50%"
+            pane size="50%"
+        }
+    }
+    tab split_direction="Vertical" {
+        pane split_direction="Vertical" {
+            pane size="50%"
+            pane size="50%" split_direction="Horizontal" {
+                pane size="50%"
+                pane size="50%"
+            }
+        }
+    }
+    tab
+    tab
+    tab
+    tab split_direction="Vertical" {
+        pane split_direction="Vertical" {
+            pane size="20%" {
+                plugin location="zellij:strider"
+            }
+            pane size="80%" split_direction="Horizontal" {
+                pane size="50%"
+                pane size="50%"
+            }
+        }
+    }
+    tab split_direction="Vertical" {
+        pane split_direction="Vertical" {
+            pane size="40%"
+            pane size="60%" split_direction="Horizontal" {
+                pane size="50%"
+                pane size="50%"
+            }
+        }
+    }
+}

example/layouts/multiple_tabs_layout.yaml

@@ -1,90 +0,0 @@
----
-template:
-  direction: Horizontal
-  parts:
-    - direction: Vertical
-      split_size:
-        Fixed: 1
-      run:
-        plugin:
-          location: "zellij:tab-bar"
-      borderless: true
-    - direction: Vertical
-      body: true
-    - direction: Vertical
-      split_size:
-        Fixed: 2
-      run:
-        plugin:
-          location: "zellij:status-bar"
-      borderless: true
-
-tabs:
-- direction: Vertical
-  parts:
-  - direction: Vertical
-    split_size:
-      Percent: 50
-  - direction: Vertical
-    split_size:
-      Percent: 50
-- direction: Vertical
-- direction: Vertical
-  parts:
-    - direction: Vertical
-      split_size:
-        Percent: 50
-    - direction: Vertical
-      split_size:
-        Percent: 50
-- direction: Vertical
-  parts:
-  - direction: Vertical
-    split_size:
-      Percent: 50
-  - direction: Horizontal
-    split_size:
-      Percent: 50
-    parts:
-      - direction: Vertical
-        split_size:
-          Percent: 50
-      - direction: Vertical
-        split_size:
-          Percent: 50
-- direction: Vertical
-- direction: Vertical
-- direction: Vertical
-- direction: Vertical
-  parts:
-  - direction: Vertical
-    split_size:
-      Percent: 20
-    run:
-      plugin:
-        location: "zellij:strider"
-  - direction: Horizontal
-    split_size:
-      Percent: 80
-    parts:
-      - direction: Vertical
-        split_size:
-          Percent: 50
-      - direction: Vertical
-        split_size:
-          Percent: 50
-- direction: Vertical
-  parts:
-  - direction: Vertical
-    split_size:
-      Percent: 40
-  - direction: Horizontal
-    split_size:
-      Percent: 60
-    parts:
-      - direction: Vertical
-        split_size:
-          Percent: 50
-      - direction: Vertical
-        split_size:
-          Percent: 50

example/layouts/multiple_tabs_layout_htop_command.kdl

@@ -0,0 +1,55 @@
+layout {
+    default_tab_template {
+        pane size=1 borderless=true {
+            plugin location="zellij:tab-bar"
+        }
+        children
+        pane size=2 borderless=true {
+            plugin location="zellij:status-bar"
+        }
+    }
+    tab split_direction="Vertical" {
+        pane split_direction="Vertical" {
+            pane command="htop" size="50%"
+            pane size="50%"
+        }
+    }
+    tab split_direction="Vertical" {
+        pane split_direction="Vertical" {
+            pane size="50%"
+            pane size="50%"
+        }
+    }
+    tab split_direction="Vertical" {
+        pane split_direction="Vertical" {
+            pane size="50%"
+            pane size="50%" split_direction="Horizontal" {
+                pane size="50%"
+                pane size="50%"
+            }
+        }
+    }
+    tab
+    tab
+    tab
+    tab split_direction="Vertical" {
+        pane split_direction="Vertical" {
+            pane size="20%" {
+                plugin location="zellij:strider"
+            }
+            pane size="80%" split_direction="Horizontal" {
+                pane size="50%"
+                pane size="50%"
+            }
+        }
+    }
+    tab split_direction="Vertical" {
+        pane split_direction="Vertical" {
+            pane size="40%"
+            pane size="60%" split_direction="Horizontal" {
+                pane size="50%"
+                pane size="50%"
+            }
+        }
+    }
+}

example/layouts/multiple_tabs_layout_htop_command.yaml

@@ -1,93 +0,0 @@
----
-template:
-  direction: Horizontal
-  parts:
-    - direction: Vertical
-      split_size:
-        Fixed: 1
-      run:
-        plugin:
-          location: "zellij:tab-bar"
-      borderless: true
-    - direction: Vertical
-      body: true
-    - direction: Vertical
-      split_size:
-        Fixed: 2
-      run:
-        plugin:
-          location: "zellij:status-bar"
-      borderless: true
-
-tabs:
-- direction: Vertical
-  parts:
-  - direction: Vertical
-    split_size:
-      Percent: 50
-    run:
-      command: {cmd: htop}
-  - direction: Vertical
-    split_size:
-      Percent: 50
-- direction: Vertical
-  parts:
-    - direction: Vertical
-      split_size:
-        Percent: 50
-    - direction: Vertical
-      split_size:
-        Percent: 50
-- direction: Vertical
-  parts:
-  - direction: Vertical
-    split_size:
-      Percent: 50
-  - direction: Horizontal
-    split_size:
-      Percent: 50
-    parts:
-      - direction: Vertical
-        split_size:
-          Percent: 50
-      - direction: Vertical
-        split_size:
-          Percent: 50
-- direction: Vertical
-- direction: Vertical
-  run:
-    command: {cmd: htop, args: ["-C"]}
-- direction: Vertical
-- direction: Vertical
-  parts:
-  - direction: Vertical
-    split_size:
-      Percent: 20
-    run:
-      plugin:
-        location: "zellij:strider"
-  - direction: Horizontal
-    split_size:
-      Percent: 80
-    parts:
-      - direction: Vertical
-        split_size:
-          Percent: 50
-      - direction: Vertical
-        split_size:
-          Percent: 50
-- direction: Vertical
-  parts:
-  - direction: Vertical
-    split_size:
-      Percent: 40
-  - direction: Horizontal
-    split_size:
-      Percent: 60
-    parts:
-      - direction: Vertical
-        split_size:
-          Percent: 50
-      - direction: Vertical
-        split_size:
-          Percent: 50

example/layouts/run_htop_layout.kdl

@@ -0,0 +1,14 @@
+layout {
+    default_tab_template {
+        children
+    }
+    tab split_direction="Vertical" {
+        pane split_direction="Vertical" {
+            pane size="50%" split_direction="Horizontal" {
+                pane size="50%"
+                pane command="htop" size="50%"
+            }
+            pane command="htop" size="50%"
+        }
+    }
+}

example/layouts/run_htop_layout.yaml

@@ -1,21 +0,0 @@
----
-tabs:
-  - direction: Vertical
-    parts:
-      - direction: Horizontal
-        split_size:
-          Percent: 50
-        parts:
-          - direction: Vertical
-            split_size:
-              Percent: 50
-          - direction: Vertical
-            split_size:
-              Percent: 50
-            run:
-              command: {cmd: htop}
-      - direction: Horizontal
-        split_size:
-          Percent: 50
-        run:
-          command: {cmd: htop}

example/layouts/run_htop_layout_with_plugins.kdl

@@ -0,0 +1,22 @@
+layout {
+    default_tab_template {
+        children
+    }
+    tab split_direction="Horizontal" {
+        pane size=1 borderless=true {
+            plugin location="zellij:tab-bar"
+        }
+        pane split_direction="Vertical" {
+            pane split_direction="Vertical" {
+                pane command="htop" size="50%"
+                pane command="htop" size="50%" {
+                    args "-C"
+                }
+            }
+        }
+        pane size=5
+        pane size=2 borderless=true {
+            plugin location="zellij:status-bar"
+        }
+    }
+}

example/layouts/run_htop_layout_with_plugins.yaml

@@ -1,35 +0,0 @@
----
-tabs:
-  - direction: Horizontal
-    parts:
-      - direction: Vertical
-        split_size:
-          Fixed: 1
-        run:
-          plugin:
-            location: "zellij:tab-bar"
-        borderless: true
-      - direction: Vertical
-        parts:
-        - direction: Vertical
-          parts:
-          - direction: Vertical
-            split_size:
-              Percent: 50
-            run:
-              command: {cmd: htop}
-          - direction: Vertical
-            split_size:
-              Percent: 50
-            run:
-              command: {cmd: htop, args: ["-C"]}
-      - direction: Vertical
-        split_size:
-          Fixed: 5
-      - direction: Vertical
-        split_size:
-          Fixed: 2
-        run:
-          plugin:
-            location: "zellij:status-bar"
-        borderless: true