Skip to content

Instantly share code, notes, and snippets.

View nhattruongniit's full-sized avatar

Tony Nguyen nhattruongniit

311 followers · 14 following
View GitHub Profile
@nhattruongniit
nhattruongniit / check-expired-refresh-token
Created December 20, 2022 13:03
check-expired-refresh-token
const now = new Date().getTime();
const OFFSET_EXPIRE_TIME = 10 * 1000, // 10s
const isExpired = Boolean(expires_at && now - expires_at * 1000 > OFFSET_EXPIRE_TIME);
@nhattruongniit
nhattruongniit / validate-range-ratio
Created December 19, 2022 09:41
validate-range-ratio
export const inRange = (number: number, start: number, end: number): boolean => {
return number >= start && number <= end;
};
// usage
const ratio = width / height;
const isMatch = inRange(ratio, metadata.min_dimension, metadata.max_ratio);
@nhattruongniit
nhattruongniit / getDateTimeStringForFileName
Created December 10, 2022 03:10
getDateTimeStringForFileName
export default function () {
const date = new Date();
const getDay = `0${date.getDate()}`.slice(-2).toString();
const getMonth = `0${date.getMonth() + 1}`.slice(-2).toString();
const getYear = date.getFullYear().toString();
const getHours = `0${date.getHours()}`.slice(-2).toString();
const getMinutes = `0${date.getMinutes()}`.slice(-2).toString();
const getSeconds = `0${date.getSeconds()}`.slice(-2).toString();
return `${getYear}-${getMonth}-${getDay} ${getHours}${getMinutes}${getSeconds}`;
}
@nhattruongniit
nhattruongniit / validate-image-video
Created December 8, 2022 16:49
Validate image, video with size, type, dimensions
function validateMedia(file) {
// Check file type
const allowedTypes = ['image/jpeg', 'image/png', 'image/gif', 'video/mp4'];
if (!allowedTypes.includes(file.type)) {
throw new Error('Invalid file type. Allowed types are: jpeg, png, gif, mp4');
}
// Check file size
const maxSize = 10485760; // 10MB in bytes
if (file.size > maxSize) {
@nhattruongniit
nhattruongniit / validate-upload-file
Created December 8, 2022 04:42
validate-upload-file
import { FileWithPath } from 'react-dropzone';
type MetaData = {
type: 'img' | 'video' | 'html';
sizes: [number, number];
metadata: {
duration?: number;
};
};
@nhattruongniit
nhattruongniit / open_file_reader javascript
Created October 12, 2022 15:24
function open_file(e) {
var file = e.target.files[0];
if (!file) {
return;
}
var reader = new FileReader();
reader.onload = function(e) {
var contents = JSON.parse(e.target.result);
if (contents!=null) {
app.data = Object.assign(app.data,contents)
@nhattruongniit
nhattruongniit / download_data json javascript
Last active October 14, 2022 15:31
function download_data(filename, data) {
var blob = new Blob([data], {type: 'application/json'});
if(window.navigator.msSaveOrOpenBlob) {
window.navigator.msSaveBlob(blob, filename);
}
else{
var elem = window.document.createElement('a');
elem.href = window.URL.createObjectURL(blob);
elem.download = filename;
document.body.appendChild(elem);
@nhattruongniit
nhattruongniit / numberWithCommas
Created July 15, 2022 02:52
numberWithCommas
// input: 20301093
// output: 20.301.093
export function numberWithCommas(x:number) {
const separator = ".";
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, separator);
}
@nhattruongniit
nhattruongniit / gist:cde2318f4c423c638d17f718e71d4946
Created July 14, 2022 03:55
socket io
const socket = new WebSocket(socketUrl);
socket.onopen = (event) => {
console.log('onopen: ', event)
};
socket.onmessage = (event) => {
console.log('onmessage: ', event.data)
}
@nhattruongniit
nhattruongniit / csv-to-json
Created February 14, 2022 10:59
csv-to-json
export default function (file, delimiter) {
return new Promise((resolve) => {
const fileReader = new FileReader();
fileReader.readAsText(file);
fileReader.onload = function (event) {
let finalJson = [];
const textData = event.target.result;
let rowArr = textData.split(/\r?\n|\r/) || [];
rowArr = rowArr.filter((row) => row);
const csvHeaders = rowArr[0]?.split(delimiter) || [];