@lvce-editor/shared-process 0.0.41 → 0.2.0

package/extensions/builtin.vscode-icons/icons/file_type_unison.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>tyle_type_unison</title><circle cx="16" cy="16" r="14" style="fill:#c6ffde"/><path d="M23.44,12.06a.48.48,0,0,1-.68.68.47.47,0,0,1-.14-.33.48.48,0,0,1,.48-.48.51.51,0,0,1,.34.13ZM20.5,10.53a5.53,5.53,0,0,1,1.05.32.47.47,0,0,1,.25.61.46.46,0,0,1-.43.29l-.18,0h0a4.1,4.1,0,0,0-.86-.27h0a4.31,4.31,0,0,0-.88-.09h0a1.88,1.88,0,0,1-1.62-.94h0A4.84,4.84,0,0,0,16.6,9.05a4.65,4.65,0,0,0-6.54.87.49.49,0,0,1-.37.18.47.47,0,0,1-.47-.47.42.42,0,0,1,.1-.28v0A5.72,5.72,0,0,1,11,7.9,5.58,5.58,0,0,1,18.6,10h0a.91.91,0,0,0,.78.46h0a5.68,5.68,0,0,1,1.09.11Zm-11.58,6v0a.94.94,0,0,0,0-.92v0a5.61,5.61,0,0,1-.55-4.24A.46.46,0,0,1,8.82,11a.48.48,0,0,1,.47.47.5.5,0,0,1,0,.12,4.68,4.68,0,0,0,.46,3.53v0a1.83,1.83,0,0,1,0,1.84l0,0a4.73,4.73,0,0,0-.57,1.71,4.66,4.66,0,0,0,4,5.24h0a.47.47,0,0,1,.4.47v.06a.48.48,0,0,1-.52.4h0a5.77,5.77,0,0,1-2.07-.7A5.61,5.61,0,0,1,8.92,16.52Zm.81.55,0,0h0Zm5.49,7.7a.48.48,0,0,1-.59-.34.47.47,0,0,1,.34-.58l.12,0a.48.48,0,0,1,.13.94Zm4.23-3.15a.93.93,0,0,0-.8.46h0A5.75,5.75,0,0,1,18,23h0l0,0a5.36,5.36,0,0,1-.78.73.47.47,0,0,1-.66-.08.47.47,0,0,1,.09-.66,4.29,4.29,0,0,0,.66-.62h0l0,0a5.11,5.11,0,0,0,.51-.71v0a1.86,1.86,0,0,1,1.62-.93,4.62,4.62,0,0,0,1.79-.36,4.68,4.68,0,0,0,2.53-6.1h0a.58.58,0,0,1,0-.18.47.47,0,0,1,.47-.46.46.46,0,0,1,.43.28,5.61,5.61,0,0,1-5.18,7.76ZM19,12.34l.37,0h0a3.73,3.73,0,0,1,0,7.46,2.75,2.75,0,0,1-.41,0,1.86,1.86,0,0,0-1.83,1.06A3.75,3.75,0,0,1,10,19.32a3.71,3.71,0,0,1,.74-2.23,1.85,1.85,0,0,0,0-2.09l-.13-.19a3.69,3.69,0,0,1-.59-2,3.74,3.74,0,0,1,7.16-1.5A1.87,1.87,0,0,0,19,12.34Zm-7.58,8.43a2.78,2.78,0,0,0,2.41,1.41,2.83,2.83,0,0,0,0-5.65,2.71,2.71,0,0,0-1.39.38A2.85,2.85,0,0,0,11.42,20.77ZM17,17.47a2.78,2.78,0,0,0,2.41,1.41,2.83,2.83,0,0,0,0-5.65,2.71,2.71,0,0,0-1.39.38A2.85,2.85,0,0,0,17,17.47Zm-3.16-1.89a2.83,2.83,0,1,0-2.78-2.83h0a2.82,2.82,0,0,0,2.78,2.83Z" style="fill:#27ae60;fill-rule:evenodd"/></svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/shared-process",
-  "version": "0.0.41",
+  "version": "0.2.0",
   "description": "",
   "main": "index.js",
   "type": "module",
