René's URL Explorer Experiment


Title: feat: extended flex layout by rauhryan · Pull Request #97 · bombshell-dev/tty · GitHub

Open Graph Title: feat: extended flex layout by rauhryan · Pull Request #97 · bombshell-dev/tty

X Title: feat: extended flex layout by rauhryan · Pull Request #97 · bombshell-dev/tty

Description: Platform independent 2D layout engine for terminal applications based on Clay - feat: extended flex layout by rauhryan · Pull Request #97 · bombshell-dev/tty

Open Graph Description: What does this PR do? Adds a slop spike to explore expanding flex sizing options Closes #70 Closes #71 Type of change Bug fix Feature Refactor (no behavior change) Documentation Performance ...

X Description: What does this PR do? Adds a slop spike to explore expanding flex sizing options Closes #70 Closes #71 Type of change Bug fix Feature Refactor (no behavior change) Documentation Performance ...

Opengraph URL: https://github.com/bombshell-dev/tty/pull/97

X: @github

direct link

Domain: github.com

react-profiling0
react-import-mapreact,react-dom,react-dom/client,react-dom/profiling,react-is,react-reconciler,react/compiler-runtime,react/jsx-dev-runtime,react/jsx-runtime,scheduler@d5750093facf
route-pattern/_view_fragments/voltron/pull_requests/show/:user_id/:repository/:id/pull_request_layout(.:format)
route-controllervoltron_pull_requests_fragments
route-actionpull_request_layout
fetch-noncev2:665b45e3-4a24-2b63-493e-ad337acec962
current-catalog-service-hashae870bc5e265a340912cde392f23dad3671a0a881730ffdadd82f2f57d81641b
request-idC3BE:6DB21:12360F9:17EC57A:6AF9A97C
html-safe-nonce22b20c62e56d425964b464b70e0d8ce6f3a2930700638002f0a0f14b59f89f73
visitor-payloadeyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiJDM0JFOjZEQjIxOjEyMzYwRjk6MTdFQzU3QTo2QUY5QTk3QyIsInZpc2l0b3JfaWQiOiI0NTgzNDY3MjYwNDUzNjkzODIwIiwicmVnaW9uX2VkZ2UiOiJpYWQiLCJyZWdpb25fcmVuZGVyIjoiaWFkIn0=
visitor-hmac0619ac46dfd3cf95bb096db38452de703eec7c5dfbabfcef18726dd919e0a781
hovercard-subject-tagpull_request:3867234005
github-keyboard-shortcutsrepository,pull-request-list,pull-request-conversation,pull-request-files-changed,copilot
google-site-verificationApib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I
octolytics-urlhttps://collector.github.com/github/collect
analytics-location///voltron/pull_requests_fragments/pull_request_layout
fb:app_id1401488693436528
apple-itunes-appapp-id=1477376905, app-argument=https://github.com/_view_fragments/voltron/pull_requests/show/bombshell-dev/tty/97/pull_request_layout
twitter:imagehttps://opengraph.githubassets.com/a5f2e97c6c9cb2158012e59f2962fdd1277fc9c1d68d8772f738a3dd852b21bc/bombshell-dev/tty/pull/97
twitter:cardsummary_large_image
og:imagehttps://opengraph.githubassets.com/a5f2e97c6c9cb2158012e59f2962fdd1277fc9c1d68d8772f738a3dd852b21bc/bombshell-dev/tty/pull/97
og:image:altWhat does this PR do? Adds a slop spike to explore expanding flex sizing options Closes #70 Closes #71 Type of change Bug fix Feature Refactor (no behavior change) Documentation Performance ...
og:image:width1200
og:image:height600
og:site_nameGitHub
og:typeobject
og:author:usernamerauhryan
hostnamegithub.com
expected-hostnamegithub.com
None612d3e6ffd693e7ea8d9fcf452370995872baef31d825b1fedef704cd3d24ac7
turbo-cache-controlno-cache
go-importgithub.com/bombshell-dev/tty git https://github.com/bombshell-dev/tty.git
octolytics-dimension-user_id169915079
octolytics-dimension-user_loginbombshell-dev
octolytics-dimension-repository_id1182910315
octolytics-dimension-repository_nwobombshell-dev/tty
octolytics-dimension-repository_publictrue
octolytics-dimension-repository_is_forkfalse
octolytics-dimension-repository_network_root_id1182910315
octolytics-dimension-repository_network_root_nwobombshell-dev/tty
turbo-body-classeslogged-out env-production page-responsive
disable-turbofalse
browser-stats-urlhttps://api.github.com/_private/browser/stats
browser-errors-urlhttps://api.github.com/_private/browser/errors
release072e34035c13c31543fba9f025cbbbda4210dae4
ui-targetfull
theme-color#1e2327
color-schemelight dark
react-app-namepull-requests

