https://meshtastic.org/assets/js/1e945f4f.6d7883e0.js

1"use strict";(self.webpackChunkmeshtastic=self.webpackChunkmeshtastic||[]).push([["12918"],{20622(e,t,i){i.r(t),i.d(t,{metadata:()=>n,default:()=>h,frontMatter:()=>a,contentTitle:()=>c,toc:()=>d,assets:()=>l});var n=JSON.parse('{"id":"configuration/device-uis/device-uis","title":"Device UIs","description":"Overview of Meshtastic device user interfaces, including BaseUI, MeshtasticUI, and InkHUD.","source":"@site/versioned_docs/version-2.7/configuration/device-uis/index.mdx","sourceDirName":"configuration/device-uis","slug":"/configuration/device-uis/","permalink":"/docs/2.7/configuration/device-uis/","draft":false,"unlisted":false,"tags":[],"version":"2.7","lastUpdatedBy":"rcarteraz","sidebarPosition":3,"frontMatter":{"id":"device-uis","title":"Device UIs","sidebar_label":"Device UIs","sidebar_position":3,"description":"Overview of Meshtastic device user interfaces, including BaseUI, MeshtasticUI, and InkHUD."},"sidebar":"Sidebar","previous":{"title":"Traceroute","permalink":"/docs/2.7/configuration/module/traceroute"},"next":{"title":"BaseUI","permalink":"/docs/2.7/configuration/device-uis/baseui/"}}'),s=i(91987),r=i(67008),o=i(87622);let a={id:"device-uis",title:"Device UIs",sidebar_label:"Device UIs",sidebar_position:3,description:"Overview of Meshtastic device user interfaces, including BaseUI, MeshtasticUI, and InkHUD."},c,l={},d=[{value:"UIs",id:"uis",level:2},{value:"BaseUI",id:"baseui",level:3},{value:"MeshtasticUI",id:"meshtasticui",level:3},{value:"InkHUD",id:"inkhud",level:3}];function u(e){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.p,{children:"Meshtastic includes several built-in user interfaces (UIs), each designed to fit different device types, features, and preferences."}),"\n",(0,s.jsx)(t.p,{children:"Use the links below to explore the documentation for each available UI."}),"\n",(0,s.jsx)(t.h2,{id:"uis",children:"UIs"}),"\n",(0,s.jsx)(t.h3,{id:"baseui",children:(0,s.jsx)(t.a,{href:"./baseui/",children:"BaseUI"})}),"\n",(0,s.jsx)(t.p,{children:"The standard interface included with Meshtastic firmware. BaseUI provides straightforward navigation and access to key features directly on supported devices."}),"\n",(0,s.jsx)(t.h3,{id:"meshtasticui",children:(0,s.jsx)(t.a,{href:"./meshtasticui/",children:"MeshtasticUI"})}),"\n",(0,s.jsxs)(t.p,{children:["Also called ",(0,s.jsx)(o.A,{term:"MUI",definition:"An on-device interface for interacting with the mesh and changing most basic settings without a phone client.",routePath:"/docs/terms/",children:"MUI"}),", this standalone interface offers a modern, touch-friendly experience for compatible devices. It includes advanced tools for navigation, messaging, mapping, and configuration."]}),"\n",(0,s.jsx)(t.h3,{id:"inkhud",children:(0,s.jsx)(t.a,{href:"./inkhud/",children:"InkHUD"})}),"\n",(0,s.jsx)(t.p,{children:"A power-efficient interface designed for devices with e-ink displays. InkHUD emphasizes clear visibility in all lighting conditions and a clean, simplified layout."})]})}function h(e={}){let{wrapper:t}={...(0,r.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(u,{...e})}):u(e)}},67008(e,t,i){i.d(t,{R:()=>o,x:()=>a});var n=i(71763);let s={},r=n.createContext(s);function o(e){let t=n.useContext(r);return n.useMemo(function(){return"function"==typeof e?e(t):{...t,...e}},[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:o(e.components),n.createElement(r.Provider,{value:t},e.children)}},87622(e,t,i){i.d(t,{A:()=>o});var n=i(71763),s=i(37773),r=i(91987);function o({term:e,definition:t,abbreviation:i,routePath:a="/glossary",children:c}){let[l,d]=(0,n.useState)(!1),[u,h]=(0,n.useState)(null),[f,p]=(0,n.useState)("top"),m=(0,n.useRef)(null),v=(0,n.useRef)(null),g=(0,n.useCallback)(()=>{let e;if(!m.current||!v.current)return;let t=m.current.getBoundingClientRect(),i=v.current.getBoundingClientRect(),n=window.innerWidth,s=window.innerHeight,r=document.querySelector(".navbar"),o=r?r.getBoundingClientRect().bottom:0,a=t.to

1p-o>=i.height+8,c=s-t.bottom>=i.height+8,l=a||!c?"top":"bottom";e="top"===l?t.top-i.height-8:t.bottom+8;let d=t.left+t.width/2-i.width/2;d=Math.max(8,Math.min(d,n-i.width-8)),p(l),h({top:Math.max(o+4,e),left:d})},[]);(0,n.useEffect)(()=>{let e;if(!l)return;let t=requestAnimationFrame(()=>{e=requestAnimationFrame(()=>{g()})}),i=()=>g(),n=()=>g();return window.addEventListener("scroll",i,!0),window.addEventListener("resize",n),()=>{cancelAnimationFrame(t),e&&cancelAnimationFrame(e),window.removeEventListener("scroll",i,!0),window.removeEventListener("resize",n)}},[l,g]);let w=(0,s.P_)("docusaurus-plugin-glossary"),x=(0,n.useMemo)(()=>{if(t&&"string"==typeof t&&t.length>0)return t;let i=(w&&w.terms||[]).find(t=>"string"==typeof t.term&&t.term.toLowerCase()===String(e).toLowerCase());return i&&i.definition?i.definition:void 0},[t,w,e]),b=(0,n.useMemo)(()=>{let t=i;if(!t){let i=(w&&w.terms||[]).find(t=>"string"==typeof t.term&&t.term.toLowerCase()===String(e).toLowerCase());t=i&&i.abbreviation}if("string"!=typeof t)return;let n=t.trim();if(n&&n.toLowerCase()!==String(e).toLowerCase())return n},[i,w,e]),U=(0,n.useMemo)(()=>a&&"string"==typeof a&&a.length>0?a:w&&w.routePath||"/glossary",[w,a]),I=c||e,M=e.toLowerCase().replace(/\s+/g,"-");return(0,r.jsxs)("span",{ref:m,className:"glossaryTermWrapper_ud7W",children:[(0,r.jsx)("a",{href:`${U}#${M}`,className:"glossaryTerm_x2nJ",onMouseEnter:()=>d(!0),onMouseLeave:()=>d(!1),onFocus:()=>d(!0),onBlur:()=>d(!1),"aria-describedby":`tooltip-${M}`,children:I}),x&&(0,r.jsxs)("span",{ref:v,id:`tooltip-${M}`,className:`tooltip_WjgA ${l?"tooltipVisible_AjfD":""} ${"top"===f?"tooltipTop_uMN4":"tooltipBottom_U9P5"} tooltipFloating_nLk7`,role:"tooltip",style:l&&u?{top:`${u.top}px`,left:`${u.left}px`}:void 0,children:[(0,r.jsx)("strong",{children:e}),b?` (${b}). `:"",x]})]})}}}]);