Frontend

.github/workflows/frontend-pages.yml

@@ -0,0 +1,43 @@
+# https://github.com/actions/deploy-pages#usage
+name: Deploy to GitHub Pages
+on:
+  workflow_dispatch:
+  push:
+    branches:
+      - master
+      - rewrite/vue
+jobs:
+  build:
+    if: "!contains(github.event.head_commit.message, '[SKIP CI]')"
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - run: corepack enable
+      - uses: actions/setup-node@v4
+        with:
+          node-version: "20"
+      # Pick your own package manager and build script
+      - run: make frontend
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: ./frontend/dist
+  # Deployment job
+  deploy:
+    if: "!contains(github.event.head_commit.message, '[SKIP CI]')"
+    # Add a dependency to the build job
+    needs: build
+    # Grant GITHUB_TOKEN the permissions required to make a Pages deployment
+    permissions:
+      pages: write      # to deploy to Pages
+      id-token: write   # to verify the deployment originates from an appropriate source
+    # Deploy to the github_pages environment
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    # Specify runner + deployment step
+    runs-on: ubuntu-latest
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

.github/workflows/nightly.yml

@@ -1,14 +1,14 @@
 name: Makefile CI
 
 on:
+  workflow_dispatch:
   push:
     branches: [ "master" ]
-  pull_request:
-    branches: [ "master" ]
 
 jobs:
   build:
-    if: contains(github.event.head_commit.message, '[CI]')
+    if: "!contains(github.event.head_commit.message, '[SKIP CI]')"
+    if: "!contains(github.event.head_commit.message, '[SKIP BACKEND BUILD]')"
     runs-on: ubuntu-latest
 
     steps:

Makefile

@@ -5,7 +5,7 @@ frontend:
 backend:
 	./buildBackend.sh
 clean:
-	rm backend/ChatWS
-	rm -r build/ChatWS
-	rm -r frontend/dist
-	rm -r build/dist
+	rm -f backend/ChatWS
+	rm -f build/ChatWS
+	rm -rf frontend/dist
+	rm -rf build/dist

README.md

@@ -0,0 +1,6 @@
+# Users
+This section is for users of ChatWS
+1. Your private key is your second password TREAT IT LIKE A PASSWORD! DO NOT SEND IT TO ANYONE!
+2. Your public key is for the server and users to send messages to you.
+- Your public key __needs__ to be shared for users to send messages.
+- You can get it from your private key if you lose it.

build/.gitignore

@@ -1,2 +1,3 @@
 *
-!.gitignore
+!.gitignore
+!README.md

build/README.md

@@ -0,0 +1,6 @@
+# Build output(s)
+The ChatWS file is the server here is a example command to run it
+```bash
+./ChatWS --port 8098 --pgppubkey dev.pub.pgp --pgpprivkey dev.priv.pgp
+```
+The dist folder is what you put on a web server for the frontend KEEP THE ChatWS FOLDER VITE CONFIGURES FOR THAT IF YOU WANT TO CHANGE IT EDIT vite.config.ts IN THE FRONTEND FOLDER AND REBUILD

buildFrontend.sh

@@ -2,4 +2,5 @@
 cd frontend
 npm i
 npm run build
-cp -R dist ../build
+mkdir -p ../build/dist
+cp -R dist ../build/dist/ChatWS

connectStandard

@@ -1,5 +1,5 @@
-< MOTD <the motd> (if there is no motd it will be *NOMOTD*)
 > USER <username>
+< MOTD <the motd> (if there is no motd it will be *NOMOTD*)
 < CHALLENGE <random text> <server public pgp key>
 > AUTH <random text encrypted with server public key>
 (if failed)

frontend/.gitignore

@@ -1,7 +1,3 @@
-# nuxt rewrite stuff even though it is on a diffrent branch git goes crazy since it is not tracked on rewrite/nuxt
-.nuxt
-.output
-
 # Logs
 logs
 *.log
@@ -12,17 +8,32 @@ pnpm-debug.log*
 lerna-debug.log*
 
 node_modules
+.DS_Store
 dist
 dist-ssr
+coverage
 *.local
 
 # Editor directories and files
 .vscode/*
 !.vscode/extensions.json
 .idea
-.DS_Store
 *.suo
 *.ntvs*
 *.njsproj
 *.sln
 *.sw?
+
+*.tsbuildinfo
+
+.eslintcache
+
+# Cypress
+/cypress/videos/
+/cypress/screenshots/
+
+# Vitest
+__screenshots__/
+
+# Vite
+*.timestamp-*-*.mjs

frontend/.vscode/extensions.json

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["Vue.volar"]
+}

frontend/README.md

@@ -0,0 +1,42 @@
+# ChatWS Frontend
+This is the vue frontend for ChatWS. 
+Also ignore the error in tsconfig.node.json the error is false.   
+The rest is from the template readme.  
+## Recommended IDE Setup
+
+[VS Code](https://code.visualstudio.com/) + [Vue (Official)](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
+
+## Recommended Browser Setup
+
+- Chromium-based browsers (Chrome, Edge, Brave, etc.):
+  - [Vue.js devtools](https://chromewebstore.google.com/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd)
+  - [Turn on Custom Object Formatter in Chrome DevTools](http://bit.ly/object-formatters)
+- Firefox:
+  - [Vue.js devtools](https://addons.mozilla.org/en-US/firefox/addon/vue-js-devtools/)
+  - [Turn on Custom Object Formatter in Firefox DevTools](https://fxdx.dev/firefox-devtools-custom-object-formatters/)
+
+## Type Support for `.vue` Imports in TS
+
+TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.
+
+## Customize configuration
+
+See [Vite Configuration Reference](https://vite.dev/config/).
+
+## Project Setup
+
+```sh
+npm install
+```
+
+### Compile and Hot-Reload for Development
+
+```sh
+npm run dev
+```
+
+### Type-Check, Compile and Minify for Production
+
+```sh
+npm run build
+```

frontend/env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

frontend/index.html

@@ -1,12 +1,13 @@
-<!doctype html>
-<html lang="en">
+<!DOCTYPE html>
+<html lang="">
   <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>FolderChat</title>
+    <meta charset="UTF-8">
+    <link rel="icon" href="/favicon.ico">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>ChatWS</title>
   </head>
   <body>
-    <div id="reactDOM"></div>
-    <script type="module" src="/src/main.tsx"></script>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
   </body>
 </html>