simplesvg - npm Package Compare versions

Comparing version 0.1.0 to 0.1.1

dist/simplesvg.js

@@ -19,12 +19,3 @@ (function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.sivg = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
 
-  var attributes = Object.keys(attrBag);
-  for (var i = 0; i < attributes.length; ++i) {
-    var attributeName = attributes[i];
-    var value = attrBag[attributeName];
-    if (attributeName === 'link') {
-      svgElement.link(value);
-    } else {
-      svgElement.attr(attributeName, value);
-    }
-  }
+  svgElement.attr(attrBag);
 
@@ -93,4 +84,22 @@ return svgElement;
     }
+    if (typeof name === 'string') {
+      // someone wants to get value of an attribute:
+      return svgElement.getAttributeNS(null, name);
+    }
 
-    return svgElement.getAttributeNS(null, name);
+    if (typeof name !== 'object') throw new Error('attr() expects to have either string or object as first argument');
+
+    var attrBag = name;
+    var attributes = Object.keys(attrBag);
+    for (var i = 0; i < attributes.length; ++i) {
+      var attributeName = attributes[i];
+      var value = attrBag[attributeName];
+      if (attributeName === 'link') {
+        svgElement.link(value);
+      } else {
+        svgElement.attr(attributeName, value);
+      }
+    }
+
+    return svgElement;
   }
@@ -97,0 +106,0 @@

dist/simplesvg.min.js

