sern/gui
1
0
Fork 0
mirror of https://github.com/sern-handler/gui synced 2026-06-08 08:52:17 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: sern:localization
Branches Tags
sern:main sern:ci/macos sern:renovate/configure sern:feat/debugging sern:fix/locale-emojis sern:fix-builds sern:ci/build-artifacts sern:localization
sern:v0.2.0 sern:v0.1.0-alpha
...
pull from: sern:feat/debugging
Branches Tags
sern:main sern:ci/macos sern:renovate/configure sern:feat/debugging sern:fix/locale-emojis sern:fix-builds sern:ci/build-artifacts sern:localization
sern:v0.2.0 sern:v0.1.0-alpha

14 Commits
localizati ... feat/debug

Author SHA1 Message Date
SrIzan10
524399a2ee chore: working on this, probably will abandon 2023-09-22 22:59:04 +02:00
Jacob Nguyen
81996728cd Merge pull request #7 from sern-handler/fix/locale-emojis 
fix: language selector not showing emojis on windows
 2023-09-17 16:39:25 -05:00
SrIzan10
3301b99308 fix: language selector not showing emojis on windows (and probably macOS) 2023-09-17 20:44:22 +02:00
SrIzan10
3d7161e5af chore: update electron to newer version 2023-09-17 20:03:29 +02:00
SrIzan10
ede5e73f0b fix: another testing remnant from the past 2023-08-24 14:12:08 +02:00
Izan Gil Cruz
cc615f91fa Merge pull request #6 from sern-handler/fix-builds 
fix: build errors
 2023-08-23 22:51:58 +02:00
SrIzan10
405228f417 fix: build errors 2023-08-23 22:39:56 +02:00
Izan Gil Cruz
4282b61eaa Merge pull request #4 from sern-handler/ci/build-artifacts 
ci: build artifacts
 2023-08-23 13:33:37 +02:00
Jacob Nguyen
0d3a36faaa Merge pull request #5 from sern-handler/new-icons 
feat: new sern logo
 2023-08-22 17:11:31 -05:00
SrIzan10
019acb5ba6 feat: new sern logo 2023-08-22 22:29:52 +02:00
SrIzan10
2a595746d6 fix: typo in the windows builder 2023-08-22 22:18:08 +02:00
SrIzan10
6972abc098 fix: forgot to create the /tmp/artifacts directory 2023-08-22 22:12:33 +02:00
SrIzan10
d608ff9446 ci: build artifacts 2023-08-22 22:08:01 +02:00
Izan Gil Cruz
09dbb1cef1 Merge pull request #3 from sern-handler/localization 
feat: localization support and spanish translation
 2023-08-16 19:58:37 +02:00
19 changed files with 139 additions and 31 deletions
Expand all files Collapse all files

8
.circleci/config.yml
View File

