Credits-log NPM

credits-log

npm

Credits-Log is a module / plugin / addon to add in your Vite configuration file. The module queries creator and contributor data directly from package.json.

Vite / Rollup plugin | so as not to leave the creators in a drawer of oblivion

!NOTE
It also saves the Graffiti in as another parameter.
How it works: At compile time a mini function is added with a console.log that just shows the credits in your frontend.

Screenshot

!NOTE It contains a CLI application from which you can add, remove or edit data to be displayed. The message can have several lines and/or Logo in "ASCII".

Installation process:

1) run npm i credits-log --save-dev to integrate into your project 1) Test if CLI version is present if not run npm link 2) in your project you just have to edit the vite.config.js file.

//vite.config.json
import creditslog from "credits-log"

export default defineConfig({
    ...
    plugins: [
		    ...
        creditslog()
        ...
    ],
    ...
});

Extension for Front End

Now there is a new parameter to implement: frontEnd: true, that when placed in front end pressing the F1 key will show a floating window with Credits of the project.

//vite.config.json
import creditslog from "credits-log"

export default defineConfig({
    ...
    plugins: [
		    ...
        creditslog({
          frontEnd: true
        })
        ...
    ],
    ...
});

Screenshot modal

Parameteres in `package.json`

Read attributes from your package.json file:

name: "" (Optional)
version: "0.0.1"
"author": "Anton Sychev <anton at sychev dot xyz> https://sychev.xyz (single line)
"author": ["Anton Sychev <anton at sychev dot xyz> https://sychev.xyz", "...other author"], (multiples authors)
"contributors": [ "name <email> (https://webpage)", ... ]
license: "MIT"
Custom fields:
- projectName: "Name of your project"
- credits: [] "New custom parameter for save your ASCII logo / graffiti"

Cli

Just run credits-log in your project folder

Links ASCII Generators

In this sites you can create your custom ASCII logotypes

like this:

▀█▀ █░█░█ █▀█   █▀█ █▄░█ █▀▀   █▀█ █▄░█ █▀▀
░█░ ▀▄▀▄▀ █▄█   █▄█ █░▀█ ██▄   █▄█ █░▀█ ██▄

            -@@@:       =%@@%+                 
            @@@#      =@@@@@@+                
            -@@@#     :@@@@@@-                
             -@@@@+.    =++=.                 
               +@@@@@#+++++++=-.              
                 -*%@@@@@@@@@@@@#:            
                    -@@@@@@@@@@@@%            
                    -@@@@@@@@@%%@#            
                    -@@@@@@@@@*@@:            
                    -@@@@@@@@#%@#             
                    -@@@@@@@@*@@:             
                    -@@@@@@@@##*              
                    -@@@****@@@=              
                    -@@@:  .@@@=              
                    -@@@:  .@@@=              
                    -@@@:  .@@@=              
                    -@@@:  .@@@=              
                    -@@@:  .@@@=   
                    
            Thank you for use [CREDITS-LOG] 
                        ⌬ 211