cubing 0.23.0 → 0.24.0-pre1

package/src/cubing/twisty/views/3D/Twisty3DVantage.ts

@@ -1,312 +0,0 @@
-import type { PerspectiveCamera, WebGLRenderer } from "three";
-import { Stats } from "../../../vendor/three/examples/jsm/libs/stats.modified.module";
-import { THREEJS } from "../../heavy-code-imports/3d";
-import { StaleDropper } from "../../model/PromiseFreshener";
-import type { TwistyPropParent } from "../../model/props/TwistyProp";
-import type { OrbitCoordinates } from "../../model/props/viewer/OrbitCoordinatesRequestProp";
-import type { TwistyPlayerModel } from "../../model/TwistyPlayerModel";
-import { RenderScheduler } from "../../controllers/RenderScheduler";
-import { ManagedCustomElement } from "../ManagedCustomElement";
-import { customElementsShim } from "../node-custom-element-shims";
-import { pixelRatio } from "../canvas";
-import { twisty3DVantageCSS } from "./Twisty3DVantage.css";
-import { DragTracker, PressInfo } from "./DragTracker";
-import { newRenderer, renderPooled } from "./RendererPool";
-import { DEGREES_PER_RADIAN } from "./TAU";
-import type { Twisty3DSceneWrapper } from "./Twisty3DSceneWrapper";
-import { TwistyOrbitControls } from "./TwistyOrbitControls";
-
-let SHOW_STATS = false;
-export function debugShowRenderStats(enable: boolean): void {
-  SHOW_STATS = enable;
-}
-
-export async function setCameraFromOrbitCoordinates(
-  camera: PerspectiveCamera,
-  orbitCoordinates: OrbitCoordinates,
-  backView: boolean = false,
-): Promise<void> {
-  const spherical = new (await THREEJS).Spherical(
-    orbitCoordinates.distance,
-    (90 - (backView ? -1 : 1) * orbitCoordinates.latitude) / DEGREES_PER_RADIAN,
-    ((backView ? 180 : 0) + orbitCoordinates.longitude) / DEGREES_PER_RADIAN,
-  );
-  spherical.makeSafe();
-  camera.position.setFromSpherical(spherical);
-  camera.lookAt(0, 0, 0);
-}
-
-let shareAllNewRenderers: boolean | null = null;
-
-// WARNING: The current shared renderer implementation is not every efficient.
-// Avoid using for players that are likely to have dimensions approaching 1 megapixel or higher.
-// TODO: use a dedicated renderer while fullscreen?
-// - true: Force all new (i.e. constructed in the future) renderers to be shared
-// - false: Force all new (i.e. constructed in the future) renderers to be dedicated
-// - null: Reset to the default heuristics.
-export function experimentalForceNewRendererSharing(
-  share: boolean | null,
-): void {
-  shareAllNewRenderers = share;
-}
-
-let dedicatedRenderersSoFar = 0;
-const DEFAULT_MAX_DEDICATED_RENDERERS = 2; // This allows for a front view and a back view (or two separate front views).
-function shareRenderer(): boolean {
-  if (shareAllNewRenderers !== null) {
-    if (!shareAllNewRenderers) {
-      dedicatedRenderersSoFar++;
-    }
-    return shareAllNewRenderers;
-  }
-  if (dedicatedRenderersSoFar < DEFAULT_MAX_DEDICATED_RENDERERS) {
-    dedicatedRenderersSoFar++;
-    return false;
-  } else {
-    return true;
-  }
-}
-
-export class Twisty3DVantage extends ManagedCustomElement {
-  scene: Twisty3DSceneWrapper | null = null;
-
-  stats: Stats | null = null;
-
-  private rendererIsShared: boolean = shareRenderer();
-
-  constructor(
-    private model?: TwistyPlayerModel,
-    scene?: Twisty3DSceneWrapper,
-    private options?: { backView?: boolean },
-  ) {
-    super();
-    this.scene = scene ?? null;
-
-    if (SHOW_STATS) {
-      this.stats = new Stats();
-      this.stats.dom.style.position = "absolute";
-      this.contentWrapper.appendChild(this.stats.dom);
-    }
-  }
-
-  async connectedCallback(): Promise<void> {
-    this.addCSS(twisty3DVantageCSS);
-    this.addElement((await this.canvasInfo()).canvas);
-
-    this.#onResize();
-    const observer = new ResizeObserver(this.#onResize.bind(this));
-    observer.observe(this.contentWrapper);
-    this.orbitControls(); // TODO
-    this.#setupBasicPresses();
-
-    this.scheduleRender();
-  }
-
-  async #setupBasicPresses(): Promise<void> {
-    const dragTracker = await this.#dragTracker();
-    dragTracker.addEventListener("press", async (e: CustomEvent<PressInfo>) => {
-      const movePressInput = await this.model!.movePressInputProp.get();
-      if (movePressInput !== "basic") {
-        return;
-      }
-      this.dispatchEvent(
-        new CustomEvent("press", {
-          detail: {
-            pressInfo: e.detail,
-            cameraPromise: this.camera(),
-          },
-        }),
-      );
-    });
-  }
-
-  #onResizeStaleDropper = new StaleDropper<PerspectiveCamera>();
-
-  async clearCanvas(): Promise<void> {
-    if (this.rendererIsShared) {
-      const canvasInfo = await this.canvasInfo();
-      canvasInfo.context.clearRect(
-        0,
-        0,
-        canvasInfo.canvas.width,
-        canvasInfo.canvas.height,
-      );
-    } else {
-      const renderer = await this.renderer();
-      const context = renderer.getContext();
-      context.clear(context.COLOR_BUFFER_BIT);
-    }
-  }
-
-  // TODO: Why doesn't this work for the top-right back view height?
-  #width: number = 0;
-  #height: number = 0;
-  async #onResize(): Promise<void> {
-    const camera = await this.#onResizeStaleDropper.queue(this.camera());
-
-    const w = this.contentWrapper.clientWidth;
-    const h = this.contentWrapper.clientHeight;
-    this.#width = w;
-    this.#height = h;
-    const off = 0;
-    let yoff = 0;
-    let excess = 0;
-    if (h > w) {
-      excess = h - w;
-      yoff = -Math.floor(0.5 * excess);
-    }
-    camera.aspect = w / h;
-    camera.setViewOffset(w, h - excess, off, yoff, w, h);
-    camera.updateProjectionMatrix(); // TODO
-
-    this.clearCanvas();
-    if (this.rendererIsShared) {
-      const canvasInfo = await this.canvasInfo();
-
-      canvasInfo.canvas.width = w * pixelRatio();
-      canvasInfo.canvas.height = h * pixelRatio();
-      canvasInfo.canvas.style.width = w.toString();
-      canvasInfo.canvas.style.height = w.toString();
-    } else {
-      const renderer = await this.renderer();
-      renderer.setSize(w, h, true);
-    }
-
-    this.scheduleRender();
-  }
-
-  #cachedRenderer: Promise<WebGLRenderer> | null = null;
-  async renderer(): Promise<WebGLRenderer> {
-    if (this.rendererIsShared) {
-      throw new Error("renderer expected to be shared.");
-    }
-    return (this.#cachedRenderer ??= newRenderer());
-  }
-
-  #cachedCanvas: Promise<{
-    canvas: HTMLCanvasElement;
-    context: CanvasRenderingContext2D;
-  }> | null = null;
-  async canvasInfo(): Promise<{
-    canvas: HTMLCanvasElement;
-    context: CanvasRenderingContext2D;
-  }> {
-    return (this.#cachedCanvas ??= (async () => {
-      let canvas: HTMLCanvasElement;
-      if (this.rendererIsShared) {
-        canvas = this.addElement(document.createElement("canvas"));
-      } else {
-        const renderer = await this.renderer();
-        canvas = this.addElement(renderer.domElement);
-      }
-      const context = canvas.getContext("2d")!;
-      return { canvas, context };
-    })());
-  }
-
-  #cachedDragTracker: Promise<DragTracker> | null = null;
-  async #dragTracker(): Promise<DragTracker> {
-    return (this.#cachedDragTracker ??= (async () => {
-      return new DragTracker((await this.canvasInfo()).canvas);
-    })());
-  }
-
-  #cachedCamera: Promise<PerspectiveCamera> | null = null;
-  async camera(): Promise<PerspectiveCamera> {
-    return (this.#cachedCamera ??= (async () => {
-      const camera = new (await THREEJS).PerspectiveCamera(
-        20,
-        1, // We rely on the resize logic to handle this.
-        0.1,
-        20,
-      );
-      camera.position.copy(
-        new (await THREEJS).Vector3(2, 4, 4).multiplyScalar(
-          this.options?.backView ? -1 : 1,
-        ),
-      );
-      camera.lookAt(0, 0, 0);
-      // TODO: `TwistyOrbitControls` breaks isolateion
-      return camera;
-    })());
-  }
-
-  #cachedOrbitControls: Promise<TwistyOrbitControls> | null = null;
-  async orbitControls(): Promise<TwistyOrbitControls> {
-    return (this.#cachedOrbitControls ??= (async () => {
-      const orbitControls = new TwistyOrbitControls(
-        this.model!,
-        !!this.options?.backView,
-        (await this.canvasInfo()).canvas,
-        await this.#dragTracker(),
-      );
-
-      if (this.model) {
-        this.addListener(
-          this.model.orbitCoordinatesProp,
-          async (orbitCoordinates: OrbitCoordinates) => {
-            const camera = await this.camera();
-            setCameraFromOrbitCoordinates(
-              camera,
-              orbitCoordinates,
-              this.options?.backView,
-            );
-            // TODO: Wrap in StaleDropper?
-
-            this.scheduleRender();
-          },
-        );
-      }
-
-      return orbitControls;
-    })());
-  }
-
-  addListener<T>(
-    prop: TwistyPropParent<T>,
-    listener: (value: T) => void,
-  ): void {
-    prop.addFreshListener(listener);
-    this.#disconnectionFunctions.push(() => {
-      prop.removeFreshListener(listener);
-      // disconnected = true; // TODO
-    });
-  }
-
-  #disconnectionFunctions: (() => void)[] = [];
-  disconnect(): void {
-    for (const fn of this.#disconnectionFunctions) {
-      fn();
-    }
-    this.#disconnectionFunctions = []; // TODO: Encapsulate this.
-  }
-
-  async render(): Promise<void> {
-    if (!this.scene) {
-      throw new Error("Attempted to render without a scene");
-    }
-
-    this.stats?.begin();
-
-    const [scene, camera, canvas] = await Promise.all([
-      this.scene.scene(),
-      this.camera(),
-      this.canvasInfo(),
-    ]);
-    if (this.rendererIsShared) {
-      renderPooled(this.#width, this.#height, canvas.canvas, scene, camera);
-    } else {
-      (await this.renderer()).render(scene, camera);
-    }
-
-    this.stats?.end();
-  }
-
-  #scheduler = new RenderScheduler(this.render.bind(this));
-  scheduleRender(): void {
-    // console.log("scheduling", this);
-    this.#scheduler.requestAnimFrame();
-  }
-}
-
-customElementsShim.define("twisty-3d-vantage", Twisty3DVantage);

