async-connect-flash

this package is a better and async version of connect-flash with more features.

why async-connect-flash?

because you can set your flash messages with async options! you can use the promise base or callback base of this package. it solves the problem of not saving flash messages immediately. it even has more features.

Installation

using npm:

1  npm i async-connect-flash
2  cd flash-project

how to configure it?

it is really easy to configure this package. first you need to choose the promise version or callback version of this package. then you need to configure it like the example:

• this is important to install express-session package! if you didnt, you will get an error. configuring promise version:

1import express from "express"
2import expressSession from "express-session";
3//import promiseConnectFlash
4import { promiseConnectFlash } from "async-connect-flash";
5
6const server = express();
7
8server.use(
9    expressSession({
10      secret: "secret",
11      saveUninitialized: false,
12      resave: false
13    })
14  );
15
16//execute it
17server.use(promiseConnectFlash());
18
19server.listen(3000)

configuring callback version:

1import express from "express"
2import expressSession from "express-session";
3// import callbackConnectFlash
4import { callbackConnectFlash } from "async-connect-flash";
5
6const server = express();
7
8server.use(
9    expressSession({
10      secret: "secret",
11      saveUninitialized: false,
12      resave: false
13    })
14  );
15
16//execute it
17server.use(callbackConnectFlash());
18
19server.listen(3000)

how to use this package?

after you configured async-connect-flash, you can use it in middlewares. look at the examples.
using promise version:

1server.get("/test-flash", async (req, res) => {
2    try {
3        //setting the flash message
4        await req.setFlash("flash?", "yes! flash!");
5
6        res.redirect("/display-flash");
7    } catch(error) {
8        console.log(error)
9    }
10})
11
12server.get("/display-flash", async (req, res) => {
13    try {
14        //getting the flash message
15        const data = await req.getFlash("flash?");
16        res.send(data);
17    } catch(error) {
18        console.log(error)
19    }
20})

using callback version:

1server.get("/test-flash", (req, res) => {
2    //setting the flash message
3    req.setFlash("flash?", "yes! flash!", (err) => {
4        if(!err) res.redirect("/display-flash");
5        else console.log(err)
6    });
7})
8
9server.get("/display-flash", (req, res) => {
10    //getting the flash message
11    req.getFlash("flash?", (err, data) => {
12        if(!err) res.send(data);
13        else console.log(err)
14    });
15})

other configs

promiseConnectFlash and callbackConnectFlash also accepts a config object.

server.use(callbackConnectFlash({configs}));

config	description	type
storeProperty	you can choose the property name of flash messages store	string / undefined

Authors

• @saman2007

Feedback

If you have any feedback, please reach out to me at samanahrari@yahoo.com

🔗 Links