create-textmode 1.0.6 → 1.1.0

package/src/versions.js

@@ -1,52 +1,56 @@
-import https from 'https';
-
-let cachedVersions = null;
-
-function fetchJson(url) {
-  return new Promise((resolve, reject) => {
-    https
-      .get(url, (res) => {
-        let data = '';
-        res.on('data', (chunk) => {
-          data += chunk;
-        });
-        res.on('end', () => {
-          try {
-            resolve(JSON.parse(data));
-          } catch (err) {
-            reject(err);
-          }
-        });
-      })
-      .on('error', reject);
-  });
-}
-
-export function isStable(version) {
-  // Exclude prerelease tags like -beta, -rc, etc.
-  return !version.includes('-');
-}
-
-export function compareSemverDesc(a, b) {
-  const pa = a.split('.').map(Number);
-  const pb = b.split('.').map(Number);
-  for (let i = 0; i < Math.max(pa.length, pb.length); i += 1) {
-    const va = pa[i] || 0;
-    const vb = pb[i] || 0;
-    if (va > vb) return -1;
-    if (va < vb) return 1;
-  }
-  return 0;
-}
-
-export async function getTextmodeVersions(limit = 20) {
-  if (cachedVersions) return cachedVersions.slice(0, limit);
-
-  const data = await fetchJson('https://registry.npmjs.org/textmode.js');
-  const versions = Object.keys(data.versions || {})
-    .filter(isStable)
-    .sort(compareSemverDesc);
-
-  cachedVersions = versions;
-  return versions.slice(0, limit);
-}
+import https from 'https';
+
+let cachedVersions = null;
+
+function fetchJson(url) {
+	return new Promise((resolve, reject) => {
+		https
+			.get(url, (res) => {
+				let data = '';
+				res.on('data', (chunk) => {
+					data += chunk;
+				});
+				res.on('end', () => {
+					try {
+						resolve(JSON.parse(data));
+					} catch (err) {
+						reject(err);
+					}
+				});
+			})
+			.on('error', reject);
+	});
+}
+
+export function isStable(version) {
+	// Exclude prerelease tags like -beta, -rc, etc.
+	return !version.includes('-');
+}
+
+export function compareSemverDesc(a, b) {
+	const pa = a.split('.').map(Number);
+	const pb = b.split('.').map(Number);
+	for (let i = 0; i < Math.max(pa.length, pb.length); i += 1) {
+		const va = pa[i] || 0;
+		const vb = pb[i] || 0;
+		if (va > vb) return -1;
+		if (va < vb) return 1;
+	}
+	return 0;
+}
+
+export function filterAtLeast(versions, min) {
+	return versions.filter((v) => compareSemverDesc(v, min) <= 0);
+}
+
+export async function getTextmodeVersions(limit = 20) {
+	if (cachedVersions) return cachedVersions.slice(0, limit);
+
+	const data = await fetchJson('https://registry.npmjs.org/textmode.js');
+	const versions = Object.keys(data.versions || {})
+		.filter(isStable)
+		.sort(compareSemverDesc);
+
+	cachedVersions = versions;
+	return versions.slice(0, limit);
+}

package/templates/vanilla-js/.prettierrc

@@ -1,8 +1,8 @@
-{
-  "$schema": "https://json.schemastore.org/prettierrc",
-  "printWidth": 80,
-  "tabWidth": 2,
-  "singleQuote": true,
-  "trailingComma": "es5",
-  "semi": true
-}
+{
+  "$schema": "https://json.schemastore.org/prettierrc",
+  "printWidth": 80,
+  "tabWidth": 2,
+  "singleQuote": true,
+  "trailingComma": "es5",
+  "semi": true
+}

package/templates/vanilla-js/_gitignore

@@ -1,2 +1,2 @@
-node_modules
-dist
+node_modules
+dist

package/templates/vanilla-js/eslint.config.js

