Migrate to Manifest V3

[neavns]

JSON Viewer Migration to Manifest V3

Overview

As you’re likely aware, the current extension has stopped working due to its reliance on an outdated manifest version, which is no longer supported on the Chrome Web Store. This PR updates the extension to Manifest V3.

Key Changes

Manifest File Updates

• Changed manifest_version from 2 to 3
• Replaced background.scripts with background.service_worker
• Restructured web_accessible_resources to use the new object format with resources and matches properties
• Replaced permissions that are now considered host permissions with entries in the new host_permissions array

Background Script Changes

• Converted background page to a service worker
• Updated message handling to properly support asynchronous responses
• Added return true to message listeners to keep the message channel open for async responses

Storage API Usage

• Updated Storage API usage to handle the asynchronous nature of Chrome storage in MV3
• Implemented proper callback handling for storage operations
• Added fallback mechanisms when storage is not immediately available

Content Security Policy

• Removed inline scripts to comply with stricter CSP rules
• Moved inline event handlers to proper JavaScript event listeners
• Ensured all CSS is loaded via proper resource references

Theme Loading

• Updated theme CSS loading mechanism to work with MV3's stricter resource access rules
• Added all theme CSS files to web_accessible_resources list
• Fixed paths for theme resources to ensure proper loading

Omnibox Functionality

• Updated omnibox handling to work with MV3's service worker model
• Fixed scratch pad functionality to work with the new extension structure

Build Process Changes

• Updated webpack configuration to support MV3 requirements
• Ensured proper copying of theme CSS files to the correct locations

Housekeeping

1. Updated most dependencies to their latest version
2. Removed redundant deps such as promise
3. Updated the syntax in the files touched
4. Fixed the alwaysFold typo 😉

Thanks for this amazing extension @tulios 🙂

[neavns]

@tulios could this be reviewed please?

[luizgununes]

Excellent job, @neavns!
I was about to do the same thing because this is the best JSON viewer extension I've found so far, and it definitely needs to be updated. I just have one observation: when trying to install using npm, the extract-text-webpack-plugin library threw an error because it's not compatible with the current version of webpack and isn't needed since mini-css-extract-plugin is already installed. After removing that line, the installation went smoothly.

[neavns]

Hey @luizgununes, good catch!

I was using yarn to install the dependencies, and everything worked fine on my end, so I initially missed it. But you’re absolutely right - I see the issue when using npm, and it should be fixed now that I’ve removed the redundant package.

[luizgununes]

Great, @neavns!

I was wondering here, since this original repository is under the MIT license, there's no problem if you or I update the manifest, like you already did, and reupload it to the Chrome Web Store, keeping the original license and name of the owner of the original code, which is @tulios, who seems to be a bit away from the web.

I have a developer account. If you want, I can upload your fix.

[neavns]

@luizgununes Looks like someone had the exact same idea here 😄 So perhaps this PR is no longer needed, although it would be nice to maintain the original source code.

[wyage]

good work, hoping it accepted.

[bartzalewski]

What's the other way? Download, build, and load unpacked?