Merge pull request #17 from marcomontalbano/website

Website is here

.gitignore

@@ -8,4 +8,4 @@ lerna-debug.log
 
 /output
 
-.figmaexportrc.js
+/.figmaexportrc.js

package.json

@@ -8,14 +8,16 @@
     "url": "https://github.com/marcomontalbano/figma-export"
   },
   "scripts": {
-    "lint": "eslint . --ignore-pattern=node_modules --ignore-pattern=/output",
+    "postinstall": "lerna bootstrap --force-local",
+    "lint": "eslint . --ignore-pattern=node_modules --ignore-pattern=/output --ignore-pattern=dist",
     "test": "mocha test--registers.js test--packages.js",
     "test:watch": "npm test -- -w --reporter=dot",
     "posttest": "npm run lint",
     "coverage": "nyc --reporter=lcov --reporter=text npm test -- --reporter=dot",
     "coverage:watch": "npx nodemon --exec npm run coverage",
     "lerna:version": "lerna version",
-    "postinstall": "lerna bootstrap --force-local"
+    "website:start": "lerna run --scope @figma-export/website start --stream",
+    "website:build": "lerna run --scope @figma-export/website build --stream"
   },
   "author": "Marco Montalbano <me@marcomontalbano.com>",
   "nyc": {
@@ -29,6 +31,7 @@
     "chai-things": "~0.2.0",
     "eslint": "~6.7.1",
     "eslint-config-airbnb-base": "~14.0.0",
+    "eslint-config-developit": "~1.1.1",
     "eslint-plugin-chai-friendly": "~0.5.0",
     "eslint-plugin-import": "~2.18.2",
     "lerna": "~3.19.0",

packages/website/.eslintrc.js

@@ -0,0 +1,9 @@
+module.exports = {
+  extends: [
+    'airbnb-base',
+    'eslint-config-developit',
+  ],
+  rules: {
+    'indent': ['error', 4],
+  },
+};

packages/website/.figmaexportrc.js

@@ -0,0 +1,42 @@
+module.exports = {
+
+    commands: [
+        ['components', {
+            fileId: 'FP7lqd1V00LUaT5zvdklkkZr',
+            onlyFromPages: ['Octicons'],
+            outputters: [
+                require('../output-components-as-es6')({
+                    output: './output/es6-dataurl-octicons',
+                    variablePrefix: 'icon',
+                    useDataUrl: true,
+                })
+            ]
+        }],
+
+        ['components', {
+            fileId: 'RSzpKJcnb6uBRQ3rOfLIyUs5',
+            onlyFromPages: ['icons', 'monochrome'],
+            outputters: [
+                require('../output-components-as-es6')({
+                    output: './output/es6-base64',
+                    useBase64: true,
+                }),
+                require('../output-components-as-es6')({
+                    output: './output/es6-dataurl',
+                    useDataUrl: true,
+                }),
+                // require('../output-components-as-svgstore')({
+                //     output: './output/svgstore',
+                // }),
+                // require('../output-components-as-svgstore')({
+                //     output: './output/svgstore-monochrome',
+                //     options: {
+                //         prefix: 'monochrome-',
+                //         cleanSymbols: ['fill']
+                //     }
+                // }),
+            ]
+        }]
+    ]
+
+};

packages/website/.gitignore

@@ -0,0 +1,3 @@
+/.cache
+/dist
+/output

packages/website/README.md

@@ -0,0 +1,3 @@
+# website
+
+It's just a website :smile:

packages/website/images/icon/browserconfig.xml

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig><msapplication><tile><square70x70logo src="/ms-icon-70x70.png"/><square150x150logo src="/ms-icon-150x150.png"/><square310x310logo src="/ms-icon-310x310.png"/><TileColor>#ffffff</TileColor></tile></msapplication></browserconfig>

packages/website/images/icon/manifest.json

@@ -0,0 +1,41 @@
+{
+ "name": "App",
+ "icons": [
+  {
+   "src": "\/android-icon-36x36.png",
+   "sizes": "36x36",
+   "type": "image\/png",
+   "density": "0.75"
+  },
+  {
+   "src": "\/android-icon-48x48.png",
+   "sizes": "48x48",
+   "type": "image\/png",
+   "density": "1.0"
+  },
+  {
+   "src": "\/android-icon-72x72.png",
+   "sizes": "72x72",
+   "type": "image\/png",
+   "density": "1.5"
+  },
+  {
+   "src": "\/android-icon-96x96.png",
+   "sizes": "96x96",
+   "type": "image\/png",
+   "density": "2.0"
+  },
+  {
+   "src": "\/android-icon-144x144.png",
+   "sizes": "144x144",
+   "type": "image\/png",
+   "density": "3.0"
+  },
+  {
+   "src": "\/android-icon-192x192.png",
+   "sizes": "192x192",
+   "type": "image\/png",
+   "density": "4.0"
+  }
+ ]
+}

packages/website/index.html

@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>@figma-export</title>
+
+        <link rel="apple-touch-icon" sizes="57x57" href="./images/icon/apple-icon-57x57.png">
+        <link rel="apple-touch-icon" sizes="60x60" href="./images/icon/apple-icon-60x60.png">
+        <link rel="apple-touch-icon" sizes="72x72" href="./images/icon/apple-icon-72x72.png">
+        <link rel="apple-touch-icon" sizes="76x76" href="./images/icon/apple-icon-76x76.png">
+        <link rel="apple-touch-icon" sizes="114x114" href="./images/icon/apple-icon-114x114.png">
+        <link rel="apple-touch-icon" sizes="120x120" href="./images/icon/apple-icon-120x120.png">
+        <link rel="apple-touch-icon" sizes="144x144" href="./images/icon/apple-icon-144x144.png">
+        <link rel="apple-touch-icon" sizes="152x152" href="./images/icon/apple-icon-152x152.png">
+        <link rel="apple-touch-icon" sizes="180x180" href="./images/icon/apple-icon-180x180.png">
+        <link rel="icon" type="image/png" sizes="192x192"  href="./images/icon/android-icon-192x192.png">
+        <link rel="icon" type="image/png" sizes="32x32" href="./images/icon/favicon-32x32.png">
+        <link rel="icon" type="image/png" sizes="96x96" href="./images/icon/favicon-96x96.png">
+        <link rel="icon" type="image/png" sizes="16x16" href="./images/icon/favicon-16x16.png">
+        <link rel="manifest" href="./images/icon/manifest.json">
+        <meta name="msapplication-TileColor" content="#ffffff">
+        <meta name="msapplication-TileImage" content="./images/icon/ms-icon-144x144.png">
+        <meta name="theme-color" content="#ffffff">
+
+        <link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism-solarizedlight.min.css" rel="stylesheet" />
+        <link rel="stylesheet" href="./index.scss" />
+    </head>
+    <body>
+        <div id="root"></div>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/prism.min.js"></script>
+        <script src="./src/index.js"></script>
+    </body>
+</html>