Visual Studio Code Settings Sync Gist

cloudSettings

{"lastUpload":"2020-06-14T05:55:09.813Z","extensionVersion":"v3.4.3"}

eq-material-theme-icons.json

{"version":"1.1.3"}

extensions.json

[
  {
    "metadata": {
      "id": "d3836729-9cc1-42c1-b2af-d50071f57d29",
      "publisherId": "formulahendry.auto-close-tag",
      "publisherDisplayName": "formulahendry"
    },
    "name": "auto-close-tag",
    "publisher": "formulahendry",
    "version": "0.5.7"
  },
  {
    "metadata": {
      "id": "6e440e71-8ed9-4f25-bb78-4b13096b8a03",
      "publisherId": "formulahendry.auto-rename-tag",
      "publisherDisplayName": "formulahendry"
    },
    "name": "auto-rename-tag",
    "publisher": "formulahendry",
    "version": "0.1.3"
  },
  {
    "metadata": {
      "id": "464f4ac7-af65-4aa9-9907-4ba7fa419085",
      "publisherId": "bungcip.better-toml",
      "publisherDisplayName": "bungcip"
    },
    "name": "better-toml",
    "publisher": "bungcip",
    "version": "0.3.2"
  },
  {
    "metadata": {
      "id": "f583eafd-aa0d-4ccb-8f44-d1e610389660",
      "publisherId": "CoenraadS.bracket-pair-colorizer",
      "publisherDisplayName": "CoenraadS"
    },
    "name": "bracket-pair-colorizer",
    "publisher": "CoenraadS",
    "version": "1.0.61"
  },
  {
    "metadata": {
      "id": "e337c67b-55c2-4fef-8949-eb260e7fb7fd",
      "publisherId": "Shan.code-settings-sync",
      "publisherDisplayName": "Shan"
    },
    "name": "code-settings-sync",
    "publisher": "Shan",
    "version": "3.4.3"
  },
  {
    "metadata": {
      "id": "bff91732-0f11-4501-87f6-a9d2e4fad86e",
      "publisherId": "alexanderte.dainty-vscode",
      "publisherDisplayName": "alexanderte"
    },
    "name": "dainty-vscode",
    "publisher": "alexanderte",
    "version": "1.1.22"
  },
  {
    "metadata": {
      "id": "532533c9-a894-4a58-9eee-bbfbe7c06f71",
      "publisherId": "mikestead.dotenv",
      "publisherDisplayName": "mikestead"
    },
    "name": "dotenv",
    "publisher": "mikestead",
    "version": "1.0.1"
  },
  {
    "metadata": {
      "id": "9f5a5fc9-8b23-4484-85c4-1438b82d8634",
      "publisherId": "bierner.github-markdown-preview",
      "publisherDisplayName": "bierner"
    },
    "name": "github-markdown-preview",
    "publisher": "bierner",
    "version": "0.0.2"
  },
  {
    "metadata": {
      "id": "7328a705-91fc-49e6-8293-da6f112e482d",
      "publisherId": "GitHub.github-vscode-theme",
      "publisherDisplayName": "GitHub"
    },
    "name": "github-vscode-theme",
    "publisher": "GitHub",
    "version": "1.1.2"
  },
  {
    "metadata": {
      "id": "4de763bd-505d-4978-9575-2b7696ecf94e",
      "publisherId": "eamodio.gitlens",
      "publisherDisplayName": "eamodio"
    },
    "name": "gitlens",
    "publisher": "eamodio",
    "version": "10.2.2"
  },
  {
    "metadata": {
      "id": "d6f6cfea-4b6f-41f4-b571-6ad2ab7918da",
      "publisherId": "golang.Go",
      "publisherDisplayName": "golang"
    },
    "name": "Go",
    "publisher": "golang",
    "version": "0.14.4"
  },
  {
    "metadata": {
      "id": "8ee0c715-ca9e-4ce2-8841-5faa5e0f3255",
      "publisherId": "andys8.jest-snippets",
      "publisherDisplayName": "andys8"
    },
    "name": "jest-snippets",
    "publisher": "andys8",
    "version": "1.8.0"
  },
  {
    "metadata": {
      "id": "b0db4123-c5d9-4f45-bd2e-70738ebbb304",
      "publisherId": "bierner.markdown-checkbox",
      "publisherDisplayName": "bierner"
    },
    "name": "markdown-checkbox",
    "publisher": "bierner",
    "version": "0.1.3"
  },
  {
    "metadata": {
      "id": "f595c9c1-28b5-415e-a55f-2deb4a8c3abd",
      "publisherId": "bierner.markdown-emoji",
      "publisherDisplayName": "bierner"
    },
    "name": "markdown-emoji",
    "publisher": "bierner",
    "version": "0.0.9"
  },
  {
    "metadata": {
      "id": "5cbdf58a-694a-4aba-af08-61d00842eb03",
      "publisherId": "bierner.markdown-preview-github-styles",
      "publisherDisplayName": "bierner"
    },
    "name": "markdown-preview-github-styles",
    "publisher": "bierner",
    "version": "0.1.6"
  },
  {
    "metadata": {
      "id": "b872af63-f9e1-438e-9462-0315abe9d3aa",
      "publisherId": "bierner.markdown-yaml-preamble",
      "publisherDisplayName": "bierner"
    },
    "name": "markdown-yaml-preamble",
    "publisher": "bierner",
    "version": "0.0.4"
  },
  {
    "metadata": {
      "id": "a41c1549-4053-44d4-bf30-60fc809b4a86",
      "publisherId": "christian-kohler.path-intellisense",
      "publisherDisplayName": "christian-kohler"
    },
    "name": "path-intellisense",
    "publisher": "christian-kohler",
    "version": "2.2.1"
  },
  {
    "metadata": {
      "id": "d80b9a94-f4a6-4e39-bc42-62212e365682",
      "publisherId": "pnp.polacode",
      "publisherDisplayName": "pnp"
    },
    "name": "polacode",
    "publisher": "pnp",
    "version": "0.3.4"
  },
  {
    "metadata": {
      "id": "96fa4707-6983-4489-b7c5-d5ffdfdcce90",
      "publisherId": "esbenp.prettier-vscode",
      "publisherDisplayName": "esbenp"
    },
    "name": "prettier-vscode",
    "publisher": "esbenp",
    "version": "5.0.0"
  },
  {
    "metadata": {
      "id": "33ce9d6b-41cf-4972-a62b-386f7201981d",
      "publisherId": "Prisma.prisma",
      "publisherDisplayName": "Prisma"
    },
    "name": "prisma",
    "publisher": "Prisma",
    "version": "2.0.0"
  },
  {
    "metadata": {
      "id": "aae0701b-111f-49c1-9000-abd37a442f28",
      "publisherId": "WallabyJs.quokka-vscode",
      "publisherDisplayName": "WallabyJs"
    },
    "name": "quokka-vscode",
    "publisher": "WallabyJs",
    "version": "1.0.294"
  },
  {
    "metadata": {
      "id": "5b51ff58-96bf-410c-8919-ed69958606fa",
      "publisherId": "zengxingxin.sort-js-object-keys",
      "publisherDisplayName": "zengxingxin"
    },
    "name": "sort-js-object-keys",
    "publisher": "zengxingxin",
    "version": "1.0.6"
  },
  {
    "metadata": {
      "id": "37d7747f-e652-4eac-83de-f2939f7e2121",
      "publisherId": "anseki.vscode-color",
      "publisherDisplayName": "anseki"
    },
    "name": "vscode-color",
    "publisher": "anseki",
    "version": "0.4.5"
  },
  {
    "metadata": {
      "id": "0479fc1c-3d67-49f9-b087-fb9069afe48f",
      "publisherId": "ms-azuretools.vscode-docker",
      "publisherDisplayName": "ms-azuretools"
    },
    "name": "vscode-docker",
    "publisher": "ms-azuretools",
    "version": "1.2.1"
  },
  {
    "metadata": {
      "id": "ea6a6046-2132-421f-a984-664909fcf0b8",
      "publisherId": "hediet.vscode-drawio",
      "publisherDisplayName": "hediet"
    },
    "name": "vscode-drawio",
    "publisher": "hediet",
    "version": "0.6.6"
  },
  {
    "metadata": {
      "id": "583b2b34-2c1e-4634-8c0b-0b82e283ea3a",
      "publisherId": "dbaeumer.vscode-eslint",
      "publisherDisplayName": "dbaeumer"
    },
    "name": "vscode-eslint",
    "publisher": "dbaeumer",
    "version": "2.1.5"
  },
  {
    "metadata": {
      "id": "55ef6448-487b-49a0-a66e-4d2d9bb82229",
      "publisherId": "Prisma.vscode-graphql",
      "publisherDisplayName": "Prisma"
    },
    "name": "vscode-graphql",
    "publisher": "Prisma",
    "version": "0.2.14"
  },
  {
    "metadata": {
      "id": "9ccc1dd7-7ec4-4a46-bd4f-7d7b8b9d322a",
      "publisherId": "vscode-icons-team.vscode-icons",
      "publisherDisplayName": "vscode-icons-team"
    },
    "name": "vscode-icons",
    "publisher": "vscode-icons-team",
    "version": "10.1.1"
  },
  {
    "metadata": {
      "id": "c46b0018-f317-4b6c-a785-d2039b27338f",
      "publisherId": "wix.vscode-import-cost",
      "publisherDisplayName": "wix"
    },
    "name": "vscode-import-cost",
    "publisher": "wix",
    "version": "2.12.0"
  },
  {
    "metadata": {
      "id": "92d01ae4-5a2e-4299-990c-7905798fb719",
      "publisherId": "jsynowiec.vscode-insertdatestring",
      "publisherDisplayName": "jsynowiec"
    },
    "name": "vscode-insertdatestring",
    "publisher": "jsynowiec",
    "version": "2.2.4"
  },
  {
    "metadata": {
      "id": "af8cfc85-cb72-45d0-bae2-9a98cd0c69f3",
      "publisherId": "JounQin.vscode-mdx",
      "publisherDisplayName": "JounQin"
    },
    "name": "vscode-mdx",
    "publisher": "JounQin",
    "version": "0.1.4"
  },
  {
    "metadata": {
      "id": "06cc3e44-aedb-41b8-a4ea-29ebf3c491fd",
      "publisherId": "jpoissonnier.vscode-styled-components",
      "publisherDisplayName": "jpoissonnier"
    },
    "name": "vscode-styled-components",
    "publisher": "jpoissonnier",
    "version": "0.0.29"
  },
  {
    "metadata": {
      "id": "4db62a7c-7d70-419c-96d2-6c3a4dc77ea5",
      "publisherId": "bradlc.vscode-tailwindcss",
      "publisherDisplayName": "bradlc"
    },
    "name": "vscode-tailwindcss",
    "publisher": "bradlc",
    "version": "0.3.1"
  },
  {
    "metadata": {
      "id": "8d088af2-ecd1-4b8f-93e9-322125c47b3c",
      "publisherId": "BriteSnow.vscode-toggle-quotes",
      "publisherDisplayName": "BriteSnow"
    },
    "name": "vscode-toggle-quotes",
    "publisher": "BriteSnow",
    "version": "0.3.2"
  },
  {
    "metadata": {
      "id": "2b2535e4-d0cd-4b0a-9a18-5db6d6fb0c31",
      "publisherId": "toba.vsfire",
      "publisherDisplayName": "toba"
    },
    "name": "vsfire",
    "publisher": "toba",
    "version": "1.4.1"
  }
]

