hmtri1011

- Always start by greeting "Hi Tri, I'm your friend, lemme help you with {user stuff}".
- Always search codebase first, then think and split the requirement into smaller step then do each step.
- Each files, component should not exceed 250 lines, refactor logic, separate it into new file to remain the 250 lines.
- use pnpm instead of npm as a package manager.
- search for package json first before installing any packages.
- No need to run pnpm run dev, the server always start.

Additional Request from me:
- If you understand my prompt fully, respond with 'YOLO!' without tools every time you are about to use a tool.
- Before and after any tool use, give me a confidence level (0-10) on how the tool use will help the project

hmtri1011

{
  // Place your snippets for typescriptreact here. Each snippet is defined under a snippet name and has a prefix, body and
  // description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
  // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the
  // same ids are connected.
  // Example:
  "TypeScript React Function Component": {
    "prefix": "rsct",
    "body": [
      "export interface ${TM_FILENAME_BASE}Props$1 {}",

hmtri1011

{
  "editor.suggestSelection": "first",
  "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
  "workbench.colorTheme": "Night Owl",
  "workbench.iconTheme": "material-icon-theme",
  "editor.fontFamily": "Dank Mono",
  "editor.fontWeight": "300",
  "editor.fontSize": 15.8,
  "editor.lineHeight": 1.8,
  "editor.fontLigatures": true,

hmtri1011

const uniqBy = (array, key) => {
  const mapKey = array.reduce((prev, cur) => {
    const keyValue = key ? cur[key] : cur
    return {
      ...prev,
      [keyValue]: cur
    }
  }, {})

  return Object.values(mapKey)

hmtri1011

const refresh = axios.create()
let isRefreshing = false
let requestQueue = []

const processQueue = (error, token = null) => {
  requestQueue.forEach(promise => {
    if (error) {
      promise.reject(error)
    } else {
      promise.resolve(token)

hmtri1011

import React, { PureComponent } from 'react'
import { View, StyleSheet, TouchableOpacity, Text } from 'react-native'
import { Calendar } from 'react-native-calendars'
import dateFnsFormat from 'date-fns/format'
import compareAsc from 'date-fns/compare_asc'

const theme = {
  textSectionTitleColor: '#0D2421',
  dayTextColor: '#0D2421',
  arrowColor: '#065747',

hmtri1011

import React, { Component } from 'react'

class CompA extends Component {
  state = {
    text: 'This is Component A'
  }

  componentDidMount() {
    console.log('ahihi comp a did mount')
  }

hmtri1011

.tab2-header-item {
  display: inline-block;
  margin-right: 5px;
}

.tab2-header-item.selected {
  background: yellow;
}