npm - cubing - Versions diffs - 0.23.0 → 0.24.0-pre1 - Mend

cubing 0.23.0 → 0.24.0-pre1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1040) hide show

package/dist/types/vendor/p-lazy/p-lazy.d.ts.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"p-lazy.d.ts","sourceRoot":"","sources":["../../../../src/cubing/vendor/p-lazy/p-lazy.ts"],"names":[],"mappings":"AAKA,qBAAa,KAAK,CAAC,CAAC,CAAE,SAAQ,OAAO,CAAC,CAAC,CAAC;gBAC1B,QAAQ,KAAA;IAQpB,MAAM,CAAC,IAAI,CAAC,SAAS,KAAA;IAMrB,MAAM,CAAC,OAAO,CAAC,KAAK,KAAA;IAMpB,MAAM,CAAC,MAAM,CAAC,KAAK,KAAA;IAMnB,IAAI,CAAC,WAAW,KAAA,EAAE,UAAU,KAAA;IAO5B,KAAK,CAAC,UAAU,KAAA;CAMjB;AAED,wBAAgB,IAAI,CAAC,CAAC,EAAE,SAAS,KAAA,GAAG,OAAO,CAAC,CAAC,CAAC,CAI7C"}

package/dist/types/vendor/random-uint-below/get-random-values.d.ts.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"get-random-values.d.ts","sourceRoot":"","sources":["../../../../src/cubing/vendor/random-uint-below/get-random-values.ts"],"names":[],"mappings":"AAAA,oBAAY,uBAAuB,GAAG,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAC;AAcjE,wBAAsB,sBAAsB,IAAI,OAAO,CAAC,uBAAuB,CAAC,CAQ/E"}

package/dist/types/vendor/random-uint-below/index.d.ts.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/cubing/vendor/random-uint-below/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAK5D,wBAAsB,aAAa,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAK/D"}

package/dist/types/vendor/random-uint-below/random-choice.d.ts.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"random-choice.d.ts","sourceRoot":"","sources":["../../../../src/cubing/vendor/random-uint-below/random-choice.ts"],"names":[],"mappings":"AAKA,wBAAsB,mBAAmB,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAG5E"}

package/dist/types/vendor/random-uint-below/random53BitValue.d.ts.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"random53BitValue.d.ts","sourceRoot":"","sources":["../../../../src/cubing/vendor/random-uint-below/random53BitValue.ts"],"names":[],"mappings":"AAyCA,wBAAsB,sBAAsB,IAAI,OAAO,CACrD,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CACxB,CAoBA"}

package/dist/types/vendor/sq12phase/scramble_sq1.d.ts.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"scramble_sq1.d.ts","sourceRoot":"","sources":["../../../../src/cubing/vendor/sq12phase/scramble_sq1.js"],"names":[],"mappings":"AAk1BA,+DAEC"}

package/dist/types/vendor/three/examples/jsm/libs/stats.modified.module.d.ts.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"stats.modified.module.d.ts","sourceRoot":"","sources":["../../../../../../../src/cubing/vendor/three/examples/jsm/libs/stats.modified.module.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAWH,qBAAa,KAAK;IAChB,IAAI,SAAK;IAET,GAAG,iBAAiC;;IAiBpC,QAAQ,CAAC,KAAK,EAAE,UAAU,GAAG,UAAU;IAKvC,SAAS,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAS3B,SAAS,SAA+B;IACxC,QAAQ,SAAkB;IAC1B,MAAM,SAAK;IAEX,QAAQ,aAAwD;IAChE,OAAO,aAAuD;IAC9D,QAAQ,oBAEC;IACT,QAAQ,SAAM;IAEd,KAAK;IAIL,GAAG;IAyBH,MAAM;CAGP;AAaD,qBAAa,UAAU;IAKT,OAAO,CAAC,IAAI;IAAU,OAAO,CAAC,EAAE;IAAU,OAAO,CAAC,EAAE;IAJhE,GAAG,SAAY;IACf,GAAG,SAAK;IACR,GAAG,oBAAoC;IACvC,OAAO,2BAA8B;gBACjB,IAAI,EAAE,MAAM,EAAU,EAAE,EAAE,MAAM,EAAU,EAAE,EAAE,MAAM;IAoBxE,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;CAiDvC"}

