CPLAT-6104 Add over_react_redux example app

analysis_options.yaml

@@ -4,6 +4,7 @@ analyzer:
   exclude:
     - _site/**
     - test_fixtures/**
+    - app/**
 linter:
   rules:
     # -------------------

app/over_react_redux/todo_client/.gitignore

@@ -0,0 +1,16 @@
+.packages
+.pub
+packages
+build/
+.dart_tool
+
+# Directory created by dartdoc
+doc/api/
+
+# JetBrains IDEs
+.idea/
+*.iml
+*.ipr
+*.iws
+.arcconfig
+.vscode

app/over_react_redux/todo_client/README.md

@@ -0,0 +1,27 @@
+# OverReact Redux Example "Todo" Application
+
+## Running
+```
+pub get
+webdev serve
+```
+
+Open [http://localhost:8080](http://localhost:8080).
+
+## Using Redux Dev Tools
+This example app is already set up to utilize a `DevToolsStore` so 
+that you can inspect the data using the Redux Devtools extension!
+
+Download the Redux Devtools extension:
+  - [Google Chrome Extension](https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd?hl=en)
+  - [Firefox Extension](https://addons.mozilla.org/en-US/firefox/addon/reduxdevtools/) 
+
+> Additional information about `redux_dev_tools` and `DevToolsStore`s can be found [here](https://github.com/brianegan/redux_dev_tools#redux_dev_tools)
+
+## Compiling Sass
+
+To compile the `.scss` file(s) into CSS, run 
+
+```
+pub run w_common:compile_sass -s expanded
+```

app/over_react_redux/todo_client/analysis_options.yaml

@@ -0,0 +1,90 @@
+include: package:pedantic/analysis_options.1.8.0.yaml
+
+linter:
+  rules:
+    # -------------------
+    # Pedantic
+    # -------------------
+    avoid_empty_else: true
+    avoid_init_to_null: true
+    avoid_relative_lib_imports: true
+    avoid_return_types_on_setters: true
+    avoid_shadowing_type_parameters: true
+    avoid_types_as_parameter_names: true
+    curly_braces_in_flow_control_structures: true
+    empty_catches: true
+    empty_constructor_bodies: true
+    empty_statements: true
+    library_names: true
+    library_prefixes: true
+    no_duplicate_case_values: true
+    null_closures: true
+    prefer_contains: true
+    prefer_equal_for_default_values: true
+    prefer_is_empty: true
+    prefer_is_not_empty: true
+    prefer_iterable_whereType: true
+    recursive_getters: true
+    slash_for_doc_comments: true
+    type_init_formals: true
+    unawaited_futures: true
+    unnecessary_const: true
+    unnecessary_new: true
+    unnecessary_null_in_if_null_operators: true
+    unrelated_type_equality_checks: true
+    use_rethrow_when_possible: true
+    valid_regexps: true
+
+    # -------------------
+    # Other
+    # -------------------
+    annotate_overrides: true
+    avoid_bool_literals_in_conditional_expressions: true
+    avoid_classes_with_only_static_members: true
+    avoid_double_and_int_checks: true
+    avoid_null_checks_in_equality_operators: true
+    avoid_returning_null_for_void: true
+    avoid_returning_this: true
+    avoid_setters_without_getters: true
+    avoid_single_cascade_in_expression_statements: true
+    avoid_slow_async_io: true
+    avoid_types_on_closure_parameters: false
+    avoid_unused_constructor_parameters: true
+    avoid_void_async: true
+    await_only_futures: true
+    camel_case_types: true
+    cancel_subscriptions: true
+    close_sinks: true
+    comment_references: true
+    hash_and_equals: true
+    implementation_imports: true
+    iterable_contains_unrelated_type: true
+    list_remove_unrelated_type: true
+    literal_only_boolean_expressions: true
+    no_adjacent_strings_in_list: true
+    package_names: true
+    prefer_collection_literals: true
+    prefer_conditional_assignment: true
+    prefer_const_declarations: true
+    prefer_constructors_over_static_methods: true
+    prefer_function_declarations_over_variables: true
+    prefer_generic_function_type_aliases: true
+    prefer_if_null_operators: true
+    prefer_initializing_formals: true
+    prefer_null_aware_operators: true
+    prefer_single_quotes: true
+    prefer_spread_collections: true
+    prefer_typing_uninitialized_variables: true
+    provide_deprecation_message: true
+    test_types_in_equals: true
+    unnecessary_await_in_return: true
+    unnecessary_brace_in_string_interps: true
+    unnecessary_getters_setters: true
+    unnecessary_lambdas: true
+    unnecessary_null_aware_assignments: true
+    unnecessary_overrides: true
+    unnecessary_statements: true
+    unsafe_html: true
+    use_function_type_syntax_for_parameters: true
+    use_to_and_as_if_applicable: true
+    void_checks: true

app/over_react_redux/todo_client/build.yaml

@@ -0,0 +1,10 @@
+targets:
+  $default:
+    builders:
+      test_html_builder:
+        options:
+          templates:
+            "test/unit/_templates/react_test_template.html":
+              - "test/unit/browser/redux/**_test.dart"
+            "test/unit/_templates/react_components_test_template.html":
+              - "test/unit/browser/components/**_test.dart"

app/over_react_redux/todo_client/dart_test.yaml

@@ -0,0 +1,11 @@
+platforms:
+  - chrome
+concurrency: 4
+filename: "*_test.dart"
+
+presets:
+  # Pass "-P debug" to enable debugging configuration
+  debug:
+    pause_after_load: true
+    exclude_tags: undebuggable
+    reporter: expanded

app/over_react_redux/todo_client/lib/sass/src/_constants.scss

@@ -0,0 +1 @@
+$max-app-width: 600px;

app/over_react_redux/todo_client/lib/sass/src/_empty_view.scss

@@ -0,0 +1,61 @@
+.empty-view {
+  margin-top: 10%;
+  padding: 1.5rem;
+  text-align: center;
+  color: #8a8a8a;
+}
+
+.empty-view p:last-child {
+  margin-bottom: 0;
+}
+
+.empty-view__message-heading {
+  padding: 0;
+  margin-top: 0;
+  margin-bottom: 1.6rem;
+  font-size: 1.8rem;
+  font-weight: normal;
+  color: inherit;
+}
+
+.empty-view__icon {
+  width: 8rem;
+  height: 8rem;
+  font-size: 8rem;
+  margin-bottom: 2rem;
+  color: #cbcbcb;
+}
+
+.empty-view-vblock {
+  display: flex;
+  flex: 1 1 0%;
+  flex-flow: column nowrap;
+  align-items: stretch;
+  justify-content: center;
+  height: 100%;
+}
+
+.empty-view-vblock .empty-view {
+  margin-top: 0;
+}
+
+.empty-view-page-frame {
+  height: 100vh;
+  overflow: hidden;
+  position: relative;
+  display: flex;
+  flex: 1 1 0%;
+  flex-direction: column;
+  flex-wrap: nowrap;
+  align-items: stretch;
+  justify-content: center;
+}
+
+.empty-view-page-frame > .MuiGrid-item {
+  max-width: none;
+  min-height: 0;
+}
+
+.empty-view-page-frame .empty-view {
+  margin-top: 0;
+}

app/over_react_redux/todo_client/lib/sass/src/_scaffolding.scss

@@ -0,0 +1,13 @@
+body {
+  overflow: hidden;
+}
+
+.app-shell,
+#todo-container {
+  width: 100vw;
+  height: 100vh;
+}
+
+.hide-using-aria[aria-hidden="true"] {
+  visibility: hidden;
+}

app/over_react_redux/todo_client/lib/sass/src/_todo_list.scss

@@ -0,0 +1,16 @@
+.app-content {
+  overflow-y: auto;
+  padding-top: 32px;
+  height: calc(100% - 32px);
+}
+
+@media screen and (min-width: 600px) {
+  .app-content {
+    overflow-y: hidden;
+  }
+
+  .app-content__container,
+  .app-content__container-grid {
+    height: 100%;
+  }
+}

app/over_react_redux/todo_client/lib/sass/styles.scss

@@ -0,0 +1,4 @@
+@import 'src/constants';
+@import 'src/scaffolding';
+@import 'src/todo_list';
+@import 'src/empty_view';