Dynamic log package

[MM25Zamanian]

Hello.
I have an idea to build a printing package that prints based on the configuration file settings and notifies the developer of the status of the application in development mode.

Forgive me if I am not fluent in English

[MM25Zamanian]

If you like this idea, I can do it

[abdonrd]

I don't quite understand what you mean; could you give more detail? Thanks!

[MM25Zamanian]

A developer must log in to the browser console to know the different modes of their web application, but this depends on the and modes.

I think the starter should meet this need because it has arranged the file structure itself

It's very simple
But this is a part that helps developers a lot
Of course, this is my idea and I have not seen it anywhere yet

[abdonrd]

We already show how to see the environment in the footer:

pwa-lit-template/src/components/app-index.ts

Line 97 in 6f25fde

<span>Environment: ${config.environment}</span>

I think it's enough.

[MM25Zamanian]

No, no, you do not understand what I mean.
See this:

‍‍function _log(message: string) {
  if (config.environment === 'development') {
    console.log('🚀 ~  ~ message', message);
  }
}


_log("Message");

Print and display events to the developer's choice in the browser console
Of course, the above code is just a simple example to understand
The prototype is more professional and has more capabilities

[abdonrd]

Oh, got it! Thanks for the example! 👏🏻

If we do, we should avoid shipping all that code in the production build.

But anyway, right now we're not interested in adding a logger to this template; we want to keep it as small as possible.

[MM25Zamanian]

thank you
My ideas help whenever you decide to make your starter bigger

[MM25Zamanian]

@abdonrd Please read this file
This file is just an exercise