systemview 1.0.0 → 1.1.1

package/api/Connections.js

@@ -0,0 +1,36 @@
+const fs = require("fs");
+
+module.exports = function ConnectedServices() {
+  const LOCAL_STORAGE = "./api/connections.txt";
+  this.save = (serviceData, index) => {
+    const connections = JSON.parse(fs.readFileSync(LOCAL_STORAGE, "utf8"));
+    if (typeof index === "number") connections[index] = serviceData;
+    else connections.push(serviceData);
+    fs.writeFileSync(LOCAL_STORAGE, JSON.stringify(connections), "utf8");
+  };
+
+  this.findService = (url, code, id) => {
+    const connections = JSON.parse(fs.readFileSync(LOCAL_STORAGE, "utf8"));
+    const index = connections.findIndex((service) => {
+      if (id) return id === service.serviceId && code === service.projectCode;
+      return (
+        service.system.connectionData.serviceUrl === url &&
+        (code ? service.projectCode === code : true)
+      );
+    });
+    const service = connections[index];
+    return { service, index };
+  };
+
+  this.findProject = (projectCode) => {
+    const connections = JSON.parse(fs.readFileSync(LOCAL_STORAGE, "utf8"));
+    return connections.reduce(
+      (sum, service) => (service.projectCode === projectCode ? sum.concat(service) : sum),
+      []
+    );
+  };
+  // clear & ensure file existence
+  fs.writeFileSync(LOCAL_STORAGE, "[]", "utf8");
+
+  return this;
+};

package/api/connections.txt

@@ -0,0 +1 @@
+[]

package/api/index.js

@@ -0,0 +1,78 @@
+const { HttpClient: http, App } = require("systemlynx");
+const LocalStorage = require("./Connections")();
+const route = "systemview/api";
+const port = 3300;
+const host = "localhost";
+const isUrl = (str) =>
+  /^(http:\/\/|https:\/\/)?((localhost|\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3})|([a-z0-9]+([\-\.]{1}[a-z0-9]+)*\.[a-z]{2,5}))(:[0-9]{1,5})?(\/.*)?$/.test(
+    str
+  );
+
+function connect({ system, projectCode, serviceId, specList }) {
+  const { service, index } = LocalStorage.findService(
+    system.connectionData.serviceUrl,
+    projectCode
+  );
+
+  if (service) {
+    service.system = system;
+    service.projectCode = projectCode;
+    service.serviceId = serviceId;
+    service.specList = specList;
+    LocalStorage.save(service, index);
+  } else LocalStorage.save({ system, projectCode, serviceId, specList });
+}
+
+function updateSpecList(specList, projectCode, serviceId) {
+  const { service, index } = LocalStorage.findService(undefined, projectCode, serviceId);
+  if (service) {
+    service.specList = specList;
+    LocalStorage.save(service, index);
+    this.emit(`spec-list-updated:${projectCode}`, {
+      projectCode,
+      serviceId,
+      specList,
+    });
+  }
+}
+function getServices(searchText) {
+  if (isUrl(searchText)) {
+    const { service } = LocalStorage.findService(searchText);
+    if (service) {
+      const project = { ...service, projectCode: "SystemLynx", serviceId: "Service" };
+      connect(project);
+      return [project];
+    } else {
+      return getConnectionData(searchText);
+    }
+  } else {
+    return LocalStorage.findProject(searchText);
+  }
+}
+
+async function getConnectionData(url) {
+  try {
+    const connectionData = await http.request({ url });
+    const project = {
+      system: { connectionData },
+      serviceId: "Service",
+      projectCode: "SystemLynx",
+      specList: { tests: [], docs: [] },
+    };
+
+    connect(project);
+    return [project];
+  } catch (error) {
+    return [];
+  }
+}
+
+App.startService({
+  route,
+  port,
+  host,
+}).module("SystemView", {
+  connect,
+  getServices,
+  updateSpecList,
+});

package/babel.config.js

@@ -0,0 +1,12 @@
+module.exports = {
+  presets: ["@babel/preset-env", "@babel/preset-react"],
+  plugins: [
+    "@babel/plugin-transform-runtime",
+    ["@babel/plugin-proposal-class-properties", { loose: true }],
+  ],
+  env: {
+    testing: {
+      presets: [["@babel/preset-env", { targets: { node: "current" } }]],
+    },
+  },
+};

package/cli/index.js

@@ -7,17 +7,34 @@
  * @author Odion Edwards <none>
  */
 