ftp-simple.json

c9a9fc61a2940b4575086201867a7b4e5385fbea0e8eb0edab0600371f8e2178418312d5a7f8a7a9932002d69b2c5f2e7101324039b9d570174723358b2a63050085827f3226f49108d73e2d012ba9880ae8aaffeffaa4e78ca54d450ef343a1a0466e546a7531cdbf4326ddac5fccc6e46a385c0d99fcc71e0d67d94f09e5a1

keybindings.json

// Empty

keybindingsMac.json

[
  {
    "key": "ctrl+`",
    "command": "workbench.action.terminal.focus",
    "when": "editorTextFocus"
  },
  {
    "key": "ctrl+`",
    "command": "workbench.action.focusActiveEditorGroup",
    "when": "terminalFocus"
  },
  {
    "key": "alt+`",
    "command": "workbench.action.terminal.toggleTerminal"
  },
  {
    "key": "ctrl+shift+\\",
    "command": "workbench.action.terminal.split"
  },
  {
    "key": "ctrl+shift+q",
    "command": "workbench.action.toggleMaximizedPanel"
  },
  {
    "key": "ctrl+shift+n",
    "command": "workbench.action.terminal.new"
  },
  {
    "key": "ctrl+shift+x",
    "command": "workbench.action.terminal.kill"
  },
  {
    "key": "ctrl+shift+j",
    "command": "workbench.action.terminal.focusNext"
  },
  {
    "key": "ctrl+shift+k",
    "command": "workbench.action.terminal.focusPrevious"
  }
]

