create-cubing-app 0.26.1 → 0.35.6-rc2

package/bin/create-cubing-app.js

@@ -0,0 +1,31 @@
+import { exec } from "child_process";
+import { writeFile } from "fs";
+import { mkdir, readFile } from "fs/promises";
+
+export function execPromise(cmd, options) {
+	return new Promise((resolve, reject) => {
+		const childProcess = exec(cmd, options, (error, stdout, stderr) => {
+			if (error) {
+				reject(error);
+			}
+			// console.log(stdout);
+			resolve(stdout ? stdout : stderr);
+		});
+		childProcesses.push(childProcess);
+	});
+}
+
+execPromise("npm install --save cubing");
+execPromise("npm install --save-dev barely-a-dev-server");
+
+await mkdir("./src", { recursive: true });
+async function transferFile(basename) {
+	const indexHTML = await readFile(
+		new URL(`../src/${basename}`),
+		import.meta.url,
+	);
+	writeFile(`./src/${basename}`, indexHTML);
+}
+await transferFile("index.html");
+await transferFile("index.ts");
+await transferFile("index.css");

package/package.json

@@ -1,15 +1,17 @@
 {
   "name": "create-cubing-app",
-  "version": "0.26.1",
+  "version": "0.35.6-rc2",
+  "bin": "./bin/create-cubing-app.js",
   "scripts": {
     "build": "node -e 'import(\"barely-a-dev-server\").then(s => s.barelyServe({entryRoot: \"src\", dev: false, outDir: \"dist/web\"}))'",
     "dev": "node -e 'import(\"barely-a-dev-server\").then(s => s.barelyServe({entryRoot: \"src\"}))'",
     "clean": "rm -rf ./dist"
   },
   "dependencies": {
-    "cubing": "^0.26.1"
+    "cubing": "^0.35.6"
   },
   "devDependencies": {
-    "barely-a-dev-server": "^0.2.6"
+    "barely-a-dev-server": "^0.4.8",
+    "esbuild": "^0.16.16"
   }
 }

package/src/main.ts

@@ -1,9 +1,14 @@
-import { TwistyAlgViewer, TwistyPlayer } from "cubing/twisty";
+// 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";
 
 class App {
   // Example of getting an element from the page.
-  twistyPlayer: TwistyPlayer = document.querySelector("#main-player");
+  twistyPlayer: TwistyPlayer = document.querySelector("#main-player")!;
   // Example of creating a new element and adding it to the page.
   twistyAlgViewer = document.body.appendChild(
     new TwistyAlgViewer({ twistyPlayer: this.twistyPlayer })