Skip to content

Autogenerative Message showing authors and contributors in web console, by retrieving the data from the packages.json file of your project made in vite / webpack / rollup.

License

Notifications You must be signed in to change notification settings

klich3/credits-log

Repository files navigation

Credits-Log

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

MIT license npm

logotype

Note

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.

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

DOCS

Rollup.js:


Develop

Run npm link in source folder for globaly link this repo


NPM Publish

NPM publish command: npm publish --access=public ./


Star History

Star History Chart