Today I had an idea for a Chrome extension project. So after work, I re-learning again on how to create a Chrome extension. As I was tinkering with the code, I encountered this error:

Uncaught (in promise) Error: Cannot access contents of url “https://developer.chrome.com/docs/extensions/reference/permissions/”. Extension manifest must request permission to access this host.

To solve this problem, we need to update the manifest.json. If you are using manifest version 2 (V2), you need to add url patterns into optional_permissions.

V2 Manifest

{
  "name": "My extension",
  "manifest_version": 2,
  ...
  "optional_permissions": ["http://*/", "https://*/"], 
  ...
}

If you are using manifest version 3 (V3), you need to add it to host_permissions instead.

V3 Manifest

{
  "name": "My extension",
  "manifest_version": 3,
  ...
  "host_permissions": ["http://*/", "https://*/"], 
  ...
}

That’s all folks!

Reading material: chrome.permissions

One of the main grievance I have about JSON Table Editor was the slow loading when we load huge data. The loading progress bar also didn’t provide meaningful information to help us manage our expectations.

Recently, when working on recent enhancements, I realized that my old way of loading the data can be improved. I also finding out about updateProgress method of Ext.window.MessageBox

After tinkering with the code for few occasions, the loading speed and UI is improved very much.

That’s all folks!

Recently, I found two bugs in JSON Table Editor. Both bugs are related to the Grid’s filter. The first one is the filter for string data type. The filter is only showing one text field. It will search based on ‘contains’ operator.

Which is not a very good filter. Filtering for ‘Published’ rows, still include ‘Unpublished’ rows. After the fix, it is much better.

Please note that Starts with and Ends with are case sensitive.

The second filter to fix is the numeric filter. Currently the filter looks like this:

It’s not very clear what are the fields for. This is caused by missing icons. After the fix:

Now we know which field is for Less than, Greater than, and Equal.

That’s all folks. I hope it helps!