Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Roll your own tab (mostly empty) #6030

Merged
merged 6 commits into from
Jul 2, 2024
Merged

Roll your own tab (mostly empty) #6030

merged 6 commits into from
Jul 2, 2024

Conversation

ruggi
Copy link
Contributor

@ruggi ruggi commented Jul 1, 2024

This is groundwork for #6027.

The Roll Your Own floating thing made in the spike becomes a tab in the right pane (in the future we might want to have it as a floating panel, but we can incrementally extract it later on).

The Grid section is left deliberately empty so we can fill it in with the other grid-related PRs.

Context/history

As part of the exploratory work on grid interactions (#6027) I added a way to test individual interaction/UI pieces in the spirit of the classic Steve Jobs calculator story - called Roll Your Own Grid

Screenshot 2024-07-01 at 17 55 30

There's a good chance this stuff will be useful for more than Grid in the future (e.g. the inspector, the canvas etc) so we can reuse this idea in other contexts, while keeping the original concept.

Note
The PR includes a demo feature type for Grid for illustration purposes only; it should be replaced with the actual features.

Copy link
Contributor

github-actions bot commented Jul 1, 2024

Try me

Copy link

relativeci bot commented Jul 1, 2024

#13231 Bundle Size — 62.4MiB (+0.04%).

38d0f32(current) vs 6339ece master#13229(baseline)

Warning

Bundle contains 51 duplicate packages – View duplicate packages

Bundle metrics  Change 4 changes Regression 1 regression
                 Current
#13231
     Baseline
#13229
Regression  Initial JS 45.46MiB(+0.05%) 45.44MiB
No change  Initial CSS 0B 0B
Change  Cache Invalidation 23.08% 21.55%
No change  Chunks 30 30
No change  Assets 33 33
Change  Modules 4314(+0.05%) 4312
No change  Duplicate Modules 524 524
Change  Duplicate Code 31.77%(-0.03%) 31.78%
No change  Packages 450 450
No change  Duplicate Packages 51 51
Bundle size by type  Change 2 changes Regression 1 regression Improvement 1 improvement
                 Current
#13231
     Baseline
#13229
Regression  JS 62.39MiB (+0.04%) 62.37MiB
Improvement  HTML 11.16KiB (-0.33%) 11.2KiB

Bundle analysis reportBranch feat/roll-your-own-tabProject dashboard

@ruggi ruggi merged commit 551feb3 into master Jul 2, 2024
14 checks passed
@ruggi ruggi deleted the feat/roll-your-own-tab branch July 2, 2024 07:54
liady pushed a commit that referenced this pull request Dec 13, 2024
This is groundwork for
#6027.

The `Roll Your Own` floating thing made in the spike becomes a tab in
the right pane (in the future we might want to have it as a floating
panel, but we can incrementally extract it later on).

The `Grid` section is left deliberately empty so we can fill it in with
the other grid-related PRs.

**Context/history**

As part of the exploratory work on grid interactions
(#6027) I added a way to
test individual interaction/UI pieces in the spirit of [the classic
Steve Jobs calculator
story](https://www.reddit.com/r/mac/comments/o89l6i/the_apple_team_created_an_app_so_that_steve_jobs/)
- called `Roll Your Own Grid`

<img width="368" alt="Screenshot 2024-07-01 at 17 55 30"
src="https://github.com/concrete-utopia/utopia/assets/1081051/c99a46a8-60ba-4a7c-ae03-ed4145ea7c3a">

There's a good chance this stuff will be useful for more than Grid in
the future (e.g. the inspector, the canvas etc) so we can reuse this
idea in other contexts, while keeping the original concept.

**Note**
The PR includes a demo feature type for `Grid` for illustration purposes
only; it should be replaced with the actual features.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants