@react-md/core 1.0.0-next.0 → 1.0.0-next.10

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

@@ -25,28 +25,28 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>320/320</span>
+                <span class='fraction'>411/411</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>21/21</span>
+                <span class='fraction'>22/22</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>7/7</span>
+                <span class='fraction'>9/9</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>320/320</span>
+                <span class='fraction'>411/411</span>
             </div>
         
             
@@ -383,7 +383,212 @@
 <a name='L318'></a><a href='#L318'>318</a>
 <a name='L319'></a><a href='#L319'>319</a>
 <a name='L320'></a><a href='#L320'>320</a>
-<a name='L321'></a><a href='#L321'>321</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
+<a name='L321'></a><a href='#L321'>321</a>
+<a name='L322'></a><a href='#L322'>322</a>
+<a name='L323'></a><a href='#L323'>323</a>
+<a name='L324'></a><a href='#L324'>324</a>
+<a name='L325'></a><a href='#L325'>325</a>
+<a name='L326'></a><a href='#L326'>326</a>
+<a name='L327'></a><a href='#L327'>327</a>
+<a name='L328'></a><a href='#L328'>328</a>
+<a name='L329'></a><a href='#L329'>329</a>
+<a name='L330'></a><a href='#L330'>330</a>
+<a name='L331'></a><a href='#L331'>331</a>
+<a name='L332'></a><a href='#L332'>332</a>
+<a name='L333'></a><a href='#L333'>333</a>
+<a name='L334'></a><a href='#L334'>334</a>
+<a name='L335'></a><a href='#L335'>335</a>
+<a name='L336'></a><a href='#L336'>336</a>
+<a name='L337'></a><a href='#L337'>337</a>
+<a name='L338'></a><a href='#L338'>338</a>
+<a name='L339'></a><a href='#L339'>339</a>
+<a name='L340'></a><a href='#L340'>340</a>
+<a name='L341'></a><a href='#L341'>341</a>
+<a name='L342'></a><a href='#L342'>342</a>
+<a name='L343'></a><a href='#L343'>343</a>
+<a name='L344'></a><a href='#L344'>344</a>
+<a name='L345'></a><a href='#L345'>345</a>
+<a name='L346'></a><a href='#L346'>346</a>
+<a name='L347'></a><a href='#L347'>347</a>
+<a name='L348'></a><a href='#L348'>348</a>
+<a name='L349'></a><a href='#L349'>349</a>
+<a name='L350'></a><a href='#L350'>350</a>
+<a name='L351'></a><a href='#L351'>351</a>
+<a name='L352'></a><a href='#L352'>352</a>
+<a name='L353'></a><a href='#L353'>353</a>
+<a name='L354'></a><a href='#L354'>354</a>
+<a name='L355'></a><a href='#L355'>355</a>
+<a name='L356'></a><a href='#L356'>356</a>
+<a name='L357'></a><a href='#L357'>357</a>
+<a name='L358'></a><a href='#L358'>358</a>
+<a name='L359'></a><a href='#L359'>359</a>
+<a name='L360'></a><a href='#L360'>360</a>
+<a name='L361'></a><a href='#L361'>361</a>
+<a name='L362'></a><a href='#L362'>362</a>
+<a name='L363'></a><a href='#L363'>363</a>
+<a name='L364'></a><a href='#L364'>364</a>
+<a name='L365'></a><a href='#L365'>365</a>
+<a name='L366'></a><a href='#L366'>366</a>
+<a name='L367'></a><a href='#L367'>367</a>
+<a name='L368'></a><a href='#L368'>368</a>
+<a name='L369'></a><a href='#L369'>369</a>
+<a name='L370'></a><a href='#L370'>370</a>
+<a name='L371'></a><a href='#L371'>371</a>
+<a name='L372'></a><a href='#L372'>372</a>
+<a name='L373'></a><a href='#L373'>373</a>
+<a name='L374'></a><a href='#L374'>374</a>
+<a name='L375'></a><a href='#L375'>375</a>
+<a name='L376'></a><a href='#L376'>376</a>
+<a name='L377'></a><a href='#L377'>377</a>
+<a name='L378'></a><a href='#L378'>378</a>
+<a name='L379'></a><a href='#L379'>379</a>
+<a name='L380'></a><a href='#L380'>380</a>
+<a name='L381'></a><a href='#L381'>381</a>
+<a name='L382'></a><a href='#L382'>382</a>
+<a name='L383'></a><a href='#L383'>383</a>
+<a name='L384'></a><a href='#L384'>384</a>
+<a name='L385'></a><a href='#L385'>385</a>
+<a name='L386'></a><a href='#L386'>386</a>
+<a name='L387'></a><a href='#L387'>387</a>
+<a name='L388'></a><a href='#L388'>388</a>
+<a name='L389'></a><a href='#L389'>389</a>
+<a name='L390'></a><a href='#L390'>390</a>
+<a name='L391'></a><a href='#L391'>391</a>
+<a name='L392'></a><a href='#L392'>392</a>
+<a name='L393'></a><a href='#L393'>393</a>
+<a name='L394'></a><a href='#L394'>394</a>
+<a name='L395'></a><a href='#L395'>395</a>
+<a name='L396'></a><a href='#L396'>396</a>
+<a name='L397'></a><a href='#L397'>397</a>
+<a name='L398'></a><a href='#L398'>398</a>
+<a name='L399'></a><a href='#L399'>399</a>
+<a name='L400'></a><a href='#L400'>400</a>
+<a name='L401'></a><a href='#L401'>401</a>
+<a name='L402'></a><a href='#L402'>402</a>
+<a name='L403'></a><a href='#L403'>403</a>
+<a name='L404'></a><a href='#L404'>404</a>
+<a name='L405'></a><a href='#L405'>405</a>
+<a name='L406'></a><a href='#L406'>406</a>
+<a name='L407'></a><a href='#L407'>407</a>
+<a name='L408'></a><a href='#L408'>408</a>
+<a name='L409'></a><a href='#L409'>409</a>
+<a name='L410'></a><a href='#L410'>410</a>
+<a name='L411'></a><a href='#L411'>411</a>
+<a name='L412'></a><a href='#L412'>412</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">100143x</span>
+<span class="cline-any cline-yes">100143x</span>
+<span class="cline-any cline-yes">100143x</span>
+<span class="cline-any cline-yes">100143x</span>
+<span class="cline-any cline-yes">100143x</span>
+<span class="cline-any cline-yes">24x</span>
+<span class="cline-any cline-yes">100143x</span>
+<span class="cline-any cline-yes">10x</span>
+<span class="cline-any cline-yes">10x</span>
+<span class="cline-any cline-yes">100143x</span>
+<span class="cline-any cline-yes">100143x</span>
+<span class="cline-any cline-yes">100143x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">54x</span>
+<span class="cline-any cline-yes">54x</span>
+<span class="cline-any cline-yes">54x</span>
+<span class="cline-any cline-yes">54x</span>
+<span class="cline-any cline-yes">54x</span>
+<span class="cline-any cline-yes">10x</span>
+<span class="cline-any cline-yes">10x</span>
+<span class="cline-any cline-yes">44x</span>
+<span class="cline-any cline-yes">44x</span>
+<span class="cline-any cline-yes">44x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-yes">8x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
@@ -435,19 +640,6 @@
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">100143x</span>
-<span class="cline-any cline-yes">100143x</span>
-<span class="cline-any cline-yes">100143x</span>
-<span class="cline-any cline-yes">100143x</span>
-<span class="cline-any cline-yes">100143x</span>
-<span class="cline-any cline-yes">24x</span>
-<span class="cline-any cline-yes">100143x</span>
-<span class="cline-any cline-yes">10x</span>
-<span class="cline-any cline-yes">10x</span>
-<span class="cline-any cline-yes">100143x</span>
-<span class="cline-any cline-yes">100143x</span>
-<span class="cline-any cline-yes">100143x</span>
-<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
@@ -584,11 +776,10 @@
 <span class="cline-any cline-yes">20x</span>
 <span class="cline-any cline-yes">54x</span>
 <span class="cline-any cline-yes">54x</span>
