fix(vite-plugin-angular): fix component HMR with angular 19.1.2 by mattlewis92 · Pull Request #1563 · analogjs/analog · GitHub
Skip to content

fix(vite-plugin-angular): fix component HMR with angular 19.1.2 - #1563

Merged
brandonroberts merged 3 commits into
analogjs:betafrom
mattlewis92:patch-1
Jan 21, 2025
Merged

brandonroberts merged 3 commits into
analogjs:betafrom
mattlewis92:patch-1

Conversation

@mattlewis92

Copy link
Copy Markdown
Contributor

PR Checklist

In angular 19.1.2 component template urls were changed to be relative via angular/angular#59620. Unfortunately this breaks component template HMR with the vite plugin

CleanShot 2025-01-20 at 18 03 59@2x

Luckily the fix is pretty straight forward (copied from angular/angular-cli#29386)

What is the new behavior?

Component template HMR works again

Does this PR introduce a breaking change?

  • Yes
  • No

Other information

[optional] What gif best describes this PR or how it makes you feel?

@netlify

netlify Bot commented Jan 20, 2025 •

Copy link
Copy Markdown

@netlify

netlify Bot commented Jan 20, 2025 •

Copy link
Copy Markdown

✅ Deploy Preview for analog-ng-app ready!

Name Link
🔨 Latest commit 885fd7d
🔍 Latest deploy log https://app.netlify.com/sites/analog-ng-app/deploys/678fe54373934e00086e0d6f
😎 Deploy Preview https://deploy-preview-1563--analog-ng-app.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@netlify

netlify Bot commented Jan 20, 2025 •

Copy link
Copy Markdown

✅ Deploy Preview for analog-app ready!

Name Link
🔨 Latest commit 885fd7d
🔍 Latest deploy log https://app.netlify.com/sites/analog-app/deploys/678fe543a5f7c60008fe2d3a
😎 Deploy Preview https://deploy-preview-1563--analog-app.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@netlify

netlify Bot commented Jan 20, 2025 •

Copy link
Copy Markdown

✅ Deploy Preview for analog-blog ready!

Name Link
🔨 Latest commit 885fd7d
🔍 Latest deploy log https://app.netlify.com/sites/analog-blog/deploys/678fe543e2853a000898a10d
😎 Deploy Preview https://deploy-preview-1563--analog-blog.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Comment thread package.json
"nitropack": "^2.10.0",
"nx": "20.1.2",
"playwright": "^1.30.0",
"playwright": "^1.49.1",

@mattlewis92 mattlewis92 Jan 21, 2025 •

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.

Needed to fix the failing e2e tests which broke due to github recently upgrading github actions to use ubuntu 24. Support for ubuntu 24 was only added in playwright 1.45

Happy to make this a separate PR if needed

@brandonroberts

Copy link
Copy Markdown
Member

@mattlewis92 This line needs adjusting also

id.startsWith(ANGULAR_COMPONENT_PREFIX)

@mattlewis92

Copy link
Copy Markdown
Contributor Author

@mattlewis92 This line needs adjusting also

Thanks! Fixed in 885fd7d (#1563)

This branch was successfully deployed

1 active deployment
Preview — 885fd7d1 Deployed Jan 21, 2025 by vercel[bot]
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.

2 participants