Dave Stewart davestewart

Turn off annoying macOS man page shortcuts via the command line

Context

macOS 10.14.4 introduced a keyboard shortcut that conflicts with one of IntelliJ IDEA’s best shortcuts. cmd-shift-a pops open a Terminal window running an apropos search on the text selection, rather than the command palette.

You can manually disable these keyboard shortcuts via System Preferences, but this script does this programmatically. I was unable to find any existing information about how to do this via the command line, so I rolled my own solution.

It took a long time to work out which defaults domain to find the plist for this. I probably worked out the pbs domain from this post.

Git: Extract a feature to a new repo, retaining history

Abstract

I recently needed to extract a feature from a project to its own repo so I could publish as a standalone library:

# from
/some-project/src/some-folder/some-feature/*

Exclude node_modules and .git from Backblaze backups on Mac

Edit the file at /Library/Backblaze.bzpkg/bzdata/bzexcluderules_editable.xml.
Add these rules inside the bzexclusions tag:

<!-- Exclude node_modules. -->
<excludefname_rule plat="mac" osVers="*"  ruleIsOptional="t" skipFirstCharThenStartsWith="users/" contains_1="/node_modules/" contains_2="*" doesNotContain="*" endsWith="*" hasFileExtension="*" />
<excludefname_rule plat="mac" osVers="*"  ruleIsOptional="t" skipFirstCharThenStartsWith="users/" contains_1="/.git/" contains_2="*" doesNotContain="*" endsWith="*" hasFileExtension="*" />

I am moving this gist to a github repo so more people can contribute to it. Also, it makes it easier for me to version control.

Please go to - https://github.com/praveenpuglia/shadow-dom-in-depth for latest version of this document. Also, if you find the document useful, please shower your love, go ⭐️ it. :)

Shadow DOM

Heads Up! It's all about the V1 Spec.

In a nutshell, Shadow DOM enables local scoping for HTML & CSS.

	<script lang="js">
	import { USlideover } from '#components';

	/* Extend USlideover so as to emit signal when the slider is opened */
	export default defineComponent({
	emits: ['open', 'update:modelValue'],
	extends: USlideover,
	props: ['modelValue'],
	setup(props, { emit, slots }) {
	const { modelValue } = toRefs(props);

	// @see https://twitter.com/dave_stewart/status/1332340558069690371
	// Special thanks to https://github.com/nicholasoxford
	// YMMV!

	module.exports = {
	build: {
	extend (config, { isDev, isClient }) {
	if (isDev) {
	// provides proper source and properly-named source map for pages and components
	config.devtool = 'source-map'

	// decorated search function
	const search = last(function (query) {
	return new Promise(function (resolve, reject) {
	setTimeout(() => {
	// randomly fail
	Math.random() < .25
	? reject(new Error('failed for query ' + query))
	: resolve(String(query).toUpperCase())
	}, Math.random() * 2000)
	})

	import PropTypes from 'prop-types';

	type Omit<T, K> = Pick<T, Exclude<keyof T, K>>;

	type Defined<T> = T extends undefined ? never : T;

	/**
	* Get the type that represents the props with the defaultProps included.
	*
	* Alternatively, we could have done something like this:

	let webpack = require('webpack');
	let path = require('path');

	module.exports = {
	entry: {
	app: './resources/assets/js/app.js',
	vendor: ['vue', 'axios']
	},

	output: {

	// ---------------------------------------------------------------------------------
	// libs

	var gulp = require('gulp'),

	// tools
	sass = require('gulp-sass'),
	uglify = require('gulp-uglify'),
	sourcemaps = require('gulp-sourcemaps'),
	livereload = require('gulp-livereload'),