From 4143ae8198d17612ef59d335a367f80a42f65f36 Mon Sep 17 00:00:00 2001
From: unknown <pawel999@icloud.com>
Date: Fri, 16 Jul 2021 11:55:26 +0200
Subject: [PATCH 1/2] Added support for Steam URLs. Changed default prefix
 setting options to be dynamically rendered

---
 .../Settings/OtherSettings/OtherSettings.tsx      | 15 +++++----------
 client/src/utility/searchParser.ts                |  3 +--
 client/src/utility/urlParser.ts                   | 12 ++++++++----
 3 files changed, 14 insertions(+), 16 deletions(-)

diff --git a/client/src/components/Settings/OtherSettings/OtherSettings.tsx b/client/src/components/Settings/OtherSettings/OtherSettings.tsx
index ebfe642..7ab2770 100644
--- a/client/src/components/Settings/OtherSettings/OtherSettings.tsx
+++ b/client/src/components/Settings/OtherSettings/OtherSettings.tsx
@@ -5,7 +5,7 @@ import { connect } from 'react-redux';
 import { createNotification, updateConfig, sortApps, sortCategories } from '../../../store/actions';
 
 // Typescript
-import { GlobalState, NewNotification, SettingsForm } from '../../../interfaces';
+import { GlobalState, NewNotification, Query, SettingsForm } from '../../../interfaces';
 
 // UI
 import InputGroup from '../../UI/Forms/InputGroup/InputGroup';
@@ -16,6 +16,7 @@ import classes from './OtherSettings.module.css';
 
 // Utils
 import { searchConfig } from '../../../utility';
