wip

Author: hojberg

package-lock.json

@@ -44,6 +44,8 @@
   },
   "keywords": [],
   "dependencies": {
-    "electron-squirrel-startup": "^1.0.1"
+    "@xterm/xterm": "^5.5.0",
+    "electron-squirrel-startup": "^1.0.1",
+    "node-pty": "^1.1.0-beta30"
   }
 }

package.json

@@ -1,11 +1,12 @@
-module Ucm.WorkspaceScreen exposing (..)
+port module Ucm.WorkspaceScreen exposing (..)
 
 import Browser
 import Code.BranchRef as BranchRef
 import Code.CodebaseTree as CodebaseTree
 import Code.Config
 import Html exposing (Html, div, text)
-import Html.Attributes exposing (class)
+import Html.Attributes exposing (class, id)
+import Lib.Util as Util
 import RemoteData exposing (RemoteData(..))
 import UI.AnchoredOverlay as AnchoredOverlay
 import UI.Button as Button
@@ -72,6 +73,7 @@ init appContext workspaceContext =
     , Cmd.batch
         [ Cmd.map CodebaseTreeMsg codebaseTreeCmd
         , Cmd.map WorkspacePanesMsg panesCmd
+        , Util.delayMsg 5000 OpenTerminal
         ]
     )
 
@@ -88,6 +90,7 @@ type Msg
     | ToggleSidebar
     | ToggleRightPane
     | RefreshCodebase
+    | OpenTerminal
     | Keydown KeyboardEvent.KeyboardEvent
     | CodebaseTreeMsg CodebaseTree.Msg
     | WorkspacePanesMsg WorkspacePanes.Msg
@@ -104,6 +107,9 @@ type OutMsg
 update : AppContext -> Msg -> Model -> ( Model, Cmd Msg, OutMsg )
 update appContext msg model =
     case msg of
+        OpenTerminal ->
+            ( model, openTerminal "terminal-pane", None )
+
         CodebaseTreeMsg codebaseTreeMsg ->
             let
                 ( codebaseTree, codebaseTreeCmd, outMsg ) =
@@ -388,6 +394,13 @@ update appContext msg model =
 
 
 
+-- PORTS
+
+
+port openTerminal : String -> Cmd msg
+
+
+
 -- SUBSCRIPTIONS
 
 
@@ -538,7 +551,10 @@ view appContext model =
                         window_
 
         content =
-            [ Html.map WorkspacePanesMsg (WorkspacePanes.view model.panes) ]
+            [ Html.map WorkspacePanesMsg
+                (WorkspacePanes.view model.panes)
+            , div [ id "terminal-pane" ] []
+            ]
     in
     window__
         |> Window.withTitlebarLeft (titlebarLeft model)

src/Ucm/WorkspaceScreen.elm

@@ -63,3 +63,12 @@
     color: var(--u-color_icon);
   }
 }
+
+#terminal-pane {
+  border: 1px solid red;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 300px;
+}

src/css/ucm/workspace-screen.css

@@ -1,6 +1,7 @@
 import { app, BrowserWindow } from 'electron';
-import path from 'node:path';
 import started from 'electron-squirrel-startup';
+import * as os from 'os';
+import * as pty from 'node-pty';
 
 // Handle creating/removing shortcuts on Windows when installing/uninstalling.
 if (started) {
@@ -50,3 +51,19 @@ app.on('window-all-closed', () => {
 
 // In this file you can include the rest of your app's specific main process
 // code. You can also put them in separate files and import them here.
+//
+
+// const shell = os.platform() === 'win32' ? 'powershell.exe' : 'bash';
+
+// const ptyProcess = pty.spawn(shell, [], {});
+const ptyProcess = pty.spawn('bash', [], {});
+
+/*
+ptyProcess.onData((data) => {
+  process.stdout.write(data);
+});
+
+ptyProcess.write('ls\r');
+ptyProcess.resize(100, 40);
+ptyProcess.write('ls\r');
+*/

src/main.js

@@ -15,6 +15,9 @@ import "./main.css";
 import * as AppError from "./Ucm/AppError";
 import * as AppSettings from "./Ucm/AppSettings";
 import * as Theme from "./Ucm/Theme";
+import "@xterm/xterm/css/xterm.css";
+import { Terminal } from "@xterm/xterm";
+
 
 // @ts-ignore
 import { Elm } from './Main.elm';
@@ -32,6 +35,8 @@ try {
   const appSettings = AppSettings.init();
   const operatingSystem = detectOs(window.navigator);
 
+  const terminal = new Terminal();
+
   // -- Elm -------------------------------------------------------------------
   const flags = {
     operatingSystem: operatingSystem,
@@ -60,6 +65,13 @@ try {
       AppSettings.clear();
       window.location.reload();
     });
+
+    app.ports.openTerminal?.subscribe((targetId) => {
+      const target = document.getElementById(targetId);
+      if (target) {
+        terminal.open(target);
+      }
+    });
   }
 
   // -- CSS env classes -------------------------------------------------------