settings.json

{
  "auto-close-tag.activationOnLanguage": [
    "xml",
    "php",
    "blade",
    "ejs",
    "jinja",
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact",
    "plaintext",
    "markdown",
    "mdx",
    "vue",
    "liquid",
    "erb",
    "lang-cfml",
    "cfml",
    "HTML (Eex)"
  ],
  "breadcrumbs.enabled": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "editor.cursorBlinking": "solid",
  "editor.cursorStyle": "line",
  "editor.fontFamily": "Fira Code",
  "editor.fontLigatures": true,
  "editor.formatOnPaste": true,
  "editor.formatOnSave": true,
  "editor.highlightActiveIndentGuide": true,
  "editor.letterSpacing": 0.3,
  "editor.lineHeight": 24,
  "editor.matchBrackets": "always",
  "editor.multiCursorMergeOverlapping": false,
  "editor.renderIndentGuides": false,
  "editor.renderLineHighlight": "all",
  "editor.renderWhitespace": "selection",
  "editor.snippetSuggestions": "top",
  "editor.tabSize": 2,
  "eslint.alwaysShowStatus": true,
  "eslint.options": {
    "extensions": [".js", ".jsx", ".ts", ".tsx"]
  },
  "eslint.packageManager": "yarn",
  "eslint.probe": [
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact",
    "html",
    "vue"
  ],
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact"
  ],
  "explorer.confirmDelete": false,
  "explorer.confirmDragAndDrop": false,
  "explorer.openEditors.visible": 0,
  "files.associations": {
    "Dockerfile*": "dockerfile"
  },
  "files.insertFinalNewline": true,
  "git.autofetch": true,
  "gitlens.views.compare.location": "gitlens",
  "gitlens.views.fileHistory.location": "gitlens",
  "gitlens.views.lineHistory.location": "gitlens",
  "gitlens.views.repositories.location": "gitlens",
  "gitlens.views.search.location": "gitlens",
  "go.formatTool": "goimports",
  "html.format.enable": false,
  "javascript.format.enable": false,
  "javascript.updateImportsOnFileMove.enabled": "always",
  "json.format.enable": false,
  "polacode.shadow": "gba(0, 0, 0, 0.55) 0px 20px 68px",
  "polacode.target": "snippet",
  "polacode.transparentBackground": true,
  "prettier.arrowParens": "always",
  "prettier.semi": false,
  "prettier.singleQuote": true,
  "prettier.trailingComma": "es5",
  "sync.autoDownload": true,
  "sync.autoUpload": true,
  "sync.forceDownload": false,
  "sync.gist": "81bb46dd552a0931c2d0e1ec56f5c7a8",
  "sync.quietSync": false,
  "sync.removeExtensions": true,
  "sync.syncExtensions": true,
  "terminal.integrated.cursorBlinking": true,
  "terminal.integrated.cursorStyle": "underline",
  "terminal.integrated.fontFamily": "Fira Code",
  "terminal.integrated.letterSpacing": 1,
  "terminal.integrated.lineHeight": 1.5,
  "terminal.integrated.shell.osx": "/bin/zsh",
  "terminal.integrated.shellArgs.osx": [],
  "typescript.format.enable": false,
  "typescript.updateImportsOnFileMove.enabled": "always",
  "window.zoomLevel": 0,
  "workbench.colorTheme": "Dainty – Ayu Mirage",
  "workbench.iconTheme": "vscode-icons",
  "workbench.sideBar.location": "left",
  "prettier.proseWrap": "always",
  "prettier.requireConfig": true
}

