feature: add ViewletTerminal2 module and update ViewletModule to include it

packages/renderer-process/src/parts/ViewletModule/ViewletModule.ts

@@ -132,6 +132,8 @@ export const load = (moduleId) => {
       return ViewletStorage
     case ViewletModuleId.Terminal:
       return import('../ViewletTerminal/ViewletTerminal.ts')
+    case ViewletModuleId.Terminal2:
+      return import('../ViewletTerminal2/ViewletTerminal2.ts')
     case ViewletModuleId.Terminals:
       return ViewletTerminals
     case ViewletModuleId.TitleBar:

packages/renderer-process/src/parts/ViewletModuleId/ViewletModuleId.ts

@@ -86,6 +86,8 @@ export const Storage = 'Storage'
 
 export const Terminal = 'Terminal'
 
+export const Terminal2 = 'Terminal2'
+
 export const Terminals = 'Terminals'
 
 export const TitleBar = 'TitleBar'

packages/renderer-process/src/parts/ViewletTerminal2/ViewletTerminal2.ts

@@ -0,0 +1,11 @@
+import { Terminal } from '@xterm/xterm'
+
+export const create = () => {
+  const $Viewlet = document.createElement('div')
+  const term = new Terminal()
+  term.open($Viewlet)
+  term.write('Hello from \u001B[1;3;31mxterm.js\u001B[0m $ ')
+  return {
+    $Viewlet,
+  }
+}