Merge pull request #39 from techulus/main

Try Self hosted mode

.dockerignore

@@ -0,0 +1,8 @@
+Dockerfile
+docker-compose.yml
+.dockerignore
+node_modules
+npm-debug.log
+README.md
+.next
+.git

.github/workflows/docker-image.yml

@@ -0,0 +1,26 @@
+name: Push to Docker hub
+
+on:
+  push:
+    branches: [ "release" ]
+
+jobs:
+
+  build:
+
+    runs-on: ubuntu-latest
+
+    steps:
+    - uses: actions/checkout@v4
+    - name: Login to Docker Hub
+      uses: docker/login-action@v3
+      with:
+        username: ${{ secrets.DOCKERHUB_USERNAME }}
+        password: ${{ secrets.DOCKERHUB_TOKEN }}
+
+    - name: Build and push Docker image
+      uses: docker/build-push-action@v5
+      with:
+        context: .
+        push: true
+        tags: arjunkomath/manage:latest

.gitignore

@@ -28,13 +28,16 @@ yarn-error.log*
 .env
 .env*.local
 
-# vercel
-.vercel
-
 # typescript
 *.tsbuildinfo
 next-env.d.ts
 
 # vscode
 .vscode
 .idea
+
+# database
+sqlite
+
+# blob
+blob-data

Dockerfile

@@ -0,0 +1,55 @@
+# syntax=docker.io/docker/dockerfile:1
+
+FROM node:20-alpine AS base
+
+# Install dependencies only when needed
+FROM base AS deps
+# Check https://github.com/nodejs/docker-node/tree/b4117f9333da4138b03a546ec926ef50a31506c3#nodealpine to understand why libc6-compat might be needed.
+RUN apk add --no-cache libc6-compat
+WORKDIR /app
+
+# Install dependencies based on the preferred package manager
+COPY package.json yarn.lock* package-lock.json* pnpm-lock.yaml* .npmrc* ./
+RUN corepack enable pnpm && pnpm i --frozen-lockfile
+
+# Rebuild the source code only when needed
+FROM base AS builder
+WORKDIR /app
+COPY --from=deps /app/node_modules ./node_modules
+COPY . .
+
+# Next.js collects completely anonymous telemetry data about general usage.
+# Learn more here: https://nextjs.org/telemetry
+# Uncomment the following line in case you want to disable telemetry during the build.
+ENV NEXT_TELEMETRY_DISABLED=1
+
+RUN corepack enable pnpm && pnpm run build
+
+# Production image, copy all the files and run next
+FROM base AS runner
+WORKDIR /app
+
+ENV NODE_ENV=production
+# Uncomment the following line in case you want to disable telemetry during runtime.
+# ENV NEXT_TELEMETRY_DISABLED=1
+
+RUN addgroup --system --gid 1001 nodejs
+RUN adduser --system --uid 1001 nextjs
+
+COPY --from=builder /app/public ./public
+
+# Automatically leverage output traces to reduce image size
+# https://nextjs.org/docs/advanced-features/output-file-tracing
+COPY --from=builder --chown=nextjs:nodejs /app/.next/standalone ./
+COPY --from=builder --chown=nextjs:nodejs /app/.next/static ./.next/static
+
+USER nextjs
+
+EXPOSE 3000
+
+ENV PORT=3000
+
+# server.js is created by next build from the standalone output
+# https://nextjs.org/docs/pages/api-reference/config/next-config-js/output
+ENV HOSTNAME="0.0.0.0"
+CMD ["node", "server.js"]

README.md

@@ -25,10 +25,37 @@ Manage is an open-source alternative to Basecamp, offering a streamlined project
 - [ ] Permissions
 - [ ] Billing
 
