@lvce-editor/shared-process 0.9.2 → 0.10.1

package/config/builtinCommands.json

@@ -416,5 +416,14 @@
   {
     "id": "Window.zoomReset",
     "label": "Window: Reset Zoom"
+  },
+  {
+    "id": "Main.openUri",
+    "label": "Simple Browser: Open",
+    "args": ["simple-browser://"]
+  },
+  {
+    "id": "SimpleBrowser.openDevtools",
+    "label": "Simple Browser: Open Dev Devtools"
   }
 ]

package/config/defaultKeyBindings.json

@@ -747,5 +747,10 @@
     "key": "Escape",
     "command": "TitleBarMenuBar.handleKeyEscape",
     "when": "focus.TitleBarMenuBar"
+  },
+  {
+    "key": "Enter",
+    "command": "SimpleBrowser.go",
+    "when": "focus.SimpleBrowserInput"
   }
 ]

package/config/defaultSettings.json

@@ -31,5 +31,12 @@
   "workbench.sideBar.visible": true,
   "workbench.saveStateOnVisibilityChange": false,
 
-  "workspace.defaultWorkspace": "fetch:///playground"
+  "workspace.defaultWorkspace": "fetch:///playground",
+
+  "keyBindings.fallTroughBrowserView": [
+    "ctrl+p",
+    "ctrl+shift+p",
+    "ctrl+b",
+    "ctrl+m"
+  ]
 }

package/config/fileMap.json

@@ -9,7 +9,7 @@
   "/playground/languages/index.jl",
   "/playground/languages/index.js",
   "/playground/languages/index.kt",
-  "/playground/languages/index.perl",
+  "/playground/languages/index.pl",
   "/playground/languages/index.py",
   "/playground/languages/index.ts",
   "/playground/languages/scrolling.txt",

package/extensions/builtin.language-basics-css/src/tokenizeCss.js

