I didn't find any consumer and builder for state changes from controller, how to update changes in views?

Happening with latest version

 child: Text(
                    trans("auth.get_started"),
                  ).fontWeightBold(),

getting this

Kindly share your suggestion on how we should handle websockets on the framework

goodjob！

First of all, Thank you @agordn52 for this great framework.

I'm following the docs, and what has been mentioned in the issues/discussions.

refreshToken function isn't being invoked at all.

  @override
  refreshToken(Dio dio) async {
    AuthTokens? tokens = await StorageKey.userToken.read<AuthTokens>();
    if (tokens?.refreshToken == null) {
      await Auth.logout();
      routeToInitial(navigationType: NavigationType.pushAndForgetAll);
      return;
    }
    dynamic response = (await dio.post(baseUrl + "/auth/refresh",
            options: Options(
                headers: {"Authorization": "Bearer ${tokens?.refreshToken}"})))
        .data();
    //  Save the new token
    await StorageKey.userToken.store(response);
  }

Noting that the approach was mentioned, I have to retry manually.

Did I miss anything?

If we refresh on request instead, would it be better? but what if I run parallel requests?

Update [29-01-2024]

This is the interceptor approach.

class BearerAuthInterceptor extends Interceptor {
  @override
  void onRequest(
      RequestOptions options, RequestInterceptorHandler handler) async {
    if (!options.path.contains("auth/refresh")) {
      await api<ApiService>((request) => request.refreshTokens());
    }
    AuthTokens? tokens = await StorageKey.userToken.read<AuthTokens>();
    String? token = options.path.contains("auth/refresh")
        ? tokens?.refreshToken
        : tokens?.accessToken;

    if (token != null) {
      options.headers.addAll({"Authorization": "Bearer $token"});
    }
    return super.onRequest(options, handler);
  }

the refreshTokens function checks if a refresh token is needed then proceed.
if condition to eliminate the recursion.

I had to skip the previous approach, but I still do not know how reactive this approach is. Especially with parallel requests scenario.

import 'package:nylo_framework/nylo_framework.dart';

class Env {
  static String API_BASE_URL = getEnv('API_BASE_URL');
}

will help in ide autocomplete for env var

Need the ability to get the previous route name
Something like this: NyRouter().getPreviousRouteName()

After updating nylo from 5.8.0 to 5.11.0, my ios build fails with this error
Error (Xcode): ../../.pub-cache/hosted/pub.dev/nylo_support-5.17.0/lib/helpers/extensions.dart:264:7: Error: Type 'TextScaler' not found.

any dependent package needs to be updated?

edit item in collection ?
await NyStorage.addToCollection("a_storage_key", newItem: "1");

Hi! Great work.

Why not replace Controllers with providers? With providers, we can interact with the state from the logic which is impossible with the controller.

I mean creating a Stateful widget(page) just like it is done actually and binding a dedicated Provider to that page.

This is an example:

PS: In my example, the stateless widget is useful to create the stateful one because it is the only way I've found to wrap the stateful widget with the Provider. But you may have a better approach🤗.

class SignUpPage extends StatelessWidget {
  SignUpPage();

  @override
  Widget build(BuildContext context) {
    return ChangeNotifierProvider(
      create: (context) => SignUpProvider(), // The provider of the page
      child: _SignUpPage(),
    );
  }
}

class _SignUpPage extends StatefulWidget {
  _SignUpPage();

  @override
  _SignUpPageState createState() => new _SignUpPageState();
}

class _SignUpPageState extends State<_SignUpPage> {
  // The provider to work with
  late SignUpProvider _provider = context.watch<SignUpProvider>(); 

  @override
  void initState() {
    super.initState();
  }
  
