Skip to content

Commit

Permalink
change the way we import class
Browse files Browse the repository at this point in the history
  • Loading branch information
@Adrinlol
Adrinlol committed Feb 9, 2022
1 parent e714ab6 commit aa98860
Showing 1 changed file with 131 additions and 104 deletions.
235 changes: 131 additions & 104 deletions src/index.js
View file
Original file line number Diff line number Diff line change
@@ -1,122 +1,149 @@
class Gradient {
constructor(gradients = '', maxNum = 10, colors = ['', ''], intervals = []) {
constructor(gradients = "", maxNum = 10, colors = ["", ""], intervals = []) {
const setColors = (props) => {
if (props.length < 2) {
throw new Error(
`setGradient should have more than ${props.length} color`
);
} else {
let increment = maxNum / (props.length - 1);
let firstGradient = new GradientColor();
let lower = 0;
let upper = 0 + increment;
firstGradient.setGradient(props[0], props[1]);
firstGradient.setMidpoint(lower, upper);
gradients = [firstGradient];
intervals = [
{
lower,
upper,
},
];

const setColors = props => {
if (props.length < 2) {
throw new Error(`setGradient should have more than ${props.length} color`);
} else {
let increment = maxNum / (props.length - 1);
let firstGradient = new GradientColor();
let lower = 0;
let upper = 0 + increment;
firstGradient.setGradient(props[0], props[1]);
firstGradient.setMidpoint(lower, upper);
gradients = [firstGradient];
intervals = [{
lower,
upper
}];

for (let i = 1; i < props.length - 1; i++) {
let gradientColor = new GradientColor();
let lower = 0 + increment * i;
let upper = 0 + increment * (i + 1);
gradientColor.setGradient(props[i], props[i + 1]);
gradientColor.setMidpoint(lower, upper);
gradients[i] = gradientColor;
intervals[i] = {
lower,
upper
};
}
colors = props;
}
for (let i = 1; i < props.length - 1; i++) {
let gradientColor = new GradientColor();
let lower = 0 + increment * i;
let upper = 0 + increment * (i + 1);
gradientColor.setGradient(props[i], props[i + 1]);
gradientColor.setMidpoint(lower, upper);
gradients[i] = gradientColor;
intervals[i] = {
lower,
upper,
};
}
colors = props;
}
};

this.setGradient = (...props) => {
setColors(props);
return this;
}
this.setGradient = (...props) => {
setColors(props);
return this;
};

this.getArray = () => {
let gradientArray = [];
for (let j = 0; j < intervals.length; j++) {
const interval = intervals[j];
const start = interval.lower === 0 ? 1 : Math.ceil(interval.lower);
const end = interval.upper === maxNum ? interval.upper + 1 : Math.ceil(interval.upper);
for (let i = start; i < end; i++) {
gradientArray.push(gradients[j].getColor(i))
}
}
return gradientArray;
this.getArray = () => {
let gradientArray = [];
for (let j = 0; j < intervals.length; j++) {
const interval = intervals[j];
const start = interval.lower === 0 ? 1 : Math.ceil(interval.lower);
const end =
interval.upper === maxNum
? interval.upper + 1
: Math.ceil(interval.upper);
for (let i = start; i < end; i++) {
gradientArray.push(gradients[j].getColor(i));
}
}
return gradientArray;
};

this.getColor = props => {
if (isNaN(props)) {
throw new TypeError(`getColor should be a number`);
} else if (props <= 0) {
throw new TypeError(`getColor should be greater than ${props}`);
} else {
let segment = (maxNum - 0) / (gradients.length);
let index = Math.min(Math.floor((Math.max(props, 0) - 0) / segment), gradients.length - 1);
return gradients[index].getColor(props);
}
}
this.getColor = (props) => {
if (isNaN(props)) {
throw new TypeError(`getColor should be a number`);
} else if (props <= 0) {
throw new TypeError(`getColor should be greater than ${props}`);
} else {
let segment = (maxNum - 0) / gradients.length;
let index = Math.min(
Math.floor((Math.max(props, 0) - 0) / segment),
gradients.length - 1
);
return gradients[index].getColor(props);
}
};

this.setMidpoint = (maxNumber) => {
if (!isNaN(maxNumber) && maxNumber >= 0) {
maxNum = maxNumber;
setColors(colors);
} else if (maxNumber <= 0) {
throw new RangeError(`midPoint should be greater than ${maxNumber}`);
} else {
throw new RangeError('midPoint should be a number');
}
return this;
}
}
this.setMidpoint = (maxNumber) => {
if (!isNaN(maxNumber) && maxNumber >= 0) {
maxNum = maxNumber;
setColors(colors);
} else if (maxNumber <= 0) {
throw new RangeError(`midPoint should be greater than ${maxNumber}`);
} else {
throw new RangeError("midPoint should be a number");
}
return this;
};
}
}

class GradientColor {
constructor(startColor = '', endColor = '', minNum = 0, maxNum = 10) {
this.setGradient = (colorStart, colorEnd) => {
startColor = getHexColor(colorStart);
endColor = getHexColor(colorEnd);
}
constructor(startColor = "", endColor = "", minNum = 0, maxNum = 10) {
this.setGradient = (colorStart, colorEnd) => {
startColor = getHexColor(colorStart);
endColor = getHexColor(colorEnd);
};

this.setMidpoint = (minNumber, maxNumber) => {
minNum = minNumber;
maxNum = maxNumber;
}
this.setMidpoint = (minNumber, maxNumber) => {
minNum = minNumber;
maxNum = maxNumber;
};

this.getColor = props => {
if (props) {
return '#' + generateHex(props, startColor.substring(0, 2), endColor.substring(0, 2)) +
generateHex(props, startColor.substring(2, 4), endColor.substring(2, 4)) +
generateHex(props, startColor.substring(4, 6), endColor.substring(4, 6));
}
}
this.getColor = (props) => {
if (props) {
return (
"#" +
generateHex(
props,
startColor.substring(0, 2),
endColor.substring(0, 2)
) +
generateHex(
props,
startColor.substring(2, 4),
endColor.substring(2, 4)
) +
generateHex(
props,
startColor.substring(4, 6),
endColor.substring(4, 6)
)
);
}
};

const generateHex = (number, start, end) => {
if (number < minNum) {
number = minNum;
} else if (number > maxNum) {
number = maxNum;
}
const generateHex = (number, start, end) => {
if (number < minNum) {
number = minNum;
} else if (number > maxNum) {
number = maxNum;
}

let midPoint = maxNum - minNum;
let startBase = parseInt(start, 16);
let endBase = parseInt(end, 16);
let average = (endBase - startBase) / midPoint;
let finalBase = Math.round(average * (number - minNum) + startBase);
let balancedFinalBase = finalBase < 16 ? "0" + finalBase.toString(16) : finalBase.toString(16);
return balancedFinalBase;
}
let midPoint = maxNum - minNum;
let startBase = parseInt(start, 16);
let endBase = parseInt(end, 16);
let average = (endBase - startBase) / midPoint;
let finalBase = Math.round(average * (number - minNum) + startBase);
let balancedFinalBase =
finalBase < 16 ? "0" + finalBase.toString(16) : finalBase.toString(16);
return balancedFinalBase;
};

const getHexColor = props => {
return props.substring(props.length - 6, props.length);
}
}
const getHexColor = (props) => {
return props.substring(props.length - 6, props.length);
};
}
}

module.exports = Gradient;
const colorGradient = new Gradient();

module.exports = colorGradient;

0 comments on commit aa98860

Please sign in to comment.