deploy: 3a2bf1f

Author: MangelMaxime

docs/javascript/features.html

@@ -18,7 +18,7 @@
 <span class=grvsc-line><span class=grvsc-source></span></span>
 <span class=grvsc-line><span class=grvsc-source><span class=mtk14>import</span><span class=mtk1> { hello as </span><span class=mtk5>hello_1</span><span class=mtk1> } </span><span class=mtk14>from</span><span class=mtk1> </span><span class=mtk10>"./hello.js"</span><span class=mtk1>;</span></span></span>
 <span class=grvsc-line><span class=grvsc-source></span></span>
-<span class=grvsc-line><span class=grvsc-source><span class=mtk14>export</span><span class=mtk1> </span><span class=mtk14>const</span><span class=mtk1> </span><span class=mtk6>hello</span><span class=mtk1> </span><span class=mtk8>=</span><span class=mtk1> hello_1;</span></span></span></code></pre><p>Some JavaScript optimizations tools can remove the intermediate variable, but not all of them. So if you want to favor the smallest and cleanest output, using the attribute-based imports is recommanded.<h3 id=attributes>Attributes<a href=#attributes aria-hidden=true tabindex=-1><span class=anchor>#</span></a></h3><h4 id=global><code>[&#60Global>]</code><a href=#global aria-hidden=true tabindex=-1><span class=anchor>#</span></a></h4><p>When trying to bind a global variable, you can use the <code>[&#60Global>]</code> attribute.<pre class="atom-one-light grvsc-container"data-index=6 data-language=fs><code class=grvsc-code><span class=grvsc-line><span class=grvsc-source><span class=mtk8>[&#60Global>]</span></span></span>
+<span class=grvsc-line><span class=grvsc-source><span class=mtk14>export</span><span class=mtk1> </span><span class=mtk14>const</span><span class=mtk1> </span><span class=mtk6>hello</span><span class=mtk1> </span><span class=mtk8>=</span><span class=mtk1> hello_1;</span></span></span></code></pre><p>Some JavaScript optimizations tools can remove the intermediate variable, but not all of them. So if you want to favor the smallest and cleanest output, using the attribute-based imports is recommended.<h3 id=attributes>Attributes<a href=#attributes aria-hidden=true tabindex=-1><span class=anchor>#</span></a></h3><h4 id=global><code>[&#60Global>]</code><a href=#global aria-hidden=true tabindex=-1><span class=anchor>#</span></a></h4><p>When trying to bind a global variable, you can use the <code>[&#60Global>]</code> attribute.<pre class="atom-one-light grvsc-container"data-index=6 data-language=fs><code class=grvsc-code><span class=grvsc-line><span class=grvsc-source><span class=mtk8>[&#60Global>]</span></span></span>
 <span class=grvsc-line><span class=grvsc-source><span class=mtk14>let</span><span class=mtk1> </span><span class=mtk5>console</span><span class=mtk14>:</span><span class=mtk1> </span><span class=mtk4>JS.Console </span><span class=mtk14>=</span><span class=mtk1> jsNative</span></span></span></code></pre><p>If you want to use a different in you F# code, you can use the <code>name</code> parameter:<pre class="atom-one-light grvsc-container"data-index=7 data-language=fs><code class=grvsc-code><span class=grvsc-line><span class=grvsc-source><span class=mtk8>[&#60Global</span><span class=mtk14>(</span><span class=mtk10>"console"</span><span class=mtk14>)</span><span class=mtk8>>]</span></span></span>
 <span class=grvsc-line><span class=grvsc-source><span class=mtk14>let</span><span class=mtk1> </span><span class=mtk5>logger</span><span class=mtk14>:</span><span class=mtk1> </span><span class=mtk4>JS.Console </span><span class=mtk14>=</span><span class=mtk1> jsNative</span></span></span></code></pre><h4 id=import><code>[&#60Import(...)>]</code><a href=#import aria-hidden=true tabindex=-1><span class=anchor>#</span></a></h4><p>This attributes takes two parameters:<ul><li><code>selector</code>: the import selector, can be <code>*</code>, <code>default</code> or a name<li><code>from</code>: the path to the JavaScript file / module</ul><pre class="atom-one-light grvsc-container"data-index=8 data-language=fs><code class=grvsc-code><span class=grvsc-line><span class=grvsc-source><span class=mtk8>[&#60Import</span><span class=mtk14>(</span><span class=mtk10>"hello"</span><span class=mtk14>,</span><span class=mtk8> </span><span class=mtk10>"./hello.js"</span><span class=mtk14>)</span><span class=mtk8>>]</span></span></span>
 <span class=grvsc-line><span class=grvsc-source><span class=mtk14>let</span><span class=mtk1> </span><span class=mtk5>hello</span><span class=mtk1> </span><span class=mtk14>:</span><span class=mtk1> </span><span class=mtk4>unit </span><span class=mtk14>-></span><span class=mtk1> </span><span class=mtk4>unit </span><span class=mtk14>=</span><span class=mtk1> jsNative</span></span></span>