NoriSte

I had to be creative with TypeScript to prevent a common problem in our codebase, where we can't validate our *.d.ts files through skipLibCheck: false and a type (Action) sometimes become any...

NoriSte

import type { Plugin } from 'vite'
import path from 'path'

const name = 'prevent-server-data-circular-imports'
const defaultOptions = { verbose: false }

// Detect if the module is in server-data
const serverDataFileRegexp = /(.*)?server-data\/src\//

// Extract the imported path

NoriSte

Cypress Protobuf example

I was asked to provide an example of a Cypress test using Protobuf.

NoriSte

Migrating a 150K LOC codebase to Vite and ESBuild

This gist are for my Vite migration articles, here you can find the links to the articles

• Migrating a 150K LOC codebase to Vite and ESBuild: Why? (Part 1/3) (Medium - dev.to)
• Migrating a 150K LOC codebase to Vite and ESBuild: How? (Part 2/3) (Medium - dev.to)
• Migrating a 150K LOC codebase to Vite and ESBuild: Is it worthile? (Part 3/3) (Medium - [dev.to](https://dev.to/noriste/migrating-a-150k-loc-codebase-to-vite-and-esbuild-is-it-worthwhil

NoriSte

// services
const fetchConfig = () => Promise.resolve({ hereId: 'foo', hereCode: 'bar' })
const fetchOrder = () => Promise.resolve({ status: 'done', pods: [1, 2, 3] })
const fetchOrder2 = () => {
  if (Math.random() > 0.5) {
    return Promise.resolve({ status: 'done', pods: [1, 2, 3] })
  } else {
    return Promise.reject({ errorMessage: 'foo' })
  }
}

NoriSte

// services
const fetchConfig = () => Promise.resolve({ hereId: 'foo', hereCode: 'bar' })
const fetchOrder = () => Promise.resolve({ status: 'done', pods: [1, 2, 3] })
const fetchOrder2 = () => {
  if (Math.random() > 0.5) {
    return Promise.resolve({ status: 'done', pods: [1, 2, 3] })
  } else {
    return Promise.reject({ errorMessage: 'foo' })
  }
}

NoriSte

# AUTOMATIC MIGRATION FROM WEBPACK TO VITE

# chmod +x migrate-to-vite.sh to make this file executable

# installing codemods
# https://docs.python-guide.org/starting/install3/osx/
# https://dev.to/malwarebo/how-to-set-python3-as-a-default-python-version-on-mac-4jjf
# https://pip.pypa.io/en/stable/installing/#installing-with-get-pip-py

# NO NEED; ALREADY ON MASTER - (manual action)

NoriSte

// services
const fetchConfig = () => Promise.resolve({ hereId: 'foo', hereCode: 'bar' })
const fetchOrder = () => Promise.resolve({ status: 'done', pods: [1, 2, 3] })
const fetchIntl = () => Promise.resolve({ messages: { foo: 'bar' } })

const fetchMachine = Machine(
  {
    id: 'tracking-app',
    initial: 'loading',
    context: {

NoriSte

const setOnline = assign({
  offline: (context, event) => (context.offline = false),
})
const setOffline = assign({
  offline: (context, event) => (context.offline = true),
})
const setLastUpdate = assign({
  lastUpdate: (context, event) => (context.lastUpdate = Date.now()),
})
const setStatusOk = assign({

NoriSte

You can play with the above example in the [TypeScript Playground](https://www.typescriptlang.org/play?#code/LAKA9AVKByCGBO8D2B3AlgOwOYAIAmqGOALgJ4AOApjmgM60CulAXCQBbUBMAbMWzgCJGAY2GV6OWMOJokGATgBG8SrADWtHABUAypOKgABsLm1ik6bIysAgpbkAeO2PLFKeLRUoA+HAF4cAG8SLwAaHBExelZieCYcAF9DUHQ+dmoAMyQAG2zUTFxKRCR4ZlAjQ2SQTypQAHJgsipWATsZOQB9AEYFAB9BNqsOzj6B+wwOgGZR1vGOgBYZwc6AViW57nX2iYB2LaGADn3OgE5jia6ABnPunpx+2e3ukfuxp67p14A6H5wuzhwAFsStQfl9Xo8hjwBABuCIMUTiWgxOKUOEJOqgOg4DBIcywehoLAYWCKbLUYhIEJUHB1ZYYHQIqK0OpfcrVLz1RpeFr07o3F4PPmfIVzRYQvlrCUbG57aVPI7yoZnJWdK43Lp3UXvQVvIYfUZgv4A4EqHBG7VQzZwyJIlFMdGYkDY3H4wnE0nkkhUprUOlzHgdRmI+is0A1cQ4JAZHDkZBUeBkWm+uqSM2YEyA8iwGRkyhskDhzkgOqQtUCm4ivWdcWW1Y3Taq3Y3RV1iYqtvda5N24a3Vli5VgfdWvm36aoEgsfgzvQp0uvGSd0kvPe6l+4dzgsR2nDnqphdu2hEldeynr3d8rfsypVUCKUg4FTAgBuBXSOEMtuiJFRhhwGTIICH48GkUjbOEJQAUBkiuhw8BPrAGAEMB4FWOEfDUEUyAIXgdCwOQVAILQBYQGA7JYhgbjwBkUjUHylwdAAYrAaDZAwZrcs0tIMXU4S0WxHEsL+8QJOymDUbRYg4HyXRBkySJBOurD+u8fHwiGyIidQYnOlRRRSfRAbyZpSm+ipV7qd+WmxKJlGSXRMlzJMJnMmZPI8c5VkKT+tk6fZBmOXy8