@lvce-editor/shared-process 0.21.4 → 0.21.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/shared-process",
-  "version": "0.21.4",
+  "version": "0.21.5",
   "main": "index.js",
   "type": "module",
   "keywords": [
@@ -19,12 +19,12 @@
   "dependencies": {
     "@babel/code-frame": "^7.23.5",
     "@lvce-editor/assert": "^1.0.1",
-    "@lvce-editor/extension-host": "0.21.4",
-    "@lvce-editor/extension-host-helper-process": "0.21.4",
+    "@lvce-editor/extension-host": "0.21.5",
+    "@lvce-editor/extension-host-helper-process": "0.21.5",
     "@lvce-editor/json-rpc": "^0.4.0",
     "@lvce-editor/jsonc-parser": "^1.1.0",
     "@lvce-editor/pretty-error": "^1.3.0",
-    "@lvce-editor/pty-host": "0.21.4",
+    "@lvce-editor/pty-host": "0.21.5",
     "@lvce-editor/verror": "^1.1.2",
     "debug": "^4.3.4",
     "execa": "^8.0.1",
@@ -41,7 +41,7 @@
   "optionalDependencies": {
     "@lvce-editor/ripgrep": "^1.0.1",
     "extract-zip": "^2.0.1",
-    "open": "^9.1.0",
+    "open": "^10.0.0",
     "symlink-dir": "^5.2.0",
     "tail": "^2.2.6",
     "tmp-promise": "^3.0.3",

package/src/parts/AddSemiColon/AddSemiColon.js

@@ -0,0 +1,5 @@
+import * as Character from '../Character/Character.js'
+
+export const addSemicolon = (line) => {
+  return line + Character.SemiColon
+}

package/src/parts/AppWindow/AppWindow.js

@@ -1,5 +1,6 @@
 import * as DefaultUrl from '../DefaultUrl/DefaultUrl.js'
 import * as GetAppWindowOptions from '../GetAppWindowOptions/GetAppWindowOptions.js'
+import * as GetTitleBarItems from '../GetTitleBarItems/GetTitleBarItems.js'
 import * as ParentIpc from '../ParentIpc/ParentIpc.js'
 import * as Preferences from '../Preferences/Preferences.js'
 import * as Screen from '../Screen/Screen.js'
@@ -7,7 +8,8 @@ import * as Screen from '../Screen/Screen.js'
 export const createAppWindow = async (preferences, parsedArgs, workingDirectory, url = DefaultUrl.defaultUrl) => {
   const { width, height } = await Screen.getBounds()
   const windowOptions = GetAppWindowOptions.getAppWindowOptions(preferences, width, height)
-  return ParentIpc.invoke('AppWindow.createAppWindow2', windowOptions, parsedArgs, workingDirectory, url)
+  const titleBarItems = GetTitleBarItems.getTitleBarItems()
+  return ParentIpc.invoke('AppWindow.createAppWindow2', windowOptions, parsedArgs, workingDirectory, titleBarItems, url)
 }
 
 export const openNew = async (url) => {

package/src/parts/Character/Character.js

@@ -9,3 +9,4 @@ export const Space = ' '
 export const Tab = '\t'
 export const Underline = '_'
 export const T = 't'
+export const SemiColon = ';'

package/src/parts/ContentSecurityPolicy/ContentSecurityPolicy.js

@@ -0,0 +1,16 @@
+import * as Character from '../Character/Character.js'
+import * as AddSemiColon from '../AddSemiColon/AddSemiColon.js'
+
+export const key = 'Content-Security-Policy'
+
+export const value = [
+  `default-src 'none'`,
+  `font-src 'self'`,
+  `frame-src *`,
+  `img-src 'self' https: data:`,
+  `script-src 'self'`,
+  `media-src 'self'`,
+  `style-src 'self'`,
+]
+  .map(AddSemiColon.addSemicolon)
+  .join(Character.Space)

package/src/parts/ContentSecurityPolicyWorker/ContentSecurityPolicyWorker.js

@@ -0,0 +1,14 @@
+import * as Character from '../Character/Character.js'
+import * as AddSemiColon from '../AddSemiColon/AddSemiColon.js'
+
+export const key = 'Content-Security-Policy'
+
+// prettier-ignore
+export const value = [
+  `default-src 'none'`,
+  `connect-src 'self'`,
+  `script-src 'self'`,
+  `font-src 'self'`,
+]
+  .map(AddSemiColon.addSemicolon)
+  .join(Character.Space)

package/src/parts/CrossOriginEmbedderPolicy/CrossOriginEmbedderPolicy.js

@@ -0,0 +1,2 @@
+export const key = 'Cross-Origin-Embedder-Policy'
+export const value = 'require-corp'

package/src/parts/CrossOriginOpenerPolicy/CrossOriginOpenerPolicy.js

@@ -0,0 +1,2 @@
+export const key = 'Cross-Origin-Opener-Policy'
+export const value = 'same-origin'

package/src/parts/ExportStatic/ExportStatic.js

@@ -185,7 +185,7 @@ const applyOverrides = async ({ root, commitHash, pathPrefix }) => {
     )
   }
   await replace(Path.join(root, 'dist', 'index.html'), `/${commitHash}`, `${pathPrefix}/${commitHash}`)
-  await replace(Path.join(root, 'dist', 'index.html'), `/manifest.json`, `${pathPrefix}/manifest.json`)
+  await replace(Path.join(root, 'dist', 'index.html'), `/${commitHash}/manifest.json`, `${pathPrefix}/${commitHash}/manifest.json`)
 
   if (pathPrefix) {
     await replace(
@@ -203,18 +203,18 @@ const applyOverrides = async ({ root, commitHash, pathPrefix }) => {
     )
   }
   if (pathPrefix) {
-    await replace(Path.join(root, 'dist', 'manifest.json'), `/${commitHash}`, `${pathPrefix}/${commitHash}`)
-    await replace(Path.join(root, 'dist', 'manifest.json'), `"start_url": "/"`, `"start_url": "${pathPrefix}"`)
+    await replace(Path.join(root, 'dist', commitHash, 'manifest.json'), `/${commitHash}`, `${pathPrefix}/${commitHash}`)
+    await replace(Path.join(root, 'dist', commitHash, 'manifest.json'), `"start_url": "/"`, `"start_url": "${pathPrefix}"`)
     await replace(Path.join(root, 'dist', commitHash, 'css', 'App.css'), `/${commitHash}`, `${pathPrefix}/${commitHash}`)
     await replace(Path.join(root, 'dist', commitHash, 'css', 'parts', 'Symbol.css'), `/${commitHash}`, `${pathPrefix}/${commitHash}`)
   }
 }
 
-const addExtensionSeo = async ({ root, name, description }) => {
+const addExtensionSeo = async ({ root, name, description, commitHash }) => {
   await replace(Path.join(root, 'dist', 'index.html'), '<title>Code Editor</title>', `<title>${name}</title>`)
-  await replace(Path.join(root, 'dist', 'manifest.json'), `"name": "Code Editor Web - OSS"`, `"name": "${name}"`)
-  await replace(Path.join(root, 'dist', 'manifest.json'), `"short_name": "Web - OSS"`, `"short_name": "${name}"`)
-  await replace(Path.join(root, 'dist', 'manifest.json'), `"description": "Web Code Editor."`, `"description": "${description}"`)
+  await replace(Path.join(root, 'dist', commitHash, 'manifest.json'), `"name": "Code Editor Web - OSS"`, `"name": "${name}"`)
+  await replace(Path.join(root, 'dist', commitHash, 'manifest.json'), `"short_name": "Web - OSS"`, `"short_name": "${name}"`)
+  await replace(Path.join(root, 'dist', commitHash, 'manifest.json'), `"description": "Web Code Editor."`, `"description": "${description}"`)
   await replace(
     Path.join(root, 'dist', 'index.html'),
     '<meta name="description" content="Online Code Editor" />',
@@ -340,6 +340,7 @@ const addExtension = async ({ root, extensionPath, commitHash, pathPrefix }) =>
   const description = extensionJson.description || ''
   await addExtensionSeo({
     root,
+    commitHash,
     name,
     description,
   })

package/src/parts/GetElectronFileResponse/GetElectronFileResponse.ipc.js

@@ -0,0 +1,7 @@
+import * as GetElectronFileResponse from './GetElectronFileResponse.js'
+
+export const name = 'GetElectronFileResponse'
+
+export const Commands = {
+  getElectronFileResponse: GetElectronFileResponse.getElectronFileResponse,
+}

package/src/parts/GetElectronFileResponse/GetElectronFileResponse.js

@@ -0,0 +1,23 @@
+import { readFile } from 'fs/promises'
+import * as GetElectronFileResponseAbsolutePath from '../GetElectronFileResponseAbsolutePath/GetElectronFileResponseAbsolutePath.js'
+import * as GetElectronFileResponseRelativePath from '../GetElectronFileResponseRelativePath/GetElectronFileResponseRelativePath.js'
+import * as GetHeaders from '../GetHeaders/GetHeaders.js'
+import * as Platform from '../Platform/Platform.js'
+
+export const getElectronFileResponse = async (url) => {
+  const pathName = GetElectronFileResponseRelativePath.getElectronFileResponseRelativePath(url)
+  const absolutePath = GetElectronFileResponseAbsolutePath.getElectronFileResponseAbsolutePath(pathName)
+  let content = await readFile(absolutePath)
+  if (!Platform.isProduction && url === `${Platform.scheme}://-/`) {
+    // @ts-ignore
+    content = content.toString().replace('    <link rel="manifest" href="/manifest.json" crossorigin="use-credentials" />\n', '')
+  }
+  const headers = GetHeaders.getHeaders(absolutePath)
+  return {
+    body: content,
+    init: {
+      status: 200,
+      headers,
+    },
+  }
+}

package/src/parts/GetElectronFileResponseAbsolutePath/GetElectronFileResponseAbsolutePath.js

@@ -0,0 +1,35 @@
+import { tmpdir } from 'node:os'
+import { join } from 'node:path'
+import { fileURLToPath } from 'node:url'
+import * as Path from '../Path/Path.js'
+import * as Platform from '../Platform/Platform.js'
+import * as Root from '../Root/Root.js'
+
+export const getElectronFileResponseAbsolutePath = (pathName) => {
+  // TODO remove if/else in prod (use replacement)
+  if (pathName === `/` || pathName.startsWith(`/?`)) {
+    return Path.join(Root.root, 'static', 'index.html')
+  }
+  if (pathName.startsWith(`/packages`)) {
+    return Path.join(Root.root, pathName)
+  }
+  if (pathName.startsWith(`/static`)) {
+    return Path.join(Root.root, pathName)
+  }
+  if (pathName.startsWith(`/extensions`)) {
+    return Path.join(Root.root, pathName)
+  }
+  // TODO maybe have a separate protocol for remote, e.g. vscode has vscode-remote
+  if (pathName.startsWith(`/remote`)) {
+    const uri = pathName.slice('/remote'.length)
+    if (Platform.isWindows) {
+      return fileURLToPath(`file://` + uri)
+    }
+    return uri
+  }
+  if (pathName.startsWith('/process-explorer/process-explorer-theme.css')) {
+    const processExplorerThemeCss = join(tmpdir(), 'process-explorer-theme.css')
+    return processExplorerThemeCss
+  }
+  return Path.join(Root.root, 'static', pathName)
+}

package/src/parts/GetElectronFileResponseRelativePath/GetElectronFileResponseRelativePath.js

@@ -0,0 +1,8 @@
+import * as Platform from '../Platform/Platform.js'
+
+export const getElectronFileResponseRelativePath = (requestUrl) => {
+  const decoded = decodeURI(requestUrl)
+  const { scheme } = Platform
+  const pathName = decoded.slice(`${scheme}://-`.length)
+  return pathName
+}

package/src/parts/GetHeaders/GetHeaders.js

@@ -0,0 +1,52 @@
+import { extname } from 'path'
+import * as ContentSecurityPolicy from '../ContentSecurityPolicy/ContentSecurityPolicy.js'
+import * as ContentSecurityPolicyWorker from '../ContentSecurityPolicyWorker/ContentSecurityPolicyWorker.js'
+import * as CrossOriginEmbedderPolicy from '../CrossOriginEmbedderPolicy/CrossOriginEmbedderPolicy.js'
+import * as CrossOriginOpenerPolicy from '../CrossOriginOpenerPolicy/CrossOriginOpenerPolicy.js'
+import * as GetMimeType from '../GetMimeType/GetMimeType.js'
+
+const getHeadersMainFrame = () => {
+  return {
+    [ContentSecurityPolicy.key]: ContentSecurityPolicy.value,
+    [CrossOriginOpenerPolicy.key]: CrossOriginOpenerPolicy.value,
+    [CrossOriginEmbedderPolicy.key]: CrossOriginEmbedderPolicy.value,
+  }
+}
+
+const getHeadersWorker = () => {
+  return {
+    [CrossOriginEmbedderPolicy.key]: CrossOriginEmbedderPolicy.value,
+    [ContentSecurityPolicyWorker.key]: ContentSecurityPolicyWorker.value,
+  }
+}
+
+const getHeadersDefault = () => {
+  return {}
+}
+
+const getExtraHeaders = (url, fileExtension) => {
+  switch (fileExtension) {
+    case '.html':
+      return getHeadersMainFrame()
+    case '.js':
+      if (url.endsWith('WorkerMain.js')) {
+        return getHeadersWorker()
+      }
+      return getHeadersDefault()
+    default:
+      return getHeadersDefault()
+  }
+}
+
+export const getHeaders = (absolutePath) => {
+  const extension = extname(absolutePath)
+  const mime = GetMimeType.getMimeType(extension)
+  const headers = {
+    'Content-Type': mime,
+  }
+  const extraHeaders = getExtraHeaders(absolutePath, extension)
+  return {
+    ...headers,
+    ...extraHeaders,
+  }
+}

package/src/parts/GetMimeType/GetMimeType.js

@@ -0,0 +1,23 @@
+import * as MimeType from '../MimeType/MimeType.js'
+
+export const getMimeType = (fileExtension) => {
+  switch (fileExtension) {
+    case '.html':
+      return MimeType.TextHtml
+    case '.css':
+      return MimeType.TextCss
+    case '.ttf':
+      return MimeType.FontTtf
+    case '.js':
+      return MimeType.TextJavaScript
+    case '.svg':
+      return MimeType.ImageSvgXml
+    case '.png':
+      return MimeType.ImagePng
+    case '.json':
+      return MimeType.ApplicationJson
+    default:
+      console.warn(`unsupported file extension: ${fileExtension}`)
+      return ''
+  }
+}

package/src/parts/GetTitleBarItems/GetTitleBarItems.js

@@ -0,0 +1,46 @@
+/**
+ * @enum {string}
+ */
+const UiStrings = {
+  File: 'File',
+  Edit: 'Edit',
+  Selection: 'Selection',
+  View: 'View',
+  Go: 'Go',
+  Run: 'Run',
+  Terminal: 'Terminal',
+  Window: 'Window',
+  Help: 'Help',
+}
+
+export const getTitleBarItems = () => {
+  return [
+    {
+      label: UiStrings.File,
+    },
+    {
+      label: UiStrings.Edit,
+    },
+    {
+      label: UiStrings.Selection,
+    },
+    {
+      label: UiStrings.View,
+    },
+    {
+      label: UiStrings.Go,
+    },
+    {
+      label: UiStrings.Run,
+    },
+    {
+      label: UiStrings.Terminal,
+    },
+    {
+      label: UiStrings.Window,
+    },
+    {
+      label: UiStrings.Help,
+    },
+  ]
+}

package/src/parts/Header/Header.js

@@ -0,0 +1 @@
+export const ContentType = 'Content-Type'

package/src/parts/MimeType/MimeType.js

@@ -0,0 +1,37 @@
+export const ApplicationFontWoff = 'application/font-woff'
+export const ApplicationJson = 'aplication/json'
+export const AudioMidi = 'audio/midi'
+export const AudioMpeg = 'audio/mpeg'
+export const AudioOgg = 'audio/ogg'
+export const AudioOpus = 'audio/opus'
+export const AudioXaac = 'audio/x-aac'
+export const AudioXMsWma = 'audio/x-ms-wma'
+export const AudioXWav = 'audio/x-wav'
+export const FontTtf = 'font/ttf'
+export const ImageAvif = 'image/avif'
+export const ImageBmp = 'image/bmp'
+export const ImageGif = 'image/gif'
+export const ImageJpg = 'image/jpg'
+export const ImagePng = 'image/png'
+export const ImageSvgXml = 'image/svg+xml'
+export const ImageTiff = 'image/tiff'
+export const ImageVndAdobePhotoShop = 'image/vnd.adobe.photoshop'
+export const ImageWebp = 'image/webp'
+export const ImageXIcon = 'image/x-icon'
+export const ImageXTga = 'image/x-tga'
+export const TextCalendar = 'text/calendar'
+export const TextCss = 'text/css'
+export const TextCvs = 'text/csv'
+export const TextHtml = 'text/html'
+export const TextJavaScript = 'text/javascript'
+export const TextPlain = 'text/plain'
+export const TextXml = 'text/xml'
+export const VideoMp4 = 'video/mp4'
+export const VideoMpeg = 'video/mpeg'
+export const VideoQuickTime = 'video/quicktime'
+export const VideoWebm = 'video/webm'
+export const VideoXFlv = 'video/x-flv'
+export const VideoXMatroska = 'video/x-matroska'
+export const VideoXMsVideo = 'video/x-msvideo'
+export const VideoXMsWmv = 'video/x-ms-wmv'
+export const VideoXSgiMovie = 'video/x-sgi-movie'

package/src/parts/Module/Module.js

@@ -134,6 +134,8 @@ export const load = (moduleId) => {
       return import('../HandleMessagePortForTerminalProcess/HandleMessagePortForTerminalProcess.ipc.js')
     case ModuleId.TemporaryMessagePort:
       return import('../TemporaryMessagePort/TemporaryMessagePort.ipc.js')
+    case ModuleId.GetElectronFileResponse:
+      return import('../GetElectronFileResponse/GetElectronFileResponse.ipc.js')
     default:
       throw new Error(`module ${moduleId} not found`)
   }

package/src/parts/ModuleId/ModuleId.js

@@ -66,3 +66,4 @@ export const HandleElectronReady = 59
 export const HandleWindowAllClosed = 60
 export const HandleMessagePortForTerminalProcess = 61
 export const TemporaryMessagePort = 62
+export const GetElectronFileResponse = 63

package/src/parts/ModuleMap/ModuleMap.js

@@ -289,6 +289,8 @@ export const getModuleId = (commandId) => {
       return ModuleId.HandleMessagePortForTerminalProcess
     case 'TemporaryMessagePort.handlePort':
       return ModuleId.TemporaryMessagePort
+    case 'GetElectronFileResponse.getElectronFileResponse':
+      return ModuleId.GetElectronFileResponse
     default:
       throw new CommandNotFoundError(commandId)
   }

package/src/parts/Platform/Platform.js

@@ -61,11 +61,11 @@ export const getSetupName = () => {
   return 'Lvce-Setup'
 }
 
-export const version = '0.21.4'
+export const version = '0.21.5'
 
-export const commit = 'f091269'
+export const commit = 'ce18293'
 
-export const date = '2023-12-18T23:35:44.000Z'
+export const date = '2023-12-22T15:56:21.000Z'
 
 export const getVersion = () => {
   return version