@lvce-editor/shared-process 0.7.12 → 0.8.0

package/config/defaultSettings.json

@@ -1,6 +1,8 @@
 {
   "completions.loadingDelay": 1200,
 
+  "development.watchColorTheme": true,
+
   "editor.fontSize": 15,
   "editor.fontFamily": "'Fira Code'",
   "editor.lineHeight": 20,

package/extensions/builtin.language-basics-elm/src/tokenizeElm.js

@@ -1,28 +1,298 @@
+/**
+ * @enum number
+ */
+export const State = {
+  TopLevelContent: 1,
+  Keyword: 2,
+  AfterKeyword: 3,
+  InsideBlockComment: 4,
+  AfterKeywordImport: 5,
+  AfterKeywordImportAfterWhitespace: 6,
+  AfterTypeColon: 7,
+  AfterKeywordType: 8,
+  AfterKeywordTypeAfterWhitespace: 9,
+  InsideTypeRightHandSide: 10,
+  AfterTypeName: 11,
+  AfterTypeNameAfterWhitespace: 12,
+  InsideLineComment: 13,
+  AfterKeywordModule: 14,
+  AfterModuleName: 15,
+}
+
+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,
+  LanguageConstantBoolean: 10,
+  Definition: 11,
+  Type: 12,
+  KeywordImport: 14,
 }
 
 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',
+  [TokenType.LanguageConstantBoolean]: 'LanguageConstantBoolean',
+  [TokenType.Definition]: 'Type',
+  [TokenType.Type]: 'TypeName',
+  [TokenType.Type]: 'Type',
+  [TokenType.KeywordImport]: 'KeywordImport',
 }
 
 export const initialLineState = {
-  state: 1,
-  tokens: [],
+  state: State.TopLevelContent,
 }
 
