[puzzles] Add 4x4x4, 6x6x6, 7x7x7.

src/cubing/puzzles/async/async-pg3d.ts

@@ -20,5 +20,5 @@ export async function asyncGetPuzzleGeometry(
 export async function asyncGetDef(
   puzzleName: string,
 ): Promise<KPuzzleDefinition> {
-  return (await asyncGetPuzzleGeometry(puzzleName)).writekpuzzle(false);
+  return (await asyncGetPuzzleGeometry(puzzleName)).writekpuzzle(true);
 }

src/cubing/puzzles/implementations/4x4x4/index.ts

@@ -0,0 +1,16 @@
+import { asyncGetDef, asyncGetPuzzleGeometry } from "../../async/async-pg3d";
+import { PuzzleManager } from "../../PuzzleManager";
+
+export const cube4x4x4: PuzzleManager = {
+  id: "4x4x4",
+  fullName: "4x4x4",
+  def: async () => {
+    return asyncGetDef("4x4x4");
+  },
+  svg: async () => {
+    throw "Unimplemented!";
+  },
+  pg: async () => {
+    return asyncGetPuzzleGeometry("4x4x4");
+  },
+};

src/cubing/puzzles/implementations/6x6x6/index.ts

@@ -0,0 +1,16 @@
+import { asyncGetDef, asyncGetPuzzleGeometry } from "../../async/async-pg3d";
+import { PuzzleManager } from "../../PuzzleManager";
+
+export const cube6x6x6: PuzzleManager = {
+  id: "6x6x6",
+  fullName: "6x6x6",
+  def: async () => {
+    return asyncGetDef("6x6x6");
+  },
+  svg: async () => {
+    throw "Unimplemented!";
+  },
+  pg: async () => {
+    return asyncGetPuzzleGeometry("6x6x6");
+  },
+};

src/cubing/puzzles/implementations/7x7x7/index.ts

@@ -0,0 +1,16 @@
+import { asyncGetDef, asyncGetPuzzleGeometry } from "../../async/async-pg3d";
+import { PuzzleManager } from "../../PuzzleManager";
+
+export const cube7x7x7: PuzzleManager = {
+  id: "7x7x7",
+  fullName: "7x7x7",
+  def: async () => {
+    return asyncGetDef("7x7x7");
+  },
+  svg: async () => {
+    throw "Unimplemented!";
+  },
+  pg: async () => {
+    return asyncGetPuzzleGeometry("7x7x7");
+  },
+};

src/cubing/puzzles/index.ts

@@ -1,6 +1,9 @@
 import { cube2x2x2 } from "./implementations/2x2x2";
 import { cube3x3x3 } from "./implementations/3x3x3";
+import { cube4x4x4 } from "./implementations/4x4x4";
 import { cube5x5x5 } from "./implementations/5x5x5";
+import { cube6x6x6 } from "./implementations/6x6x6";
+import { cube7x7x7 } from "./implementations/7x7x7";
 import { clock } from "./implementations/clock";
 import { fto } from "./implementations/fto";
 import { megaminx } from "./implementations/megaminx";
@@ -13,11 +16,10 @@ export const puzzles: Record<string, PuzzleManager> = {
   /******** Start of WCA Puzzles *******/
   "3x3x3": cube3x3x3,
   "2x2x2": cube2x2x2,
-  // 4x4x4 Cube
-  // 5x5x5 Cube
+  "4x4x4": cube4x4x4,
   "5x5x5": cube5x5x5,
-  // 6x6x6 Cube
-  // 7x7x7 Cube
+  "6x6x6": cube6x6x6,
+  "7x7x7": cube7x7x7,
   // 3x3x3 Blindfolded
   // 3x3x3 Fewest Moves
   // 3x3x3 One-Handed

src/demo/twisty/inline.html

@@ -15,9 +15,8 @@
       ></twisty-player>
       <p>This should be 2D:</p>
       <twisty-player
-        puzzle="3x3x3"
+        puzzle="4x4x4"
         alg="R U R' U' R' F R2 U' R' U' R U R' F'"
-        visualization="2D"
       ></twisty-player>
       <p>Pyraminx 2D:</p>
       <twisty-player