cubing 0.20.2 → 0.21.0-pre12

package/src/cubing/twisty/animation/indexer/simultaneous-moves/SimultaneousMoveIndexer.ts

@@ -1,168 +0,0 @@
-import { Alg, Move } from "../../../../alg";
-import type { PuzzleWrapper, State } from "../../../3D/puzzles/KPuzzleWrapper";
-import {
-  Direction,
-  Duration,
-  PuzzlePosition,
-  Timestamp,
-} from "../../cursor/CursorTypes";
-import type { AlgIndexer } from "../AlgIndexer";
-import { MoveWithRange, simulMoves } from "./simul-moves";
-
-const demos: Record<string, MoveWithRange[]> = {
-  "y' y' U' E D R2 r2 F2 B2 U E D' R2 L2' z2 S2 U U D D S2 F2' B2": [
-    { move: new Move("y", -1), start: 0, end: 1000 },
-    { move: new Move("y", -1), start: 1000, end: 2000 },
-    { move: new Move("U", -1), start: 1000, end: 1600 },
-    { move: new Move("E", 1), start: 1200, end: 1800 },
-    { move: new Move("D"), start: 1400, end: 2000 },
-    { move: new Move("R", 2), start: 2000, end: 3500 },
-    { move: new Move("r", 2), start: 2000, end: 3500 },
-    { move: new Move("F", 2), start: 3500, end: 4200 },
-    { move: new Move("B", 2), start: 3800, end: 4500 },
-    { move: new Move("U", 1), start: 4500, end: 5500 },
-    { move: new Move("E", 1), start: 4500, end: 5500 },
-    { move: new Move("D", -1), start: 4500, end: 5500 },
-    { move: new Move("R", 2), start: 5500, end: 6500 },
-    { move: new Move("L", -2), start: 5500, end: 6500 },
-    { move: new Move("z", 2), start: 5500, end: 6500 },
-    { move: new Move("S", 2), start: 6500, end: 7500 },
-    { move: new Move("U"), start: 7500, end: 8000 },
-    { move: new Move("U"), start: 8000, end: 8500 },
-    { move: new Move("D"), start: 7750, end: 8250 },
-    { move: new Move("D"), start: 8250, end: 8750 },
-    { move: new Move("S", 2), start: 8750, end: 9250 },
-    { move: new Move("F", -2), start: 8750, end: 10000 },
-    { move: new Move("B", 2), start: 8750, end: 10000 },
-  ],
-  "M' R' U' D' M R": [
-    { move: new Move("M", -1), start: 0, end: 1000 },
-    { move: new Move("R", -1), start: 0, end: 1000 },
-    { move: new Move("U", -1), start: 1000, end: 2000 },
-    { move: new Move("D", -1), start: 1000, end: 2000 },
-    { move: new Move("M"), start: 2000, end: 3000 },
-    { move: new Move("R"), start: 2000, end: 3000 },
-  ],
-  "U' E' r E r2' E r U E": [
-    { move: new Move("U", -1), start: 0, end: 1000 },
-    { move: new Move("E", -1), start: 0, end: 1000 },
-    { move: new Move("r"), start: 1000, end: 2500 },
-    { move: new Move("E"), start: 2500, end: 3500 },
-    { move: new Move("r", -2), start: 3500, end: 5000 },
-    { move: new Move("E"), start: 5000, end: 6000 },
-    { move: new Move("r"), start: 6000, end: 7000 },
-    { move: new Move("U"), start: 7000, end: 8000 },
-    { move: new Move("E"), start: 7000, end: 8000 },
-  ],
-};
-
-export class SimultaneousMoveIndexer<P extends PuzzleWrapper>
-  implements AlgIndexer<P>
-{
-  private moves: MoveWithRange[];
-  // TODO: Allow custom `durationFn`.
-
-  constructor(private puzzle: P, alg: Alg) {
-    this.moves = demos[alg.toString()] ?? simulMoves(alg);
-    // TODO: Avoid assuming all base moves are block moves.
-  }
-
-  public getMove(index: number): Move {
-    return this.moves[Math.min(index, this.moves.length - 1)].move;
-  }
-
-  private getMoveWithRange(index: number): MoveWithRange {
-    return this.moves[Math.min(index, this.moves.length - 1)];
-  }
-
-  public indexToMoveStartTimestamp(index: number): Timestamp {
-    let start = 0;
-    if (this.moves.length > 0) {
-      start = this.moves[Math.min(index, this.moves.length - 1)].start;
-    }
-    return start;
-  }
-
-  public timestampToIndex(timestamp: Timestamp): number {
-    let i = 0;
-    for (i = 0; i < this.moves.length; i++) {
-      if (this.moves[i].start >= timestamp) {
-        return Math.max(0, i - 1);
-      }
-    }
-    return Math.max(0, i - 1);
-  }
-
-  public timestampToPosition(
-    timestamp: Timestamp,
-    startTransformation?: State<P>,
-  ): PuzzlePosition {
-    const position: PuzzlePosition = {
-      state: startTransformation ?? (this.puzzle.identity() as any),
-      movesInProgress: [],
-    };
-    for (const moveWithRange of this.moves) {
-      if (moveWithRange.end <= timestamp) {
-        position.state = this.puzzle.combine(
-          position.state,
-          this.puzzle.stateFromMove(moveWithRange.move),
-        ) as any;
-      } else if (
-        moveWithRange.start < timestamp &&
-        timestamp < moveWithRange.end
-      ) {
-        position.movesInProgress.push({
-          move: moveWithRange.move,
-          direction: Direction.Forwards,
-          fraction:
-            (timestamp - moveWithRange.start) /
-            (moveWithRange.end - moveWithRange.start),
-        });
-      } else if (timestamp < moveWithRange.start) {
-        continue;
-      }
-    }
-    return position;
-  }
-
-  public stateAtIndex(index: number, startTransformation?: State<P>): State<P> {
-    let state = startTransformation ?? this.puzzle.startState();
-    for (let i = 0; i < this.moves.length && i < index; i++) {
-      const moveWithRange = this.moves[i];
-      state = this.puzzle.combine(
-        state,
-        this.puzzle.stateFromMove(moveWithRange.move),
-      );
-    }
-    return state;
-  }
-
-  public transformAtIndex(index: number): State<P> {
-    let state = this.puzzle.identity();
-    for (const moveWithRange of this.moves.slice(0, index)) {
-      state = this.puzzle.combine(
-        state,
-        this.puzzle.stateFromMove(moveWithRange.move),
-      );
-    }
-    return state;
-  }
-
-  public algDuration(): Duration {
-    let max = 0;
-    for (const moveWithRange of this.moves) {
-      max = Math.max(max, moveWithRange.end);
-    }
-    return max;
-  }
-
-  public numAnimatedLeaves(): number {
-    // TODO: Cache internally once performance matters.
-    return this.moves.length;
-  }
-
-  public moveDuration(index: number): number {
-    const move = this.getMoveWithRange(index);
-    return move.end - move.start;
-  }
-}

