lifx-lan-client

<!doctype html> <html lang="en"> <head> <title>Code coverage report for src/lifx/utils.js</title> <meta charset="utf-8" /> <link rel="stylesheet" href="../../prettify.css" /> <link rel="stylesheet" href="../../base.css" /> <link rel="shortcut icon" type="image/x-icon" href="../../favicon.png" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style type='text/css'> .coverage-summary .sorter { background-image: url(../../sort-arrow-sprite.png); } </style> </head> <body> <div class='wrapper'> <div class='pad1'> <h1><a href="../../index.html">All files</a> / <a href="index.html">src/lifx</a> utils.js</h1> <div class='clearfix'> <div class='fl pad1y space-right2'> 100% Statements 107/107 </div> <div class='fl pad1y space-right2'> 97.61% Branches 41/42 </div> <div class='fl pad1y space-right2'> 100% Functions 16/16 </div> <div class='fl pad1y space-right2'> 100% Lines 104/104 </div> </div> Press n or j to go to the next uncovered block, b, p or k for the previous block. <template id="filterTemplate"> <div class="quiet"> Filter: <input oninput="onInput()" type="search" id="fileSearch"> </div> </template> </div> <div class='status-line high'></div> <pre><table class="coverage"> <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a> <a name='L2'></a><a href='#L2'>2</a> <a name='L3'></a><a href='#L3'>3</a> <a name='L4'></a><a href='#L4'>4</a> <a name='L5'></a><a href='#L5'>5</a> <a name='L6'></a><a href='#L6'>6</a> <a name='L7'></a><a href='#L7'>7</a> <a name='L8'></a><a href='#L8'>8</a> <a name='L9'></a><a href='#L9'>9</a> <a name='L10'></a><a href='#L10'>10</a> <a name='L11'></a><a href='#L11'>11</a> <a name='L12'></a><a href='#L12'>12</a> <a name='L13'></a><a href='#L13'>13</a> <a name='L14'></a><a href='#L14'>14</a> <a name='L15'></a><a href='#L15'>15</a> <a name='L16'></a><a href='#L16'>16</a> <a name='L17'></a><a href='#L17'>17</a> <a name='L18'></a><a href='#L18'>18</a> <a name='L19'></a><a href='#L19'>19</a> <a name='L20'></a><a href='#L20'>20</a> <a name='L21'></a><a href='#L21'>21</a> <a name='L22'></a><a href='#L22'>22</a> <a name='L23'></a><a href='#L23'>23</a> <a name='L24'></a><a href='#L24'>24</a> <a name='L25'></a><a href='#L25'>25</a> <a name='L26'></a><a href='#L26'>26</a> <a name='L27'></a><a href='#L27'>27</a> <a name='L28'></a><a href='#L28'>28</a> <a name='L29'></a><a href='#L29'>29</a> <a name='L30'></a><a href='#L30'>30</a> <a name='L31'></a><a href='#L31'>31</a> <a name='L32'></a><a href='#L32'>32</a> <a name='L33'></a><a href='#L33'>33</a> <a name='L34'></a><a href='#L34'>34</a> <a name='L35'></a><a href='#L35'>35</a> <a name='L36'></a><a href='#L36'>36</a> <a name='L37'></a><a href='#L37'>37</a> <a name='L38'></a><a href='#L38'>38</a> <a name='L39'></a><a href='#L39'>39</a> <a name='L40'></a><a href='#L40'>40</a> <a name='L41'></a><a href='#L41'>41</a> <a name='L42'></a><a href='#L42'>42</a> <a name='L43'></a><a href='#L43'>43</a> <a name='L44'></a><a href='#L44'>44</a> <a name='L45'></a><a href='#L45'>45</a> <a name='L46'></a><a href='#L46'>46</a> <a name='L47'></a><a href='#L47'>47</a> <a name='L48'></a><a href='#L48'>48</a> <a name='L49'></a><a href='#L49'>49</a> <a name='L50'></a><a href='#L50'>50</a> <a name='L51'></a><a href='#L51'>51</a> <a name='L52'></a><a href='#L52'>52</a> <a name='L53'></a><a href='#L53'>53</a> <a name='L54'></a><a href='#L54'>54</a> <a name='L55'></a><a href='#L55'>55</a> <a name='L56'></a><a href='#L56'>56</a> <a name='L57'></a><a href='#L57'>57</a> <a name='L58'></a><a href='#L58'>58</a> <a name='L59'></a><a href='#L59'>59</a> <a name='L60'></a><a href='#L60'>60</a> <a name='L61'></a><a href='#L61'>61</a> <a name='L62'></a><a href='#L62'>62</a> <a name='L63'></a><a href='#L63'>63</a> <a name='L64'></a><a href='#L64'>64</a> <a name='L65'></a><a href='#L65'>65</a> <a name='L66'></a><a href='#L66'>66</a> <a name='L67'></a><a href='#L67'>67</a> <a name='L68'></a><a href='#L68'>68</a> <a name='L69'></a><a href='#L69'>69</a> <a name='L70'></a><a href='#L70'>70</a> <a name='L71'></a><a href='#L71'>71</a> <a name='L72'></a><a href='#L72'>72</a> <a name='L73'></a><a href='#L73'>73</a> <a name='L74'></a><a href='#L74'>74</a> <a name='L75'></a><a href='#L75'>75</a> <a name='L76'></a><a href='#L76'>76</a> <a name='L77'></a><a href='#L77'>77</a> <a name='L78'></a><a href='#L78'>78</a> <a name='L79'></a><a href='#L79'>79</a> <a name='L80'></a><a href='#L80'>80</a> <a name='L81'></a><a href='#L81'>81</a> <a name='L82'></a><a href='#L82'>82</a> <a name='L83'></a><a href='#L83'>83</a> <a name='L84'></a><a href='#L84'>84</a> <a name='L85'></a><a href='#L85'>85</a> <a name='L86'></a><a href='#L86'>86</a> <a name='L87'></a><a href='#L87'>87</a> <a name='L88'></a><a href='#L88'>88</a> <a name='L89'></a><a href='#L89'>89</a> <a name='L90'></a><a href='#L90'>90</a> <a name='L91'></a><a href='#L91'>91</a> <a name='L92'></a><a href='#L92'>92</a> <a name='L93'></a><a href='#L93'>93</a> <a name='L94'></a><a href='#L94'>94</a> <a name='L95'></a><a href='#L95'>95</a> <a name='L96'></a><a href='#L96'>96</a> <a name='L97'></a><a href='#L97'>97</a> <a name='L98'></a><a href='#L98'>98</a> <a name='L99'></a><a href='#L99'>99</a> <a name='L100'></a><a href='#L100'>100</a> <a name='L101'></a><a href='#L101'>101</a> <a name='L102'></a><a href='#L102'>102</a> <a name='L103'></a><a href='#L103'>103</a> <a name='L104'></a><a href='#L104'>104</a> <a name='L105'></a><a href='#L105'>105</a> <a name='L106'></a><a href='#L106'>106</a> <a name='L107'></a><a href='#L107'>107</a> <a name='L108'></a><a href='#L108'>108</a> <a name='L109'></a><a href='#L109'>109</a> <a name='L110'></a><a href='#L110'>110</a> <a name='L111'></a><a href='#L111'>111</a> <a name='L112'></a><a href='#L112'>112</a> <a name='L113'></a><a href='#L113'>113</a> <a name='L114'></a><a href='#L114'>114</a> <a name='L115'></a><a href='#L115'>115</a> <a name='L116'></a><a href='#L116'>116</a> <a name='L117'></a><a href='#L117'>117</a> <a name='L118'></a><a href='#L118'>118</a> <a name='L119'></a><a href='#L119'>119</a> <a name='L120'></a><a href='#L120'>120</a> <a name='L121'></a><a href='#L121'>121</a> <a name='L122'></a><a href='#L122'>122</a> <a name='L123'></a><a href='#L123'>123</a> <a name='L124'></a><a href='#L124'>124</a> <a name='L125'></a><a href='#L125'>125</a> <a name='L126'></a><a href='#L126'>126</a> <a name='L127'></a><a href='#L127'>127</a> <a name='L128'></a><a href='#L128'>128</a> <a name='L129'></a><a href='#L129'>129</a> <a name='L130'></a><a href='#L130'>130</a> <a name='L131'></a><a href='#L131'>131</a> <a name='L132'></a><a href='#L132'>132</a> <a name='L133'></a><a href='#L133'>133</a> <a name='L134'></a><a href='#L134'>134</a> <a name='L135'></a><a href='#L135'>135</a> <a name='L136'></a><a href='#L136'>136</a> <a name='L137'></a><a href='#L137'>137</a> <a name='L138'></a><a href='#L138'>138</a> <a name='L139'></a><a href='#L139'>139</a> <a name='L140'></a><a href='#L140'>140</a> <a name='L141'></a><a href='#L141'>141</a> <a name='L142'></a><a href='#L142'>142</a> <a name='L143'></a><a href='#L143'>143</a> <a name='L144'></a><a href='#L144'>144</a> <a name='L145'></a><a href='#L145'>145</a> <a name='L146'></a><a href='#L146'>146</a> <a name='L147'></a><a href='#L147'>147</a> <a name='L148'></a><a href='#L148'>148</a> <a name='L149'></a><a href='#L149'>149</a> <a name='L150'></a><a href='#L150'>150</a> <a name='L151'></a><a href='#L151'>151</a> <a name='L152'></a><a href='#L152'>152</a> <a name='L153'></a><a href='#L153'>153</a> <a name='L154'></a><a href='#L154'>154</a> <a name='L155'></a><a href='#L155'>155</a> <a name='L156'></a><a href='#L156'>156</a> <a name='L157'></a><a href='#L157'>157</a> <a name='L158'></a><a href='#L158'>158</a> <a name='L159'></a><a href='#L159'>159</a> <a name='L160'></a><a href='#L160'>160</a> <a name='L161'></a><a href='#L161'>161</a> <a name='L162'></a><a href='#L162'>162</a> <a name='L163'></a><a href='#L163'>163</a> <a name='L164'></a><a href='#L164'>164</a> <a name='L165'></a><a href='#L165'>165</a> <a name='L166'></a><a href='#L166'>166</a> <a name='L167'></a><a href='#L167'>167</a> <a name='L168'></a><a href='#L168'>168</a> <a name='L169'></a><a href='#L169'>169</a> <a name='L170'></a><a href='#L170'>170</a> <a name='L171'></a><a href='#L171'>171</a> <a name='L172'></a><a href='#L172'>172</a> <a name='L173'></a><a href='#L173'>173</a> <a name='L174'></a><a href='#L174'>174</a> <a name='L175'></a><a href='#L175'>175</a> <a name='L176'></a><a href='#L176'>176</a> <a name='L177'></a><a href='#L177'>177</a> <a name='L178'></a><a href='#L178'>178</a> <a name='L179'></a><a href='#L179'>179</a> <a name='L180'></a><a href='#L180'>180</a> <a name='L181'></a><a href='#L181'>181</a> <a name='L182'></a><a href='#L182'>182</a> <a name='L183'></a><a href='#L183'>183</a> <a name='L184'></a><a href='#L184'>184</a> <a name='L185'></a><a href='#L185'>185</a> <a name='L186'></a><a href='#L186'>186</a> <a name='L187'></a><a href='#L187'>187</a> <a name='L188'></a><a href='#L188'>188</a> <a name='L189'></a><a href='#L189'>189</a> <a name='L190'></a><a href='#L190'>190</a> <a name='L191'></a><a href='#L191'>191</a> <a name='L192'></a><a href='#L192'>192</a> <a name='L193'></a><a href='#L193'>193</a> <a name='L194'></a><a href='#L194'>194</a> <a name='L195'></a><a href='#L195'>195</a> <a name='L196'></a><a href='#L196'>196</a> <a name='L197'></a><a href='#L197'>197</a> <a name='L198'></a><a href='#L198'>198</a> <a name='L199'></a><a href='#L199'>199</a> <a name='L200'></a><a href='#L200'>200</a> <a name='L201'></a><a href='#L201'>201</a> <a name='L202'></a><a href='#L202'>202</a> <a name='L203'></a><a href='#L203'>203</a> <a name='L204'></a><a href='#L204'>204</a> <a name='L205'></a><a href='#L205'>205</a> <a name='L206'></a><a href='#L206'>206</a> <a name='L207'></a><a href='#L207'>207</a> <a name='L208'></a><a href='#L208'>208</a> <a name='L209'></a><a href='#L209'>209</a> <a name='L210'></a><a href='#L210'>210</a> <a name='L211'></a><a href='#L211'>211</a> <a name='L212'></a><a href='#L212'>212</a> <a name='L213'></a><a href='#L213'>213</a> <a name='L214'></a><a href='#L214'>214</a> <a name='L215'></a><a href='#L215'>215</a> <a name='L216'></a><a href='#L216'>216</a> <a name='L217'></a><a href='#L217'>217</a> <a name='L218'></a><a href='#L218'>218</a> <a name='L219'></a><a href='#L219'>219</a> <a name='L220'></a><a href='#L220'>220</a> <a name='L221'></a><a href='#L221'>221</a> <a name='L222'></a><a href='#L222'>222</a> <a name='L223'></a><a href='#L223'>223</a> <a name='L224'></a><a href='#L224'>224</a> <a name='L225'></a><a href='#L225'>225</a> <a name='L226'></a><a href='#L226'>226</a> <a name='L227'></a><a href='#L227'>227</a> <a name='L228'></a><a href='#L228'>228</a> <a name='L229'></a><a href='#L229'>229</a> <a name='L230'></a><a href='#L230'>230</a> <a name='L231'></a><a href='#L231'>231</a> <a name='L232'></a><a href='#L232'>232</a> <a name='L233'></a><a href='#L233'>233</a> <a name='L234'></a><a href='#L234'>234</a> <a name='L235'></a><a href='#L235'>235</a> <a name='L236'></a><a href='#L236'>236</a> <a name='L237'></a><a href='#L237'>237</a> <a name='L238'></a><a href='#L238'>238</a> <a name='L239'></a><a href='#L239'>239</a> <a name='L240'></a><a href='#L240'>240</a> <a name='L241'></a><a href='#L241'>241</a> <a name='L242'></a><a href='#L242'>242</a> <a name='L243'></a><a href='#L243'>243</a> <a name='L244'></a><a href='#L244'>244</a> <a name='L245'></a><a href='#L245'>245</a> <a name='L246'></a><a href='#L246'>246</a> <a name='L247'></a><a href='#L247'>247</a> <a name='L248'></a><a href='#L248'>248</a> <a name='L249'></a><a href='#L249'>249</a> <a name='L250'></a><a href='#L250'>250</a> <a name='L251'></a><a href='#L251'>251</a> <a name='L252'></a><a href='#L252'>252</a> <a name='L253'></a><a href='#L253'>253</a> <a name='L254'></a><a href='#L254'>254</a> <a name='L255'></a><a href='#L255'>255</a> <a name='L256'></a><a href='#L256'>256</a> <a name='L257'></a><a href='#L257'>257</a> <a name='L258'></a><a href='#L258'>258</a> <a name='L259'></a><a href='#L259'>259</a> <a name='L260'></a><a href='#L260'>260</a> <a name='L261'></a><a href='#L261'>261</a> <a name='L262'></a><a href='#L262'>262</a> <a name='L263'></a><a href='#L263'>263</a> <a name='L264'></a><a href='#L264'>264</a> <a name='L265'></a><a href='#L265'>265</a> <a name='L266'></a><a href='#L266'>266</a> <a name='L267'></a><a href='#L267'>267</a> <a name='L268'></a><a href='#L268'>268</a> <a name='L269'></a><a href='#L269'>269</a> <a name='L270'></a><a href='#L270'>270</a> <a name='L271'></a><a href='#L271'>271</a> <a name='L272'></a><a href='#L272'>272</a> <a name='L273'></a><a href='#L273'>273</a> <a name='L274'></a><a href='#L274'>274</a> <a name='L275'></a><a href='#L275'>275</a> <a name='L276'></a><a href='#L276'>276</a> <a name='L277'></a><a href='#L277'>277</a> <a name='L278'></a><a href='#L278'>278</a> <a name='L279'></a><a href='#L279'>279</a> <a name='L280'></a><a href='#L280'>280</a></td><td class="line-coverage quiet">    1x 1x 1x 1x           1x 3x 3x 3x 9x 12x     3x                           1x 51x 51x   51x 1x     51x 416x 416x     51x                     1x 5x                       1x 1x               1x 40x 40x                 1x 28x 15x 13x   2x     28x 4x   28x                         1x 5x 1x   4x                             1x 3x 1x   2x 1x   2x   2x                 1x 17x 1x   16x 16x 1x   15x 15x 2x             13x 6x 6x 6x 7x 7x 7x 7x 7x 7x 7x     13x                       1x 18x               1x 18x                 1x 16x 16x 16x 16x 16x   16x 16x 16x       16x 5x 11x 7x 7x 1x   4x 3x   1x   16x     16x 16x       16x 5x   11x   16x   16x                   1x 4x 4x 3x 141x 2x                   2x    </td><td class="text"><pre class="prettyprint lang-js">'use strict';   const os = require('os'); const {constants} = require('../lifx'); const productDetailList = require('./products.json'); const utils = exports;   /** * Return all ip addresses of the machine * @return {Array} list containing ip address info */ utils.getHostIPs = function() { const ips = []; const ifaces = os.networkInterfaces(); Object.keys(ifaces).forEach(function(ifname) { ifaces[ifname].forEach(function(iface) { ips.push(iface.address); }); }); return ips; };   /** * Generates a random hex string of the given length * @example * // returns something like 8AF1 * utils.getRandomHexString(4) * @example * // returns something like 0D41C8AF * utils.getRandomHexString() * @param {Number} [length=8] string length to generate * @return {String} random hex string */ utils.getRandomHexString = function(length) { let string = ''; const chars = '0123456789ABCDEF';   if (!length) { length = 8; }   for (let i = 0; i < length; i++) { const randomNumber = Math.floor(Math.random() * chars.length); string += chars.substring(randomNumber, randomNumber + 1); }   return string; };   /** * Reads a little-endian unsigned 64-bit value and returns it as buffer * This function exists for easy replacing if a native method will be provided * by node.js and does not make sense like is * @param {Buffer} buffer buffer to read from * @param {Number} offset offset to begin reading from * @return {Buffer} resulting 64-bit buffer */ utils.readUInt64LE = function(buffer, offset) { return buffer.slice(offset, offset + 8); };   /** * Writes a 64-bit value provided as buffer and returns the result * This function exists for easy replacing if a native method will be provided * by node.js and does not make sense like is * @param {Buffer} buffer buffer to write from * @param {Number} offset offset to begin reading from * @param {Buffer} input the buffer to write * @return {Buffer} resulting 64-bit buffer */ utils.writeUInt64LE = function(buffer, offset, input) { return input.copy(buffer, offset, 0, 8); };   /** * Validates a given ip address is IPv4 format * @param {String} ip IP address to validate * @return {Boolean} is IPv4 format? */ utils.isIpv4Format = function(ip) { const ipv4Regex = /^(\d{1,3}\.){3}\d{1,3}$/; return ipv4Regex.test(ip); };   /** * set any val to a number by the given default * @param {any} val given value * @param {Number} def given default * @return {Number} the 16bit number */ utils.to16Bitnumber = function(val, def) { if (typeof val !== 'number') { if (typeof def === 'number') { val = def; } else { val = 0; } } if (val < 0) { val = (-1 * val) + 0x10000; } return val & 0xffff; };   /** * Checks validity of color to be an HSBK Value * This updates HSBK to defaults * @param {Object} color value * @param {Number} color.hue value * @param {Number} color.saturation value * @param {Number} color.brightness value * @param {Number} color.kelvin value * @return {Object} HSBK value */ utils.toColorHsbk = function(color) { if (typeof color !== 'object') { throw new TypeError('LIFX util toColorHsbk expects colors to be an object'); } return { hue: utils.to16Bitnumber(color.hue, 0x8000), saturation: utils.to16Bitnumber(color.saturation, 0x8000), brightness: utils.to16Bitnumber(color.brightness, 0x8000), kelvin: utils.to16Bitnumber(color.kelvin, constants.HSBK_DEFAULT_KELVIN) }; };   /** * Checks validity of colors array containing HSBK * This updates HSBK values to defaults * @param {array} colors of HSBK values * @param {Number} size if set array has to have size * @return {array} colors array by the given size */ utils.buildColorsHsbk = function(colors, size) { if (!Array.isArray(colors)) { throw new TypeError('LIFX util buildColorsHsbk expects colors to be an array'); } if (typeof size !== 'number') { size = 0; } return (new Array(size)) .fill(undefined) .map((_, idx) => this.toColorHsbk(colors[idx] || {})); };   /** * Converts an RGB Hex string to an object with decimal representations * @example rgbHexStringToObject('#FF00FF') * @param {String} rgbHexString hex value to parse, with leading # * @return {Object} object with decimal values for r, g, b */ utils.rgbHexStringToObject = function(rgbHexString) { if (typeof rgbHexString !== 'string') { throw new TypeError('LIFX util rgbHexStringToObject expects first parameter to be a string'); } const hashChar = rgbHexString.substr(0, 1); if (hashChar !== '#') { throw new RangeError('LIFX util rgbHexStringToObject expects hex parameter with leading \'#\' sign'); } const pureHex = rgbHexString.substr(1); if (pureHex.length !== 6 && pureHex.length !== 3) { throw new RangeError('LIFX util rgbHexStringToObject expects hex value parameter to be 3 or 6 chars long'); }   let r; let g; let b;   if (pureHex.length === 6) { r = pureHex.substring(0, 2); g = pureHex.substring(2, 4); b = pureHex.substring(4, 6); } else Eif (pureHex.length === 3) { r = pureHex.substring(0, 1); r += r; g = pureHex.substring(1, 2); g += g; b = pureHex.substring(2, 3); b += b; }   return { r: parseInt(r, 16), g: parseInt(g, 16), b: parseInt(b, 16) }; };   /** * find mininum number in an array * @param {Array} array of numbers * @return {Number} minium of the given array */ utils.minNumberInArray = function(array) { return Math.min(...array); };   /** * find maxinum number in an array * @param {Array} array of numbers * @return {Number} maxinum of the given array */ utils.maxNumberInArray = function(array) { return Math.max(...array); };   /** * Converts an object with r,g,b integer values to an * hsb integer object * @param {Object} rgbObj object with r,g,b keys and values * @return {Object} hsbObj object with h,s,b keys and converted values */ utils.rgbToHsb = function(rgbObj) { const red = rgbObj.r / constants.RGB_MAXIMUM_VALUE; const green = rgbObj.g / constants.RGB_MAXIMUM_VALUE; const blue = rgbObj.b / constants.RGB_MAXIMUM_VALUE; const rgb = [red, green, blue]; const hsb = {};   const max = utils.maxNumberInArray(rgb); const min = utils.minNumberInArray(rgb); const c = max - min;   // https://en.wikipedia.org/wiki/HSL_and_HSV#Hue_and_chroma let hue; if (c === 0) { hue = 0; } else if (max === red) { hue = ((green - blue) / c); if (hue < 0) { hue += 6; } } else if (max === green) { hue = 2 + ((blue - red) / c); } else { // max === blue hue = 4 + ((red - green) / c); } hsb.h = Math.round(60 * hue);   // https://en.wikipedia.org/wiki/HSL_and_HSV#Lightness const lightness = max; hsb.b = Math.round(lightness * 100);   // https://en.wikipedia.org/wiki/HSL_and_HSV#Saturation let saturation; if (c === 0) { saturation = 0; } else { saturation = (c / lightness); } hsb.s = Math.round(saturation * 100);   return hsb; };   /** * Get's product and vendor details for the given id's * hsb integer object * @param {Number} vendorId id of the vendor * @param {Number} productId id of the product * @return {Object|Boolean} product and details vendor details or false if not found */ utils.getHardwareDetails = function(vendorId, productId) { for (let i = 0; i < productDetailList.length; i += 1) { if (productDetailList[i].vid === vendorId) { for (let j = 0; j < productDetailList[i].products.length; j += 1) { if (productDetailList[i].products[j].pid === productId) { return { vendorName: productDetailList[i].name, productName: productDetailList[i].products[j].name, productFeatures: productDetailList[i].products[j].features }; } } } }   return false; };  </pre></td></tr></table></pre> <div class='push'></div> </div> <div class='footer quiet pad2 space-top1 center small'> Code coverage generated by <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a> at Sat May 24 2025 19:25:07 GMT+0300 (Eastern European Summer Time) </div> <script src="../../prettify.js"></script> <script> window.onload = function () { prettyPrint(); }; </script> <script src="../../sorter.js"></script> <script src="../../block-navigation.js"></script> </body> </html>