mogelbrod

Most comment directives in the JS/TS ecosystem fall into a handful of syntactic families. Here are the major ones with real examples, grouped by shape:

1. // @tool-action — at-prefixed keyword, mostly flags

// @ts-ignore
// @ts-expect-error
// @ts-nocheck      // file-level
// @ts-check        // file-level opt-in (in .js)
// @flow            // Flow

mogelbrod

[
  // Focus previous/next split using cmd (mac) or ctrl (others) + left/right
  {
    "key": "ctrl+left",
    "command": "workbench.action.focusPreviousGroup",
    "when": "!isMac && editorTextFocus && vim.active && vim.mode != 'Insert'",
  },
  {
    "key": "cmd+left",
    "command": "workbench.action.focusPreviousGroup",

mogelbrod

module.exports = {
  root: true,
  overrides: [
    {
      files: ['*.graphql'],
      plugins: ['@graphql-eslint'],
      parser: '@graphql-eslint/eslint-plugin',
      parserOptions: {
        operations: './query.graphql',
      },

mogelbrod

$breakpoints: 0 400px 600px 720px 1000px 1280px 1600px !default;
$scale-names: c  xs     s     m     l      xl    hd !default;

$predefined-spacing: 2px 4px 8px 12px 16px 32px 48px;

@function breakpoint($input, $subtract: false) {
  $value: $input;

  @if type-of($value) == string {
    $value: index($scale-names, $input);

mogelbrod

module.exports = {
  presets: [
    ['@babel/preset-env', {
      useBuiltIns: 'usage',
      debug: false,
      loose: true,
      corejs: {
        version: 3,
        proposals: true,
      },

mogelbrod

{
  "modules": true,
  "plugins": {
    "autoprefixer": {}
  }
}

mogelbrod

const html = document.documentElement
const body = document.body

/**
  Pseudo HTML element which behaves like a regular element in terms of scrolling.
*/
const documentElement = {
  set scrollLeft(x) { html.scrollLeft = x },
  get scrollLeft() { return window.scrollX || window.pageXOffset },
  set scrollTop(x) { html.scrollTop = x },

mogelbrod

// Put cursor v there and wait until YCM+tsserver has initialized
const x = [].

mogelbrod

import PropTypes from 'prop-types'
import React from 'react'
import ReactDOM from 'react-dom'

function portalContainer() {
  return document.getElementById('portal-container')
}

// Taken from https://reactjs.org/docs/events.html

mogelbrod

diff --git a/autoload/csscomplete.vim b/autoload/csscomplete.vim
index 162171f..799aead 100644
--- a/autoload/csscomplete.vim
+++ b/autoload/csscomplete.vim
@@ -98,14 +98,10 @@ function! csscomplete#CompleteCSS(findstart, base)
     let entered_property = matchstr(line, '.\{-}\zs[a-zA-Z-]*$')
 
     for m in s:values
-      let postfix = ''
-      if strridx(after, ':') < 0