@@ -23,11 +23,11 @@
     "chokidar": "^3.5.3",
     "debug": "^4.3.4",
     "execa": "^6.1.0",
-    "exit-hook": "^3.0.0",
-    "got": "^12.3.1",
+    "exit-hook": "^3.1.0",
+    "got": "^12.4.1",
     "is-object": "^1.0.2",
     "json-parse-even-better-errors": "^2.3.1",
-    "jsonc-parser": "^3.1.0",
+    "jsonc-parser": "^3.2.0",
     "lines-and-columns": "^2.0.3",
     "open": "^8.4.0",
     "p-queue": "^7.3.0",
@@ -38,8 +38,8 @@
     "verror": "^1.10.1",
     "ws": "^8.8.1",
     "xdg-basedir": "^5.1.0",
-    "@lvce-editor/pty-host": "0.0.41",
-    "@lvce-editor/extension-host": "0.0.41"
+    "@lvce-editor/pty-host": "0.2.0",
+    "@lvce-editor/extension-host": "0.2.0"
   },
   "optionalDependencies": {
     "electron-clipboard-ex": "^1.3.3",

package/src/parts/Command/Command.js

@@ -11,9 +11,9 @@ const MODULE_PREFERENCES = 11
 const MODULE_NATIVE = 12
 const MODULE_CLIPBOARD = 13
 const MODULE_TEXT_DOCUMENT = 14
-const MODULE_ELECTRON = 15
 const MODULE_WEBSOCKET_SERVER = 16
 const MODULE_PLATFORM = 17
+const MODULE_RECENTLY_OPENED = 18
 
 const commands = Object.create(null)
 const invocables = Object.create(null)
@@ -48,12 +48,12 @@ const loadModule = (moduleId) => {
       return import('../ClipBoard/ClipBoard.ipc.js')
     case MODULE_TEXT_DOCUMENT:
       return import('../TextDocument/TextDocument.ipc.js')
-    case MODULE_ELECTRON:
-      return import('../Electron/Electron.ipc.js')
     case MODULE_WEBSOCKET_SERVER:
       return import('../WebSocketServer/WebSocketServer.ipc.js')
     case MODULE_PLATFORM:
       return import('../Platform/Platform.ipc.js')
+    case MODULE_RECENTLY_OPENED:
+      return import('../RecentlyOpened/RecentlyOpened.ipc.js')
     default:
       throw new Error(`unknown module ${moduleId}`)
   }
@@ -211,21 +211,8 @@ const getModuleId = (commandId) => {
     case 'OutputChannel.open':
     case 'OutputChannel.close':
       return MODULE_OUTPUT_CHANNEL
-    case 'Electron.toggleDevtools':
-    case 'Electron.windowMinimize':
-    case 'Electron.windowMaximize':
-    case 'Electron.windowUnmaximize':
-    case 'Electron.windowClose':
-    case 'Electron.about':
-    case 'Electron.showOpenDialog':
-    case 'Electron.windowReload':
-    case 'Electron.getPerformanceEntries':
-    case 'Electron.crashMainProcess':
-    case 'Electron.showMessageBox':
-    case 'Electron.windowOpenNew':
-    case 'Electron.exit':
-    case 'Electron.openProcessExplorer':
-      return MODULE_ELECTRON
+    case 'RecentlyOpened.addPath':
+      return MODULE_RECENTLY_OPENED
     default:
       throw new Error(`[shared-process] command ${commandId} not found`)
   }

package/src/parts/DirentType/DirentType.js

@@ -0,0 +1,13 @@
+export const File = 'file'
+
+export const Direcory = 'directory'
+
+export const Symlink = 'symlink'
+
+export const Socket = 'socket'
+
+export const BlockDevice = 'block-device'
+
+export const CharacterDevice = 'character-device'
+
+export const Unknown = 'unknown'

package/src/parts/Download/Download.js

@@ -1,10 +1,10 @@
+import got from 'got'
 import { createReadStream, createWriteStream } from 'node:fs'
 import { mkdir, rm } from 'node:fs/promises'
 import { pipeline } from 'node:stream/promises'
 import { createBrotliDecompress } from 'node:zlib'
-import got from 'got'
 import tar from 'tar-fs'
-import * as Error from '../Error/Error.js'
+import VError from 'verror'
 import * as Path from '../Path/Path.js'
 
 export const download = async (url, outFile) => {
@@ -14,12 +14,10 @@ export const download = async (url, outFile) => {
   } catch (error) {
     try {
       await rm(outFile)
-    } catch {}
-    throw new Error.OperationalError({
-      cause: error,
-      code: 'E_DOWNLOAD_FAILED',
-      message: `Failed to download "${url}"`,
-    })
+    } catch {
+      // ignore
+    }
+    throw new VError(error, `Failed to download "${url}"`)
   }
 }
 

