Comparing version 0.1.9 to 0.1.10
50
index.js
@@ -296,2 +296,52 @@ 'use strict'; | ||
// svg elements | ||
Svg: createEl('svg'), | ||
G: createEl('g'), | ||
Defs: createEl('defs'), | ||
Desc: createEl('desc'), | ||
Title: createEl('title'), | ||
Symbol: createEl('symbol'), | ||
Script: createEl('script'), | ||
Use: createEl('use'), | ||
Image: createEl('image'), | ||
Switch: createEl('switch'), | ||
Style: createEl('style'), | ||
Path: createEl('path'), | ||
Rect: createEl('rect'), | ||
Circle: createEl('circle'), | ||
Ellipse: createEl('ellipse'), | ||
Line: createEl('line'), | ||
Link: createEl('link'), | ||
Polyline: createEl('polyline'), | ||
Polygon: createEl('polygon'), | ||
Text: createEl('text'), | ||
Tspan: createEl('tspan'), | ||
Tref: createEl('tref'), | ||
TextPath: createEl('textPath'), | ||
AltGlyph: createEl('altGlyph'), | ||
GlyphRef: createEl('glyphRef'), | ||
AltGlyphItem: createEl('altGlyphItem'), | ||
AltGlyphDef: createEl('altGlyphDef'), | ||
Marker: createEl('marker'), | ||
ColorProfile: createEl('color-profile'), | ||
Filter: createEl('filter'), | ||
Cursor: createEl('cursor'), | ||
View: createEl('view'), | ||
Animate: createEl('animate'), | ||
Set: createEl('set'), | ||
AnimateMotion: createEl('animateMotion'), | ||
AnimateColor: createEl('animateColor'), | ||
AnimateTransform: createEl('animateTransform'), | ||
Font: createEl('font'), | ||
Glyph: createEl('glyph'), | ||
MissingGlyph: createEl('missing-glyph'), | ||
Hkern: createEl('hkern'), | ||
Vkern: createEl('vkern'), | ||
FontFace: createEl('font-face'), | ||
FontFaceSrc: createEl('font-face-src'), | ||
FontFaceUri: createEl('font-face-uri'), | ||
FontFaceFormat: createEl('font-face-format'), | ||
FontFaceName: createEl('font-face-name'), | ||
ForeignObject: createEl('foreignObject'), | ||
// data is a special case because it has an optional extension | ||
@@ -298,0 +348,0 @@ data: data, |
{ | ||
"name": "bdom", | ||
"version": "0.1.9", | ||
"version": "0.1.10", | ||
"description": "a jsx compatible shorthand library for generating actual dom elements instead of virtual ones", | ||
@@ -5,0 +5,0 @@ "main": "index.js", |
@@ -13,3 +13,3 @@ # bdom - jsx compatible shorthand tool for creating actual dom elements | ||
const dom = require('bdom') | ||
const { H1, text, Figcaption, style } = dom // capital elements attributes and text lower case | ||
const { H1, text, Svg, Link, Text, Figcaption, style } = dom // capital elements attributes and text lower case | ||
@@ -19,5 +19,8 @@ const txt = text('BAR') | ||
const title = | ||
H1( | ||
H1( | ||
txt, | ||
Figcaption( style('background-color: orange; font-size:0.5rem;'), 'a friend of foo' ) | ||
Figcaption( style('background-color: orange; font-size:0.5rem;'), 'a friend of foo' ), | ||
Svg({ width: '100', height: '100' }, | ||
Link({ href: "https://google.com" }, | ||
Text({ x: "10", y: "25" }, 'google')))) | ||
) | ||
@@ -46,2 +49,7 @@ | ||
<figcaption style="background-color: orange; font-size:0.5rem;">a friend of foo</figcaption> | ||
<svg width="100" height="100" > | ||
<link href="https://google.com"> | ||
<text x="10" y="25" >google</text> | ||
</link> | ||
</svg> | ||
</h1> | ||
@@ -48,0 +56,0 @@ |
16323
442
66