Skip to content

Commit 7bef7ca

Browse files
committed
chore: update icons, add get desktop button
1 parent 517c131 commit 7bef7ca

6 files changed

Lines changed: 30 additions & 24 deletions

File tree

index.html

Lines changed: 9 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,8 @@
22
<html lang="en">
33
<head>
44
<meta charset="UTF-8" />
5-
<link rel="icon" id="favicon" type="image/png" href="/favicon.png" />
5+
<link rel="icon" id="favicon" type="image/png" sizes="128x128" href="/favicon.png" />
6+
<link rel="apple-touch-icon" href="/favicon.png" />
67
<script>
78
(function() {
89
const stored = localStorage.getItem('ui-theme');
@@ -28,18 +29,19 @@
2829
})();
2930
</script>
3031
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
31-
<title>TryDevUtils - Essential Developer Utilities</title>
32-
<meta name="description" content="Free open source developer utilities for JWT decoding, encoding, JSON formatting, validation, and UUID generation, Base64 converter, Timestamp/date converter, Text diff, Cron parser, Colour converter, Hash generator, Yaml validator. All processing happens locally in your browser." />
32+
<title>TryDevUtils - Essential Developer Utilities | Web & Desktop App</title>
33+
<meta name="description" content="Free open source developer utilities for JWT decoding, encoding, JSON formatting, validation, and UUID generation, Base64 converter, Timestamp/date converter, Text diff, Cron parser, Colour converter, Hash generator, Yaml validator. Available as a web app and desktop app for macOS, Windows, and Linux. All processing happens locally — no data leaves your device." />
3334
<meta name="author" content="TryDevUtils" />
35+
<meta name="keywords" content="developer tools, dev utilities, JWT decoder, JSON formatter, Base64 converter, UUID generator, hash generator, cron parser, desktop app, macOS, Windows, Linux, open source, privacy, offline" />
3436

35-
<meta property="og:title" content="TryDevUtils - Essential Developer Utilities" />
36-
<meta property="og:description" content="Free open source developer utilities for JWT decoding, encoding, JSON formatting, validation, and UUID generation, Base64 converter, Timestamp/date converter, Text diff, Cron parser, Colour converter, Hash generator, Yaml validator. All processing happens locally in your browser." />
37+
<meta property="og:title" content="TryDevUtils - Essential Developer Utilities | Web & Desktop App" />
38+
<meta property="og:description" content="Free open source developer utilities for JWT decoding, encoding, JSON formatting, validation, and UUID generation, Base64 converter, Timestamp/date converter, Text diff, Cron parser, Colour converter, Hash generator, Yaml validator. Available as a web app and desktop app for macOS, Windows, and Linux. All processing happens locally — no data leaves your device." />
3739
<meta property="og:type" content="website" />
3840
<meta property="og:image" content="/og_trydevutils.png" />
3941

4042
<meta name="twitter:card" content="summary_large_image" />
41-
<meta property="twitter:title" content="TryDevUtils - Essential Developer Utilities" />
42-
<meta name="twitter:description" content="Free open source developer utilities for JWT decoding, encoding, JSON formatting, validation, and UUID generation, Base64 converter, Timestamp/date converter, Text diff, Cron parser, Colour converter, Hash generator, Yaml validator. All processing happens locally in your browser." />
43+
<meta property="twitter:title" content="TryDevUtils - Essential Developer Utilities | Web & Desktop App" />
44+
<meta name="twitter:description" content="Free open source developer utilities for JWT decoding, encoding, JSON formatting, validation, and UUID generation, Base64 converter, Timestamp/date converter, Text diff, Cron parser, Colour converter, Hash generator, Yaml validator. Available as a web app and desktop app for macOS, Windows, and Linux. All processing happens locally — no data leaves your device." />
4345
<meta name="twitter:image" content="/og_trydevutils.png" />
4446
</head>
4547

public/favicon.png

8.27 KB
Loading

public/logo.png

5.97 KB
Loading

src-tauri/src/lib.rs

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
#[cfg(debug_assertions)]
12
use tauri::Manager;
23