@@ -1,22 +1,22 @@
-import { defineConfig } from "eslint/config";
-import js from "@eslint/js";
-import globals from "globals";
-import prettierConfig from "eslint-config-prettier";
-
-export default defineConfig([
-  {
-    ignores: ["dist/**", "node_modules/**"],
-  },
-  js.configs.recommended,
-  prettierConfig,
-  {
-    files: ["**/*.js"],
-    languageOptions: {
-      ecmaVersion: "latest",
-      sourceType: "module",
-      globals: {
-        ...globals.browser,
-      },
-    },
-  },
-]);
+import { defineConfig } from "eslint/config";
+import js from "@eslint/js";
+import globals from "globals";
+import prettierConfig from "eslint-config-prettier";
+
+export default defineConfig([
+  {
+    ignores: ["dist/**", "node_modules/**"],
+  },
+  js.configs.recommended,
+  prettierConfig,
+  {
+    files: ["**/*.js"],
+    languageOptions: {
+      ecmaVersion: "latest",
+      sourceType: "module",
+      globals: {
+        ...globals.browser,
+      },
+    },
+  },
+]);

package/templates/vanilla-js/index.html

@@ -1,26 +1,26 @@
-<!doctype html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>{{name}}</title>
-
-    <style>
-        html,
-        body {
-            margin: 0;
-            padding: 0;
-        }
-
-        canvas {
-            display: block;
-        }
-    </style>
-</head>
-
-<body>
-    <script type="module" src="/src/sketch.js"></script>
-</body>
-
+<!doctype html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>{{name}}</title>
+
+    <style>
+        html,
+        body {
+            margin: 0;
+            padding: 0;
+        }
+
+        canvas {
+            display: block;
+        }
+    </style>
+</head>
+
+<body>
+    <script type="module" src="/src/sketch.js"></script>
+</body>
+
 </html>

package/templates/vanilla-js/package.json

@@ -1,26 +1,26 @@
-{
-  "name": "{{name}}",
-  "version": "0.0.0",
-  "private": true,
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "preview": "vite preview",
-    "format": "prettier --write \"src/**/*.{js,ts}\"",
-    "format:check": "prettier --check \"src/**/*.{js,ts}\"",
-    "lint": "eslint src --ext .js",
-    "lint:fix": "eslint src --ext .js --fix"
-  },
-  "dependencies": {
-    "textmode.js": "latest"
-  },
-  "devDependencies": {
-    "@eslint/js": "^9.39.1",
-    "eslint": "^9.39.1",
-    "eslint-config-prettier": "^10.1.8",
-    "globals": "^15.14.0",
-    "prettier": "^3.7.4",
-    "vite": "^7.2.7"
-  }
-}
+{
+  "name": "{{name}}",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
+    "format": "prettier --write \"src/**/*.{js,ts}\"",
+    "format:check": "prettier --check \"src/**/*.{js,ts}\"",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix"
+  },
+  "dependencies": {
+    "textmode.js": "latest"
+  },
+  "devDependencies": {
+    "@eslint/js": "^10.0.1",
+    "eslint": "^10.8.1",
+    "eslint-config-prettier": "^10.1.8",
+    "globals": "^16.0.0",
+    "prettier": "^3.9.5",
+    "vite": "^8.1.3"
+  }
+}

package/templates/vanilla-js/src/sketch.js

