History

dependabot[bot] 6628a05e24 Bump flutter_lints from 4.0.0 to 5.0.0 in /web_embedding/element_embedding_demo (#2454 ) Bumps [flutter_lints](https://github.com/flutter/packages/tree/main/packages) from 4.0.0 to 5.0.0. <details> <summary>Commits</summary> <ul> <li><a href="`f38b780f53`"><code>f38b780</code></a> [package:flutter_lints] update the dep on <code>package:lints</code> to 5.0.0 and the sd...</li> <li><a href="`7da2374fd8`"><code>7da2374</code></a> Update test to not depend on <code>Color.toString()</code> (<a href="https://github.com/flutter/packages/tree/main/packages/issues/7701">#7701</a>)</li> <li><a href="`54dd8883c5`"><code>54dd888</code></a> [flutter_lints] remove prefer_const_constructors, prefer_const_declarations, ...</li> <li><a href="`47795ab86a`"><code>47795ab</code></a> [go_router] Fixed TabView swiping in custom stateful shell route example (<a href="https://github.com/flutter/packages/tree/main/packages/issues/7">#7</a>...</li> <li><a href="`4926c0f8bd`"><code>4926c0f</code></a> [quick_actions] Add guidance for correcting task management/back press behavi...</li> <li><a href="`21d99dcc16`"><code>21d99dc</code></a> [various] Adds macOS privacy manifests (<a href="https://github.com/flutter/packages/tree/main/packages/issues/7687">#7687</a>)</li> <li><a href="`24594a0816`"><code>24594a0</code></a> [google_maps_flutter_android] Convert <code>PlatformPolyline.pattern</code> to Pigeon (#...</li> <li><a href="`f54fe93075`"><code>f54fe93</code></a> [pigeon] Validates support for nested collections with generic types. (<a href="https://github.com/flutter/packages/tree/main/packages/issues/7614">#7614</a>)</li> <li><a href="`e9253e6016`"><code>e9253e6</code></a> [interactive_media_ads] Adds internal wrapper for Android native `AdsRenderin...</li> <li><a href="`fef7ffb4fe`"><code>fef7ffb</code></a> [interactive_media_ads]: Bump com.google.ads.interactivemedia.v3:interactivem...</li> <li>Additional commits viewable in <a href="https://github.com/flutter/packages/commits/flutter_lints-v5.0.0/packages">compare view</a></li> </ul> </details> <br /> [![Dependabot compatibility score](https://dependabot-badges.githubapp.com/badges/compatibility_score?dependency-name=flutter_lints&package-manager=pub&previous-version=4.0.0&new-version=5.0.0)](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 days ago
..
assets	Publish `web_embedding` (#1777 )	1 year ago
lib	[element_embedding_demo] migrate to dart:js_interop (#2231 )	6 months ago
web	Migrate bootstrapping in element embedding sample (#2315 )	4 months ago
.gitignore	Publish `web_embedding` (#1777 )	1 year ago
README.md	Publish `web_embedding` (#1777 )	1 year ago
pubspec.yaml	Bump flutter_lints from 4.0.0 to 5.0.0 in /web_embedding/element_embedding_demo (#2454 )	3 days ago

README.md

element_embedding_demo

This package contains the application used to demonstrate the upcoming Flutter web feature: "Element Embedding".

This was first shown on the Flutter Forward event in Nairobi (Kenya), by Tim Sneath. See the replay here.

Running the demo

The demo is a Flutter web app, so it can be run as:

$ flutter run -d chrome

Points of Interest

Check the new JS Interop:
- Look at lib/main.dart, find the @js.JSExport() annotation.
- Find the JS code that interacts with Dart in web/js/demo-js-interop.js.
See how the Flutter web application is embedded into the page now:
- Find hostElement in web/index.html.

(Built by @ditman, @kevmoo and @malloc-error)