adding dockerfile and pipelines

.dockerignore

@@ -0,0 +1,6 @@
+node_modules
+dist
+.git
+.env
+.DS_Store
+.claude/

.gitea/workflows/main.yaml

@@ -1,12 +1,20 @@
-name: Build and Release
+name: Build and Release to Staging
 
 on:
   push:
     branches:
       - main
+  workflow_dispatch:
+
+env:
+  REGISTRY_HOST: git.ivanch.me
+  REGISTRY_USERNAME: ivanch
+  IMAGE_NAME: ${{ env.REGISTRY_HOST }}/ivanch/vision-start
+  IMAGE_TAG: staging
 
 jobs:
   build:
+    name: Build Vision Start
     if: gitea.event_name == 'push'
     runs-on: ubuntu-latest
     steps:
@@ -16,3 +24,47 @@ jobs:
         run: npm install
       - name: Run build
         run: npm run build
+
+  build_vision_start:
+    name: Build Vision Start Image
+    runs-on: ubuntu-latest
+    needs: build
+    steps:
+      - name: Check out repository
+        uses: actions/checkout@v2
+
+      - name: Log in to Container Registry
+        run: |
+          echo "${{ secrets.REGISTRY_PASSWORD }}" \
+            | docker login "${{ env.REGISTRY_HOST }}" \
+                -u "${{ env.REGISTRY_USERNAME }}" \
+                --password-stdin
+
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v3
+
+      - name: Build and Push Multi-Arch Image
+        uses: docker/build-push-action@v6
+        with:
+          push: true
+          context: .
+          platforms: linux/amd64,linux/arm64
+          tags: |
+            ${{ env.IMAGE_NAME }}:${{ env.IMAGE_TAG }}
+
+  deploy_vision_start:
+    name: Deploy Vision Start (staging)
+    runs-on: ubuntu-amd64
+    needs: build_vision_start
+    steps:
+      - name: Recreate Container
+        uses: appleboy/ssh-action@v0.1.7
+        with:
+          host: ${{ secrets.HOST }}
+          username: ${{ secrets.USERNAME }}
+          key: ${{ secrets.KEY }}
+          port: ${{ secrets.PORT }}
+          script: |
+            cd ${{ secrets.DIR }}
+            docker compose pull
+            docker compose up -d --force-recreate

.gitea/workflows/release.yaml

@@ -5,6 +5,12 @@ on:
     tags:
       - v*
 
+env:
+  REGISTRY_HOST: git.ivanch.me
+  REGISTRY_USERNAME: ivanch
+  IMAGE_NAME: ${{ env.REGISTRY_HOST }}/ivanch/vision-start
+  IMAGE_TAG: latest
+
 jobs:
   build:
     runs-on: ubuntu-latest
@@ -88,3 +94,47 @@ jobs:
           name: ${{ gitea.ref_name }}
           tag_name: ${{ gitea.ref_name }}
           files: vision-start-${{ gitea.ref_name }}.zip
+
+  build_vision_start:
+    name: Build Vision Start Image
+    runs-on: ubuntu-latest
+    needs: build
+    steps:
+      - name: Check out repository
+        uses: actions/checkout@v2
+
+      - name: Log in to Container Registry
+        run: |
+          echo "${{ secrets.REGISTRY_PASSWORD }}" \
+            | docker login "${{ env.REGISTRY_HOST }}" \
+                -u "${{ env.REGISTRY_USERNAME }}" \
+                --password-stdin
+
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v3
+
+      - name: Build and Push Multi-Arch Image
+        uses: docker/build-push-action@v6
+        with:
+          push: true
+          context: .
+          platforms: linux/amd64,linux/arm64
+          tags: |
+            ${{ env.IMAGE_NAME }}:${{ env.IMAGE_TAG }}
+
+  deploy_vision_start:
+    name: Deploy Vision Start (production)
+    runs-on: ubuntu-amd64
+    needs: build_vision_start
+    steps:
+      - name: Recreate Container
+        uses: appleboy/ssh-action@v0.1.7
+        with:
+          host: ${{ secrets.HOST }}
+          username: ${{ secrets.USERNAME }}
+          key: ${{ secrets.KEY }}
+          port: ${{ secrets.PORT }}
+          script: |
+            cd ${{ secrets.DIR }}
+            docker compose pull
+            docker compose up -d --force-recreate

.gitignore

@@ -11,6 +11,7 @@ node_modules
 dist
 dist-ssr
 *.local
+.claude/
 
 # Editor directories and files
 .vscode/*

Dockerfile

@@ -0,0 +1,29 @@
+# Build stage
+FROM node:20-alpine AS builder
+
+# Set working directory
+WORKDIR /app
+
+# Copy package.json and package-lock.json (if available)
+COPY package*.json ./
+
+# Install dependencies
+RUN npm install
+
+# Copy the rest of the application
+COPY . .
+
+# Build the application
+RUN npm run build
+
+# Production stage
+FROM nginx:alpine
+
+# Copy the built application from the builder stage
+COPY --from=builder /app/dist /usr/share/nginx/html
+
+# Expose port 80
+EXPOSE 80
+
+# Start Nginx
+CMD ["nginx", "-g", "daemon off;"]

notes-widget-plan.md

@@ -0,0 +1,57 @@
+# Notes Widget Implementation Plan
+## Overview
+This document outlines the implementation plan for a Notes / Scratchpad Widget feature that:
+1. Provides a text area that saves content to local storage automatically
+2. Includes bold and italic formatting buttons
+3. Has a toggle icon to show/hide the widget
+4. Has a glassy/frosty design with strong blur
+## Implementation Steps
+### 1. Update Config Interface
+In `types.ts`, add a new `notesWidget` configuration object:
+```typescript
+notesWidget: {
+  enabled: boolean;
+}
+```
+### 2. Update ConfigurationModal Component
+In `components/ConfigurationModal.tsx`:
+- Add `notesWidget` to the config state initialization (lines 18-44)
+- Add a new "Notes" tab to the tab navigation (lines 259-284)
+- Add a toggle switch for notesWidget.enabled in the Notes tab (lines 552-560)
+- Add the Notes tab content with the toggle switch
+### 3. Create NotesWidget Component
+Create a new file `components/NotesWidget.tsx`:
+- Text area for notes input
+- Bold and italic formatting buttons
+- Toggle icon for showing/hiding the widget
+- Glassy/frosty design with strong blur
+- Auto-save to localStorage using `userNotes` key
+### 4. Update App Component
+In `App.tsx`:
+- Add notesWidget to the defaultConfig (lines 14-35)
+- Add the NotesWidget component to the render output when enabled in config (lines 250-251)
+- Add logic to save/load notes from localStorage
+## Technical Details
+### Configuration Structure
+The configuration will be stored in the same way as other widgets:
+```typescript
+config: {
+  notesWidget: {
+    enabled: boolean;
+  }
+}
+```
+### Local Storage Key
+All notes text will be saved to localStorage with the key `userNotes`.
+### UI Design
+- Widget will be positioned on the left side of the screen
+- Vertically centered using flexbox
+- Glassy/frosty design using backdrop-blur and background transparency
+- Strong blur effect (backdrop-blur-2xl or similar)
+- Toggle icon will be positioned on the left edge of the widget
+- When hidden, icon shows a "show" indicator
+- When open, icon shows a "hide" indicator
+### Formatting Buttons
+- Bold button (B)
+- Italic button (I)
+- These will use HTML formatting (bold/italic tags) or rich text approach