mirror of
https://github.com/flutter/samples.git
synced 2026-03-22 04:17:50 +00:00
2d32c0ced0
Bumps [@angular-devkit/build-angular](https://github.com/angular/angular-cli) from 19.2.15 to 20.0.2. <details> <summary>Release notes</summary> <p><em>Sourced from <a href="https://github.com/angular/angular-cli/releases"><code>@angular-devkit/build-angular</code>'s releases</a>.</em></p> <blockquote> <h2>20.0.2</h2> <h3><code>@schematics/angular</code></h3> <table> <thead> <tr> <th>Commit</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><a href="bf64a0f2dc"><img src="https://img.shields.io/badge/bf64a0f2d-fix-green" alt="fix - bf64a0f2d" /></a></td> <td>add <code>less</code> as a devDependency when selected as the style preprocessor</td> </tr> <tr> <td><a href="cb258a3e15"><img src="https://img.shields.io/badge/cb258a3e1-fix-green" alt="fix - cb258a3e1" /></a></td> <td>correctly detect modules using new file extension format</td> </tr> </tbody> </table> <h3><code>@angular/build</code></h3> <table> <thead> <tr> <th>Commit</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><a href="424f1cbbfb"><img src="https://img.shields.io/badge/424f1cbbf-fix-green" alt="fix - 424f1cbbf" /></a></td> <td>do not consider internal Angular files as external imports</td> </tr> </tbody> </table> <h2>20.0.1</h2> <h3><code>@schematics/angular</code></h3> <table> <thead> <tr> <th>Commit</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><a href="525ddcbd29"><img src="https://img.shields.io/badge/525ddcbd2-fix-green" alt="fix - 525ddcbd2" /></a></td> <td>only overwrite JSON file if actually changed</td> </tr> <tr> <td><a href="83c820e5ab"><img src="https://img.shields.io/badge/83c820e5a-fix-green" alt="fix - 83c820e5a" /></a></td> <td>remove karma config devkit package usages during application migration</td> </tr> <tr> <td><a href="87266b38a0"><img src="https://img.shields.io/badge/87266b38a-fix-green" alt="fix - 87266b38a" /></a></td> <td>skip zone.js dependency for zoneless applications</td> </tr> </tbody> </table> <h3><code>@angular/cli</code></h3> <table> <thead> <tr> <th>Commit</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><a href="0883248cbd"><img src="https://img.shields.io/badge/0883248cb-fix-green" alt="fix - 0883248cb" /></a></td> <td>improve Node.js version check and error messages</td> </tr> </tbody> </table> <h3><code>@angular/build</code></h3> <table> <thead> <tr> <th>Commit</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><a href="e5efdc577b"><img src="https://img.shields.io/badge/e5efdc577-fix-green" alt="fix - e5efdc577" /></a></td> <td>also disable outputMode in vitest unit-tests</td> </tr> <tr> <td><a href="5814393dbb"><img src="https://img.shields.io/badge/5814393db-fix-green" alt="fix - 5814393db" /></a></td> <td>resolve junit karma reporter output to workspace root</td> </tr> </tbody> </table> <h2>20.0.0</h2> <h3><code>@angular/cli</code></h3> <table> <thead> <tr> <th>Commit</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><a href="e513cd4aa2"><img src="https://img.shields.io/badge/e513cd4aa-fix-green" alt="fix - e513cd4aa" /></a></td> <td>add Node.js 24 as supported version</td> </tr> <tr> <td><a href="5e90c1b4ec"><img src="https://img.shields.io/badge/5e90c1b4e-fix-green" alt="fix - 5e90c1b4e" /></a></td> <td>remove Node.js v18 support</td> </tr> <tr> <td><a href="787e510dcc"><img src="https://img.shields.io/badge/787e510dc-fix-green" alt="fix - 787e510dc" /></a></td> <td>update min Node.js support to 20.19, 22.12, and 24.0</td> </tr> <tr> <td><a href="64732534ec"><img src="https://img.shields.io/badge/64732534e-fix-green" alt="fix - 64732534e" /></a></td> <td>update minimum supported Node.js 22 version to 22.11.0</td> </tr> </tbody> </table> <h3><code>@schematics/angular</code></h3> <table> <thead> <tr> <th>Commit</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><a href="e03f2b8999"><img src="https://img.shields.io/badge/e03f2b899-feat-blue" alt="feat - e03f2b899" /></a></td> <td>Add global error listeners to new app generation</td> </tr> <tr> <td><a href="1e137ca848"><img src="https://img.shields.io/badge/1e137ca84-feat-blue" alt="feat - 1e137ca84" /></a></td> <td>add migration to update <code>moduleResolution</code> to <code>bundler</code></td> </tr> <tr> <td><a href="26fd4ea73a"><img src="https://img.shields.io/badge/26fd4ea73-feat-blue" alt="feat - 26fd4ea73" /></a></td> <td>add migrations for server rendering updates</td> </tr> <tr> <td><a href="5876577af1"><img src="https://img.shields.io/badge/5876577af-feat-blue" alt="feat - 5876577af" /></a></td> <td>Add prompt for new apps to be zoneless</td> </tr> <tr> <td><a href="fdc6291dda"><img src="https://img.shields.io/badge/fdc6291dd-feat-blue" alt="feat - fdc6291dd" /></a></td> <td>add update migration to keep previous style guide generation behavior</td> </tr> <tr> <td><a href="093c5a3152"><img src="https://img.shields.io/badge/093c5a315-feat-blue" alt="feat - 093c5a315" /></a></td> <td>directly use <code>@angular/build</code> in new projects</td> </tr> <tr> <td><a href="d6f594fe0f"><img src="https://img.shields.io/badge/d6f594fe0-feat-blue" alt="feat - d6f594fe0" /></a></td> <td>generate applications using TypeScript project references</td> </tr> <tr> <td><a href="0ab1ddf632"><img src="https://img.shields.io/badge/0ab1ddf63-feat-blue" alt="feat - 0ab1ddf63" /></a></td> <td>generate libraries using TypeScript project references</td> </tr> <tr> <td><a href="18e13e2cee"><img src="https://img.shields.io/badge/18e13e2ce-feat-blue" alt="feat - 18e13e2ce" /></a></td> <td>remove <code>--server-routing</code> option</td> </tr> <tr> <td><a href="03180fe035"><img src="https://img.shields.io/badge/03180fe03-feat-blue" alt="feat - 03180fe03" /></a></td> <td>use TypeScript module preserve option for new projects</td> </tr> <tr> <td><a href="86d241629f"><img src="https://img.shields.io/badge/86d241629-fix-green" alt="fix - 86d241629" /></a></td> <td>add <code>@angular/ssr</code> dependency only when <code>provideServerRendering</code> import has been updated</td> </tr> </tbody> </table> </blockquote> <p>... (truncated)</p> </details> <details> <summary>Changelog</summary> <p><em>Sourced from <a href="https://github.com/angular/angular-cli/blob/main/CHANGELOG.md"><code>@angular-devkit/build-angular</code>'s changelog</a>.</em></p> <blockquote> <h1>20.0.2 (2025-06-11)</h1> <h3><code>@schematics/angular</code></h3> <table> <thead> <tr> <th>Commit</th> <th>Type</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><a href="bf64a0f2dc">bf64a0f2d</a></td> <td>fix</td> <td>add <code>less</code> as a devDependency when selected as the style preprocessor</td> </tr> <tr> <td><a href="cb258a3e15">cb258a3e1</a></td> <td>fix</td> <td>correctly detect modules using new file extension format</td> </tr> </tbody> </table> <h3><code>@angular/build</code></h3> <table> <thead> <tr> <th>Commit</th> <th>Type</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><a href="424f1cbbfb">424f1cbbf</a></td> <td>fix</td> <td>do not consider internal Angular files as external imports</td> </tr> </tbody> </table> </blockquote> </details> <details> <summary>Commits</summary> <ul> <li><a href="e89245debd"><code>e89245d</code></a> release: cut the v20.0.2 release</li> <li><a href="bf64a0f2dc"><code>bf64a0f</code></a> fix(<code>@schematics/angular</code>): add <code>less</code> as a devDependency when selected as the ...</li> <li><a href="424f1cbbfb"><code>424f1cb</code></a> fix(<code>@angular/build</code>): do not consider internal Angular files as external imports</li> <li><a href="631ac7e6bc"><code>631ac7e</code></a> ci: use new pull-request-labeling action</li> <li><a href="fa253851a0"><code>fa25385</code></a> build: fix perf workflows</li> <li><a href="1db861cbda"><code>1db861c</code></a> build: improve globbing of jasmine test files</li> <li><a href="cb258a3e15"><code>cb258a3</code></a> fix(<code>@schematics/angular</code>): correctly detect modules using new file extension f...</li> <li><a href="19dc7ddd54"><code>19dc7dd</code></a> build: simplify unit test target names</li> <li><a href="d513e58d3d"><code>d513e58</code></a> build: simplify unit test target names</li> <li><a href="4e7e0b073f"><code>4e7e0b0</code></a> release: cut the v20.0.1 release</li> <li>Additional commits viewable in <a href="https://github.com/angular/angular-cli/compare/19.2.15...20.0.2">compare view</a></li> </ul> </details> <br /> [](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>
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!)