add tray doc

Author: ogios

data/doc/4.widgets/5.box/1.text.md

@@ -4,7 +4,7 @@ Plain text.
 
 This widget can only be as a stand alone widget, it should be contained with in a `Box`.
 
-Ring provide one preset `time`.
+Text provide one preset `time`.
 
 ```json
 {

data/doc/4.widgets/5.box/2.tray.md

@@ -0,0 +1,160 @@
+# Text
+
+Tray widget.
+
+This widget can only be as a stand alone widget, it should be contained with in a `Box`.
+
+```json
+{
+  "name": "tray",
+  "edge": "bottom",
+  "position": "left",
+  "monitor": "HDMI-A-1",
+  "layer": "overlay",
+  "widget": {
+    "type": "box",
+    "frame_rate": 144,
+    "align": "center_right",
+    "widgets": [
+      {
+        "index": [-1, -1],
+        "widget": {
+          "type": "tray"
+        }
+      }
+    ]
+  }
+}
+```
+
+## `icon_size`
+
+Tray icon size.
+
+_Type: `int`_  
+_Default: `20`_
+
+## `tray_gap`
+
+Gap between each tray item.
+
+_Type: `integer`_  
+\_Default: `2`
+
+## `grid_align`
+
+Align of the grid.
+
+Enum:
+
+```json
+[
+  "top_left",
+  "top_center",
+  "top_right",
+  "center_left,",
+  "center_center",
+  "center_right",
+  "bottom_left",
+  "bottom_center",
+  "bottom_right"
+]
+```
+
+_Type: `string`_  
+_Default: `top_left`_
+
+## `header_menu_stack`
+
+Header on the top or Menu on the top.
+
+Enum:
+
+```json
+["header_top", "menu_top"]
+```
+
+_Type: `string`_  
+_Default: `header_top`_
+
+## `header_menu_align`
+
+Align of the grid.
+
+Enum:
+
+```json
+["left", "right"]
+```
+
+_Type: `string`_  
+_Default: `left`_
+
+## `header_draw_config`
+
+### `font_pixel_height`
+
+Font pixel height of the tray header.
+
+_Type: `int`_  
+_Default: `16`_
+
+### `text_color`
+
+Color with RGBA support.
+
+_Type: `string`_  
+_Default: `#FFF`_
+
+## `menu_draw_config`
+
+### `margin`
+
+Horizontal & Vertical margin of each menu item.
+
+_Type: `[i32; 2]`_  
+_Default: `[12, 16]`_
+
+### `font_pixel_height`
+
+Font pixel height of the tray header.
+
+_Type: `int`_  
+_Default: `20`_
+
+### `marker_size`
+
+Marker(radio/check/...) pixel height.
+
+_Type: `int`_  
+_Default: `20`_
+
+### `separator_height`
+
+Separator pixel height.
+
+_Type: `int`_  
+_Default: `5`_
+
+### `border_color`
+
+Color with RGBA support.
+
+_Type: `string`_  
+_Default: `#FFF`_
+
+### `text_color`
+
+Color with RGBA support.
+
+_Type: `string`_  
+_Default: `#FFF`_
+
+### `marker_color`
+
+Color with RGBA support.
+
+`null` represents, same as `text_color`.
+
+_Type: `null | string`_  
+_Default: `null`_

data/meta.json

