Skip to content

[examples] Update ionic-react example#12879

Merged
onsclom merged 3 commits intomainfrom
austinmerrick/update-ionic-react-example
Jan 17, 2025
Merged

[examples] Update ionic-react example#12879
onsclom merged 3 commits intomainfrom
austinmerrick/update-ionic-react-example

Conversation

@onsclom
Copy link
Copy Markdown
Contributor

@onsclom onsclom commented Jan 17, 2025

Updating ionic-react to unpin from node 16.

Since this update changed the build tool from webpack -> vite, the default outdir changed. Changed it back to build in the vite config (see comments below).

Deployment: https://ionic-react-q1fqkl6qt-austin-merricks-projects.vercel.app/

@changeset-bot
Copy link
Copy Markdown

changeset-bot bot commented Jan 17, 2025

🦋 Changeset detected

Latest commit: 7ca7989

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 0 packages

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

Not sure what this means? Click here to learn what changesets are.

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

Comment on lines +18 to +20
build: {
outDir: 'build'
}
Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

Added this to match the existing outDir in frameworks.ts. Instead, the ionic-react frameworks.ts entry can be update to match vite defaults (like dist as output dir), but then we might break old webpack ionic-react projects.

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Does that mean that newly generated ionic-react projects will not be detected by frameworks.ts?

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

We should update the framework.ts entries so that older ionic-react versions (that use the old outDir) can still work but new ones are detected properly. Maybe we add a second entry for newer ionic-react package versions. I could pair on it next week, if you like.

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

Good idea! Will add detection for vite ionic-react projects in a new PR.

@socket-security
Copy link
Copy Markdown

New, updated, and removed dependencies detected. Learn more about Socket for GitHub ↗︎

Package New capabilities Transitives Size Publisher
npm/@ionic/[email protected] 🔁 npm/@ionic/[email protected] None 0 132 kB ionicjs
npm/@ionic/[email protected] 🔁 npm/@ionic/[email protected] None 0 930 kB ionicjs
npm/@testing-library/[email protected] 🔁 npm/@testing-library/[email protected] None +1 209 kB testing-library-bot
npm/@testing-library/[email protected] 🔁 npm/@testing-library/[email protected] None +1 8.41 MB testing-library-bot
npm/@vitejs/[email protected] environment +2 499 kB vitebot
npm/[email protected] Transitive: environment, filesystem, network, shell +21 12.4 MB cypress-npm-publisher
npm/[email protected] environment, eval, filesystem, network, shell, unsafe 0 3.6 MB vitebot
npm/[email protected] environment, eval Transitive: filesystem, shell, unsafe +7 2.06 MB oreanno

🚮 Removed packages: npm/@babel/[email protected], npm/@babel/[email protected], npm/@csstools/[email protected], npm/@ionic/[email protected], npm/@sheerun/[email protected], npm/@testing-library/[email protected], npm/@types/[email protected], npm/@types/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected]

View full report↗︎

@onsclom onsclom marked this pull request as ready for review January 17, 2025 18:29
@onsclom onsclom added this pull request to the merge queue Jan 17, 2025
Merged via the queue into main with commit c2b3a37 Jan 17, 2025
@onsclom onsclom deleted the austinmerrick/update-ionic-react-example branch January 17, 2025 18:58
github-merge-queue bot pushed a commit that referenced this pull request Jan 23, 2025
`ionic-react` tests were temporarily skipped because of
#12879.

Now this test project has been manually set to `Vite`, so it can be
unskipped.
QuietCraftsmanship pushed a commit to QuietCraftsmanship/Vercel that referenced this pull request Jul 6, 2025
`ionic-react` tests were temporarily skipped because of
vercel/vercel#12879.

Now this test project has been manually set to `Vite`, so it can be
unskipped.
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.

4 participants