Update to current versions of deps using node v14

Author: pixelhandler

.nvmrc

@@ -1 +1 @@
-14.17.4
+14.21.3

README.md

@@ -32,7 +32,7 @@ Or, use *Nginx*
 
 *PostCSS* modules
 
-- postcss-cssnext, postcss-import, postcss-nested
+- postcss-import, postcss-nested
 
 *Compile* styles, runs in `make build`
 
@@ -118,6 +118,11 @@ Content-Encoding
 gzip
 ```
 
+## Troubleshooting
+
+- issue with `node-gyp`
+  `xcode-select --install`
+  `npm install -g node-gyp`
 
 [typescript]: https://www.typescriptlang.org/
 [webdriver]: http://webdriver.io/guide.html

bin/process-css.js

@@ -5,13 +5,12 @@ const path = require('path');
 const postcss = require('postcss');
 const importcss = require('postcss-import');
 const nestedcss = require('postcss-nested');
-const cssnext = require('postcss-cssnext');
 
 const src = 'styles/app.css';
 const dest = 'dist/styles.css';
 
 fs.readFile(file(src), (err, css) => {
-  postcss([importcss, nestedcss, cssnext])
+  postcss([importcss, nestedcss])
     .process(css, { from: src, to: dest })
     .then(result => {
       fs.writeFileSync(file(dest), result.css);

main.js

@@ -1,5 +1,5 @@
 const express = require('express');
-const proxy = require('http-proxy-middleware');
+const { createProxyMiddleware } = require('http-proxy-middleware');
 const app = express();
 const path = require('path');
 
@@ -20,9 +20,9 @@ app.get('/script.js', (req, res) => res.sendFile(js));
 app.use(express.static(DIR));
 // app.use('/', express.static(path.join(__dirname, DIR)));
 
-const API = ['http://localhost:3000', 'https://pixelhandler.dev'][1];
+const API = ['http://localhost:3000', 'https://pixelhandler.dev'][0];
 
-app.use('/api', proxy({target: API, changeOrigin: true}));
+app.use('/api', createProxyMiddleware({target: API, changeOrigin: true}));
 
 app.listen(8081, function () {
   console.log('Running at http://localhost:8081');