@@ -1 +1 @@
-[{"title":"🤷 What is this","name":"description","children":[],"path":"/doc/0.description.md","name_path":"description"},{"title":"📥 Installation","name":"installation","children":[],"path":"/doc/1.installation.md","name_path":"installation"},{"title":"⌨️ Command line usage","name":"cmd","children":[],"path":"/doc/2.cmd.md","name_path":"cmd"},{"title":"⚙️ Configuration","name":"basic_config","children":[],"path":"/doc/3.basic_config.md","name_path":"basic_config"},{"title":"🧱 Widgets","name":"widgets","children":[{"title":"Button","name":"button","children":[],"path":"/doc/4.widgets/0.button.md","name_path":"widgets/button"},{"title":"Slide","name":"slide","children":[],"path":"/doc/4.widgets/1.slide.md","name_path":"widgets/slide"},{"title":"Speaker","name":"speaker","children":[],"path":"/doc/4.widgets/2.speaker.md","name_path":"widgets/speaker"},{"title":"Microphone","name":"microphone","children":[],"path":"/doc/4.widgets/3.microphone.md","name_path":"widgets/microphone"},{"title":"Backlight","name":"backlight","children":[],"path":"/doc/4.widgets/4.backlight.md","name_path":"widgets/backlight"},{"title":"Box","name":"box","children":[{"title":"Ring","name":"ring","children":[],"path":"/doc/4.widgets/5.box/0.ring.md","name_path":"box/ring"},{"title":"Text","name":"text","children":[],"path":"/doc/4.widgets/5.box/1.text.md","name_path":"box/text"}],"path":"/doc/4.widgets/5.box/index.md","name_path":"widgets/box"},{"title":"Hyprland Workspace","name":"hyprland-workspace","children":[],"path":"/doc/4.widgets/6.hyprland-workspace.md","name_path":"widgets/hyprland-workspace"}],"path":"/doc/4.widgets/index.md","name_path":"widgets"}]
+[{"title":"🤷 What is this","name":"description","children":[],"path":"/doc/0.description.md","name_path":"description"},{"title":"📥 Installation","name":"installation","children":[],"path":"/doc/1.installation.md","name_path":"installation"},{"title":"⌨️ Command line usage","name":"cmd","children":[],"path":"/doc/2.cmd.md","name_path":"cmd"},{"title":"⚙️ Configuration","name":"basic_config","children":[],"path":"/doc/3.basic_config.md","name_path":"basic_config"},{"title":"🧱 Widgets","name":"widgets","children":[{"title":"Button","name":"button","children":[],"path":"/doc/4.widgets/0.button.md","name_path":"widgets/button"},{"title":"Slide","name":"slide","children":[],"path":"/doc/4.widgets/1.slide.md","name_path":"widgets/slide"},{"title":"Speaker","name":"speaker","children":[],"path":"/doc/4.widgets/2.speaker.md","name_path":"widgets/speaker"},{"title":"Microphone","name":"microphone","children":[],"path":"/doc/4.widgets/3.microphone.md","name_path":"widgets/microphone"},{"title":"Backlight","name":"backlight","children":[],"path":"/doc/4.widgets/4.backlight.md","name_path":"widgets/backlight"},{"title":"Box","name":"box","children":[{"title":"Ring","name":"ring","children":[],"path":"/doc/4.widgets/5.box/0.ring.md","name_path":"box/ring"},{"title":"Text","name":"text","children":[],"path":"/doc/4.widgets/5.box/1.text.md","name_path":"box/text"},{"title":"Text","name":"tray","children":[],"path":"/doc/4.widgets/5.box/2.tray.md","name_path":"box/tray"}],"path":"/doc/4.widgets/5.box/index.md","name_path":"widgets/box"},{"title":"Hyprland Workspace","name":"hyprland-workspace","children":[],"path":"/doc/4.widgets/6.hyprland-workspace.md","name_path":"widgets/hyprland-workspace"}],"path":"/doc/4.widgets/index.md","name_path":"widgets"}]

src/app/box/tray/page.tsx

@@ -0,0 +1,13 @@
+
+import { get_file_under_data } from '@/lib/local_util'
+import MarkdownContent from '@/widgets/md/md_content'
+import { readFileSync } from 'fs'
+import '@/app/md.css'
+
+export default async function Page() {
+  const path = get_file_under_data('/doc/4.widgets/5.box/2.tray.md')
+  const content = readFileSync(path).toString()
+  return (
+      <MarkdownContent content={content} />
+  )
+}