fix: update repository and bugs URLs in package.json for consistency

refactor: update image preview handling by removing related state and props

feat: introduce JSONCrackBrandLogo component for branding

fix: update imports to use JSONCrackBrandLogo in Footer and Navbar

refactor: simplify CustomNode and TextNode components by removing imagePreviewEnabled prop

fix: update README.md to reflect changes in JSONCrack component props

chore: add JSONCrackComponent and associated styles for improved structure

refactor: update parser to remove imagePreviewEnabled option and simplify logic

refactor: adjust calculateNodeSize function to remove imagePreviewEnabled parameter

.env.development

@@ -1,3 +0,0 @@
-NEXT_PUBLIC_BASE_URL=http://localhost:3000
-NEXT_PUBLIC_ALTOGIC_ENV_URL=https://jsoncrack.c5-na.altogic.com
-NEXT_PUBLIC_ALTOGIC_CLIENT_KEY=f1e92022789f4ccf91273a345ab2bdf8

.env.production

@@ -1,3 +0,0 @@
-NEXT_PUBLIC_BASE_URL=https://jsoncrack.com
-NEXT_PUBLIC_ALTOGIC_ENV_URL=https://jsoncrack.c5-na.altogic.com
-NEXT_PUBLIC_ALTOGIC_CLIENT_KEY=f1e92022789f4ccf91273a345ab2bdf8

.eslintrc.json

@@ -1,8 +0,0 @@
-{
-  "rules": {
-    "@next/next/no-img-element": "off",
-    "unused-imports/no-unused-imports": "error"
-  },
-  "extends": ["next/core-web-vitals"],
-  "plugins": ["unused-imports"]
-}

.github/FUNDING.yml

@@ -1,13 +0,0 @@
-# These are supported funding model platforms
-
-github: AykutSarac
-patreon: # patreon name
-open_collective: # opencollective name
-ko_fi: # Replace with a single Ko-fi username
-tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
-community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
-liberapay: # Replace with a single Liberapay username
-issuehunt: # Replace with a single IssueHunt username
-otechie: # Replace with a single Otechie username
-lfx_crowdfunding: # Replace with a single LFX Crowdfunding project-name e.g., cloud-foundry
-custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']

.github/ISSUE_TEMPLATE/bug_report.yml

@@ -2,7 +2,6 @@ name: Bug report
 description: Create a report to help us improve
 title: "[BUG]: <Context of the issue>"
 labels: bug
-assignees: AykutSarac
 body:
   - type: textarea
     id: description
@@ -24,8 +23,7 @@ body:
     id: media
     attributes:
       label: Media & Screenshots
-      description: Inlude screenshots or video of reproduction as much as possible
-      render: md
+      description: Include screenshots or video of reproduction as much as possible
   - type: textarea
     id: os
     attributes:
@@ -34,7 +32,7 @@ body:
       value: |
        - OS: [e.g. iOS]:
        - Browser [e.g. chrome, safari]:
-       
+
        - Any other details...
   - type: dropdown
     id: priority

.github/pull_request_template.md

@@ -0,0 +1,45 @@
+## Issue
+Closes #[ISSUE_NUMBER]
+
+## What Changed
+Brief description of what you changed and why.
+
+Example:
+- Added JSON validation tooltip on parse error
+- Improved performance by memoizing graph component
+- Fixed bug where large JSON files caused slowdown
+
+## How to Test
+Step-by-step instructions to test the change:
+
+1. ...
+2. ...
+3. ...
+
+## Evidence
+**Screenshots or Video Required** — Choose one or both:
+
+### Screenshots
+- [ ] Before/after screenshots attached (for UI changes)
+
+### Video
+- [ ] Screen recording of the feature in action
+
+### Testing
+- [ ] Tested locally with `pnpm dev`
+- [ ] No console errors
+- [ ] Tested with large JSON files (if applicable)
+
+## Performance Impact
+Any notes on performance, re-renders, or potential concerns?
+
+- [ ] No performance impact
+- [ ] Improved performance (explain how)
+- [ ] Potential impact (explain and justify)
+
+## Additional Notes
+Anything else reviewers should know?
+
+---
+
+**Remember:** If this PR is not linked to an issue, it may be closed. Always reference an approved issue!

.github/workflows/deploy.yml

@@ -0,0 +1,90 @@
+name: Deploy Next.js site to Pages
+
+on:
+  push:
+    branches: ["main"]
+
+  workflow_dispatch:
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+concurrency:
+  group: "pages"
+  cancel-in-progress: true
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v6
+        with:
+          fetch-depth: 0
+
+      - name: Setup Node
+        uses: actions/setup-node@v6
+        with:
+          node-version: "24.10.0"
+
+      - uses: pnpm/action-setup@v4
+        name: Install pnpm
+        with:
+          version: 10.20.0
+          run_install: false
+
+      - name: Get pnpm store directory
+        shell: bash
+        run: |
+          echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
+
+      - uses: actions/cache@v5
+        name: Setup pnpm cache
+        with:
+          path: ${{ env.STORE_PATH }}
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-store-
+
+      - name: Restore Turbo and Next.js cache
+        uses: actions/cache@v5
+        with:
+          path: |
+            .turbo
+            apps/www/.next/cache
+          key: ${{ runner.os }}-turbo-next-${{ hashFiles('pnpm-lock.yaml', 'turbo.json') }}-${{ hashFiles('apps/www/**.[jt]s', 'apps/www/**.[jt]sx', 'packages/**.[jt]s', 'packages/**.[jt]sx') }}
+          restore-keys: |
+            ${{ runner.os }}-turbo-next-${{ hashFiles('pnpm-lock.yaml', 'turbo.json') }}-
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Build with Turborepo
+        run: pnpm run build:www
+        env:
+          NEXT_PUBLIC_GA_MEASUREMENT_ID: ${{ vars.NEXT_PUBLIC_GA_MEASUREMENT_ID }}
+
+      - name: Upload Build Artifacts
+        uses: actions/upload-artifact@v6
+        with:
+          name: build-files
+          path: ./apps/www/out/_next/static/chunks
+
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v4
+        with:
+          path: './apps/www/out'
+
+  # Deployment job
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    needs: build
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

.github/workflows/pull-request.yml

@@ -0,0 +1,58 @@
+name: Verify Pull Request
+
+on:
+  pull_request:
+    branches: [ "main" ]
+
+jobs:
+  cache-and-install:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v6
+
+      - name: Install Node.js
+        uses: actions/setup-node@v6
+        with:
+          node-version: "24.10.0"
+
+      - uses: pnpm/action-setup@v4
+        name: Install pnpm
+        with:
+          version: 10.20.0
+          run_install: false
+
+      - name: Get pnpm store directory
+        shell: bash
+        run: |
+          echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
+
+      - uses: actions/cache@v5
+        name: Setup pnpm cache
+        with:
+          path: ${{ env.STORE_PATH }}
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-store-
+
+      - name: Restore Turbo and Next.js cache
+        uses: actions/cache@v5
+        with:
+          path: |
+            .turbo
+            apps/www/.next/cache
+          key: ${{ runner.os }}-turbo-next-${{ hashFiles('pnpm-lock.yaml', 'turbo.json') }}-${{ hashFiles('apps/www/**.[jt]s', 'apps/www/**.[jt]sx', 'packages/**.[jt]s', 'packages/**.[jt]sx') }}
+          restore-keys: |
+            ${{ runner.os }}-turbo-next-${{ hashFiles('pnpm-lock.yaml', 'turbo.json') }}-
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Lint
+        run: pnpm turbo run lint
+
+      - name: Build
+        run: pnpm turbo run build
+
+        

.gitignore

@@ -1,42 +1,26 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+# Agent tooling
+.agents
+.claude
+.codex
 
-# dependencies
-/node_modules
-/.pnp
-.pnp.js
-
-# testing
-/coverage
-
-# next.js
-/.next/
-/out/
-
-# production
-/build
-
-# misc
-.DS_Store
-*.pem
-
-# debug
+# Package manager
+node_modules/
+.npm-cache/
+.pnpm-store/
+.pnp*
 npm-debug.log*
+pnpm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 
-# local env files
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
+# Turborepo
+.turbo/
 
-# vercel
-.vercel
+# Build outputs and caches (all workspaces)
+**/.next/
+**/out/
+**/coverage/
+**/*.tsbuildinfo
 
-# typescript
-*.tsbuildinfo
-
-# PWA workers
-**/public/workbox-*.js
-**/public/sw.js
-**/public/fallback-*.js
+# OS
+.DS_Store

.npmrc

@@ -1 +1 @@
-legacy-peer-deps=true
+engine-strict=true

.travis.yml

@@ -1,21 +0,0 @@
-language: node_js
-node_js:
-  - "14"
-branches:
-  only:
-    - main
-cache:
-  directories:
-    - node_modules
-script:
-  - npm run lint
-  - npm run build
-deploy:
-  provider: pages
-  skip_cleanup: true
-  local_dir: out
-  token: $GITHUB_TOKEN
-  target_branch: gh-pages
-  keep_history: true
-  on:
-    branch: main

.vscode/launch.json

@@ -0,0 +1,17 @@
+{
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "Run VSCode Extension (apps/vscode)",
+      "type": "extensionHost",
+      "request": "launch",
+      "args": [
+        "--extensionDevelopmentPath=${workspaceFolder}/apps/vscode"
+      ],
+      "outFiles": [
+        "${workspaceFolder}/apps/vscode/build/**/*.js"
+      ],
+      "preLaunchTask": "build vscode extension"
+    }
+  ]
+}

.vscode/tasks.json

@@ -0,0 +1,20 @@
+{
+  "version": "2.0.0",
+  "tasks": [
+    {
+      "label": "build vscode extension",
+      "type": "shell",
+      "command": "pnpm run build:vscode",
+      "group": {
+        "kind": "build",
+        "isDefault": true
+      }
+    },
+    {
+      "label": "watch vscode extension",
+      "type": "shell",
+      "command": "pnpm run dev:vscode",
+      "isBackground": true
+    }
+  ]
+}

CONTRIBUTING.md

@@ -1,80 +1,129 @@
-# Welcome to the JSON Crack contributing guide <!-- omit in toc -->
+# Contributing to JSON Crack
 
