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.
+1 -1
View File
@@ -4,7 +4,7 @@
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/onixbyte.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>JSON Visualiser</title>
<title>DevLab</title>
</head>
<body>
<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 items-center">
<h1 className="text-xl font-semibold text-gray-900">
JSON Visualiser
DevLab
</h1>
</div>
<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() {
return (
<div className="space-y-8 max-w-6xl mx-auto">
{/* Page Header */}
<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">
A powerful, privacy-focused tool for debugging and visualising complex JSON data
structures.
+1 -1
View File
@@ -23,7 +23,7 @@ export default function Contact() {
${message}
---
*Generated via JSON Visualiser Contact Page*
*Generated via DevLab Contact Page*
`.trim()
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">
{/* Page Header */}
<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">
A powerful, privacy-focused tool for debugging and visualising complex JSON data
structures.
+1 -1
View File
@@ -3,7 +3,7 @@ import jp from "jsonpath"
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() {
const initialData = {