Add ai assistant

Author: max-lt

.dockerignore

@@ -0,0 +1,6 @@
+node_modules
+dist
+.git
+.angular
+.vscode
+*.log

.github/workflows/docker.yml

@@ -0,0 +1,60 @@
+name: Build and Push Docker Image
+
+on:
+  push:
+    branches:
+      - main
+    tags:
+      - 'v*'
+  pull_request:
+    branches:
+      - main
+
+env:
+  REGISTRY: ghcr.io
+  IMAGE_NAME: ${{ github.repository }}
+
+jobs:
+  build-and-push:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      packages: write
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v3
+
+      - name: Log in to Container Registry
+        if: github.event_name != 'pull_request'
+        uses: docker/login-action@v3
+        with:
+          registry: ${{ env.REGISTRY }}
+          username: ${{ github.actor }}
+          password: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Extract metadata
+        id: meta
+        uses: docker/metadata-action@v5
+        with:
+          images: ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}
+          tags: |
+            type=ref,event=branch
+            type=ref,event=pr
+            type=semver,pattern=v{{version}}
+            type=semver,pattern=v{{major}}.{{minor}}
+            type=semver,pattern=v{{major}}
+            type=raw,value=latest,enable={{is_default_branch}}
+
+      - name: Build and push
+        uses: docker/build-push-action@v5
+        with:
+          context: .
+          push: ${{ github.event_name != 'pull_request' }}
+          tags: ${{ steps.meta.outputs.tags }}
+          labels: ${{ steps.meta.outputs.labels }}
+          cache-from: type=gha
+          cache-to: type=gha,mode=max

Dockerfile

