Script to generate table in readme

webpage/package.json

@@ -6,6 +6,7 @@
   "license": "MIT",
   "homepage": "https://michelebertoli.github.io/css-in-js/",
   "dependencies": {
+    "markdown-table": "^1.1.1",
     "react": "^16.1.1",
     "react-dom": "^16.1.1",
     "react-helmet": "^5.2.0"

webpage/scripts/generate_readme.js

@@ -0,0 +1,51 @@
+#!/usr/bin/env node
+
+const table = require("markdown-table");
+const fs = require("fs");
+const data = require("../src/data.json");
+
+const headers = [
+  "Package",
+  "Version",
+  "Automatic Vendor Prefixing",
+  "Pseudo Classes",
+  "Media Queries",
+  "Styles As Object Literals",
+  "Extract CSS File"
+];
+
+const link = obj => `[${obj.text}](${obj.href})`;
+const links = objs => objs.map(link).join(" + ");
+const version = obj => obj;
+const symbol = obj => (obj === true ? "✓" : "");
+
+const row = obj =>
+  headers.map(header => {
+    if (header === "Package") {
+      return links(obj[header]);
+    } else if (header === "Version") {
+      return version(obj[header]);
+    } else {
+      return symbol(obj[header]);
+    }
+  });
+
+const rows = data.rows.map(row);
+rows.unshift(headers);
+
+let text = fs.readFileSync("../README.md", "utf8");
+
+if (text.indexOf("<!-- autogenerated table start -->") === -1) {
+  console.log(
+    `Error! Please, place tags around the table \n<!-- autogenerated table start --> table <!-- autogenerated table end -->`
+  );
+  process.exit(1);
+}
+
+text = text.replace(
+  /<!-- autogenerated table start -->[\s\S]*?<!-- autogenerated table end -->/,
+  `<!-- autogenerated table start -->\n${table(
+    rows
+  )}\n<!-- autogenerated table end -->`
+);
+fs.writeFileSync("../README.md", text, "utf8");

webpage/src/components/Table.js

@@ -11,11 +11,11 @@ const join = (array, separator) =>
 
 const symbol = value => {
   if (value === true) {
-    return '✓';
+    return "✓";
   } else if (value === false) {
-    return '';
+    return "";
   } else {
-    return '?';
+    return "?";
   }
 };
 

webpage/src/data.json

@@ -419,7 +419,8 @@
       "Package": [
         {
           "text": "react-fela",
-          "href": "https://github.com/rofrischmann/fela/tree/master/packages/react-fela"
+          "href":
+            "https://github.com/rofrischmann/fela/tree/master/packages/react-fela"
         }
       ],
       "Version": "2.1.0",

webpage/yarn.lock

@@ -4331,6 +4331,10 @@ map-obj@^1.0.0, map-obj@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/map-obj/-/map-obj-1.0.1.tgz#d933ceb9205d82bdcf4886f6742bdc2b4dea146d"
 
+markdown-table@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/markdown-table/-/markdown-table-1.1.1.tgz#4b3dd3a133d1518b8ef0dbc709bf2a1b4824bc8c"
+
 marked@^0.3.6:
   version "0.3.6"
   resolved "https://registry.yarnpkg.com/marked/-/marked-0.3.6.tgz#b2c6c618fccece4ef86c4fc6cb8a7cbf5aeda8d7"