@lvce-editor/server 0.4.4 → 0.5.0

package/static/4d80653/packages/renderer-worker/src/parts/ViewletTitleBar/ViewletTitleBar.js

@@ -0,0 +1,143 @@
+import * as TitleBarMenuBar from '../TitleBarMenuBar/TitleBarMenuBar.js'
+import * as Command from '../Command/Command.js'
+import * as Platform from '../Platform/Platform.js'
+import * as PlatformType from '../PlatformType/PlatformType.js'
+import * as Preferences from '../Preferences/Preferences.js'
+
+export const name = 'TitleBar'
+
+const TITLE_BAR_BUTTON_WIDTH = 46
+
+export const create = (id, uri, top, left, width, height) => {
+  return {
+    disposed: false,
+    titleBarEntries: [],
+    titleBarButtons: [],
+    top,
+    left,
+    width,
+    height,
+  }
+}
+
+const getTitleBarButtonsWeb = () => {
+  return []
+}
+
+const getTitleBarButtonsRemote = () => {
+  return []
+}
+
+const getTitleBarButtonsElectron = () => {
+  if (Preferences.get('window.titleBarStyle') === 'custom') {
+    return [
+      { label: 'Minimize', icon: 'Minimize', id: 'Minimize' },
+      { label: 'Maximize', icon: 'Maximize', id: 'Maximize' },
+      { label: 'Close', icon: 'Close', id: 'Close' },
+    ]
+  }
+  return []
+}
+
+const getTitleBarButtons = () => {
+  switch (Platform.platform) {
+    case PlatformType.Electron:
+      return getTitleBarButtonsElectron()
+    case PlatformType.Web:
+      return getTitleBarButtonsWeb()
+    case PlatformType.Remote:
+      return getTitleBarButtonsRemote()
+  }
+}
+
+export const loadContent = async (state) => {
+  const titleBarEntries = await TitleBarMenuBar.getEntries()
+  const titleBarButtons = getTitleBarButtons()
+  return {
+    ...state,
+    titleBarEntries,
+    titleBarButtons,
+  }
+}
+
+export const contentLoaded = (state) => {}
+
+export const focus = async () => {
+  await TitleBarMenuBar.focus()
+}
+
+const handleTitleBarClickMinimize = async (state) => {
+  await Command.execute('ElectronWindow.minimize')
+  return state
+}
+
+const handleTitleBarClickClose = async (state) => {
+  await Command.execute('ElectronWindow.close')
+  return state
+}
+
+const handleTitleBarClickToggleMaximize = async (state) => {
+  // TODO need command for toggleMaximize
+  await Command.execute('ElectronWindow.maximize')
+  return state
+}
+
+export const handleTitleBarButtonsClick = (state, x, y) => {
+  const { width, left } = state
+  const offsetRight = width + left - x
+  if (offsetRight >= TITLE_BAR_BUTTON_WIDTH * 2) {
+    return handleTitleBarClickMinimize(state)
+  }
+  if (offsetRight > TITLE_BAR_BUTTON_WIDTH * 1) {
+    return handleTitleBarClickToggleMaximize(state)
+  }
+  return handleTitleBarClickClose(state)
+}
+
+export const dispose = (state) => {
+  return {
+    ...state,
+    disposed: true,
+  }
+}
+
+export const hasFunctionalResize = true
+
+export const resize = (state, dimensions) => {
+  return {
+    ...state,
+    ...dimensions,
+  }
+}
+
+export const hasFunctionalRender = true
+
+const renderTitleBarEntries = {
+  isEqual(oldState, newState) {
+    return oldState.titleBarEntries === newState.titleBarEntries
+  },
+  apply(oldState, newState) {
+    return [
+      /* Viewlet.send */ 'Viewlet.send',
+      /* id */ 'TitleBar',
+      /* method */ 'menuSetEntries',
+      /* titleBarEntries */ newState.titleBarEntries,
+    ]
+  },
+}
+
+const renderTitleBarButtons = {
+  isEqual(oldState, newState) {
+    return oldState.titleBarButtons === newState.titleBarButtons
+  },
+  apply(oldState, newState) {
+    return [
+      /* Viewlet.send */ 'Viewlet.send',
+      /* id */ 'TitleBar',
+      /* method */ 'setButtons',
+      /* titleBarEntries */ newState.titleBarButtons,
+    ]
+  },
+}
+
+export const render = [renderTitleBarEntries, renderTitleBarButtons]

package/static/4d80653/packages/renderer-worker/src/parts/VirtualDomElements/VirtualDomElements.js

@@ -0,0 +1,10 @@
+export const Div = 1
+export const H1 = 2
+export const Kbd = 3
+export const Table = 4
+export const TBody = 5
+export const Td = 6
+export const Text = 7
+export const Th = 8
+export const THead = 9
+export const Tr = 10

