[svg2js] 1st implementation of the tool (#24)

Bridge Svg2Xml to Xml2Js.

Author: tbouffard

README.md

@@ -10,11 +10,12 @@ This repository is based on mxGraph svg2xml tooling: `SVG to XML mxGraph stencil
 created for internal use, so there are lots of things unfinished.`
 
 It contains the original svg2xml tool; it aims to improve it and to add the following features
-- modernize `svg2xml` and contribute improvements to the upstream repository (if it is still active and accept
+- modernize [svg2xml](#svg2xml) and contribute improvements to the upstream repository (if it is still active and accept
  contributions): CLI, UI look&feel updates, implement to completed features....
-- add `xml2js` tool: translate an XML mxGraph stencil definition into a set of corresponding javascript command for an
+- add [xml2js](#xml2js): translate an XML mxGraph stencil definition into a set of corresponding javascript command for an
 easy integration in JS programs
-- add `svg2js`: directly convert an SVG file into a set of javascript commands
+- add [svg2js](#svg2js): convert an SVG file into a set of `mxGraph` javascript commands
+xml2js
 
 
 ## Build
@@ -78,8 +79,9 @@ If you want to reduce the size, with some compromise to precision, use rounding.
 
 ## `xml2js`
 
-**DISCLAIMER**: this tool is at its early stage and miss a lot of features. See the GitHub issues (create one for
-any questions and prior submitting a Pull Request for discussions)
+**DISCLAIMER**: this tool is at its early stage and misses a lot of features. See the GitHub issues (create one for
+any questions and prior submitting a Pull Request for discussions). It is mainly developed to provide the foundation for `svg2js` 
+
 
 **GOAL**: translate an XML mxGraph stencil definition into a set of corresponding javascript calls for an easy integration in JS programs
 
@@ -104,3 +106,16 @@ canvas.lineTo(5.55, 18.4);
 canvas.close();
 canvas.fillAndStroke();
 ```
+
+## `svg2js`
+
+**GOAL**: convert an SVG file into a set of `mxGraph` javascript commands, by calling `svg2xml` then `xml2js` 
+
+### Run
+
+`svg2js` required the following arguments
+- `<path_to_source>` path to the SVG file to convert to javascript code
+```
+java -cp target/mxgraph-svg2shape-*-jar-with-dependencies.jar com.mxgraph.svg2js.Svg2Js <path_to_source>
+```
+

src/main/java/com/mxgraph/svg2js/Svg2Js.java

@@ -0,0 +1,56 @@
+package com.mxgraph.svg2js;
+
+import com.mxgraph.svg2xml.Svg2Xml;
+import com.mxgraph.xml2js.Xml2Js;
+import org.apache.commons.io.FileUtils;
+import org.apache.commons.io.FilenameUtils;
+
+import java.io.File;
+import java.io.IOException;
+
+import static java.lang.String.format;
+
+public class Svg2Js {
+
+    public static void main(String[] args) throws IOException {
+        if (args.length < 1) {
+            System.err.println("svg2js requires at least one argument (path to the svg file)");
+            System.exit(-1);
+        }
+
+        File svg = new File(args[0]);
+        File currentDirectory = new File(System.getProperty("user.dir"));
+        File destinationDirectory = new File(currentDirectory, "mxgraph-stencil-from-svg_" + System.currentTimeMillis());
+
+        new Svg2Js().process(svg, destinationDirectory);
+    }
+
+    public void process(File svg, File tempDirectory) throws IOException {
+        logInfo("Start generating mxgraph JS code from SVG " + svg);
+        logInfo("mxgraph stencil will be generated into " + tempDirectory);
+
+        Svg2Xml svg2Xml = new Svg2Xml();
+        svg2Xml.convertToXml(new File[]{svg}, tempDirectory);
+        logInfo("SVG converted into mxgraph stencil");
+
+        File expectedGeneratedStencilFile = new File(tempDirectory, FilenameUtils.getBaseName(svg.getName()) + ".xml");
+        if (!expectedGeneratedStencilFile.isFile()) {
+            throw new IOException(expectedGeneratedStencilFile + " has not been generated, see logs below");
+        }
+
+        logInfo("Converting SVG into JS code");
+        String code = new Xml2Js().infoLog(true).debugLog(false).parse(expectedGeneratedStencilFile);
+        System.out.println(code);
+        System.out.println();
+        FileUtils.deleteQuietly(tempDirectory);
+        logInfo("mxgraph JS code from SVG produced");
+    }
+
+    private boolean isInfoLogActivated = true;
+    private void logInfo(String msg) {
+        if (isInfoLogActivated) {
+            System.out.println(format("Svg2Js [INFO] %s", msg));
+        }
+    }
+
+}

src/main/java/com/mxgraph/svg2xml/Svg2Xml.java

@@ -47,6 +47,8 @@
 import com.mxgraph.shape.mxStencilShape;
 import com.mxgraph.svg2xml.XmlConfig.aspectType;
 
+import static java.lang.String.format;
+
 /**
  * Executes what is defined in Svg2XmlGui
  */
@@ -104,6 +106,13 @@ public static void main(String[] args)
 		svg2Xml.convertToXml(sourceFiles.toArray(new File[0]), new File(args[1]));
 	}
 
+	private boolean isInfoLogActivated = true;
+	private void logInfo(String msg) {
+		if (isInfoLogActivated) {
+			System.out.println(format("Svg2Xml [INFO] %s", msg));
+		}
+	}
+
 	public void convertToXml(File[] sourceFiles, File destPath) {
 		// order of actions:
 		//1. Config settings are given default values combined with the settings from the UI.
@@ -190,7 +199,7 @@ public void convertToXml(File[] sourceFiles, File destPath) {
 		// construct destConfigDoc based on default values, groupConfigDoc and stencilConfigDoc
 		for (int i = 0; i < sourceFiles.length; i++)
 		{
-			System.out.println("Processing " + sourceFiles[i].getAbsolutePath());
+			logInfo("Processing " + sourceFiles[i].getAbsolutePath());
 			groupBaos = new ByteArrayOutputStream();
 			isLastInGroup = false;
 			isNewGroup = true;
@@ -234,7 +243,7 @@ public void convertToXml(File[] sourceFiles, File destPath) {
 			testFile = null;
 
 			// now we have potentially both config files in String format
-			System.out.println("parsing " + shapeName + " using " + configCount + " configs");
+			logInfo("parsing " + shapeName + " using " + configCount + " configs");
 
 			ArrayList<Connection> groupConnection = null;
 
@@ -679,14 +688,14 @@ else if (aspectRatio.toLowerCase().equals("variable"))
 						String fileName = sourceFiles[i].getName();
 						fileName = fileName.substring(0, fileName.lastIndexOf('.')) + ".xml";
 						File destFile = new File(destPath, fileName);
-						System.out.println("Prepare writing to " + destFile);
+						logInfo("Prepare writing to " + destFile);
 
 						// TODO try-with-resource to improve resources management
 						FileWriter fileWriter = new FileWriter(destFile);
 						BufferedWriter writer = new BufferedWriter(fileWriter);
 						writer.write(groupXml);
 						writer.close();
-						System.out.println("File written");
+						logInfo("File written");
 
 						if (!destPaths.contains(destPath))
 						{

src/main/java/com/mxgraph/xml2js/Xml2Js.java

@@ -170,13 +170,13 @@ private void parsePathElement(Element element) {
 
     private void logInfo(String msg) {
         if (isInfoLogActivated) {
-            System.out.println(format("[INFO] %s", msg));
+            System.out.println(format("Xml2Js [INFO] %s", msg));
         }
     }
 
     private void logDebug(String msg) {
         if (isDebugLogActivated) {
-            System.out.println(format("[DEBUG] %s", msg));
+            System.out.println(format("Xml2Js [DEBUG] %s", msg));
         }
     }