hanipcode

TypeScript Coding Standards

These standards describe how to design and write TypeScript code in this codebase. They are especially intended for agents: before adding patterns, libraries, adapters, or abstractions, read the existing code and prefer the local convention unless it conflicts with the safety/correctness principles below.

Decision priority

When rules pull in different directions, use this order:

1. Preserve correctness, safety, and debuggability.
2. Follow established project architecture and conventions.

hanipcode

import { $Values } from "utility-types";

const LEVEL = {
  info: "info",
  debug: "debug",
  warning: "warning",
  error: "error",
} as const;
type LEVEL_TYPE = $Values<typeof LEVEL>;

hanipcode

var beginingOfDay = (options = {}) => {
  const { date = new Date(), timeZone } = options;
  const parts = Intl.DateTimeFormat("en-US", {
    timeZone,
    hourCycle: "h23",
    hour: "numeric",
    minute: "numeric",
    second: "numeric",
  }).formatToParts(date);
  const hour = parseInt(parts.find((i) => i.type === "hour").value);

hanipcode

import p from 'immer';

interface CreateSliceOption {
  name: string;
  initialState: Record<string, unknown>;
  reducers: Record<string, Function>;
}

const createKey = (name, key) => `${name}-reducer-${key}-action`;

hanipcode

import React, { Component } from 'react';

const SI_SYMBOL = ["", "k", "M", "G", "T", "P", "E"];

function abbreviateNumber(number){

    const tier = Math.log10(number) / 3 | 0;

    if(tier == 0) return number;
    const suffix = SI_SYMBOL[tier];

hanipcode

ButtonGroup Codepen

A Pen by Muhammad Hanif on CodePen.

License.

hanipcode

class ListingCard extends React.Component {
  state = {
    favoriteListings : [],
  }

  async componentDidMount() {
    const { listingId } = this.props;
    const favoriteListings = await getData();
    this.setState({ favoriteListings });
  }

hanipcode

class ListingCard extends React.Component {
  state = {
    isFavorite: false,
    favoriteListings : [],
  }

  async componentDidMount() {
    const { listingId } = this.props;
    const favoriteListings = await getData();
    const isFavorite = favoriteListings.indexOf(listingId);

hanipcode

// first we need to know is the array sorted

// the array can be sorted both ascending and descending
// can we check both at the same time ?
// first lets just check if they're sorted.
function isArraySorted(array) {
  let isSortedDescending = true;
  let isSortedAscending = true;
  // descending
  for (let i = 0; i < array.length; i = i + 1) {

hanipcode

const deleteAfterHelper = (apiGetUser, otherRouteApiFunc, otherRouteApiParam) => {
  return new Promise((resolve, reject) => {
    // TODOS: Add error exception using reject (bisa ditambah sendiri)
    apiGetUser().then((data) => {
      const { userId } = data;
      const finalParam = {
        id: userId,
         ...otherRouteApiParam,
      };
      otherRouteApiFunc().then((otherApiData) => {