alexcarpenter

BEFORE	AFTER

alexcarpenter

import {
  format as dateFnsFormat,
  formatDistanceToNow,
  isToday,
  isValid,
  isYesterday,
  parseISO,
} from 'date-fns';

/**

alexcarpenter

{
  "window.autoDetectColorScheme": true,
  "workbench.colorTheme": "GitHub Dark",
  "workbench.preferredLightColorTheme": "GitHub Light",
  "workbench.preferredDarkColorTheme": "GitHub Dark",
  "workbench.tree.indent": 20,
  "editor.fontFamily": "JetBrains Mono NL, Menlo, Monaco, 'Courier New', monospace",
  "editor.fontSize": 16,
  "editor.tabSize": 2,
  "editor.cursorStyle": "block",

alexcarpenter

import PropTypes from 'prop-types'
import Link from 'next/link'
​
// Checks against absolute URLs that share 👇 so
// we can still pass it along to our internal link component
const domainRegex = /http[s]*:\/\/[www.]*YOURDOMAIN\.com[/]?/
​
const TextLink = ({ href, ...rest }) => {
  const sameDomain = domainRegex.test(href)
​

alexcarpenter

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

  const handlers = React.useMemo(
    () => ({
      on: () => {
        setState(true)
      },
      off: () => {
        setState(false)

alexcarpenter

const container = {
  hidden: { opacity: 0 },
  show: {
    opacity: 1,
    transition: {
      staggerChildren: 0.25,
    },
  },
}

alexcarpenter

on:
  push:
    branches:
      - main

jobs:
  stable_website_preview_cherry_pick:
    runs-on: ubuntu-latest
    name: Cherry pick main to stable-website-preview branch
    steps:

alexcarpenter

#######################################################################################################################################
#######################################################################################################################################
#######################################################################################################################################
#######################################################################################################################################
#######################################################################################################################################
#######################################################################################################################################
########################################################################M@#############################################################
#########################################################x##############

alexcarpenter

import {MDXProvider} from '@mdx-js/react';
import {MDXComponents} from 'components/MDX/MDXComponents';
import {Toc} from 'components/Toc/Toc';
import * as React from 'react';

export interface MarkdownProps<Frontmatter> {
  meta: Frontmatter;
  children?: React.ReactNode;
}

alexcarpenter

{
  :layers {
    :caps_lock_mode {:key :caps_lock :alone {:key :escape}}
  }
  :main [
    {
      :des "Caps lock layer"
      :rules [
        :caps_lock_mode
          [:##h :left_arrow]