Forem: Shun Tedokon

👻 Ghostty's Option+Backspace Not Working? Fixed!

Shun Tedokon — Sat, 20 Sep 2025 16:09:21 +0000

In Ghostty, you can configure key combinations to send arbitrary control characters. By using this feature, you can reproduce the familiar macOS behavior of deleting entire words with Option+Backspace in the terminal.

Ghostty versions prior to v1.2.0 seemed to support “Option+Backspace word deletion” without any additional configuration, but I suspect the behavior changed due to PR #7320 🤔

How to Configure

For example, add the following to your config file:

# ~/.config/ghostty/config
keybind = option+backspace=text:\x1b\x7f

Now, pressing Option+Backspace will delete the previous word in shell line editing.

(\x1b\x7f corresponds to Meta-Backspace, which is equivalent to readline’s backward-kill-word.)

Difference from Ctrl-W (`unix-word-rubout`)

There is also a similar configuration:

# ~/.config/ghostty/config
keybind = option+backspace=text:\x17

This sends Ctrl-W, triggering unix-word-rubout, which deletes text in units separated by whitespace.

On the other hand, \x1b\x7f also treats symbols and slashes as separators, making it convenient when editing paths or words containing hyphens.

Disable Slack Desktop App's WYSIWYG editor

Shun Tedokon — Thu, 21 Nov 2019 10:57:25 +0000

Run the following command in Terminal.

$ SLACK_DEVELOPER_MENU=true open -a /Applications/Slack.app

Then, Open the DevTools (cmd + opt + I), Run the following script in console.

(() => {
  slackDebug.clientStore.workspaces
    .getAllWorkspaces()
    .forEach((teamId) => {
      const { redux } = slackDebug[teamId];

      const {
        wysiwyg_composer,
        wysiwyg_composer_ios,
        wysiwyg_composer_webapp,
        ...payload
      } = redux.getState().experiments;

      redux.dispatch({
        type: "[19] Bulk add experiment assignments to redux",
        payload
      });
    });
})();

Announcing JSON Viewer: Online JSON Formatter & Inspector

Shun Tedokon — Wed, 16 Jan 2019 07:53:13 +0000

JSON Viewer is a free & open-source JSON formatter/inspector. JSON Viewer lets you inspect specific path of the property with dot notation.

Try it out!

Using React ErrorBoundary with HOCs

Shun Tedokon — Fri, 05 Jan 2018 09:44:48 +0000

// withErrorBoundary.js

import React, { Component } from 'react'
import PropTypes from 'prop-types'

class ErrorBoundary extends Component {
  constructor(props) {
    super(props)
    this.state = { hasError: false }
  }

  componentDidCatch(error, info) {
    this.setState({ hasError: true })
    console.group('componentDidCatch')
    console.error(error)
    console.info(info)
    console.groupEnd('componentDidCatch')
  }

  render() {
    if (this.state.hasError) {
      return <h1>An Error Occurred 😢</h1>
    }
    return this.props.children
  }
}


export default Component => props => (
  <ErrorBoundary>
    <Component {...props} />
  </ErrorBoundary>
)

Easy to Use with ES7 decorator... @withErrorBoundary

// App.js

import withErrorBoundary from './withErrorBoundary.js'

@withErrorBoundary
export default class App extends Component {

  simulateError = () => {
    throw new Error('Sample Error')
  }

  render() {
    return (
      <div>
        <h1 onClick={this.simulateError}>Hello World</h1>
      </div>
    )
  }
}