  Widget build(BuildContext context) {
    return Scaffold(
      body: GestureDetector(
        onTap: () => _provider.signUp(), // Call a method from the provider,
        child: Container(
          child: _provider.loading ? Text('Signing up...') : Text("Show form :).") // Display depending on the state
        )
      ),
    );
  }
}

This is what the provider may look like.

class SignUpProvider extends ChangeNotifier {
  bool loading = false; // Could be private with a getter to expose, and a setter to apply state change with "notifyListeners".
  
  void signUp() {
     // Some validations that could change the state too...
     
     // Mark loading
     loading = true;
     notifyListeners(); // This change updates the UI state.
     
    // API CALL...
    
     loading = false;
     notifyListeners();
  }
}

It will be amazing. It can be coupled with NyState too and can be fully optional for developers.

--- A little further in simplicity

We can even imagine a setState helper in the provider class to make it more familiar to developers who are not used to the provider pattern.

void setState(VoidCallback fn) {
  assert(fn != null);
  
  final Object? result = fn() as dynamic;
  
  assert(() {
      if (result is Future) {
        throw FlutterError.fromParts(<DiagnosticsNode>[
          ErrorSummary('setState() callback argument returned a Future.'),
          ErrorDescription(
            'The setState() method on $this was called with a closure or method that '
            'returned a Future. Maybe it is marked as "async".',
          ),
          ErrorHint(
            'Instead of performing asynchronous work inside a call to setState(), first '
            'execute the work (without updating the widget state), and then synchronously '
            'update the state inside a call to setState().',
          ),
        ]);
      }
      // We ignore other types of return values so that you can do things like:
      //   setState(() => x = 3);
      return true;
    }());
  
  notifyListeners();
}

Thank youuu!,

I'm trying to enable my project to use Linux, can you tell me what might be happening?

i spend hours trying to make it work as expected but it has a lot of issues, especially in RTL languages
nylo localization restarting the whole app and even after restarting UI doesn't switch to RTL
I end up using https://pub.dev/packages/easy_localization however I wich those problems get a fix

what we need Localization should happen without restarting the app and rtl UI should refresh

I'd like to run onTodo method below code in controller class.

class HomeController extends Controller {
  @override
  construct(BuildContext context) {
    super.construct(context);
  }

onTodo() {
   Navigator.pushNamed(context!, "/todo");
   print(context == null ? "context is null" : "context is not null");
  }
}

home_page.dart:

...
MaterialButton(
                          child: Text(
                            "todo".tr().capitalize(),
                            style: Theme.of(context)
                                .textTheme
                                .bodyText1!
                                .setColor(
                                    context, (color) => color.surfaceContent),
                          ),
                          onPressed: widget.homeController.onTodo,
...

but context object is null.
error message: Exception has occurred._CastError (Null check operator used on a null value)

Like this

https://starlite-api.github.io/starlite/usage/0-the-starlite-app/2-using-application-state/

Or how can I implement something like this, or use nylo routes to pass state data between pages?

Hello everyone !

There are very few recipes using the framework.

For example, how do I check the saved token on the device, and transfer it to the router when downloading.

Some methods are not described in the documentation. For example, there is "handleSuccess", but the "handleFailure" method is not described. It is not clear how List works? routeGuards in routes. There are a lot of questions. Tell me that the project is not abandoned please )

UPD:
I made dependencies on checking the token and confirming the number in this way. I'm not sure if it's right, but everything works.

I configured an Auth guard and seems it is not even called

Hi,
I'm trying to use Nylo + ResponsiveFramework
I was looking at this example but I have a problem...
How can I use their "onGenerateRoute" with Nylo:

runApp(
    AppBuild(
      navigatorKey: NyNavigator.instance.router.navigatorKey,
      onGenerateRoute: nylo.router!.generator(), // THIS ROW!!!
      debugShowCheckedModeBanner: false,
      initialRoute: nylo.getInitialRoute(),
    ),
  );

Thank you for your help! If this is the wrong place to ask, I'm sorry and please tell me where I can get help

./../../.pub-cache/hosted/pub.dev/nylo_support-5.18.0/lib/helpers/extensions.dart:264:7: Error: Type 'TextScaler' not found.
TextScaler? textScaler,
^^^^^^^^^^

flutter 3.13.9 • channel stable • https://github.com/flutter/flutter.git
Framework • revision d211f42860 (5 weeks ago) • 2023-10-25 13:42:25 -0700
Engine • revision 0545f8705d
Tools • Dart 3.1.5 • DevTools 2.25.0

I am storing my user token (from my external api) in the NyStorage so that when I close the app and reopen it at a later time it can still be used without having to login again. Now the problem is that I want to set the HomePage as the initialRoute when Auth.loggedIn() returns true (in the AuthGuard) and after I have done a request to my external api to check the token. I tried to set LoginPage as the initialRoute and then in the AuthProvider I did the request and based on that result it either just goes on or redirects to the HomePage on a successful request. The problem with this is that it shows the LoginPage for a brief moment before redirecting to the HomePage. I would like to show my HomePage initially (after doing the external api call to check the token) or show the LoginPage (this can be done via a redirect) when the request is not successful. I also tried doing the request in the AuthGuard but this does not seem to be called when setting HomePage as my initialRoute and also setting routeGuards: [AuthGuard] on it. What would be the best way to do this?

After - flutter pub get
Resolving dependencies... (2.6s)
"Its taking very long time and happen this->"
Got socket error trying to find package recase at https://pub.dev.

-- After cloning from github
and flutter pub get getting this

Really love the concept of this framework and I am testing it on a project. Thanks for the good stuff.

final TextStyle appThemeFont = GoogleFonts.montserrat();

How can I switch the google font to a TTF font available from my assets folder in the theme file?

the doc is mentioning the method routeTo to navigate but it cant be found.

I am working with flutter sdk 2.12.0 and above.

is it a plan on your side to refactor the method Appbuild() in bootstrap/app.dart?
It is currently causing some type and null safety issue

Thank you for your efforts!

Please tell me how to apply

PageTransitionType.scale (with alignment)

in routeTo(
"/profile-page",
pageTransition: PageTransitionType.scale
);

Hello Sir @agordn52 ,
when I create a project in Flutter itself.
the back gesture is working fine.

But in Nylo I'm not able to back by using gesture(finger horizontal swipe)

I found bug in NyStorage:
Sometime on old phones have an error

