* add samples_index to web/ directory Co-authored-by: Thea Flowers <theaflowers@google.com> * add pub_get.dart script * build sample index in peanut post build * re-generate sample index with web demos * print more details in peanut_post_build.dart * add images for demos * run generator * update README * add animations and provider shopper as symlinks * add links to symlinked web demos * use relative paths * update cookbook images, urls, and description CSS * use relative URL for navbar link * unstage HTML files * .gitignore generated HTML files * add margin to toolbar * rename escape functions * add and update copyright headers Co-authored-by: Thea Flowers <theaflowers@google.com>
Sample Index and Web Demos
This directory contains the index hosted at flutter.github.io/samples and web demos hosted with it.
See the demos in action
Compiled versions of the samples are hosted at flutter.github.io/samples/#?platform=web.
Building samples code
Update Flutter and enable web support
$ flutter channel dev
$ flutter upgrade
$ flutter config --enable-web
Run the demo using the chrome device type:
$ cd slide_puzzle
$ flutter packages get
$ flutter run -d chrome
You should see a message printing the URL to access: http://localhost:8080
Web support is available as a technical preview and is only available in the
dev or master channels.
Deploying to GitHub Pages
This project uses peanut to build the samples and commit the output
to the gh-pages branch. To deploy, run these commands in the web/ directory:
Install the peanut command:
$ flutter pub global activate peanut
Verify pub get has been run on each demo:
$ dart _tool/verify_packages
Build all demos, along with the sample index:
$ flutter pub global run peanut
Deploy to GitHub Pages:
$ git push origin gh-pages:gh-pages
Building the sample index
See sample_index/README.md for details