vsix.html

<pre class="grvsc-container one-dark-pro" data-language="js" data-index="0"><code class="grvsc-code"><span class="grvsc-line"><span class="grvsc-source"><span class="mtk5 mtki">/**</span></span></span>
<span class="grvsc-line"><span class="grvsc-source"><span class="mtk5 mtki"> * </span><span class="mtk10 mtki">@param</span><span class="mtk5 mtki"> </span><span class="mtk11 mtki">{*}</span><span class="mtk5 mtki"> </span><span class="mtk4 mtki">cache</span></span></span>
<span class="grvsc-line"><span class="grvsc-source"><span class="mtk5 mtki"> * </span><span class="mtk10 mtki">@param</span><span class="mtk5 mtki"> </span><span class="mtk11 mtki">{string}</span><span class="mtk5 mtki"> </span><span class="mtk4 mtki">key</span></span></span>
<span class="grvsc-line"><span class="grvsc-source"><span class="mtk5 mtki"> * </span><span class="mtk10 mtki">@param</span><span class="mtk5 mtki"> </span><span class="mtk11 mtki">{object}</span><span class="mtk5 mtki"> </span><span class="mtk4 mtki">value</span></span></span>
<span class="grvsc-line"><span class="grvsc-source"><span class="mtk5 mtki"> */</span></span></span>
<span class="grvsc-line"><span class="grvsc-source"><span class="mtk10">async</span><span class="mtk1"> </span><span class="mtk10">function</span><span class="mtk1"> </span><span class="mtk3">mergeCache</span><span class="mtk1">(</span><span class="mtk4 mtki">cache</span><span class="mtk1">, </span><span class="mtk4 mtki">key</span><span class="mtk1">, </span><span class="mtk4 mtki">value</span><span class="mtk1">) {</span></span></span>
<span class="grvsc-line"><span class="grvsc-source"><span class="mtk1">  </span><span class="mtk10">await</span><span class="mtk1"> </span><span class="mtk4">cache</span><span class="mtk1">.</span><span class="mtk3">set</span><span class="mtk1">(</span><span class="mtk4">key</span><span class="mtk1">, { ...(</span><span class="mtk10">await</span><span class="mtk1"> </span><span class="mtk4">cache</span><span class="mtk1">.</span><span class="mtk3">get</span><span class="mtk1">(</span><span class="mtk4">key</span><span class="mtk1">)), ...</span><span class="mtk4">value</span><span class="mtk1"> });</span></span></span>
<span class="grvsc-line"><span class="grvsc-source"><span class="mtk1">}</span></span></span></code></pre>
<style class="grvsc-styles">
  .grvsc-container {
    overflow: auto;
    position: relative;
    -webkit-overflow-scrolling: touch;
    padding-top: 1rem;
    padding-top: var(--grvsc-padding-top, var(--grvsc-padding-v, 1rem));
    padding-bottom: 1rem;
    padding-bottom: var(--grvsc-padding-bottom, var(--grvsc-padding-v, 1rem));
    border-radius: 8px;
    border-radius: var(--grvsc-border-radius, 8px);
    font-feature-settings: normal;
    line-height: 1.4;
  }
  
  .grvsc-code {
    display: table;
  }
  
  .grvsc-line {
    display: table-row;
    box-sizing: border-box;
    width: 100%;
    position: relative;
  }
  
  .grvsc-line > * {
    position: relative;
  }
  
  .grvsc-gutter-pad {
    display: table-cell;
    padding-left: 0.75rem;
    padding-left: calc(var(--grvsc-padding-left, var(--grvsc-padding-h, 1.5rem)) / 2);
  }
  
  .grvsc-gutter {
    display: table-cell;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }
  
  .grvsc-gutter::before {
    content: attr(data-content);
  }
  
  .grvsc-source {
    display: table-cell;
    padding-left: 1.5rem;
    padding-left: var(--grvsc-padding-left, var(--grvsc-padding-h, 1.5rem));
    padding-right: 1.5rem;
    padding-right: var(--grvsc-padding-right, var(--grvsc-padding-h, 1.5rem));
  }
  
  .grvsc-source:empty::after {
    content: ' ';
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }
  
  .grvsc-gutter + .grvsc-source {
    padding-left: 0.75rem;
    padding-left: calc(var(--grvsc-padding-left, var(--grvsc-padding-h, 1.5rem)) / 2);
  }
  
  /* Line transformer styles */
  
  .grvsc-has-line-highlighting > .grvsc-code > .grvsc-line::before {
    content: ' ';
    position: absolute;
    width: 100%;
  }
  
  .grvsc-line-diff-add::before {
    background-color: var(--grvsc-line-diff-add-background-color, rgba(0, 255, 60, 0.2));
  }
  
  .grvsc-line-diff-del::before {
    background-color: var(--grvsc-line-diff-del-background-color, rgba(255, 0, 20, 0.2));
  }
  
  .grvsc-line-number {
    padding: 0 2px;
    text-align: right;
    opacity: 0.7;
  }
  
  .one-dark-pro {
    background-color: #282c34;
    color: #abb2bf;
  }
  .one-dark-pro .mtki { font-style: italic; }
  .one-dark-pro .mtk5 { color: #7F848E; }
  .one-dark-pro .mtk10 { color: #C678DD; }
  .one-dark-pro .mtk11 { color: #E5C07B; }
  .one-dark-pro .mtk4 { color: #E06C75; }
  .one-dark-pro .mtk1 { color: #ABB2BF; }
  .one-dark-pro .mtk3 { color: #61AFEF; }
  .one-dark-pro .grvsc-line-highlighted::before {
    background-color: var(--grvsc-line-highlighted-background-color, rgba(255, 255, 255, 0.1));
    box-shadow: inset var(--grvsc-line-highlighted-border-width, 4px) 0 0 0 var(--grvsc-line-highlighted-border-color, rgba(255, 255, 255, 0.5));
  }
</style>