feat: show code

.trunk/.gitignore

@@ -0,0 +1,8 @@
+*out
+*logs
+*actions
+*notifications
+*tools
+plugins
+user_trunk.yaml
+user.yaml

.trunk/configs/.markdownlint.yaml

@@ -0,0 +1,10 @@
+# Autoformatter friendly markdownlint config (all formatting rules disabled)
+default: true
+blank_lines: false
+bullet: false
+html: false
+indentation: false
+line_length: false
+spaces: false
+url: false
+whitespace: false

.trunk/trunk.yaml

@@ -0,0 +1,32 @@
+# This file controls the behavior of Trunk: https://docs.trunk.io/cli
+# To learn more about the format of this file, see https://docs.trunk.io/reference/trunk-yaml
+version: 0.1
+cli:
+  version: 1.17.2
+plugins:
+  sources:
+    - id: trunk
+      ref: v1.2.6
+      uri: https://github.com/trunk-io/plugins
+runtimes:
+  enabled:
+    - [email protected]
+    - [email protected]
+    - [email protected]
+lint:
+  enabled:
+    - git-diff-check
+    - [email protected]
+    - [email protected]
+    - [email protected]
+    - [email protected]
+    - [email protected]
+    - [email protected]
+    - [email protected]
+actions:
+  disabled:
+    - trunk-announce
+    - trunk-check-pre-push
+    - trunk-fmt-pre-commit
+  enabled:
+    - trunk-upgrade-available

app/service.go

@@ -11,8 +11,6 @@ import (
 	"slices"
 	"time"
 
-	"github.com/ncruces/zenity"
-	"github.com/pkg/browser"
 	"github.com/wailsapp/wails/v2/pkg/runtime"
 	"github.com/xuender/grephub/app/ag"
 	"github.com/xuender/grephub/app/grep"
@@ -65,16 +63,14 @@ func (p *Service) Config() *pb.Config {
 }
 
 func (p *Service) AddDirs() {
-	dirs, err := zenity.SelectFileMultiple(
-		zenity.Filename("."),
-		zenity.Directory())
-	if err != nil || len(dirs) == 0 {
+	dir, err := runtime.OpenDirectoryDialog(p.ctx, runtime.OpenDialogOptions{Title: "Select search directory"})
+	if err != nil || dir == "" {
 		slog.Error("addDirs", "err", err)
 
 		return
 	}
 
-	p.cfg.Dirs = append(p.cfg.GetDirs(), dirs...)
+	p.cfg.Dirs = append(p.cfg.GetDirs(), dir)
 	p.cfg.Save()
 }
 
@@ -89,13 +85,11 @@ func (p *Service) DelDir(dir string) {
 }
 
 func (p *Service) Open(path string) {
-	if oss.IsWindows() {
-		los.Must0(browser.OpenFile(filepath.Dir(path)))
-
-		return
-	}
+	runtime.BrowserOpenURL(p.ctx, path)
+}
 
-	los.Must0(browser.OpenFile(path))
+func (p *Service) Dir(path string) {
+	runtime.BrowserOpenURL(p.ctx, filepath.Dir(path))
 }
 
 func (p *Service) recover() {
@@ -104,6 +98,17 @@ func (p *Service) recover() {
 	}
 }
 
+func (p *Service) File(file string) string {
+	data, err := os.ReadFile(file)
+	if err != nil {
+		slog.Error("file", "err", err)
+
+		return err.Error()
+	}
+
+	return string(data)
+}
+
 func (p *Service) Query(query *pb.Query) *pb.Result {
 	defer p.recover()
 

frontend/angular.json

@@ -30,6 +30,11 @@
                 "glob": "**/*",
                 "input": "src/assets",
                 "output": "assets"
+              },
+              {
+                "glob": "**/*",
+                "input": "node_modules/monaco-editor",
+                "output": "assets/monaco-editor/"
               }
             ],
             "styles": ["src/theme/variables.scss", "src/global.scss"],

frontend/package.json

@@ -27,8 +27,10 @@
     "@capacitor/keyboard": "5.0.6",
     "@capacitor/status-bar": "5.0.6",
     "@ionic/angular": "^7.5.0",
+    "@materia-ui/ngx-monaco-editor": "^6.0.0",
     "escape-html": "^1.0.3",
     "ionicons": "^7.2.1",
+    "monaco-editor": "^0.44.0",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
     "zone.js": "~0.13.0"

frontend/package.json.md5

@@ -1 +1 @@
-7907c65e26a1c716cecc3f49aa7a1e83
+27a18142e58fa71b85155a7e6fdbcdc2

frontend/src/app/ack/ack.component.html

@@ -3,7 +3,7 @@
     <ion-label>{{ item?.file }}</ion-label>
   </ion-item-divider>
 
-  <ion-item *ngFor="let m of item?.mates" button="true" (click)="open(item?.file)">
+  <ion-item *ngFor="let m of item?.mates" button="true" [routerLink]="['/code', item?.file]">
     <ion-badge slot="start">{{ m.row }}</ion-badge>
     <ion-label [innerHTML]="html(m)"></ion-label>
   </ion-item>

frontend/src/app/ack/ack.component.ts

@@ -1,5 +1,6 @@
 import { CommonModule } from '@angular/common';
 import { Component, Input } from '@angular/core';
+import { RouterLink } from '@angular/router';
 import {
   IonBadge,
   IonItem,
@@ -25,6 +26,7 @@ import { ApiService } from '../api/api.service';
     IonLabel,
     IonItemDivider,
     IonBadge,
+    RouterLink,
     CommonModule,
   ],
 })

frontend/src/app/app.routes.ts

@@ -10,4 +10,8 @@ export const routes: Routes = [
     redirectTo: '',
     pathMatch: 'full',
   },
+  {
+    path: 'code/:file',
+    loadComponent: () => import('./code/code.page').then((m) => m.CodePage),
+  },
 ];

frontend/src/app/code/code.page.html

@@ -0,0 +1,25 @@
+<ion-header [translucent]="true">
+  <ion-toolbar>
+    <ion-buttons slot="start">
+      <ion-back-button></ion-back-button>
+    </ion-buttons>
+    <ion-title>{{ file }}</ion-title>
+    <ion-buttons slot="end">
+      <ion-button (click)="open()" color="primary" title="open file">
+        <ion-icon name="open" slot="icon-only"></ion-icon>
+      </ion-button>
+      <ion-button (click)="dir()" color="secondary" title="open dir">
+        <ion-icon name="folder" slot="icon-only"></ion-icon>
+      </ion-button>
+    </ion-buttons>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+  <ion-header collapse="condense">
+    <ion-toolbar>
+      <ion-title size="large">{{ file }}</ion-title>
+    </ion-toolbar>
+  </ion-header>
+  <ngx-monaco-editor [options]="options" [(ngModel)]="code" (init)="editorInit($event)"></ngx-monaco-editor>
+</ion-content>

frontend/src/app/code/code.page.spec.ts

@@ -0,0 +1,17 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { CodePage } from './code.page';
+
+describe('CodePage', () => {
+  let component: CodePage;
+  let fixture: ComponentFixture<CodePage>;
+
+  beforeEach(async(() => {
+    fixture = TestBed.createComponent(CodePage);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  }));
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});