Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/klich3/credits-log
Autogenerative Message showing authors and contributors in web console, by retrieving the data from the packages.json file of your project made in webpack / rollup.
https://github.com/klich3/credits-log
authors cli console console-log contributors credits f12 front-end frontend humans rollup rollup-plugin vite vite-plugin vitejs webconsole website
Last synced: 20 days ago
JSON representation
Autogenerative Message showing authors and contributors in web console, by retrieving the data from the packages.json file of your project made in webpack / rollup.
- Host: GitHub
- URL: https://github.com/klich3/credits-log
- Owner: klich3
- License: mit
- Created: 2022-09-27T14:59:29.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2024-04-03T18:47:05.000Z (9 months ago)
- Last Synced: 2024-04-14T11:27:07.671Z (8 months ago)
- Topics: authors, cli, console, console-log, contributors, credits, f12, front-end, frontend, humans, rollup, rollup-plugin, vite, vite-plugin, vitejs, webconsole, website
- Language: JavaScript
- Homepage:
- Size: 1.72 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Citation: CITATION.cff
Awesome Lists containing this project
README
# Credits-Log
*** Vite / Rollup plugin | so as not to leave the creators in a drawer of oblivion ***
[![MIT license](https://img.shields.io/badge/license-MIT-brightgreen.svg)](http://opensource.org/licenses/MIT)
![npm](https://img.shields.io/npm/dm/credits-log?link=https%3A%2F%2Fwww.npmjs.com%2Fpackage%2Fcredits-log)![logotype](logotype/logo.svg?raw=true)
> [!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](images/sceenshot.png)
> [!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.```javascript
//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.
```javascript
//vite.config.json
import creditslog from "credits-log"export default defineConfig({
...
plugins: [
...
creditslog({
frontEnd: true
})
...
],
...
});
```![Screenshot modal](images/screenshot_modal.png)
---
## Parameteres in `package.json`
Read attributes from your `package.json` file:
* `name: ""` (Optional)
* `version: "0.0.1"`
* `"author": "Anton Sychev https://sychev.xyz` (single line)
* `"author": ["Anton Sychev https://sychev.xyz", "...other author"],` (multiples authors)
* `"contributors": [
"name (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
* https://fsymbols.com/generators/carty/
* https://patorjk.com/software/taag/#p=display&f=Abraxis-Small&t=too
* https://manytools.org/hacker-tools/convert-images-to-ascii-art/go/like this:
```javascript
▀█▀ █░█░█ █▀█ █▀█ █▄░█ █▀▀ █▀█ █▄░█ █▀▀
░█░ ▀▄▀▄▀ █▄█ █▄█ █░▀█ ██▄ █▄█ █░▀█ ██▄
``````javascript
-@@@: =%@@%+
@@@# =@@@@@@+
-@@@# :@@@@@@-
-@@@@+. =++=.
+@@@@@#+++++++=-.
-*%@@@@@@@@@@@@#:
-@@@@@@@@@@@@%
-@@@@@@@@@%%@#
-@@@@@@@@@*@@:
-@@@@@@@@#%@#
-@@@@@@@@*@@:
-@@@@@@@@##*
-@@@****@@@=
-@@@: .@@@=
-@@@: .@@@=
-@@@: .@@@=
-@@@: .@@@=
-@@@: .@@@=
Thank you for use [CREDITS-LOG]
⌬ 211
```### DOCS
***Rollup.js:***
* https://rollupjs.org/guide/en/#exporting
* https://rollupjs.org/guide/en/#a-simple-example
* https://www.npmjs.com/package/chalk
* https://github.com/sindresorhus/ora
* https://github.com/SBoudrias/Inquirer.js/tree/v8.0-legacy---
### 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](https://api.star-history.com/svg?repos=klich3/credits-log&type=Date)](https://star-history.com/#klich3/credits-log&Date)