+## Development
+
+### Environment
+
+```
+# Logto for Auth
+LOGTO_ENDPOINT=
+LOGTO_APP_ID=""
+LOGTO_APP_SECRET=""
+LOGTO_BASE_URL=""
+LOGTO_COOKIE_SECRET=""
+LOGTO_M2M_APP_ID=""
+LOGTO_M2M_APP_SECRET=""
+
+# Any S3 compatible storage
+S3_BUCKET_ENDPOINT="
+S3_ACCESS_KEY_ID=""
+S3_SECRET_ACCESS_KEY=""
+S3_BUCKET_NAME=""
+```
+
+### Run using Docker
+
+```bash
+docker-compose up
+```
+
 ## Note on Performance
 
 > **Warning**
-> This app is using the unstable releases for Next.js and React.
+> This app is still in development. It's not ready for production use.
 > **Expect some bugs & performance hits when testing**.
 > If you see something broken, you can ping me [@arjunz](https://twitter.com/arjunz).
 

app/(api)/api/blob/[fileId]/[fileName]/route.ts

@@ -6,23 +6,24 @@ import { eq } from "drizzle-orm";
 import type { NextRequest } from "next/server";
 
 export async function GET(
-	_: NextRequest,
-	{ params }: { params: { fileId: string; fileName: string } },
+    _: NextRequest,
+    props: { params: Promise<{ fileId: string; fileName: string }> }
 ) {
-	const { ownerId } = await getOwner();
-	const db = await database();
-	const { fileId } = params;
-	const key = `${ownerId}/${fileId}`;
+    const params = await props.params;
+    const { ownerId } = await getOwner();
+    const db = await database();
+    const { fileId } = params;
+    const key = `${ownerId}/${fileId}`;
 
-	const fileDetails = await db.query.blob.findFirst({
+    const fileDetails = await db.query.blob.findFirst({
 		where: eq(blob.key, key),
 	});
 
-	if (!fileDetails) {
+    if (!fileDetails) {
 		return new Response("Not found", { status: 404 });
 	}
 
-	try {
+    try {
 		const signedUrl = await getUrl(key);
 		const file = await fetch(signedUrl);
 

app/(api)/api/calendar/[ownerId]/[projectId]/route.ts

@@ -1,5 +1,5 @@
 import { calendarEvent, project, task, taskList } from "@/drizzle/schema";
-import { getDatabaseForOwner } from "@/lib/utils/turso";
+import { getDatabaseForOwner } from "@/lib/utils/useDatabase";
 import dayjs from "dayjs";
 import utc from "dayjs/plugin/utc";
 import { and, desc, eq, lte } from "drizzle-orm";
@@ -12,11 +12,12 @@ export const dynamic = "force-dynamic";
 
 export async function GET(
 	_: Request,
-	{ params }: { params: { projectId: string; ownerId: string } },
+	props: { params: Promise<{ projectId: string; ownerId: string }> },
 ) {
+	const params = await props.params;
 	const { projectId, ownerId } = params;
 
-	const db = getDatabaseForOwner(ownerId);
+	const db = await getDatabaseForOwner(ownerId);
 
 	const projectDetails = await db.query.project
 		.findFirst({

app/(auth)/callback/route.ts

@@ -0,0 +1,11 @@
+import { logtoConfig } from "@/app/logto";
+import { handleSignIn } from "@logto/next/server-actions";
+import { redirect } from "next/navigation";
+import type { NextRequest } from "next/server";
+
+export async function GET(request: NextRequest) {
+	const searchParams = request.nextUrl.searchParams;
+	await handleSignIn(logtoConfig, searchParams);
+
+	redirect("/start");
+}

app/(auth)/sign-in.tsx

@@ -0,0 +1,20 @@
+"use client";
+
+type Props = {
+	onSignIn: () => Promise<void>;
+};
+
+const SignIn = ({ onSignIn }: Props) => {
+	return (
+		<button
+			type="button"
+			onClick={() => {
+				onSignIn();
+			}}
+		>
+			Sign In
+		</button>
+	);
+};
+
+export default SignIn;