package/static/4d80653/packages/renderer-worker/src/parts/VirtualDomHelpers/VirtualDomHelpers.js

@@ -0,0 +1,19 @@
+import * as VirtualDomElements from '../VirtualDomElements/VirtualDomElements.js'
+
+export const h = (type, props, childCount) => {
+  return {
+    type,
+    props,
+    childCount,
+  }
+}
+
+export const text = (data) => {
+  return h(
+    VirtualDomElements.Text,
+    {
+      text: data,
+    },
+    0
+  )
+}

package/static/{3d96d42 → 4d80653}/packages/renderer-worker/src/parts/Workbench/Workbench.js

@@ -18,24 +18,10 @@ import * as InitData from '../InitData/InitData.js'
 import * as Command from '../Command/Command.js'
 import * as Platform from '../Platform/Platform.js'
 
-const handleUnhandledRejection = async (event) => {
-  console.info(`[renderer-worker] Unhandled Rejection: ${event.reason}`)
-  try {
-    await ErrorHandling.handleError(event.reason)
-  } catch {}
-}
-
-const handleError = async (event) => {
-  console.info(`[renderer-worker] Unhandled Error: ${event}`)
-  try {
-    await ErrorHandling.handleError(event.reason)
-  } catch {}
-}
-
 // TODO lazyload parts one by one (Main, SideBar, ActivityBar, TitleBar, StatusBar)
 export const startup = async (config) => {
-  onunhandledrejection = handleUnhandledRejection
-  onerror = handleError
+  onunhandledrejection = ErrorHandling.handleUnhandledRejection
+  onerror = ErrorHandling.handleUnhandledError
   LifeCycle.mark(LifeCycle.Phase.Zero)
 
   Performance.mark('willStartupWorkbench')

package/static/{3d96d42 → 4d80653}/packages/renderer-worker/src/parts/Workspace/Workspace.js

@@ -7,6 +7,7 @@ import * as Platform from '../Platform/Platform.js'
 import * as SharedProcess from '../SharedProcess/SharedProcess.js'
 import * as Window from '../Window/Window.js'
 import * as PlatformType from '../PlatformType/PlatformType.js'
+import * as PathSeparatorType from '../PathSeparatorType/PathSeparatorType.js'
 
 export const state = {
   workspacePath: '',
@@ -25,7 +26,10 @@ export const setPath = async (path) => {
   Assert.string(path)
   // TODO not in electron
   const pathSeparator = await FileSystem.getPathSeparator(path)
+  // @ts-ignore
   state.workspacePath = path
+  // @ts-ignore
+  state.workspaceUri = path
   state.pathSeparator = pathSeparator
   await onWorkspaceChange()
 }
@@ -84,7 +88,7 @@ const getResolvedRootFromRendererProcess = async (href) => {
     return {
       path: href,
       homeDir: '',
-      pathSeparator: '/',
+      pathSeparator: PathSeparatorType.Slash,
       source: 'test',
     }
   }
@@ -93,15 +97,20 @@ const getResolvedRootFromRendererProcess = async (href) => {
     return {
       path,
       homeDir: '',
-      pathSeparator: '/',
+      pathSeparator: PathSeparatorType.Slash,
       source: 'renderer-process',
     }
   }
+  const resolvedRootFromSessionStorage =
+    await getResolveRootFromSessionStorage()
+  if (resolvedRootFromSessionStorage) {
+    return resolvedRootFromSessionStorage
+  }
   if (Platform.platform === 'web') {
     const resolvedRoot = {
       path: 'web:///workspace',
       homeDir: '',
-      pathSeparator: '/',
+      pathSeparator: PathSeparatorType.Slash,
       source: 'renderer-process',
     }
     return resolvedRoot
@@ -115,11 +124,6 @@ const getResolvedRootRemote = async (href) => {
   if (resolvedRootFromRendererProcess) {
     return resolvedRootFromRendererProcess
   }
-  const resolvedRootFromSessionStorage =
-    await getResolveRootFromSessionStorage()
-  if (resolvedRootFromSessionStorage) {
-    return resolvedRootFromSessionStorage
-  }
   return getResolvedRootFromSharedProcess()
 }
 
@@ -169,6 +173,9 @@ export const hydrate = async ({ href }) => {
   if (state.homeDir !== resolvedRoot.homeDir) {
     state.homeDir = resolvedRoot.homeDir
   }
+  if (!FileSystem.canBeRestored(resolvedRoot.path)) {
+    return
+  }
   // TODO how to check that path from renderer process is valid?
   // TODO also need to check whether it is a folder or file
   state.workspacePath = resolvedRoot.path

package/static/{3d96d42 → 4d80653}/static/js/ky.js

@@ -88,8 +88,23 @@ const deepMerge = (...sources) => {
   }
   return returnValue;
 };
+const supportsStreams = (() => {
+  let duplexAccessed = false;
+  let hasContentType = false;
+  const supportsReadableStream = typeof globalThis.ReadableStream === "function";
+  if (supportsReadableStream) {
+    hasContentType = new globalThis.Request("https://a.com", {
+      body: new globalThis.ReadableStream(),
+      method: "POST",
+      get duplex() {
+        duplexAccessed = true;
+        return "half";
+      }
+    }).headers.has("Content-Type");
+  }
+  return duplexAccessed && !hasContentType;
+})();
 const supportsAbortController = typeof globalThis.AbortController === "function";
-const supportsStreams = typeof globalThis.ReadableStream === "function";
 const supportsFormData = typeof globalThis.FormData === "function";
 const requestMethods = ["get", "post", "put", "patch", "head", "delete"];
 const responseTypes = {
@@ -218,6 +233,9 @@ class Ky {
       this._options.signal = this.abortController.signal;
     }
     this.request = new globalThis.Request(this._input, this._options);
+    if (supportsStreams) {
+      this.request.duplex = "half";
+    }
     if (this._options.searchParams) {
       const textSearchParams = typeof this._options.searchParams === "string" ? this._options.searchParams.replace(/^\?/, "") : new URLSearchParams(this._options.searchParams).toString();
       const searchParams = "?" + textSearchParams;
@@ -363,6 +381,16 @@ class Ky {
   _stream(response, onDownloadProgress) {
     const totalBytes = Number(response.headers.get("content-length")) || 0;
     let transferredBytes = 0;
+    if (response.status === 204) {
+      if (onDownloadProgress) {
+        onDownloadProgress({percent: 1, totalBytes, transferredBytes}, new Uint8Array());
+      }
+      return new globalThis.Response(null, {
+        status: response.status,
+        statusText: response.statusText,
+        headers: response.headers
+      });
+    }
     return new globalThis.Response(new globalThis.ReadableStream({
       async start(controller) {
         const reader = response.body.getReader();

package/static/index.html

@@ -2,13 +2,13 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
     <meta name="description" content="Online Code Editor" />
     <title>Code Editor</title>
-    <link rel="stylesheet" href="/3d96d42/css/App.css" />
+    <link rel="stylesheet" href="/4d80653/css/App.css" />
     <link
       rel="preload"
-      href="/3d96d42/fonts/FiraCode-VariableFont.ttf"
+      href="/4d80653/fonts/FiraCode-VariableFont.ttf"
       as="font"
       type="font/ttf"
       crossorigin
@@ -17,21 +17,21 @@
     <link rel="manifest" href="/manifest.json" />
     <script
       type="module"
-      src="/3d96d42/packages/renderer-process/dist/rendererProcessMain.js"
+      src="/4d80653/packages/renderer-process/dist/rendererProcessMain.js"
     ></script>
     <link
       rel="modulepreload"
-      href="/3d96d42/packages/renderer-worker/dist/rendererWorkerMain.js"
+      href="/4d80653/packages/renderer-worker/dist/rendererWorkerMain.js"
     />
-    <link rel="apple-touch-icon" href="/3d96d42/icons/pwa-icon-192.png" />
+    <link rel="apple-touch-icon" href="/4d80653/icons/pwa-icon-192.png" />
     <meta name="theme-color" content="#282e2f" />
     <link
       rel="preload"
-      href="/3d96d42/config/defaultKeyBindings.json"
+      href="/4d80653/config/defaultKeyBindings.json"
       as="fetch"
       crossorigin
     />
-    <link rel="preload" href="/3d96d42/config/defaultSettings.json" as="fetch" crossorigin>
+    <link rel="preload" href="/4d80653/config/defaultSettings.json" as="fetch" crossorigin>
   </head>
   <body>
     <noscript title="No JavaScript Support">

package/static/manifest.json

@@ -11,13 +11,13 @@
   "display_override": ["window-controls-overlay", "minimal-ui"],
   "icons": [
     {
-      "src": "/3d96d42/icons/pwa-icon-192.png",
+      "src": "/4d80653/icons/pwa-icon-192.png",
       "type": "image/png",
       "sizes": "192x192",
       "purpose": "any maskable"
     },
     {
-      "src": "/3d96d42/icons/pwa-icon-512.png",
+      "src": "/4d80653/icons/pwa-icon-512.png",
       "type": "image/png",
       "sizes": "512x512",
       "purpose": "any maskable"

package/static/serviceWorker.js

@@ -1,4 +1,4 @@
-const CACHE_STATIC_NAME = 'static-3d96d42'
+const CACHE_STATIC_NAME = 'static-4d80653'
 const CACHE_DYNAMIC_NAME = 'dynamic-v2'
 
 const getPathName = (url) => {