andatoshiki/toshiki-notebook
1
0
Fork 0
mirror of https://github.com/andatoshiki/toshiki-notebook.git synced 2026-06-06 09:16:45 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity
21552c7667
toshiki-notebook/assets/application_vitepress-plugin-shiki-twoslash_api_annotations.md.15a8bda6.js

95 lines
35 KiB
JavaScript
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

import{_ as d}from"./chunks/PageInfo.vue_vue_type_script_setup_true_lang.65c6b98c.js";import{_ as y,A as u,o as l,c as t,k as n,a as o,E as p,O as a,w as e}from"./chunks/framework.c989bd33.js";import"./chunks/commonjsHelpers.725317a4.js";const Fs=JSON.parse('{"title":"Meta Annotations","description":"Annotations provide a way to provide outside commentary on your code.","frontmatter":{"description":"Annotations provide a way to provide outside commentary on your code.","title":"Meta Annotations"},"headers":[],"relativePath":"application/vitepress-plugin-shiki-twoslash/api/annotations.md","filePath":"application/vitepress-plugin-shiki-twoslash/api/annotations.md","lastUpdated":1726418622000}'),c={name:"application/vitepress-plugin-shiki-twoslash/api/annotations.md"},m={class:"vp-code-group vp-adaptive-theme"},A={class:"blocks"},C={class:"language-ts vp-adaptive-theme active line-numbers-mode"},g={class:"language-ts"},D={class:"tag-container"},b={class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},v={class:"code-container"},B={class:"line"},f={style:{color:"#ADBAC7"}},F={class:"twoslash-annotation left",style:{top:"0rem"}},E={style:{transform:"translateX(8px) translateY(27px) rotate(90deg)"},width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},w={class:"tag-container"},q={class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},x={class:"code-container"},k={class:"line"},M={style:{color:"#24292E"}},L={class:"twoslash-annotation left",style:{top:"0rem"}},R={style:{transform:"translateX(8px) translateY(27px) rotate(90deg)"},width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},X={class:"vp-code-group vp-adaptive-theme"},N={class:"blocks"},O={class:"language-ts vp-adaptive-theme active line-numbers-mode"},T={class:"language-ts"},Y={class:"tag-container"},P={class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},S={class:"code-container"},U={class:"line"},I={style:{color:"#ADBAC7"}},$={class:"twoslash-annotation right",style:{top:"3rem"}},H={style:{transform:"translateX(-10px) translateY(-10px) rotate(-50deg)"},width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},J={class:"tag-container"},V={class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},Z={class:"code-container"},G={class:"line"},K={style:{color:"#24292E"}},Q={class:"twoslash-annotation right",style:{top:"3rem"}},j={style:{transform:"translateX(-10px) translateY(-10px) rotate(-50deg)"},width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},z={class:"vp-code-group vp-adaptive-theme"},W={class:"blocks"},h={class:"language-ts vp-adaptive-theme active line-numbers-mode"},_={class:"language-ts"},ss={class:"tag-container"},ns={class:"shiki github-dark-dimmed twoslash lsp",style:{"background-color":"#22272e",color:"#adbac7"}},os={class:"code-container"},as={class:"line"},ls={style:{color:"#ADBAC7"}},ts={class:"twoslash-annotation right",style:{top:"-0.7rem"}},ps={style:{transform:"translateX(8px) translateY(46px) rotate(190deg)"},width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},rs={class:"tag-container"},es={class:"shiki github-light twoslash lsp",style:{"background-color":"#fff",color:"#24292e"}},is={class:"code-container"},ds={class:"line"},ys={style:{color:"#24292E"}},us={class:"twoslash-annotation right",style:{top:"-0.7rem"}},cs={style:{transform:"translateX(8px) translateY(46px) rotate(190deg)"},width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"};function ms(As,s,Cs,gs,Ds,bs){const i=d,r=u("data-err");return l(),t("div",null,[s[150]||(s[150]=n("h1",{id:"queries",tabindex:"-1"},[o("Queries "),n("a",{class:"header-anchor",href:"#queries","aria-label":'Permalink to "Queries"'},"​")],-1)),p(i,{readTime:"3",words:"541"}),s[151]||(s[151]=n("p",null,"Sometimes the thing you want to say is about the code, annotations provide a way to provide outside commentary on your code.",-1)),s[152]||(s[152]=n("h2",{id:"annotate-left-right-overrides-text",tabindex:"-1"},[n("code",null,"@annotate: [left|right] [overrides] - [text]"),o(),n("a",{class:"header-anchor",href:"#annotate-left-right-overrides-text","aria-label":'Permalink to "`@annotate: [left|right] [overrides] - [text]`"'},"​")],-1)),s[153]||(s[153]=n("p",null,"Annotate has a lot more controls than most of the other Twoslash commands, because each use of it probably needs to feel a bit different. Here's an example based on the TypeScript home page, click it to get it running so we can talk about what it does:",-1)),n("div",m,[s[49]||(s[49]=a('<div class="tabs"><input type="radio" name="group-_30P1" id="tab-mU7-frO" checked="checked"><label for="tab-mU7-frO">output</label><input type="radio" name="group-_30P1" id="tab-FY5eudl"><label for="tab-FY5eudl">markdown</label></div>',1)),n("div",A,[n("div",C,[s[45]||(s[45]=n("button",{title:"Copy Code",class:"copy"},null,-1)),s[46]||(s[46]=n("span",{class:"lang"},"ts",-1)),n("pre",null,[n("code",g,[n("div",D,[n("pre",b,[s[15]||(s[15]=n("div",{class:"language-id"},"ts",-1)),n("div",v,[n("code",null,[s[10]||(s[10]=n("div",{class:"line"},[n("span",{style:{color:"#F47067"}},"function"),n("span",{style:{color:"#ADBAC7"}}," "),n("span",{style:{color:"#DCBDFB"}},[n("data-lsp",{lsp:"function compact(arr: any): any"},"compact")]),n("span",{style:{color:"#ADBAC7"}},"("),n("span",{style:{color:"#F69D50"}},[n("data-lsp",{lsp:"(parameter) arr: any"},"arr")]),n("span",{style:{color:"#ADBAC7"}},") {")],-1)),n("div",B,[s[3]||(s[3]=n("span",{style:{color:"#ADBAC7"}}," ",-1)),s[4]||(s[4]=n("span",{style:{color:"#F47067"}},"if",-1)),n("span",f,[s[1]||(s[1]=o(" (")),p(r,null,{default:e(()=>s[0]||(s[0]=[n("data-lsp",{lsp:"any"},"orr",-1)])),_:1}),s[2]||(s[2]=o("."))]),s[5]||(s[5]=n("span",{style:{color:"#6CB6FF"}},[n("data-lsp",{lsp:"any"},"length")],-1)),s[6]||(s[6]=a('<span style="color:#ADBAC7;"> </span><span style="color:#F47067;">&gt;</span><span style="color:#ADBAC7;"> </span><span style="color:#6CB6FF;">10</span><span style="color:#ADBAC7;">) </span><span style="color:#F47067;">return</span>',6)),s[7]||(s[7]=n("span",{style:{color:"#ADBAC7"}},[o(),n("data-lsp",{lsp:"(parameter) arr: any"},"arr"),o(".")],-1)),s[8]||(s[8]=n("span",{style:{color:"#DCBDFB"}},[n("data-lsp",{lsp:"any"},"trim")],-1)),s[9]||(s[9]=a('<span style="color:#ADBAC7;">(</span><span style="color:#6CB6FF;">0</span><span style="color:#ADBAC7;">, </span><span style="color:#6CB6FF;">10</span><span style="color:#ADBAC7;">)</span>',5))]),s[11]||(s[11]=n("span",{class:"error"},[n("span",null,"Cannot find name 'orr'."),n("span",{class:"code"},"2304")],-1)),s[12]||(s[12]=n("span",{class:"error-behind"},"Cannot find name 'orr'.",-1)),s[13]||(s[13]=n("div",{class:"line"},[n("span",{style:{color:"#ADBAC7"}}," "),n("span",{style:{color:"#F47067"}},"return"),n("span",{style:{color:"#ADBAC7"}},[o(),n("data-lsp",{lsp:"(parameter) arr: any"},"arr")])],-1)),s[14]||(s[14]=n("div",{class:"line"},[n("span",{style:{color:"#ADBAC7"}},"}")],-1))])])]),s[21]||(s[21]=o(`
`)),n("div",F,[s[17]||(s[17]=o(`
`)),(l(),t("svg",E,s[16]||(s[16]=[o(`
`),n("path",{d:"M1 39C1.5 32.7511 6.1 17.5173 20.5 6.57333M11.5 4.04L27 0.999998C24.8333 4.88444 20.5 13.16 20.5 15.1867",stroke:"black"},null,-1),o(`
`)]))),s[18]||(s[18]=o(`
`)),s[19]||(s[19]=n("p",{class:"twoslash-annotation-text",style:{transform:"rotate(3deg)"}},"Discovered a typo, the param is arr, not orr!",-1)),s[20]||(s[20]=o(`
`))])]),s[44]||(s[44]=o(`
`)),n("div",w,[n("pre",q,[s[37]||(s[37]=n("div",{class:"language-id"},"ts",-1)),n("div",x,[n("code",null,[s[32]||(s[32]=n("div",{class:"line"},[n("span",{style:{color:"#D73A49"}},"function"),n("span",{style:{color:"#24292E"}}," "),n("span",{style:{color:"#6F42C1"}},[n("data-lsp",{lsp:"function compact(arr: any): any"},"compact")]),n("span",{style:{color:"#24292E"}},"("),n("span",{style:{color:"#E36209"}},[n("data-lsp",{lsp:"(parameter) arr: any"},"arr")]),n("span",{style:{color:"#24292E"}},") {")],-1)),n("div",k,[s[25]||(s[25]=n("span",{style:{color:"#24292E"}}," ",-1)),s[26]||(s[26]=n("span",{style:{color:"#D73A49"}},"if",-1)),n("span",M,[s[23]||(s[23]=o(" (")),p(r,null,{default:e(()=>s[22]||(s[22]=[n("data-lsp",{lsp:"any"},"orr",-1)])),_:1}),s[24]||(s[24]=o("."))]),s[27]||(s[27]=n("span",{style:{color:"#005CC5"}},[n("data-lsp",{lsp:"any"},"length")],-1)),s[28]||(s[28]=a('<span style="color:#24292E;"> </span><span style="color:#D73A49;">&gt;</span><span style="color:#24292E;"> </span><span style="color:#005CC5;">10</span><span style="color:#24292E;">) </span><span style="color:#D73A49;">return</span>',6)),s[29]||(s[29]=n("span",{style:{color:"#24292E"}},[o(),n("data-lsp",{lsp:"(parameter) arr: any"},"arr"),o(".")],-1)),s[30]||(s[30]=n("span",{style:{color:"#6F42C1"}},[n("data-lsp",{lsp:"any"},"trim")],-1)),s[31]||(s[31]=a('<span style="color:#24292E;">(</span><span style="color:#005CC5;">0</span><span style="color:#24292E;">, </span><span style="color:#005CC5;">10</span><span style="color:#24292E;">)</span>',5))]),s[33]||(s[33]=n("span",{class:"error"},[n("span",null,"Cannot find name 'orr'."),n("span",{class:"code"},"2304")],-1)),s[34]||(s[34]=n("span",{class:"error-behind"},"Cannot find name 'orr'.",-1)),s[35]||(s[35]=n("div",{class:"line"},[n("span",{style:{color:"#24292E"}}," "),n("span",{style:{color:"#D73A49"}},"return"),n("span",{style:{color:"#24292E"}},[o(),n("data-lsp",{lsp:"(parameter) arr: any"},"arr")])],-1)),s[36]||(s[36]=n("div",{class:"line"},[n("span",{style:{color:"#24292E"}},"}")],-1))])])]),s[43]||(s[43]=o(`
`)),n("div",L,[s[39]||(s[39]=o(`
`)),(l(),t("svg",R,s[38]||(s[38]=[o(`
`),n("path",{d:"M1 39C1.5 32.7511 6.1 17.5173 20.5 6.57333M11.5 4.04L27 0.999998C24.8333 4.88444 20.5 13.16 20.5 15.1867",stroke:"black"},null,-1),o(`
`)]))),s[40]||(s[40]=o(`
`)),s[41]||(s[41]=n("p",{class:"twoslash-annotation-text",style:{transform:"rotate(3deg)"}},"Discovered a typo, the param is arr, not orr!",-1)),s[42]||(s[42]=o(`
`))])])])]),s[47]||(s[47]=n("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[n("span",{class:"line-number"},"1"),n("br")],-1))]),s[48]||(s[48]=a(`<div class="language-md vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">md</span><pre class="shiki github-dark-dimmed vp-code-dark"><code><span class="line"><span style="color:#ADBAC7;">\`\`\`ts twoslash</span></span>
<span class="line"><span style="color:#768390;">// @errors: 2304</span></span>
<span class="line"><span style="color:#768390;">// @strict: false</span></span>
<span class="line"></span>
<span class="line"><span style="color:#F47067;">function</span><span style="color:#ADBAC7;"> </span><span style="color:#DCBDFB;">compact</span><span style="color:#ADBAC7;">(</span><span style="color:#F69D50;">arr</span><span style="color:#ADBAC7;">) {</span></span>
<span class="line"><span style="color:#ADBAC7;"> </span><span style="color:#F47067;">if</span><span style="color:#ADBAC7;"> (orr.</span><span style="color:#6CB6FF;">length</span><span style="color:#ADBAC7;"> </span><span style="color:#F47067;">&gt;</span><span style="color:#ADBAC7;"> </span><span style="color:#6CB6FF;">10</span><span style="color:#ADBAC7;">) </span><span style="color:#F47067;">return</span><span style="color:#ADBAC7;"> arr.</span><span style="color:#DCBDFB;">trim</span><span style="color:#ADBAC7;">(</span><span style="color:#6CB6FF;">0</span><span style="color:#ADBAC7;">, </span><span style="color:#6CB6FF;">10</span><span style="color:#ADBAC7;">)</span></span>
<span class="line"><span style="color:#ADBAC7;"> </span><span style="color:#F47067;">return</span><span style="color:#ADBAC7;"> arr</span></span>
<span class="line"><span style="color:#ADBAC7;">}</span></span>
<span class="line"><span style="color:#768390;">// @annotate: left { &quot;arrowRot&quot;: &quot;90deg 8px 27px&quot;, &quot;textDegree&quot;: &quot;3deg&quot;, &quot;top&quot;: &quot;0rem&quot; } - Discovered a typo, the param is arr, not orr!</span></span>
<span class="line"><span style="color:#ADBAC7;">\`\`\`</span></span></code></pre><pre class="shiki github-light vp-code-light"><code><span class="line"><span style="color:#24292E;">\`\`\`ts twoslash</span></span>
<span class="line"><span style="color:#6A737D;">// @errors: 2304</span></span>
<span class="line"><span style="color:#6A737D;">// @strict: false</span></span>
<span class="line"></span>
<span class="line"><span style="color:#D73A49;">function</span><span style="color:#24292E;"> </span><span style="color:#6F42C1;">compact</span><span style="color:#24292E;">(</span><span style="color:#E36209;">arr</span><span style="color:#24292E;">) {</span></span>
<span class="line"><span style="color:#24292E;"> </span><span style="color:#D73A49;">if</span><span style="color:#24292E;"> (orr.</span><span style="color:#005CC5;">length</span><span style="color:#24292E;"> </span><span style="color:#D73A49;">&gt;</span><span style="color:#24292E;"> </span><span style="color:#005CC5;">10</span><span style="color:#24292E;">) </span><span style="color:#D73A49;">return</span><span style="color:#24292E;"> arr.</span><span style="color:#6F42C1;">trim</span><span style="color:#24292E;">(</span><span style="color:#005CC5;">0</span><span style="color:#24292E;">, </span><span style="color:#005CC5;">10</span><span style="color:#24292E;">)</span></span>
<span class="line"><span style="color:#24292E;"> </span><span style="color:#D73A49;">return</span><span style="color:#24292E;"> arr</span></span>
<span class="line"><span style="color:#24292E;">}</span></span>
<span class="line"><span style="color:#6A737D;">// @annotate: left { &quot;arrowRot&quot;: &quot;90deg 8px 27px&quot;, &quot;textDegree&quot;: &quot;3deg&quot;, &quot;top&quot;: &quot;0rem&quot; } - Discovered a typo, the param is arr, not orr!</span></span>
<span class="line"><span style="color:#24292E;">\`\`\`</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br></div></div>`,1))])]),s[154]||(s[154]=a("<p>First up, cool — it adds some text to the left hand side of the code. It features quite a few different options, so lets go through them one by one:</p><ul><li><p><code>left</code> or <code>right</code>: It&#39;s currently <code>left</code>. It&#39;s worth noting the arrow flips also, and <code>90deg</code> isn&#39;t a great option. Let&#39;s look at that next.</p></li><li><p><code>{ &quot;arrrowRot&quot;: &quot;90deg 8px 27px&quot; }</code> - This JSON object is used to manipulate the annotation, you have 3 controls for arrow positioning and rotation: <code>degrees x y</code>. I recommend keeping those in degrees and px, but it&#39;s your life. These are overrides from defaults which are okay, but not really something you ever want to ship.</p></li><li><p><code>{ &quot;textDegree&quot;: &quot;3deg&quot; }</code> - Rotates the text, you probably want something between <code>-3deg</code> and <code>3deg</code>. Optional, defaults to <code>0</code>.</p></li><li><p><code>{ &quot;top&quot;: &quot;0rem&quot; }</code> - Sets the y coordinates for the annotation relative to the code sample, if it&#39;s not included then it becomes <code>[lineNum]rem</code>.</p></li></ul><p>What&#39;s not included in this sample is <code>flipped</code>, which can be used to flip the arrow&#39;s orientation. Here&#39;s some examples:</p><p>A horizontal right example:</p>",4)),n("div",X,[s[99]||(s[99]=a('<div class="tabs"><input type="radio" name="group-2T32M" id="tab-GKZOXD0" checked="checked"><label for="tab-GKZOXD0">output</label><input type="radio" name="group-2T32M" id="tab-_RLoJ8L"><label for="tab-_RLoJ8L">markdown</label></div>',1)),n("div",N,[n("div",O,[s[95]||(s[95]=n("button",{title:"Copy Code",class:"copy"},null,-1)),s[96]||(s[96]=n("span",{class:"lang"},"ts",-1)),n("pre",null,[n("code",T,[n("div",Y,[n("pre",P,[s[65]||(s[65]=n("div",{class:"language-id"},"ts",-1)),n("div",S,[n("code",null,[s[60]||(s[60]=n("div",{class:"line"},[n("span",{style:{color:"#F47067"}},"function"),n("span",{style:{color:"#ADBAC7"}}," "),n("span",{style:{color:"#DCBDFB"}},[n("data-lsp",{lsp:"function compact(arr: any): any"},"compact")]),n("span",{style:{color:"#ADBAC7"}},"("),n("span",{style:{color:"#F69D50"}},[n("data-lsp",{lsp:"(parameter) arr: any"},"arr")]),n("span",{style:{color:"#ADBAC7"}},") {")],-1)),n("div",U,[s[53]||(s[53]=n("span",{style:{color:"#ADBAC7"}}," ",-1)),s[54]||(s[54]=n("span",{style:{color:"#F47067"}},"if",-1)),n("span",I,[s[51]||(s[51]=o(" (")),p(r,null,{default:e(()=>s[50]||(s[50]=[n("data-lsp",{lsp:"any"},"orr",-1)])),_:1}),s[52]||(s[52]=o("."))]),s[55]||(s[55]=n("span",{style:{color:"#6CB6FF"}},[n("data-lsp",{lsp:"any"},"length")],-1)),s[56]||(s[56]=a('<span style="color:#ADBAC7;"> </span><span style="color:#F47067;">&gt;</span><span style="color:#ADBAC7;"> </span><span style="color:#6CB6FF;">10</span><span style="color:#ADBAC7;">) </span><span style="color:#F47067;">return</span>',6)),s[57]||(s[57]=n("span",{style:{color:"#ADBAC7"}},[o(),n("data-lsp",{lsp:"(parameter) arr: any"},"arr"),o(".")],-1)),s[58]||(s[58]=n("span",{style:{color:"#DCBDFB"}},[n("data-lsp",{lsp:"any"},"trim")],-1)),s[59]||(s[59]=a('<span style="color:#ADBAC7;">(</span><span style="color:#6CB6FF;">0</span><span style="color:#ADBAC7;">, </span><span style="color:#6CB6FF;">10</span><span style="color:#ADBAC7;">)</span>',5))]),s[61]||(s[61]=n("span",{class:"error"},[n("span",null,"Cannot find name 'orr'."),n("span",{class:"code"},"2304")],-1)),s[62]||(s[62]=n("span",{class:"error-behind"},"Cannot find name 'orr'.",-1)),s[63]||(s[63]=n("div",{class:"line"},[n("span",{style:{color:"#ADBAC7"}}," "),n("span",{style:{color:"#F47067"}},"return"),n("span",{style:{color:"#ADBAC7"}},[o(),n("data-lsp",{lsp:"(parameter) arr: any"},"arr")])],-1)),s[64]||(s[64]=n("div",{class:"line"},[n("span",{style:{color:"#ADBAC7"}},"}")],-1))])])]),s[71]||(s[71]=o(`
`)),n("div",$,[s[67]||(s[67]=o(`
`)),(l(),t("svg",H,s[66]||(s[66]=[o(`
`),n("path",{d:"M27 39C26.5 32.7511 21.9 17.5173 7.5 6.57333M16.5 4.04L0.999999 0.999998C3.16667 4.88444 7.5 13.16 7.5 15.1867",stroke:"black"},null,-1),o(`
`)]))),s[68]||(s[68]=o(`
`)),s[69]||(s[69]=n("p",{class:"twoslash-annotation-text",style:{transform:"rotate(0deg)"}},"Discovered a typo, the param is arr, not orr!",-1)),s[70]||(s[70]=o(`
`))])]),s[94]||(s[94]=o(`
`)),n("div",J,[n("pre",V,[s[87]||(s[87]=n("div",{class:"language-id"},"ts",-1)),n("div",Z,[n("code",null,[s[82]||(s[82]=n("div",{class:"line"},[n("span",{style:{color:"#D73A49"}},"function"),n("span",{style:{color:"#24292E"}}," "),n("span",{style:{color:"#6F42C1"}},[n("data-lsp",{lsp:"function compact(arr: any): any"},"compact")]),n("span",{style:{color:"#24292E"}},"("),n("span",{style:{color:"#E36209"}},[n("data-lsp",{lsp:"(parameter) arr: any"},"arr")]),n("span",{style:{color:"#24292E"}},") {")],-1)),n("div",G,[s[75]||(s[75]=n("span",{style:{color:"#24292E"}}," ",-1)),s[76]||(s[76]=n("span",{style:{color:"#D73A49"}},"if",-1)),n("span",K,[s[73]||(s[73]=o(" (")),p(r,null,{default:e(()=>s[72]||(s[72]=[n("data-lsp",{lsp:"any"},"orr",-1)])),_:1}),s[74]||(s[74]=o("."))]),s[77]||(s[77]=n("span",{style:{color:"#005CC5"}},[n("data-lsp",{lsp:"any"},"length")],-1)),s[78]||(s[78]=a('<span style="color:#24292E;"> </span><span style="color:#D73A49;">&gt;</span><span style="color:#24292E;"> </span><span style="color:#005CC5;">10</span><span style="color:#24292E;">) </span><span style="color:#D73A49;">return</span>',6)),s[79]||(s[79]=n("span",{style:{color:"#24292E"}},[o(),n("data-lsp",{lsp:"(parameter) arr: any"},"arr"),o(".")],-1)),s[80]||(s[80]=n("span",{style:{color:"#6F42C1"}},[n("data-lsp",{lsp:"any"},"trim")],-1)),s[81]||(s[81]=a('<span style="color:#24292E;">(</span><span style="color:#005CC5;">0</span><span style="color:#24292E;">, </span><span style="color:#005CC5;">10</span><span style="color:#24292E;">)</span>',5))]),s[83]||(s[83]=n("span",{class:"error"},[n("span",null,"Cannot find name 'orr'."),n("span",{class:"code"},"2304")],-1)),s[84]||(s[84]=n("span",{class:"error-behind"},"Cannot find name 'orr'.",-1)),s[85]||(s[85]=n("div",{class:"line"},[n("span",{style:{color:"#24292E"}}," "),n("span",{style:{color:"#D73A49"}},"return"),n("span",{style:{color:"#24292E"}},[o(),n("data-lsp",{lsp:"(parameter) arr: any"},"arr")])],-1)),s[86]||(s[86]=n("div",{class:"line"},[n("span",{style:{color:"#24292E"}},"}")],-1))])])]),s[93]||(s[93]=o(`
`)),n("div",Q,[s[89]||(s[89]=o(`
`)),(l(),t("svg",j,s[88]||(s[88]=[o(`
`),n("path",{d:"M27 39C26.5 32.7511 21.9 17.5173 7.5 6.57333M16.5 4.04L0.999999 0.999998C3.16667 4.88444 7.5 13.16 7.5 15.1867",stroke:"black"},null,-1),o(`
`)]))),s[90]||(s[90]=o(`
`)),s[91]||(s[91]=n("p",{class:"twoslash-annotation-text",style:{transform:"rotate(0deg)"}},"Discovered a typo, the param is arr, not orr!",-1)),s[92]||(s[92]=o(`
`))])])])]),s[97]||(s[97]=n("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[n("span",{class:"line-number"},"1"),n("br")],-1))]),s[98]||(s[98]=a(`<div class="language-md vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">md</span><pre class="shiki github-dark-dimmed vp-code-dark"><code><span class="line"><span style="color:#ADBAC7;">\`\`\`ts twoslash</span></span>
<span class="line"><span style="color:#768390;">// @errors: 2304</span></span>
<span class="line"><span style="color:#768390;">// @strict: false</span></span>
<span class="line"></span>
<span class="line"><span style="color:#F47067;">function</span><span style="color:#ADBAC7;"> </span><span style="color:#DCBDFB;">compact</span><span style="color:#ADBAC7;">(</span><span style="color:#F69D50;">arr</span><span style="color:#ADBAC7;">) {</span></span>
<span class="line"><span style="color:#ADBAC7;"> </span><span style="color:#F47067;">if</span><span style="color:#ADBAC7;"> (orr.</span><span style="color:#6CB6FF;">length</span><span style="color:#ADBAC7;"> </span><span style="color:#F47067;">&gt;</span><span style="color:#ADBAC7;"> </span><span style="color:#6CB6FF;">10</span><span style="color:#ADBAC7;">) </span><span style="color:#F47067;">return</span><span style="color:#ADBAC7;"> arr.</span><span style="color:#DCBDFB;">trim</span><span style="color:#ADBAC7;">(</span><span style="color:#6CB6FF;">0</span><span style="color:#ADBAC7;">, </span><span style="color:#6CB6FF;">10</span><span style="color:#ADBAC7;">)</span></span>
<span class="line"><span style="color:#ADBAC7;"> </span><span style="color:#F47067;">return</span><span style="color:#ADBAC7;"> arr</span></span>
<span class="line"><span style="color:#ADBAC7;">}</span></span>
<span class="line"><span style="color:#768390;">// @annotate: left { &quot;arrowRot&quot;: &quot;90deg 8px 27px&quot;, &quot;textDegree&quot;: &quot;3deg&quot;, &quot;top&quot;: &quot;0rem&quot; } - Discovered a typo, the param is arr, not orr!</span></span>
<span class="line"><span style="color:#ADBAC7;">\`\`\`</span></span></code></pre><pre class="shiki github-light vp-code-light"><code><span class="line"><span style="color:#24292E;">\`\`\`ts twoslash</span></span>
<span class="line"><span style="color:#6A737D;">// @errors: 2304</span></span>
<span class="line"><span style="color:#6A737D;">// @strict: false</span></span>
<span class="line"></span>
<span class="line"><span style="color:#D73A49;">function</span><span style="color:#24292E;"> </span><span style="color:#6F42C1;">compact</span><span style="color:#24292E;">(</span><span style="color:#E36209;">arr</span><span style="color:#24292E;">) {</span></span>
<span class="line"><span style="color:#24292E;"> </span><span style="color:#D73A49;">if</span><span style="color:#24292E;"> (orr.</span><span style="color:#005CC5;">length</span><span style="color:#24292E;"> </span><span style="color:#D73A49;">&gt;</span><span style="color:#24292E;"> </span><span style="color:#005CC5;">10</span><span style="color:#24292E;">) </span><span style="color:#D73A49;">return</span><span style="color:#24292E;"> arr.</span><span style="color:#6F42C1;">trim</span><span style="color:#24292E;">(</span><span style="color:#005CC5;">0</span><span style="color:#24292E;">, </span><span style="color:#005CC5;">10</span><span style="color:#24292E;">)</span></span>
<span class="line"><span style="color:#24292E;"> </span><span style="color:#D73A49;">return</span><span style="color:#24292E;"> arr</span></span>
<span class="line"><span style="color:#24292E;">}</span></span>
<span class="line"><span style="color:#6A737D;">// @annotate: left { &quot;arrowRot&quot;: &quot;90deg 8px 27px&quot;, &quot;textDegree&quot;: &quot;3deg&quot;, &quot;top&quot;: &quot;0rem&quot; } - Discovered a typo, the param is arr, not orr!</span></span>
<span class="line"><span style="color:#24292E;">\`\`\`</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br></div></div>`,1))])]),s[155]||(s[155]=n("p",null,"Upside down arrow pointing at the error, using flipped to re-flip the arrow:",-1)),n("div",z,[s[149]||(s[149]=a('<div class="tabs"><input type="radio" name="group-ixZbl" id="tab-qltUvNE" checked="checked"><label for="tab-qltUvNE">output</label><input type="radio" name="group-ixZbl" id="tab-1XwAq6H"><label for="tab-1XwAq6H">markdown</label></div>',1)),n("div",W,[n("div",h,[s[145]||(s[145]=n("button",{title:"Copy Code",class:"copy"},null,-1)),s[146]||(s[146]=n("span",{class:"lang"},"ts",-1)),n("pre",null,[n("code",_,[n("div",ss,[n("pre",ns,[s[115]||(s[115]=n("div",{class:"language-id"},"ts",-1)),n("div",os,[n("code",null,[s[110]||(s[110]=n("div",{class:"line"},[n("span",{style:{color:"#F47067"}},"function"),n("span",{style:{color:"#ADBAC7"}}," "),n("span",{style:{color:"#DCBDFB"}},[n("data-lsp",{lsp:"function compact(arr: any): any"},"compact")]),n("span",{style:{color:"#ADBAC7"}},"("),n("span",{style:{color:"#F69D50"}},[n("data-lsp",{lsp:"(parameter) arr: any"},"arr")]),n("span",{style:{color:"#ADBAC7"}},") {")],-1)),n("div",as,[s[103]||(s[103]=n("span",{style:{color:"#ADBAC7"}}," ",-1)),s[104]||(s[104]=n("span",{style:{color:"#F47067"}},"if",-1)),n("span",ls,[s[101]||(s[101]=o(" (")),p(r,null,{default:e(()=>s[100]||(s[100]=[n("data-lsp",{lsp:"any"},"orr",-1)])),_:1}),s[102]||(s[102]=o("."))]),s[105]||(s[105]=n("span",{style:{color:"#6CB6FF"}},[n("data-lsp",{lsp:"any"},"length")],-1)),s[106]||(s[106]=a('<span style="color:#ADBAC7;"> </span><span style="color:#F47067;">&gt;</span><span style="color:#ADBAC7;"> </span><span style="color:#6CB6FF;">10</span><span style="color:#ADBAC7;">) </span><span style="color:#F47067;">return</span>',6)),s[107]||(s[107]=n("span",{style:{color:"#ADBAC7"}},[o(),n("data-lsp",{lsp:"(parameter) arr: any"},"arr"),o(".")],-1)),s[108]||(s[108]=n("span",{style:{color:"#DCBDFB"}},[n("data-lsp",{lsp:"any"},"trim")],-1)),s[109]||(s[109]=a('<span style="color:#ADBAC7;">(</span><span style="color:#6CB6FF;">0</span><span style="color:#ADBAC7;">, </span><span style="color:#6CB6FF;">10</span><span style="color:#ADBAC7;">)</span>',5))]),s[111]||(s[111]=n("span",{class:"error"},[n("span",null,"Cannot find name 'orr'."),n("span",{class:"code"},"2304")],-1)),s[112]||(s[112]=n("span",{class:"error-behind"},"Cannot find name 'orr'.",-1)),s[113]||(s[113]=n("div",{class:"line"},[n("span",{style:{color:"#ADBAC7"}}," "),n("span",{style:{color:"#F47067"}},"return"),n("span",{style:{color:"#ADBAC7"}},[o(),n("data-lsp",{lsp:"(parameter) arr: any"},"arr")])],-1)),s[114]||(s[114]=n("div",{class:"line"},[n("span",{style:{color:"#ADBAC7"}},"}")],-1))])])]),s[121]||(s[121]=o(`
`)),n("div",ts,[s[117]||(s[117]=o(`
`)),(l(),t("svg",ps,s[116]||(s[116]=[o(`
`),n("path",{d:"M1 39C1.5 32.7511 6.1 17.5173 20.5 6.57333M11.5 4.04L27 0.999998C24.8333 4.88444 20.5 13.16 20.5 15.1867",stroke:"black"},null,-1),o(`
`)]))),s[118]||(s[118]=o(`
`)),s[119]||(s[119]=n("p",{class:"twoslash-annotation-text",style:{transform:"rotate(-3deg)"}},"Discovered a typo, the param is arr, not orr!",-1)),s[120]||(s[120]=o(`
`))])]),s[144]||(s[144]=o(`
`)),n("div",rs,[n("pre",es,[s[137]||(s[137]=n("div",{class:"language-id"},"ts",-1)),n("div",is,[n("code",null,[s[132]||(s[132]=n("div",{class:"line"},[n("span",{style:{color:"#D73A49"}},"function"),n("span",{style:{color:"#24292E"}}," "),n("span",{style:{color:"#6F42C1"}},[n("data-lsp",{lsp:"function compact(arr: any): any"},"compact")]),n("span",{style:{color:"#24292E"}},"("),n("span",{style:{color:"#E36209"}},[n("data-lsp",{lsp:"(parameter) arr: any"},"arr")]),n("span",{style:{color:"#24292E"}},") {")],-1)),n("div",ds,[s[125]||(s[125]=n("span",{style:{color:"#24292E"}}," ",-1)),s[126]||(s[126]=n("span",{style:{color:"#D73A49"}},"if",-1)),n("span",ys,[s[123]||(s[123]=o(" (")),p(r,null,{default:e(()=>s[122]||(s[122]=[n("data-lsp",{lsp:"any"},"orr",-1)])),_:1}),s[124]||(s[124]=o("."))]),s[127]||(s[127]=n("span",{style:{color:"#005CC5"}},[n("data-lsp",{lsp:"any"},"length")],-1)),s[128]||(s[128]=a('<span style="color:#24292E;"> </span><span style="color:#D73A49;">&gt;</span><span style="color:#24292E;"> </span><span style="color:#005CC5;">10</span><span style="color:#24292E;">) </span><span style="color:#D73A49;">return</span>',6)),s[129]||(s[129]=n("span",{style:{color:"#24292E"}},[o(),n("data-lsp",{lsp:"(parameter) arr: any"},"arr"),o(".")],-1)),s[130]||(s[130]=n("span",{style:{color:"#6F42C1"}},[n("data-lsp",{lsp:"any"},"trim")],-1)),s[131]||(s[131]=a('<span style="color:#24292E;">(</span><span style="color:#005CC5;">0</span><span style="color:#24292E;">, </span><span style="color:#005CC5;">10</span><span style="color:#24292E;">)</span>',5))]),s[133]||(s[133]=n("span",{class:"error"},[n("span",null,"Cannot find name 'orr'."),n("span",{class:"code"},"2304")],-1)),s[134]||(s[134]=n("span",{class:"error-behind"},"Cannot find name 'orr'.",-1)),s[135]||(s[135]=n("div",{class:"line"},[n("span",{style:{color:"#24292E"}}," "),n("span",{style:{color:"#D73A49"}},"return"),n("span",{style:{color:"#24292E"}},[o(),n("data-lsp",{lsp:"(parameter) arr: any"},"arr")])],-1)),s[136]||(s[136]=n("div",{class:"line"},[n("span",{style:{color:"#24292E"}},"}")],-1))])])]),s[143]||(s[143]=o(`
`)),n("div",us,[s[139]||(s[139]=o(`
`)),(l(),t("svg",cs,s[138]||(s[138]=[o(`
`),n("path",{d:"M1 39C1.5 32.7511 6.1 17.5173 20.5 6.57333M11.5 4.04L27 0.999998C24.8333 4.88444 20.5 13.16 20.5 15.1867",stroke:"black"},null,-1),o(`
`)]))),s[140]||(s[140]=o(`
`)),s[141]||(s[141]=n("p",{class:"twoslash-annotation-text",style:{transform:"rotate(-3deg)"}},"Discovered a typo, the param is arr, not orr!",-1)),s[142]||(s[142]=o(`
`))])])])]),s[147]||(s[147]=n("div",{class:"line-numbers-wrapper","aria-hidden":"true"},[n("span",{class:"line-number"},"1"),n("br")],-1))]),s[148]||(s[148]=a(`<div class="language-md vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">md</span><pre class="shiki github-dark-dimmed vp-code-dark"><code><span class="line"><span style="color:#ADBAC7;">\`\`\`ts twoslash</span></span>
<span class="line"><span style="color:#768390;">// @errors: 2304</span></span>
<span class="line"><span style="color:#768390;">// @strict: false</span></span>
<span class="line"></span>
<span class="line"><span style="color:#F47067;">function</span><span style="color:#ADBAC7;"> </span><span style="color:#DCBDFB;">compact</span><span style="color:#ADBAC7;">(</span><span style="color:#F69D50;">arr</span><span style="color:#ADBAC7;">) {</span></span>
<span class="line"><span style="color:#ADBAC7;"> </span><span style="color:#F47067;">if</span><span style="color:#ADBAC7;"> (orr.</span><span style="color:#6CB6FF;">length</span><span style="color:#ADBAC7;"> </span><span style="color:#F47067;">&gt;</span><span style="color:#ADBAC7;"> </span><span style="color:#6CB6FF;">10</span><span style="color:#ADBAC7;">) </span><span style="color:#F47067;">return</span><span style="color:#ADBAC7;"> arr.</span><span style="color:#DCBDFB;">trim</span><span style="color:#ADBAC7;">(</span><span style="color:#6CB6FF;">0</span><span style="color:#ADBAC7;">, </span><span style="color:#6CB6FF;">10</span><span style="color:#ADBAC7;">)</span></span>
<span class="line"><span style="color:#ADBAC7;"> </span><span style="color:#F47067;">return</span><span style="color:#ADBAC7;"> arr</span></span>
<span class="line"><span style="color:#ADBAC7;">}</span></span>
<span class="line"><span style="color:#768390;">// @annotate: left { &quot;arrowRot&quot;: &quot;90deg 8px 27px&quot;, &quot;textDegree&quot;: &quot;3deg&quot;, &quot;top&quot;: &quot;0rem&quot; } - Discovered a typo, the param is arr, not orr!</span></span>
<span class="line"><span style="color:#ADBAC7;">\`\`\`</span></span></code></pre><pre class="shiki github-light vp-code-light"><code><span class="line"><span style="color:#24292E;">\`\`\`ts twoslash</span></span>
<span class="line"><span style="color:#6A737D;">// @errors: 2304</span></span>
<span class="line"><span style="color:#6A737D;">// @strict: false</span></span>
<span class="line"></span>
<span class="line"><span style="color:#D73A49;">function</span><span style="color:#24292E;"> </span><span style="color:#6F42C1;">compact</span><span style="color:#24292E;">(</span><span style="color:#E36209;">arr</span><span style="color:#24292E;">) {</span></span>
<span class="line"><span style="color:#24292E;"> </span><span style="color:#D73A49;">if</span><span style="color:#24292E;"> (orr.</span><span style="color:#005CC5;">length</span><span style="color:#24292E;"> </span><span style="color:#D73A49;">&gt;</span><span style="color:#24292E;"> </span><span style="color:#005CC5;">10</span><span style="color:#24292E;">) </span><span style="color:#D73A49;">return</span><span style="color:#24292E;"> arr.</span><span style="color:#6F42C1;">trim</span><span style="color:#24292E;">(</span><span style="color:#005CC5;">0</span><span style="color:#24292E;">, </span><span style="color:#005CC5;">10</span><span style="color:#24292E;">)</span></span>
<span class="line"><span style="color:#24292E;"> </span><span style="color:#D73A49;">return</span><span style="color:#24292E;"> arr</span></span>
<span class="line"><span style="color:#24292E;">}</span></span>
<span class="line"><span style="color:#6A737D;">// @annotate: left { &quot;arrowRot&quot;: &quot;90deg 8px 27px&quot;, &quot;textDegree&quot;: &quot;3deg&quot;, &quot;top&quot;: &quot;0rem&quot; } - Discovered a typo, the param is arr, not orr!</span></span>
<span class="line"><span style="color:#24292E;">\`\`\`</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br></div></div>`,1))])])])}const Es=y(c,[["render",ms]]);export{Fs as __pageData,Es as default};
Reference in New Issue View Git Blame Copy Permalink