refactor(react-16): migrate to new react version (#604)

* chore: refactor to functional components * chore: update react-markdown * chore: move to useState and remove preload component * chore(settings-plugin): refactor to functional component * chore: refactor ResultsList component * fix: running action typo * chore: update deps * chore: add CSP * chore: refactor Cerebro to functional component * refactor: migrate settings to funtional component * refactor: migrate main input to react 16 * fix: remove div not needed * fix: remove valores dentro do array * refactor: remove main component * fix: on change not parse value * chore: add readonly to remove warning * chore: refactor themes file * fix: react-select value as object * fix: unsuscribe error in functional component * fix: react-virtualized error * fix: settings refactor * docs: update docs Co-authored-by: oguhpereira <oguhpereira@protonmail.com>
cerebroapp · Sep 20, 2022 · 1a1240b · 1a1240b
1 parent c31f0b0
commit 1a1240b
Show file tree

Hide file tree

Showing 25 changed files with 1,720 additions and 1,821 deletions.
diff --git a/app/background/index.html b/app/background/index.html
@@ -2,6 +2,7 @@
 <html>
   <head>
     <meta charset="utf-8">
+    <meta http-equiv="Content-Security-Policy" content="script-src * 'unsafe-inline';"/>
     <script>
       (function() {
         const script = document.createElement('script');

diff --git a/app/lib/__tests__/loadThemes.spec.js b/app/lib/__tests__/loadThemes.spec.js
@@ -1,4 +1,4 @@
-import themesLoader from '../loadThemes'
+import themes from '../themes'
 
 const productionThemes = [
   {
@@ -11,22 +11,6 @@ const productionThemes = [
   }
 ]
 
-const developmentThemes = [
-  {
-    value: 'http://localhost:3000/dist/main/css/themes/light.css',
-    label: 'Light'
-  },
-  {
-    value: 'http://localhost:3000/dist/main/css/themes/dark.css',
-    label: 'Dark'
-  }
-]
-
 test('returns themes for production', () => {
-  expect(themesLoader()).toEqual(productionThemes)
-})
-
-test('returns themes for development', () => {
-  process.env.NODE_ENV = 'development'
-  expect(themesLoader()).toEqual(developmentThemes)
+  expect(themes).toEqual(productionThemes)
 })
diff --git a/app/lib/config.js b/app/lib/config.js
@@ -2,7 +2,7 @@ import { app, ipcRenderer } from 'electron'
 import fs from 'fs'
 import path from 'path'
 import { memoize } from 'cerebro-tools'
-import loadThemes from './loadThemes'
+import themes from './themes'
 
 const remote = process.type === 'browser'
   ? undefined
@@ -27,7 +27,7 @@ const defaultSettings = memoize(() => {
     locale,
     lang,
     country,
-    theme: loadThemes()[0].value,
+    theme: themes[0].value,
     hotkey: 'Control+Space',
     showInTray: true,
     firstStart: true,

diff --git a/app/lib/loadThemes.js b/app/lib/loadThemes.js
diff --git a/app/lib/themes.js b/app/lib/themes.js
@@ -0,0 +1,14 @@
+const prefix = process.env.NODE_ENV === 'development' ? 'http://localhost:3000/' : '../'
+
+const themes = [
+  {
+    value: `${prefix}dist/main/css/themes/light.css`,
+    label: 'Light'
+  },
+  {
+    value: `${prefix}dist/main/css/themes/dark.css`,
+    label: 'Dark'
+  }
+]
+
+export default themes