@@ -1,28 +1,28 @@
-import { textmode } from 'textmode.js';
-
-const tm = textmode.create({ width: window.innerWidth, height: window.innerHeight });
-
-tm.draw(() => {
-    tm.background(0);
-
-    const halfCols = (tm.grid.cols / 2) + 1;
-    const halfRows = (tm.grid.rows / 2) + 1;
-
-    for (let y = -halfRows; y < halfRows; y++) {
-        for (let x = -halfCols; x < halfCols; x++) {
-            const dist = Math.sqrt(x * x + y * y);
-            const wave = Math.sin(dist * 0.2 - tm.frameCount * 0.1);
-
-            tm.push();
-            tm.translate(x, y, 0);
-            tm.char(wave > 0.5 ? '▓' : wave > 0 ? '▒' : '░');
-            tm.charColor(0, 150 + wave * 100, 255);
-            tm.point();
-            tm.pop();
-        }
-    }
-});
-
-tm.windowResized(() => {
-    tm.resizeCanvas(window.innerWidth, window.innerHeight);
-});
+import { textmode } from 'textmode.js';
+
+const tm = textmode.create({ width: window.innerWidth, height: window.innerHeight });
+
+tm.draw(() => {
+    tm.background(0);
+
+    const halfCols = (tm.grid.cols / 2) + 1;
+    const halfRows = (tm.grid.rows / 2) + 1;
+
+    for (let y = -halfRows; y < halfRows; y++) {
+        for (let x = -halfCols; x < halfCols; x++) {
+            const dist = Math.sqrt(x * x + y * y);
+            const wave = Math.sin(dist * 0.2 - tm.frameCount * 0.1);
+
+            tm.push();
+            tm.translate(x, y, 0);
+            tm.char(wave > 0.5 ? '▓' : wave > 0 ? '▒' : '░');
+            tm.charColor(0, 150 + wave * 100, 255);
+            tm.point();
+            tm.pop();
+        }
+    }
+});
+
+tm.windowResized(() => {
+    tm.resizeCanvas(window.innerWidth, window.innerHeight);
+});

package/templates/vanilla-js/vite.config.js

@@ -1,7 +1,7 @@
-import { defineConfig } from 'vite';
-
-export default defineConfig({
-  server: {
-    open: true
-  }
-});
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+  server: {
+    open: true
+  }
+});

package/templates/vanilla-js-tweakpane/_gitignore

@@ -1,2 +1,2 @@
-node_modules
-dist
+node_modules
+dist

package/templates/vanilla-js-tweakpane/eslint.config.js

@@ -1,22 +1,22 @@
-import { defineConfig } from "eslint/config";
-import js from "@eslint/js";
-import globals from "globals";
-import prettierConfig from "eslint-config-prettier";
-
-export default defineConfig([
-  {
-    ignores: ["dist/**", "node_modules/**"],
-  },
-  js.configs.recommended,
-  prettierConfig,
-  {
-    files: ["**/*.js"],
-    languageOptions: {
-      ecmaVersion: "latest",
-      sourceType: "module",
-      globals: {
-        ...globals.browser,
-      },
-    },
-  },
-]);
+import { defineConfig } from "eslint/config";
+import js from "@eslint/js";
+import globals from "globals";
+import prettierConfig from "eslint-config-prettier";
+
+export default defineConfig([
+  {
+    ignores: ["dist/**", "node_modules/**"],
+  },
+  js.configs.recommended,
+  prettierConfig,
+  {
+    files: ["**/*.js"],
+    languageOptions: {
+      ecmaVersion: "latest",
+      sourceType: "module",
+      globals: {
+        ...globals.browser,
+      },
+    },
+  },
+]);

package/templates/vanilla-js-tweakpane/index.html

@@ -1,37 +1,37 @@
-<!doctype html>
-<html lang="en">
-
-<head>
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>{{name}}</title>
-
-  <style>
-    html,
-    body {
-      margin: 0;
-      padding: 0;
-    }
-
-    canvas {
-      display: block;
-    }
-
-    #pane {
-      position: fixed;
-      top: 12px;
-      right: 12px;
-      width: 260px;
-      z-index: 10;
-      pointer-events: auto;
-      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
-    }
-  </style>
-</head>
-
-<body>
-  <div id="pane"></div>
-  <script type="module" src="/src/sketch.js"></script>
-</body>
-
-</html>
+<!doctype html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>{{name}}</title>
+
+  <style>
+    html,
+    body {
+      margin: 0;
+      padding: 0;
+    }
+
+    canvas {
+      display: block;
+    }
+
+    #pane {
+      position: fixed;
+      top: 12px;
+      right: 12px;
+      width: 260px;
+      z-index: 10;
+      pointer-events: auto;
+      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+    }
+  </style>
+</head>
+
+<body>
+  <div id="pane"></div>
+  <script type="module" src="/src/sketch.js"></script>
+</body>
+
+</html>

