Add Material You and Rich Text Editor samples (#1223)

* Added Material You and Rich Text Editor samples

* updated images to have Material 3

* updated packages info

web/charts/pubspec.lock

@@ -35,7 +35,7 @@ packages:
       name: collection
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.15.0"
+    version: "1.16.0"
   flutter:
     dependency: "direct main"
     description: flutter
@@ -75,7 +75,7 @@ packages:
       name: material_color_utilities
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.1.3"
+    version: "0.1.4"
   meta:
     dependency: "direct main"
     description:
@@ -95,20 +95,13 @@ packages:
     description: flutter
     source: sdk
     version: "0.0.99"
-  typed_data:
-    dependency: transitive
-    description:
-      name: typed_data
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "1.3.0"
   vector_math:
     dependency: transitive
     description:
       name: vector_math
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.1.1"
+    version: "2.1.2"
 sdks:
   dart: ">=2.14.0 <3.0.0"
   flutter: ">=2.5.0"

web/github_dataviz/pubspec.lock

@@ -35,7 +35,7 @@ packages:
       name: collection
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.15.0"
+    version: "1.16.0"
   flutter:
     dependency: "direct main"
     description: flutter
@@ -82,7 +82,7 @@ packages:
       name: material_color_utilities
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.1.3"
+    version: "0.1.4"
   meta:
     dependency: transitive
     description:
@@ -136,6 +136,6 @@ packages:
       name: vector_math
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.1.1"
+    version: "2.1.2"
 sdks:
   dart: ">=2.14.0 <3.0.0"

web/material_3_demo

@@ -0,0 +1 @@
+../material_3_demo

web/particle_background/pubspec.lock

@@ -14,7 +14,7 @@ packages:
       name: collection
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.15.0"
+    version: "1.16.0"
   flutter:
     dependency: "direct main"
     description: flutter
@@ -40,7 +40,7 @@ packages:
       name: material_color_utilities
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.1.3"
+    version: "0.1.4"
   meta:
     dependency: transitive
     description:
@@ -53,19 +53,12 @@ packages:
     description: flutter
     source: sdk
     version: "0.0.99"
-  typed_data:
-    dependency: transitive
-    description:
-      name: typed_data
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "1.3.0"
   vector_math:
     dependency: transitive
     description:
       name: vector_math
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.1.1"
+    version: "2.1.2"
 sdks:
   dart: ">=2.14.0 <3.0.0"

web/samples_index/lib/src/data.g.dart

@@ -6,61 +6,77 @@ part of data;
 // JsonSerializableGenerator
 // **************************************************************************
 
-Index _$IndexFromJson(Map json) {
-  return $checkedNew('Index', json, () {
-    final val = Index(
-      $checkedConvert(
-          json,
-          'samples',
-          (v) => (v as List<dynamic>)
-              .map((e) => Sample.fromJson(e as Map))
-              .toList()),
+Index _$IndexFromJson(Map json) => $checkedCreate(
+      'Index',
+      json,
+      ($checkedConvert) {
+        final val = Index(
+          $checkedConvert(
+              'samples',
+              (v) => (v as List<dynamic>)
+                  .map((e) => Sample.fromJson(e as Map))
+                  .toList()),
+        );
+        return val;
+      },
     );
-    return val;
-  });
-}
 
 Map<String, dynamic> _$IndexToJson(Index instance) => <String, dynamic>{
       'samples': instance.samples,
     };
 
-Sample _$SampleFromJson(Map json) {
-  return $checkedNew('Sample', json, () {
-    final val = Sample(
-      name: $checkedConvert(json, 'name', (v) => v as String),
-      author: $checkedConvert(json, 'author', (v) => v as String?),
-      screenshots: $checkedConvert(
-          json,
-          'screenshots',
-          (v) => (v as List<dynamic>)
-              .map((e) => Screenshot.fromJson(e as Map))
-              .toList()),
-      source: $checkedConvert(json, 'source', (v) => v as String),
-      web: $checkedConvert(json, 'web', (v) => v as String?),
-      description: $checkedConvert(json, 'description', (v) => v as String),
-      difficulty: $checkedConvert(json, 'difficulty', (v) => v as String?),
-      widgets: $checkedConvert(json, 'widgets',
-          (v) => (v as List<dynamic>).map((e) => e as String).toList()),
-      packages: $checkedConvert(json, 'packages',
-          (v) => (v as List<dynamic>).map((e) => e as String).toList()),
-      tags: $checkedConvert(json, 'tags',
-          (v) => (v as List<dynamic>).map((e) => e as String).toList()),
-      platforms: $checkedConvert(json, 'platforms',
-          (v) => (v as List<dynamic>).map((e) => e as String).toList()),
-      links: $checkedConvert(
-          json,
-          'links',
-          (v) => (v as List<dynamic>)
-              .map((e) => Link.fromJson(e as Map))
-              .toList()),
-      type: $checkedConvert(json, 'type', (v) => v as String),
-      date: $checkedConvert(
-          json, 'date', (v) => v == null ? null : DateTime.parse(v as String)),
-      channel: $checkedConvert(json, 'channel', (v) => v as String?),
+Sample _$SampleFromJson(Map json) => $checkedCreate(
+      'Sample',
+      json,
+      ($checkedConvert) {
+        final val = Sample(
+          name: $checkedConvert('name', (v) => v as String),
+          author: $checkedConvert('author', (v) => v as String? ?? 'Flutter'),
+          screenshots: $checkedConvert(
+              'screenshots',
+              (v) => (v as List<dynamic>)
+                  .map((e) => Screenshot.fromJson(e as Map))
+                  .toList()),
+          source: $checkedConvert('source', (v) => v as String),
+          web: $checkedConvert('web', (v) => v as String?),
+          description: $checkedConvert('description', (v) => v as String),
+          difficulty:
+              $checkedConvert('difficulty', (v) => v as String? ?? 'beginner'),
+          widgets: $checkedConvert(
+              'widgets',
+              (v) =>
+                  (v as List<dynamic>?)?.map((e) => e as String).toList() ??
+                  const []),
+          packages: $checkedConvert(
+              'packages',
+              (v) =>
+                  (v as List<dynamic>?)?.map((e) => e as String).toList() ??
+                  const []),
+          tags: $checkedConvert(
+              'tags',
+              (v) =>
+                  (v as List<dynamic>?)?.map((e) => e as String).toList() ??
+                  const []),
+          platforms: $checkedConvert(
+              'platforms',
+              (v) =>
+                  (v as List<dynamic>?)?.map((e) => e as String).toList() ??
+                  const []),
+          links: $checkedConvert(
+              'links',
+              (v) =>
+                  (v as List<dynamic>?)
+                      ?.map((e) => Link.fromJson(e as Map))
+                      .toList() ??
+                  const []),
+          type: $checkedConvert('type', (v) => v as String),
+          date: $checkedConvert(
+              'date', (v) => v == null ? null : DateTime.parse(v as String)),
+          channel: $checkedConvert('channel', (v) => v as String?),
+        );
+        return val;
+      },
     );
-    return val;
-  });
-}
 
 Map<String, dynamic> _$SampleToJson(Sample instance) => <String, dynamic>{
       'name': instance.name,
@@ -80,15 +96,17 @@ Map<String, dynamic> _$SampleToJson(Sample instance) => <String, dynamic>{
       'channel': instance.channel,
     };
 
-Screenshot _$ScreenshotFromJson(Map json) {
-  return $checkedNew('Screenshot', json, () {
-    final val = Screenshot(
-      $checkedConvert(json, 'url', (v) => v as String),
-      $checkedConvert(json, 'alt', (v) => v as String),
+Screenshot _$ScreenshotFromJson(Map json) => $checkedCreate(
+      'Screenshot',
+      json,
+      ($checkedConvert) {
+        final val = Screenshot(
+          $checkedConvert('url', (v) => v as String),
+          $checkedConvert('alt', (v) => v as String),
+        );
+        return val;
+      },
     );
-    return val;
-  });
-}
 
 Map<String, dynamic> _$ScreenshotToJson(Screenshot instance) =>
     <String, dynamic>{
@@ -96,15 +114,17 @@ Map<String, dynamic> _$ScreenshotToJson(Screenshot instance) =>
       'alt': instance.alt,
     };
 
-Link _$LinkFromJson(Map json) {
-  return $checkedNew('Link', json, () {
-    final val = Link(
-      $checkedConvert(json, 'text', (v) => v as String),
-      $checkedConvert(json, 'href', (v) => v as String),
+Link _$LinkFromJson(Map json) => $checkedCreate(
+      'Link',
+      json,
+      ($checkedConvert) {
+        final val = Link(
+          $checkedConvert('text', (v) => v as String),
+          $checkedConvert('href', (v) => v as String),
+        );
+        return val;
+      },
     );
-    return val;
-  });
-}
 
 Map<String, dynamic> _$LinkToJson(Link instance) => <String, dynamic>{
       'text': instance.text,

web/samples_index/lib/src/samples.yaml

@@ -491,6 +491,59 @@ samples:
     tags: ['desktop', 'rest-api']
     platforms: ['windows', 'macos', 'linux']
     type: sample
+
+  - name: Rich Text Editor
+    author: Flutter
+    screenshots:
+      - url: images/simple_editor_active.png
+        alt: Advanced text editing with activity
+      - url: images/simple_editor_initial.png
+        alt: Advanced text editing in initial state
+    source: https://github.com/flutter/samples/tree/master/simplistic_editor
+    description: >
+      This is a fancy text editor sample which shows how to consume fine-grain
+      text editing and selection details from the framework's TextEditingDeltas
+      APIs.
+    difficulty: advanced
+    widgets:
+      - TextInput
+    packages: []
+    links: []
+    tags: ["demo", "text"]
+    platforms: ["ios", "android", "web", "windows", "macos", "linux"]
+    type: sample
+
+  - name: Material You
+    author: Flutter
+    screenshots:
+      - url: images/material_you_components.png
+        alt: Components tab of the Material You demo
+      - url: images/material_you_color.png
+        alt: Colors tab of the Material You demo
+      - url: images/material_you_typography.png
+        alt: Typography tab of the Material You demo
+      - url: images/material_you_elevation.png
+        alt: Elevation tab of the Material You demo
+      - url: images/material_you_green.png
+        alt: Elevation tab of the Material You demo with seed color of green
+    source: https://github.com/flutter/samples/tree/master/material_3_demo
+    description: >
+      This is a brochure of common Material widgets, styled with the new
+      Material You version of the Material design spec.
+    difficulty: beginner
+    widgets:
+      - Theme
+      - TextButton
+      - ElevatedButton
+      - OutlinedButton
+      - Text
+      - Card
+      - AppBar
+    packages: []
+    links: []
+    tags: ["Material", "Material You"]
+    platforms: ["ios", "android", "web", "windows", "macos", "linux"]
+    type: sample
     
 ###################
 #### Web Demos ####

web/simplistic_editor

@@ -0,0 +1 @@
+../simplistic_editor