Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.
Awesome Lists | Featured Topics | Projects
https://github.com/nitin42/vscode-glamorous

🤙 code snippets for glamorous
https://github.com/nitin42/vscode-glamorous
Last synced: 23 days ago
JSON representation
🤙 code snippets for glamorous
Host: GitHub
URL: https://github.com/nitin42/vscode-glamorous
Owner: nitin42
Created: 2017-08-06T11:59:28.000Z (about 7 years ago)
Default Branch: master
Last Pushed: 2017-08-07T17:25:58.000Z (about 7 years ago)
Last Synced: 2024-08-02T00:20:53.158Z (3 months ago)
Homepage:
Size: 72.3 KB
Stars: 21
Watchers: 3
Forks: 1
Open Issues: 0
Metadata Files:
- Readme: README.md
Awesome Lists containing this project

README

        # vscode-glamorous



  



This extension contains code snippets for [glamorous](https://github.com/paypal/glamorous), [glamorous-native](https://github.com/robinpowered/glamorous-native) and [glamorous-primitives](https://github.com/nitin42/glamorous-primitives).

## Installation

* Launch the command pallete (`ctrl` + `shift` + `p` or `cmd` + `shift` + `p`)

* Type install extensions

* Type `vscode-glamorous` in the search bar

* Install the extension and reload the window

Done ✅

## Supported languages (file extensions)

* JavaScript

* TypeScript

* JavaScript React

* TypeScript React

## Usage



  



## Snippets

Below is a list of all available snippets and the triggers of each one. The ⇥ means the TAB key.

### glamorous

| Trigger        | Content      |

| ------------- |:-------------:|

| `ga→`      | `const Component = glamorous.a({})` |

| `gdiv→`      | `const Component = glamorous.div({})` |

| `gspan→`      | `const Component = glamorous.span({})` |

| `gh1→`      | `const Component = glamorous.h1({})` |

| `gh2→`      | `const Component = glamorous.h2({})` |

| `gh3→`      | `const Component = glamorous.h3({})` |

| `gh4→`      | `const Component = glamorous.h4({})` |

| `gh5→`      | `const Component = glamorous.h5({})` |

| `gh6→`      | `const Component = glamorous.h6({})` |

| `gp→`      | `const Component = glamorous.p({})` |

| `gcode→`      | `const Component = glamorous.code({})` |

| `gabbr→`      | `const Component = glamorous.abbr({})` |

| `gaddress→`      | `const Component = glamorous.address({})` |

| `gb→`      | `const Component = glamorous.b({})` |

| `gblockquote→`      | `const Component = glamorous.blockquote({})` |

| `gcite→`     | `const Component = glamorous.cite({})` |

| `gdel→`      | `const Component = glamorous.del({})` |

| `gem→`      | `const Component = glamorous.em({})` |

| `gi→`     | `const Component = glamorous.i({})` |

| `gins→`      | `const Component = glamorous.ins({})` |

| `gpre→`      | `const Component = glamorous.pre({})` |

| `gmark→`      | `const Component = glamorous.mark({})` |

| `gmeter→`        | `const Component = glamorous.meter({})` |

| `gprogress→`      | `const Component = glamorous.progress({})` |

| `gq→`      | `const Component = glamorous.q({})` |

| `grp→`      | `const Component = glamorous.rp({})` |

| `gruby→`      | `const Component = glamorous.ruby({})` |

| `gs→`      | `const Component = glamorous.s({})` |

| `gsamp→`      | `const Component = glamorous.samp({})` |

| `gheader→`      | `const Component = glamorous.header({})` |

| `gfooter→`      | `const Component = glamorous.footer({})` |

| `gu→`      | `const Component = glamorous.u({})` |

| `gform→`      | `const Component = glamorous.form({})` |

| `gtextarea→`      | `const Component = glamorous.textarea({})` |

| `gbutton→`      | `const Component = glamorous.button({})` |

| `gselect→`     | `const Component = glamorous.select({})` |

| `goptgroup→`      | `const Component = glamorous.optgroup({})` |

| `goption→`      | `const Component = glamorous.option({})` |

| `glabel→`      | `const Component = glamorous.label({})` |

| `gfieldset→`      | `const Component = glamorous.fieldset({})` |

| `glegend→`      | `const Component = glamorous.legend({})` |

| `gimg→`      | `const Component = glamorous.img({})` |

| `gmap→`     | `const Component = glamorous.map({})` |

| `garea→`      | `const Component = glamorous.area({})` |

| `gnav→`      | `const Component = glamorous.nav({})` |

| `gul→`      | `const Component = glamorous.ul({})` |

| `gli→`      | `const Component = glamorous.li({})` |

| `gol→`      | `const Component = glamorous.ol({})` |

| `gdl→`      | `const Component = glamorous.dl({})` |

| `gdt→`      | `const Component = glamorous.dt({})` |

| `gdd→`      | `const Component = glamorous.dd({})` |

| `gmenu→`      | `const Component = glamorous.menu({})` |

| `gtable→`      | `const Component = glamorous.table({})` |

| `gcaption→`      | `const Component = glamorous.caption({})` |

| `gth→`      | `const Component = glamorous.th({})` |

| `gtr→`      | `const Component = glamorous.tr({})` |

| `gtd→`      | `const Component = glamorous.td({})` |

| `gthead→`      | `const Component = glamorous.thead({})` |

| `gtbody→`      | `const Component = glamorous.tbody({})` |

| `gtfoot→`      | `const Component = glamorous.tfoot({})` |

| `gcol→`      | `const Component = glamorous.col({})` |

| `gcolgroup→`      | `const Component = glamorous.colgroup({})` |

| `gdiv→`      | `const Component = glamorous.div({})` |

| `gsub→`      | `const Component = glamorous.sub({})` |

| `gtime→`      | `const Component = glamorous.time({})` |

| `gdata→`      | `const Component = glamorous.datalist({})` |

| `gout→`      | `const Component = glamorous.output({})` |

| `gfooter→`      | `const Component = glamorous.footer({})` |

| `gmain→`      | `const Component = glamorous.main({})` |

| `gsection→`      | `const Component = glamorous.section({})` |

| `garticle→`      | `const Component = glamorous.article({})` |

| `gaside→`      | `const Component = glamorous.aside({})` |

| `gdetails→`      | `const Component = glamorous.details({})` |

| `gdialog→`      | `const Component = glamorous.dialog({})` |

| `gsummary→`      | `const Component = glamorous.summary({})` |

### glamorous-native

| Trigger        | Content      |

| ------------- |:-------------:|

| `gtext→`      | `const Component = glamorous.text({})` |

| `gview→`      | `const Component = glamorous.view({})` |

| `gimage→`      | `const Component = glamorous.image({})` |

| `gflat→`      | `const Component = glamorous.flatlist({})` |

| `glist→`      | `const Component = glamorous.listview({})` |

| `gscroll→`      | `const Component = glamorous.scrollview({})` |

| `gsection→`      | `const Component = glamorous.sectionlist({})` |

| `ghighlight→`      | `const Component = glamorous.touchablehighlight({})` |

| `gnative→`    | `const Component = glamorous.touchablenativefeedback({})` |

| `gopacity→`      | `const Component = glamorous.touchableopacity({})` |

| `ginput→`      | `const Component = glamorous.textinput({})` |

### glamorous-primitives

| Trigger        | Content      |

| ------------- |:-------------:|

| `gtext→`     | `const Component = glamorous.text({})` |

| `gview→`      | `const Component = glamorous.view({})` |

| `gimage→`      | `const Component = glamorous.image({})` |

### NOTE

I forgot to unpublish this 👇 extension (which was in beta)

![second](https://i.gyazo.com/dfd653a485d0b4e7732aa259f3887047.png)

and now it won't go because `vsce` denies my access token 😞 . So I won't be able to unpublish it. If you see this while searching for the extension, don't install it !

Thank you!!