Utilities Packages

[MM25Zamanian]

Please present all your ideas for this package in the following format so that managers can comment

1. Description of your idea:*
2. A simple sample code:*
3. Any additional explanation to convince managers:

[MM25Zamanian]

Description of your idea:

I always have trouble creating a unique code.
Definitely a flexible function for the Util package is needed to generate any unique code

A simple sample code:

const code = getUniqeCode('number', 5);
console.log(code); // 54321

[alimd]

متوجه کاربردش نشدم

[MM25Zamanian]

ساخت کد های یکتا

[alimd]

این کجاش یکتاست؟!!

[alimd]

await waitFor(1000); // waitFor 1s

[alimd]

await waitForAnimationFrame();

[alimd]

await waitForIdleCallback();

export const waitForIdleCallback = (): Promise<void> =>
{
  return new Promise((resolve) => requestIdleCallback(() => resolve()));
};

[alimd]

function setCookie(name: string, value: string, expire?: string): void

function getCookie(cookieName: string): string

[alimd]

Debounce and Throttle

https://css-tricks.com/debouncing-throttling-explained-examples/

[alimd]

export const deepClone = <T>(data: T): T =>
{
  return JSON.parse(JSON.stringify(data)) as T;
};

[alimd]

ایده این تابع مال خودمه و عشق منه

export interface RangeConfig
{
  in: [number, number];
  out: [number, number];
  bounded?: boolean;
}

export const getInRange = (x: number, config: RangeConfig): number =>
{
  let y = (config.out[1] - config.out[0]) * (x - config.in[0]) / (config.in[1] - config.in[0]) + config.out[0];
  if (config.bounded === true)
  {
    if (y < config.out[0]) { y = config.out[0]; }
    if (y > config.out[1]) { y = config.out[1]; }
  }
  return y;
};

اگر ریاضیت خوب باشه
https://github.com/AliMD/Wire3D/blob/Wire3D.js/wire3d.js

[MM25Zamanian]

واسه علی میهن دوست نه محمدمهدی زمانیان

[MM25Zamanian]

دو سال هم مبالغه بود
یه مدت طولانی (بعد از آشنایی ابتدایی با html) دنبال یه همین چیزی بودم
ولی جاواسکریپت م خیلی ضعیف بود

[alimd]

اون wire3d.js رو ببین
از دو نظر برگات بریزه
هم نظر منطق ریاضی
و هم نظر کثیف بودن و کامنت نداشتن و اینکه واقعا نمیفهمم چیکار کردم، خخخ

[alimd]

رسما ماتریکس دوران رو کامل خودم محاسبه میکردم! خولی بودم

[alimd]

#96

[alimd]

My 1Utils from 10 years ago!!!

https://github.com/AliMD/Wire3D/blob/Wire3D.js/1utils.js

[alimd]

/**
 * Utility method that calls a callback whenever a media-query matches in response
 * to the viewport size changing. The callback should take a boolean parameter
 * (with `true` meaning the media query is matched).
 *
 * @example
 *   installMediaQueryWatcher(`(min-width: 600px)`, (matches) => {
 *     console.log(matches ? 'wide screen' : 'narrow sreen');
 *   });
 */
export const installMediaQueryWatcher = (mediaQuery: string, layoutChangedCallback: (mediaQueryMatches: boolean) => void): void =>
{
  const mql = window.matchMedia(mediaQuery);
  mql.addEventListener('change', (event: MediaQueryListEvent) => layoutChangedCallback(event.matches));
  layoutChangedCallback(mql.matches);
};

[alimd]

export const rand = (start: number, end: number): number =>
{
  return Math.floor(Math.random() * (end - start + 1) + start);
};

[alimd]

#96

[alimd]

export const rangeArray = (start: number, end: number, step: number = 1): Array<number> =>
{
  return Array.from({ length: (end - start) / step + 1 }, (_, i) => start + i * step);
};

[alimd]

/**
 * Scroll window to top
 */
export function scrollTop(): void
{
  if (window.scrollY === 0) { return; }
  requestAnimationFrame(() =>
  {
    scrollTo({
      top: 0,
      left: 0,
      behavior: 'smooth'
    });
  });
}

[alimd]

https://github.com/WithIO/wasync/blob/develop/src/debounce.js