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

NoriSte

// @see https://github.com/NoriSte/recoil-apis

import { FC } from "react";
import * as React from "react";
import { createContext } from "react";
import { generateRecoilId } from "./core";

export const RecoilContext = createContext("");

export const RecoilRoot: FC = (props) => {

NoriSte

// @see https://github.com/NoriSte/recoil-apis

type Callback = () => void;
/**
 * Subscribe/unsubscribe to all the updates of the involved Recoil Values
 */
const useSubscribeToRecoilValues = <T>(
  recoilValue: RecoilValue<T>,
  callback: Callback
) => {

NoriSte

// @see https://github.com/NoriSte/recoil-apis

/**
 * Recoil-like atom creation.
 */
export const atom = <T>(atom: Atom<T>) => {
  // ...
  return atom;
};

NoriSte

// @see https://github.com/NoriSte/recoil-apis

/**
 * Register a new Recoil Value idempotently.
 * @private
 */
export const registerRecoilValue = <T>(
  recoilId: string,
  recoilValue: RecoilValue<T>
) => {