@@ -1,1 +0,1 @@
-(function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.sivg=f()}})(function(){var define,module,exports;return function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s}({1:[function(require,module,exports){module.exports=svg;svg.compile=require("./lib/compile");var compileTemplate=svg.compileTemplate=require("./lib/compile_template");var domEvents=require("add-event-listener");var svgns="http://www.w3.org/2000/svg";var xlinkns="http://www.w3.org/1999/xlink";function svg(element,attrBag){var svgElement=augment(element);if(attrBag===undefined){return svgElement}var attributes=Object.keys(attrBag);for(var i=0;i<attributes.length;++i){var attributeName=attributes[i];var value=attrBag[attributeName];if(attributeName==="link"){svgElement.link(value)}else{svgElement.attr(attributeName,value)}}return svgElement}function augment(element){var svgElement=element;if(typeof element==="string"){svgElement=window.document.createElementNS(svgns,element)}else if(element.simplesvg){return element}var compiledTempalte;svgElement.simplesvg=true;svgElement.attr=attr;svgElement.append=append;svgElement.link=link;svgElement.text=text;svgElement.on=on;svgElement.off=off;svgElement.dataSource=dataSource;return svgElement;function dataSource(model){if(!compiledTempalte)compiledTempalte=compileTemplate(svgElement);compiledTempalte.link(model);return svgElement}function on(name,cb,useCapture){domEvents.addEventListener(svgElement,name,cb,useCapture);return svgElement}function off(name,cb,useCapture){domEvents.removeEventListener(svgElement,name,cb,useCapture);return svgElement}function append(content){var child=svg(content);svgElement.appendChild(child);return child}function attr(name,value){if(arguments.length===2){if(value!==null){svgElement.setAttributeNS(null,name,value)}else{svgElement.removeAttributeNS(null,name)}return svgElement}return svgElement.getAttributeNS(null,name)}function link(target){if(arguments.length){svgElement.setAttributeNS(xlinkns,"xlink:href",target);return svgElement}return svgElement.getAttributeNS(xlinkns,"xlink:href")}function text(textContent){if(textContent!==undefined){svgElement.textContent=textContent;return svgElement}return svgElement.textContent}}},{"./lib/compile":2,"./lib/compile_template":3,"add-event-listener":5}],2:[function(require,module,exports){var parser=require("./domparser.js");var svg=require("../");module.exports=compile;function compile(svgText){try{svgText=addNamespaces(svgText);return svg(parser.parseFromString(svgText,"text/xml").documentElement)}catch(e){throw e}}function addNamespaces(text){if(!text)return;var namespaces='xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"';var match=text.match(/^<\w+/);if(match){var tagLength=match[0].length;return text.substr(0,tagLength)+" "+namespaces+" "+text.substr(tagLength)}else{throw new Error("Cannot parse input text: invalid xml?")}}},{"../":1,"./domparser.js":4}],3:[function(require,module,exports){module.exports=template;var BINDING_EXPR=/{{(.+?)}}/;function template(domNode){var allBindings=Object.create(null);extractAllBindings(domNode,allBindings);return{link:function(model){Object.keys(allBindings).forEach(function(key){var setter=allBindings[key];setter.forEach(changeModel)});function changeModel(setter){setter(model)}}}}function extractAllBindings(domNode,allBindings){var nodeType=domNode.nodeType;var typeSupported=nodeType===1||nodeType===3;if(!typeSupported)return;var i;if(domNode.hasChildNodes()){var domChildren=domNode.childNodes;for(i=0;i<domChildren.length;++i){extractAllBindings(domChildren[i],allBindings)}}if(nodeType===3){bindTextContent(domNode,allBindings)}if(!domNode.attributes)return;var attrs=domNode.attributes;for(i=0;i<attrs.length;++i){bindDomAttribute(attrs[i],domNode,allBindings)}}function bindDomAttribute(domAttribute,element,allBindings){var value=domAttribute.value;if(!value)return;var modelNameMatch=value.match(BINDING_EXPR);if(!modelNameMatch)return;var attrName=domAttribute.localName;var modelPropertyName=modelNameMatch[1];var isSimpleValue=modelPropertyName.indexOf(".")<0;if(!isSimpleValue)throw new Error("simplesvg currently does not support nested bindings");var propertyBindings=allBindings[modelPropertyName];if(!propertyBindings){propertyBindings=allBindings[modelPropertyName]=[attributeSetter]}else{propertyBindings.push(attributeSetter)}function attributeSetter(model){element.setAttributeNS(null,attrName,model[modelPropertyName])}}function bindTextContent(element,allBindings){var value=element.nodeValue;if(!value)return;var modelNameMatch=value.match(BINDING_EXPR);if(!modelNameMatch)return;var modelPropertyName=modelNameMatch[1];var isSimpleValue=modelPropertyName.indexOf(".")<0;var propertyBindings=allBindings[modelPropertyName];if(!propertyBindings){propertyBindings=allBindings[modelPropertyName]=[textSetter]}else{propertyBindings.push(textSetter)}function textSetter(model){element.nodeValue=model[modelPropertyName]}}},{}],4:[function(require,module,exports){module.exports=createDomparser();function createDomparser(){if(typeof DOMParser==="undefined"){return{parseFromString:fail}}return new DOMParser}function fail(){throw new Error("DOMParser is not supported by this platform. Please open issue here https://github.com/anvaka/simplesvg")}},{}],5:[function(require,module,exports){addEventListener.removeEventListener=removeEventListener;addEventListener.addEventListener=addEventListener;module.exports=addEventListener;var Events=null;function addEventListener(el,eventName,listener,useCapture){Events=Events||(document.addEventListener?{add:stdAttach,rm:stdDetach}:{add:oldIEAttach,rm:oldIEDetach});return Events.add(el,eventName,listener,useCapture)}function removeEventListener(el,eventName,listener,useCapture){Events=Events||(document.addEventListener?{add:stdAttach,rm:stdDetach}:{add:oldIEAttach,rm:oldIEDetach});return Events.rm(el,eventName,listener,useCapture)}function stdAttach(el,eventName,listener,useCapture){el.addEventListener(eventName,listener,useCapture)}function stdDetach(el,eventName,listener,useCapture){el.removeEventListener(eventName,listener,useCapture)}function oldIEAttach(el,eventName,listener,useCapture){if(useCapture){throw new Error("cannot useCapture in oldIE")}el.attachEvent("on"+eventName,listener)}function oldIEDetach(el,eventName,listener,useCapture){el.detachEvent("on"+eventName,listener)}},{}]},{},[1])(1)});
+(function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.sivg=f()}})(function(){var define,module,exports;return function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s}({1:[function(require,module,exports){module.exports=svg;svg.compile=require("./lib/compile");var compileTemplate=svg.compileTemplate=require("./lib/compile_template");var domEvents=require("add-event-listener");var svgns="http://www.w3.org/2000/svg";var xlinkns="http://www.w3.org/1999/xlink";function svg(element,attrBag){var svgElement=augment(element);if(attrBag===undefined){return svgElement}svgElement.attr(attrBag);return svgElement}function augment(element){var svgElement=element;if(typeof element==="string"){svgElement=window.document.createElementNS(svgns,element)}else if(element.simplesvg){return element}var compiledTempalte;svgElement.simplesvg=true;svgElement.attr=attr;svgElement.append=append;svgElement.link=link;svgElement.text=text;svgElement.on=on;svgElement.off=off;svgElement.dataSource=dataSource;return svgElement;function dataSource(model){if(!compiledTempalte)compiledTempalte=compileTemplate(svgElement);compiledTempalte.link(model);return svgElement}function on(name,cb,useCapture){domEvents.addEventListener(svgElement,name,cb,useCapture);return svgElement}function off(name,cb,useCapture){domEvents.removeEventListener(svgElement,name,cb,useCapture);return svgElement}function append(content){var child=svg(content);svgElement.appendChild(child);return child}function attr(name,value){if(arguments.length===2){if(value!==null){svgElement.setAttributeNS(null,name,value)}else{svgElement.removeAttributeNS(null,name)}return svgElement}if(typeof name==="string"){return svgElement.getAttributeNS(null,name)}if(typeof name!=="object")throw new Error("attr() expects to have either string or object as first argument");var attrBag=name;var attributes=Object.keys(attrBag);for(var i=0;i<attributes.length;++i){var attributeName=attributes[i];var value=attrBag[attributeName];if(attributeName==="link"){svgElement.link(value)}else{svgElement.attr(attributeName,value)}}return svgElement}function link(target){if(arguments.length){svgElement.setAttributeNS(xlinkns,"xlink:href",target);return svgElement}return svgElement.getAttributeNS(xlinkns,"xlink:href")}function text(textContent){if(textContent!==undefined){svgElement.textContent=textContent;return svgElement}return svgElement.textContent}}},{"./lib/compile":2,"./lib/compile_template":3,"add-event-listener":5}],2:[function(require,module,exports){var parser=require("./domparser.js");var svg=require("../");module.exports=compile;function compile(svgText){try{svgText=addNamespaces(svgText);return svg(parser.parseFromString(svgText,"text/xml").documentElement)}catch(e){throw e}}function addNamespaces(text){if(!text)return;var namespaces='xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"';var match=text.match(/^<\w+/);if(match){var tagLength=match[0].length;return text.substr(0,tagLength)+" "+namespaces+" "+text.substr(tagLength)}else{throw new Error("Cannot parse input text: invalid xml?")}}},{"../":1,"./domparser.js":4}],3:[function(require,module,exports){module.exports=template;var BINDING_EXPR=/{{(.+?)}}/;function template(domNode){var allBindings=Object.create(null);extractAllBindings(domNode,allBindings);return{link:function(model){Object.keys(allBindings).forEach(function(key){var setter=allBindings[key];setter.forEach(changeModel)});function changeModel(setter){setter(model)}}}}function extractAllBindings(domNode,allBindings){var nodeType=domNode.nodeType;var typeSupported=nodeType===1||nodeType===3;if(!typeSupported)return;var i;if(domNode.hasChildNodes()){var domChildren=domNode.childNodes;for(i=0;i<domChildren.length;++i){extractAllBindings(domChildren[i],allBindings)}}if(nodeType===3){bindTextContent(domNode,allBindings)}if(!domNode.attributes)return;var attrs=domNode.attributes;for(i=0;i<attrs.length;++i){bindDomAttribute(attrs[i],domNode,allBindings)}}function bindDomAttribute(domAttribute,element,allBindings){var value=domAttribute.value;if(!value)return;var modelNameMatch=value.match(BINDING_EXPR);if(!modelNameMatch)return;var attrName=domAttribute.localName;var modelPropertyName=modelNameMatch[1];var isSimpleValue=modelPropertyName.indexOf(".")<0;if(!isSimpleValue)throw new Error("simplesvg currently does not support nested bindings");var propertyBindings=allBindings[modelPropertyName];if(!propertyBindings){propertyBindings=allBindings[modelPropertyName]=[attributeSetter]}else{propertyBindings.push(attributeSetter)}function attributeSetter(model){element.setAttributeNS(null,attrName,model[modelPropertyName])}}function bindTextContent(element,allBindings){var value=element.nodeValue;if(!value)return;var modelNameMatch=value.match(BINDING_EXPR);if(!modelNameMatch)return;var modelPropertyName=modelNameMatch[1];var isSimpleValue=modelPropertyName.indexOf(".")<0;var propertyBindings=allBindings[modelPropertyName];if(!propertyBindings){propertyBindings=allBindings[modelPropertyName]=[textSetter]}else{propertyBindings.push(textSetter)}function textSetter(model){element.nodeValue=model[modelPropertyName]}}},{}],4:[function(require,module,exports){module.exports=createDomparser();function createDomparser(){if(typeof DOMParser==="undefined"){return{parseFromString:fail}}return new DOMParser}function fail(){throw new Error("DOMParser is not supported by this platform. Please open issue here https://github.com/anvaka/simplesvg")}},{}],5:[function(require,module,exports){addEventListener.removeEventListener=removeEventListener;addEventListener.addEventListener=addEventListener;module.exports=addEventListener;var Events=null;function addEventListener(el,eventName,listener,useCapture){Events=Events||(document.addEventListener?{add:stdAttach,rm:stdDetach}:{add:oldIEAttach,rm:oldIEDetach});return Events.add(el,eventName,listener,useCapture)}function removeEventListener(el,eventName,listener,useCapture){Events=Events||(document.addEventListener?{add:stdAttach,rm:stdDetach}:{add:oldIEAttach,rm:oldIEDetach});return Events.rm(el,eventName,listener,useCapture)}function stdAttach(el,eventName,listener,useCapture){el.addEventListener(eventName,listener,useCapture)}function stdDetach(el,eventName,listener,useCapture){el.removeEventListener(eventName,listener,useCapture)}function oldIEAttach(el,eventName,listener,useCapture){if(useCapture){throw new Error("cannot useCapture in oldIE")}el.attachEvent("on"+eventName,listener)}function oldIEDetach(el,eventName,listener,useCapture){el.detachEvent("on"+eventName,listener)}},{}]},{},[1])(1)});

package.json

 {
   "name": "simplesvg",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "A very simple svg wrapper, inspired by original vivagraph",
@@ -5,0 +5,0 @@ "main": "index.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

33762

increased by1.53%

Lines of code

728

increased by1.11%

No dependency changes