From 649c1ed37ac74765fb7572fa3f703c94827042f4 Mon Sep 17 00:00:00 2001 From: Vijay A Date: Tue, 4 Jan 2022 22:16:09 +0530 Subject: New configurations based on review comments (WIP) Signed-off-by: Vijay A --- packages/renderer/.eslintrc.json | 5 +++++ packages/renderer/src/components/App.tsx | 4 ++-- packages/renderer/src/components/BrowserViewPlaceholder.tsx | 2 +- packages/renderer/src/components/Sidebar.tsx | 2 +- packages/renderer/src/components/StoreProvider.tsx | 2 +- packages/renderer/src/components/ThemeProvider.tsx | 2 +- packages/renderer/src/components/ToggleDarkModeButton.tsx | 2 +- packages/renderer/src/index.tsx | 10 +++++----- packages/renderer/src/stores/RendererStore.ts | 2 +- packages/renderer/vite.config.js | 1 + 10 files changed, 19 insertions(+), 13 deletions(-) create mode 100644 packages/renderer/.eslintrc.json (limited to 'packages/renderer') diff --git a/packages/renderer/.eslintrc.json b/packages/renderer/.eslintrc.json new file mode 100644 index 0000000..a28aec9 --- /dev/null +++ b/packages/renderer/.eslintrc.json @@ -0,0 +1,5 @@ +{ + "globals": { + "JSX": false + } +} diff --git a/packages/renderer/src/components/App.tsx b/packages/renderer/src/components/App.tsx index b0a069f..8bd3dd8 100644 --- a/packages/renderer/src/components/App.tsx +++ b/packages/renderer/src/components/App.tsx @@ -21,8 +21,8 @@ import Box from '@mui/material/Box'; import React from 'react'; -import { BrowserViewPlaceholder } from './BrowserViewPlaceholder.jsx'; -import { Sidebar } from './Sidebar.jsx'; +import { BrowserViewPlaceholder } from './BrowserViewPlaceholder'; +import { Sidebar } from './Sidebar'; export function App(): JSX.Element { return ( diff --git a/packages/renderer/src/components/BrowserViewPlaceholder.tsx b/packages/renderer/src/components/BrowserViewPlaceholder.tsx index 6827422..6aa6b7b 100644 --- a/packages/renderer/src/components/BrowserViewPlaceholder.tsx +++ b/packages/renderer/src/components/BrowserViewPlaceholder.tsx @@ -23,7 +23,7 @@ import { observer } from 'mobx-react-lite'; import Box from '@mui/material/Box'; import React, { useCallback, useRef } from 'react'; -import { useStore } from './StoreProvider.jsx'; +import { useStore } from './StoreProvider'; export const BrowserViewPlaceholder = observer(function BrowserViewPlaceholder() { const { diff --git a/packages/renderer/src/components/Sidebar.tsx b/packages/renderer/src/components/Sidebar.tsx index a0086d2..6c79932 100644 --- a/packages/renderer/src/components/Sidebar.tsx +++ b/packages/renderer/src/components/Sidebar.tsx @@ -21,7 +21,7 @@ import Box from '@mui/material/Box'; import React from 'react'; -import { ToggleDarkModeButton } from './ToggleDarkModeButton.jsx'; +import { ToggleDarkModeButton } from './ToggleDarkModeButton'; export function Sidebar(): JSX.Element { return ( diff --git a/packages/renderer/src/components/StoreProvider.tsx b/packages/renderer/src/components/StoreProvider.tsx index fbe9b2a..da1e699 100644 --- a/packages/renderer/src/components/StoreProvider.tsx +++ b/packages/renderer/src/components/StoreProvider.tsx @@ -20,7 +20,7 @@ import React, { createContext, useContext } from 'react'; -import type { RendererStore } from '../stores/RendererStore.jsx'; +import type { RendererStore } from '../stores/RendererStore'; const StoreContext = createContext(null); diff --git a/packages/renderer/src/components/ThemeProvider.tsx b/packages/renderer/src/components/ThemeProvider.tsx index 9313725..9215f5c 100644 --- a/packages/renderer/src/components/ThemeProvider.tsx +++ b/packages/renderer/src/components/ThemeProvider.tsx @@ -25,7 +25,7 @@ import { } from '@mui/material/styles'; import React from 'react'; -import { useStore } from './StoreProvider.jsx'; +import { useStore } from './StoreProvider'; export const ThemeProvider = observer(function ThemeProvider({ children }: { children: JSX.Element | JSX.Element[], diff --git a/packages/renderer/src/components/ToggleDarkModeButton.tsx b/packages/renderer/src/components/ToggleDarkModeButton.tsx index b48cc32..1b6757e 100644 --- a/packages/renderer/src/components/ToggleDarkModeButton.tsx +++ b/packages/renderer/src/components/ToggleDarkModeButton.tsx @@ -24,7 +24,7 @@ import LightModeIcon from '@mui/icons-material/LightMode'; import IconButton from '@mui/material/IconButton'; import React from 'react'; -import { useStore } from './StoreProvider.jsx'; +import { useStore } from './StoreProvider'; export const ToggleDarkModeButton = observer(function ToggleDarkModeButton() { const { shared: { shouldUseDarkColors }, toggleDarkMode } = useStore(); diff --git a/packages/renderer/src/index.tsx b/packages/renderer/src/index.tsx index 8bd70d3..1626bef 100644 --- a/packages/renderer/src/index.tsx +++ b/packages/renderer/src/index.tsx @@ -26,11 +26,11 @@ import CssBaseline from '@mui/material/CssBaseline'; import React from 'react'; import { render } from 'react-dom'; -import { App } from './components/App.jsx'; -import { StoreProvider } from './components/StoreProvider.jsx'; -import { ThemeProvider } from './components/ThemeProvider.jsx'; -import { exposeToReduxDevtools, hotReloadServices } from './devTools.js'; -import { createAndConnectRendererStore } from './stores/RendererStore.js'; +import { App } from './components/App'; +import { StoreProvider } from './components/StoreProvider'; +import { ThemeProvider } from './components/ThemeProvider'; +import { exposeToReduxDevtools, hotReloadServices } from './devTools'; +import { createAndConnectRendererStore } from './stores/RendererStore'; const isDevelopment = import.meta.env.MODE === 'development'; diff --git a/packages/renderer/src/stores/RendererStore.ts b/packages/renderer/src/stores/RendererStore.ts index 397c024..037b212 100644 --- a/packages/renderer/src/stores/RendererStore.ts +++ b/packages/renderer/src/stores/RendererStore.ts @@ -31,7 +31,7 @@ import { ThemeSource, } from '@sophie/shared'; -import { getEnv, RendererEnv } from './RendererEnv.js'; +import { getEnv, RendererEnv } from './RendererEnv'; export const rendererStore = types.model('RendererStore', { shared: types.optional(sharedStore, {}), diff --git a/packages/renderer/vite.config.js b/packages/renderer/vite.config.js index 80e9fb6..bcd1975 100644 --- a/packages/renderer/vite.config.js +++ b/packages/renderer/vite.config.js @@ -1,3 +1,4 @@ +/* eslint-disable no-process-env */ /* eslint-env node */ import { builtinModules } from 'module'; -- cgit v1.2.3-54-g00ecf