Git Product home page Git Product logo

arnav-kr / json-formatter Goto Github PK

View Code? Open in Web Editor NEW
62.0 3.0 13.0 9.48 MB

A Browser Extension to format JSON in the browser automatically. Available with 60+ Themes, Syntax Highlighting, automatically linkifies links and more.

Home Page: https://json-formatter.js.org

License: MIT License

CSS 14.19% JavaScript 71.11% HTML 14.70%
json json-formatter json-prettifier syntax-highlighting treeview dark-mode dark-theme lightweight extension extensions

json-formatter's Introduction

JSON Formatter

JSON Formatter

A Browser Extensions for formating and prettifying JSON but better.

Chrome Web Store Version Chrome Web Store Chrome Web Store Users GitHub

V2.0.5.0 CHANGELOG

Features:

  • 60+ Themes for both Light and Dark Mode
  • Syntax Highlighting
  • Works Offline
  • No tracking or analytics
  • Word Wrapping and Sorting Order to stay organized
  • Works with any JSON Webpage
  • Automatically Linkify Links
  • Formats JSON automatically
  • Raw, Formatted Raw and Parsed Mode
  • Remembers Theme Preferences
  • Shortcut Keys for ease of use
  • Collapsible Toolbar

Add to Chrome

Add to Firefox

Add to Microsoft Edge

Screenshots:

Selecting Theme

Clickable Links

Themes Preview

Different Formatting Options

Light Theme

Installation

Method 1 - Install JSON Formatter from Chrome Web Store

Method 2 - Install It locally

  • clone/download this repo,
  • open Chrome and go to chrome://chrome/extensions/,
  • enable "Developer mode",
  • click "Load unpacked extension",
  • select the extension folder in this repo.

Credits

License:

MIT Licence

json-formatter's People

Contributors

arnav-kr avatar imgbotapp avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

json-formatter's Issues

Bug: Edge Browser Redirects to BreadcrumbList Instead of YouTube Video When Clicking External Links

Is there an existing issue for this?

  • I have searched the existing issues

Describe the bug

When clicking on external links that redirected me to a YouTube video using Edge as my default browser, instead of opening the video in question, the browser brought up a BreadcrumbList.

However, if you disable the automatic use of the extension, the problem is temporarily resolved, remembering that this did not happen a week ago.

Expected Behavior

I was expecting a YouTube video to be played.

Steps To Reproduce

1 - From an external application, such as Outlook, click on a link that should redirect you to play a video on YouTube using Edge as the default browser.

System Info

- OS: Windows 11 Pro 22H2 (22621.2428)
- Browser: Microsoft Edge Versão 117.0.2045.60 (Compilação oficial) (64 bits)

Additional context?

Imagem do WhatsApp de 2023-10-13 à(s) 15 36 29_e2ed8623

Bug: update prompt not going away

Is there an existing issue for this?

  • I have searched the existing issues

Describe the bug

This is permanently pasted on my raw github pages:
image

I've had to uninstall the extension so I can copy raw github pages into my notepad

Expected Behavior

go away after displaying once

Steps To Reproduce

open a raw json file on a github site like:
https://raw.githubusercontent.com/arnav-kr/json-formatter/main/extension/manifest.json

System Info

- OS:Windows-11
- Browser: Brave

Additional context?

No response

Feature Request: Toolbar should be hidden

Describe your feature

Seeing the toolbar every time you load the page is annoying and distracting. The toolbar should be hidden when the page loads and only display if the user chooses to toggle it on.

Thanks!

Any Solutions You have thought of?

No response

Additional context?

No response

Bug: Chrome native UI preventing JSON Formatter

Is there an existing issue for this?

  • I have searched the existing issues

Describe the bug

Chrome seems to have introduced a new feature called "pretty print" when opening JSON files. It seems that this is blocking the JSON formatter from working properly. The usual UI elements and formatting are not displayed.

Using Chrome version 117.0.5938.62

Your extension is the most convenient JSON formatter out there, so a fix would be very much appreciated. Thank you!

Expected Behavior

JSON Files in browser are formatted and extension UI is displayed.

Steps To Reproduce

  1. Open JSON feed in browser
  2. Top of page shows Chrome pretty print option
  3. JSON is not formatted and extension not displayed in browser window

System Info

- OS: Mac OSX Ventura 13.5.2 (22G91)
- Browser: Version 117.0.5938.62

Additional context?

jsonfeed

Feature Request: Import/Export/backup Settings Config

Describe your feature

Ability to import/export configs for ease of setting up, or the ability to back up themes directly to the respective google account