34
#[tauri::command]
@@ -23,10 +24,10 @@ pub fn run() {
2324
get_app_version,
2425
get_platform,
2526
])
26-
.setup(|app| {
27+
.setup(|_app| {
2728
#[cfg(debug_assertions)]
2829
{
29-
let window = app.get_webview_window("main").unwrap();
30+
let window = _app.get_webview_window("main").unwrap();
3031
window.open_devtools();
3132
}
3233

src/components/Layout.tsx

Lines changed: 7 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -29,13 +29,11 @@ export function Layout() {
2929
<header className="border-b border-border/50 bg-card/50 backdrop-blur-sm sticky top-0 z-10">
3030
<div className="container mx-auto px-4 py-6">
3131
<div className="flex items-center gap-3">
32-
<Link to="/" className="flex items-center gap-2 hover:opacity-80 transition-opacity">
33-
<div className="p-2 rounded-lg dev-gradient">
34-
<img src="/logo.png" alt="TryDevUtils Logo" className="h-6 w-6" />
35-
</div>
32+
<Link to="/" className="flex items-center gap-3 hover:opacity-80 transition-opacity">
33+
<img src="/logo.png" alt="TryDevUtils Logo" className="h-9 w-9 rounded-lg" />
3634
<div>
3735
<h1 className="text-2xl font-bold text-foreground">TryDevUtils</h1>
38-
<p className="text-sm text-muted-foreground">Essential developer utilities</p>
36+
<p className="text-sm text-muted-foreground">Essential developer utilities — web & desktop</p>
3937
</div>
4038
</Link>
4139
<div className="ml-auto flex items-center gap-1">
@@ -96,22 +94,22 @@ export function Layout() {
9694
</DialogTrigger>
9795
<DialogContent className="sm:max-w-md">
9896
<DialogHeader className="text-center pb-2">
99-
<div className="mx-auto mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-gradient-to-br from-blue-500 to-purple-600 overflow-hidden">
100-
<img src="/logo.png" alt="TryDevUtils Logo" className="h-8 w-8 object-contain" />
97+
<div className="mx-auto mb-4">
98+
<img src="/logo.png" alt="TryDevUtils Logo" className="h-16 w-16 rounded-xl" />
10199
</div>
102100
<DialogTitle className="text-xl font-bold bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent">
103101
Why Choose TryDevUtils?
104102
</DialogTitle>
105103
<DialogDescription className="text-sm text-muted-foreground mt-2">
106-
Clean, fast, and privacy-focused developer utilities
104+
Clean, fast, and privacy-focused developer utilities — available on the web and as a desktop app for macOS, Windows, and Linux
107105
</DialogDescription>
108106
</DialogHeader>
109107

110108
<div className="space-y-6">
111109
<div className="rounded-lg bg-muted/50 p-4 border border-border/50">
112110
<p className="text-sm text-muted-foreground leading-relaxed">
113111
Most developer utils websites are bloated with ads, trackers, and unnecessary scripts.
114-
This project delivers essential utils in a clean, distraction-free interface.
112+
TryDevUtils delivers essential utils in a clean, distraction-free interface — use it in your browser or download the native desktop app for macOS, Windows, and Linux.
115113
</p>
116114
</div>
117115

src/pages/Index.tsx

Lines changed: 11 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ import { useState, useEffect } from "react";
22
import { Link } from "react-router-dom";
33
import { utils, Util } from "@/lib/utils";
44
import { prefetchUtil } from "@/lib/lazyUtils";
5-
import { Keyboard, Heart } from "lucide-react";
5+
import { Keyboard, Heart, Monitor, Download } from "lucide-react";
66
import { isTauri } from "@/lib/platform";
77

88
const FAVORITES_STORAGE_KEY = "try-devutils-favourites";
@@ -176,11 +176,16 @@ const Index = () => {
176176
<kbd className="px-1.5 py-0.5 rounded border bg-background text-xs font-mono">?</kbd>
177177
<span>for shortcuts</span>
178178
</div>
179-
<div className="inline-flex items-center gap-2 text-sm text-muted-foreground bg-muted/50 px-3 py-1.5 rounded-full">
180-
<span>Hover over utils and click</span>
181-
<Heart className="h-3.5 w-3.5 text-red-500 fill-red-500" />
182-
<span>to favourite them</span>
183-
</div>
179+
<a
180+
href="https://github.com/gammabowl/try-devutils/releases"
181+
target="_blank"
182+
rel="noopener noreferrer"
183+
className="inline-flex items-center gap-2 text-sm text-muted-foreground bg-gradient-to-r from-blue-500/10 to-purple-500/10 border border-blue-500/20 hover:border-blue-500/40 px-3 py-1.5 rounded-full hover:text-foreground transition-all duration-200 group"
184+
>
185+
<Monitor className="h-3.5 w-3.5 text-blue-500" />
186+
<span>Get the Desktop App</span>
187+
<Download className="h-3 w-3 text-blue-500 group-hover:translate-y-0.5 transition-transform" />
188+
</a>
184189
</div>
185190
</div>
186191

0 commit comments

Comments
 (0)