Merge pull request #90 from TIHLDE/dev

rewrote to t3 (Mori) and added deployment to openstack (Borgar)

Author: borgaar

.dockerignore

@@ -0,0 +1,15 @@
+.github
+.next
+.vscode
+node_modules
+.dockerignore
+.env
+.env.example
+.eslintrc.cjs
+.gitignore
+docker-compose.yml
+Dockerfile
+Makefile
+next-env.d.ts
+prettier.config.js
+README.md

.env-example

@@ -0,0 +1,8 @@
+# When adding additional environment variables, the schema in "/src/env.js"
+# should be updated accordingly.
+
+DATABASE_URL="postgresql://postgres:password@localhost:5432/db"
+NEXTAUTH_URL="http://localhost:3000"
+LEPTON_API_URL="https://api.tihlde.org"
+ALLOWED_GROUP_SLUGS="index"
+NEXTAUTH_SECRET="bruh"

.eslintrc.js

@@ -0,0 +1,51 @@
+name: Deploy
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+    branches:
+      - main
+    types:
+      - closed
+
+
+jobs:
+  deploy:
+    name: Deploy
+    runs-on: ubuntu-latest
+    concurrency:
+      group: deployment_lock
+      cancel-in-progress: false
+    steps:
+      - name: Checkout Code
+        uses: actions/checkout@v4
+
+      - name: Set up SSH key
+        run: |
+          mkdir -p ~/.ssh
+          echo "${{ secrets.KEY }}" > ~/.ssh/key
+          chmod 600 ~/.ssh/key
+          ssh-keyscan ${{ secrets.HOST }} >> ~/.ssh/known_hosts
+
+      - name: Create .env file
+        run: |
+          echo 'DATABASE_URL="${{ secrets.DATABASE_URL }}"' >> .env
+          echo 'NEXTAUTH_URL="${{ secrets.NEXTAUTH_URL }}"' >> .env
+          echo 'NEXT_PUBLIC_LEPTON_API_URL="${{ secrets.NEXT_PUBLIC_LEPTON_API_URL }}"' >> .env
+          echo 'ALLOWED_GROUP_SLUGS="${{ secrets.ALLOWED_GROUP_SLUGS }}"' >> .env
+          echo 'NEXTAUTH_SECRET="${{ secrets.NEXTAUTH_SECRET }}"' >> .env
+        
+      - name: Copy .env to OpenStack server
+        run: |
+          scp -v -i ~/.ssh/key .env ${{ secrets.USER }}@${{ secrets.HOST }}:${{ secrets.PATH }}
+
+      - name: Deploy to OpenStack server
+        run: |
+          ssh -v -i ~/.ssh/key ${{ secrets.USER }}@${{ secrets.HOST }} << 'ENDSSH'
+          cd ${{ secrets.PATH }}
+          chmod 0600 .env
+          git pull
+          make prod
+          ENDSSH

.eslintrc.json

@@ -4,13 +4,20 @@
 /node_modules
 /.pnp
 .pnp.js
+package-lock.json
 
 # testing
 /coverage
 
+# database
+/prisma/db.sqlite
+/prisma/db.sqlite-journal
+db.sqlite
+
 # next.js
 /.next/
 /out/
+next-env.d.ts
 
 # production
 /build
@@ -23,16 +30,21 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+.pnpm-debug.log*
 
 # local env files
-.env*.local
+# do not commit any .env files to git, except for the .env.example file. https://create.t3.gg/en/usage/env-variables#using-environment-variables
 .env
+.env*.local
+
 # vercel
 .vercel
 
 # typescript
 *.tsbuildinfo
-next-env.d.ts
 
-#
+# idea files
 .idea
+
+# ER
+ER_diagram.pdf

.github/workflows/ci.yml