 NyStorage.read at line 200 within nylo_support
PlatformException(Exception encountered, read, javax.crypto.BadPaddingException: error:1e000065:Cipher functions:OPENSSL_internal:BAD_DECRYPT
	at com.android.org.conscrypt.NativeCrypto.EVP_CipherFinal_ex(Native Method)
	at com.android.org.conscrypt.OpenSSLCipher$EVP_CIPHER.doFinalInternal(OpenSSLCipher.java:596)
	at com.android.org.conscrypt.OpenSSLCipher.engineDoFinal(OpenSSLCipher.java:363)

I think better choice use try-catch in the core: in String? data = await StorageManager.storage.read(key: key);
Will wait new update

validation not working when extends NyPage

import 'package:flutter/material.dart';
import 'package:nylo_framework/nylo_framework.dart';

class DashboardPage extends NyPage {

  static String path = '/dashboard';

  @override
  init() async {
    // initialize the page
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Dashboard")
      ),
      body: SafeArea(
         child: Container(
             child: Text("Hello World") // Build your UI
         ),
      ),
    );
  }
}

Discussed in #37

Hi, how i can get error message from server using API service ?

calling via controller

Since Flutter & Dart releasing frequently i would like to check if we have a way to upgrade Nylo with out braking existing functionality

For example :

• Nylo 1.x to 2.x
• Upgrade to dart v2.14.0
• Any major upcoming releases from flutter

I couldn't override connectTimeout value in BaseOptions of Dio in NyBaseApiService class. Could you assist me to do that correctly?

