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

feat(editor): pass scene size to style plugins #6715

Merged
merged 13 commits into from
Dec 11, 2024
Merged

Conversation

liady
Copy link
Contributor

@liady liady commented Dec 9, 2024

This prep PR adds the ability to pass the Scene size to the Tailwind plugin/
This was extracted from the spike since it added small changes in many files.

Details:

  • We need the Scene size in tailwind-style-plugin.ts to be able (in the next PR) to calculate the matching breakpoint.
  • We get the Scene size in getContainingSceneWidth in responsive-utils.ts and we pass it to the Tailwind plugin.
  • The rest of the changes are just passing down this data.

This PR doesn't change any functionality, but is merely a prep PR for the next, functional one.

Manual Tests:
I hereby swear that:

  • I opened a hydrogen project and it loaded
  • I could navigate to various routes in Play mode

Copy link
Contributor

github-actions bot commented Dec 9, 2024

Try me

Copy link
Contributor

github-actions bot commented Dec 9, 2024

Try me

(deploying...)

Copy link
Contributor

github-actions bot commented Dec 9, 2024

Try me

Copy link

relativeci bot commented Dec 9, 2024

#15412 Bundle Size — 58.22MiB (+0.02%).

4d676f7(current) vs d1d46c1 master#15407(baseline)

Warning

Bundle contains 70 duplicate packages – View duplicate packages

Bundle metrics  Change 3 changes Regression 1 regression
                 Current
#15412
     Baseline
#15407
Regression  Initial JS 41.19MiB(+0.02%) 41.18MiB
No change  Initial CSS 0B 0B
Change  Cache Invalidation 18.24% 18.12%
No change  Chunks 20 20
No change  Assets 22 22
Change  Modules 4190(+0.02%) 4189
No change  Duplicate Modules 213 213
No change  Duplicate Code 27.24% 27.24%
No change  Packages 477 477
No change  Duplicate Packages 70 70
Bundle size by type  Change 2 changes Regression 1 regression Improvement 1 improvement
                 Current
#15412
     Baseline
#15407
Regression  JS 58.21MiB (+0.02%) 58.2MiB
Improvement  HTML 9.4KiB (-0.21%) 9.42KiB

Bundle analysis reportBranch feat/pass-scene-sizeProject dashboard


Generated by RelativeCIDocumentationReport issue

@liady liady merged commit 84da0ab into master Dec 11, 2024
14 checks passed
@liady liady deleted the feat/pass-scene-size branch December 11, 2024 15:12
liady added a commit that referenced this pull request Dec 13, 2024
This prep PR adds the ability to pass the Scene size to the Tailwind
plugin/
This was extracted from the spike since it added small changes in many
files.

**Details:**

- We need the Scene size in
[tailwind-style-plugin.ts](https://github.com/concrete-utopia/utopia/pull/6715/files#diff-ad30d4bf205861b9efac9bb4bdb2bb68707cace215f64915244c46dbfab0607dR23-R25)
to be able (in the next PR) to calculate the matching breakpoint.
- We get the Scene size in `getContainingSceneWidth` in
[responsive-utils.ts](https://github.com/concrete-utopia/utopia/pull/6715/files#diff-4f8de694cb6cb8852ff046766f5015a01f9567d4c3b7472bbac36358b52932aaR7-R16)
and we pass it to the Tailwind plugin.
- The rest of the changes are just passing down this data.

This PR doesn't change any functionality, but is merely a prep PR for
the next, functional one.

**Manual Tests:**
I hereby swear that:

- [X] I opened a hydrogen project and it loaded
- [X] I could navigate to various routes in Play mode
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