Create Developer Tools

[myxmaster]

Description

This fixes #117 by adding Developer Tools.

Added a monospace font for the response (Android only so far).

This pull request is categorized as a:

• New feature
• Bug fix
• Code refactor
• Configuration change
• Locales update
• Quality assurance
• Other

Checklist

• I’ve run yarn run tsc and made sure my code compiles correctly
• I’ve run yarn run lint and made sure my code didn’t contain any problematic patterns
• I’ve run yarn run prettier and made sure my code is formatted correctly
• I’ve run yarn run test and made sure all of the tests pass

Testing

If you modified or added a utility file, did you add new unit tests?

• No, I’m a fool
• Yes
• N/A

I have tested this PR on the following platforms (please specify OS version and phone model/VM):

• Android
• iOS

I have tested this PR with the following types of nodes (please specify node version and API version where appropriate):

• Embedded LND
• LND (REST)
• LND (Lightning Node Connect)
• Core Lightning (CLNRest)
• LndHub
• [DEPRECATED] Core Lightning (c-lightning-REST)
• [DEPRECATED] Core Lightning (Spark)
• [DEPRECATED] Eclair

Locales

• I’ve added new locale text that requires translations
• I’m aware that new translations should be made on the ZEUS Transfix page and not directly to this repo

Third Party Dependencies and Packages

• Contributors will need to run yarn after this PR is merged in
• 3rd party dependencies have been modified:
  • verify that package.json and yarn.lock have been properly updated
  • verify that dependencies are installed for both iOS and Android platforms

Other:

• Changes were made that require an update to the README
• Changes were made that require an update to onboarding

[shubhamkmr04]

we can't see the borderRadius of response container in the bottom

[shubhamkmr04]

Can we also probably add a feature to clear the response ?

[myxmaster]

Can we also probably add a feature to clear the response ?

The autistic part in me was also thinking about that, but then again you can just leave the screen and it will be reset. And other calls also always clear the response first.
What do you think @kaloudis?

[kaloudis]

Can we also probably add a feature to clear the response ?

The autistic part in me was also thinking about that, but then again you can just leave the screen and it will be reset. And other calls also always clear the response first. What do you think @kaloudis?

I think we have real estate in the top right corner for a clear button. It would be half the steps of leaving the page and returning.

[myxmaster]

It would be half the steps of leaving the page and returning.

Yes, only question is, why would somebody want/need it?

[kaloudis]

It would be half the steps of leaving the page and returning.

Yes, only question is, why would somebody want/need it?

In the screenshot above you have a response that takes up the whole view. Instead of scrolling for some time to get back to the next response you want, you could simply have a button that resets the view.

[myxmaster]

Or an icon to scroll to the top. I personally would like that better. Let me know what you prefer.

[myxmaster]

Maybe we can have an icon on bottom right corner, that starts to be displayed if you scroll down... A click on that would scroll all the way to the top immediately.

[myxmaster]

Looks pretty good imo:

[shubhamkmr04]

Looks perfect now!

[myxmaster]

(rebased)

[shubhamkmr04]

• Can we probably handle empty responses in a different way? 🤔 instead of showing {}
• Also there would be no need to have a copy icon in this case

[myxmaster]

True... What should we do? "No data"?

[shubhamkmr04]

True... What should we do? "No data"?

Yeah something like No data found would be good I think

[kaloudis]

{} would probably be fine to leave.

This is after all, tools for devs

[shubhamkmr04]

tACK

[kaloudis]

No LND support yet? Just CLNRest and LNDHub?

[myxmaster]

LND based backends all work and are therefore not even checked individually:

     supportsDevTools = () => {
        return this.isLNDBased() || this.call('supportsDevTools');
    };
    ```

[myxmaster]

rebased/solved conflict

[myxmaster]

Don't forget: You still might want to add a monospace font for iOS...