In that class baseoptions initialized in the init method

  void init() {
    baseOptions = BaseOptions(
      baseUrl: baseUrl,
      headers: {
        "Content-type": "application/json",
        "Accept": "application/json",
      },
      connectTimeout: Duration(seconds: 5),  <!-- here
    );

    _api = Dio(baseOptions);

    if (useInterceptors) {
      _addInterceptors();
    }
  }

The documentation does not document how to implement the update.

In the constructor of my api service I try to set the timeout of my requests to 10 seconds but whenever the request is sent it is still on 5 seconds.

ApiService:

class ApiService extends NyApiService {
  ApiService({BuildContext? buildContext})
      : super(buildContext, decoders: modelDecoders) {
    baseOptions = BaseOptions(
      connectTimeout: Duration(seconds: 10),
      receiveTimeout: Duration(seconds: 10),
      sendTimeout: Duration(seconds: 10),
    );
  }
}

Method to retrieve user:

Future<dynamic> checkUser() async {
    return await network(
      request: (request) {
        return request.get("/auth/me");
      },
      handleFailure: (DioException exception) {
        throw exception;
      },
    );
  }

Log shows 5 seconds instead of 10 and throws and exception because of it

I/flutter ( 3511): ╔╣ Request ║ POST 
I/flutter ( 3511): ║  https://my-site.com/api/v1/auth/me
I/flutter ( 3511): ╚══════════════════════════════════════════════════════════════════════════════════════════╝
I/flutter ( 3511): ╔ Headers 
I/flutter ( 3511): ╟ Content-type: application/json
I/flutter ( 3511): ╟ Accept: application/json
I/flutter ( 3511): ╟ contentType: application/json
I/flutter ( 3511): ╟ responseType: ResponseType.json
I/flutter ( 3511): ╟ followRedirects: true
I/flutter ( 3511): ╟ connectTimeout: 0:00:05.000000
I/flutter ( 3511): ╟ receiveTimeout: null

I/flutter ( 3511): ╔╣ DioError ║ DioExceptionType.connectionTimeout
I/flutter ( 3511): ║  The request connection took longer than 0:00:05.000000 and it was aborted. To get rid of this exception, try raising the RequestOptions.connectTimeout above the duration of 0:00:05.000000 or improve the response time of the server.

Just started getting this issue on new installs of nylo.

I'm confused as too why, as dateformat isnt called anywhere in the scaffold.

i tested my API using postman it work fine however when i call it from nylo it fail

  Future<String?> GetTest() async {
    return await network<String>(
      request: (request) => request.get("/test"),
    );
  }

I/flutter (16330): ╔╣ Request ║ GET 
I/flutter (16330): ║  http://localhost:3000/test
I/flutter (16330): ╚══════════════════════════════════════════════════════════════════════════════════════════╝
D/EGL_emulation(16330): app_time_stats: avg=96.64ms min=2.39ms max=501.03ms count=12
I/flutter (16330): 
I/flutter (16330): ╔╣ DioError ║ DioExceptionType.connectionError
I/flutter (16330): ║  The connection errored: Connection refused
I/flutter (16330): ╚══════════════════════════════════════════════════════════════════════════════════════════╝
I/flutter (16330): [2023-10-18 23:54:37] error DioException [connection error]: The connection errored: Connection refused
I/flutter (16330): Error: SocketException: Connection refused (OS Error: Connection refused, errno = 111), address = localhost, port = 47028

nylo_framework: ^5.0.2
Example:

  validate(
        rules: {
          "name": "not_empty",
          "email": "email",
          "phone number": "regex:(^[+\(\d+\)]+)"
        },
        data: {
          "name": nameFieldValue,
          "email": emailFieldValue,
          "phone number": phoneFieldValue,
        },
        messages: {
          "Name": "Name failed",
          "Email address": "Email failed",
          "Phone number": "Correct phone number format: +(**)**********"
        },
        onSuccess: () {
        },
        onFailure: (Exception exception) {
          print('Validate error: ${exception.toString()}');
        },
        showAlert: true, 
        alertStyle: ToastNotificationStyleType.DANGER);
  }

