Able to blackbox a script from multiple places WIP

[Doomwyte]

Fixes #7287 WIP

Summary of Changes

• Blackbox a script from the sources panel WIP

Screenshots/Videos

[Doomwyte]

I need some help with adding the blackbox source menu item to the sources panel.

I added some console.log() in my commit to illustrate my issue. I got the menu item to appear in the sources panel, but clicking on it does not do anything. I found out that it's because in blackbox.js, it does not go into the return async() part inside function toggleBlackBox(). I notice that when I try doing the blackbox source action from right clicking in the source content, it does go into return async(). So I'm not sure why when I do it from the sources panel, it does not work.

[AnshulMalik]

I see that you are importing the action from actions file and directly calling it. One of my friends did the same thing yesterday and we lost two hours debugging the same :P.

You should bind the action like these and use it from props.

[Doomwyte]

Awesome I'll give that a try, thanks!

[Doomwyte]

Clicking on blackbox source in the sources panel now works. However, it does not update and I am unable to unblackbox the source through the sources panel without refreshing the page. Working on it.

[darkwing]

This is awesome research into the issue @Doomwyte ! I think we'll close for now because our context menu system needs a lot of work and consolidation. I'll keep this in mind!