VladSez

// go to x.com and copy paste below code to console
// use https://react-tweet.vercel.app/ to render tweets in your app using tweet id

function delay(ms) {
  return new Promise(resolve => setTimeout(resolve, ms));
}

function extractItems() {
  const tweets = document.querySelectorAll('[data-testid="tweet"]');
  const items = [];

VladSez

// split by ": " or "; "
 const splitted = "Game 1: 3 blue, 4 red; 1 red, 2 green, 6 blue; 2 green".split(/: |; /g);

// res: ['Game 1', '3 blue, 4 red', '1 red, 2 green, 6 blue', '2 green']

VladSez

// https://stackoverflow.com/questions/49744804/how-to-match-an-overlapping-pattern-multiple-times-using-regexp
// the problem is that by default regexp cant do overlapping patterns
// for example we want: "eighthree" -> ['eight', 'three'] and for "sevenine" -< ['seven', 'nine']
// but with default .match we get "eighthree" -> ['eight'] and for "sevenine" -> ['seven']

const greedyRegex = (str: string) => {
  let reg = /one|two|three|four|five|six|seven|eight|nine|\d/g,
    next = reg.exec(str),
    res = [];

VladSez

// DEMO: https://codesandbox.io/s/hackathon-jyswt0

const FEATURES_LP_PD = {
  Skills: {
    'Show company data': 'cms.pages.skills.content.list.item.showCompanyData',
    'Search whole company': 'cms.pages.skills.skillsShare.isSearchingWholeCompany',
    'Knowledge Exchange': 'cms.pages.skills.hasSharedSkillsFeature',
    'Replace default logo': 'cms.pages.skills.buttonOptions.replaceDefaultLogo',
    'Logo change on hover': 'cms.pages.skills.buttonOptions.shouldLogoChangeOnHover',
  },

VladSez

// https://mobile.twitter.com/AndaristRake/status/1625130160277028864
// https://twitter.com/GabrielVergnaud/status/1623814585445675008?s=20&t=iG8sUzPLNZNgog-tAttHiw

type AllPaths<T> =
    // if `T` is an object with string keys
    T extends Record<string, unknown>
      // Assign the union `keyof T` to a variable `K`
      ? keyof T extends infer K
        // We distribute K.
        // For each member in `K`:

VladSez

https://github.com/typescript-eslint/typescript-eslint/issues/5947

Don't use `{}` as a type. `{}` actually means "any non-nullish value".

- If you want a type meaning "any object", you probably want `object` instead.
- If you want a type meaning "any value", you probably want `unknown` instead.
- If you want a type meaning "empty object", you probably want `Record<string, never>` instead. 

VladSez

// Write to the specific key of the object
// pathToWriteTo(['/', 'a'], 'myData')
// will write to -> {'/': {'a': 'myData'}}
function pathToWriteTo(
  pathArr: string[],
  input: { [key: string]: {} },
  fs: { [key: string]: {} }
) {
  let level: { [key: string]: {} } = fs;
  let index = 0;

VladSez

// https://tsplay.dev/WvaG4m
// Source: https://github.com/ghoullier/awesome-template-literal-types#dot-notation-string-type-safe

// alternative: https://github.com/g-makarov/dot-path-value


type PathImpl<T, Key extends keyof T> =
  Key extends string
  ? T[Key] extends Record<string, any>
    ? | `${Key}.${PathImpl<T[Key], Exclude<keyof T[Key], keyof any[]>> & string}`

VladSez

// @ts-check
/**
 * Run `build` or `dev` with `SKIP_ENV_VALIDATION` to skip env validation.
 * This is especially useful for Docker builds.
 */
!process.env.SKIP_ENV_VALIDATION && (await import("./src/env/server.mjs"));

/** @type {import("next").NextConfig} */
const config = {
  reactStrictMode: true,

VladSez

facebook/react#12014 (comment)