deploy: 84352e3

Author: phoenixide

.well-known/assetlinks.json

@@ -0,0 +1,11 @@
+[
+  {
+    "relation": ["delegate_permission/common.handle_all_urls"],
+    "target": {
+      "namespace": "android_app",
+      "package_name": "prod.phcode.twa",
+      "sha256_cert_fingerprints":
+      ["18:BF:CD:EE:B2:5B:BA:CB:F8:BE:76:FD:42:91:FE:0E:9F:43:EE:8B:51:4A:C5:3C:45:93:29:7C:70:CA:01:98"]
+    }
+  }
+]

LiveDevelopment/BrowserScripts/LivePreviewTransportRemote.js

@@ -329,15 +329,130 @@
         }
     });
 
+    function alertPatch(message, titleText) {
+        // Create the modal container
+        const modal = document.createElement('div');
+        modal.style.position = 'fixed';
+        modal.style.top = '0';
+        modal.style.left = '0';
+        modal.style.width = '100%';
+        modal.style.height = '100vh';
+        modal.style.backgroundColor = 'rgba(0,0,0,0.5)';
+        modal.style.display = 'flex';
+        modal.style.justifyContent = 'center';
+        modal.style.alignItems = 'center';
+        modal.style.zIndex = '1000000000';
+
+        // Create the modal content box
+        const modalContent = document.createElement('div');
+        modalContent.style.backgroundColor = 'white';
+        modalContent.style.padding = '20px';
+        modalContent.style.borderRadius = '5px';
+        modalContent.style.minWidth = '300px';
+        modalContent.style.margin = 'auto';
+        modalContent.style.textAlign = 'center';
+
+        // Add title to the modal with the current page URL
+        const title = document.createElement('h3');
+        title.textContent = titleText || "alert"; // not translated as window.alert is same in all languages.
+        title.style.marginBottom = '10px';
+
+        // Add text to the modal
+        const text = document.createElement('p');
+        text.textContent = message;
+        text.style.marginBottom = '20px';
+
+        // Create OK button to close the modal
+        const button = document.createElement('button');
+        button.textContent = 'OK';
+        button.style.padding = '10px 20px';
+        button.style.border = 'none';
+        button.style.backgroundColor = '#007BFF';
+        button.style.color = 'white';
+        button.style.borderRadius = '5px';
+        button.style.cursor = 'pointer';
+
+        button.onclick = function() {
+            document.body.removeChild(modal);
+        };
+
+        // Append elements
+        modalContent.appendChild(title);
+        modalContent.appendChild(text);
+        modalContent.appendChild(button);
+        modal.appendChild(modalContent);
+        document.body.appendChild(modal);
+    }
+
+    function unsupportedConfirm() {
+        alertPatch(TRANSPORT_CONFIG.STRINGS.UNSUPPORTED_DOM_APIS_CONFIRM, "window.confirm");
+    }
+    function unsupportedPrompt() {
+        alertPatch(TRANSPORT_CONFIG.STRINGS.UNSUPPORTED_DOM_APIS_CONFIRM, "window.prompt");
+    }
+
+    // all externally opened live previews have the phcodeLivePreview="true" query string parameter set.
+    const currentUrl = new URL(window.location.href);
+    const queryParams = new URLSearchParams(currentUrl.search);
+    const isExternalBrowser = queryParams.get("phcodeLivePreview") === "true";
+    const isTauri = TRANSPORT_CONFIG.IS_NATIVE_APP;
+    const platform = TRANSPORT_CONFIG.PLATFORM;
+
+    let alertQueue = [], confirmCalled = false, promptCalled = false;
+    let addToQueue = true;
+    if(!isExternalBrowser){
+        // this is an embedded iframe we always take hold of the alert api for better ux within the live preivew frame.
+        window.__PHOENIX_EMBED_INFO = {isTauri, platform};
+        const shouldPatchAlert = (isTauri && platform === "mac");
+        if(shouldPatchAlert){
+            // In Mac embedded live preview iframe in tauri, alert, prompt, and confirm apis
+            // are not available, so we need to patch the other apis in mac
+            window.alert = function (...args) {
+                // at this time, we cant add our html alert as body is not loaded yet. So we queue alerts.
+                addToQueue && alertQueue.push(...args);
+            };
+            window.confirm = function () {
+                // confirm and prompt is no-op in mac, we just need to show that the api is not supported, so we just
+                // keep a flag.
+                confirmCalled = true;
+            };
+            window.prompt = function () {
+                promptCalled = true;
+            };
+            function drainAlertQueues() {
+                addToQueue = false;
+                if(confirmCalled) {
+                    unsupportedConfirm();
+                }
+                if(promptCalled) {
+                    unsupportedPrompt();
+                }
+                for(let i=0; i<alertQueue.length; i++) {
+                    alertPatch(alertQueue[i]);
+                }
+                alertQueue = [];
+                window.alert = alertPatch;
+                window.confirm = unsupportedConfirm;
+                window.prompt = unsupportedPrompt;
+            }
+
+            document.addEventListener('DOMContentLoaded', function() {
+                drainAlertQueues();
+            });
+        }
+    }
+
     // this is for managing who am i context in iframes embedded in phoenix to have special handling.
     window.addEventListener('message', function(event) {
         if (!TRANSPORT_CONFIG.TRUSTED_ORIGINS_EMBED[event.origin]) {
             return; // Ignore messages from unexpected origins
         }
-
-        window.__PHOENIX_EMBED_INFO = {
-            isTauri: event.data.isTauri
-        };
+        if(event.data.type === "WHO_AM_I_RESPONSE") {
+            if(!window.__PHOENIX_EMBED_INFO){
+                // this is set from transport config. We should be here
+                console.error("Expected window.__PHOENIX_EMBED_INFO to be set, but not???");
+            }
+        }
     });
     if(window.self !== window.parent){
         // in an iframe

LiveDevelopment/MultiBrowserImpl/protocol/LiveDevProtocol.js

@@ -163,8 +163,7 @@ define(function (require, exports, module) {
             activeEditor && activeEditor.focus(); // restore focus from live preview
             return;
         }
-        const openFullEditors = MainViewManager.findInOpenPane(liveDocPath);
-        const openLiveDocEditor = openFullEditors.length ? openFullEditors[0].editor : null;
+        const allOpenFileCount = MainViewManager.getWorkingSetSize(MainViewManager.ALL_PANES);
         function selectInHTMLEditor(fullHtmlEditor) {
             const position = HTMLInstrumentation.getPositionFromTagId(fullHtmlEditor, parseInt(tagId, 10));
             if(position && fullHtmlEditor) {
@@ -180,22 +179,13 @@ define(function (require, exports, module) {
             // the active editor takes the priority in the workflow. If a css related file is active,
             // then we dont need to open the html live doc. For less files, we dont check if its related as
             // its not directly linked usually and needs a compile step. so we just do a fuzzy search.
-            activeEditor.focus();
+            _focusEditorIfNeeded(activeEditor, nodeName, contentEditable);
             _searchAndCursorIfCSS(activeEditor, allSelectors, nodeName);
             // in this case, see if we need to do any css reverse highlight magic here
-        } else if(openLiveDocEditor) {
-            // If we are on multi pane mode, the html doc was open in an inactive unfocused editor.
-            selectInHTMLEditor(openLiveDocEditor);
-        } else {
-            // no open editor for the live doc in panes, check if there is one in the working set.
-            const foundInWorkingSetPane = MainViewManager.findInAllWorkingSets(liveDocPath);
-            const paneToUse = foundInWorkingSetPane.length ?
-                foundInWorkingSetPane[0].paneId:
-                MainViewManager.ACTIVE_PANE; // if pane id is active pane, then the file is not open in working set
-            const viewToUse = (paneToUse === MainViewManager.ACTIVE_PANE) ?
-                FileViewController.PROJECT_MANAGER:
-                FileViewController.WORKING_SET_VIEW;
-            FileViewController.openAndSelectDocument(liveDocPath, viewToUse, paneToUse)
+        } else if(!allOpenFileCount){
+            // no open editor in any panes, then open the html file directly.
+            FileViewController.openAndSelectDocument(liveDocPath,
+                FileViewController.WORKING_SET_VIEW, MainViewManager.ACTIVE_PANE)
                 .done(()=>{
                     selectInHTMLEditor(EditorManager.getActiveEditor());
                 });

LiveDevelopment/MultiBrowserImpl/transports/LivePreviewTransport.js

@@ -27,6 +27,7 @@ define(function (require, exports, module) {
 
     const LiveDevProtocol      = require("LiveDevelopment/MultiBrowserImpl/protocol/LiveDevProtocol"),
         EventDispatcher = require("utils/EventDispatcher"),
+        Strings            = require("strings"),
         Metrics = require("utils/Metrics");
 
     const METRIC_SEND_INTERVAL_MS = 1000;
@@ -75,9 +76,14 @@ define(function (require, exports, module) {
             _transportBridge.getRemoteTransportScript()) || "";
         transportScript = "const TRANSPORT_CONFIG={};" +
             `TRANSPORT_CONFIG.PHOENIX_INSTANCE_ID = "${Phoenix.PHOENIX_INSTANCE_ID}";\n` +
+            `TRANSPORT_CONFIG.IS_NATIVE_APP = ${Phoenix.isNativeApp};\n` +
+            `TRANSPORT_CONFIG.PLATFORM = "${Phoenix.platform}";\n` +
             `TRANSPORT_CONFIG.LIVE_DEV_REMOTE_WORKER_SCRIPTS_FILE_NAME = "${LiveDevProtocol.LIVE_DEV_REMOTE_WORKER_SCRIPTS_FILE_NAME}";\n` +
             `TRANSPORT_CONFIG.LIVE_PREVIEW_DEBUG_ENABLED = ${logger.loggingOptions.logLivePreview};\n`+
             `TRANSPORT_CONFIG.TRUSTED_ORIGINS_EMBED = ${JSON.stringify(Phoenix.TRUSTED_ORIGINS)};\n`+
+            `TRANSPORT_CONFIG.STRINGS = {
+                UNSUPPORTED_DOM_APIS_CONFIRM: "${Strings.UNSUPPORTED_DOM_APIS_CONFIRM}"
+            };\n`+
             transportScript;
         return LivePreviewTransportRemote.replace(replaceString, transportScript)
             + "\n";

appConfig.js

@@ -26,7 +26,7 @@ window.AppConfig = {
         "app_notification_url": "assets/notifications/dev/",
         "app_update_url": "https://updates.phcode.io/tauri/update-latest-experimental-build.json",
         "linting.enabled_by_default": true,
-        "build_timestamp": "2024-06-27T13:27:52.261Z",
+        "build_timestamp": "2024-09-09T05:20:19.451Z",
         "googleAnalyticsID": "G-P4HJFPDB76",
         "googleAnalyticsIDDesktop": "G-VE5BXWJ0HF",
         "mixPanelID": "49c4d164b592be2350fc7af06a259bf3",
@@ -38,8 +38,8 @@ window.AppConfig = {
         "bugsnagEnv": "development"
     },
     "name": "Phoenix Code",
-    "version": "3.8.9-20450",
-    "apiVersion": "3.8.9",
+    "version": "3.9.3-20557",
+    "apiVersion": "3.9.3",
     "homepage": "https://core.ai",
     "issues": {
         "url": "https://github.com/phcode-dev/phoenix/issues"

assets/default-project/en.zip

@@ -7,6 +7,32 @@ We are continuously adding features every week to improve the life of web develo
 
 Here's a list of top features recently added to Phoenix:
 
+## Auto Tab and Spacing detection
+
+`Added on August, 2024`
+
+Phoenix Code can now automatically detect and apply the indentation style (tabs or spaces) based on the existing code in the file.
+[Read more...](https://docs.phcode.dev/docs/editing-text/#auto-space-detection)
+
+![image](https://github.com/user-attachments/assets/0adc47c5-a561-4002-bffb-d7bcde999b9d)
+
+## Auto rename start and end of HTML/XML/SVG tags
+
+`Added on July, 2024`
+
+Automatically rename paired HTML/XML/SVG tags as you type at the start or end of the tag. [Read more...](https://docs.phcode.dev/docs/editing-text/#auto-rename-tag)
+
+![tag sync](https://github.com/user-attachments/assets/ad82db8c-df1c-4c83-a5db-145caab539ec)
+
+## Now Available on ChromeOS
+
+`Added on July, 2024`
+
+All new native ChromeOS app is now available on the Google Play Store.
+The ChromeOS app is a highly requested feature and is specially made for education and student use.
+
+[![google play icon (1)](https://github.com/user-attachments/assets/0a7f20ce-653c-43a8-ac3e-3875ea74df5b)](https://play.google.com/store/apps/details?id=prod.phcode.twa)
+
 ## Drag and Drop Files and Folders in Desktop Apps - Experimental
 
 `Added on June, 2024`

assets/default-project/en/Newly_added_features.md

@@ -12,7 +12,7 @@
             <img id="logo"  src="images/phoenix-logo.svg"/>
             <div id="MainText">
                 <h1>Phoenix Code</h1>
-                <span>Code Creatively: Visual Editing Tailored for Developers</span>
+                <span>The text editor designed to make coding as simple and fun as playing a video game</span>
                 <br><br>
                 <button id="load-status-display-btn" class="primary-button">Loading Editor...</button>
                 <p style= "color: white; font-size:13px;" id="load-status-display-text"  >...</p>