create-cubing-app 0.61.0 → 0.61.3

package/README.md

@@ -15,6 +15,10 @@ cd my-cubing-project
 npm run dev
 ```
 
+Open <http://localhost:1234/>, and you should see a `<twisty-player>` with a scramble:
+
+<img width="480" src="./img/screenshot.avif" alt="Screenshot showing a <twisty-player> and a scramble.">
+
 ### Windows
 
 We recommend using [WSL](https://learn.microsoft.com/en-us/windows/wsl/install) on Windows.
@@ -25,9 +29,9 @@ We recommend using [WSL](https://learn.microsoft.com/en-us/windows/wsl/install)
 npm run build
 ```
 
-The site will be built to the `dist/web` folder, ready to place onto any static web server.
+The site will be built to the `./dist/web/` folder, ready to place onto any static web server.
 
-(Note: the output uses module scripts, which means you can't just open the output HTML files directly in the browser. You have to use a web server. If you want to test the output of `npm run build` locally on your computer, you can run: `npx http-server ./dist/web`)
+(Note: the output uses module scripts, which means you can't just open the output HTML files directly in the browser. You have to use a web server. If you want to test the output of `npm run build` locally on your computer, you can run: `npx http-server ./dist/web/`)
 
 ## Getting the latest version of `cubing.js`
 
@@ -36,6 +40,8 @@ See <https://github.com/cubing/cubing.js/releases> for information on the latest
 ```shell
 # Check what version of `cubing.js` you have
 npm list cubing
+# Check for the latest version
+npm show cubing version
 
 # Update to the latest
 npm install --save cubing@latest

package/app-template/package-lock.json

@@ -5,7 +5,7 @@
   "packages": {
     "": {
       "dependencies": {
-        "cubing": "^0.61.0"
+        "cubing": "^0.61.3"
       },
       "devDependencies": {
         "barely-a-dev-server": "^0.8.0"
@@ -445,6 +445,37 @@
         "node": ">=18"
       }
     },
+    "node_modules/@optique/core": {
+      "version": "0.9.0-dev.187",
+      "resolved": "https://registry.npmjs.org/@optique/core/-/core-0.9.0-dev.187.tgz",
+      "integrity": "sha512-wBTFbWaESwRTjF+429xzFueIBcsJ/xaD66pSwhJaIo1f7vljRfXa51R0H+EyY2tkNeFsM68YFcPPXw8TLtRuZw==",
+      "funding": [
+        "https://github.com/sponsors/dahlia"
+      ],
+      "license": "MIT",
+      "engines": {
+        "bun": ">=1.2.0",
+        "deno": ">=2.3.0",
+        "node": ">=20.0.0"
+      }
+    },
+    "node_modules/@optique/run": {
+      "version": "0.9.0-dev.187",
+      "resolved": "https://registry.npmjs.org/@optique/run/-/run-0.9.0-dev.187.tgz",
+      "integrity": "sha512-JBV2icMvuoc/3W6/LxcGyRv93PCvLW0KsRtKXGz4xcEMgD08hPMuKM+xBQR4+waHUjq9cofyqst854lFx4ud5A==",
+      "funding": [
+        "https://github.com/sponsors/dahlia"
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@optique/core": "0.9.0-dev.187+992128e2"
+      },
+      "engines": {
+        "bun": ">=1.2.0",
+        "deno": ">=2.3.0",
+        "node": ">=20.0.0"
+      }
+    },
     "node_modules/@tweenjs/tween.js": {
       "version": "23.1.3",
       "resolved": "https://registry.npmjs.org/@tweenjs/tween.js/-/tween.js-23.1.3.tgz",
@@ -488,18 +519,6 @@
       "integrity": "sha512-e3zmDEPih4Rle+JrP5cT8nCCtDizoUpEaN72OuD1clbhXGERtn0wwuMdxOrBymu3kMLWKDd8hd+ERhSheLuLTg==",
       "license": "BSD-3-Clause"
     },
-    "node_modules/ansi-regex": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
-      "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
-      }
-    },
     "node_modules/barely-a-dev-server": {
       "version": "0.8.0",
       "resolved": "https://registry.npmjs.org/barely-a-dev-server/-/barely-a-dev-server-0.8.0.tgz",
@@ -517,48 +536,21 @@
         "esbuild": "^0.25.0"
       }
     },
-    "node_modules/chalk": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.3.0.tgz",
-      "integrity": "sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==",
-      "license": "MIT",
-      "engines": {
-        "node": "^12.17.0 || ^14.13 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
-      }
-    },
-    "node_modules/cmd-ts-too": {
-      "version": "0.15.3",
-      "resolved": "https://registry.npmjs.org/cmd-ts-too/-/cmd-ts-too-0.15.3.tgz",
-      "integrity": "sha512-B16GQEn0fENaOfFXxJRJDecYjDxs8Mcm2cU4jhMwxl+fbgTnLjoD+dIw/yTdMDDNQssgoDqbiTSCKcXTitisvA==",
-      "license": "MIT",
-      "dependencies": {
-        "chalk": "^5.3.0",
-        "debug": "^4.3.7",
-        "didyoumean": "^1.2.2",
-        "strip-ansi": "^7.1.0"
-      },
-      "engines": {
-        "bun": ">=1.0.30",
-        "node": ">=16.0.0"
-      }
-    },
     "node_modules/comlink": {
       "version": "4.4.1",
       "resolved": "https://registry.npmjs.org/comlink/-/comlink-4.4.1.tgz",
       "integrity": "sha512-+1dlx0aY5Jo1vHy/tSsIGpSkN4tS9rZSW8FIhG0JH/crs9wwweswIo/POr451r7bZww3hFbPAKnTpimzL/mm4Q=="
     },
     "node_modules/cubing": {
-      "version": "0.61.0",
-      "resolved": "https://registry.npmjs.org/cubing/-/cubing-0.61.0.tgz",
-      "integrity": "sha512-bAifBUV9VvQlzaO3HbsDt61nksemq9ygXuR3ZhAmPjGeEU0B53uOslIFqs1BYszLTqJaBQrGlPVHGkXNacedmA==",
+      "version": "0.61.3",
+      "resolved": "https://registry.npmjs.org/cubing/-/cubing-0.61.3.tgz",
+      "integrity": "sha512-5ZZDrMjYmKAjfbeorHtaH0kj/89K0i2FYByYxLfCs2tb5Rx5ChUK/gtQfRSjPRyqAnBiVG6TPr/pGR1GvjMEng==",
       "license": "MPL-2.0 OR GPL-3.0-or-later",
       "dependencies": {
+        "@optique/core": "v0.9.0-dev.187",
+        "@optique/run": "v0.9.0-dev.187",
         "@types/three": "^0.169.0",
         "@types/web-bluetooth": "^0.0.20",
-        "cmd-ts-too": "^0.15.3",
         "comlink": "^4.4.1",
         "random-uint-below": "v3.3.0",
         "three": "^0.170.0",
@@ -572,29 +564,6 @@
         "node": ">=22.3.0"
       }
     },
-    "node_modules/debug": {
-      "version": "4.3.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
-      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
-      "license": "MIT",
-      "dependencies": {
-        "ms": "^2.1.3"
-      },
-      "engines": {
-        "node": ">=6.0"
-      },
-      "peerDependenciesMeta": {
-        "supports-color": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/didyoumean": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
-      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
-      "license": "Apache-2.0"
-    },
     "node_modules/esbuild": {
       "version": "0.25.4",
       "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.4.tgz",
@@ -649,12 +618,6 @@
       "integrity": "sha512-ZhoIoL7TNV4s5B6+rx5mC//fw8/POGyNxS/DZyCJeiZ12ScLfVwRE/GfsxwiTkMYYD5DmK2/JXnEVXqL4rF+Sw==",
       "license": "MIT"
     },
-    "node_modules/ms": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
-      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
-      "license": "MIT"
-    },
     "node_modules/random-uint-below": {
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/random-uint-below/-/random-uint-below-3.3.0.tgz",
@@ -663,21 +626,6 @@
         "node": ">=19"
       }
     },
-    "node_modules/strip-ansi": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
-      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
-      }
-    },
     "node_modules/tagged-tag": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/tagged-tag/-/tagged-tag-1.0.0.tgz",

package/app-template/package.json

@@ -7,7 +7,7 @@
     "upgrade-cubing": "npm install --save cubing@latest"
   },
   "dependencies": {
-    "cubing": "^0.61.0"
+    "cubing": "^0.61.3"
   },
   "devDependencies": {
     "barely-a-dev-server": "^0.8.0"

package/app-template/script/build.js

@@ -1,4 +1,4 @@
-#!/usr/bin/env node --
+#!/usr/bin/env -S node --
 
 import { barelyServe } from "barely-a-dev-server";
 

package/app-template/src/main.ts

@@ -1,10 +1,10 @@
 // Always keep the following line if you are using any twisty players on your page.
 import "cubing/twisty";
-// Use the following line for specific imports from `cubing/twisty`.
-import { TwistyAlgViewer, type TwistyPlayer } from "cubing/twisty";
 
 // Import from other modules as usual.
 import { randomScrambleForEvent } from "cubing/scramble";
+// Use the following line for specific imports from `cubing/twisty`.
+import { TwistyAlgViewer, type TwistyPlayer } from "cubing/twisty";
 
 class App {
   // Example of getting an element from the page.

package/bin/create-cubing-app.js

@@ -1,30 +1,15 @@
-#!/usr/bin/env node --
+#!/usr/bin/env -S node --
 
 import { exec } from "node:child_process";
 import { exists } from "node:fs";
-import { cp, mkdir, readFile, stat, writeFile } from "node:fs/promises";
-import { join, resolve } from "node:path";
-import { exit, stderr } from "node:process";
+import { cp, mkdir } from "node:fs/promises";
+import { exit } from "node:process";
 import { createInterface } from "node:readline";
 import { fileURLToPath } from "node:url";
 import { promisify } from "node:util";
 
-const CREATE_CUBING_APP_PACKAGE_JSON = JSON.parse(
-  await readFile(new URL("../package.json", import.meta.url), "utf-8"),
-);
-
 const execPromise = promisify(exec);
 
-function printHelpAndExit() {
-  stderr.write(`Usage:
-
-npm create cubing-app <project folder name>
-
-The project folder name should consist of only letters, numbers, dashes, and underscores.
-`);
-  exit(1);
-}
-
 let projectPath = process.argv[2];
 if (!projectPath) {
   const readline = createInterface({
@@ -80,7 +65,7 @@ await execPromise("npm install", {
 console.log(`Your cubing app has been created.
 To work on it, run:
 
-    cd \"${projectPath.replaceAll('"', '\\"')}\"
+    cd "${projectPath.replaceAll('"', '\\"')}"
     npm run dev
 
 Edit the files in \`src\` and open the displayed URL in browser to see changes.

package/package.json

@@ -1,25 +1,33 @@
 {
   "name": "create-cubing-app",
-  "version": "0.61.0",
-  "type": "module",
-  "bin": {
-    "create-cubing-app": "bin/create-cubing-app.js"
+  "version": "0.61.3",
+  "description": "Create an app using `cubing.js` (https://js.cubing.net/).",
+  "author": "The js.cubing.net team",
+  "license": "MPL-2.0 OR GPL-3.0-or-later",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/cubing/create-cubing-app.git"
   },
   "engines": {
     "node": ">=19"
   },
-  "scripts": {
-    "prepublishOnly": "make prepublishOnly"
+  "type": "module",
+  "bin": {
+    "create-cubing-app": "bin/create-cubing-app.js"
   },
   "devDependencies": {
-    "@biomejs/biome": "^1.9.4",
-    "@cubing/dev-config": "^0.3.6",
-    "@types/bun": "^1.1.3",
+    "@biomejs/biome": "2.3.9",
+    "@cubing/dev-config": "^0.6.6",
+    "@types/bun": "^1.3.5",
     "@types/validate-npm-package-name": "^4.0.2",
+    "bun-dx": "^0.1.4",
     "validate-npm-package-name": "^5.0.0"
   },
   "files": [
     "./app-template",
     "./bin"
-  ]
+  ],
+  "scripts": {
+    "prepublishOnly": "make prepublishOnly"
+  }
 }