-<span class="cline-any cline-yes">10x</span>
-<span class="cline-any cline-yes">10x</span>
-<span class="cline-any cline-yes">44x</span>
-<span class="cline-any cline-yes">44x</span>
-<span class="cline-any cline-yes">44x</span>
+<span class="cline-any cline-yes">54x</span>
+<span class="cline-any cline-yes">54x</span>
+<span class="cline-any cline-yes">54x</span>
+<span class="cline-any cline-yes">54x</span>
 <span class="cline-any cline-yes">20x</span>
 <span class="cline-any cline-yes">20x</span>
 <span class="cline-any cline-yes">1x</span>
@@ -684,29 +875,134 @@
 <span class="cline-any cline-yes">11x</span>
 <span class="cline-any cline-yes">11x</span>
 <span class="cline-any cline-yes">11x</span>
+<span class="cline-any cline-yes">11x</span>
+<span class="cline-any cline-yes">11x</span>
+<span class="cline-any cline-yes">11x</span>
+<span class="cline-any cline-yes">11x</span>
 <span class="cline-any cline-yes">100062x</span>
-<span class="cline-any cline-yes">8x</span>
-<span class="cline-any cline-yes">8x</span>
-<span class="cline-any cline-yes">8x</span>
-<span class="cline-any cline-yes">8x</span>
-<span class="cline-any cline-yes">8x</span>
-<span class="cline-any cline-yes">8x</span>
-<span class="cline-any cline-yes">8x</span>
-<span class="cline-any cline-yes">8x</span>
-<span class="cline-any cline-yes">8x</span>
-<span class="cline-any cline-yes">8x</span>
-<span class="cline-any cline-yes">8x</span>
-<span class="cline-any cline-yes">8x</span>
-<span class="cline-any cline-yes">8x</span>
 <span class="cline-any cline-yes">100062x</span>
 <span class="cline-any cline-yes">100062x</span>
 <span class="cline-any cline-yes">100062x</span>
 <span class="cline-any cline-yes">11x</span>
 <span class="cline-any cline-yes">11x</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import type { TextExtractor } from "../types.js";
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { type TextExtractor } from "../types.js";
+&nbsp;
+/**
+ * @remarks \@since 6.0.0
+ */
+export function toSearchQuery(
+  s: string,
+  whitespace: "trim" | "ignore" | "keep" = "keep"
+): string {
+  let q = s.toLowerCase();
+  if (whitespace === "ignore") {
+    q = q.replace(/\s/g, "");
+  } else if (whitespace === "trim") {
+    q = q.trim();
+  }
+&nbsp;
+  return q;
+}
+&nbsp;
+/**
+ * @remarks \@since 6.0.0
+ */
+export interface CaseInsensitiveMatchOptions {
+  /**
+   * The current search query.
+   */
+  query: string;
+&nbsp;
+  /**
+   * The current value to compare against.
+   */
+  value: string;
+&nbsp;
+  /**
+   * @see {@link CaseInsensitiveOptions.startsWith}
+   * @defaultValue `false`
+   */
+  startsWith?: boolean;
+}
+&nbsp;
+/**
+ * @example
+ * ```ts
+ * const fruits = ["Banana", "Grape", "Apple", "Orange"];
+ *
+ * fruits.find((fruit) =&gt; caseInsensitiveMatch({
+ *   query: "ap",
+ *   value: fruit,
+ * }))
+ * // ["Grape"]
+ *
+ * fruits.find((fruit) =&gt; caseInsensitiveMatch({
+ *   query: "ap",
+ *   value: fruit,
+ *   startsWith: true,
+ * }))
+ * // ["Apple"]
+ * ```
+ *
+ * @see {@link caseInsensitiveFilter}
+ * @remarks \@since 6.0.0
+ */
+export function caseInsensitiveMatch(
+  options: CaseInsensitiveMatchOptions
+): boolean {
+  const { query, value, startsWith } = options;
+  const matchIndex = value.indexOf(query);
+  if (startsWith) {
+    return matchIndex === 0;
+  }
+&nbsp;
+  return matchIndex !== -1;
+}
+&nbsp;
+/**
+ * @example
+ * ```tsx
+ * import { createFuzzyRegExp, toSearchQuery } from "@react-md/core":
+ * import { useDeferredValue, useMemo, useState, type ReactElement } from "react";
+ *
+ * function Example(): ReactElement {
+ *   const [value, setValue] = useState("");
+ *   const deferredValue = useDeferredValue(value)
+ *
+ *   const match = useMemo(() =&gt; {
+ *     const query = toSearchQuery(deferredValue);
+ *     if (!query) {
+ *       return;
+ *     }
+ *
+ *     const fuzzyRegExp = createFuzzyRegExp(query);
+ *     return options.find(option =&gt; fuzzyRegExp.test(option.label)):
+ *   }, [options])
+ *
+ *   if (match) {
+ *     // do something
+ *   }
+ * }
+ *
+ * ```
+ *
+ * @remarks \@since 6.0.0
+ * @see {@link fuzzyFilter}
+ */
+export function createFuzzyRegExp(query: string): RegExp {
+  return new RegExp(
+    query
+      .split("")
+      .join("\\w*")
+      .replace(/(\(|\||\)|\\(?!w\*)|\[|\|-|\.|\^|\+|\$|\?|^(?!w)\*)/g, "\\$1")
+      // Couldn't get the matching of two '*' working, so replace them here..
+      .replace(/\*\*/g, "*\\*"),
+    "i"
+  );
+}
 &nbsp;
 /** @internal */
-const identity =
+const defaultExtractor =
   &lt;T&gt;(name: string) =&gt;
   (item: T): string =&gt; {
     if (typeof item === "string") {
@@ -718,6 +1014,11 @@ const identity =
     );
   };
 &nbsp;
+/**
+ * @remarks \@since 6.0.0
+ */
+export type WhitespaceFilter = "ignore" | "trim" | "keep";
+&nbsp;
 /**
  * @remarks \@since 6.0.0
  */
@@ -738,7 +1039,7 @@ export interface BaseFilterOptions&lt;T&gt; {
   /**
    * @defaultValue `"keep"`
    */
-  whitespace?: "ignore" | "trim" | "keep";
+  whitespace?: WhitespaceFilter;
 }
 &nbsp;
 /**
@@ -750,24 +1051,6 @@ export interface FilterOptions&lt;T&gt; extends BaseFilterOptions&lt;T&gt; {
   extractor: TextExtractor&lt;T&gt;;
 }
 &nbsp;
-/**
- * @internal
- * @remarks \@since 6.0.0
- */
-const toSearchString = (
-  s: string,
-  whitespace: "trim" | "ignore" | "keep"
-): string =&gt; {
-  let q = s.toLowerCase();
-  if (whitespace === "ignore") {
-    q = q.replace(/\s/g, "");
-  } else if (whitespace === "trim") {
-    q = q.trim();
-  }
-&nbsp;
-  return q;
-};
-&nbsp;
 /**
  * @internal
  * @remarks \@since 6.0.0
@@ -778,13 +1061,13 @@ function filter&lt;T&gt;(options: FilterOptions&lt;T&gt;): readonly T[] {
     return list;
   }
 &nbsp;
-  const q = toSearchString(query, whitespace);
+  const q = toSearchQuery(query, whitespace);
   if (!q) {
     return list;
   }
 &nbsp;
   return list.filter((item) =&gt;
-    filter(q, toSearchString(extractor(item), whitespace))
+    filter(q, toSearchQuery(extractor(item), whitespace))
   );
 }
 &nbsp;
@@ -891,7 +1174,7 @@ export function caseInsensitiveFilter&lt;T&gt;(
   const {
     list,
     query,
-    extractor = identity("caseInsensitiveFilter"),
+    extractor = defaultExtractor("caseInsensitiveFilter"),
     startsWith,
     whitespace,
   } = options;
@@ -902,12 +1185,11 @@ export function caseInsensitiveFilter&lt;T&gt;(
     extractor,
     whitespace,
     filter(q, value) {
-      const matchIndex = value.indexOf(q);
-      if (startsWith) {
-        return matchIndex === 0;
-      }
-&nbsp;
-      return matchIndex !== -1;
+      return caseInsensitiveMatch({
+        query: q,
+        value,
+        startsWith,
+      });
     },
   });
 }
@@ -993,10 +1275,14 @@ export function fuzzyFilter&lt;T&gt;(options: FuzzyFilterOptions&lt;T&gt;): read
   const {
     list,
     query,
-    extractor = identity("fuzzyFilter"),
+    extractor = defaultExtractor("fuzzyFilter"),
     whitespace,
   } = options;
 &nbsp;
+  // lazy initialize the RegExp since the base `filter` function will modify the
+  // query and never call the filter function if:
+  // - there is no query
+  // - the list is empty
   let regexp: RegExp;
   return filter({
     list,
@@ -1004,22 +1290,9 @@ export function fuzzyFilter&lt;T&gt;(options: FuzzyFilterOptions&lt;T&gt;): read
     extractor,
     whitespace,
     filter(query, value) {
-      if (!regexp) {
-        regexp = new RegExp(
-          `${query}`
-            .split("")
-            .join("\\w*")
-            .replace(
-              /(\(|\||\)|\\(?!w\*)|\[|\|-|\.|\^|\+|\$|\?|^(?!w)\*)/g,
-              "\\$1"
-            )
-            // Couldn't get the matching of two '*' working, so replace them here..
-            .replace(/\*\*/g, "*\\*"),
-          "i"
-        );
-      }
-&nbsp;
-      return value.length &gt; 0 &amp;&amp; regexp.test(value);
+      return (
+        value.length &gt; 0 &amp;&amp; (regexp ??= createFuzzyRegExp(query)).test(value)
+      );
     },
   });
 }
@@ -1030,7 +1303,7 @@ export function fuzzyFilter&lt;T&gt;(options: FuzzyFilterOptions&lt;T&gt;): read
             <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 2023-09-19T01:08:26.865Z
+                at 2024-03-03T14:40:22.743Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

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

@@ -211,7 +211,7 @@ export const getClientPosition = (options: ClientPositionOptions): number =>
             <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 2023-09-19T01:08:26.865Z
+                at 2024-01-31T14:54:24.632Z
             </div>
         <script src="../../prettify.js"></script>
         <script>