David Urbina Diomeh

A sensible NixOS Xfce Configuration

NixOS provides good support for the Xfce desktop environment out-of-the-box, but the defaults are minimal. The files in this Gist provide a more complete experience, including a suite of basic software and plugins as well as an optional home-manager configuration for theming.

The key additions to the default Xfce provided by NixOS are:

Complete bluetooth / audio support with panel indicators and apps
LightDM with theme
Extra Xfce apps for calendaring, disk partitioning, etc.
Various quality-of-life improving non-essentials

Simple automated GIT Deployment using GIT Hooks

Here are the simple steps needed to create a deployment from your local GIT repository to a server based on this in-depth tutorial.

How it works

You are developing in a working-copy on your local machine, lets say on the master branch. Most of the time, people would push code to a remote server like github.com or gitlab.com and pull or export it to a production server. Or you use a service like deepl.io to act upon a Web-Hook that's triggered that service.

Installing Xdebug for XAMPP with PHP 7.x

New: XAMPP - XDebug Setup for PHP 8

Requirements

XAMPP for Windows: https://www.apachefriends.org/download.html
Microsoft Visual C++ Redistributable for Visual Studio 2015, 2017 and 2019

Setup

To remove a submodule you need to:

Delete the relevant section from the .gitmodules file.
Stage the .gitmodules changes git add .gitmodules
Delete the relevant section from .git/config.
Run git rm --cached path_to_submodule (no trailing slash).
Run rm -rf .git/modules/path_to_submodule (no trailing slash).
Commit git commit -m "Removed submodule "
Delete the now untracked submodule files rm -rf path_to_submodule

	import React, { useState, useEffect } from 'react'
	import styled from 'styled-components'
	import { useCanvas } from 'utils/hooks'
	import debounce from 'lodash/debounce'

	export default function Glow() {
	const [ref, setRef] = useState<HTMLCanvasElement \| null>(null)
	const [boxes, setBoxes] = useState<Box[]>([])
	const [ctx, width, height] = useCanvas(ref)
	const moving = useMouseMoving()

	// One of my new favorite React Hook patternms is to create handler
	// functions for a custom hook using `React.useMemo` instead of
	// `React.useCallback`, like so:

	function useBool(initialState = false) {
	const [state, setState] = React.useState(initialState)

	// Instead of individual React.useCallbacks gathered into an object
	// Let's memoize the whole object. Then, we can destructure the
	// methods we need in our consuming component.

	# Based on this answer: https://stackoverflow.com/a/61859561/1956278

	# Backup old data
	Rename-Item -Path "./data" -NewName "./data_old"

	# Create new data directory
	Copy-Item -Path "./backup" -Destination "./data" -Recurse
	Remove-Item "./data/test" -Recurse
	$dbPaths = Get-ChildItem -Path "./data_old" -Exclude ('mysql', 'performance_schema', 'phpmyadmin') -Recurse -Directory
	Copy-Item -Path $dbPaths.FullName -Destination "./data" -Recurse

	Latency Comparison Numbers (~2012)
	----------------------------------
	L1 cache reference 0.5 ns
	Branch mispredict 5 ns
	L2 cache reference 7 ns 14x L1 cache
	Mutex lock/unlock 25 ns
	Main memory reference 100 ns 20x L2 cache, 200x L1 cache
	Compress 1K bytes with Zippy 3,000 ns 3 us
	Send 1K bytes over 1 Gbps network 10,000 ns 10 us
	Read 4K randomly from SSD* 150,000 ns 150 us ~1GB/sec SSD

	//
	// Regular Expression for URL validation
	//
	// Author: Diego Perini
	// Created: 2010/12/05
	// Updated: 2018/09/12
	// License: MIT
	//
	// Copyright (c) 2010-2018 Diego Perini (http://www.iport.it)
	//