@@ -14,6 +14,7 @@ export const State = {
   AfterQuery: 10,
   InsideRound: 11,
   AfterQueryWithRules: 12,
+  InsideRule: 13,
 }
 
 export const StateMap = {
@@ -60,7 +61,7 @@ export const TokenMap = {
   [TokenType.CurlyClose]: 'Punctuation',
   [TokenType.PropertyColon]: 'Punctuation',
   [TokenType.CssPropertySemicolon]: 'Punctuation',
-  [TokenType.Variable]: 'Variable',
+  [TokenType.Variable]: 'VariableName',
   [TokenType.None]: 'None',
   [TokenType.CssPropertyValue]: 'CssPropertyValue',
   [TokenType.Unknown]: 'Unknown',
@@ -68,12 +69,12 @@ export const TokenMap = {
   [TokenType.Numeric]: 'Numeric',
   [TokenType.NewLine]: 'NewLine',
   [TokenType.Comment]: 'Comment',
-  [TokenType.Query]: 'Query',
+  [TokenType.Query]: 'CssAtRule',
   [TokenType.Text]: 'Text',
   [TokenType.CssSelectorId]: 'CssSelectorId',
 }
 
-const RE_SELECTOR = /^[\.a-zA-Z\d\-\:>\+\~]+/
+const RE_SELECTOR = /^[\.a-zA-Z\d\-\:>\+\~\_%]+/
 const RE_SELECTOR_ID = /^#\w+/
 const RE_WHITESPACE = /^ +/
 const RE_CURLY_OPEN = /^\{/
@@ -151,17 +152,19 @@ export const tokenizeLine = (line, lineState) => {
           token = TokenType.Punctuation
           state = State.InsideAttributeSelector
         } else if ((next = part.match(RE_QUERY))) {
-          if (
-            next[0] === '@font-face' ||
-            next[0] === '@-ms-viewport' ||
-            next[0] === '@-o-viewport' ||
-            next[0] === '@viewport'
-          ) {
-            token = TokenType.Query
-            state = State.AfterQueryWithRules
-          } else {
-            token = TokenType.Query
-            state = State.AfterQuery
+          switch (next[0]) {
+            case '@font-face':
+            case '@-ms-viewport':
+            case '@-o-viewport':
+            case '@viewport':
+              token = TokenType.Query
+              state = State.AfterQueryWithRules
+              break
+            case '@keyframes':
+            default:
+              token = TokenType.Query
+              state = State.AfterQuery
+              break
           }
         } else if ((next = part.match(RE_STAR))) {
           token = TokenType.CssSelector
@@ -238,7 +241,7 @@ export const tokenizeLine = (line, lineState) => {
       case State.InsideBlockComment:
         if ((next = part.match(RE_BLOCK_COMMENT_END))) {
           token = TokenType.Comment
-          state = State.TopLevelContent
+          state = stack.pop() || State.TopLevelContent
         } else if ((next = part.match(RE_BLOCK_COMMENT_CONTENT))) {
           token = TokenType.Comment
           state = State.InsideBlockComment
@@ -257,6 +260,10 @@ export const tokenizeLine = (line, lineState) => {
           if (next[0].startsWith('--')) {
             token = TokenType.Variable
           }
+        } else if ((next = part.match(RE_BLOCK_COMMENT_START))) {
+          token = TokenType.Comment
+          state = State.InsideBlockComment
+          stack.push(State.InsideSelector)
         } else if ((next = part.match(RE_ANYTHING_UNTIL_CLOSE_BRACE))) {
           token = TokenType.Unknown
           state = State.InsideSelector

package/extensions/builtin.language-basics-javascript/src/tokenizeJavaScript.js

@@ -85,6 +85,7 @@ const RE_COMMA = /^,/
 const RE_COLON = /^:/
 const RE_NUMERIC =
   /^((0(x|X)[0-9a-fA-F]*)|(([0-9]+\.?[0-9]*)|(\.[0-9]+))((e|E)(\+|-)?[0-9]+)?)\b/
+const RE_NUMERIC_OCTAL = /0(?:o|O)?[0-7][0-7_]*(n)?\b/
 const RE_LINE_COMMENT_START = /^\/\//
 const RE_LINE_COMMENT_CONTENT = /^[^\n]+/
 const RE_NEWLINE_WHITESPACE = /^\n\s*/
@@ -94,14 +95,14 @@ const RE_BLOCK_COMMENT_END = /^\*\//
 const RE_UNKNOWN_VALUE = /^[^\}\{\s,"]+/
 const RE_IMPORT = /^[a-zA-Z\.]+/
 const RE_SEMICOLON = /^;/
-const RE_VARIABLE_NAME = /^[a-zA-Z_][a-zA-Z\d\_]*/
+const RE_VARIABLE_NAME = /^[a-zA-Z_$][a-zA-Z\d\_]*/
 const RE_LINE_COMMENT = /^\/\/[^\n]*/
 const RE_ROUND_OPEN = /^\(/
 const RE_ROUND_CLOSE = /^\)/
 const RE_DOT = /^\./
 const RE_EQUAL_SIGN = /^=/
 const RE_SINGLE_QUOTE = /^'/
-const RE_PUNCTUATION = /^[\(\)=\+\-><\.:;\{\}\[\]!,&\|\^\?\*]/
+const RE_PUNCTUATION = /^[\(\)=\+\-><\.:;\{\}\[\]!,&\|\^\?\*%]/
 const RE_SLASH = /^\//
 const RE_ANYTHING_UNTIL_END = /^.+/s
 const RE_WHITESPACE = /^\s+/
@@ -198,7 +199,7 @@ export const tokenizeLine = (line, lineState) => {
             token = TokenType.Comment
             state = State.InsideLineComment
           } else {
-            next = part.match(RE_PUNCTUATION)
+            next = part.match(RE_SLASH)
             token = TokenType.Punctuation
             state = State.TopLevelContent
           }
@@ -211,6 +212,9 @@ export const tokenizeLine = (line, lineState) => {
         } else if ((next = part.match(RE_QUOTE_BACKTICK))) {
           token = TokenType.Punctuation
           state = State.InsideBacktickString
+        } else if ((next = part.match(RE_NUMERIC_OCTAL))) {
+          token = TokenType.Numeric
+          state = State.TopLevelContent
         } else {
           line.slice(0, index) //?
           part //?

package/extensions/builtin.language-basics-json/src/tokenizeJson.js

@@ -93,8 +93,10 @@ const RE_ANYTHING = /^.+/s
 const RE_NUMERIC =
   /^((0(x|X)[0-9a-fA-F]*)|(([0-9]+\.?[0-9]*)|(\.[0-9]+))((e|E)(\+|-)?[0-9]+)?)\b/
 const RE_TEXT = /^[^\s\{\}\[\]]+/
-const RE_ESCAPED_QUOTE = /^\\"/
-const RE_BACK_SLASH = /^\\/
+// const RE_ESCAPED_QUOTE = /^\\"/
+// const RE_BACK_SLASH = /^\\/
+const RE_STRING_ESCAPE = /^\\.?/
+const RE_WORD = /^\w+/
 
 export const initialLineState = {
   state: State.TopLevelContent,
@@ -165,7 +167,6 @@ export const tokenizeLine = (line, lineState) => {
         }
         break
       case State.AfterCurlyOpen:
-        part
         if ((next = part.match(RE_WHITESPACE))) {
           token = TokenType.Whitespace
           state = State.AfterCurlyOpen
@@ -182,6 +183,12 @@ export const tokenizeLine = (line, lineState) => {
         } else if ((next = part.match(RE_LINE_COMMENT))) {
           token = TokenType.Comment
           state = State.AfterCurlyOpen
+        } else if ((next = part.match(RE_WORD))) {
+          token = TokenType.Text
+          state = State.AfterPropertyName
+        } else if ((next = part.match(RE_ANYTHING))) {
+          token = TokenType.Text
+          state = State.AfterCurlyOpen
         } else {
           part //?
           throw new Error('no')
@@ -195,10 +202,7 @@ export const tokenizeLine = (line, lineState) => {
           token = TokenType.Punctuation
           state = stack.pop()
           state
-        } else if ((next = part.match(RE_ESCAPED_QUOTE))) {
-          token = TokenType.JsonPropertyName
-          state = State.InsidePropertyNameString
-        } else if ((next = part.match(RE_BACK_SLASH))) {
+        } else if ((next = part.match(RE_STRING_ESCAPE))) {
           token = TokenType.JsonPropertyName
           state = State.InsidePropertyNameString
         } else {
@@ -212,10 +216,7 @@ export const tokenizeLine = (line, lineState) => {
         } else if ((next = part.match(RE_DOUBLE_QUOTE))) {
           token = TokenType.Punctuation
           state = stack.pop()
-        } else if ((next = part.match(RE_ESCAPED_QUOTE))) {
-          token = TokenType.String
-          state = State.InsideString
-        } else if ((next = part.match(RE_BACK_SLASH))) {
+        } else if ((next = part.match(RE_STRING_ESCAPE))) {
           token = TokenType.String
           state = State.InsideString
         } else {
@@ -239,7 +240,6 @@ export const tokenizeLine = (line, lineState) => {
         }
         break
       case State.AfterPropertyNameAfterColon:
-        part
         if ((next = part.match(RE_WHITESPACE))) {
           token = TokenType.Whitespace
           state = State.AfterPropertyNameAfterColon

package/extensions/builtin.language-basics-perl/extension.json

@@ -5,7 +5,7 @@
   "languages": [
     {
       "id": "perl",
-      "extensions": [".perl"],
+      "extensions": [".pl", ".pm", ".pod", ".t", ".pL", ".psgi"],
       "tokenize": "src/tokenizePerl.js"
     }
   ]

package/extensions/builtin.language-basics-perl/src/tokenizePerl.js

@@ -1,31 +1,146 @@
+/**
+ * @enum number
+ */
+export const State = {
+  TopLevelContent: 1,
+  InsideString: 2,
+  InsideLineComment: 3,
+}
+
+export const StateMap = {
+  [State.TopLevelContent]: 'TopLevelContent',
+}
+
 /**
  * @enum number
  */
 export const TokenType = {
-  Text: 1,
+  None: 1,
+  Whitespace: 2,
+  PunctuationString: 3,
+  String: 4,
+  Keyword: 5,
+  Numeric: 6,
+  Punctuation: 7,
+  VariableName: 8,
+  Comment: 885,
+  Text: 9,
 }
 
 export const TokenMap = {
+  [TokenType.None]: 'None',
+  [TokenType.Whitespace]: 'Whitespace',
+  [TokenType.PunctuationString]: 'PunctuationString',
+  [TokenType.String]: 'String',
+  [TokenType.Keyword]: 'Keyword',
+  [TokenType.Numeric]: 'Numeric',
+  [TokenType.Punctuation]: 'Punctuation',
+  [TokenType.VariableName]: 'VariableName',
+  [TokenType.Comment]: 'Comment',
   [TokenType.Text]: 'Text',
 }
 
+const RE_LINE_COMMENT = /^#.*/s
+const RE_SELECTOR = /^[\.a-zA-Z\d\-\:>]+/
+const RE_WHITESPACE = /^ +/
+const RE_CURLY_OPEN = /^\{/
+const RE_CURLY_CLOSE = /^\}/
+const RE_PROPERTY_NAME = /^[a-zA-Z\-]+\b/
+const RE_COLON = /^:/
+const RE_PROPERTY_VALUE = /^[^;\}]+/
+const RE_SEMICOLON = /^;/
+const RE_COMMA = /^,/
+const RE_ANYTHING = /^.+/s
+const RE_ANYTHING_UNTIL_CLOSE_BRACE = /^[^\}]+/
+const RE_QUOTE_DOUBLE = /^"/
+const RE_STRING_DOUBLE_QUOTE_CONTENT = /^[^"]+/
+const RE_KEYWORD =
+  /^(?:case|continue|default|die|no|else|elsif|eval|exit|for|foreach|given|goto|if|last|next|redo|require|return|select|switch|unless|until|use|wait|when|while)\b/
+
+const RE_VARIABLE_NAME = /^[a-zA-Z\_]+/
+const RE_PUNCTUATION = /^[:,;\{\}\[\]\.=\(\)<>]/
+const RE_NUMERIC = /^\d+/
+
 export const initialLineState = {
-  state: 0,
+  state: State.TopLevelContent,
   tokens: [],
 }
 
+/**
+ *
+ * @param {any} lineStateA
+ * @param {any} lineStateB
+ * @returns
+ */
+export const isEqualLineState = (lineStateA, lineStateB) => {
+  return lineStateA.state === lineStateB.state
+}
+
+export const hasArrayReturn = true
+
 /**
  * @param {string} line
+ * @param {any} lineState
  */
-export const tokenizeLine = (line) => {
-  const tokens = [
-    {
-      type: TokenType.Text,
-      length: line.length,
-    },
-  ]
+export const tokenizeLine = (line, lineState) => {
+  let next = null
+  let index = 0
+  let tokens = []
+  let token = TokenType.None
+  let state = lineState.state
+  while (index < line.length) {
+    const part = line.slice(index)
+    switch (state) {
+      case State.TopLevelContent:
+        if ((next = part.match(RE_WHITESPACE))) {
+          token = TokenType.Whitespace
+          state = State.TopLevelContent
+        } else if ((next = part.match(RE_KEYWORD))) {
+          token = TokenType.Keyword
+          state = State.TopLevelContent
+        } else if ((next = part.match(RE_PUNCTUATION))) {
+          token = TokenType.Punctuation
+          state = State.TopLevelContent
+        } else if ((next = part.match(RE_VARIABLE_NAME))) {
+          token = TokenType.VariableName
+          state = State.TopLevelContent
+        } else if ((next = part.match(RE_NUMERIC))) {
+          token = TokenType.Numeric
+          state = State.TopLevelContent
+        } else if ((next = part.match(RE_QUOTE_DOUBLE))) {
+          token = TokenType.PunctuationString
+          state = State.InsideString
+        } else if ((next = part.match(RE_LINE_COMMENT))) {
+          token = TokenType.Comment
+          state = State.TopLevelContent
+        } else if ((next = part.match(RE_ANYTHING))) {
+          token = TokenType.Text
+          state = State.TopLevelContent
+        } else {
+          part //?
+          throw new Error('no')
+        }
+        break
+      case State.InsideString:
+        if ((next = part.match(RE_QUOTE_DOUBLE))) {
+          token = TokenType.PunctuationString
+          state = State.TopLevelContent
+        } else if ((next = part.match(RE_STRING_DOUBLE_QUOTE_CONTENT))) {
+          token = TokenType.String
+          state = State.InsideString
+        } else {
+          throw new Error('no')
+        }
+        break
+      default:
+        throw new Error('no')
+    }
+    const tokenLength = next[0].length
+    index += tokenLength
+    tokens.push(token, tokenLength)
+  }
   return {
-    state: 0,
+    state,
     tokens,
   }
 }

package/extensions/builtin.language-basics-yaml/src/tokenizeYaml.js

@@ -38,6 +38,8 @@ export const TokenType = {
   String: 188,
   YamlPropertyName: 123,
   YamlPropertyValueString: 124,
+  Alias: 125,
+  Anchor: 126,
 }
 
 export const TokenMap = {
@@ -55,6 +57,8 @@ export const TokenMap = {
   [TokenType.String]: 'String',
   [TokenType.YamlPropertyName]: 'YamlPropertyName',
   [TokenType.YamlPropertyValueString]: 'YamlPropertyValueString',
+  [TokenType.Alias]: 'VariableName',
+  [TokenType.Anchor]: 'VariableName',
 }
 
 const RE_LINE_COMMENT_START = /^#/
@@ -64,7 +68,7 @@ const RE_CURLY_CLOSE = /^\}/
 const RE_PROPERTY_NAME = /^[\:@\/\\a-zA-Z\-\_\d\.]+(?=\s*:(\s+|$))/
 const RE_PROPERTY_NAME_2 =
   /^[\:@\/\\a-zA-Z\-\_\d\.\s]*[@\/\\a-zA-Z\-\_\d\.](?=\s*:(\s+|$))/
-const RE_PROPERTY_VALUE_1 = /^.+(?=\s+#)/s
+const RE_PROPERTY_VALUE_1 = /^[^&].*(?=\s+#)/s
 const RE_SEMICOLON = /^;/
 const RE_COMMA = /^,/
 const RE_ANYTHING = /^.+/s
@@ -93,6 +97,9 @@ const RE_MULTI_LINE_STRING_START = /^(?:\||>\-|>)/
 const RE_KEY_PRE = /^\s*(\-\s*)?/
 const RE_SINGLE_QUOTE = /^'/
 const RE_STRING_SINGLE_QUOTE_CONTENT = /^[^']+/
+const RE_ALIAS = /^\*.+/
+const RE_ANCHOR = /^\&.+/
+const RE_MERGE_KEY = /^<<\:(?=\s)/
 
 export const initialLineState = {
   state: State.TopLevelContent,
@@ -158,6 +165,9 @@ export const tokenizeLine = (line, lineState) => {
         } else if ((next = part.match(RE_SINGLE_QUOTE))) {
           token = TokenType.Punctuation
           state = State.InsidePropertyNameString
+        } else if ((next = part.match(RE_MERGE_KEY))) {
+          token = TokenType.Punctuation
+          state = State.AfterPropertyNameAfterColon
         } else if ((next = part.match(RE_ANYTHING))) {
           token = TokenType.Text
           state = State.TopLevelContent
@@ -204,6 +214,9 @@ export const tokenizeLine = (line, lineState) => {
         } else if ((next = part.match(RE_PROPERTY_VALUE_1))) {
           token = TokenType.YamlPropertyValueString
           state = State.AfterPropertyValue
+        } else if ((next = part.match(RE_ANCHOR))) {
+          token = TokenType.Anchor
+          state = State.AfterPropertyNameAfterColon
         } else if ((next = part.match(RE_ANYTHING))) {
           token = TokenType.YamlPropertyValueString
           state = State.TopLevelContent
@@ -247,6 +260,9 @@ export const tokenizeLine = (line, lineState) => {
         } else if ((next = part.match(RE_MULTI_LINE_STRING_START))) {
           token = TokenType.Punctuation
           state = State.AfterPipe
+        } else if ((next = part.match(RE_ALIAS))) {
+          token = TokenType.Alias
+          state = State.TopLevelContent
         } else if ((next = part.match(RE_ANYTHING))) {
           token = TokenType.YamlPropertyValueString
           state = State.TopLevelContent
@@ -309,6 +325,9 @@ export const tokenizeLine = (line, lineState) => {
         } else if ((next = part.match(RE_DASH))) {
           token = TokenType.Punctuation
           state = State.AfterDash
+        } else if ((next = part.match(RE_LINE_COMMENT_START))) {
+          token = TokenType.Comment
+          state = State.InsideLineComment
         } else if ((next = part.match(RE_ANYTHING))) {
           token = TokenType.Text
           state = State.TopLevelContent

package/extensions/builtin.theme-slime/color-theme.json

@@ -85,6 +85,10 @@
       "name": "CssSelector",
       "foreground": "#BEB558"
     },
+    {
+      "name": "CssSelectorId",
+      "foreground": "#BE7C81"
+    },
     {
       "name": "CssPropertyValue",
       "foreground": "#C0C0C3"

package/index.js

@@ -4,3 +4,10 @@ import { fileURLToPath } from 'node:url'
 const __dirname = dirname(fileURLToPath(import.meta.url))
 
 export const sharedProcessPath = join(__dirname, 'src', 'sharedProcessMain.js')
+
+export const exportStatic = async () => {
+  const fn = await import('./src/parts/ExportStatic/ExportStatic.js')
+  const root = process.cwd()
+  const pathPrefix = process.env.PATH_PREFIX || ''
+  await fn.exportStatic({ root, pathPrefix })
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/shared-process",
-  "version": "0.9.2",
+  "version": "0.10.1",
   "description": "",
   "main": "index.js",
   "type": "module",
@@ -20,12 +20,12 @@
     "node": ">=16"
   },
   "dependencies": {
-    "@lvce-editor/extension-host": "0.9.2",
-    "@lvce-editor/pty-host": "0.9.2",
+    "@lvce-editor/extension-host": "0.10.1",
+    "@lvce-editor/pty-host": "0.10.1",
     "debug": "^4.3.4",
     "execa": "^6.1.0",
     "exit-hook": "^3.1.0",
-    "got": "^12.5.1",
+    "got": "^12.5.2",
     "is-object": "^1.0.2",
     "lines-and-columns": "^2.0.3",
     "open": "^8.4.0",
@@ -42,7 +42,8 @@
   "optionalDependencies": {
     "electron-clipboard-ex": "^1.3.3",
     "keytar": "^7.9.0",
-    "vscode-ripgrep-with-github-api-error-fix": "^2.5.0"
+    "vscode-ripgrep-with-github-api-error-fix": "^2.5.0",
+    "extract-zip": "^2.0.1"
   },
   "devDependencies": {
     "@types/debug": "^4.1.7",

package/src/parts/ChromeExtension/ChromeExtension.ipc.js

@@ -0,0 +1,6 @@
+import * as ChromeExtension from './ChromeExtension.js'
+
+export const Commands = {
+  'ChromeExtension.install': ChromeExtension.install,
+  'ChromeExtension.uninstall': ChromeExtension.uninstall,
+}

package/src/parts/ChromeExtension/ChromeExtension.js

@@ -0,0 +1,48 @@
+import VError from 'verror'
+import * as Assert from '../Assert/Assert.js'
+import * as Download from '../Download/Download.js'
+import * as ExtractZip from '../ExtractZip/ExtractZip.js'
+import * as FileSystem from '../FileSystem/FileSystem.js'
+import * as Path from '../Path/Path.js'
+import * as Platform from '../Platform/Platform.js'
+
+const getExtensionPath = async (tmpDir) => {
+  const dirents = await FileSystem.readDirWithFileTypes(tmpDir)
+  if (dirents.length === 1 && dirents[0].type === 'directory') {
+    return Path.join(tmpDir, dirents[0].name)
+  }
+  return tmpDir
+}
+
+export const install = async (name, url) => {
+  try {
+    Assert.string(name)
+    Assert.string(url)
+    const cachedChromeExtensionsPath = Platform.getCachedExtensionsPath()
+    const tempFileCompressed = Path.join(
+      cachedChromeExtensionsPath,
+      `${name}.zip`
+    )
+    const tmpDir = Path.join(cachedChromeExtensionsPath, name)
+    const chromeExtensionsPath = Platform.getChromeExtensionsPath()
+    await Download.download(url, tempFileCompressed)
+    await ExtractZip.extractZip({ inFile: tempFileCompressed, outDir: tmpDir })
+    const cachedExtensionPath = await getExtensionPath(tmpDir)
+    const outDir = Path.join(chromeExtensionsPath, name)
+    await FileSystem.remove(outDir)
+    await FileSystem.rename(cachedExtensionPath, outDir)
+  } catch (error) {
+    throw new VError(error, `Failed to install chrome extension ${name}`)
+  }
+}
+
+export const uninstall = async (name) => {
+  try {
+    Assert.string(name)
+    // TODO
+    // figure out extension path
+    // remove file
+  } catch (error) {
+    throw new VError(error, `Failed to uninstall chrome extension ${name}`)
+  }
+}

package/src/parts/ExportStatic/ExportStatic.js

@@ -0,0 +1,447 @@
+import fs, { cpSync, readdirSync, readFileSync, writeFileSync } from 'fs'
+import path, { join } from 'path'
+
+// TODO
+// - implement this for syntax highlighting projects
+// - implement this for language features web extensions
+
+const readExtensionManifest = (path) => {
+  const content = readFileSync(path, 'utf8')
+  return { ...JSON.parse(content), path }
+}
+
+const getThemeName = (dirent) => {
+  return dirent.slice('builtin.theme-'.length)
+}
+
+/**
+ *
+ * @param {{root:string, pathPrefix:string  }} param0
+ */
+export const exportStatic = async ({ root, pathPrefix }) => {
+  const dirents = readdirSync(
+    join(root, 'node_modules', '@lvce-editor', 'server', 'static')
+  )
+  const RE_COMMIT_HASH = /^[a-z\d]+$/
+  const isCommitHash = (dirent) => {
+    return dirent.length === 7 && dirent.match(RE_COMMIT_HASH)
+  }
+  const commitHash = dirents.find(isCommitHash) || ''
+
+  const extensionJson = readExtensionManifest(join(root, 'extension.json'))
+  const colorThemeName = extensionJson.id.slice('builtin.theme-'.length)
+  const name = extensionJson.name || extensionJson.id || ''
+  const description = extensionJson.description || ''
+  fs.rmSync(join(root, 'dist'), { recursive: true, force: true })
+
+  fs.mkdirSync(path.join(root, 'dist'))
+
+  fs.mkdirSync(
+    join(
+      root,
+      'dist',
+      commitHash,
+      'extensions',
+      `builtin.theme-${colorThemeName}`
+    ),
+    {
+      recursive: true,
+    }
+  )
+  fs.cpSync(
+    join(root, 'node_modules', '@lvce-editor', 'server', 'static'),
+    join(root, 'dist'),
+    {
+      recursive: true,
+    }
+  )
+
+  const replaceSync = (path, occurrence, replacement) => {
+    const oldContent = readFileSync(path, 'utf8')
+    if (!oldContent.includes(occurrence)) {
+      throw new Error(`failed to replace occurrence ${occurrence}: Not found`)
+    }
+    // @ts-ignore
+    const newContent = oldContent.replaceAll(occurrence, replacement)
+    writeFileSync(path, newContent)
+  }
+
+  replaceSync(
+    join(
+      root,
+      'dist',
+      commitHash,
+      'packages',
+      'renderer-process',
+      'dist',
+      'rendererProcessMain.js'
+    ),
+    'platform = getPlatform();',
+    'platform = "web"'
+  )
+  replaceSync(
+    join(
+      root,
+      'dist',
+      commitHash,
+      'packages',
+      'renderer-process',
+      'dist',
+      'rendererProcessMain.js'
+    ),
+    `return "/${commitHash}";`,
+    `return "${pathPrefix}/${commitHash}";`
+  )
+  replaceSync(
+    join(
+      root,
+      'dist',
+      commitHash,
+      'packages',
+      'renderer-worker',
+      'dist',
+      'rendererWorkerMain.js'
+    ),
+    'platform = getPlatform();',
+    'platform = "web"'
+  )
+  replaceSync(
+    join(
+      root,
+      'dist',
+      commitHash,
+      'packages',
+      'renderer-worker',
+      'dist',
+      'rendererWorkerMain.js'
+    ),
+    `platform2 = "remote";`,
+    'platform2 = "web";'
+  )
+  replaceSync(
+    join(
+      root,
+      'dist',
+      commitHash,
+      'packages',
+      'renderer-worker',
+      'dist',
+      'rendererWorkerMain.js'
+    ),
+    `return "/${commitHash}";`,
+    `return "${pathPrefix}/${commitHash}";`
+  )
+  replaceSync(
+    join(
+      root,
+      'dist',
+      commitHash,
+      'packages',
+      'renderer-worker',
+      'dist',
+      'rendererWorkerMain.js'
+    ),
+    `getColorThemeUrlWeb = (colorThemeId) => {
+      return \`/extensions/builtin.theme-\${colorThemeId}/color-theme.json\`;
+    };`,
+    `const getColorThemeUrlWeb = (colorThemeId) => {
+      const assetDir = getAssetDir()
+      return \`\${assetDir}/themes/\${colorThemeId}.json\`
+    }`
+  )
+  replaceSync(
+    join(
+      root,
+      'dist',
+      commitHash,
+      'packages',
+      'renderer-worker',
+      'dist',
+      'rendererWorkerMain.js'
+    ),
+    `getIconThemeUrl = (iconThemeId) => {
+      return \`/extensions/builtin.\${iconThemeId}/icon-theme.json\`;
+    }`,
+    `getIconThemeUrl = (iconThemeId) => {
+      const assetDir = getAssetDir()
+      return \`\${assetDir}/icon-themes/\${iconThemeId}.json\`
+    }`
+  )
+  replaceSync(
+    join(
+      root,
+      'dist',
+      commitHash,
+      'packages',
+      'renderer-worker',
+      'dist',
+      'rendererWorkerMain.js'
+    ),
+    `return \`\${extensionPath}\${value}\``,
+    `return \`${pathPrefix}/${commitHash}/file-icons/\${value.slice(7)}\``
+  )
+
+  // workaround for firefox bug
+  replaceSync(
+    join(
+      root,
+      'dist',
+      commitHash,
+      'packages',
+      'renderer-worker',
+      'dist',
+      'rendererWorkerMain.js'
+    ),
+    `//# sourceMappingURL`,
+    `export {}
+//# sourceMappingURL`
+  )
+  replaceSync(
+    join(root, 'dist', commitHash, 'config', 'defaultSettings.json'),
+    `"workbench.colorTheme": "slime"`,
+    `"workbench.colorTheme": "${colorThemeName}"`
+  )
+  replaceSync(
+    join(root, 'dist', commitHash, 'config', 'defaultSettings.json'),
+    `"workbench.saveStateOnVisibilityChange": false`,
+    `"workbench.saveStateOnVisibilityChange": true`
+  )
+
+  const extensionDirents = readdirSync(
+    join(root, 'node_modules', '@lvce-editor', 'shared-process', 'extensions')
+  )
+
+  const isLanguageBasics = (dirent) => {
+    return dirent.startsWith('builtin.language-basics')
+  }
+
+  const isTheme = (dirent) => {
+    return dirent.startsWith('builtin.theme-')
+  }
+
+  const isIconTheme = (dirent) => {
+    return dirent === 'builtin.vscode-icons'
+  }
+
+  const languageBasicsDirents = extensionDirents.filter(isLanguageBasics)
+  const themeDirents = extensionDirents.filter(isTheme)
+  const iconThemeDirents = extensionDirents.filter(isIconTheme)
+
+  const writeJson = (path, json) => {
+    const content = JSON.stringify(json, null, 2) + '\n'
+    writeFileSync(path, content)
+  }
+
+  const getManifestPath = (dirent) => {
+    return join(
+      root,
+      'node_modules',
+      '@lvce-editor',
+      'shared-process',
+      'extensions',
+      dirent,
+      'extension.json'
+    )
+  }
+  const getLanguages = (extension) => {
+    const languages = []
+    for (const language of extension.languages || []) {
+      languages.push({
+        ...language,
+        tokenize: `${pathPrefix}/${commitHash}/extensions/${extension.id}/${language.tokenize}`,
+      })
+    }
+    return languages
+  }
+  const languages = languageBasicsDirents
+    .map(getManifestPath)
+    .map(readExtensionManifest)
+    .flatMap(getLanguages)
+  writeJson(
+    join(root, 'dist', commitHash, 'config', 'languages.json'),
+    languages
+  )
+
+  for (const languageBasicsDirent of languageBasicsDirents) {
+    cpSync(
+      join(
+        root,
+        'node_modules',
+        '@lvce-editor',
+        'shared-process',
+        'extensions',
+        languageBasicsDirent
+      ),
+      join(root, 'dist', commitHash, 'extensions', languageBasicsDirent),
+      {
+        recursive: true,
+      }
+    )
+  }
+
+  for (const themeDirent of themeDirents) {
+    const themeId = getThemeName(themeDirent)
+    cpSync(
+      join(
+        root,
+        'node_modules',
+        '@lvce-editor',
+        'shared-process',
+        'extensions',
+        themeDirent,
+        'color-theme.json'
+      ),
+      join(root, 'dist', commitHash, 'themes', `${themeId}.json`)
+    )
+  }
+
+  const compare = (a, b) => {
+    return a.localeCompare(b)
+  }
+
+  const toSorted = (objects, compare) => {
+    return [...objects].sort(compare)
+  }
+
+  const mergeThemes = (builtinThemes, extensionThemes) => {
+    const seen = []
+    const merged = []
+    for (const extensionTheme of extensionThemes) {
+      seen.push(extensionTheme)
+      merged.push(extensionTheme)
+    }
+    for (const builtinTheme of builtinThemes) {
+      if (seen.includes(builtinTheme)) {
+        continue
+      }
+      merged.push(builtinTheme)
+    }
+    const sorted = toSorted(merged, compare)
+    return sorted
+  }
+
+  const themeIds = mergeThemes(themeDirents.map(getThemeName), [colorThemeName])
+  writeJson(join(root, 'dist', commitHash, 'config', 'themes.json'), themeIds)
+
+  for (const iconThemeDirent of iconThemeDirents) {
+    const iconThemeId = iconThemeDirent.slice('builtin.'.length)
+    cpSync(
+      join(
+        root,
+        'node_modules',
+        '@lvce-editor',
+        'shared-process',
+        'extensions',
+        iconThemeDirent,
+        'icon-theme.json'
+      ),
+      join(root, 'dist', commitHash, 'icon-themes', `${iconThemeId}.json`)
+    )
+    cpSync(
+      join(
+        root,
+        'node_modules',
+        '@lvce-editor',
+        'shared-process',
+        'extensions',
+        iconThemeDirent,
+        'icons'
+      ),
+      join(root, 'dist', commitHash, 'file-icons'),
+      {
+        recursive: true,
+      }
+    )
+  }
+
+  cpSync(
+    join(root, 'color-theme.json'),
+    join(root, 'dist', commitHash, 'themes', `${colorThemeName}.json`)
+  )
+  replaceSync(
+    join(root, 'dist', 'index.html'),
+    `/${commitHash}`,
+    `${pathPrefix}/${commitHash}`
+  )
+  replaceSync(
+    join(root, 'dist', 'index.html'),
+    `/manifest.json`,
+    `${pathPrefix}/manifest.json`
+  )
+  replaceSync(
+    join(root, 'dist', 'index.html'),
+    '<title>Code Editor</title>',
+    `<title>${name}</title>`
+  )
+  replaceSync(
+    join(root, 'dist', 'manifest.json'),
+    `"name": "Code Editor Web - OSS"`,
+    `"name": "${name}"`
+  )
+  replaceSync(
+    join(root, 'dist', 'manifest.json'),
+    `"short_name": "Web - OSS"`,
+    `"short_name": "${name}"`
+  )
+  replaceSync(
+    join(root, 'dist', 'manifest.json'),
+    `"description": "Web Code Editor."`,
+    `"description": "${description}"`
+  )
+  replaceSync(
+    join(root, 'dist', 'index.html'),
+    '<meta name="description" content="Online Code Editor" />',
+    `<meta name="description" content="${description}" />`
+  )
+  replaceSync(
+    join(root, 'dist', 'index.html'),
+    '</title>',
+    `</title>
+    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">`
+  )
+  replaceSync(
+    join(root, 'dist', 'manifest.json'),
+    `/${commitHash}`,
+    `${pathPrefix}/${commitHash}`
+  )
+
+  fs.copyFileSync(
+    join(root, 'README.md'),
+    join(
+      root,
+      'dist',
+      commitHash,
+      'extensions',
+      `builtin.theme-${colorThemeName}`,
+      'README.md'
+    )
+  )
+  fs.copyFileSync(
+    join(root, 'extension.json'),
+    join(
+      root,
+      'dist',
+      commitHash,
+      'extensions',
+      `builtin.theme-${colorThemeName}`,
+      'extension.json'
+    )
+  )
+  fs.copyFileSync(
+    join(root, 'color-theme.json'),
+    join(
+      root,
+      'dist',
+      commitHash,
+      'extensions',
+      `builtin.theme-${colorThemeName}`,
+      'color-theme.json'
+    )
+  )
+
+  replaceSync(
+    join(root, 'dist', commitHash, 'css', 'App.css'),
+    `/${commitHash}`,
+    `${pathPrefix}/${commitHash}`
+  )
+}

package/src/parts/ExtractZip/ExtractZip.js

@@ -0,0 +1,12 @@
+import extract from 'extract-zip'
+import { mkdir } from 'node:fs/promises'
+import VError from 'verror'
+
+export const extractZip = async ({ inFile, outDir }) => {
+  try {
+    await mkdir(outDir, { recursive: true })
+    await extract(inFile, { dir: outDir })
+  } catch (error) {
+    throw new VError(error, `Failed to extract ${inFile}`)
+  }
+}

package/src/parts/Module/Module.js

@@ -2,6 +2,8 @@ import * as ModuleId from '../ModuleId/ModuleId.js'
 
 export const load = (moduleId) => {
   switch (moduleId) {
+    case ModuleId.ChromeExtension:
+      return import('../ChromeExtension/ChromeExtension.ipc.js')
     case ModuleId.ClipBoard:
       return import('../ClipBoard/ClipBoard.ipc.js')
     case ModuleId.Developer:

package/src/parts/ModuleId/ModuleId.js

@@ -14,3 +14,4 @@ export const Terminal = 13
 export const TextDocument = 14
 export const WebSocketServer = 15
 export const Workspace = 16
+export const ChromeExtension = 17

package/src/parts/ModuleMap/ModuleMap.js

@@ -2,6 +2,9 @@ import * as ModuleId from '../ModuleId/ModuleId.js'
 
 export const getModuleId = (commandId) => {
   switch (commandId) {
+    case 'ChromeExtension.install':
+    case 'ChromeExtension.uninstall':
+      return ModuleId.ChromeExtension
     case 'ClipBoard.readFiles':
     case 'ClipBoard.writeFiles':
       return ModuleId.ClipBoard

package/src/parts/Platform/Platform.js

@@ -38,10 +38,18 @@ export const getCachedExtensionsPath = () => {
   return Path.join(cacheDir, 'cached-extensions')
 }
 
+export const getCachedChromeExtensionsPath = () => {
+  return Path.join(cacheDir, 'cached-electron-browser-view-chrome-extensions')
+}
+
 export const getLinkedExtensionsPath = () => {
   return Path.join(dataDir, 'linked-extensions')
 }
 
+export const getChromeExtensionsPath = () => {
+  return Path.join(dataDir, 'electron-browser-view-chrome-extensions')
+}
+
 export const getMarketplaceUrl = () => {
   return (
     process.env.LVCE_MARKETPLACE_URL ||