package/src/parts/ExtensionManagement/ExtensionManagement.js

@@ -1,14 +1,14 @@
+import isObject from 'is-object'
 import { mkdir, readdir, rename, rm } from 'node:fs/promises'
-import { performance } from 'node:perf_hooks'
 import path from 'node:path'
-import isObject from 'is-object'
+import { performance } from 'node:perf_hooks'
 import VError from 'verror'
 import * as Debug from '../Debug/Debug.js'
-import * as Error from '../Error/Error.js'
 import * as ReadJson from '../JsonFile/JsonFile.js'
 import * as Path from '../Path/Path.js'
 import * as Platform from '../Platform/Platform.js'
 import * as Queue from '../Queue/Queue.js'
+import * as ExtensionManifestStatus from '../ExtensionManifestStatus/ExtensionManifestStatus.js'
 
 const isLanguageBasics = (extension) => {
   if (extension && extension.id) {
@@ -61,11 +61,7 @@ export const install = async (id) => {
     //   type: 'marketplace',
     // })
   } catch (error) {
-    throw new Error.OperationalError({
-      cause: error,
-      code: 'E_EXT_INSTALL_FAILED',
-      message: `Failed to install extension "${id}"`,
-    })
+    throw new VError(error, `Failed to install extension "${id}"`)
   }
 }
 
@@ -78,11 +74,7 @@ export const uninstall = async (id) => {
     // if (error.code === 'ENOENT') {
     //   return
     // }
-    throw new Error.OperationalError({
-      cause: error,
-      code: 'E_EXT_UNINSTALL_FAILED',
-      message: `Failed to uninstall extension "${id}"`,
-    })
+    throw new VError(error, `Failed to uninstall extension "${id}"`)
   }
 }
 
@@ -97,11 +89,7 @@ export const enable = async (id) => {
       Path.join(extensionsPath, id)
     )
   } catch (error) {
-    throw new Error.OperationalError({
-      cause: error,
-      message: `Failed to enable extension "${id}"`,
-      code: 'E_EXTENSION_ENABLING_FAILED',
-    })
+    throw new VError(error, `Failed to enable extension "${id}"`)
   }
 }
 
@@ -116,11 +104,7 @@ export const disable = async (id) => {
       Path.join(disabledExtensionsPath, id)
     )
   } catch (error) {
-    throw new Error.OperationalError({
-      cause: error,
-      code: 'E_EXTENSION_DISABLING_FAILED',
-      message: `Failed to disable extension ${id}`,
-    })
+    throw new VError(error, `Failed to disable extension ${id}`)
   }
 }
 
@@ -160,6 +144,8 @@ const isIncludedBuiltinExtension = (dirent) => {
   return !SKIPPED.includes(dirent)
 }
 