+const RE_WHITESPACE = /^\s+/
+const RE_WHITESPACE_SINGLE_LINE = /^( |\t)+/
+const RE_WHITESPACE_NEWLINE = /^\n/
+const RE_CONSTANT = /^(true|false|null)/
+const RE_STRING_DOUBLE_QUOTE_CONTENT = /^[^"\n]+/
+const RE_STRING_SINGLE_QUOTE_CONTENT = /^[^'\n]+/
+const RE_DOUBLE_QUOTE = /^"/
+const RE_CURLY_OPEN = /^\{/
+const RE_CURLY_CLOSE = /^\}/
+const RE_SQUARE_OPEN = /^\[/
+const RE_SQUARE_CLOSE = /^\]/
+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_KEYWORD =
+  /^(?:where|type|True|then|port|of|module|let|in|import|if|False|exposing|else|case|as)\b/
+const RE_LANGUAGE_CONSTANT = /^(?:True|False)\b/
+const RE_IMPORT = /^[a-zA-Z\.]+/
+const RE_SEMICOLON = /^;/
+const RE_VARIABLE_NAME = /^[a-zA-Z][a-zA-Z\d\_\-]*/
+const RE_ROUND_OPEN = /^\(/
+const RE_ROUND_CLOSE = /^\)/
+const RE_DOT = /^\./
+const RE_EQUAL_SIGN = /^=/
+const RE_SINGLE_QUOTE = /^'/
+const RE_LINE_COMMENT = /^\-\-[^\n]*/
+const RE_BLOCK_COMMENT_START = /^\{\-/
+const RE_BLOCK_COMMENT_END = /^\-\}/
+const RE_BLOCK_COMMENT_CONTENT = /^.+(?=\-\})/s
+const RE_PUNCTUATION = /^(?:\(|\)|\[|\]|\||\->)/
+const RE_WORD_ALIAS = /^alias/
+const RE_ANYTHING_UNTIL_END = /^.+/s
+
 export const hasArrayReturn = true
 
 /**
  * @param {string} line
+ * @param {any} lineState
  */
-export const tokenizeLine = (line) => {
-  const tokens = [TokenType.Text, 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))) {
+          state = State.Keyword
+          continue
+        } else if ((next = part.match(RE_VARIABLE_NAME))) {
+          token = TokenType.VariableName
+          state = State.TopLevelContent
+        } else if ((next = part.match(RE_LINE_COMMENT))) {
+          token = TokenType.Comment
+          state = State.TopLevelContent
+        } else if ((next = part.match(RE_BLOCK_COMMENT_START))) {
+          token = TokenType.Comment
+          state = State.InsideBlockComment
+        } else if ((next = part.match(RE_COLON))) {
+          token = TokenType.Punctuation
+          state = State.AfterTypeColon
+        } else if ((next = part.match(RE_PUNCTUATION))) {
+          token = TokenType.Punctuation
+          state = State.TopLevelContent
+        } else if ((next = part.match(RE_ANYTHING_UNTIL_END))) {
+          token = TokenType.Text
+          state = State.TopLevelContent
+        } else {
+          part.startsWith('Bool') //?
+          throw new Error('no')
+        }
+        break
+      case State.InsideBlockComment:
+        if ((next = part.match(RE_BLOCK_COMMENT_END))) {
+          token = TokenType.Comment
+          state = State.TopLevelContent
+        } else if ((next = part.match(RE_BLOCK_COMMENT_CONTENT))) {
+          token = TokenType.Comment
+          state = State.InsideBlockComment
+        } else if ((next = part.match(RE_ANYTHING_UNTIL_END))) {
+          token = TokenType.Comment
+          state = State.InsideBlockComment
+        } else {
+          part //?
+          throw new Error('no')
+        }
+        break
+      case State.Keyword:
+        const keyword = next[0]
+        switch (keyword) {
+          case 'import':
+          case 'exposing':
+            token = TokenType.Keyword
+            state = State.TopLevelContent
+            break
+          case 'False':
+          case 'True':
+            token = TokenType.LanguageConstantBoolean
+            state = State.TopLevelContent
+            break
+          case 'type':
+            token = TokenType.Keyword
+            state = State.AfterKeywordType
+            break
+          case 'module':
+            token = TokenType.KeywordImport
+            state = State.AfterKeywordModule
+            break
+          case 'port':
+            token = TokenType.Keyword
+            state = State.TopLevelContent
+            break
+          default:
+            throw new Error('no')
+        }
+        break
+      case State.AfterKeywordType:
+        if ((next = part.match(RE_WHITESPACE))) {
+          token = TokenType.Whitespace
+          state = State.AfterKeywordTypeAfterWhitespace
+        } else {
+          throw new Error('no')
+        }
+        break
+      case State.AfterKeywordTypeAfterWhitespace:
+        if ((next = part.match(RE_WORD_ALIAS))) {
+          token = TokenType.Keyword
+          state = State.AfterKeywordType
+        } else if ((next = part.match(RE_VARIABLE_NAME))) {
+          token = TokenType.Type
+          state = State.AfterTypeName
+        } else {
+          part //?
+          throw new Error('no')
+        }
+        break
+      case State.AfterTypeName:
+        if ((next = part.match(RE_WHITESPACE))) {
+          token = TokenType.Whitespace
+          state = State.AfterTypeNameAfterWhitespace
+        } else {
+          throw new Error('no')
+        }
+        break
+      case State.AfterTypeNameAfterWhitespace:
+        if ((next = part.match(RE_EQUAL_SIGN))) {
+          token = TokenType.Punctuation
+          state = State.InsideTypeRightHandSide
+        } else {
+          part //?
+          part.startsWith('M') //?
+          throw new Error('no')
+        }
+        break
+      case State.InsideTypeRightHandSide:
+        if ((next = part.match(RE_VARIABLE_NAME))) {
+          token = TokenType.Type
+          state = State.InsideTypeRightHandSide
+        } else if ((next = part.match(RE_WHITESPACE))) {
+          token = TokenType.Whitespace
+          state = State.InsideTypeRightHandSide
+        } else if ((next = part.match(RE_PUNCTUATION))) {
+          token = TokenType.Punctuation
+          state = State.InsideTypeRightHandSide
+        } else {
+          part //?
+          throw new Error('no')
+        }
+        break
+      case State.AfterTypeColon:
+        if ((next = part.match(RE_WHITESPACE_SINGLE_LINE))) {
+          token = TokenType.Whitespace
+          state = State.AfterTypeColon
+        } else if ((next = part.match(RE_VARIABLE_NAME))) {
+          token = TokenType.Type
+          state = State.AfterTypeColon
+        } else if ((next = part.match(RE_WHITESPACE_NEWLINE))) {
+          token = TokenType.Whitespace
+          state = State.TopLevelContent
+        } else if ((next = part.match(RE_PUNCTUATION))) {
+          token = TokenType.Punctuation
+          state = State.AfterTypeColon
+        } else {
+          part //?
+          throw new Error('no')
+        }
+        break
+      case State.AfterKeywordModule:
+        if ((next = part.match(RE_WHITESPACE))) {
+          token = TokenType.Whitespace
+          state = State.AfterKeywordModule
+        } else if ((next = part.match(RE_VARIABLE_NAME))) {
+          token = TokenType.VariableName
+          state = State.AfterModuleName
+        } else {
+          throw new Error('no')
+        }
+        break
+      case State.AfterModuleName:
+        if ((next = part.match(RE_WHITESPACE))) {
+          token = TokenType.Whitespace
+          state = State.TopLevelContent
+        } else {
+          throw new Error('no')
+        }
+        break
+      default:
+        throw new Error('no')
+    }
+    const tokenLength = next[0].length
+    index += tokenLength
+    tokens.push(token, tokenLength)
+  }
+  if (state === State.InsideLineComment) {
+    state = State.TopLevelContent
+  }
   return {
-    state: 1,
+    state,
     tokens,
   }
 }
