Fix build process. GitHub Actions should now work.

Author: bernaferrari

.gitignore

@@ -27,5 +27,4 @@ test/**/next-env.d.ts
 **/.idea
 **/.vscode
 
-public
 build

jest.config.js

@@ -1,7 +1,11 @@
 module.exports = {
   preset: 'ts-jest',
   testEnvironment: 'node',
-  "modulePaths": [
-    "<rootDir>"
-  ],
+  globals: {
+    'ts-jest': {
+      diagnostics: {
+        ignoreCodes: ["151001"]
+      }
+    }
+  }
 };

package.json

@@ -8,7 +8,7 @@
     "watch": "rollup -c -w",
     "release": "rollup -c --environment INCLUDE_DEPS,BUILD:production",
     "postbuild": "purgecss -c purgecss.config.js -o public",
-    "wp": "npx webpack --mode=development --watch",
+    "wp": "webpack --mode=development --watch",
     "test": "jest",
     "coverage": "jest --coverage",
     "start": "sirv public"
@@ -25,9 +25,6 @@
     "tailwindcss": "^1.4.6"
   },
   "devDependencies": {
-    "@babel/core": "^7.10.3",
-    "@babel/preset-env": "^7.10.3",
-    "@babel/preset-typescript": "^7.10.1",
     "@fullhuman/postcss-purgecss": "^2.3.0",
     "@rollup/plugin-commonjs": "^11.0.2",
     "@rollup/plugin-image": "^2.0.4",

parent

@@ -0,0 +1,3 @@
+# Public Directory
+
+This directory is empty for a reason: [Rollup](https://rollupjs.org/) needs it, else it fails. This is where the output will be.

public/README.md

@@ -24,7 +24,7 @@ export const makeContainer = (
   const size = nodeWidthHeight(node, false);
   let propWidth = size.width ? `width: ${size.width}, ` : "";
   let propHeight = size.height ? `height: ${size.height}, ` : "";
-  const propWidthHeight: string = `SizedBox(${propWidth}${propHeight})`;
+  const propWidthHeight: string = `${propWidth}${propHeight}`;
 
   if (node.fills !== figma.mixed && node.fills.length > 0) {
     let fill = node.fills[0];

src/flutter/make_container.ts

@@ -4,7 +4,7 @@ import {
   AltFrameNode,
 } from "../common/altMixins";
 import { rgbaTohex, flutterColor } from "./flutter_helpers";
-import { getContainerSizeProp } from "./make_container";
+import { nodeWidthHeight } from "../common/nodeWidthHeight";
 
 // https://api.flutter.dev/flutter/material/Material-class.html
 export const makeMaterial = (
@@ -61,7 +61,11 @@ export const makeMaterial = (
 
   const material = `\nMaterial(${color}${elevation}${shadowColor}${shape}${clipContent}${padChild}),`;
 
-  const propWidthHeight: string = getContainerSizeProp(node);
+  const size = nodeWidthHeight(node, false);
+  let propWidth = size.width ? `width: ${size.width}, ` : "";
+  let propHeight = size.height ? `height: ${size.height}, ` : "";
+  const propWidthHeight: string = `${propWidth}${propHeight}`;
+
   if (propWidthHeight) {
     return `SizedBox(${propWidthHeight}child: ${material}),`;
   }

src/flutter/make_material.ts

@@ -97,7 +97,7 @@ export class tailwindTextNodeBuilder extends tailwindDefaultBuilder {
    * example: font-extrabold
    * example: italic
    */
-  fontStyle = (node: AltTextNode): this => {
+  fontStyle(node: AltTextNode): this {
     if (node.fontName !== figma.mixed) {
       const lowercaseStyle = node.fontName.style.toLowerCase();
 
@@ -118,13 +118,13 @@ export class tailwindTextNodeBuilder extends tailwindDefaultBuilder {
       this.attributes += `font-${value} `;
     }
     return this;
-  };
+  }
 
   /**
    * https://tailwindcss.com/docs/letter-spacing/
    * example: tracking-widest
    */
-  letterSpacing = (node: AltTextNode): this => {
+  letterSpacing(node: AltTextNode): this {
     if (node.letterSpacing !== figma.mixed) {
       if (
         node.letterSpacing.unit === "PIXELS" &&
@@ -142,7 +142,7 @@ export class tailwindTextNodeBuilder extends tailwindDefaultBuilder {
       }
     }
     return this;
-  };
+  }
 
   /**
    * https://tailwindcss.com/docs/line-height/

src/tailwind/builderText.ts

@@ -4,7 +4,6 @@
     "module": "es6",
     "sourceMap": true,
     "target": "es6",
-    "moduleResolution": "node",
     "typeRoots": ["./node_modules/@types", "./node_modules/@figma"]
   }
 }