@lvce-editor/about-view 2.3.0 → 2.5.0

package/dist/aboutWorkerMain.js

@@ -6,17 +6,17 @@ const create$4 = (method, params) => {
     params
   };
 };
-const state = {
+const state$1 = {
   callbacks: Object.create(null)
 };
 const set = (id, fn) => {
-  state.callbacks[id] = fn;
+  state$1.callbacks[id] = fn;
 };
 const get = id => {
-  return state.callbacks[id];
+  return state$1.callbacks[id];
 };
 const remove = id => {
-  delete state.callbacks[id];
+  delete state$1.callbacks[id];
 };
 let id = 0;
 const create$3 = () => {
@@ -339,7 +339,7 @@ const send = (transport, method, ...params) => {
   const message = create$4(method, params);
   transport.send(message);
 };
-const invoke = (ipc, method, ...params) => {
+const invoke$1 = (ipc, method, ...params) => {
   return invokeHelper(ipc, method, params, false);
 };
 const invokeAndTransfer = (ipc, method, ...params) => {
@@ -753,7 +753,7 @@ const createRpc = ipc => {
       send(ipc, method, ...params);
     },
     invoke(method, ...params) {
-      return invoke(ipc, method, ...params);
+      return invoke$1(ipc, method, ...params);
     },
     invokeAndTransfer(method, ...params) {
       return invokeAndTransfer(ipc, method, ...params);
@@ -800,15 +800,15 @@ const WebWorkerRpcClient = {
 };
 
 const None = 0;
-const Ok = 1;
-const Copy = 2;
+const Ok$1 = 1;
+const Copy$1 = 2;
 
 const getNextFocus = focusId => {
   switch (focusId) {
-    case Ok:
-      return Copy;
-    case Copy:
-      return Ok;
+    case Ok$1:
+      return Copy$1;
+    case Copy$1:
+      return Ok$1;
     default:
       return None;
   }
@@ -826,10 +826,10 @@ const focusNext = state => {
 
 const getPreviousFocus = focusId => {
   switch (focusId) {
-    case Ok:
-      return Copy;
-    case Copy:
-      return Ok;
+    case Ok$1:
+      return Copy$1;
+    case Copy$1:
+      return Ok$1;
     default:
       return None;
   }
@@ -846,13 +846,12 @@ const focusPrevious = state => {
 };
 
 const emptyObject = {};
-const RE_PLACEHOLDER = /{(PH\d+)}/g;
+const RE_PLACEHOLDER = /\{(PH\d+)\}/g;
 const i18nString = (key, placeholders = emptyObject) => {
   if (placeholders === emptyObject) {
     return key;
   }
   const replacer = (match, rest) => {
-    // @ts-ignore
     return placeholders[rest];
   };
   return key.replaceAll(RE_PLACEHOLDER, replacer);
@@ -1165,7 +1164,7 @@ const getV8Version = () => {
 const getDate = () => {
   return date;
 };
-const productNameLong = 'Lvce Editor - OSS';
+const productNameLong$1 = 'Lvce Editor - OSS';
 
 const getDetailString = async () => {
   const [electronVersion, nodeVersion, chromeVersion, version, commit, v8Version, date] = await Promise.all([getElectronVersion(), getNodeVersion(), getChromeVersion(), getVersion(), getCommit(), getV8Version(), getDate()]);
@@ -1260,26 +1259,31 @@ const mergeClassNames = (...classNames) => {
   return joinBySpace(...classNames.filter(Boolean));
 };
 
-const getPrimaryButtonVirtualDom = (message, onClick) => {
+const getPrimaryButtonVirtualDom = (message, onClick, name) => {
   return [{
     type: Button$1,
     className: mergeClassNames(Button$2, ButtonPrimary),
     onClick,
-    childCount: 1
+    childCount: 1,
+    name
   }, text(message)];
 };
-const getSecondaryButtonVirtualDom = (message, onClick) => {
+const getSecondaryButtonVirtualDom = (message, onClick, name) => {
   return [{
     type: Button$1,
     className: mergeClassNames(Button$2, ButtonSecondary),
     onClick,
-    childCount: 1
+    childCount: 1,
+    name
   }, text(message)];
 };
 
 const DialogIcon = 'DialogIcon';
 const DialogHeading = 'DialogHeading';
 
+const Ok = 'Ok';
+const Copy = 'Copy';
+
 const Focusable = -1;
 
 const getDialogVirtualDom = (content, closeMessage, infoMessage, okMessage, copyMessage, productName) => {
@@ -1330,7 +1334,7 @@ const getDialogVirtualDom = (content, closeMessage, infoMessage, okMessage, copy
     type: Div,
     className: DialogButtonsRow,
     childCount: 2
-  }, ...getSecondaryButtonVirtualDom(okMessage, HandleClickOk), ...getPrimaryButtonVirtualDom(copyMessage, HandleClickCopy)];
+  }, ...getSecondaryButtonVirtualDom(okMessage, HandleClickOk, Ok), ...getPrimaryButtonVirtualDom(copyMessage, HandleClickCopy, Copy)];
   return dom;
 };
 
@@ -1371,9 +1375,9 @@ const loadContent = state => {
   const lines = getDetailStringWeb();
   return {
     ...state,
-    productName: productNameLong,
+    productName: productNameLong$1,
     lines,
-    focusId: Ok
+    focusId: Ok$1
   };
 };
 
@@ -1406,10 +1410,10 @@ const closeDialog = () => {
 
 const getFocusSelector = focusId => {
   switch (focusId) {
-    case Copy:
-      return '.ButtonPrimary';
-    case Ok:
-      return '.ButtonSecondary';
+    case Copy$1:
+      return Copy;
+    case Ok$1:
+      return Ok;
     default:
       return '';
   }
@@ -1433,8 +1437,8 @@ const renderFocus = {
     return oldState.focusId === newState.focusId;
   },
   apply(oldState, newState) {
-    const selector = getFocusSelector(newState.focusId);
-    return ['setFocused', selector];
+    const name = getFocusSelector(newState.focusId);
+    return ['Viewlet.focusElementByName', name];
   }
 };
 const render = [renderDialog, renderFocus];
@@ -1468,6 +1472,63 @@ const renderEventListers = () => {
   }];
 };
 
+const state = {
+  rpc: undefined
+};
+const invoke = (method, ...params) => {
+  const rpc = state.rpc;
+  // @ts-ignore
+  return rpc.invoke(method, ...params);
+};
+const setRpc = rpc => {
+  state.rpc = rpc;
+};
+
+const writeText = async text => {
+  await invoke('ClipBoard.writeText', /* text */text);
+};
+
+const getWindowId = async () => {
+  return invoke('GetWindowId.getWindowId');
+};
+
+const productNameLong = 'Lvce Editor - OSS';
+const getProductNameLong = () => {
+  return productNameLong;
+};
+
+const showMessageBox = async options => {
+  const productName = getProductNameLong();
+  const windowId = await getWindowId();
+  const finalOptions = {
+    ...options,
+    productName,
+    windowId
+  };
+  return invoke('ElectronDialog.showMessageBox', finalOptions);
+};
+
+const Info = 'info';
+
+const showAboutElectron = async () => {
+  const windowId = await getWindowId();
+  const detail = await getDetailString();
+  const productNameLong = getProductNameLong();
+  const options = {
+    windowId,
+    message: productNameLong,
+    buttons: [copy(), ok()],
+    type: Info,
+    detail
+  };
+  const index = await showMessageBox(options);
+  switch (index) {
+    case 0:
+      await writeText(detail);
+      break;
+  }
+};
+
 const commandMap = {
   'About.focusNext': focusNext,
   'About.focusPrevious': focusPrevious,
@@ -1477,13 +1538,15 @@ const commandMap = {
   'About.getVirtualDom': getAboutVirtualDom,
   'About.loadContent': loadContent,
   'About.render': doRender,
-  'About.renderEventListeners': renderEventListers
+  'About.renderEventListeners': renderEventListers,
+  'About.showAboutElectron': showAboutElectron
 };
 
 const listen = async () => {
-  await WebWorkerRpcClient.create({
+  const rpc = await WebWorkerRpcClient.create({
     commandMap: commandMap
   });
+  setRpc(rpc);
 };
 
 const main = async () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/about-view",
-  "version": "2.3.0",
+  "version": "2.5.0",
   "description": "",
   "main": "dist/aboutWorkerMain.js",
   "type": "module",