Skip to content

Feature: Homepage overhaul with widgets#6551

Open
lkostrowski wants to merge 21 commits intomainfrom
lkostrowski/home-app-extensions
Open

Feature: Homepage overhaul with widgets#6551
lkostrowski wants to merge 21 commits intomainfrom
lkostrowski/home-app-extensions

Conversation

@lkostrowski
Copy link
Copy Markdown
Member

@lkostrowski lkostrowski commented May 4, 2026

This PR introduces new Home Page. It's not yet replacing the old one - it's hidden and accessible via URL and will be available later with proper router redirect.

The new page is basically an apps' mount point area.

New mount point with optional fullscrenn: boolean prop will render app extensions:

  1. As a full screen with dedicated ta
  2. As a widget in the grid, with dedicated "Widgets" tab
  3. Saleor official apps, marked with saleor.app domain will be additionally highlighted with Saleor logo

This is part of the wider context:

  • Staff can customize their landing screen with what they need most
  • Onboarding will be moved to the app, mounting here, but merchant can uninstall it eventually
  • More Saleor apps can be preinstalled there

Delivery flow

  1. Merge this
  2. Update app-sdk to allow setting new manifest enums
  3. Move onboarding to the app and deploy
  4. Preinstall onboarding app and mount it
  5. Change main screen to the new one
  6. Remove old onboarding code

Screens

CleanShot 2026-05-07 at 08 48 56@2x CleanShot 2026-05-07 at 08 48 46@2x

Copilot AI review requested due to automatic review settings May 4, 2026 15:23
@changeset-bot
Copy link
Copy Markdown

changeset-bot Bot commented May 4, 2026

⚠️ No Changeset found

Latest commit: dcb331c

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@codecov
Copy link
Copy Markdown

codecov Bot commented May 4, 2026

Codecov Report

❌ Patch coverage is 59.02439% with 84 lines in your changes missing coverage. Please review.
✅ Project coverage is 48.79%. Comparing base (c305dd4) to head (dcb331c).

Files with missing lines Patch % Lines
...rc/extensions/components/IframePost/IframePost.tsx 18.75% 26 Missing ⚠️
src/home/HomePage.tsx 46.80% 25 Missing ⚠️
src/home/HomeWidgetTabs.stories.tsx 0.00% 12 Missing ⚠️
src/home/ExtensionIframe.tsx 46.66% 8 Missing ⚠️
src/home/HomeWidgetCell.tsx 53.33% 7 Missing ⚠️
src/home/HomeWidgetTabs.tsx 91.30% 2 Missing ⚠️
src/home/HomeWidgetsGrid.tsx 50.00% 2 Missing ⚠️
src/components/DevModePanel/DevModePanel.tsx 0.00% 1 Missing ⚠️
src/home/HomeWidgetView.tsx 50.00% 1 Missing ⚠️
Additional details and impacted files
@@            Coverage Diff             @@
##             main    #6551      +/-   ##
==========================================
+ Coverage   48.67%   48.79%   +0.11%     
==========================================
  Files        2591     2604      +13     
  Lines       46178    46375     +197     
  Branches    10624    10668      +44     
==========================================
+ Hits        22476    22627     +151     
- Misses      23321    23367      +46     
  Partials      381      381              
Flag Coverage Δ
storybook 44.01% <81.81%> (+0.16%) ⬆️
units 44.44% <54.18%> (+0.10%) ⬆️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

@lkostrowski lkostrowski review requested due to automatic review settings May 4, 2026 15:44
Copilot AI review requested due to automatic review settings May 5, 2026 09:39
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull request overview

Copilot reviewed 88 out of 89 changed files in this pull request and generated 4 comments.

Comment thread src/extensions/components/IframePost/IframePost.tsx
Comment thread src/extensions/components/IframePost/IframePost.tsx
Comment thread src/home/filterHomeExtensions.ts Outdated
Comment thread src/home/HomePage.tsx Outdated
Copilot AI review requested due to automatic review settings May 5, 2026 15:19
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull request overview

Copilot reviewed 94 out of 96 changed files in this pull request and generated 3 comments.

Comment thread src/home/HomePage.tsx Outdated
Comment thread src/home/HomePage.tsx Outdated
Comment thread src/extensions/components/IframePost/IframePost.tsx
Copilot AI review requested due to automatic review settings May 7, 2026 06:59
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull request overview

Copilot reviewed 32 out of 33 changed files in this pull request and generated 2 comments.

Comment thread src/extensions/components/IframePost/IframePost.tsx
Comment thread src/home/HomePage.tsx Outdated
Copilot AI review requested due to automatic review settings May 7, 2026 08:09
@lkostrowski lkostrowski marked this pull request as ready for review May 7, 2026 08:09
@lkostrowski lkostrowski requested a review from a team May 7, 2026 08:09
@lkostrowski lkostrowski requested a review from NyanKiyoshi May 7, 2026 08:09
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull request overview

Copilot reviewed 34 out of 35 changed files in this pull request and generated 4 comments.

Comment thread src/index.tsx
Comment thread src/extensions/components/IframePost/IframePost.tsx
Comment thread src/extensions/components/IframePost/IframePost.tsx
Comment thread src/home/HomeWidgetCell.tsx
@lkostrowski lkostrowski changed the title POC - homepage widgets Feature: Homepage overhaul with widgets May 7, 2026
@lkostrowski lkostrowski added the skip changeset Use if your changes doesn't need entry in changelog label May 7, 2026
Copilot AI review requested due to automatic review settings May 7, 2026 11:37
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull request overview

Copilot reviewed 34 out of 35 changed files in this pull request and generated 5 comments.

Comment on lines +47 to +58
<Box
__width={extension.isSaleorOfficial ? 20 : 0}
__height={20}
display="inline-flex"
alignItems="center"
justifyContent="center"
data-test-id={
extension.isSaleorOfficial ? `saleor-app-badge-${extension.id}` : undefined
}
>
{extension.isSaleorOfficial && <SaleorLogo />}
</Box>
size={2}
color="default2"
href={appPageUrl}
onClick={e => {
Comment thread src/home/HomePage.tsx
Comment on lines +19 to +21
export const useHomeRouteParams = () => {
const { extensionId: rawExtensionId } = useParams<{ extensionId?: string }>();
const extensionId = rawExtensionId ? decodeURIComponent(rawExtensionId) : undefined;
as="iframe"
borderWidth={0}
__height={height as number | string}
sandbox="allow-same-origin allow-forms allow-scripts allow-downloads"
Comment thread src/index.tsx
Comment on lines 191 to +196
<Suspense fallback={<LoginLoading />}>
<Switch>
{legacyRedirects}
<SectionRoute exact path="/" component={WelcomePage} />
<SectionRoute exact path="/home/widget/:extensionId" component={HomePage} />
<SectionRoute exact path="/home/widgets" component={HomePage} />
@lkostrowski lkostrowski added the test deployment Deploy Pull Request to *.saleor.rocks environment label May 7, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

skip changeset Use if your changes doesn't need entry in changelog test deployment Deploy Pull Request to *.saleor.rocks environment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants