@mux/mux-player 0.1.0-beta.23 → 0.1.0-beta.26

package/coverage/lcov-report/src/html.ts.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">98.18% </span>
+                <span class="strong">98.6% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>162/165</span>
+                <span class='fraction'>212/215</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">91.66% </span>
+                <span class="strong">87.09% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>22/24</span>
+                <span class='fraction'>27/31</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>16/16</span>
+                <span class='fraction'>18/18</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">98.18% </span>
+                <span class="strong">98.6% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>162/165</span>
+                <span class='fraction'>212/215</span>
             </div>
         
             
@@ -228,7 +228,57 @@
 <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></td><td class="line-coverage quiet"><span class="cline-any cline-yes">3x</span>
+<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></td><td class="line-coverage quiet"><span class="cline-any cline-yes">3x</span>
 <span class="cline-any cline-yes">3x</span>
 <span class="cline-any cline-yes">3x</span>
 <span class="cline-any cline-yes">3x</span>
@@ -389,10 +439,60 @@
 <span class="cline-any cline-yes">3x</span>
 <span class="cline-any cline-yes">3x</span>
 <span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
 <span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
 <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { TemplateInstance, NodeTemplatePart, createProcessor, AttributeTemplatePart } from '@github/template-parts';
 import type { TemplatePart, TemplateTypeInit } from '@github/template-parts';
 &nbsp;
@@ -544,8 +644,49 @@ export class TemplateResult {
   }
 }
 &nbsp;
+const stringsCache = new Map();
 const defaultProcessor = createProcessor(processPart);
 export function html(strings: TemplateStringsArray, ...values: unknown[]): TemplateResult {
+  const staticStrings: any = [''];
+  const dynamicValues: any[] = [];
+  let staticValues;
+  let hasStatics = false;
+&nbsp;
+  // Here the unsafe static values are moved from the string expressions
+  // to the static strings so they can be used in the cache key and later
+  // be used to generate the HTML via the &lt;template&gt; element.
+  const join = (strs: TemplateStringsArray, vals: any[] = []) =&gt; {
+    staticStrings[staticStrings.length - 1] = staticStrings[staticStrings.length - 1] + strs[0];
+&nbsp;
+    vals.forEach((dynamicValue, i) =&gt; {
+      if ((staticValues = dynamicValue?.$static$) !== undefined) {
+        staticValues.forEach((staticValue: TemplateResult) =&gt; {
+          join(staticValue.strings, staticValue.values);
+        });
+&nbsp;
+        staticStrings[staticStrings.length - 1] = staticStrings[staticStrings.length - 1] + strs[i + 1];
+        hasStatics = true;
+      } else {
+        dynamicValues.push(dynamicValue);
+        staticStrings.push(strs[i + 1]);
+      }
+    });
+  };
+&nbsp;
+  join(strings, values);
+&nbsp;
+  if (hasStatics) {
+    // Tagged template literals with the same static strings return the same
+    // TemplateStringsArray, aka they are cached. emulate this behavior w/ a Map.
+    const key = staticStrings.join('$$html$$');
+    strings = stringsCache.get(key);
+    if (strings === undefined) {
+      (staticStrings as any).raw = staticStrings;
+      stringsCache.set(key, (strings = staticStrings));
+    }
+    values = dynamicValues;
+  }
+&nbsp;
   return new TemplateResult(strings, values, defaultProcessor);
 }
 &nbsp;
@@ -558,6 +699,15 @@ export function createTemplateInstance(content: string, props?: any) {
   template.innerHTML = content;
   return new TemplateInstance(template, props);
 }
+&nbsp;
+export const unsafeStatic = (...values: any[]) =&gt; ({
+  ['$static$']: values.map((value) =&gt; {
+    if (value instanceof TemplateResult) <span class="branch-0 cbranch-no" title="branch not covered" >return value;</span>
+    // Only allow word characters and dashes for security.
+    if (!/\w-/.test(value)) <span class="branch-0 cbranch-no" title="branch not covered" >return { strings: [] };</span>
+    return { strings: [value] };
+  }),
+});
 &nbsp;</pre></td></tr></table></pre>
 
                 <div class='push'></div><!-- for sticky footer -->
