From c595236f7a32583d91dfdbd3ef9753b6c3f64fd6 Mon Sep 17 00:00:00 2001 From: Taylor Dawson Date: Wed, 15 Jan 2020 19:05:05 -0800 Subject: [PATCH] master: initial commit - init node package & add litelement --- .gitignore | 1 + package-lock.json | 21 +++++++++++++++++++++ package.json | 22 ++++++++++++++++++++++ src/nft-card.ts | 32 ++++++++++++++++++++++++++++++++ 4 files changed, 76 insertions(+) create mode 100644 .gitignore create mode 100644 package-lock.json create mode 100644 package.json create mode 100644 src/nft-card.ts diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..c2658d7 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +node_modules/ diff --git a/package-lock.json b/package-lock.json new file mode 100644 index 0000000..8e7024b --- /dev/null +++ b/package-lock.json @@ -0,0 +1,21 @@ +{ + "name": "embeddable_nfts", + "version": "0.0.1", + "lockfileVersion": 1, + "requires": true, + "dependencies": { + "lit-element": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/lit-element/-/lit-element-2.2.1.tgz", + "integrity": "sha512-ipDcgQ1EpW6Va2Z6dWm79jYdimVepO5GL0eYkZrFvdr0OD/1N260Q9DH+K5HXHFrRoC7dOg+ZpED2XE0TgGdXw==", + "requires": { + "lit-html": "^1.0.0" + } + }, + "lit-html": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/lit-html/-/lit-html-1.1.2.tgz", + "integrity": "sha512-FFlUMKHKi+qG1x1iHNZ1hrtc/zHmfYTyrSvs3/wBTvaNtpZjOZGWzU7efGYVpgp6KvWeKF6ql9/KsCq6Z/mEDA==" + } + } +} diff --git a/package.json b/package.json new file mode 100644 index 0000000..2980110 --- /dev/null +++ b/package.json @@ -0,0 +1,22 @@ +{ + "name": "embeddable_nfts", + "version": "0.0.1", + "description": "Resuable, embeddable webcomponent for OpenSea assets.", + "main": "index.js", + "scripts": { + "test": "echo \"Error: no test specified\" && exit 1" + }, + "repository": { + "type": "git", + "url": "git+https://github.com/ProjectOpenSea/embeddable_nfts.git" + }, + "author": "Taylor Dawson", + "license": "ISC", + "bugs": { + "url": "https://github.com/ProjectOpenSea/embeddable_nfts/issues" + }, + "homepage": "https://github.com/ProjectOpenSea/embeddable_nfts#readme", + "dependencies": { + "lit-element": "^2.2.1" + } +} diff --git a/src/nft-card.ts b/src/nft-card.ts new file mode 100644 index 0000000..276ac45 --- /dev/null +++ b/src/nft-card.ts @@ -0,0 +1,32 @@ +/** + * Import LitElement base class, html helper function, + * and TypeScript decorators + **/ +import { + LitElement, html, customElement, property +} from 'lit-element'; + +/** + * Use the customElement decorator to define your class as + * a custom element. Registers as an HTML tag. + */ +@customElement('my-element') +export class MyElement extends LitElement { + + /** + * Create an observed property. Triggers update on change. + */ + @property() + foo = 'foo'; + + /** + * Implement `render` to define a template for your element. + */ + render(){ + /** + * Use JavaScript expressions to include property values in + * the element template. + */ + return html`

${this.foo}

`; + } +} \ No newline at end of file