dphelper 0.1.3 → 0.1.4

package/README.md

@@ -1,3 +1,13 @@
 # dpHelper
 
-Many utilis for your projects
+Many utils for your projects
+
+Use "npm i dphelper" to install
+
+in the index:
+ 
+```js
+import "dphelper"
+```
+
+type 'dphelper' in your console to have a look about all available functions that you can use globaly!

package/package.json

@@ -1,11 +1,20 @@
 {
   "name": "dphelper",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "Many utils for your projects",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },
+  "targets": {
+    "main": {
+      "includeNodeModules": {
+        "react": false,
+        "react-dom": false
+      },
+      "isLibrary": true
+    }
+  },
   "deprecated": false,
   "engines": {
     "node": ">=0.10.0"

package/scripts/svgSupport.js

@@ -9,37 +9,37 @@
 
 /***********************************************************************/
 
-dphelper.supportsVml = function () {
+dphelper.svg_supportsVml = function () {
 		
-  if ( typeof dphelper.supportsVml.supported == "undefined" ) {
+  if ( typeof dphelper.svg_supportsVml.supported == "undefined" ) {
 
     let a = document.body.appendChild( document.createElement( 'div' ) );
     a.innerHTML = '<v:shape id="vml_flag1" adj="1" />';
 
     let b = a.firstChild;
     b.style.behavior = "url(#default#VML)";
-    dphelper.supportsVml.supported = b ? typeof b.adj == "object" : true;
+    dphelper.svg_supportsVml.supported = b ? typeof b.adj == "object" : true;
     a.parentNode.removeChild( a );
 
   }
 
-  return dphelper.supportsVml.supported;
+  return dphelper.svg_supportsVml.supported;
   
 };
 
-dphelper.supportsVml();
+dphelper.svg_supportsVml();
 
 /**************************************************************************************************/
 /**************************************************************************************************/
 
-dphelper.initConnection = function( container, source1, source2, cb ) {
+dphelper.svg_initConnection = function( container, source1, source2, cb ) {
   
   if( $( container ).find( 'svg' ) ) {
-    removeConnection( container );
+    dphelper.svg_removeConnection( container );
   }
 
-  source1 = setConnector( source1[ 0 ], source1[ 1 ] );
-  source2 = setConnector( source2[ 0 ], source2[ 1 ] );
+  source1 = dphelper.svg_setConnector( source1[ 0 ], source1[ 1 ] );
+  source2 = dphelper.svg_setConnector( source2[ 0 ], source2[ 1 ] );
 
   let parentCoords = container.getBoundingClientRect();
 
@@ -106,7 +106,7 @@ dphelper.initConnection = function( container, source1, source2, cb ) {
 
   container.appendChild( svgElem );
 
-  updateConnection( $( rect1 )[0], $( rect2 )[0], $( '#connection' )[0]);
+  dphelper.svg_updateConnection( $( rect1 )[0], $( rect2 )[0], $( '#connection' )[0]);
 
   if( typeof cb == 'function' ) {
     cb( source1, source2 );
@@ -116,7 +116,7 @@ dphelper.initConnection = function( container, source1, source2, cb ) {
 
 /**************************************************************************************************/
 
-dphelper.updateConnection = function( rect1 , rect2 , cxn ) {
+dphelper.svg_updateConnection = function( rect1 , rect2 , cxn ) {
   
   // Top left coordinates
   let x1 = parseFloat( rect1.getAttribute( 'x' ) );
@@ -140,13 +140,13 @@ dphelper.updateConnection = function( rect1 , rect2 , cxn ) {
   let dx = cx2 - cx1;
   let dy = cy2 - cy1;
 
-  let p1 = getIntersection( dx , dy , cx1 , cy1 , w1 , h1 );
-  let p2 = getIntersection( -dx , -dy , cx2 , cy2 , w2 , h2 );
+  let p1 = dphelper.svg_getIntersection( dx , dy , cx1 , cy1 , w1 , h1 );
+  let p2 = dphelper.svg_getIntersection( -dx , -dy , cx2 , cy2 , w2 , h2 );
 
   // Distance between edges
   let dx1 = p2[ 0 ] - p1[ 0 ];
 
-  let d = getCurve( p1 , p2 , dx1 );
+  let d = dphelper.svg_getCurve( p1 , p2 , dx1 );
 
   // Set a path connector
   cxn.setAttributeNS( null , 'd' , "M" + cx1 + "," + cy1 + d + cx2 + "," + cy2 );
@@ -161,7 +161,7 @@ dphelper.updateConnection = function( rect1 , rect2 , cxn ) {
 
 /**************************************************************************************************/
 
-dphelper.getCurve = function( p1 , p2 , dx ) {
+dphelper.svg_getCurve = function( p1 , p2 , dx ) {
   
   let curve = dx / 2;
   let d = " C" + ( curve + p1[0]  ) + "," + p1[1] + " " + ( p2[0] - curve ) + "," + p2[1] + " ";
@@ -169,7 +169,7 @@ dphelper.getCurve = function( p1 , p2 , dx ) {
   
 };
 
-dphelper.getIntersection = function( dx , dy , cx , cy , w , h ) {
+dphelper.svg_getIntersection = function( dx , dy , cx , cy , w , h ) {
   
   if ( Math.abs( dy / dx ) < h / w ) 
     return [ cx + ( dx > 0 ? w : -w ), cy + dy * w / Math.abs( dx ) ];
@@ -180,7 +180,7 @@ dphelper.getIntersection = function( dx , dy , cx , cy , w , h ) {
 
 /**************************************************************************************************/
 
-dphelper.makeScrollable = function( svgContainer , scrollContainer , elm1 , elm2 , rect1 , rect2 ) {
+dphelper.svg_makeScrollable = function( svgContainer , scrollContainer , elm1 , elm2 , rect1 , rect2 ) {
   
   //let scrollCoords = scrollContainer.getBoundingClientRect();
   let svgCoords = svgContainer.getBoundingClientRect();
@@ -202,13 +202,13 @@ dphelper.makeScrollable = function( svgContainer , scrollContainer , elm1 , elm2
 
   //*************************************************************** 
 
-  updateConnection( $( rect1 )[ 0 ], $( rect2 )[ 0 ], $( '#connection' )[ 0 ]);
+  dphelper.svg_updateConnection( $( rect1 )[ 0 ], $( rect2 )[ 0 ], $( '#connection' )[ 0 ]);
 
 };
 
 /**************************************************************************************************/
 
-dphelper.makeDraggable = function( evt ) {
+dphelper.svg_makeDraggable = function( evt ) {
   
   let svg = evt.target;
   svg.addEventListener( 'mousedown' , startDrag );
@@ -242,7 +242,7 @@ dphelper.makeDraggable = function( evt ) {
       let coord = getMousePosition( evt );
       selectedElement.setAttributeNS( null, "x" , coord.x - offset.x );
       selectedElement.setAttributeNS( null, "y" , coord.y - offset.y );
-      updateConnection();
+      dphelper.svg_updateConnection();
     }
 
   }
@@ -255,7 +255,7 @@ dphelper.makeDraggable = function( evt ) {
 
 /**************************************************************************************************/
 
-dphelper.setConnector = function( source , side ) {
+dphelper.svg_setConnector = function( source , side ) {
 
   let style;
   let span = $( '<span class="connector"></span>' );
@@ -310,16 +310,16 @@ dphelper.setConnector = function( source , side ) {
 
 /**************************************************************************************************/
 
-dphelper.handleSvgToggle = function( evt , container , source1 , source2 ) {
+dphelper.svg_handleSvgToggle = function( evt , container , source1 , source2 ) {
 
   if( $( evt.target ).prop( 'checked' ) && $( source1 ).length && $( source2 ).length ) {
 
-    dphelper.storeCookie.set( $( evt.target ).attr( 'id' ), 1, 365 );
+    dphelper.cookie.set( $( evt.target ).attr( 'id' ), 1, 365 );
 
-      initConnection( container[0], [ $( source1 )[0], 'right' ], [ $( source2 )[0], 'left' ], function( source1 , source2 ) {
+    dphelper.svg_initConnection( container[0], [ $( source1 )[0], 'right' ], [ $( source2 )[0], 'left' ], function( source1 , source2 ) {
 
     $( '#parts-left-body' ).on( 'scroll', function( evt ){
-      makeScrollable( $( container )[0], $( '#parts-left-body' )[0], $( source1 )[0], 
+      dphelper.svg_makeScrollable( $( container )[0], $( '#parts-left-body' )[0], $( source1 )[0], 
       $( source2 )[0], $( '#parts svg rect' )[0], $( '#parts svg rect' )[ 1 ] );
     });
 
@@ -327,9 +327,9 @@ dphelper.handleSvgToggle = function( evt , container , source1 , source2 ) {
 
   } else {
 
-    dphelper.removeConnection( container );
+    dphelper.svg_removeConnection( container );
     $( '#parts-left-body' ).unbind( 'scroll' );
-    dphelper.storeCookie.set( $( evt.target ).attr( 'id' ), 0, 365 );
+    dphelper.cookie.set( $( evt.target ).attr( 'id' ), 0, 365 );
 
   }
   
@@ -337,7 +337,7 @@ dphelper.handleSvgToggle = function( evt , container , source1 , source2 ) {
 
 /**************************************************************************************************/
 
-dphelper.removeConnection = function( container ) {
+dphelper.svg_removeConnection = function( container ) {
   
   $( container ).find( 'svg#pathConnection' ).each( function( i , elm ) {
     $( elm ).remove();