@@ -0,0 +1,49 @@
+# Build stage
+FROM oven/bun:1 AS builder
+
+WORKDIR /app
+
+# Install dependencies
+COPY package.json bun.lock ./
+RUN bun install --frozen-lockfile
+
+# Copy source and build
+COPY . .
+RUN bun run build
+
+# Production stage
+FROM nginx:1.25-alpine
+
+# Copy built assets
+COPY --from=builder /app/dist/browser /usr/share/nginx/html
+
+# Copy wasm manually (Angular asset config doesn't work reliably)
+COPY --from=builder /app/node_modules/@openworkers/croner-wasm/dist/*.wasm /usr/share/nginx/html/assets/wasm/
+
+# Add wasm MIME type
+RUN echo 'types { application/wasm wasm; }' >> /etc/nginx/mime.types
+
+# SPA routing config
+RUN cat <<'EOF' > /etc/nginx/conf.d/default.conf
+server {
+    listen 80;
+    root /usr/share/nginx/html;
+    index index.html;
+
+    gzip on;
+    gzip_types text/plain text/css application/json application/javascript text/xml application/xml text/javascript application/wasm;
+
+    location / {
+        try_files $uri $uri/ /index.html;
+    }
+
+    location ~* \.(js|css|png|jpg|jpeg|gif|ico|svg|woff|woff2|ttf|eot|wasm)$ {
+        expires 1y;
+        add_header Cache-Control "public, immutable";
+    }
+}
+EOF
+
+EXPOSE 80
+
+CMD ["nginx", "-g", "daemon off;"]

angular.json

@@ -50,8 +50,8 @@
             "assets": [
               "src/assets",
               {
-                "glob": "**/*.wasm",
-                "input": "./node_modules/@openworkers/croner-wasm/dist",
+                "glob": "*.wasm",
+                "input": "node_modules/@openworkers/croner-wasm/dist",
                 "output": "assets/wasm"
               },
               {
@@ -84,8 +84,8 @@
                 },
                 {
                   "type": "anyComponentStyle",
-                  "maximumWarning": "2kb",
-                  "maximumError": "4kb"
+                  "maximumWarning": "4kb",
+                  "maximumError": "8kb"
                 }
               ],
               "fileReplacements": [

bun.lock

@@ -21,7 +21,10 @@
     "@angular/platform-browser-dynamic": "^21.0.0",
     "@angular/router": "^21.0.0",
     "@materia-ui/ngx-monaco-editor": "^6.0.0",
+    "@ng-icons/core": "^33.0.0",
+    "@ng-icons/heroicons": "^33.0.0",
     "@openworkers/croner-wasm": "^0.3.0",
+    "dexie": "^4.2.1",
     "monaco-editor": "0.55.1",
     "rxjs": "^7.8.1",
     "tslib": "^2.3.0"

package.json

@@ -39,11 +39,7 @@
               @if (user.avatarUrl) {
                 <img class="rounded-full w-8 min-h-8" [src]="user.avatarUrl" [alt]="user.username" />
               } @else {
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
-                  <path
-                    d="M11.1 35.25q3.15-2.2 6.25-3.375Q20.45 30.7 24 30.7q3.55 0 6.675 1.175t6.275 3.375q2.2-2.7 3.125-5.45Q41 27.05 41 24q0-7.25-4.875-12.125T24 7q-7.25 0-12.125 4.875T7 24q0 3.05.95 5.8t3.15 5.45ZM24 25.5q-2.9 0-4.875-1.975T17.15 18.65q0-2.9 1.975-4.875T24 11.8q2.9 0 4.875 1.975t1.975 4.875q0 2.9-1.975 4.875T24 25.5ZM24 44q-4.1 0-7.75-1.575-3.65-1.575-6.375-4.3-2.725-2.725-4.3-6.375Q4 28.1 4 24q0-4.15 1.575-7.775t4.3-6.35q2.725-2.725 6.375-4.3Q19.9 4 24 4q4.15 0 7.775 1.575t6.35 4.3q2.725 2.725 4.3 6.35Q44 19.85 44 24q0 4.1-1.575 7.75-1.575 3.65-4.3 6.375-2.725 2.725-6.35 4.3Q28.15 44 24 44Zm0-3q2.75 0 5.375-.8t5.175-2.8q-2.55-1.8-5.2-2.75-2.65-.95-5.35-.95-2.7 0-5.35.95-2.65.95-5.2 2.75 2.55 2 5.175 2.8Q21.25 41 24 41Zm0-18.5q1.7 0 2.775-1.075t1.075-2.775q0-1.7-1.075-2.775T24 14.8q-1.7 0-2.775 1.075T20.15 18.65q0 1.7 1.075 2.775T24 22.5Zm0-3.85Zm0 18.7Z"
-                  />
-                </svg>
+                <ng-icon name="heroUser" class="w-8 h-8" />
               }
             </a>
           </div>

src/app/app.component.html

@@ -9,12 +9,13 @@ import { RouterDataService } from './services/router-data.service';
 import { logger } from '~/logger';
 import { CommonModule } from '@angular/common';
 import { RouterModule } from '@angular/router';
+import { NgIconComponent } from '@ng-icons/core';
 import { ThemeSwitchComponent } from './shared/theme-switch/theme-switch.component';
 
 const log = logger.getLogger('AppComponent');
 
 @Component({
-  imports: [CommonModule, RouterModule, ThemeSwitchComponent],
+  imports: [CommonModule, RouterModule, NgIconComponent, ThemeSwitchComponent],
   selector: 'app-root',
   templateUrl: 'app.component.html'
 })

src/app/app.component.ts

@@ -11,6 +11,25 @@ import { provideRouter } from '@angular/router';
 import { provideHttpClient, withFetch, withInterceptorsFromDi } from '@angular/common/http';
 import { routes } from './app.routes';
 import { ThemeService } from './services/theme.service';
+import { provideIcons } from '@ng-icons/core';
+import {
+  heroClock,
+  heroArrowTopRightOnSquare,
+  heroArrowUturnLeft,
+  heroCheckCircle,
+  heroXCircle,
+  heroPencilSquare,
+  heroLockOpen,
+  heroLockClosed,
+  heroTrash,
+  heroArrowPath,
+  heroEllipsisVertical,
+  heroPower,
+  heroCog6Tooth,
+  heroChevronRight,
+  heroMicrophone,
+  heroUser
+} from '@ng-icons/heroicons/outline';
 
 export const appConfig: ApplicationConfig = {
   providers: [
@@ -24,6 +43,24 @@ export const appConfig: ApplicationConfig = {
     },
     provideZonelessChangeDetection(),
     provideRouter(routes),
-    provideHttpClient(withFetch(), withInterceptorsFromDi())
+    provideHttpClient(withFetch(), withInterceptorsFromDi()),
+    provideIcons({
+      heroClock,
+      heroArrowTopRightOnSquare,
+      heroArrowUturnLeft,
+      heroCheckCircle,
+      heroXCircle,
+      heroPencilSquare,
+      heroLockOpen,
+      heroLockClosed,
+      heroTrash,
+      heroArrowPath,
+      heroEllipsisVertical,
+      heroPower,
+      heroCog6Tooth,
+      heroChevronRight,
+      heroMicrophone,
+      heroUser
+    })
   ]
 };

src/app/app.config.ts

@@ -34,7 +34,7 @@ <h3 class="title capitalize">{{ resourceName }}s</h3>
                   <a class="font-bold" [routerLink]="['/', resourceName, resource.id]"> {{ resource.name }} </a>
                   <p class="font-light" [ngClass]="{ 'italic': !resource.desc }">{{ resource.desc ?? 'No description' }}</p>
                   <div class="flex items-center mt-3 text-gray-500">
-                    <i icon="clock"></i>
+                    <ng-icon name="heroClock" />
                     <span class="ml-3">Last modified {{ resource.updatedAt | date: 'MMM d, y - HH:mm:ss' }}</span>
                   </div>
                 </div>
@@ -44,7 +44,7 @@ <h3 class="title capitalize">{{ resourceName }}s</h3>
                       class="btn-outline hover:shadow-sm justify-between gap-2"
                       [routerLink]="['/', resourceName, resource.id]"
                       >
-                      <i icon="pencil-square" class="mr-1"></i>
+                      <ng-icon name="heroPencilSquare" class="mr-1" />
                       Edit
                     </a>
                   </ng-container>
@@ -54,7 +54,7 @@ <h3 class="title capitalize">{{ resourceName }}s</h3>
                       [href]="getWorkerUrl(resource.name)"
                       target="_blank"
                       >
-                      <i icon="new-tab" class="mr-1"></i>
+                      <ng-icon name="heroArrowTopRightOnSquare" class="mr-1" />
                       View
                     </a>
                   }