@lvce-editor/static-server 0.71.1 → 0.71.2

package/static/{9d73e0d → 5fe0be8}/packages/renderer-process/dist/rendererProcessMain.js

@@ -468,10 +468,10 @@ const cache$1 = new Map();
 const has$1 = listener => {
   return cache$1.has(listener);
 };
-const set$8 = (listener, value) => {
+const set$1$1 = (listener, value) => {
   cache$1.set(listener, value);
 };
-const get$9 = listener => {
+const get$1$1 = listener => {
   return cache$1.get(listener);
 };
 const nameAnonymousFunction$1 = (fn, name) => {
@@ -495,9 +495,9 @@ const getWrappedListener$1 = (listener, returnValue) => {
       ipc.send('Viewlet.executeViewletCommand', uid, ...result);
     };
     nameAnonymousFunction$1(wrapped, listener.name);
-    set$8(listener, wrapped);
+    set$1$1(listener, wrapped);
   }
-  return get$9(listener);
+  return get$1$1(listener);
 };
 const getOptions = fn => {
   if (fn.passive) {
@@ -1187,6 +1187,13 @@ const rememberFocus$1 = ($Viewlet, dom, eventMap, uid = 0) => {
   stopIgnore();
   return $Viewlet;
 };
+const instances = Object.create(null);
+const get$9 = viewletId => {
+  return instances[viewletId];
+};
+const set$8 = (viewletId, instance) => {
+  instances[viewletId] = instance;
+};
 
 const get$8 = ids => {
   return getFileHandles$1(ids);
@@ -2762,7 +2769,7 @@ const getAssetDir = () => {
   }
   return '';
 };
-const assetDir = '/9d73e0d';
+const assetDir = '/5fe0be8';
 
 const getConfiguredWorkerUrl = key => {
   if (typeof location === 'undefined' || typeof document === 'undefined') {
@@ -8924,18 +8931,19 @@ const create$3 = (id, uid = id) => {
   if (!module) {
     throw new Error(`module not found: ${id}`);
   }
-  if (state$1.instances[id]?.state.$Viewlet.isConnected) {
-    state$1.instances[id].state.$Viewlet.remove();
+  const existing = get$9(id);
+  if (existing?.state.$Viewlet.isConnected) {
+    existing.state.$Viewlet.remove();
   }
   const instanceState = module.create();
   set$3(instanceState.$Viewlet, uid);
   if (module.attachEvents) {
     module.attachEvents(instanceState);
   }
-  state$1.instances[uid] = {
+  set$8(uid, {
     factory: module,
     state: instanceState
-  };
+  });
 };
 const createFunctionalRoot = (id, uid = id, hasFunctionalEvents) => {
   let module = state$1.modules[id];
@@ -8945,16 +8953,17 @@ const createFunctionalRoot = (id, uid = id, hasFunctionalEvents) => {
   if (!module) {
     throw new Error(`module not found: ${id}`);
   }
-  if (state$1.instances[id]?.state.$Viewlet.isConnected) {
-    state$1.instances[id].state.$Viewlet.remove();
+  const existing = get$9(id);
+  if (existing?.state.$Viewlet.isConnected) {
+    existing.state.$Viewlet.remove();
   }
   const instanceState = {
     $Viewlet: document.createElement('div')
   };
-  state$1.instances[uid] = {
+  set$8(uid, {
     factory: module,
     state: instanceState
-  };
+  });
 };
 const addKeyBindings = (id, keyBindings) => {
   // @ts-expect-error
@@ -8974,7 +8983,7 @@ const loadModule = async id => {
 };
 const invoke = (viewletId, method, ...args) => {
   string(method);
-  const instance = state$1.instances[viewletId];
+  const instance = get$9(viewletId);
   if (!instance?.factory) {
     if (viewletId && method !== 'setActionsDom') {
       warn$1(`cannot execute ${method} viewlet instance ${viewletId} not found`);
@@ -8992,7 +9001,7 @@ const focus$1 = viewletId => {
     // eslint-disable-next-line no-console
     console.trace(`focus ${viewletId}`);
   }
-  const instance = state$1.instances[viewletId];
+  const instance = get$9(viewletId);
   if (instance.factory?.setFocused) {
     instance.factory.setFocused(instance.state, true);
   } else if (instance?.factory?.focus) {
@@ -9008,7 +9017,7 @@ const focusElementByName = (viewletId, name) => {
     // eslint-disable-next-line no-console
     console.trace(`focusByName ${viewletId} ${name}`);
   }
-  const instance = state$1.instances[viewletId];
+  const instance = get$9(viewletId);
   if (!instance) {
     return;
   }
@@ -9023,7 +9032,7 @@ const focusElementByName = (viewletId, name) => {
 };
 const setElementProperty = (viewletId, name, key, value) => {
   const selector = `[name="${name}"]`;
-  const instance = state$1.instances[viewletId];
+  const instance = get$9(viewletId);
   if (!instance) {
     return;
   }
@@ -9052,7 +9061,7 @@ const setCheckBoxValue = (viewletId, name, value) => {
 };
 const setSelectionByName = (viewletId, name, start, end) => {
   const selector = `[name="${name}"]`;
-  const instance = state$1.instances[viewletId];
+  const instance = get$9(viewletId);
   if (!instance) {
     return;
   }
@@ -9067,7 +9076,7 @@ const setSelectionByName = (viewletId, name, start, end) => {
   $Element.selectionEnd = end;
 };
 const setUid = (viewletId, uid) => {
-  const instance = state$1.instances[viewletId];
+  const instance = get$9(viewletId);
   if (!instance) {
     return;
   }
@@ -9077,7 +9086,7 @@ const setUid = (viewletId, uid) => {
   set$3($Viewlet, uid);
 };
 const focusSelector = (viewletId, selector) => {
-  const instance = state$1.instances[viewletId];
+  const instance = get$9(viewletId);
   if (!instance) {
     return;
   }
@@ -9095,7 +9104,7 @@ const focusSelector = (viewletId, selector) => {
  * @deprecated
  */
 const refresh$1 = (viewletId, viewletContext) => {
-  const instance = state$1.instances[viewletId];
+  const instance = get$9(viewletId);
   if (instance) {
     instance.factory.refresh(instance.state, viewletContext);
   } else {
@@ -9114,20 +9123,20 @@ const createPlaceholder = (viewletId, parentId, top, left, width, height) => {
   if (isSpecial(viewletId)) {
     $PlaceHolder.id = viewletId;
   }
-  const parentInstance = state$1.instances[parentId];
+  const parentInstance = get$9(parentId);
   const $Parent = parentInstance.state.$Viewlet;
   $Parent.append($PlaceHolder);
-  state$1.instances[viewletId] = {
+  set$8(viewletId, {
     state: {
       $Viewlet: $PlaceHolder
     }
-  };
+  });
 };
 const setDragData = (viewletId, dragData) => {
   set$2(viewletId, dragData);
 };
 const setDom = (viewletId, dom) => {
-  const instance = state$1.instances[viewletId];
+  const instance = get$9(viewletId);
   if (!instance) {
     return;
   }
@@ -9140,7 +9149,7 @@ const setDom = (viewletId, dom) => {
   renderInto($Viewlet, dom, Events);
 };
 const setDom2 = (viewletId, dom) => {
-  const instance = state$1.instances[viewletId];
+  const instance = get$9(viewletId);
   if (!instance) {
     return;
   }
@@ -9162,10 +9171,16 @@ const setDom2 = (viewletId, dom) => {
     // @ts-ignore
     set$3($NewViewlet, uid);
   }
-  instance.state.$Viewlet = $NewViewlet;
+  set$8(viewletId, {
+    ...instance,
+    state: {
+      ...instance.state,
+      $Viewlet: $NewViewlet
+    }
+  });
 };
 const setPatches = (uid, patches) => {
-  const instance = state$1.instances[uid];
+  const instance = get$9(uid);
   if (!instance) {
     return;
   }
@@ -9336,10 +9351,7 @@ const sendMultiple = commands => {
 const dispose$3 = id => {
   try {
     number(id);
-    const {
-      instances
-    } = state$1;
-    const instance = instances[id];
+    const instance = get$9(id);
     if (!instance) {
       warn$1(`viewlet instance ${id} not found and cannot be disposed`);
       return;
@@ -9350,14 +9362,14 @@ const dispose$3 = id => {
     if (instance.state.$Viewlet?.isConnected) {
       instance.state.$Viewlet.remove();
     }
-    delete instances[id];
+    set$8(id, undefined);
   } catch {
     throw new Error(`Failed to dispose ${id}`);
   }
 };
 const handleError$1 = (id, parentId, message) => {
   info(`[viewlet-error] ${id}: ${message}`);
-  const instance = state$1.instances[id];
+  const instance = get$9(id);
   if (instance?.state.$Viewlet.isConnected) {
     instance.state.$Viewlet.remove();
   }
@@ -9369,7 +9381,7 @@ const handleError$1 = (id, parentId, message) => {
     instance.state.$Viewlet.textContent = `${message}`;
   }
   // TODO error should bubble up to until highest possible component
-  const parentInstance = state$1.instances[parentId];
+  const parentInstance = get$9(parentId);
   if (parentInstance?.factory?.handleError) {
     parentInstance.factory.handleError(instance.state, message);
   }
@@ -9383,9 +9395,9 @@ const appendViewlet = (parentId, childId, focus) => {
     // TODO
     return;
   }
-  const parentInstanceState = state$1.instances[parentId]; // TODO must ensure that parent is already created
+  const parentInstanceState = get$9(parentId); // TODO must ensure that parent is already created
   const parentModule = parentInstanceState.factory;
-  const childInstance = state$1.instances[childId];
+  const childInstance = get$9(childId);
   if (!childInstance) {
     throw new Error(`child instance ${childId} must be defined to be appended to parent ${parentId}`);
   }
@@ -9404,12 +9416,12 @@ const ariaAnnounce = async message => {
 const append = (parentId, childId, referenceNodes) => {
   number(parentId);
   number(childId);
-  const parentInstance = state$1.instances[parentId];
+  const parentInstance = get$9(parentId);
   if (!parentInstance) {
     throw new Error(`cannot append child: instance ${parentId} not found`);
   }
   const $Parent = parentInstance.state.$Viewlet;
-  const childInstance = state$1.instances[childId];
+  const childInstance = get$9(childId);
   if (!childInstance) {
     throw new Error(`cannot append child: child instance not found ${childId}`);
   }
@@ -9425,16 +9437,18 @@ const append = (parentId, childId, referenceNodes) => {
       if (id === childId) {
         for (let j = i - 1; j >= 0; j--) {
           const beforeId = referenceNodes[j];
-          if (state$1.instances[beforeId]) {
-            const $ReferenceNode = state$1.instances[beforeId].state.$Viewlet;
+          const beforeInstance = get$9(beforeId);
+          if (beforeInstance) {
+            const $ReferenceNode = beforeInstance.state.$Viewlet;
             $ReferenceNode.after($Child);
             return;
           }
         }
         for (let j = i + 1; j < referenceNodes.length; j++) {
           const afterId = referenceNodes[j];
-          if (state$1.instances[afterId]) {
-            const $ReferenceNode = state$1.instances[afterId].state.$Viewlet;
+          const afterInstance = get$9(afterId);
+          if (afterInstance) {
+            const $ReferenceNode = afterInstance.state.$Viewlet;
             $ReferenceNode.before($Child);
             return;
           }
@@ -9450,11 +9464,11 @@ const append = (parentId, childId, referenceNodes) => {
   }
 };
 const replaceChildren = (parentId, childIds) => {
-  const parentInstance = state$1.instances[parentId];
+  const parentInstance = get$9(parentId);
   const $Parent = parentInstance.state.$Viewlet;
   const $Fragment = document.createDocumentFragment();
   for (const childId of childIds) {
-    const childInstance = state$1.instances[childId];
+    const childInstance = get$9(childId);
     const $Child = childInstance.state.$Viewlet;
     $Fragment.append($Child);
   }
@@ -9462,7 +9476,7 @@ const replaceChildren = (parentId, childIds) => {
 };
 const appendToBody = childId => {
   const $Parent = document.body;
-  const childInstance = state$1.instances[childId];
+  const childInstance = get$9(childId);
   const $Child = childInstance.state.$Viewlet;
   $Parent.append($Child);
 };
@@ -9534,7 +9548,7 @@ const executeCommands = commands => {
   }
 };
 const show = id => {
-  const instance = state$1.instances[id];
+  const instance = get$9(id);
   const $Viewlet = instance.state.$Viewlet;
   const $Workbench = document.getElementById('Workbench');
   // @ts-expect-error
@@ -9544,7 +9558,7 @@ const show = id => {
   }
 };
 const setBounds$1 = (id, left, top, width, height) => {
-  const instance = state$1.instances[id];
+  const instance = get$9(id);
   if (!instance) {
     return;
   }
@@ -9552,7 +9566,7 @@ const setBounds$1 = (id, left, top, width, height) => {
   setBounds$a($Viewlet, left, top, width, height);
 };
 const setProperty = (id, selector, property, value) => {
-  const instance = state$1.instances[id];
+  const instance = get$9(id);
   if (!instance) {
     return;
   }

package/static/{9d73e0d → 5fe0be8}/packages/renderer-process/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/renderer-process",
-  "version": "21.6.0",
+  "version": "21.7.0",
   "keywords": [
     "lvce-editor",
     "renderer-process"

package/static/{9d73e0d → 5fe0be8}/packages/renderer-worker/dist/rendererWorkerMain.js

@@ -108,7 +108,7 @@ const getAssetDir$1 = () => {
   // @ts-ignore
   {
     // @ts-ignore
-    return '/9d73e0d';
+    return '/5fe0be8';
   }
 };
 const assetDir = getAssetDir$1();
@@ -9938,8 +9938,8 @@ const attachDebugger = async pid => {
   await invoke$v('AttachDebugger.attachDebugger', pid);
 };
 
-const version = '0.71.1';
-const commit$1 = '9d73e0d';
+const version = '0.71.2';
+const commit$1 = '5fe0be8';
 const productNameLong = 'Lvce Editor - OSS';
 const getPid = () => {
   return invoke$v('Process.getPid');
@@ -18101,7 +18101,7 @@ const ViewletKeyBindings_ipc = {
   saveState: saveState$b
 };
 
-const commit = '9d73e0d';
+const commit = '5fe0be8';
 
 const getDefaultTitleBarHeight = () => {
   switch (getPlatform$1()) {
@@ -19245,20 +19245,35 @@ const moveSideBar = async (state, position) => {
   const newPoints = new Uint16Array(points);
   getPoints(newPoints, newPoints, position);
 
+  // update layout state synchronously to avoid races when moveSideBar
+  // is called multiple times — update the viewlet state first
+  const immediateState = {
+    ...state,
+    points: newPoints,
+    sideBarLocation: position
+  };
+  await setState(state.uid, immediateState);
+
   // persist side bar location preference so it persists across reloads
   const location = position === Left$1 ? 'left' : 'right';
-  await set$g('workbench.sideBarLocation', location);
-
-  // TODO dispatch settings chnage event to components
+  // use Preferences.update to ensure a global "preferences.changed" event is emitted
+  await update$1({
+    'workbench.sideBarLocation': location
+  });
 
+  // notify all viewlets about the preference change using callGlobalEvent
+  const prefEventResult = await callGlobalEvent(immediateState, 'handlePreferencesChanged');
+  const prefCommands = prefEventResult.commands || [];
   const resizeCommands = await getResizeCommands(points, newPoints);
+  const allCommands = [...resizeCommands, ...prefCommands];
   return {
     newState: {
-      ...state,
+      ...prefEventResult.newState,
+      // keep the points and location we already applied
       points: newPoints,
       sideBarLocation: position
     },
-    commands: resizeCommands
+    commands: allCommands
   };
 };
 const moveSideBarLeft = state => {

package/static/index.html

@@ -6,9 +6,9 @@
     <meta name="description" content="VS Code inspired text editor that mostly runs in a webworker." />
     <meta name="theme-color" content="#282e2f" />
     <title>Lvce Editor</title>
-    <link rel="stylesheet" href="/9d73e0d/css/App.css" />
-    <link rel="manifest" href="/9d73e0d/manifest.json" crossorigin="use-credentials" />
-    <link rel="apple-touch-icon" href="/9d73e0d/icons/pwa-icon-192.png" />
-    <script type="module" src="/9d73e0d/packages/renderer-process/dist/rendererProcessMain.js"></script>
+    <link rel="stylesheet" href="/5fe0be8/css/App.css" />
+    <link rel="manifest" href="/5fe0be8/manifest.json" crossorigin="use-credentials" />
+    <link rel="apple-touch-icon" href="/5fe0be8/icons/pwa-icon-192.png" />
+    <script type="module" src="/5fe0be8/packages/renderer-process/dist/rendererProcessMain.js"></script>
   </head>
 </html>