@lvce-editor/renderer-process 30.69.2 → 30.70.0

package/dist/rendererProcessMain.js

@@ -2009,102 +2009,6 @@ const initialize = () => {
   }
 };
 
-const isAvailable = () => {
-  const tauriWindow = window;
-  return typeof tauriWindow.__TAURI__?.core?.invoke === 'function';
-};
-const toggleDevtools = async () => {
-  const tauriWindow = window;
-  const core = tauriWindow.__TAURI__?.core;
-  if (!core) {
-    throw new Error('Tauri is not available');
-  }
-  await core.invoke('toggle_devtools');
-};
-const openNewWindow = async () => {
-  const tauriWindow = window;
-  const core = tauriWindow.__TAURI__?.core;
-  if (!core) {
-    throw new Error('Tauri is not available');
-  }
-  await core.invoke('open_new_window');
-};
-const openFolder = async () => {
-  const tauriWindow = window;
-  const dialog = tauriWindow.__TAURI__?.dialog;
-  if (!dialog) {
-    throw new Error('Tauri is not available');
-  }
-  return dialog.open({
-    directory: true,
-    multiple: false,
-    title: 'Open Folder'
-  });
-};
-
-const getConfiguredDragAndDropWorkerUrl = () => {
-  const workerUrls = getConfiguredWorkerUrl('workerUrls');
-  return workerUrls?.['develop.dragAndDropWorkerPath'] || '';
-};
-
-const dragAndDropWorkerUrl = getConfiguredDragAndDropWorkerUrl() || `${assetDir}/packages/renderer-worker/node_modules/@lvce-editor/drag-and-drop-worker/dist/dragAndDropWorkerMain.js`;
-
-const launchDragAndDropWorker = async () => {
-  const generation = getGeneration();
-  const trackedWorker = createRuntimeName('Drag And Drop Worker');
-  try {
-    const {
-      port1,
-      port2
-    } = new MessageChannel();
-    const workerRpc = await create$C({
-      commandMap: {},
-      name: trackedWorker.runtimeName,
-      port: port1,
-      url: dragAndDropWorkerUrl
-    });
-    trackRpc(workerRpc, generation, trackedWorker);
-    const rpc = await create$E({
-      commandMap: commandMapRef,
-      messagePort: port2
-    });
-    return success(rpc);
-  } catch (error) {
-    return error$1(error);
-  }
-};
-
-const state$j = {
-  rpc: undefined
-};
-const hydrate$3 = async () => {
-  const result = await launchDragAndDropWorker();
-  if (isError(result)) {
-    state$j.rpc = undefined;
-    return result;
-  }
-  state$j.rpc = result.value;
-  return success(undefined);
-};
-const handleMessagePort$1 = async port => {
-  if (!state$j.rpc) {
-    const result = await hydrate$3();
-    if (isError(result)) {
-      throw result.error;
-    }
-  }
-  const rpc = state$j.rpc;
-  if (!rpc) {
-    throw new Error('Drag And Drop Worker failed to initialize');
-  }
-  await rpc.invokeAndTransfer('DragAndDrop.handleMessagePort', port);
-};
-const dispose$k = async () => {
-  const rpc = state$j.rpc;
-  state$j.rpc = undefined;
-  await rpc?.dispose();
-};
-
 const uidSymbol = Symbol('uid');
 
 const getUidTarget = $Element => {
@@ -2225,7 +2129,7 @@ const createIdGenerator = () => {
 };
 const create$A = createIdGenerator();
 
-const state$i = Object.create(null);
+const state$j = Object.create(null);
 const retainString = (item, index) => {
   const value = new Promise(resolve => {
     item.getAsString(resolve);
@@ -2276,25 +2180,25 @@ const retainItems = dataTransfer => {
 };
 const addItems = items => {
   const id = create$A();
-  state$i[id] = items;
+  state$j[id] = items;
   return id;
 };
 const add$2 = dataTransfer => {
   return addItems(retainItems(dataTransfer));
 };
 const acquire$2 = id => {
-  const items = state$i[id];
+  const items = state$j[id];
   if (!items) {
     throw new Error(`Drop data not found: ${id}`);
   }
-  delete state$i[id];
+  delete state$j[id];
   return items;
 };
 
-const state$h = Object.create(null);
+const state$i = Object.create(null);
 const acquire$1 = id => {
-  const promise = state$h[id];
-  delete state$h[id];
+  const promise = state$i[id];
+  delete state$i[id];
   return promise;
 };
 const getFileHandles = async ids => {
@@ -2304,7 +2208,7 @@ const getFileHandles = async ids => {
 };
 const add$1 = promise => {
   const id = create$A();
-  state$h[id] = promise;
+  state$i[id] = promise;
   return id;
 };
 const addFileHandle$1 = fileHandle => {
@@ -2498,14 +2402,14 @@ const getEventListenerArgs = (params, event) => {
   return serialized;
 };
 
-const state$g = {
+const state$h = {
   ipc: undefined
 };
 const getIpc = () => {
-  return state$g.ipc;
+  return state$h.ipc;
 };
 const setIpc = value => {
-  state$g.ipc = value;
+  state$h.ipc = value;
 };
 
 const nameAnonymousFunction$1 = (fn, name) => {
@@ -4135,6 +4039,130 @@ const createRenderer = (options = {}) => {
   };
 };
 
+const getMenuViewport = uid => {
+  if (uid === undefined) {
+    return {
+      height: window.innerHeight,
+      width: window.innerWidth,
+      x: 0,
+      y: 0
+    };
+  }
+  const element = get$b(uid)?.state.$Viewlet;
+  const workbench = element?.closest('.Workbench');
+  if (!workbench) {
+    throw new Error(`Menu owner workbench not found: ${uid}`);
+  }
+  const {
+    height,
+    width,
+    x,
+    y
+  } = workbench.getBoundingClientRect();
+  return {
+    height,
+    width,
+    x,
+    y
+  };
+};
+
+const isAvailable = () => {
+  const tauriWindow = window;
+  return typeof tauriWindow.__TAURI__?.core?.invoke === 'function';
+};
+const toggleDevtools = async () => {
+  const tauriWindow = window;
+  const core = tauriWindow.__TAURI__?.core;
+  if (!core) {
+    throw new Error('Tauri is not available');
+  }
+  await core.invoke('toggle_devtools');
+};
+const openNewWindow = async () => {
+  const tauriWindow = window;
+  const core = tauriWindow.__TAURI__?.core;
+  if (!core) {
+    throw new Error('Tauri is not available');
+  }
+  await core.invoke('open_new_window');
+};
+const openFolder = async () => {
+  const tauriWindow = window;
+  const dialog = tauriWindow.__TAURI__?.dialog;
+  if (!dialog) {
+    throw new Error('Tauri is not available');
+  }
+  return dialog.open({
+    directory: true,
+    multiple: false,
+    title: 'Open Folder'
+  });
+};
+
+const getConfiguredDragAndDropWorkerUrl = () => {
+  const workerUrls = getConfiguredWorkerUrl('workerUrls');
+  return workerUrls?.['develop.dragAndDropWorkerPath'] || '';
+};
+
+const dragAndDropWorkerUrl = getConfiguredDragAndDropWorkerUrl() || `${assetDir}/packages/renderer-worker/node_modules/@lvce-editor/drag-and-drop-worker/dist/dragAndDropWorkerMain.js`;
+
+const launchDragAndDropWorker = async () => {
+  const generation = getGeneration();
+  const trackedWorker = createRuntimeName('Drag And Drop Worker');
+  try {
+    const {
+      port1,
+      port2
+    } = new MessageChannel();
+    const workerRpc = await create$C({
+      commandMap: {},
+      name: trackedWorker.runtimeName,
+      port: port1,
+      url: dragAndDropWorkerUrl
+    });
+    trackRpc(workerRpc, generation, trackedWorker);
+    const rpc = await create$E({
+      commandMap: commandMapRef,
+      messagePort: port2
+    });
+    return success(rpc);
+  } catch (error) {
+    return error$1(error);
+  }
+};
+
+const state$g = {
+  rpc: undefined
+};
+const hydrate$3 = async () => {
+  const result = await launchDragAndDropWorker();
+  if (isError(result)) {
+    state$g.rpc = undefined;
+    return result;
+  }
+  state$g.rpc = result.value;
+  return success(undefined);
+};
+const handleMessagePort$1 = async port => {
+  if (!state$g.rpc) {
+    const result = await hydrate$3();
+    if (isError(result)) {
+      throw result.error;
+    }
+  }
+  const rpc = state$g.rpc;
+  if (!rpc) {
+    throw new Error('Drag And Drop Worker failed to initialize');
+  }
+  await rpc.invokeAndTransfer('DragAndDrop.handleMessagePort', port);
+};
+const dispose$k = async () => {
+  const rpc = state$g.rpc;
+  state$g.rpc = undefined;
+  await rpc?.dispose();
+};
+
 const set$a = setComponentUid;
 const get$9 = getComponentUid;
 const fromEvent = getComponentUidFromEvent;
@@ -4453,22 +4481,27 @@ const create$y = async ({
   url
 }) => {
   string(url);
-  const portPromise = await new Promise(resolve => {
-    Object.defineProperty(globalThis, 'acceptPort', {
-      configurable: true,
-      value: resolve
-    });
+  const {
+    promise: portPromise,
+    resolve
+  } = withResolvers();
+  Object.defineProperty(globalThis, 'acceptPort', {
+    configurable: true,
+    value: resolve
   });
-  await import(url);
-  const port = await portPromise;
-  delete globalThis.acceptPort;
-  if (!port) {
-    throw new IpcError('port must be defined');
-  }
-  if (!isMessagePort(port)) {
-    throw new IpcError('port must be of type MessagePort');
+  try {
+    await import(url);
+    const port = await portPromise;
+    if (!port) {
+      throw new IpcError('port must be defined');
+    }
+    if (!isMessagePort(port)) {
+      throw new IpcError('port must be of type MessagePort');
+    }
+    return port;
+  } finally {
+    delete globalThis.acceptPort;
   }
-  return port;
 };
 
 const IpcParentWithMessagePort = {
@@ -4477,15 +4510,20 @@ const IpcParentWithMessagePort = {
 };
 
 const create$x = async url => {
-  const referencePort = await new Promise(resolve => {
-    Object.defineProperty(globalThis, 'acceptReferencePort', {
-      configurable: true,
-      value: resolve
-    });
-    import(url);
+  const {
+    promise,
+    resolve
+  } = withResolvers();
+  Object.defineProperty(globalThis, 'acceptReferencePort', {
+    configurable: true,
+    value: resolve
   });
-  delete globalThis.acceptReferencePort;
-  return referencePort;
+  try {
+    await import(url);
+    return await promise;
+  } finally {
+    delete globalThis.acceptReferencePort;
+  }
 };
 
 const IpcParentWithReferencePort = {
@@ -10204,11 +10242,10 @@ const state$4 = {
   pending: false
 };
 const waitForReady = async () => {
-  let timer;
+  const timeout = withResolvers();
+  const timer = setTimeout(() => timeout.reject(new Error('Application restart timed out')), 30_000);
   try {
-    await Promise.race([invoke$1('Reload.waitForReady'), new Promise((_, reject) => {
-      timer = setTimeout(() => reject(new Error('Application restart timed out')), 30_000);
-    })]);
+    await Promise.race([invoke$1('Reload.waitForReady'), timeout.promise]);
   } finally {
     clearTimeout(timer);
   }
@@ -10491,7 +10528,57 @@ const showDirectoryPicker = options => {
 };
 const showFilePicker = options => {
   // @ts-expect-error
-  return window.showOpenFilePicker(options);
+  if (typeof window.showOpenFilePicker === 'function') {
+    // @ts-expect-error
+    return window.showOpenFilePicker(options);
+  }
+  return showFilePickerFallback(options);
+};
+const showFilePickerFallback = options => {
+  const input = document.createElement('input');
+  input.type = 'file';
+  input.multiple = Boolean(options?.multiple);
+  if (options?.accept) {
+    input.accept = options.accept;
+  }
+  document.body.append(input);
+  const {
+    promise,
+    reject,
+    resolve
+  } = withResolvers();
+  const cleanup = () => {
+    input.removeEventListener('change', onChange);
+    input.removeEventListener('cancel', onCancel);
+    input.remove();
+  };
+  const onChange = () => {
+    const files = Array.from(input.files || [], file => ({
+      file,
+      kind: 'file',
+      name: file.name,
+      readonly: true
+    }));
+    cleanup();
+    resolve(files);
+  };
+  const onCancel = () => {
+    cleanup();
+    resolve([]);
+  };
+  try {
+    input.addEventListener('change', onChange, {
+      once: true
+    });
+    input.addEventListener('cancel', onCancel, {
+      once: true
+    });
+    input.click();
+  } catch (error) {
+    cleanup();
+    reject(error instanceof Error ? error : new Error(String(error)));
+  }
+  return promise;
 };
 const showSaveFilePicker = options => {
   // @ts-expect-error
@@ -10756,7 +10843,12 @@ const createWithOptions = (type, message, options) => {
 };
 const showWithOptions = (type, message, options) => {
   const $Notification = create$NotificationWithOptions(message, options);
-  return new Promise(resolve => {
+  const {
+    promise,
+    reject,
+    resolve
+  } = withResolvers();
+  try {
     pendingChoices.set($Notification, resolve);
     $Notification.onclick = event => {
       const $Target = event.target;
@@ -10765,7 +10857,10 @@ const showWithOptions = (type, message, options) => {
       }
     };
     append$1($Notification);
-  });
+  } catch (error) {
+    reject(error);
+  }
+  return promise;
 };
 const dispose$3 = id => {
   const $Notification = document.getElementById(id);
@@ -11554,14 +11649,21 @@ const createDropSession = items => {
 const conditionTimeout = 2000;
 const mutationTimeout = 100;
 const waitForMutation = maxDelay => {
-  return new Promise(resolve => {
-    const observer = new MutationObserver(() => {
+  const {
+    promise,
+    reject,
+    resolve
+  } = withResolvers();
+  let observer;
+  let timeout;
+  try {
+    observer = new MutationObserver(() => {
       clearTimeout(timeout);
-      observer.disconnect();
+      observer?.disconnect();
       resolve();
     });
-    const timeout = setTimeout(() => {
-      observer.disconnect();
+    timeout = setTimeout(() => {
+      observer?.disconnect();
       resolve();
     }, maxDelay);
     observer.observe(document.body, {
@@ -11570,7 +11672,12 @@ const waitForMutation = maxDelay => {
       childList: true,
       subtree: true
     });
-  });
+  } catch (error) {
+    clearTimeout(timeout);
+    observer?.disconnect();
+    reject(error);
+  }
+  return promise;
 };
 const waitForCondition = async check => {
   const endTime = performance.now() + conditionTimeout;
@@ -12204,6 +12311,7 @@ const commandMap = {
   'MeasureTextBlockHeight.measureTextBlockHeight': measureTextBlockHeight,
   'MeasureTextHeight.measureTextHeight': measureTextHeight,
   'Menu.focusIndex': focusIndex,
+  'Menu.getViewport': getMenuViewport,
   'Menu.hide': hide,
   'Menu.hideSubMenu': hideSubmenu,
   'Menu.showControlled': showControlled,

package/package.json

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