package/templates/vanilla-js-tweakpane/package.json

@@ -1,27 +1,27 @@
-{
-  "name": "{{name}}",
-  "version": "0.0.0",
-  "private": true,
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "preview": "vite preview",
-    "format": "prettier --write \"src/**/*.{js,ts}\"",
-    "format:check": "prettier --check \"src/**/*.{js,ts}\"",
-    "lint": "eslint src --ext .js",
-    "lint:fix": "eslint src --ext .js --fix"
-  },
-  "dependencies": {
-    "textmode.js": "latest",
-    "tweakpane": "^4.0.5"
-  },
-  "devDependencies": {
-    "@eslint/js": "^9.39.1",
-    "eslint": "^9.39.1",
-    "eslint-config-prettier": "^10.1.8",
-    "globals": "^15.14.0",
-    "prettier": "^3.7.4",
-    "vite": "^7.2.7"
-  }
-}
+{
+  "name": "{{name}}",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
+    "format": "prettier --write \"src/**/*.{js,ts}\"",
+    "format:check": "prettier --check \"src/**/*.{js,ts}\"",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix"
+  },
+  "dependencies": {
+    "textmode.js": "latest",
+    "tweakpane": "^4.0.5"
+  },
+  "devDependencies": {
+    "@eslint/js": "^10.0.1",
+    "eslint": "^10.8.1",
+    "eslint-config-prettier": "^10.1.8",
+    "globals": "^16.0.0",
+    "prettier": "^3.9.5",
+    "vite": "^8.1.3"
+  }
+}

package/templates/vanilla-js-tweakpane/src/sketch.js