@@ -565,7 +715,7 @@ export function createTemplateInstance(content: string, props?: any) {
             <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 Mon Jul 11 2022 16:36:07 GMT+0000 (Coordinated Universal Time)
+                at Wed Aug 03 2022 19:24:53 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/index.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">82.48% </span>
+                <span class="strong">81.77% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>1653/2004</span>
+                <span class='fraction'>1759/2151</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">82.44% </span>
+                <span class="strong">81.09% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>216/262</span>
+                <span class='fraction'>223/275</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">75% </span>
+                <span class="strong">73.29% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>123/164</span>
+                <span class='fraction'>129/176</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">82.48% </span>
+                <span class="strong">81.77% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>1653/2004</span>
+                <span class='fraction'>1759/2151</span>
             </div>
         
             
@@ -110,47 +110,47 @@
 
 <tr>
 	<td class="file high" data-value="helpers.ts"><a href="helpers.ts.html">helpers.ts</a></td>
-	<td data-value="97.19" class="pic high">
-	<div class="chart"><div class="cover-fill" style="width: 97%"></div><div class="cover-empty" style="width: 3%"></div></div>
+	<td data-value="96.49" class="pic high">
+	<div class="chart"><div class="cover-fill" style="width: 96%"></div><div class="cover-empty" style="width: 4%"></div></div>
 	</td>
-	<td data-value="97.19" class="pct high">97.19%</td>
-	<td data-value="107" class="abs high">104/107</td>
-	<td data-value="88.88" class="pct high">88.88%</td>
-	<td data-value="18" class="abs high">16/18</td>
+	<td data-value="96.49" class="pct high">96.49%</td>
+	<td data-value="114" class="abs high">110/114</td>
+	<td data-value="80.95" class="pct high">80.95%</td>
+	<td data-value="21" class="abs high">17/21</td>
 	<td data-value="100" class="pct high">100%</td>
-	<td data-value="9" class="abs high">9/9</td>
-	<td data-value="97.19" class="pct high">97.19%</td>
-	<td data-value="107" class="abs high">104/107</td>
+	<td data-value="10" class="abs high">10/10</td>
+	<td data-value="96.49" class="pct high">96.49%</td>
+	<td data-value="114" class="abs high">110/114</td>
 	</tr>
 
 <tr>
 	<td class="file high" data-value="html.ts"><a href="html.ts.html">html.ts</a></td>
-	<td data-value="98.18" class="pic high">
+	<td data-value="98.6" class="pic high">
 	<div class="chart"><div class="cover-fill" style="width: 98%"></div><div class="cover-empty" style="width: 2%"></div></div>
 	</td>
-	<td data-value="98.18" class="pct high">98.18%</td>
-	<td data-value="165" class="abs high">162/165</td>
-	<td data-value="91.66" class="pct high">91.66%</td>
-	<td data-value="24" class="abs high">22/24</td>
+	<td data-value="98.6" class="pct high">98.6%</td>
+	<td data-value="215" class="abs high">212/215</td>
+	<td data-value="87.09" class="pct high">87.09%</td>
+	<td data-value="31" class="abs high">27/31</td>
 	<td data-value="100" class="pct high">100%</td>
-	<td data-value="16" class="abs high">16/16</td>
-	<td data-value="98.18" class="pct high">98.18%</td>
-	<td data-value="165" class="abs high">162/165</td>
+	<td data-value="18" class="abs high">18/18</td>
+	<td data-value="98.6" class="pct high">98.6%</td>
+	<td data-value="215" class="abs high">212/215</td>
 	</tr>
 
 <tr>
 	<td class="file medium" data-value="index.ts"><a href="index.ts.html">index.ts</a></td>
-	<td data-value="73.7" class="pic medium">
-	<div class="chart"><div class="cover-fill" style="width: 73%"></div><div class="cover-empty" style="width: 27%"></div></div>
+	<td data-value="71.56" class="pic medium">
+	<div class="chart"><div class="cover-fill" style="width: 71%"></div><div class="cover-empty" style="width: 29%"></div></div>
 	</td>
-	<td data-value="73.7" class="pct medium">73.7%</td>
-	<td data-value="924" class="abs medium">681/924</td>
-	<td data-value="80" class="pct high">80%</td>
-	<td data-value="105" class="abs high">84/105</td>
-	<td data-value="66.66" class="pct medium">66.66%</td>
-	<td data-value="78" class="abs medium">52/78</td>
-	<td data-value="73.7" class="pct medium">73.7%</td>
-	<td data-value="924" class="abs medium">681/924</td>
+	<td data-value="71.56" class="pct medium">71.56%</td>
+	<td data-value="967" class="abs medium">692/967</td>
+	<td data-value="77.57" class="pct medium">77.57%</td>
+	<td data-value="107" class="abs medium">83/107</td>
+	<td data-value="62.65" class="pct medium">62.65%</td>
+	<td data-value="83" class="abs medium">52/83</td>
+	<td data-value="71.56" class="pct medium">71.56%</td>
+	<td data-value="967" class="abs medium">692/967</td>
 	</tr>
 
 <tr>
@@ -185,17 +185,17 @@
 
 <tr>
 	<td class="file high" data-value="template.ts"><a href="template.ts.html">template.ts</a></td>
-	<td data-value="95.2" class="pic high">
+	<td data-value="95.89" class="pic high">
 	<div class="chart"><div class="cover-fill" style="width: 95%"></div><div class="cover-empty" style="width: 5%"></div></div>
 	</td>
-	<td data-value="95.2" class="pct high">95.2%</td>
-	<td data-value="125" class="abs high">119/125</td>
-	<td data-value="90.32" class="pct high">90.32%</td>
-	<td data-value="31" class="abs high">28/31</td>
+	<td data-value="95.89" class="pct high">95.89%</td>
+	<td data-value="146" class="abs high">140/146</td>
+	<td data-value="93.1" class="pct high">93.1%</td>
+	<td data-value="29" class="abs high">27/29</td>
 	<td data-value="100" class="pct high">100%</td>
 	<td data-value="2" class="abs high">2/2</td>
-	<td data-value="95.2" class="pct high">95.2%</td>
-	<td data-value="125" class="abs high">119/125</td>
+	<td data-value="95.89" class="pct high">95.89%</td>
+	<td data-value="146" class="abs high">140/146</td>
 	</tr>
 
 <tr>
@@ -215,17 +215,17 @@
 
 <tr>
 	<td class="file medium" data-value="video-api.ts"><a href="video-api.ts.html">video-api.ts</a></td>
-	<td data-value="74.83" class="pic medium">
+	<td data-value="74.38" class="pic medium">
 	<div class="chart"><div class="cover-fill" style="width: 74%"></div><div class="cover-empty" style="width: 26%"></div></div>
 	</td>
-	<td data-value="74.83" class="pct medium">74.83%</td>
-	<td data-value="298" class="abs medium">223/298</td>
-	<td data-value="80.48" class="pct high">80.48%</td>
-	<td data-value="41" class="abs high">33/41</td>
-	<td data-value="70" class="pct medium">70%</td>
-	<td data-value="40" class="abs medium">28/40</td>
-	<td data-value="74.83" class="pct medium">74.83%</td>
-	<td data-value="298" class="abs medium">223/298</td>
+	<td data-value="74.38" class="pct medium">74.38%</td>
+	<td data-value="324" class="abs medium">241/324</td>
+	<td data-value="81.81" class="pct high">81.81%</td>
+	<td data-value="44" class="abs high">36/44</td>
+	<td data-value="70.45" class="pct medium">70.45%</td>
+	<td data-value="44" class="abs medium">31/44</td>
+	<td data-value="74.38" class="pct medium">74.38%</td>
+	<td data-value="324" class="abs medium">241/324</td>
 	</tr>
 
 </tbody>
@@ -236,7 +236,7 @@
             <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 Mon Jul 11 2022 16:36:07 GMT+0000 (Coordinated Universal Time)
+                at Wed Aug 03 2022 19:24:53 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../prettify.js"></script>
         <script>