robdodson / atom-polymersnippets Goto Github PK
View Code? Open in Web Editor NEWAtom snippets for Polymer and Web Components
License: MIT License
Atom snippets for Polymer and Web Components
License: MIT License
Requires restart of Atom
What's the thought on adding a webComponents supported snippet?
Should I make a PR?
I just published the snippets to atom, it was a pleasure. ๐
If you create a snippet with the same name and prefix as a tag snippet with no body that's scope is set to inside a , then it will effectively disable the snippet when the cursor is inside a tag. This will prevent Snippets from showing up when you are editing attributes. I will create a PR with these changes as soon as I can.
Both BDD and TDD sort of like the polymer generator.
https://github.com/yeoman/generator-polymer/blob/master/el/templates/test/tdd.html
https://github.com/yeoman/generator-polymer/blob/master/el/templates/test/bdd.html
Would you be willing to add something a little like this. I can send a PR if you want.
"Polymer Element ES2015":
prefix: "pe2015"
body: """
<dom-module id="${0}">
<template>
<style>
:host {
display: block;
}
</style>
</template>
<script>
(function () {
class ${1} {
beforeRegister() {
this.is = '${0}';
this.properties = {
};
}
attached() {
this.async(() => {
});
}
}
Polymer(${1});
})();
</script>
</dom-module>
"""
Hey, are there any plans or ideas to make a PolymerSnippets for Polymer 1.0 and it's changed API? I'm offering my help but I'm a bit of an amateur. Thanks
Use activationCommands
instead of activationEvents
in your package.json
Commands should be grouped by selector as follows:
"activationCommands": {
"atom-workspace": ["foo:bar", "foo:baz"],
"atom-text-editor": ["foo:quux"]
}
Package.getActivationCommands (C:\Users\istdmcd\AppData\Local\atom\app-0.200.0\resources\app.asar\src\package.js:808:9)
Package.hasActivationCommands (C:\Users\istdmcd\AppData\Local\atom\app-0.200.0\resources\app.asar\src\package.js:733:20)
<unknown> (C:\Users\istdmcd\AppData\Local\atom\app-0.200.0\resources\app.asar\src\package.js:185:24)
Package.measure (C:\Users\istdmcd\AppData\Local\atom\app-0.200.0\resources\app.asar\src\package.js:163:15)
Package.load (C:\Users\istdmcd\AppData\Local\atom\app-0.200.0\resources\app.asar\src\package.js:177:12)
PackageManager.loadPackage (C:\Users\istdmcd\AppData\Local\atom\app-0.200.0\resources\app.asar\src\package-manager.js:355:14)
Using the iron-input snippet results in this for me:
<input is="iron-input" bind-value={{myValue}}"">
Not sure why though - the .cson looks fine.
app-location
app-route
app-toolbar
app-header
app-header-layout
app-drawer
app-drawer-layout
app-box
app-scrollpos-control
It would be pretty nice to have snippets for polymerfire as well to speed up development with firebase + polymer.
Specifically for :
firebase-auth
firebase-app
firebase-document
firebase-query
firebase-storage (upcoming)
Anyway, thanks a lot for this awesome package!
I noticed today that if I have Emmet installed, it will clobber tab completion inside of HTML files. Here's a workaround.
The latest master includes several snippets I would like to use (the tdd-test for example), but the latest release is from December 2015. Atom therefore does not detect that there was an update of this package and I can not use the new goodies </3. Could you publish a release for latest master?
I really like the autocompletion, but in some scenarios it generates unwanted results:
paper-card
, this snippet generates HTML code. I am not sure if this is inherent of the nature of Atom snippets, but maybe there is a possible solution.<name-of-element
and then the autocompletion generates another start tag. Resulting in <<name-of-element>...</name-of-element>
. Could this be added so the additional <
is optional (with some sort of RegEx maybe?).Hopefully these issues are solvable, else I will just have to deal with them ;p
Is there any way you can odd some sort of config to the plugin to make the indentation more than 2 spaces?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.