![Create React App Officially Deprecated Amid React 19 Compatibility Issues](https://cdn.sanity.io/images/cgdhsj6q/production/04fa08cf844d798abc0e1a6391c129363cc7e2ab-1024x1024.webp?w=400&fit=max&auto=format)
Security News
Create React App Officially Deprecated Amid React 19 Compatibility Issues
Create React App is officially deprecated due to React 19 issues and lack of maintenance—developers should switch to Vite or other modern alternatives.
@cerebrusinc/qol
Advanced tools
This is a host of quality of life features that take the load off of coding; A mix of random but cool functions!
Are you tired of making the same module in every project? Not a problem! Qol has your back.
A suite of random but useful functions that are aimed at giving you 'piece of cake' level comfortability.
This package is also available as:
// ES6 Module
import * as qol from "@techtronics/qol";
// ES6 Destructuring
import { randomColour } from "@techtronics/qol";
// ES5 Module
const qol = require("@techtronics/qol");
// ES5 Destructuring
const { randomColour } = require("@techtronics/qol");
Get a random colour; For those scenarios where you couldn't care less!
Returns a string
const c = randomColour();
const cRGB = randomColour("rgb");
const cCMYK = randomColour("cmyk");
const cHSV = randomColour("hsv");
const cHSL = randomColour("hsl");
console.log(c, cRGB, cCMYK, cHSV, cHSL);
// #f7f7f7, rgb(247,247,247), cmyk(0%,0%,0%,3%), hsv(0,0%,97%), hsl(0,0%,97%)
Parameter | Default Setting | Required? | Definition | Options |
---|---|---|---|---|
setting | hex | No | The type of colour you would like returned | hex , rgb , cmyk , hsv , hsl |
Send in date parameters and receive either an object with their metadata, or a parsed date (e.g 2 Sep 2020
); American formatting is possible (e.g Sep 2 2020
).
NOTE: You do not need to add 1 to the day or month, it will do that for you.
Returns a string
or DateObject
const d = new Date();
const dateArr = [d.getDate(), d.getDay(), d.getMonth(), d.getFullYear()];
const pD = parseDate(...dateArr, "nll", true);
const pDfull = parseDate(...dateArr, "lll");
console.log(pD, pDfull);
// October 24 2022, Monday 24th October 2022
interface DateObject {
day: {
short: string;
long: string;
ordinalMonth: string;
ordinalWeek: string;
weekNumber: number;
monthNumber: number;
};
month: {
short: string;
long: string;
ordinal: string;
number: number;
};
year: {
short: number;
long: number;
};
}
Parameter | Default Setting | Required? | Definition | Options |
---|---|---|---|---|
monthDay | none | Yes | The day of the month | type number |
weekDay | none | Yes | The day of the week | type number |
month | none | Yes | The numeric month | type number |
year | none | Yes | The full numeric year | type number |
format | none | No | The date format you would like | n = numeric, s = shorthand text, l = full text; nns , nnl , sss , ssl , lll , nss , nsl , nls , nll |
american | false | No | Whether or not you would like the format to be 'Americanised' | true , false |
Convert a number into a string as if it's MS Excel!
Returns a string
const num = numParse(2100.45, "space");
const numEurope = numParse(2100.45, "punct");
const numCustom = numParse(2100.45, "-" as any);
console.log(num, numEurope, numCustom);
// 2 100.45, 2.100,45, 2-100.45)
Parameter | Default Setting | Required? | Definition | Options |
---|---|---|---|---|
value | undefined | Yes | The number you want to be parsed | none |
setting | comma | No | The delimiter for the number | space , comma , punct , any other delimiter as a string |
Log code executions, stats, and processing times in any framework in any environment; and chain the logs to see the entire process in the terminal!
Returns void
code example
import { Logger } from "@cerebrusinc/qol";
import someFunction from "./someFunction";
import { express } from "express";
const app = express();
logger = new Logger();
app.use((req, res, next) => {
logger.newLog("log", req.method, req.path);
logger.log("log", "someFunction", "Doing something...");
someFunction();
logger.procTime();
next();
logger.execTime();
});
// rest of your code
terminal output
[log • aGy5Op]: GET => /hello | 07/10/2023, 2:46:19 am
[log • aGy5Op]: someFunction => Doing something... | 07/10/2023, 2:46:20 am
[stats • aGy5Op]: someFunction => 53ms
[exec • aGy5Op]: 121ms
Variable | Default Setting | Required? | Definition |
---|---|---|---|
idLength | 5 | No | A number that determines the length of the log id |
americanDate | false | No | A boolean that determines whether the parseDate output should be american |
locale? | undefined | No | A Intl.LocalesArgument that determines the time locale |
timeFormatOptions? | undefined | No | A Intl.DateTimeFormatOptions that sets options for the time output |
These can be set when initialising the Logger
or dynamically. NOTE that you can initialise any of them as undefined through the constructor and it will set their default values, however, dynamically they will need a value of their type unless they can be undefined.
// Set the americanDate param through the constructor
const logger = new Logger(undefined, true);
// set the americanDate param dynamically
logger.americanDate = false;
Method | Type | Details |
---|---|---|
newLog | (config: "stats" or "log" or "error", process: string, message: string) => void | Create a new log chain; This will change the log id |
log | (config: "stats" or "log" or "error", process: string, message: string) => void | Add a log to the log chain; This will not change the log id |
procTime | () => void | Log the processing time between this call and the previous call to view their processing time |
execTime | () => void | View the entire execution time |
parseDate()
updates
"nns"
or "nls"
Logger
classnumParse()
updates
numParse()
updates; Breaking change
string
as any
setting
parameter is now options, it defaults to a commanumParse()
parseDate()
randomColour()
FAQs
This is a host of quality of life features that take the load off of coding; A mix of random but cool functions!
The npm package @cerebrusinc/qol receives a total of 0 weekly downloads. As such, @cerebrusinc/qol popularity was classified as not popular.
We found that @cerebrusinc/qol demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Create React App is officially deprecated due to React 19 issues and lack of maintenance—developers should switch to Vite or other modern alternatives.
Security News
Oracle seeks to dismiss fraud claims in the JavaScript trademark dispute, delaying the case and avoiding questions about its right to the name.
Security News
The Linux Foundation is warning open source developers that compliance with global sanctions is mandatory, highlighting legal risks and restrictions on contributions.