diff --git a/package-lock.json b/package-lock.json index 43f8cf0..eccd234 100644 --- a/package-lock.json +++ b/package-lock.json @@ -2145,9 +2145,9 @@ } }, "@nodegui/qode": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/@nodegui/qode/-/qode-1.0.5.tgz", - "integrity": "sha512-JKb4JcC03VCdodmiL35VfznsCKHpiKOYbtgf9+KTHhH5p7IXvr+0k/LIq112T6Rpxd5zXa1pbsnfa2F8ReyWEg==", + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/@nodegui/qode/-/qode-1.0.6.tgz", + "integrity": "sha512-Np6r91wDCzV4+PCepr83t+BjWBtZMh5WT9/68mXXSMJi+ueZbYXL0d5VAIJ84C87NMwnA/7hdoqppp8lgzymvg==", "requires": { "env-paths": "^2.2.0", "extract-zip": "^1.6.7", @@ -2157,14 +2157,14 @@ } }, "@nodegui/react-nodegui": { - "version": "0.2.2", - "resolved": "https://registry.npmjs.org/@nodegui/react-nodegui/-/react-nodegui-0.2.2.tgz", - "integrity": "sha512-uvFPuOzK4Z60kMWMcJgNprdJfb5XF3A+ZkOE6NbvWQ5nBKv0v3MMKg7E+Du0DtDjLxLc0t7LJcaL7NqOkNdjdg==", + "version": "0.2.3", + "resolved": "https://registry.npmjs.org/@nodegui/react-nodegui/-/react-nodegui-0.2.3.tgz", + "integrity": "sha512-WZY3s1nIO3l/QSSyYFt0v0VWDB+lwTDXRKAymgJcc5fiahDnkLQWMXyfwc+JKWPQXZOcU3CsbtUYsmzERgKKIw==", "requires": { "@types/react-reconciler": "^0.18.0", "react-deep-force-update": "^2.1.3", "react-proxy": "^2.0.8", - "react-reconciler": "^0.23.0" + "react-reconciler": "^0.24.0" } }, "@sindresorhus/is": { @@ -3568,9 +3568,9 @@ }, "dependencies": { "path-key": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.0.tgz", - "integrity": "sha512-8cChqz0RP6SHJkMt48FW0A7+qUOn+OsnOsVtzI59tZ8m+5bCSk7hzwET0pulwOM2YMn9J1efb07KB9l9f30SGg==" + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz", + "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==" }, "shebang-command": { "version": "2.0.0", @@ -3586,9 +3586,9 @@ "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==" }, "which": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/which/-/which-2.0.1.tgz", - "integrity": "sha512-N7GBZOTswtB9lkQBZA4+zAXrjEIWAUOB93AvzUiudRzRxhUdLURQ7D/gAIMY1gatT/LTbmbcv8SiYazy3eYB7w==", + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz", + "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==", "requires": { "isexe": "^2.0.0" } @@ -5813,16 +5813,16 @@ } }, "mime-db": { - "version": "1.40.0", - "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.40.0.tgz", - "integrity": "sha512-jYdeOMPy9vnxEqFRRo6ZvTZ8d9oPb+k18PKoYNYUe2stVEBPPwsln/qWzdbmaIvnhZ9v2P+CuecK+fpUfsV2mA==" + "version": "1.42.0", + "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.42.0.tgz", + "integrity": "sha512-UbfJCR4UAVRNgMpfImz05smAXK7+c+ZntjaA26ANtkXLlOe947Aag5zdIcKQULAiF9Cq4WxBi9jUs5zkA84bYQ==" }, "mime-types": { - "version": "2.1.24", - "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.24.tgz", - "integrity": "sha512-WaFHS3MCl5fapm3oLxU4eYDw77IQM2ACcxQ9RIxfaC3ooc6PFuBMGZZsYpvoXS5D5QTWPieo1jjLdAm3TBP3cQ==", + "version": "2.1.25", + "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.25.tgz", + "integrity": "sha512-5KhStqB5xpTAeGqKBAMgwaYMnQik7teQN4IAzC7npDv6kzeU6prfkR67bc87J1kWMPGkoaZSq1npmexMgkmEVg==", "requires": { - "mime-db": "1.40.0" + "mime-db": "1.42.0" } }, "mimic-fn": { @@ -6434,9 +6434,9 @@ "dev": true }, "postcss": { - "version": "7.0.21", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.21.tgz", - "integrity": "sha512-uIFtJElxJo29QC753JzhidoAhvp/e/Exezkdhfmt8AymWT6/5B7W1WmponYWkHk2eg6sONyTch0A3nkMPun3SQ==", + "version": "7.0.23", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.23.tgz", + "integrity": "sha512-hOlMf3ouRIFXD+j2VJecwssTwbvsPGJVMzupptg+85WA+i7MwyrydmQAgY3R+m0Bc0exunhbJmijy8u8+vufuQ==", "requires": { "chalk": "^2.4.2", "source-map": "^0.6.1", @@ -6639,14 +6639,14 @@ } }, "react-reconciler": { - "version": "0.23.0", - "resolved": "https://registry.npmjs.org/react-reconciler/-/react-reconciler-0.23.0.tgz", - "integrity": "sha512-vV0KlLimP9a/NuRcM6GRVakkmT6MKSzhfo8K72fjHMnlXMOhz9GlPe+/tCp5CWBkg+lsMUt/CR1nypJBTPfwuw==", + "version": "0.24.0", + "resolved": "https://registry.npmjs.org/react-reconciler/-/react-reconciler-0.24.0.tgz", + "integrity": "sha512-gAGnwWkf+NOTig9oOowqid9O0HjTDC+XVGBCAmJYYJ2A2cN/O4gDdIuuUQjv8A4v6GDwVfJkagpBBLW5OW9HSw==", "requires": { "loose-envify": "^1.1.0", "object-assign": "^4.1.1", "prop-types": "^15.6.2", - "scheduler": "^0.17.0" + "scheduler": "^0.18.0" } }, "readable-stream": { @@ -6916,9 +6916,9 @@ "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==" }, "scheduler": { - "version": "0.17.0", - "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.17.0.tgz", - "integrity": "sha512-7rro8Io3tnCPuY4la/NuI5F2yfESpnfZyT6TtkXnSWVkcu0BCDJ+8gk5ozUaFaxpIyNuWAPXrH0yFcSi28fnDA==", + "version": "0.18.0", + "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.18.0.tgz", + "integrity": "sha512-agTSHR1Nbfi6ulI0kYNK0203joW2Y5W4po4l+v03tOoiJKpTBbxpNhWDvqc/4IcOw+KLmSiQLTasZ4cab2/UWQ==", "requires": { "loose-envify": "^1.1.0", "object-assign": "^4.1.1" diff --git a/package.json b/package.json index 73430b8..8c9d4d4 100644 --- a/package.json +++ b/package.json @@ -12,7 +12,7 @@ }, "dependencies": { "@nodegui/nodegui": "^0.6.5", - "@nodegui/react-nodegui": "^0.2.2", + "@nodegui/react-nodegui": "^0.2.3", "open": "^7.0.0", "react": "^16.12.0" }, diff --git a/src/components/steptwo.tsx b/src/components/steptwo.tsx index ab0e6ca..594595d 100644 --- a/src/components/steptwo.tsx +++ b/src/components/steptwo.tsx @@ -11,20 +11,20 @@ const buttonEventHandler = { export function StepTwo() { return ( - + {`
  1. - Open chrome and navigate to chrome://inspect. You should see a target below with your app. + Open chrome and navigate to chrome://inspect. You should see a target below with your app.

  2. - Next click on "Open dedicated DevTools for Node" + Next click on "Open dedicated DevTools for Node"

  3. - On the dedicated devtools. Click on Source > Node > "Your node process" + On the dedicated devtools. Click on Source > Node > "Your node process"
`} @@ -38,6 +38,11 @@ export function StepTwo() { ); } +const containerStyle = ` + flex: 1; + justify-content: 'space-around'; +`; + const textStyle = ` padding-right: 20px; `;