JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 1
  • Score
    100M100P100Q40850F
  • License MIT

Rollup plugin to add credits message on debug console in frontend

Package Exports

  • credits-log
  • credits-log/src/debug.js
  • credits-log/src/index.js
  • credits-log/src/index.mjs

Readme

credits-log

MIT license npm

logotype

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

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