Christopher Tran pfftdammitchris

## create-your-new-modern-type-script-java-script-library-with-tsup_3.bash
npm i -D tsup

## create-your-new-modern-type-script-java-script-library-with-tsup_4.json
{
  "name": "my-typescript-library",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "build": "tsup src/index.ts",
    "start": "npm run build -- --watch",
    "test": "echo \"Error: no test specified\" && exit 1"
  },

## combining-the-command-pattern-with-state-pattern-in-java-script_3.js
let state = { backgroundColor: 'white', profiles: [] }
let subscribers = []
let commands = {}

function setState(newState) {
  let prevState = state
  state =
    typeof newState === 'function'
      ? newState(prevState)
      : { ...prevState, ...newState }

## combining-the-command-pattern-with-state-pattern-in-java-script_2.js
function notifySubscribers(...args) {
  subscribers.forEach((fn) => fn(...args))
}

function setBackgroundColor(color) {
  setState((prevState) => ({
    ...prevState,
    backgroundColor: color,
  }))
}

## combining-the-command-pattern-with-state-pattern-in-java-script_5.js
registerCommand(
  'SET_BACKGROUND_COLOR',
  function onSetState({ backgroundColor }) {
    setState((prevState) => ({ ...prevState, backgroundColor }))
  },
)

registerCommand('NOTIFY_SUBSCRIBERS', function onNotifySubscribers(...args) {
  subscribers.forEach((fn) => fn(...args))
})

## combining-the-command-pattern-with-state-pattern-in-java-script_1.js
let state = { backgroundColor: 'white', profiles: [] }
let subscribers = []

function notifySubscribers(...args) {
  subscribers.forEach((fn) => fn(...args))
}

function setBackgroundColor(color) {
  setState((prevState) => ({
    ...prevState,

## combining-the-command-pattern-with-state-pattern-in-java-script_4.js
// Private object hidden within this scope
let commands = {}

export function registerCommand(name, callback) {
  if (commands[name]) commands[name].push(callback)
  else commands[name] = [callback]
}

export function dispatch(name, action) {
  commands[name]?.forEach?.((fn) => fn?.(action))

## undefined_4.js
// Private object hidden within this scope
let commands = {}

export function registerCommand(name, callback) {
  if (commands[name]) commands[name].push(callback)
  else commands[name] = [callback]
}

export function dispatch(name, action) {
  commands[name]?.forEach?.((fn) => fn?.(action))

## undefined_3.js
let state = { backgroundColor: 'white', profiles: [] }
let subscribers = []
let commands = {}

function setState(newState) {
  let prevState = state
  state =
    typeof newState === 'function'
      ? newState(prevState)
      : { ...prevState, ...newState }

## undefined_5.js
registerCommand(
  'SET_BACKGROUND_COLOR',
  function onSetState({ backgroundColor }) {
    setState((prevState) => ({ ...prevState, backgroundColor }))
  },
)

registerCommand('NOTIFY_SUBSCRIBERS', function onNotifySubscribers(...args) {
  subscribers.forEach((fn) => fn(...args))
})
	{
	"name": "my-typescript-library",
	"version": "1.0.0",
	"description": "",
	"main": "index.js",
	"scripts": {
	"build": "tsup src/index.ts",
	"start": "npm run build -- --watch",
	"test": "echo \"Error: no test specified\" && exit 1"
	},
	let state = { backgroundColor: 'white', profiles: [] }
	let subscribers = []
	let commands = {}

	function setState(newState) {
	let prevState = state
	state =
	typeof newState === 'function'
	? newState(prevState)
	: { ...prevState, ...newState }
	function notifySubscribers(...args) {
	subscribers.forEach((fn) => fn(...args))
	}

	function setBackgroundColor(color) {
	setState((prevState) => ({
	...prevState,
	backgroundColor: color,
	}))
	}
	registerCommand(
	'SET_BACKGROUND_COLOR',
	function onSetState({ backgroundColor }) {
	setState((prevState) => ({ ...prevState, backgroundColor }))
	},
	)

	registerCommand('NOTIFY_SUBSCRIBERS', function onNotifySubscribers(...args) {
	subscribers.forEach((fn) => fn(...args))
	})
	// Private object hidden within this scope
	let commands = {}

	export function registerCommand(name, callback) {
	if (commands[name]) commands[name].push(callback)
	else commands[name] = [callback]
	}

	export function dispatch(name, action) {
	commands[name]?.forEach?.((fn) => fn?.(action))