+// TODO pass builtin extensions path from renderer-worker
+// only negative: more messages sent between renderer-worker and shared process on startup
 const getBuiltinExtensionPaths = async () => {
   try {
     const builtinExtensionsPath = Platform.getBuiltinExtensionsPath()
@@ -192,11 +178,7 @@ const getInstalledExtensionPaths = async () => {
       await mkdir(Platform.getExtensionsPath(), { recursive: true })
       return []
     }
-    throw new Error.OperationalError({
-      cause: error,
-      code: 'E_FAILED_TO_LOAD_INSTALLED_EXTENSIONS',
-      message: 'Failed to get installed extensions',
-    })
+    throw new VError(error, 'Failed to get installed extensions')
   }
 }
 
@@ -222,28 +204,21 @@ const getExtensionManifest = async (path) => {
     return {
       ...json,
       path,
-      status: 'fulfilled',
+      status: ExtensionManifestStatus.Resolved,
     }
   } catch (error) {
     const id = inferExtensionId(path)
     return {
       path,
-      status: 'rejected',
-      reason: new Error.OperationalError({
-        cause: error,
-        code: 'E_LOADING_EXTENSION_MANIFEST_FAilED',
-        message: `Failed to load extension "${id}": Failed to load extension manifest`,
-        // @ts-ignore
-        stack: error.stack,
-      }),
+      status: ExtensionManifestStatus.Rejected,
+      reason: new VError(
+        error,
+        `Failed to load extension "${id}": Failed to load extension manifest`
+      ),
     }
   }
 }
 
-const isRejected = (promise) => {
-  return promise.status === 'rejected'
-}
-
 /**
  * @param {string[]} paths
  */

package/src/parts/ExtensionManagement/ExtensionManagementColorTheme.js

@@ -1,5 +1,7 @@
+import VError from 'verror'
 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'
 
 // TODO test this function
@@ -14,16 +16,12 @@ export const getColorThemeJson = async (colorThemeId) => {
       if (colorTheme.id !== colorThemeId) {
         continue
       }
-      const absolutePath = `${extension.path}/${colorTheme.path}`
+      const absolutePath = Path.join(extension.path, colorTheme.path)
       try {
         const json = await ReadJson.readJson(absolutePath)
         return json
       } catch (error) {
-        throw new Error.OperationalError({
-          cause: error,
-          code: 'E_COLOR_THEME_COULD_NOT_BE_LOADED',
-          message: `Failed to load color theme "${colorThemeId}"`,
-        })
+        throw new VError(error, `Failed to load color theme "${colorThemeId}"`)
       }
     }
   }

package/src/parts/ExtensionManagement/ExtensionManagementIconTheme.js

@@ -1,5 +1,7 @@
+import VError from 'verror'
 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'
 
 export const getIconTheme = async (iconThemeId) => {
@@ -12,7 +14,7 @@ export const getIconTheme = async (iconThemeId) => {
       if (iconTheme.id !== iconThemeId) {
         continue
       }
-      const absolutePath = `${extension.path}/${iconTheme.path}`
+      const absolutePath = Path.join(extension.path, iconTheme.path)
       try {
         const json = await ReadJson.readJson(absolutePath)
         return {
@@ -20,11 +22,7 @@ export const getIconTheme = async (iconThemeId) => {
           json,
         }
       } catch (error) {
-        throw new Error.OperationalError({
-          cause: error,
-          code: 'E_ICON_THEME_COULD_NOT_BE_LOADED',
-          message: `Failed to load icon theme "${iconThemeId}"`,
-        })
+        throw new VError(error, `Failed to load icon theme "${iconThemeId}"`)
       }
     }
   }

package/src/parts/ExtensionManifestStatus/ExtensionManifestStatus.js

@@ -0,0 +1,3 @@
+export const Resolved = 'resolved'
+
+export const Rejected = 'rejected'

package/src/parts/FileSystem/FileSystem.js

@@ -1,12 +1,11 @@
 // TODO lazyload chokidar and trash (but doesn't work currently because of bug with jest)
 import * as fs from 'node:fs/promises'
 import * as os from 'node:os'
-import chokidar from 'chokidar'
-import * as Error from '../Error/Error.js'
+import VError from 'verror'
+import * as DirentType from '../DirentType/DirentType.js'
 import * as Path from '../Path/Path.js'
-import * as Trash from '../Trash/Trash.js'
 import * as Platform from '../Platform/Platform.js'
-import VError from 'verror'
+import * as Trash from '../Trash/Trash.js'
 
 export const state = {
   watcherMap: Object.create(null),
@@ -27,26 +26,26 @@ export const copy = async (source, target) => {
         `Failed to copy "${source}" to "${target}": src and dest cannot be the same`
       )
     }
-    throw new Error.OperationalError({
-      cause: error,
-      code: 'E_FILE_SYSTEM_ERROR',
-      message: `Failed to copy "${source}" to "${target}"`,
-      category: 'File System Error',
-    })
+    throw new VError(error, `Failed to copy "${source}" to "${target}"`)
   }
 }
 