+
+tokenizeLine(`port module Main exposing (..)`, initialLineState)

package/extensions/builtin.theme-cobalt2/README.md

@@ -0,0 +1,18 @@
+# Theme Cobalt2
+
+## Contributing
+
+```sh
+git clone git@github.com:lvce-editor/theme-cobalt2.git &&
+cd theme-cobalt2 &&
+npm ci &&
+npm run dev
+```
+
+## Gitpod
+
+[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/lvce-editor/theme-cobalt2)
+
+## Credits
+
+Extension is based on https://github.com/wesbos/cobalt2-vscode by @wesbos (License MIT)

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

@@ -0,0 +1,135 @@
+{
+  "type": "dark",
+  "colors": {
+    "ActivityBarBackground": "#122738",
+    "ActivityBarActiveForeground": "rgb(255, 255, 255)",
+    "ActivityBarForeground": "rgba(255, 255, 255, 0.4)",
+
+    "BadgeBackground": "#ffc600",
+    "BadgeForeground": "#000",
+
+    "ContextMenuBackground": "#122738",
+    "ContextMenuForeground": "rgb(255, 255, 255)",
+
+    "EditorBackGround": "",
+    "EditorScrollBarBackground": "rgba(64, 97, 121, 0.8)",
+    "EditorCursorBackground": "#ffc600",
+    "EditorSelectionBackground": "#0050a4",
+
+    "FocusOutline": "#0d3a58",
+
+    "InputBoxBackground": "#193549",
+    "InputBoxForeground": "#ffc600",
+
+    "ListActiveSelectionBackground": "#193549",
+    "ListActiveSelectionForeground": "#aaa",
+    "ListHoverBackground": "#193549",
+    "ListHoverForeground": "#aaa",
+    "ListInactiveSelectionBackground": "",
+    "ListForeground": "rgb(170, 170, 170)",
+
+    "MainBackground": "#193549",
+
+    "MenuBackground": "rgb(18, 39, 56)",
+    "MenuItemHoverBackground": "rgb(25, 53, 73)",
+
+    "PanelBackground": "#122738",
+    "PanelBorderTopColor": "#ffc600",
+    "PanelTabHoverForeground": "rgb(255, 198, 0)",
+    "PanelTabForeground": "rgb(170, 170, 170)",
+
+    "QuickPickBackground": "rgb(21, 35, 45)",
+    "QuickPickInputBackground": "",
+
+    "SideBarBackground": "#15232d",
+
+    "StatusBarBackground": "#15232d",
+    "StatusBarBorderTopColor": "#0d3a58",
+
+    "TabActiveForeground": "rgb(255, 255, 255)",
+    "TabForeground": "rgb(170, 170, 170)",
+    "TabActiveBackground": "rgb(25, 53, 73)",
+    "TabInactiveBackground": "",
+
+    "TabsBackground": "rgb(18, 39, 56)",
+
+    "TitleBarBackground": "#15232D",
+    "TitleBarBorderBottomColor": "",
+    "TitleBarColor": "",
+    "TitleBarColorInactive": "rgba(204, 204, 204, 0.6)"
+  },
+  "tokenColors": [
+    {
+      "name": "CssSelector",
+      "foreground": "#3AD900"
+    },
+    {
+      "name": "CssPropertyName",
+      "foreground": "#A5FF90"
+    },
+    {
+      "name": "CssPropertyValue",
+      "foreground": "#FFEE80"
+    },
+    {
+      "name": "TagName",
+      "foreground": "#9EFFFF"
+    },
+    {
+      "name": "AttributeName",
+      "foreground": "#FFC600"
+    },
+    {
+      "name": "String",
+      "foreground": "#A5FF90"
+    },
+    {
+      "name": "PunctuationString",
+      "foreground": "#92FC79"
+    },
+    {
+      "name": "JsonPropertyName",
+      "foreground": "#FFC600"
+    },
+    {
+      "name": "LanguageConstant",
+      "foreground": "#FF628C"
+    },
+    {
+      "name": "Keyword",
+      "foreground": "#FFC600"
+    },
+    {
+      "name": "Numeric",
+      "foreground": "#FF628C"
+    },
+    {
+      "name": "KeywordImport",
+      "foreground": "#FF9D00"
+    },
+    {
+      "name": "Type",
+      "foreground": "#80FFBB"
+    },
+    {
+      "name": "Macro",
+      "foreground": "#FF9D00"
+    },
+    {
+      "name": "KeywordControl",
+      "foreground": "#FF9D00"
+    },
+    {
+      "name": "Regex",
+      "foreground": "#9EFFFF"
+    },
+    {
+      "name": "Function",
+      "foreground": "#ffc600"
+    },
+    {
+      "name": "Comment",
+      "foreground": "#0088FF"
+    }
+  ]
+}