Any Solutions You have thought of?

No response

Additional context?

User Review:
image

JS.ORG CLEANUP

JS.ORG CLEANUP

Hello, it seems a js.org subdomain that was requested to target this repository no longer works.
The subdomain requested was json.js.org and had the target of arnav-kr.github.io/json-formatter.
It produced the following failures when tested as part of the cleanup:

  • HTTP: Failed due to automatic redirect to 'https://js.org/302?json.js'
  • HTTPS: Failed due to time out after 5s

To keep the js.org subdomain you should add a page with reasonable content within a month so the subdomain passes the validation.
Failure to rectify the issues will result in the requested subdomain being removed from JS.ORGs DNS and the list of active subdomains.

If you are wanting to keep the js.org subdomain and have added reasonable content, YOU MUST reply to the main cleanup issue with the response format detailed at the top to keep the requested subdomain.

🤖 Beep boop. I am a robot and performed this action automatically as part of the js.org cleanup process. If you have an issue, please contact the js.org maintainers.

Bug: Properties with an empty dictionary "{}" will appear as "[object Object]" / "flex-shrink: 0;" should be added to the ".json-key" CSS class

Is there an existing issue for this?

  • I have searched the existing issues

Describe the bug

Properties with an empty dictionary "{}" will appear as "[object Object]".

Also, "flex-shrink: 0;" should be added to the ".json-key" CSS class.
I am a Japanese speaker and in Japanese there is no space between words, so if a value is long and spans multiple lines, the width of the key may be pushed to the value, causing the key to break lines as shown in the image.
You can solve this problem by simply adding the CSS "flex-shrink: 0;" to the .json-keys CSS class.

Please review the attached screenshots for more details.
I really like this extension and would love to see it fixed.

Expected Behavior

No response

Steps To Reproduce

No response

System Info

- OS: macOS 12.6.4
- Browser: Google Chrome 112.0.5615.137

Additional context?

image

image

image

Bug: Some complex JSON cannot be parsed

Is there an existing issue for this?

  • I have searched the existing issues

Describe the bug

a complex json

You can try this URL~~~

Expected Behavior

No response

Steps To Reproduce

No response

System Info

- OS:
- Browser:

Additional context?

No response

Bug: issues on brave (in Linux)

Paul Johnson
I would use it over Seven JSON Viewer, but it is currently broken (I am using Brave on Linux)
Quick fix for me was to add .line { line-height: 18px; }.

Bug: Please change the name of this extension

Is there an existing issue for this?

  • I have searched the existing issues

Describe the bug

This extension is named identically to my extension, JSON Formatter, released in 2012 (GitHub, Chrome Web Store).

Can you please change the name to something else, to avoid confusion with my extension.

Expected Behavior

N/A

Steps To Reproduce

N/A

System Info

N/A

Additional context?

No response

Feature Request: Add soft wrap for long strings

Describe your feature

It would be great if you'd add soft wrap for long strings. This will make it easier to copy and paste and make everything look neater.

long_str

Any Solutions You have thought of?

No response

Additional context?

No response

Bug:

Is there an existing issue for this?

  • I have searched the existing issues

Describe the bug

Screenshot_20230502-062302

Expected Behavior

Why are my phone numbers formatted incorrect? I can't text or call folks I interacted with yesterday. What in the world is going on. Please correct this or let me know what actions to take. I'm pissed

Steps To Reproduce

No response

System Info

- OS:
- Browser:chrome

Additional context?

No response

Feature Request: Text Overflow Wrapping with Option to Toggle On/Off

Describe your feature

Currently the json formatter doesn't have support for text overflow wrapping, it would be nice if you could support this and add a toggle option to enable or disable text overflow wrapping.

Any Solutions You have thought of?

add text overflow wrapping

Additional context?

Cause what I see is, it's hard to copy paste long access token codes that goes way way way to the right of your screen where you have to scroll for a few seconds to reach the end, having an text overflow wrapping will make much easier for people who uses mouse.

FYI, I don't ever use mouse though, just suggestion a nice to have feature for this awesome plugin.

Question: Collapse/Exapnd All option

Is there an existing issue for this?

  • I have searched the existing issues

Describe the bug

Question: I remember i used to use this feature a lot (Collapse/Exapnd All), but in the latest version am not able to see this option anymore. am missing something to get this option back?

please let me know.

Expected Behavior

No response

Steps To Reproduce

No response

System Info

- OS: Windows
- Browser: Version 118.0.5993.71 (Official Build) (64-bit)

Additional context?

No response

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.