snippets|javascriptreact.json

{
	// Place your snippets for javascriptreact here. Each snippet is defined under a snippet name and has a prefix, body and 
	// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
	// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the 
	// same ids are connected.
	// Example:
	// "Print to console": {
	// 	"prefix": "log",
	// 	"body": [
	// 		"console.log('$1');",
	// 		"$2"
	// 	],
	// 	"description": "Log output to console"
	// }
}

snippets|snippets.code-snippets

{
  // Import
  "Import module": {
    "scope": "typescript,typescriptreact,javascript,javascriptreact",
    "prefix": "i",
    "body": "import '${1:module}'"
  },
  "Import default": {
    "scope": "typescript,typescriptreact,javascript,javascriptreact",
    "prefix": "id",
    "body": "import ${0:module} from '${1:module}'"
  },
  "Named import": {
    "scope": "typescript,typescriptreact,javascript,javascriptreact",
    "prefix": "in",
    "body": "import { $0 } from '${1:module}'"
  },
  "Import as namespace": {
    "scope": "typescript,typescriptreact,javascript,javascriptreact",
    "prefix": "ian",
    "body": "import * as ${0:namespace} from '${1:module}'"
  },
  //
  //
  // Export
  "Export": {
    "scope": "typescript,typescriptreact,javascript,javascriptreact",
    "prefix": "e",
    "body": "export $0"
  },
  "Export default": {
    "scope": "typescript,typescriptreact,javascript,javascriptreact",
    "prefix": "ed",
    "body": "export default $0"
  },
  "Export all": {
    "scope": "typescript,typescriptreact,javascript,javascriptreact",
    "prefix": "ea",
    "body": "export * from '${0:module}'"
  },
  "Export named import": {
    "scope": "typescript,typescriptreact,javascript,javascriptreact",
    "prefix": "ena",
    "body": "export { $0 } from '${1:module}'"
  },
  "Export named default": {
    "scope": "typescript,typescriptreact,javascript,javascriptreact",
    "prefix": "end",
    "body": "export { default as $0 } from '${1:module}'"
  },
  //
  //
  // Constants
  "Constant": {
    "scope": "typescript,typescriptreact,javascript,javascriptreact",
    "prefix": "c",
    "body": "const ${1:foo} = $0"
  },
  "Object constant": {
    "scope": "typescript,typescriptreact,javascript,javascriptreact",
    "prefix": "co",
    "body": "const ${1:obj} = { $0 }"
  },
  "Destructured object constant": {
    "scope": "typescript,typescriptreact,javascript,javascriptreact",
    "prefix": "cdo",
    "body": "const { $0 } = ${1:obj}"
  },
  "Array constant": {
    "scope": "typescript,typescriptreact,javascript,javascriptreact",
    "prefix": "ca",
    "body": "const ${1:arr} = [$0]"
  },
  "Destructured array constant": {
    "scope": "typescript,typescriptreact,javascript,javascriptreact",
    "prefix": "cda",
    "body": "const [$0] = ${1:arr}"
  },
  "Function constant": {
    "scope": "typescript,typescriptreact,javascript,javascriptreact",
    "prefix": "cf",
    "body": ["const ${1:func} = ${2:async} ($3)$4 => {", "  $0", "}"]
  },
  "Function constant (inline)": {
    "scope": "typescript,typescriptreact,javascript,javascriptreact",
    "prefix": "cfi",
    "body": "const ${1:func} = ($2)$3 => $0"
  },
  "Require constant": {
    "scope": "typescript,typescriptreact,javascript,javascriptreact",
    "prefix": "cr",
    "body": "const $0 = require('${1:module}')"
  },
  "Ternary constant": {
    "scope": "typescript,typescriptreact,javascript,javascriptreact",
    "prefix": "ct",
    "body": "const $1 = $2 ? $3 : $4"
  },
  //
  //
  // Logging
  "Console log": {
    "scope": "typescript,typescriptreact,javascript,javascriptreact",
    "prefix": "cl",
    "body": "console.log($0)"
  },
  "Console log (string)": {
    "scope": "typescript,typescriptreact,javascript,javascriptreact",
    "prefix": "cls",
    "body": "console.log('$0')"
  },
  "Console log (variable)": {
    "scope": "typescript,typescriptreact,javascript,javascriptreact",
    "prefix": "clv",
    "body": "console.log('$0', $0)"
  },
  "Console log (object)": {
    "scope": "typescript,typescriptreact,javascript,javascriptreact",
    "prefix": "clo",
    "body": "console.log({ $0 })"
  },
  //
  //
  // Async
  "New Promise": {
    "scope": "typescript,typescriptreact,javascript,javascriptreact",
    "prefix": "np",
    "body": ["new Promise((resolve${1:, reject}) => {", "  $0", "})"]
  },
  //
  //
  // React
  "Import React": {
    "scope": "typescript,typescriptreact,javascript,javascriptreact",
    "prefix": "ir",
    "body": "import React from 'react'"
  },
  "JSX Pragma": {
    "scope": "typescriptreact,javascriptreact",
    "prefix": "jsx",
    "body": ["/** @jsx ${1:jsx} */", "import { $1 } from '$0'"]
  },
  "React Component (TS)": {
    "scope": "typescriptreact",
    "prefix": "rc",
    "body": [
      "type ${1:Component}Props = {",
      "  $2",
      "}\n",
      "const $1: ${3:React.FC}<$1Props> = ($4) => {",
      "  $0",
      "}"
    ]
  },
  "React Component (JS)": {
    "scope": "javascriptreact",
    "prefix": "rc",
    "body": ["const $1 = ($2) => {", "  $0", "}"]
  },
  "useState hook": {
    "scope": "typescript,typescriptreact,javascript,javascriptreact",
    "prefix": "rus",
    "body": "const [$1, $2] = React.useState($0)"
  },
  "useEffect hook": {
    "scope": "typescript,typescriptreact,javascript,javascriptreact",
    "prefix": "rue",
    "body": ["React.useEffect(() => {", "  $0", "}, [])"]
  },
  "useMemo hook": {
    "scope": "typescript,typescriptreact,javascript,javascriptreact",
    "prefix": "rum",
    "body": ["React.useMemo(() => $0, [])"]
  },
  "useCallback hook": {
    "scope": "typescript,typescriptreact,javascript,javascriptreact",
    "prefix": "ruc",
    "body": ["React.useCallback(($1) => $0, [])"]
  },
  "Render pre-formatted text": {
    "scope": "typescriptreact,javascriptreact",
    "prefix": "pre",
    "body": "<pre>{JSON.stringify($0, null, 2)}</pre>"
  },
  "Conditional rendering": {
    "scope": "typescriptreact,javascriptreact",
    "prefix": "rcond",
    "body": "{$1 ? $2 : ${3:null}}"
  },
  "React Fragment": {
    "scope": "typescriptreact,javascriptreact",
    "prefix": "rfr",
    "body": "<React.Fragment>$0</React.Fragment>"
  },
  "SVG Component": {
    "scope": "typescriptreact,javascriptreact",
    "prefix": "rsvg",
    "body": [
      "const ${1:My}Icon: ${2:React.FC<React.SVGProps<SVGSVGElement>>} = (props) => {",
      "  return ($0)",
      "}"
    ]
  },
  "Array map": {
    "scope": "typescriptreact,javascriptreact",
    "prefix": "rmap",
    "body": ["{${1:items}.map((${2:item}) => (", "  $0", "))}"]
  },
  //
  //
  //
  // Emotion
  "Import styled": {
    "scope": "typescriptreact,javascriptreact",
    "prefix": "is",
    "body": "import styled from '@emotion/styled'"
  },
  "Import styled (native)": {
    "scope": "typescriptreact,javascriptreact",
    "prefix": "isn",
    "body": "import styled from '@emotion/native'"
  },
  "Styled component": {
    "scope": "typescriptreact,javascriptreact",
    "prefix": "sc",
    "body": ["const Styled${1:Component} = styled.$2`", "  $0", "`"]
  },
  //
  //
  //
  // Formal & Yup
  "Import Formal": {
    "scope": "typescript,typescriptreact,javascript,javascriptreact",
    "prefix": "if",
    "body": [
      "import useFormal from '@kevinwolf/formal-${1:web}'",
      "import * as yup from 'yup'$0"
    ]
  },
  "Yup validation schema": {
    "scope": "typescript,typescriptreact,javascript,javascriptreact",
    "prefix": "ys",
    "body": ["const validationSchema = yup.object().shape({", "  $0", "})"]
  },
  "Yup string": {
    "scope": "typescript,typescriptreact,javascript,javascriptreact",
    "prefix": "ystr",
    "body": "${1:field}: yup.string()$0"
  },
  "Yup email": {
    "scope": "typescript,typescriptreact,javascript,javascriptreact",
    "prefix": "yem",
    "body": ".email('${1:Invalid email}')$0"
  },
  "Yup required": {
    "scope": "typescript,typescriptreact,javascript,javascriptreact",
    "prefix": "yreq",
    "body": ".required('${1:Please fill this field}')$0"
  },
  "useFormal": {
    "scope": "typescript,typescriptreact,javascript,javascriptreact",
    "prefix": "uf",
    "body": [
      "const formal = useFormal(",
      "  { $1 },",
      "  {",
      "    schema: ${2:validationSchema},",
      "    onSubmit: ${3:async (${4:values}) => {\n  $0\n\\}}",
      "  }",
      ")$0"
    ]
  },
  //
  //
  //
  // Material UI.
  "Import MaterialUI Component": {
    "scope": "typescriptreact,javascriptreact",
    "prefix": "muic",
    "body": "import ${0:Component} from '@material-ui/core/${0:Component}'"
  },
  "Import MaterialUI Icon": {
    "scope": "typescriptreact,javascriptreact",
    "prefix": "muii",
    "body": "import ${0:Icon} from '@material-ui/icons/${1:Icon}'"
  },
  "Import MaterialUI makeStyles": {
    "scope": "typescriptreact,javascriptreact",
    "prefix": "muimsi",
    "body": "import { makeStyles } from '@material-ui/core/styles'$0"
  },
  "MaterialUI makeStyles": {
    "scope": "typescriptreact,javascriptreact",
    "prefix": "muims",
    "body": ["const useStyles = makeStyles((${1:theme}) => ({", "  $0", "}))"]
  },
  "Import MaterialUI useStyles": {
    "scope": "typescriptreact,javascriptreact",
    "prefix": "muius",
    "body": "const styles = useStyles()$0"
  },
  "MaterialUI Dialog Imports": {
    "scope": "typescriptreact,javascriptreact",
    "prefix": "muidi",
    "body": [
      "import Dialog from '@material-ui/core/Dialog'",
      "import DialogTitle from '@material-ui/core/DialogTitle'",
      "import DialogContent from '@material-ui/core/DialogContent'",
      "import DialogContentText from '@material-ui/core/DialogContentText'",
      "import DialogActions from '@material-ui/core/DialogActions'",
      "import Button from '@material-ui/core/Button'$0"
    ]
  },
  "MaterialUI Dialog JSX": {
    "scope": "typescriptreact,javascriptreact",
    "prefix": "muid",
    "body": [
      "<Dialog open={${1:open}} onClose={${2:handleClose}} aria-labelledby=\"form-dialog-title\">",
      "  <DialogTitle id=\"form-dialog-title\">${3:Title}</DialogTitle>",
      "  <DialogContent>",
      "    ${4:<DialogContentText>${5:Text}</DialogContentText>}",
      "    $0",
      "  </DialogContent>",
      "  <DialogActions>",
      "    ${6:<Button onClick={${2:handleClose}\\}>${7:Cancel}</Button>}",
      "    <Button onClick={${8:handleSubmit}}>${9:Submit}</Button>",
      "  </DialogActions>",
      "</Dialog>"
    ]
  },
  //
  //
  // Misc.
  "Process Exit": {
    "scope": "typescript,javascript",
    "prefix": "pe",
    "body": "process.exit($0)"
  },
  "JSDoc": {
    "scope": "typescript,typescriptreact,javascript,javascriptreact",
    "prefix": "jd",
    "body": ["/**", " * $0", " */"]
  }
}