@@ -7,6 +7,10 @@ jobs:
- checkout - checkout
- run: yarn - run: yarn
- run: yarn build-electron-win - run: yarn build-electron-win
- run: mkdir /tmp/artifacts
- run: mv -t /tmp/artifacts dist/*.exe
- store_artifacts:
path: /tmp/artifacts
build_linux: build_linux:
docker: docker:
- image: node:lts - image: node:lts
@@ -14,6 +18,10 @@ jobs:
- checkout - checkout
- run: yarn - run: yarn
- run: yarn build-electron-linux - run: yarn build-electron-linux
- run: mkdir /tmp/artifacts
- run: mv -t /tmp/artifacts dist/*.snap dist/*.AppImage
- store_artifacts:
path: /tmp/artifacts
workflows: workflows:
build: build:

3
.eslintrc.cjs
View File

@@ -13,8 +13,7 @@ module.exports = {
parserOptions: { parserOptions: {
ecmaVersion: 'latest', ecmaVersion: 'latest',
sourceType: 'module', sourceType: 'module',
tsconfigRootDir: __dirname, tsconfigRootDir: __dirname
project: '.swcrc'
}, },
plugins: ['react-refresh'], plugins: ['react-refresh'],
rules: { rules: {

7
electron/index.ts
View File

@@ -1,6 +1,5 @@
import * as path from 'node:path' import * as path from 'node:path'
import { app, BrowserWindow, dialog, ipcMain } from 'electron'; import { app, BrowserWindow, dialog, ipcMain } from 'electron';
import * as isDev from 'electron-is-dev';
import * as colorette from 'colorette'; import * as colorette from 'colorette';
import * as fs from 'node:fs' import * as fs from 'node:fs'
import * as os from 'node:os' import * as os from 'node:os'
@@ -19,10 +18,10 @@ function createWindow() {
autoHideMenuBar: true, autoHideMenuBar: true,
title: 'sern', title: 'sern',
}); });
if (isDev) { if (app.isPackaged) {
mainWindow.loadURL('http://localhost:5173');
} else {
mainWindow.loadFile(path.join(__dirname, '../build/index.html')); mainWindow.loadFile(path.join(__dirname, '../build/index.html'));
} else {
mainWindow.loadURL('http://localhost:5173');
} }
mainWindow.on('ready-to-show', () => { mainWindow.on('ready-to-show', () => {

BIN
icons/icon.icns
View File

Binary file not shown.

BIN
icons/icon.ico
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 103 KiB

After

Width:  |  Height:  |  Size: 98 KiB

BIN
icons/icon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

3
index.html
View File

@@ -5,6 +5,9 @@
<link rel="icon" type="image/svg+xml" href="/vite.svg" /> <link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite + React + TS</title> <title>Vite + React + TS</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&display=swap" rel="stylesheet">
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

3
locales/en.json
View File

@@ -29,6 +29,9 @@
"COMMENT_FOR_TRANSLATOR_2": "the next string is used to change the text 'with' in the sentence 'with <package manager>'", "COMMENT_FOR_TRANSLATOR_2": "the next string is used to change the text 'with' in the sentence 'with <package manager>'",
"with": "with" "with": "with"
}, },
"settings": {
"componentLoadTimes": "Component load times (some of them)"
},
"footer": { "footer": {
"COMMENT_FOR_TRANSLATOR": "Keep all the strings here as lowercase. It kinda gives a good vibe to the text :D", "COMMENT_FOR_TRANSLATOR": "Keep all the strings here as lowercase. It kinda gives a good vibe to the text :D",
"web": "front page", "web": "front page",

8
package.json
View File

@@ -26,21 +26,22 @@
"@mui/icons-material": "^5.11.16", "@mui/icons-material": "^5.11.16",
"@mui/material": "^5.13.4", "@mui/material": "^5.13.4",
"colorette": "^2.0.20", "colorette": "^2.0.20",
"electron-is-dev": "^2.0.0",
"i18next": "^23.4.4", "i18next": "^23.4.4",
"react": "^18.2.0", "react": "^18.2.0",
"react-dom": "^18.2.0", "react-dom": "^18.2.0",
"react-i18next": "^13.1.2" "react-i18next": "^13.1.2",
"to-boolean": "^1.0.0"
}, },
"devDependencies": { "devDependencies": {
"@swc/cli": "^0.1.62", "@swc/cli": "^0.1.62",
"@swc/core": "^1.3.70", "@swc/core": "^1.3.70",
"@types/react": "^18.2.14", "@types/react": "^18.2.14",
"@types/react-dom": "^18.2.6", "@types/react-dom": "^18.2.6",
"@types/to-boolean": "^1.0.0",
"@typescript-eslint/eslint-plugin": "^5.61.0", "@typescript-eslint/eslint-plugin": "^5.61.0",
"@typescript-eslint/parser": "^5.61.0", "@typescript-eslint/parser": "^5.61.0",
"@vitejs/plugin-react-swc": "^3.3.2", "@vitejs/plugin-react-swc": "^3.3.2",
"electron": "^25.2.0", "electron": "^26.2.1",
"electron-builder": "^24.4.0", "electron-builder": "^24.4.0",
"eslint": "^8.44.0", "eslint": "^8.44.0",
"eslint-plugin-react-hooks": "^4.6.0", "eslint-plugin-react-hooks": "^4.6.0",
@@ -50,7 +51,6 @@
"vite": "^4.4.0" "vite": "^4.4.0"
}, },
"build": { "build": {
"extends": null,
"files": [ "files": [
"./build/**/*", "./build/**/*",
"./dist/index.js" "./dist/index.js"

