{"id":15381887,"url":"https://github.com/justinribeiro/vscode-polymer2-snippets","last_synced_at":"2025-02-28T08:30:20.630Z","repository":{"id":146786211,"uuid":"92239836","full_name":"justinribeiro/vscode-polymer2-snippets","owner":"justinribeiro","description":"LitElement, Polymer v2/v3, and Web Components code snippets for Visual Studio Code.","archived":false,"fork":false,"pushed_at":"2020-07-18T21:42:49.000Z","size":47,"stargazers_count":6,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-23T15:06:53.278Z","etag":null,"topics":["lit-html","polymer","visual-studio","vscode-extension"],"latest_commit_sha":null,"homepage":"https://marketplace.visualstudio.com/items?itemName=justinribeiro.Polymer2Snippets","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/justinribeiro.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-05-24T02:12:24.000Z","updated_at":"2020-07-18T21:42:51.000Z","dependencies_parsed_at":null,"dependency_job_id":"88f2ab60-0e3b-4c88-8d96-91d9c1bb67a4","html_url":"https://github.com/justinribeiro/vscode-polymer2-snippets","commit_stats":{"total_commits":24,"total_committers":2,"mean_commits":12.0,"dds":0.04166666666666663,"last_synced_commit":"8b5ee2ffec49111a81b7c7465602213b3502581d"},"previous_names":[],"tags_count":9,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/justinribeiro%2Fvscode-polymer2-snippets","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/justinribeiro%2Fvscode-polymer2-snippets/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/justinribeiro%2Fvscode-polymer2-snippets/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/justinribeiro%2Fvscode-polymer2-snippets/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/justinribeiro","download_url":"https://codeload.github.com/justinribeiro/vscode-polymer2-snippets/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241124367,"owners_count":19913832,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["lit-html","polymer","visual-studio","vscode-extension"],"created_at":"2024-10-01T14:29:08.755Z","updated_at":"2025-02-28T08:30:20.624Z","avatar_url":"https://github.com/justinribeiro.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# LitElement, Polymer v2 / v3, and Web Components  Snippets for Visual Studio Code\n\nThis extension for Visual Studio Code adds snippets for LitElement and Polymer v2/v3 for JavaScript and HTML.\n\n[![Installs](https://vsmarketplacebadge.apphb.com/installs-short/justinribeiro.Polymer2Snippets.svg?style=flat-square)](https://marketplace.visualstudio.com/items?itemName=justinribeiro.Polymer2Snippets) [![Current Release](https://vsmarketplacebadge.apphb.com/version/justinribeiro.Polymer2Snippets.svg?style=flat-square)](https://marketplace.visualstudio.com/items?itemName=justinribeiro.Polymer2Snippets)\n\n## Usage\nType part of a snippet, press `enter`, and the snippet unfolds.\n\n### JavaScript Snippets\n```javascript\np-polymer-element         // Polymer 3 Web Component definition\np-lit-element             // LitElement Web Component definition\np-hybridbehaviors         // Polymer.mixinBehaviors()\np-lifecycle-constructor   // constructor()\np-lifecycle-connected     // connectedCallback()\np-lifecycle-disconnected  // disconnectedCallback()\np-lifecycle-attrchanged   // attributeChangedCallback()\np-lifecycle-ready         // Polymer specific ready()\np-dispatchevent           // Fire custom event with this.dispatchEvent();\np-dispatchevent-composed  // Fire custom event through ShadowDOM\np-observers               // Polymer static get observers()\np-properties              // Polymer static get properties()\np-property-basic          // Polymer property w/type + default value\np-property-observer       // Polymer property w/type + default value + observer\np-property-computed       // Polymer property w/type + computed\np-property-all            // Polymer property with everything\np-mixin                   // ES6 arrow function subclass return\np-mixin-dedup             // Sharable mixin utilizing Polymer's dedupingMixin\nl-element                 // LitElement Web Component definition (alias p-lit-element)\nl-render-html             // LitElement render() with html``\nl-render-svg              // LitElement render() with svg``\nl-firstRendered           // LitElement firstRender()\nl-properties              // Lit-Element properties by implementing a static properties getter\nl-get-styles              // Lit-Element styles in a static styles property\nl-get-styles-super        // Lit-Element static styles property with super class\nl-firstUpdated            // Lit-Element firstUpdated()\nl-shouldUpdate            // Lit-Element shouldUpdate()\nl-requestUpdate           // Lit-Element requestUpdate()\nl-updateComplete          // Lit-Element `await this.updateComplete;`\n```\n\n### HTML Snippets\n```html\np-webcomponent            // Boilerplate Polymer 2 Web Component\np-mixin                   // Boilerplate Polymer 2 mixin class\np-mixin-dedup             // Boilerplate Polymer 2 mixin class utilizing Polymer.dedupingMixin()\np-slot                    // \u003cslot name=\"\"\u003e\np-dom-repeat-inside       // dom-repeat inside Polymer managed template\np-dom-if                  // dom-if\n```\n\nAlternatively, press `Ctrl`+`Space` (Windows, Linux) or `Cmd`+`Space` (OSX) to activate snippets from within the editor.\n\n## Installation\n\n1. Install Visual Studio Code 1.10.0 or higher\n2. Launch Code\n3. From the command palette `Ctrl`-`Shift`-`P` (Windows, Linux) or `Cmd`-`Shift`-`P` (OSX)\n4. Select `Install Extension`\n5. Choose the extension\n6. Reload Visual Studio Code\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjustinribeiro%2Fvscode-polymer2-snippets","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjustinribeiro%2Fvscode-polymer2-snippets","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjustinribeiro%2Fvscode-polymer2-snippets/lists"}