Skip to content

A minimal JSON viewer extension built using open-source components!

License

Notifications You must be signed in to change notification settings

sdabhi23/monaco-json-viewer

Repository files navigation

Monaco JSON Viewer

A minimalistic JSON viewer built using open-source components!

demo / preview

Installation instructions

Currently anyone can sideload this extension on Google Chrome or Microsoft Edge by downloading the zip file of the latest release

Google Chrome

Adapted from How to install Chrome extensions manually from GitHub | dev.to

  1. Download and unzip the zip file of the latest release

  2. Visit chrome://extensions and turn on "Developer mode"

    step 1

  3. Click "Load unpacked" button and navivigate to the folder you downloaded from GitHub

    step 2

Update the extension: Navigate to chrome://extensions, and then select Reload to update your extension.

Remove the extension from your browser: Navigate to chrome://extensions, and then select Remove on your extension.

That's it 🎉

Microsoft Edge

Adapted from Sideload an extension | Microsoft Edge documentation

  1. Download and unzip the zip file of the latest release

  2. Open the edge://extensions page by choosing the three dots at the top of your browser, and then selecting Extensions

    step 1

  3. On the extension management page at edge://extensions, turn on Developer mode using the toggle at the bottom left of the page.

    step 2

  4. When installing your extension for the first time, choose Load Unpacked. You'll be prompted for the directory with your extension source files. Your extension is installed in your browser, similar to extensions installed from the store.

    step 3

Update the extension: Navigate to edge://extensions, and then select Reload to update your extension.

Remove the extension from your browser: Navigate to edge://extensions, and then select Remove on your extension.

That's it 🎉

Components used

  • Monaco Editor: The code editor that powers VS Code
  • Keyboard CSS: A library of ready-to-use, cross-browser compatible keyboard like button UI

License

Monaco JSON Viewer is licensed under the MIT license