@@ -0,0 +1,51 @@
+{
+	// Place your Blitzed workspace snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and 
+	// description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope 
+	// is left empty or omitted, the snippet gets applied to all languages. The prefix is what is 
+	// used to trigger the snippet and the body will be expanded and inserted. Possible variables are: 
+	// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. 
+	// Placeholders with the same ids are connected.
+	// Example:
+	// "Print to console": {
+	// 	"scope": "javascript,typescript",
+	// 	"prefix": "log",
+	// 	"body": [
+	// 		"console.log('$1');",
+	// 		"$2"
+	// 	],
+	// 	"description": "Log output to console"
+	// }
+	"Endpoint controller" :{
+		"scope": "typescript",
+		"prefix": "con",
+		"body": [
+			"import { Controller } from '~/server/api/trpc';",
+			"",
+			"import { db } from '~/server/db';",
+			"import { z } from 'zod';",
+			"import { protectedProcedure } from '~/server/api/trpc'",
+			"",
+			"const InputSchema = z.object({",
+			"  ${2: input type}",
+			"});",
+			"",
+			"const OutputSchema = z.object({",
+			"  ${3: output type}",
+			"});",
+			"",
+			"const handler: Controller<",
+				"z.infer<typeof InputSchema>,",
+				"z.infer<typeof OutputSchema>",
+			"> = async ({ input, ctx }) => {",
+			"  $0",
+			"};",
+			"",
+			"export default protectedProcedure",
+				".input(InputSchema)",
+				".output(OutputSchema)",
+				".${1:mutation or query}(handler);",
+		],
+		"description": "Create a new tRPC endpoint controller"
+	}
+}
+

.github/workflows/deploy.yml

@@ -0,0 +1,36 @@
+FROM node:current-alpine AS build
+
+RUN apk add openssl
+
+WORKDIR /build
+
+COPY . .
+
+RUN npm install -g pnpm
+
+RUN pnpm i --frozen-lockfile
+
+ENV SKIP_ENV_VALIDATION=1
+
+RUN pnpm build
+
+FROM node:current-alpine AS runner
+
+WORKDIR /app
+
+RUN apk add openssl
+# Prisma is used in prod deployment
+RUN npm install -g prisma
+
+COPY --from=build /build/.next/standalone ./
+RUN rm -f .env
+COPY --from=build /build/.next/static ./.next/static/
+COPY --from=build /build/prisma ./prisma/
+COPY --from=build /build/public ./public/
+
+EXPOSE 3000
+ENV PORT=3000
+
+ENV NEXT_TELEMETRY_DISABLED=1
+
+CMD [ "node", "server.js" ]

.gitignore

@@ -0,0 +1,11 @@
+.PHONY: db
+db:
+	docker compose up -d
+
+.PHONY: prod
+prod:
+	docker build -t blitzed:latest .
+	docker container stop blitzed
+	docker container rm blitzed
+	- prisma migrate deploy
+	docker run --env-file .env -p 4000:3000 --name blitzed -d blitzed:latest

.prettierrc

@@ -1,36 +1,43 @@
-This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
+# Blitzed
 
-## Getting Started
+Blitzed er TIHLDE's nettside for drikkeleker!
 
-First, run the development server:
+For å starte:
+
+### 1. Klon repoet
 
 ```bash
-npm run dev
-# or
-yarn dev
-# or
-pnpm dev
-# or
-bun dev
+git clone [email protected]:TIHLDE/Blitzed.git
 ```
 
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+### 2. Installer pakker
 
-You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+```bash
+pnpm i
+```
 
-This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
+### 3. Sett opp miljøvariabler
+
+```bash
+cp .env-example .env
+```
 
-## Learn More
+### 3. Sett opp database
 
-To learn more about Next.js, take a look at the following resources:
+Pass på at Docker kjører på pc-en din
 
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+```
+make db
+```
 
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
+Deretter kjør migreringer på den
 
-## Deploy on Vercel
+```
+npx prisma migrate dev
+```
 
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+### 4. Kjør prosjektet
 
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
+```
+pnpm dev
+```