init.lua

local buttonExampleHost = require("examples.button")
local eventsLifecycleHost = require("examples.events-lifecycle")
local eventsUpdateHost = require("examples.events-update")
local eventsMouseHost = require("examples.events-mouse")
local eventsKeyboardHost  = require("examples.events-keyboard")
local eventsFocusHost = require("examples.events-focus")
local dragExampleHost = require("examples.drag")
local jrpg = require("examples.jrpg")
local checkboxExampleHost = require("examples.checkbox")
local sliderExampleHost = require("examples.slider")
local textinputExampleHost = require("examples.textinput")
local dropdownExampleHost = require("examples.dropdown")
local radiobuttonExampleHost = require("examples.radiobutton")
local treeviewExampleHost = require("examples.treeview")
local scrollareaExampleHost = require("examples.scrollarea")
local collapseableheaderExampleHost = require("examples.collapseableheader")
local textExampleHost = require("examples.text")
local imageExampleHost = require("examples.image")
local comboboxExampleHost = require("examples.combobox")
local layoutsExampleHost = require("examples.layouts")
local rectangleExampleHost = require("examples.rectangle")
local stateExampleHost = require("examples.state")
local computedExampleHost = require("examples.state-computed")
local todoExampleHost = require("examples.state-todo")
local listsExampleHost = require("examples.state-lists")
local windowsExampleHost = require("examples.windows")
local groupExampleHost = require("examples.group")
local tabbarExampleHost = require("examples.tabbar")
local dockingExampleHost = require("examples.docking")
local menubarExampleHost = require("examples.menubar")

return {
    {
        name = "Button",
        host = buttonExampleHost,
        description = "Basic button interaction with click counting.",
        tags = {"button", "interaction", "events"}
    },
    {
        name = "Drag",
        host = dragExampleHost,
        description = "Draggable widget examples.",
        tags = {"drag", "interaction", "mouse"}
    },
    {
        name = "JRPG",
        host = jrpg.host,
        state = jrpg.state,
        smallCanvas = true,
        description = "Retro RPG game demo rendered at 320x288.",
        tags = {"game", "canvas", "smallcanvas", "demo"}
    },
    {
        name = "Checkbox",
        host = checkboxExampleHost,
        description = "Checkbox toggle controls.",
        tags = {"checkbox", "toggle", "input"}
    },
    {
        name = "Slider",
        host = sliderExampleHost,
        description = "Slider control for numeric value selection.",
        tags = {"slider", "input", "numeric"}
    },
    {
        name = "TextInput",
        host = textinputExampleHost,
        description = "Text input fields with editing and selection support.",
        tags = {"textinput", "input", "text", "keyboard"}
    },
    {
        name = "Dropdown",
        host = dropdownExampleHost,
        description = "Dropdown menu for selecting from a list.",
        tags = {"dropdown", "menu", "input", "selection"}
    },
    {
        name = "RadioButton",
        host = radiobuttonExampleHost,
        description = "Radio button groups for exclusive selection.",
        tags = {"radiobutton", "selection", "input"}
    },
    {
        name = "TreeView",
        host = treeviewExampleHost,
        description = "Hierarchical tree view with collapsible nodes.",
        tags = {"treeview", "hierarchy", "navigation"}
    },
    {
        name = "ScrollArea",
        host = scrollareaExampleHost,
        description = "Scrollable content container with scroll bars.",
        tags = {"scrollarea", "scroll", "container"}
    },
    {
        name = "CollapseableHeader",
        host = collapseableheaderExampleHost,
        description = "Collapsible header sections for grouping content.",
        tags = {"collapse", "header", "accordion"}
    },
    {
        name = "Text",
        host = textExampleHost,
        description = "Text display widget with alignment and color options.",
        tags = {"text", "display", "label"}
    },
    {
        name = "Image",
        host = imageExampleHost,
        description = "Image display widget.",
        tags = {"image", "display"}
    },
    {
        name = "ComboBox",
        host = comboboxExampleHost,
        description = "Combo box combining text entry with a selection list.",
        tags = {"combobox", "input", "selection", "text"}
    },
    {
        name = "Layouts",
        host = layoutsExampleHost,
        description = "Demonstration of layout strategies including grid and percentage sizing.",
        tags = {"layout", "stackpanel", "grid", "sizing"}
    },
    {
        name = "Rectangle",
        host = rectangleExampleHost,
        description = "Rectangle shape widget with color and border styling.",
        tags = {"rectangle", "shape", "drawing"}
    },
    {
        name = "State",
        host = stateExampleHost,
        description = "Reactive state management and property binding demonstration.",
        tags = {"state", "reactive", "binding"}
    },
    {
        name = "State - todo list",
        host = todoExampleHost,
        description = "Reactive todo list showing State, State.newId(), bindChildren, computedInline, computed:map, and filter binding.",
        tags = {"state", "reactive", "binding", "list", "computed"}
    },
    {
        name = "State - lists",
        host = listsExampleHost,
        description = "Message log demonstrating insert (append and prepend), ipairs, pairs, and len on reactive proxies.",
        tags = {"state", "reactive", "list", "insert", "ipairs", "pairs", "len"}
    },
    {
        name = "State - temperature converter",
        host = computedExampleHost,
        description = "Temperature converter demonstrating computed properties, formatting and binding.",
        tags = {"computed", "reactive", "binding", "map", "format"}
    },
    {
        name = "Windows",
        host = windowsExampleHost,
        description = "Draggable floating windows.",
        tags = {"windows", "drag", "overlay"}
    },
    {
        name = "Group",
        host = groupExampleHost,
        description = "Widget grouping and containment.",
        tags = {"group", "container"}
    },
    {
        name = "TabBar",
        host = tabbarExampleHost,
        description = "Tabbed interface for switching between views.",
        tags = {"tabbar", "tabs", "navigation"}
    },
    {
        name = "Docking",
        host = dockingExampleHost,
        description = "Dockable window system for flexible layouts.",
        tags = {"docking", "windows", "layout"}
    },
    {
        name = "Menubar",
        host = menubarExampleHost,
        description = "Menubar with dropdown menus.",
        tags = {"menu", "dropdownmenu", "menubar"}
    },
    {
        name = "Events - Lifecycle",
        host = eventsLifecycleHost,
        description = "mount and unmount lifecycle events.",
        tags = {"events", "lifecycle", "mount", "unmount"}
    },
    {
        name = "Events - Update",
        host = eventsUpdateHost,
        description = "onUpdate called every frame with delta time.",
        tags = {"events", "update", "animation", "lifecycle"}
    },
    {
        name = "Events - Mouse",
        host = eventsMouseHost,
        description = "All mouse events: press, release, click, move, enter, exit, wheel.",
        tags = {"events", "mouse", "interaction"}
    },
    {
        name = "Events - Keyboard",
        host = eventsKeyboardHost,
        description = "Visual keyboard showing key presses via key events.",
        tags = {"events", "keyboard", "input"}
    },
    {
        name = "Events - Focus",
        host = eventsFocusHost,
        description = "focusGained and focusLost events on text input fields.",
        tags = {"events", "focus", "input"}
    }
}