package/src/cubing/twisty/views/3D/TwistyOrbitControls.spec.ts

@@ -1,213 +0,0 @@
-/**
- * @jest-environment jsdom
- */
-
-import {
-  PuzzleID,
-  PuzzleIDRequestProp,
-} from "../../model/props/puzzle/structure/PuzzleIDRequestProp";
-import type { TwistyPropParent } from "../../model/props/TwistyProp";
-import { LatitudeLimitProp } from "../../model/props/viewer/LatitudeLimit";
-import { OrbitCoordinatesProp } from "../../model/props/viewer/OrbitCoordinatesProp";
-import { OrbitCoordinatesRequestProp } from "../../model/props/viewer/OrbitCoordinatesRequestProp";
-import { VisualizationFormatProp } from "../../model/props/viewer/VisualizationProp";
-import { VisualizationStrategyProp } from "../../model/props/viewer/VisualizationStrategyProp";
-
-describe("TwistyOrbitControls", () => {
-  it("should update correctly", async () => {
-    const orbitCoordinatesRequestProp = new OrbitCoordinatesRequestProp();
-    const latLimit = new LatitudeLimitProp();
-    const puzzleIDRequestProp = new PuzzleIDRequestProp(
-      "3x3x3",
-    ) as TwistyPropParent<PuzzleID>;
-    const visualizationRequestProp = new VisualizationFormatProp();
-    const visualizationStrategyProp = new VisualizationStrategyProp({
-      puzzleID: puzzleIDRequestProp,
-      visualizationRequest: visualizationRequestProp,
-    });
-    const orbitCoordinatesProp = new OrbitCoordinatesProp({
-      orbitCoordinatesRequest: orbitCoordinatesRequestProp,
-      latitudeLimit: latLimit,
-      puzzleID: puzzleIDRequestProp,
-      strategy: visualizationStrategyProp,
-    });
-    // const mockModel = {
-    //   orbitCoordinatesRequestProp,
-    //   orbitCoordinatesProp: orbitCoordinatesProp,
-    // };
-
-    // Uncomment to watch changes.
-    // mockModel.orbitCoordinatesProp.addFreshListener(console.log);
-
-    expect(await orbitCoordinatesProp.get()).toEqual({
-      latitude: 35,
-      longitude: 30,
-      distance: 6,
-    });
-
-    expect(await orbitCoordinatesProp.get()).toEqual({
-      latitude: 35,
-      longitude: 30,
-      distance: 6,
-    });
-    // TODO
-
-    //   // Values are:true if currently set, false if previously set, undefined otherwise.
-    //   const canvasEventListenersRegistered: Record<string, boolean> = {};
-    //   const windowEventListenersRegistered: Record<string, boolean> = {};
-    //   window.addEventListener = (event: string): void => {
-    //     windowEventListenersRegistered[event] = true;
-    //   };
-    //   window.removeEventListener = (event: string): void => {
-    //     windowEventListenersRegistered[event] = false;
-    //   };
-
-    //   const mockCanvas = {
-    //     offsetWidth: 100,
-    //     offsetHeight: 100,
-    //     addEventListener: (event: string) => {
-    //       canvasEventListenersRegistered[event] = true;
-    //     },
-    //     removeEventListener: (event: string) => {
-    //       canvasEventListenersRegistered[event] = false;
-    //     },
-    //   } as any as HTMLCanvasElement;
-
-    //   const mockDragTracker = {} as DragTracker;
-
-    //   const orbitControls = new TwistyOrbitControls(
-    //     mockModel as TwistyPlayerModel,
-    //     false,
-    //     mockCanvas,
-    //     mockDragTracker,
-    //   );
-    //   expect(canvasEventListenersRegistered).toEqual({
-    //     mousedown: true,
-    //     touchstart: true,
-    //   });
-    //   expect(windowEventListenersRegistered).toEqual({});
-
-    //   expect(await orbitCoordinatesProp.get()).toEqual({
-    //     latitude: 35,
-    //     longitude: 30,
-    //     distance: 6,
-    //   });
-
-    //   let preventedDefault = false;
-    //   orbitControls.onMouseStart({
-    //     timeStamp: 200,
-    //     preventDefault: () => {
-    //       preventedDefault = true;
-    //     },
-    //   } as MouseEvent);
-    //   expect(preventedDefault).toBe(true);
-    //   expect(canvasEventListenersRegistered).toEqual({
-    //     mousedown: true,
-    //     touchstart: true,
-    //   });
-    //   expect(windowEventListenersRegistered).toEqual({
-    //     mousemove: true,
-    //     mouseup: true,
-    //   });
-
-    //   expect(await orbitCoordinatesProp.get()).toEqual({
-    //     latitude: 35,
-    //     longitude: 30,
-    //     distance: 6,
-    //   });
-
-    //   orbitControls.onMouseMove({
-    //     timeStamp: 210,
-    //     movementX: 10,
-    //     movementY: 10,
-    //   } as MouseEvent);
-
-    //   expect(await orbitCoordinatesProp.get()).toEqual({
-    //     latitude: 35,
-    //     longitude: 16.76186399084088,
-    //     distance: 6,
-    //   });
-
-    //   orbitControls.onMouseMove({
-    //     timeStamp: 220,
-    //     movementX: 1,
-    //     movementY: -10,
-    //   } as MouseEvent);
-
-    //   expect(await orbitCoordinatesProp.get()).toEqual({
-    //     latitude: 24.312125734137396,
-    //     longitude: 14.941573641700643,
-    //     distance: 6,
-    //   });
-
-    //   orbitControls.onMouseMove({
-    //     timeStamp: 240,
-    //     movementX: 0,
-    //     movementY: 0,
-    //   } as MouseEvent);
-
-    //   expect(await orbitCoordinatesProp.get()).toEqual({
-    //     latitude: 24.312125734137396,
-    //     longitude: 14.941573641700643,
-    //     distance: 6,
-    //   });
-
-    //   orbitControls.onMouseMove({
-    //     timeStamp: 250,
-    //     movementX: 2,
-    //     movementY: 1,
-    //   } as MouseEvent);
-
-    //   expect(await orbitCoordinatesProp.get()).toEqual({
-    //     latitude: 25.69334862750623,
-    //     longitude: 11.459488402184547,
-    //     distance: 6,
-    //   });
-
-    //   orbitControls.onMouseMove({
-    //     timeStamp: 250,
-    //     movementX: 10,
-    //     movementY: 1,
-    //   } as MouseEvent);
-    //   // Protect against a regression.
-    //   // https://www.speedsolving.com/threads/introducing-twizzle-alpha.85019/page-3#post-1454696
-    //   expect((orbitControls as any).lastMouseMoveMomentumX).not.toBe(Infinity);
-
-    //   expect(await orbitCoordinatesProp.get()).toEqual({
-    //     latitude: 27.07457152087506,
-    //     longitude: -1.7786476069745731,
-    //     distance: 6,
-    //   });
-
-    //   orbitControls.onMouseMove({
-    //     timeStamp: 1000,
-    //     movementX: -3,
-    //     movementY: 2,
-    //   } as MouseEvent);
-    //   expect(await orbitCoordinatesProp.get()).toEqual({
-    //     latitude: 29.743827999090797,
-    //     longitude: 3.232140742705951,
-    //     distance: 6,
-    //   });
-
-    //   orbitControls.onMouseEnd({
-    //     timeStamp: 1000, // Note: unused by the current implementation, but we provide it for consistency.
-    //     preventDefault: () => {},
-    //   } as MouseEvent);
-    //   expect(await orbitCoordinatesProp.get()).toEqual({
-    //     latitude: 29.743827999090797,
-    //     longitude: 3.232140742705951,
-    //     distance: 6,
-    //   });
-    //   expect(canvasEventListenersRegistered).toEqual({
-    //     mousedown: true,
-    //     touchstart: true,
-    //   });
-    //   expect(windowEventListenersRegistered).toEqual({
-    //     mousemove: false,
-    //     mouseup: false,
-    //   });
-
-    //   // TODO: test inertia separately?
-  });
-});

package/src/cubing/twisty/views/3D/TwistyOrbitControls.ts

@@ -1,176 +0,0 @@
-import { Spherical, Vector3 } from "three";
-import type { OrbitCoordinates } from "../../model/props/viewer/OrbitCoordinatesRequestProp";
-import type { TwistyPlayerModel } from "../../model/TwistyPlayerModel";
-import { RenderScheduler } from "../../controllers/RenderScheduler";
-import type { DragMovementInfo, DragTracker } from "./DragTracker";
-import { DEGREES_PER_RADIAN } from "./TAU";
-
-const INERTIA_DEFAULT: boolean = true;
-
-const INERTIA_DURATION_MS = 500;
-// If the first inertial render is this long after the last move, we assume the
-// user has halted the cursor and we consider inertia to have "timed out". We
-// never begin animating the inertia.
-const INERTIA_TIMEOUT_MS = 50;
-
-const VERTICAL_MOVEMENT_BASE_SCALE = 0.75;
-
-// progress is from 0 to 1.
-function momentumScale(progress: number) {
-  // This is the exponential curve flipped so that
-  // - The slope at progress = 0 is 1 (this corresponds to "x = 1" on the normal
-  //   curve).
-  // - The scale exponentially "decays" until progress = 1.
-  // This means the scale at the end will be about 0.418
-  return (Math.exp(1 - progress) - (1 - progress)) / (1 - Math.E) + 1;
-}
-
-class Inertia {
-  private scheduler = new RenderScheduler(this.render.bind(this));
-  private lastTimestamp: number;
-  constructor(
-    private startTimestamp: number,
-    private momentumX: number,
-    private momentumY: number,
-    private callback: (movementX: number, movementY: number) => void,
-  ) {
-    this.scheduler.requestAnimFrame();
-    this.lastTimestamp = startTimestamp;
-  }
-
-  private render(now: DOMHighResTimeStamp) {
-    const progressBefore =
-      (this.lastTimestamp - this.startTimestamp) / INERTIA_DURATION_MS;
-    const progressAfter = Math.min(
-      1,
-      (now - this.startTimestamp) / INERTIA_DURATION_MS,
-    );
-
-    if (
-      progressBefore === 0 &&
-      progressAfter > INERTIA_TIMEOUT_MS / INERTIA_DURATION_MS
-    ) {
-      // The user has already paused for a while. Don't start any inertia.
-      return;
-    }
-
-    const delta = momentumScale(progressAfter) - momentumScale(progressBefore);
-
-    // TODO: For now, we only carry horizontal momentum. If this should stay, we
-    // can remove the plumbing for the Y dimension.
-    this.callback(this.momentumX * delta * 1000, this.momentumY * delta * 1000);
-
-    if (progressAfter < 1) {
-      this.scheduler.requestAnimFrame();
-    }
-    this.lastTimestamp = now;
-  }
-}
-
-export function positionToOrbitCoordinates(
-  position: Vector3,
-): OrbitCoordinates {
-  const spherical = new Spherical();
-  spherical.setFromVector3(position);
-  return {
-    latitude: 90 - spherical.phi * DEGREES_PER_RADIAN,
-    longitude: spherical.theta * DEGREES_PER_RADIAN,
-    distance: spherical.radius,
-  };
-}
-
-interface TwistyOrbitControlsDragAttachedInfo {
-  lastTemperedX: number;
-  lastTemperedY: number;
-  timestamp: number;
-}
-
-// TODO: change mouse cursor while moving.
-export class TwistyOrbitControls {
-  /** @deprecated */
-  experimentalInertia: boolean = INERTIA_DEFAULT;
-  private onMovementBound = this.onMovement.bind(this);
-  public experimentalHasBeenMoved: boolean = false;
-  constructor(
-    private model: TwistyPlayerModel,
-    private mirror: boolean,
-    private canvas: HTMLCanvasElement,
-    private dragTracker: DragTracker,
-  ) {
-    this.dragTracker.addEventListener("move", this.onMove.bind(this));
-    this.dragTracker.addEventListener("up", this.onUp.bind(this));
-  }
-
-  // f is the fraction of the canvas traversed per ms.
-  temperMovement(f: number): number {
-    // This is scaled to be linear for small values, but to reduce large values
-    // by a significant factor.
-    return (Math.sign(f) * Math.log(Math.abs(f * 10) + 1)) / 6;
-  }
-
-  onMove(e: CustomEvent<DragMovementInfo>): void {
-    e.detail.attachedInfo ??= {};
-
-    const { temperedX, temperedY } = this.onMovement(
-      e.detail.movementX,
-      e.detail.movementY,
-    );
-    const attachedInfo = e.detail
-      .attachedInfo as TwistyOrbitControlsDragAttachedInfo;
-    attachedInfo.lastTemperedX = temperedX * 10;
-    attachedInfo.lastTemperedY = temperedY * 10;
-    attachedInfo.timestamp = e.timeStamp; // TODO
-  }
-
-  onMovement(
-    movementX: number,
-    movementY: number,
-  ): {
-    temperedX: number;
-    temperedY: number;
-  } {
-    const scale = this.mirror ? -1 : 1;
-
-    // TODO: refactor
-    const minDim = Math.min(this.canvas.offsetWidth, this.canvas.offsetHeight);
-
-    const temperedX = this.temperMovement(movementX / minDim);
-    const temperedY = this.temperMovement(
-      (movementY / minDim) * VERTICAL_MOVEMENT_BASE_SCALE,
-    );
-    this.model.orbitCoordinatesRequestProp.set(
-      (async () => {
-        const prevCoords = await this.model.orbitCoordinatesProp.get();
-
-        const newCoords = {
-          latitude:
-            prevCoords.latitude + 2 * temperedY * DEGREES_PER_RADIAN * scale,
-          longitude: prevCoords.longitude - 2 * temperedX * DEGREES_PER_RADIAN,
-        };
-        return newCoords;
-      })(),
-    );
-    return { temperedX, temperedY };
-  }
-
-  onUp(e: CustomEvent<DragMovementInfo>): void {
-    e.preventDefault();
-    if (
-      "lastTemperedX" in e.detail.attachedInfo &&
-      "lastTemperedY" in e.detail.attachedInfo &&
-      "timestamp" in e.detail.attachedInfo &&
-      e.timeStamp - e.detail.attachedInfo.timestamp < 60 // TODO
-    ) {
-      new Inertia(
-        e.timeStamp, // TODO
-        (
-          e.detail.attachedInfo as TwistyOrbitControlsDragAttachedInfo
-        ).lastTemperedX,
-        (
-          e.detail.attachedInfo as TwistyOrbitControlsDragAttachedInfo
-        ).lastTemperedY,
-        this.onMovementBound,
-      ); // TODO: cancel inertia
-    }
-  }
-}