This is how I do it:
In my route... maybe after a login:
await req.flash('error', 'Something bad happened');
await req.flash('info', 'idk mehn, something happened sha');
await req.flash('success', 'Something good happened');
// bonus: I have this block in an app.use
// middleware so it captures all alerts for all routes
res.locals.alerts = {
info: await req.consumeFlash('info'),
error: await req.consumeFlash('error'),
success: await req.consumeFlash('success'),
};
Then in your template:
<% alerts.forEach(function(alert){ %>
<div>
<%= alert.message %>
</div>
<% }) %>You can come up with something better that fits for usecase tho
Of course you add the necessary checks and validations
@LeanKhan can you share which version of express-flash-message you're using? I've stepped in to the 2nd consumeFlash and req.session.flashMessage object is null. It gets nullified after the first consumeFlash call. On the first call, req.session.flashMessage contains all the messages, but once it returns, it seems to clear them all out and sets that object to null. any ideas? I'm using the latest 2.0.0
I'm using express-session for my session....here is my code:
let sessionStore = new session.MemoryStore;
const sessionConfig = {
secret: '[secret goes here]',
name: 'appname',
resave: true,
saveUninitialized: true,
store: sessionStore,
cookie : {
sameSite: 'strict', // THIS is the config you are looing for.
maxAge: 60000
},
secure: false
};
app.use(session(sessionConfig));
@dtrikannad okay, you got express-flash to work? Nice one 👍
Just picked up Eta for something I'm working on so thought I'd tune in.
return res.render('pages/organization', {
user: req.user,
title: 'My Organizations',
organizations: orgDetails,
events: events,
errorMessages: await req.flash('error'),
infoMessages: await req.flash('info'),
successMessages: await req.flash('success'),
warningMessages: await req.flash('warning'),
dtFormat: require('dateformat')
});
where dtFormat takes in the require statement directly and that worked.
I was wondering if anyone who uses the eta-vscode extension for language support in vscode would be able to tel me which version of vscode they're using. It seems it's incompatible with my version (1.45.1).
@simonlayfield :wave: Hey, I created eta-vscode. I am running 1.54.3 and it seems to work fine for me
@/all Hey, I would just like to gather all your opinions on maybe transferring from Gitter to Discord. I find when using Gitter it is much harder to keep track of messages and get notified when they come. I think such a change would make it easier for people coming in to ask questions or give feature ideas and stuff because Gitter is not as organized.
Not seeing anything mentioned in the docs and also trying to deal with
i18n-express translation block not being available: Error: {} translate is not defined
Hi, I'm trying to use eta in a webworker and webpack is pulling in the cjs version (even though my config works for other npm packages). Anyone have any ideas? I wrote the following stackoverflow question because I'm not sure where the fault lies: https://stackoverflow.com/questions/67560485/webpack-targeting-webworker-wont-import-browser-version-of-a-dependency
@dcd-api Can you expand on what you mean? I haven't used Webpack in a bit, but I think you could reroute the import to import from the browser dist which doesn't use core node modules. I guess this is kind of related to #122
Hello, really liking ETA, it has made our templating interface much cleaner. However, one thing that has tripped me up is handling the situation where a given token may be missing for whatever reason. Using something like
handlebars it will just silently resolve to empty (which is preferred) whereas ETA will throw an error. Is it possible to configure ETA to continue on error?
Hi, I'm trying to write a plugin for eta for cachebusting but I'm struggling a bit.
Here is my code:
const regex = /^\s*@cachebust\s*\(\s*["'`]([^"'`]*)["'`],?([^]*)\)$/gu
// eslint-disable-next-line @typescript-eslint/no-explicit-any
function processAST(buffer: Array<string | { t: string; val: string }>, _: unknown): Array<string | { t: string; val: string }> {
buffer.forEach(currItem => {
if (typeof currItem === 'string') return
if (regex.test(currItem.val)) {
const firstHalf = currItem.val?.split('@cachebust(')[1]?.trim() as string
currItem.val = firstHalf?.slice(0, firstHalf.lastIndexOf(')')).replace(/'/gu, ``) + Date.now()
}
})
return buffer
}
export default { processAST }Then in my index.eta I have :
<link rel="stylesheet" href="<% @cachebust( '/css/index.css') %>" />But I get an error message of css is not defined.
I'm just trying to append something to the string in the html.
What does eta mean by TypeScript support out of the box is it in the .eta templates? For example can we do this:
<% const student: Student = new Student();%>
<% student.name = "Nerd" %>;
<p> This students name is: <%- student.name %></p>And more over will there be syntax highlighting and type-completion / inference.
The previously released extension for laravel MIx has been rewritten and published to npm.
https://www.npmjs.com/package/laravel-mix-eta
https://www.npmjs.com/package/laravel-mix-eta
1 reply