chore: version upgrade v3.2.0

feat: add go struct generator

.dockerignore

@@ -0,0 +1,14 @@
+# Ignore node modules as they will be installed in the Dockerfile
+node_modules/
+
+# Ignore local configuration and cache files
+.cache/
+.config/
+.DS_Store
+
+# Ignore logs
+*.log
+
+# Ignore test and development files
+*.md
+*.test.js

.env.development

@@ -1,4 +1,5 @@
 NEXT_PUBLIC_BASE_URL=http://localhost:3000
-NEXT_PUBLIC_ALTOGIC_ENV_URL=https://jsoncrack.c5-na.altogic.com
-NEXT_PUBLIC_ALTOGIC_CLIENT_KEY=f1e92022789f4ccf91273a345ab2bdf8
-NEXT_PUBLIC_PAYMENT_URL=https://herowand.lemonsqueezy.com/checkout/buy/ce30521f-c7cc-44f3-9435-995d3260ba22
+NEXT_PUBLIC_PAYMENT_URL=https://herowand.lemonsqueezy.com/checkout/buy/ce30521f-c7cc-44f3-9435-995d3260ba22
+NEXT_PUBLIC_GA_ID=G-JKZEHMJBMH
+NEXT_PUBLIC_SUPABASE_URL=https://bxkgqurwqjmvrqekcbws.supabase.co
+NEXT_PUBLIC_SUPABASE_KEY=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6ImJ4a2dxdXJ3cWptdnJxZWtjYndzIiwicm9sZSI6ImFub24iLCJpYXQiOjE2OTA2NDU0MjUsImV4cCI6MjAwNjIyMTQyNX0.3nZ0yhuFjnI3yHbAL8S9UtK-Ny-6F5AylNHgo1tymTU

.env.production

@@ -1,4 +1,5 @@
 NEXT_PUBLIC_BASE_URL=https://jsoncrack.com
-NEXT_PUBLIC_ALTOGIC_ENV_URL=https://jsoncrack.c5-na.altogic.com
-NEXT_PUBLIC_ALTOGIC_CLIENT_KEY=f1e92022789f4ccf91273a345ab2bdf8
-NEXT_PUBLIC_PAYMENT_URL=https://herowand.lemonsqueezy.com/checkout/buy/ce30521f-c7cc-44f3-9435-995d3260ba22
+NEXT_PUBLIC_PAYMENT_URL=https://herowand.lemonsqueezy.com/checkout/buy/ce30521f-c7cc-44f3-9435-995d3260ba22
+NEXT_PUBLIC_GA_ID=G-JKZEHMJBMH
+NEXT_PUBLIC_SUPABASE_URL=https://bxkgqurwqjmvrqekcbws.supabase.co
+NEXT_PUBLIC_SUPABASE_KEY=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6ImJ4a2dxdXJ3cWptdnJxZWtjYndzIiwicm9sZSI6ImFub24iLCJpYXQiOjE2OTA2NDU0MjUsImV4cCI6MjAwNjIyMTQyNX0.3nZ0yhuFjnI3yHbAL8S9UtK-Ny-6F5AylNHgo1tymTU

.eslintrc.json

@@ -6,8 +6,22 @@
     "space-in-parens": "error",
     "no-empty": "error",
     "no-multiple-empty-lines": "error",
-    "no-irregular-whitespace": "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"],
-  "plugins": ["prettier", "unused-imports"]
+  "extends": ["next/core-web-vitals", "prettier"],
+  "plugins": ["prettier", "unused-imports"],
+  "ignorePatterns": ["src/enums"]
 }

.github/ISSUE_TEMPLATE/bug_report.yml

@@ -25,7 +25,6 @@ body:
     attributes:
       label: Media & Screenshots
       description: Include screenshots or video of reproduction as much as possible
-      render: md
   - type: textarea
     id: os
     attributes:

.github/workflows/deploy.yml

@@ -26,24 +26,14 @@ jobs:
       - name: Detect package manager
         id: detect-package-manager
         run: |
-          if [ -f "${{ github.workspace }}/yarn.lock" ]; then
-            echo "manager=yarn" >> $GITHUB_OUTPUT
-            echo "command=install --frozen-lockfile" >> $GITHUB_OUTPUT
-            echo "runner=yarn" >> $GITHUB_OUTPUT
-            exit 0
-          elif [ -f "${{ github.workspace }}/package.json" ]; then
-            echo "manager=npm" >> $GITHUB_OUTPUT
-            echo "command=ci" >> $GITHUB_OUTPUT
-            echo "runner=npx --no-install" >> $GITHUB_OUTPUT
-            exit 0
-          else
-            echo "Unable to determine packager manager"
-            exit 1
-          fi
+          echo "manager=yarn" >> $GITHUB_OUTPUT
+          echo "command=install --frozen-lockfile" >> $GITHUB_OUTPUT
+          echo "runner=yarn" >> $GITHUB_OUTPUT
+          exit 0
       - name: Setup Node
         uses: actions/setup-node@v3
         with:
-          node-version: "16"
+          node-version: "18"
           cache: ${{ steps.detect-package-manager.outputs.manager }}
       - name: Cache node_modules
         uses: actions/cache@v3
@@ -62,53 +52,57 @@ jobs:
         with:
           path: |
             .next/cache
-          # Generate a new cache whenever packages or source files change.
           key: ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json', '**/yarn.lock') }}-${{ hashFiles('**.[jt]s', '**.[jt]sx') }}
-          # If source files changed but packages didn't, rebuild from a prior cache.
           restore-keys: |
             ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json', '**/yarn.lock') }}-
       - name: Install dependencies
         run: ${{ steps.detect-package-manager.outputs.manager }} ${{ steps.detect-package-manager.outputs.command }}
       - name: Build with Next.js
         run: ${{ steps.detect-package-manager.outputs.runner }} next build
-      - name: Static HTML export with Next.js
-        run: ${{ steps.detect-package-manager.outputs.runner }} next export
+      - name: Upload Build Artifacts
+        uses: actions/upload-artifact@v2
+        with:
+          name: build-files
+          path: ./out/_next/static/chunks
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v1
         with:
           path: './out'
 
-  sentry:
-    runs-on: ubuntu-latest
+
+  # Sentry job
+  sentry: 
     needs: build
+    runs-on: ubuntu-latest
     env:
       SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}
       SENTRY_ORG: ${{ secrets.SENTRY_ORG }}
       SENTRY_PROJECT: ${{ secrets.SENTRY_PROJECT }}
+      SENTRY_RELEASE: ${{ github.sha }}
+      SENTRY_SOURCEMAP_PATH: "./"
     steps:
       - name: Checkout
         uses: actions/checkout@v3
         with:
           fetch-depth: 0
-      - name: List files in workflow
-        run: ls -R ./
-      - name: Install Sentry CLI
-        run: curl -sL https://sentry.io/get-cli/ | bash
-      - name: Create Sentry release
-        id: create-release
-        run: |
-          VERSION=$(sentry-cli releases propose-version)
-          echo "RELEASE_VERSION=$VERSION" >> $GITHUB_ENV
-      - name: Upload sourcemaps to Sentry
-        run: sentry-cli releases files "$RELEASE_VERSION" upload-sourcemaps --ext map --ext js --url-prefix '~/static' './_next/static/'
-      - name: Set commits for Sentry release
-        run: sentry-cli releases set-commits "$RELEASE_VERSION" --auto
+      - uses: actions/download-artifact@v2
+        with:
+          name: build-files
+      - name: Download sentry-cli
+        run: curl -sL https://sentry.io/get-cli/ | SENTRY_CLI_VERSION="2.20.0" sh
+      - name: Create Release
+        run: sentry-cli releases new $SENTRY_RELEASE
+      - name: Inject Debug IDs to source files
+        run: sentry-cli sourcemaps inject $SENTRY_SOURCEMAP_PATH
+      - name: Upload Source Files
+        run: sentry-cli sourcemaps upload --validate -r=$SENTRY_RELEASE $SENTRY_SOURCEMAP_PATH
+      - name: Set Release Commits
+        run: sentry-cli releases set-commits $SENTRY_RELEASE --auto
       - name: Deploy to Sentry
-        run: sentry-cli releases deploys "$RELEASE_VERSION" new -e ${{ secrets.SENTRY_DEPLOY_ENVIRONMENT }}
-      - name: Finalize Sentry release
-        run: sentry-cli releases finalize "$RELEASE_VERSION"
-
-
+        run: sentry-cli releases deploys $SENTRY_RELEASE new -e production
+      - name: Finalize Sentry Release
+        run: sentry-cli releases finalize $SENTRY_RELEASE
+          
 
   # Deployment job
   deploy:

.github/workflows/pull-request.yml

@@ -9,7 +9,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [16.x]
+        node-version: [18.x]
         # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
 
     steps:
@@ -18,7 +18,7 @@ jobs:
       uses: actions/setup-node@v3
       with:
         node-version: ${{ matrix.node-version }}
-        cache: 'npm'
-    - run: npm install
-    - run: npm run lint
-    - run: npm run build
+        cache: 'yarn'
+    - run: yarn install
+    - run: yarn lint
+    - run: yarn build

.gitignore

@@ -42,3 +42,5 @@ yarn-error.log*
 **/public/fallback-*.js
 # Sentry Auth Token
 .sentryclirc
+
+/src/migration

.npmrc

@@ -1 +0,0 @@
-legacy-peer-deps=true

.prettierignore

@@ -4,4 +4,4 @@ node_modules/
 out
 public
 *-lock.json
-tsconfig.json
+tsconfig.json

CONTRIBUTING.md

@@ -7,13 +7,12 @@ Read our [Code of Conduct](./CODE_OF_CONDUCT.md) to keep our community approacha
 In this guide you will get an overview of the contribution workflow from opening an issue, creating a PR, reviewing, and merging the PR.
 
 ## Getting Started