-const init = require('./utils/init');
-const cli = require('./utils/cli');
-const log = require('./utils/log');
+const init = require("./utils/init");
+const cli = require("./utils/cli");
+const log = require("./utils/log");
+const { spawn } = require("child_process");
 
 const input = cli.input;
 const flags = cli.flags;
 const { clear, debug } = flags;
 
 (async () => {
-	init({ clear });
-	input.includes(`help`) && cli.showHelp(0);
+  init({ clear });
+  if (input.includes(`help`)) {
+    cli.showHelp(0);
+  }
+  if (input.includes("start")) {
+    // Start React app
+    log("Launching SystemView UI...");
+    const reactAppProcess = spawn("npm", ["start"], {
+      stdio: ["ignore", "ignore", "ignore"],
+      shell: true,
+    });
 
-	debug && log(flags);
+    reactAppProcess.on("close", (code) => {
+      console.log(`React app exited with code ${code}`);
+    });
+  } else if (input.includes("test")) {
+    // Run tests
+  }
+
+  debug && log(flags);
 })();

package/cli/utils/cli.js

@@ -0,0 +1,48 @@
+const meow = require("meow");
+const meowHelp = require("cli-meow-help");
+
+const flags = {
+  clear: {
+    type: `boolean`,
+    default: false,
+    alias: `c`,
+    desc: `Clear the console`,
+  },
+  noClear: {
+    type: `boolean`,
+    default: false,
+    desc: `Don't clear the console`,
+  },
+  debug: {
+    type: `boolean`,
+    default: false,
+    alias: `d`,
+    desc: `Print debug info`,
+  },
+  version: {
+    type: `boolean`,
+    alias: `v`,
+    desc: `Print CLI version`,
+  },
+};
+
+const commands = {
+  help: { desc: `Print help info` },
+  test: { desc: `Run saved test` },
+  start: { desc: `Launch SystemView UI` },
+};
+
+const helpText = meowHelp({
+  name: `SystemView`,
+  flags,
+  commands,
+});
+
+const options = {
+  inferType: true,
+  description: false,
+  hardRejection: false,
+  flags,
+};
+
+module.exports = meow(helpText, options);

package/cli/utils/init.js

@@ -0,0 +1,17 @@
+const welcome = require("cli-welcome");
+const pkg = require("../../package.json");
+const unhandled = require("cli-handle-unhandled");
+
+module.exports = ({ clear = true }) => {
+  unhandled();
+  welcome({
+    title: `SystemView`,
+    tagLine: `by Odion Edwards`,
+    description: pkg.description,
+    version: pkg.version,
+    bgColor: "#36BB09",
+    color: "#000000",
+    bold: true,
+    clear,
+  });
+};

package/cli/utils/log.js

@@ -0,0 +1,11 @@
+const alert = require("cli-alerts");
+
+module.exports = (info) => {
+  alert({
+    type: `warning`,
+    name: `DEBUG LOG`,
+    msg: ``,
+  });
+
+  console.log(info);
+};

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "systemview",
   "description": "A documentation and testing suite for SystemLynx",
-  "version": "1.0.0",
+  "version": "1.1.1",
   "license": "UNLICENSED",
   "bin": {
-    "SystemView": "cli/index.js"
+    "systemview": "cli/index.js"
   },
   "dependencies": {
     "@babel/preset-react": "^7.18.6",
@@ -78,7 +78,10 @@
     "Odion Edwards"
   ],
   "files": [
-    "index.js",
-    "utils"
+    "cli/",
+    "api/",
+    "src/",
+    "plugin/",
+    "babel.config.js"
   ]
 }

package/plugin/SystemViewModule.js

