Access react devtools `$r` from a chrome extension - google-chrome-extension

I'm trying to programmatically access the name of the currently inspected component from ReactDevTools (i.e, $r.type.name).
How can I programmatically active ReactDevtools to access this value?

Related

Salesforce Mobile App Navigation Item Customization

Is it possible to develop a custom aura/lwc component that helps each user to set up his salesforce app main page when he first open the app?
I know that it is possible to do that through the app edit but unfortunately our client need to do it through a custom component so he can select among drop down list one page and when he click save it will shows him the selected page as a main page when he opens the salesforce mobile app.

Chrome Web Store API: Is it possible to set category via api?

I'm trying to use Google Chrome Store API to deploy chrome extension automatically. There is API call to create a new one and there is API call to Publish
But if I'm trying to publish just uploaded extension it returns an error:
{"error":{"errors":[{"domain":"global","reason":"badRequest","message":"Publish condition not met: Please select a Primary Category for your item."}],"code":400,"message":"Publish condition not met: Please select a Primary Category for your item."}}
My questions is there a way to set "Category" programatically (via some other api API or in manifest.json)?
From the documentation:
Note: Currently, there is no API for setting an item’s metadata, such as description. This has to be done manually in the Chrome Web Store Developer Dashboard.

How to restrict customer access from app back-end in shopify

I'm trying to add a feature in a shopify app that blocks a certain customer from accessing a certain product, but I found out that I can block access from the site's theme. But how can I control customer access from an app and not from the theme, or is there a way I can edit the theme using an app's backend?
You can use the assets api to modify theme files. You could use this to update a snippet that contains your logic and then process the layout to make sure the snippet is included.

"User Authentication" Chome App Tutorial Page

Trying to follow this intro to user authentication using OAuth 2.0 in a Chrome Extension I am developing. https://developer.chrome.com/apps/app_identity
But I can't follow it (missing information).
Add permissions and upload app
You need to make sure the identity permission is in your manifest. You can
then upload your app to the apps and extensions management page (see Publish).
This step is fine. I have uploaded my project and it is in the developer dashboard.
Copy key to your manifest
When you register your application in the Google OAuth console, you'll provide your application's ID, which will be checked during token requests. Therefore it's important to have a consistent application ID during development.
To keep your application ID constant, you need to copy the key in the installed manifest.json to your source manifest. It's not the most graceful task, but here's how it goes:
1.Go to your user data directory. Example on MacOs: ~/Library/Application\ Support/Google/Chrome/Default/Extensions
2.List the installed apps and extensions and match your app ID on the apps and extensions management page to the same ID here.
3.Go to the installed app directory (this will be a version within the app ID).
4.Open the installed manifest.json (pico is a quick way to open the file).
5.Copy the "key" in the installed manifest.json and paste it into your app's source manifest file.
Except, straight away, at step 1, I cannot progress. My app is not installed and therefore its ID does not appear in the user data directory.
Will installing the unpacked extension work? Well it doesn't appear in Default/Extensions directory so I guess not. Besides, it has been given a different ID than my dashboard instance.
Therefore, where do I get the key? There is a key associated with my app on the developer dashboard. But this "tutorial" doesn't mention that.
Is somebody able to explain what I should be doing such as pointing me to another resource to learn how to set up a basic user authentication for a Chrome App?
After uploading, from the developer dashboard you can click on the "More Info" on the right of your extension in the dashboard.
You will see several pieces of useful data:
item id - this is the extension id
public key - this is the "key" you want. Copy everything between (not including) the "BEGIN PUBLIC KEY" and "END PUBLIC KEY" markers, and paste it into a "key" property in your manifest.json
Here's one way to solve this:
In the Chrome Developer Dashboard, edit your current project.
Scroll down and click Preview Changes
Click the Share icon button next to Add To Chrome which is grayed out.
E-mail the link to yourself.
Follow the link to your app's store page and now you should be able to click Add To Chrome. It will then be installed on your system under [profile]/Extensions.

role based access control in node js

I am developing a web portal using Angular JS and node.js and I have been researching to find a library in node.js which provides role based access control.
All the libraries which are currently available such connect-roles, ACL etc provide page level authorization where you cannot access a particular path or URL based on your role.
Do we have any ready made options where in we can enable/disable a text box based on the role of the user? So my page page will be rendered to the user however some of the fields will be disabled based on the role of the user.
Thanks in advance.
You could give below a try
The above is part of ongoing Node.js boilerplate platform below
Nodejs_Postgresql_VanillaJS_Fastify

Resources