-JSON Crack is built with React, Reaflow for visualization, Mantine UI for components, Zustand for state management, and Altogic for backend integration. If you are not familiar with these technologies, we recommend you to read their documentation to get started. You can find the links to the respective documentations below:
+JSON Crack is built with React, Reaflow for visualization, Mantine UI for components, Zustand for state management, and Supabase for backend integration. If you are not familiar with these technologies, we recommend you to read their documentation to get started. You can find the links to the respective documentations below:
 
 * [React](https://reactjs.org/docs/getting-started.html)
 * [Reaflow](https://github.com/reaviz/reaflow)
 * [Mantine UI](https://mantine.dev/)
 * [Zustand](https://github.com/pmndrs/zustand)
-* [Altogic](https://www.altogic.com/)
 
 Once you are familiar with these technologies, you can clone the JSON Crack repository by running the following command:
 

Dockerfile

@@ -1,8 +1,14 @@
 # Builder
-FROM node:16-alpine as builder
+FROM node:18-alpine as builder
 WORKDIR /src
+
+# Cache dependencies first
+COPY package.json yarn.lock ./
+RUN yarn install --frozen-lockfile
+
+# Copy other files and build
 COPY . /src/
-RUN yarn install --frozen-lockfile && yarn build
+RUN yarn build
 
 # App
 FROM nginxinc/nginx-unprivileged

LICENSE

@@ -631,8 +631,8 @@ 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>
+    JSON Crack
+    Copyright (C) 2023 Aykut Saraç
 
     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
@@ -652,7 +652,7 @@ 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>
+    JSON Crack  Copyright (C) 2023  Aykut Saraç
     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.

README.md

@@ -11,7 +11,7 @@
 
 <div align="center">
   <h2>
-    An innovative, open source JSON visualization app.
+    An innovative, open source data visualization app.
     <br />
     Brings data to life through captivating graphs.
   </h2>
@@ -31,13 +31,13 @@
 
 # JSON Crack (jsoncrack.com)
 
-JSON Crack is a free, open-source 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.
+JSON Crack is a free, open-source data visualization app capable of visualizing data formats such as JSON, YAML, XML, CSV and more, into interactive graphs. With its intuitive and user-friendly interface, JSON Crack makes it easy to explore, analyze, and understand even the most complex data 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.
 
 ## Features
 - 💯 Free & open-source.
 - 🌓 Dark mode.
-- 🖼️ Export to PNG, SVG & clipboard.
-- 🔍 Zoom and panning support.
+- 🖼️ Export to PNG, SVG, JPEG & clipboard.
+- 🔍 Zoom and panning support with touch gestures.
 - 🛠 Wide range of tools - search, json path, node contents, expand/toggle, auto format...
 - 🔗 Share/Import/Fetch
 - 🧱 Embeddable iframe widgets.
@@ -49,7 +49,7 @@ JSON Crack is a free, open-source JSON visualization app that will revolutionize
 
 ## Sponsors & support
 
-If you like the project, you can become a sponsor at [GitHub Sponsors](https://github.com/sponsors/AykutSarac) or use [Premium](https://patreon.com/join/herowand).
+If you like the project, you can become a sponsor at [GitHub Sponsors](https://github.com/sponsors/AykutSarac) or use [Premium](https://jsoncrack.com/pricing).
 
 ## Running Locally
  
@@ -74,9 +74,12 @@ If you want to run JSON Crack locally:
 # Build a Docker image with:
 docker build -t jsoncrack .
 
-# Run locally with:
+# Run locally with `docker run`
 docker run -p 8888:8080 jsoncrack
 
+# Run locally with `docker-compose`
+docker-compose up -d
+
 # Go to http://localhost:8888
 ```
 
@@ -84,9 +87,6 @@ docker run -p 8888:8080 jsoncrack
 
 Last but not least, we're thankful to these companies for offering their services for free:
 
-<a href="https://altogic.com">
-  <img height="30" src="https://cdn.webrazzi.com/uploads/2022/04/altogic-167.png" alt="Altogic" />
-</a>
 <a href="https://sentry.io">
   <img height="30" src="https://user-images.githubusercontent.com/47941171/236691121-717c7975-809f-4508-b58e-5ada2f7e8c7c.png" alt="Sentry" />
 </a>

default.conf

@@ -14,4 +14,25 @@ server {
     location /embed {
         try_files $uri /embed.html;
     }
+
+
+    location /docs {
+        try_files $uri /docs.html;
+    }
+
+    location /oss {
+        try_files $uri /oss.html;
+    }
+
+    location /pricing {
+        try_files $uri /pricing.html;
+    }
+
+    location /forgot-password {
+        try_files $uri /forgot-password.html;
+    }
+
+    location /sign-in {
+        try_files $uri /sign-in.html;
+    }
 }

docker-compose.yml

@@ -0,0 +1,10 @@
+version: '3.9'
+services:
+  jsoncrack:
+    image: jsoncrack
+    container_name: jsoncrack
+    build: 
+      context: .
+      dockerfile: Dockerfile
+    ports:
+      - "8888:8080"

next.config.js

@@ -1,17 +1,28 @@
 const { withSentryConfig } = require("@sentry/nextjs");
+const withBundleAnalyzer = require("@next/bundle-analyzer")({
+  enabled: process.env.ANALYZE === "true",
+});
 
 /**
  * @type {import('next').NextConfig}
  */
 const config = {
+  output: "export",
   reactStrictMode: false,
   productionBrowserSourceMaps: true,
   compiler: {
     styledComponents: true,
   },
+  webpack: config => {
+    config.resolve.fallback = { fs: false };
+
+    return config;
+  },
 };
 
-module.exports = withSentryConfig(
+const bundleAnalyzerConfig = withBundleAnalyzer(config);
+
+const sentryConfig = withSentryConfig(
   config,
   {
     silent: true,
@@ -25,3 +36,5 @@ module.exports = withSentryConfig(
     disableServerWebpackPlugin: true,
   }
 );
+
+module.exports = process.env.ANALYZE === "true" ? bundleAnalyzerConfig : sentryConfig;

package.json

@@ -1,77 +1,80 @@
 {
   "name": "json-crack",
   "private": true,
-  "version": "v2.8.0",
+  "version": "v3.2.0",
+  "license": "GPL-3.0",
   "author": "https://github.com/AykutSarac",
   "homepage": "https://jsoncrack.com",
   "scripts": {
     "dev": "next dev",
-    "build": "next build && next export",
+    "build": "next build",
     "start": "next start",
-    "lint": "tsc && eslint src && prettier --check src",
-    "lint:fix": "prettier --write src & eslint --fix src",
-    "deploy": "gh-pages -d out -t true"
+    "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": {
     "@emotion/react": "^11.11.1",
     "@emotion/server": "^11.11.0",
-    "@mantine/core": "^6.0.13",
-    "@mantine/form": "^6.0.13",
-    "@mantine/hooks": "^6.0.13",
-    "@mantine/next": "^6.0.13",
-    "@mantine/prism": "^6.0.13",
-    "@monaco-editor/react": "^4.5.1",
-    "@sentry/nextjs": "^7.55.2",
-    "@tanstack/react-query": "^4.29.14",
-    "allotment": "^1.19.0",
-    "altogic": "^2.3.9",
-    "axios": "^1.4.0",
-    "dayjs": "^1.11.8",
+    "@mantine/core": "^6.0.17",
+    "@mantine/hooks": "^6.0.17",
+    "@mantine/next": "^6.0.21",
+    "@mantine/prism": "^6.0.21",
+    "@monaco-editor/react": "^4.5.2",
+    "@sentry/nextjs": "^7.72.0",
+    "@supabase/auth-helpers-nextjs": "^0.8.1",
+    "@supabase/auth-helpers-react": "^0.4.2",
+    "@supabase/supabase-js": "^2.36.0",
+    "@tanstack/react-query": "^4.35.3",
+    "allotment": "^1.19.3",
+    "axios": "^1.5.0",
+    "dayjs": "^1.11.10",
+    "gofmt.js": "^0.0.2",
     "html-to-image": "^1.11.11",
-    "json-2-csv": "^4.0.0",
+    "jq-in-the-browser": "^0.7.2",
+    "jq-web": "^0.5.1",
+    "json-2-csv": "^5.0.1",
+    "json-to-ts": "^1.7.0",
     "jsonc-parser": "^3.2.0",
-    "jsonwebtoken": "^9.0.0",
+    "jsonwebtoken": "^9.0.2",
     "jxon": "^2.0.0-beta.5",
     "lodash.debounce": "^4.0.8",
     "lodash.get": "^4.4.2",
     "lodash.set": "^4.3.2",
-    "lz-string": "^1.5.0",
-    "next": "13.2.3",
+    "maketypes": "^1.1.2",
+    "next": "13.4.12",
     "react": "^18.2.0",
-    "react-color": "^2.19.3",
     "react-dom": "^18.2.0",
+    "react-ga4": "^2.1.0",
     "react-hot-toast": "^2.4.1",
-    "react-icons": "^4.9.0",
+    "react-icons": "^4.12.0",
+    "react-json-tree": "^0.18.0",
     "react-linkify-it": "^1.0.7",
     "react-simple-typewriter": "^5.0.1",
-    "react-syntax-highlighter": "^15.5.0",
-    "react-zoom-pan-pinch": "^3.0.8",
-    "reaflow": "5.1.2",
-    "styled-components": "^5.3.8",
+    "react-zoomable-ui": "^0.11.0",
+    "reaflow": "5.2.8",
+    "styled-components": "^6.1.1",
     "toml": "^3.0.0",
-    "universal-cookie": "^4.0.4",
-    "zustand": "^4.3.8"
+    "use-long-press": "^3.1.5",
+    "zustand": "^4.4.7"
   },
   "devDependencies": {
-    "@next/bundle-analyzer": "^13.4.3",
-    "@testing-library/react": "^14.0.0",
-    "@trivago/prettier-plugin-sort-imports": "^4.1.1",
-    "@types/jsonwebtoken": "^9.0.2",
-    "@types/lodash.debounce": "^4.0.7",
-    "@types/lodash.get": "^4.4.7",
-    "@types/lodash.set": "^4.3.7",
-    "@types/lz-string": "^1.5.0",
-    "@types/node": "^20.2.1",
-    "@types/react": "18.2.6",
-    "@types/react-color": "^3.0.6",
-    "@types/react-syntax-highlighter": "^15.5.7",
-    "@types/styled-components": "^5.1.26",
-    "eslint": "8.43.0",
-    "eslint-config-next": "13.4.6",
-    "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-unused-imports": "^2.0.0",
-    "prettier": "^2.8.8",
+    "@next/bundle-analyzer": "^13.4.12",
+    "@trivago/prettier-plugin-sort-imports": "^4.3.0",
+    "@types/jsonwebtoken": "^9.0.5",
+    "@types/jxon": "^2.0.5",
+    "@types/lodash.debounce": "^4.0.9",
+    "@types/lodash.get": "^4.4.9",
+    "@types/lodash.set": "^4.3.9",
+    "@types/node": "^20.4.7",
+    "@types/react": "18.2.18",
+    "eslint": "8.56.0",
+    "eslint-config-next": "13.4.12",
+    "eslint-config-prettier": "^8.10.0",
+    "eslint-plugin-prettier": "^5.0.0",
+    "eslint-plugin-unused-imports": "^3.0.0",
+    "prettier": "^3.1.1",
     "ts-node": "^10.9.1",
-    "typescript": "5.0.4"
+    "typescript": "5.1.6"
   }
 }

public/assets/highlight_graph.svg

@@ -1,13 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="495" height="285" viewBox="0 0 495 285"><foreignObject width="100%" height="100%" x="0" y="0" externalResourcesRequired="true"><svg xmlns="http://www.w3.org/2000/svg" id="ref-33" height="285" width="495" style="accent-color: auto; place-content: normal; place-items: normal; place-self: auto; alignment-baseline: auto; 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: 285px; border-block-end: 0px none rgb(255, 255, 255); border-block-start: 0px none rgb(255, 255, 255); border-color: rgb(255, 255, 255); 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(255, 255, 255); border-inline-start: 0px none rgb(255, 255, 255); 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(255, 255, 255); clear: none; clip: auto; clip-path: none; clip-rule: nonzero; color: rgb(255, 255, 255); color-interpolation: srgb; color-interpolation-filters: linearrgb; color-rendering: auto; columns: auto; gap: normal; column-rule: 0px none rgb(255, 255, 255); column-span: none; contain-intrinsic-block-size: none; contain-intrinsic-size: none; contain-intrinsic-inline-size: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; dominant-baseline: auto; empty-cells: show; fill: rgb(0, 0, 0); fill-opacity: 1; fill-rule: nonzero; filter: none; flex: 0 1 auto; flex-flow: row nowrap; float: none; flood-color: rgb(0, 0, 0); flood-opacity: 1; font-family: __monaSans_65464b, __monaSans_Fallback_65464b, Arial, Helvetica, sans-serif, Tahoma, Verdana, sans-serif; font-kerning: auto; font-optical-sizing: auto; font-palette: normal; font-size: 15.9px; font-stretch: 100%; font-style: normal; font-synthesis: weight style small-caps; font-variant: normal; font-weight: 400; grid: auto-flow auto / none; grid-area: auto / auto / auto / auto; height: 285px; hyphenate-character: auto; hyphenate-limit-chars: auto; hyphens: manual; image-orientation: from-image; image-rendering: auto; initial-letter: normal; inline-size: 495px; 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-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: none 0px auto 0deg; opacity: 1; order: 0; orphans: 2; outline: rgb(255, 255, 255) none 0px; outline-offset: 0px; overflow-anchor: auto; overflow-clip-margin: content-box; overflow-wrap: normal; overflow: hidden; overscroll-behavior-block: auto; overscroll-behavior-inline: auto; padding-block: 0px; padding: 0px; padding-inline: 0px; paint-order: normal; perspective: none; perspective-origin: 247.5px 142.5px; pointer-events: auto; position: static; r: 0px; resize: none; rotate: none; 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; scrollbar-gutter: 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(255, 255, 255); text-decoration-skip-ink: auto; text-emphasis: none rgb(255, 255, 255); text-emphasis-position: over; text-indent: 0px; text-overflow: clip; text-rendering: auto; text-shadow: none; text-size-adjust: 100%; text-transform: none; text-underline-position: auto; white-space: normal; touch-action: auto; transform: none; transform-origin: 247.5px 142.5px; transform-style: flat; transition: all 0s ease 0s; translate: none; unicode-bidi: normal; user-select: none; vector-effect: none; vertical-align: text-top; view-transition-name: none; visibility: visible; widows: 2; width: 495px; will-change: auto; word-bLine truncated
-@font-face { font-family: __Fira_Mono_0cd1dd; font-style: normal; font-weight: 500; font-display: swap; src: url("data:application/font-woff;base64,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 truncated
-@font-face { font-family: __Fira_Mono_0cd1dd; font-style: normal; font-weight: 500; font-display: swap; src: url("data:application/font-woff;base64,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 truncated
-@font-face { font-family: __Fira_Mono_0cd1dd; font-style: normal; font-weight: 500; font-display: swap; src: url("data:application/font-woff;base64,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 truncated
-@font-face { font-family: __Fira_Mono_0cd1dd; font-style: normal; font-weight: 500; font-display: swap; src: url("data:application/font-woff;base64,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 truncated
-@font-face { font-family: __Fira_Mono_0cd1dd; font-style: normal; font-weight: 500; font-display: swap; src: url("data:application/font-woff;base64,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 truncated
-@font-face { font-family: __monaSans_65464b; src: url("data:application/font-woff;base64,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 truncated
-@font-face { font-family: __Fira_Mono_0cd1dd; font-style: normal; font-weight: 500; font-display: swap; src: url("data:application/font-woff;base64,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 truncated
-@font-face { font-family: __Fira_Mono_0cd1dd; font-style: normal; font-weight: 500; font-display: swap; src: url("data:application/font-woff;base64,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 truncated
-@font-face { font-family: __Fira_Mono_0cd1dd; font-style: normal; font-weight: 500; font-display: swap; src: url("data:application/font-woff;base64,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 truncated
-@font-face { font-family: __Fira_Mono_0cd1dd; font-style: normal; font-weight: 500; font-display: swap; src: url("data:application/font-woff;base64,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 truncated
-@font-face { font-family: __Fira_Mono_0cd1dd; font-style: normal; font-weight: 500; font-display: swap; src: url("data:application/font-woff;base64,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 truncated
-@font-face { font-family: __Fira_Mono_0cd1dd; font-style: normal; font-weight: 500; font-display: swap; src: url("data:application/font-woff;base64,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 truncated

public/assets/preview_image.svg

@@ -1,13 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="620" height="354" viewBox="0 0 620 354"><foreignObject width="100%" height="100%" x="0" y="0" externalResourcesRequired="true"><svg xmlns="http://www.w3.org/2000/svg" id="ref-13" height="354" width="620" style="accent-color: auto; place-content: normal; place-items: normal; place-self: auto; alignment-baseline: auto; 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: 354px; border-block-end: 0px none rgb(255, 255, 255); border-block-start: 0px none rgb(255, 255, 255); border-color: rgb(255, 255, 255); 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(255, 255, 255); border-inline-start: 0px none rgb(255, 255, 255); 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(255, 255, 255); clear: none; clip: auto; clip-path: none; clip-rule: nonzero; color: rgb(255, 255, 255); color-interpolation: srgb; color-interpolation-filters: linearrgb; color-rendering: auto; columns: auto; gap: normal; column-rule: 0px none rgb(255, 255, 255); column-span: none; contain-intrinsic-block-size: none; contain-intrinsic-size: none; contain-intrinsic-inline-size: none; container: none; content: normal; cursor: auto; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline; dominant-baseline: auto; empty-cells: show; fill: rgb(0, 0, 0); fill-opacity: 1; fill-rule: nonzero; filter: none; flex: 0 1 auto; flex-flow: row nowrap; float: none; flood-color: rgb(0, 0, 0); flood-opacity: 1; font-family: __monaSans_65464b, __monaSans_Fallback_65464b, Arial, Helvetica, sans-serif, Tahoma, Verdana, sans-serif; font-kerning: auto; font-optical-sizing: auto; font-palette: normal; font-size: 15.9px; font-stretch: 100%; font-style: normal; font-synthesis: weight style small-caps; font-variant: normal; font-weight: 400; grid: auto-flow auto / none; grid-area: auto / auto / auto / auto; height: 354px; hyphenate-character: auto; hyphenate-limit-chars: auto; hyphens: manual; image-orientation: from-image; image-rendering: auto; initial-letter: normal; inline-size: 620px; 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-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: none 0px auto 0deg; opacity: 1; order: 0; orphans: 2; outline: rgb(255, 255, 255) none 0px; outline-offset: 0px; overflow-anchor: auto; overflow-clip-margin: content-box; overflow-wrap: normal; overflow: hidden; overscroll-behavior-block: auto; overscroll-behavior-inline: auto; padding-block: 0px; padding: 0px; padding-inline: 0px; paint-order: normal; perspective: none; perspective-origin: 310px 177px; pointer-events: auto; position: static; r: 0px; resize: none; rotate: none; 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; scrollbar-gutter: 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(255, 255, 255); text-decoration-skip-ink: auto; text-emphasis: none rgb(255, 255, 255); text-emphasis-position: over; text-indent: 0px; text-overflow: clip; text-rendering: auto; text-shadow: none; text-size-adjust: 100%; text-transform: none; text-underline-position: auto; white-space: normal; touch-action: auto; transform: none; transform-origin: 310px 177px; transform-style: flat; transition: all 0s ease 0s; translate: none; unicode-bidi: normal; user-select: none; vector-effect: none; vertical-align: text-top; view-transition-name: none; visibility: visible; widows: 2; width: 620px; will-change: auto; word-break: noLine truncated
-@font-face { font-family: __Fira_Mono_0cd1dd; font-style: normal; font-weight: 500; font-display: swap; src: url("data:application/font-woff;base64,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 truncated
-@font-face { font-family: __Fira_Mono_0cd1dd; font-style: normal; font-weight: 500; font-display: swap; src: url("data:application/font-woff;base64,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 truncated
-@font-face { font-family: __Fira_Mono_0cd1dd; font-style: normal; font-weight: 500; font-display: swap; src: url("data:application/font-woff;base64,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 truncated
-@font-face { font-family: __Fira_Mono_0cd1dd; font-style: normal; font-weight: 500; font-display: swap; src: url("data:application/font-woff;base64,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 truncated
-@font-face { font-family: __Fira_Mono_0cd1dd; font-style: normal; font-weight: 500; font-display: swap; src: url("data:application/font-woff;base64,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 truncated
-@font-face { font-family: __monaSans_65464b; src: url("data:application/font-woff;base64,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 truncated
-@font-face { font-family: __Fira_Mono_0cd1dd; font-style: normal; font-weight: 500; font-display: swap; src: url("data:application/font-woff;base64,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 truncated
-@font-face { font-family: __Fira_Mono_0cd1dd; font-style: normal; font-weight: 500; font-display: swap; src: url("data:application/font-woff;base64,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 truncated
-@font-face { font-family: __Fira_Mono_0cd1dd; font-style: normal; font-weight: 500; font-display: swap; src: url("data:application/font-woff;base64,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 truncated
-@font-face { font-family: __Fira_Mono_0cd1dd; font-style: normal; font-weight: 500; font-display: swap; src: url("data:application/font-woff;base64,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 truncated
-@font-face { font-family: __Fira_Mono_0cd1dd; font-style: normal; font-weight: 500; font-display: swap; src: url("data:application/font-woff;base64,d09GMgABAAAAABrAAA4AAAAAPqwAABppAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGoIGGx4cgVIGYACDSBEICtRwxCwLg0wAATYCJAOGZAQgBYNUB48jG6YzZYYcbBwAzFM22EiEsHEgRMbnCf7/4wEdQ6RooMz5PdCq6JYKR1cP4bKfEUuPoEdK2u5wuE3SLFgqI+9glW1nwxsssoowq55JzDIsD5AWmcPx6A3L/UVdMoSXKCEuOpRxNGVXn+BES8l3kiJB/t/f8nnbZf23Y3KnkD7bR0gyC9/3Y7+zu98wb5qqaSVE2m+JIUKESiZEQhfPlmDePaBt3mM3IGIkVhEqlfKkYCcqdqxdlWsXqeuqq7l/93J5Zjc3dR1foUgYQnkQ+MRlurPJfNdWIVBeypAiEGC3+99bWwvDPsDfAkvb2i8O6InS1OIIAsuivFp0XBOQC56//wuAqzycvp+BcZE3qm25EcruFlJc9azGSimaTD6PTJyGvrUxazPXE+aBUAHgQLvPNCEf2HL7/YILXrd0UzcakzkCyMQtGF1aG7p78RTMIiqh7tWh51Ek96Kw+4qSYGgutbm2N+AMSDUFUhtbIOenLneX5i+XFPipwCnygB8G5ADBdQRk5zbVuTmSc5uRKISZmnBuxs7/mjYLeX+p3ZZq3NtTkXLn8nO10boqChyyBlSExII6IWE8wncjUA5rbvmYD4bVMP6+rYYX9MBgSEZLtYgsJEPI2hRXbjATSqHCq9/vt/9fG/tGcRAGnKOU9v+rrIoA49o/YQtkxATCjBmEBWsIO/YQjlwhsNwhPBAhvPhDBAqEICFBhIiAiBILEY8CQUODSESHYOJC8IkgJOQQSikQWmkQGfIgChRBlCiBKFMJoVMNUasBokkrRLsOiK4BxLjxiIlDiGmzEHPmIRYsQAwvRiwdQaxai1g/htiyHbFzF2LPSRgEMAoPD1m3xUowZQig/gMgwChUPQzpzmgt01eCNSDbiZjot4siIqEqEqKzs1MwMkRcgbly2jCvHIhPvlibI3Ah8MWYQFCEYao1TWE4D2fKliNXnv0HOMkpwvtaiMKUocy0pXscG1szxCUykoW7McQmtHyNQdToC13gy6cAB/JhdRIZaIA7YzMj4vu8XW9OunGwmXAAkecMVraJugONZAOXAB48BrDKAGDQsHlwBKJh2NLvOiJDGFZ3FMIlU7umqRw5brkv/ZznxI35rnxv4ZAvTJUAKVKK//a7daaf/HYW1m99b8SKFJs04/Hm0VZ/cUYeFAQAy9rtAfWII6BRXgBoAgDoKWSkgIkiFspYqWCtkqVydnTsVXNRz1EtZ3VcNXCih9MMq4m7VngtiDp4aOevz1ePty4/vT68dAcaIBk3PsTEMJNDTQo3JcJQlGkxZkabMT3WLIp58eaQzU00TLc4ySKmpRwr2JazLBNaI7Cab5XcmNRGifUyo8k2oDapbNXamSrDniz7Mu01U4JmAdeIyNoU25W2qG1Ls+s4Z2GQv5gCwBsAegQ4h5EKjN9A9xXIB0AHAOAfcfgZsxChqCdv3KVywyARvfduR1IrCj1kdQxVUrm8iEQxuay2ahwjMKCxTDku14ypeqXG4NHNwnAzFjR1SB0IhL4fFnHFEKa9fm1lEqUQj/5RP4aSyIAkhU1wEoN4XtUiwBUlJrUvUY+tkklyqmzKKMA3ZF/2hEb4UNiHYscy4CAC8cRrnqM6yQA3K7r108tGu2KaTEcVWeyJaSCDMdIEAQ9ACJYw8cBuX+l/E9YcLFacwRqU/iM7n0fno3SlbNa1WTYEW7iH3G0IToujeHIXGon1VItax+GzAdg1ZV3u4aoSnTJofJUZky1CdlUExOnUpbiQtyjlYAXL1JnKw7hqTrHPnLBCmQAbZQTf1JQCbKk+R0acHmncagUCqSXNuwoIKkIGEwDzidjKZ6gnDnp1hBqZuJCb5N3LvjHU5F1A+Xb0sELeavVxisX5+0BGjKCNxPcbgz5BwKiCTDxTCrk6fA/Pcq0eMxVPqGUMNDeigk1vDoYcixzIPxz59RS2YlxPfhRoPQ0brQ0nzygJ9VXwLLO2kNiwjy/p/WnWWldGhnWUhM886TRtalp1TF2VdE1qc41mrholc76Sm2QdPVLo5Fa4ln3nMsI4Dbw77RoMEv+Ze03KYufrvRZZTNDJuoxXvFQFNGdpYe/wfmFqa/2SLFu7GJnCPU5g7mpIHAMECcc9roIVOhUbmz/BTg1Hrntx2jjNyP4C8kLe3QrTkwuMQ6yj2oSiehLIY41WLcz48dsDJqDlhXNVFkdbMplBzPU4/kQntRBytc26TWVZI8vX+KJsmrMPButc1afN1PZv24mgKliW3lYbkut6BIj9IjG7y9URcq6lQpJMB0PUy+8vwxcGdaBPTabvtR0JNsZHvcXA+sPvTkiXM7BTNANbJi37ZciIKaBQT435nUOn3gFPIwjsRHCHff5rariAI8+xJxsKO65XXAXtlDWcDta4MhcawbIqrCY7Ooust7kd4nvE4whvH6rqVNXb0wHYYZUw/pBTmUO3b0huBJuhRub4ZPtkTQ+5y827sONhxZRqnBzBWAEhwpv3s8Bt4n92MjtOc+jyrFul1e5zfvnoR3tWvDThmbn32hMAcOChdxh3jn4+VkwUTbGGjPakWHNYPFMXiCmfIMiFIJvkGRta6kPRx6NLMLmqwzzJgjVOSDSbPHJXpkIKdCZ+xvmzPpwPozOegJIoclYomzIqvz7WzEl600kXyWK6d/zLcBErTyWyM1wLmTksqTuKveijc7Uet0zk8UcsOpsP6kU4TdcHuSSnkUd/cRIoSxgj8dCyKYyfsEHvw1QKWWJC8/zsjt7ODYbYcQLm4CZzOmSr4jTGPwGS3nqZGJ4dF1cNiNB6lJrGnGv1+X55vi+6+cxBCpnZIcX30tHsFkjuFLsXRhfCWQIAG1lZPZWHKM2Ad8ryUY/lnoYTck7Ihvc17yNwAtNHHk9Spo4NAQImgvOdjZ3IvCLdaAZePCTA/MInWnM5YLTsLO5JTLxYhRlMDjQfpIPg1deSxwGA2wqXuWjMeR1LTzdjp5zCzYZj5EDzRC6ZpadY+rxawhfktRz1IGXqDan+Wj7ZOa6ZarLDh3rSVf85ivyNkiPr54X/a7XNDofgFNxhXVTa1hbb8h0TI7ePKSO6ushaUW56xJYBjXmJfY7sOyW2k1Om1Qr2m8PmLEs90BD6zumtDWge1TnD/x/eCpwayUiG93iCBaPG5Q+zIioOjGzjZpx+Y27+hpRMNNBzurd7aa6xxRl0WOZFC4uKOekcQuVH2dhwjG20ai7aFjasCFvRcHt0CJaWO91Fm5sirh8u4XyI4fH4Z2ZiY3eqgBIexeaxsIHTvjnY48f/r9+CKSMBI7X7R7stVTeCL21ULw65s0z9mzBiq6ZnSbJg9f4sz81U3iNUWdI5frCoMyWSSyDFcRWyXu0EefKSGh26ZIJCBeFzts6ZsHpseNbWoSNN0wuLVHSEsdsIttFtUw8fMTkMhZnMDBq+qDWa0XxJF4eShx4x4Mm4Xym/bkdoVowtskwhgFOKhsX2Pov07sd7knbB5tXAdstp2zbVoEsGZQpWpt8qOvMPHRuAFnaOn4y2K+n4fXUWmk9SSSWRDQvIjyj6Mb3bIzd1CaD6yfulp96j6n/xRLwKfcW96TS8XcJ7uffgt3YWMku7GLeuWQw4SlGiX75k9TVLjsJWkWqZqnD4O2H2+p1OVnIo0HZ4m+WpPnuQV6KB328qWid2VKiTQvnFHEcfhlAhKT2vZYFmTD/2ebTzA9mgYcI3HTSM1spiLbMXgE82PYK/9CB2FjlFbzMjncQ80PAEFgptllWSi8Zm3xYaC0zrUUruMwbbHrVKyuYFcSgnnSh8svdt41M8hogt/Qc7Ovr3jSzvP6zrHBipH2D1iETSHDfA7hGi3iB8Lk5YWrG8/rDEFYRCjatP7byExRV2+Z4jhJIUO6XuZgjqj192euLzaGeR2xt++1Q6VlROeqF0BM8lqiyu02HSwHqcCK8fO2B1YiaVHcNXvFazOeQk8OlNzKiPki/OSEviSni6RJQc4zFuk67GsyxDEkdTloWyJ6TJaWwuLT2eHULCHWUTHuW5F2ekgk95Q1WpadBn8AkXxZE9FlJv2hLJfi4bQ0xS+80UKOuVFuiVFzJdLDKOQ75ie7ukHdWjbZK27TobSGNHA8KA9dSXH7xyQs0KXR2/GiVgH3Ljy8poourWrooL+l1qijyJTpGrd9UBdvSCSt4kdGJgP3usgoP4laakWea35Th9X8L3QdY/7r/xKaO6GIbgYwP7YxKjGAr1Js82dS7lLuc2P1sNuCyLrKupmT+pmbvTtN/gTS5e7SaSmw0fVvtEoxlaoaJb2yjyitxLxgus0nHJmd6pJSVpqjeHqHTvsLpEMScyPOh0MPyyhE25d6K5fB52yUO+EgJePWtf+RC86d5hkOZu6ojDGMsjxBHY0e5Qxk8OLrgwUm3N8I/gyJCuLEkp7nhzi9Nc11pjeUKvpDh6oPNXelAICfXnGqiWA+olCr52LiE8PJhAwK1sXkiFWcnM4EheSI5XdNPAjDZZQruej5ZIkqI4vxlMUWZ2piiFCf8eP8kzoc8U+Yfm5U3vkkW2ZXDpMrLVkgBaZs6BSmao6Of4JOArpMolM06SkVv6RJxeTtbNlcxFqyxZ0n0OaxIoCW4vgxEugl2zksU0X6azXxgrOc8zrqlvVruU3F7BE5Q0T2wheGfynrEkhuKviJAqjQfn7w7KqpYbjy1h4RwX+QAiNanETD+jbqj4crchtNjXfwlC5NeTfOOor2GMsOhIaUYIPWTVym1WAYz0+BTLine truncated
-@font-face { font-family: __Fira_Mono_0cd1dd; font-style: normal; font-weight: 500; font-display: swap; src: url("data:application/font-woff;base64,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 truncated

public/manifest.json

@@ -1,7 +1,7 @@
 {
   "name": "JSON Crack",
   "short_name": "JSON Crack",
-  "description": "Visualize your JSON data onto graphs seamlessly.",
+  "description": "Innovative and open-source visualization application that transforms various data formats, such as JSON, YAML, XML, CSV and more, into interactive graphs.",
   "theme_color": "#36393e",
   "background_color": "#36393e",
   "display": "standalone",

public/robots.txt

@@ -1,4 +1,10 @@
+# Allow all crawlers
 User-agent: *
 Allow: /
+
+
+# Block all crawlers for /accounts
+User-agent: *
 Disallow: /*?*
+Disallow: /forgot-password
 Disallow: /widget

public/sitemap.txt

@@ -1,4 +1,6 @@
 https://jsoncrack.com
 https://jsoncrack.com/sign-in
 https://jsoncrack.com/editor
-https://jsoncrack.com/docs
+https://jsoncrack.com/docs
+https://jsoncrack.com/legal/terms
+https://jsoncrack.com/legal/privacy

sentry.client.config.ts

@@ -7,9 +7,11 @@ if (process.env.NODE_ENV === "production") {
     tracesSampleRate: 0.2,
     debug: false,
     release: `${process.env.SENTRY_RELEASE || "production"}`,
+    allowUrls: ["https://jsoncrack.com/editor"],
     replaysOnErrorSampleRate: 1.0,
     replaysSessionSampleRate: 0.1,
     integrations: [
+      new Sentry.BrowserTracing(),
       new Sentry.Replay({
         maskAllText: true,
         blockAllMedia: true,

src/api/altogic.ts

@@ -1,13 +0,0 @@
-import { APIError, createClient } from "altogic";
-
-let envUrl = process.env.NEXT_PUBLIC_ALTOGIC_ENV_URL as string;
-let clientKey = process.env.NEXT_PUBLIC_ALTOGIC_CLIENT_KEY as string;
-
-const altogic = createClient(envUrl, clientKey);
-
-export interface AltogicResponse<T> {
-  data: T;
-  errors: APIError | null;
-}
-
-export { altogic };

src/components/AdTest/index.tsx

@@ -45,13 +45,17 @@ const AdWrapper = styled.div`
     background: #fff;
     box-shadow: 0 1px 4px 1px hsla(0, 0%, 0%, 0.15);
     opacity: 0;
-    transition: transform 0.2s ease-in-out, opacity 0.1s ease-in-out;
+    transition:
+      transform 0.2s ease-in-out,
+      opacity 0.1s ease-in-out;
     transform: scale(1) translateY(-50px);
   }
 
   & #native-button:checked + .native-overlay {
     opacity: 1;
-    transition: transform 0.2s ease-in-out, opacity 0.4s ease-in-out;
+    transition:
+      transform 0.2s ease-in-out,
+      opacity 0.4s ease-in-out;
     transform: scale(1) translateY(0);
   }
 
@@ -119,6 +123,7 @@ export const AdTest = () => {
     if (window.innerWidth < 660) return;
     ref.current.innerHTML = "";
     const s = document.createElement("script");
+
     s.id = "_carbonads_js";
     s.innerHTML = `(function() {
         if (typeof _bsa !== 'undefined' && _bsa) {

src/components/CarbonAds/index.tsx

@@ -9,8 +9,9 @@ export const CarbonAds = () => {
     if (!premium) {
       ref.current.innerHTML = "";
       const s = document.createElement("script");
+
       s.id = "_carbonads_js";
-      s.src = `//cdn.carbonads.com/carbon.js?serve=CE7IPKQL&placement=jsoncrackcom`;
+      s.src = "//cdn.carbonads.com/carbon.js?serve=CE7IPKQL&placement=jsoncrackcom";
       ref.current.appendChild(s);
     }
   }, [premium]);

src/components/CustomNode/ObjectNode.tsx

@@ -1,36 +0,0 @@
-import React from "react";
-import { CustomNodeProps } from "src/components/CustomNode";
-import { TextRenderer } from "./TextRenderer";
-import * as Styled from "./styles";
-
-const Node: React.FC<CustomNodeProps> = ({ node, x, y }) => {
-  const { text, width, height, data } = node;
-  if (data.isEmpty) return null;
-
-  return (
-    <Styled.StyledForeignObject width={width} height={height} x={0} y={0} isObject>
-      {text.map((val, idx) => {
-        return (
-          <Styled.StyledRow
-            data-key={JSON.stringify(val)}
-            data-type={JSON.stringify(val[1])}
-            data-x={x}
-            data-y={y + idx * 17.8}
-            key={idx}
-          >
-            <Styled.StyledKey objectKey>
-              {JSON.stringify(val[0]).replaceAll('"', "")}:{" "}
-            </Styled.StyledKey>
-            <TextRenderer>{JSON.stringify(val[1])}</TextRenderer>
-          </Styled.StyledRow>
-        );
-      })}
-    </Styled.StyledForeignObject>
-  );
-};
-
-function propsAreEqual(prev: CustomNodeProps, next: CustomNodeProps) {
-  return String(prev.node.text) === String(next.node.text) && prev.node.width === next.node.width;
-}
-
-export const ObjectNode = React.memo(Node, propsAreEqual);

src/components/CustomNode/index.tsx

@@ -1,32 +0,0 @@
-import React from "react";
-import { Node, NodeProps } from "reaflow";
-import { ObjectNode } from "./ObjectNode";
-import { TextNode } from "./TextNode";
-
-export interface CustomNodeProps {
-  node: NodeData;
-  x: number;
-  y: number;
-  hasCollapse?: boolean;
-}
-
-const rootProps = {
-  rx: 50,
-  ry: 50,
-};
-
-export const CustomNode = (nodeProps: NodeProps) => {
-  const { text, data } = nodeProps.properties;
-
-  return (
-    <Node {...nodeProps} {...(data.isEmpty && rootProps)} label={<React.Fragment />}>
-      {({ node, x, y }) => {
-        if (Array.isArray(text)) {
-          return <ObjectNode node={node as NodeData} x={x} y={y} />;
-        }
-
-        return <TextNode node={node as NodeData} hasCollapse={!!data.childrenCount} x={x} y={y} />;
-      }}
-    </Node>
-  );
-};

src/components/CustomNode/styles.tsx

@@ -1,104 +0,0 @@
-import { Fira_Mono } from "next/font/google";
-import styled, { DefaultTheme } from "styled-components";
-import { LinkItUrl } from "react-linkify-it";
-
-const robotoMono = Fira_Mono({
-  weight: ["500"],
-  subsets: ["latin"],
-  display: "swap",
-});
-
-function getTypeColor(value: string, theme: DefaultTheme) {
-  if (!Number.isNaN(+value)) return theme.NODE_COLORS.INTEGER;
-  if (value === "true") return theme.NODE_COLORS.BOOL.TRUE;
-  if (value === "false") return theme.NODE_COLORS.BOOL.FALSE;
-  if (value === "null") return theme.NODE_COLORS.NULL;
-  return theme.NODE_COLORS.NODE_VALUE;
-}
-
-export const StyledLinkItUrl = styled(LinkItUrl)`
-  text-decoration: underline;
-  pointer-events: all;
-`;
-
-export const StyledForeignObject = styled.foreignObject<{
-  hasCollapse?: boolean;
-  isObject?: boolean;
-}>`
-  text-align: ${({ isObject }) => !isObject && "center"};
-  font-size: 12px;
-  overflow: hidden;
-  color: ${({ theme }) => theme.NODE_COLORS.TEXT};
-  pointer-events: none;
-  padding: ${({ isObject }) => isObject && "10px"};
-  font-family: ${robotoMono.style.fontFamily};
-  font-weight: 500;
-
-  &.searched {
-    background: rgba(27, 255, 0, 0.1);
-    border: 2px solid ${({ theme }) => theme.TEXT_POSITIVE};
-    border-radius: 2px;
-    box-sizing: border-box;
-  }
-
-  .highlight {
-    background: rgba(255, 214, 0, 0.3);
-  }
-
-  .renderVisible {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    font-size: 12px;
-    width: 100%;
-    height: 100%;
-    overflow: hidden;
-    cursor: pointer;
-  }
-`;
-
-function getKeyColor(theme: DefaultTheme, parent: boolean, type: string, objectKey: boolean) {
-  if (parent) {
-    if (type === "array") return theme.NODE_COLORS.PARENT_ARR;
-    return theme.NODE_COLORS.PARENT_OBJ;
-  }
-  if (objectKey) return theme.NODE_COLORS.NODE_KEY;
-  return theme.NODE_COLORS.TEXT;
-}
-
-export const StyledKey = styled.span<{
-  objectKey?: boolean;
-  parent?: boolean;
-  type?: string;
-  value?: string;
-}>`
-  display: inline;
-  flex: 1;
-  color: ${({ theme, type = "null", objectKey = false, parent = false }) =>
-    getKeyColor(theme, parent, type, objectKey)};
-  font-size: ${({ parent }) => parent && "14px"};
-  overflow: hidden;
-  text-overflow: ellipsis;
-  padding: ${({ objectKey }) => !objectKey && "10px"};
-  white-space: nowrap;
-`;
-
-export const StyledRow = styled.span.attrs<{
-  "data-type": string;
-  theme: DefaultTheme;
-}>(props => ({
-  style: {
-    color: getTypeColor(props["data-type"], props.theme),
-  },
-}))<{ "data-type": string; theme: DefaultTheme }>`
-  display: block;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-`;
-
-export const StyledChildrenCount = styled.span`
-  color: ${({ theme }) => theme.NODE_COLORS.CHILD_COUNT};
-  padding: 10px;
-  margin-left: -15px;
-`;

src/components/GoogleAnalytics/index.tsx

@@ -1,25 +0,0 @@
-import React from "react";
-import Script from "next/script";
-
-const isDevelopment = process.env.NODE_ENV === "development";
-
-export const GoogleAnalytics: React.FC = () => {
-  if (isDevelopment) return null;
-
-  return (
-    <>
-      <Script src="https://www.googletagmanager.com/gtag/js?id=G-JKZEHMJBMH" />
-      <Script
-        id="google-analytics"
-        dangerouslySetInnerHTML={{
-          __html: `
-          window.dataLayer = window.dataLayer || [];
-          function gtag(){dataLayer.push(arguments);}
-          gtag('js', new Date());
-          gtag('config', 'G-JKZEHMJBMH');
-        `,
-        }}
-      />
-    </>
-  );
-};

src/components/Graph/CustomEdge/index.tsx

@@ -0,0 +1,13 @@
+import React from "react";
+import dynamic from "next/dynamic";
+import { EdgeProps } from "reaflow/dist/symbols/Edge";
+
+const Edge = dynamic(() => import("reaflow").then(r => r.Edge), {
+  ssr: false,
+});
+
+const CustomEdgeWrapper = (props: EdgeProps) => {
+  return <Edge containerClassName={`edge-${props.id}`} {...props} />;
+};
+
+export const CustomEdge = React.memo(CustomEdgeWrapper);

src/components/Graph/CustomNode/ObjectNode.tsx

@@ -0,0 +1,40 @@
+import React from "react";
+import { CustomNodeProps } from "src/components/Graph/CustomNode";
+import { TextRenderer } from "./TextRenderer";
+import * as Styled from "./styles";
+
+type Value = [string, string];
+
+type RowProps = {
+  val: Value;
+  x: number;
+  y: number;
+  index: number;
+};
+
+const Row = ({ val, x, y, index }: RowProps) => {
+  const key = JSON.stringify(val);
+  const rowKey = JSON.stringify(val[0]).replaceAll('"', "");
+  const rowValue = JSON.stringify(val[1]);
+
+  return (
+    <Styled.StyledRow $value={rowValue} data-key={key} data-x={x} data-y={y + index * 17.8}>
+      <Styled.StyledKey $type="object">{rowKey}: </Styled.StyledKey>
+      <TextRenderer>{rowValue}</TextRenderer>
+    </Styled.StyledRow>
+  );
+};
+
+const Node: React.FC<CustomNodeProps> = ({ node, x, y }) => (
+  <Styled.StyledForeignObject width={node.width} height={node.height} x={0} y={0} $isObject>
+    {(node.text as Value[]).map((val, idx) => (
+      <Row val={val} index={idx} x={x} y={y} key={idx} />
+    ))}
+  </Styled.StyledForeignObject>
+);
+
+function propsAreEqual(prev: CustomNodeProps, next: CustomNodeProps) {
+  return String(prev.node.text) === String(next.node.text) && prev.node.width === next.node.width;
+}
+
+export const ObjectNode = React.memo(Node, propsAreEqual);

src/components/Graph/CustomNode/TextNode.tsx

@@ -1,10 +1,11 @@
 import React from "react";
 import styled from "styled-components";
 import { MdLink, MdLinkOff } from "react-icons/md";
-import { CustomNodeProps } from "src/components/CustomNode";
+import { CustomNodeProps } from "src/components/Graph/CustomNode";
+import useToggleHide from "src/hooks/useToggleHide";
+import { isContentImage } from "src/lib/utils/graph/calculateNodeSize";
+import useConfig from "src/store/useConfig";
 import useGraph from "src/store/useGraph";
-import useStored from "src/store/useStored";
-import { isContentImage } from "src/utils/core/calculateNodeSize";
 import { TextRenderer } from "./TextRenderer";
 import * as Styled from "./styles";
 
@@ -24,9 +25,9 @@ const StyledExpand = styled.button`
   }
 `;
 
-const StyledTextNodeWrapper = styled.span<{ hasCollapse: boolean }>`
+const StyledTextNodeWrapper = styled.span<{ $hasCollapse: boolean }>`
   display: flex;
-  justify-content: ${({ hasCollapse }) => (hasCollapse ? "space-between" : "center")};
+  justify-content: ${({ $hasCollapse }) => ($hasCollapse ? "space-between" : "center")};
   align-items: center;
   height: 100%;
   width: 100%;
@@ -50,48 +51,45 @@ const Node: React.FC<CustomNodeProps> = ({ node, x, y, hasCollapse = false }) =>
     height,
     data: { isParent, childrenCount, type },
   } = node;
-  const hideCollapse = useStored(state => state.hideCollapse);
-  const showChildrenCount = useStored(state => state.childrenCount);
-  const imagePreview = useStored(state => state.imagePreview);
+  const { validateHiddenNodes } = useToggleHide();
+  const collapseButtonVisible = useConfig(state => state.collapseButtonVisible);
+  const childrenCountVisible = useConfig(state => state.childrenCountVisible);
+  const imagePreviewEnabled = useConfig(state => state.imagePreviewEnabled);
   const expandNodes = useGraph(state => state.expandNodes);
   const collapseNodes = useGraph(state => state.collapseNodes);
   const isExpanded = useGraph(state => state.collapsedParents.includes(id));
-  const isImage = imagePreview && isContentImage(text);
+  const isImage = imagePreviewEnabled && isContentImage(text as string);
+  const value = JSON.stringify(text).replaceAll('"', "");
 
   const handleExpand = (e: React.MouseEvent<HTMLButtonElement>) => {
     e.stopPropagation();
 
     if (!isExpanded) collapseNodes(id);
     else expandNodes(id);
+    validateHiddenNodes();
   };
 
   return (
-    <Styled.StyledForeignObject
-      width={width}
-      height={height}
-      x={0}
-      y={0}
-      hasCollapse={isParent && hasCollapse}
-    >
+    <Styled.StyledForeignObject width={width} height={height} x={0} y={0}>
       {isImage ? (
         <StyledImageWrapper>
-          <StyledImage src={text} width="70" height="70" loading="lazy" />
+          <StyledImage src={text as string} width="70" height="70" loading="lazy" />
         </StyledImageWrapper>
       ) : (
         <StyledTextNodeWrapper
-          hasCollapse={isParent && hideCollapse}
           data-x={x}
           data-y={y}
           data-key={JSON.stringify(text)}
+          $hasCollapse={isParent && collapseButtonVisible}
         >
-          <Styled.StyledKey parent={isParent} type={type}>
-            <TextRenderer>{JSON.stringify(text).replaceAll('"', "")}</TextRenderer>
+          <Styled.StyledKey $value={value} $parent={isParent} $type={type}>
+            <TextRenderer>{value}</TextRenderer>
           </Styled.StyledKey>
-          {isParent && childrenCount > 0 && showChildrenCount && (
+          {isParent && childrenCount > 0 && childrenCountVisible && (
             <Styled.StyledChildrenCount>({childrenCount})</Styled.StyledChildrenCount>
           )}
 
-          {isParent && hasCollapse && hideCollapse && (
+          {isParent && hasCollapse && collapseButtonVisible && (
             <StyledExpand aria-label="Expand" onClick={handleExpand}>
               {isExpanded ? <MdLinkOff size={18} /> : <MdLink size={18} />}
             </StyledExpand>
@@ -103,7 +101,11 @@ const Node: React.FC<CustomNodeProps> = ({ node, x, y, hasCollapse = false }) =>
 };
 
 function propsAreEqual(prev: CustomNodeProps, next: CustomNodeProps) {
-  return prev.node.text === next.node.text && prev.node.width === next.node.width;
+  return (
+    prev.node.text === next.node.text &&
+    prev.node.width === next.node.width &&
+    prev.node.data.childrenCount === next.node.data.childrenCount
+  );
 }
 
 export const TextNode = React.memo(Node, propsAreEqual);

src/components/Graph/CustomNode/TextRenderer.tsx

@@ -25,15 +25,15 @@ const isURL =
   /(https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|www\.[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9]+\.[^\s]{2,}|www\.[a-zA-Z0-9]+\.[^\s]{2,})/gi;
 
 export const TextRenderer: React.FC<{ children: string }> = ({ children }) => {
-  if (isURL.test(children.replaceAll('"', ""))) {
+  if (isURL.test(children?.replaceAll('"', ""))) {
     return <Styled.StyledLinkItUrl>{children}</Styled.StyledLinkItUrl>;
   }
 
-  if (isColorFormat(children.replaceAll('"', ""))) {
+  if (isColorFormat(children?.replaceAll('"', ""))) {
     return (
       <StyledRow>
-        <ColorSwatch radius={4} h={12} w={12} color={children.replaceAll('"', "")} />
-        {children.replaceAll('"', "")}
+        <ColorSwatch radius={4} h={12} w={12} mr={8} color={children?.replaceAll('"', "")} />
+        {children?.replaceAll('"', "")}
       </StyledRow>
     );
   }

src/components/Graph/CustomNode/index.tsx

@@ -0,0 +1,59 @@
+import React from "react";
+import dynamic from "next/dynamic";
+import { NodeProps } from "reaflow";
+import useGraph from "src/store/useGraph";
+import useModal from "src/store/useModal";
+import { NodeData } from "src/types/graph";
+import { ObjectNode } from "./ObjectNode";
+import { TextNode } from "./TextNode";
+
+const Node = dynamic(() => import("reaflow").then(r => r.Node), {
+  ssr: false,
+});
+
+export interface CustomNodeProps {
+  node: NodeData;
+  x: number;
+  y: number;
+  hasCollapse?: boolean;
+}
+
+const rootProps = {
+  rx: 50,
+  ry: 50,
+};
+
+const CustomNodeWrapper = (nodeProps: NodeProps<NodeData["data"]>) => {
+  const data = nodeProps.properties.data;
+  const setSelectedNode = useGraph(state => state.setSelectedNode);
+  const setVisible = useModal(state => state.setVisible);
+
+  const handleNodeClick = React.useCallback(
+    (_: React.MouseEvent<SVGGElement, MouseEvent>, data: NodeData) => {
+      if (setSelectedNode) setSelectedNode(data);
+      setVisible("node")(true);
+    },
+    [setSelectedNode, setVisible]
+  );
+
+  return (
+    <Node
+      {...nodeProps}
+      {...(data?.isEmpty && rootProps)}
+      onClick={handleNodeClick as any}
+      animated={false}
+      label={null as any}
+    >
+      {({ node, x, y }) => {
+        if (Array.isArray(nodeProps.properties.text)) {
+          if (data?.isEmpty) return null;
+          return <ObjectNode node={node as NodeData} x={x} y={y} />;
+        }
+
+        return <TextNode node={node as NodeData} hasCollapse={!!data?.childrenCount} x={x} y={y} />;
+      }}
+    </Node>
+  );
+};
+
+export const CustomNode = React.memo(CustomNodeWrapper);

src/components/Graph/CustomNode/styles.tsx

@@ -0,0 +1,99 @@
+import styled, { DefaultTheme } from "styled-components";
+import { LinkItUrl } from "react-linkify-it";
+import { firaMono } from "src/constants/fonts";
+
+type TextColorFn = {
+  theme: DefaultTheme;
+  $type?: string;
+  $value?: string;
+  $parent?: boolean;
+};
+
+function getTextColor({ $value, $type, $parent, theme }: TextColorFn) {
+  // per type
+  if ($parent && $type === "array") return theme.NODE_COLORS.PARENT_ARR;
+  if ($parent && $type === "object") return theme.NODE_COLORS.PARENT_OBJ;
+  if ($type === "object") return theme.NODE_COLORS.NODE_KEY;
+  if ($type === "array") return theme.NODE_COLORS.NODE_VALUE;
+
+  // per value
+  if ($value && !Number.isNaN(+$value)) return theme.NODE_COLORS.INTEGER;
+  if ($value === "true") return theme.NODE_COLORS.BOOL.TRUE;
+  if ($value === "false") return theme.NODE_COLORS.BOOL.FALSE;
+  if ($value === "null") return theme.NODE_COLORS.NULL;
+
+  // default
+  return theme.NODE_COLORS.NODE_VALUE;
+}
+
+export const StyledLinkItUrl = styled(LinkItUrl)`
+  text-decoration: underline;
+  pointer-events: all;
+`;
+
+export const StyledForeignObject = styled.foreignObject<{ $isObject?: boolean }>`
+  text-align: ${({ $isObject }) => !$isObject && "center"};
+  color: ${({ theme }) => theme.NODE_COLORS.TEXT};
+  font-family: ${firaMono.style.fontFamily};
+  font-size: 12px;
+  font-weight: 500;
+  overflow: hidden;
+  pointer-events: none;
+
+  &.searched {
+    background: rgba(27, 255, 0, 0.1);
+    border: 2px solid ${({ theme }) => theme.TEXT_POSITIVE};
+    border-radius: 2px;
+    box-sizing: border-box;
+  }
+
+  .highlight {
+    background: rgba(255, 214, 0, 0.3);
+  }
+
+  .renderVisible {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-size: 12px;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    cursor: pointer;
+  }
+`;
+
+export const StyledKey = styled.span<{ $parent?: boolean; $type: string; $value?: string }>`
+  display: inline;
+  flex: 1;
+  color: ${({ theme, $type, $parent = false, $value = "" }) =>
+    getTextColor({ $parent, $type, $value, theme })};
+  font-size: ${({ $parent }) => $parent && "14px"};
+  overflow: hidden;
+  text-overflow: ellipsis;
+  padding: ${({ $type }) => $type !== "object" && "10px"};
+  white-space: nowrap;
+`;
+
+export const StyledRow = styled.span<{ $value: string }>`
+  padding: 0 10px;
+  color: ${({ theme, $value }) => getTextColor({ $value, theme })};
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+
+  &:first-of-type {
+    padding-top: 10px;
+  }
+
+  &:last-of-type {
+    padding-bottom: 10px;
+  }
+`;
+
+export const StyledChildrenCount = styled.span`
+  color: ${({ theme }) => theme.NODE_COLORS.CHILD_COUNT};
+  padding: 10px;
+  margin-left: -15px;
+`;

src/components/Graph/PremiumView.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import styled from "styled-components";
-import { Badge, Button, Image, List, ThemeIcon, Title } from "@mantine/core";
+import { Button, Image, List, ThemeIcon, Title } from "@mantine/core";
 import { BsCheck } from "react-icons/bs";
 import { paymentURL } from "src/constants/data";
 
@@ -15,7 +15,7 @@ const StyledPremiumView = styled.div`
   background: #020015;
 
   img {
-    filter: drop-shadow(2px 4px 6px black);
+    filter: drop-shadow(2px 2px 1px black);
   }
 
   .glowing {
@@ -64,20 +64,32 @@ const StyledPremiumView = styled.div`
 
   .glowing span:nth-child(3n + 1)::before {
     background: rgba(134, 255, 0, 1);
-    box-shadow: 0 0 20px rgba(134, 255, 0, 1), 0 0 40px rgba(134, 255, 0, 1),
-      0 0 60px rgba(134, 255, 0, 1), 0 0 80px rgba(134, 255, 0, 1), 0 0 0 8px rgba(134, 255, 0, 0.1);
+    box-shadow:
+      0 0 20px rgba(134, 255, 0, 1),
+      0 0 40px rgba(134, 255, 0, 1),
+      0 0 60px rgba(134, 255, 0, 1),
+      0 0 80px rgba(134, 255, 0, 1),
+      0 0 0 8px rgba(134, 255, 0, 0.1);
   }
 
   .glowing span:nth-child(3n + 2)::before {
     background: rgba(255, 214, 0, 1);
-    box-shadow: 0 0 20px rgba(255, 214, 0, 1), 0 0 40px rgba(255, 214, 0, 1),
-      0 0 60px rgba(255, 214, 0, 1), 0 0 80px rgba(255, 214, 0, 1), 0 0 0 8px rgba(255, 214, 0, 0.1);
+    box-shadow:
+      0 0 20px rgba(255, 214, 0, 1),
+      0 0 40px rgba(255, 214, 0, 1),
+      0 0 60px rgba(255, 214, 0, 1),
+      0 0 80px rgba(255, 214, 0, 1),
+      0 0 0 8px rgba(255, 214, 0, 0.1);
   }
 
   .glowing span:nth-child(3n + 3)::before {
     background: rgba(0, 226, 255, 1);
-    box-shadow: 0 0 20px rgba(0, 226, 255, 1), 0 0 40px rgba(0, 226, 255, 1),
-      0 0 60px rgba(0, 226, 255, 1), 0 0 80px rgba(0, 226, 255, 1), 0 0 0 8px rgba(0, 226, 255, 0.1);
+    box-shadow:
+      0 0 20px rgba(0, 226, 255, 1),
+      0 0 40px rgba(0, 226, 255, 1),
+      0 0 60px rgba(0, 226, 255, 1),
+      0 0 80px rgba(0, 226, 255, 1),
+      0 0 0 8px rgba(0, 226, 255, 0.1);
   }
 
   .glowing span:nth-child(3n + 1) {
@@ -148,7 +160,7 @@ export const PremiumView = () => (
   <StyledPremiumView>
     <StyledContent>
       <Title align="center">
-        <Image width="300" src="assets/icon.png" alt="JSON Crack" />
+        <Image width="400" src="assets/icon.png" alt="JSON Crack" />
       </Title>
       <StyledInfo>
         Upgrade JSON Crack to premium and explore full potantial of your data!
@@ -168,15 +180,6 @@ export const PremiumView = () => (
         <List.Item>JSON Schema support</List.Item>
         <List.Item>Visualize data at full capability</List.Item>
         <List.Item>Save & share up to 200 files</List.Item>
-        <List.Item
-          icon={
-            <ThemeIcon color="dark.4" size={20} radius="xl">
-              <BsCheck size="1rem" />
-            </ThemeIcon>
-          }
-        >
-          API Access <Badge>Soon</Badge>
-        </List.Item>
       </List>
 
       <Button
@@ -185,10 +188,10 @@ export const PremiumView = () => (
         component="a"
         variant="gradient"
         gradient={{ from: "blue", to: "teal" }}
-        href={paymentURL}
+        href={paymentURL()}
         target="_blank"
       >
-        UPGRADE TO PREMIUM $5.00
+        UPGRADE TO PREMIUM
       </Button>
     </StyledContent>
 

src/components/Graph/index.tsx

@@ -1,39 +1,58 @@
 import React from "react";
 import dynamic from "next/dynamic";
 import styled from "styled-components";
-import { ReactZoomPanPinchRef, TransformComponent, TransformWrapper } from "react-zoom-pan-pinch";
-import { CanvasRef, Edge, EdgeProps, ElkRoot, NodeProps } from "reaflow";
-import { CustomNode } from "src/components/CustomNode";
+import { toast } from "react-hot-toast";
+import { Space } from "react-zoomable-ui";
+import { ElkRoot } from "reaflow/dist/layout/useLayout";
+import { useLongPress } from "use-long-press";
+import { CustomNode } from "src/components/Graph/CustomNode";
+import { ViewMode } from "src/enums/viewMode.enum";
 import useToggleHide from "src/hooks/useToggleHide";
+import { Loading } from "src/layout/Loading";
+import useConfig from "src/store/useConfig";
 import useGraph from "src/store/useGraph";
-import useModal from "src/store/useModal";
 import useUser from "src/store/useUser";
-import { Loading } from "../../layout/Loading";
+import { NodeData } from "src/types/graph";
+import { CustomEdge } from "./CustomEdge";
 import { ErrorView } from "./ErrorView";
 import { PremiumView } from "./PremiumView";
 
-const Canvas = dynamic(() => import("reaflow").then(r => r.Canvas));
+const Canvas = dynamic(() => import("reaflow").then(r => r.Canvas), {
+  ssr: false,
+});
 
 interface GraphProps {
   isWidget?: boolean;
 }
 
-const StyledEditorWrapper = styled.div<{ widget: boolean }>`
+const StyledEditorWrapper = styled.div<{ $widget: boolean; $showRulers: boolean }>`
   position: absolute;
   width: 100%;
-  height: ${({ widget }) => (widget ? "calc(100vh - 36px)" : "calc(100vh - 63px)")};
+  height: ${({ $widget }) => ($widget ? "calc(100vh - 36px)" : "calc(100vh - 63px)")};
 
   --bg-color: ${({ theme }) => theme.GRID_BG_COLOR};
   --line-color-1: ${({ theme }) => theme.GRID_COLOR_PRIMARY};
   --line-color-2: ${({ theme }) => theme.GRID_COLOR_SECONDARY};
 
   background-color: var(--bg-color);
-  background-image: linear-gradient(var(--line-color-1) 1.5px, transparent 1.5px),
-    linear-gradient(90deg, var(--line-color-1) 1.5px, transparent 1.5px),
-    linear-gradient(var(--line-color-2) 1px, transparent 1px),
-    linear-gradient(90deg, var(--line-color-2) 1px, transparent 1px);
-  background-position: -1.5px -1.5px, -1.5px -1.5px, -1px -1px, -1px -1px;
-  background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px;
+  ${({ $showRulers }) =>
+    $showRulers &&
+    `
+    background-image: linear-gradient(var(--line-color-1) 1.5px, transparent 1.5px),
+      linear-gradient(90deg, var(--line-color-1) 1.5px, transparent 1.5px),
+      linear-gradient(var(--line-color-2) 1px, transparent 1px),
+      linear-gradient(90deg, var(--line-color-2) 1px, transparent 1px);
+    background-position:
+      -1.5px -1.5px,
+      -1.5px -1.5px,
+      -1px -1px,
+      -1px -1px;
+    background-size:
+      100px 100px,
+      100px 100px,
+      20px 20px,
+      20px 20px;
+  `};
 
   :active {
     cursor: move;
@@ -49,7 +68,7 @@ const StyledEditorWrapper = styled.div<{ widget: boolean }>`
   }
 
   @media only screen and (max-width: 768px) {
-    height: ${({ widget }) => (widget ? "calc(100vh - 36px)" : "100vh")};
+    height: ${({ $widget }) => ($widget ? "calc(100vh - 36px)" : "100vh")};
   }
 
   @media only screen and (max-width: 320px) {
@@ -57,17 +76,19 @@ const StyledEditorWrapper = styled.div<{ widget: boolean }>`
   }
 `;
 
-export const Graph = ({ isWidget = false }: GraphProps) => {
-  const { validateHiddenNodes } = useToggleHide();
-  const isPremium = useUser(state => state.premium);
-  const setLoading = useGraph(state => state.setLoading);
-  const setZoomPanPinch = useGraph(state => state.setZoomPanPinch);
-  const centerView = useGraph(state => state.centerView);
-  const setSelectedNode = useGraph(state => state.setSelectedNode);
-  const setVisible = useModal(state => state.setVisible);
-  const canvasRef = React.useRef<CanvasRef>(null);
+const layoutOptions = {
+  "elk.layered.compaction.postCompaction.strategy": "EDGE_LENGTH",
+  "elk.layered.nodePlacement.strategy": "NETWORK_SIMPLEX",
+};
 
-  const loading = useGraph(state => state.loading);
+const PREMIUM_LIMIT = 200;
+const ERROR_LIMIT_TREE = 5_000;
+const ERROR_LIMIT = 10_000;
+
+const GraphCanvas = ({ isWidget }: GraphProps) => {
+  const { validateHiddenNodes } = useToggleHide();
+  const setLoading = useGraph(state => state.setLoading);
+  const centerView = useGraph(state => state.centerView);
   const direction = useGraph(state => state.direction);
   const nodes = useGraph(state => state.nodes);
   const edges = useGraph(state => state.edges);
@@ -75,21 +96,6 @@ export const Graph = ({ isWidget = false }: GraphProps) => {
   const [paneWidth, setPaneWidth] = React.useState(2000);
   const [paneHeight, setPaneHeight] = React.useState(2000);
 
-  const handleNodeClick = React.useCallback(
-    (_: React.MouseEvent<SVGElement>, data: NodeData) => {
-      if (setSelectedNode) setSelectedNode(data);
-      setVisible("node")(true);
-    },
-    [setSelectedNode, setVisible]
-  );
-
-  const onInit = React.useCallback(
-    (ref: ReactZoomPanPinchRef) => {
-      setZoomPanPinch(ref);
-    },
-    [setZoomPanPinch]
-  );
-
   const onLayoutChange = React.useCallback(
     (layout: ElkRoot) => {
       if (layout.width && layout.height) {
@@ -100,89 +106,108 @@ export const Graph = ({ isWidget = false }: GraphProps) => {
         setPaneHeight((layout.height as number) + 50);
 
         setTimeout(() => {
-          setLoading(false);
           validateHiddenNodes();
           window.requestAnimationFrame(() => {
             if (changeRatio > 70 || isWidget) centerView();
+            setLoading(false);
           });
         });
       }
     },
-    [centerView, isWidget, paneHeight, paneWidth, setLoading, validateHiddenNodes]
+    [isWidget, paneHeight, paneWidth, centerView, setLoading, validateHiddenNodes]
   );
 
-  const onCanvasClick = React.useCallback(() => {
-    (document.activeElement as HTMLElement)?.blur();
+  return (
+    <Canvas
+      className="jsoncrack-canvas"
+      onLayoutChange={onLayoutChange}
+      node={p => <CustomNode {...p} />}
+      edge={p => <CustomEdge {...p} />}
+      nodes={nodes}
+      edges={edges}
+      maxHeight={paneHeight}
+      maxWidth={paneWidth}
+      height={paneHeight}
+      width={paneWidth}
+      direction={direction}
+      layoutOptions={layoutOptions}
+      key={direction}
+      pannable={false}
+      zoomable={false}
+      animated={false}
+      readonly={true}
+      dragEdge={null}
+      dragNode={null}
+      fit={true}
+    />
+  );
+};
+
+function getViewType(nodes: NodeData[]) {
+  if (nodes.length > ERROR_LIMIT) return "error";
+  if (nodes.length > ERROR_LIMIT_TREE) return "tree";
+  if (nodes.length > PREMIUM_LIMIT) return "premium";
+  return "graph";
+}
+
+export const Graph = ({ isWidget = false }: GraphProps) => {
+  const setViewPort = useGraph(state => state.setViewPort);
+  const loading = useGraph(state => state.loading);
+  const isPremium = useUser(state => state.premium);
+  const viewType = useGraph(state => getViewType(state.nodes));
+  const gesturesEnabled = useConfig(state => state.gesturesEnabled);
+  const rulersEnabled = useConfig(state => state.rulersEnabled);
+  const setViewMode = useConfig(state => state.setViewMode);
+
+  const callback = React.useCallback(() => {
+    const canvas = document.querySelector(".jsoncrack-canvas") as HTMLDivElement | null;
+    canvas?.classList.add("dragging");
   }, []);
 
-  const memoizedNode = React.useCallback(
-    (props: JSX.IntrinsicAttributes & NodeProps<any>) => (
-      <CustomNode {...props} onClick={handleNodeClick} animated={false} />
-    ),
-    [handleNodeClick]
-  );
+  const bindLongPress = useLongPress(callback, {
+    threshold: 150,
+    onFinish: () => {
+      const canvas = document.querySelector(".jsoncrack-canvas") as HTMLDivElement | null;
+      canvas?.classList.remove("dragging");
+    },
+  });
 
-  const memoizedEdge = React.useCallback(
-    (props: JSX.IntrinsicAttributes & Partial<EdgeProps>) => (
-      <Edge {...props} containerClassName={`edge-${props.id}`} />
-    ),
-    []
-  );
+  const blurOnClick = React.useCallback(() => {
+    if ("activeElement" in document) (document.activeElement as HTMLElement)?.blur();
+  }, []);
 
-  if (nodes.length > 6_000) return <ErrorView />;
+  if (viewType === "error") {
+    return <ErrorView />;
+  }
 
-  if (nodes.length > 400 && !isWidget) {
+  if (viewType === "tree") {
+    setViewMode(ViewMode.Tree);
+    toast("This document is too large to display as a graph. Switching to tree view.");
+  }
+
+  if (viewType === "premium" && !isWidget) {
     if (!isPremium) return <PremiumView />;
   }
 
   return (
     <>
-      <Loading message="Painting graph..." loading={loading} />
-      <StyledEditorWrapper onContextMenu={e => e.preventDefault()} widget={isWidget}>
-        <TransformWrapper
-          maxScale={2}
-          minScale={0.05}
-          initialScale={0.4}
-          wheel={{ step: 0.04 }}
-          zoomAnimation={{ animationType: "linear" }}
-          doubleClick={{ disabled: true }}
-          onInit={onInit}
-          onPanning={ref => ref.instance.wrapperComponent?.classList.add("dragging")}
-          onPanningStop={ref => ref.instance.wrapperComponent?.classList.remove("dragging")}
+      <Loading loading={loading} message="Painting graph..." />
+      <StyledEditorWrapper
+        $widget={isWidget}
+        onContextMenu={e => e.preventDefault()}
+        onClick={blurOnClick}
+        key={String(gesturesEnabled)}
+        $showRulers={rulersEnabled}
+        {...bindLongPress()}
+      >
+        <Space
+          onCreate={setViewPort}
+          onContextMenu={e => e.preventDefault()}
+          treatTwoFingerTrackPadGesturesLikeTouch={gesturesEnabled}
+          pollForElementResizing
         >
-          <TransformComponent
-            wrapperStyle={{
-              width: "100%",
-              height: "100%",
-              overflow: "hidden",
-              display: loading ? "none" : "block",
-            }}
-          >
-            <Canvas
-              className="jsoncrack-canvas"
-              ref={canvasRef}
-              nodes={nodes}
-              edges={edges}
-              maxHeight={paneHeight}
-              maxWidth={paneWidth}
-              height={paneHeight}
-              width={paneWidth}
-              direction={direction}
-              onLayoutChange={onLayoutChange}
-              onCanvasClick={onCanvasClick}
-              node={memoizedNode}
-              edge={memoizedEdge}
-              key={direction}
-              pannable={false}
-              zoomable={false}
-              animated={false}
-              readonly={true}
-              dragEdge={null}
-              dragNode={null}
-              fit={true}
-            />
-          </TransformComponent>
-        </TransformWrapper>
+          <GraphCanvas isWidget={isWidget} />
+        </Space>
       </StyledEditorWrapper>
     </>
   );

src/components/HovercardAds/index.tsx

@@ -0,0 +1,20 @@
+import React from "react";
+import { useRouter } from "next/router";
+
+export const HovercardAds = () => {
+  const router = useRouter();
+
+  React.useEffect(() => {
+    const isAvailable = document.querySelectorAll("#_hellobar_")[0];
+
+    if (typeof window._bsa !== "undefined" && window._bsa && !!!isAvailable) {
+      window._bsa.init("hellobar", "CE7IPKQL", "placement:jsoncrackcom");
+    }
+
+    if (isAvailable) {
+      window._bsa.reload("#_hellobar_");
+    }
+  }, [router.asPath]);
+
+  return <div id="hellobarContainer"></div>;
+};

src/components/MonacoEditor/index.tsx

@@ -2,8 +2,8 @@ import React from "react";
 import styled from "styled-components";
 import Editor, { loader, useMonaco } from "@monaco-editor/react";
 import { Loading } from "src/layout/Loading";
+import useConfig from "src/store/useConfig";
 import useFile from "src/store/useFile";
-import useStored from "src/store/useStored";
 
 loader.config({
   paths: {
@@ -33,13 +33,14 @@ export const MonacoEditor = () => {
   const setError = useFile(state => state.setError);
   const jsonSchema = useFile(state => state.jsonSchema);
   const getHasChanges = useFile(state => state.getHasChanges);
-  const theme = useStored(state => (state.lightmode ? "light" : "vs-dark"));
+  const theme = useConfig(state => (state.darkmodeEnabled ? "vs-dark" : "light"));
   const fileType = useFile(state => state.format);
 
   React.useEffect(() => {
     monaco?.languages.json.jsonDefaults.setDiagnosticsOptions({
       validate: true,
       allowComments: true,
+      enableSchemaRequest: true,
       ...(jsonSchema && {
         schemas: [
           {

src/components/PreviewDiagram/index.tsx

@@ -1,423 +0,0 @@
-import React from "react";
-import { ThemeProvider } from "styled-components";
-import { TransformWrapper, TransformComponent } from "react-zoom-pan-pinch";
-import { Canvas } from "reaflow";
-import { darkTheme } from "src/constants/theme";
-import { CustomNode } from "../CustomNode";
-
-const data = {
-  nodes: [
-    {
-      id: "1",
-      text: [
-        ["squadName", "Super hero squad"],
-        ["homeTown", "Metro City"],
-        ["formed", 2016],
-        ["secretBase", "Super tower"],
-        ["active", true],
-      ],
-      width: 233,
-      height: 113,
-      data: {
-        type: "null",
-        isParent: false,
-        isEmpty: false,
-        childrenCount: 0,
-      },
-      path: "{Root}",
-    },
-    {
-      id: "2",
-      text: "members",
-      width: 174,
-      height: 39,
-      data: {
-        type: "array",
-        isParent: true,
-        isEmpty: false,
-        childrenCount: 3,
-      },
-      path: "{Root}.members",
-    },
-    {
-      id: "3",
-      text: [
-        ["name", "Molecule Man"],
-        ["age", 29],
-        ["secretIdentity", "Dan Jukes"],
-      ],
-      width: 218,
-      height: 76,
-      data: {
-        type: "null",
-        isParent: false,
-        isEmpty: false,
-        childrenCount: 0,
-      },
-      path: "{Root}.members[0]",
-    },
-    {
-      id: "4",
-      text: "powers",
-      width: 167,
-      height: 39,
-      data: {
-        type: "array",
-        isParent: true,
-        isEmpty: false,
-        childrenCount: 3,
-      },
-      path: "{Root}.members[0].powers",
-    },
-    {
-      id: "5",
-      text: "Radiation resistance",
-      width: 168,
-      height: 39,
-      data: {
-        type: "null",
-        isParent: false,
-        isEmpty: false,
-        childrenCount: 0,
-      },
-      path: "{Root}.members[0].powers[0]",
-    },
-    {
-      id: "6",
-      text: "Turning tiny",
-      width: 110,
-      height: 39,
-      data: {
-        type: "null",
-        isParent: false,
-        isEmpty: false,
-        childrenCount: 0,
-      },
-      path: "{Root}.members[0].powers[1]",
-    },
-    {
-      id: "7",
-      text: "Radiation blast",
-      width: 132,
-      height: 39,
-      data: {
-        type: "null",
-        isParent: false,
-        isEmpty: false,
-        childrenCount: 0,
-      },
-      path: "{Root}.members[0].powers[2]",
-    },
-    {
-      id: "8",
-      text: [
-        ["name", "Madame Uppercut"],
-        ["age", 39],
-        ["secretIdentity", "Jane Wilson"],
-      ],
-      width: 233,
-      height: 76,
-      data: {
-        type: "null",
-        isParent: false,
-        isEmpty: false,
-        childrenCount: 0,
-      },
-      path: "{Root}.members[1]",
-    },
-    {
-      id: "9",
-      text: "powers",
-      width: 167,
-      height: 39,
-      data: {
-        type: "array",
-        isParent: true,
-        isEmpty: false,
-        childrenCount: 3,
-      },
-      path: "{Root}.members[1].powers",
-    },
-    {
-      id: "10",
-      text: "Million tonne punch",
-      width: 161,
-      height: 39,
-      data: {
-        type: "null",
-        isParent: false,
-        isEmpty: false,
-        childrenCount: 0,
-      },
-      path: "{Root}.members[1].powers[0]",
-    },
-    {
-      id: "11",
-      text: "Damage resistance",
-      width: 146,
-      height: 39,
-      data: {
-        type: "null",
-        isParent: false,
-        isEmpty: false,
-        childrenCount: 0,
-      },
-      path: "{Root}.members[1].powers[1]",
-    },
-    {
-      id: "12",
-      text: "Superhuman reflexes",
-      width: 161,
-      height: 39,
-      data: {
-        type: "null",
-        isParent: false,
-        isEmpty: false,
-        childrenCount: 0,
-      },
-      path: "{Root}.members[1].powers[2]",
-    },
-    {
-      id: "13",
-      text: [
-        ["name", "Eternal Flame"],
-        ["age", 1000000],
-        ["secretIdentity", "Unknown"],
-      ],
-      width: 204,
-      height: 76,
-      data: {
-        type: "null",
-        isParent: false,
-        isEmpty: false,
-        childrenCount: 0,
-      },
-      path: "{Root}.members[2]",
-    },
-    {
-      id: "14",
-      text: "powers",
-      width: 167,
-      height: 39,
-      data: {
-        type: "array",
-        isParent: true,
-        isEmpty: false,
-        childrenCount: 5,
-      },
-      path: "{Root}.members[2].powers",
-    },
-    {
-      id: "15",
-      text: "Immortality",
-      width: 103,
-      height: 39,
-      data: {
-        type: "null",
-        isParent: false,
-        isEmpty: false,
-        childrenCount: 0,
-      },
-      path: "{Root}.members[2].powers[0]",
-    },
-    {
-      id: "16",
-      text: "Heat Immunity",
-      width: 118,
-      height: 39,
-      data: {
-        type: "null",
-        isParent: false,
-        isEmpty: false,
-        childrenCount: 0,
-      },
-      path: "{Root}.members[2].powers[1]",
-    },
-    {
-      id: "17",
-      text: "Inferno",
-      width: 74,
-      height: 39,
-      data: {
-        type: "null",
-        isParent: false,
-        isEmpty: false,
-        childrenCount: 0,
-      },
-      path: "{Root}.members[2].powers[2]",
-    },
-    {
-      id: "18",
-      text: "Teleportation",
-      width: 118,
-      height: 39,
-      data: {
-        type: "null",
-        isParent: false,
-        isEmpty: false,
-        childrenCount: 0,
-      },
-      path: "{Root}.members[2].powers[3]",
-    },
-    {
-      id: "19",
-      text: "Interdimensional travel",
-      width: 190,
-      height: 39,
-      data: {
-        type: "null",
-        isParent: false,
-        isEmpty: false,
-        childrenCount: 0,
-      },
-      path: "{Root}.members[2].powers[4]",
-    },
-  ],
-  edges: [
-    {
-      id: "e1-2",
-      from: "1",
-      to: "2",
-    },
-    {
-      id: "e2-3",
-      from: "2",
-      to: "3",
-    },
-    {
-      id: "e3-4",
-      from: "3",
-      to: "4",
-    },
-    {
-      id: "e4-5",
-      from: "4",
-      to: "5",
-    },
-    {
-      id: "e4-6",
-      from: "4",
-      to: "6",
-    },
-    {
-      id: "e4-7",
-      from: "4",
-      to: "7",
-    },
-    {
-      id: "e2-8",
-      from: "2",
-      to: "8",
-    },
-    {
-      id: "e8-9",
-      from: "8",
-      to: "9",
-    },
-    {
-      id: "e9-10",
-      from: "9",
-      to: "10",
-    },
-    {
-      id: "e9-11",
-      from: "9",
-      to: "11",
-    },
-    {
-      id: "e9-12",
-      from: "9",
-      to: "12",
-    },
-    {
-      id: "e2-13",
-      from: "2",
-      to: "13",
-    },
-    {
-      id: "e13-14",
-      from: "13",
-      to: "14",
-    },
-    {
-      id: "e14-15",
-      from: "14",
-      to: "15",
-    },
-    {
-      id: "e14-16",
-      from: "14",
-      to: "16",
-    },
-    {
-      id: "e14-17",
-      from: "14",
-      to: "17",
-    },
-    {
-      id: "e14-18",
-      from: "14",
-      to: "18",
-    },
-    {
-      id: "e14-19",
-      from: "14",
-      to: "19",
-    },
-  ],
-};
-
-const PreviewDiagram = () => {
-  const [paneWidth, setPaneWidth] = React.useState(0);
-  const [paneHeight, setPaneHeight] = React.useState(0);
-
-  React.useEffect(() => {
-    const container = document.querySelector("#hero-section") as HTMLDivElement;
-
-    if (container) {
-      const rects = container.getBoundingClientRect();
-      setPaneWidth(rects.width);
-      setPaneHeight(rects.height);
-    }
-  }, []);
-
-  return (
-    <ThemeProvider theme={darkTheme}>
-      <TransformWrapper
-        maxScale={2}
-        minScale={0.05}
-        initialScale={1}
-        wheel={{ step: 0.04 }}
-        doubleClick={{ disabled: true }}
-        disabled
-      >
-        <TransformComponent
-          wrapperStyle={{
-            width: "100%",
-            height: "100%",
-            overflow: "visible",
-          }}
-        >
-          <Canvas
-            nodes={data.nodes}
-            edges={data.edges}
-            maxHeight={paneHeight}
-            maxWidth={paneWidth}
-            height={paneHeight}
-            width={paneWidth}
-            direction="RIGHT"
-            node={props => <CustomNode {...props} />}
-            pannable={false}
-            zoomable={false}
-            readonly={true}
-            dragEdge={null}
-            dragNode={null}
-            fit={true}
-          />
-        </TransformComponent>
-      </TransformWrapper>
-    </ThemeProvider>
-  );
-};
-
-export default PreviewDiagram;

src/components/SearchInput/index.tsx

@@ -1,6 +1,7 @@
 import React from "react";
 import { Flex, Input, Text } from "@mantine/core";
 import { getHotkeyHandler } from "@mantine/hooks";
+import ReactGA from "react-ga4";
 import { AiOutlineSearch } from "react-icons/ai";
 import { useFocusNode } from "src/hooks/useFocusNode";
 
@@ -12,8 +13,10 @@ export const SearchInput: React.FC = () => {
       type="search"
       size="xs"
       id="search-node"
+      w={180}
       value={searchValue}
       onChange={e => setValue(e.currentTarget.value)}
+      onFocus={() => ReactGA.event({ action: "focus_node_search", category: "User" })}
       placeholder="Search Node"
       onKeyDown={getHotkeyHandler([["Enter", skip]])}
       icon={<AiOutlineSearch />}

src/constants/customFonts.ts

@@ -1,10 +0,0 @@
-import localFont from "next/font/local";
-
-const monaSans = localFont({
-  src: "../pages/Mona-Sans.woff2",
-  variable: "--mona-sans",
-  display: "swap",
-  fallback: ["Arial, Helvetica, sans-serif", "Tahoma, Verdana, sans-serif"],
-});
-
-export { monaSans };

src/constants/data.ts

@@ -1,5 +1,14 @@
+import useUser from "src/store/useUser";
+
 export const baseURL = process.env.NEXT_PUBLIC_BASE_URL as string;
-export const paymentURL = process.env.NEXT_PUBLIC_PAYMENT_URL as string;
+
+export const paymentURL = () => {
+  const email = useUser.getState().user?.email;
+  let url = process.env.NEXT_PUBLIC_PAYMENT_URL as string;
+
+  if (email) url += `?checkout[email]=${email}`;
+  return url;
+};
 
 // Example taken from https://mdn.github.io/learning-area/javascript/oojs/json/superheroes.json
 const sampleJson = Object.freeze({

src/constants/fonts.ts

@@ -0,0 +1,18 @@
+import { Fira_Mono } from "next/font/google";
+import localFont from "next/font/local";
+
+const monaSans = localFont({
+  src: "../assets/fonts/Mona-Sans.woff2",
+  variable: "--mona-sans",
+  display: "swap",
+  fallback: ["Futura, Helvetica, sans-serif", "Tahoma, Verdana, sans-serif"],
+});
+
+const firaMono = Fira_Mono({
+  weight: ["500"],
+  subsets: ["latin"],
+  display: "swap",
+  fallback: ["Menlo, Monaco, monospace", "Consolas, Courier New, monospace"],
+});
+
+export { monaSans, firaMono };

src/constants/globalStyle.ts

@@ -1,20 +1,12 @@
-import localFont from "next/font/local";
 import { createGlobalStyle } from "styled-components";
 
-const monaSans = localFont({
-  src: "../pages/Mona-Sans.woff2",
-  variable: "--mona-sans",
-  display: "swap",
-  fallback: ["Arial, Helvetica, sans-serif", "Tahoma, Verdana, sans-serif"],
-});
-
 const GlobalStyle = createGlobalStyle`
   html, body {
     color: ${({ theme }) => theme.FULL_WHITE} !important;
     font-weight: 400;
     font-size: 16px;
-    font-family: ${monaSans.style.fontFamily};
-    background: #F1F1F1 !important;
+    background: rgb(246,249,253) !important;
+    background: radial-gradient(circle, rgb(245 245 245) 33%, rgb(252 252 255) 100%) !important;
 
     @media only screen and (max-width: 768px) {
       background-position: right;
@@ -30,6 +22,10 @@ const GlobalStyle = createGlobalStyle`
     display: none;
   }
 
+  /* g {
+    opacity: 1 !important;
+  } */
+
   .mantine-Modal-inner {
     padding: 0;
   }

src/constants/previewSection.ts

@@ -1,91 +0,0 @@
-import { defaultJson } from "./data";
-
-export const TABS = [
-  {
-    id: 0,
-    name: "Standard JSON",
-    json: defaultJson,
-  },
-  {
-    id: 1,
-    name: "Gallery",
-    json: JSON.stringify(
-      {
-        "cats! 🐾": [
-          "https://gifimage.net/wp-content/uploads/2017/10/cool-cat-gif-1.gif",
-          "https://media.tenor.com/vRHYVqQCMQAAAAAM/cool-cat-chilling.gif",
-          "https://media.tenor.com/k6B6P_kvBSYAAAAM/awesome-cat.gif",
-        ],
-      },
-      null,
-      2
-    ),
-  },
-  {
-    id: 2,
-    name: "Nested JSON",
-    json: JSON.stringify(
-      [
-        {
-          id: "0001",
-          type: "donut",
-          name: "Cake",
-          ppu: 0.55,
-          batters: {
-            batter: [
-              { id: "1001", type: "Regular" },
-              { id: "1002", type: "Chocolate" },
-              { id: "1003", type: "Blueberry" },
-              { id: "1004", type: "Devil's Food" },
-            ],
-          },
-          topping: [
-            { id: "5001", type: "None" },
-            { id: "5002", type: "Glazed" },
-            { id: "5005", type: "Sugar" },
-            { id: "5007", type: "Powdered Sugar" },
-            { id: "5006", type: "Chocolate with Sprinkles" },
-            { id: "5003", type: "Chocolate" },
-            { id: "5004", type: "Maple" },
-          ],
-        },
-        {
-          id: "0002",
-          type: "donut",
-          name: "Raised",
-          ppu: 0.55,
-          batters: {
-            batter: [{ id: "1001", type: "Regular" }],
-          },
-          topping: [
-            { id: "5001", type: "None" },
-            { id: "5002", type: "Glazed" },
-            { id: "5005", type: "Sugar" },
-            { id: "5003", type: "Chocolate" },
-            { id: "5004", type: "Maple" },
-          ],
-        },
-        {
-          id: "0003",
-          type: "donut",
-          name: "Old Fashioned",
-          ppu: 0.55,
-          batters: {
-            batter: [
-              { id: "1001", type: "Regular" },
-              { id: "1002", type: "Chocolate" },
-            ],
-          },
-          topping: [
-            { id: "5001", type: "None" },
-            { id: "5002", type: "Glazed" },
-            { id: "5003", type: "Chocolate" },
-            { id: "5004", type: "Maple" },
-          ],
-        },
-      ],
-      null,
-      2
-    ),
-  },
-];

src/constants/theme.ts

@@ -17,6 +17,21 @@ const fixedColors = {
   TEXT_DANGER: "#db662e",
 };
 
+const promptInputColors = {
+  dark: {
+    PROMPT_BG: "#072719",
+    PROMPT_PLACEHOLDER_COLOR: "#15593A",
+    PROMPT_TEXT_COLOR: "#3DCF8E",
+    PROMPT_BORDER_COLOR: "#0C3924",
+  },
+  light: {
+    PROMPT_BG: "#d3ede1",
+    PROMPT_PLACEHOLDER_COLOR: "#77c2a1",
+    PROMPT_TEXT_COLOR: "#289b67",
+    PROMPT_BORDER_COLOR: "#8ad7b3",
+  },
+};
+
 const nodeColors = {
   dark: {
     NODE_COLORS: {
@@ -55,6 +70,7 @@ const nodeColors = {
 export const darkTheme = {
   ...fixedColors,
   ...nodeColors.dark,
+  ...promptInputColors.dark,
   BLACK_SECONDARY: "#23272A",
   SILVER_DARK: "#4D4D4D",
   NODE_KEY: "#FAA81A",
@@ -67,6 +83,7 @@ export const darkTheme = {
   BACKGROUND_NODE: "#2B2C3E",
   BACKGROUND_TERTIARY: "#202225",
   BACKGROUND_SECONDARY: "#2f3136",
+  TOOLBAR_BG: "#2f3136",
   BACKGROUND_PRIMARY: "#36393f",
   BACKGROUND_MODIFIER_ACCENT: "rgba(79,84,92,0.48)",
   MODAL_BACKGROUND: "#36393E",
@@ -80,6 +97,7 @@ export const darkTheme = {
 export const lightTheme = {
   ...fixedColors,
   ...nodeColors.light,
+  ...promptInputColors.light,
   BLACK_SECONDARY: "#F2F2F2",
   SILVER_DARK: "#CCCCCC",
   NODE_KEY: "#DC3790",
@@ -92,14 +110,15 @@ export const lightTheme = {
   BACKGROUND_NODE: "#F6F8FA",
   BACKGROUND_TERTIARY: "#e3e5e8",
   BACKGROUND_SECONDARY: "#f2f3f5",
+  TOOLBAR_BG: "#FAFAFA",
   BACKGROUND_PRIMARY: "#FFFFFF",
   BACKGROUND_MODIFIER_ACCENT: "rgba(106,116,128,0.24)",
   MODAL_BACKGROUND: "#FFFFFF",
   TEXT_NORMAL: "#2e3338",
   TEXT_POSITIVE: "#008736",
-  GRID_BG_COLOR: "#FAFAFA",
-  GRID_COLOR_PRIMARY: "#EBEBEB",
-  GRID_COLOR_SECONDARY: "#EEEEEE",
+  GRID_BG_COLOR: "#f3f3f3",
+  GRID_COLOR_PRIMARY: "#E0E0E0",
+  GRID_COLOR_SECONDARY: "#E4E4E4",
 };
 
 const themeDs = {

src/containers/Editor/BottomBar.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import Head from "next/head";
 import { useRouter } from "next/router";
 import styled from "styled-components";
-import { Badge, Flex, Popover, Text } from "@mantine/core";
+import { Flex, Popover, Text } from "@mantine/core";
 import toast from "react-hot-toast";
 import {
   AiOutlineCloudSync,
@@ -11,16 +11,19 @@ import {
   AiOutlineLock,
   AiOutlineUnlock,
 } from "react-icons/ai";
-import { MdReportGmailerrorred, MdOutlineCheckCircleOutline } from "react-icons/md";
+import { BiSolidDockLeft } from "react-icons/bi";
+import { MdOutlineCheckCircleOutline } from "react-icons/md";
 import { TbTransform } from "react-icons/tb";
-import { VscAccount, VscSync, VscSyncIgnored, VscWorkspaceTrusted } from "react-icons/vsc";
-import { saveToCloud, updateJson } from "src/services/json";
+import { VscError, VscFeedback, VscSourceControl, VscSync, VscSyncIgnored } from "react-icons/vsc";
+import { documentSvc } from "src/services/document.service";
+import useConfig from "src/store/useConfig";
 import useFile from "src/store/useFile";
+import useGraph from "src/store/useGraph";
 import useModal from "src/store/useModal";
-import useStored from "src/store/useStored";
 import useUser from "src/store/useUser";
 
 const StyledBottomBar = styled.div`
+  position: relative;
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -28,7 +31,8 @@ const StyledBottomBar = styled.div`
   background: ${({ theme }) => theme.BACKGROUND_TERTIARY};
   max-height: 27px;
   height: 27px;
-  padding: 0 6px;
+  z-index: 35;
+  padding-right: 6px;
 
   @media screen and (max-width: 320px) {
     display: none;
@@ -40,6 +44,7 @@ const StyledLeft = styled.div`
   align-items: center;
   justify-content: left;
   gap: 4px;
+  padding-left: 8px;
 
   @media screen and (max-width: 480px) {
     display: none;
@@ -53,7 +58,7 @@ const StyledRight = styled.div`
   gap: 4px;
 `;
 
-const StyledBottomBarItem = styled.button<{ error?: boolean }>`
+const StyledBottomBarItem = styled.button<{ $bg?: string }>`
   display: flex;
   align-items: center;
   gap: 4px;
@@ -63,8 +68,11 @@ const StyledBottomBarItem = styled.button<{ error?: boolean }>`
   padding: 4px;
   font-size: 12px;
   font-weight: 400;
-  color: ${({ theme, error }) => (error ? theme.DANGER : theme.INTERACTIVE_NORMAL)};
-  background: ${({ error }) => error && "rgba(255, 99, 71, 0.4)"};
+  color: ${({ theme }) => theme.INTERACTIVE_NORMAL};
+  background: ${({ $bg }) => $bg};
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
 
   &:hover:not(&:disabled) {
     background-image: linear-gradient(rgba(0, 0, 0, 0.1) 0 0);
@@ -72,27 +80,25 @@ const StyledBottomBarItem = styled.button<{ error?: boolean }>`
   }
 
   &:disabled {
-    opacity: 0.4;
+    opacity: 0.6;
     cursor: default;
   }
 `;
 
-const StyledImg = styled.img<{ light: boolean }>`
-  filter: ${({ light }) => light && "invert(100%)"};
-`;
-
 export const BottomBar = () => {
   const { query, replace } = useRouter();
   const data = useFile(state => state.fileData);
   const user = useUser(state => state.user);
-  const premium = useUser(state => state.premium);
-  const lightmode = useStored(state => state.lightmode);
-  const toggleLiveTransform = useStored(state => state.toggleLiveTransform);
-  const liveTransform = useStored(state => state.liveTransform);
+  const toggleLiveTransform = useConfig(state => state.toggleLiveTransform);
+  const liveTransformEnabled = useConfig(state => state.liveTransformEnabled);
   const hasChanges = useFile(state => state.hasChanges);
   const error = useFile(state => state.error);
   const getContents = useFile(state => state.getContents);
   const setContents = useFile(state => state.setContents);
+  const nodeCount = useGraph(state => state.nodes.length);
+  const fileName = useFile(state => state.fileData?.name);
+  const toggleFullscreen = useGraph(state => state.toggleFullscreen);
+  const fullscreen = useGraph(state => state.fullscreen);
 
   const setVisible = useModal(state => state.setVisible);
   const setHasChanges = useFile(state => state.setHasChanges);
@@ -100,6 +106,8 @@ export const BottomBar = () => {
   const [isPrivate, setIsPrivate] = React.useState(false);
   const [isUpdating, setIsUpdating] = React.useState(false);
 
+  const toggleEditor = () => toggleFullscreen(!fullscreen);
+
   React.useEffect(() => {
     setIsPrivate(data?.private ?? true);
   }, [data]);
@@ -115,19 +123,20 @@ export const BottomBar = () => {
       try {
         setIsUpdating(true);
         toast.loading("Saving document...", { id: "fileSave" });
-        const res = await saveToCloud(query?.json ?? null, getContents(), getFormat());
 
-        if (res.errors && res.errors.items.length > 0) throw res.errors;
-        if (res.data._id) replace({ query: { json: res.data._id } });
+        const { data, error } = await documentSvc.upsert({
+          id: query?.json,
+          contents: getContents(),
+          format: getFormat(),
+        });
+
+        if (error) throw error;
+        if (data) replace({ query: { json: data } });
 
         toast.success("Document saved to cloud", { id: "fileSave" });
         setHasChanges(false);
       } catch (error: any) {
-        if (error?.items?.length > 0) {
-          return toast.error(error.items[0].message, { id: "fileSave", duration: 5000 });
-        }
-
-        toast.error("Failed to save document!", { id: "fileSave" });
+        toast.error(error.message, { id: "fileSave" });
       } finally {
         setIsUpdating(false);
       }
@@ -154,14 +163,18 @@ export const BottomBar = () => {
       if (!query.json) return handleSaveJson();
       setIsUpdating(true);
 
-      const res = await updateJson(query.json as string, { private: !isPrivate });
+      const { data: updatedJsonData, error } = await documentSvc.update(query.json as string, {
+        private: !isPrivate,
+      });
 
-      if (!res.errors?.items.length) {
-        setIsPrivate(res.data.private);
+      if (error) return toast.error(error.message);
+
+      if (updatedJsonData[0]) {
+        setIsPrivate(updatedJsonData[0].private);
         toast.success(`Document set to ${isPrivate ? "public" : "private"}.`);
-      } else throw res.errors;
+      } else throw error;
     } catch (error) {
-      toast.error("An error occurred while updating document!");
+      console.error(error);
     } finally {
       setIsUpdating(false);
     }
@@ -175,28 +188,25 @@ export const BottomBar = () => {
         </Head>
       )}
       <StyledLeft>
-        <StyledBottomBarItem onClick={handleLoginClick}>
-          <VscAccount />
-          {user ? user.name : "Login"}
-          {premium && (
-            <Badge size="sm" color="orange" radius="sm" fw="bold">
-              PREMIUM
-            </Badge>
-          )}
+        <StyledBottomBarItem onClick={toggleEditor}>
+          <BiSolidDockLeft />
         </StyledBottomBarItem>
-        {!premium && (
-          <StyledBottomBarItem onClick={() => setVisible("premium")(true)}>
-            <VscWorkspaceTrusted />
-            Upgrade to Premium
+
+        {fileName && (
+          <StyledBottomBarItem onClick={() => setVisible("cloud")(true)}>
+            <VscSourceControl />
+            {fileName}
           </StyledBottomBarItem>
         )}
-        <StyledBottomBarItem error={!!error}>
+        <StyledBottomBarItem>
           {error ? (
             <Popover width="auto" shadow="md" position="top" withArrow>
               <Popover.Target>
                 <Flex align="center" gap={2}>
-                  <MdReportGmailerrorred color="red" size={16} />
-                  <Text fw="bold">Invalid Format</Text>
+                  <VscError color="red" size={16} />
+                  <Text color="red" fw="bold">
+                    Invalid
+                  </Text>
                 </Flex>
               </Popover.Target>
               <Popover.Dropdown sx={{ pointerEvents: "none" }}>
@@ -206,29 +216,30 @@ export const BottomBar = () => {
           ) : (
             <Flex align="center" gap={2}>
               <MdOutlineCheckCircleOutline />
-              <Text>Valid Format</Text>
+              <Text>Valid</Text>
             </Flex>
           )}
         </StyledBottomBarItem>
-        <StyledBottomBarItem onClick={handleSaveJson} disabled={isUpdating}>
-          {hasChanges ? <AiOutlineCloudUpload /> : <AiOutlineCloudSync />}
-          {hasChanges ? (query?.json ? "Unsaved Changes" : "Create Document") : "Saved"}
-        </StyledBottomBarItem>
-        {data && (
-          <>
-            {typeof data.private !== "undefined" && (
-              <StyledBottomBarItem onClick={setPrivate} disabled={isUpdating}>
-                {isPrivate ? <AiOutlineLock /> : <AiOutlineUnlock />}
-                {isPrivate ? "Private" : "Public"}
-              </StyledBottomBarItem>
-            )}
-            <StyledBottomBarItem onClick={() => setVisible("share")(true)} disabled={isPrivate}>
-              <AiOutlineLink />
-              Share
-            </StyledBottomBarItem>
-          </>
+        {(data?.owner_email === user?.email || (!data && user)) && (
+          <StyledBottomBarItem onClick={handleSaveJson} disabled={isUpdating || error}>
+            {hasChanges || !user ? <AiOutlineCloudUpload /> : <AiOutlineCloudSync />}
+            {hasChanges || !user ? (query?.json ? "Unsaved Changes" : "Save to Cloud") : "Saved"}
+          </StyledBottomBarItem>
         )}
-        {liveTransform ? (
+        {data?.owner_email === user?.email && (
+          <StyledBottomBarItem onClick={setPrivate} disabled={isUpdating}>
+            {isPrivate ? <AiOutlineLock /> : <AiOutlineUnlock />}
+            {isPrivate ? "Private" : "Public"}
+          </StyledBottomBarItem>
+        )}
+        <StyledBottomBarItem
+          onClick={() => setVisible("share")(true)}
+          disabled={isPrivate || !data}
+        >
+          <AiOutlineLink />
+          Share
+        </StyledBottomBarItem>
+        {liveTransformEnabled ? (
           <StyledBottomBarItem onClick={() => toggleLiveTransform(false)}>
             <VscSync />
             <Text>Live Transform</Text>
@@ -239,7 +250,7 @@ export const BottomBar = () => {
             <Text>Manual Transform</Text>
           </StyledBottomBarItem>
         )}
-        {!liveTransform && (
+        {!liveTransformEnabled && (
           <StyledBottomBarItem onClick={() => setContents({})}>
             <TbTransform />
             Transform
@@ -248,22 +259,11 @@ export const BottomBar = () => {
       </StyledLeft>
 
       <StyledRight>
-        <a
-          href="https://www.altogic.com/?utm_source=jsoncrack&utm_medium=referral&utm_campaign=sponsorship"
-          rel="sponsored noreferrer"
-          target="_blank"
-        >
-          <StyledBottomBarItem>
-            Powered by
-            <StyledImg
-              height="20"
-              width="54"
-              src="https://www.altogic.com/img/logo_dark.svg"
-              alt="powered by altogic"
-              light={lightmode}
-            />
-          </StyledBottomBarItem>
-        </a>
+        <StyledBottomBarItem>Nodes: {nodeCount}</StyledBottomBarItem>
+        <StyledBottomBarItem onClick={() => setVisible("review")(true)}>
+          <VscFeedback />
+          Feedback
+        </StyledBottomBarItem>
       </StyledRight>
     </StyledBottomBar>
   );

src/containers/Editor/JsonEditor/index.tsx

@@ -1,6 +1,14 @@
 import React from "react";
 import styled from "styled-components";
+import { ActionIcon, Input, Loader, Tooltip } from "@mantine/core";
+import { getHotkeyHandler, useSessionStorage } from "@mantine/hooks";
+import { toast } from "react-hot-toast";
+import { GoDependabot } from "react-icons/go";
+import { VscClose, VscQuestion } from "react-icons/vsc";
 import { MonacoEditor } from "src/components/MonacoEditor";
+import useJsonQuery from "src/hooks/useJsonQuery";
+import { supabase } from "src/lib/api/supabase";
+import useUser from "src/store/useUser";
 
 const StyledEditorWrapper = styled.div`
   display: flex;
@@ -9,10 +17,116 @@ const StyledEditorWrapper = styled.div`
   user-select: none;
 `;
 
+function removeWhitespaces(inputString: string) {
+  // Remove extra whitespaces and newlines
+  const compactString = inputString.replace(/\s+/g, "").replaceAll("interface", "interface ");
+  return compactString;
+}
+
+const StyledPromptInput = styled(Input)`
+  .mantine-Input-input {
+    font-weight: 500;
+    background: ${({ theme }) => theme.PROMPT_BG};
+    color: ${({ theme }) => theme.PROMPT_TEXT_COLOR};
+    border: none;
+    border-bottom: 1px solid ${({ theme }) => theme.PROMPT_BORDER_COLOR};
+
+    :focus-within {
+      border-color: #15593a;
+    }
+  }
+
+  svg {
+    color: ${({ theme }) => theme.PROMPT_TEXT_COLOR};
+  }
+
+  ::placeholder {
+    color: ${({ theme }) => theme.PROMPT_PLACEHOLDER_COLOR};
+  }
+`;
+
+const PromptInput = () => {
+  const { updateJson, getJsonType } = useJsonQuery();
+  const premium = useUser(state => state.premium);
+  const [completing, setCompleting] = React.useState(false);
+  const [prompt, setPrompt] = React.useState("");
+  const [promptVisible, setPromptVisible] = useSessionStorage({
+    key: "promptVisible",
+    defaultValue: true,
+  });
+
+  const onSubmit = async () => {
+    try {
+      setCompleting(true);
+
+      const resp = await supabase.functions.invoke("jq", {
+        body: {
+          query: prompt,
+          jsonModel: removeWhitespaces(getJsonType()),
+        },
+      });
+
+      updateJson(resp.data.choices[0].message?.content || "");
+    } catch (error) {
+      toast.error("An error occured while parsing result.");
+    } finally {
+      setCompleting(false);
+    }
+  };
+
+  if (!promptVisible) return null;
+
+  return (
+    <Tooltip.Floating
+      disabled={premium}
+      label="JSON Crack AI is currently only available to premium users"
+      fz="xs"
+      withinPortal
+    >
+      <div>
+        <StyledPromptInput
+          placeholder="Ask JSON Crack AI to transform the data"
+          value={prompt}
+          onChange={e => setPrompt(e.currentTarget.value)}
+          rightSectionWidth={60}
+          maxLength={200}
+          disabled={!premium || completing}
+          onKeyDown={getHotkeyHandler([["Enter", onSubmit]])}
+          onSubmit={onSubmit}
+          rightSection={
+            <>
+              <Tooltip
+                label="This feature is in the experimental phase, and its outcomes may not consistently reflect accuracy. It solely utilizes the schema without incorporating values, hence your actions should align with your particular schema. Please note that we do not store your data."
+                maw={300}
+                multiline
+                withinPortal
+                fz="xs"
+                withArrow
+              >
+                <ActionIcon>
+                  <VscQuestion />
+                </ActionIcon>
+              </Tooltip>
+              <ActionIcon title="Close" onClick={() => setPromptVisible(false)}>
+                <VscClose />
+              </ActionIcon>
+            </>
+          }
+          icon={completing ? <Loader size="xs" /> : <GoDependabot strokeWidth={1} />}
+          radius={0}
+        />
+      </div>
+    </Tooltip.Floating>
+  );
+};
+
 export const JsonEditor: React.FC = () => {
   return (
     <StyledEditorWrapper>
+      {/* <PromptInput /> */}
       <MonacoEditor />
     </StyledEditorWrapper>
   );
 };
+
+export default JsonEditor;

src/containers/Editor/LiveEditor/Tools.tsx

@@ -1,33 +1,52 @@
 import React from "react";
+import Link from "next/link";
+import { useRouter } from "next/router";
 import styled from "styled-components";
-import { Flex, Group, MediaQuery, Menu, Select, Text } from "@mantine/core";
-import { useHotkeys } from "@mantine/hooks";
+import {
+  Avatar,
+  Flex,
+  Group,
+  Input,
+  MediaQuery,
+  Menu,
+  SegmentedControl,
+  Select,
+  Text,
+} from "@mantine/core";
+import { getHotkeyHandler, useHotkeys } from "@mantine/hooks";
+import ReactGA from "react-ga4";
 import toast from "react-hot-toast";
-import { AiOutlineFullscreen, AiOutlineMinus, AiOutlinePlus } from "react-icons/ai";
+import { AiOutlineFullscreen } from "react-icons/ai";
+import { BsCheck2 } from "react-icons/bs";
 import { CgArrowsMergeAltH, CgArrowsShrinkH, CgChevronDown } from "react-icons/cg";
 import { FiDownload } from "react-icons/fi";
-import { MdCenterFocusWeak } from "react-icons/md";
+import { MdOutlineWorkspacePremium } from "react-icons/md";
 import { SiJsonwebtokens } from "react-icons/si";
 import { TiFlowMerge } from "react-icons/ti";
 import {
   VscCollapseAll,
   VscExpandAll,
   VscJson,
-  VscLayoutSidebarLeft,
-  VscLayoutSidebarLeftOff,
-  VscSettingsGear,
+  VscTarget,
+  VscSearchFuzzy,
+  VscGroupByRefType,
+  VscSignOut,
+  VscFeedback,
+  VscSignIn,
 } from "react-icons/vsc";
 import { SearchInput } from "src/components/SearchInput";
-import { FileFormat } from "src/constants/file";
+import { FileFormat } from "src/enums/file.enum";
+import { ViewMode } from "src/enums/viewMode.enum";
+import useToggleHide from "src/hooks/useToggleHide";
 import { JSONCrackLogo } from "src/layout/JsonCrackLogo";
+import { getNextDirection } from "src/lib/utils/graph/getNextDirection";
+import { isIframe } from "src/lib/utils/widget";
+import useConfig from "src/store/useConfig";
 import useFile from "src/store/useFile";
 import useGraph from "src/store/useGraph";
 import useJson from "src/store/useJson";
 import useModal from "src/store/useModal";
-import useStored from "src/store/useStored";
 import useUser from "src/store/useUser";
-import { getNextDirection } from "src/utils/graph/getNextDirection";
-import { isIframe } from "src/utils/widget";
 
 export const StyledTools = styled.div`
   position: relative;
@@ -37,7 +56,7 @@ export const StyledTools = styled.div`
   justify-content: space-between;
   height: 36px;
   padding: 4px 8px;
-  background: ${({ theme }) => theme.BACKGROUND_SECONDARY};
+  background: ${({ theme }) => theme.TOOLBAR_BG};
   color: ${({ theme }) => theme.SILVER};
   box-shadow: 0 1px 0px ${({ theme }) => theme.BACKGROUND_TERTIARY};
   z-index: 36;
@@ -47,8 +66,8 @@ export const StyledTools = styled.div`
   }
 `;
 
-const StyledToolElement = styled.button<{ hide?: boolean }>`
-  display: ${({ hide }) => (hide ? "none" : "grid")};
+const StyledToolElement = styled.button<{ $hide?: boolean }>`
+  display: ${({ $hide }) => ($hide ? "none" : "grid")};
   place-content: center;
   font-size: 12px;
   background: none;
@@ -67,10 +86,6 @@ const StyledToolElement = styled.button<{ hide?: boolean }>`
   }
 `;
 
-const StyledLogo = styled.img<{ invert: boolean }>`
-  filter: ${({ invert }) => invert && "invert()"};
-`;
-
 const StyledFlowIcon = styled(TiFlowMerge)<{ rotate: number }>`
   transform: rotate(${({ rotate }) => `${rotate}deg`});
 `;
@@ -84,35 +99,25 @@ function rotateLayout(direction: "LEFT" | "RIGHT" | "DOWN" | "UP") {
 
 function fullscreenBrowser() {
   if (!document.fullscreenElement) {
-    document.documentElement.requestFullscreen();
+    document.documentElement.requestFullscreen().catch(() => {
+      toast.error("Unable to enter fullscreen mode.");
+    });
   } else if (document.exitFullscreen) {
     document.exitFullscreen();
   }
 }
 
-export const Tools: React.FC<{ isWidget?: boolean }> = ({ isWidget = false }) => {
-  const getJson = useJson(state => state.getJson);
-  const setVisible = useModal(state => state.setVisible);
-  const direction = useGraph(state => state.direction);
-  const fullscreen = useGraph(state => state.fullscreen);
-  const toggleFullscreen = useGraph(state => state.toggleFullscreen);
-  const zoomIn = useGraph(state => state.zoomIn);
-  const zoomOut = useGraph(state => state.zoomOut);
-  const centerView = useGraph(state => state.centerView);
-  const foldNodes = useGraph(state => state.foldNodes);
+const ViewMenu = () => {
+  const { validateHiddenNodes } = useToggleHide();
+  const [coreKey, setCoreKey] = React.useState("CTRL");
   const toggleFold = useGraph(state => state.toggleFold);
   const setDirection = useGraph(state => state.setDirection);
-  const graphCollapsed = useGraph(state => state.graphCollapsed);
+  const direction = useGraph(state => state.direction);
   const expandGraph = useGraph(state => state.expandGraph);
   const collapseGraph = useGraph(state => state.collapseGraph);
-  const lightmode = useStored(state => state.lightmode);
-  const premium = useUser(state => state.premium);
-  const setFormat = useFile(state => state.setFormat);
-  const format = useFile(state => state.format);
-
-  const CoreKey = React.useMemo(() => (navigator.userAgent.indexOf("Mac OS X") ? "⌘" : "CTRL"), []);
-
-  const toggleEditor = () => toggleFullscreen(!fullscreen);
+  const focusFirstNode = useGraph(state => state.focusFirstNode);
+  const foldNodes = useGraph(state => state.foldNodes);
+  const graphCollapsed = useGraph(state => state.graphCollapsed);
 
   const toggleFoldNodes = () => {
     toggleFold(!foldNodes);
@@ -120,28 +125,19 @@ export const Tools: React.FC<{ isWidget?: boolean }> = ({ isWidget = false }) =>
   };
 
   const toggleDirection = () => {
-    const nextDirection = getNextDirection(direction);
-    setDirection(nextDirection);
+    const nextDirection = getNextDirection(direction || "RIGHT");
+    if (setDirection) setDirection(nextDirection);
   };
 
   const toggleExpandCollapseGraph = () => {
     if (graphCollapsed) expandGraph();
     else collapseGraph();
 
+    validateHiddenNodes();
     toast(`${graphCollapsed ? "Expanded" : "Collapsed"} graph.`);
   };
 
-  const handleSave = () => {
-    const a = document.createElement("a");
-    const file = new Blob([getJson()], { type: "text/plain" });
-
-    a.href = window.URL.createObjectURL(file);
-    a.download = "jsoncrack.json";
-    a.click();
-  };
-
   useHotkeys([
-    ["mod+shift+e", toggleEditor],
     ["mod+shift+d", toggleDirection],
     ["mod+shift+f", toggleFoldNodes],
     ["mod+shift+c", toggleExpandCollapseGraph],
@@ -154,29 +150,168 @@ export const Tools: React.FC<{ isWidget?: boolean }> = ({ isWidget = false }) =>
     ],
   ]);
 
-  const logoURL = React.useMemo(() => {
-    if (!isIframe()) return "https://jsoncrack.com";
-    return window.location.href.replace("widget", "editor");
+  React.useEffect(() => {
+    if (typeof window !== "undefined") {
+      setCoreKey(navigator.userAgent.indexOf("Mac OS X") ? "⌘" : "CTRL");
+    }
   }, []);
 
+  return (
+    <Menu shadow="md" closeOnItemClick={false} withArrow>
+      <Menu.Target>
+        <StyledToolElement>
+          <Flex align="center" gap={3}>
+            View <CgChevronDown />
+          </Flex>
+        </StyledToolElement>
+      </Menu.Target>
+      <Menu.Dropdown>
+        <Menu.Item
+          fz={12}
+          onClick={() => {
+            toggleDirection();
+            ReactGA.event({
+              action: "toggle_layout_direction",
+              category: "User",
+              label: "Tools",
+            });
+          }}
+          icon={<StyledFlowIcon rotate={rotateLayout(direction || "RIGHT")} />}
+          rightSection={
+            <Text ml="md" fz={10} color="dimmed">
+              {coreKey} Shift D
+            </Text>
+          }
+        >
+          Rotate Layout
+        </Menu.Item>
+        <Menu.Item
+          fz={12}
+          onClick={() => {
+            toggleFoldNodes();
+            ReactGA.event({
+              action: "toggle_fold_nodes",
+              category: "User",
+              label: "Tools",
+            });
+          }}
+          icon={foldNodes ? <CgArrowsShrinkH /> : <CgArrowsMergeAltH />}
+          rightSection={
+            <Text ml="md" fz={10} color="dimmed">
+              {coreKey} Shift F
+            </Text>
+          }
+        >
+          {foldNodes ? "Unfold" : "Fold"} Nodes
+        </Menu.Item>
+        <Menu.Item
+          fz={12}
+          onClick={() => {
+            toggleExpandCollapseGraph();
+            ReactGA.event({
+              action: "toggle_collapse_nodes",
+              category: "User",
+              label: "Tools",
+            });
+          }}
+          icon={graphCollapsed ? <VscExpandAll /> : <VscCollapseAll />}
+          rightSection={
+            <Text ml="md" fz={10} color="dimmed">
+              {coreKey} Shift C
+            </Text>
+          }
+        >
+          {graphCollapsed ? "Expand" : "Collapse"} Nodes
+        </Menu.Item>
+        <Menu.Item fz={12} onClick={focusFirstNode} icon={<VscTarget />}>
+          Focus to First Node
+        </Menu.Item>
+      </Menu.Dropdown>
+    </Menu>
+  );
+};
+
+export const Tools: React.FC<{ isWidget?: boolean }> = ({ isWidget = false }) => {
+  const { push } = useRouter();
+
+  const getJson = useJson(state => state.getJson);
+  const setVisible = useModal(state => state.setVisible);
+  const centerView = useGraph(state => state.centerView);
+  const zoomIn = useGraph(state => state.zoomIn);
+  const zoomOut = useGraph(state => state.zoomOut);
+  const toggleGestures = useConfig(state => state.toggleGestures);
+  const toggleChildrenCount = useConfig(state => state.toggleChildrenCount);
+  const toggleDarkMode = useConfig(state => state.toggleDarkMode);
+  const toggleRulers = useConfig(state => state.toggleRulers);
+  const toggleCollapseButton = useConfig(state => state.toggleCollapseButton);
+  const setViewMode = useConfig(state => state.setViewMode);
+  const setZoomFactor = useGraph(state => state.setZoomFactor);
+  const toggleImagePreview = useConfig(state => state.toggleImagePreview);
+  const logout = useUser(state => state.logout);
+
+  const user = useUser(state => state.user);
+  const premium = useUser(state => state.premium);
+
+  const zoomFactor = useGraph(state => state.viewPort?.zoomFactor || 1);
+  const gesturesEnabled = useConfig(state => state.gesturesEnabled);
+  const childrenCountVisible = useConfig(state => state.childrenCountVisible);
+  const darkmodeEnabled = useConfig(state => state.darkmodeEnabled);
+  const viewMode = useConfig(state => state.viewMode);
+  const rulersEnabled = useConfig(state => state.rulersEnabled);
+  const collapseButtonVisible = useConfig(state => state.collapseButtonVisible);
+  const imagePreviewEnabled = useConfig(state => state.imagePreviewEnabled);
+
+  const setFormat = useFile(state => state.setFormat);
+  const format = useFile(state => state.format);
+
+  const [tempZoomValue, setTempZoomValue] = React.useState(zoomFactor);
+  const [logoURL, setLogoURL] = React.useState("CTRL");
+
+  React.useEffect(() => {
+    if (!Number.isNaN(zoomFactor)) setTempZoomValue(zoomFactor);
+  }, [zoomFactor]);
+
+  useHotkeys([
+    ["shift+Digit0", () => setZoomFactor(100 / 100)],
+    ["shift+Digit1", centerView],
+  ]);
+
+  React.useEffect(() => {
+    if (typeof window !== "undefined") {
+      const url = !isIframe()
+        ? "https://jsoncrack.com"
+        : window.location.href.replace("widget", "editor");
+
+      setLogoURL(url);
+    }
+  }, []);
+
+  const handleSave = () => {
+    const a = document.createElement("a");
+    const file = new Blob([getJson()], { type: "text/plain" });
+
+    a.href = window.URL.createObjectURL(file);
+    a.download = "jsoncrack.json";
+    a.click();
+  };
+
   return (
     <StyledTools>
       {isWidget && (
-        <StyledToolElement
-          as="a"
-          title="JSON Crack"
-          href={logoURL}
-          target={isIframe() ? "_blank" : "_parent"}
-        >
+        <StyledToolElement title="JSON Crack">
           <Flex gap="xs" align="center" justify="center">
-            <JSONCrackLogo fontSize="1.2em" />
+            <JSONCrackLogo
+              fontSize="1.2em"
+              href={logoURL}
+              target={isIframe() ? "_blank" : "_parent"}
+            />
           </Flex>
         </StyledToolElement>
       )}
       {!isWidget && (
         <MediaQuery smallerThan="xs" styles={{ display: "none" }}>
           <Group spacing="xs" position="left" w="100%" noWrap>
-            <StyledToolElement as="a" title="JSON Crack" href="https://jsoncrack.com">
+            <StyledToolElement title="JSON Crack">
               <Flex gap="xs" align="center" justify="center">
                 <JSONCrackLogo fontSize="1.2em" />
               </Flex>
@@ -186,6 +321,8 @@ export const Tools: React.FC<{ isWidget?: boolean }> = ({ isWidget = false }) =>
               size="xs"
               value={format}
               onChange={setFormat}
+              miw={80}
+              w={120}
               data={[
                 { value: FileFormat.JSON, label: "JSON" },
                 { value: FileFormat.YAML, label: "YAML" },
@@ -194,69 +331,30 @@ export const Tools: React.FC<{ isWidget?: boolean }> = ({ isWidget = false }) =>
                 { value: FileFormat.CSV, label: "CSV" },
               ]}
             />
-            <StyledToolElement title="Import File" onClick={() => setVisible("import")(true)}>
-              Import
-            </StyledToolElement>
-            <Menu shadow="md" closeOnItemClick={false}>
+            <Menu trigger="click" shadow="md" withArrow>
               <Menu.Target>
-                <StyledToolElement>
+                <StyledToolElement title="View Mode">
                   <Flex align="center" gap={3}>
-                    View <CgChevronDown />
+                    View Mode <CgChevronDown />
                   </Flex>
                 </StyledToolElement>
               </Menu.Target>
               <Menu.Dropdown>
-                <Menu.Item
-                  fz={12}
-                  onClick={toggleEditor}
-                  icon={fullscreen ? <VscLayoutSidebarLeft /> : <VscLayoutSidebarLeftOff />}
-                  rightSection={
-                    <Text ml="md" fz={10} color="dimmed">
-                      {CoreKey} Shift E
-                    </Text>
-                  }
-                >
-                  {fullscreen ? "Show" : "Hide"} Editor
-                </Menu.Item>
-                <Menu.Item
-                  fz={12}
-                  onClick={toggleDirection}
-                  icon={<StyledFlowIcon rotate={rotateLayout(direction)} />}
-                  rightSection={
-                    <Text ml="md" fz={10} color="dimmed">
-                      {CoreKey} Shift D
-                    </Text>
-                  }
-                >
-                  Rotate Layout
-                </Menu.Item>
-                <Menu.Item
-                  fz={12}
-                  onClick={toggleFoldNodes}
-                  icon={foldNodes ? <CgArrowsShrinkH /> : <CgArrowsMergeAltH />}
-                  rightSection={
-                    <Text ml="md" fz={10} color="dimmed">
-                      {CoreKey} Shift F
-                    </Text>
-                  }
-                >
-                  {foldNodes ? "Unfold" : "Fold"} Nodes
-                </Menu.Item>
-                <Menu.Item
-                  fz={12}
-                  onClick={toggleExpandCollapseGraph}
-                  icon={graphCollapsed ? <VscExpandAll /> : <VscCollapseAll />}
-                  rightSection={
-                    <Text ml="md" fz={10} color="dimmed">
-                      {CoreKey} Shift C
-                    </Text>
-                  }
-                >
-                  {graphCollapsed ? "Expand" : "Collapse"} Nodes
-                </Menu.Item>
+                <SegmentedControl
+                  value={viewMode}
+                  onChange={setViewMode}
+                  data={[
+                    { value: ViewMode.Graph, label: "Graph" },
+                    { value: ViewMode.Tree, label: "Tree" },
+                  ]}
+                />
               </Menu.Dropdown>
             </Menu>
-            <Menu shadow="md">
+            <StyledToolElement title="Import File" onClick={() => setVisible("import")(true)}>
+              Import
+            </StyledToolElement>
+            <ViewMenu />
+            <Menu shadow="md" withArrow>
               <Menu.Target>
                 <StyledToolElement>
                   <Flex align="center" gap={3}>
@@ -265,6 +363,9 @@ export const Tools: React.FC<{ isWidget?: boolean }> = ({ isWidget = false }) =>
                 </StyledToolElement>
               </Menu.Target>
               <Menu.Dropdown>
+                <Menu.Item fz={12} icon={<VscSearchFuzzy />} onClick={() => setVisible("jq")(true)}>
+                  JSON Query (jq)
+                </Menu.Item>
                 <Menu.Item fz={12} icon={<VscJson />} onClick={() => setVisible("schema")(true)}>
                   JSON Schema
                 </Menu.Item>
@@ -275,6 +376,13 @@ export const Tools: React.FC<{ isWidget?: boolean }> = ({ isWidget = false }) =>
                 >
                   Decode JWT
                 </Menu.Item>
+                <Menu.Item
+                  fz={12}
+                  icon={<VscGroupByRefType />}
+                  onClick={() => setVisible("type")(true)}
+                >
+                  Generate Type
+                </Menu.Item>
               </Menu.Dropdown>
             </Menu>
             <StyledToolElement title="Cloud" onClick={() => setVisible("cloud")(true)}>
@@ -287,31 +395,168 @@ export const Tools: React.FC<{ isWidget?: boolean }> = ({ isWidget = false }) =>
         </MediaQuery>
       )}
       <Group spacing="xs" position="right" w="100%" noWrap>
-        <StyledToolElement title="Zoom Out" onClick={zoomOut}>
-          <AiOutlineMinus size="18" />
-        </StyledToolElement>
-        <StyledToolElement title="Zoom In" onClick={zoomIn}>
-          <AiOutlinePlus size="18" />
-        </StyledToolElement>
+        <SearchInput />
+
         {!isWidget && (
           <StyledToolElement title="Save as Image" onClick={() => setVisible("download")(true)}>
             <FiDownload size="18" />
           </StyledToolElement>
         )}
-        <StyledToolElement title="Center Canvas" onClick={centerView}>
-          <MdCenterFocusWeak size="18" />
-        </StyledToolElement>
-        <SearchInput />
-        <StyledToolElement title="Fullscreen" hide={isWidget} onClick={fullscreenBrowser}>
-          <AiOutlineFullscreen size="18" />
-        </StyledToolElement>
-        <StyledToolElement
-          title="Settings"
-          hide={isWidget}
-          onClick={() => setVisible("settings")(true)}
-        >
-          <VscSettingsGear size="18" />
-        </StyledToolElement>
+
+        {!isWidget && (
+          <Menu shadow="md" trigger="click" closeOnItemClick={false} withArrow>
+            <Menu.Target>
+              <StyledToolElement>
+                <Flex gap={4}>
+                  {Math.round(zoomFactor * 100)}%
+                  <CgChevronDown />
+                </Flex>
+              </StyledToolElement>
+            </Menu.Target>
+            <Menu.Dropdown>
+              <Menu.Item>
+                <Input
+                  type="number"
+                  value={Math.round(tempZoomValue * 100)}
+                  onChange={e => setTempZoomValue(e.currentTarget.valueAsNumber / 100)}
+                  onKeyDown={getHotkeyHandler([["Enter", () => setZoomFactor(tempZoomValue)]])}
+                  size="xs"
+                  rightSection="%"
+                />
+              </Menu.Item>
+              <Menu.Item rightSection="+" onClick={zoomIn}>
+                <Text size="xs">Zoom in</Text>
+              </Menu.Item>
+              <Menu.Item rightSection="-" onClick={zoomOut}>
+                <Text size="xs">Zoom out</Text>
+              </Menu.Item>
+              <Menu.Item rightSection="⇧ 1" onClick={centerView}>
+                <Text size="xs">Zoom to fit</Text>
+              </Menu.Item>
+              <Menu.Item onClick={() => setZoomFactor(50 / 100)}>
+                <Text size="xs">Zoom to %50</Text>
+              </Menu.Item>
+              <Menu.Item rightSection="⇧ 0" onClick={() => setZoomFactor(100 / 100)}>
+                <Text size="xs">Zoom to %100</Text>
+              </Menu.Item>
+              <Menu.Item onClick={() => setZoomFactor(200 / 100)}>
+                <Text size="xs">Zoom to %200</Text>
+              </Menu.Item>
+              <Menu.Divider />
+              <Menu.Item
+                icon={<BsCheck2 opacity={rulersEnabled ? 100 : 0} />}
+                onClick={() => toggleRulers(!rulersEnabled)}
+              >
+                <Text size="xs">Rulers</Text>
+              </Menu.Item>
+              <Menu.Item
+                icon={<BsCheck2 opacity={gesturesEnabled ? 100 : 0} />}
+                onClick={() => toggleGestures(!gesturesEnabled)}
+              >
+                <Text size="xs">Trackpad Gestures</Text>
+              </Menu.Item>
+              <Menu.Item
+                icon={<BsCheck2 opacity={childrenCountVisible ? 100 : 0} />}
+                onClick={() => toggleChildrenCount(!childrenCountVisible)}
+              >
+                <Text size="xs">Item Count</Text>
+              </Menu.Item>
+              <Menu.Item
+                icon={<BsCheck2 opacity={imagePreviewEnabled ? 100 : 0} />}
+                onClick={() => toggleImagePreview(!imagePreviewEnabled)}
+              >
+                <Text size="xs">Image Link Preview</Text>
+              </Menu.Item>
+              <Menu.Item
+                icon={<BsCheck2 opacity={collapseButtonVisible ? 100 : 0} />}
+                onClick={() => toggleCollapseButton(!collapseButtonVisible)}
+              >
+                <Text size="xs">Show Expand/Collapse</Text>
+              </Menu.Item>
+              <Menu.Item
+                icon={<BsCheck2 opacity={darkmodeEnabled ? 100 : 0} />}
+                onClick={() => toggleDarkMode(!darkmodeEnabled)}
+              >
+                <Text size="xs">Dark Mode</Text>
+              </Menu.Item>
+            </Menu.Dropdown>
+          </Menu>
+        )}
+
+        {!isWidget && (
+          <Menu shadow="md" trigger="click" closeOnItemClick={false} withArrow>
+            <Menu.Target>
+              <StyledToolElement>
+                <Avatar
+                  color="grape"
+                  variant="filled"
+                  size={20}
+                  radius="xl"
+                  src={user?.user_metadata.avatar_url}
+                  alt={user?.user_metadata.name}
+                >
+                  {user?.user_metadata.name[0]}
+                </Avatar>
+              </StyledToolElement>
+            </Menu.Target>
+            <Menu.Dropdown>
+              {user ? (
+                <Menu.Item
+                  icon={
+                    <Avatar color="grape" alt={user.user_metadata.name} size={20} radius="xl" />
+                  }
+                  onClick={() => setVisible("account")(true)}
+                  closeMenuOnClick
+                >
+                  <Text size="xs">Account</Text>
+                </Menu.Item>
+              ) : (
+                <Link href="/sign-in">
+                  <Menu.Item icon={<VscSignIn />}>
+                    <Text size="xs">Sign in</Text>
+                  </Menu.Item>
+                </Link>
+              )}
+              {!premium && (
+                <Menu.Item
+                  icon={<MdOutlineWorkspacePremium color="red" />}
+                  onClick={() => setVisible("premium")(true)}
+                  closeMenuOnClick
+                >
+                  <Text
+                    variant="gradient"
+                    fw="bold"
+                    gradient={{ from: "orange", to: "red" }}
+                    size="xs"
+                  >
+                    Get Premium
+                  </Text>
+                </Menu.Item>
+              )}
+              {user && (
+                <>
+                  <Menu.Divider />
+                  <Menu.Item
+                    icon={<VscFeedback />}
+                    onClick={() => setVisible("review")(true)}
+                    closeMenuOnClick
+                  >
+                    <Text size="xs">Feedback</Text>
+                  </Menu.Item>
+                  <Menu.Item icon={<VscSignOut />} onClick={() => logout()} closeMenuOnClick>
+                    <Text size="xs">Log out</Text>
+                  </Menu.Item>
+                </>
+              )}
+            </Menu.Dropdown>
+          </Menu>
+        )}
+
+        {!isWidget && (
+          <StyledToolElement title="Fullscreen" $hide={isWidget} onClick={fullscreenBrowser}>
+            <AiOutlineFullscreen size="18" />
+          </StyledToolElement>
+        )}
       </Group>
     </StyledTools>
   );

src/containers/Editor/LiveEditor/index.tsx

@@ -1,16 +1,143 @@
 import React from "react";
-import styled from "styled-components";
+import styled, { DefaultTheme, useTheme } from "styled-components";
+import { Menu, Text } from "@mantine/core";
+import { JSONTree } from "react-json-tree";
 import { Graph } from "src/components/Graph";
+import { TextRenderer } from "src/components/Graph/CustomNode/TextRenderer";
+import { firaMono } from "src/constants/fonts";
+import { ViewMode } from "src/enums/viewMode.enum";
+import useConfig from "src/store/useConfig";
+import useJson from "src/store/useJson";
 
 const StyledLiveEditor = styled.div`
   position: relative;
   height: 100%;
+  background: ${({ theme }) => theme.GRID_BG_COLOR};
+  overflow: auto;
+
+  & > ul {
+    margin-top: 0 !important;
+    padding: 12px !important;
+    font-family: ${firaMono.style.fontFamily};
+    font-size: 14px;
+    font-weight: 500;
+  }
 `;
 
+type TextColorFn = {
+  theme: DefaultTheme;
+  $value?: string | unknown;
+};
+
+function getValueColor({ $value, theme }: TextColorFn) {
+  if ($value && !Number.isNaN(+$value)) return theme.NODE_COLORS.INTEGER;
+  if ($value === "true") return theme.NODE_COLORS.BOOL.TRUE;
+  if ($value === "false") return theme.NODE_COLORS.BOOL.FALSE;
+  if ($value === "null") return theme.NODE_COLORS.NULL;
+
+  // default
+  return theme.NODE_COLORS.NODE_VALUE;
+}
+
+function getLabelColor({ $type, theme }: { $type?: string; theme: DefaultTheme }) {
+  if ($type === "Object") return theme.NODE_COLORS.PARENT_OBJ;
+  if ($type === "Array") return theme.NODE_COLORS.PARENT_ARR;
+  return theme.NODE_COLORS.PARENT_OBJ;
+}
+
+const View = () => {
+  const theme = useTheme();
+  const json = useJson(state => state.json);
+  const viewMode = useConfig(state => state.viewMode);
+
+  if (viewMode === ViewMode.Graph) return <Graph />;
+
+  if (viewMode === ViewMode.Tree)
+    return (
+      <JSONTree
+        data={JSON.parse(json)}
+        labelRenderer={(keyPath, nodeType, expanded, expandable) => {
+          return (
+            <span
+              style={{
+                color: getLabelColor({
+                  theme,
+                  $type: nodeType,
+                }),
+              }}
+            >
+              {keyPath[0]}:
+            </span>
+          );
+        }}
+        valueRenderer={(valueAsString, value) => {
+          return (
+            <span
+              style={{
+                color: getValueColor({
+                  theme,
+                  $value: valueAsString,
+                }),
+              }}
+            >
+              <TextRenderer>{JSON.stringify(value)}</TextRenderer>
+            </span>
+          );
+        }}
+        theme={{
+          extend: {
+            overflow: "scroll",
+            height: "100%",
+            scheme: "monokai",
+            author: "wimer hazenberg (http://www.monokai.nl)",
+            base00: theme.GRID_BG_COLOR,
+          },
+        }}
+      />
+    );
+};
+
 const LiveEditor: React.FC = () => {
+  const viewMode = useConfig(state => state.viewMode);
+  const [contextOpened, setContextOpened] = React.useState(false);
+  const [contextPosition, setContextPosition] = React.useState({
+    x: 0,
+    y: 0,
+  });
+
   return (
-    <StyledLiveEditor>
-      <Graph />
+    <StyledLiveEditor
+      onContextMenuCapture={e => {
+        e.preventDefault();
+        setContextOpened(true);
+        setContextPosition({ x: e.pageX, y: e.pageY });
+      }}
+      onClick={() => setContextOpened(false)}
+    >
+      <div
+        style={{
+          position: "fixed",
+          top: contextPosition.y,
+          left: contextPosition.x,
+          zIndex: 100,
+        }}
+      >
+        <Menu opened={false} shadow="sm">
+          <Menu.Dropdown>
+            <Menu.Item>
+              <Text size="xs">Download as Image</Text>
+            </Menu.Item>
+            <Menu.Item>
+              <Text size="xs">Zoom to Fit</Text>
+            </Menu.Item>
+            <Menu.Item>
+              <Text size="xs">Rotate</Text>
+            </Menu.Item>
+          </Menu.Dropdown>
+        </Menu>
+      </div>
+
+      <View />
     </StyledLiveEditor>
   );
 };

src/containers/Editor/Panes.tsx

@@ -3,7 +3,6 @@ import dynamic from "next/dynamic";
 import styled from "styled-components";
 import { Allotment } from "allotment";
 import "allotment/dist/style.css";
-import { JsonEditor } from "src/containers/Editor/JsonEditor";
 import useGraph from "src/store/useGraph";
 
 export const StyledEditor = styled(Allotment)`
@@ -17,6 +16,10 @@ export const StyledEditor = styled(Allotment)`
   }
 `;
 
+const JsonEditor = dynamic(() => import("src/containers/Editor/JsonEditor"), {
+  ssr: false,
+});
+
 const LiveEditor = dynamic(() => import("src/containers/Editor/LiveEditor"), {
   ssr: false,
 });

src/containers/Features/index.tsx

@@ -0,0 +1,153 @@
+import {
+  createStyles,
+  Title,
+  Text,
+  Card,
+  SimpleGrid,
+  Container,
+  rem,
+  MediaQuery,
+} from "@mantine/core";
+import { FaProjectDiagram, FaRegImages } from "react-icons/fa";
+import { MdOutlineDesignServices } from "react-icons/md";
+import { TbTransform } from "react-icons/tb";
+import { VscCloud, VscJson } from "react-icons/vsc";
+
+const mockdata = [
+  {
+    title: "Designed for Everyone",
+    description:
+      "We focus on simplicity and ease of use. Whether you're a data scientist or product owner, JSON Crack is the tool for you to understand your data.",
+    icon: <MdOutlineDesignServices size="30" />,
+  },
+  {
+    title: "Interactive Graphs",
+    description:
+      "JSON Crack visualizes data from JSON, YAML, XML, CSV, and more in interactive graphs. Users can click nodes for more details, edit data, and search through the graph.",
+    icon: <FaProjectDiagram size="30" />,
+    hideMobile: true,
+  },
+  {
+    title: "Multi-Format Support & Data Conversion",
+    description:
+      "JSON Crack seamlessly handles various data formats, allowing easy conversion between them.",
+    icon: <TbTransform size="30" />,
+    hideMobile: true,
+  },
+  {
+    title: "Cloud Storage and Sharing",
+    description:
+      "JSON Crack comes with built-in cloud storage, allowing users to store their data and easily share links with collaborators or other stakeholders, fostering efficient teamwork and collaboration.",
+    icon: <VscCloud size="30" />,
+    hideMobile: true,
+  },
+  {
+    title: "Graph Export & Download",
+    description:
+      "Users have the option to download the generated graph as an image, enabling them to save and share visual representations of their data with others or use them in presentations and reports.",
+    icon: <FaRegImages size="30" />,
+  },
+  {
+    title: "JSON Schema Support",
+    description:
+      "JSON Crack supports JSON Schema, offering users the ability to validate and enforce data structure rules, ensuring data consistency and integrity.",
+    icon: <VscJson size="30" />,
+  },
+];
+
+const useStyles = createStyles(theme => ({
+  title: {
+    fontSize: rem(34),
+    fontWeight: 900,
+
+    [theme.fn.smallerThan("sm")]: {
+      fontSize: rem(24),
+    },
+  },
+
+  description: {
+    maxWidth: 600,
+    margin: "auto",
+
+    "&::after": {
+      content: '""',
+      display: "block",
+      backgroundColor: theme.fn.primaryColor(),
+      width: rem(45),
+      height: rem(2),
+      marginTop: theme.spacing.sm,
+      marginLeft: "auto",
+      marginRight: "auto",
+    },
+  },
+
+  card: {
+    border: `${rem(1)} solid ${
+      theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[1]
+    }`,
+  },
+
+  cardTitle: {
+    "&::after": {
+      content: '""',
+      display: "block",
+      backgroundColor: theme.fn.primaryColor(),
+      width: rem(45),
+      height: rem(2),
+      marginTop: theme.spacing.sm,
+    },
+  },
+}));
+
+export function FeaturesCards() {
+  const { classes } = useStyles();
+  const features = mockdata.map(feature => (
+    <MediaQuery
+      key={feature.title}
+      query="(max-width: 	36em)"
+      styles={{ display: feature.hideMobile ? "none" : "initial" }}
+    >
+      <Card shadow="md" radius="md" className={classes.card} padding="xl">
+        {feature.icon}
+        <Text fz="lg" fw={500} className={classes.cardTitle} mt="md">
+          {feature.title}
+        </Text>
+        <Text fz="sm" color="dark.3" mt="sm">
+          {feature.description}
+        </Text>
+      </Card>
+    </MediaQuery>
+  ));
+
+  return (
+    <Container size="lg" py="xl" mt={40}>
+      <Title
+        variant="gradient"
+        gradient={{ from: "purple", to: "orange", deg: 45 }}
+        order={2}
+        className={classes.title}
+        ta="center"
+        mt="sm"
+      >
+        Transform data into stunning graphs.
+      </Title>
+
+      <Text color="dark.3" className={classes.description} ta="center" mt="md">
+        JSON Crack empowers users to visualize, analyze, and manipulate data with ease, making it a
+        versatile and powerful tool for data representation and exploration.
+      </Text>
+
+      <SimpleGrid
+        cols={3}
+        spacing="xl"
+        mt={50}
+        breakpoints={[
+          { maxWidth: "sm", cols: 1 },
+          { maxWidth: "md", cols: 2 },
+        ]}
+      >
+        {features}
+      </SimpleGrid>
+    </Container>
+  );
+}

src/containers/Modals/AccountModal/index.tsx

@@ -1,98 +1,67 @@
 import React from "react";
-import styled from "styled-components";
-import { Modal, Group, Button, Badge, Avatar, Grid, Divider, ModalProps } from "@mantine/core";
+import {
+  Modal,
+  Group,
+  Button,
+  Avatar,
+  Text,
+  Divider,
+  ModalProps,
+  Paper,
+  Badge,
+} from "@mantine/core";
+import { useUser as useSupaUser } from "@supabase/auth-helpers-react";
 import { IoRocketSharp } from "react-icons/io5";
 import useModal from "src/store/useModal";
 import useUser from "src/store/useUser";
 
-const StyledTitle = styled.div`
-  display: flex;
-  align-items: center;
-  color: ${({ theme }) => theme.TEXT_POSITIVE};
-  flex: 1;
-  font-weight: 700;
-
-  &::after {
-    background: ${({ theme }) => theme.TEXT_POSITIVE};
-    height: 1px;
-
-    content: "";
-    -webkit-box-flex: 1;
-    -ms-flex: 1 1 auto;
-    flex: 1 1 auto;
-    margin-left: 4px;
-    opacity: 0.6;
-  }
-`;
-
-const StyledContainer = styled.div`
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  padding: 12px 0;
-  font-size: 12px;
-  line-height: 16px;
-  font-weight: 600;
-  color: ${({ theme }) => theme.INTERACTIVE_NORMAL};
-
-  & > div {
-    font-weight: 400;
-    font-size: 14px;
-    color: ${({ theme }) => theme.INTERACTIVE_ACTIVE};
-  }
-`;
-
 export const AccountModal: React.FC<ModalProps> = ({ opened, onClose }) => {
-  const setVisible = useModal(state => state.setVisible);
-  const user = useUser(state => state.user);
+  const user = useSupaUser();
   const isPremium = useUser(state => state.premium);
+  const isOrg = useUser(state => state.organization);
+  const isOrgAdmin = useUser(state => state.orgAdmin);
+  const premiumCancelled = useUser(state => state.premiumCancelled);
+  const setVisible = useModal(state => state.setVisible);
   const logout = useUser(state => state.logout);
 
   return (
-    <Modal title="Account" opened={opened} onClose={onClose} centered>
-      <StyledTitle>Hello, {user?.name}!</StyledTitle>
-      <Group py="sm">
-        <Grid gutter="xs">
-          <Grid.Col span={2}>
-            <Avatar size="lg" radius="lg" src={user?.profilePicture} alt={user?.name} />
-          </Grid.Col>
-          <Grid.Col span={4}>
-            <StyledContainer>
-              USERNAME
-              <div>{user?.name}</div>
-            </StyledContainer>
-          </Grid.Col>
-          <Grid.Col span={6}>
-            <StyledContainer>
-              ACCOUNT STATUS
-              <div>
-                {isPremium ? (
-                  <Badge color="orange">Premium</Badge>
-                ) : (
-                  <Badge variant="outline" color="gray">
-                    Free
-                  </Badge>
-                )}
-              </div>
-            </StyledContainer>
-          </Grid.Col>
-          <Grid.Col span={6}>
-            <StyledContainer>
-              EMAIL
-              <div>{user?.email}</div>
-            </StyledContainer>
-          </Grid.Col>
-          <Grid.Col span={4}>
-            <StyledContainer>
-              REGISTRATION
-              <div>{user?.signUpAt && new Date(user.signUpAt).toDateString()}</div>
-            </StyledContainer>
-          </Grid.Col>
-        </Grid>
-      </Group>
+    <Modal title={`Hello, ${user?.user_metadata.name}!`} opened={opened} onClose={onClose} centered>
+      <Paper p="md">
+        <Group noWrap>
+          <Avatar src={user?.user_metadata.avatar_url} size={94}>
+            JC
+          </Avatar>
+          <div>
+            <Text fz="lg" tt="uppercase" fw={700}>
+              {user?.user_metadata.name}
+            </Text>
+
+            <Group noWrap spacing={10} mt={3}>
+              <Text fz="xs" c="dimmed">
+                {user?.email}
+              </Text>
+            </Group>
+
+            <Group noWrap spacing={10} mt={5}>
+              <Text fz="xs" c="dimmed">
+                <Badge
+                  size="sm"
+                  variant={isPremium ? "gradient" : "dot"}
+                  color={premiumCancelled || !isPremium ? "dark" : "green"}
+                  gradient={{ from: "#8800fe", to: "#ff00cc", deg: 35 }}
+                >
+                  {isPremium ? "Premium" : "Free"}{" "}
+                  {premiumCancelled ? "(Cancelled)" : isOrg && "(Organization)"}
+                </Badge>
+              </Text>
+            </Group>
+          </div>
+        </Group>
+      </Paper>
+
       <Divider py="xs" />
       <Group position="right">
-        {isPremium ? (
+        {isPremium && !premiumCancelled ? (
           <Button
             variant="light"
             color="red"
@@ -100,6 +69,7 @@ export const AccountModal: React.FC<ModalProps> = ({ opened, onClose }) => {
               setVisible("cancelPremium")(true);
               onClose();
             }}
+            disabled={isOrg && !isOrgAdmin}
           >
             Cancel Subscription
           </Button>

src/containers/Modals/CancelPremiumModal/index.tsx

@@ -1,23 +1,40 @@
 import React from "react";
 import { Modal, Group, Button, Divider, ModalProps, Text, Image, Anchor } from "@mantine/core";
 import { toast } from "react-hot-toast";
-import { altogic } from "src/api/altogic";
+import { supabase } from "src/lib/api/supabase";
+import useModal from "src/store/useModal";
 
 export const CancelPremiumModal: React.FC<ModalProps> = ({ opened, onClose }) => {
   const [cancelling, setCancelling] = React.useState(false);
+  const showFeedback = useModal(state => state.setVisible("review"));
 
   const cancelSub = async () => {
     try {
       setCancelling(true);
-      const { errors } = await altogic.endpoint.delete("/subscription");
+      const { data: user } = await supabase.auth.getSession();
 
-      if (errors?.items.length) {
-        return toast.error(
-          "An error occured while cancelling plan! Please contact aykut@jsoncrack.com"
-        );
+      if (user) {
+        const { error } = await supabase.functions.invoke("lemonsqueezy", {
+          method: "DELETE",
+          body: {
+            jwt: user.session?.access_token,
+          },
+        });
+
+        if (error) {
+          return toast.error(
+            "An error occured while cancelling subscription, please contact: contact@jsoncrack.com"
+          );
+        }
+
+        toast.success("Cancelled premium plan!");
+        showFeedback(true);
+      } else {
+        toast.error("Couldn't fetch user details, please contact: contact@jsoncrack.com");
       }
 
       toast.success("Cancelled premium plan!");
+      onClose();
     } catch (err) {
       console.error(err);
     } finally {
@@ -35,7 +52,7 @@ export const CancelPremiumModal: React.FC<ModalProps> = ({ opened, onClose }) =>
         You can restart your subscription anytime.
         <br />
         <Text size="xs" color="dimmed">
-          If you have problems with cancelling plan please contact: aykut@jsoncrack.com
+          If you have problems with cancelling plan please contact: contact@jsoncrack.com
         </Text>
         <Anchor target="_blank" href="https://patreon.com/herowand">
           Click here to cancel if you are Patreon member

src/containers/Modals/ClearModal/index.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { useRouter } from "next/router";
 import { Modal, Group, Button, Text, Divider, ModalProps } from "@mantine/core";
-import { deleteJson } from "src/services/json";
+import { documentSvc } from "src/services/document.service";
 import useJson from "src/store/useJson";
 
 export const ClearModal: React.FC<ModalProps> = ({ opened, onClose }) => {
@@ -13,7 +13,7 @@ export const ClearModal: React.FC<ModalProps> = ({ opened, onClose }) => {
     onClose();
 
     if (typeof query.json === "string") {
-      deleteJson(query.json);
+      documentSvc.delete(query.json);
       replace("/editor");
     }
   };

src/containers/Modals/CloudModal/index.tsx

@@ -1,252 +1,262 @@
 import React from "react";
+import Link from "next/link";
 import { useRouter } from "next/router";
-import styled from "styled-components";
 import {
   Modal,
-  Group,
-  Button,
   Text,
-  Stack,
-  Loader,
-  Center,
   Divider,
   ScrollArea,
   ModalProps,
+  Table,
+  ActionIcon,
+  Badge,
   Paper,
+  Flex,
+  DefaultMantineColor,
+  Input,
+  Button,
+  Group,
+  Stack,
+  RingProgress,
+  UnstyledButton,
 } from "@mantine/core";
 import { useQuery } from "@tanstack/react-query";
 import dayjs from "dayjs";
 import relativeTime from "dayjs/plugin/relativeTime";
 import toast from "react-hot-toast";
-import { AiOutlineEdit, AiOutlineLock, AiOutlinePlus, AiOutlineUnlock } from "react-icons/ai";
+import { AiOutlineLink } from "react-icons/ai";
 import { FaTrash } from "react-icons/fa";
-import { IoRocketSharp } from "react-icons/io5";
-import { deleteJson, getAllJson, saveToCloud, updateJson } from "src/services/json";
+import { MdFileOpen } from "react-icons/md";
+import { VscAdd, VscEdit, VscLock, VscUnlock } from "react-icons/vsc";
+import { FileFormat } from "src/enums/file.enum";
+import { documentSvc } from "src/services/document.service";
 import useFile, { File } from "src/store/useFile";
-import useModal from "src/store/useModal";
 import useUser from "src/store/useUser";
 
 dayjs.extend(relativeTime);
 
-const StyledJsonCard = styled.a<{ active?: boolean; create?: boolean }>`
-  display: ${({ create }) => (create ? "block" : "flex")};
-  align-items: center;
-  justify-content: space-between;
-  line-height: 20px;
-  padding: 6px;
-  border-radius: 3px;
-  overflow: hidden;
-  flex: 1;
-  height: 60px;
-  background: ${({ active }) => active && "rgb(48, 98, 197)"};
-`;
-
-const StyledInfo = styled.div``;
-
-const StyledTitle = styled.div`
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  font-size: 14px;
-  font-weight: 500;
-  width: fit-content;
-  cursor: pointer;
-
-  span {
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-`;
-
-const StyledDetils = styled.div`
-  display: flex;
-  align-items: center;
-  font-size: 12px;
-  gap: 4px;
-`;
-
-const StyledCreateWrapper = styled.div`
-  display: flex;
-  height: 100%;
-  gap: 6px;
-  align-items: center;
-  justify-content: center;
-  opacity: 0.6;
-  height: 30px;
-  font-weight: 500;
-  font-size: 14px;
-  cursor: pointer;
-`;
-
-const StyledNameInput = styled.input`
-  background: transparent;
-  border: none;
-  outline: none;
-  width: 90%;
-  color: ${({ theme }) => theme.SEAGREEN};
-  font-weight: 600;
-`;
-
-const GraphCard: React.FC<{ data: File; refetch: () => void; active: boolean }> = ({
-  data,
-  refetch,
-  active,
-  ...props
-}) => {
-  const [editMode, setEditMode] = React.useState(false);
-  const [name, setName] = React.useState(data.name);
+const colorByFormat: Record<FileFormat, DefaultMantineColor> = {
+  json: "orange",
+  yaml: "blue",
+  xml: "red",
+  toml: "dark",
+  csv: "grape",
+};
 
+const UpdateNameModal: React.FC<{
+  file: File | null;
+  onClose: () => void;
+  refetch: () => void;
+}> = ({ file, onClose, refetch }) => {
+  const [name, setName] = React.useState("");
   const onSubmit = () => {
+    if (!file) return;
     toast
-      .promise(updateJson(data._id, { name }), {
+      .promise(documentSvc.update(file.id, { name }), {
         loading: "Updating document...",
         error: "Error occurred while updating document!",
         success: `Renamed document to ${name}`,
       })
-      .then(refetch);
+      .then(() => {
+        refetch();
+        setName("");
+      });
 
-    setEditMode(false);
-  };
-
-  const onDeleteClick = (e: React.MouseEvent<HTMLButtonElement>) => {
-    e.preventDefault();
-
-    toast
-      .promise(deleteJson(data._id), {
-        loading: "Deleting file...",
-        error: "An error occurred while deleting the file!",
-        success: `Deleted ${name}!`,
-      })
-      .then(refetch);
+    onClose();
   };
 
   return (
-    <Paper withBorder w="100%">
-      <StyledJsonCard
-        href={`?json=${data._id}`}
-        as={editMode ? "div" : "a"}
-        active={active}
-        {...props}
-      >
-        <StyledInfo>
-          {editMode ? (
-            <form onSubmit={onSubmit}>
-              <StyledNameInput
-                value={name}
-                onChange={e => setName(e.currentTarget.value)}
-                onClick={e => e.preventDefault()}
-                autoFocus
-              />
-              <input type="submit" hidden />
-            </form>
-          ) : (
-            <StyledTitle
-              onClick={e => {
-                e.preventDefault();
-                setEditMode(true);
-              }}
-            >
-              <span>{name}</span>
-              <AiOutlineEdit />
-            </StyledTitle>
-          )}
-          <StyledDetils>
-            {data.private ? <AiOutlineLock /> : <AiOutlineUnlock />}
-            Last modified {dayjs(data.updatedAt).fromNow()}
-          </StyledDetils>
-        </StyledInfo>
-        <Button variant="subtle" color="red" onClick={onDeleteClick}>
-          <FaTrash />
-        </Button>
-      </StyledJsonCard>
-    </Paper>
-  );
-};
-
-const CreateCard: React.FC<{ reachedLimit: boolean }> = ({ reachedLimit }) => {
-  const { replace } = useRouter();
-  const isPremium = useUser(state => state.premium);
-  const getContents = useFile(state => state.getContents);
-  const setHasChanges = useFile(state => state.setHasChanges);
-  const setVisible = useModal(state => state.setVisible);
-  const getFormat = useFile(state => state.getFormat);
-
-  const onCreate = async () => {
-    try {
-      toast.loading("Saving document...", { id: "fileSave" });
-      const res = await saveToCloud(null, getContents(), getFormat());
-
-      if (res.errors && res.errors.items.length > 0) throw res.errors;
-
-      toast.success("Document saved to cloud", { id: "fileSave" });
-      setHasChanges(false);
-      replace({ query: { json: res.data._id } });
-    } catch (error: any) {
-      if (error?.items?.length > 0) {
-        return toast.error(error.items[0].message, { id: "fileSave", duration: 7000 });
-      }
-      toast.error("Failed to save document!", { id: "fileSave" });
-    }
-  };
-
-  if (!isPremium && reachedLimit)
-    return (
-      <StyledJsonCard onClick={() => setVisible("premium")(true)}>
-        <StyledCreateWrapper>
-          <IoRocketSharp size="18" />
-          <Text fw="bold">You reached max limit, upgrade to premium for more!</Text>
-        </StyledCreateWrapper>
-      </StyledJsonCard>
-    );
-
-  return (
-    <StyledJsonCard onClick={onCreate} create>
-      <StyledCreateWrapper>
-        <AiOutlinePlus size="20" />
-        <Text fw="bold">Create New File</Text>
-      </StyledCreateWrapper>
-    </StyledJsonCard>
+    <Modal title="Update Document name" opened={!!file} onClose={onClose} centered zIndex={202}>
+      <Stack>
+        <Input
+          value={name}
+          placeholder={file?.name}
+          onChange={e => setName(e.currentTarget.value)}
+        />
+        <Group position="right">
+          <Button variant="outline" onClick={onClose}>
+            Cancel
+          </Button>
+          <Button onClick={onSubmit}>Update</Button>
+        </Group>
+      </Stack>
+    </Modal>
   );
 };
 
 export const CloudModal: React.FC<ModalProps> = ({ opened, onClose }) => {
-  const { isReady, query } = useRouter();
-
-  const { data, isFetching, refetch } = useQuery(["allJson", query], () => getAllJson(), {
+  const totalQuota = useUser(state => (state.premium ? 200 : 25));
+  const isPremium = useUser(state => state.premium);
+  const getContents = useFile(state => state.getContents);
+  const setHasChanges = useFile(state => state.setHasChanges);
+  const getFormat = useFile(state => state.getFormat);
+  const [currentFile, setCurrentFile] = React.useState<File | null>(null);
+  const { isReady, query, replace } = useRouter();
+  const { data, refetch } = useQuery(["allJson", query], () => documentSvc.getAll(), {
     enabled: isReady && opened,
   });
 
-  return (
-    <Modal title="Saved On The Cloud" opened={opened} onClose={onClose} centered>
-      <ScrollArea h={360}>
-        <Stack py="sm">
-          {isFetching ? (
-            <Center>
-              <Loader />
-            </Center>
-          ) : (
-            <>
-              <CreateCard reachedLimit={data ? data?.data.result.length > 15 : false} />
-              {data?.data?.result?.map(json => (
-                <GraphCard
-                  data={json}
-                  key={json._id}
-                  refetch={refetch}
-                  active={query?.json === json._id}
-                />
-              ))}
-            </>
-          )}
-        </Stack>
-      </ScrollArea>
+  const isCreateDisabled = React.useMemo(() => {
+    if (!data?.length) return false;
+    return isPremium ? data.length >= 200 : data.length >= 25;
+  }, [isPremium, data?.length]);
 
+  const onCreate = async () => {
+    try {
+      toast.loading("Saving document...", { id: "fileSave" });
+      const { data, error } = await documentSvc.upsert({
+        contents: getContents(),
+        format: getFormat(),
+      });
+
+      if (error) throw error;
+
+      toast.success("Document saved to cloud", { id: "fileSave" });
+      setHasChanges(false);
+      replace({ query: { json: data } });
+      onClose();
+    } catch (error: any) {
+      toast.error("Failed to save document!", { id: "fileSave" });
+      console.error(error);
+    }
+  };
+
+  const onDeleteClick = React.useCallback(
+    (file: File) => {
+      toast
+        .promise(documentSvc.delete(file.id), {
+          loading: "Deleting file...",
+          error: "An error occurred while deleting the file!",
+          success: `Deleted ${file.name}!`,
+        })
+        .then(() => refetch());
+    },
+    [refetch]
+  );
+
+  const copyShareLink = React.useCallback((fileId: string) => {
+    const shareLink = `${window.location.origin}/editor?json=${fileId}`;
+    navigator.clipboard.writeText(shareLink);
+    toast.success("Copied share link to clipboard!");
+  }, []);
+
+  const rows = React.useMemo(
+    () =>
+      data?.map(element => (
+        <tr key={element.id}>
+          <td>
+            <Flex align="center" gap="xs">
+              {element.private ? <VscLock /> : <VscUnlock />}
+              {element.id}
+            </Flex>
+          </td>
+          <td>
+            <Flex align="center" justify="space-between">
+              {element.name}
+              <ActionIcon color="cyan" onClick={() => setCurrentFile(element)}>
+                <VscEdit />
+              </ActionIcon>
+            </Flex>
+          </td>
+          <td>{dayjs(element.created_at).format("DD.MM.YYYY")}</td>
+          <td>
+            <Badge variant="light" color={colorByFormat[element.format]} size="sm">
+              {element.format.toUpperCase()}
+            </Badge>
+          </td>
+          <td>{element.views.toLocaleString("en-US")}</td>
+          <td>
+            <Flex gap="xs">
+              <ActionIcon
+                component={Link}
+                href={`?json=${element.id}`}
+                prefetch={false}
+                color="blue"
+                onClick={onClose}
+              >
+                <MdFileOpen size="18" />
+              </ActionIcon>
+              <ActionIcon color="red" onClick={() => onDeleteClick(element)}>
+                <FaTrash size="18" />
+              </ActionIcon>
+              <ActionIcon color="green" onClick={() => copyShareLink(element.id)}>
+                <AiOutlineLink />
+              </ActionIcon>
+            </Flex>
+          </td>
+        </tr>
+      )),
+    [data, copyShareLink, onClose, onDeleteClick]
+  );
+
+  return (
+    <Modal title="Saved On The Cloud" opened={opened} size="xl" onClose={onClose} centered>
+      <Paper>
+        <ScrollArea h={360} offsetScrollbars>
+          <Table fontSize="xs" verticalSpacing="xs" striped>
+            <thead>
+              <tr>
+                <th>ID</th>
+                <th>Name</th>
+                <th>Create Date</th>
+                <th>Format</th>
+                <th>Views</th>
+                <th>Actions</th>
+              </tr>
+            </thead>
+            <tbody>{rows}</tbody>
+          </Table>
+        </ScrollArea>
+      </Paper>
+      {data && (
+        <Flex gap="md">
+          <Paper my="lg" withBorder radius="md" p="xs" w="100%">
+            <Group>
+              <RingProgress
+                size={60}
+                roundCaps
+                thickness={8}
+                sections={[
+                  {
+                    value: (data.length * 100) / totalQuota,
+                    color: data.length > totalQuota / 1.5 ? "red" : "blue",
+                  },
+                ]}
+              />
+              <div>
+                <Text color="dimmed" size="xs" transform="uppercase" weight={700}>
+                  Total Quota
+                </Text>
+                <Text weight={700} size="xl">
+                  {data.length} / {totalQuota}
+                </Text>
+              </div>
+            </Group>
+          </Paper>
+          <Paper my="lg" withBorder radius="md" p="xs" w={250}>
+            <UnstyledButton
+              fw="bold"
+              w="100%"
+              h="100%"
+              onClick={onCreate}
+              disabled={isCreateDisabled}
+            >
+              <Text fz="md" align="center" color="blue">
+                <Flex align="center" justify="center">
+                  <VscAdd size="24" />
+                  Create New Document
+                </Flex>
+              </Text>
+            </UnstyledButton>
+          </Paper>
+        </Flex>
+      )}
       <Divider py="xs" />
-      <Group position="right">
-        <Text fz="xs">
-          Cloud Save feature is for ease-of-access only and not recommended to store sensitive data,
-          we don&apos;t guarantee protection of your data.
-        </Text>
-      </Group>
+      <Text fz="xs">
+        The Cloud Save feature is primarily designed for convenient access and is not advisable for
+        storing sensitive data.
+      </Text>
+      <UpdateNameModal file={currentFile} onClose={() => setCurrentFile(null)} refetch={refetch} />
     </Modal>
   );
 };

src/containers/Modals/DownloadModal/index.tsx

@@ -12,15 +12,28 @@ import {
   ColorInput,
   Stack,
 } from "@mantine/core";
-import { toBlob, toPng, toSvg } from "html-to-image";
+import { toBlob, toJpeg, toPng, toSvg } from "html-to-image";
+import ReactGA from "react-ga4";
 import toast from "react-hot-toast";
 import { FiCopy, FiDownload } from "react-icons/fi";
 
 enum Extensions {
   SVG = "svg",
   PNG = "png",
+  JPEG = "jpeg",
 }
 
+const getDownloadFormat = (format: Extensions) => {
+  switch (format) {
+    case Extensions.SVG:
+      return toSvg;
+    case Extensions.PNG:
+      return toPng;
+    case Extensions.JPEG:
+      return toJpeg;
+  }
+};
+
 const swatches = [
   "#B80000",
   "#DB3E00",
@@ -43,6 +56,7 @@ const swatches = [
 
 function downloadURI(uri: string, name: string) {
   var link = document.createElement("a");
+
   link.download = name;
   link.href = uri;
   document.body.appendChild(link);
@@ -82,6 +96,7 @@ export const DownloadModal: React.FC<ModalProps> = ({ opened, onClose }) => {
       toast.error("Failed to copy to clipboard");
     } finally {
       toast.dismiss("toastClipboard");
+      ReactGA.event({ action: "click_clipboard_image", category: "User" });
       onClose();
     }
   };
@@ -92,9 +107,7 @@ export const DownloadModal: React.FC<ModalProps> = ({ opened, onClose }) => {
 
       const imageElement = document.querySelector("svg[id*='ref']") as HTMLElement;
 
-      let exportImage = extension === Extensions.SVG ? toSvg : toPng;
-
-      const dataURI = await exportImage(imageElement, {
+      const dataURI = await getDownloadFormat(extension)(imageElement, {
         quality: fileDetails.quality,
         backgroundColor: fileDetails.backgroundColor,
       });
@@ -104,6 +117,7 @@ export const DownloadModal: React.FC<ModalProps> = ({ opened, onClose }) => {
       toast.error("Failed to download image!");
     } finally {
       toast.dismiss("toastDownload");
+      ReactGA.event({ action: "click_download_image", category: "User" });
       onClose();
     }
   };
@@ -125,11 +139,12 @@ export const DownloadModal: React.FC<ModalProps> = ({ opened, onClose }) => {
           <SegmentedControl
             value={extension}
             onChange={e => setExtension(e as Extensions)}
+            fullWidth
             data={[
               { label: "SVG", value: Extensions.SVG },
               { label: "PNG", value: Extensions.PNG },
+              { label: "JPEG", value: Extensions.JPEG },
             ]}
-            fullWidth
           />
         </Grid.Col>
       </Grid>

src/containers/Modals/JQModal/index.tsx

@@ -0,0 +1,48 @@
+import React from "react";
+import { Stack, Modal, Button, ModalProps, Text, Anchor, Group } from "@mantine/core";
+import Editor from "@monaco-editor/react";
+import { VscLinkExternal } from "react-icons/vsc";
+import useJsonQuery from "src/hooks/useJsonQuery";
+import useConfig from "src/store/useConfig";
+
+export const JQModal: React.FC<ModalProps> = ({ opened, onClose }) => {
+  const { updateJson } = useJsonQuery();
+  const [query, setQuery] = React.useState("");
+  const darkmodeEnabled = useConfig(state => (state.darkmodeEnabled ? "vs-dark" : "light"));
+
+  const onApply = () => {
+    updateJson(query);
+  };
+
+  return (
+    <Modal title="JSON Query" size="lg" opened={opened} onClose={onClose} centered>
+      <Stack py="sm">
+        <Text fz="sm">
+          jq is a lightweight and flexible command-line JSON processor. JSON Crack uses simplified
+          version of jq, not all features are supported.
+          <br />
+          <Anchor target="_blank" href="https://jqlang.github.io/jq/manual/">
+            Read documentation. <VscLinkExternal />
+          </Anchor>
+        </Text>
+        <Editor
+          value={query ?? ""}
+          theme={darkmodeEnabled}
+          onChange={e => setQuery(e!)}
+          height={300}
+          language="markdown"
+          options={{
+            formatOnPaste: true,
+            formatOnType: true,
+            minimap: {
+              enabled: false,
+            },
+          }}
+        />
+        <Group position="right">
+          <Button onClick={onApply}>Display on Graph</Button>
+        </Group>
+      </Stack>
+    </Modal>
+  );
+};

src/containers/Modals/JWTModal/index.tsx

@@ -10,6 +10,7 @@ export const JWTModal: React.FC<ModalProps> = ({ opened, onClose }) => {
   const resolve = () => {
     if (!token) return;
     const json = decode(token);
+
     setContents({ contents: JSON.stringify(json, null, 2) });
     setToken("");
     onClose();

src/containers/Modals/NodeModal/index.tsx

@@ -5,13 +5,12 @@ import Editor from "@monaco-editor/react";
 import vsDark from "prism-react-renderer/themes/vsDark";
 import vsLight from "prism-react-renderer/themes/vsLight";
 import { VscLock } from "react-icons/vsc";
-import { shallow } from "zustand/shallow";
+import { isIframe } from "src/lib/utils/widget";
+import useConfig from "src/store/useConfig";
 import useFile from "src/store/useFile";
 import useGraph from "src/store/useGraph";
 import useModal from "src/store/useModal";
-import useStored from "src/store/useStored";
 import useUser from "src/store/useUser";
-import { isIframe } from "src/utils/widget";
 
 const dataToString = (data: any) => {
   const text = Array.isArray(data) ? Object.fromEntries(data) : data;
@@ -50,15 +49,10 @@ export const NodeModal: React.FC<ModalProps> = ({ opened, onClose }) => {
   const isPremium = useUser(state => state.premium);
   const editContents = useFile(state => state.editContents);
   const setVisible = useModal(state => state.setVisible);
-  const lightmode = useStored(state => (state.lightmode ? "light" : "vs-dark"));
-  const [nodeData, path, isParent] = useGraph(
-    state => [
-      dataToString(state.selectedNode.text),
-      state.selectedNode.path,
-      state.selectedNode.data?.isParent,
-    ],
-    shallow
-  );
+  const darkmodeEnabled = useConfig(state => (state.darkmodeEnabled ? "vs-dark" : "light"));
+  const nodeData = useGraph(state => dataToString(state.selectedNode?.text));
+  const path = useGraph(state => state.selectedNode?.path);
+  const isParent = useGraph(state => state.selectedNode?.data?.isParent);
   const [editMode, setEditMode] = React.useState(false);
   const [value, setValue] = React.useState(nodeData || "");
 
@@ -80,7 +74,6 @@ export const NodeModal: React.FC<ModalProps> = ({ opened, onClose }) => {
   const onEditClick = () => {
     if (isPremium) return setEditMode(true);
     setVisible("premium")(true);
-    onModalClose();
   };
 
   const isEditVisible = React.useMemo(
@@ -97,7 +90,7 @@ export const NodeModal: React.FC<ModalProps> = ({ opened, onClose }) => {
           </Text>
           {editMode ? (
             <Editor
-              theme={lightmode}
+              theme={darkmodeEnabled}
               defaultValue={nodeData}
               onChange={e => setValue(e!)}
               height={200}

src/containers/Modals/PremiumModal/index.tsx

@@ -10,14 +10,12 @@ import {
   ThemeIcon,
   Divider,
   Text,
-  Badge,
 } from "@mantine/core";
 import { BsCheck } from "react-icons/bs";
-import { paymentURL } from "src/constants/data";
 
 export const PremiumModal: React.FC<ModalProps> = ({ opened, onClose }) => {
   return (
-    <Modal title="Your Plan" size="auto" opened={opened} onClose={onClose} centered>
+    <Modal title="Your Plan" size="auto" opened={opened} onClose={onClose} centered zIndex={202}>
       <Flex gap="lg">
         <Stack spacing="xs">
           <Title order={3}>
@@ -48,12 +46,12 @@ export const PremiumModal: React.FC<ModalProps> = ({ opened, onClose }) => {
           <Title order={3}>
             JSON Crack Plus
             <Text size="sm" color="dimmed">
-              USD 5$/mo
+              USD 7$/mo
             </Text>
           </Title>
           <Button
             component="a"
-            href={paymentURL}
+            href="/pricing"
             variant="filled"
             color="teal"
             size="md"
@@ -75,15 +73,6 @@ export const PremiumModal: React.FC<ModalProps> = ({ opened, onClose }) => {
             <List.Item>JSON Schema support</List.Item>
             <List.Item>Visualize data at full capability</List.Item>
             <List.Item>Save & share up to 200 files</List.Item>
-            <List.Item
-              icon={
-                <ThemeIcon color="dark.5" size={20} radius="xl">
-                  <BsCheck size="1rem" />
-                </ThemeIcon>
-              }
-            >
-              API Access <Badge>Soon</Badge>
-            </List.Item>
           </List>
         </Stack>
       </Flex>

src/containers/Modals/ReviewModal/index.tsx

@@ -0,0 +1,58 @@
+import React from "react";
+import { Button, Modal, ModalProps, Rating, Text, Textarea } from "@mantine/core";
+import { toast } from "react-hot-toast";
+import { supabase } from "src/lib/api/supabase";
+
+export const ReviewModal: React.FC<ModalProps> = ({ opened, onClose }) => {
+  const [stars, setStars] = React.useState(0);
+  const [review, setReview] = React.useState("");
+
+  return (
+    <Modal
+      title="Leave a Review"
+      opened={opened}
+      onClose={() => {
+        onClose();
+        setStars(0);
+        setReview("");
+      }}
+      centered
+    >
+      <form
+        onSubmit={e => {
+          e.preventDefault();
+          if (stars === 0 && !review.length) return onClose();
+          supabase
+            .from("reviews")
+            .insert({ stars, review })
+            .then(({ error }) => {
+              if (error) return toast.error(error.message);
+              toast.success("Thank you for your feedback!");
+            });
+          onClose();
+        }}
+      >
+        <Text align="center">How was your experience?</Text>
+        <Rating value={stars} onChange={setStars} my="lg" size="xl" mx="auto" />
+        <Textarea
+          placeholder="Please provide feedback on how we can enhance the product and let us know which features you require."
+          value={review}
+          onChange={e => setReview(e.currentTarget.value)}
+          minLength={10}
+          maxLength={500}
+          minRows={5}
+        />
+        <Text align="right" size={12} color="dimmed">
+          500/{review.length}
+        </Text>
+        <Text size={12}>
+          * Your feedback is kept anonymous. If you wish to be contacted, please provide your email
+          address along with your feedback.
+        </Text>
+        <Button type="submit" mt="lg" fullWidth>
+          Submit
+        </Button>
+      </form>
+    </Modal>
+  );
+};

src/containers/Modals/SchemaModal/index.tsx

@@ -1,18 +1,26 @@
 import React from "react";
-import { Stack, Modal, Button, ModalProps, Text } from "@mantine/core";
+import { Stack, Modal, Button, ModalProps, Text, Anchor, Group } from "@mantine/core";
 import Editor from "@monaco-editor/react";
 import { toast } from "react-hot-toast";
+import { VscLock } from "react-icons/vsc";
+import useConfig from "src/store/useConfig";
 import useFile from "src/store/useFile";
-import useStored from "src/store/useStored";
+import useModal from "src/store/useModal";
+import useUser from "src/store/useUser";
 
 export const SchemaModal: React.FC<ModalProps> = ({ opened, onClose }) => {
+  const isPremium = useUser(state => state.premium);
+  const showPremiumModal = useModal(state => state.setVisible("premium"));
   const setJsonSchema = useFile(state => state.setJsonSchema);
   const [schema, setSchema] = React.useState("");
-  const lightmode = useStored(state => (state.lightmode ? "light" : "vs-dark"));
+  const darkmodeEnabled = useConfig(state => (state.darkmodeEnabled ? "vs-dark" : "light"));
 
   const onApply = () => {
+    if (!isPremium) return showPremiumModal(true);
+
     try {
       const parsedSchema = JSON.parse(schema);
+
       setJsonSchema(parsedSchema);
       toast.success("Applied schema!");
       onClose();
@@ -29,12 +37,17 @@ export const SchemaModal: React.FC<ModalProps> = ({ opened, onClose }) => {
   };
 
   return (
-    <Modal title="JSON Schema" opened={opened} onClose={onClose} centered>
+    <Modal title="JSON Schema" size="lg" opened={opened} onClose={onClose} centered>
       <Stack py="sm">
-        <Text fz="sm">Any validation failures are shown at the bottom toolbar of pane.</Text>
+        <Text fz="sm">
+          Any validation failures are shown at the bottom toolbar of pane.{" "}
+          <Anchor target="_blank" href="https://json-schema.org/">
+            What is a JSON Schema?
+          </Anchor>
+        </Text>
         <Editor
           value={schema ?? ""}
-          theme={lightmode}
+          theme={darkmodeEnabled}
           onChange={e => setSchema(e!)}
           height={300}
           language="json"
@@ -46,12 +59,14 @@ export const SchemaModal: React.FC<ModalProps> = ({ opened, onClose }) => {
             },
           }}
         />
-        <Button onClick={onApply} disabled={!schema} fullWidth>
-          Apply
-        </Button>
-        <Button variant="outline" onClick={onClear} disabled={!schema} fullWidth>
-          Clear
-        </Button>
+        <Group position="right">
+          <Button variant="outline" onClick={onClear} disabled={!schema}>
+            Clear
+          </Button>
+          <Button onClick={onApply} disabled={!schema} rightIcon={!isPremium && <VscLock />}>
+            Apply
+          </Button>
+        </Group>
       </Stack>
     </Modal>
   );

src/containers/Modals/SettingsModal/index.tsx

@@ -1,65 +0,0 @@
-import React from "react";
-import { Modal, Group, Switch, Stack, ModalProps } from "@mantine/core";
-import { shallow } from "zustand/shallow";
-import useStored from "src/store/useStored";
-
-export const SettingsModal: React.FC<ModalProps> = ({ opened, onClose }) => {
-  const lightmode = useStored(state => state.lightmode);
-  const setLightTheme = useStored(state => state.setLightTheme);
-
-  const [
-    toggleHideCollapse,
-    toggleChildrenCount,
-    toggleImagePreview,
-    hideCollapse,
-    childrenCount,
-    imagePreview,
-  ] = useStored(
-    state => [
-      state.toggleHideCollapse,
-      state.toggleChildrenCount,
-      state.toggleImagePreview,
-      state.hideCollapse,
-      state.childrenCount,
-      state.imagePreview,
-    ],
-    shallow
-  );
-
-  return (
-    <Modal title="Settings" opened={opened} onClose={onClose} centered>
-      <Group py="sm">
-        <Stack>
-          <Switch
-            label="Live Image Preview"
-            size="md"
-            color="teal"
-            onChange={e => toggleImagePreview(e.currentTarget.checked)}
-            checked={imagePreview}
-          />
-          <Switch
-            label="Display Collapse/Expand Button"
-            size="md"
-            color="teal"
-            onChange={e => toggleHideCollapse(e.currentTarget.checked)}
-            checked={hideCollapse}
-          />
-          <Switch
-            label="Display Children Count"
-            size="md"
-            color="teal"
-            onChange={e => toggleChildrenCount(e.currentTarget.checked)}
-            checked={childrenCount}
-          />
-          <Switch
-            label="Light Theme"
-            size="md"
-            color="teal"
-            onChange={e => setLightTheme(e.currentTarget.checked)}
-            checked={lightmode}
-          />
-        </Stack>
-      </Group>
-    </Modal>
-  );
-};

src/containers/Modals/ShareModal/index.tsx

@@ -11,6 +11,7 @@ import {
   Text,
   ModalProps,
 } from "@mantine/core";
+import { FiExternalLink } from "react-icons/fi";
 import { MdCheck, MdCopyAll } from "react-icons/md";
 
 export const ShareModal: React.FC<ModalProps> = ({ opened, onClose }) => {
@@ -42,7 +43,14 @@ export const ShareModal: React.FC<ModalProps> = ({ opened, onClose }) => {
         <Text fz="sm" fw={700}>
           Embed into your website
         </Text>
-        <Button component="a" color="green" target="_blank" href="/docs" fullWidth>
+        <Button
+          component="a"
+          color="green"
+          target="_blank"
+          href="/docs"
+          leftIcon={<FiExternalLink />}
+          fullWidth
+        >
           Learn How to Embed
         </Button>
       </Stack>

src/containers/Modals/TypeModal/index.tsx

@@ -0,0 +1,71 @@
+import React from "react";
+import { Stack, Modal, ModalProps, ScrollArea, Select } from "@mantine/core";
+import { Prism } from "@mantine/prism";
+import vsDark from "prism-react-renderer/themes/vsDark";
+import vsLight from "prism-react-renderer/themes/vsLight";
+import useJson from "src/store/useJson";
+
+enum Language {
+  TypeScript = "typescript",
+  Go = "go",
+}
+
+const typeOptions = [
+  {
+    label: "TypeScript",
+    value: Language.TypeScript,
+  },
+  {
+    label: "Go",
+    value: Language.Go,
+  },
+];
+
+export const TypeModal: React.FC<ModalProps> = ({ opened, onClose }) => {
+  const getJson = useJson(state => state.getJson);
+  const [type, setType] = React.useState("");
+  const [selectedType, setSelectedType] = React.useState<Language>(Language.TypeScript);
+
+  React.useEffect(() => {
+    if (opened) {
+      if (selectedType === Language.TypeScript) {
+        import("json-to-ts").then(jts => {
+          const types = jts.default(JSON.parse(getJson()));
+          setType(types.flat().join("\n\n"));
+        });
+      } else if (selectedType === Language.Go) {
+        import("src/lib/utils/json2go").then(jtg => {
+          import("gofmt.js").then(gofmt => {
+            const types = jtg.default(getJson());
+            setType(gofmt.default(types.go));
+          });
+        });
+      }
+    }
+  }, [getJson, opened, selectedType]);
+
+  return (
+    <Modal title="Generate Types" size="auto" opened={opened} onClose={onClose} centered>
+      <Stack py="sm">
+        <Select
+          value={selectedType}
+          data={typeOptions}
+          onChange={e => setSelectedType(e as Language)}
+        />
+        <ScrollArea>
+          <Prism
+            miw={350}
+            mah={600}
+            language={selectedType}
+            copyLabel="Copy to clipboard"
+            copiedLabel="Copied to clipboard"
+            withLineNumbers
+            getPrismTheme={(_theme, colorScheme) => (colorScheme === "light" ? vsLight : vsDark)}
+          >
+            {type}
+          </Prism>
+        </ScrollArea>
+      </Stack>
+    </Modal>
+  );
+};

src/containers/Modals/index.ts

@@ -4,13 +4,15 @@ export { DownloadModal } from "./DownloadModal";
 export { ImportModal } from "./ImportModal";
 export { AccountModal } from "./AccountModal";
 export { NodeModal } from "./NodeModal";
-export { SettingsModal } from "./SettingsModal";
 export { ShareModal } from "./ShareModal";
 export { LoginModal } from "./LoginModal";
 export { PremiumModal } from "./PremiumModal";
 export { JWTModal } from "./JWTModal";
 export { SchemaModal } from "./SchemaModal";
 export { CancelPremiumModal } from "./CancelPremiumModal";
+export { ReviewModal } from "./ReviewModal";
+export { JQModal } from "./JQModal";
+export { TypeModal } from "./TypeModal";
 
 type Modal =
   | "clear"
@@ -19,12 +21,14 @@ type Modal =
   | "import"
   | "account"
   | "node"
-  | "settings"
   | "share"
   | "login"
   | "premium"
   | "jwt"
   | "schema"
-  | "cancelPremium";
+  | "cancelPremium"
+  | "review"
+  | "jq"
+  | "type";
 
 export type { Modal };

src/enums/file.enum.ts

@@ -1,11 +1,8 @@
-/* eslint unused-imports/no-unused-imports: 0 */
-
-enum FileFormat {
+// eslint-disable
+export enum FileFormat {
   "JSON" = "json",
   "YAML" = "yaml",
   "XML" = "xml",
   "TOML" = "toml",
   "CSV" = "csv",
 }
-
-export { FileFormat };

src/enums/viewMode.enum.ts

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

src/hooks/useFocusNode.ts

@@ -1,55 +1,43 @@
 import React from "react";
 import { useDebouncedValue } from "@mantine/hooks";
+import { searchQuery, cleanupHighlight, highlightMatchedNodes } from "src/lib/utils/graph/search";
 import useGraph from "src/store/useGraph";
-import { searchQuery, cleanupHighlight, highlightMatchedNodes } from "src/utils/graph/search";
 
 export const useFocusNode = () => {
-  const zoomPanPinch = useGraph(state => state.zoomPanPinch);
+  const viewPort = useGraph(state => state.viewPort);
   const [selectedNode, setSelectedNode] = React.useState(0);
   const [nodeCount, setNodeCount] = React.useState(0);
   const [value, setValue] = React.useState("");
   const [debouncedValue] = useDebouncedValue(value, 600);
 
-  const skip = () => setSelectedNode(current => current + 1);
+  const skip = () => setSelectedNode(current => (current + 1) % nodeCount);
 
   React.useEffect(() => {
-    if (!zoomPanPinch) return;
+    if (!value) {
+      cleanupHighlight();
+      setSelectedNode(0);
+      setNodeCount(0);
+      return;
+    }
+
+    if (!viewPort || !debouncedValue) return;
     const matchedNodes: NodeListOf<Element> = searchQuery(`span[data-key*='${debouncedValue}' i]`);
-    const ref = zoomPanPinch.instance.wrapperComponent;
     const matchedNode: Element | null = matchedNodes[selectedNode] || null;
 
     cleanupHighlight();
 
-    if (ref && matchedNode && matchedNode.parentElement) {
-      const newScale = 0.8;
-      const x = Number(matchedNode.getAttribute("data-x"));
-      const y = Number(matchedNode.getAttribute("data-y"));
-
-      const newPositionX =
-        (ref.offsetLeft - x) * newScale +
-        ref.clientWidth / 5 -
-        matchedNode.getBoundingClientRect().width / 5;
-
-      const newPositionY =
-        (ref.offsetLeft - y) * newScale +
-        ref.clientHeight / 8 -
-        matchedNode.getBoundingClientRect().height / 8;
+    if (matchedNode && matchedNode.parentElement) {
       highlightMatchedNodes(matchedNodes, selectedNode);
       setNodeCount(matchedNodes.length);
 
-      zoomPanPinch?.setTransform(newPositionX, newPositionY, newScale);
+      viewPort?.camera.centerFitElementIntoView(matchedNode.parentElement, {
+        elementExtraMarginForZoom: 400,
+      });
     } else {
       setSelectedNode(0);
       setNodeCount(0);
     }
-
-    return () => {
-      if (!value) {
-        setSelectedNode(0);
-        setNodeCount(0);
-      }
-    };
-  }, [selectedNode, debouncedValue, value, zoomPanPinch]);
+  }, [selectedNode, debouncedValue, value, viewPort]);
 
   return [value, setValue, skip, nodeCount, selectedNode] as const;
 };

src/hooks/useJsonQuery.ts

@@ -0,0 +1,29 @@
+import jq from "jq-web";
+import jts from "json-to-ts";
+import toast from "react-hot-toast";
+import useFile from "src/store/useFile";
+import useJson from "src/store/useJson";
+
+const useJsonQuery = () => {
+  const getJson = useJson(state => state.getJson);
+  const setContents = useFile(state => state.setContents);
+
+  const updateJson = (query: string) => {
+    try {
+      const res = jq.json(JSON.parse(getJson()), query);
+      setContents({ contents: JSON.stringify(res, null, 2) });
+    } catch (error) {
+      console.error(error);
+      toast.error("Unable to process the request.");
+    }
+  };
+
+  const getJsonType = () => {
+    const types = jts(JSON.parse(getJson()));
+    return types.flat().join("\n\n");
+  };
+
+  return { updateJson, getJsonType };
+};
+
+export default useJsonQuery;

src/hooks/useToggleHide.ts

@@ -2,38 +2,36 @@ import React from "react";
 import useGraph from "src/store/useGraph";
 
 const useToggleHide = () => {
-  const collapsedNodes = useGraph(state => state.collapsedNodes);
-  const collapsedEdges = useGraph(state => state.collapsedEdges);
-
-  const nodeList = React.useMemo(
-    () => collapsedNodes.map(id => `[id$="node-${id}"]`),
-    [collapsedNodes]
-  );
-  const edgeList = React.useMemo(
-    () => collapsedEdges.map(id => `[class$="edge-${id}"]`),
-    [collapsedEdges]
-  );
-
-  const validateHiddenNodes = React.useCallback(() => {
-    const hiddenItems = document.body.querySelectorAll(".hide");
-    hiddenItems.forEach(item => item.classList.remove("hide"));
-
-    if (nodeList.length) {
-      const selectedNodes = document.body.querySelectorAll(nodeList.join(","));
-      selectedNodes.forEach(node => node.classList.add("hide"));
-    }
-
-    if (edgeList.length) {
-      const selectedEdges = document.body.querySelectorAll(edgeList.join(","));
-      selectedEdges.forEach(edge => edge.classList.add("hide"));
-    }
-  }, [nodeList, edgeList]);
+  const getCollapsedNodeIds = useGraph(state => state.getCollapsedNodeIds);
+  const getCollapsedEdgeIds = useGraph(state => state.getCollapsedEdgeIds);
 
   React.useEffect(() => {
-    validateHiddenNodes();
-  }, [validateHiddenNodes]);
+    validateHiddenNodes(getCollapsedNodeIds(), getCollapsedEdgeIds());
+  }, [getCollapsedEdgeIds, getCollapsedNodeIds]);
 
-  return { validateHiddenNodes };
+  return {
+    validateHiddenNodes: () => validateHiddenNodes(getCollapsedNodeIds(), getCollapsedEdgeIds()),
+  };
 };
 
+function validateHiddenNodes(collapsedNodeIs: string[], collapsedEdgeIds: string[]) {
+  const nodeList = collapsedNodeIs.map(id => `[id$="node-${id}"]`);
+  const edgeList = collapsedEdgeIds.map(id => `[class$="edge-${id}"]`);
+  const hiddenItems = document.body.querySelectorAll(".hide");
+
+  hiddenItems.forEach(item => item.classList.remove("hide"));
+
+  if (nodeList.length) {
+    const selectedNodes = document.body.querySelectorAll(nodeList.join(","));
+
+    selectedNodes.forEach(node => node.classList.add("hide"));
+  }
+
+  if (edgeList.length) {
+    const selectedEdges = document.body.querySelectorAll(edgeList.join(","));
+
+    selectedEdges.forEach(edge => edge.classList.add("hide"));
+  }
+}
+
 export default useToggleHide;

src/layout/EditorMantine/index.tsx

@@ -1,55 +0,0 @@
-import React from "react";
-import { ThemeProvider } from "styled-components";
-import { MantineProvider } from "@mantine/core";
-import { monaSans } from "src/constants/customFonts";
-import { lightTheme, darkTheme } from "src/constants/theme";
-import useStored from "src/store/useStored";
-
-export const EditorMantine: React.FC<{ children: React.ReactNode }> = ({ children }) => {
-  const lightmode = useStored(state => state.lightmode);
-
-  return (
-    <ThemeProvider theme={lightmode ? lightTheme : darkTheme}>
-      <MantineProvider
-        withCSSVariables
-        withGlobalStyles
-        withNormalizeCSS
-        theme={{
-          colorScheme: lightmode ? "light" : "dark",
-          fontFamily: monaSans.style.fontFamily,
-          components: {
-            Divider: {
-              styles: () => ({
-                root: {
-                  borderTopColor: "#4D4D4D !important",
-                },
-              }),
-            },
-            Modal: {
-              styles: theme => ({
-                title: {
-                  fontWeight: 700,
-                },
-                header: {
-                  backgroundColor: theme.colorScheme === "dark" ? "#36393E" : "#FFFFFF",
-                },
-                body: {
-                  backgroundColor: theme.colorScheme === "dark" ? "#36393E" : "#FFFFFF",
-                },
-              }),
-            },
-            Button: {
-              styles: () => ({
-                inner: {
-                  fontWeight: 700,
-                },
-              }),
-            },
-          },
-        }}
-      >
-        {children}
-      </MantineProvider>
-    </ThemeProvider>
-  );
-};

src/layout/EditorWrapper/index.tsx

@@ -0,0 +1,72 @@
+import React from "react";
+import { ThemeProvider } from "styled-components";
+import { MantineProvider, MantineThemeOverride } from "@mantine/core";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { monaSans } from "src/constants/fonts";
+import { lightTheme, darkTheme } from "src/constants/theme";
+import useConfig from "src/store/useConfig";
+
+const queryClient = new QueryClient({
+  defaultOptions: {
+    queries: {
+      refetchOnWindowFocus: false,
+      retry: false,
+    },
+  },
+});
+
+const mantineTheme: MantineThemeOverride = {
+  fontFamily: monaSans.style.fontFamily,
+  headings: {
+    fontFamily: monaSans.style.fontFamily,
+  },
+  components: {
+    Divider: {
+      styles: () => ({
+        root: {
+          borderTopColor: "#4D4D4D !important",
+        },
+      }),
+    },
+    Modal: {
+      styles: theme => ({
+        title: {
+          fontWeight: 700,
+        },
+        header: {
+          backgroundColor: theme.colorScheme === "dark" ? "#4a4d52" : "#F3F3F3",
+        },
+        body: {
+          backgroundColor: theme.colorScheme === "dark" ? "#4a4d52" : "#F3F3F3",
+        },
+      }),
+    },
+    Button: {
+      styles: () => ({
+        inner: {
+          fontWeight: 700,
+        },
+      }),
+    },
+  },
+};
+
+export const EditorWrapper: React.FC<{ children: React.ReactNode }> = ({ children }) => {
+  const darkmodeEnabled = useConfig(state => state.darkmodeEnabled);
+
+  return (
+    <ThemeProvider theme={darkmodeEnabled ? darkTheme : lightTheme}>
+      <MantineProvider
+        theme={{
+          colorScheme: darkmodeEnabled ? "dark" : "light",
+          ...mantineTheme,
+        }}
+        withCSSVariables
+        withGlobalStyles
+        withNormalizeCSS
+      >
+        <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
+      </MantineProvider>
+    </ThemeProvider>
+  );
+};

src/layout/ExternalMode/index.tsx

@@ -37,18 +37,22 @@ const StyledTitle = styled.div`
   }
 `;
 
-const isExternal = () => {
-  if (window.location.pathname.includes("widget")) return false;
-  if (window.location.host !== "jsoncrack.com") return true;
-  return false;
-};
-
-export const ExternalMode = () => {
+const ExternalMode = () => {
+  const [isExternal, setExternal] = React.useState(false);
   const [isOpen, setOpen] = React.useState(false);
-  if (!isExternal()) return null;
+
+  React.useEffect(() => {
+    if (typeof window !== "undefined") {
+      if (window.location.pathname.includes("widget")) return setExternal(false);
+      if (window.location.host !== "jsoncrack.com") return setExternal(true);
+      return setExternal(false);
+    }
+  }, []);
 
   const closeModal = () => setOpen(false);
 
+  if (!isExternal) return null;
+
   return (
     <StyledAlert>
       <Button
@@ -84,3 +88,5 @@ export const ExternalMode = () => {
     </StyledAlert>
   );
 };
+
+export default ExternalMode;

src/layout/Footer/FooterLinks.tsx

@@ -1,4 +1,5 @@
-import { createStyles, Text, Container, rem } from "@mantine/core";
+import Link from "next/link";
+import { createStyles, Text, Container, rem, Anchor } from "@mantine/core";
 import { JSONCrackLogo } from "../JsonCrackLogo";
 
 const useStyles = createStyles(theme => ({
@@ -6,7 +7,7 @@ const useStyles = createStyles(theme => ({
     marginTop: rem(120),
     paddingTop: `calc(${theme.spacing.xl} * 2)`,
     paddingBottom: `calc(${theme.spacing.xl} * 2)`,
-    backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.colors.gray[0],
+    backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : "white",
     borderTop: `${rem(1)} solid ${
       theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[2]
     }`,
@@ -56,7 +57,7 @@ const useStyles = createStyles(theme => ({
 
   link: {
     display: "block",
-    color: theme.colorScheme === "dark" ? theme.colors.dark[1] : theme.colors.gray[6],
+    color: theme.colorScheme === "dark" ? theme.colors.dark[1] : theme.colors.gray[7],
     fontSize: theme.fontSizes.sm,
     paddingTop: rem(3),
     paddingBottom: rem(3),
@@ -82,7 +83,7 @@ const useStyles = createStyles(theme => ({
     paddingTop: theme.spacing.xl,
     paddingBottom: theme.spacing.xl,
     borderTop: `${rem(1)} solid ${
-      theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[2]
+      theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[3]
     }`,
 
     [theme.fn.smallerThan("sm")]: {
@@ -109,7 +110,7 @@ export function FooterLinks({ data }: FooterLinksProps) {
 
   const groups = data.map(group => {
     const links = group.links.map((link, index) => (
-      <Text<"a"> key={index} className={classes.link} component="a" href={link.link}>
+      <Text key={index} className={classes.link} component={Link} href={link.link} prefetch={false}>
         {link.label}
       </Text>
     ));
@@ -127,16 +128,19 @@ export function FooterLinks({ data }: FooterLinksProps) {
       <Container className={classes.inner}>
         <div className={classes.logo}>
           <JSONCrackLogo />
-          <Text size="xs" color="dimmed" className={classes.description}>
+          <Text size="xs" color="gray" className={classes.description}>
             Next-generation tools matching with your needs to understand the data.
           </Text>
         </div>
         <div className={classes.groups}>{groups}</div>
       </Container>
       <Container className={classes.afterFooter}>
-        <Text color="dimmed" size="sm">
+        <Text color="gray" size="sm">
           © jsoncrack.com
         </Text>
+        <Anchor href="mailto:contact@jsoncrack.com" color="gray" size="sm">
+          contact@jsoncrack.com
+        </Anchor>
       </Container>
     </footer>
   );

src/layout/Footer/index.tsx

@@ -6,10 +6,14 @@ export const Footer = () => {
     <FooterLinks
       data={[
         {
-          title: "Developers",
+          title: "Product",
           links: [
             {
-              label: "Open Source",
+              label: "GitHub",
+              link: "https://github.com/AykutSarac/jsoncrack.com",
+            },
+            {
+              label: "Supporters",
               link: "/oss",
             },
             {
@@ -18,23 +22,6 @@ export const Footer = () => {
             },
           ],
         },
-        {
-          title: "JSON Crack",
-          links: [
-            {
-              label: "JSON Crack",
-              link: "https://jsoncrack.com",
-            },
-            {
-              label: "Terms of Service",
-              link: "#",
-            },
-            {
-              label: "Privacy Policy",
-              link: "#",
-            },
-          ],
-        },
         {
           title: "Social",
           links: [
@@ -43,19 +30,32 @@ export const Footer = () => {
               link: "https://discord.gg/yVyTtCRueq",
             },
             {
-              label: "Twitter",
+              label: "𝕏 (Twitter)",
               link: "https://twitter.com/jsoncrack",
             },
-            {
-              label: "GitHub",
-              link: "https://github.com/AykutSarach",
-            },
             {
               label: "LinkedIn",
               link: "https://www.linkedin.com/company/herowand",
             },
           ],
         },
+        {
+          title: "Legal",
+          links: [
+            {
+              label: "Terms",
+              link: "/legal/terms",
+            },
+            {
+              label: "Privacy",
+              link: "/legal/privacy",
+            },
+            {
+              label: "Subscription & Refund",
+              link: "/legal/subscription-refund",
+            },
+          ],
+        },
       ]}
     />
   );

src/layout/JsonCrackLogo/index.tsx

@@ -1,12 +1,13 @@
 import React from "react";
 import Link from "next/link";
 import styled from "styled-components";
+import { monaSans } from "src/constants/fonts";
 
 const StyledTitle = styled.div<{ fontSize: string }>`
   font-weight: 900;
   margin: 0;
   color: ${({ theme }) => theme.INTERACTIVE_HOVER};
-  font-family: var(--mona-sans);
+  font-family: ${monaSans.style.fontFamily};
   font-size: ${({ fontSize }) => fontSize};
   white-space: nowrap;
 `;
@@ -19,9 +20,13 @@ const StyledGradientText = styled.span`
   -webkit-text-fill-color: transparent;
 `;
 
-export const JSONCrackLogo: React.FC<{ fontSize?: string }> = ({ fontSize = "1.2rem" }) => {
+interface LogoProps extends React.ComponentPropsWithoutRef<"a"> {
+  fontSize?: string;
+}
+
+export const JSONCrackLogo: React.FC<LogoProps> = ({ fontSize = "1.2rem", ...props }) => {
   return (
-    <Link href="/">
+    <Link href="/" prefetch={false} {...props}>
       <StyledTitle fontSize={fontSize}>
         <StyledGradientText>JSON</StyledGradientText> CRACK
       </StyledTitle>

src/layout/Loading/index.tsx

@@ -17,8 +17,8 @@ const fadeIn = keyframes`
   }
 `;
 
-const StyledLoading = styled.div<{ visible: boolean }>`
-  display: ${({ visible }) => (visible ? "grid" : "none")};
+const StyledLoading = styled.div<{ $visible: boolean }>`
+  display: ${({ $visible }) => ($visible ? "grid" : "none")};
   position: fixed;
   top: 0;
   left: 0;
@@ -29,7 +29,7 @@ const StyledLoading = styled.div<{ visible: boolean }>`
   z-index: 100;
   pointer-events: visiblePainted;
   cursor: wait;
-  animation: 0.2s ${fadeIn};
+  animation: 200ms ${fadeIn};
   animation-fill-mode: forwards;
   visibility: hidden;
   backdrop-filter: blur(5px);
@@ -40,24 +40,22 @@ const StyledLoading = styled.div<{ visible: boolean }>`
   }
 `;
 
-const StyledText = styled.span`
-  color: #faa81a;
-`;
-
 const StyledMessage = styled.div`
   color: #b9bbbe;
   font-size: 1.5rem;
   font-weight: 600;
 `;
 
-export const Loading: React.FC<LoadingProps> = ({ loading = true, message }) => (
-  <Center mx="auto">
-    <StyledLoading visible={loading}>
-      <Stack>
-        <Image mx="auto" width="6.5em" src="./assets/rocket_ship.webp" alt="loading image" />
-        <JSONCrackLogo fontSize="2rem" />
-        <StyledMessage>{message ?? "Preparing the environment for you..."}</StyledMessage>
-      </Stack>
-    </StyledLoading>
-  </Center>
-);
+export const Loading: React.FC<LoadingProps> = ({ loading = false, message }) => {
+  return (
+    <Center mx="auto">
+      <StyledLoading $visible={loading}>
+        <Stack>
+          <Image mx="auto" width="6.5em" src="./assets/rocket_ship.webp" alt="loading image" />
+          <JSONCrackLogo fontSize="2rem" />
+          <StyledMessage>{message ?? "Preparing the environment for you..."}</StyledMessage>
+        </Stack>
+      </StyledLoading>
+    </Center>
+  );
+};

src/layout/ModalController/index.tsx

@@ -1,54 +1,44 @@
 import React from "react";
 import { ModalProps } from "@mantine/core";
-import {
-  AccountModal,
-  ClearModal,
-  DownloadModal,
-  ImportModal,
-  JWTModal,
-  LoginModal,
-  Modal,
-  NodeModal,
-  PremiumModal,
-  SchemaModal,
-  SettingsModal,
-  ShareModal,
-  CancelPremiumModal,
-} from "src/containers/Modals";
-import { CloudModal } from "src/containers/Modals/CloudModal";
+import * as Modals from "src/containers/Modals";
+import { Modal } from "src/containers/Modals";
 import useModal from "src/store/useModal";
-import { EditorMantine } from "../EditorMantine";
+import { EditorWrapper } from "../EditorWrapper";
 
 type ModalComponent = { key: Modal; component: React.FC<ModalProps> };
 
 const modalComponents: ModalComponent[] = [
-  { key: "import", component: ImportModal },
-  { key: "clear", component: ClearModal },
-  { key: "download", component: DownloadModal },
-  { key: "settings", component: SettingsModal },
-  { key: "cloud", component: CloudModal },
-  { key: "account", component: AccountModal },
-  { key: "premium", component: PremiumModal },
-  { key: "login", component: LoginModal },
-  { key: "share", component: ShareModal },
-  { key: "jwt", component: JWTModal },
-  { key: "node", component: NodeModal },
-  { key: "schema", component: SchemaModal },
-  { key: "cancelPremium", component: CancelPremiumModal },
+  { key: "import", component: Modals.ImportModal },
+  { key: "clear", component: Modals.ClearModal },
+  { key: "download", component: Modals.DownloadModal },
+  { key: "cloud", component: Modals.CloudModal },
+  { key: "account", component: Modals.AccountModal },
+  { key: "premium", component: Modals.PremiumModal },
+  { key: "login", component: Modals.LoginModal },
+  { key: "share", component: Modals.ShareModal },
+  { key: "jwt", component: Modals.JWTModal },
+  { key: "node", component: Modals.NodeModal },
+  { key: "schema", component: Modals.SchemaModal },
+  { key: "cancelPremium", component: Modals.CancelPremiumModal },
+  { key: "review", component: Modals.ReviewModal },
+  { key: "jq", component: Modals.JQModal },
+  { key: "type", component: Modals.TypeModal },
 ];
 
-export const ModalController = () => {
+const ModalController = () => {
   const setVisible = useModal(state => state.setVisible);
   const modalStates = useModal(state => modalComponents.map(modal => state[modal.key]));
 
   return (
-    <EditorMantine>
+    <EditorWrapper>
       {modalComponents.map(({ key, component }, index) => {
         const ModalComponent = component;
         const opened = modalStates[index];
 
         return <ModalComponent key={key} opened={opened} onClose={() => setVisible(key)(false)} />;
       })}
-    </EditorMantine>
+    </EditorWrapper>
   );
 };
+
+export default ModalController;

src/layout/Navbar/index.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import Link from "next/link";
 import styled from "styled-components";
 import { Button } from "@mantine/core";
-import { FaStar } from "react-icons/fa";
+import useUser from "src/store/useUser";
 import { JSONCrackLogo } from "../JsonCrackLogo";
 
 const StyledNavbarWrapper = styled.div`
@@ -14,6 +14,7 @@ const StyledNavbar = styled.div`
   justify-content: space-between;
   align-items: center;
   width: 90vw;
+  height: 56px;
   margin: 0 auto;
   border: 2px solid black;
   background: white;
@@ -43,6 +44,8 @@ const Right = styled.div`
 `;
 
 export const Navbar = () => {
+  const isAuthenticated = useUser(state => state.isAuthenticated);
+
   return (
     <StyledNavbarWrapper>
       <StyledNavbar>
@@ -51,51 +54,52 @@ export const Navbar = () => {
         </Left>
         <Middle className="hide-mobile">
           <Button
-            component="a"
-            href="https://github.com/AykutSarac/jsoncrack.com"
+            component={Link}
+            href="/pricing"
+            prefetch={false}
             variant="subtle"
             color="dark"
             radius="md"
           >
-            GitHub
+            Pricing
+          </Button>
+          <Button
+            component={Link}
+            href="https://marketplace.visualstudio.com/items?itemName=AykutSarac.jsoncrack-vscode"
+            prefetch={false}
+            variant="subtle"
+            color="dark"
+            radius="md"
+          >
+            VS Code
+          </Button>
+          <Button
+            component={Link}
+            href="/docs"
+            prefetch={false}
+            variant="subtle"
+            color="dark"
+            radius="md"
+          >
+            Docs
           </Button>
-          <Link href="/docs">
-            <Button variant="subtle" color="dark" radius="md">
-              Docs
-            </Button>
-          </Link>
-          <Link href="/oss">
-            <Button variant="subtle" color="dark" radius="md">
-              Supporters
-            </Button>
-          </Link>
-          <Link href="/pricing">
-            <Button variant="subtle" color="dark" radius="md">
-              Pricing
-            </Button>
-          </Link>
         </Middle>
         <Right>
-          <Button
-            component="a"
-            href="https://github.com/AykutSarac/jsoncrack.com"
-            variant="subtle"
-            radius="md"
-            leftIcon={<FaStar />}
-            className="desktop"
-          >
-            Star us on GitHub
+          {!isAuthenticated && (
+            <Button
+              component={Link}
+              href="/sign-in"
+              prefetch={false}
+              variant="light"
+              radius="md"
+              className="hide-mobile"
+            >
+              Login
+            </Button>
+          )}
+          <Button component={Link} href="/editor" prefetch={false} color="pink" radius="md">
+            Editor
           </Button>
-          <Link href="/sign-in">
-            <Button variant="light" radius="md">
-              Sign In
-            </Button>
-          </Link>
-          <Link href="/editor" prefetch={false}>
-            <Button color="teal" radius="md">
-              Editor
-            </Button>
-          </Link>
         </Right>
       </StyledNavbar>
     </StyledNavbarWrapper>

src/lib/api/supabase.ts

@@ -0,0 +1,8 @@
+import { createPagesBrowserClient } from "@supabase/auth-helpers-nextjs";
+
+const supabaseUrl = process.env.NEXT_PUBLIC_SUPABASE_URL;
+const supabaseKey = process.env.NEXT_PUBLIC_SUPABASE_KEY;
+
+const supabase = createPagesBrowserClient({ supabaseUrl, supabaseKey });
+
+export { supabase };

src/lib/utils/core/addNodeToGraph.ts

@@ -1,11 +1,12 @@
-import { Graph } from "../json/jsonParser";
-import { calculateNodeSize } from "./calculateNodeSize";
+import { NodeType } from "jsonc-parser";
+import { calculateNodeSize } from "src/lib/utils/graph/calculateNodeSize";
+import { Graph } from "src/lib/utils/json/jsonParser";
 
 type Props = {
   graph: Graph;
-  text: any;
+  text: string | [string, string][];
   isEmpty?: boolean;
-  type?: "string" | "number" | "boolean" | "object" | "array" | "null";
+  type?: NodeType;
 };
 
 export const addNodeToGraph = ({ graph, text, type = "null", isEmpty = false }: Props) => {

src/lib/utils/core/traverse.ts

@@ -1,11 +1,19 @@
 import { Node, NodeType } from "jsonc-parser";
-import { Graph, States } from "../json/jsonParser";
+import { calculateNodeSize } from "src/lib/utils/graph/calculateNodeSize";
+import { Graph, States } from "src/lib/utils/json/jsonParser";
 import { addEdgeToGraph } from "./addEdgeToGraph";
 import { addNodeToGraph } from "./addNodeToGraph";
-import { calculateNodeSize } from "./calculateNodeSize";
 
 type PrimitiveOrNullType = "boolean" | "string" | "number" | "null";
 
+type Traverse = {
+  states: States;
+  objectToTraverse: Node;
+  parentType?: string;
+  myParentId?: string;
+  nextType?: string;
+};
+
 const isPrimitiveOrNullType = (type: unknown): type is PrimitiveOrNullType => {
   return ["boolean", "string", "number", "null"].includes(type as string);
 };
@@ -33,13 +41,14 @@ function handleNoChildren(
 
   if (parentType === "property" && nextType !== "object" && nextType !== "array") {
     states.brothersParentId = myParentId;
-    if (nextType === undefined) {
+    if (nextType === undefined && Array.isArray(states.brothersNode)) {
       states.brothersNode.push([states.brotherKey, value]);
     } else {
       states.brotherKey = value;
     }
   } else if (parentType === "array") {
     const nodeFromArrayId = addNodeToGraph({ graph, text: String(value) });
+
     if (myParentId) {
       addEdgeToGraph(graph, myParentId, nodeFromArrayId);
     }
@@ -77,8 +86,9 @@ function handleHasChildren(
           const modifyNodes = [...graph.nodes];
           const foundNode = modifyNodes[findNodeIndex];
 
-          foundNode.text = foundNode.text.concat(states.brothersNode);
+          foundNode.text = foundNode.text.concat(states.brothersNode as any);
           const { width, height } = calculateNodeSize(foundNode.text, false);
+
           foundNode.width = width;
           foundNode.height = height;
 
@@ -87,6 +97,7 @@ function handleHasChildren(
         }
       } else {
         const brothersNodeId = addNodeToGraph({ graph, text: states.brothersNode });
+
         states.brothersNode = [];
 
         if (states.brothersParentId) {
@@ -142,6 +153,7 @@ function handleHasChildren(
   const traverseArray = () => {
     children.forEach((objectToTraverse, index, array) => {
       const nextType = array[index + 1]?.type;
+
       traverseObject(objectToTraverse, nextType);
     });
   };
@@ -166,10 +178,11 @@ function handleHasChildren(
         const modifyNodes = [...graph.nodes];
         const findNodeIndex = modifyNodes.findIndex(e => e.id === findBrothersNode?.id);
 
-        if (modifyNodes[findNodeIndex]) {
+        if (modifyNodes[findNodeIndex] && typeof states.brothersNode === "string") {
           modifyNodes[findNodeIndex].text += states.brothersNode;
 
           const { width, height } = calculateNodeSize(modifyNodes[findNodeIndex].text, false);
+
           modifyNodes[findNodeIndex].width = width;
           modifyNodes[findNodeIndex].height = height;
 
@@ -178,6 +191,7 @@ function handleHasChildren(
         }
       } else {
         const brothersNodeId = addNodeToGraph({ graph, text: states.brothersNode });
+
         states.brothersNode = [];
 
         if (states.brothersParentId) {
@@ -191,6 +205,7 @@ function handleHasChildren(
           parentId: states.brothersParentId,
           objectsFromArrayId: states.objectsFromArray[states.objectsFromArray.length - 1],
         };
+
         states.brothersNodeProps = [...states.brothersNodeProps, brothersNodeProps];
       }
     }
@@ -213,6 +228,7 @@ function handleHasChildren(
       graph.nodes = graph.nodes.map((node, index) => {
         if (index === parentIndex) {
           const childrenCount = myChildren.length;
+
           return { ...node, data: { ...node.data, childrenCount } };
         }
         return node;
@@ -221,14 +237,6 @@ function handleHasChildren(
   }
 }
 
-type Traverse = {
-  states: States;
-  objectToTraverse: Node;
-  parentType?: string;
-  myParentId?: string;
-  nextType?: string;
-};
-
 export const traverse = ({
   objectToTraverse,
   states,
@@ -237,7 +245,7 @@ export const traverse = ({
   parentType,
 }: Traverse) => {
   const graph = states.graph;
-  let { type, children, value } = objectToTraverse;
+  const { type, children, value } = objectToTraverse;
 
   if (!children) {
     handleNoChildren(value, states, graph, myParentId, parentType, nextType);

src/lib/utils/graph/calculateNodeSize.ts

@@ -1,26 +1,32 @@
-import { Fira_Mono } from "next/font/google";
+import { firaMono } from "src/constants/fonts";
+import useConfig from "src/store/useConfig";
 import useGraph from "src/store/useGraph";
-import useStored from "src/store/useStored";
 
-const firaMono = Fira_Mono({
-  weight: ["500"],
-  subsets: ["latin"],
-});
+type Text = string | [string, string][];
+type Size = { width: number; height: number };
 
-export const isContentImage = (value: string | [string, string][]) => {
+export const isContentImage = (value: Text) => {
   if (typeof value !== "string") return false;
 
   const isImageURL = /(https?:\/\/.*\.(?:png|jpg|gif))/i.test(value);
   const isBase64 = value.startsWith("data:image/") && value.includes("base64");
+
   return isImageURL || isBase64;
 };
 
-const sizeCache = new Map<string | [string, string][], { width: number; height: number }>();
+const calculateLines = (text: Text): string => {
+  if (typeof text === "string") {
+    return text;
+  } else {
+    return text.map(([k, v]) => `${k}: ${JSON.stringify(v).slice(0, 80)}`).join("\n");
+  }
+};
 
 const calculateWidthAndHeight = (str: string, single = false) => {
   if (!str) return { width: 45, height: 45 };
 
   const dummyElement = document.createElement("div");
+
   dummyElement.style.whiteSpace = single ? "nowrap" : "pre-wrap";
   dummyElement.innerHTML = str;
   dummyElement.style.fontSize = "12px";
@@ -32,34 +38,42 @@ const calculateWidthAndHeight = (str: string, single = false) => {
   dummyElement.style.fontFamily = firaMono.style.fontFamily;
   document.body.appendChild(dummyElement);
 
-  const width = dummyElement.offsetWidth + 4;
-  const height = dummyElement.offsetHeight;
+  const clientRect = dummyElement.getBoundingClientRect();
+  const width = clientRect.width + 4;
+  const height = clientRect.height;
+
   document.body.removeChild(dummyElement);
 
   return { width, height };
 };
 
-export const calculateNodeSize = (text: string | [string, string][], isParent = false) => {
-  let lines = "";
+const sizeCache = new Map<Text, Size>();
+
+// clear cache every 2 mins
+setInterval(() => sizeCache.clear(), 120_000);
+
+export const calculateNodeSize = (text: Text, isParent = false) => {
   const { foldNodes } = useGraph.getState();
-  const { imagePreview } = useStored.getState();
-  const isImage = isContentImage(text) && imagePreview;
+  const { imagePreviewEnabled } = useConfig.getState();
+  const isImage = isContentImage(text) && imagePreviewEnabled;
+
   const cacheKey = [text, isParent, foldNodes].toString();
 
-  // check cache
+  // check cache if data already exists
   if (sizeCache.has(cacheKey)) {
     const size = sizeCache.get(cacheKey);
+
     if (size) return size;
   }
 
-  if (typeof text !== "string") {
-    lines = text.map(([k, v]) => `${k}: ${JSON.stringify(v).slice(0, 80)}`).join("\n");
-  } else {
-    lines = text;
+  const lines = calculateLines(text);
+  const sizes = calculateWidthAndHeight(lines, typeof text === "string");
+
+  if (isImage) {
+    sizes.width = 80;
+    sizes.height = 80;
   }
 
-  let sizes = calculateWidthAndHeight(lines, typeof text === "string");
-  if (isImage) sizes = { width: 80, height: 80 };
   if (foldNodes) sizes.width = 300;
   if (isParent && foldNodes) sizes.width = 170;
   if (isParent) sizes.width += 100;

src/lib/utils/graph/getChildrenEdges.ts

@@ -1,3 +1,5 @@
+import { NodeData, EdgeData } from "src/types/graph";
+
 export const getChildrenEdges = (nodes: NodeData[], edges: EdgeData[]): EdgeData[] => {
   const nodeIds = nodes.map(node => node.id);
 

src/lib/utils/graph/getOutgoers.ts

@@ -1,14 +1,19 @@
+import { NodeData, EdgeData } from "src/types/graph";
+
+type Outgoers = [NodeData[], string[]];
+
 export const getOutgoers = (
   nodeId: string,
   nodes: NodeData[],
   edges: EdgeData[],
   parent: string[] = []
-): [NodeData[], string[]] => {
+): Outgoers => {
   const outgoerNodes: NodeData[] = [];
   const matchingNodes: string[] = [];
 
   if (parent.includes(nodeId)) {
     const initialParentNode = nodes.find(n => n.id === nodeId);
+
     if (initialParentNode) outgoerNodes.push(initialParentNode);
   }
 

src/lib/utils/graph/search.ts

@@ -13,6 +13,7 @@ export const cleanupHighlight = () => {
 export const highlightMatchedNodes = (nodes: NodeListOf<Element>, selectedNode: number) => {
   nodes.forEach(node => {
     const foreignObject = node.parentElement?.closest("foreignObject");
+
     if (foreignObject) {
       foreignObject.classList.add("searched");
     }