@lvce-editor/panel-worker 1.0.0 → 1.2.0

package/dist/panelWorkerMain.js

@@ -54,6 +54,55 @@ class VError extends Error {
   }
 }
 
+class AssertionError extends Error {
+  constructor(message) {
+    super(message);
+    this.name = 'AssertionError';
+  }
+}
+const Object$1 = 1;
+const Number$1 = 2;
+const Array$1 = 3;
+const String = 4;
+const Boolean = 5;
+const Function = 6;
+const Null = 7;
+const Unknown = 8;
+const getType = value => {
+  switch (typeof value) {
+    case 'number':
+      return Number$1;
+    case 'function':
+      return Function;
+    case 'string':
+      return String;
+    case 'object':
+      if (value === null) {
+        return Null;
+      }
+      if (Array.isArray(value)) {
+        return Array$1;
+      }
+      return Object$1;
+    case 'boolean':
+      return Boolean;
+    default:
+      return Unknown;
+  }
+};
+const object = value => {
+  const type = getType(value);
+  if (type !== Object$1) {
+    throw new AssertionError('expected value to be of type object');
+  }
+};
+const string = value => {
+  const type = getType(value);
+  if (type !== String) {
+    throw new AssertionError('expected value to be of type string');
+  }
+};
+
 const isMessagePort = value => {
   return value && value instanceof MessagePort;
 };
@@ -604,7 +653,7 @@ const getErrorResponse = (id, error, preparePrettyError, logError) => {
   const errorProperty = getErrorProperty(error, prettyError);
   return create$1$1(id, errorProperty);
 };
