first commit

Author: heiso

.dockerignore

@@ -0,0 +1,11 @@
+fly.toml
+Dockerfile
+.dockerignore
+node_modules
+.git
+*.log
+.DS_Store
+.env
+/.cache
+/public/build
+/build

.env.tpl

@@ -0,0 +1,11 @@
+# Config
+ENV=development
+NODE_ENV=development
+PORT=3000
+PUBLIC_URL=http://localhost:3000
+# SESSION_COOKIE_DOMAIN=
+
+# Secrets
+DATABASE_URL=postgresql://[email protected]:5432/postgres
+REDIS_URL=redis://127.0.0.1:6379
+SESSION_SECRET=to-define

.eslintignore

@@ -0,0 +1,3 @@
+build
+dist
+node_modules

.eslintrc

@@ -0,0 +1,10 @@
+{
+  "extends": [
+    "@remix-run/eslint-config",
+    "@remix-run/eslint-config/node",
+    // "plugin:remix-react-routes/strict",
+
+    // prettier config will turn rules off according to prettier, it should always be at the end
+    "prettier"
+  ]
+}

.gitignore

@@ -0,0 +1,11 @@
+node_modules
+routes.ts
+
+dist
+/.cache
+/build
+/public/build
+.env
+.env.*
+!.env.tpl
+.DS_Store

.nvmrc

@@ -0,0 +1 @@
+v20.6.0

.prettierignore

@@ -0,0 +1,2 @@
+node_modules
+package-lock.json

.prettierrc

@@ -0,0 +1,6 @@
+{
+  "semi": false,
+  "singleQuote": true,
+  "printWidth": 100,
+  "plugins": ["prettier-plugin-organize-imports", "prettier-plugin-prisma"]
+}

.vscode/extensions.json

@@ -0,0 +1,9 @@
+{
+  "recommendations": [
+    "bradlc.vscode-tailwindcss",
+    "esbenp.prettier-vscode",
+    "prisma.prisma",
+    "dbaeumer.vscode-eslint",
+    "emeraldwalk.runonsave"
+  ]
+}

.vscode/launch.json

@@ -0,0 +1,16 @@
+{
+  // Use IntelliSense to learn about possible attributes.
+  // Hover to view descriptions of existing attributes.
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "Attach",
+      "port": 9229,
+      "request": "attach",
+      "skipFiles": ["<node_internals>/**"],
+      "type": "pwa-node",
+      "restart": true
+    }
+  ]
+}

.vscode/settings.json

@@ -0,0 +1,14 @@
+{
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.formatOnSave": true,
+  "typescript.preferences.importModuleSpecifier": "relative",
+  "typescript.tsdk": "./node_modules/typescript/lib",
+  "emeraldwalk.runonsave": {
+    "commands": [
+      {
+        "match": "\\.prisma$",
+        "cmd": "npm run prisma-map"
+      }
+    ]
+  }
+}

Dockerfile

@@ -0,0 +1,58 @@
+# syntax=docker/dockerfile:1
+ARG NODE_VERSION=18.7.0
+
+
+
+# ===
+# base node image
+# ===
+FROM node:${NODE_VERSION}-slim as base
+
+LABEL fly_launch_runtime="Remix/Prisma"
+
+WORKDIR /app
+
+ENV NODE_ENV=production
+
+
+
+# ===
+# Build the app
+# ===
+FROM base as build
+
+# Install packages needed to build node modules
+RUN apt-get update -qq && \
+    apt-get install -y python-is-python3 pkg-config build-essential openssl 
+
+# Install node modules
+COPY --link package.json package-lock.json ./
+RUN npm install --production=false
+
+# Generate Prisma Client
+COPY --link prisma .
+RUN npx prisma generate
+
+# Copy application code
+COPY --link . .
+
+# Generate Routes
+RUN npx tsx generate-remix-routes.ts
+
+# Build application
+RUN npm run build
+
+# Remove development dependencies
+RUN npm prune --production
+
+
+
+# ===
+# Final stage for app image
+# ===
+FROM base
+
+# Copy built application
+COPY --from=build /app /app
+
+CMD node --max-old-space-size=256 build/server

README.md

@@ -0,0 +1,57 @@
+# UwU Stack · ![logo](./public/favicon-32x32.png)
+
+## Install and first run
+
+```bash
+npm i
+cp .env.tpl .env
+npm run up
+npm run reset-database
+npm run log
+```
+
+Then go to http://localhost:3000
+
+## DevEnv actions
+
+Start
+
+```bash
+npm run up
+```
+
+Show logs
+
+```bash
+npm run log
+```
+
+Stop
+
+```bash
+npm run down
+```
+
+Restart
+
+```bash
+npm run restart
+```
+
+Truncate Database, Migrate and apply seeds
+
+```bash
+npm run reset-database
+```
+
+Run Lint
+
+```bash
+npm run lint
+```
+
+Run tests
+
+```bash
+npm run test
+```

app/auth.server.ts

@@ -0,0 +1,54 @@
+import { redirect, type DataFunctionArgs } from '@remix-run/node'
+import { routerPaths } from '../routes.ts'
+import { prisma } from './prisma.server.ts'
+import { getURLWithRedirectTo } from './redirect-to.server.ts'
+import { destroySession, getSession } from './session.server.ts'
+
+async function redirectToLogin(session: Awaited<ReturnType<typeof getSession>>, request: Request) {
+  const originUrl = new URL(request.url)
+  const path =
+    originUrl.pathname !== '/'
+      ? getURLWithRedirectTo(routerPaths['/login'], originUrl)
+      : routerPaths['/login']
+
+  return redirect(path, {
+    headers: {
+      'Set-Cookie': await destroySession(session),
+    },
+  })
+}
+
+export async function getCurrentUser(request: DataFunctionArgs['request']) {
+  const session = await getSession(request.headers.get('Cookie'))
+  const userId = session.get('userId')
+
+  if (!userId) {
+    throw await redirectToLogin(session, request)
+  }
+
+  const user = await prisma.user.findFirst({
+    where: { id: userId },
+    select: {
+      id: true,
+      isEmailValidated: true,
+      email: true,
+    },
+  })
+  if (!user || !user.isEmailValidated) {
+    throw await redirectToLogin(session, request)
+  }
+
+  return {
+    ...user,
+    session,
+  }
+}
+
+export async function assertAnonymous(request: DataFunctionArgs['request']) {
+  const session = await getSession(request.headers.get('Cookie'))
+  const userId = session.get('userId')
+
+  if (userId) {
+    throw redirect(routerPaths['/'])
+  }
+}

app/email.server.ts

@@ -0,0 +1,17 @@
+export async function sendMail({
+  to,
+  subject,
+  content,
+  from,
+}: {
+  to: string
+  subject: string
+  content: string
+  from?: string
+}) {
+  try {
+    console.log(content)
+  } catch (error) {
+    console.error(error)
+  }
+}

app/entry.client.tsx

@@ -0,0 +1,23 @@
+import { RemixBrowser } from '@remix-run/react'
+import { startTransition, StrictMode } from 'react'
+import { hydrateRoot } from 'react-dom/client'
+import { routerPaths } from '../routes.ts'
+
+startTransition(() => {
+  hydrateRoot(
+    document,
+    <StrictMode>
+      <RemixBrowser />
+    </StrictMode>,
+  )
+})
+
+window.addEventListener('focus', async () => {
+  const response = await fetch(routerPaths['/health'])
+  if (response.status === 200) {
+    const json = await response.json()
+    if (json.build !== window.ENV.BUILD_VERSION && json.shouldRefreshIfVersionMismatch) {
+      window.location.reload()
+    }
+  }
+})