brianhansonxyz/rspade_system
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update npm packages

Browse Source 
Add --dump-dimensions option to rsx:debug for layout debugging
Mark framework publish

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
root
2025-12-03 21:48:28 +00:00
parent cff287e870
commit 8d92b287be
1226 changed files with 16280 additions and 19461 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
app/RSpade/Commands/Rsx/Route_Debug_Command.php
View File

@@ -154,7 +154,8 @@ class Route_Debug_Command extends Command
{--console-debug-disable : Disable console_debug entirely for this test}
{--console-list : Alias for --console-log to display all console output}
{--screenshot-width= : Screenshot width (px or preset: mobile, iphone-mobile, tablet, desktop-small, desktop-medium, desktop-large). Defaults to 1920}
{--screenshot-path= : Path to save screenshot file (triggers screenshot capture, max height 5000px)}';
{--screenshot-path= : Path to save screenshot file (triggers screenshot capture, max height 5000px)}
{--dump-dimensions= : Add data-dimensions attribute to elements matching selector (for layout debugging)}';
/**
* The console command description.
@@ -271,6 +272,9 @@ class Route_Debug_Command extends Command
$screenshot_width = $this->option('screenshot-width');
$screenshot_path = $this->option('screenshot-path');
// Get dump-dimensions option
$dump_dimensions = $this->option('dump-dimensions');
// Get console debug options (with environment variable fallbacks)
$console_debug_filter = $this->option('console-debug-filter') ?: env('CONSOLE_DEBUG_FILTER');
$console_debug_benchmark = $this->option('console-debug-benchmark') ?: env('CONSOLE_DEBUG_BENCHMARK', false);
@@ -474,6 +478,10 @@ class Route_Debug_Command extends Command
$command_args[] = "--screenshot-path={$screenshot_path}";
}
if ($dump_dimensions) {
$command_args[] = "--dump-dimensions={$dump_dimensions}";
}
// Pass Laravel log path as environment variable
$laravel_log_path = storage_path('logs/laravel.log');
@@ -588,6 +596,14 @@ class Route_Debug_Command extends Command
$this->line(' # desktop-small (1366px), desktop-medium (1920px), desktop-large (2560px)');
$this->line('');
$this->comment('LAYOUT DEBUGGING:');
$this->line(' php artisan rsx:debug /page --dump-dimensions=".card"');
$this->line(' # Add data-dimensions to .card elements');
$this->line(' php artisan rsx:debug /page --dump-dimensions=".sidebar,.main"');
$this->line(' # Multiple selectors');
$this->line(' # Output in DOM: data-dimensions=\'{"x":0,"y":60,"w":250,"h":800,"margin":0,"padding":"20 15 20 15"}\'');
$this->line('');
$this->comment('IMPORTANT NOTES:');
$this->line(' • When using rsx:debug with grep and no output appears, re-run without grep');
$this->line(' to see the full context and any errors that may have occurred');

29
app/RSpade/man/rsx_debug.txt
View File

@@ -140,6 +140,31 @@ SCREENSHOTS
--screenshot-width=1024 --screenshot-path=/tmp/custom.png
# Custom 1024px width
LAYOUT DEBUGGING
--dump-dimensions=<selector>
Add data-dimensions attribute to all elements matching the CSS selector.
The attribute contains JSON with layout information (all values rounded
to nearest pixel):
- x, y: Absolute position on page
- w, h: Element width and height
- margin: Single value if uniform, or "top right bottom left" notation
- padding: Single value if uniform, or "top right bottom left" notation
Example output in DOM:
data-dimensions='{"x":0,"y":60,"w":250,"h":800,"margin":0,"padding":"20 15 20 15"}'
Examples:
--dump-dimensions=".card"
# Add dimensions to all .card elements
--dump-dimensions=".sidebar,.main-content"
# Multiple selectors
Use with --dump-element to see the annotated HTML, or without --no-body
to see the full page DOM with dimensions embedded.
JAVASCRIPT EVALUATION
--eval=<code>
@@ -224,6 +249,10 @@ Capture mobile and desktop screenshots:
php artisan rsx:debug /page --screenshot-width=mobile --screenshot-path=/tmp/mobile.png
php artisan rsx:debug /page --screenshot-width=desktop-large --screenshot-path=/tmp/desktop.png
Debug layout issues by inspecting element dimensions:
php artisan rsx:debug /page --dump-dimensions=".card,.sidebar" --dump-element=".main"
# Shows .main HTML with data-dimensions on matching elements
IMPORTANT NOTES
• When using rsx:debug with grep and no output appears, re-run without grep