+// TODO extensions should only be accessed once on startup
 export const readFile = async (path) => {
+  // console.info('[shared-process] read file', path)
   try {
+    // const start = performance.now()
+    // console.time(`read ${path}`)
     const content = await fs.readFile(path, 'utf8')
+    // const end = performance.now()
+    // console.log('read', path, 'took', (end - start).toFixed(2), 'ms')
+    // console.timeEnd(`read ${path}`)
     return content
   } catch (error) {
-    throw new Error.OperationalError({
-      cause: error,
-      code: 'E_FILE_SYSTEM_ERROR',
-      message: `Failed to read file "${path}"`,
-      category: 'File System Error',
-    })
+    if (error && error.code === 'ENOENT') {
+      throw new VError(`File not found '${path}'`)
+    }
+    throw new VError(error, `Failed to read file "${path}"`)
   }
 }
 
@@ -56,12 +55,7 @@ export const writeFile = async (path, content) => {
     // Queue.add(`writeFile/${path}`, () =>
     await fs.writeFile(path, content)
   } catch (error) {
-    throw new Error.OperationalError({
-      cause: error,
-      code: 'E_FILE_SYSTEM_ERROR',
-      message: `Failed to write to file "${path}"`,
-      category: 'File System Error',
-    })
+    throw new VError(error, `Failed to write to file "${path}"`)
   }
 }
 
@@ -70,12 +64,7 @@ export const ensureFile = async (path, content) => {
     await fs.mkdir(Path.dirname(path), { recursive: true })
     await fs.writeFile(path, content)
   } catch (error) {
-    throw new Error.OperationalError({
-      cause: error,
-      code: 'E_FILE_SYSTEM_ERROR',
-      message: `Failed to write to file "${path}"`,
-      category: 'File System Error',
-    })
+    throw new VError(error, `Failed to write to file "${path}"`)
   }
 }
 
@@ -83,12 +72,7 @@ export const createFile = async (path) => {
   try {
     await fs.writeFile(path, '', { flag: 'wx' })
   } catch (error) {
-    throw new Error.OperationalError({
-      cause: error,
-      code: 'E_FILE_SYSTEM_ERROR',
-      message: `Failed to create file "${path}"`,
-      category: 'File System Error',
-    })
+    throw new VError(error, `Failed to create file "${path}"`)
   }
 }
 
@@ -96,12 +80,7 @@ export const createFolder = async (path, options) => {
   try {
     await fs.mkdir(path, options)
   } catch (error) {
-    throw new Error.OperationalError({
-      cause: error,
-      code: 'E_FILE_SYSTEM_ERROR',
-      message: `Failed to create folder "${path}"`,
-      category: 'File System Error',
-    })
+    throw new VError(error, `Failed to create folder "${path}"`)
   }
 }
 