-const create$7 = (message, result) => {
+const create$8 = (message, result) => {
   return {
     jsonrpc: Two$1,
     id: message.id,
@@ -613,7 +662,7 @@ const create$7 = (message, result) => {
 };
 const getSuccessResponse = (message, result) => {
   const resultProperty = result ?? null;
-  return create$7(message, resultProperty);
+  return create$8(message, resultProperty);
 };
 const getErrorResponseSimple = (id, error) => {
   return {
@@ -707,7 +756,7 @@ const handleJsonRpcMessage = async (...args) => {
 
 const Two = '2.0';
 
-const create$6 = (method, params) => {
+const create$7 = (method, params) => {
   return {
     jsonrpc: Two,
     method,
@@ -715,7 +764,7 @@ const create$6 = (method, params) => {
   };
 };
 
-const create$5 = (id, method, params) => {
+const create$6 = (id, method, params) => {
   const message = {
     id,
     jsonrpc: Two,
@@ -726,12 +775,12 @@ const create$5 = (id, method, params) => {
 };
 
 let id = 0;
-const create$4 = () => {
+const create$5 = () => {
   return ++id;
 };
 
 const registerPromise = map => {
-  const id = create$4();
+  const id = create$5();
   const {
     promise,
     resolve
@@ -749,7 +798,7 @@ const invokeHelper = async (callbacks, ipc, method, params, useSendAndTransfer)
     id,
     promise
   } = registerPromise(callbacks);
-  const message = create$5(id, method, params);
+  const message = create$6(id, method, params);
   if (useSendAndTransfer && ipc.sendAndTransfer) {
     ipc.sendAndTransfer(message);
   } else {
@@ -785,7 +834,7 @@ const createRpc = ipc => {
      * @deprecated
      */
     send(method, ...params) {
-      const message = create$6(method, params);
+      const message = create$7(method, params);
       ipc.send(message);
     }
   };
@@ -825,7 +874,7 @@ const listen$1 = async (module, options) => {
   return ipc;
 };
 
-const create$3 = async ({
+const create$4 = async ({
   commandMap
 }) => {
   // TODO create a commandMap per rpc instance
@@ -877,7 +926,7 @@ const remove = id => {
 };
 
 /* eslint-disable  @typescript-eslint/explicit-function-return-type */
-const create$2 = rpcId => {
+const create$3 = rpcId => {
   return {
     async dispose() {
       const rpc = get$1(rpcId);
@@ -914,14 +963,15 @@ const create$2 = rpcId => {
 };
 
 const {
+  invoke,
   set: set$1
-} = create$2(RendererWorker);
+} = create$3(RendererWorker);
 
 const toCommandId = key => {
   const dotIndex = key.indexOf('.');
   return key.slice(dotIndex + 1);
 };
-const create$1 = () => {
+const create$2 = () => {
   const states = Object.create(null);
   const commandMapRef = {};
   return {
@@ -1013,21 +1063,26 @@ const {
   set,
   wrapCommand,
   wrapGetter
-} = create$1();
+} = create$2();
 
-const create = (uid, uri, x, y, width, height, platform, assetDir) => {
+const create$1 = (uid, uri, x, y, width, height, platform, assetDir) => {
   const state = {
     actionsUid: 0,
     assetDir,
     badgeCounts: {},
     childUid: 0,
+    currentViewletId: '',
     errorCount: 0,
+    height: 0,
     initial: true,
     platform,
     selectedIndex: -1,
     uid,
     views: [],
-    warningCount: 0
+    warningCount: 0,
+    width: 0,
+    x: 0,
+    y: 0
   };
   set(uid, state, state);
 };
@@ -1062,15 +1117,153 @@ const diff2 = uid => {
   return result;
 };
 
-const loadContent = async state => {
+const DebugConsole = 'Debug Console';
+const Output = 'Output';
+const Problems = 'Problems';
+const Terminals = 'Terminals';
+
+const getPanelViews = () => {
+  const views = [Problems, Output, DebugConsole, Terminals];
+  return views;
+};
+
+let idCounter = 0;
+const create = () => {
+  idCounter++;
+  return idCounter;
+};
+
+const getSavedViewletId = savedState => {
+  if (savedState && savedState.currentViewletId) {
+    return savedState.currentViewletId || Problems;
+  }
+  return Problems;
+};
+const loadContent = (state, savedState) => {
+  const savedViewletId = getSavedViewletId(savedState);
+  const views = getPanelViews();
+  const loaded = {
+    ...state,
+    currentViewletId: savedViewletId,
+    views
+  };
+  return openViewlet(loaded, savedViewletId);
+};
+const setBadgeCount = (state, id, count) => {
+  const {
+    badgeCounts
+  } = state;
   return {
     ...state,
-    errorCount: 0,
-    initial: false,
-    warningCount: 0
+    badgeCounts: {
+      ...badgeCounts,
+      [id]: count
+    }
   };
 };
 
+// export const contentLoaded = (state) => {
+//   const commands = []
+//   return commands
+// }
+
+const getContentDimensions = dimensions => {
+  return {
+    height: dimensions.height - 35,
+    width: dimensions.width,
+    x: dimensions.x,
+    y: dimensions.y + 35
+  };
+};
+const openViewlet = async (state, id, focus = false) => {
+  const childDimensions = getContentDimensions(state);
+  const {
+    uid
+  } = state;
+  const childUid = create();
+  const commands = await ViewletManager.load({
+    append: false,
+    args: [],
+    focus,
+    getModule: ViewletModule.load,
+    height: childDimensions.height,
+    id,
+    parentUid: uid,
+    setBounds: false,
+    shouldRenderEvents: false,
+    show: false,
+    type: 0,
+    uid: childUid,
+    // @ts-ignore
+    uri: '',
+    width: childDimensions.width,
+    x: childDimensions.x,
+    y: childDimensions.y
+  }, false, true);
+  let actionsDom = [];
+  let actionsUid = -1;
+  if (commands) {
+    const actionsDomIndex = commands.findIndex(command => command[2] === 'setActionsDom');
+    if (actionsDomIndex !== -1) {
+      const actionDomEntry = commands[actionsDomIndex]?.[3];
+      if (Array.isArray(actionDomEntry)) {
+        actionsDom = actionDomEntry;
+      }
+      commands.splice(actionsDomIndex, 1);
+    }
+    const eventsIndex = commands.findIndex(command => command[0] === 'Viewlet.registerEventListeners');
+    const events = eventsIndex === -1 ? [] : commands[eventsIndex]?.[2];
+    actionsUid = create();
+    commands.push(['Viewlet.createFunctionalRoot', id, actionsUid, true], ['Viewlet.registerEventListeners', actionsUid, events], ['Viewlet.setDom2', actionsUid, actionsDom], ['Viewlet.setUid', actionsUid, childUid]);
+    await RendererProcess.invoke('Viewlet.sendMultiple', commands);
+  }
+  return {
+    ...state,
+    actionsUid,
+    childUid,
+    currentViewletId: id
+  };
+};
+const handleClickClose = async state => {
+  await Command.execute('Layout.hidePanel');
+  return state;
+};
+const handleClickMaximize = async state => {
+  // TODO
+  return state;
+};
+const selectIndex = async (state, index) => {
+  await openViewlet(state, state.views[index]);
+  return {
+    ...state,
+    selectedIndex: index
+  };
+};
+const selectRaw = async (state, rawIndex) => {
+  return selectIndex(state, Number.parseInt(rawIndex, 10));
+};
+const toggleView = async (state, name) => {
+  const index = state.views.indexOf(name);
+  if (index === -1) {
+    return state;
+  }
+  if (name === state.currentViewletId) {
+    // await Command.execute('Layout.hidePanel') // TODO
+    return state;
+  }
+  return selectIndex(state, index);
+};
+const handleFilterInput = async (state, value) => {
+  object(state);
+  string(value);
+  const {
+    currentViewletId
+  } = state;
+  const fullCommand = `${currentViewletId}.handleFilterInput`;
+  await Command.execute(fullCommand, value);
+  return state;
+};
+
 const SetText = 1;
 const Replace = 2;
 const SetAttribute = 3;
@@ -1437,34 +1630,59 @@ const renderEventListeners = () => {
   }];
 };
 
-const resize = (state, dimensions) => {
-  return {
+const resize = async (state, dimensions) => {
+  // TODO
+  const currentViewletInstance = {};
+  const newState = {
     ...state,
     ...dimensions
   };
+  if (!currentViewletInstance) {
+    return {
+      ...newState
+    };
+  }
+  // @ts-ignore
+  const currentViewletUid = currentViewletInstance.state.uid;
+  // @ts-ignore
+  await invoke('Viewlet.resize', currentViewletUid, dimensions);
+  return {
+    ...newState
+  };
 };
 
 const saveState = state => {
+  const {
+    currentViewletId
+  } = state;
   return {
-    x: 0
+    currentViewletId
   };
 };
 
 const commandMap = {
-  'StatusBar.create': create,
-  'StatusBar.diff2': diff2,
-  'StatusBar.getCommandIds': getCommandIds,
-  'StatusBar.loadContent': wrapCommand(loadContent),
-  'StatusBar.render2': render2,
-  'StatusBar.renderEventListeners': renderEventListeners,
-  'StatusBar.resize': wrapCommand(resize),
-  'StatusBar.saveState': wrapGetter(saveState),
-  'StatusBar.terminate': terminate
+  'Panel.create': create$1,
+  'Panel.diff2': diff2,
+  'Panel.getCommandIds': getCommandIds,
+  'Panel.handleClickClose': wrapCommand(handleClickClose),
+  'Panel.handleClickMaximize': wrapCommand(handleClickMaximize),
+  'Panel.handleFilterInput': wrapCommand(handleFilterInput),
+  'Panel.loadContent': wrapCommand(loadContent),
+  'Panel.openViewlet': wrapCommand(openViewlet),
+  'Panel.render2': render2,
+  'Panel.renderEventListeners': renderEventListeners,
+  'Panel.resize': wrapCommand(resize),
+  'Panel.saveState': wrapGetter(saveState),
+  'Panel.selectIndex': wrapCommand(selectIndex),
+  'Panel.selectIndexRaw': wrapCommand(selectRaw),
+  'Panel.setBadgeCount': wrapCommand(setBadgeCount),
+  'Panel.terminate': terminate,
+  'Panel.toggleView': wrapCommand(toggleView)
 };
 
 const listen = async () => {
   registerCommands(commandMap);
-  const rpc = await create$3({
+  const rpc = await create$4({
     commandMap: commandMap
   });
   set$1(rpc);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/panel-worker",
-  "version": "1.0.0",
+  "version": "1.2.0",
   "description": "Panel Worker",
   "repository": {
     "type": "git",