Starter/samples
1
0
Fork 0
mirror of https://github.com/flutter/samples.git synced 2026-03-22 04:17:50 +00:00
Code Issues Releases Wiki Activity
Files
7f1aae3a6ae92e529c7c191c0d1a88708619ec8e
samples/web_embedding
History
dependabot[bot] 7f1aae3a6a Bump @angular/cli from 20.1.6 to 21.1.1 in /web_embedding/ng-flutter (#2782) 
Bumps [@angular/cli](https://github.com/angular/angular-cli) from 20.1.6 to 21.1.1.
<details>
<summary>Release notes</summary>
<p><em>Sourced from <a href="https://github.com/angular/angular-cli/releases"><code>@​angular/cli</code>'s releases</a>.</em></p>
<blockquote>
<h2>21.1.1</h2>
<h3><code>@​schematics/angular</code></h3>
<table>
<thead>
<tr>
<th>Commit</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="9da6d8fa76"><img src="https://img.shields.io/badge/9da6d8fa7-fix-green" alt="fix - 9da6d8fa7" /></a></td>
<td>correct vscode MCP configuration for new projects</td>
</tr>
<tr>
<td><a href="361758c75c"><img src="https://img.shields.io/badge/361758c75-fix-green" alt="fix - 361758c75" /></a></td>
<td>remove special characters from jasmine-vitest report filename</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="151b69587d"><img src="https://img.shields.io/badge/151b69587-fix-green" alt="fix - 151b69587" /></a></td>
<td>Remove nonexistent link from MCP response</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="1b7e3307af"><img src="https://img.shields.io/badge/1b7e3307a-fix-green" alt="fix - 1b7e3307a" /></a></td>
<td>allow application assets in workspace root</td>
</tr>
<tr>
<td><a href="d1e596dc53"><img src="https://img.shields.io/badge/d1e596dc5-fix-green" alt="fix - d1e596dc5" /></a></td>
<td>prevent incorrect catch binding removal in downleveled for-await</td>
</tr>
<tr>
<td><a href="98ef0981a2"><img src="https://img.shields.io/badge/98ef0981a-fix-green" alt="fix - 98ef0981a" /></a></td>
<td>update undici to v7.18.2</td>
</tr>
</tbody>
</table>
<h2>21.1.0</h2>
<h3><code>@​schematics/angular</code></h3>
<table>
<thead>
<tr>
<th>Commit</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="36cf3afb48"><img src="https://img.shields.io/badge/36cf3afb4-feat-blue" alt="feat - 36cf3afb4" /></a></td>
<td>add browserMode option to jasmine-vitest schematic</td>
</tr>
<tr>
<td><a href="e71a72ffdc"><img src="https://img.shields.io/badge/e71a72ffd-feat-blue" alt="feat - e71a72ffd" /></a></td>
<td>generate detailed migration report for <code>refactor-jasmine-vitest</code></td>
</tr>
<tr>
<td><a href="18cf6c51b7"><img src="https://img.shields.io/badge/18cf6c51b-fix-green" alt="fix - 18cf6c51b" /></a></td>
<td>add MCP configuration file to new workspaces</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="772e6efe7a"><img src="https://img.shields.io/badge/772e6efe7-feat-blue" alt="feat - 772e6efe7" /></a></td>
<td>add 'test' and 'e2e' MCP tools</td>
</tr>
<tr>
<td><a href="8efb863184"><img src="https://img.shields.io/badge/8efb86318-feat-blue" alt="feat - 8efb86318" /></a></td>
<td>Add &quot;all&quot; as an experimental tool group</td>
</tr>
<tr>
<td><a href="c3c9ac5067"><img src="https://img.shields.io/badge/c3c9ac506-feat-blue" alt="feat - c3c9ac506" /></a></td>
<td>Add MCP tools for building and running devservers</td>
</tr>
<tr>
<td><a href="d635a6c633"><img src="https://img.shields.io/badge/d635a6c63-feat-blue" alt="feat - d635a6c63" /></a></td>
<td>add signal forms lessons</td>
</tr>
<tr>
<td><a href="d8b76e93d3"><img src="https://img.shields.io/badge/d8b76e93d-fix-green" alt="fix - d8b76e93d" /></a></td>
<td>correctly handle yarn classic tag manifest fetching</td>
</tr>
<tr>
<td><a href="7ab5c0b0a1"><img src="https://img.shields.io/badge/7ab5c0b0a-fix-green" alt="fix - 7ab5c0b0a" /></a></td>
<td>correctly spawn package managers on Windows in new abstraction</td>
</tr>
<tr>
<td><a href="3480966233"><img src="https://img.shields.io/badge/348096623-fix-green" alt="fix - 348096623" /></a></td>
<td>enhance list_projects MCP tool file system traversal and symlink handling</td>
</tr>
<tr>
<td><a href="316fca8626"><img src="https://img.shields.io/badge/316fca862-fix-green" alt="fix - 316fca862" /></a></td>
<td>handle array output from npm view in manifest parser</td>
</tr>
<tr>
<td><a href="032257a6d0"><img src="https://img.shields.io/badge/032257a6d-fix-green" alt="fix - 032257a6d" /></a></td>
<td>improve signal forms lesson examples in AI tutor</td>
</tr>
<tr>
<td><a href="18d74dde89"><img src="https://img.shields.io/badge/18d74dde8-fix-green" alt="fix - 18d74dde8" /></a></td>
<td>rename mcp devserver tools to comply with naming spec</td>
</tr>
<tr>
<td><a href="1ad773671a"><img src="https://img.shields.io/badge/1ad773671-fix-green" alt="fix - 1ad773671" /></a></td>
<td>update dependency <code>@​modelcontextprotocol/sdk</code> to v1.25.2</td>
</tr>
<tr>
<td><a href="45d4f56680"><img src="https://img.shields.io/badge/45d4f5668-fix-green" alt="fix - 45d4f5668" /></a></td>
<td>update yarn berry package manager configuration</td>
</tr>
<tr>
<td><a href="122ed27c90"><img src="https://img.shields.io/badge/122ed27c9-fix-green" alt="fix - 122ed27c9" /></a></td>
<td>use project-local temporary directory in ng add</td>
</tr>
<tr>
<td><a href="a15db28b29"><img src="https://img.shields.io/badge/a15db28b2-perf-orange" alt="perf - a15db28b2" /></a></td>
<td>cache resolved specific version in package manager abstraction</td>
</tr>
<tr>
<td><a href="240588b7e3"><img src="https://img.shields.io/badge/240588b7e-perf-orange" alt="perf - 240588b7e" /></a></td>
<td>optimize <code>ng add</code> version discovery</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="1eda0a99f8"><img src="https://img.shields.io/badge/1eda0a99f-feat-blue" alt="feat - 1eda0a99f" /></a></td>
<td>directly support ng-packagr in unit-test builder</td>
</tr>
<tr>
<td><a href="87175f9dcd"><img src="https://img.shields.io/badge/87175f9dc-feat-blue" alt="feat - 87175f9dc" /></a></td>
<td>disable TestBed teardown during debugging in Vitest</td>
</tr>
<tr>
<td><a href="1e39c77a4f"><img src="https://img.shields.io/badge/1e39c77a4-fix-green" alt="fix - 1e39c77a4" /></a></td>
<td>inject source-map-support for Vitest browser tests</td>
</tr>
<tr>
<td><a href="3fd7dcd764"><img src="https://img.shields.io/badge/3fd7dcd76-fix-green" alt="fix - 3fd7dcd76" /></a></td>
<td>normalize roots to POSIX in test discovery for Windows compatibility</td>
</tr>
<tr>
<td><a href="164e7dbbc2"><img src="https://img.shields.io/badge/164e7dbbc-fix-green" alt="fix - 164e7dbbc" /></a></td>
<td>resolve test files correctly on Windows when using non-C drives</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/cli</code>'s changelog</a>.</em></p>
<blockquote>
<h1>21.1.1 (2026-01-21)</h1>
<h3><code>@​angular/cli</code></h3>
<table>
<thead>
<tr>
<th>Commit</th>
<th>Type</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="151b69587d">151b69587</a></td>
<td>fix</td>
<td>Remove nonexistent link from MCP response</td>
</tr>
</tbody>
</table>
<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="9da6d8fa76">9da6d8fa7</a></td>
<td>fix</td>
<td>correct vscode MCP configuration for new projects</td>
</tr>
<tr>
<td><a href="361758c75c">361758c75</a></td>
<td>fix</td>
<td>remove special characters from jasmine-vitest report filename</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="1b7e3307af">1b7e3307a</a></td>
<td>fix</td>
<td>allow application assets in workspace root</td>
</tr>
<tr>
<td><a href="d1e596dc53">d1e596dc5</a></td>
<td>fix</td>
<td>prevent incorrect catch binding removal in downleveled for-await</td>
</tr>
<tr>
<td><a href="98ef0981a2">98ef0981a</a></td>
<td>fix</td>
<td>update undici to v7.18.2</td>
</tr>
</tbody>
</table>
<h1>20.3.15 (2026-01-21)</h1>
<h3><code>@​angular/cli</code></h3>
<table>
<thead>
<tr>
<th>Commit</th>
<th>Type</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="795d654138">795d65413</a></td>
<td>fix</td>
<td>update pacote to v21.0.4</td>
</tr>
</tbody>
</table>
<h3><code>@​angular-devkit/build-angular</code></h3>
<table>
<thead>
<tr>
<th>Commit</th>
<th>Type</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="ffc72cbc52">ffc72cbc5</a></td>
<td>fix</td>
<td>update webpack to version 5.104.1</td>
</tr>
</tbody>
</table>
<h1>21.1.0 (2026-01-14)</h1>
<h3><code>@​angular/cli</code></h3>
<p>| Commit                                                                                              | Type | Description                                                               |</p>
</blockquote>
<p>... (truncated)</p>
</details>
<details>
<summary>Commits</summary>
<ul>
<li><a href="d49ec17b4f"><code>d49ec17</code></a> release: cut the v21.1.1 release</li>
<li><a href="9da6d8fa76"><code>9da6d8f</code></a> fix(<code>@​schematics/angular</code>): correct vscode MCP configuration for new projects</li>
<li><a href="4742aaee0f"><code>4742aae</code></a> build: update pnpm to v10.28.1</li>
<li><a href="361758c75c"><code>361758c</code></a> fix(<code>@​schematics/angular</code>): remove special characters from jasmine-vitest repor...</li>
<li><a href="151b69587d"><code>151b695</code></a> fix(<code>@​angular/cli</code>): Remove nonexistent link from MCP response</li>
<li><a href="98ef0981a2"><code>98ef098</code></a> fix(<code>@​angular/build</code>): update undici to v7.18.2</li>
<li><a href="2e3fca76b2"><code>2e3fca7</code></a> build: lock file maintenance</li>
<li><a href="1b7e3307af"><code>1b7e330</code></a> fix(<code>@​angular/build</code>): allow application assets in workspace root</li>
<li><a href="d1e596dc53"><code>d1e596d</code></a> fix(<code>@​angular/build</code>): prevent incorrect catch binding removal in downleveled f...</li>
<li><a href="ad75b55845"><code>ad75b55</code></a> build: update github/codeql-action action to v4.31.10</li>
<li>Additional commits viewable in <a href="https://github.com/angular/angular-cli/compare/20.1.6...v21.1.1">compare view</a></li>
</ul>
</details>
<br />

[![Dependabot compatibility score](https://dependabot-badges.githubapp.com/badges/compatibility_score?dependency-name=@angular/cli&package-manager=npm_and_yarn&previous-version=20.1.6&new-version=21.1.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>
2026-01-26 07:31:25 +00:00
..
element_embedding_demo
Dart 3.9 / Flutter 3.35 [first LLM release] (#2714)
2025-08-14 12:26:24 -07:00
ng-flutter
Bump @angular/cli from 20.1.6 to 21.1.1 in /web_embedding/ng-flutter (#2782)
2026-01-26 07:31:25 +00:00
README.md
[web_embedding] Update README to link to our first community contribs. (#1980)
2023-08-04 13:57:32 +10:00

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!)

Reference in New Issue View Git Blame Copy Permalink