RevelaNetwork/RevelaOS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #8 from Flow-Works/idk

Browse source 
Some QOL Updates...
This commit is contained in:
Parrot 2023-10-17 17:37:59 -05:00 • committed by GitHub
commit b2068f9c58
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 56 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
index.html
View file

@ -1,12 +1,13 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Flow OS</title> <title>Flow OS</title>
</head> <link rel="shortcut icon" href="./src/assets/flow.png" type="image/png">
<body> </head>
<script src="https://unpkg.com/filer"></script> <body>
<script src="./src/index.ts" type="module"></script> <script src="https://unpkg.com/filer"></script>
</body> <script src="./src/index.ts" type="module"></script>
</body>
</html> </html>

6
package-lock.json generated
View file

@ -10,6 +10,7 @@
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"@ptkdev/logger": "^1.8.0", "@ptkdev/logger": "^1.8.0",
"eruda": "^3.0.1",
"filer": "^1.4.1", "filer": "^1.4.1",
"prism-code-editor": "^1.2.2", "prism-code-editor": "^1.2.2",
"prismjs": "^1.29.0", "prismjs": "^1.29.0",
@ -1846,6 +1847,11 @@
"is-arrayish": "^0.2.1" "is-arrayish": "^0.2.1"
} }
}, },
"node_modules/eruda": {
"version": "3.0.1",
"resolved": "https://registry.npmjs.org/eruda/-/eruda-3.0.1.tgz",
"integrity": "sha512-6q1Xdwga4JTr1mKSW4mzuWSSbmXgqpm/8Wa1QGFGfCWRjC0bCQjbS4u06M1te1moucIS3hBLlbSTPWYH2W0qbQ=="
},
"node_modules/es-abstract": { "node_modules/es-abstract": {
"version": "1.22.2", "version": "1.22.2",
"resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.22.2.tgz", "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.22.2.tgz",

3
package.json
View file

@ -7,7 +7,7 @@
"test": "ts-standard", "test": "ts-standard",
"dev": "vite", "dev": "vite",
"build": "vite build", "build": "vite build",
"serve": "vite serve" "preview": "vite preview"
}, },
"keywords": [], "keywords": [],
"author": "", "author": "",
@ -21,6 +21,7 @@
}, },
"dependencies": { "dependencies": {
"@ptkdev/logger": "^1.8.0", "@ptkdev/logger": "^1.8.0",
"eruda": "^3.0.1",
"filer": "^1.4.1", "filer": "^1.4.1",
"prism-code-editor": "^1.2.2", "prism-code-editor": "^1.2.2",
"prismjs": "^1.29.0", "prismjs": "^1.29.0",

16
src/index.ts
View file

@ -1,7 +1,7 @@
import './style.less' import './style.less'
import StatusBar from './statusbar.ts' import StatusBar from './statusbar'
import WM from './wm.ts' import WM from './wm'
import * as fs from 'fs' import * as fs from 'fs'
@ -16,3 +16,15 @@ declare global {
window.statusBar = new StatusBar() window.statusBar = new StatusBar()
window.wm = new WM() window.wm = new WM()
window.fs = new (window as any).Filer.FileSystem() window.fs = new (window as any).Filer.FileSystem()
const params = new URLSearchParams(window.location.search)
async function enableDebug (): Promise<void> {
const { default: eruda } = await import('eruda')
eruda.init()
return await Promise.resolve()
}
if (params.get('debug') !== null && params.get('debug') !== undefined) {
enableDebug().catch(e => console.error(e))
}

2
src/modules/battery.ts
View file

@ -9,5 +9,5 @@ export const run = (element: HTMLDivElement): void => {
element.style.alignItems = 'center' element.style.alignItems = 'center'
element.style.paddingLeft = '15px' element.style.paddingLeft = '15px'
element.style.paddingRight = '15px' element.style.paddingRight = '15px'
element.innerHTML = '100%' element.innerHTML = '🔋 100%'
} }

28
src/style.less
View file

@ -11,7 +11,12 @@
--crust: #11111b; --crust: #11111b;
} }
body, html { .bx-category {
color: #181926;
}
body,
html {
background-color: var(--crust); background-color: var(--crust);
width: 100vw; width: 100vw;
@ -25,7 +30,6 @@ body, html {
overflow: hidden; overflow: hidden;
} }
*::-webkit-scrollbar { *::-webkit-scrollbar {
display: none; display: none;
} }
@ -34,7 +38,7 @@ body, html {
-ms-overflow-style: none; -ms-overflow-style: none;
scrollbar-width: none; scrollbar-width: none;
font-family: 'Satoshi', sans-serif; font-family: "Satoshi", sans-serif;
font-weight: 600; font-weight: 600;
color: var(--text); color: var(--text);
@ -50,12 +54,17 @@ toolbar {
margin: 0 0 0 0; margin: 0 0 0 0;
justify-content: center; justify-content: center;
div[data-toolbar-id="appview"] {
background: rgb(150, 181, 246);
background: linear-gradient(45deg, rgba(150, 181, 246, 1) 0%, rgba(150, 181, 246, 1) 12%, rgba(77, 129, 236, 1) 100%);
color: black;
}
& > div { & > div {
background: var(--base); background: var(--base);
padding: 5px; padding: 5px;
border-radius: 5px; border-radius: 5px;
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1), 0 0px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1), 0 0px 10px rgba(0, 0, 0, 0.1);
height: 40px!important; height: 40px !important;
display: flex; display: flex;
app { app {
@ -81,7 +90,6 @@ window-area {
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
window { window {
background: var(--base); background: var(--base);
display: flex; display: flex;
@ -91,7 +99,7 @@ window-area {
overflow: hidden; overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.2);
background: var(--crust); background: var(--crust);
transition: .2s opacity, .2s width, .2s height; transition: 0.2s opacity, 0.2s width, 0.2s height;
window-header { window-header {
height: 20px; height: 20px;
@ -129,10 +137,12 @@ launcher {
top: 0; top: 0;
background: rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.5);
z-index: 99999999999999999999999; z-index: 99999999999999999999999;
width: 100vw; width: calc(100vw + 20px);
height: calc(100vh + 20px); height: calc(100vh + 20px);
gap: 20px; gap: 20px;
transition: .2s opacity, .2s backdrop-filter; transition: 0.2s opacity, 0.2s backdrop-filter;
margin: 0;
left: 0;
apps { apps {
max-height: 70vh; max-height: 70vh;
@ -167,7 +177,7 @@ launcher {
width: 300px; width: 300px;
max-width: 100vw; max-width: 100vw;
text-align: center; text-align: center;
transition: border .2s; transition: border 0.2s;
&:focus { &:focus {
outline: none; outline: none;