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: additional properties UX #1631

Merged
merged 6 commits into from
Oct 10, 2024
Merged

Conversation

RohinBhargava
Copy link
Member

Fixes FER-3363

Short description of the changes made

  • Adds small markdown based marker for objects with additional properties in API reference
  • Adds Map of string to string for additional properties in the playground
  • Live updates the playground payload, enabling for send-request
  • Persists state of additional properties via atom and subtraction

What was the motivation & context behind this PR?

  • Customer Demos

How has this PR been tested?

Screen.Recording.2024-10-10.at.3.47.22.AM.mov

Copy link

Copy link

@RohinBhargava RohinBhargava had a problem deploying to Preview - app-dev.buildwithfern.com October 10, 2024 07:57 — with GitHub Actions Failure
@RohinBhargava RohinBhargava had a problem deploying to Preview - app.buildwithfern.com October 10, 2024 07:57 — with GitHub Actions Failure
Copy link

@RohinBhargava RohinBhargava had a problem deploying to Preview - app-dev.buildwithfern.com October 10, 2024 08:02 — with GitHub Actions Failure
@RohinBhargava RohinBhargava had a problem deploying to Preview - app.buildwithfern.com October 10, 2024 08:02 — with GitHub Actions Failure
Copy link

@RohinBhargava RohinBhargava had a problem deploying to Preview - app.buildwithfern.com October 10, 2024 08:04 — with GitHub Actions Error
@RohinBhargava RohinBhargava had a problem deploying to Preview - app-dev.buildwithfern.com October 10, 2024 08:04 — with GitHub Actions Error
Copy link

github-actions bot commented Oct 10, 2024

Playwright test results

passed  1 passed

Details

stats  1 test across 1 suite
duration  9 seconds
commit  cd7d4fc

Copy link

Copy link

PR Preview

Copy link

📦 Next.js Bundle Analysis for fern-platform-monorepo

This analysis was generated by the Next.js Bundle Analysis action. 🤖

🎉 Global Bundle Size Decreased

Page Size (compressed)
global 162.62 KB (🟢 -94.66 KB)
Details

The global bundle is the javascript bundle that loads alongside every page. It is in its own category because its impact is much higher - an increase to its size means that every page on your website loads slower, and a decrease means every page loads faster.

Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis

If you want further insight into what is behind the changes, give @next/bundle-analyzer a try!

New Page Added

The following page was added to the bundle from the code in this PR:

Page Size (compressed) First Load % of Budget (350 KB)
/404 332 B 162.94 KB 46.56%

Two Pages Changed Size

The following pages changed size from the code in this PR compared to its base branch:

Page Size (compressed) First Load % of Budget (350 KB)
/dynamic/[host]/[[...slug]] 55.59 KB 218.21 KB 62.34% (🟢 -6.15%)
/static/[host]/[[...slug]] 55.58 KB 218.2 KB 62.34% (🟢 -6.15%)
Details

Only the gzipped size is provided here based on an expert tip.

First Load is the size of the global bundle plus the bundle for the individual page. If a user were to show up to your website and land on a given page, the first load size represents the amount of javascript that user would need to download. If next/link is used, subsequent page loads would only need to download that page's bundle (the number in the "Size" column), since the global bundle has already been downloaded.

Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis

The "Budget %" column shows what percentage of your performance budget the First Load total takes up. For example, if your budget was 100kb, and a given page's first load size was 10kb, it would be 10% of your budget. You can also see how much this has increased or decreased compared to the base branch of your PR. If this percentage has increased by 20% or more, there will be a red status indicator applied, indicating that special attention should be given to this. If you see "+/- <0.01%" it means that there was a change in bundle size, but it is a trivial enough amount that it can be ignored.

@RohinBhargava RohinBhargava enabled auto-merge (squash) October 10, 2024 08:12
Copy link

Playwright test results

passed  81 passed

Details

stats  81 tests across 3 suites
duration  1 minute, 7 seconds
commit  cd7d4fc

@dsinghvi dsinghvi disabled auto-merge October 10, 2024 12:40

{extraProperties != null && (
<div className={cn("flex-1 shrink min-w-0 mt-8")}>
<PlaygroundObjectPropertyForm
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This should be the PlaygroundMapForm directly

{object.extraProperties != null && (
<div className="flex pt-2">
<Plus />
<Markdown mdx="Optional Additional Properties" className="!t-muted" size="sm" />
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Comment this out before merging, since this looks like a placeholder

@dsinghvi dsinghvi merged commit 7f41717 into main Oct 10, 2024
21 of 22 checks passed
@dsinghvi dsinghvi deleted the rohin/additional-properties-ux branch October 10, 2024 12:52
@dsinghvi
Copy link
Member

@RohinBhargava can you make sure to complete the followups ^

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