seth/halfPage
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Linting

Browse source
This commit is contained in:
wont-stream 2025-04-10 19:16:51 -04:00
parent 8135261352
commit c7f2f4aeae
6 changed files with 24 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
biome.json
View file

@ -27,7 +27,6 @@
"formatter": { "formatter": {
"quoteStyle": "double", "quoteStyle": "double",
"indentStyle": "tab", "indentStyle": "tab",
"lineEnding": "lf",
"jsxQuoteStyle": "double", "jsxQuoteStyle": "double",
"semicolons": "always" "semicolons": "always"
} }

2
src/components/container/index.tsx
View file

@ -6,7 +6,7 @@ export default () => {
<br /> <br />
<br /> <br />
<form role="search" action={localStorage.getItem("searchEngine") || ""} method="get"> <form role="search" action={localStorage.getItem("searchEngine") || ""} method="get">
<input class="form-control me-2" autoFocus type="search" placeholder={`Search with ${localStorage.getItem("searchEngineName")}`} aria-label="Search with Google" name="q" /> <input class="form-control me-2" type="search" placeholder={`Search with ${localStorage.getItem("searchEngineName")}`} aria-label="Search with Google" name="q" />
</form> </form>
</div> </div>
</> </>

42
src/components/sidebar/index.tsx
View file

@ -1,4 +1,4 @@
const dataset = document.getElementById("html")!.dataset; const dataset = document.getElementById("html")?.dataset!;
export default () => { export default () => {
return ( return (
@ -7,16 +7,16 @@ export default () => {
<div class="offcanvas-header border-bottom border-secondary border-opacity-25"> <div class="offcanvas-header border-bottom border-secondary border-opacity-25">
<a class="sidebar-brand" href="#"> <span class="sidebar-brand">
. .
</a> </span>
<button type="button" class="btn-close d-md-none" data-bs-dismiss="offcanvas" aria-label="Close" data-bs-target="#sidebar-example"></button> <button type="button" class="btn-close d-md-none" data-bs-dismiss="offcanvas" data-bs-target="#sidebar-example" />
</div> </div>
<div class="offcanvas-body"> <div class="offcanvas-body">
<label>Name</label> <h6>Name</h6>
<form class="d-flex" id="name" onSubmit={(e) => { <form class="d-flex" id="name" onSubmit={(e) => {
e.preventDefault(); e.preventDefault();
const form = document.forms.namedItem("name"); const form = document.forms.namedItem("name");
@ -25,13 +25,13 @@ export default () => {
} }
}}> }}>
<input name="userName" class="form-control me-2" placeholder="Set Name" aria-label="Set Name" /> <input name="userName" class="form-control me-2" placeholder="Set Name" />
<button class="btn btn-primary" type="submit">Save</button> <button class="btn btn-primary" type="submit">Save</button>
</form> </form>
<hr class="sidebar-divider" /> <hr class="sidebar-divider" />
<label>Search Engine</label> <h6>Search Engine</h6>
<form id="searchEngine" onSubmit={(e) => { <form id="searchEngine" onSubmit={(e) => {
e.preventDefault(); e.preventDefault();
const form = document.forms.namedItem("searchEngine"); const form = document.forms.namedItem("searchEngine");
@ -41,15 +41,15 @@ export default () => {
} }
}}> }}>
<input name="engine" class="form-control me-2" placeholder="e.g. https://google.com/search" aria-label="Set Search Engine" /> <input name="engine" class="form-control me-2" placeholder="e.g. https://google.com/search" />
<br /> <br />
<input name="engineName" class="form-control me-2" placeholder="e.g. Google" aria-label="Set Search Engine Name" /> <input name="engineName" class="form-control me-2" placeholder="e.g. Google" />
<br /> <br />
<button class="btn btn-primary" type="submit">Save</button> <button class="btn btn-primary" type="submit">Save</button>
</form> </form>
<hr class="sidebar-divider" /> <hr class="sidebar-divider" />
<label>Weather Location</label> <h6>Weather Location</h6>
<form class="d-flex" id="weatherLocation" onSubmit={(e) => { <form class="d-flex" id="weatherLocation" onSubmit={(e) => {
e.preventDefault(); e.preventDefault();
const form = document.forms.namedItem("weatherLocation"); const form = document.forms.namedItem("weatherLocation");
@ -58,45 +58,45 @@ export default () => {
} }
}}> }}>
<input name="location" class="form-control me-2" placeholder="Leave blank for current location" aria-label="Set Search Engine" /> <input name="location" class="form-control me-2" placeholder="Leave blank for current location" />
<button class="btn btn-primary" type="submit">Save</button> <button class="btn btn-primary" type="submit">Save</button>
</form> </form>
<hr class="sidebar-divider" /> <hr class="sidebar-divider" />
<label>Color Scheme</label> <h6>Color Scheme</h6>
<ul class="nav nav-pills nav-fill"> <ul class="nav nav-pills nav-fill">
<li class="nav-item"> <li class="nav-item">
<button class="btn btn-primary" onClick={() => { localStorage.setItem("colorScheme", "auto"); location.reload() }}>Auto</button> <button class="btn btn-primary" type={"button"} onClick={() => { localStorage.setItem("colorScheme", "auto"); location.reload() }}>Auto</button>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<button class="btn btn-primary" onClick={() => { localStorage.setItem("colorScheme", "light"); dataset.bsTheme = "light" }}>Light</button> <button class="btn btn-primary" type={"button"} onClick={() => { localStorage.setItem("colorScheme", "light"); dataset.bsTheme = "light" }}>Light</button>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<button class="btn btn-primary" onClick={() => { localStorage.setItem("colorScheme", "dark"); dataset.bsTheme = "dark" }}>Dark</button> <button class="btn btn-primary" type={"button"} onClick={() => { localStorage.setItem("colorScheme", "dark"); dataset.bsTheme = "dark" }}>Dark</button>
</li> </li>
</ul> </ul>
<hr class="sidebar-divider" /> <hr class="sidebar-divider" />
<label>Theme</label> <h6>Theme</h6>
<ul class="nav nav-pills nav-fill"> <ul class="nav nav-pills nav-fill">
<li class="nav-item"> <li class="nav-item">
<button class="btn btn-primary" onClick={() => { localStorage.setItem("theme", "default"); dataset.bsCore = "default" }}>Default</button> <button class="btn btn-primary" type={"button"} onClick={() => { localStorage.setItem("theme", "default"); dataset.bsCore = "default" }}>Default</button>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<button class="btn btn-primary" onClick={() => { localStorage.setItem("theme", "modern"); dataset.bsCore = "modern" }}>Modern</button> <button class="btn btn-primary" type={"button"} onClick={() => { localStorage.setItem("theme", "modern"); dataset.bsCore = "modern" }}>Modern</button>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<button class="btn btn-primary" onClick={() => { localStorage.setItem("theme", "elegant"); dataset.bsCore = "elegant" }}>Elegant</button> <button class="btn btn-primary" type={"button"} onClick={() => { localStorage.setItem("theme", "elegant"); dataset.bsCore = "elegant" }}>Elegant</button>
</li> </li>
</ul> </ul>
<hr class="sidebar-divider" /> <hr class="sidebar-divider" />
<button class="btn btn-secondary" onClick={() => {localStorage.setItem("sidebar", "false"); location.reload()}}>Save & Close</button> <button class="btn btn-secondary" type={"button"} onClick={() => {localStorage.setItem("sidebar", "false"); location.reload()}}>Save & Close</button>
<hr class="sidebar-divider" /> <hr class="sidebar-divider" />
<label>About</label> <h6>About</h6>
<p>halfPage is a minimalistic startpage, built on only open-source software.</p> <p>halfPage is a minimalistic startpage, built on only open-source software.</p>
<a href="https://www.gethalfmoon.com/wttr">halfmoon</a> <a href="https://www.gethalfmoon.com/wttr">halfmoon</a>
<a href="https://github.com/chubin/wttr.in">wttr.in</a> <a href="https://github.com/chubin/wttr.in">wttr.in</a>

2
src/main.tsx
View file

@ -5,7 +5,7 @@ import 'halfmoon/css/cores/halfmoon.modern.css';
import 'halfmoon/css/cores/halfmoon.elegant.css'; import 'halfmoon/css/cores/halfmoon.elegant.css';
import App from './components/app.tsx' import App from './components/app.tsx'
const dataset = document.getElementById("html")!.dataset; const dataset = document.getElementById("html")?.dataset!;
const colorScheme = localStorage.getItem("colorScheme") || (window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light") || "auto"; const colorScheme = localStorage.getItem("colorScheme") || (window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light") || "auto";
if (colorScheme === "auto") { if (colorScheme === "auto") {

5
tsconfig.app.json
View file

@ -10,8 +10,6 @@
"react": ["./node_modules/preact/compat/"], "react": ["./node_modules/preact/compat/"],
"react-dom": ["./node_modules/preact/compat/"] "react-dom": ["./node_modules/preact/compat/"]
}, },
/* Bundler mode */
"moduleResolution": "bundler", "moduleResolution": "bundler",
"allowImportingTsExtensions": true, "allowImportingTsExtensions": true,
"isolatedModules": true, "isolatedModules": true,
@ -19,8 +17,7 @@
"noEmit": true, "noEmit": true,
"jsx": "react-jsx", "jsx": "react-jsx",
"jsxImportSource": "preact", "jsxImportSource": "preact",
/* Linting */
"strict": true, "strict": true,
"noUnusedLocals": true, "noUnusedLocals": true,
"noUnusedParameters": true, "noUnusedParameters": true,

2
tsconfig.node.json
View file

@ -6,14 +6,12 @@
"module": "ESNext", "module": "ESNext",
"skipLibCheck": true, "skipLibCheck": true,
/* Bundler mode */
"moduleResolution": "bundler", "moduleResolution": "bundler",
"allowImportingTsExtensions": true, "allowImportingTsExtensions": true,
"isolatedModules": true, "isolatedModules": true,
"moduleDetection": "force", "moduleDetection": "force",
"noEmit": true, "noEmit": true,
/* Linting */
"strict": true, "strict": true,
"noUnusedLocals": true, "noUnusedLocals": true,
"noUnusedParameters": true, "noUnusedParameters": true,