@@ -0,0 +1,97 @@
+const fs = require("fs");
+const getAllTests = require("./getAllTest");
+
+module.exports = (specs, projectCode, serviceId, helperMethods = {}) => {
+  specs = specs.substr(-1) === "/" ? specs.substr(0, specs.length - 1) : specs;
+
+  return function SystemViewPlugin() {
+    const { SystemView } = this.useService("SystemView");
+    Object.assign(this, helperMethods);
+
+    this.saveDoc = ({ documentation, namespace }) => {
+      const fileName = `${specs}/docs/${getName(namespace)}.md`;
+      ensureDir(`${specs}/docs/`);
+      if (documentation) {
+        fs.writeFileSync(fileName, documentation, "utf8");
+      } else {
+        deleteFile(fileName);
+      }
+      SystemView.updateSpecList(this.getSpecList(), projectCode, serviceId);
+      return { documentation, namespace };
+    };
+
+    this.getDoc = (namespace) => {
+      const fileName = `${specs}/docs/${getName(namespace)}.md`;
+      const documentation = getFile(fileName) || "";
+      return { namespace, documentation };
+    };
+
+    this.getTests = (namespace = {}) => {
+      const { moduleName, methodName } = namespace;
+      if (methodName) {
+        const fileName = `${specs}/tests/${moduleName}.${methodName}.json`;
+        const tests = JSON.parse(getFile(fileName) || "[]");
+        return tests;
+      } else if (moduleName) {
+        return getAllTests(`${specs}/tests/`, moduleName);
+      } else {
+        return getAllTests(`${specs}/tests/`);
+      }
+    };
+    this.saveTest = (test, index) => {
+      const fileName = `${specs}/tests/${getName(test.namespace)}.json`;
+      const tests = JSON.parse(getFile(fileName) || "[]");
+      if (typeof index === "number") {
+        tests[index] = test;
+      } else {
+        tests.push(test);
+      }
+      fs.writeFileSync(fileName, JSON.stringify(tests), "utf8");
+      SystemView.updateSpecList(this.getSpecList(), projectCode, serviceId);
+      return index || tests.length - 1;
+    };
+    this.deleteTest = (namespace, index) => {
+      const fileName = `${specs}/tests/${getName(namespace)}.json`;
+      const tests = JSON.parse(getFile(fileName) || "[]");
+      tests.splice(index, 1);
+      console.log(tests.length);
+      if (tests.length) {
+        fs.writeFileSync(fileName, JSON.stringify(tests), "utf8");
+      } else {
+        deleteFile(fileName);
+        SystemView.updateSpecList(this.getSpecList(), projectCode, serviceId);
+      }
+    };
+    this.getSpecList = () => ({
+      docs: fs.readdirSync(`${specs}/docs/`),
+      tests: fs.readdirSync(`${specs}/tests/`),
+    });
+  };
+
+  function deleteFile(fileName) {
+    try {
+      console.log(fileName);
+      fs.unlinkSync(fileName);
+    } catch (err) {
+      // console.error(err);
+    }
+  }
+  function getFile(fileName) {
+    try {
+      return fs.readFileSync(fileName, "utf8");
+    } catch (error) {
+      // console.log(error);
+    }
+  }
+  function ensureDir(dir) {
+    if (!fs.existsSync(dir)) {
+      fs.mkdirSync(dir, { recursive: true });
+    }
+  }
+
+  function getName({ serviceId, moduleName, methodName }) {
+    if (methodName) return `${moduleName}.${methodName}`;
+    else if (moduleName) return moduleName;
+    else if (serviceId) return serviceId;
+  }
+};

package/plugin/getAllTest.js

@@ -0,0 +1,21 @@
+const fs = require("fs");
+const path = require("path");
+
+module.exports = function getFilesByNamespace(folder, namespace) {
+  const files = fs.readdirSync(folder); // read the contents of the current directory
+  const namespacePattern = namespace
+    ? new RegExp(`^${namespace}\\..+\\.json$`)
+    : /\.json$/;
+
+  return files
+    .filter((file) => namespacePattern.test(file))
+    .reduce((sum, file) => {
+      const filePath = path.join(folder, file);
+      const fileContents = fs.readFileSync(filePath, "utf-8");
+      const parsedData = JSON.parse(fileContents);
+
+      return sum.concat(parsedData);
+    }, []);
+};
+
+// no namespace passed, return all files

package/plugin/index.js

@@ -0,0 +1,40 @@
+const SystemViewModule = require("./SystemViewModule");
+const fs = require("fs");
+
+function ensureDir(dir) {
+  if (!fs.existsSync(dir)) {
+    fs.mkdirSync(dir, { recursive: true });
+  }
+}
+
+const getSpecList = (specs) => {
+  ensureDir(`${specs}/docs/`);
+  ensureDir(`${specs}/tests/`);
+  return {
+    docs: fs.readdirSync(`${specs}/docs/`),
+    tests: fs.readdirSync(`${specs}/tests/`),
+  };
+};
+module.exports = function ({
+  connection = "http://localhost:3300/systemview/api",
+  specs = "./specs",
+  projectCode,
+  serviceId,
+  helperMethods,
+}) {
+  return function (App) {
+    App.loadService("SystemView", connection)
+      .module("Plugin", SystemViewModule(specs, projectCode, serviceId, helperMethods))
+      .on("ready", async function connectSystemView(system) {
+        try {
+          const { SystemView } = this.useService("SystemView");
+          const specList = getSpecList(specs);
+          console.log("reconnection");
+          await SystemView.connect({ system, projectCode, serviceId, specList });
+          // SystemView.on("reconnect", connectSystemView.bind(this, system));
+        } catch (error) {
+          console.log("SystemView connection failed---->", error);
+        }
+      });
+  };
+};

package/src/App.css

@@ -0,0 +1,38 @@
+.App {
+  text-align: center;
+}
+
+.App-logo {
+  height: 40vmin;
+  pointer-events: none;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  .App-logo {
+    animation: App-logo-spin infinite 20s linear;
+  }
+}
+
+.App-header {
+  background-color: #282c34;
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  font-size: calc(10px + 2vmin);
+  color: white;
+}
+
+.App-link {
+  color: #61dafb;
+}
+
+@keyframes App-logo-spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}

package/src/App.js

@@ -0,0 +1,30 @@
+import React, { useState } from "react";
+import SystemView from "./pages/SystemView/SystemView";
+import ServiceContext from "./ServiceContext";
+import { BrowserRouter as Router, Route } from "react-router-dom";
+
+function App({ SystemViewService }) {
+  const [connectedServices, setConnectedServices] = useState([]);
+
+  return (
+    <ServiceContext.Provider
+      value={{ SystemViewService, connectedServices, setConnectedServices }}
+    >
+      <Router>
+        <Route
+          path={[
+            "/:projectCode/:serviceId/:moduleName/:methodName",
+            "/:projectCode/:serviceId/:moduleName",
+            "/:projectCode/:serviceId",
+            "/:projectCode/",
+            "/",
+          ]}
+        >
+          <SystemView />
+        </Route>
+      </Router>
+    </ServiceContext.Provider>
+  );
+}
+
+export default App;

package/src/ServiceContext.js

@@ -0,0 +1,9 @@
+import React from "react";
+
+const ServiceContext = React.createContext({
+  SystemViewService: {},
+  connectedServices: [],
+  setConnectedServices: () => {},
+});
+
+export default ServiceContext;

package/src/assets/check.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 512 512"><path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32zm114.9 149.1L231.8 359.6c-1.1 1.1-2.9 3.5-5.1 3.5-2.3 0-3.8-1.6-5.1-2.9-1.3-1.3-78.9-75.9-78.9-75.9l-1.5-1.5c-.6-.9-1.1-2-1.1-3.2 0-1.2.5-2.3 1.1-3.2.4-.4.7-.7 1.1-1.2 7.7-8.1 23.3-24.5 24.3-25.5 1.3-1.3 2.4-3 4.8-3 2.5 0 4.1 2.1 5.3 3.3 1.2 1.2 45 43.3 45 43.3l111.3-143c1-.8 2.2-1.4 3.5-1.4 1.3 0 2.5.5 3.5 1.3l30.6 24.1c.8 1 1.3 2.2 1.3 3.5.1 1.3-.4 2.4-1 3.3z" fill="#4caf50" class="fill-000000"></path></svg>

package/src/assets/error.svg

@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><defs><style>.cls-1{fill:#cf1f25;}.cls-2{fill:#fff;}.cls-3{fill:none;}</style></defs><title/><g data-name="Layer 2" id="Layer_2"><g data-name="Layer 1" id="Layer_1-2"><circle class="cls-1" cx="12" cy="12" r="11"/><path class="cls-2" d="M13.42,12l3.23-3.23a1,1,0,1,0-1.41-1.41L12,10.59,8.78,7.36A1,1,0,1,0,7.36,8.77L10.59,12,7.36,15.23a1,1,0,1,0,1.41,1.41L12,13.42l3.23,3.23a1,1,0,0,0,1.41-1.41Z"/><rect class="cls-3" height="24" width="24"/></g></g></svg>

package/src/assets/eval-icon.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="95.994" height="128" viewBox="0 0 95.994 128">
+  <g id="_728987_experiment_chemistry_lab_laboratory_research_icon" data-name="728987_experiment_chemistry_lab_laboratory_research_icon" transform="translate(-16.001)">
+    <g id="Group_2" data-name="Group 2">
+      <g id="Group_1" data-name="Group 1">
+        <path id="Path_1" data-name="Path 1" d="M60,32A12,12,0,1,0,48,20,12,12,0,0,0,60,32Zm0-16a4,4,0,1,1-4,4A4,4,0,0,1,60,16ZM76,8a4,4,0,1,0-4-4A4,4,0,0,0,76,8ZM24,120h8v-8H24Zm0-16h8V96Zm8,0v8h8v-8Zm8-16H32v8h8Zm8-8H40v8h8ZM40,96v8h8V96Zm0,24h8v-8H40Zm8-16v8h8v-8Zm8-8V88H48v8Zm8-16H56v8h8ZM56,96v8h8V96Zm0,24h8v-8H56Zm8-16v8h8v-8Zm8-8V88H64v8Zm8-16H72v8h8ZM72,96v8h8V96Zm0,24h8v-8H72Zm8-16v8h8v-8Zm8-8V88H80v8Zm8,8V96H88v8Zm-8,16h8v-8H88Zm8-16v8h8v-8Z" fill="#5655f5" fill-rule="evenodd"/>
+      </g>
+    </g>
+    <path id="Path_2" data-name="Path 2" d="M110.415,110.047,80,58.938V48h4a4,4,0,0,0,0-8H76a4,4,0,0,0-4,4V60a4.016,4.016,0,0,0,.527,1.984l30.645,51.578A4,4,0,0,1,100,120H28a4,4,0,0,1-3.172-6.437L55.473,61.984A4.006,4.006,0,0,0,56,60V44a4,4,0,0,0-4-4H44a4,4,0,0,0,0,8h4V58.938L17.582,110.047A12,12,0,0,0,28,128h72a12,12,0,0,0,10.415-17.953Z" fill="#546e7a"/>
+  </g>
+</svg>

package/src/assets/expand-arrow.svg

@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="306px" height="306px" viewBox="0 0 306 306" style="enable-background:new 0 0 306 306;" xml:space="preserve">
+<g>
+	<g id="expand-less">
+		<polygon points="153,58.65 0,211.65 35.7,247.35 153,130.05 270.3,247.35 306,211.65 		"/>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>

package/src/assets/expand-button.svg

@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="306px" height="306px" viewBox="0 0 306 306" style="enable-background:new 0 0 306 306;" xml:space="preserve">
+<g>
+	<g id="expand-more">
+		<polygon points="270.3,58.65 153,175.95 35.7,58.65 0,94.35 153,247.35 306,94.35 		"/>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>

package/src/assets/iconfinder-icon (1).svg

@@ -0,0 +1,14 @@
+<svg width="64" height="64" xmlns="http://www.w3.org/2000/svg">
+
+ <g>
+  <title>background</title>
+  <rect fill="none" id="canvas_background" height="402" width="582" y="-1" x="-1"/>
+ </g>
+ <g>
+  <title>Layer 1</title>
+  <path id="svg_2" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" stroke="#2C3E50" fill="#e57070" d="m50,52c0,2.2 -1.8,4 -4,4l-28,0c-2.2,0 -4,-1.8 -4,-4l0,-35l9,-9l23,0c2.2,0 4,1.8 4,4l0,40z"/>
+  <line id="svg_5" y2="13" y1="11" x2="24" x1="24" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" stroke="#2C3E50" fill="none"/>
+  <path id="svg_6" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" stroke-dasharray="2.7511,2.7511" stroke="#2C3E50" fill="none" d="m23.6,15.7c-0.6,1.2 -1.8,2.1 -3.2,2.3"/>
+  <line id="svg_7" y2="18" y1="18" x2="17" x1="19" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" stroke="#2C3E50" fill="none"/>
+ </g>
+</svg>

package/src/assets/iconfinder-icon.svg

@@ -0,0 +1,14 @@
+<svg width="64" height="64" xmlns="http://www.w3.org/2000/svg">
+
+ <g>
+  <title>background</title>
+  <rect fill="none" id="canvas_background" height="402" width="582" y="-1" x="-1"/>
+ </g>
+ <g>
+  <title>Layer 1</title>
+  <path id="svg_1" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round" stroke-linecap="round" stroke="#2C3E50" fill="#ffffff" d="m32,56l-14,0c-2.2,0 -4,-1.8 -4,-4l0,-35l9,-9l23,0c2.2,0 4,1.8 4,4l0,26"/>
+  <path id="svg_2" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round" stroke-linecap="round" stroke="#2C3E50" fill="none" d="m24,11l0,3c0,2.2 -1.9,4 -4.1,4l-2.9,0"/>
+  <circle id="svg_3" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round" stroke-linecap="round" stroke="#2C3E50" r="10" fill="#00bf00" cy="46" cx="40"/>
+  <polyline id="svg_4" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round" stroke-linecap="round" stroke="#2C3E50" points="  35.7,45.9 39,49.2 44.2,43.8 " fill="none"/>
+ </g>
+</svg>