package/src/cubing/twisty/dom/TwistyAlgEditor.ts

@@ -1,373 +0,0 @@
-// TODO: see if this can replace AlgCursor?
-
-import type { ExperimentalParsed } from "../../alg";
-import { Alg, Move, Pause } from "../../alg";
-import { TwistyPlayer } from "..";
-import type { TimeRange } from "../animation/cursor/AlgCursor";
-import type { MillisecondTimestamp } from "../animation/cursor/CursorTypes";
-import { twistyAlgEditorCSS } from "./TwistyAlgEditor.css_";
-import { twistyAlgEditorCharSearch } from "./TwistyAlgEditorStartCharSearch";
-import { ClassListManager } from "./element/ClassListManager";
-import { ManagedCustomElement } from "./element/ManagedCustomElement";
-import { customElementsShim } from "./element/node-custom-element-shims";
-
-const ATTRIBUTE_FOR_TWISTY_PLAYER = "for-twisty-player";
-const ATTRIBUTE_PLACEHOLDER = "placeholder";
-const ATTRIBUTE_TWISTY_PLAYER_PROP = "twisty-player-prop";
-
-type TwistyPlayerAlgProp = "alg" | "experimentalSetupAlg";
-
-// function parsePx(s: string): number {
-//   if (s.slice(-2) !== "px") {
-//     throw new Error(`Expected px suffix: ${s}`);
-//   }
-//   return parseInt(s.slice(0, -2));
-// }
-
-export class TwistyAlgEditor extends ManagedCustomElement {
-  #alg: Alg = new Alg();
-  #textarea: HTMLTextAreaElement = document.createElement("textarea");
-  #carbonCopy: HTMLDivElement = document.createElement("div");
-  #carbonCopyPrefix: HTMLSpanElement = document.createElement("span");
-  #carbonCopyHighlight: HTMLSpanElement = document.createElement("span");
-
-  #highlightedLeaf: ExperimentalParsed<Move | Pause> | null = null;
-
-  #textareaClassListManager: ClassListManager<"none" | "warning" | "error"> =
-    new ClassListManager(this, "issue-", ["none", "warning", "error"]);
-
-  #textareaClassListValidForPuzzleManager: ClassListManager<
-    "none" | "warning" | "error"
-  > = new ClassListManager(this, "valid-for-puzzle-", [
-    "none",
-    "warning",
-    "error",
-  ]);
-
-  #twistyPlayer: TwistyPlayer | null = null;
-  #twistyPlayerProp: TwistyPlayerAlgProp;
-
-  #observer = new ResizeObserver((entries: ResizeObserverEntry[]) =>
-    this.onResize(entries),
-  );
-
-  #lastObserverRect: DOMRectReadOnly | null = null;
-
-  constructor(options?: {
-    twistyPlayer?: TwistyPlayer;
-    twistyPlayerProp?: TwistyPlayerAlgProp;
-  }) {
-    super();
-    this.#carbonCopy.classList.add("carbon-copy");
-    this.addElement(this.#carbonCopy);
-    this.#textarea.rows = 1;
-    this.addElement(this.#textarea);
-    this.#carbonCopyPrefix.classList.add("prefix");
-    this.#carbonCopy.appendChild(this.#carbonCopyPrefix);
-    this.#carbonCopyHighlight.classList.add("highlight");
-    this.#carbonCopy.appendChild(this.#carbonCopyHighlight);
-
-    // Prevent iOS from defaulting to smart quotes.
-    this.#textarea.setAttribute("spellcheck", "false");
-
-    this.addCSS(twistyAlgEditorCSS);
-
-    // TODO: What set of events should we register? `change`? `keydown`?
-    this.#textarea.addEventListener("input", () => this.onInput());
-    document.addEventListener("selectionchange", () =>
-      this.onSelectionChange(),
-    );
-
-    if (options?.twistyPlayer) {
-      this.twistyPlayer = options.twistyPlayer;
-    }
-    this.#twistyPlayerProp = options?.twistyPlayerProp ?? "alg";
-
-    this.#observer.observe(this.contentWrapper);
-  }
-
-  onResize(entries: ResizeObserverEntry[]): void {
-    const rect = entries[0].contentRect;
-    if (
-      rect.height !== this.#lastObserverRect?.height ||
-      rect.width !== this.#lastObserverRect?.width
-    ) {
-      this.#observer.unobserve(this.contentWrapper);
-      this.resizeTextarea();
-      requestAnimationFrame(() => {
-        this.#observer.observe(this.contentWrapper);
-      });
-      this.#lastObserverRect = rect;
-    }
-  }
-
-  // TODO
-  set algString(s: string) {
-    this.#textarea.value = s;
-    this.onInput();
-  }
-
-  // TODO: remove?
-  get algString(): string {
-    return this.#textarea.value;
-  }
-
-  // To we need a getter?
-  set placeholder(placeholderText: string) {
-    this.#textarea.placeholder = placeholderText;
-  }
-
-  resizeTextarea(): void {
-    // This seems to be reasonably performant. Direct calculation is tricky
-    // because we're trying to find the least fixed point of recursive constraints:
-    //
-    // - Textarea height depends on line wrapping,
-    // - which depends on textarea width,
-    // - which may depends on parent width,
-    // - which may change if the textarea height is large enough to cause
-    //   scrolling.
-    //
-    // In practice, it seems that `this.#textarea.clientHeight` and
-    // `this.#textarea.scrollHeight` match when the wrapped text fits inside the
-    // textarea without scrolling (but I don't know if this is guaranteed).
-    if (this.#textarea.clientHeight < this.#textarea.scrollHeight) {
-      while (this.#textarea.clientHeight < this.#textarea.scrollHeight) {
-        this.#textarea.rows++;
-      }
-      return;
-    } else {
-      while (this.#textarea.clientHeight === this.#textarea.scrollHeight) {
-        if (this.#textarea.rows === 1) {
-          return;
-        }
-        this.#textarea.rows--;
-      }
-      this.#textarea.rows++;
-    }
-
-    // Here's some old code that almost worked (but doesn't work if the parent scrollbar depends on how long the alg is):
-
-    // this.#textarea.style.maxHeight = "1px";
-    // const computedStyle = getComputedStyle(this.#textarea);
-    // const paddingTop = parsePx(computedStyle.getPropertyValue("padding-top"));
-    // const paddingBottom = parsePx(
-    //   computedStyle.getPropertyValue("padding-bottom"),
-    // );
-    // this.#textarea.style.paddingTop = "0px"; // Workaround for Firefox, which doesn't calculate the same `scrollHeight` as Chromium and WebKit without this. https://bugzilla.mozilla.org/show_bug.cgi?id=576976
-    // this.#textarea.style.paddingBottom = "0px"; // Workaround for Firefox, which doesn't calculate the same `scrollHeight` as Chromium and WebKit without this. https://bugzilla.mozilla.org/show_bug.cgi?id=576976
-    // this.#textarea.style.height = `${
-    //   this.#textarea.scrollHeight + paddingTop + paddingBottom
-    // }px`;
-    // this.#textarea.style.maxHeight = "";
-    // this.#textarea.style.paddingTop = "";
-    // this.#textarea.style.paddingBottom = "";
-  }
-
-  onInput(): void {
-    this.#carbonCopyHighlight.hidden = true;
-    this.resizeTextarea();
-
-    this.#carbonCopyPrefix.textContent = this.#textarea.value;
-    this.#carbonCopyHighlight.textContent = "";
-    try {
-      this.#alg = new Alg(this.#textarea.value);
-      this.dispatchEvent(
-        new CustomEvent("effectiveAlgChange", { detail: { alg: this.#alg } }),
-      );
-      this.#textareaClassListManager.setValue(
-        // TODO: better heuristics to avoid warning during editing
-        this.#alg.toString().trimEnd() === this.#textarea.value.trimEnd()
-          ? "none"
-          : "warning",
-      );
-    } catch (e) {
-      this.#alg = new Alg();
-      this.dispatchEvent(
-        new CustomEvent("effectiveAlgChange", { detail: { alg: this.#alg } }),
-      );
-      this.#textareaClassListManager.setValue("error");
-    }
-    // console.log(this.#alg);
-  }
-
-  #lastSelection: { start: number; end: number } | null = null;
-  onSelectionChange(): void {
-    if (
-      document.activeElement !== this ||
-      this.shadow.activeElement !== this.#textarea
-    ) {
-      return;
-    }
-    if (this.#twistyPlayerProp !== "alg") {
-      return;
-    }
-    // console.log(this.#textarea.selectionStart);
-    const idx =
-      this.#lastSelection?.start === this.#textarea.selectionStart &&
-      this.#lastSelection?.end !== this.#textarea.selectionEnd
-        ? this.#textarea.selectionEnd
-        : this.#textarea.selectionStart;
-    const dataUp = twistyAlgEditorCharSearch(this.#alg, {
-      targetCharIdx: idx,
-      numMovesSofar: 0,
-    });
-    this.#lastSelection = {
-      start: this.#textarea.selectionStart,
-      end: this.#textarea.selectionEnd,
-    };
-    if ("latestUnit" in dataUp) {
-      this.dispatchEvent(
-        new CustomEvent("animatedMoveIndexChange", {
-          detail: {
-            idx: dataUp.animatedMoveIdx,
-            isAtStartOfLeaf:
-              this.#textarea.selectionStart >=
-                dataUp.latestUnit.startCharIndex &&
-              this.#textarea.selectionStart < dataUp.latestUnit.endCharIndex,
-            leaf: dataUp.latestUnit,
-          },
-        }),
-      );
-      this.highlightLeaf(dataUp.latestUnit);
-    } else {
-      this.dispatchEvent(
-        new CustomEvent("animatedMoveIndexChange", {
-          detail: { idx: dataUp.animatedMoveCount, isPartiallyInLeaf: false },
-        }),
-      );
-    }
-  }
-
-  setAlgValidForPuzzle(valid: boolean) {
-    this.#textareaClassListValidForPuzzleManager.setValue(
-      valid ? "none" : "error",
-    );
-  }
-
-  highlightLeaf(leaf: ExperimentalParsed<Move | Pause>): void {
-    if (leaf === this.#highlightedLeaf) {
-      return;
-    }
-    this.#highlightedLeaf = leaf;
-    this.#carbonCopyPrefix.textContent = this.#textarea.value.slice(
-      0,
-      leaf.startCharIndex,
-    );
-    this.#carbonCopyHighlight.textContent = this.#textarea.value.slice(
-      leaf.startCharIndex,
-      leaf.endCharIndex,
-    );
-    this.#carbonCopyHighlight.hidden = false;
-  }
-
-  get twistyPlayer(): TwistyPlayer | null {
-    return this.#twistyPlayer;
-  }
-
-  // TODO: spread out this impl over private methods instead of self-listeners.
-  set twistyPlayer(twistyPlayer: TwistyPlayer | null) {
-    if (this.#twistyPlayer) {
-      // TODO: support reassigment/clearing
-      console.warn("twisty-player reassignment/clearing is not supported");
-      return;
-    }
-    this.#twistyPlayer = twistyPlayer;
-    if (!twistyPlayer) {
-      return;
-    }
-    this.algString = twistyPlayer.alg.toString();
-
-    this.addEventListener(
-      "effectiveAlgChange",
-      (e: CustomEvent<{ alg: Alg }>) => {
-        try {
-          twistyPlayer[this.#twistyPlayerProp] = e.detail.alg;
-          this.setAlgValidForPuzzle(true);
-        } catch (e) {
-          console.error("cannot set alg for puzzle", e);
-          twistyPlayer[this.#twistyPlayerProp] = new Alg();
-          this.setAlgValidForPuzzle(false);
-        }
-      },
-    );
-
-    if (this.#twistyPlayerProp === "alg") {
-      this.addEventListener(
-        "animatedMoveIndexChange",
-        (
-          e: CustomEvent<{
-            idx: number;
-            isAtStartOfLeaf: Blob;
-            leaf: ExperimentalParsed<Move | Pause>;
-          }>,
-        ) => {
-          try {
-            const timestamp =
-              twistyPlayer.cursor!.experimentalTimestampFromIndex(e.detail.idx);
-            // console.log(e.detail, timestamp, e.detail.leaf);
-            twistyPlayer.timeline.setTimestamp(
-              timestamp + (e.detail.isAtStartOfLeaf ? 250 : 0),
-            );
-          } catch (e) {
-            // console.error("cannot set idx", e);
-            twistyPlayer.timeline.timestamp = 0;
-          }
-        },
-      );
-
-      twistyPlayer.timeline!.addTimestampListener({
-        onTimelineTimestampChange: (timestamp: MillisecondTimestamp): void => {
-          const idx =
-            twistyPlayer.cursor!.experimentalIndexFromTimestamp(timestamp);
-          const move = twistyPlayer.cursor!.experimentalMoveAtIndex(idx);
-          if (move) {
-            this.highlightLeaf(move as ExperimentalParsed<Move>);
-          }
-        },
-
-        onTimeRangeChange: (_timeRange: TimeRange): void => {},
-      });
-    }
-  }
-
-  protected attributeChangedCallback(
-    attributeName: string,
-    _oldValue: string,
-    newValue: string,
-  ): void {
-    switch (attributeName) {
-      case ATTRIBUTE_FOR_TWISTY_PLAYER:
-        const elem = document.getElementById(newValue);
-        if (!elem) {
-          console.warn(`${ATTRIBUTE_FOR_TWISTY_PLAYER}= elem does not exist`);
-          return;
-        }
-        if (!(elem instanceof TwistyPlayer)) {
-          // TODO: avoid assuming single instance of lib?
-          console.warn(`${ATTRIBUTE_FOR_TWISTY_PLAYER}=is not a twisty-player`);
-          return;
-        }
-        this.twistyPlayer = elem;
-        return;
-      case ATTRIBUTE_PLACEHOLDER:
-        this.placeholder = newValue;
-        return;
-      case ATTRIBUTE_TWISTY_PLAYER_PROP:
-        if (this.#twistyPlayer) {
-          throw new Error("cannot set prop after twisty player");
-        }
-        this.#twistyPlayerProp = newValue as TwistyPlayerAlgProp;
-        return;
-    }
-  }
-
-  static get observedAttributes(): string[] {
-    return [
-      ATTRIBUTE_FOR_TWISTY_PLAYER,
-      ATTRIBUTE_PLACEHOLDER,
-      ATTRIBUTE_TWISTY_PLAYER_PROP,
-    ];
-  }
-}
-
-customElementsShim.define("twisty-alg-editor", TwistyAlgEditor);

package/src/cubing/twisty/dom/TwistyAlgEditorStartCharSearch.ts

@@ -1,138 +0,0 @@
-import {
-  Alg,
-  Commutator,
-  Conjugate,
-  Grouping,
-  LineComment,
-  Move,
-  Newline,
-  Pause,
-  TraversalDownUp,
-} from "../../alg";
-import type { Parsed } from "../../alg/parse";
-
-type AnimatedLeafUnit = Move | Pause;
-
-interface DataDown {
-  targetCharIdx: number;
-  numMovesSofar: number;
-}
-
-type DataUp =
-  | {
-      latestUnit: Parsed<AnimatedLeafUnit>;
-      animatedMoveIdx: number;
-    }
-  | { animatedMoveCount: number };
-
-export class TwistyAlgEditorCharSearch extends TraversalDownUp<
-  DataDown,
-  DataUp
-> {
-  traverseAlg(alg: Alg, dataDown: DataDown): DataUp {
-    let numMovesSofar: number = dataDown.numMovesSofar;
-    for (const unit of alg.units()) {
-      const newDown: DataDown = {
-        targetCharIdx: dataDown.targetCharIdx,
-        numMovesSofar,
-      };
-      const dataUp = this.traverseUnit(unit, newDown);
-      if ("latestUnit" in dataUp) {
-        return dataUp;
-      }
-      numMovesSofar += dataUp.animatedMoveCount;
-    }
-    return { animatedMoveCount: numMovesSofar - dataDown.numMovesSofar };
-  }
-
-  traverseGrouping(grouping: Grouping, dataDown: DataDown): DataUp {
-    const dataUp = this.traverseAlg(grouping.alg, dataDown);
-    if ("latestUnit" in dataUp) {
-      return dataUp;
-    }
-    return {
-      animatedMoveCount: dataUp.animatedMoveCount * Math.abs(grouping.amount),
-    };
-  }
-
-  traverseMove(move: Move, dataDown: DataDown): DataUp {
-    const asParsed = move as Parsed<Move>; // TODO: handle non-parsed?
-    // console.log(dataDown, move.toString(), asParsed.startCharIndex);
-    if (asParsed.endCharIndex > dataDown.targetCharIdx) {
-      return {
-        latestUnit: asParsed,
-        animatedMoveIdx: dataDown.numMovesSofar,
-      };
-    }
-    return {
-      animatedMoveCount: 1,
-    };
-  }
-
-  traverseCommutator(commutator: Commutator, dataDown: DataDown): DataUp {
-    const dataUpA = this.traverseAlg(commutator.A, dataDown);
-    if ("latestUnit" in dataUpA) {
-      return dataUpA;
-    }
-    const dataDownB: DataDown = {
-      targetCharIdx: dataDown.targetCharIdx,
-      numMovesSofar: dataDown.numMovesSofar + dataUpA.animatedMoveCount,
-    };
-    const dataUpB = this.traverseAlg(commutator.B, dataDownB);
-    if ("latestUnit" in dataUpB) {
-      return dataUpB;
-    }
-    return {
-      animatedMoveCount:
-        2 * (dataUpA.animatedMoveCount + dataUpB.animatedMoveCount),
-    };
-  }
-
-  // TODO: share impl with comm
-  traverseConjugate(conjugate: Conjugate, dataDown: DataDown): DataUp {
-    const dataUpA = this.traverseAlg(conjugate.A, dataDown);
-    if ("latestUnit" in dataUpA) {
-      return dataUpA;
-    }
-    const dataDownB: DataDown = {
-      targetCharIdx: dataDown.targetCharIdx,
-      numMovesSofar: dataDown.numMovesSofar + dataUpA.animatedMoveCount,
-    };
-    const dataUpB = this.traverseAlg(conjugate.B, dataDownB);
-    if ("latestUnit" in dataUpB) {
-      return dataUpB;
-    }
-    return {
-      animatedMoveCount:
-        dataUpA.animatedMoveCount * 2 + dataUpB.animatedMoveCount,
-    };
-  }
-
-  // TODO: share impl with move?
-  traversePause(pause: Pause, dataDown: DataDown): DataUp {
-    const asParsed = pause as Parsed<Pause>; // TODO: handle non-parsed?
-    if (asParsed.endCharIndex > dataDown.targetCharIdx) {
-      return {
-        latestUnit: asParsed,
-        animatedMoveIdx: dataDown.numMovesSofar,
-      };
-    }
-    return {
-      animatedMoveCount: 1,
-    };
-  }
-
-  traverseNewline(_newline: Newline, _dataDown: DataDown): DataUp {
-    return { animatedMoveCount: 0 };
-  }
-
-  traverseLineComment(_comment: LineComment, _dataDown: DataDown): DataUp {
-    return { animatedMoveCount: 0 };
-  }
-}
-
-const TwistyAlgEditorCharSearchInstance = new TwistyAlgEditorCharSearch();
-export const twistyAlgEditorCharSearch =
-  TwistyAlgEditorCharSearchInstance.traverseAlg.bind(
-    TwistyAlgEditorCharSearchInstance,
-  ) as (alg: Alg, dataDown: DataDown) => DataUp;

package/src/cubing/twisty/dom/viewers/canvas.ts

@@ -1,4 +0,0 @@
-// TODO: Handle if you move across screens?
-export function pixelRatio(): number {
-  return devicePixelRatio || 1;
-}

package/src/cubing/vendor/three/examples/jsm/libs/stats.module.ts

@@ -1,2 +0,0 @@
-// This is an extra wrapper to work around a Snowpack bug where it trips on importing a `.js` with an accompanying `.d.ts` file.
-export { Stats } from "./stats.module.wrapped.js";