@lvce-editor/main-area-worker 3.1.0 → 4.0.0

package/dist/mainAreaWorkerMain.js

@@ -1832,6 +1832,11 @@ const initialize = async () => {
   set$1(rpc);
 };
 
+const createViewlet = async (viewletModuleId, editorUid, tabId, bounds, uri) => {
+  // @ts-ignore
+  await invoke('Layout.createViewlet', viewletModuleId, editorUid, tabId, bounds, uri);
+};
+
 const getMaxIdFromLayout = layout => {
   let maxId = 0;
   for (const group of layout.groups) {
@@ -1847,6 +1852,18 @@ const getMaxIdFromLayout = layout => {
   return maxId;
 };
 
+const getViewletModuleId = async uri => {
+  // Query RendererWorker for viewlet module ID (optional, may fail in tests)
+  let viewletModuleId;
+  try {
+    // @ts-ignore
+    viewletModuleId = await invoke('Layout.getModuleId', uri);
+  } catch {
+    // Viewlet creation is optional - silently ignore if RendererWorker isn't available
+  }
+  return viewletModuleId;
+};
+
 const isValidTab = tab => {
   return tab && typeof tab.id === 'number' && typeof tab.title === 'string' && typeof tab.content === 'string' && typeof tab.isDirty === 'boolean' && (tab.editorType === 'text' || tab.editorType === 'custom') && (tab.editorType !== 'custom' || typeof tab.customEditorId === 'string');
 };
@@ -1896,10 +1913,66 @@ const loadContent = async (state, savedState) => {
   if (restoredLayout) {
     const maxId = getMaxIdFromLayout(restoredLayout);
     setMinId(maxId);
-    return {
+    let newState = {
       ...state,
       layout: restoredLayout
     };
+
+    // Create viewlets only for active tabs in each group
+    const TAB_HEIGHT = 35;
+    const bounds = {
+      height: newState.height - TAB_HEIGHT,
+      width: newState.width,
+      x: newState.x,
+      y: newState.y + TAB_HEIGHT
+    };
+    for (const group of restoredLayout.groups) {
+      // Find the active tab in this group
+      const activeTab = group.tabs.find(tab => tab.id === group.activeTabId);
+      if (activeTab && activeTab.uri) {
+        const viewletModuleId = await getViewletModuleId(activeTab.uri);
+        if (viewletModuleId) {
+          // Ensure the tab has an editorUid
+          const editorUid = activeTab.editorUid === -1 ? create() : activeTab.editorUid;
+
+          // Create viewlet for the tab
+          newState = createViewletForTab(newState, activeTab.id);
+
+          // Update the tab with the editorUid in the state
+          const updatedGroups = newState.layout.groups.map(g => {
+            if (g.id !== group.id) {
+              return g;
+            }
+            return {
+              ...g,
+              tabs: g.tabs.map(t => {
+                if (t.id !== activeTab.id) {
+                  return t;
+                }
+                return {
+                  ...t,
+                  editorUid
+                };
+              })
+            };
+          });
+          newState = {
+            ...newState,
+            layout: {
+              ...newState.layout,
+              groups: updatedGroups
+            }
+          };
+
+          // Create the actual viewlet instance
+          await createViewlet(viewletModuleId, editorUid, activeTab.id, bounds, activeTab.uri);
+
+          // Mark the viewlet as ready
+          newState = handleViewletReady(newState, editorUid);
+        }
+      }
+    }
+    return newState;
   }
   return {
     ...state,
@@ -2019,11 +2092,6 @@ const getMenuEntries = async (state, props) => {
   }
 };
 
-const createViewlet = async (viewletModuleId, editorUid, tabId, bounds, uri) => {
-  // @ts-ignore
-  await invoke('Layout.createViewlet', viewletModuleId, editorUid, tabId, bounds, uri);
-};
-
 const getBasename = uri => {
   const lastSlashIndex = uri.lastIndexOf('/');
   if (lastSlashIndex === -1) {
@@ -2051,10 +2119,11 @@ const createEmptyGroup = (state, uri, requestId) => {
   const groupId = create();
   const title = getLabel(uri);
   const tabId = create();
+  const editorUid = create();
   const newTab = {
     content: '',
     editorType: 'text',
-    editorUid: -1,
+    editorUid,
     errorMessage: '',
     id: tabId,
     isDirty: false,
@@ -2130,10 +2199,11 @@ const ensureActiveGroup = (state, uri) => {
     // Create a new tab with the URI in the active group
     const title = getLabel(uri);
     const tabId = create();
+    const editorUid = create();
     const newTab = {
       content: '',
       editorType: 'text',
-      editorUid: -1,
+      editorUid,
       errorMessage: '',
       id: tabId,
       isDirty: false,
@@ -2233,18 +2303,6 @@ const getOptionUriOptions = options => {
   return uri;
 };
 
-const getViewletModuleId = async uri => {
-  // Query RendererWorker for viewlet module ID (optional, may fail in tests)
-  let viewletModuleId;
-  try {
-    // @ts-ignore
-    viewletModuleId = await invoke('Layout.getModuleId', uri);
-  } catch {
-    // Viewlet creation is optional - silently ignore if RendererWorker isn't available
-  }
-  return viewletModuleId;
-};
-
 const switchTab = (state, groupId, tabId) => {
   const {
     layout
@@ -2586,7 +2644,7 @@ const commandMap = {
   'MainArea.render2': render2,
   'MainArea.renderEventListeners': renderEventListeners,
   'MainArea.resize': wrapCommand(resize),
-  'MainArea.saveState': saveState,
+  'MainArea.saveState': wrapGetter(saveState),
   'MainArea.selectTab': wrapCommand(selectTab),
   'MainArea.terminate': terminate
 };

package/package.json

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