Bumped dependencies and v1.5.0

Signed-off-by: Ajay Bura <ajbura@gmail.com>

.gitignore

@@ -2,5 +2,6 @@ experiment
 dist
 node_modules
 devAssets
+package-lock.json
 
 .DS_Store

package.json

@@ -1,6 +1,6 @@
 {
   "name": "cinny",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "description": "Yet another matrix client",
   "main": "index.js",
   "engines": {
@@ -9,7 +9,7 @@
   },
   "scripts": {
     "start": "webpack serve --config ./webpack.dev.js --open",
-    "build": "export NODE_OPTIONS=--openssl-legacy-provider; webpack --config ./webpack.prod.js"
+    "build": "webpack --config ./webpack.prod.js"
   },
   "keywords": [],
   "author": "Ajay Bura",
@@ -74,8 +74,8 @@
     "style-loader": "^2.0.0",
     "util": "^0.12.4",
     "webpack": "^5.62.1",
-    "webpack-cli": "^4.5.0",
+    "webpack-cli": "^4.9.1",
-    "webpack-dev-server": "^3.11.2",
+    "webpack-dev-server": "^4.4.0",
     "webpack-merge": "^5.7.3"
   }
 }

src/app/molecules/media/Media.scss

@@ -11,6 +11,10 @@
     overflow: hidden;
     text-overflow: ellipsis;
   }
+
+  & a {
+    line-height: 0;
+  }
 }
 
 .file-container {

src/app/templates/auth/Auth.jsx

@@ -468,11 +468,14 @@ Register.propTypes = {
   baseUrl: PropTypes.string.isRequired,
 };
 
-function AuthCardCopy() {
+function AuthCard() {
   const [hsConfig, setHsConfig] = useState(null);
   const [type, setType] = useState('login');
 
-  const handleHsChange = (info) => setHsConfig(info);
+  const handleHsChange = (info) => {
+    console.log(info);
+    setHsConfig(info);
+  };
 
   return (
     <>
@@ -538,7 +541,7 @@ function Auth() {
                 </TitleWrapper>
               </Header>
               <div className="auth-card__content">
-                <AuthCardCopy />
+                <AuthCard />
               </div>
             </div>
           )}

src/client/state/cons.js

@@ -1,5 +1,5 @@
 const cons = {
-  version: '1.4.0',
+  version: '1.5.0',
   secretKey: {
     ACCESS_TOKEN: 'cinny_access_token',
     DEVICE_ID: 'cinny_device_id',

webpack.common.js

@@ -1,6 +1,7 @@
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const FaviconsWebpackPlugin = require('favicons-webpack-plugin');
 const webpack = require('webpack');
+const CopyPlugin = require("copy-webpack-plugin");
 
 module.exports = {
   entry: {
@@ -38,15 +39,13 @@ module.exports = {
         use: ['html-loader'],
       },
       {
-        test: /\.(svg|png|jpe?g|gif|otf|ttf)$/,
+        test: /\.(png|jpe?g|gif|otf|ttf)$/,
-        use: {
+        type: 'asset/resource',
-          loader: 'file-loader',
-          options: {
-            name: '[name].[hash].[ext]',
-            outputPath: 'assets',
-          },
-        },
       },
+      {
+        test: /\.svg$/,
+        type: 'asset/inline',
+      }
     ],
   },
   plugins: [
@@ -70,5 +69,12 @@ module.exports = {
     new webpack.DefinePlugin({
       'process.env': JSON.stringify(process.env),
     }),
+    new CopyPlugin({
+      patterns: [
+        { from: 'olm.wasm' },
+        { from: '_redirects' },
+        { from: 'config.json' },
+      ],
+    }),
   ],
 };

webpack.prod.js

@@ -4,7 +4,6 @@ const { merge } = require('webpack-merge');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
 const { CleanWebpackPlugin } = require('clean-webpack-plugin');
-const CopyPlugin = require("copy-webpack-plugin");
 
 module.exports = merge(common, {
   mode: 'production',
@@ -36,12 +35,5 @@ module.exports = merge(common, {
     new MiniCssExtractPlugin({
       filename: '[name].[contenthash].bundle.css',
     }),
-    new CopyPlugin({
-      patterns: [
-        { from: 'olm.wasm' },
-        { from: '_redirects' },
-        { from: 'config.json' },
-      ],
-    }),
   ],
 });