deploy: 8a905e4

Author: phoenixide

appConfig.js

@@ -23,7 +23,7 @@ window.AppConfig = {
         "extension_store_url": "https://store.core.ai/src/",
         "app_notification_url": "assets/notifications/dev/",
         "linting.enabled_by_default": true,
-        "build_timestamp": "2024-01-15T14:18:58.803Z",
+        "build_timestamp": "2024-01-16T06:26:20.592Z",
         "googleAnalyticsID": "G-P4HJFPDB76",
         "googleAnalyticsIDDesktop": "G-VE5BXWJ0HF",
         "mixPanelID": "49c4d164b592be2350fc7af06a259bf3",
@@ -34,7 +34,7 @@ window.AppConfig = {
         "bugsnagEnv": "development"
     },
     "name": "Phoenix",
-    "version": "3.2.18-19707",
+    "version": "3.2.18-19709",
     "apiVersion": "3.2.18",
     "homepage": "https://core.ai",
     "issues": {

assets/default-project/en.zip

@@ -14,12 +14,12 @@
                 <h1>Phoenix</h1>
                 <span>Modern, Open-source, IDE For The Web <br /></span><br />
             </div>
-            <div class="video-slider">
-                <iframe
-                    title="Live HTML Preview"
-                    allow="fullscreen;"
-                    class="video"
-                    src="https://www.youtube.com/embed/Jkg3nAZ6vF8?ecver=2&enablejsapi=1"></iframe>
+            <div>
+                <a href="https://www.youtube.com/watch?v=Jkg3nAZ6vF8" target="_blank" title="Phoenix YouTube Channel">
+                    <img src="images/youtube_video.png" alt="Phoenix Code on YouTube"
+                         title="Phoenix Code on YouTube"
+                         style="cursor: pointer"/>
+                </a>
             </div>
         </div>
         <img id="cloudLeftTop" alt="cloud" src="images/vector-top-left.png" />

assets/default-project/en/images/youtube_video.png

@@ -158,12 +158,6 @@ h1 {
     }
 }
 
-.video-slider {
-    width: 100%;
-    height: 15em;
-    position: relative;
-    overflow: hidden;
-}
 .video {
     height: 100%;
     width: 100%;

assets/default-project/en/index.html

@@ -77,6 +77,17 @@ function getDisplayLocation(projectPath) {
     return Strings.PROJECT_FROM_BROWSER;
 }
 
+const videoHTML = `<iframe id="noProjectIframe" style="align-items: center"
+                src="https://www.youtube.com/embed/vtks0cus0hA" title="YouTube video player"
+                frameBorder="0"
+                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+                allowFullScreen></iframe>`;
+
+const imageHTML = `<img src="images/youtube_video.png" alt="Phoenix Code on YouTube"
+    title="Phoenix Code on YouTube"
+    style="cursor: pointer"
+    onclick="window.parent.brackets.app.openURLInDefaultBrowser('https://www.youtube.com/watch?v=vtks0cus0hA')"/>`;
+
 function _updateProjectCards() {
     let recentProjectList = $(document.getElementById('recentProjectList'));
     recentProjectList.empty();
@@ -86,6 +97,9 @@ function _updateProjectCards() {
         omitProjectsInListing = [newProjectExtension.getExploreProjectPath()],
         showRecentProjects = false;
     for(let recentProject of recentProjects){
+        if(!recentProject.endsWith("/")){
+            recentProject = `${recentProject}/`;
+        }
         if(!defaultProjects.includes(recentProject)){
             showRecentProjects = true;
         }
@@ -94,14 +108,17 @@ function _updateProjectCards() {
                 `recent-prj-list-${tabIndex}`, tabIndex++));
         }
     }
+    const Phoenix = window.top.Phoenix;
     if(!showRecentProjects){
         $("#recentProjectsContainer").addClass("forced-hidden");
         $("#noProjectContainer").removeClass("forced-hidden");
-        let videoHtml = `<iframe id="noProjectIframe" style="align-items: center" src="https://www.youtube.com/embed/vtks0cus0hA" title="YouTube video player"
-                frameBorder="0"
-                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
-                allowFullScreen></iframe>`;
-        document.getElementById("YTVideoFrame").innerHTML = videoHtml;
+        if(Phoenix.browser.isTauri && Phoenix.platform === 'linux'){
+            // in desktop linux, tauri app images causes a 2-5 second pause to load the video codecs
+            // We do not show videos in linux in default, except if the user explicitly adds a video in live preview.
+            document.getElementById("YTVideoFrame").innerHTML = imageHTML;
+        } else {
+            document.getElementById("YTVideoFrame").innerHTML = videoHTML;
+        }
     }
 }