-
Notifications
You must be signed in to change notification settings - Fork 6
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
0 parents
commit c368180
Showing
140 changed files
with
5,461 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,29 @@ | ||
# Miscellaneous | ||
*.class | ||
*.log | ||
*.pyc | ||
*.swp | ||
.DS_Store | ||
.atom/ | ||
.buildlog/ | ||
.history | ||
.svn/ | ||
|
||
# IntelliJ related | ||
*.iml | ||
*.ipr | ||
*.iws | ||
.idea/ | ||
|
||
# The .vscode folder contains launch configuration and tasks you configure in | ||
# VS Code which you may wish to be included in version control, so this line | ||
# is commented out by default. | ||
#.vscode/ | ||
|
||
# Flutter/Dart/Pub related | ||
# Libraries should not include pubspec.lock, per https://dart.dev/guides/libraries/private-files#pubspeclock. | ||
/pubspec.lock | ||
**/doc/api/ | ||
.dart_tool/ | ||
.packages | ||
build/ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,10 @@ | ||
# This file tracks properties of this Flutter project. | ||
# Used by Flutter tool to assess capabilities and perform upgrades etc. | ||
# | ||
# This file should be version controlled and should not be manually edited. | ||
|
||
version: | ||
revision: 77d935af4db863f6abd0b9c31c7e6df2a13de57b | ||
channel: stable | ||
|
||
project_type: package |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,11 @@ | ||
{ | ||
"version": "0.2.0", | ||
"configurations": [ | ||
{ | ||
"name": "example", | ||
"request": "launch", | ||
"type": "dart", | ||
"program": "example/example_host/lib/main.dart" | ||
} | ||
] | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,3 @@ | ||
## 0.1.0 | ||
[2022-01-30] | ||
* initial release. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,11 @@ | ||
Copyright 2022 - Emanuel Braz [code@emanuelbraz.com] | ||
|
||
Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met: | ||
|
||
1. Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer. | ||
|
||
2. Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution. | ||
|
||
3. Neither the name of the copyright holder nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission. | ||
|
||
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,263 @@ | ||
|
||
### A package to speed up the creation of micro frontend(or independent features) structure in Flutter applications (beta version) | ||
<br> | ||
|
||
![Screen Shot 2022-02-03 at 00 32 35](https://user-images.githubusercontent.com/3827308/152278448-3c63a692-f390-4377-964b-6f2c447c0a70.png) | ||
|
||
|
||
### Navigation between pages | ||
#### Use [NavigatorInstance] to navigate between pages | ||
```dart | ||
NavigatorInstance.pop(); | ||
NavigatorInstance.pushNamed(); | ||
NavigatorInstance.pushNamedNative(); | ||
NavigatorInstance.pushReplacementNamed(); | ||
NavigatorInstance ... | ||
``` | ||
|
||
### Open native (Android/iOS) pages, in this way | ||
#### It needs native implementation, you can see an example inside android folder | ||
|
||
```dart | ||
// If not implemented, always return null | ||
final isValidEmail = await NavigatorInstance.pushNamedNative<bool>( | ||
'emailValidator', | ||
arguments: 'validateEmail:lorem@ipsum.com' | ||
); | ||
print('Email is valid: $isValidEmail'); | ||
``` | ||
|
||
```dart | ||
// Listen to all flutter navigation events | ||
NavigatorInstance.eventController.flutterLoggerStream.listen((event) { | ||
logger.d('[flutter: navigation_log] -> $event'); | ||
}); | ||
// Listen to all native (Android/iOS) navigation events (if implemented) | ||
NavigatorInstance.eventController.nativeLoggerStream.listen((event) {}); | ||
// Listen to all native (Android/iOS) navigation requests (if implemented) | ||
NavigatorInstance.eventController.nativeCommandStream.listen((event) {}); | ||
``` | ||
--- | ||
### Define micro app configurations and contracts | ||
|
||
#### Configure the preferences (optional) | ||
```dart | ||
MicroAppPreferences.update( | ||
MicroAppConfig( | ||
nativeEventsEnabled: true, // If you want to dispatch and listen to events between native(Android/iOS) [default = false] | ||
pathSeparator: MicroAppPathSeparator.slash // It joins the routes segments using slash "/" automatically | ||
) | ||
); | ||
``` | ||
|
||
### Register all routes | ||
> This is just a suggestion of routing strategy (Optional) | ||
It's important that all routes are availble out of the projects, avoiding dependencies between micro apps. | ||
Create all routes inside a new package, and import it in any project as a dependency. This will make possible to open routes from anywhere in a easy and transparent way. | ||
|
||
Create the routing package: `flutter create template=package micro_routes` | ||
|
||
```dart | ||
// Export all routes | ||
class Application1Routes extends MicroAppRoutes { | ||
@override | ||
MicroAppBaseRoute get baseRoute => MicroAppBaseRoute('application1'); | ||
String get page1 => baseRoute.path('page1'); | ||
String get page2 => baseRoute.path('page2', ['segment1', 'segment2']); | ||
} | ||
``` | ||
|
||
|
||
#### For example, you can open a page that is inside other MicroApp, in this way: | ||
```dart | ||
NavigatorInstance.pushNamed(OtherMicroAppRoutes().specificPage); | ||
NavigatorInstance.pushNamed(Application1Routes().page1); | ||
``` | ||
|
||
|
||
|
||
### Expose all pages throuth a contract `MicroApp` (Inside external projects or features folder) | ||
```dart | ||
import 'package:micro_routes/exports.dart'; | ||
class Application1MicroApp extends MicroApp with Application1Routes { | ||
@override | ||
List<MicroAppPage> get pages => [ | ||
MicroAppPage(name: baseRoute.name, builder: (context, arguments) => const Initial()), | ||
MicroAppPage(name: page1, builder: (context, arguments) => const Page1()), | ||
MicroAppPage(name: page2, builder: (context, arguments) { | ||
final page2Params.fromMap(arguments); | ||
return Page2(params: page2Params); | ||
}), | ||
]; | ||
} | ||
``` | ||
|
||
### Initialize the host, registering all micro apps | ||
- MicroHost is also a MicroApp, so you can register pages here too. | ||
- MyApp needs to extends MicroHostStatelessWidget or MicroHostStatefulWidget | ||
- The MicroHost is the root widget, and it has all MicroApps, and the MicroApps has all Micro Pages. | ||
|
||
```dart | ||
void main() { | ||
runApp(MyApp()); | ||
} | ||
class MyApp extends MicroHostStatelessWidget { | ||
@override | ||
Widget build(BuildContext context) { | ||
return MaterialApp( | ||
title: 'Flutter Demo', | ||
navigatorKey: NavigatorInstance.navigatorKey, // Required | ||
onGenerateRoute: onGenerateRoute, // [onGenerateRoute] this is created automatically, so just use it, or override it, if needed. | ||
initialRoute: baseRoute.name, | ||
navigatorObservers: [ | ||
NavigatorInstance // Add NavigatorInstance here, if you want to get didPop, didReplace and didPush events | ||
], | ||
); | ||
} | ||
// Base route of host application | ||
@override | ||
MicroAppBaseRoute get baseRoute => MicroAppBaseRoute('/'); | ||
// Register all root [MicroAppPage]s here | ||
@override | ||
List<MicroAppPage> get pages => [ | ||
MicroAppPage(name: baseRoute.name, builder: (_, __) => const HostHomePage()) | ||
]; | ||
// Register all [MicroApp]s here | ||
@override | ||
List<MicroApp> get microApps => [MicroApplication1(), MicroApplication2()]; | ||
} | ||
``` | ||
|
||
--- | ||
### Handling micro apps events | ||
|
||
#### Dispatching events | ||
```dart | ||
// dispatching in channel "user_auth", only | ||
MicroAppEventController() | ||
.emit(const MicroAppEvent( | ||
name: 'my_event', | ||
payload: {'data': 'lorem ipsum'}, | ||
channels: ['user_auth']) | ||
); | ||
``` | ||
|
||
#### Listen to events (MicroApp)s | ||
```dart | ||
// It listen to all events | ||
@override | ||
MicroAppEventHandler? get microAppEventHandler => | ||
MicroAppEventHandler((event) => logger.d([ event.name, event.payload])); | ||
// It listen to events with id equals 123, only! | ||
@override | ||
MicroAppEventHandler? get microAppEventHandler => | ||
MicroAppEventHandler((event) { | ||
logger.d([ event.name, event.payload]); | ||
}, id: '123'); | ||
// It listen to events with channels "chatbot" and "user_auth" | ||
@override | ||
MicroAppEventHandler? get microAppEventHandler => | ||
MicroAppEventHandler((event) { | ||
// User auth feature, asked to show a popup :) | ||
myController.showDialog(event.payload); | ||
}, channels: ['chatbot', 'user_auth']); | ||
``` | ||
#### Managing events | ||
```dart | ||
MicroAppEventController().unregisterHandler(id: '123'); | ||
MicroAppEventController().unregisterHandler(channels: ['user_auth']); | ||
MicroAppEventController().pauseAllHandlers(); | ||
MicroAppEventController().resumeAllHandlers(); | ||
MicroAppEventController().unregisterAllHandlers(); | ||
``` | ||
|
||
### Initiating an event subscription anywhere in the application (inside a StatefulWidget, for example) | ||
#### Using subscription | ||
```dart | ||
final subscription = MicroAppEventController().stream.listen((MicroAppEvent event) { | ||
logger.d(event); | ||
}); | ||
// later, in dispose method of the widget | ||
@override | ||
void dispose() { | ||
subscription.cancel(); | ||
super.dispose(); | ||
} | ||
``` | ||
#### Using handler | ||
```dart | ||
MicroAppEventController().registerHandler(MicroAppEventHandler(id: '1234')); | ||
// later, in dispose method of the widget | ||
@override | ||
void dispose() { | ||
MicroAppEventController().unregisterSubscription(id: '1234'); | ||
super.dispose(); | ||
} | ||
``` | ||
--- | ||
|
||
### Overriding onGenerateRoute method | ||
|
||
If it fails to get a page route, ask for native(Android/iOS) to open the page | ||
```dart | ||
@override | ||
Route? onGenerateRoute(RouteSettings settings, {bool? routeNativeOnError}) { | ||
//! If you wish native app receive requests to open routes, IN CASE there | ||
//! is no route registered in Flutter, please set [routeNativeOnError: true] | ||
return super.onGenerateRoute(settings, routeNativeOnError: true); | ||
} | ||
``` | ||
|
||
If it fails to get a page route, show a default error page | ||
```dart | ||
@override | ||
Route? onGenerateRoute(RouteSettings settings, {bool? routeNativeOnError}) { | ||
final pageRoute = super.onGenerateRoute(settings, routeNativeOnError: false); | ||
if (pageRoute == null) { | ||
// If pageRoute is null, this route wasn't registered(unavailable) | ||
return MaterialPageRoute( | ||
builder: (_) => Scaffold( | ||
appBar: AppBar(), | ||
body: const Center( | ||
child: Text('Page Not Found'), | ||
), | ||
)); | ||
} | ||
return pageRoute; | ||
} | ||
``` | ||
### The following table shows how Dart values are received on the platform side and vice versa | ||
|
||
|Dart | Kotlin | Swift | Java | ||
|---|---|---|---| | ||
|null | null | nil | null | ||
|bool | Boolean | NSNumber(value: Bool) | java.lang.Boolean | ||
|int | Int | NSNumber(value: Int32) | java.lang.Integer | ||
|int, if 32 bits not enough | Long | NSNumber(value: Int) | java.lang.Long | ||
|double | Double | NSNumber(value: Double) | java.lang.Double | ||
|String | String | String | java.lang.String | ||
|Uint8List | ByteArray | FlutterStandardTypedData(bytes: Data) | byte[] | ||
|Int32List | IntArray | FlutterStandardTypedData(int32: Data) | int[] | ||
|Int64List | LongArray | FlutterStandardTypedData(int64: Data) | long[] | ||
|Float32List | FloatArray | FlutterStandardTypedData(float32: Data) | float[] | ||
|Float64List | DoubleArray | FlutterStandardTypedData(float64: Data) | double[] | ||
|List | List | Array | java.util.ArrayList | ||
|Map | HashMap | Dictionary | java.util.HashMap | ||
|
||
<br> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,5 @@ | ||
include: package:flutter_lints/flutter.yaml | ||
analyzer: | ||
errors: | ||
use_key_in_widget_constructors: ignore | ||
constant_identifier_names: ignore |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,10 @@ | ||
# This file tracks properties of this Flutter project. | ||
# Used by Flutter tool to assess capabilities and perform upgrades etc. | ||
# | ||
# This file should be version controlled and should not be manually edited. | ||
|
||
version: | ||
revision: 77d935af4db863f6abd0b9c31c7e6df2a13de57b | ||
channel: stable | ||
|
||
project_type: package |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,5 @@ | ||
include: package:flutter_lints/flutter.yaml | ||
|
||
analyzer: | ||
errors: | ||
mixin_inherits_from_not_object: ignore |
Oops, something went wrong.