chore: login working in the browser

Author: abose

docs/API-Reference/editor/CodeHintManager.md

@@ -271,7 +271,7 @@ Test if a hint popup is open.
 Register a handler to show hints at the top of the hint list.
 This API allows extensions to add their own hints at the top of the standard hint list.
 
-**Kind**: inner method of [<code>CodeHintManager</code>](#module_CodeHintManager)
+**Kind**: inner method of [<code>CodeHintManager</code>](#module_CodeHintManager)  
 
 | Param | Type | Description |
 | --- | --- | --- |
@@ -282,4 +282,4 @@ This API allows extensions to add their own hints at the top of the standard hin
 ### CodeHintManager.clearHintsAtTop()
 Unregister the hints at top handler.
 
-**Kind**: inner method of [<code>CodeHintManager</code>](#module_CodeHintManager)
+**Kind**: inner method of [<code>CodeHintManager</code>](#module_CodeHintManager)  

src-node/index.js

@@ -219,7 +219,7 @@ const nodeConnector = NodeConnector.createNodeConnector(AUTH_CONNECTOR_ID, {
     setVerificationCode
 });
 
-const ALLOWED_ORIGIN = 'https://account.phcode.io';
+const ALLOWED_ORIGIN = 'https://account.phcode.dev';
 function autoAuth(req, res) {
     const origin = req.headers.origin;
     // localhost dev of loginService is not allowed here to not leak to production. So autoAuth is not available in

src/brackets.js

@@ -139,7 +139,8 @@ define(function (require, exports, module) {
     require("widgets/InlineMenu");
     require("thirdparty/tinycolor");
     require("utils/LocalizationUtils");
-    require("services/login");
+    require("services/login-desktop");
+    require("services/login-browser");
 
     // DEPRECATED: In future we want to remove the global CodeMirror, but for now we
     // expose our required CodeMirror globally so as to avoid breaking extensions in the

src/config.json

@@ -3,10 +3,10 @@
         "app_title": "Phoenix Code",
         "app_name_about": "Phoenix Code",
         "about_icon": "styles/images/phoenix-icon.svg",
-        "account_url": "https://account.phcode.io/",
+        "account_url": "https://account.phcode.dev/",
         "how_to_use_url": "https://github.com/adobe/brackets/wiki/How-to-Use-Brackets",
         "docs_url": "https://docs.phcode.dev/",
-        "support_url": "https://account.phcode.io/?returnUrl=https%3A%2F%2Faccount.phcode.io%2F%23support",
+        "support_url": "https://account.phcode.dev/?returnUrl=https%3A%2F%2Faccount.phcode.dev%2F%23support",
         "suggest_feature_url": "https://github.com/phcode-dev/phoenix/discussions/categories/ideas",
         "report_issue_url": "https://github.com/phcode-dev/phoenix/issues/new/choose",
         "get_involved_url": "https://github.com/phcode-dev/phoenix/discussions/77",
@@ -60,4 +60,4 @@
             "url": "https://github.com/phcode-dev/phoenix/blob/master/LICENSE"
         }
     ]
-}
+}

src/nls/root/strings.js

@@ -1607,6 +1607,14 @@ define({
     "ACCOUNT_DETAILS": "Account Details",
     "AI_QUOTA_USED": "AI quota used",
     "LOGIN_REFRESH": "Check Login Status",
+    "SIGN_IN_WAITING_TITLE": "Waiting for Sign In",
+    "SIGN_IN_WAITING_MESSAGE": "Please complete sign-in in the new tab, then return here.",
+    "WAITING_FOR_LOGIN": "Waiting for login\u2026",
+    "CHECK_NOW": "Check Now",
+    "CHECKING": "Checking\u2026",
+    "CHECKING_STATUS": "Checking login status\u2026",
+    "NOT_SIGNED_IN_YET": "Not signed in yet. Please complete sign-in in the other tab.",
+    "WELCOME_BACK": "Welcome back, {0}!",
 
     // Collapse Folders
     "COLLAPSE_ALL_FOLDERS": "Collapse All Folders",

src/services/html/browser-login-waiting-dialog.html

@@ -0,0 +1,19 @@
+<div class="browser-login-waiting-dialog modal">
+    <div class="modal-header">
+        <h1 class="dialog-title">{{Strings.SIGN_IN_WAITING_TITLE}}</h1>
+    </div>
+    <div class="modal-body">
+        <div class="waiting-content-container">
+            <p>{{Strings.SIGN_IN_WAITING_MESSAGE}}</p>
+            <div class="login-status-container" style="margin: 20px 0; text-align: center;">
+                <div id="login-status" style="color: #666; font-style: italic; font-size: 14px;">
+                    {{Strings.WAITING_FOR_LOGIN}}
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="modal-footer">
+        <button class="btn" data-button-id="cancel">{{Strings.CANCEL}}</button>
+        <button class="btn primary" data-button-id="check">{{Strings.CHECK_NOW}}</button>
+    </div>
+</div>