-Thank you for investing your time in contributing to our project! Any contribution you make will be reflected at [jsoncrack.com](https://jsoncrack.com).
+Thank you for wanting to contribute! This is a community-driven project, and we appreciate your help. Please read this guide carefully to make the review process smooth and fast.
 
-Read our [Code of Conduct](./CODE_OF_CONDUCT.md) to keep our community approachable and respectable.
+**Read our [Code of Conduct](./CODE_OF_CONDUCT.md) first** — we want to keep this community friendly and welcoming.
 
-In this guide you will get an overview of the contribution workflow from opening an issue, creating a PR, reviewing, and merging the PR.
+---
 
-Use the table of contents icon on the top left corner of this document to get to a specific section of this guide quickly.
+## Before You Start: The Issue-First Workflow
 
-## New contributor guide
+**Always open or find an issue BEFORE you start coding.** This saves everyone time.
 
-To get an overview of the project, read the [README](README.md). Here are some resources to help you get started with open source contributions:
+1. **Check existing issues** — Search to see if someone already reported this or is working on it
+2. **Open a new issue** if one doesn't exist — Describe what you want to fix or build
+3. **Wait for approval** — I'll review and give feedback (usually within a few days)
+4. **Once approved**, you can start coding
+5. **Link your PR to the issue** — Use `Closes #123` in your PR description
 
-- [Finding ways to contribute to open source on GitHub](https://docs.github.com/en/get-started/exploring-projects-on-github/finding-ways-to-contribute-to-open-source-on-github)
-- [Set up Git](https://docs.github.com/en/get-started/quickstart/set-up-git)
-- [GitHub flow](https://docs.github.com/en/get-started/quickstart/github-flow)
-- [Collaborating with pull requests](https://docs.github.com/en/github/collaborating-with-pull-requests)
+This workflow prevents duplicate work and ensures your contribution aligns with the project's direction.
 
-## Getting started
+---
 
-Join the [Discord channel](https://discord.gg/yVyTtCRueq). If you have questions or feedback, this is the best place to reach the team and other contributors directly.
+## Quick Setup
 
-### Issues
+### Prerequisites
+- Node.js 18+
+- pnpm (or npm/yarn)
 
-#### Create a new issue
+### Tech Stack
+JSON Crack uses:
+- **React** — UI library
+- **Reaflow** — Graph visualization
+- **Mantine UI** — UI components
+- **Zustand** — State management
 
-If you spot a problem, [search if an issue already exists](https://github.com/AykutSarac/jsoncrack.com/issues). If a related issue doesn't exist, you can open a new issue using a relevant [issue form](https://github.com/AykutSarac/jsoncrack.com/issues/new/choose).
+### Get Started
+```bash
+# Clone the repo
+git clone https://github.com/AykutSarac/jsoncrack.com.git
+cd jsoncrack.com
 
-#### Solve an issue
+# Install dependencies
+pnpm install
 
-Scan through our [existing issues](https://github.com/AykutSarac/jsoncrack.com/issues) to find one that interests you. You can narrow down the search using `labels` as filters. See [Labels](/contributing/how-to-use-labels.md) for more information. If you find an issue to work on, you are welcome to open a PR with a fix.
+# Run the dev server
+pnpm dev
+```
 
-### Make Changes
+The app will be available at `http://localhost:3000`
 
-#### Make changes locally
+---
 
-1. [Install Git LFS](https://docs.github.com/en/github/managing-large-files/versioning-large-files/installing-git-large-file-storage).
+## How to Submit a Pull Request
 
-2. Fork the repository.
+### Requirements
+Before submitting, make sure your PR includes:
 
-- Using GitHub Desktop:
+1. **Issue ID** — Reference the issue: `Closes #123`
+2. **Clear description** — What does this change do? Why?
+3. **Evidence of working changes** — One or both:
+   - **Screenshot** — Show the UI before/after
+   - **Video** — Screen recording of the feature in action
+4. **Test it locally** — Run `pnpm dev` and verify it works
+5. **Follow code style** — Use [Google TypeScript Style Guide](https://google.github.io/styleguide/tsguide.html)
 
-  - [Getting started with GitHub Desktop](https://docs.github.com/en/desktop/installing-and-configuring-github-desktop/getting-started-with-github-desktop) will guide you through setting up Desktop.
-  - Once Desktop is set up, you can use it to [fork the repo](https://docs.github.com/en/desktop/contributing-and-collaborating-using-github-desktop/cloning-and-forking-repositories-from-github-desktop)!
+### Creating Your Branch
+```bash
+git checkout -b fix/issue-123-description
+# or
+git checkout -b feature/issue-123-description
+```
 
-- Using the command line:
+Use clear branch names that reference the issue.
 
-  - [Fork the repo](https://docs.github.com/en/github/getting-started-with-github/fork-a-repo#fork-an-example-repository) so that you can make your changes without affecting the original project until you're ready to merge them.
+---
 
-- GitHub Codespaces:
-  - [Fork, edit, and preview](https://docs.github.com/en/free-pro-team@latest/github/developing-online-with-codespaces/creating-a-codespace) using [GitHub Codespaces](https://github.com/features/codespaces) without having to install and run the project locally.
+## Guidelines
 
-3. Install or update to **Node.js v16**.
+### Performance First
+- Avoid unnecessary re-renders
+- Use React DevTools Profiler to check performance
+- Test with large JSON files to ensure no slowdowns
 
-4. Create a working branch and start with your changes!
+### Code Quality
+- Follow the [Google TypeScript Style Guide](https://google.github.io/styleguide/tsguide.html)
+- Write descriptive commit messages
+- Keep changes focused — one feature/fix per PR
 
-5. Follow the [the development guide](guides/development.md).
+### Testing
+- Manually test your changes thoroughly
+- Describe exactly how you tested it in the PR
+- Make sure existing features still work
 
-### Commit your update
+---
 
-Commit the changes once you are happy with them.
+## Example PR
 
-### Pull Request
+Here's what a good PR looks like:
 
-When you're finished with the changes, create a pull request, also known as a PR.
+**Title:** Add JSON validation tooltip on parse error
 
-- Fill the "Ready for review" template so that we can review your PR. This template helps reviewers understand your changes as well as the purpose of your pull request.
-- Don't forget to [link PR to issue](https://docs.github.com/en/issues/tracking-your-work-with-issues/linking-a-pull-request-to-an-issue) if you are solving one.
-- Enable the checkbox to [allow maintainer edits](https://docs.github.com/en/github/collaborating-with-issues-and-pull-requests/allowing-changes-to-a-pull-request-branch-created-from-a-fork) so the branch can be updated for a merge.
-  Once you submit your PR, a team member will review your proposal. We may ask questions or request for additional information.
-- We may ask for changes to be made before a PR can be merged, either using [suggested changes](https://docs.github.com/en/github/collaborating-with-issues-and-pull-requests/incorporating-feedback-in-your-pull-request) or pull request comments. You can apply suggested changes directly through the UI. You can make any other changes in your fork, then commit them to your branch.
-- As you update your PR and apply changes, mark each conversation as [resolved](https://docs.github.com/en/github/collaborating-with-issues-and-pull-requests/commenting-on-a-pull-request#resolving-conversations).
-- If you run into any merge issues, checkout this [git tutorial](https://lab.github.com/githubtraining/managing-merge-conflicts) to help you resolve merge conflicts and other issues.
+**Description:**
+```
+Closes #234
 
-### Your PR is merged!
+## What Changed
+Added a helpful tooltip that shows validation errors when JSON fails to parse, making it easier for users to fix their JSON.
 
-Congratulations :tada::tada: The JSON Crack team thanks you :sparkles:.
+## How to Test
+1. Paste invalid JSON: `{invalid`
+2. Look for the red error indicator
+3. Hover over it to see the detailed error message
 
-Once your PR is merged, your contributions will become part of the next JSON Crack release, and will be visible in the [JSON Crack app](https://jsoncrack.com).
+## Evidence
+- [Screenshot of tooltip](link-to-image)
+
+## Performance Notes
+No performance impact. Tooltip renders conditionally only on errors.
+```
+
+---
+
+## Questions?
+
+- Found a bug? Open an issue
+- Have an idea? Open an issue
+- Confused about something? Comment on the issue
+
+Thank you for contributing to JSON Crack! 🎉

Dockerfile

@@ -1,11 +0,0 @@
-# Builder
-FROM node:14-buster as builder
-WORKDIR /src
-COPY . /src
-RUN yarn install --legacy-peer-deps
-RUN yarn run build
-
-# App
-FROM nginxinc/nginx-unprivileged
-COPY --from=builder /src/out /app
-COPY default.conf /etc/nginx/conf.d/default.conf

LICENSE

@@ -1,674 +0,0 @@
-                    GNU GENERAL PUBLIC LICENSE
-                       Version 3, 29 June 2007
-
- Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>
- Everyone is permitted to copy and distribute verbatim copies
- of this license document, but changing it is not allowed.
-
-                            Preamble
-
-  The GNU General Public License is a free, copyleft license for
-software and other kinds of works.
-
-  The licenses for most software and other practical works are designed
-to take away your freedom to share and change the works.  By contrast,
-the GNU General Public License is intended to guarantee your freedom to
-share and change all versions of a program--to make sure it remains free
-software for all its users.  We, the Free Software Foundation, use the
-GNU General Public License for most of our software; it applies also to
-any other work released this way by its authors.  You can apply it to
-your programs, too.
-
-  When we speak of free software, we are referring to freedom, not
-price.  Our General Public Licenses are designed to make sure that you
-have the freedom to distribute copies of free software (and charge for
-them if you wish), that you receive source code or can get it if you
-want it, that you can change the software or use pieces of it in new
-free programs, and that you know you can do these things.
-
-  To protect your rights, we need to prevent others from denying you
-these rights or asking you to surrender the rights.  Therefore, you have
-certain responsibilities if you distribute copies of the software, or if
-you modify it: responsibilities to respect the freedom of others.
-
-  For example, if you distribute copies of such a program, whether
-gratis or for a fee, you must pass on to the recipients the same
-freedoms that you received.  You must make sure that they, too, receive
-or can get the source code.  And you must show them these terms so they
-know their rights.
-
-  Developers that use the GNU GPL protect your rights with two steps:
-(1) assert copyright on the software, and (2) offer you this License
-giving you legal permission to copy, distribute and/or modify it.
-
-  For the developers' and authors' protection, the GPL clearly explains
-that there is no warranty for this free software.  For both users' and
-authors' sake, the GPL requires that modified versions be marked as
-changed, so that their problems will not be attributed erroneously to
-authors of previous versions.
-
-  Some devices are designed to deny users access to install or run
-modified versions of the software inside them, although the manufacturer
-can do so.  This is fundamentally incompatible with the aim of
-protecting users' freedom to change the software.  The systematic
-pattern of such abuse occurs in the area of products for individuals to
-use, which is precisely where it is most unacceptable.  Therefore, we
-have designed this version of the GPL to prohibit the practice for those
-products.  If such problems arise substantially in other domains, we
-stand ready to extend this provision to those domains in future versions
-of the GPL, as needed to protect the freedom of users.
-
-  Finally, every program is threatened constantly by software patents.
-States should not allow patents to restrict development and use of
-software on general-purpose computers, but in those that do, we wish to
-avoid the special danger that patents applied to a free program could
-make it effectively proprietary.  To prevent this, the GPL assures that
-patents cannot be used to render the program non-free.
-
-  The precise terms and conditions for copying, distribution and
-modification follow.
-
-                       TERMS AND CONDITIONS
-
-  0. Definitions.
-
-  "This License" refers to version 3 of the GNU General Public License.
-
-  "Copyright" also means copyright-like laws that apply to other kinds of
-works, such as semiconductor masks.
-
-  "The Program" refers to any copyrightable work licensed under this
-License.  Each licensee is addressed as "you".  "Licensees" and
-"recipients" may be individuals or organizations.
-
-  To "modify" a work means to copy from or adapt all or part of the work
-in a fashion requiring copyright permission, other than the making of an
-exact copy.  The resulting work is called a "modified version" of the
-earlier work or a work "based on" the earlier work.
-
-  A "covered work" means either the unmodified Program or a work based
-on the Program.
-
-  To "propagate" a work means to do anything with it that, without
-permission, would make you directly or secondarily liable for
-infringement under applicable copyright law, except executing it on a
-computer or modifying a private copy.  Propagation includes copying,
-distribution (with or without modification), making available to the
-public, and in some countries other activities as well.
-
-  To "convey" a work means any kind of propagation that enables other
-parties to make or receive copies.  Mere interaction with a user through
-a computer network, with no transfer of a copy, is not conveying.
-
-  An interactive user interface displays "Appropriate Legal Notices"
-to the extent that it includes a convenient and prominently visible
-feature that (1) displays an appropriate copyright notice, and (2)
-tells the user that there is no warranty for the work (except to the
-extent that warranties are provided), that licensees may convey the
-work under this License, and how to view a copy of this License.  If
-the interface presents a list of user commands or options, such as a
-menu, a prominent item in the list meets this criterion.
-
-  1. Source Code.
-
-  The "source code" for a work means the preferred form of the work
-for making modifications to it.  "Object code" means any non-source
-form of a work.
-
-  A "Standard Interface" means an interface that either is an official
-standard defined by a recognized standards body, or, in the case of
-interfaces specified for a particular programming language, one that
-is widely used among developers working in that language.
-
-  The "System Libraries" of an executable work include anything, other
-than the work as a whole, that (a) is included in the normal form of
-packaging a Major Component, but which is not part of that Major
-Component, and (b) serves only to enable use of the work with that
-Major Component, or to implement a Standard Interface for which an
-implementation is available to the public in source code form.  A
-"Major Component", in this context, means a major essential component
-(kernel, window system, and so on) of the specific operating system
-(if any) on which the executable work runs, or a compiler used to
-produce the work, or an object code interpreter used to run it.
-
-  The "Corresponding Source" for a work in object code form means all
-the source code needed to generate, install, and (for an executable
-work) run the object code and to modify the work, including scripts to
-control those activities.  However, it does not include the work's
-System Libraries, or general-purpose tools or generally available free
-programs which are used unmodified in performing those activities but
-which are not part of the work.  For example, Corresponding Source
-includes interface definition files associated with source files for
-the work, and the source code for shared libraries and dynamically
-linked subprograms that the work is specifically designed to require,
-such as by intimate data communication or control flow between those
-subprograms and other parts of the work.
-
-  The Corresponding Source need not include anything that users
-can regenerate automatically from other parts of the Corresponding
-Source.
-
-  The Corresponding Source for a work in source code form is that
-same work.
-
-  2. Basic Permissions.
-
-  All rights granted under this License are granted for the term of
-copyright on the Program, and are irrevocable provided the stated
-conditions are met.  This License explicitly affirms your unlimited
-permission to run the unmodified Program.  The output from running a
-covered work is covered by this License only if the output, given its
-content, constitutes a covered work.  This License acknowledges your
-rights of fair use or other equivalent, as provided by copyright law.
-
-  You may make, run and propagate covered works that you do not
-convey, without conditions so long as your license otherwise remains
-in force.  You may convey covered works to others for the sole purpose
-of having them make modifications exclusively for you, or provide you
-with facilities for running those works, provided that you comply with
-the terms of this License in conveying all material for which you do
-not control copyright.  Those thus making or running the covered works
-for you must do so exclusively on your behalf, under your direction
-and control, on terms that prohibit them from making any copies of
-your copyrighted material outside their relationship with you.
-
-  Conveying under any other circumstances is permitted solely under
-the conditions stated below.  Sublicensing is not allowed; section 10
-makes it unnecessary.
-
-  3. Protecting Users' Legal Rights From Anti-Circumvention Law.
-
-  No covered work shall be deemed part of an effective technological
-measure under any applicable law fulfilling obligations under article
-11 of the WIPO copyright treaty adopted on 20 December 1996, or
-similar laws prohibiting or restricting circumvention of such
-measures.
-
-  When you convey a covered work, you waive any legal power to forbid
-circumvention of technological measures to the extent such circumvention
-is effected by exercising rights under this License with respect to
-the covered work, and you disclaim any intention to limit operation or
-modification of the work as a means of enforcing, against the work's
-users, your or third parties' legal rights to forbid circumvention of
-technological measures.
-
-  4. Conveying Verbatim Copies.
-
-  You may convey verbatim copies of the Program's source code as you
-receive it, in any medium, provided that you conspicuously and
-appropriately publish on each copy an appropriate copyright notice;
-keep intact all notices stating that this License and any
-non-permissive terms added in accord with section 7 apply to the code;
-keep intact all notices of the absence of any warranty; and give all
-recipients a copy of this License along with the Program.
-
-  You may charge any price or no price for each copy that you convey,
-and you may offer support or warranty protection for a fee.
-
-  5. Conveying Modified Source Versions.
-
-  You may convey a work based on the Program, or the modifications to
-produce it from the Program, in the form of source code under the
-terms of section 4, provided that you also meet all of these conditions:
-
-    a) The work must carry prominent notices stating that you modified
-    it, and giving a relevant date.
-
-    b) The work must carry prominent notices stating that it is
-    released under this License and any conditions added under section
-    7.  This requirement modifies the requirement in section 4 to
-    "keep intact all notices".
-
-    c) You must license the entire work, as a whole, under this
-    License to anyone who comes into possession of a copy.  This
-    License will therefore apply, along with any applicable section 7
-    additional terms, to the whole of the work, and all its parts,
-    regardless of how they are packaged.  This License gives no
-    permission to license the work in any other way, but it does not
-    invalidate such permission if you have separately received it.
-
-    d) If the work has interactive user interfaces, each must display
-    Appropriate Legal Notices; however, if the Program has interactive
-    interfaces that do not display Appropriate Legal Notices, your
-    work need not make them do so.
-
-  A compilation of a covered work with other separate and independent
-works, which are not by their nature extensions of the covered work,
-and which are not combined with it such as to form a larger program,
-in or on a volume of a storage or distribution medium, is called an
-"aggregate" if the compilation and its resulting copyright are not
-used to limit the access or legal rights of the compilation's users
-beyond what the individual works permit.  Inclusion of a covered work
-in an aggregate does not cause this License to apply to the other
-parts of the aggregate.
-
-  6. Conveying Non-Source Forms.
-
-  You may convey a covered work in object code form under the terms
-of sections 4 and 5, provided that you also convey the
-machine-readable Corresponding Source under the terms of this License,
-in one of these ways:
-
-    a) Convey the object code in, or embodied in, a physical product
-    (including a physical distribution medium), accompanied by the
-    Corresponding Source fixed on a durable physical medium
-    customarily used for software interchange.
-
-    b) Convey the object code in, or embodied in, a physical product
-    (including a physical distribution medium), accompanied by a
-    written offer, valid for at least three years and valid for as
-    long as you offer spare parts or customer support for that product
-    model, to give anyone who possesses the object code either (1) a
-    copy of the Corresponding Source for all the software in the
-    product that is covered by this License, on a durable physical
-    medium customarily used for software interchange, for a price no
-    more than your reasonable cost of physically performing this
-    conveying of source, or (2) access to copy the
-    Corresponding Source from a network server at no charge.
-
-    c) Convey individual copies of the object code with a copy of the
-    written offer to provide the Corresponding Source.  This
-    alternative is allowed only occasionally and noncommercially, and
-    only if you received the object code with such an offer, in accord
-    with subsection 6b.
-
-    d) Convey the object code by offering access from a designated
-    place (gratis or for a charge), and offer equivalent access to the
-    Corresponding Source in the same way through the same place at no
-    further charge.  You need not require recipients to copy the
-    Corresponding Source along with the object code.  If the place to
-    copy the object code is a network server, the Corresponding Source
-    may be on a different server (operated by you or a third party)
-    that supports equivalent copying facilities, provided you maintain
-    clear directions next to the object code saying where to find the
-    Corresponding Source.  Regardless of what server hosts the
-    Corresponding Source, you remain obligated to ensure that it is
-    available for as long as needed to satisfy these requirements.
-
-    e) Convey the object code using peer-to-peer transmission, provided
-    you inform other peers where the object code and Corresponding
-    Source of the work are being offered to the general public at no
-    charge under subsection 6d.
-
-  A separable portion of the object code, whose source code is excluded
-from the Corresponding Source as a System Library, need not be
-included in conveying the object code work.
-
-  A "User Product" is either (1) a "consumer product", which means any
-tangible personal property which is normally used for personal, family,
-or household purposes, or (2) anything designed or sold for incorporation
-into a dwelling.  In determining whether a product is a consumer product,
-doubtful cases shall be resolved in favor of coverage.  For a particular
-product received by a particular user, "normally used" refers to a
-typical or common use of that class of product, regardless of the status
-of the particular user or of the way in which the particular user
-actually uses, or expects or is expected to use, the product.  A product
-is a consumer product regardless of whether the product has substantial
-commercial, industrial or non-consumer uses, unless such uses represent
-the only significant mode of use of the product.
-
-  "Installation Information" for a User Product means any methods,
-procedures, authorization keys, or other information required to install
-and execute modified versions of a covered work in that User Product from
-a modified version of its Corresponding Source.  The information must
-suffice to ensure that the continued functioning of the modified object
-code is in no case prevented or interfered with solely because
-modification has been made.
-
-  If you convey an object code work under this section in, or with, or
-specifically for use in, a User Product, and the conveying occurs as
-part of a transaction in which the right of possession and use of the
-User Product is transferred to the recipient in perpetuity or for a
-fixed term (regardless of how the transaction is characterized), the
-Corresponding Source conveyed under this section must be accompanied
-by the Installation Information.  But this requirement does not apply
-if neither you nor any third party retains the ability to install
-modified object code on the User Product (for example, the work has
-been installed in ROM).
-
-  The requirement to provide Installation Information does not include a
-requirement to continue to provide support service, warranty, or updates
-for a work that has been modified or installed by the recipient, or for
-the User Product in which it has been modified or installed.  Access to a
-network may be denied when the modification itself materially and
-adversely affects the operation of the network or violates the rules and
-protocols for communication across the network.
-
-  Corresponding Source conveyed, and Installation Information provided,
-in accord with this section must be in a format that is publicly
-documented (and with an implementation available to the public in
-source code form), and must require no special password or key for
-unpacking, reading or copying.
-
-  7. Additional Terms.
-
-  "Additional permissions" are terms that supplement the terms of this
-License by making exceptions from one or more of its conditions.
-Additional permissions that are applicable to the entire Program shall
-be treated as though they were included in this License, to the extent
-that they are valid under applicable law.  If additional permissions
-apply only to part of the Program, that part may be used separately
-under those permissions, but the entire Program remains governed by
-this License without regard to the additional permissions.
-
-  When you convey a copy of a covered work, you may at your option
-remove any additional permissions from that copy, or from any part of
-it.  (Additional permissions may be written to require their own
-removal in certain cases when you modify the work.)  You may place
-additional permissions on material, added by you to a covered work,
-for which you have or can give appropriate copyright permission.
-
-  Notwithstanding any other provision of this License, for material you
-add to a covered work, you may (if authorized by the copyright holders of
-that material) supplement the terms of this License with terms:
-
-    a) Disclaiming warranty or limiting liability differently from the
-    terms of sections 15 and 16 of this License; or
-
-    b) Requiring preservation of specified reasonable legal notices or
-    author attributions in that material or in the Appropriate Legal
-    Notices displayed by works containing it; or
-
-    c) Prohibiting misrepresentation of the origin of that material, or
-    requiring that modified versions of such material be marked in
-    reasonable ways as different from the original version; or
-
-    d) Limiting the use for publicity purposes of names of licensors or
-    authors of the material; or
-
-    e) Declining to grant rights under trademark law for use of some
-    trade names, trademarks, or service marks; or
-
-    f) Requiring indemnification of licensors and authors of that
-    material by anyone who conveys the material (or modified versions of
-    it) with contractual assumptions of liability to the recipient, for
-    any liability that these contractual assumptions directly impose on
-    those licensors and authors.
-
-  All other non-permissive additional terms are considered "further
-restrictions" within the meaning of section 10.  If the Program as you
-received it, or any part of it, contains a notice stating that it is
-governed by this License along with a term that is a further
-restriction, you may remove that term.  If a license document contains
-a further restriction but permits relicensing or conveying under this
-License, you may add to a covered work material governed by the terms
-of that license document, provided that the further restriction does
-not survive such relicensing or conveying.
-
-  If you add terms to a covered work in accord with this section, you
-must place, in the relevant source files, a statement of the
-additional terms that apply to those files, or a notice indicating
-where to find the applicable terms.
-
-  Additional terms, permissive or non-permissive, may be stated in the
-form of a separately written license, or stated as exceptions;
-the above requirements apply either way.
-
-  8. Termination.
-
-  You may not propagate or modify a covered work except as expressly
-provided under this License.  Any attempt otherwise to propagate or
-modify it is void, and will automatically terminate your rights under
-this License (including any patent licenses granted under the third
-paragraph of section 11).
-
-  However, if you cease all violation of this License, then your
-license from a particular copyright holder is reinstated (a)
-provisionally, unless and until the copyright holder explicitly and
-finally terminates your license, and (b) permanently, if the copyright
-holder fails to notify you of the violation by some reasonable means
-prior to 60 days after the cessation.
-
-  Moreover, your license from a particular copyright holder is
-reinstated permanently if the copyright holder notifies you of the
-violation by some reasonable means, this is the first time you have
-received notice of violation of this License (for any work) from that
-copyright holder, and you cure the violation prior to 30 days after
-your receipt of the notice.
-
-  Termination of your rights under this section does not terminate the
-licenses of parties who have received copies or rights from you under
-this License.  If your rights have been terminated and not permanently
-reinstated, you do not qualify to receive new licenses for the same
-material under section 10.
-
-  9. Acceptance Not Required for Having Copies.
-
-  You are not required to accept this License in order to receive or
-run a copy of the Program.  Ancillary propagation of a covered work
-occurring solely as a consequence of using peer-to-peer transmission
-to receive a copy likewise does not require acceptance.  However,
-nothing other than this License grants you permission to propagate or
-modify any covered work.  These actions infringe copyright if you do
-not accept this License.  Therefore, by modifying or propagating a
-covered work, you indicate your acceptance of this License to do so.
-
-  10. Automatic Licensing of Downstream Recipients.
-
-  Each time you convey a covered work, the recipient automatically
-receives a license from the original licensors, to run, modify and
-propagate that work, subject to this License.  You are not responsible
-for enforcing compliance by third parties with this License.
-
-  An "entity transaction" is a transaction transferring control of an
-organization, or substantially all assets of one, or subdividing an
-organization, or merging organizations.  If propagation of a covered
-work results from an entity transaction, each party to that
-transaction who receives a copy of the work also receives whatever
-licenses to the work the party's predecessor in interest had or could
-give under the previous paragraph, plus a right to possession of the
-Corresponding Source of the work from the predecessor in interest, if
-the predecessor has it or can get it with reasonable efforts.
-
-  You may not impose any further restrictions on the exercise of the
-rights granted or affirmed under this License.  For example, you may
-not impose a license fee, royalty, or other charge for exercise of
-rights granted under this License, and you may not initiate litigation
-(including a cross-claim or counterclaim in a lawsuit) alleging that
-any patent claim is infringed by making, using, selling, offering for
-sale, or importing the Program or any portion of it.
-
-  11. Patents.
-
-  A "contributor" is a copyright holder who authorizes use under this
-License of the Program or a work on which the Program is based.  The
-work thus licensed is called the contributor's "contributor version".
-
-  A contributor's "essential patent claims" are all patent claims
-owned or controlled by the contributor, whether already acquired or
-hereafter acquired, that would be infringed by some manner, permitted
-by this License, of making, using, or selling its contributor version,
-but do not include claims that would be infringed only as a
-consequence of further modification of the contributor version.  For
-purposes of this definition, "control" includes the right to grant
-patent sublicenses in a manner consistent with the requirements of
-this License.
-
-  Each contributor grants you a non-exclusive, worldwide, royalty-free
-patent license under the contributor's essential patent claims, to
-make, use, sell, offer for sale, import and otherwise run, modify and
-propagate the contents of its contributor version.
-
-  In the following three paragraphs, a "patent license" is any express
-agreement or commitment, however denominated, not to enforce a patent
-(such as an express permission to practice a patent or covenant not to
-sue for patent infringement).  To "grant" such a patent license to a
-party means to make such an agreement or commitment not to enforce a
-patent against the party.
-
-  If you convey a covered work, knowingly relying on a patent license,
-and the Corresponding Source of the work is not available for anyone
-to copy, free of charge and under the terms of this License, through a
-publicly available network server or other readily accessible means,
-then you must either (1) cause the Corresponding Source to be so
-available, or (2) arrange to deprive yourself of the benefit of the
-patent license for this particular work, or (3) arrange, in a manner
-consistent with the requirements of this License, to extend the patent
-license to downstream recipients.  "Knowingly relying" means you have
-actual knowledge that, but for the patent license, your conveying the
-covered work in a country, or your recipient's use of the covered work
-in a country, would infringe one or more identifiable patents in that
-country that you have reason to believe are valid.
-
-  If, pursuant to or in connection with a single transaction or
-arrangement, you convey, or propagate by procuring conveyance of, a
-covered work, and grant a patent license to some of the parties
-receiving the covered work authorizing them to use, propagate, modify
-or convey a specific copy of the covered work, then the patent license
-you grant is automatically extended to all recipients of the covered
-work and works based on it.
-
-  A patent license is "discriminatory" if it does not include within
-the scope of its coverage, prohibits the exercise of, or is
-conditioned on the non-exercise of one or more of the rights that are
-specifically granted under this License.  You may not convey a covered
-work if you are a party to an arrangement with a third party that is
-in the business of distributing software, under which you make payment
-to the third party based on the extent of your activity of conveying
-the work, and under which the third party grants, to any of the
-parties who would receive the covered work from you, a discriminatory
-patent license (a) in connection with copies of the covered work
-conveyed by you (or copies made from those copies), or (b) primarily
-for and in connection with specific products or compilations that
-contain the covered work, unless you entered into that arrangement,
-or that patent license was granted, prior to 28 March 2007.
-
-  Nothing in this License shall be construed as excluding or limiting
-any implied license or other defenses to infringement that may
-otherwise be available to you under applicable patent law.
-
-  12. No Surrender of Others' Freedom.
-
-  If conditions are imposed on you (whether by court order, agreement or
-otherwise) that contradict the conditions of this License, they do not
-excuse you from the conditions of this License.  If you cannot convey a
-covered work so as to satisfy simultaneously your obligations under this
-License and any other pertinent obligations, then as a consequence you may
-not convey it at all.  For example, if you agree to terms that obligate you
-to collect a royalty for further conveying from those to whom you convey
-the Program, the only way you could satisfy both those terms and this
-License would be to refrain entirely from conveying the Program.
-
-  13. Use with the GNU Affero General Public License.
-
-  Notwithstanding any other provision of this License, you have
-permission to link or combine any covered work with a work licensed
-under version 3 of the GNU Affero General Public License into a single
-combined work, and to convey the resulting work.  The terms of this
-License will continue to apply to the part which is the covered work,
-but the special requirements of the GNU Affero General Public License,
-section 13, concerning interaction through a network will apply to the
-combination as such.
-
-  14. Revised Versions of this License.
-
-  The Free Software Foundation may publish revised and/or new versions of
-the GNU General Public License from time to time.  Such new versions will
-be similar in spirit to the present version, but may differ in detail to
-address new problems or concerns.
-
-  Each version is given a distinguishing version number.  If the
-Program specifies that a certain numbered version of the GNU General
-Public License "or any later version" applies to it, you have the
-option of following the terms and conditions either of that numbered
-version or of any later version published by the Free Software
-Foundation.  If the Program does not specify a version number of the
-GNU General Public License, you may choose any version ever published
-by the Free Software Foundation.
-
-  If the Program specifies that a proxy can decide which future
-versions of the GNU General Public License can be used, that proxy's
-public statement of acceptance of a version permanently authorizes you
-to choose that version for the Program.
-
-  Later license versions may give you additional or different
-permissions.  However, no additional obligations are imposed on any
-author or copyright holder as a result of your choosing to follow a
-later version.
-
-  15. Disclaimer of Warranty.
-
-  THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
-APPLICABLE LAW.  EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
-HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
-OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
-THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
-PURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
-IS WITH YOU.  SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
-ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
-
-  16. Limitation of Liability.
-
-  IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
-WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
-THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
-GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
-USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
-DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
-PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
-EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
-SUCH DAMAGES.
-
-  17. Interpretation of Sections 15 and 16.
-
-  If the disclaimer of warranty and limitation of liability provided
-above cannot be given local legal effect according to their terms,
-reviewing courts shall apply local law that most closely approximates
-an absolute waiver of all civil liability in connection with the
-Program, unless a warranty or assumption of liability accompanies a
-copy of the Program in return for a fee.
-
-                     END OF TERMS AND CONDITIONS
-
-            How to Apply These Terms to Your New Programs
-
-  If you develop a new program, and you want it to be of the greatest
-possible use to the public, the best way to achieve this is to make it
-free software which everyone can redistribute and change under these terms.
-
-  To do so, attach the following notices to the program.  It is safest
-to attach them to the start of each source file to most effectively
-state the exclusion of warranty; and each file should have at least
-the "copyright" line and a pointer to where the full notice is found.
-
-    <one line to give the program's name and a brief idea of what it does.>
-    Copyright (C) <year>  <name of author>
-
-    This program is free software: you can redistribute it and/or modify
-    it under the terms of the GNU General Public License as published by
-    the Free Software Foundation, either version 3 of the License, or
-    (at your option) any later version.
-
-    This program is distributed in the hope that it will be useful,
-    but WITHOUT ANY WARRANTY; without even the implied warranty of
-    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-    GNU General Public License for more details.
-
-    You should have received a copy of the GNU General Public License
-    along with this program.  If not, see <https://www.gnu.org/licenses/>.
-
-Also add information on how to contact you by electronic and paper mail.
-
-  If the program does terminal interaction, make it output a short
-notice like this when it starts in an interactive mode:
-
-    <program>  Copyright (C) <year>  <name of author>
-    This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
-    This is free software, and you are welcome to redistribute it
-    under certain conditions; type `show c' for details.
-
-The hypothetical commands `show w' and `show c' should show the appropriate
-parts of the General Public License.  Of course, your program's commands
-might be different; for a GUI interface, you would use an "about box".
-
-  You should also get your employer (if you work as a programmer) or school,
-if any, to sign a "copyright disclaimer" for the program, if necessary.
-For more information on this, and how to apply and follow the GNU GPL, see
-<https://www.gnu.org/licenses/>.
-
-  The GNU General Public License does not permit incorporating your program
-into proprietary programs.  If your program is a subroutine library, you
-may consider it more useful to permit linking proprietary applications with
-the library.  If this is what you want to do, use the GNU Lesser General
-Public License instead of this License.  But first, please read
-<https://www.gnu.org/licenses/why-not-lgpl.html>.

LICENSE.md

@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright 2025 Aykut Saraç
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

README.md

@@ -1,58 +1,178 @@
-<div align="center" style="display:flex;flex-direction:column;">
-  <a href="https://jsoncrack.com">
-    <img width="700" alt="jsoncrack" src="https://user-images.githubusercontent.com/47941171/206401172-74c21f7f-0a32-4532-96cc-4cf6b493c837.png">
+<!-- PROJECT LOGO -->
+<p align="center">
+  <a href="https://github.com/AykutSarac/jsoncrack.com">
+   <img src="./apps/www/public/assets/192.png" height="50" alt="Logo">
   </a>
-  <h3>“Explore, analyze and understand even most complex JSON structures.”</br>Unlock the full potential of your data.</h3>
-  <p align="center">
-  <a href="https://www.producthunt.com/posts/json-crack?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-json&#0045;crack" target="_blank"><img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=332281&theme=light" alt="JSON&#0032;Crack - Simple&#0032;visualization&#0032;tool&#0032;for&#0032;your&#0032;JSON&#0032;data&#0046; | Product Hunt" style="width: 250px; height: 54px;" width="250" height="54" /></a>
-    <a href="https://discord.gg/yVyTtCRueq" target="_blank"><img src="https://user-images.githubusercontent.com/47941171/206397224-94da03a4-59d0-48cd-aafc-512624a768d6.png" "style=" height: 54px;" height="54" /></a>
-    </br>
-    <a href="https://github.com/sponsors/AykutSarac" target="_blank"><img src="https://user-images.githubusercontent.com/47941171/206397875-a4e73f02-5d8f-4db0-902b-9a4bc2b22d90.png" "style=" height: 54px;" height="54" /></a>
-  </p>
-</div>
+
+  <h1 align="center">JSON Crack</h1>
 
   <p align="center">
-      <img width="800" src="./public/assets/jsoncrack-screenshot.webp" alt="preview 1" />
+    The open-source JSON Editor.
+    <br />
+    <a href="https://jsoncrack.com"><strong>Learn more »</strong></a>
+    <br />
+    <br />
+    <a href="https://todiagram.com">ToDiagram</a>
+    ·
+    <a href="https://discord.gg/yVyTtCRueq">Discord</a>
+    ·
+    <a href="https://jsoncrack.com">Website</a>
+    ·
+    <a href="https://github.com/AykutSarac/jsoncrack.com/issues">Issues</a>
+    ·
+    <a href="https://marketplace.visualstudio.com/items?itemName=AykutSarac.jsoncrack-vscode">VS Code</a>
   </p>
+</p>
 
-# JSON Crack (jsoncrack.com)
+<!-- ABOUT THE PROJECT -->
 
-Introducing JSON Crack – the open-source, free JSON visualization app that will revolutionize the way you work with data. With its intuitive and user-friendly interface, JSON Crack makes it easy to explore, analyze, and understand even the most complex JSON structures. Whether you're a developer working on a large-scale project or a data enthusiast looking to uncover hidden insights, JSON Crack has the tools and features you need to unlock the full potential of your data. Best of all, because JSON Crack is open-source and free, you can use it without breaking the bank. Try JSON Crack today and experience the power of data visualization like never before.
+## About the Project
 
-> <b><a href="https://jsoncrack.com">JSON Crack - Crack your data into pieces</a></b>
+<img width="100%" alt="booking-screen" src="./apps/www/public/assets/editor.webp">
 
-## ⚡️ Key Features
+## Visualize JSON into interactive graphs
 
-- Search Nodes
-- Share links & Create Embed Widgets
-- Download/Clipboard as image
-- Upload JSON locally or fetch from URL
-- User-friendly Interface
-- Light/Dark Mode
+JSON Crack is a tool for visualizing JSON data in a structured, interactive graphs, making it easier to explore, format, and validate JSON. It offers features like converting JSON to other formats (CSV, YAML), generating JSON Schema, executing queries, and exporting visualizations as images. Designed for both readability and usability.
 
-## ⭐️ Embedding Into Your Website
+* **Visualizer**: Instantly convert JSON, YAML, CSV, and XML into interactive graphs or trees in dark or light mode.
+* **Convert**: Seamlessly transform data formats, like JSON to CSV or XML to JSON, for easy sharing.
+* **Format & Validate**: Beautify and validate JSON, YAML, and CSV for clear and accurate data.
+* **Code Generation**: Generate TypeScript interfaces, Golang structs, and JSON Schema.
+* **JSON Schema**: Create JSON Schema, mock data, and validate various data formats.
+* **Advanced Tools**: Decode JWT, randomize data, and run jq or JSON path queries.
+* **Export Image**: Download your visualization as PNG, JPEG, or SVG.
+* **Privacy**: All data processing is local; nothing is stored on our servers.
 
-You can use the JSON Crack to visualize your JSON **at your products or websites**, see our very simple guide: https://jsoncrack.com/docs
-You can choose to **[partner us](https://github.com/sponsors/AykutSarac)** to remove attribute for your commercial products.
+## Recognition
 
-<img width="291" alt="Screenshot_2022-12-08_at_11 46 02-removebg-preview" src="https://user-images.githubusercontent.com/47941171/206400503-150f60b6-f4b3-4649-854d-be4a7b826275.png">
+<a href="https://news.ycombinator.com/item?id=32626873">
+  <img
+    style="width: 250px; height: 54px;" width="250" height="54"
+    alt="Featured on Hacker News"
+    src="https://hackernews-badge.vercel.app/api?id=32626873"
+  />
+</a>
 
-## 🛠 Development Setup
+<a href="https://producthunt.com/posts/JSON-Crack?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-jsoncrack" target="_blank"><img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=332281&theme=light" alt="JSON Crack | Product Hunt" style="width: 250px; height: 54px;" width="250" height="54" /></a>
 
-```console
-  npm install
-  npm run dev
+## Integrations
+
+- [VS Code Extension](https://marketplace.visualstudio.com/items?itemName=AykutSarac.jsoncrack-vscode)
+- [npm Package (`jsoncrack-react`)](https://www.npmjs.com/package/jsoncrack-react)
+
+## Contributing
+
+- Found a bug or missing feature? Open an issue on [GitHub Issues](https://github.com/AykutSarac/jsoncrack.com/issues).
+- Want to contribute code or docs? Start with our [contribution guide](./CONTRIBUTING.md).
+
+## Sponsors & Support
+
+If you find JSON Crack useful, you can support the project by using [ToDiagram](https://todiagram.com).
+
+## Stay Up-to-Date
+
+JSON Crack officially launched as v1.0 on the 17th of February 2022 and we've come a long way so far. Watch **releases** of this repository to be notified of future updates:
+
+<a href="https://github.com/AykutSarac/jsoncrack.com"><img src="https://img.shields.io/github/stars/AykutSarac/jsoncrack.com" alt="Star at GitHub" /></a>
+
+<!-- GETTING STARTED -->
+
+## Getting Started
+
+To get a local copy up and running, please follow these simple steps.
+
+### Prerequisites
+
+Here is what you need to be able to run JSON Crack.
+
+- Node.js (Version: >=24.x)
+- pnpm (Version: >=10)
+
+
+## Development
+
+### Setup
+
+1. Clone the repo into a public GitHub repository (or fork https://github.com/AykutSarac/jsoncrack.com/fork). If you plan to distribute the code, read the [`LICENSE`](/LICENSE.md) for additional details.
+
+   ```sh
+   git clone https://github.com/AykutSarac/jsoncrack.com.git
+   ```
+
+2. Go to the project folder
+
+   ```sh
+   cd jsoncrack.com
+   ```
+
+3. Install packages
+
+   ```sh
+   pnpm install
+   ```
+
+4. Run the web app
+
+   ```sh
+   pnpm dev:www
+
+   # Running on http://localhost:3000/
+   ```
+
+### Useful Commands
+
+From repository root:
+
+```sh
+# Web app
+pnpm dev:www
+pnpm build:www
+
+# VS Code extension
+pnpm dev:vscode
+pnpm build:vscode
+pnpm lint:vscode
+pnpm lint:fix:vscode
+
+# All workspaces
+pnpm dev
+pnpm build
+pnpm lint
 ```
 
-## 🐳 Docker
+`pnpm build:www` is the production build command used in GitHub Actions deployment.
 
-A [`Dockerfile`](Dockerfile) is provided in the root of the repository.
+### Debug VS Code Extension
+
+1. Open repository root in VS Code.
+2. Press `F5`.
+3. Select `Run VSCode Extension (apps/vscode)` when prompted.
+4. In the Extension Development Host window, open a `.json` file and run:
+   `JSON Crack: Enable JSON Crack visualization`.
+
+### Docker
+
+🐳 Docker assets are in `apps/www`.
 If you want to run JSON Crack locally:
 
-* Build a Docker image with `docker build -t jsoncrack .`
-* Run locally with `docker run -p 8888:8080 jsoncrack`
-* Go to http://localhost:8888
+```console
+cd apps/www
+
+# Build a Docker image with:
+docker compose build
+
+# Run locally with `docker-compose`
+docker compose up
+
+# Go to http://localhost:8888
+```
+
+## Configuration
+
+The supported node limit can be changed by editing `NEXT_PUBLIC_NODE_LIMIT` in `apps/www/.env`.
+
+<!-- LICENSE -->
 
 ## License
 
-This project is open source and available under the [GNU General Public License v3.0](LICENSE).
+See [`LICENSE`](/LICENSE.md) for more information.

apps/vscode/.env

@@ -0,0 +1 @@
+PUBLIC_URL=./

apps/vscode/.eslintrc.json

@@ -0,0 +1,42 @@
+{
+  "root": true,
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "ecmaVersion": 6,
+    "sourceType": "module"
+  },
+  "plugins": ["@typescript-eslint",
+  "unused-imports",
+  "prettier"
+],
+  "extends": [
+    "eslint:recommended",
+    "prettier",
+    "plugin:@typescript-eslint/recommended"
+  ],
+  
+  "rules": {
+    "@typescript-eslint/consistent-type-imports": "error",
+    "unused-imports/no-unused-imports": "error",
+    "@typescript-eslint/no-explicit-any": "off",
+    "prettier/prettier": "error",
+    "space-in-parens": "error",
+    "no-empty": "error",
+    "no-multiple-empty-lines": "error",
+    "no-irregular-whitespace": "error",
+    "strict": ["error", "never"],
+    "linebreak-style": ["error", "unix"],
+    "quotes": ["error", "double", { "avoidEscape": true }],
+    "semi": ["error", "always"],
+    "prefer-const": "error",
+    "space-before-function-paren": [
+      "error",
+      {
+        "anonymous": "always",
+        "named": "never",
+        "asyncArrow": "always"
+      }
+    ]
+  },
+  "ignorePatterns": ["build", "public", "scripts", "node_modules", "webpack.config.js"]
+}

apps/vscode/.gitignore

@@ -0,0 +1,3 @@
+node_modules/
+build/
+*.vsix

apps/vscode/.prettierignore

@@ -5,3 +5,5 @@ out
 public
 *-lock.json
 tsconfig.json
+build
+jsoncrack

apps/vscode/.prettierrc

@@ -0,0 +1,19 @@
+{
+  "trailingComma": "es5",
+  "singleQuote": false,
+  "semi": true,
+  "printWidth": 100,
+  "arrowParens": "avoid",
+  "importOrder": [
+    "^(react/(.*)$)|^(react$)",
+    "^(next/(.*)$)|^(next$)",
+    "^@mantine/core",
+    "^@mantine",
+    "styled",
+    "<THIRD_PARTY_MODULES>",
+    "^src/(.*)$",
+    "^[./]"
+  ],
+  "importOrderParserPlugins": ["typescript", "jsx", "decorators-legacy"],
+  "plugins": ["@trivago/prettier-plugin-sort-imports"]
+}

apps/vscode/.vscode/extensions.json

@@ -0,0 +1,5 @@
+{
+  // See http://go.microsoft.com/fwlink/?LinkId=827846
+  // for the documentation about the extensions.json format
+  "recommendations": ["dbaeumer.vscode-eslint", "amodio.tsl-problem-matcher"]
+}

apps/vscode/.vscode/launch.json

@@ -0,0 +1,21 @@
+// A launch configuration that compiles the extension and then opens it inside a new window
+// Use IntelliSense to learn about possible attributes.
+// Hover to view descriptions of existing attributes.
+// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+{
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "Run Extension",
+      "type": "extensionHost",
+      "request": "launch",
+      "args": [
+        "--extensionDevelopmentPath=${workspaceFolder}"
+      ],
+      "outFiles": [
+        "${workspaceFolder}/build/**/*.js"
+      ],
+      "preLaunchTask": "build extension"
+    }
+  ]
+}

apps/vscode/.vscode/settings.json

@@ -0,0 +1,10 @@
+// Place your settings in this file to overwrite default and user settings.
+{
+  "files.exclude": {
+    "build": false
+  },
+  "search.exclude": {
+    "build": true
+  },
+  "typescript.tsc.autoDetect": "off"
+}

apps/vscode/.vscode/tasks.json

@@ -0,0 +1,21 @@
+// See https://go.microsoft.com/fwlink/?LinkId=733558
+// for the documentation about the tasks.json format
+{
+  "version": "2.0.0",
+  "tasks": [
+    {
+      "label": "build extension",
+      "type": "shell",
+      "command": "pnpm run build",
+      "group": {
+        "kind": "build",
+        "isDefault": true
+      }
+    },
+    {
+      "label": "watch extension",
+      "type": "shell",
+      "command": "pnpm run watch"
+    }
+  ]
+}

apps/vscode/.vscodeignore

@@ -0,0 +1,20 @@
+.vscode/**
+.vscode-test/**
+.github/**
+.turbo/**
+node_modules/**
+scripts/**
+src/**
+.gitignore
+.env
+.prettierignore
+.prettierrc
+.pnpm-lock.yaml
+webpack.config.js
+tsconfig.extension.json
+vsc-extension-quickstart.md
+yarn.lock
+**/tsconfig.json
+**/.eslintrc.json
+**/*.map
+**/*.ts

apps/vscode/LICENSE.md

@@ -0,0 +1,9 @@
+MIT License
+
+Copyright (c) 2025 Aykut Saraç
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

apps/vscode/README.md

@@ -0,0 +1,33 @@
+  <img src="https://github.com/AykutSarac/jsoncrack-vscode/assets/47941171/23b26537-7c4a-4029-af78-456dea0d0b04" width="300" alt="JSON Crack" />
+
+<hr />
+
+[JSON Crack](https://jsoncrack.com?utm_source=jsoncrack-vscode&utm_medium=readme)'s Official Visual Studio Code Extension that visualizes JSON data as an interactive diagram. The extension parses the open JSON file and displays its structure as a connected graph where nodes represent objects, arrays, and values.
+
+## How to use?
+
+1. Install the JSON Crack extension from the [VS Code marketplace](https://marketplace.visualstudio.com/items?itemName=AykutSarac.jsoncrack-vscode).
+2. Open a JSON file.
+3. Click on the JSON Crack icon in the menubar at top right.
+
+<img width="600" alt="image" src="https://github.com/AykutSarac/jsoncrack-vscode/assets/47941171/06715ac1-2403-402f-b3fa-3d91e1c9196a">
+
+## Privacy
+
+The extension works **fully offline**. No data is sent to any server. All JSON parsing and visualization happens locally in your editor.
+
+## Debugging
+
+This extension lives in `apps/vscode` inside the [jsoncrack.com](https://github.com/AykutSarac/jsoncrack.com) monorepo.
+
+**Prerequisites:** Node.js `>=24`, pnpm `>=10`
+
+```sh
+# Install dependencies from repo root
+pnpm install
+
+# Watch mode — rebuilds on every change
+pnpm dev:vscode
+```
+
+Then press **F5** in VS Code to launch the Extension Development Host. Keep the watch process running for live iteration.

apps/vscode/assets/icon-dark.svg

@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" color="#7d8590" viewBox="0 0 600 600" version="1.0">
+  <defs>
+    <clipPath id="a">
+      <path d="M300 0C134.316 0 0 134.316 0 300s134.316 300 300 300 300-134.316 300-300S465.684 0 300 0Zm0 0"/>
+    </clipPath>
+  </defs>
+  <g clip-path="url(#a)">
+    <path fill="none" d="M300 0C134.316 0 0 134.316 0 300s134.316 300 300 300 300-134.316 300-300S465.684 0 300 0Zm0 0" stroke="currentColor" stroke-width="60"/>
+  </g>
+  <path d="M150.071 174.797c-.449-.218-.34-.379.328-.484.664-.113 2.438-.172 5.313-.172h70.062v98.61l-.328 98.968-1.328 5.64c-2.656 9.962-7.586 18.813-14.781 26.563-7.188 7.75-15.766 13.285-25.734 16.61-3.98 1.539-8.184 2.535-12.61 2.984-2.219.219-5.875.328-10.969.328h-47.812v-52.469h15.281l15.266-.328 3.984-1.656c4.656-2.437 8.086-6.086 10.297-10.953l1.656-3.328V182.438l-1.656-2.328c-1.773-2.656-4.094-4.426-6.969-5.313ZM380.852 172.141h5.313c10.844 0 21.36 1.496 31.547 4.484 10.187 2.993 19.484 7.368 27.89 13.125 8.414 5.75 15.723 12.836 21.922 21.25 6.196 8.407 10.735 18.04 13.61 28.891.882 3.762 1.546 6.918 1.984 9.469.445 2.543.672 4.586.672 6.125v2h-65.75l-1.328-3.328c-1.324-4.426-3.371-8.961-6.14-13.61-2.774-4.644-5.704-7.968-8.798-9.968-4.648-3.977-10.953-6.41-18.922-7.297l-2-.328Zm-14.937.328c.437-.219 1.765-.328 3.984-.328h2.313v49.813l-3.313 1.328c-6.418 2.437-12.172 6.922-17.265 13.453-5.094 6.531-9.188 14.777-12.282 24.734-1.773 5.531-2.992 11.899-3.656 19.094-.668 7.2-.777 15-.328 23.406.219 5.313.77 11.403 1.656 18.266a122.09 122.09 0 0 0 4.313 20.094c1.988 6.53 4.695 12.511 8.125 17.937 3.437 5.418 7.922 9.453 13.453 12.11a31.7 31.7 0 0 0 3.484 1.171c1.219.325 2.383.711 3.5 1.157l2.985.656v50.484l-5.313-.344c-30.105-1.773-53.683-11.12-70.734-28.046-17.043-16.938-27.559-39.688-31.547-68.25-.219-2.207-.438-4.973-.656-8.297-.22-3.32-.329-7.414-.329-12.282-.449-9.968-.449-17.492 0-22.578 2.875-30.55 12.942-55.843 30.204-75.875 17.27-20.039 41.07-32.61 71.406-37.703Zm51.14 169.688.985-2.328h33.875c22.351-.438 33.531-.32 33.531.343 0 .438-.328 2.871-.984 7.297-2.219 12.399-6.153 23.414-11.797 33.047-5.649 9.625-12.68 17.758-21.094 24.39-8.406 6.645-17.98 11.739-28.719 15.282-10.73 3.539-22.293 5.426-34.687 5.656l-7.313.328V376.36l2.657-.328c8.632-1.102 15.609-4.094 20.921-8.97 5.977-6.194 10.188-14.5 12.625-24.905Zm0 0" fill="currentColor"/>
+</svg>

apps/vscode/assets/icon-light.svg

@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" color="#424242" viewBox="0 0 600 600" version="1.0">
+  <defs>
+    <clipPath id="a">
+      <path d="M300 0C134.316 0 0 134.316 0 300s134.316 300 300 300 300-134.316 300-300S465.684 0 300 0Zm0 0"/>
+    </clipPath>
+  </defs>
+  <g clip-path="url(#a)">
+    <path fill="none" d="M300 0C134.316 0 0 134.316 0 300s134.316 300 300 300 300-134.316 300-300S465.684 0 300 0Zm0 0" stroke="currentColor" stroke-width="60"/>
+  </g>
+  <path d="M150.071 174.797c-.449-.218-.34-.379.328-.484.664-.113 2.438-.172 5.313-.172h70.062v98.61l-.328 98.968-1.328 5.64c-2.656 9.962-7.586 18.813-14.781 26.563-7.188 7.75-15.766 13.285-25.734 16.61-3.98 1.539-8.184 2.535-12.61 2.984-2.219.219-5.875.328-10.969.328h-47.812v-52.469h15.281l15.266-.328 3.984-1.656c4.656-2.437 8.086-6.086 10.297-10.953l1.656-3.328V182.438l-1.656-2.328c-1.773-2.656-4.094-4.426-6.969-5.313ZM380.852 172.141h5.313c10.844 0 21.36 1.496 31.547 4.484 10.187 2.993 19.484 7.368 27.89 13.125 8.414 5.75 15.723 12.836 21.922 21.25 6.196 8.407 10.735 18.04 13.61 28.891.882 3.762 1.546 6.918 1.984 9.469.445 2.543.672 4.586.672 6.125v2h-65.75l-1.328-3.328c-1.324-4.426-3.371-8.961-6.14-13.61-2.774-4.644-5.704-7.968-8.798-9.968-4.648-3.977-10.953-6.41-18.922-7.297l-2-.328Zm-14.937.328c.437-.219 1.765-.328 3.984-.328h2.313v49.813l-3.313 1.328c-6.418 2.437-12.172 6.922-17.265 13.453-5.094 6.531-9.188 14.777-12.282 24.734-1.773 5.531-2.992 11.899-3.656 19.094-.668 7.2-.777 15-.328 23.406.219 5.313.77 11.403 1.656 18.266a122.09 122.09 0 0 0 4.313 20.094c1.988 6.53 4.695 12.511 8.125 17.937 3.437 5.418 7.922 9.453 13.453 12.11a31.7 31.7 0 0 0 3.484 1.171c1.219.325 2.383.711 3.5 1.157l2.985.656v50.484l-5.313-.344c-30.105-1.773-53.683-11.12-70.734-28.046-17.043-16.938-27.559-39.688-31.547-68.25-.219-2.207-.438-4.973-.656-8.297-.22-3.32-.329-7.414-.329-12.282-.449-9.968-.449-17.492 0-22.578 2.875-30.55 12.942-55.843 30.204-75.875 17.27-20.039 41.07-32.61 71.406-37.703Zm51.14 169.688.985-2.328h33.875c22.351-.438 33.531-.32 33.531.343 0 .438-.328 2.871-.984 7.297-2.219 12.399-6.153 23.414-11.797 33.047-5.649 9.625-12.68 17.758-21.094 24.39-8.406 6.645-17.98 11.739-28.719 15.282-10.73 3.539-22.293 5.426-34.687 5.656l-7.313.328V376.36l2.657-.328c8.632-1.102 15.609-4.094 20.921-8.97 5.977-6.194 10.188-14.5 12.625-24.905Zm0 0" fill="currentColor"/>
+</svg>

apps/vscode/ext-src/extension.ts

@@ -0,0 +1,114 @@
+import * as path from "path";
+import * as vscode from "vscode";
+import { createWebviewPanel } from "./webview";
+
+function getPanelTitle(document?: vscode.TextDocument) {
+  if (!document) return "JSON Crack";
+
+  const fileName = path.basename(document.fileName);
+  return fileName || "JSON Crack";
+}
+
+export function activate(context: vscode.ExtensionContext) {
+  context.subscriptions.push(
+    vscode.commands.registerCommand("jsoncrack-vscode.start", () =>
+      createWebviewForActiveEditor(context)
+    ),
+    vscode.commands.registerCommand("jsoncrack-vscode.start.specific", (content?: string) =>
+      createWebviewForContent(context, content)
+    ),
+    vscode.commands.registerCommand("jsoncrack-vscode.start.selected", () =>
+      createWebviewForSelectedText(context)
+    )
+  );
+}
+
+// create webview for selected text
+async function createWebviewForSelectedText(context: vscode.ExtensionContext) {
+  const editor = vscode.window.activeTextEditor;
+
+  if (editor && editor.selection.isEmpty) {
+    vscode.window.showInformationMessage("Please select some text first!");
+    return;
+  }
+
+  const selectedText = editor?.document.getText(editor.selection);
+
+  // Create the webview panel and send the selected JSON content
+  const panel = createWebviewPanel(context, getPanelTitle(editor?.document));
+  panel.webview.postMessage({
+    json: selectedText,
+  });
+
+  const onReceiveMessage = panel.webview.onDidReceiveMessage(e => {
+    if (e === "ready") {
+      panel.webview.postMessage({
+        json: selectedText,
+      });
+    }
+  });
+
+  const onTextChange = vscode.workspace.onDidChangeTextDocument(changeEvent => {
+    if (changeEvent.document === editor?.document) {
+      panel.webview.postMessage({
+        json: changeEvent.document.getText(editor?.selection),
+      });
+    }
+  });
+
+  const disposer = () => {
+    onTextChange.dispose();
+    onReceiveMessage.dispose();
+  };
+
+  panel.onDidDispose(disposer, null, context.subscriptions);
+}
+
+async function createWebviewForActiveEditor(context: vscode.ExtensionContext) {
+  const editor = vscode.window.activeTextEditor;
+  const panel = createWebviewPanel(context, getPanelTitle(editor?.document));
+
+  const onReceiveMessage = panel.webview.onDidReceiveMessage(e => {
+    if (e === "ready") {
+      panel.webview.postMessage({
+        json: editor?.document.getText(),
+      });
+    }
+  });
+
+  const onTextChange = vscode.workspace.onDidChangeTextDocument(changeEvent => {
+    if (changeEvent.document === editor?.document) {
+      panel.webview.postMessage({
+        json: changeEvent.document.getText(),
+      });
+    }
+  });
+
+  const disposer = () => {
+    onTextChange.dispose();
+    onReceiveMessage.dispose();
+  };
+
+  panel.onDidDispose(disposer, null, context.subscriptions);
+}
+
+/**
+ * Renders a readonly diagram from a string
+ * @param context ExtensionContext
+ * @param content JSON content as a string
+ */
+function createWebviewForContent(context?: vscode.ExtensionContext, content?: string): any {
+  if (context && content) {
+    const panel = createWebviewPanel(
+      context,
+      getPanelTitle(vscode.window.activeTextEditor?.document)
+    );
+    panel.webview.postMessage({
+      json: content,
+    });
+  }
+}
+
+// This method is called when your extension is deactivated
+// eslint-disable-next-line @typescript-eslint/no-empty-function
+export function deactivate() {}

apps/vscode/ext-src/webview.ts

@@ -0,0 +1,73 @@
+import * as fs from "fs";
+import * as path from "path";
+import * as vscode from "vscode";
+
+export function createWebviewPanel(context: vscode.ExtensionContext, title = "JSON Crack") {
+  const extPath = context.extensionPath;
+
+  const panel = vscode.window.createWebviewPanel(
+    "liveHTMLPreviewer",
+    title,
+    vscode.ViewColumn.Beside,
+    {
+      enableScripts: true,
+      retainContextWhenHidden: true,
+      localResourceRoots: [
+        vscode.Uri.file(path.join(extPath, "build")),
+        vscode.Uri.file(path.join(extPath, "build", "static")),
+        vscode.Uri.file(path.join(extPath, "build", "static", "js")),
+        vscode.Uri.file(path.join(extPath, "build", "static", "css")),
+        vscode.Uri.file(path.join(extPath, "assets")),
+      ],
+    }
+  );
+  panel.iconPath = vscode.Uri.file(path.join(extPath, "build", "assets", "favicon.ico"));
+
+  const manifest = JSON.parse(
+    fs.readFileSync(path.join(extPath, "build", "asset-manifest.json"), "utf-8")
+  );
+
+  const mainScript = manifest.files["main.js"];
+  const mainStyle = manifest.files["main.css"];
+
+  const scriptPathOnDisk = vscode.Uri.file(path.join(extPath, "build", mainScript));
+  const stylePathOnDisk = vscode.Uri.file(path.join(extPath, "build", mainStyle));
+
+  const stylesMainUri = panel.webview.asWebviewUri(stylePathOnDisk);
+  const scriptUri = panel.webview.asWebviewUri(scriptPathOnDisk);
+
+  const nonce = getNonce();
+  const csp = [
+    `default-src 'self' ${panel.webview.cspSource} blob:`,
+    `connect-src ${panel.webview.cspSource} blob:`,
+    `script-src 'unsafe-eval' 'unsafe-inline' ${panel.webview.cspSource}`,
+    `style-src ${panel.webview.cspSource} 'unsafe-inline'`,
+    `worker-src ${panel.webview.cspSource} blob: data:`,
+  ].join("; ");
+
+  panel.webview.html = `<!DOCTYPE html>
+      <html lang="en">
+      <head>
+        <meta charset="utf-8">
+        <base href="${panel.webview.asWebviewUri(vscode.Uri.file(path.join(extPath, "build")))}/">
+        <meta http-equiv="Content-Security-Policy" content="${csp}">
+        <link href="${stylesMainUri}" rel="stylesheet">
+      </head>
+      <body>
+        <noscript>You need to enable JavaScript to run this app.</noscript>
+        <div id="root"></div>
+        <script nonce="${nonce}" src="${scriptUri}"></script>
+      </body>
+      </html>`;
+
+  return panel;
+}
+
+function getNonce() {
+  let text = "";
+  const possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+  for (let i = 0; i < 32; i++) {
+    text += possible.charAt(Math.floor(Math.random() * possible.length));
+  }
+  return text;
+}

apps/vscode/package.json

@@ -0,0 +1,148 @@
+{
+  "name": "vscode",
+  "version": "3.0.0",
+  "displayName": "JSON Crack",
+  "description": "Seamlessly visualize your JSON data instantly into graphs.",
+  "publisher": "AykutSarac",
+  "license": "MIT",
+  "author": {
+    "email": "aykutsarac0@gmail.com",
+    "name": "Aykut Saraç"
+  },
+  "homepage": "https://jsoncrack.com",
+  "icon": "assets/jsoncrack.png",
+  "galleryBanner": {
+    "color": "#202225",
+    "theme": "dark"
+  },
+  "categories": [
+    "Visualization"
+  ],
+  "keywords": [
+    "json",
+    "visualizer",
+    "jsoncrack",
+    "data",
+    "yaml",
+    "livepreview"
+  ],
+  "activationEvents": [
+    "workspaceContains:**/*.{json}"
+  ],
+  "main": "./build/ext-src/extension.js",
+  "contributes": {
+    "commands": [
+      {
+        "command": "jsoncrack-vscode.start",
+        "title": "Enable JSON Crack visualization",
+        "category": "menubar",
+        "icon": {
+          "light": "./assets/icon-light.svg",
+          "dark": "./assets/icon-dark.svg"
+        }
+      },
+      {
+        "command": "jsoncrack-vscode.start.specific",
+        "title": "Enable JSON Crack visualization for specific file",
+        "category": "menubar"
+      },
+      {
+        "command": "jsoncrack-vscode.start.selected",
+        "title": "Open with JSON Crack",
+        "category": "Navigation"
+      }
+    ],
+    "menus": {
+      "editor/context": [
+        {
+          "command": "jsoncrack-vscode.start.selected",
+          "when": "editorHasSelection",
+          "group": "navigation"
+        }
+      ],
+      "commandPalette": [
+        {
+          "command": "jsoncrack-vscode.start",
+          "when": "never"
+        }
+      ],
+      "editor/title": [
+        {
+          "command": "jsoncrack-vscode.start",
+          "when": "resourceExtname == .json || editorLangId == json",
+          "group": "navigation"
+        }
+      ]
+    }
+  },
+  "scripts": {
+    "vscode:prepublish": "pnpm run build",
+    "dev": "react-scripts start",
+    "start": "react-scripts start",
+    "compile": "webpack --mode development",
+    "watch": "webpack --mode development --watch",
+    "package": "webpack --mode production --devtool hidden-source-map",
+    "analyze": "ANALYZE=true pnpm run build",
+    "lint": "eslint src ext-src && prettier --check src ext-src",
+    "lint:fix": "eslint --fix src ext-src && prettier --write src ext-src",
+    "build": "node ./scripts/build-non-split.js && tsc -p tsconfig.extension.json",
+    "clean": "rm -rf build",
+    "watch-build": "nodemon --watch src --watch ext-src --watch scripts --ext js,tsx,ts --exec \"pnpm run build\"",
+    "eject": "react-scripts eject"
+  },
+  "devDependencies": {
+    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
+    "@mantine/code-highlight": "^7.16.2",
+    "@mantine/core": "^7.16.2",
+    "@mantine/hooks": "^7.16.2",
+    "@trivago/prettier-plugin-sort-imports": "^4.3.0",
+    "@types/node": "16.x",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@types/vscode": "^1.86.0",
+    "@types/webpack-env": "^1.18.5",
+    "@typescript-eslint/eslint-plugin": "^5.31.0",
+    "@typescript-eslint/parser": "^5.31.0",
+    "eslint": "^8.20.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier": "^5.2.1",
+    "eslint-plugin-unused-imports": "^4.1.4",
+    "nodemon": "^2.0.20",
+    "prettier": "^3.3.3",
+    "react-scripts": "^5.0.1",
+    "rewire": "^7.0.0",
+    "ts-loader": "^9.5.1",
+    "typescript": "^5.6.3",
+    "vsce": "^2.15.0",
+    "webpack": "^5.95.0",
+    "webpack-cli": "^5.1.4"
+  },
+  "dependencies": {
+    "jsoncrack-react": "workspace:*",
+    "react": "19.2.4",
+    "react-dom": "19.2.4"
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/AykutSarac/jsoncrack.com"
+  },
+  "bugs": {
+    "url": "https://github.com/AykutSarac/jsoncrack.com/issues"
+  },
+  "engines": {
+    "vscode": "^1.86.0"
+  },
+  "packageManager": "pnpm@10.20.0"
+}

apps/vscode/public/index.html

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="theme-color" content="#000000">
+  </head>
+  <body>
+    <noscript>
+      You need to enable JavaScript to run this app.
+    </noscript>
+    <div id="root"></div>
+  </body>
+</html>

apps/vscode/scripts/build-non-split.js

@@ -0,0 +1,45 @@
+#!/usr/bin/env node
+
+const path = require("path");
+const rewire = require("rewire");
+const defaults = rewire("react-scripts/scripts/build.js");
+let config = defaults.__get__("config");
+
+// Disable source maps
+config.devtool = false;
+
+// Disable code splitting
+config.optimization.splitChunks = {
+  cacheGroups: {
+    default: false
+  }
+};
+
+config.optimization.runtimeChunk = false;
+
+// Enable tree shaking
+config.optimization.usedExports = true;
+
+// Force a single React instance in the bundle. Without this, workspace-linked
+// packages can resolve a different React version and break hooks at runtime.
+config.resolve.alias = {
+  ...(config.resolve.alias || {}),
+  react: path.resolve(__dirname, "../node_modules/react"),
+  "react-dom": path.resolve(__dirname, "../node_modules/react-dom")
+};
+
+config.resolve.plugins = (config.resolve.plugins || []).filter(
+  (plugin) => plugin.constructor.name !== "ModuleScopePlugin"
+);
+
+// Ensure production optimizations are enabled
+config.mode = 'production';
+config.optimization.minimize = true;
+
+// Allow extensionless imports from ESM dependencies.
+config.module.rules.push({
+  test: /\.m?js$/,
+  resolve: {
+    fullySpecified: false
+  }
+});

apps/vscode/src/App.tsx

@@ -0,0 +1,75 @@
+import { useCallback, useEffect, useState } from "react";
+import { Anchor, Box, MantineProvider, Text } from "@mantine/core";
+import type { NodeData } from "jsoncrack-react";
+import { JSONCrack } from "jsoncrack-react";
+import { NodeModal } from "./components/NodeModal";
+
+function getTheme() {
+  const theme = document.body.getAttribute("data-vscode-theme-kind");
+  if (theme?.includes("light")) return "light" as const;
+  return "dark";
+}
+
+const App: React.FC = () => {
+  const [json, setJson] = useState("{}");
+  const [selectedNode, setSelectedNode] = useState<NodeData | null>(null);
+  const theme = getTheme();
+
+  useEffect(() => {
+    const vscode = window?.acquireVsCodeApi?.();
+    vscode?.postMessage("ready");
+
+    const onMessage = (event: MessageEvent<{ json?: string }>) => {
+      const jsonData = event.data?.json;
+      if (typeof jsonData === "string") {
+        setJson(jsonData);
+      }
+    };
+
+    window.addEventListener("message", onMessage);
+
+    return () => {
+      window.removeEventListener("message", onMessage);
+    };
+  }, []);
+
+  const handleNodeClick = useCallback((node: NodeData) => {
+    setSelectedNode(node);
+  }, []);
+
+  const closeNodeModal = useCallback(() => {
+    setSelectedNode(null);
+  }, []);
+
+  return (
+    <MantineProvider forceColorScheme={theme}>
+      <Box h="100vh" w="100vw">
+        <JSONCrack json={json} theme={theme} showControls={false} onNodeClick={handleNodeClick} />
+        {selectedNode && (
+          <NodeModal opened={!!selectedNode} onClose={closeNodeModal} nodeData={selectedNode} />
+        )}
+        <Anchor
+          pos="fixed"
+          bottom={0}
+          left={0}
+          href="https://jsoncrack.com/editor?utm_source=vscode&utm_campaign=attribute"
+          target="_blank"
+        >
+          <Box px="12" py="4" bg="dark">
+            <Text fz="sm" c="white">
+              Powered by JSON Crack
+            </Text>
+          </Box>
+        </Anchor>
+      </Box>
+    </MantineProvider>
+  );
+};
+
+export default App;
+
+declare global {
+  interface Window {
+    acquireVsCodeApi?: () => any;
+  }
+}

apps/vscode/src/components/NodeModal.tsx

@@ -0,0 +1,63 @@
+import React from "react";
+import type { ModalProps } from "@mantine/core";
+import { Modal, Stack, Text, ScrollArea } from "@mantine/core";
+import { CodeHighlight } from "@mantine/code-highlight";
+import type { NodeData } from "jsoncrack-react";
+
+interface NodeModalProps extends ModalProps {
+  nodeData: NodeData | null;
+}
+
+const normalizeNodeData = (nodeRows: NodeData["text"]) => {
+  if (!nodeRows || nodeRows.length === 0) return "{}";
+  if (nodeRows.length === 1 && !nodeRows[0].key) return `${nodeRows[0].value}`;
+
+  const obj: Record<string, unknown> = {};
+  nodeRows.forEach(row => {
+    if (row.type !== "array" && row.type !== "object" && row.key) {
+      obj[row.key] = row.value;
+    }
+  });
+
+  return JSON.stringify(obj, null, 2);
+};
+
+const jsonPathToString = (path?: NodeData["path"]) => {
+  if (!path || path.length === 0) return "$";
+  const segments = path.map(seg => (typeof seg === "number" ? seg : `"${seg}"`));
+  return `$[${segments.join("][")}]`;
+};
+
+export const NodeModal = ({ opened, onClose, nodeData }: NodeModalProps) => {
+  const nodeContent = normalizeNodeData(nodeData?.text ?? []);
+  const jsonPath = jsonPathToString(nodeData?.path);
+
+  return (
+    <Modal title="Node Content" size="auto" opened={opened} onClose={onClose} centered>
+      <Stack py="sm" gap="sm">
+        <Stack gap="xs">
+          <Text fz="xs" fw={500}>
+            Content
+          </Text>
+          <ScrollArea.Autosize mah={250} maw={600}>
+            <CodeHighlight code={nodeContent} miw={350} maw={600} language="json" withCopyButton />
+          </ScrollArea.Autosize>
+        </Stack>
+        <Text fz="xs" fw={500}>
+          JSON Path
+        </Text>
+        <ScrollArea.Autosize maw={600}>
+          <CodeHighlight
+            code={jsonPath}
+            miw={350}
+            mah={250}
+            language="json"
+            copyLabel="Copy to clipboard"
+            copiedLabel="Copied to clipboard"
+            withCopyButton
+          />
+        </ScrollArea.Autosize>
+      </Stack>
+    </Modal>
+  );
+};

apps/vscode/src/global.css

@@ -0,0 +1,20 @@
+html,
+body,
+#root {
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+a {
+  color: inherit;
+  text-decoration: none;
+}

apps/vscode/src/index.tsx

@@ -0,0 +1,10 @@
+import "@mantine/core/styles.css";
+import "@mantine/code-highlight/styles.css";
+import "jsoncrack-react/style.css";
+import { createRoot } from "react-dom/client";
+import App from "./App";
+import "./global.css";
+
+const container = document.getElementById("root") as HTMLElement;
+const root = createRoot(container);
+root.render(<App />);

apps/vscode/src/react-app-env.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react-scripts" />
+
+declare global {
+  interface Window {
+    acquireVsCodeApi?: () => any;
+  }
+}

apps/vscode/tsconfig.extension.json

@@ -0,0 +1,13 @@
+{
+  "compilerOptions": {
+    "module": "commonjs",
+    "target": "es6",
+    "outDir": "build",
+    "lib": ["es6", "dom"],
+    "sourceMap": true,
+    "rootDir": ".",
+    "strict": true
+  },
+  "include": ["ext-src"],
+  "exclude": ["node_modules", ".vscode-test"]
+}

apps/vscode/tsconfig.json

@@ -1,13 +1,13 @@
 {
   "compilerOptions": {
     "baseUrl": ".",
-    "target": "es5",
+    "target": "ES6",
     "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
     "forceConsistentCasingInFileNames": true,
-    "noEmit": true,
+    "noEmit": false,
     "esModuleInterop": true,
     "module": "esnext",
     "moduleResolution": "node",
@@ -17,6 +17,6 @@
     "incremental": true,
     "noImplicitAny": false
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
+  "include": ["src"],
   "exclude": ["node_modules"]
 }

apps/vscode/webpack.config.js

@@ -0,0 +1,48 @@
+/** @typedef {import('webpack').Configuration} WebpackConfig **/
+
+const webpack = require("webpack");
+const path = require("path");
+
+/** @type WebpackConfig */
+const extensionConfig = {
+  target: "node",
+  mode: "none",
+  entry: "./ext-src/extension.ts",
+  output: {
+    path: path.resolve(__dirname, "build"),
+    filename: "extension.js",
+    libraryTarget: "commonjs2",
+	},
+  externals: {
+    vscode: "commonjs vscode",
+  },
+  module: {
+		rules: [{
+			test: /\.ts$/,
+			exclude: [/node_modules/],
+			use: [{
+				loader: 'ts-loader'
+			}]
+		}]
+	},
+  resolve: {
+    extensions: [".ts", ".js"],
+  },
+  plugins: [
+    new webpack.optimize.LimitChunkCountPlugin({
+      maxChunks: 1, // disable chunks by default since web extensions must be a single bundle
+    }),
+    new webpack.ProvidePlugin({
+      process: "process/browser", // provide a shim for the global `process` variable
+    }),
+  ],
+  devtool: "nosources-source-map",
+  performance: {
+		hints: false
+	},
+  infrastructureLogging: {
+    level: "log",
+  },
+};
+
+module.exports = extensionConfig;

apps/www/.dockerignore

@@ -0,0 +1,7 @@
+Dockerfile
+.dockerignore
+node_modules
+npm-debug.log
+README.md
+.next
+.git

apps/www/.env

@@ -0,0 +1,2 @@
+NEXT_PUBLIC_NODE_LIMIT=800
+NEXT_TELEMETRY_DISABLED=1

apps/www/.env.development

@@ -0,0 +1,2 @@
+NEXT_PUBLIC_NODE_LIMIT=2000
+NEXT_PUBLIC_DISABLE_EXTERNAL_MODE=false

apps/www/.eslintrc.json

@@ -0,0 +1,29 @@
+{
+  "rules": {
+    "@next/next/no-img-element": "off",
+    "@typescript-eslint/consistent-type-imports": "error",
+    "unused-imports/no-unused-imports": "error",
+    "@typescript-eslint/no-explicit-any": "off",
+    "prettier/prettier": "error",
+    "space-in-parens": "error",
+    "no-empty": "error",
+    "no-multiple-empty-lines": "error",
+    "no-irregular-whitespace": "error",
+    "strict": ["error", "never"],
+    "linebreak-style": ["error", "unix"],
+    "quotes": ["error", "double", { "avoidEscape": true }],
+    "semi": ["error", "always"],
+    "prefer-const": "error",
+    "space-before-function-paren": [
+      "error",
+      {
+        "anonymous": "always",
+        "named": "never",
+        "asyncArrow": "always"
+      }
+    ]
+  },
+  "extends": ["next/core-web-vitals", "prettier", "plugin:@typescript-eslint/recommended"],
+  "plugins": ["prettier", "unused-imports"],
+  "ignorePatterns": ["src/enums", "next.config.js"]
+}

apps/www/.gitignore

@@ -0,0 +1,31 @@
+# App dependencies
+node_modules/
+
+# Next.js
+.next/
+out/
+
+# Turborepo task cache
+.turbo/
+
+# Test/build artifacts
+coverage/
+build/
+*.tsbuildinfo
+
+# Local environment files
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# Deployment
+.vercel
+
+# Workspace migration artifact (root lockfile is authoritative)
+pnpm-lock.yaml
+
+# PWA workers
+public/workbox-*.js
+public/sw.js
+public/fallback-*.js

apps/www/.prettierignore

@@ -0,0 +1,7 @@
+.github
+.next
+node_modules/
+out
+public
+*-lock.json
+tsconfig.json

apps/www/.prettierrc

@@ -0,0 +1,19 @@
+{
+  "trailingComma": "es5",
+  "singleQuote": false,
+  "semi": true,
+  "printWidth": 100,
+  "arrowParens": "avoid",
+  "importOrder": [
+    "^(react/(.*)$)|^(react$)",
+    "^(next/(.*)$)|^(next$)",
+    "^@mantine/core",
+    "^@mantine",
+    "styled",
+    "<THIRD_PARTY_MODULES>",
+    "^src/(.*)$",
+    "^[./]"
+  ],
+  "importOrderParserPlugins": ["typescript", "jsx", "decorators-legacy"],
+  "plugins": ["@trivago/prettier-plugin-sort-imports"]
+}

apps/www/Dockerfile

@@ -0,0 +1,23 @@
+FROM node:24.10.0-alpine AS base
+RUN npm install -g pnpm@10.10.0
+
+# Stage 1: Install dependencies
+FROM base AS deps
+WORKDIR /app
+COPY package.json pnpm-lock.yaml ./
+RUN corepack enable pnpm && pnpm install --frozen-lockfile
+
+# Stage 2: Build the application
+FROM base AS builder
+WORKDIR /app
+COPY --from=deps /app/node_modules ./node_modules
+COPY . .
+RUN corepack enable pnpm && pnpm run build
+
+# Stage 3: Production image
+FROM nginxinc/nginx-unprivileged:stable AS production
+WORKDIR /app
+COPY --from=builder /app/out /app
+COPY ./nginx.conf /etc/nginx/conf.d/default.conf
+
+EXPOSE 8080

apps/www/LICENSE.md

@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright 2025 Aykut Saraç
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

apps/www/docker-compose.yml

@@ -0,0 +1,11 @@
+services:
+  jsoncrack:
+    image: jsoncrack
+    container_name: jsoncrack
+    build: 
+      context: .
+      dockerfile: Dockerfile
+    ports:
+      - "8888:8080"
+    environment:
+      - NODE_ENV=production

apps/www/eslint.config.mjs

@@ -0,0 +1,66 @@
+import { FlatCompat } from "@eslint/eslintrc";
+import js from "@eslint/js";
+import nextCoreWebVitals from "eslint-config-next/core-web-vitals";
+import prettier from "eslint-plugin-prettier";
+import unusedImports from "eslint-plugin-unused-imports";
+import { defineConfig, globalIgnores } from "eslint/config";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const compat = new FlatCompat({
+  baseDirectory: __dirname,
+  recommendedConfig: js.configs.recommended,
+  allConfig: js.configs.all,
+});
+
+export default defineConfig([
+  globalIgnores(["src/enums", "**/next.config.js"]),
+  {
+    extends: [
+      ...nextCoreWebVitals,
+      ...compat.extends("prettier"),
+      ...compat.extends("plugin:@typescript-eslint/recommended"),
+    ],
+
+    plugins: {
+      prettier,
+      "unused-imports": unusedImports,
+    },
+
+    rules: {
+      "@next/next/no-img-element": "off",
+      "@typescript-eslint/consistent-type-imports": "error",
+      "unused-imports/no-unused-imports": "error",
+      "@typescript-eslint/no-explicit-any": "off",
+      "prettier/prettier": "error",
+      "space-in-parens": "error",
+      "no-empty": "error",
+      "no-multiple-empty-lines": "error",
+      "no-irregular-whitespace": "error",
+      strict: ["error", "never"],
+      "linebreak-style": ["error", "unix"],
+
+      quotes: [
+        "error",
+        "double",
+        {
+          avoidEscape: true,
+        },
+      ],
+
+      semi: ["error", "always"],
+      "prefer-const": "error",
+
+      "space-before-function-paren": [
+        "error",
+        {
+          anonymous: "always",
+          named: "never",
+          asyncArrow: "always",
+        },
+      ],
+    },
+  },
+]);

apps/www/next-env.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+import "./.next/dev/types/routes.d.ts";
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/pages/api-reference/config/typescript for more information.

apps/www/next-sitemap.config.js

@@ -0,0 +1,7 @@
+/** @type {import('next-sitemap').IConfig} */
+module.exports = {
+  siteUrl: "https://jsoncrack.com",
+  exclude: ["/widget"],
+  autoLastmod: false,
+  changefreq: "never",
+};

apps/www/next.config.js

@@ -0,0 +1,41 @@
+const withBundleAnalyzer = require("@next/bundle-analyzer")({
+  enabled: process.env.ANALYZE === "true",
+});
+
+/**
+ * @type {import('next').NextConfig}
+ */
+const config = {
+  output: "export",
+  transpilePackages: ["jsoncrack"],
+  reactStrictMode: false,
+  productionBrowserSourceMaps: true,
+  compiler: {
+    styledComponents: true,
+  },
+  turbopack: {
+    resolveAlias: {
+      fs: {
+        browser: "./shims/empty.ts",
+      },
+    },
+  },
+  webpack: (config, { isServer }) => {
+    config.resolve.fallback = { fs: false };
+    config.output.webassemblyModuleFilename = "static/wasm/[modulehash].wasm";
+    config.experiments = { asyncWebAssembly: true, layers: true };
+
+    if (!isServer) {
+      config.output.environment = { ...config.output.environment, asyncFunction: true };
+    }
+
+    return config;
+  },
+};
+
+const configExport = () => {
+  if (process.env.ANALYZE === "true") return withBundleAnalyzer(config);
+  return config;
+};
+
+module.exports = configExport();

apps/www/nginx.conf

@@ -6,4 +6,12 @@ server {
     location /editor {
         try_files $uri /editor.html;
     }
+    
+    location /widget {
+        try_files $uri /widget.html;
+    }
+
+    location /docs {
+        try_files $uri /docs.html;
+    }
 }

apps/www/package.json

@@ -0,0 +1,72 @@
+{
+  "name": "www",
+  "private": true,
+  "version": "0.0.0",
+  "license": "Apache-2.0",
+  "scripts": {
+    "dev": "next dev --webpack",
+    "build": "next build --webpack",
+    "postbuild": "next-sitemap --config next-sitemap.config.js",
+    "start": "next start",
+    "lint": "tsc --project tsconfig.json && eslint src && prettier --check src",
+    "lint:fix": "eslint --fix src && prettier --write src",
+    "analyze": "ANALYZE=true npm run build"
+  },
+  "dependencies": {
+    "jsoncrack-react": "workspace:*",
+    "@mantine/code-highlight": "^8.3.14",
+    "@mantine/core": "^8.3.14",
+    "@mantine/dropzone": "^8.3.14",
+    "@mantine/hooks": "^8.3.14",
+    "@monaco-editor/react": "^4.7.0",
+    "allotment": "^1.20.5",
+    "fast-xml-parser": "5.3.4",
+    "gofmt.js": "0.0.2",
+    "html-to-image": "1.11.11",
+    "jq-web": "0.5.1",
+    "js-yaml": "4.1.1",
+    "json-2-csv": "5.5.10",
+    "json-schema-faker": "0.5.9",
+    "json_typegen_wasm": "0.7.0",
+    "jsonc-parser": "3.3.1",
+    "jsonpath-plus": "10.3.0",
+    "lodash.debounce": "^4.0.8",
+    "next": "16.1.6",
+    "next-seo": "^7.1.0",
+    "next-sitemap": "^4.2.3",
+    "nextjs-google-analytics": "^2.3.7",
+    "react": "19.2.4",
+    "react-dom": "19.2.4",
+    "react-hot-toast": "^2.6.0",
+    "react-icons": "^5.5.0",
+    "react-json-tree": "^0.20.0",
+    "react-linkify-it": "^2.0.0",
+    "react-zoomable-ui": "^0.11.0",
+    "reaflow": "5.4.1",
+    "shiki": "^3.22.0",
+    "styled-components": "^6.3.8",
+    "use-sync-external-store": "^1.6.0",
+    "use-long-press": "^3.3.0",
+    "zustand": "^5.0.11"
+  },
+  "devDependencies": {
+    "@eslint/eslintrc": "^3.2.0",
+    "@eslint/js": "^9.39.2",
+    "@next/bundle-analyzer": "16.1.6",
+    "@trivago/prettier-plugin-sort-imports": "^6.0.2",
+    "@types/js-yaml": "^4.0.9",
+    "@types/node": "^25.2.0",
+    "@types/react": "19.2.11",
+    "@types/react-dom": "19.2.3",
+    "@typescript-eslint/eslint-plugin": "^8.54.0",
+    "eslint": "^9.39.2",
+    "eslint-config-next": "16.1.6",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-prettier": "^5.5.5",
+    "eslint-plugin-unused-imports": "^4.3.0",
+    "prettier": "^3.8.1",
+    "ts-node": "^10.9.2",
+    "typescript": "5.9.3"
+  },
+  "packageManager": "pnpm@10.20.0"
+}

apps/www/public/assets/cursor.svg

@@ -0,0 +1,10 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <defs>
+        <filter id="shadow" x="0" y="0" width="150%" height="150%">
+            <feOffset result="offOut" in="SourceAlpha" dx="1" dy="1" />
+            <feGaussianBlur result="blurOut" in="offOut" stdDeviation="1" />
+            <feBlend in="SourceGraphic" in2="blurOut" mode="normal" />
+        </filter>
+    </defs>
+    <path d="M5.65376 12.3673H5.46026L5.31717 12.4976L0.500002 16.8829L0.500002 1.19841L11.7841 12.3673H5.65376Z" fill="#000000" stroke="#E2E2E2" stroke-width="1" filter="url(#shadow)" />
+</svg>

apps/www/public/assets/diagram.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="887" height="342" viewBox="0 0 887 342"><foreignObject width="100%" height="100%" x="0" y="0" externalResourcesRequired="true"><svg xmlns="http://www.w3.org/2000/svg" id="ref-1" height="341.78125" width="886.515625" style="accent-color: auto; place-content: normal; place-items: normal; place-self: auto; alignment-baseline: auto; anchor-name: none; animation-composition: replace; animation: 0s ease 0s 1 normal none running none; app-region: none; appearance: none; backdrop-filter: none; backface-visibility: visible; background: none 0% 0% / auto repeat scroll padding-box border-box transparent; background-blend-mode: normal; baseline-shift: 0px; baseline-source: auto; block-size: 341.781px; border-block-end: 0px none rgb(0, 0, 0); border-block-start: 0px none rgb(0, 0, 0); border-color: rgb(0, 0, 0); border-radius: 0px; border-style: none; border-width: 0px; border-collapse: separate; border-end-end-radius: 0px; border-end-start-radius: 0px; border-image: none 100% / 1 / 0 stretch; border-inline-end: 0px none rgb(0, 0, 0); border-inline-start: 0px none rgb(0, 0, 0); border-start-end-radius: 0px; border-start-start-radius: 0px; inset: auto; box-shadow: none; box-sizing: border-box; break-after: auto; break-before: auto; break-inside: auto; buffered-rendering: auto; caption-side: top; caret-color: rgb(0, 0, 0); clear: none; clip: auto; clip-path: none; clip-rule: nonzero; color: rgb(0, 0, 0); color-interpolation: srgb; color-interpolation-filters: linearrgb; color-rendering: auto; columns: auto; gap: normal; column-rule: 0px rgb(0, 0, 0); column-span: none; contain-intrinsic-block-size: none; contain-intrinsic-size: none; contain-intrinsic-inline-size: none; container: none; content: normal; cursor: url(&quot;http://localhost:3000/assets/cursor.svg&quot;), auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; dominant-baseline: auto; empty-cells: show; field-sizing: fixed; fill: rgb(0, 0, 0); fill-opacity: 1; fill-rule: nonzero; filter: none; flex: 0 1 auto; flex-flow: row; float: none; flood-color: rgb(0, 0, 0); flood-opacity: 1; font-family: system-ui, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Arial, &quot;Noto Sans&quot;, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;; font-kerning: auto; font-optical-sizing: auto; font-palette: normal; font-size: 15.9px; font-size-adjust: none; font-stretch: 100%; font-style: normal; font-synthesis: weight style small-caps; font-variant: normal; font-weight: 400; grid: none; grid-area: auto; height: 341.781px; hyphenate-character: auto; hyphenate-limit-chars: auto; hyphens: manual; image-orientation: from-image; image-rendering: auto; initial-letter: normal; inline-size: 886.516px; inset-area: none; inset-block: auto; inset-inline: auto; isolation: auto; letter-spacing: normal; lighting-color: rgb(255, 255, 255); line-break: auto; line-height: 24.8px; list-style: outside none disc; margin-block: 0px; margin: 0px; margin-inline: 0px; marker: none; mask: none; mask-type: luminance; math-depth: 0; math-shift: normal; math-style: normal; max-block-size: none; max-height: none; max-inline-size: none; max-width: none; min-block-size: 0px; min-height: 0px; min-inline-size: 0px; min-width: 0px; mix-blend-mode: normal; object-fit: fill; object-position: 50% 50%; object-view-box: none; offset: normal; opacity: 1; order: 0; orphans: 2; outline: rgb(0, 0, 0) none 0px; outline-offset: 0px; overflow-anchor: auto; overflow-clip-margin: content-box; overflow-wrap: normal; overflow: hidden; overlay: none; overscroll-behavior-block: auto; overscroll-behavior-inline: auto; padding-block: 0px; padding: 0px; padding-inline: 0px; paint-order: normal; perspective: none; perspective-origin: 443.258px 170.891px; pointer-events: auto; position: static; position-anchor: auto; position-try: none; position-visibility: always; r: 0px; resize: none; rotate: none; ruby-align: space-around; ruby-position: over; rx: auto; ry: auto; scale: none; scroll-behavior: smooth; scroll-margin-block: 0px; scroll-margin-inline: 0px; scroll-padding-block: auto; scroll-padding-inline: auto; scroll-timeline: none; scrollbar-color: auto; scrollbar-gutter: auto; scrollbar-width: auto; shape-image-threshold: 0; shape-margin: 0px; shape-outside: none; shape-rendering: auto; speak: normal; stop-color: rgb(0, 0, 0); stop-opacity: 1; stroke: none; stroke-dasharray: none; stroke-dashoffset: 0px; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 4; stroke-opacity: 1; stroke-width: 1px; tab-size: 8; table-layout: auto; text-align: start; text-align-last: auto; text-anchor: start; text-decoration: none solid rgb(0, 0, 0); text-decoration-skip-ink: auto; text-emphasis: none rgb(0, 0, 0); text-emphasis-position: over; text-indent: 0px; text-overflow: clip; text-rendering: auto; text-shadow: none; text-size-adjust: auto; text-sLine truncated

apps/www/public/manifest.json

@@ -1,7 +1,7 @@
 {
   "name": "JSON Crack",
   "short_name": "JSON Crack",
-  "description": "Visualize your JSON data onto graphs seamlessly.",
+  "description": "JSON Crack Editor is a tool for visualizing into graphs, analyzing, editing, formatting, querying, transforming and validating JSON, CSV, YAML, XML, and more.",
   "theme_color": "#36393e",
   "background_color": "#36393e",
   "display": "standalone",

apps/www/public/robots.txt

@@ -0,0 +1,5 @@
+User-agent: *
+
+Allow: /
+
+Sitemap: https://jsoncrack.com/sitemap.xml

apps/www/public/sitemap-0.xml

@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:news="http://www.google.com/schemas/sitemap-news/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:mobile="http://www.google.com/schemas/sitemap-mobile/1.0" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" xmlns:video="http://www.google.com/schemas/sitemap-video/1.1">
+<url><loc>https://jsoncrack.com</loc><changefreq>never</changefreq><priority>0.7</priority></url>
+<url><loc>https://jsoncrack.com/converter/csv-to-json</loc><changefreq>never</changefreq><priority>0.7</priority></url>
+<url><loc>https://jsoncrack.com/converter/csv-to-xml</loc><changefreq>never</changefreq><priority>0.7</priority></url>
+<url><loc>https://jsoncrack.com/converter/csv-to-yaml</loc><changefreq>never</changefreq><priority>0.7</priority></url>
+<url><loc>https://jsoncrack.com/converter/json-to-csv</loc><changefreq>never</changefreq><priority>0.7</priority></url>
+<url><loc>https://jsoncrack.com/converter/json-to-xml</loc><changefreq>never</changefreq><priority>0.7</priority></url>
+<url><loc>https://jsoncrack.com/converter/json-to-yaml</loc><changefreq>never</changefreq><priority>0.7</priority></url>
+<url><loc>https://jsoncrack.com/converter/xml-to-csv</loc><changefreq>never</changefreq><priority>0.7</priority></url>
+<url><loc>https://jsoncrack.com/converter/xml-to-json</loc><changefreq>never</changefreq><priority>0.7</priority></url>
+<url><loc>https://jsoncrack.com/converter/xml-to-yaml</loc><changefreq>never</changefreq><priority>0.7</priority></url>
+<url><loc>https://jsoncrack.com/converter/yaml-to-csv</loc><changefreq>never</changefreq><priority>0.7</priority></url>
+<url><loc>https://jsoncrack.com/converter/yaml-to-json</loc><changefreq>never</changefreq><priority>0.7</priority></url>
+<url><loc>https://jsoncrack.com/converter/yaml-to-xml</loc><changefreq>never</changefreq><priority>0.7</priority></url>
+<url><loc>https://jsoncrack.com/docs</loc><changefreq>never</changefreq><priority>0.7</priority></url>
+<url><loc>https://jsoncrack.com/editor</loc><changefreq>never</changefreq><priority>0.7</priority></url>
+<url><loc>https://jsoncrack.com/legal/privacy</loc><changefreq>never</changefreq><priority>0.7</priority></url>
+<url><loc>https://jsoncrack.com/legal/terms</loc><changefreq>never</changefreq><priority>0.7</priority></url>
+<url><loc>https://jsoncrack.com/tools/json-schema</loc><changefreq>never</changefreq><priority>0.7</priority></url>
+<url><loc>https://jsoncrack.com/type/csv-to-go</loc><changefreq>never</changefreq><priority>0.7</priority></url>
+<url><loc>https://jsoncrack.com/type/csv-to-kotlin</loc><changefreq>never</changefreq><priority>0.7</priority></url>
+<url><loc>https://jsoncrack.com/type/csv-to-rust</loc><changefreq>never</changefreq><priority>0.7</priority></url>
+<url><loc>https://jsoncrack.com/type/csv-to-typescript</loc><changefreq>never</changefreq><priority>0.7</priority></url>
+<url><loc>https://jsoncrack.com/type/json-to-go</loc><changefreq>never</changefreq><priority>0.7</priority></url>
+<url><loc>https://jsoncrack.com/type/json-to-kotlin</loc><changefreq>never</changefreq><priority>0.7</priority></url>
+<url><loc>https://jsoncrack.com/type/json-to-rust</loc><changefreq>never</changefreq><priority>0.7</priority></url>
+<url><loc>https://jsoncrack.com/type/json-to-typescript</loc><changefreq>never</changefreq><priority>0.7</priority></url>
+<url><loc>https://jsoncrack.com/type/xml-to-go</loc><changefreq>never</changefreq><priority>0.7</priority></url>
+<url><loc>https://jsoncrack.com/type/xml-to-kotlin</loc><changefreq>never</changefreq><priority>0.7</priority></url>
+<url><loc>https://jsoncrack.com/type/xml-to-rust</loc><changefreq>never</changefreq><priority>0.7</priority></url>
+<url><loc>https://jsoncrack.com/type/xml-to-typescript</loc><changefreq>never</changefreq><priority>0.7</priority></url>
+<url><loc>https://jsoncrack.com/type/yaml-to-go</loc><changefreq>never</changefreq><priority>0.7</priority></url>
+<url><loc>https://jsoncrack.com/type/yaml-to-kotlin</loc><changefreq>never</changefreq><priority>0.7</priority></url>
+<url><loc>https://jsoncrack.com/type/yaml-to-rust</loc><changefreq>never</changefreq><priority>0.7</priority></url>
+<url><loc>https://jsoncrack.com/type/yaml-to-typescript</loc><changefreq>never</changefreq><priority>0.7</priority></url>
+</urlset>

apps/www/public/sitemap.xml

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+<sitemap><loc>https://jsoncrack.com/sitemap-0.xml</loc></sitemap>
+</sitemapindex>

apps/www/shims/empty.ts

@@ -0,0 +1 @@
+export {};

apps/www/src/constants/globalStyle.ts

@@ -0,0 +1,45 @@
+import { createGlobalStyle } from "styled-components";
+
+const GlobalStyle = createGlobalStyle`
+  html, body {
+    background: #ffffff;
+    overscroll-behavior: none;
+    -webkit-font-smoothing: subpixel-antialiased !important;
+  }
+
+  *,
+  *::before,
+  *::after {
+      box-sizing: border-box;
+      margin: 0;
+      padding: 0;
+      scroll-behavior: smooth !important;
+      -webkit-tap-highlight-color: transparent;
+      -webkit-font-smoothing: never;
+  }
+
+  .hide {
+    display: none;
+  }
+
+  svg {
+    vertical-align: text-top;
+  }
+
+  a {
+    color: unset;
+    text-decoration: none;
+  }
+
+  button {
+    border: none;
+    outline: none;
+    background: transparent;
+    width: fit-content;
+    margin: 0;
+    padding: 0;
+    cursor: pointer;
+  }
+`;
+
+export default GlobalStyle;

apps/www/src/constants/graph.ts

@@ -0,0 +1,6 @@
+export const NODE_DIMENSIONS = {
+  ROW_HEIGHT: 30, // Regular row height
+  PARENT_HEIGHT: 36, // Height for parent nodes
+} as const;
+
+export const SUPPORTED_LIMIT = +(process.env.NEXT_PUBLIC_NODE_LIMIT as string);

apps/www/src/constants/seo.ts

@@ -0,0 +1,33 @@
+import type { DefaultSeoProps } from "next-seo/pages";
+
+export const SEO: DefaultSeoProps = {
+  title: "JSON Crack | Online JSON Viewer - Transform your data into interactive graphs",
+  description:
+    "JSON Crack Editor is a tool for visualizing into graphs, analyzing, editing, formatting, querying, transforming and validating JSON, CSV, YAML, XML, and more.",
+  themeColor: "#36393E",
+  openGraph: {
+    type: "website",
+    images: [
+      {
+        url: "https://jsoncrack.com/assets/jsoncrack.png",
+        width: 1200,
+        height: 627,
+      },
+    ],
+  },
+  twitter: {
+    handle: "@jsoncrack",
+    cardType: "summary_large_image",
+  },
+  additionalLinkTags: [
+    {
+      rel: "manifest",
+      href: "/manifest.json",
+    },
+    {
+      rel: "icon",
+      href: "/favicon.ico",
+      sizes: "48x48",
+    },
+  ],
+};

apps/www/src/constants/theme.ts

@@ -10,7 +10,7 @@ const fixedColors = {
   DARK_SALMON: "#E9967A",
   DANGER: "hsl(359,calc(var(--saturation-factor, 1)*66.7%),54.1%)",
   LIGHTGREEN: "#90EE90",
-  SEAGREEN: "#3BA55D",
+  SEAGREEN: "#11883B",
   ORANGE: "#FAA81A",
   SILVER: "#B9BBBE",
   PRIMARY: "#4D4D4D",
@@ -20,7 +20,7 @@ const fixedColors = {
 const nodeColors = {
   dark: {
     NODE_COLORS: {
-      TEXT: "#35D073",
+      TEXT: "#DCE5E7",
       NODE_KEY: "#59b8ff",
       NODE_VALUE: "#DCE5E7",
       INTEGER: "#e8c479",
@@ -32,14 +32,15 @@ const nodeColors = {
       PARENT_ARR: "#FC9A40",
       PARENT_OBJ: "#59b8ff",
       CHILD_COUNT: "white",
+      DIVIDER: "#383838",
     },
   },
   light: {
     NODE_COLORS: {
-      TEXT: "#748700",
+      TEXT: "#000",
       NODE_KEY: "#761CEA",
       NODE_VALUE: "#535353",
-      INTEGER: "#A771FE",
+      INTEGER: "#FD0079",
       NULL: "#afafaf",
       BOOL: {
         FALSE: "#FF0000",
@@ -48,6 +49,7 @@ const nodeColors = {
       PARENT_ARR: "#FF6B00",
       PARENT_OBJ: "#761CEA",
       CHILD_COUNT: "#535353",
+      DIVIDER: "#e6e6e6",
     },
   },
 };
@@ -67,11 +69,15 @@ export const darkTheme = {
   BACKGROUND_NODE: "#2B2C3E",
   BACKGROUND_TERTIARY: "#202225",
   BACKGROUND_SECONDARY: "#2f3136",
+  TOOLBAR_BG: "#262626",
   BACKGROUND_PRIMARY: "#36393f",
   BACKGROUND_MODIFIER_ACCENT: "rgba(79,84,92,0.48)",
   MODAL_BACKGROUND: "#36393E",
   TEXT_NORMAL: "#dcddde",
   TEXT_POSITIVE: "hsl(139,calc(var(--saturation-factor, 1)*51.6%),52.2%)",
+  GRID_BG_COLOR: "#141414",
+  GRID_COLOR_PRIMARY: "#1c1b1b",
+  GRID_COLOR_SECONDARY: "#191919",
 };
 
 export const lightTheme = {
@@ -86,14 +92,18 @@ export const lightTheme = {
   INTERACTIVE_NORMAL: "#4f5660",
   INTERACTIVE_HOVER: "#2e3338",
   INTERACTIVE_ACTIVE: "#060607",
-  BACKGROUND_NODE: "#FAFAFA",
+  BACKGROUND_NODE: "#F6F8FA",
   BACKGROUND_TERTIARY: "#e3e5e8",
   BACKGROUND_SECONDARY: "#f2f3f5",
+  TOOLBAR_BG: "#ECECEC",
   BACKGROUND_PRIMARY: "#FFFFFF",
   BACKGROUND_MODIFIER_ACCENT: "rgba(106,116,128,0.24)",
   MODAL_BACKGROUND: "#FFFFFF",
   TEXT_NORMAL: "#2e3338",
   TEXT_POSITIVE: "#008736",
+  GRID_BG_COLOR: "#f7f7f7",
+  GRID_COLOR_PRIMARY: "#ebe8e8",
+  GRID_COLOR_SECONDARY: "#f2eeee",
 };
 
 const themeDs = {

apps/www/src/data/example.json

@@ -0,0 +1,43 @@
+{
+  "fruits": [
+    {
+      "name": "Apple",
+      "color": "#FF0000",
+      "details": {
+        "type": "Pome",
+        "season": "Fall"
+      },
+      "nutrients": {
+        "calories": 52,
+        "fiber": "2.4g",
+        "vitaminC": "4.6mg"
+      }
+    },
+    {
+      "name": "Banana",
+      "color": "#FFFF00",
+      "details": {
+        "type": "Berry",
+        "season": "Year-round"
+      },
+      "nutrients": {
+        "calories": 89,
+        "fiber": "2.6g",
+        "potassium": "358mg"
+      }
+    },
+    {
+      "name": "Orange",
+      "color": "#FFA500",
+      "details": {
+        "type": "Citrus",
+        "season": "Winter"
+      },
+      "nutrients": {
+        "calories": 47,
+        "fiber": "2.4g",
+        "vitaminC": "53.2mg"
+      }
+    }
+  ]
+}

apps/www/src/data/faq.json

@@ -0,0 +1,42 @@
+[
+  {
+    "title": "What is JSON Crack and what does it do?",
+    "content": "JSON Crack is an online JSON viewer tool designed to visualize and analyze various data formats, including JSON, YAML, CSV, XML and more. It transforms complex data into intuitive graphs and tree views, making it ideal for developers, data analysts, and anyone working with structured data."
+  },
+  {
+    "title": "How is it different than traditional JSON viewers?",
+    "content": "While traditional JSON Viewers and JSON formatters only allow you to work with raw data on text editors, JSON Crack offers a unique visual representation of your data, making it easier to understand and analyze complex data structures. It provides a tree view and graph view to help you visualize your data in different ways."
+  },
+  {
+    "title": "Is JSON Crack free?",
+    "content": "Yes, JSON Crack is a free-forever open source online tool. For advanced features you may use ToDiagram.com"
+  },
+  {
+    "title": "Is my data secure?",
+    "content": "Yes. When you paste or import your data into the editor, it's processed only on your browser to create the visualization without going into our servers."
+  },
+  {
+    "title": "Can I convert JSON to other formats using JSON Crack?",
+    "content": "Yes, JSON Crack offers robust data conversion capabilities. You can easily convert JSON to YAML, XML to JSON, CSV to JSON and other popular formats."
+  },
+  {
+    "title": "What kind of data formats are supported?",
+    "content": "A wide range of data formats are supported including JSON, YAML, XML, and CSV."
+  },
+  {
+    "title": "What size of data can I visualize?",
+    "content": "It supports approximately 300 KB. It might vary depending on the complexity of the data and your hardware."
+  },
+  {
+    "title": "Can I export the generated graphs?",
+    "content": "Yes, you can export the generated graphs as PNG, JPEG, or SVG files."
+  },
+  {
+    "title": "How to use VS Code extension?",
+    "content": "You can use the VS Code extension to visualize JSON data directly in your editor. Install the extension from the VS Code marketplace and follow the instructions at extension's page."
+  },
+  {
+    "title": "I've previously subscribed to the premium plan, where did it go?",
+    "content": "We have moved the premium features to ToDiagram.com. You can use the same credentials to access the premium features or manage your subscription."
+  }
+]

apps/www/src/data/privacy.json

@@ -0,0 +1,48 @@
+{
+  "Introduction": [
+    "Welcome to JSON Crack.",
+    "JSON Crack (“us”, “we”, or “our”) operates https://jsoncrack.com (hereinafter referred to as “Service”).",
+    "Our Privacy Policy governs your visit to https://jsoncrack.com, explaining how we collect, safeguard, and disclose information resulting from your use of our Service.",
+    "By using the Service, you agree to the collection and use of information in accordance with this policy. Unless otherwise defined in this Privacy Policy, the terms used have the same meanings as in our Terms and Conditions.",
+    "Our Terms and Conditions (“Terms”) govern all use of our Service and together with the Privacy Policy constitute your agreement with us (“agreement”)."
+  ],
+  "Definitions": [
+    "SERVICE means the https://jsoncrack.com website.",
+    "PERSONAL DATA means data about a living individual who can be identified from those data.",
+    "USAGE DATA is data collected automatically, generated by the use of Service or from Service infrastructure itself (e.g., the duration of a page visit).",
+    "COOKIES are small files stored on your device (computer or mobile device)."
+  ],
+  "Information Collection and Use": [
+    "We collect limited information for the purpose of improving our Service. We do not collect or store any Personal Data beyond what is necessary for analytics and security."
+  ],
+  "Data Collection": [
+    "Usage Data",
+    "• We may collect information that your browser sends whenever you visit our Service (“Usage Data”).",
+    "• This may include your computer's IP address, browser type, browser version, pages visited, time and date of your visit, time spent on pages, and other diagnostic data.",
+    "Cookies",
+    "• We use cookies and similar tracking technologies to monitor activity on our Service.",
+    "• Cookies are files with a small amount of data that may include an anonymous unique identifier."
+  ],
+  "Use of Data": [
+    "JSON Crack uses collected data to:",
+    "• Provide and maintain the Service;",
+    "• Improve and analyze Service performance."
+  ],
+  "Security of Data": [
+    "The data you paste into the editor for transformation into visualizations is not stored or processed on our servers, ensuring that your information remains private.",
+    "Usage Data may be shared with third-party analytics services as outlined below."
+  ],
+  "Analytics": [
+    "We may use Google Analytics to monitor Service usage.",
+    "• Google Analytics collects non-personally identifying information such as browser type, referring pages, and time spent on the site.",
+    "• We do not collect IP addresses through Google Analytics.",
+    "• Learn more about Google's privacy practices: https://support.google.com/analytics/answer/4597324?hl=en"
+  ],
+  "Changes to This Privacy Policy": [
+    "We may update our Privacy Policy from time to time. We will notify you of any changes by posting the new Privacy Policy on this page.",
+    "You are advised to review this Privacy Policy periodically for any changes. Changes are effective when posted on this page."
+  ],
+  "Contact Us": [
+    "If you have any questions about this Privacy Policy, please contact us at contact@todiagram.com."
+  ]
+}

apps/www/src/data/terms.json

@@ -0,0 +1,69 @@
+{
+  "Introduction": [
+    "Subject to these Terms of Service (“Terms”, “Terms of Service”), jsoncrack.com ('JSON Crack', 'we', 'us' and/or 'our') provides access to JSON Crack's application as a service (collectively, the 'Services'). By using or accessing the Services, you acknowledge that you have read, understand, and agree to be bound by this Agreement.",
+    "These Terms of Service govern your use of our web pages located at https://jsoncrack.com.",
+    "Our Privacy Policy also governs your use of our Service and explains how we collect, safeguard and disclose information that results from your use of our web pages. Please read it here https://jsoncrack.com/legal/privacy.",
+    "Your agreement with us includes these Terms and our Privacy Policy (“Agreements”). You acknowledge that you have read and understood Agreements, and agree to be bound of them.",
+    "If you do not agree with (or cannot comply with) Agreements, then you may not use the Service, but please let us know by emailing at contact@todiagram.com so we can try to find a solution. These Terms apply to all visitors, users and others who wish to access or use Service.",
+    "Thank you for being responsible."
+  ],
+  "Prohibited Uses": [
+    "You may use Service only for lawful purposes and in accordance with Terms. You agree not to use Service:",
+    "• In any way that violates any applicable national or international law or regulation.",
+    "• For the purpose of exploiting, harming, or attempting to exploit or harm minors in any way by exposing them to inappropriate content or otherwise.",
+    "• To transmit, or procure the sending of, any advertising or promotional material, including any “junk mail”, “chain letter,” “spam,” or any other similar solicitation.",
+    "• In any way that infringes upon the rights of others, or in any way is illegal, threatening, fraudulent, or harmful, or in connection with any unlawful, illegal, fraudulent, or harmful purpose or activity.",
+    "• To engage in any other conduct that restricts or inhibits anyone's use or enjoyment of Service, or which, as determined by us, may harm or offend Company or users of Service or expose them to liability.",
+    "Additionally, you agree not to:",
+    "• Use Service in any manner that could disable, overburden, damage, or impair Service or interfere with any other party's use of Service, including their ability to engage in real time activities through Service.",
+    "• Use any robot, spider, or other automatic device, process, or means to access Service for any purpose, including monitoring or copying any of the material on Service.",
+    "• Use any manual process to monitor or copy any of the material on Service or for any other unauthorized purpose without our prior written consent.",
+    "• Use any device, software, or routine that interferes with the proper working of Service.",
+    "• Introduce any viruses, trojan horses, worms, logic bombs, or other material which is malicious or technologically harmful.",
+    "• Attempt to gain unauthorized access to, interfere with, damage, or disrupt any parts of Service, the server on which Service is stored, or any server, computer, or database connected to Service.",
+    "• Attack Service via a denial-of-service attack or a distributed denial-of-service attack.",
+    "• Take any action that may damage or falsify Company rating.",
+    "• Otherwise attempt to interfere with the proper working of Service."
+  ],
+  "Analytics": [
+    "We may use third-party Service Providers to monitor and analyze the use of our Service.",
+    "Google Analytics is a web analytics service offered by Google that tracks and reports website traffic. Google uses the data collected to track and monitor the use of our Service. This data is shared with other Google services. Google may use the collected data to contextualise and personalise the ads of its own advertising network.",
+    "For more information on the privacy practices of Google, please visit the Google Privacy Terms web page: https://policies.google.com/privacy?hl=en",
+    "We also encourage you to review the Google's policy for safeguarding your data: https://support.google.com/analytics/answer/6004245"
+  ],
+  "Data Security": [
+    "As we do not store any user data on our servers, we are not responsible for any data security risks that may occur when users store or process data locally on their devices."
+  ],
+  "Intellectual Property": [
+    "Service and its original content (excluding Content provided by users), features and functionality are and will remain the exclusive property of JSON Crack and its licensors. Service is protected by copyright and other laws of foreign countries. Our trademarks and trade dress may not be used in connection with any product or service without the prior written consent of JSON Crack."
+  ],
+  "Disclaimer of Warranty": [
+    "THESE SERVICES ARE PROVIDED BY COMPANY ON AN “AS IS” AND “AS AVAILABLE” BASIS. COMPANY MAKES NO REPRESENTATIONS OR WARRANTIES OF ANY KIND, EXPRESS OR IMPLIED, AS TO THE OPERATION OF THEIR SERVICES, OR THE INFORMATION, CONTENT OR MATERIALS INCLUDED THEREIN. YOU EXPRESSLY AGREE THAT YOUR USE OF THESE SERVICES, THEIR CONTENT, AND ANY SERVICES OR ITEMS OBTAINED FROM US IS AT YOUR SOLE RISK.",
+    "NEITHER COMPANY NOR ANY PERSON ASSOCIATED WITH COMPANY MAKES ANY WARRANTY OR REPRESENTATION WITH RESPECT TO THE COMPLETENESS, SECURITY, RELIABILITY, QUALITY, ACCURACY, OR AVAILABILITY OF THE SERVICES. WITHOUT LIMITING THE FOREGOING, NEITHER COMPANY NOR ANYONE ASSOCIATED WITH COMPANY REPRESENTS OR WARRANTS THAT THE SERVICES, THEIR CONTENT, OR ANY SERVICES OR ITEMS OBTAINED THROUGH THE SERVICES WILL BE ACCURATE, RELIABLE, ERROR-FREE, OR UNINTERRUPTED, THAT DEFECTS WILL BE CORRECTED, THAT THE SERVICES OR THE SERVER THAT MAKES IT AVAILABLE ARE FREE OF VIRUSES OR OTHER HARMFUL COMPONENTS OR THAT THE SERVICES OR ANY SERVICES OR ITEMS OBTAINED THROUGH THE SERVICES WILL OTHERWISE MEET YOUR NEEDS OR EXPECTATIONS.",
+    "COMPANY HEREBY DISCLAIMS ALL WARRANTIES OF ANY KIND, WHETHER EXPRESS OR IMPLIED, STATUTORY, OR OTHERWISE, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF MERCHANTABILITY, NON-INFRINGEMENT, AND FITNESS FOR PARTICULAR PURPOSE.",
+    "THE FOREGOING DOES NOT AFFECT ANY WARRANTIES WHICH CANNOT BE EXCLUDED OR LIMITED UNDER APPLICABLE LAW."
+  ],
+  "Limitation of Liability": [
+    "EXCEPT AS PROHIBITED BY LAW, YOU WILL HOLD US AND OUR OFFICERS, DIRECTORS, EMPLOYEES, AND AGENTS HARMLESS FOR ANY INDIRECT, PUNITIVE, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGE, HOWEVER IT ARISES (INCLUDING ATTORNEYS' FEES AND ALL RELATED COSTS AND EXPENSES OF LITIGATION AND ARBITRATION, OR AT TRIAL OR ON APPEAL, IF ANY, WHETHER OR NOT LITIGATION OR ARBITRATION IS INSTITUTED), WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE, OR OTHER TORTIOUS ACTION, OR ARISING OUT OF OR IN CONNECTION WITH THIS AGREEMENT, INCLUDING WITHOUT LIMITATION ANY CLAIM FOR PERSONAL INJURY OR PROPERTY DAMAGE, ARISING FROM THIS AGREEMENT AND ANY VIOLATION BY YOU OF ANY FEDERAL, STATE, OR LOCAL LAWS, STATUTES, RULES, OR REGULATIONS, EVEN IF COMPANY HAS BEEN PREVIOUSLY ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. EXCEPT AS PROHIBITED BY LAW, IF THERE IS LIABILITY FOUND ON THE PART OF COMPANY, IT WILL BE LIMITED TO THE AMOUNT PAID FOR THE PRODUCTS AND/OR SERVICES, AND UNDER NO CIRCUMSTANCES WILL THERE BE CONSEQUENTIAL OR PUNITIVE DAMAGES. SOME STATES DO NOT ALLOW THE EXCLUSION OR LIMITATION OF PUNITIVE, INCIDENTAL OR CONSEQUENTIAL DAMAGES, SO THE PRIOR LIMITATION OR EXCLUSION MAY NOT APPLY TO YOU."
+  ],
+  "Termination": [
+    "We may terminate or suspend your account and bar access to Service immediately, without prior notice or liability, under our sole discretion, for any reason whatsoever and without limitation, including but not limited to a breach of Terms.",
+    "If you wish to terminate your account, you may simply discontinue using Service.",
+    "All provisions of Terms which by their nature should survive termination shall survive termination, including, without limitation, ownership provisions, warranty disclaimers, indemnity and limitations of liability."
+  ],
+  "Changes To Service": [
+    "We reserve the right to withdraw or amend our Service, and any service or material we provide via Service, in our sole discretion without notice. We will not be liable if for any reason all or any part of Service is unavailable at any time or for any period. From time to time, we may restrict access to some parts of Service, or the entire Service, to users, including registered users."
+  ],
+  "Amendments To Terms": [
+    "We may amend Terms at any time by posting the amended terms on this site. It is your responsibility to review these Terms periodically.",
+    "Your continued use of the Platform following the posting of revised Terms means that you accept and agree to the changes. You are expected to check this page frequently so you are aware of any changes, as they are binding on you.",
+    "By continuing to access or use our Service after any revisions become effective, you agree to be bound by the revised terms. If you do not agree to the new terms, you are no longer authorized to use Service."
+  ],
+  "Acknowledgement": [
+    "BY USING SERVICE OR OTHER SERVICES PROVIDED BY US, YOU ACKNOWLEDGE THAT YOU HAVE READ THESE TERMS OF SERVICE AND AGREE TO BE BOUND BY THEM."
+  ],
+  "Contact Us": [
+    "If you have any questions about these terms of service, please contact us:",
+    "By email: contact@todiagram.com."
+  ]
+}

apps/www/src/enums/file.enum.ts

@@ -0,0 +1,55 @@
+export enum FileFormat {
+  "JSON" = "json",
+  "YAML" = "yaml",
+  "XML" = "xml",
+  "CSV" = "csv",
+}
+
+export const formats = [
+  { value: FileFormat.JSON, label: "JSON" },
+  { value: FileFormat.YAML, label: "YAML" },
+  { value: FileFormat.XML, label: "XML" },
+  { value: FileFormat.CSV, label: "CSV" },
+];
+
+export enum TypeLanguage {
+  TypeScript = "typescript",
+  TypeScript_Combined = "typescript/typealias",
+  Go = "go",
+  JSON_SCHEMA = "json_schema",
+  Kotlin = "kotlin",
+  Rust = "rust",
+}
+
+export const typeOptions = [
+  {
+    label: "TypeScript",
+    value: TypeLanguage.TypeScript,
+    lang: "typescript",
+  },
+  {
+    label: "TypeScript (merged)",
+    value: TypeLanguage.TypeScript_Combined,
+    lang: "typescript",
+  },
+  {
+    label: "Go",
+    value: TypeLanguage.Go,
+    lang: "go",
+  },
+  {
+    label: "JSON Schema",
+    value: TypeLanguage.JSON_SCHEMA,
+    lang: "json",
+  },
+  {
+    label: "Kotlin",
+    value: TypeLanguage.Kotlin,
+    lang: "kotlin",
+  },
+  {
+    label: "Rust",
+    value: TypeLanguage.Rust,
+    lang: "rust",
+  },
+];

apps/www/src/enums/viewMode.enum.ts

@@ -0,0 +1,4 @@
+export enum ViewMode {
+  Graph = "graph",
+  Tree = "tree",
+}

apps/www/src/features/Banner.tsx

@@ -0,0 +1,103 @@
+import React, { useEffect, useState } from "react";
+import { Anchor, Flex, Button, ActionIcon } from "@mantine/core";
+import { useSessionStorage } from "@mantine/hooks";
+import { MdClose } from "react-icons/md";
+
+export const BANNER_HEIGHT =
+  process.env.NEXT_PUBLIC_DISABLE_EXTERNAL_MODE === "true" ? "0px" : "40px";
+
+const BANNER_LIST = [
+  "Save and store your diagrams with ToDiagram",
+  "Explore the ToDiagram from the creators of JSON Crack",
+  "Generate AI diagrams with single prompt",
+  "Try ToDiagram for free, no sign-up required",
+  "Edit data directly inside diagrams",
+  "Explore larger datasets (up to 50 MB) easily",
+];
+
+export const Banner = () => {
+  const ROTATION_INTERVAL = 6000; // ms between label changes
+  const FADE_DURATION = 500; // ms for fade transition
+
+  const [index, setIndex] = useState(0);
+  const [visible, setVisible] = useState(true);
+  const [dismissed, setDismissed] = useSessionStorage({
+    key: "jsoncrack_banner_dismissed",
+    defaultValue: false,
+  });
+
+  useEffect(() => {
+    if (dismissed) return;
+
+    let fadeTimeout: ReturnType<typeof setTimeout> | undefined;
+    const intervalId = setInterval(() => {
+      setVisible(false);
+      fadeTimeout = setTimeout(() => {
+        setIndex(i => (i + 1) % BANNER_LIST.length);
+        setVisible(true);
+      }, FADE_DURATION);
+    }, ROTATION_INTERVAL);
+
+    return () => {
+      clearInterval(intervalId);
+      if (fadeTimeout) clearTimeout(fadeTimeout);
+    };
+  }, [dismissed]);
+
+  const handleDismiss = (e: React.MouseEvent) => {
+    e.preventDefault();
+    e.stopPropagation();
+    setDismissed(true);
+  };
+
+  if (dismissed) return null;
+
+  return (
+    <Anchor
+      href="https://todiagram.com/editor?utm_source=jsoncrack&utm_medium=top_banner"
+      target="_blank"
+      rel="noopener"
+      underline="never"
+      style={{ position: "relative" }}
+    >
+      <Flex
+        h={BANNER_HEIGHT}
+        justify="center"
+        align="center"
+        fw="500"
+        gap="xs"
+        style={{
+          background: "linear-gradient(90deg, #FF75B7 0%, #FED761 100%)",
+          color: "black",
+        }}
+      >
+        <span
+          style={{
+            transition: `opacity ${FADE_DURATION}ms ease`,
+            opacity: visible ? 1 : 0,
+            willChange: "opacity",
+            display: "inline-block",
+          }}
+        >
+          {BANNER_LIST[index]}{" "}
+        </span>
+        <Button size="xs" color="gray">
+          Try now
+        </Button>
+        <ActionIcon
+          onClick={handleDismiss}
+          size="sm"
+          variant="transparent"
+          style={{
+            position: "absolute",
+            right: "8px",
+            color: "black",
+          }}
+          aria-label="Close banner"
+        >
+          <MdClose size={18} />
+        </ActionIcon>
+      </Flex>
+    </Anchor>
+  );
+};