@lvce-editor/main-area-worker 8.14.0 → 8.15.0

package/dist/mainAreaWorkerMain.js

@@ -2382,7 +2382,7 @@ const getLabel = uri => {
   return getBasename$1(uri);
 };
 
-const createEmptyGroup = (state, uri, requestId) => {
+const createEmptyGroup = (state, uri, requestId, preview = false) => {
   const {
     layout
   } = state;
@@ -2400,7 +2400,7 @@ const createEmptyGroup = (state, uri, requestId) => {
     icon: '',
     id: tabId,
     isDirty: false,
-    isPreview: false,
+    isPreview: preview,
     language: '',
     loadingState: 'loading',
     title,
@@ -2460,7 +2460,7 @@ const openTab = (state, groupId, tab) => {
   };
 };
 
-const ensureActiveGroup = (state, uri) => {
+const ensureActiveGroup = (state, uri, preview = false) => {
   // Find the active group (by activeGroupId or focused flag)
   const {
     layout
@@ -2472,11 +2472,49 @@ const ensureActiveGroup = (state, uri) => {
   const activeGroup = activeGroupId === undefined ? groups.find(group => group.focused) : groups.find(group => group.id === activeGroupId);
 
   // Generate a request ID for content loading
-  getNextRequestId();
+  const requestId = getNextRequestId();
 
   // If no active group exists, create one
   let newState;
   if (activeGroup) {
+    const activeTab = activeGroup.tabs.find(tab => tab.id === activeGroup.activeTabId);
+    if (activeTab?.isPreview) {
+      const title = getLabel(uri);
+      const updatedGroups = groups.map(group => {
+        if (group.id !== activeGroup.id) {
+          return group;
+        }
+        const updatedTabs = group.tabs.map(tab => {
+          if (tab.id !== activeTab.id) {
+            return tab;
+          }
+          return {
+            ...tab,
+            errorMessage: '',
+            icon: '',
+            isDirty: false,
+            isPreview: preview,
+            language: '',
+            loadingState: 'loading',
+            title,
+            uri
+          };
+        });
+        return {
+          ...group,
+          tabs: updatedTabs
+        };
+      });
+      return {
+        ...state,
+        layout: {
+          ...layout,
+          activeGroupId: activeGroup.id,
+          groups: updatedGroups
+        }
+      };
+    }
+
     // Create a new tab with the URI in the active group
     const title = getLabel(uri);
     const tabId = create$1();
@@ -2488,7 +2526,7 @@ const ensureActiveGroup = (state, uri) => {
       icon: '',
       id: tabId,
       isDirty: false,
-      isPreview: false,
+      isPreview: preview,
       language: '',
       loadingState: 'loading',
       title,
@@ -2496,7 +2534,7 @@ const ensureActiveGroup = (state, uri) => {
     };
     newState = openTab(state, activeGroup.id, newTab);
   } else {
-    newState = createEmptyGroup(state, uri);
+    newState = createEmptyGroup(state, uri, requestId, preview);
   }
   return newState;
 };
@@ -2698,6 +2736,7 @@ const openUri = async (state, options) => {
     uid
   } = state;
   const uri = getOptionUriOptions(options);
+  const preview = typeof options === 'string' ? false : options.preview ?? false;
 
   // Check if a tab with this URI already exists in the passed-in state
   const existingTab = findTabByUri(state, uri);
@@ -2745,7 +2784,7 @@ const openUri = async (state, options) => {
     tabId = existingTab.tab.id;
   } else {
     // Add tab to state BEFORE any async calls to prevent race conditions
-    stateWithTab = ensureActiveGroup(currentState, uri);
+    stateWithTab = ensureActiveGroup(currentState, uri, preview);
     tabId = getActiveTabId(stateWithTab);
   }
 
@@ -3047,6 +3086,7 @@ const IconButton = 'IconButton';
 const MainTab = 'MainTab';
 const MainTabs = 'MainTabs';
 const MainTabModified = 'MainTabModified';
+const MainTabPreview = 'MainTabPreview';
 const MainTabSelected = 'MainTabSelected';
 
 const newFile = async state => {
@@ -4320,6 +4360,9 @@ const renderTab = (tab, isActive, tabIndex, groupIndex) => {
   if (tab.isDirty) {
     className += ' ' + MainTabModified;
   }
+  if (tab.isPreview) {
+    className += ' ' + MainTabPreview;
+  }
   return [{
     'aria-selected': isActive,
     childCount: 3,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/main-area-worker",
-  "version": "8.14.0",
+  "version": "8.15.0",
   "description": "Main Area Worker",
   "repository": {
     "type": "git",