Alert doesn't show correct messages.It works only for first field

My routes

appRouter() => nyRoutes((router) {
      // Home page
      router.route(
          RouterPages.homePage, (context) => MyHomePage(title: "Hello World"));

      // Auth routes
      router.route(RouterPages.startPage, (context) => StartPage(),
          transition: PageTransitionType.fade);
      router.route(
        RouterPages.loginByEmailPage,
        (context) => LoginByEmailPage(),
        transition: PageTransitionType.rightToLeftJoined,
      );
    });

// ignore: avoid_classes_with_only_static_members
/// Class holding all the routes
class RouterPages {
  /// Home page
  static String homePage = "/";

  /// Start page shown before login screen
  static String startPage = "/auth/start";

  /// Login by email page
  static String loginByEmailPage = "/auth/login_by_email";
}

getting this error

I have set primaryColor value to blue. But the input field label color is purple.

How do I make input field to inherit this blue color?

https://github.com/nylo-core/nylo/blob/5.x/README.md#L20

Should be
https://nylo.dev/docs/5.x/themes-and-styling#light-and-dark-themes

Instead of

https://nylo.dev/docs/5.x/themes

am using NyTextField it works well however how could I know if all fields are correct when I press submit button
Thank you

A member named 'bodyMedium', 'bodyLarge' etc... is defined in extension 'NyText' and extension 'NyText', and none are more specific.
Questions: why? what to do if I have a project based on prev version?

assume i have 3 screen
1 and 2 have relation between
example screen 1 is listing page
and 2 has view page
but if come 2 screen using 3rd screen
still widget.data() hold a value

Must have pushed a development related dependency

Because flutter_app depends on laravel_auth_slate from path which doesn't exist (could not find package laravel_auth_slate at "/Users/anthony/StudioProjects/slate_template_laravel_auth"), version solving failed

As I have not tried - but the parameters are not transmitted. Not the routeTo helper("/order-view", data: "Hello world!"), nor Navigator.pushNamed(context, "/order-view",arguments: "Hello World");

=((((((

P.S.
Found the reason, did not specify:
final HomeController controller = HomeController()

I hope it saves time for those who are looking, the ticket can be closed)

Flutter 3.11 +Tools • Dart 3.1.0 (build 3.1.0-63.1.beta) • DevTools 2.23.1
ERRORS:

• alias metro:
  Deprecated. Use dart run instead.
• metro commands run:
  Unhandled exception:
  Unsupported operation: Cannot remove from a fixed-length list
  #0 FixedLengthListMixin.removeAt (dart:_internal/list.dart:61:5)
  #1 commands (package:nylo_framework/metro/metro.dart:111:13)
  #2 main (file:///***/.pub-cache/hosted/pub.dev/nylo_framework-4.1.4/bin/main.dart:13:19)
  #3 _delayEntrypointInvocation. (dart:isolate-patch/isolate_patch.dart:294:33)
  #4 _RawReceivePort._handleMessage (dart:isolate-patch/isolate_patch.dart:189:12)

Will wait Nylo 5.0 without errors)))

• need more documentation on complex scenarios like nested route, state management
• is there any discord/slack server where devs can ask support questions?
• is there any complex app examples ? chat app, e-commerce app, todo ?
• how to contribute ?
• what is future roadmap ?

Any plans for adding GetX or RiverPod Package to Nylo or It would be great to know how our Ny*** are diff from them
https://pub.dev/packages/get
https://riverpod.dev/

https://nylo.dev/docs/5.20.0/toast-notifications

On https://nylo.dev/docs/3.x/what-is-nylo

In the framework dependencies section, the link to the collection library is broken.

The readme requirements are different to the website's one:

Repo readme:

Website requirements page: