Merge pull request #17 from makamekm/develop

Midnight fixes

.github/workflows/npm_notify_release.yml

@@ -3,7 +3,7 @@ name: Node.js Public Release Notes
 on:
   release:
       types:
-        - created
+        - published
 
 jobs:
   test_develop:

content.plugins.js

@@ -1,4 +1,5 @@
 const { emptyChildren, getComponentName, createComponent, getDescriptionStyles, saveSvgToDisk } = require('./lib');
+const svgtojsx = require('svg-to-jsx');
 
 const contentPlugins = [
   applyStyles,
@@ -57,7 +58,7 @@ function renderMask(state) {
 
 async function renderVector(state, shared) {
   const { vectors, genClassName, additionalStyles } = shared;
-  const { node, content } = state;
+  const { node, props, content } = state;
   if (node.type === 'VECTOR' && vectors[node.id] && !node.isMask) {
     emptyChildren(state);
 
@@ -86,10 +87,15 @@ async function renderVector(state, shared) {
       additionalStyles.push(additionalSvgStyles);
     }
 
-    const fileName = node.id.replace(/\W+/g, '-');
-    const url = await saveSvgToDisk(fileName, vectors[node.id], shared);
-
-    content.push(`<img className='vector ${currentClass}' src='${url}' />`);
+    if (Object.keys(props).includes('vectorImg')) {
+      const fileName = node.id.replace(/\W+/g, '-');
+      const url = await saveSvgToDisk(fileName, vectors[node.id], shared);
+      content.push(`<img className='vector ${currentClass}' src='${url}' />`);
+    } else {
+      let svg = await svgtojsx(vectors[node.id]);
+      svg = svg.replace('<svg', `<svg className='vector ${currentClass}'`);
+      content.push(svg);
+    }
   }
 }
 

package.json

@@ -1,7 +1,7 @@
 {
   "name": "figma-react",
   "description": "This is a tool to help you export Figma project into React mockups",
-  "version": "1.0.12",
+  "version": "1.0.15",
   "private": false,
   "author": "Maxim Karpov <[email protected]>",
   "repository": {
@@ -46,7 +46,8 @@
     "dotenv": "^8.2.0",
     "node-fetch": "^2.6.0",
     "prettier": "^1.19.1",
-    "request-image-size": "^2.1.0"
+    "request-image-size": "^2.1.0",
+    "svg-to-jsx": "^1.0.2"
   },
   "devDependencies": {
     "babel-eslint": "^10.0.3",