@@ -129,12 +108,7 @@ export const remove = async (path) => {
   try {
     await Trash.trash(path)
   } catch (error) {
-    throw new Error.OperationalError({
-      cause: error,
-      code: 'E_FILE_REMOVE_SYSTEM_ERROR',
-      message: `Failed to remove "${path}"`,
-      category: 'File System Error',
-    })
+    throw new VError(error, `Failed to remove "${path}"`)
   }
 }
 
@@ -152,24 +126,24 @@ export const exists = async (path) => {
  */
 const getType = (dirent) => {
   if (dirent.isFile()) {
-    return 'file'
+    return DirentType.File
   }
   if (dirent.isDirectory()) {
-    return 'directory'
+    return DirentType.Direcory
   }
   if (dirent.isSymbolicLink()) {
-    return 'symlink'
+    return DirentType.Symlink
   }
   if (dirent.isSocket()) {
-    return 'socket'
+    return DirentType.Socket
   }
   if (dirent.isBlockDevice()) {
-    return 'block-device'
+    return DirentType.BlockDevice
   }
   if (dirent.isCharacterDevice()) {
-    return 'character-device'
+    return DirentType.CharacterDevice
   }
-  return 'unknown'
+  return DirentType.Unknown
 }
 
 /**
@@ -188,25 +162,15 @@ export const readDirWithFileTypes = async (path) => {
     const prettyDirents = dirents.map(toPrettyDirent)
     return prettyDirents
   } catch (error) {
-    throw new Error.OperationalError({
-      cause: error,
-      code: 'E_FILE_READ_DIR_SYSTEM_ERROR',
-      message: `Failed to read directory "${path}"`,
-      category: 'File System Error',
-    })
+    throw new VError(error, `Failed to read directory "${path}"`)
   }
 }
 
 export const mkdir = async (path) => {
   try {
-    await fs.mkdir(path)
+    await fs.mkdir(path, { recursive: true })
   } catch (error) {
-    throw new Error.OperationalError({
-      cause: error,
-      code: 'E_CREATE_DIRECTORY_FAILED',
-      message: `Failed to create directory "${path}"`,
-      category: 'File System Error',
-    })
+    throw new VError(error, `Failed to create directory "${path}"`)
   }
 }
 
@@ -214,18 +178,13 @@ export const rename = async (oldPath, newPath) => {
   try {
     await fs.rename(oldPath, newPath)
   } catch (error) {
-    throw new Error.OperationalError({
-      cause: error,
-      code: 'E_RENAME_FAILED',
-      message: `Failed to rename "${oldPath}" to "${newPath}"`,
-      category: 'File System Error',
-    })
+    throw new VError(error, `Failed to rename "${oldPath}" to "${newPath}"`)
   }
 }
 
-export const watch = (path, options) => {
+export const watch = async (path, options) => {
   // let state = 'loading'
-
+  const chokidar = await import('chokidar')
   const watcher = chokidar.watch(`${path}`, {
     ignoreInitial: true,
   })

package/src/parts/Json/Json.js

@@ -1,65 +1,17 @@
-import fallback from 'json-parse-even-better-errors'
-import { codeFrameColumns } from '@babel/code-frame'
-import { LinesAndColumns } from 'lines-and-columns'
-
 // parsing error handling based on https://github.com/sindresorhus/parse-json/blob/main/index.js
 
 export const parse = async (string, filePath) => {
   try {
-    try {
-      return JSON.parse(string)
-    } catch (error) {
-      fallback(string)
-      throw error
-    }
+    return JSON.parse(string)
   } catch (error) {
-    error.message = error.message.replace(/\n/g, '')
-    const indexMatch = error.message.match(
-      /in JSON at position (\d+) while parsing/
-    )
-    let topMessage = error.message
-    let bottomMessage = error.message
-    if (topMessage.startsWith('Unexpected token')) {
-      topMessage = 'JSON parsing error:'
-    }
-    if (bottomMessage.includes('while parsing "{')) {
-      bottomMessage = bottomMessage.slice(
-        0,
-        bottomMessage.indexOf('while parsing "{')
-      )
-    }
-    if (bottomMessage.includes(' (0x7D) ')) {
-      bottomMessage = bottomMessage.replace(' (0x7D) ', ' ')
-    }
-    bottomMessage = bottomMessage.trim()
-    const jsonError = new Error(topMessage)
-    if (indexMatch && indexMatch.length > 0) {
-      const lines = new LinesAndColumns(string)
-      const index = Number(indexMatch[1])
-      const location = lines.locationForIndex(index)
-      const codeFrame = codeFrameColumns(
-        string,
-        { start: { line: location.line + 1, column: location.column + 1 } },
-        { highlightCode: true }
-      )
-      jsonError.codeFrame = codeFrame
-    }
-    // console.log({ bottomMessage, message: error.message })
-    jsonError.stack = `${bottomMessage}\n    at ${filePath}`
+    const JsonError = await import('../JsonError/JsonError.js')
+    const errorProps = JsonError.getErrorPropsFromError(error, string, filePath)
+    const jsonError = new Error(errorProps.message)
+    jsonError.stack = errorProps.stack
+    // @ts-ignore
+    jsonError.codeFrame = errorProps.codeFrame
     throw jsonError
   }
-
-  // try {
-  //   return JSON.parse(json)
-  // } catch (error) {
-  //   const parseJsonBetterErrors = await import('parse-json')
-  //   try {
-  //     return parseJsonBetterErrors.default(json, filePath)
-  //   } catch (error) {
-  //     console.log({ frame: error.codeFrame })
-  //     throw error
-  //   }
-  // }
 }
 
 export const stringify = (value) => {

package/src/parts/JsonError/JsonError.js

@@ -0,0 +1,70 @@
+import { codeFrameColumns } from '@babel/code-frame'
+import { LinesAndColumns } from 'lines-and-columns'
+
+// parsing error handling based on https://github.com/sindresorhus/parse-json/blob/main/index.js
+
+const emptyError = {
+  message: '',
+  stack: '',
+  codeFrame: '',
+}
+
+export const getErrorPropsFromError = (error, string, filePath) => {
+  const indexMatch = error.message.match(/in JSON at position (\d+)/)
+  if (indexMatch && indexMatch.length > 0) {
+    const lines = new LinesAndColumns(string)
+    const index = Number(indexMatch[1])
+    const location = lines.locationForIndex(index)
+    if (location) {
+      const codeFrame = codeFrameColumns(
+        string,
+        { start: { line: location.line + 1, column: location.column + 1 } },
+        { highlightCode: false }
+      )
+      return {
+        codeFrame,
+        message: 'Json Parsing Error',
+        stack: `at ${filePath}`,
+      }
+    }
+  }
+  if (string.length === 0) {
+    return {
+      codeFrame: ``,
+      message: 'Json Parsing Error: Cannot parse empty string',
+      stack: `at ${filePath}`,
+    }
+  }
+
+  if (error.message === 'Unexpected end of JSON input') {
+    const lines = new LinesAndColumns(string)
+    const index = string.length - 1
+    const location = lines.locationForIndex(index)
+    if (location) {
+      const codeFrame = codeFrameColumns(
+        string,
+        { start: { line: location.line + 1, column: location.column + 1 } },
+        { highlightCode: false }
+      )
+      return {
+        codeFrame,
+        message: 'Json Parsing Error',
+        stack: `at ${filePath}`,
+      }
+    }
+  }
+  return {
+    codeFrame: ``,
+    message: 'Json Parsing Error',
+    stack: `at ${filePath}`,
+  }
+}
+
+export const getErrorProps = (string, filePath) => {
+  try {
+    JSON.parse(string)
+    return emptyError
+  } catch (error) {
+    return getErrorPropsFromError(error, string, filePath)
+  }
+}