History

dependabot[bot] 9db1ce1fbe Bump @angular/forms from 18.2.13 to 19.0.1 in /web_embedding/ng-flutter (#2501 ) Bumps [@angular/forms](https://github.com/angular/angular/tree/HEAD/packages/forms) from 18.2.13 to 19.0.1. <details> <summary>Release notes</summary> <p><em>Sourced from <a href="https://github.com/angular/angular/releases"><code>@âangular/forms</code>'s releases</a>.</em></p> <blockquote> <h2>v19.0.1</h2> <h1>19.0.1 (2024-11-26)</h1> <h3>compiler-cli</h3> <table> <thead> <tr> <th>Commit</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><a href="`fb1fa8b0fc`"><img src="https://img.shields.io/badge/fb1fa8b0fc-fix-green" alt="fix - fb1fa8b0fc" /></a></td> <td>more accurate diagnostics for host binding parser errors (<a href="https://github.com/angular/angular/tree/HEAD/packages/forms/issues/58870">#58870</a>)</td> </tr> </tbody> </table> <h3>core</h3> <table> <thead> <tr> <th>Commit</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><a href="`502ee0e722`"><img src="https://img.shields.io/badge/502ee0e722-fix-green" alt="fix - 502ee0e722" /></a></td> <td>correctly clear template HMR internal renderer cache (<a href="https://github.com/angular/angular/tree/HEAD/packages/forms/issues/58724">#58724</a>)</td> </tr> <tr> <td><a href="`99715104a1`"><img src="https://img.shields.io/badge/99715104a1-fix-green" alt="fix - 99715104a1" /></a></td> <td>correctly perform lazy routes migration for components with additional decorators (<a href="https://github.com/angular/angular/tree/HEAD/packages/forms/issues/58796">#58796</a>)</td> </tr> <tr> <td><a href="`118803035f`"><img src="https://img.shields.io/badge/118803035f-fix-green" alt="fix - 118803035f" /></a></td> <td>Ensure _tick is always run within the TracingSnapshot. (<a href="https://github.com/angular/angular/tree/HEAD/packages/forms/issues/58881">#58881</a>)</td> </tr> <tr> <td><a href="`08b9452f01`"><img src="https://img.shields.io/badge/08b9452f01-fix-green" alt="fix - 08b9452f01" /></a></td> <td>Ensure resource sets an error (<a href="https://github.com/angular/angular/tree/HEAD/packages/forms/issues/58855">#58855</a>)</td> </tr> <tr> <td><a href="`84f45ea3ff`"><img src="https://img.shields.io/badge/84f45ea3ff-fix-green" alt="fix - 84f45ea3ff" /></a></td> <td>make component id generation more stable between client and server builds (<a href="https://github.com/angular/angular/tree/HEAD/packages/forms/issues/58813">#58813</a>)</td> </tr> <tr> <td><a href="`d3491c7cee`"><img src="https://img.shields.io/badge/d3491c7cee-fix-green" alt="fix - d3491c7cee" /></a></td> <td>Prevents race condition of cleanup for incremental hydration (<a href="https://github.com/angular/angular/tree/HEAD/packages/forms/issues/58722">#58722</a>)</td> </tr> </tbody> </table> <h3>forms</h3> <table> <thead> <tr> <th>Commit</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><a href="`4dfe5b6cef`"><img src="https://img.shields.io/badge/4dfe5b6cef-fix-green" alt="fix - 4dfe5b6cef" /></a></td> <td>work around TypeScript 5.7 issue (<a href="https://github.com/angular/angular/tree/HEAD/packages/forms/issues/58731">#58731</a>)</td> </tr> </tbody> </table> <h3>language-service</h3> <table> <thead> <tr> <th>Commit</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><a href="`a983865bff`"><img src="https://img.shields.io/badge/a983865bff-fix-green" alt="fix - a983865bff" /></a></td> <td>add fix for individual unused imports (<a href="https://github.com/angular/angular/tree/HEAD/packages/forms/issues/58719">#58719</a>)</td> </tr> <tr> <td><a href="`e6e7a4e22b`"><img src="https://img.shields.io/badge/e6e7a4e22b-fix-green" alt="fix - e6e7a4e22b" /></a></td> <td>allow fixes to run without template info (<a href="https://github.com/angular/angular/tree/HEAD/packages/forms/issues/58719">#58719</a>)</td> </tr> </tbody> </table> <h3>migrations</h3> <table> <thead> <tr> <th>Commit</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><a href="`5ce10264a4`"><img src="https://img.shields.io/badge/5ce10264a4-fix-green" alt="fix - 5ce10264a4" /></a></td> <td>fix provide-initializer migration when using useFactory (<a href="https://github.com/angular/angular/tree/HEAD/packages/forms/issues/58518">#58518</a>)</td> </tr> <tr> <td><a href="`d4f5c85f60`"><img src="https://img.shields.io/badge/d4f5c85f60-fix-green" alt="fix - d4f5c85f60" /></a></td> <td>handle parameters with initializers in inject migration (<a href="https://github.com/angular/angular/tree/HEAD/packages/forms/issues/58769">#58769</a>)</td> </tr> <tr> <td><a href="`a6d2d2dc10`"><img src="https://img.shields.io/badge/a6d2d2dc10-fix-green" alt="fix - a6d2d2dc10" /></a></td> <td>Mark hoisted properties as removed in inject migration (<a href="https://github.com/angular/angular/tree/HEAD/packages/forms/issues/58804">#58804</a>)</td> </tr> </tbody> </table> <h2>v19.0.0</h2> <h1>19.0.0 (2024-11-19)</h1> <p>Explore Angular v19 with a blog post from the Angular team: <a href="https://blog.angular.dev/meet-angular-v19-7b29dfd05b84">https://blog.angular.dev/meet-angular-v19-7b29dfd05b84</a></p> <h2>Breaking Changes</h2> <h3>compiler</h3> <ul> <li><code>this.foo</code> property reads no longer refer to template context variables. If you intended to read the template variable, do not use <code>this.</code>.</li> </ul> <h3>core</h3> <ul> <li> <p>Angular directives, components and pipes are now standalone by default.</p> <ul> <li>Specify <code>standalone: false</code> for declarations that are currently declared in <code>@NgModule</code>s.</li> <li><code>ng update</code> for v19 will take care of this automatically.</li> </ul> </li> <li> <p>TypeScript versions less than 5.5 are no longer supported.</p> </li> <li> <p>Timing changes for <code>effect</code> API (in developer preview):</p> <ul> <li>effects which are triggered outside of change detection run as part of the change detection process instead of as a microtask. Depending on the</li> </ul> </li> </ul> </blockquote> <p>... (truncated)</p> </details> <details> <summary>Changelog</summary> <p><em>Sourced from <a href="https://github.com/angular/angular/blob/main/CHANGELOG.md"><code>@âangular/forms</code>'s changelog</a>.</em></p> <blockquote> <h1>18.2.13 (2024-11-26)</h1> <h3>migrations</h3> <table> <thead> <tr> <th>Commit</th> <th>Type</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><a href="`06d70a25ea`">06d70a25ea</a></td> <td>fix</td> <td>take care of tests that import both HttpClientModule & HttpClientTestingModule. (<a href="https://redirect.github.com/angular/angular/pull/58777">#58777</a>)</td> </tr> </tbody> </table> <h1>19.1.0-next.0 (2024-11-26)</h1> <h3>common</h3> <table> <thead> <tr> <th>Commit</th> <th>Type</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><a href="`e4c50b3bea`">e4c50b3bea</a></td> <td>feat</td> <td>expose component instance in NgComponentOutlet (<a href="https://redirect.github.com/angular/angular/pull/58698">#58698</a>)</td> </tr> </tbody> </table> <h3>core</h3> <table> <thead> <tr> <th>Commit</th> <th>Type</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><a href="`bd1f1294ae`">bd1f1294ae</a></td> <td>feat</td> <td>support TypeScript 5.7 (<a href="https://redirect.github.com/angular/angular/pull/58609">#58609</a>)</td> </tr> </tbody> </table> <h1>19.0.1 (2024-11-26)</h1> <h3>compiler-cli</h3> <table> <thead> <tr> <th>Commit</th> <th>Type</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><a href="`fb1fa8b0fc`">fb1fa8b0fc</a></td> <td>fix</td> <td>more accurate diagnostics for host binding parser errors (<a href="https://redirect.github.com/angular/angular/pull/58870">#58870</a>)</td> </tr> </tbody> </table> <h3>core</h3> <table> <thead> <tr> <th>Commit</th> <th>Type</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><a href="`502ee0e722`">502ee0e722</a></td> <td>fix</td> <td>correctly clear template HMR internal renderer cache (<a href="https://redirect.github.com/angular/angular/pull/58724">#58724</a>)</td> </tr> <tr> <td><a href="`99715104a1`">99715104a1</a></td> <td>fix</td> <td>correctly perform lazy routes migration for components with additional decorators (<a href="https://redirect.github.com/angular/angular/pull/58796">#58796</a>)</td> </tr> <tr> <td><a href="`118803035f`">118803035f</a></td> <td>fix</td> <td>Ensure _tick is always run within the TracingSnapshot. (<a href="https://redirect.github.com/angular/angular/pull/58881">#58881</a>)</td> </tr> <tr> <td><a href="`08b9452f01`">08b9452f01</a></td> <td>fix</td> <td>Ensure resource sets an error (<a href="https://redirect.github.com/angular/angular/pull/58855">#58855</a>)</td> </tr> <tr> <td><a href="`84f45ea3ff`">84f45ea3ff</a></td> <td>fix</td> <td>make component id generation more stable between client and server builds (<a href="https://redirect.github.com/angular/angular/pull/58813">#58813</a>)</td> </tr> <tr> <td><a href="`d3491c7cee`">d3491c7cee</a></td> <td>fix</td> <td>Prevents race condition of cleanup for incremental hydration (<a href="https://redirect.github.com/angular/angular/pull/58722">#58722</a>)</td> </tr> </tbody> </table> <h3>forms</h3> <table> <thead> <tr> <th>Commit</th> <th>Type</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><a href="`4dfe5b6cef`">4dfe5b6cef</a></td> <td>fix</td> <td>work around TypeScript 5.7 issue (<a href="https://redirect.github.com/angular/angular/pull/58731">#58731</a>)</td> </tr> </tbody> </table> <h3>language-service</h3> <table> <thead> <tr> <th>Commit</th> <th>Type</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><a href="`a983865bff`">a983865bff</a></td> <td>fix</td> <td>add fix for individual unused imports (<a href="https://redirect.github.com/angular/angular/pull/58719">#58719</a>)</td> </tr> <tr> <td><a href="`e6e7a4e22b`">e6e7a4e22b</a></td> <td>fix</td> <td>allow fixes to run without template info (<a href="https://redirect.github.com/angular/angular/pull/58719">#58719</a>)</td> </tr> </tbody> </table> <h3>migrations</h3> <table> <thead> <tr> <th>Commit</th> <th>Type</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><a href="`5ce10264a4`">5ce10264a4</a></td> <td>fix</td> <td>fix provide-initializer migration when using useFactory (<a href="https://redirect.github.com/angular/angular/pull/58518">#58518</a>)</td> </tr> <tr> <td><a href="`d4f5c85f60`">d4f5c85f60</a></td> <td>fix</td> <td>handle parameters with initializers in inject migration (<a href="https://redirect.github.com/angular/angular/pull/58769">#58769</a>)</td> </tr> </tbody> </table> </blockquote> <p>... (truncated)</p> </details> <details> <summary>Commits</summary> <ul> <li><a href="`6b057bcfdb`"><code>6b057bc</code></a> refactor(forms): work around another TypeScript 5.7 issue (<a href="https://github.com/angular/angular/tree/HEAD/packages/forms/issues/58782">#58782</a>)</li> <li><a href="`4dfe5b6cef`"><code>4dfe5b6</code></a> fix(forms): work around TypeScript 5.7 issue (<a href="https://github.com/angular/angular/tree/HEAD/packages/forms/issues/58731">#58731</a>)</li> <li><a href="`93c3f7a931`"><code>93c3f7a</code></a> build: remove usages of <code>useDefineForClassFields: false</code> (<a href="https://github.com/angular/angular/tree/HEAD/packages/forms/issues/58297">#58297</a>)</li> <li><a href="`1f4533807e`"><code>1f45338</code></a> Revert "fix(forms): fix FormRecord type inference (<a href="https://github.com/angular/angular/tree/HEAD/packages/forms/issues/50750">#50750</a>)" (<a href="https://github.com/angular/angular/tree/HEAD/packages/forms/issues/58315">#58315</a>)</li> <li><a href="`79d9be3e63`"><code>79d9be3</code></a> Revert "feat(forms): add ability to clear a FormRecord (<a href="https://github.com/angular/angular/tree/HEAD/packages/forms/issues/50750">#50750</a>)" (<a href="https://github.com/angular/angular/tree/HEAD/packages/forms/issues/58315">#58315</a>)</li> <li><a href="`a5b0394313`"><code>a5b0394</code></a> Revert "test(forms): add unit test (<a href="https://github.com/angular/angular/tree/HEAD/packages/forms/issues/50750">#50750</a>)" (<a href="https://github.com/angular/angular/tree/HEAD/packages/forms/issues/58315">#58315</a>)</li> <li><a href="`b0c4c1fd2b`"><code>b0c4c1f</code></a> test(forms): add unit test (<a href="https://github.com/angular/angular/tree/HEAD/packages/forms/issues/50750">#50750</a>)</li> <li><a href="`3e7d724037`"><code>3e7d724</code></a> feat(forms): add ability to clear a FormRecord (<a href="https://github.com/angular/angular/tree/HEAD/packages/forms/issues/50750">#50750</a>)</li> <li><a href="`18b6f3339f`"><code>18b6f33</code></a> fix(forms): fix FormRecord type inference (<a href="https://github.com/angular/angular/tree/HEAD/packages/forms/issues/50750">#50750</a>)</li> <li><a href="`09df589e31`"><code>09df589</code></a> refactor(core): Migrate all packages with the <code>explicit-standalone-flag</code> sche...</li> <li>Additional commits viewable in <a href="https://github.com/angular/angular/commits/19.0.1/packages/forms">compare view</a></li> </ul> </details> <br /> [![Dependabot compatibility score](https://dependabot-badges.githubapp.com/badges/compatibility_score?dependency-name=@angular/forms&package-manager=npm_and_yarn&previous-version=18.2.13&new-version=19.0.1)](https://docs.github.com/en/github/managing-security-vulnerabilities/about-dependabot-security-updates#about-compatibility-scores) Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting `@dependabot rebase`. --- <details> <summary>Dependabot commands and options</summary> <br /> You can trigger Dependabot actions by commenting on this PR: - `@dependabot rebase` will rebase this PR - `@dependabot recreate` will recreate this PR, overwriting any edits that have been made to it - `@dependabot merge` will merge this PR after your CI passes on it - `@dependabot squash and merge` will squash and merge this PR after your CI passes on it - `@dependabot cancel merge` will cancel a previously requested merge and block automerging - `@dependabot reopen` will reopen this PR if it is closed - `@dependabot close` will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually - `@dependabot show <dependency name> ignore conditions` will show all of the ignore conditions of the specified dependency - `@dependabot ignore this major version` will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself) - `@dependabot ignore this minor version` will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself) - `@dependabot ignore this dependency` will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself) </details>		3 weeks ago
..
element_embedding_demo	…
ng-flutter	Bump @angular/forms from 18.2.13 to 19.0.1 in /web_embedding/ng-flutter (#2501 )	3 weeks ago
README.md	…

README.md

web_embedding

This directory contains examples of how to embed Flutter in web apps (without iframes):

element_embedding_demo: Modifies the index.html of a flutter app so it is launched in a custom hostElement. This is the most basic embedding example.
ng-flutter: A simple Angular app (and component) that replicates the above example, but in an Angular style.

Check the README.md of each example for more details on how to run it, and the "Points of Interest" it may contain.

Community Contributions

Members of the community have graciously ported and contributed the following examples of Flutter Web embedding into other web frameworks:

Author	Host Framework	Code
@p-mazhnik	React JS	p-mazhnik/flutter-embedding cra-flutter
@p-mazhnik	React Native	p-mazhnik/flutter-embedding expo-flutter

(All contributions are welcome! Please, create an issue or open a PR to let us know how you've embedded a Flutter Web app with your favorite web framework (Vue? Svelte? Ember? Aurelia? jQuery? MooTools? Prototype?), so it can be added to the table above!)