package/extensions/builtin.theme-cobalt2/extension.json

@@ -0,0 +1,12 @@
+{
+  "id": "builtin.theme-cobalt2",
+  "name": "Cobalt 2 Theme",
+  "description": "🔥 Official theme by Wes Bos.",
+  "colorThemes": [
+    {
+      "id": "cobalt2",
+      "label": "Cobalt 2",
+      "path": "color-theme.json"
+    }
+  ]
+}

package/extensions/builtin.theme-slime/README.md

@@ -1,4 +1,4 @@
-# Theme Monokai
+# Theme Slime
 
 ## Credits
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/shared-process",
-  "version": "0.7.12",
+  "version": "0.8.0",
   "description": "",
   "main": "index.js",
   "type": "module",
@@ -20,8 +20,8 @@
     "node": ">=16"
   },
   "dependencies": {
-    "@lvce-editor/extension-host": "0.7.12",
-    "@lvce-editor/pty-host": "0.7.12",
+    "@lvce-editor/extension-host": "0.8.0",
+    "@lvce-editor/pty-host": "0.8.0",
     "chokidar": "^3.5.3",
     "debug": "^4.3.4",
     "execa": "^6.1.0",

package/src/parts/ExtensionManagement/ExtensionManagement.ipc.js

@@ -10,6 +10,7 @@ export const Commands = {
   'ExtensionHost.getIconThemeJson': ExtensionHostIconTheme.getIconTheme,
   'ExtensionHost.getLanguageConfiguration': ExtensionHostLanguages.getLanguageConfiguration,
   'ExtensionHost.getLanguages': ExtensionHostLanguages.getLanguages,
+  'ExtensionHost.watchColorTheme':ExtensionHostColorTheme.watch,
   'ExtensionManagement.disable': ExtensionManagement.disable,
   'ExtensionManagement.enable': ExtensionManagement.enable,
   'ExtensionManagement.getAllExtensions': ExtensionManagement.getAllExtensions,

package/src/parts/ExtensionManagement/ExtensionManagementColorTheme.js

@@ -3,11 +3,12 @@ import * as Error from '../Error/Error.js'
 import * as ReadJson from '../JsonFile/JsonFile.js'
 import * as Path from '../Path/Path.js'
 import * as ExtensionManagement from './ExtensionManagement.js'
+import * as FileSystemWatch from '../FileSystemWatch/FileSystemWatch.js'
 
 // TODO test this function
 // TODO very similar with getIconTheme
-export const getColorThemeJson = async (colorThemeId) => {
-  const extensions = await ExtensionManagement.getExtensions()
+
+const getColorThemePath = async (extensions, colorThemeId) => {
   for (const extension of extensions) {
     if (!extension.colorThemes) {
       continue
@@ -17,18 +18,27 @@ export const getColorThemeJson = async (colorThemeId) => {
         continue
       }
       const absolutePath = Path.join(extension.path, colorTheme.path)
-      try {
-        const json = await ReadJson.readJson(absolutePath)
-        return json
-      } catch (error) {
-        throw new VError(error, `Failed to load color theme "${colorThemeId}"`)
-      }
+      return absolutePath
     }
   }
-  throw new Error.OperationalError({
-    code: 'E_COLOR_THEME_NOT_FOUND',
-    message: `Color theme "${colorThemeId}" not found in extensions folder`,
-  })
+  return ''
+}
+
+export const getColorThemeJson = async (colorThemeId) => {
+  const extensions = await ExtensionManagement.getExtensions()
+  const colorThemePath = await getColorThemePath(extensions, colorThemeId)
+  if (!colorThemePath) {
+    throw new Error.OperationalError({
+      code: 'E_COLOR_THEME_NOT_FOUND',
+      message: `Color theme "${colorThemeId}" not found in extensions folder`,
+    })
+  }
+  try {
+    const json = await ReadJson.readJson(colorThemePath)
+    return json
+  } catch (error) {
+    throw new VError(error, `Failed to load color theme "${colorThemeId}"`)
+  }
 }
 
 const getColorThemeInfo = (extension) => {
@@ -56,3 +66,19 @@ export const getColorThemes = async () => {
   const colorThemes = extensions.flatMap(getColorThemeInfo)
   return colorThemes
 }
+
+export const watch = async (socket, colorThemeId) => {
+  // console.log({ socket, colorThemeId })
+  const extensions = await ExtensionManagement.getExtensions()
+  const colorThemePath = await getColorThemePath(extensions, colorThemeId)
+  const verbose = process.argv.includes('--verbose')
+  if (verbose) {
+    console.info(
+      `[shared-process] starting to watch color theme ${colorThemeId} at ${colorThemePath}`
+    )
+  }
+  const watcher = FileSystemWatch.watchFile(colorThemePath)
+  for await (const event of watcher) {
+    socket.send({ jsonrpc: '2.0', method: 'ColorTheme.reload', params: [] })
+  }
+}

package/src/parts/FileSystemWatch/FileSystemWatch.js

@@ -0,0 +1,6 @@
+import * as fs from 'node:fs/promises'
+
+export const watchFile = (path) => {
+  const watcher = fs.watch(path)
+  return watcher
+}

package/src/parts/ModuleMap/ModuleMap.js

@@ -66,6 +66,7 @@ export const getModuleId = (commandId) => {
     case 'ExtensionHost.getIconThemeJson':
     case 'ExtensionHost.getLanguageConfiguration':
     case 'ExtensionHost.getLanguages':
+    case 'ExtensionHost.watchColorTheme':
     case 'ExtensionManagement.disable':
     case 'ExtensionManagement.enable':
     case 'ExtensionManagement.getAllExtensions':

package/src/parts/RequiresSocket/RequiresSocket.js

@@ -5,6 +5,7 @@ const METHODS_THAT_REQUIRE_SOCKET = new Set([
   'OutputChannel.open',
   'ExtensionHost.start',
   'ExtensionHost.send',
+  'ExtensionHost.watchColorTheme',
 ])
 
 export const requiresSocket = (method) => {