@@ -1,62 +1,62 @@
-import { textmode } from 'textmode.js';
-import { Pane } from 'tweakpane';
-
-const tm = textmode.create({ width: window.innerWidth, height: window.innerHeight });
-
-const params = {
-  speed: 0.1,
-  frequency: 0.22,
-  amplitude: 1.1,
-  baseCharColor: { r: 0, g: 170, b: 255 },
-  baseCellColor: { r: 0, g: 0, b: 0 }
-};
-
-const paneContainer = document.querySelector('#pane') ?? undefined;
-const pane = new Pane({ title: 'Controls', container: paneContainer });
-
-pane.addBinding(params, 'speed', { min: 0, max: 0.4, step: 0.005, label: 'Speed' });
-pane.addBinding(params, 'frequency', { min: 0.05, max: 0.8, step: 0.01, label: 'Frequency' });
-pane.addBinding(params, 'amplitude', { min: 0.5, max: 2.0, step: 0.05, label: 'Amplitude' });
-pane.addBinding(params, 'baseCharColor', { label: 'Base Char Color' });
-pane.addBinding(params, 'baseCellColor', { label: 'Base Cell Color' });
-
-const clamp = (value, min, max) => Math.min(Math.max(value, min), max);
-
-const getChar = (wave) => {
-  if (wave > 0.6) return '▓';
-  if (wave > 0.2) return '▒';
-  return '░';
-};
-
-tm.draw(() => {
-  const halfCols = Math.round(tm.grid.cols / 2) + 1;
-  const halfRows = Math.round(tm.grid.rows / 2) + 1;
-
-  for (let y = -halfRows; y < halfRows; y++) {
-    for (let x = -halfCols; x < halfCols; x++) {
-      const dist = Math.hypot(x, y);
-      const wave = Math.sin(dist * params.frequency - tm.frameCount * params.speed) * params.amplitude;
-      const char = getChar(wave);
-
-      const lightness = 0.35 + 0.65 * ((wave + params.amplitude) / (2 * params.amplitude));
-      const charR = clamp(params.baseCharColor.r * lightness, 0, 255);
-      const charG = clamp(params.baseCharColor.g * lightness, 0, 255);
-      const charB = clamp(params.baseCharColor.b * lightness, 0, 255);
-      const cellR = clamp(params.baseCellColor.r * lightness, 0, 255);
-      const cellG = clamp(params.baseCellColor.g * lightness, 0, 255);
-      const cellB = clamp(params.baseCellColor.b * lightness, 0, 255);
-
-      tm.push();
-      tm.translate(x, y, 0);
-      tm.char(char);
-      tm.charColor(charR, charG, charB);
-      tm.cellColor(cellR, cellG, cellB);
-      tm.point();
-      tm.pop();
-    }
-  }
-});
-
-tm.windowResized(() => {
-  tm.resizeCanvas(window.innerWidth, window.innerHeight);
-});
+import { textmode } from 'textmode.js';
+import { Pane } from 'tweakpane';
+
+const tm = textmode.create({ width: window.innerWidth, height: window.innerHeight });
+
+const params = {
+  speed: 0.1,
+  frequency: 0.22,
+  amplitude: 1.1,
+  baseCharColor: { r: 0, g: 170, b: 255 },
+  baseCellColor: { r: 0, g: 0, b: 0 }
+};
+
+const paneContainer = document.querySelector('#pane') ?? undefined;
+const pane = new Pane({ title: 'Controls', container: paneContainer });
+
+pane.addBinding(params, 'speed', { min: 0, max: 0.4, step: 0.005, label: 'Speed' });
+pane.addBinding(params, 'frequency', { min: 0.05, max: 0.8, step: 0.01, label: 'Frequency' });
+pane.addBinding(params, 'amplitude', { min: 0.5, max: 2.0, step: 0.05, label: 'Amplitude' });
+pane.addBinding(params, 'baseCharColor', { label: 'Base Char Color' });
+pane.addBinding(params, 'baseCellColor', { label: 'Base Cell Color' });
+
+const clamp = (value, min, max) => Math.min(Math.max(value, min), max);
+
+const getChar = (wave) => {
+  if (wave > 0.6) return '▓';
+  if (wave > 0.2) return '▒';
+  return '░';
+};
+
+tm.draw(() => {
+  const halfCols = Math.round(tm.grid.cols / 2) + 1;
+  const halfRows = Math.round(tm.grid.rows / 2) + 1;
+
+  for (let y = -halfRows; y < halfRows; y++) {
+    for (let x = -halfCols; x < halfCols; x++) {
+      const dist = Math.hypot(x, y);
+      const wave = Math.sin(dist * params.frequency - tm.frameCount * params.speed) * params.amplitude;
+      const char = getChar(wave);
+
+      const lightness = 0.35 + 0.65 * ((wave + params.amplitude) / (2 * params.amplitude));
+      const charR = clamp(params.baseCharColor.r * lightness, 0, 255);
+      const charG = clamp(params.baseCharColor.g * lightness, 0, 255);
+      const charB = clamp(params.baseCharColor.b * lightness, 0, 255);
+      const cellR = clamp(params.baseCellColor.r * lightness, 0, 255);
+      const cellG = clamp(params.baseCellColor.g * lightness, 0, 255);
+      const cellB = clamp(params.baseCellColor.b * lightness, 0, 255);
+
+      tm.push();
+      tm.translate(x, y, 0);
+      tm.char(char);
+      tm.charColor(charR, charG, charB);
+      tm.cellColor(cellR, cellG, cellB);
+      tm.point();
+      tm.pop();
+    }
+  }
+});
+
+tm.windowResized(() => {
+  tm.resizeCanvas(window.innerWidth, window.innerHeight);
+});