@littlecarlito/blorktools 0.50.3 → 0.51.0

package/bin/cli.js

@@ -0,0 +1,69 @@
+#!/usr/bin/env node
+import { createServer } from 'vite';
+import { fileURLToPath } from 'url';
+import path from 'path';
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const packageRoot = path.resolve(__dirname, '..');
+
+function parseArgs(args) {
+	const result = {
+		port: 3001,
+		host: 'localhost',
+		open: true
+	};
+	for (let i = 0; i < args.length; i++) {
+		const arg = args[i];
+		if (arg === '--port' || arg === '-p') {
+			const value = parseInt(args[++i], 10);
+			if (isNaN(value)) {
+				console.error('Error: --port requires a numeric value');
+				process.exit(1);
+			}
+			result.port = value;
+		} else if (arg === '--host' || arg === '-h') {
+			result.host = args[++i];
+			if (!result.host) {
+				console.error('Error: --host requires a value');
+				process.exit(1);
+			}
+		} else if (arg === '--no-open') {
+			result.open = false;
+		} else if (arg === '--help') {
+			console.log(`
+blorktools - 3D Asset Development Tools
+
+Usage: blorktools [options]
+
+Options:
+  --port, -p <number>  Port to run on (default: 3001)
+  --host, -h <string>  Host to bind to (default: localhost)
+  --no-open            Don't open browser automatically
+  --help               Show this help message
+`);
+			process.exit(0);
+		}
+	}
+	return result;
+}
+
+async function main() {
+	const args = parseArgs(process.argv.slice(2));
+	const viteConfig = await import(path.join(packageRoot, 'vite.config.js'));
+	const config = viteConfig.default;
+	// Override with CLI args
+	config.server = {
+		...config.server,
+		port: args.port,
+		host: args.host,
+		open: args.open ? '/index.html' : false
+	};
+	// Ensure root points to package src
+	config.root = path.join(packageRoot, 'src');
+	const server = await createServer(config);
+	await server.listen();
+	server.printUrls();
+	console.log('\nPress Ctrl+C to stop\n');
+}
+
+main();

package/package.json

@@ -1,21 +1,27 @@
 {
   "name": "@littlecarlito/blorktools",
-  "version": "0.50.3",
+  "version": "0.51.0",
   "description": "Development tools for 3D assets and debugging",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "type": "module",
   "blorkType": "tool",
   "private": false,
+  "bin": {
+    "blorktools": "./bin/cli.js"
+  },
   "files": [
-    "dist"
+    "dist",
+    "src",
+    "bin",
+    "vite.config.js"
   ],
   "scripts": {
     "build": "vite build",
     "dev": "vite",
     "test": "cd ../.. && jest packages/blorktools/src/test tests/packages/blorktools --config=tests/config/jest/jest.config.cjs --passWithNoTests",
     "clean": "rimraf dist",
-    "tools": "node tools.js",
+    "tools": "node bin/cli.js",
     "tools:modular": "vite serve src/ --open /asset_debugger/index.html"
   },
   "dependencies": {
@@ -23,11 +29,11 @@
     "js-beautify": "^1.15.4",
     "jszip": "^3.10.1",
     "prettier": "^3.2.5",
-    "three": "^0.172.0"
+    "three": "^0.172.0",
+    "vite": "^6.0.11"
   },
   "devDependencies": {
-    "rimraf": "^5.0.5",
-    "vite": "^6.0.11"
+    "rimraf": "^5.0.5"
   },
   "repository": {
     "type": "git",
@@ -39,5 +45,5 @@
     "access": "public"
   },
   "license": "SEE LICENSE IN LICENSE",
-  "gitHead": "61269a1db4231772e784b65e535f9838e4206390"
+  "gitHead": "f8282d1ad3d6f42c0ae85e8bde27c7a10ae54c39"
 }

package/src/asset_debugger/axis-indicator/axis-indicator.css

@@ -0,0 +1,6 @@
+/* Shared settings styles */
+#axis-intensity-value {
+    min-width: 30px;
+    text-align: center;
+    color: var(--text-color);
+}

package/src/asset_debugger/axis-indicator/axis-indicator.html

@@ -0,0 +1,20 @@
+<!-- Axis Indicator Settings Tab -->
+<div id="axis-settings" class="settings-tab-content">
+    <div class="settings-group">
+        <div class="settings-option">
+            <label for="axis-indicator-type">Display Mode</label>
+            <select id="axis-indicator-type" class="settings-select">
+                <option value="disabled" selected>Disabled</option>
+                <option value="windowed">Windowed</option>
+                <option value="embedded">Embedded</option>
+            </select>
+        </div>
+        <div id="embedded-axis-settings" class="settings-option" style="display: none;">
+            <label for="axis-intensity">Background Intensity</label>
+            <div class="slider-container">
+                <input type="range" id="axis-intensity" min="0.1" max="1.0" step="0.1" value="0.7" class="settings-slider">
+                <span id="axis-intensity-value">0.7</span>
+            </div>
+        </div>
+    </div>
+</div>