refactor: rename application from JSON Visualiser to DevLab

- Updated the title and references throughout the application to reflect the new name, DevLab.
- Adjusted the About, Contact, Home, and JSON Viewer pages to align with the rebranding.
This commit is contained in:
2026-01-19 14:51:10 +08:00
parent f52ca401cf
commit c574297fe2
7 changed files with 8 additions and 8 deletions
+1 -1
View File
@@ -1,4 +1,4 @@
# JSON Visualiser # DevLab
A sophisticated, TypeScript-powered tool designed to parse JSON data and visualise **JSONPath** queries with precision. This tool allows developers to navigate complex data structures, highlight specific fields, and extract data efficiently. A sophisticated, TypeScript-powered tool designed to parse JSON data and visualise **JSONPath** queries with precision. This tool allows developers to navigate complex data structures, highlight specific fields, and extract data efficiently.
+1 -1
View File
@@ -4,7 +4,7 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/onixbyte.svg" /> <link rel="icon" type="image/svg+xml" href="/onixbyte.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>JSON Visualiser</title> <title>DevLab</title>
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>
+1 -1
View File
@@ -17,7 +17,7 @@ export default function HeroLayout() {
<div className="flex justify-between items-center h-16"> <div className="flex justify-between items-center h-16">
<div className="flex items-center"> <div className="flex items-center">
<h1 className="text-xl font-semibold text-gray-900"> <h1 className="text-xl font-semibold text-gray-900">
JSON Visualiser DevLab
</h1> </h1>
</div> </div>
<nav className="flex space-x-8"> <nav className="flex space-x-8">
+2 -2
View File
@@ -1,12 +1,12 @@
/** /**
* About page component that displays information about the JSON Visualiser application. * About page component that displays information about the DevLab application.
*/ */
export default function About() { export default function About() {
return ( return (
<div className="space-y-8 max-w-6xl mx-auto"> <div className="space-y-8 max-w-6xl mx-auto">
{/* Page Header */} {/* Page Header */}
<div className="text-center"> <div className="text-center">
<h1 className="text-3xl font-bold text-gray-900 sm:text-4xl">About JSON Visualiser</h1> <h1 className="text-3xl font-bold text-gray-900 sm:text-4xl">About DevLab</h1>
<p className="mt-4 text-lg text-gray-600"> <p className="mt-4 text-lg text-gray-600">
A powerful, privacy-focused tool for debugging and visualising complex JSON data A powerful, privacy-focused tool for debugging and visualising complex JSON data
structures. structures.
+1 -1
View File
@@ -23,7 +23,7 @@ export default function Contact() {
${message} ${message}
--- ---
*Generated via JSON Visualiser Contact Page* *Generated via DevLab Contact Page*
`.trim() `.trim()
const githubUrl = `https://github.com/${owner}/${repo}/issues/new?title=${encodeURIComponent( const githubUrl = `https://github.com/${owner}/${repo}/issues/new?title=${encodeURIComponent(
+1 -1
View File
@@ -8,7 +8,7 @@ export default function Home() {
<div className="space-y-8 max-w-6xl mx-auto"> <div className="space-y-8 max-w-6xl mx-auto">
{/* Page Header */} {/* Page Header */}
<div className="text-center"> <div className="text-center">
<h1 className="text-3xl font-bold text-gray-900 sm:text-4xl">JSON Visualiser</h1> <h1 className="text-3xl font-bold text-gray-900 sm:text-4xl">DevLab</h1>
<p className="mt-4 text-lg text-gray-600"> <p className="mt-4 text-lg text-gray-600">
A powerful, privacy-focused tool for debugging and visualising complex JSON data A powerful, privacy-focused tool for debugging and visualising complex JSON data
structures. structures.
+1 -1
View File
@@ -3,7 +3,7 @@ import jp from "jsonpath"
import JsonTreeNode from "@/components/json-tree-node" import JsonTreeNode from "@/components/json-tree-node"
/** /**
* JSON Viewer page component that displays the JSON Visualiser tool. * JSON Viewer page component that displays the JSON Visualiser tool in DevLab.
*/ */
export default function JsonViewer() { export default function JsonViewer() {
const initialData = { const initialData = {