+import { queries } from '../../../utility/searchQueries.json';
 
 interface ComponentProps {
   createNotification: (notification: NewNotification) => void;
@@ -180,6 +181,7 @@ const OtherSettings = (props: ComponentProps): JSX.Element => {
           <option value={0}>False</option>
         </select>
       </InputGroup>
+
       {/* MODULES OPTIONS */}
       <h2 className={classes.SettingsSection}>Modules</h2>
       <InputGroup>
@@ -202,14 +204,7 @@ const OtherSettings = (props: ComponentProps): JSX.Element => {
           value={formData.defaultSearchProvider}
           onChange={(e) => inputChangeHandler(e)}
         >
-          <option value='d'>DuckDuckGo</option>
-          <option value='g'>Google</option>
-          <option value='s'>Disroot</option>
-          <option value='yt'>YouTube</option>
-          <option value='r'>Reddit</option>
-          <option value='im'>IMDb</option>
-          <option value='mv'>The Movie Database</option>
-          <option value='sp'>Spotify</option>
+          {queries.map((query: Query) => (<option value={query.prefix}>{query.name}</option>))}
         </select>
       </InputGroup>
       <InputGroup>
@@ -266,4 +261,4 @@ const actions = {
   sortCategories
 }
 
-export default connect(mapStateToProps, actions)(OtherSettings);
+export default connect(mapStateToProps, actions)(OtherSettings);
\ No newline at end of file
diff --git a/client/src/utility/searchParser.ts b/client/src/utility/searchParser.ts
index 21c35f6..e8bb859 100644
--- a/client/src/utility/searchParser.ts
+++ b/client/src/utility/searchParser.ts
@@ -10,7 +10,6 @@ export const searchParser = (searchQuery: string): boolean => {
 
   const query = queries.find((q: Query) => q.prefix === prefix);
 
-  console.log("QUERY IS  " + query);
   if (query) {
     const sameTab = searchConfig('searchSameTab', false);
 
@@ -24,4 +23,4 @@ export const searchParser = (searchQuery: string): boolean => {
   }
 
   return false;
-}
+}
\ No newline at end of file
diff --git a/client/src/utility/urlParser.ts b/client/src/utility/urlParser.ts
index c74224a..87edb63 100644
--- a/client/src/utility/urlParser.ts
+++ b/client/src/utility/urlParser.ts
@@ -2,8 +2,8 @@ export const urlParser = (url: string): string[] => {
   let parsedUrl: string;
   let displayUrl: string;
 
-  if (/https?:\/\//.test(url)) {
-    // Url starts with http[s]:// -> leave it as it is
+  if (/(https?|steam):\/\//.test(url)) {
+    // Url starts with http[s]:// or steam:// -> leave it as it is
     parsedUrl = url;
   } else {
     // No protocol -> apply http:// prefix
@@ -11,10 +11,14 @@ export const urlParser = (url: string): string[] => {
   }
 
   // Create simplified url to display as text
-  displayUrl = url
+  if (/steam:\/\//.test(url)) {
+    displayUrl = 'Run Steam App';
+  } else {
+    displayUrl = url
     .replace(/https?:\/\//, '')
     .replace('www.', '')
     .replace(/\/$/, '');
-
+  }
+  
   return [displayUrl, parsedUrl]
 }
\ No newline at end of file

From 88785aaa32fd3266907ad6ffc6eae3e4f28b9d57 Mon Sep 17 00:00:00 2001
From: unknown <pawel999@icloud.com>
Date: Sat, 17 Jul 2021 23:11:24 +0200
Subject: [PATCH 2/2] Fixed bug with custom css not persisting

---
 client/.env                                   |  2 +-
 .../Settings/OtherSettings/OtherSettings.tsx  | 22 +++++++++----------
 controllers/config.js                         |  4 ++++
 server.js                                     |  2 ++
 utils/findCss.js                              | 22 +++++++++++++++++++
 5 files changed, 40 insertions(+), 12 deletions(-)
 create mode 100644 utils/findCss.js

diff --git a/client/.env b/client/.env
index 18588d5..036129f 100644
--- a/client/.env
+++ b/client/.env
@@ -1 +1 @@
-REACT_APP_VERSION=1.5.2
\ No newline at end of file
+REACT_APP_VERSION=1.6.0
\ No newline at end of file
diff --git a/client/src/components/Settings/OtherSettings/OtherSettings.tsx b/client/src/components/Settings/OtherSettings/OtherSettings.tsx
index 7ab2770..199e9ff 100644
--- a/client/src/components/Settings/OtherSettings/OtherSettings.tsx
+++ b/client/src/components/Settings/OtherSettings/OtherSettings.tsx
@@ -145,6 +145,17 @@ const OtherSettings = (props: ComponentProps): JSX.Element => {
           <option value='orderId'>Custom order</option>
         </select>
       </InputGroup>
+      <InputGroup>
+        <label htmlFor='defaultSearchProvider'>Default Search Provider</label>
+        <select
+          id='defaultSearchProvider'
+          name='defaultSearchProvider'
+          value={formData.defaultSearchProvider}
+          onChange={(e) => inputChangeHandler(e)}
+        >
+          {queries.map((query: Query) => (<option value={query.prefix}>{query.name}</option>))}
+        </select>
+      </InputGroup>
       <InputGroup>
         <label htmlFor='searchSameTab'>Open search results in the same tab</label>
         <select
@@ -196,17 +207,6 @@ const OtherSettings = (props: ComponentProps): JSX.Element => {
           <option value={0}>False</option>
         </select>
       </InputGroup>
-      <InputGroup>
-        <label htmlFor='defaultSearchProvider'>Default Search Provider</label>
-        <select
-          id='defaultSearchProvider'
-          name='defaultSearchProvider'
-          value={formData.defaultSearchProvider}
-          onChange={(e) => inputChangeHandler(e)}
-        >
-          {queries.map((query: Query) => (<option value={query.prefix}>{query.name}</option>))}
-        </select>
-      </InputGroup>
       <InputGroup>
         <label htmlFor='hideHeader'>Hide greeting and date</label>
         <select
diff --git a/controllers/config.js b/controllers/config.js
index ef4f707..1a456cf 100644
--- a/controllers/config.js
+++ b/controllers/config.js
@@ -4,6 +4,7 @@ const Config = require('../models/Config');
 const { Op } = require('sequelize');
 const File = require('../utils/File');
 const { join } = require('path');
+const fs = require('fs');
 
 // @desc      Insert new key:value pair
 // @route     POST /api/config
@@ -151,6 +152,9 @@ exports.updateCss = asyncWrapper(async (req, res, next) => {
   const file = new File(join(__dirname, '../public/flame.css'));
   file.write(req.body.styles);
 
+  // Copy file to docker volume
+  fs.copyFileSync(join(__dirname, '../public/flame.css'), join(__dirname, '../data/flame.css'));
+
   res.status(200).json({
     success: true,
     data: {}
diff --git a/server.js b/server.js
index 6ce25d0..8b09803 100644
--- a/server.js
+++ b/server.js
@@ -7,6 +7,7 @@ const Socket = require('./Socket');
 const Sockets = require('./Sockets');
 const associateModels = require('./models/associateModels');
 const initConfig = require('./utils/initConfig');
+const findCss = require('./utils/findCss');
 const Logger = require('./utils/Logger');
 const logger = new Logger();
 
@@ -16,6 +17,7 @@ const PORT = process.env.PORT || 5005;
   await connectDB();
   await associateModels();
   await initConfig();
+  findCss();
 
   // Create server for Express API and WebSockets
   const server = http.createServer();
diff --git a/utils/findCss.js b/utils/findCss.js
new file mode 100644
index 0000000..af85a0a
--- /dev/null
+++ b/utils/findCss.js
@@ -0,0 +1,22 @@
+const fs = require('fs');
+const { join } = require('path');
+const Logger = require('./Logger');
+const logger = new Logger();
+
+// Check if flame.css exists in mounted docker volume. Create new file if not
+const findCss = () => {
+  const srcPath = join(__dirname, '../data/flame.css');
+  const destPath = join(__dirname, '../public/flame.css');
+
+  if (fs.existsSync(srcPath)) {
+    fs.copyFileSync(srcPath, destPath);
+    logger.log('Custom CSS file found');
+    return;
+  }
+
+  logger.log('Creating empty CSS file');
+  fs.writeFileSync(destPath, '');
+
+}
+
+module.exports = findCss;
\ No newline at end of file