7
src/App.css
View File

@@ -1,11 +1,5 @@
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap'); @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap');
/* @font-face {
font-family: 'Classic Console Neue';
src: local('Classic Console Neue'),
url('https://fonts.srizan.dev/clacon2.ttf') format('truetype');
} */
.titleHeader { .titleHeader {
color: #4af626; color: #4af626;
font-family: 'JetBrains Mono', 'Courier New', Courier, monospace; font-family: 'JetBrains Mono', 'Courier New', Courier, monospace;
@@ -17,6 +11,5 @@
gap: 30px; gap: 30px;
padding: 20px; padding: 20px;
align-items: center; align-items: center;
display: 'grid';
grid-template-columns: repeat(2, 1fr); grid-template-columns: repeat(2, 1fr);
} }

2
src/App.tsx
View File

@@ -4,6 +4,7 @@ import './FunctionalityCard.js';
import FunctionalityCard from './FunctionalityCard.js'; import FunctionalityCard from './FunctionalityCard.js';
import { ThemeProvider, createTheme } from '@mui/material/styles'; import { ThemeProvider, createTheme } from '@mui/material/styles';
import LanguageSelector from './LanguageSelector'; import LanguageSelector from './LanguageSelector';
import Settings from './Settings';
const darkTheme = createTheme({ const darkTheme = createTheme({
palette: { palette: {
@@ -18,6 +19,7 @@ function App() {
return ( return (
<div className="App"> <div className="App">
<ThemeProvider theme={darkTheme}> <ThemeProvider theme={darkTheme}>
<Settings />
<LanguageSelector /> <LanguageSelector />
<h1 className="titleHeader">~$ sern</h1> <h1 className="titleHeader">~$ sern</h1>
<div className="functionalityCards"> <div className="functionalityCards">

0
src/ComponentLoadTimeWidget.css Normal file
View File

7
src/ComponentLoadTimeWidget.tsx Normal file
View File

@@ -0,0 +1,7 @@
import './ComponentLoadTimeWidget.css'
export default function ComponentLoadTimeWidget(props: { state: { show: boolean, ad: number, bd: number } }) {
return (
<p>hi from the widget</p>
)
}

2
src/InitModal.tsx
View File

@@ -49,7 +49,7 @@ export default function InitModal() {
const [templates, setTemplates] = React.useState<Array<TemplateList>>([]); const [templates, setTemplates] = React.useState<Array<TemplateList>>([]);
React.useEffect(() => { React.useEffect(() => {
fetch('https://raw.githubusercontent.com/sern-handler/create-bot/main/metadata/templateChoices.jso') fetch('https://raw.githubusercontent.com/sern-handler/create-bot/main/metadata/templateChoices.json')
.then((res) => res.json()) .then((res) => res.json())
.then((data) => { .then((data) => {
setTemplates(data as TemplateList[]); setTemplates(data as TemplateList[]);

2
src/LanguageSelector.css
View File

@@ -1,3 +1,5 @@
@import url('https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&display=swap');
.languageSelector { .languageSelector {
position: absolute; position: absolute;
top: 15px; top: 15px;

9
src/LanguageSelector.tsx
View File

@@ -25,12 +25,13 @@ export default function LanguageSelector() {
height: '40px', height: '40px',
textAlign: 'center', textAlign: 'center',
// this fixes a little text selection gap that appears in a // this fixes a little text selection gap that appears in a
// few pixels outside the outer part of the selection "square" // few pixels outside the outer part of the selection outline
cursor: 'pointer' cursor: 'pointer',
fontFamily: 'Noto Color Emoji'
}} }}
> >
<MenuItem value={'en'} className={'menuItems'}>🇺🇸</MenuItem> <MenuItem value={'en'} className={'menuItems'} sx={{ fontFamily: 'Noto Color Emoji' }}>🇺🇸</MenuItem>
<MenuItem value={'es'} className={'menuItems'}>🇪🇸</MenuItem> <MenuItem value={'es'} className={'menuItems'} sx={{ fontFamily: 'Noto Color Emoji' }}>🇪🇸</MenuItem>
</Select> </Select>
</FormControl> </FormControl>
</div> </div>

13
src/Settings.css Normal file
View File

@@ -0,0 +1,13 @@
.boxStyle {
/* background-color: 'background.paper'; set in sx property of Box tag */
transform: translate(-50%, -50%);
position: absolute;
top: 50%;
left: 50%;
width: 74.6vw;
height: 74.6vh;
border: 2px solid #FFF;
box-shadow: 24px;
padding: 40px;
color: white;
}

73
src/Settings.tsx Normal file
View File

@@ -0,0 +1,73 @@
import './Settings.css';
import * as React from 'react';
import Box from '@mui/material/Box';
import Typography from '@mui/material/Typography';
import Modal from '@mui/material/Modal';
import SettingsIcon from '@mui/icons-material/Settings';
import Checkbox from '@mui/material/Checkbox';
import { useTranslation } from 'react-i18next';
import FormControlLabel from '@mui/material/FormControlLabel';
import FormGroup from '@mui/material/FormGroup';
import { Profiler } from 'react';
import ComponentLoadTimeWidget from './ComponentLoadTimeWidget';
export default function Settings() {
const [CLTW, setCLTW] = React.useState({ show: false, ad: 0, bd: 0 })
const onRender = (_id: string, _phase: string, actualDuration: number, baseDuration: number, _startTime: EpochTimeStamp, _commitTime: EpochTimeStamp) => {
if (!!window.localStorage.getItem('componentLoadTimes')) {
setCLTW({
show: true,
ad: actualDuration,
bd: baseDuration
})
}
}
const { t } = useTranslation('translation', { keyPrefix: 'settings' });
const [state, setState] = React.useState({
componentLoadTimes: !!window.localStorage.getItem('componentLoadTimes')
});
const { componentLoadTimes } = state;
const [open, setOpen] = React.useState(false);
const handleModalOpen = () => setOpen(true);
const handleModalClose = () => setOpen(false);
const handleButtonChange = (event: React.ChangeEvent<HTMLInputElement>) => {
setState({ ...state, [event.target.name]: event.target.checked });
switch (event.target.name) {
case 'componentLoadTimes':
return window.localStorage.setItem('componentLoadTimes', event.target.checked.toString())
}
console.log(state)
}
return (
<div>
<SettingsIcon onClick={handleModalOpen} color={'primary'} />
<Profiler onRender={onRender} id={'settings-modal'}>
<ComponentLoadTimeWidget state={CLTW} />
<Modal
open={open}
onClose={handleModalClose}
aria-labelledby="settings-modal-title"
aria-describedby="settings-modal-description"
>
<Box className={'boxStyle'} sx={{ bgcolor: 'background.paper' }}>
<FormGroup>
<Typography variant="h5" gutterBottom>
Debugging
</Typography>
<FormControlLabel
control={
<Checkbox checked={componentLoadTimes} onChange={handleButtonChange} name="componentLoadTimes" />
}
label={t('componentLoadTimes')}
/>
</FormGroup>
</Box>
</Modal>
</Profiler>
</div>
)
}

23
yarn.lock
View File

@@ -915,6 +915,11 @@
resolved "https://registry.yarnpkg.com/@types/semver/-/semver-7.5.0.tgz#591c1ce3a702c45ee15f47a42ade72c2fd78978a" resolved "https://registry.yarnpkg.com/@types/semver/-/semver-7.5.0.tgz#591c1ce3a702c45ee15f47a42ade72c2fd78978a"
integrity sha512-G8hZ6XJiHnuhQKR7ZmysCeJWE08o8T0AXtk5darsCaTVsYZhhgUrq53jizaR2FvsoeCwJhlmwTjkXBY5Pn/ZHw== integrity sha512-G8hZ6XJiHnuhQKR7ZmysCeJWE08o8T0AXtk5darsCaTVsYZhhgUrq53jizaR2FvsoeCwJhlmwTjkXBY5Pn/ZHw==
"@types/to-boolean@^1.0.0":
version "1.0.0"
resolved "https://registry.yarnpkg.com/@types/to-boolean/-/to-boolean-1.0.0.tgz#bce7dd64d2d4dc644d39c69f4cdf62867e1bd5dd"
integrity sha512-rKY7I5UUlC3mUjGasRsZyg/ksLqUDQMahpn0QWXA3nxZehZF25rJpbvTB37Vjd61iW3j662L3Iu/WlRdGlDcJQ==
"@types/verror@^1.10.3": "@types/verror@^1.10.3":
version "1.10.6" version "1.10.6"
resolved "https://registry.yarnpkg.com/@types/verror/-/verror-1.10.6.tgz#3e600c62d210c5826460858f84bcbb65805460bb" resolved "https://registry.yarnpkg.com/@types/verror/-/verror-1.10.6.tgz#3e600c62d210c5826460858f84bcbb65805460bb"
@@ -1801,11 +1806,6 @@ electron-builder@^24.4.0:
simple-update-notifier "^1.1.0" simple-update-notifier "^1.1.0"
yargs "^17.6.2" yargs "^17.6.2"
electron-is-dev@^2.0.0:
version "2.0.0"
resolved "https://registry.yarnpkg.com/electron-is-dev/-/electron-is-dev-2.0.0.tgz#833487a069b8dad21425c67a19847d9064ab19bd"
integrity sha512-3X99K852Yoqu9AcW50qz3ibYBWY79/pBhlMCab8ToEWS48R0T9tyxRiQhwylE7zQdXrMnx2JKqUJyMPmt5FBqA==
electron-publish@24.4.0: electron-publish@24.4.0:
version "24.4.0" version "24.4.0"
resolved "https://registry.yarnpkg.com/electron-publish/-/electron-publish-24.4.0.tgz#a58f49ecd727620f65372881788ebb1a9b853284" resolved "https://registry.yarnpkg.com/electron-publish/-/electron-publish-24.4.0.tgz#a58f49ecd727620f65372881788ebb1a9b853284"
@@ -1819,10 +1819,10 @@ electron-publish@24.4.0:
lazy-val "^1.0.5" lazy-val "^1.0.5"
mime "^2.5.2" mime "^2.5.2"
electron@^25.2.0: electron@^26.2.1:
version "25.3.0" version "26.2.1"
resolved "https://registry.yarnpkg.com/electron/-/electron-25.3.0.tgz#e818ab3ebd3e7a45f8fca0f47e607c9af2dc92c7" resolved "https://registry.yarnpkg.com/electron/-/electron-26.2.1.tgz#2ef86c03d9753647622bb9a53c4213fb290e5eac"
integrity sha512-cyqotxN+AroP5h2IxUsJsmehYwP5LrFAOO7O7k9tILME3Sa1/POAg3shrhx4XEnaAMyMqMLxzGvkzCVxzEErnA== integrity sha512-SNT24Cf/wRvfcFZQoERXjzswUlg5ouqhIuA2t9x2L7VdTn+2Jbs0QXRtOfzcnOV/raVMz3e8ICyaU2GGeciKLg==
dependencies: dependencies:
"@electron/get" "^2.0.0" "@electron/get" "^2.0.0"
"@types/node" "^18.11.18" "@types/node" "^18.11.18"
@@ -3951,6 +3951,11 @@ tmp@^0.2.0:
dependencies: dependencies:
rimraf "^3.0.0" rimraf "^3.0.0"
to-boolean@^1.0.0:
version "1.0.0"
resolved "https://registry.yarnpkg.com/to-boolean/-/to-boolean-1.0.0.tgz#840653cc95abde6ae7fa259e7d74868a91232e3f"
integrity sha512-6BregB7cU5D+BVONyLbjoOd3dZXWDNyz6GFu+WdTzd5YbLcgFdZFstwsSgEmELmjdWy9U5e38q2sYSlFhka/Lw==
to-fast-properties@^2.0.0: to-fast-properties@^2.0.0:
version "2.0.0" version "2.0.0"
resolved "https://registry.yarnpkg.com/to-fast-properties/-/to-fast-properties-2.0.0.tgz#dc5e698cbd079265bc73e0377681a4e4e83f616e" resolved "https://registry.yarnpkg.com/to-fast-properties/-/to-fast-properties-2.0.0.tgz#dc5e698cbd079265bc73e0377681a4e4e83f616e"