[{"data":1,"prerenderedAt":330},["ShallowReactive",2],{"doc-content/docs/developer/third-party":3,"doc-surroundings/docs/developer/third-party":236,"docs-navigation":246},{"path":4,"draft":5,"date":6,"dateUpdated":7,"title":8,"body":9,"description":235,"image":6,"imageAlt":6},"/docs/developer/third-party",false,null,"2025-05-15","Third Party Libraries",{"type":10,"value":11,"toc":230},"minimark",[12,16,20,25,35,39,42,175,184,188,191,219,226],[13,14,8],"h1",{"id":15},"third-party-libraries",[17,18,19],"p",{},"Hologram comes bundled with some built-in third party libraries that you can use.",[21,22,24],"h2",{"id":23},"vue-js","Vue JS",[17,26,27,28,34],{},"Because widgets are built using ",[29,30,24],"a",{"href":31,"rel":32},"https://vuejs.org",[33],"nofollow",", it's included by default.",[21,36,38],{"id":37},"dayjs","Day.js",[17,40,41],{},"Day.js is a library that lets you format dates and time:",[43,44,49],"pre",{"className":45,"code":46,"language":47,"meta":48,"style":48},"language-js shiki shiki-themes github-dark github-dark","dayjs('2018-08-08') // parse\ndayjs().format('{YYYY} MM-DDTHH:mm:ss SSS [Z] A') // display\ndayjs().set('month', 3).month() // get & set\ndayjs().add(1, 'year') // manipulate\ndayjs().isBefore(dayjs()) // query\n","js","",[50,51,52,75,96,130,155],"code",{"__ignoreMap":48},[53,54,57,60,64,68,71],"span",{"class":55,"line":56},"line",1,[53,58,37],{"class":59},"sFR8T",[53,61,63],{"class":62},"suv1-","(",[53,65,67],{"class":66},"s4wv1","'2018-08-08'",[53,69,70],{"class":62},") ",[53,72,74],{"class":73},"sJ8bj","// parse\n",[53,76,78,80,83,86,88,91,93],{"class":55,"line":77},2,[53,79,37],{"class":59},[53,81,82],{"class":62},"().",[53,84,85],{"class":59},"format",[53,87,63],{"class":62},[53,89,90],{"class":66},"'{YYYY} MM-DDTHH:mm:ss SSS [Z] A'",[53,92,70],{"class":62},[53,94,95],{"class":73},"// display\n",[53,97,99,101,103,106,108,111,114,118,121,124,127],{"class":55,"line":98},3,[53,100,37],{"class":59},[53,102,82],{"class":62},[53,104,105],{"class":59},"set",[53,107,63],{"class":62},[53,109,110],{"class":66},"'month'",[53,112,113],{"class":62},", ",[53,115,117],{"class":116},"s8ozJ","3",[53,119,120],{"class":62},").",[53,122,123],{"class":59},"month",[53,125,126],{"class":62},"() ",[53,128,129],{"class":73},"// get & set\n",[53,131,133,135,137,140,142,145,147,150,152],{"class":55,"line":132},4,[53,134,37],{"class":59},[53,136,82],{"class":62},[53,138,139],{"class":59},"add",[53,141,63],{"class":62},[53,143,144],{"class":116},"1",[53,146,113],{"class":62},[53,148,149],{"class":66},"'year'",[53,151,70],{"class":62},[53,153,154],{"class":73},"// manipulate\n",[53,156,158,160,162,165,167,169,172],{"class":55,"line":157},5,[53,159,37],{"class":59},[53,161,82],{"class":62},[53,163,164],{"class":59},"isBefore",[53,166,63],{"class":62},[53,168,37],{"class":59},[53,170,171],{"class":62},"()) ",[53,173,174],{"class":73},"// query\n",[17,176,177,178,183],{},"See the ",[29,179,182],{"href":180,"rel":181},"https://day.js.org/en/",[33],"Day.js Docs"," for more info.",[21,185,187],{"id":186},"tiny-color","Tiny Color",[17,189,190],{},"Tiny Color can be used to manipulate colors within your widgets:",[43,192,194],{"className":45,"code":193,"language":47,"meta":48,"style":48},"tinycolor('#f00').darken().toString()\n",[50,195,196],{"__ignoreMap":48},[53,197,198,201,203,206,208,211,213,216],{"class":55,"line":56},[53,199,200],{"class":59},"tinycolor",[53,202,63],{"class":62},[53,204,205],{"class":66},"'#f00'",[53,207,120],{"class":62},[53,209,210],{"class":59},"darken",[53,212,82],{"class":62},[53,214,215],{"class":59},"toString",[53,217,218],{"class":62},"()\n",[17,220,177,221,183],{},[29,222,225],{"href":223,"rel":224},"https://github.com/bgrins/TinyColor",[33],"Tiny Color Docs",[227,228,229],"style",{},"html pre.shiki code .sFR8T, html code.shiki .sFR8T{--shiki-default:#B392F0;--shiki-dark:#B392F0}html pre.shiki code .suv1-, html code.shiki .suv1-{--shiki-default:#E1E4E8;--shiki-dark:#E1E4E8}html pre.shiki code .s4wv1, html code.shiki .s4wv1{--shiki-default:#9ECBFF;--shiki-dark:#9ECBFF}html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}html pre.shiki code .s8ozJ, html code.shiki .s8ozJ{--shiki-default:#79B8FF;--shiki-dark:#79B8FF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":48,"searchDepth":77,"depth":77,"links":231},[232,233,234],{"id":23,"depth":77,"text":24},{"id":37,"depth":77,"text":38},{"id":186,"depth":77,"text":187},"Libraries bundled with Hologram for widget development.",[237,241],{"title":238,"path":239,"stem":240,"children":-1},"Utility Class","/docs/developer/util","docs/developer/13.util",{"title":242,"path":243,"stem":244,"sectionTitle":245,"children":-1},"Frequently Asked Questions","/docs/faq","docs/faq","Help",[247],{"title":248,"path":249,"stem":250,"children":251,"navigation":253},"Welcome to Hologram","/docs","docs/0.index",[252,254,258,262,266,328],{"title":248,"path":249,"stem":250,"navigation":253},true,{"title":255,"path":256,"stem":257,"navigation":253},"Themes & Wallpapers","/docs/themes","docs/1.themes",{"title":259,"path":260,"stem":261,"navigation":253},"Widgets","/docs/widgets","docs/2.widgets",{"title":263,"path":264,"stem":265,"navigation":253},"Settings","/docs/settings","docs/4.settings",{"title":267,"navigation":268,"sectionTitle":269,"collapsible":253,"path":270,"stem":271,"children":272,"page":5},"Developer",{"sectionTitle":269,"collapsible":253},"Developing Widgets","/docs/developer","docs/developer",[273,277,283,287,291,295,299,303,307,311,317,321,325,326],{"title":274,"path":275,"stem":276,"navigation":253},"Widget Developer Guide","/docs/developer/guide","docs/developer/01.guide",{"title":278,"path":279,"stem":280,"navigation":281,"sectionTitle":282},"Hologram Widget Class","/docs/developer/widget-class","docs/developer/02.widget-class",{"sectionTitle":282},"Building Widgets",{"title":284,"path":285,"stem":286,"navigation":253},"Widget Config","/docs/developer/widget-config","docs/developer/03.widget-config",{"title":288,"path":289,"stem":290,"navigation":253},"Widget Settings","/docs/developer/widget-settings","docs/developer/04.widget-settings",{"title":292,"path":293,"stem":294,"navigation":253},"Widget Color Settings","/docs/developer/widget-color-settings","docs/developer/05.widget-color-settings",{"title":296,"path":297,"stem":298,"navigation":253},"Creating Widget Presets","/docs/developer/widget-presets","docs/developer/06.widget-presets",{"title":300,"path":301,"stem":302,"navigation":253},"Making Widgets Scale","/docs/developer/making-widgets-scale","docs/developer/07.making-widgets-scale",{"title":304,"path":305,"stem":306,"navigation":253},"Simple Widget Example","/docs/developer/simple-example","docs/developer/07.simple-example",{"title":308,"path":309,"stem":310,"navigation":253},"Apple Script","/docs/developer/apple-script","docs/developer/08.apple-script",{"title":312,"path":313,"stem":314,"navigation":315,"sectionTitle":316},"Hologram API","/docs/developer/api","docs/developer/10.api",{"sectionTitle":316},"API Reference",{"title":318,"path":319,"stem":320,"navigation":253},"Weather","/docs/developer/weather","docs/developer/11.weather",{"title":322,"path":323,"stem":324,"navigation":253},"Timer","/docs/developer/timer","docs/developer/12.timer",{"title":238,"path":239,"stem":240,"navigation":253},{"title":8,"path":4,"stem":327,"navigation":253},"docs/developer/14.third-party",{"title":242,"path":243,"stem":244,"navigation":329,"sectionTitle":245},{"sectionTitle":245},1755585913038]