package/dist/types/vendor/unsafe-raw-aes/unsafe-raw-aes.d.ts.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"unsafe-raw-aes.d.ts","sourceRoot":"","sources":["../../../../src/cubing/vendor/unsafe-raw-aes/unsafe-raw-aes.ts"],"names":[],"mappings":"AAOA,wBAAsB,SAAS,CAAC,QAAQ,EAAE,WAAW,GAAG,OAAO,CAAC,SAAS,CAAC,CAKzE;AAkBD,wBAAsB,kBAAkB,CACtC,GAAG,EAAE,SAAS,EACd,cAAc,EAAE,WAAW,GAC1B,OAAO,CAAC,WAAW,CAAC,CAKtB;AAED,wBAAsB,kBAAkB,CACtC,GAAG,EAAE,SAAS,EACd,eAAe,EAAE,WAAW,GAC3B,OAAO,CAAC,WAAW,CAAC,CAoBtB"}

package/docs/.DS_Store DELETED Viewed

Binary file

package/docs/CNAME DELETED Viewed

	@@ -1 +0,0 @@
1	- js.cubing.net

package/docs/cubing/.DS_Store DELETED Viewed

Binary file

package/docs/cubing/alg/index.html DELETED Viewed

@@ -1,174 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="utf8">
-  <title>cubing.js</title>
-  <meta name="theme-color" content="#4285f4">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="stylesheet" href="../../main.css">
-</head>
-<body>
-  <content>
-    <!-- Tip: Avoid using specialized terminology (e.g. "element", "attribute") where possible. -->
-    <div id="heading">
-      <code><a href="../">cubing</a>/alg</code>
-    </div>
-    <section class="no-header">
-      <p>
-        <code>cubing/alg</code> is the part of <code>cubing.js</code> that lets you parse and work with algs.
-      </p>
-    </section>
-    <section id="string-conversion">
-      <h1><a href="#string-conversion">String conversion</a></h1>
-      <p>Parse an alg by passing it to the <code>Alg</code> constructor. You can call <code>.toString()</code> to get back a string representation.</p>
-      <div class="code-demo">
-        <div>
-          <code class="sample">
-            <span>import { Alg } from &quot;cubing/alg&quot;<br>
-<br>
-const alg = new Alg(&quot;R U R' U R U2' R'&quot;);<br>
-console.log(alg);<br>
-console.log(alg.toString());</span>
-          </code>
-        </div>
-        <code class="sample output">
-          <span><span class="js-object" title="This will show available methods and internal details of the Alg object, depending on your JS environment.">Alg {}</span></span>
-          <span>&quot;R U R' U R U2' R'&quot;</span>
-        </code>
-      </div>
-      <p>As a convenience, you can use <code>.log()</code> to view an alg in a JavaScript console (e.g. <a href="https://nodejs.org/en/about/"><code>node</code></a> or <a href="https://developer.chrome.com/docs/devtools/console/javascript/">DevTools</a>). We'll use that for all the examples from now on:</p>
-      <div class="code-demo">
-        <div>
-          <code class="sample">
-            <span>import { Alg } from &quot;cubing/alg&quot;<br>
-<br>
-new Alg(&quot;R U R' U R U2' R'&quot;).log();</span>
-          </code>
-        </div>
-        <code class="sample output">
-          <span><span class="js-object" title="This will show available methods and internal details of the Alg object, depending on your JS environment.">Alg {}</span> &quot;R U R' U R U2' R'&quot;</span>
-        </code>
-      </div>
-      <p>Note that this will result in a canonical string for the alg with whitespace collapsed.</p>
-      <div class="code-demo">
-        <div>
-          <code class="sample">
-            <span>import { Alg } from &quot;cubing/alg&quot;<br>
-<br>
-const alg = new Alg(&quot;&nbsp;R&nbsp;&nbsp;&nbsp;U&nbsp;R'&nbsp;&nbsp;&nbsp;U&nbsp;R&nbsp;U2'&nbsp;&nbsp;&nbsp;R'&quot;);<br>
-alg.log();</span>
-          </code>
-        </div>
-        <code class="sample output">
-          <span><span class="js-object" title="This will show available methods and internal details of the Alg object, depending on your JS environment.">Alg {}</span> &quot;R U R' U R U2' R'&quot;</span>
-        </code>
-      </div>
-    </section>
-    <section id="methods">
-      <h1><a href="#methods">Methods</a></h1>
-      <p><code>Alg</code> objects are immutable. In order to modify and <code>Alg</code>, you can call its methods:
-        <ul>
-          <li><code>alg.invert()</code></li>
-          <li><code>alg.concat(alg2)</code></li>
-          <li><code>alg.expand()</code></li>
-          <li><code>alg.simplify()</code></li>
-        </ul>
-      </p>
-      <div class="code-demo">
-        <div>
-          <code class="sample">
-            <span>import { Alg } from &quot;cubing/alg&quot;;<br>
-<br>
-const commutator = new Alg(&quot;[R, [U': L']]&quot;);<br>
-commutator<b><u>.expand()</u></b>.log();
-</span>
-          </code>
-        </div>
-        <code class="sample output">
-          <span><span class="js-object" title="This will show available methods and internal details of the Alg object, depending on your JS environment.">Alg {}</span> &quot;R U' L' U R' U' L U&quot;</span>
-        </code>
-      </div>
-      <br>
-      <div class="code-demo">
-        <div>
-          <!-- TODO: The number of underlines match the number of output lines, which might decivingly imply they match up. Can we make this clear in another way? -->
-          <code class="sample">
-            <span>import { Alg } from &quot;cubing/alg&quot;;<br>
-const commutator = new Alg(&quot;[R, [U': L']]&quot;);<br>
-<br>
-const niklas = commutator<b><u>.concat(&quot;U'&quot;)</u></b>;<br>
-niklas.log();<br>
-niklas<b><u>.expand()</u></b>.log();<br>
-niklas<b><u>.expand().simplify()</u></b>.log();
-</span>
-          </code>
-        </div>
-        <code class="sample output">
-          <span><span class="js-object" title="This will show available methods and internal details of the Alg object, depending on your JS environment.">Alg {}</span> &quot;[R, [U': L']] U'&quot;</span>
-          <span><span class="js-object" title="This will show available methods and internal details of the Alg object, depending on your JS environment.">Alg {}</span> &quot;R U' L' U R' U' L U U'&quot;</span>
-          <span><span class="js-object" title="This will show available methods and internal details of the Alg object, depending on your JS environment.">Alg {}</span> &quot;R U' L' U R' U' L&quot;</span>
-        </code>
-      </div>
-      <br>
-      <div class="code-demo">
-        <div>
-          <code class="sample">
-            <span>import { Alg } from &quot;cubing/alg&quot;;<br>
-<br>
-const sune = new Alg(&quot;[R U R2', [R: U]]&quot;);<br>
-const antiSune = sune.<b><u>invert()</u></b>;<br>
-antiSune.log();<br>
-antiSune<b><u>.expand()</u></b>.log();
-</span>
-          </code>
-        </div>
-          <code class="sample output">
-            <span><span class="js-object" title="This will show available methods and internal details of the Alg object, depending on your JS environment.">Alg {}</span> &quot;[[R: U], R U R2']&quot;</span>
-            <span><span class="js-object" title="This will show available methods and internal details of the Alg object, depending on your JS environment.">Alg {}</span> &quot;R U2 R' U' R U' R'&quot;</span>
-          </code>
-      </div>
-      <br>
-      <div class="code-demo">
-        <div>
-          <code class="sample">
-            <span>import { Alg } from &quot;cubing/alg&quot;;<br>
-const antiSune = new Alg(&quot;[[R: U], R U R2']&quot;);<br>
-const niklas = new Alg(&quot;[R, [U': L']] U'&quot;);<br>
-<br>
-const jPerm = antiSune<b><u>.concat(niklas)</u></b>;<br>
-jPerm.log();<br>
-jPerm<b><u>.expand()</u></b>.log();<br>
-jPerm<b><u>.expand()</u></b>.simplify().log();
-</span>
-          </code>
-        </div>
-        <code class="sample output">
-          <span><span class="js-object" title="This will show available methods and internal details of the Alg object, depending on your JS environment.">Alg {}</span> &quot;[[R: U], R U R2'] [R, [U': L']] U'&quot;</span>
-          <span><span class="js-object" title="This will show available methods and internal details of the Alg object, depending on your JS environment.">Alg {}</span> &quot;R U R' R U R2' R U' R' R2 U' R' R U' L' U R' U' L U U'&quot;</span>
-          <span><span class="js-object" title="This will show available methods and internal details of the Alg object, depending on your JS environment.">Alg {}</span> &quot;R U2 R' U' R U2' L' U R' U' L&quot;</span>
-        </code>
-      </div>
-      <p><code>.expand()</code> and <code>.simplify()</code> can also take options:</p>
-      <div class="code-demo">
-        <div>
-          <code class="sample">
-            <span>import { Alg } from &quot;cubing/alg&quot;;<br>
-<br>
-const oll = new Alg(&quot;[F: [R, U]]]&quot;);<br>
-<b><u>oll.expand({depth: 1})</u></b>.log();<br>
-</span>
-          </code>
-        </div>
-        <code class="sample output">
-          <span><span class="js-object" title="This will show available methods and internal details of the Alg object, depending on your JS environment.">Alg {}</span> &quot;F [R, U] F'&quot;</span>
-        </code>
-      </div>
-    </section>
-  </content>
-</body>
-</html>

package/docs/cubing/api/index.html DELETED Viewed

@@ -1,158 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="utf8">
-  <title>cubing.js</title>
-  <meta name="theme-color" content="#4285f4">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="stylesheet" href="../../main.css">
-</head>
-<body>
-  <content>
-    <!-- Tip: Avoid using specialized terminology (e.g. "element", "attribute") where possible. -->
-    <div id="heading">
-      <code><a href="../">cubing</a> API</code>
-    </div>
-    <section class="no-header">
-      Note: These documents are still in early draft stage. Each method and should have enough examples to demonstrate
-      all possible arguments.
-    </section>
-    <section id="alg">
-      <h1><a href="#alg"><code>cubing/alg</code></a></h1>
-      <p>
-        The most important classes in <code>cubing/alg</code> are <code>Alg</code> and <code>Move</code>.
-      </p>
-      <code class="sample">class Alg {<br>
-&nbsp;&nbsp;// Constructors<br>
-&nbsp;&nbsp;constructor(alg: Unit[] | Iterable&lt;Unit&gt;)<br>
-&nbsp;&nbsp;constructor(alg: string)<br>
-<br>
-&nbsp;&nbsp;// String conversion<br>
-&nbsp;&nbsp;static fromString(s: string): Alg;<br>
-&nbsp;&nbsp;toString(): string;<br>
-<br>
-&nbsp;&nbsp;// Comparison<br>
-&nbsp;&nbsp;isIdentical(other: Alg): boolean;<br>
-<br>
-&nbsp;&nbsp;// Operations<br>
-&nbsp;&nbsp;invert(): Alg;<br>
-&nbsp;&nbsp;concat(input: Alg): Alg;<br>
-&nbsp;&nbsp;expand(options?: {<br>
-&nbsp;&nbsp;&nbsp;&nbsp;depth?: number;<br>
-&nbsp;&nbsp;}): Alg;<br>
-&nbsp;&nbsp;simplify(options?: {<br>
-&nbsp;&nbsp;&nbsp;&nbsp;collapseMoves?: boolean;<br>
-&nbsp;&nbsp;&nbsp;&nbsp;quantumMoveOrder?: (quantumMove: QuantumMove) => number;<br>
-&nbsp;&nbsp;&nbsp;&nbsp;depth?: number | null;<br>
-&nbsp;&nbsp;}): Alg;<br>
-<br>
-&nbsp;&nbsp;// Contents<br>
-&nbsp;&nbsp;units(): Generator<Unit>;<br>
-&nbsp;&nbsp;experimentalLeafMoves(): Generator&lt;Move&gt;;<br>
-&nbsp;&nbsp;experimentalIsEmpty(): boolean;<br>
-&nbsp;&nbsp;experimentalNumUnits(): number;<br>
-}</code>
-      <p>Example:</p>
-      <div class="code-demo">
-        <div>
-          <code class="sample">
-            <span>import { Alg } from &quot;cubing/alg&quot;;<br>
-<br>
-const sune = new Alg(&quot;[R U R2', [R: U]]&quot;);<br>
-const antiSune = sune.<b><u>invert()</u></b>;<br>
-<br>
-antiSune.<b><u></u>log()</u></b>;<br>
-antiSune.<b><u>expand()</u></b>.log();<br>
-antiSune.expand().<b><u>simplify()</u></b>.log();</span>
-          </code>
-        </div>
-        <code class="sample output">
-            <span>Alg{}&nbsp;&quot;[[R: U], R U R2']&quot;</span>
-            <span>Alg{}&nbsp;&quot;R U R' R U R2' R U' R' R2 U' R'&quot;</span>
-            <span>Alg{}&nbsp;&quot;R U2 R' U' R U' R'&quot;</span>
-          </code>
-      </div>
-      <p>A <code>Move</code> is a <code>QuantumMove</code> (like <code>R</code> or <code>UL</code>) with an amount (any
-        integer).</p>
-      <code class="sample">class Move {<br>
-&nbsp;&nbsp;// Constructors<br>
-&nbsp;&nbsp;constructor(s: string);<br>
-&nbsp;&nbsp;constructor(quantumMove: string, amount: number);<br>
-&nbsp;&nbsp;constructor(quantumMove: QuantumMove, amount?: number);<br>
-<br>
-&nbsp;&nbsp;// String conversion<br>
-&nbsp;&nbsp;static fromString(s: string): Move;<br>
-&nbsp;&nbsp;toString(): string;<br>
-<br>
-&nbsp;&nbsp;// Comparison<br>
-&nbsp;&nbsp;isIdentical(other: Comparable): boolean;<br>
-&nbsp;&nbsp;invert(): Move;<br>
-<br>
-&nbsp;&nbsp;// Operations<br>
-&nbsp;&nbsp;modified(modifications: {<br>
-&nbsp;&nbsp;&nbsp;&nbsp;outerLayer?: number;<br>
-&nbsp;&nbsp;&nbsp;&nbsp;innerLayer?: number;<br>
-&nbsp;&nbsp;&nbsp;&nbsp;family?: string;<br>
-&nbsp;&nbsp;&nbsp;&nbsp;amount?: number;<br>
-&nbsp;&nbsp;}): Move;<br>
-<br>
-&nbsp;&nbsp;// Contents<br>
-&nbsp;&nbsp;get quantum(): QuantumMove;<br>
-&nbsp;&nbsp;get amount(): number;<br>
-&nbsp;&nbsp;log(message?: string): Alg;<br>
-}</code>
-      <code class="sample">class QuantumMove {<br>
-&nbsp;&nbsp;// Constructors<br>
-&nbsp;&nbsp;constructor(family: string, innerLayer?: number | null, outerLayer?: number | null);<br>
-<br>
-&nbsp;&nbsp;// String conversion<br>
-&nbsp;&nbsp;static fromString(s: string): QuantumMove;<br>
-&nbsp;&nbsp;toString(): string;<br>
-<br>
-&nbsp;&nbsp;// Comparison<br>
-&nbsp;&nbsp;isIdentical(other: QuantumMove): boolean;<br>
-<br>
-&nbsp;&nbsp;// Operations<br>
-&nbsp;&nbsp;modified(modifications: {<br>
-&nbsp;&nbsp;&nbsp;&nbsp;outerLayer?: number;<br>
-&nbsp;&nbsp;&nbsp;&nbsp;innerLayer?: number;<br>
-&nbsp;&nbsp;&nbsp;&nbsp;family?: string;<br>
-&nbsp;&nbsp;}): QuantumMove;<br>
-<br>
-&nbsp;&nbsp;// Contents<br>
-&nbsp;&nbsp;get family(): string;<br>
-&nbsp;&nbsp;get outerLayer(): number | null;<br>
-&nbsp;&nbsp;get innerLayer(): number | null;<br>
-}</code>
-    </section>
-    <section id="twisty">
-      <h1><a href="#twisty"><code>cubing/twisty</code></a></h1>
-      <p>
-        The most important class in <code>cubing/twisty</code> is <code>TwistyPlayer</code>.
-      </p>
-      <code class="sample">class TwistyPlayer {<br>
-&nbsp;&nbsp;// TODO<br>
-}
-</code>
-    </section>
-    <section id="methods">
-      <h1><a href="#methods">Examples</a></h1>
-      <p>TODO</p>
-    </section>
-  </content>
-</body>
-</html>

package/docs/cubing/index.html DELETED Viewed

@@ -1,191 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="utf8">
-  <title>cubing.js</title>
-  <meta name="theme-color" content="#4285f4">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="stylesheet" href="../main.css">
-  <script src="https://cdn.cubing.net/js/cubing/twisty" type="module"></script>
-  <script type="module">
-    import { experimentalSetShareAllNewRenderers } from "https://cdn.cubing.net/js/cubing/twisty";
-    experimentalSetShareAllNewRenderers(true);
-  </script>
-</head>
-<body>
-  <content>
-    <!-- Tip: Avoid using specialized terminology (e.g. "element", "attribute") where possible. -->
-    <div id="heading" class="heading-with-player">
-      <code><twisty-player
-      style="width: 2em; height: 2em; display: inline-grid; vertical-align:
-      middle; border-radius: 0.5em;"
-        control-panel="none"
-        background="none"
-        ></twisty-player>cubing.js</code>
-    </div>
-    <section class="no-header">
-      <p>
-        <code>cubing.js</code> is a library for showing and playing with twisty
-        puzzles.
-      </p>
-      <p>You may use it for free in any website or app, for any personal use or if you <a
-          href="https://github.com/cubing/cubing.js/blob/main/LICENSE.md">publicly
-          share any code that uses it</a>.</p>
-    </section>
-    <section id="twisty">
-      <h1><a href="./twisty/">cubing/twisty</a></h1>
-      <p>The main feature of <code>cubing.js</code> is the <code>&lt;twisty-player&gt;</code> element that can be used
-        on any website:</p>
-      <div class="code-demo">
-        <div>
-          <code class="sample">
-            <span>&lt;script
-              src=&quot;https://cdn.cubing.net/js/cubing/twisty&quot;
-              type=&quot;module&quot;&gt;&lt;/script&gt;<br>
-<br>
-<span>&lt;twisty-player alg=&quot;R U R&#x27; U R U2&#x27; R&#x27;&quot;&gt;&lt;/twisty-player&gt;</span>
-          </code>
-        </div>
-        <twisty-player alg="R U R' U R U2' R'">
-        </twisty-player>
-      </div>
-      <p>
-        See the <a href="./twisty/"><code>cubing/twisty</code> docs</a> for more features.
-      </p>
-    </section>
-    <section id="alg">
-      <h1><a href="./alg/">cubing/alg</a></h1>
-      <p>At the core of <code>cubing.js</code> is a powerful <code>Alg</code> class that is compatible with all SiGN and
-        WCA notation.</p>
-      <div class="code-demo">
-        <div>
-          <code class="sample">
-<code class="boilerplate">&lt;script type=&quot;module&quot;&gt;</code><br>
-          import { Alg } from &quot;https://cdn.cubing.net/js/cubing/alg&quot;;<br>
-          <br>
-          const commutator = new Alg(&quot;[R, [U': L']]&quot;);<br>
-          commutator.invert().expand().log();<br>
-          <code class="boilerplate">&lt;/script&gt;</code>
-          </code>
-        </div>
-        <code class="sample output">
-          <span><span class="js-object" title="This will show available methods and internal details of the Alg object, depending on your JS environment.">Alg {}</span> &quot;U' L' U R U' L U R'&quot;</span>
-        </code>
-      </div>
-      <p>
-        See the <a href="./alg/"><code>cubing/alg</code> docs</a> for more features.
-      </p>
-    </section>
-    <section id="scramble">
-      <h1><a href="./scramble/">cubing/scramble</a></h1>
-      <p><code>cubing.js</code> makes it easy to generate fair random-state scrambles.</p>
-      <div class="code-demo">
-        <div>
-          <code class="sample">
-<code class="boilerplate">&lt;script type=&quot;module&quot;&gt;<br></code>
-          import { randomScrambleForEvent } from &quot;https://cdn.cubing.net/js/cubing/scramble&quot;;<br>
-          <br>
-          const scramble = await randomScrambleForEvent("333");<br>
-          scramble.log();<br>
-          <code class="boilerplate">&lt;/script&gt;</code>
-          </code>
-        </div>
-        <code class="sample output">
-          <span><span class="js-object" title="This will show available methods and internal details of the Alg object, depending on your JS environment.">Alg {}</span> &quot;F' R' F' U2 B D' L' U F R B' R2 F' L2 F2 L2 D2 B R2 L2 F'&quot;</span>
-        </code>
-      </div>
-      <p>
-        See the <a href="./scramble/"><code>cubing/scramble</code> docs</a> for more features.
-      </p>
-    </section>
-    <section id="javascript">
-      <h1><a href="#javascript"><code>npm</code> package</a></h1>
-      <p>
-        <code>cubing.js</code> is published <a href="https://www.npmjs.com/package/cubing">as
-          <code>cubing</code> on <code>npm</code></a>.
-        If you are familiar with tools like JavaScript bundlers, you can use this for development.
-        Install the package:
-      </p>
-      <code class="sample">
-        <span>npm install cubing</span>
-      </code>
-      Then you can use:
-      <code class="sample">
-        <span>
-import { Alg } from &quot;cubing/alg&quot;;<br>
-import { TwistyPlayer } from &quot;cubing/twisty&quot;;
-        </span>
-      </code>
-      <p>This should work with most tools. We recommend using <a href="https://parceljs.org/">Parcel</a> to build your
-        web apps, if you
-        haven't picked a tool yet.</p>
-      </p>
-      <div id="translating-cdn-paths">
-        <h2><a href="#translating-cdn-paths">Translating package paths to the CDN</a></h2>
-        <p>
-          If you aren't using <code>npm</code>, you can use our CDN directly, by adding
-          <code>https://cdn.cubing.net/js/</code> before every imported package (like in the examples above):
-        </p>
-        <p>
-          <code class="sample">
-import { Alg } from &quot;<b><u>https://cdn.cubing.net/js/</u></b>cubing/alg&quot;;<br>
-import { TwistyPlayer } from &quot;<b><u>https://cdn.cubing.net/js/</u></b>cubing/twisty&quot;;
-      </code>
-        </p>
-      </div>
-      <div id="npm-package-troubleshooting">
-        <h2><a href="#npm-package-troubleshooting">Troubleshooting</a></h2>
-        <div id="ignoring-built-in-node-modules">
-          <h3><a href="#ignoring-built-in-node-modules">Ignoring built-in <code>node</code> modules</a></h3>
-          The <code>cubing.js</code> library on <code>npm</code> has several dependencies, which are listed
-          in its <code>package.json</code>. In addition, it contains dynamic imports that are used when the code is
-          running
-          in <code>node</code>, currently:
-          <ul>
-            <li><code>crypto</code></li>
-            <li><code>worker_threads</code></li>
-          </ul>
-          <p>
-            You may need to tell your tools to ignore (e.g. "exclude" or mark as
-            "external") these imports for the browser. For example, when using <a
-              href="https://esbuild.github.io/api/#external"><code>esbuild</code></a>:
-            <code class="sample">
-              esbuild <b><u>--external:crypto</u></b> <b><u>--external:worker_threads</u></b> [other arguments]
-          </code>
-          </p>
-        </div>
-      </div>
-    </section>
-    <section id="code-experiments">
-      <h1><a href="#code-experiments">Code Experiments</a></h1>
-      <p>For a taste of upcoming features, check out the <a href="https://experiments.cubing.net/cubing.js/">development
-          experiments</a> site.</p>
-    </section>
-    <section id="contribute">
-      <h1><a href="#contribute">Contribute</a></h1>
-      <p>If you have any questions or ideas, please visit the
-        project source on GitHub:</p>
-      <div style="font-size: 1.25em; word-break: break-all;">
-        <a href="https://github.com/cubing/cubing.js">https://github.com/cubing/cubing.js</a>
-      </div>
-    </section>
-  </content>
-</body>
-</html>