Luke Edwards lukeed

Huh?

Some MacOS users have very cluttered Docks & wish they could organize them without removing any App icons from the mix.

This snippet will add an empty "spacer" that you can drag around and use to separate icons into groups! See example.

Paste this into your Terminal. Run the command for additional placeholders!

	import { Router } from 'worktop';
	import * as Cache from 'worktop/cache';
	import { read, write } from 'worktop/kv';

	import type { Method } from 'worktop/request';
	import type { Handler } from 'worktop';
	import type { KV } from 'worktop/kv';

	// KV Namespace Binding
	declare const SAVED: KV.Namespace;

	import React from 'react';
	import { HMR } from '@pwa/preset-react';
	import Button from '@components/Button';
	import style from './index.css';

	class App extends React.Component {
	render() {
	return (
	<div className={ style.app }>
	<main className={ style.wrapper }>

	// stick this somewhere in your local @types/** files

	interface NetworkInformation extends EventTarget {
	readonly downlink: number;
	readonly downlinkMax?: number;
	readonly effectiveType: 'slow-2g' \| '2g' \| '3g' \| '4g';
	readonly rtt: number;
	readonly saveData: boolean;
	readonly type: 'bluetooth' \| 'cellular' \| 'ethernet' \| 'none' \| 'wifi' \| 'wimax' \| 'other' \| 'unknown';
	onchange: EventListener;

	declare module 'polka' {
	import { Server } from 'net';
	import { IncomingMessage, ServerResponse } from 'http';
	import Trouter from 'trouter';

	export interface IError extends Error {
	message: string;
	code?: number;
	stack?: string;
	status?: number;

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8" />
	<title>Perflink \| JS Benchmarks</title>
	<meta
	name="description"
	content="JavaScript performance benchmarks that you can share via URL."
	/>
	<meta

	const micro = require('micro');

	micro((req, res) => {
	if (req.url === '/') {
	return 'Hello';
	}
	if (req.url.indexOf('/user/') === 0) {
	// cheating, but ok
	return `Hello user ${req.url.substring(6)}`;
	}