Links:

Skip to contenthttps://github.com/bombshell-dev/tty/pull/97#start-of-content
https://github.com/
Sign inhttps://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fbombshell-dev%2Ftty%2Fpull%2F97
GitHubRepository hosting, code review, and collaborationhttps://github.com/platform
CopilotAI coding agent for tasks, projects, and automated workhttps://github.com/features/copilot
ActionsCI/CD and automationhttps://github.com/features/actions
Code QualityQuality analysis, fixes, and enforcementhttps://github.com/features/code-quality
CodespacesCloud development environmentshttps://github.com/features/codespaces
Code SecurityVulnerability detection and remediationhttps://github.com/security/advanced-security/code-security
Secret ProtectionSecret scanning and leak preventionhttps://github.com/security/advanced-security/secret-protection
All Featureshttps://github.com/features
Documentationhttps://docs.github.com/en
Traininghttps://learn.github.com/skills
Certificationshttps://learn.github.com/credentials
Build with Copilothttps://github.com/features/ai
Customize Copilothttps://docs.github.com/en/copilot/how-tos/copilot-on-github/customize-copilot/customize-copilot-overview
Integrationshttps://github.com/marketplace
Trending reposhttps://github.com/trending
GitHub Sponsorshttps://github.com/open-source/sponsors
Developer articleshttps://github.com/resources/articles
ChangelogYour source for the latest features, improvements, and fixes across GitHub products, all in one place.https://github.blog/changelog/
Enterpriseshttps://github.com/enterprise
Teamhttps://github.com/team
Startupshttps://github.com/enterprise/startups
Nonprofitshttps://github.com/solutions/industry/nonprofits
Healthcarehttps://github.com/solutions/industry/healthcare
Financial serviceshttps://github.com/solutions/industry/financial-services
Manufacturinghttps://github.com/solutions/industry/manufacturing
Governmenthttps://github.com/solutions/industry/government
See all industrieshttps://github.com/solutions/industry
Why GitHubhttps://github.com/why-github
Customer Storieshttps://github.com/customer-stories
Business insightshttps://github.com/solutions/executive-insights
Trust Centerhttps://github.com/trust-center
GitHub Advanced SecurityEnterprise-grade code securityhttps://github.com/security/advanced-security
Copilot for businessEnterprise-grade AI featureshttps://github.com/features/copilot/copilot-business
Premium SupportEnterprise-grade 24/7 supporthttps://github.com/enterprise/premium-support
Documentationhttps://docs.github.com/en
Resource centerhttps://github.com/resources
Bloghttps://github.blog/
Events & webinarshttps://github.com/resources/events
Community Forumhttps://github.com/orgs/community/discussions
Customer Storieshttps://github.com/customer-stories
Integrationshttps://github.com/marketplace
Customer supporthttps://help.github.com/
Traininghttps://learn.github.com/skills
GitHub Statushttps://www.githubstatus.com/
Abouthttps://github.com/about
Partnershttps://github.com/partners
Changeloghttps://github.blog/changelog/
GitHub UniverseThe event for developers, by developers — talks, workshops, and what’s next for GitHub.https://githubuniverse.com/
Pricinghttps://github.com/pricing
Sign inhttps://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fbombshell-dev%2Ftty%2Fpull%2F97
Sign uphttps://github.com/signup?ref_cta=Sign+up&ref_loc=header+logged+out&ref_page=%2F%3Cuser-name%3E%2F%3Crepo-name%3E%2Fvoltron%2Fpull_requests_fragments%2Fpull_request_layout&source=header-repo&source_repo=bombshell-dev%2Ftty
Reloadhttps://github.com/bombshell-dev/tty/pull/97
Reloadhttps://github.com/bombshell-dev/tty/pull/97
Reloadhttps://github.com/bombshell-dev/tty/pull/97
bombshell-devhttps://github.com/bombshell-dev
ttyhttps://github.com/bombshell-dev/tty
Codehttps://github.com/bombshell-dev/tty
Issues31 (31)https://github.com/bombshell-dev/tty/issues
Pull requests21 (21)https://github.com/bombshell-dev/tty/pulls
Actionshttps://github.com/bombshell-dev/tty/actions
Projectshttps://github.com/bombshell-dev/tty/projects
Security and qualityhttps://github.com/bombshell-dev/tty/security
Insightshttps://github.com/bombshell-dev/tty/pulse
https://github.com/bombshell-dev/tty
rauhryanhttps://github.com/rauhryan
mainhttps://github.com/bombshell-dev/tty/tree/main
flex-sizing-70-71https://github.com/bombshell-dev/tty/tree/flex-sizing-70-71
Conversationhttps://github.com/bombshell-dev/tty/pull/97
Commits3 (3)https://github.com/bombshell-dev/tty/pull/97/commits
Checkshttps://github.com/bombshell-dev/tty/pull/97/checks
Files changedhttps://github.com/bombshell-dev/tty/pull/97/files
feat: extended flex layouthttps://github.com/bombshell-dev/tty/pull/97#top
rauhryanhttps://github.com/rauhryan
mainhttps://github.com/bombshell-dev/tty/tree/main
flex-sizing-70-71https://github.com/bombshell-dev/tty/tree/flex-sizing-70-71
https://github.com/rauhryan
rauhryanhttps://github.com/rauhryan
Jun 15, 2026https://github.com/bombshell-dev/tty/pull/97#issue-4664505970
#70https://github.com/bombshell-dev/tty/issues/70
#71https://github.com/bombshell-dev/tty/issues/71
Please reload this pagehttps://github.com/bombshell-dev/tty/pull/97
https://github.com/rauhryan
spike: initial spike for extended flex layouthttps://github.com/bombshell-dev/tty/pull/97/commits/e18aeb191c9e28fdccb4612f50d4ce202745a465
e18aeb1https://github.com/bombshell-dev/tty/pull/97/commits/e18aeb191c9e28fdccb4612f50d4ce202745a465
https://github.com/apps/pkg-pr-new
pkg-pr-newhttps://github.com/apps/pkg-pr-new
Jun 15, 2026https://github.com/bombshell-dev/tty/pull/97#issuecomment-4707282800
Please reload this pagehttps://github.com/bombshell-dev/tty/pull/97
Open in StackBlitzhttps://pkg.pr.new/template/99c48f0f-30ab-434d-9eb4-a493fc9df281
26ce90bhttps://github.com/bombshell-dev/tty/runs/118057034696
Please reload this pagehttps://github.com/bombshell-dev/tty/pull/97
https://github.com/apps/github-actions
github-actionshttps://github.com/apps/github-actions
Jun 15, 2026https://github.com/bombshell-dev/tty/pull/97#issuecomment-4707283473
Please reload this pagehttps://github.com/bombshell-dev/tty/pull/97
Please reload this pagehttps://github.com/bombshell-dev/tty/pull/97
https://github.com/rauhryan
demo: add an example of the various uses of the flex propertieshttps://github.com/bombshell-dev/tty/pull/97/commits/e632001c353a47a94add21810ff2326ad5915fd0
e632001https://github.com/bombshell-dev/tty/pull/97/commits/e632001c353a47a94add21810ff2326ad5915fd0
https://github.com/rauhryan
rauhryanhttps://github.com/rauhryan
Jun 15, 2026https://github.com/bombshell-dev/tty/pull/97#issuecomment-4707692071
https://private-user-images.githubusercontent.com/68954/607899541-9874f4d9-d662-4b82-8389-dbf49c36b108.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3OTQ3NDcwNDgsIm5iZiI6MTc5NDc0Njc0OCwicGF0aCI6Ii82ODk1NC82MDc4OTk1NDEtOTg3NGY0ZDktZDY2Mi00YjgyLTgzODktZGJmNDljMzZiMTA4LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNjExMTUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjYxMTE1VDEyNDU0OFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTk4YWRlYWViMjY4MWE5MTA4MzIwYmVkZjUxOGI3NWY3MGI3MjA1YWMwOWY4ZDk5NjY3OTIzYzIxZTI3NTFjMDgmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JnJlc3BvbnNlLWNvbnRlbnQtdHlwZT1pbWFnZSUyRnBuZyJ9.ayEPn9kiXm6VkY9A5TEoCG_WgAXmMEqwuPSjojxQcCI
Please reload this pagehttps://github.com/bombshell-dev/tty/pull/97
https://github.com/apps/codspeed
codspeedhttps://github.com/apps/codspeed
Jun 15, 2026https://github.com/bombshell-dev/tty/pull/97#issuecomment-4707742851
Please reload this pagehttps://github.com/bombshell-dev/tty/pull/97
26ce90bhttps://github.com/bombshell-dev/tty/commit/26ce90b35c3263c9388a08dd1f8f83200973fcb1
628196chttps://github.com/bombshell-dev/tty/commit/628196c018756c41fc645db1881a7228b72b66b3
1https://github.com/bombshell-dev/tty/pull/97#user-content-fn-unexpected-base-698061a6f8c618b7551432948b39cf2e
https://app.codspeed.io/bombshell-dev/tty/branches/flex-sizing-70-71?utm_source=github&utm_medium=comment-v2&utm_content=button
9e6f17bhttps://github.com/bombshell-dev/tty/commit/9e6f17b5594e757174662bbadf74b17db350dce3
628196chttps://github.com/bombshell-dev/tty/commit/628196c018756c41fc645db1881a7228b72b66b3
↩https://github.com/bombshell-dev/tty/pull/97#user-content-fnref-unexpected-base-698061a6f8c618b7551432948b39cf2e
Please reload this pagehttps://github.com/bombshell-dev/tty/pull/97
https://github.com/rauhryan
rauhryanhttps://github.com/rauhryan
July 15, 2026 15:11https://github.com/bombshell-dev/tty/pull/97#event-28023014803
https://github.com/rauhryan
rauhryanhttps://github.com/rauhryan
Jul 15, 2026https://github.com/bombshell-dev/tty/pull/97#issuecomment-4982207770
Please reload this pagehttps://github.com/bombshell-dev/tty/pull/97
https://github.com/rauhryan
rauhryanhttps://github.com/rauhryan
Jul 15, 2026https://github.com/bombshell-dev/tty/pull/97#event-28023219947
https://github.com/cowboyd
cowboydhttps://github.com/cowboyd
July 29, 2026 18:32https://github.com/bombshell-dev/tty/pull/97#event-28679577423
https://github.com/natemoo-re
Merge remote-tracking branch 'origin/main' into pr-fix/97https://github.com/bombshell-dev/tty/pull/97/commits/26ce90b35c3263c9388a08dd1f8f83200973fcb1
26ce90bhttps://github.com/bombshell-dev/tty/pull/97/commits/26ce90b35c3263c9388a08dd1f8f83200973fcb1
https://github.com/apps/bombshell-cooper
bombshell-cooperhttps://github.com/apps/bombshell-cooper
changeset: missing https://github.com/bombshell-dev/tty/issues?q=state%3Aopen%20label%3A%22changeset%3A%20missing%22
Oct 19, 2026https://github.com/bombshell-dev/tty/pull/97#event-33642675812
https://github.com/apps/bombshell-cooper
bombshell-cooperhttps://github.com/apps/bombshell-cooper
Oct 19, 2026https://github.com/bombshell-dev/tty/pull/97#issuecomment-6267126315
Add this changeset manuallyhttps://github.com/bombshell-dev/tty/new/flex-sizing-70-71?filename=.changeset/cooper-fast-bees.md&value=---%0A---%0A%0AAdds%20%60layout.alignSelf%60%20and%20%60stretch()%60%20for%20per-child%20cross-axis%20alignment%20in%20flex%20layouts.%0A%0A%60layout.alignSelf%60%20accepts%20%60auto%60%2C%20%60normal%60%2C%20%60stretch%60%2C%20%60center%60%2C%20%60start%60%2C%20%60end%60%2C%20%60flex-start%60%2C%20and%20%60flex-end%60.%20%60auto%60%20(the%20default)%20inherits%20the%20parent's%20cross-axis%20alignment%20unchanged.%20%60stretch%60%20and%20%60normal%60%20expand%20auto-like%20cross%20sizes%20to%20fill%20the%20parent's%20content%20box%3B%20definite%20sizes%20(%60fixed()%60%2C%20%60percent()%60)%20remain%20definite.%20The%20new%20%60stretch()%60%20sizing%20helper%20explicitly%20fills%20the%20cross%20axis%20and%20can%20be%20used%20on%20either%20dimension%20independently%20of%20%60alignSelf%60.%0A%0AFloating%20elements%20and%20root%20elements%20ignore%20%60alignSelf%60.
Please reload this pagehttps://github.com/bombshell-dev/tty/pull/97
https://github.co/hiddenchars
https://github.com/bombshell-dev/tty/pull/{{ revealButtonHref }}
Sign up for freehttps://github.com/join?source=comment-repo
Sign in to commenthttps://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fbombshell-dev%2Ftty%2Fpull%2F97
Please reload this pagehttps://github.com/bombshell-dev/tty/pull/97
changeset: missing https://github.com/bombshell-dev/tty/issues?q=state%3Aopen%20label%3A%22changeset%3A%20missing%22
💡 Stretch sizing (fill the cross axis) https://github.com/bombshell-dev/tty/issues/71
💡 Per-child align-self https://github.com/bombshell-dev/tty/issues/70
Please reload this pagehttps://github.com/bombshell-dev/tty/pull/97
https://github.com/rauhryan
https://github.com/natemoo-re
https://github.com
Termshttps://docs.github.com/site-policy/github-terms/github-terms-of-service
Privacyhttps://docs.github.com/site-policy/privacy-policies/github-privacy-statement
Securityhttps://github.com/security
Statushttps://www.githubstatus.com/
Communityhttps://github.community/
Docshttps://docs.github.com/
Contacthttps://support.github.com?tags=dotcom-footer

Viewport: width=device-width

URLs of crawlers that visited me.