Skip to content
Permalink
Browse files

Change the name of the extension to Gatsby Snippets.

  • Loading branch information...
nickytonline committed Dec 1, 2018
1 parent 2afb16e commit 783ab3557bacddb953164c3ee8109f3bfebde650
Showing with 55 additions and 42 deletions.
  1. +4 −0 CHANGELOG.md
  2. +47 −38 README.md
  3. +1 −1 package-lock.json
  4. +3 −3 package.json
@@ -24,3 +24,7 @@ Check [Keep a Changelog](http://keepachangelog.com/) for recommendations on how
## 1.1.1

- Updated cheesy logo

## 1.1.2

- Changed the name of the package to Gatsby Snippets
@@ -1,11 +1,19 @@
# vscode-gatsby-snippets README
# Gatsby Snippets

Markdown snippets for GatsbyJS. [vscode-gatsby-snippets](https://marketplace.visualstudio.com/items?itemName=nickytonline.vscode-gatsby-snippets) is available on the VS Code Marketplace.
Snippets for GatsbyJS.

![Gatsby JS snippets in action](images/snippet-in-action.gif)

## Release Notes

### 1.1.2

- Changed the name of the package to Gatsby Snippets

### 1.1.1

- Updated cheesy logo

### 1.1.0

Added GatsbyJS graphql image fragment snippets.
@@ -32,10 +40,10 @@ Initial release.

Press `Ctrl+Space` (Windows, Linux) or `Cmd+Space` (OSX) to see a list of Markdown snippets

Snippet | Output
--- | ---
`ga` | creates a new article
`gp` | creates a new page
| Snippet | Output |
| ------- | --------------------- |
| `ga` | creates a new article |
| `gp` | creates a new page |

### Working with Markdown

@@ -52,45 +60,46 @@ Here are some useful editor keyboard shortcuts:
## Gatsby Graphql snippets shortcuts

These snippets require embedded graphql syntax support. You can enable support by installing [gatsby-extension-pack](https://marketplace.visualstudio.com/items?itemName=nickytonline.gatsby-extension-pack).

### Gatsby Image sharp snippets

Snippet | Output
--- | ---
`gfi` | `...GatsbyImageSharpFixed`
`gfino` | `...GatsbyImageSharpFixed_noBase64`
`gfisvg` | `...GatsbyImageSharpFixed_tracedSVG`
`gfiwp` | `...GatsbyImageSharpFixed_withWebp`
`gfiwpno` | `...GatsbyImageSharpFixed_withWebp_noBase64`
`gfiwpsvg` | `...GatsbyImageSharpFixed_withWebp_tracedSVG`
`gfl` | `...GatsbyImageSharpFluid`
`gflno` | `...GatsbyImageSharpFluid_noBase64`
`gflsvg` | `...GatsbyImageSharpFluid_tracedSVG`
`gflwp` | `...GatsbyImageSharpFluid_withWebp`
`gflwpno` |`...GatsbyImageSharpFluid_withWebp_noBase64`
`gflwpsvg` | `...GatsbyImageSharpFluid_withWebp_tracedSVG`
| Snippet | Output |
| ---------- | --------------------------------------------- |
| `gfi` | `...GatsbyImageSharpFixed` |
| `gfino` | `...GatsbyImageSharpFixed_noBase64` |
| `gfisvg` | `...GatsbyImageSharpFixed_tracedSVG` |
| `gfiwp` | `...GatsbyImageSharpFixed_withWebp` |
| `gfiwpno` | `...GatsbyImageSharpFixed_withWebp_noBase64` |
| `gfiwpsvg` | `...GatsbyImageSharpFixed_withWebp_tracedSVG` |
| `gfl` | `...GatsbyImageSharpFluid` |
| `gflno` | `...GatsbyImageSharpFluid_noBase64` |
| `gflsvg` | `...GatsbyImageSharpFluid_tracedSVG` |
| `gflwp` | `...GatsbyImageSharpFluid_withWebp` |
| `gflwpno` | `...GatsbyImageSharpFluid_withWebp_noBase64` |
| `gflwpsvg` | `...GatsbyImageSharpFluid_withWebp_tracedSVG` |

### Gatsby Source Contentful snippets

Snippet | Output
--- | ---
`gscfi` | `...GatsbyContentfulFixed`
`gscfino` | `...GatsbyContentfulFixed_noBase64`
`gscfisvg` | `...GatsbyContentfulFixed_tracedSVG`
`gscfiwp` | `...GatsbyContentfulFixed_withWebp`
`gscfiwpno` | `...GatsbyContentfulFixed_withWebp_noBase64`
`gscfl` | `...GatsbyContentfulFluid`
`gscflno` | `...GatsbyContentfulFluid_noBase64`
`gscflsvg` | `...GatsbyContentfulFluid_tracedSVG`
`gscflwp` | `...GatsbyContentfulFluid_withWebp`
`gscflwpno` | `...GatsbyContentfulFluid_withWebp_noBase64`
| Snippet | Output |
| ----------- | -------------------------------------------- |
| `gscfi` | `...GatsbyContentfulFixed` |
| `gscfino` | `...GatsbyContentfulFixed_noBase64` |
| `gscfisvg` | `...GatsbyContentfulFixed_tracedSVG` |
| `gscfiwp` | `...GatsbyContentfulFixed_withWebp` |
| `gscfiwpno` | `...GatsbyContentfulFixed_withWebp_noBase64` |
| `gscfl` | `...GatsbyContentfulFluid` |
| `gscflno` | `...GatsbyContentfulFluid_noBase64` |
| `gscflsvg` | `...GatsbyContentfulFluid_tracedSVG` |
| `gscflwp` | `...GatsbyContentfulFluid_withWebp` |
| `gscflwpno` | `...GatsbyContentfulFluid_withWebp_noBase64` |

### Gatsby Source DatoCMS snippets

Snippet | Output
--- | ---
`gsdfi` | `...GatsbyDatoCmsFixed`
`gsdfino` | `...GatsbyDatoCmsFixed_noBase64`
`gsdfl` | `...GatsbyDatoCmsFluid`
`gsdflno` | `...GatsbyDatoCmsFluid_noBase64`
| Snippet | Output |
| --------- | -------------------------------- |
| `gsdfi` | `...GatsbyDatoCmsFixed` |
| `gsdfino` | `...GatsbyDatoCmsFixed_noBase64` |
| `gsdfl` | `...GatsbyDatoCmsFluid` |
| `gsdflno` | `...GatsbyDatoCmsFluid_noBase64` |

**Enjoy!**

Some generated files are not rendered by default. Learn more.

@@ -1,8 +1,8 @@
{
"name": "vscode-gatsby-snippets",
"displayName": "vscode-gatsby-snippets",
"description": "Visual Studio Code code snippets for use with the GatsbyJS static site generator for React.",
"version": "1.1.1",
"displayName": "Gatsby Snippets",
"description": "Snippets for GatsbyJS",
"version": "1.1.2",
"scripts": {
"precommit": "lint-staged"
},

0 comments on commit 783ab35

Please sign in to comment.
You can’t perform that action at this time.