Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Finicky not working with React's debugger-ui #277

Open
nurse-the-code opened this issue Jul 13, 2022 · 0 comments
Open

Finicky not working with React's debugger-ui #277

nurse-the-code opened this issue Jul 13, 2022 · 0 comments
Labels

Comments

@nurse-the-code
Copy link

nurse-the-code commented Jul 13, 2022

Describe the bug
When developing React Native apps, the debugger is not correctly loading in the browser

Your configuration
Machine: MacBook Air (M1, 2020)
OS: macOS Monterey version 12.4
Xcode: Version 13.4.1 (13F100)
Chrome: Version 103.0.5060.114 (Official Build) (arm64)

My finicky.js file:

// ~/.finicky.js

module.exports = {
    defaultBrowser: "Safari",
    rewrite: [
        {
            // Redirect all urls to use https
            match: ({ url }) => url.protocol === "http",
            url: { protocol: "https" }
        }
    ],
    handlers: [
        {
            // Open google.com and *.google.com urls in Google Chrome
            match: ["localhost:*/debugger-ui"],
            browser: {
                name: "Google Chrome",
                profile: "my-profile"
            }
        },
        {
            match: ({ url }) => url.host === "localhost",
            browser: "Firefox",
        },
        {
            // Open google.com and *.google.com urls in Google Chrome
            match: [
                "google.com/*", // match google.com urls
                "*.google.com/*", // match google.com subdomains
            ],
            browser: {
                name: "Google Chrome",
                profile: "my-profile"
            }
        }
    ]
};

Your configuration
Please add a link to or paste the relevant parts of your configuration here

To Reproduce
Steps to reproduce the behavior:

  1. Open a React Native app you are developing on your iPhone (this step assumes some familiarity with React Native development).
  2. Shake your device to access the development menu.
  3. Click on "Debug".
  4. Google Chrome should automatically open (or at least a new tab will open). Chrome will attempt to navigate debugger-ui (for me this was https://localhost:8081/debugger-ui).
  5. If default browser (set is System Preferences) was set to Finicky with the above settings, the Chrome prints an error message saying the following:
This site can’t provide a secure connection
localhost sent an invalid response.
ERR_SSL_PROTOCOL_ERROR
  1. If default browser (set is System Preferences) was set to Chrome, the debugger opens without issue.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

1 participant