6 |
15 | );
16 | }
17 |
--------------------------------------------------------------------------------
/apps/processor/src/db.ts:
--------------------------------------------------------------------------------
1 | import { drizzle } from "drizzle-orm/mysql2";
2 | import mysql from "mysql2/promise";
3 |
4 | import * as schema from "@sora-vp/db/schema";
5 |
6 | import { env } from "./env";
7 |
8 | const connectionStr = new URL(`mysql://${env.DB_HOST}/${env.DB_NAME}`);
9 | connectionStr.username = env.DB_USERNAME;
10 | connectionStr.password = env.DB_PASSWORD;
11 |
12 | const poolConnection = mysql.createPool(connectionStr.toString());
13 |
14 | export const db = drizzle(poolConnection, {
15 | schema,
16 | mode: "default",
17 | });
18 |
19 | export { schema };
20 |
--------------------------------------------------------------------------------
/apps/processor/src/env.ts:
--------------------------------------------------------------------------------
1 | import { createEnv } from "@t3-oss/env-core";
2 | import { z } from "zod";
3 |
4 | export const env = createEnv({
5 | clientPrefix: "",
6 | client: {},
7 |
8 | server: {
9 | DB_HOST: z.string(),
10 | DB_NAME: z.string(),
11 | DB_PASSWORD: z.string(),
12 | DB_USERNAME: z.string(),
13 | AMQP_URL: z.string().url(),
14 | PROCESSOR_API_URL: z.string().url(),
15 | },
16 |
17 | runtimeEnv: process.env,
18 | emptyStringAsUndefined: true,
19 | skipValidation: !!process.env.CI || !!process.env.SKIP_ENV_VALIDATION,
20 | });
21 |
--------------------------------------------------------------------------------
/packages/validators/src/admin.ts:
--------------------------------------------------------------------------------
1 | import { z } from "zod";
2 |
3 | const id = z.number().min(1).int();
4 | const role = z.enum(["admin", "comittee"], {
5 | required_error: "Dimohon untuk memilih tingkatan pengguna",
6 | });
7 |
8 | const ServerAcceptObjectIdNumber = z.object({
9 | id,
10 | });
11 |
12 | const ServerAcceptIdAndRole = z.object({
13 | id,
14 | role,
15 | });
16 |
17 | const RoleFormSchema = z.object({
18 | role,
19 | });
20 |
21 | export const admin = {
22 | ServerAcceptObjectIdNumber,
23 | ServerAcceptIdAndRole,
24 | RoleFormSchema,
25 | } as const;
26 |
--------------------------------------------------------------------------------
/packages/config/eslint/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "@sora/eslint-config",
3 | "version": "0.1.0",
4 | "main": "index.js",
5 | "license": "MIT",
6 | "dependencies": {
7 | "@types/eslint": "^8.37.0",
8 | "@typescript-eslint/eslint-plugin": "^5.59.2",
9 | "@typescript-eslint/parser": "^5.59.2",
10 | "eslint-config-next": "^13.4.2",
11 | "eslint-config-prettier": "^8.8.0",
12 | "eslint-config-turbo": "^1.9.8",
13 | "eslint-plugin-react": "7.32.2"
14 | },
15 | "devDependencies": {
16 | "eslint": "^8.40.0",
17 | "typescript": "^5.2.2"
18 | }
19 | }
20 |
--------------------------------------------------------------------------------
/apps/web/src/app/(auth)/admin/(adminRole)/kandidat/page.tsx:
--------------------------------------------------------------------------------
1 | import { DataTable } from "~/app/_components/candidate/data-table";
2 |
3 | export default function CandidatePage() {
4 | return (
5 |
7 |
12 |
13 | Partisipan
8 |9 | Kelola partisipan yang tercantum sebagai daftar pemilih tetap. 10 |
11 |
6 |
16 | );
17 | }
18 |
--------------------------------------------------------------------------------
/tooling/eslint/react.js:
--------------------------------------------------------------------------------
1 | import reactPlugin from "eslint-plugin-react";
2 | import hooksPlugin from "eslint-plugin-react-hooks";
3 |
4 | /** @type {Awaited
7 |
13 |
14 | Kandidat
8 |9 | Kelola siapa saja yang menjadi kandidat untuk dipilih pada halaman 10 | ini. 11 |
12 |
7 |
17 | );
18 | }
19 |
--------------------------------------------------------------------------------
/packages/config/schema/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "@sora/schema-config",
3 | "version": "0.1.0",
4 | "files": [
5 | "src/**"
6 | ],
7 | "license": "MIT",
8 | "dependencies": {
9 | "@sora/id-generator": "^0.1.0",
10 | "@types/eslint": "^8.37.0",
11 | "@typescript-eslint/eslint-plugin": "^5.59.2",
12 | "@typescript-eslint/parser": "^5.59.2",
13 | "eslint-config-next": "^13.4.2",
14 | "eslint-config-prettier": "^8.8.0",
15 | "eslint-config-turbo": "^1.9.8",
16 | "eslint-plugin-react": "7.32.2",
17 | "zod": "^3.22.2"
18 | },
19 | "devDependencies": {
20 | "eslint": "^8.40.0",
21 | "typescript": "^5.2.2"
22 | }
23 | }
24 |
--------------------------------------------------------------------------------
/apps/web/tailwind.config.ts:
--------------------------------------------------------------------------------
1 | import type { Config } from "tailwindcss";
2 | import { fontFamily } from "tailwindcss/defaultTheme";
3 |
4 | import baseConfig from "@sora-vp/tailwind-config/web";
5 |
6 | export default {
7 | // We need to append the path to the UI package to the content array so that
8 | // those classes are included correctly.
9 | content: [...baseConfig.content, "../../packages/ui/**/*.{ts,tsx}"],
10 | presets: [baseConfig],
11 | theme: {
12 | extend: {
13 | fontFamily: {
14 | sans: ["var(--font-geist-sans)", ...fontFamily.sans],
15 | mono: ["var(--font-geist-mono)", ...fontFamily.mono],
16 | },
17 | },
18 | },
19 | } satisfies Config;
20 |
--------------------------------------------------------------------------------
/apps/web/src/trpc/server.ts:
--------------------------------------------------------------------------------
1 | import { cache } from "react";
2 | import { headers } from "next/headers";
3 |
4 | import { createCaller, createTRPCContext } from "@sora-vp/api";
5 | import { auth } from "@sora-vp/auth";
6 |
7 | /**
8 | * This wraps the `createTRPCContext` helper and provides the required context for the tRPC API when
9 | * handling a tRPC call from a React Server Component.
10 | */
11 | const createContext = cache(async () => {
12 | const heads = new Headers(await headers());
13 | heads.set("x-trpc-source", "rsc");
14 |
15 | return createTRPCContext({
16 | session: await auth(),
17 | headers: heads,
18 | });
19 | });
20 |
21 | export const api = createCaller(createContext);
22 |
--------------------------------------------------------------------------------
/tooling/prettier/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "@sora-vp/prettier-config",
3 | "private": true,
4 | "version": "0.1.0",
5 | "type": "module",
6 | "exports": {
7 | ".": "./index.js"
8 | },
9 | "scripts": {
10 | "clean": "rm -rf .turbo node_modules",
11 | "format": "prettier --check . --ignore-path ../../.gitignore",
12 | "typecheck": "tsc --noEmit"
13 | },
14 | "dependencies": {
15 | "@ianvs/prettier-plugin-sort-imports": "^4.4.1",
16 | "prettier": "^3.4.2",
17 | "prettier-plugin-tailwindcss": "^0.6.10"
18 | },
19 | "devDependencies": {
20 | "@sora-vp/tsconfig": "*",
21 | "typescript": "^5.6.3"
22 | },
23 | "prettier": "@sora-vp/prettier-config"
24 | }
25 |
--------------------------------------------------------------------------------
/apps/processor/src/logger.ts:
--------------------------------------------------------------------------------
1 | import path from "path";
2 | import pino from "pino";
3 |
4 | export const initLogger = (destinationDirectoryPath: string) =>
5 | pino({
6 | transport: {
7 | targets: [
8 | {
9 | target: "pino-pretty",
10 | level: "debug",
11 | options: {
12 | colorize: true,
13 | ignore: "pid,hostname",
14 | translateTime: "SYS:standard",
15 | },
16 | },
17 | {
18 | target: "pino/file",
19 | level: "debug",
20 | options: {
21 | destination: path.join(destinationDirectoryPath, "processor.log"),
22 | },
23 | },
24 | ],
25 | },
26 | });
27 |
--------------------------------------------------------------------------------
/apps/processor/src/utils.ts:
--------------------------------------------------------------------------------
1 | import type { RouterOutputs } from "./api";
2 |
3 | type TSettings = RouterOutputs["clientConsumer"]["settings"];
4 |
5 | export const canVoteNow = (settings: TSettings) => {
6 | const waktuMulai = settings.startTime ? settings.startTime.getTime() : null;
7 | const waktuSelesai = settings.endTime ? settings.endTime.getTime() : null;
8 |
9 | const currentTime = new Date().getTime();
10 |
11 | const canVote =
12 | // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
13 | waktuMulai! <= currentTime &&
14 | // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
15 | waktuSelesai! >= currentTime &&
16 | settings.canVote;
17 |
18 | return canVote;
19 | };
20 |
--------------------------------------------------------------------------------
/turbo/generators/templates/package.json.hbs:
--------------------------------------------------------------------------------
1 | {
2 | "name": "@sora-vp/{{ name }}",
3 | "private": true,
4 | "version": "0.1.0",
5 | "type": "module",
6 | "exports": {
7 | ".": "./src/index.ts"
8 | },
9 | "license": "MIT",
10 | "scripts": {
11 | "clean": "rm -rf .turbo node_modules",
12 | "format": "prettier --check . --ignore-path ../../.gitignore",
13 | "lint": "eslint",
14 | "typecheck": "tsc --noEmit"
15 | },
16 | "devDependencies": {
17 | "@sora-vp/eslint-config": "*",
18 | "@sora-vp/prettier-config": "*",
19 | "@sora-vp/tsconfig": "*",
20 | "eslint": "^9.0.0",
21 | "prettier": "^3.2.5",
22 | "typescript": "^5.4.3"
23 | },
24 | "prettier": "@sora-vp/prettier-config"
25 | }
26 |
--------------------------------------------------------------------------------
/apps/clients/chooser/src/utils/atom.ts:
--------------------------------------------------------------------------------
1 | import { atomWithStorage } from "jotai/utils";
2 |
3 | /**
4 | * Atom yang digunakan untuk menentukan lama waktu tampil notifikasi berhasil
5 | * setelah partisipan memilih kandidat dan berhasil di proses oleh server.
6 | */
7 | export const successTimeoutAtom = atomWithStorage("successTimeout", 12_000);
8 |
9 | /**
10 | * Dua atom di bawah ini adalah atom yang akan mengatur apakah perangkat
11 | * ini terdapat modul tombol yang memerlukan koneksi websocket supaya
12 | * modul tombol dapat mengirimkan perintah dari sw2s.
13 | */
14 |
15 | export const enableWSConnectionAtom = atomWithStorage(
16 | "enableWSConnection",
17 | false,
18 | );
19 |
20 | export const defaultWSPortAtom = atomWithStorage("defaultWSPort", 3000);
21 |
--------------------------------------------------------------------------------
/apps/clients/chooser/tailwind.config.ts:
--------------------------------------------------------------------------------
1 | import type { Config } from "tailwindcss";
2 | import { fontFamily } from "tailwindcss/defaultTheme";
3 |
4 | import baseConfig from "@sora-vp/tailwind-config/web";
5 |
6 | export default {
7 | // We need to append the path to the UI package to the content array so that
8 | // those classes are included correctly.
9 | content: [...baseConfig.content, "../../../packages/ui/**/*.{ts,tsx}"],
10 | presets: [baseConfig],
11 | theme: {
12 | extend: {
13 | fontFamily: {
14 | sans: ["Geist Variable", ...fontFamily.sans],
15 | mono: ["Geist Mono Variable", ...fontFamily.mono],
16 | sundanese: ["'Noto Sans Sundanese Variable'", "sans-serif"],
17 | },
18 | },
19 | },
20 | } satisfies Config;
21 |
--------------------------------------------------------------------------------
/apps/clients/attendance/tailwind.config.ts:
--------------------------------------------------------------------------------
1 | import type { Config } from "tailwindcss";
2 | import { fontFamily } from "tailwindcss/defaultTheme";
3 |
4 | import baseConfig from "@sora-vp/tailwind-config/web";
5 |
6 | export default {
7 | // We need to append the path to the UI package to the content array so that
8 | // those classes are included correctly.
9 | content: [...baseConfig.content, "../../../packages/ui/**/*.{ts,tsx}"],
10 | presets: [baseConfig],
11 | theme: {
12 | extend: {
13 | fontFamily: {
14 | sans: ["Geist Variable", ...fontFamily.sans],
15 | mono: ["Geist Mono Variable", ...fontFamily.mono],
16 | sundanese: ["'Noto Sans Sundanese Variable'", "sans-serif"],
17 | },
18 | },
19 | },
20 | } satisfies Config;
21 |
--------------------------------------------------------------------------------
/apps/web/src/app/(noauth)/page.tsx:
--------------------------------------------------------------------------------
1 | import localFont from "next/font/local";
2 |
3 | import { cn } from "@sora-vp/ui";
4 |
5 | const sundaneseFont = localFont({
6 | src: "../fonts/NotoSansSundanese-Regular.ttf",
7 | });
8 |
9 | export default function HomePage() {
10 | return (
11 |
8 |
10 |
11 | ![]()
12 |
13 |
14 | {/* for scrollable purpose */}
15 |
16 |
12 |
24 | );
25 | }
26 |
--------------------------------------------------------------------------------
/packages/config/schema/admin.settings.schema.ts:
--------------------------------------------------------------------------------
1 | import { z } from "zod";
2 |
3 | export const PengaturanPerilakuValidationSchema = z.object({
4 | canVote: z.boolean(),
5 | canAttend: z.boolean(),
6 | });
7 |
8 | export type PengaturanPerilakuFormValues = z.infer<
9 | typeof PengaturanPerilakuValidationSchema
10 | >;
11 |
12 | export const ServerPengaturanWaktuValidationSchema = z
13 | .object({
14 | startTime: z.date({
15 | required_error: "Diperlukan kapan waktu mulai pemilihan!",
16 | }),
17 | endTime: z.date({
18 | required_error: "Diperlukan kapan waktu selesai pemilihan!",
19 | }),
20 | })
21 | .refine((data) => data.startTime < data.endTime, {
22 | path: ["endTime"],
23 | message: "Waktu selesai tidak boleh kurang dari waktu mulai!",
24 | });
25 |
--------------------------------------------------------------------------------
/packages/api/src/root.ts:
--------------------------------------------------------------------------------
1 | import { adminRouter } from "./router/admin";
2 | import { authRouter } from "./router/auth";
3 | import { candidateRouter } from "./router/candidate";
4 | import { clientRouter } from "./router/client";
5 | import { participantRouter } from "./router/participant";
6 | import { settingsRouter } from "./router/settings";
7 | import { statisticRouter } from "./router/statistic";
8 | import { createTRPCRouter } from "./trpc";
9 |
10 | export const appRouter = createTRPCRouter({
11 | auth: authRouter,
12 | admin: adminRouter,
13 | candidate: candidateRouter,
14 | statistic: statisticRouter,
15 | settings: settingsRouter,
16 | participant: participantRouter,
17 | clientConsumer: clientRouter,
18 | });
19 |
20 | // export type definition of API
21 | export type AppRouter = typeof appRouter;
22 |
--------------------------------------------------------------------------------
/apps/web/next.config.js:
--------------------------------------------------------------------------------
1 | import { fileURLToPath } from "url";
2 | import createJiti from "jiti";
3 |
4 | // Import env files to validate at build time. Use jiti so we can load .ts files in here.
5 | createJiti(fileURLToPath(import.meta.url))("./src/env");
6 |
7 | /** @type {import("next").NextConfig} */
8 | const config = {
9 | reactStrictMode: true,
10 |
11 | /** Enables hot reloading for local packages without a build step */
12 | transpilePackages: [
13 | "@sora-vp/api",
14 | "@sora-vp/auth",
15 | "@sora-vp/db",
16 | "@sora-vp/ui",
17 | "@sora-vp/validators",
18 | ],
19 |
20 | output: "standalone",
21 |
22 | /** We already do linting and typechecking as separate tasks in CI */
23 | eslint: { ignoreDuringBuilds: true },
24 | typescript: { ignoreBuildErrors: true },
25 | };
26 |
27 | export default config;
28 |
--------------------------------------------------------------------------------
/apps/web/src/app/api/uploads/[filename]/route.ts:
--------------------------------------------------------------------------------
1 | import fs from "fs";
2 | import path from "path";
3 | import mime from "mime-types";
4 |
5 | const ROOT_PATH = path.join(path.resolve(), "public/uploads");
6 |
7 | export function GET(
8 | request: Request,
9 | { params }: { params: { filename: string } },
10 | ) {
11 | const filename = params.filename;
12 |
13 | const safeSuffix = path.normalize(filename).replace(/^(\.\.(\/|\\|$))+/, "");
14 | const filePath = path.join(ROOT_PATH, safeSuffix);
15 |
16 | if (!fs.existsSync(filePath))
17 | return Response.json({ message: "Image not found!" }, { status: 404 });
18 |
19 | const image = fs.readFileSync(filePath);
20 | const contentType = mime.lookup(filePath);
21 |
22 | return new Response(image, {
23 | headers: { "Content-Type": contentType as string },
24 | });
25 | }
26 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # yarn
4 | .yarn/
5 |
6 | # dependencies
7 | node_modules
8 | .pnp
9 | .pnp.js
10 |
11 | # testing
12 | coverage
13 |
14 | # next.js
15 | .next/
16 | out/
17 | next-env.d.ts
18 |
19 | # nitro
20 | .nitro/
21 | .output/
22 |
23 | # expo
24 | .expo/
25 | expo-env.d.ts
26 | apps/expo/.gitignore
27 | apps/expo/ios
28 | apps/expo/android
29 |
30 | # production
31 | build
32 |
33 | # misc
34 | .DS_Store
35 | *.pem
36 |
37 | # debug
38 | npm-debug.log*
39 | yarn-debug.log*
40 | yarn-error.log*
41 | .pnpm-debug.log*
42 |
43 | # local env files
44 | .env
45 | .env*.local
46 |
47 | # vercel
48 | .vercel
49 |
50 | # typescript
51 | *.tsbuildinfo
52 | dist/
53 |
54 | # turbo
55 | .turbo
56 |
57 | # web app
58 | apps/web/public/uploads
59 |
60 | # docker
61 | ./db
62 |
--------------------------------------------------------------------------------
/packages/ui/src/label.tsx:
--------------------------------------------------------------------------------
1 | import type { VariantProps } from "class-variance-authority";
2 | import * as React from "react";
3 | import * as LabelPrimitive from "@radix-ui/react-label";
4 | import { cva } from "class-variance-authority";
5 |
6 | import { cn } from "@sora-vp/ui";
7 |
8 | const labelVariants = cva(
9 | "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
10 | );
11 |
12 | const Label = React.forwardRef<
13 | React.ElementRef18 | ᮞᮧᮛ 19 |
20 |21 | Sebuah aplikasi pemilihan yang membantu proses demokrasi. 22 |
23 |
22 |
27 | 23 | {props.title} 24 |
25 |{props.description}
26 |
11 |
20 | Belum Bisa Memilih!
21 |
22 |
23 | );
24 |
25 | return
11 |
20 | Belum Bisa Absen!
21 |
22 |
23 | );
24 |
25 | return
10 |
21 | {() => (
22 |
26 | )}
27 |
28 |
29 | );
30 | }
31 |
--------------------------------------------------------------------------------
/packages/id-generator/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "@sora-vp/id-generator",
3 | "version": "0.1.0",
4 | "private": true,
5 | "type": "module",
6 | "exports": {
7 | ".": {
8 | "types": "./dist/index.d.ts",
9 | "default": "./src/index.ts"
10 | }
11 | },
12 | "author": "Ezra Khairan Permana",
13 | "license": "GPL-3.0",
14 | "scripts": {
15 | "build": "tsc",
16 | "dev": "tsc --watch",
17 | "clean": "rm -rf .turbo node_modules",
18 | "format": "prettier --check . --ignore-path ../../.gitignore",
19 | "lint": "eslint",
20 | "typecheck": "tsc --noEmit --emitDeclarationOnly false"
21 | },
22 | "dependencies": {
23 | "nanoid": "^5.1.0"
24 | },
25 | "devDependencies": {
26 | "@sora-vp/eslint-config": "*",
27 | "@sora-vp/prettier-config": "*",
28 | "@sora-vp/tsconfig": "*",
29 | "@types/eslint": "^8.56.12",
30 | "eslint": "^9.12.0",
31 | "prettier": "^3.4.2",
32 | "typescript": "^5.6.3"
33 | },
34 | "prettier": "@sora-vp/prettier-config"
35 | }
36 |
--------------------------------------------------------------------------------
/packages/ui/src/toast.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { useTheme } from "next-themes";
4 | import { Toaster as Sonner, toast } from "sonner";
5 |
6 | type ToasterProps = React.ComponentProps
11 |
19 |
20 | 12 | 404 13 |
14 |16 | Halaman tidak ditemukan. 17 |
18 |
21 |
25 | );
26 |
27 | return (
28 | 22 | Akses masuk ditolak. 23 |
24 |
30 | {props.children}
31 |
32 |
33 |
8 |
33 | );
34 | }
35 |
--------------------------------------------------------------------------------
/packages/settings/src/index.ts:
--------------------------------------------------------------------------------
1 | import { settings } from "./SettingsManager";
2 |
3 | export { settings as default } from "./SettingsManager";
4 |
5 | const getTimePermission = () => {
6 | const currentSettings = settings.getSettings();
7 | const currentTime = new Date().getTime();
8 |
9 | const currentTimeIsBiggerThanStart =
10 | // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
11 | currentSettings.startTime && currentSettings.startTime
12 | ? currentTime >= currentSettings.startTime.getTime()
13 | : false;
14 |
15 | const currentTimeIsSmallerThanEnd =
16 | currentSettings.startTime && currentSettings.endTime
17 | ? currentTime <= currentSettings.endTime.getTime()
18 | : false;
19 |
20 | return {
21 | isPermittedByTime:
22 | currentTimeIsBiggerThanStart && currentTimeIsSmallerThanEnd,
23 | settings: currentSettings,
24 | };
25 | };
26 |
27 | export const canVoteNow = () => {
28 | const { isPermittedByTime, settings } = getTimePermission();
29 |
30 | return isPermittedByTime && settings.canVote;
31 | };
32 |
33 | export const canAttendNow = () => {
34 | const { isPermittedByTime, settings } = getTimePermission();
35 |
36 | return isPermittedByTime && settings.canAttend;
37 | };
38 |
--------------------------------------------------------------------------------
/turbo.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "https://turborepo.org/schema.json",
3 | "globalDependencies": ["**/.env"],
4 | "globalEnv": [
5 | "DB_HOST",
6 | "DB_NAME",
7 | "DB_USERNAME",
8 | "DB_PASSWORD",
9 | "AUTH_SECRET",
10 | "AMQP_URL",
11 | "PROCESSOR_API_URL",
12 | "CI",
13 | "SKIP_ENV_VALIDATION"
14 | ],
15 | "tasks": {
16 | "topo": {
17 | "dependsOn": ["^topo"]
18 | },
19 | "build": {
20 | "dependsOn": ["^build"],
21 | "outputs": [
22 | ".next/**",
23 | "!.next/cache/**",
24 | "next-env.d.ts",
25 | ".expo/**",
26 | ".output/**",
27 | ".vercel/output/**"
28 | ]
29 | },
30 | "dev": {
31 | "persistent": true,
32 | "cache": false
33 | },
34 | "format": {
35 | "outputs": ["node_modules/.cache/.prettiercache"],
36 | "outputLogs": "new-only"
37 | },
38 | "lint": {
39 | "dependsOn": ["^topo"],
40 | "outputs": ["node_modules/.cache/.eslintcache"]
41 | },
42 | "typecheck": {
43 | "dependsOn": ["^topo"],
44 | "outputs": ["node_modules/.cache/tsbuildinfo.json"]
45 | },
46 | "clean": {
47 | "cache": false
48 | },
49 | "//#clean": {
50 | "cache": false
51 | }
52 | }
53 | }
54 |
--------------------------------------------------------------------------------
/packages/ui/src/tooltip.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import * as React from "react";
4 | import * as TooltipPrimitive from "@radix-ui/react-tooltip";
5 |
6 | import { cn } from "@sora-vp/ui";
7 |
8 | const TooltipProvider = TooltipPrimitive.Provider;
9 |
10 | const Tooltip = TooltipPrimitive.Root;
11 |
12 | const TooltipTrigger = TooltipPrimitive.Trigger;
13 |
14 | const TooltipContent = React.forwardRef<
15 | React.ElementRef
9 |
14 |
15 | Beranda Admin
10 |11 | Kelola semua pengguna dan perilaku pengguna pada halaman ini. 12 |
13 |
18 |
24 |
25 | 19 | Seluruh Pengguna 20 |
21 | 22 |
26 |
32 | 27 | Menunggu Persetujuan 28 |
29 | 30 |
34 |
36 |
15 |
41 | );
42 | }
43 |
--------------------------------------------------------------------------------
/apps/web/src/app/api/trpc/[trpc]/route.ts:
--------------------------------------------------------------------------------
1 | import { fetchRequestHandler } from "@trpc/server/adapters/fetch";
2 |
3 | import { appRouter, createTRPCContext } from "@sora-vp/api";
4 | import { auth } from "@sora-vp/auth";
5 |
6 | /**
7 | * Configure basic CORS headers
8 | * You should extend this to match your needs
9 | */
10 | const setCorsHeaders = (res: Response) => {
11 | res.headers.set("Access-Control-Allow-Origin", "*");
12 | res.headers.set("Access-Control-Request-Method", "*");
13 | res.headers.set("Access-Control-Allow-Methods", "OPTIONS, GET, POST");
14 | res.headers.set("Access-Control-Allow-Headers", "*");
15 | };
16 |
17 | export const OPTIONS = () => {
18 | const response = new Response(null, {
19 | status: 204,
20 | });
21 | setCorsHeaders(response);
22 | return response;
23 | };
24 |
25 | const handler = auth(async (req) => {
26 | const response = await fetchRequestHandler({
27 | endpoint: "/api/trpc",
28 | router: appRouter,
29 | req,
30 | createContext: () =>
31 | createTRPCContext({
32 | session: req.auth,
33 | headers: req.headers,
34 | }),
35 | onError({ error, path }) {
36 | console.error(`>>> tRPC Error on '${path}'`, error);
37 | },
38 | });
39 |
40 | setCorsHeaders(response);
41 | return response;
42 | });
43 |
44 | export { handler as GET, handler as POST };
45 |
--------------------------------------------------------------------------------
/packages/db-migrate/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "@sora-vp/db-migrate",
3 | "version": "0.1.0",
4 | "private": true,
5 | "type": "module",
6 | "files": [
7 | "dist",
8 | "migrations/**"
9 | ],
10 | "bin": "./dist/index.js",
11 | "scripts": {
12 | "build": "tsup src/index.ts --format esm",
13 | "migrate": "yarn with-env tsx migrate/index.mts",
14 | "studio": "yarn with-env drizzle-kit studio --config src/config.ts",
15 | "dev": "tsc --watch",
16 | "clean": "rm -rf .turbo node_modules",
17 | "format": "prettier --check . --ignore-path ../../.gitignore",
18 | "lint": "eslint",
19 | "push": "yarn with-env drizzle-kit push:mysql --config src/config.ts",
20 | "typecheck": "tsc --noEmit --emitDeclarationOnly false",
21 | "with-env": "dotenv -e ../../.env --"
22 | },
23 | "dependencies": {
24 | "@t3-oss/env-core": "^0.11.1",
25 | "drizzle-orm": "^0.38.4",
26 | "mysql2": "^3.12.0",
27 | "zod": "^3.24.1"
28 | },
29 | "devDependencies": {
30 | "@sora-vp/eslint-config": "*",
31 | "@sora-vp/prettier-config": "*",
32 | "@sora-vp/tsconfig": "*",
33 | "dotenv-cli": "^7.4.4",
34 | "drizzle-kit": "^0.30.2",
35 | "eslint": "^9.12.0",
36 | "prettier": "^3.4.2",
37 | "tsup": "^8.3.5",
38 | "typescript": "^5.6.3"
39 | },
40 | "prettier": "@sora-vp/prettier-config"
41 | }
42 |
--------------------------------------------------------------------------------
/apps/clients/attendance/src/env.ts:
--------------------------------------------------------------------------------
1 | import { createEnv } from "@t3-oss/env-core";
2 | import { z } from "zod";
3 |
4 | export const env = createEnv({
5 | /**
6 | * The prefix that client-side variables must have. This is enforced both at
7 | * a type-level and at runtime.
8 | */
9 | clientPrefix: "VITE_",
10 |
11 | client: {
12 | VITE_IS_DOCKER: z.optional(z.coerce.boolean()),
13 | VITE_TRPC_URL: z.optional(z.string().url()),
14 | },
15 |
16 | /**
17 | * What object holds the environment variables at runtime. This is usually
18 | * `process.env` or `import.meta.env`.
19 | */
20 | runtimeEnv: import.meta.env,
21 |
22 | /**
23 | * By default, this library will feed the environment variables directly to
24 | * the Zod validator.
25 | *
26 | * This means that if you have an empty string for a value that is supposed
27 | * to be a number (e.g. `PORT=` in a ".env" file), Zod will incorrectly flag
28 | * it as a type mismatch violation. Additionally, if you have an empty string
29 | * for a value that is supposed to be a string with a default value (e.g.
30 | * `DOMAIN=` in an ".env" file), the default value will never be applied.
31 | *
32 | * In order to solve these issues, we recommend that all new projects
33 | * explicitly specify this option as true.
34 | */
35 | emptyStringAsUndefined: true,
36 | });
37 |
--------------------------------------------------------------------------------
/packages/validators/src/auth.ts:
--------------------------------------------------------------------------------
1 | import { z } from "zod";
2 |
3 | const validNameRegex =
4 | /^(?![ -.&,_'":?!])(?!.*[- &_'":]$)(?!.*[-.#@&,:?!]{2})[a-zA-Z- .,']+$/;
5 |
6 | const email = z
7 | .string()
8 | .min(1, { message: "Bidang email harus di isi!" })
9 | .email({ message: "Bidang email harus berupa email yang valid!" });
10 | const password = z
11 | .string()
12 | .min(1, { message: "Kata sandi harus di isi!" })
13 | .min(6, { message: "Kata sandi memiliki panjang setidaknya 6 karakter!" });
14 | const name = z
15 | .string()
16 | .min(3, { message: "Bidang nama harus di isi!" })
17 | .regex(validNameRegex, {
18 | message: "Bidang nama harus berupa nama yang valid!",
19 | });
20 |
21 | const LoginFormSchema = z.object({
22 | email,
23 | password,
24 | });
25 |
26 | const ServerRegisterSchema = z.object({
27 | email,
28 | password,
29 | name,
30 | });
31 |
32 | const RegisterFormSchema = ServerRegisterSchema.merge(
33 | z.object({
34 | passConfirm: z.string().min(6, {
35 | message: "Konfirmasi kata sandi diperlukan setidaknya 6 karakter!",
36 | }),
37 | }),
38 | ).refine((data) => data.password === data.passConfirm, {
39 | message: "Konfirmasi kata sandi tidak sama!",
40 | path: ["passConfirm"],
41 | });
42 |
43 | export const auth = {
44 | LoginFormSchema,
45 | RegisterFormSchema,
46 | ServerRegisterSchema,
47 | } as const;
48 |
--------------------------------------------------------------------------------
/packages/api/src/router/settings.ts:
--------------------------------------------------------------------------------
1 | import type { TRPCRouterRecord } from "@trpc/server";
2 |
3 | import settings from "@sora-vp/settings";
4 | import { settings as settingsSchema } from "@sora-vp/validators";
5 |
6 | import { adminProcedure } from "../trpc";
7 |
8 | export const settingsRouter = {
9 | getSettings: adminProcedure.query(() => {
10 | const currentSettings = settings.getSettings();
11 |
12 | return currentSettings;
13 | }),
14 |
15 | getCanLoginStatus: adminProcedure.query(() => {
16 | const { canLogin } = settings.getSettings();
17 |
18 | return { canLogin };
19 | }),
20 |
21 | updateCanLogin: adminProcedure
22 | .input(settingsSchema.SharedCanLogin)
23 | .mutation(({ input }) => settings.updateSettings.canLogin(input.canLogin)),
24 |
25 | changeVotingBehaviour: adminProcedure
26 | .input(settingsSchema.SharedBehaviour)
27 | .mutation(({ input }) => {
28 | settings.updateSettings.canVote(input.canVote);
29 | settings.updateSettings.canAttend(input.canAttend);
30 |
31 | return { success: true };
32 | }),
33 |
34 | changeVotingTime: adminProcedure
35 | .input(settingsSchema.SharedDuration)
36 | .mutation(({ input }) => {
37 | settings.updateSettings.startTime(input.startTime);
38 | settings.updateSettings.endTime(input.endTime);
39 |
40 | return { success: true };
41 | }),
42 | } satisfies TRPCRouterRecord;
43 |
--------------------------------------------------------------------------------
/apps/clients/chooser/src/env.ts:
--------------------------------------------------------------------------------
1 | import { createEnv } from "@t3-oss/env-core";
2 | import { z } from "zod";
3 |
4 | export const env = createEnv({
5 | /**
6 | * The prefix that client-side variables must have. This is enforced both at
7 | * a type-level and at runtime.
8 | */
9 | clientPrefix: "VITE_",
10 |
11 | client: {
12 | VITE_IS_DOCKER: z.optional(z.coerce.boolean()),
13 | VITE_TRPC_URL: z.optional(z.string().url()),
14 | VITE_IMAGE_RETRIEVER: z.optional(z.string().url()),
15 | },
16 |
17 | /**
18 | * What object holds the environment variables at runtime. This is usually
19 | * `process.env` or `import.meta.env`.
20 | */
21 | runtimeEnv: import.meta.env,
22 |
23 | /**
24 | * By default, this library will feed the environment variables directly to
25 | * the Zod validator.
26 | *
27 | * This means that if you have an empty string for a value that is supposed
28 | * to be a number (e.g. `PORT=` in a ".env" file), Zod will incorrectly flag
29 | * it as a type mismatch violation. Additionally, if you have an empty string
30 | * for a value that is supposed to be a string with a default value (e.g.
31 | * `DOMAIN=` in an ".env" file), the default value will never be applied.
32 | *
33 | * In order to solve these issues, we recommend that all new projects
34 | * explicitly specify this option as true.
35 | */
36 | emptyStringAsUndefined: true,
37 | });
38 |
--------------------------------------------------------------------------------
/apps/clients/chooser/README.md:
--------------------------------------------------------------------------------
1 | # React + TypeScript + Vite
2 |
3 | This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
4 |
5 | Currently, two official plugins are available:
6 |
7 | - [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
8 | - [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
9 |
10 | ## Expanding the ESLint configuration
11 |
12 | If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
13 |
14 | - Configure the top-level `parserOptions` property like this:
15 |
16 | ```js
17 | export default {
18 | // other rules...
19 | parserOptions: {
20 | ecmaVersion: "latest",
21 | sourceType: "module",
22 | project: ["./tsconfig.json", "./tsconfig.node.json"],
23 | tsconfigRootDir: __dirname,
24 | },
25 | };
26 | ```
27 |
28 | - Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
29 | - Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
30 | - Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list
31 |
--------------------------------------------------------------------------------
/apps/clients/attendance/README.md:
--------------------------------------------------------------------------------
1 | # React + TypeScript + Vite
2 |
3 | This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
4 |
5 | Currently, two official plugins are available:
6 |
7 | - [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
8 | - [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
9 |
10 | ## Expanding the ESLint configuration
11 |
12 | If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
13 |
14 | - Configure the top-level `parserOptions` property like this:
15 |
16 | ```js
17 | export default {
18 | // other rules...
19 | parserOptions: {
20 | ecmaVersion: "latest",
21 | sourceType: "module",
22 | project: ["./tsconfig.json", "./tsconfig.node.json"],
23 | tsconfigRootDir: __dirname,
24 | },
25 | };
26 | ```
27 |
28 | - Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
29 | - Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
30 | - Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list
31 |
--------------------------------------------------------------------------------
/packages/ui/src/theme.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import * as React from "react";
4 | import { MoonIcon, SunIcon } from "@radix-ui/react-icons";
5 | import { ThemeProvider, useTheme } from "next-themes";
6 |
7 | import { Button } from "./button";
8 | import {
9 | DropdownMenu,
10 | DropdownMenuContent,
11 | DropdownMenuItem,
12 | DropdownMenuTrigger,
13 | } from "./dropdown-menu";
14 |
15 | function ThemeToggle() {
16 | const { setTheme } = useTheme();
17 |
18 | return (
19 |
16 |
17 |
18 | Perilaku Pemilihan
19 |
20 | Atur perilaku pemilihan dengan mengubah switch di bawah.
21 |
22 |
23 |
24 |
26 |
27 |
28 |
29 |
30 | Waktu Pemilihan
31 |
32 | Tetapkan kapan lama durasi pemilihan ini berlangsung.
33 |
34 |
35 |
36 |
38 |
39 |
40 |
39 |
41 | )}
42 |
54 |
63 | Mohon arahkan QR ke kotak kuning
64 |
65 |
75 | );
76 | }
77 |
--------------------------------------------------------------------------------
/apps/clients/attendance/src/components/scanner/main-scanner.tsx:
--------------------------------------------------------------------------------
1 | import { useEffect, useRef } from "react";
2 | import { motion } from "motion/react";
3 | import QrScanner from "qr-scanner";
4 |
5 | import { validateId } from "@sora-vp/id-generator";
6 | import { toast } from "@sora-vp/ui/toast";
7 |
8 | export function MainScanner({
9 | setInvalidQr,
10 | mutateData,
11 | }: {
12 | setInvalidQr: (invalid: boolean) => void;
13 | mutateData: (qrId: string) => void;
14 | }) {
15 | const videoRef = useRef
54 |
63 | Mohon arahkan QR ke kotak kuning
64 |
65 |
75 | );
76 | }
77 |
--------------------------------------------------------------------------------
/packages/config/schema/admin.candidate.schema.ts:
--------------------------------------------------------------------------------
1 | import { z } from "zod";
2 |
3 | import { validateId } from "@sora/id-generator";
4 |
5 | const TwoMegs = 2_000_000;
6 | const ACCEPTED_IMAGE_TYPES = [
7 | "image/jpeg",
8 | "image/jpg",
9 | "image/png",
10 | "image/webp",
11 | ];
12 |
13 | const baseAddAndEditForm = z.object({
14 | kandidat: z.string().min(1, { message: "Diperlukan nama kandidat!" }),
15 | });
16 |
17 | export const TambahKandidatValidationSchema = baseAddAndEditForm.merge(
18 | z.object({
19 | image: z
20 | .any()
21 | .refine((files) => files?.length == 1, "Diperlukan gambar kandidat!")
22 | .refine(
23 | (files) => files?.[0]?.size <= TwoMegs,
24 | `Ukuran maksimal gambar adalah 2MB!`,
25 | )
26 | .refine(
27 | (files) => ACCEPTED_IMAGE_TYPES.includes(files?.[0]?.type),
28 | "Hanya format gambar .jpg, .jpeg, .png dan .webp yang diterima!",
29 | ),
30 | }),
31 | );
32 |
33 | export type TambahFormValues = {
34 | kandidat: string;
35 | image: File;
36 | };
37 |
38 | export const adminDeleteCandidateValidationSchema = z.object({
39 | id: z.number(),
40 | });
41 |
42 | export const upvoteValidationSchema =
43 | adminDeleteCandidateValidationSchema.merge(
44 | z.object({
45 | qrId: z.string().refine(validateId),
46 | }),
47 | );
48 |
49 | export const adminGetSpecificCandidateValidationSchema = z.object({
50 | id: z.number(),
51 | });
52 |
53 | export const EditKandidatValidationSchema = baseAddAndEditForm.merge(
54 | z.object({
55 | image: z
56 | .any()
57 | .refine(
58 | (files) => (files === undefined ? true : files?.length === 1),
59 | "Diperlukan gambar kandidat!",
60 | )
61 | .refine(
62 | (files) => (files === undefined ? true : files?.[0]?.size <= TwoMegs),
63 | `Ukuran maksimal gambar adalah 2MB!`,
64 | )
65 | .refine(
66 | (files) =>
67 | files === undefined
68 | ? true
69 | : ACCEPTED_IMAGE_TYPES.includes(files?.[0]?.type),
70 | "Hanya format gambar .jpg, .jpeg, .png dan .webp yang diterima!",
71 | ),
72 | }),
73 | );
74 |
75 | export type TEditKandidatValidationSchema = {
76 | kandidat: string;
77 | image: File;
78 | };
79 |
--------------------------------------------------------------------------------
/apps/clients/attendance/src/App.tsx:
--------------------------------------------------------------------------------
1 | import { useEffect, useState } from "react";
2 | import { ServerSettingProvider } from "@/context/server-setting";
3 | import MainPage from "@/routes/main-page";
4 | import { api } from "@/utils/api";
5 | import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
6 | import { httpBatchLink } from "@trpc/client";
7 | import { createBrowserRouter, RouterProvider } from "react-router-dom";
8 | import superjson from "superjson";
9 |
10 | import { ClientNotFound } from "@sora-vp/ui/client-not-found";
11 |
12 | import { env } from "./env";
13 |
14 | const router = createBrowserRouter([
15 | {
16 | path: "*",
17 | element:
13 |
50 |
55 | ) : null}
56 |
57 |
71 |
72 | );
73 | }
74 |
--------------------------------------------------------------------------------
/apps/web/src/app/_components/nav/nav-items.tsx:
--------------------------------------------------------------------------------
1 | import type { LucideIcon } from "lucide-react";
2 | import Link from "next/link";
3 |
4 | import { cn } from "@sora-vp/ui";
5 | import { buttonVariants } from "@sora-vp/ui/button";
6 | import { Tooltip, TooltipContent, TooltipTrigger } from "@sora-vp/ui/tooltip";
7 |
8 | interface NavProps {
9 | isCollapsed: boolean;
10 | links: {
11 | title: string;
12 | icon: LucideIcon;
13 | href: string;
14 | }[];
15 | }
16 |
17 | export function NavItems({ links, isCollapsed }: NavProps) {
18 | return (
19 |
14 |
23 | {props.title}
24 |
25 |
35 | {props.description}
36 |
37 |
38 |
39 | {props.errorMessage ? (
40 | Pesan Error:
51 |
52 | {props.errorMessage}
53 |
54 |
23 |
62 |
63 | );
64 | }
65 |
--------------------------------------------------------------------------------
/apps/web/src/trpc/react.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import type { AppRouter } from "@sora-vp/api";
4 | import { useState } from "react";
5 | import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
6 | import { loggerLink, unstable_httpBatchStreamLink } from "@trpc/client";
7 | import { createTRPCReact } from "@trpc/react-query";
8 | import SuperJSON from "superjson";
9 |
10 | import { env } from "~/env";
11 |
12 | const createQueryClient = () =>
13 | new QueryClient({
14 | defaultOptions: {
15 | queries: {
16 | // With SSR, we usually want to set some default staleTime
17 | // above 0 to avoid refetching immediately on the client
18 | staleTime: 30 * 1000,
19 | },
20 | },
21 | });
22 |
23 | let clientQueryClientSingleton: QueryClient | undefined = undefined;
24 | const getQueryClient = () => {
25 | if (typeof window === "undefined") {
26 | // Server: always make a new query client
27 | return createQueryClient();
28 | } else {
29 | // Browser: use singleton pattern to keep the same query client
30 | return (clientQueryClientSingleton ??= createQueryClient());
31 | }
32 | };
33 |
34 | export const api = createTRPCReact
2 | 
3 |
SORA
4 | 5 | [](https://github.com/reacto11mecha/sora/actions/workflows/ci.yml) 6 | 7 | 8 | ᮞᮧᮛ (Sora) yang berarti suara adalah aplikasi yang dapat menyuarakan aspirasi masyarakat untuk memilih kandidat pemimpin yang baru. 9 | 10 | Project ini adalah hasil rebuild [NVA13](https://github.com/sekilas13/nva13) yang awalnya dibuat dengan [Node.js](https://nodejs.org/en/) dengan templating engine [EJS](https://ejs.co/) digantikan dengan [Next.js](https://nextjs.org/) yang lebih modular. Tujuan utama dari aplikasi ini untuk mengurangi biaya karena penggunaan kertas dan juga waktu penghitungan yang manual. 11 | 12 | Penjelasan penggunaan yang *production ready*, anda dapat mengunjungi web dokumentasi [sora baseline berikut ini](https://sora.rmecha.my.id/panduan/baseline/web-admin/prasyarat/). Penasaran dengan asal usul projek ini? Anda dapat mengunjungi https://sora.rmecha.my.id/perkenalan/ untuk mendapatkan penjelasan lengkapnya. 13 | 14 | ## Local Development 15 | 16 | Langkah pertama, fork atau clone terlebih dahulu. 17 | 18 | ```sh 19 | # HTTPS 20 | git clone https://github.com/reacto11mecha/sora.git 21 | 22 | # SSH 23 | git clone git@github.com:reacto11mecha/sora.git 24 | ``` 25 | 26 | Kedua, menginstall seluruh package yang dibutuhkan. 27 | 28 | ```sh 29 | yarn 30 | ``` 31 | 32 | Ketiga, menyalin file `env.example` menjadi `.env` dan isikan sesuai field yang telah dijelaskan sebelumnya di [Buat file](#buat-file). 33 | 34 | Setelah menginstall dependensi yang diperlukan, jalankan database MySQL bersamaan dengan RabbitMQ. Karena ada empat hal yang bisa di develop, maka script development ada empat. Berikut ini penjelasannya. 35 | 36 | - Develop sisi web 37 | 38 | ``` 39 | yarn dev:web 40 | ``` 41 | 42 | - Develop vote processor (RabbitMQ Consumer) 43 | 44 | ``` 45 | yarn dev:processor 46 | ``` 47 | 48 | - Develop sisi web presensi (attendance) 49 | 50 | ``` 51 | yarn dev:attendance 52 | ``` 53 | 54 | - Develop sisi web pemilih (chooser) 55 | 56 | ``` 57 | yarn dev:chooser 58 | ``` 59 | 60 | ## Ucapan Terimakasih 61 | 62 | Saya sebelumnya berterima kasih kepada tim [t3-oss](https://github.com/t3-oss) yang sudah membuat [`create-t3-app`](https://github.com/t3-oss/create-t3-app) dan [`create-t3-turbo`](https://github.com/t3-oss/create-t3-turbo) karena project ini menggunakan template mereka yang sudah membantu saya dalam pembuatan project ini. 63 | 64 | Saya juga berterima kasih terhadap MPK (Majelis Permusyawaratan Kelas) SMA Negeri 12 Kota Bekasi yang mau dan percaya untuk menggunakan aplikasi ini. Banyak kritik dan saran dari pihak guru dan murid-murid yang akhirnya terciptalah versi kedua dari project ini. 65 | 66 | ## Disclaimer 67 | 68 | Penegasan, **saya tidak bertanggung jawab atas hal-hal yang tidak anda inginkan, gunakan dengan bijak dan tepat!** 69 | 70 | ## Lisensi 71 | 72 | Semua kode yang ada di repositori ini bernaung dibawah [GPLv3](LICENSE). 73 | -------------------------------------------------------------------------------- /packages/db/src/client.ts: -------------------------------------------------------------------------------- 1 | import { and, count, eq, gt, sql } from "drizzle-orm"; 2 | import { drizzle } from "drizzle-orm/mysql2"; 3 | import mysql from "mysql2/promise"; 4 | 5 | import { connectionStr } from "./config"; 6 | import * as schema from "./schema/main"; 7 | 8 | const poolConnection = mysql.createPool(connectionStr.toString()); 9 | 10 | export const db = drizzle(poolConnection, { 11 | schema, 12 | mode: "default", 13 | }); 14 | 15 | // Prepared statement stuff 16 | export const preparedGetUserByEmail = db.query.users 17 | .findFirst({ 18 | where: eq(schema.users.email, sql.placeholder("email")), 19 | }) 20 | .prepare(); 21 | 22 | export const countUserTable = db 23 | .select({ count: sql`count(*)`.mapWith(Number) }) 24 | .from(schema.users) 25 | .prepare(); 26 | 27 | export const preparedGetAllParticipants = db.query.participants 28 | .findMany({ 29 | columns: { 30 | id: false, 31 | }, 32 | }) 33 | .prepare(); 34 | 35 | export const preparedGetExcelParticipants = db.query.participants 36 | .findMany({ 37 | columns: { 38 | name: true, 39 | qrId: true, 40 | subpart: true, 41 | }, 42 | }) 43 | .prepare(); 44 | 45 | export const preparedAdminGetCandidates = db.query.candidates 46 | .findMany() 47 | .prepare(); 48 | 49 | export const preparedGetCandidateCountsOnly = db.query.candidates 50 | .findMany({ 51 | columns: { 52 | counter: true, 53 | }, 54 | where: gt(schema.candidates.counter, 0), 55 | }) 56 | .prepare(); 57 | 58 | export const preparedGetAttendedAndVoted = db 59 | .select({ count: count() }) 60 | .from(schema.participants) 61 | .where( 62 | and( 63 | eq(schema.participants.alreadyAttended, true), 64 | eq(schema.participants.alreadyChoosing, true), 65 | ), 66 | ) 67 | .prepare(); 68 | 69 | export const preparedGetGraphicalData = db.query.candidates 70 | .findMany({ 71 | columns: { 72 | name: true, 73 | counter: true, 74 | }, 75 | }) 76 | .prepare(); 77 | 78 | export const preparedGetParticipantAttended = db.query.participants 79 | .findFirst({ 80 | where: eq(schema.participants.qrId, sql.placeholder("qrId")), 81 | 82 | columns: { 83 | alreadyAttended: true, 84 | alreadyChoosing: true, 85 | }, 86 | }) 87 | .prepare(); 88 | 89 | export const preparedGetParticipantStatus = db.query.participants 90 | .findFirst({ 91 | where: eq(schema.participants.qrId, sql.placeholder("qrId")), 92 | 93 | columns: { 94 | name: true, 95 | subpart: true, 96 | alreadyAttended: true, 97 | alreadyChoosing: true, 98 | }, 99 | }) 100 | .prepare(); 101 | 102 | export const preparedGetCandidates = db.query.candidates 103 | .findMany({ 104 | columns: { 105 | counter: false, 106 | }, 107 | }) 108 | .prepare(); 109 | // 110 | // export const preparedGetParticipantsStatistic = db.query.participants 111 | // .findMany({ 112 | // columns: { 113 | // id: false, 114 | // }, 115 | // }) 116 | // .prepare(); 117 | -------------------------------------------------------------------------------- /packages/validators/src/candidate.ts: -------------------------------------------------------------------------------- 1 | import { Base64 } from "js-base64"; 2 | import { z } from "zod"; 3 | 4 | import { validateId } from "@sora-vp/id-generator"; 5 | 6 | const TwoMegs = 2_000_000; 7 | const ACCEPTED_IMAGE_TYPES = [ 8 | "image/jpeg", 9 | "image/jpg", 10 | "image/png", 11 | "image/webp", 12 | ]; 13 | 14 | const id = z.number().min(1); 15 | const baseAddAndEditForm = z.object({ 16 | name: z.string().min(1, { message: "Diperlukan nama kandidat!" }), 17 | }); 18 | 19 | const AddNewCandidateSchema = baseAddAndEditForm.merge( 20 | z.object({ 21 | image: z 22 | .any() 23 | // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access 24 | .refine((files) => files?.length == 1, "Diperlukan gambar kandidat!") 25 | .refine( 26 | // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access 27 | (files) => files?.[0]?.size <= TwoMegs, 28 | `Ukuran maksimal gambar adalah 2MB!`, 29 | ) 30 | .refine( 31 | // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-unsafe-member-access 32 | (files) => ACCEPTED_IMAGE_TYPES.includes(files?.[0]?.type), 33 | "Hanya format gambar .jpg, .jpeg, .png dan .webp yang diterima!", 34 | ), 35 | }), 36 | ); 37 | 38 | const ServerAddNewCandidate = baseAddAndEditForm.merge( 39 | z.object({ 40 | image: z.string().refine(Base64.isValid), 41 | type: z.string(), 42 | }), 43 | ); 44 | 45 | const UpdateCandidateSchema = baseAddAndEditForm.merge( 46 | z.object({ 47 | image: z 48 | .any() 49 | .refine( 50 | // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access 51 | (files) => (files.length === 0 ? true : files?.length === 1), 52 | "Diperlukan gambar kandidat!", 53 | ) 54 | .refine( 55 | // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access 56 | (files) => (files.length === 0 ? true : files?.[0]?.size <= TwoMegs), 57 | `Ukuran maksimal gambar adalah 2MB!`, 58 | ) 59 | .refine( 60 | (files) => 61 | // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access 62 | files.length === 0 63 | ? true 64 | : // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-argument 65 | ACCEPTED_IMAGE_TYPES.includes(files?.[0]?.type), 66 | "Hanya format gambar .jpg, .jpeg, .png dan .webp yang diterima!", 67 | ), 68 | }), 69 | ); 70 | 71 | const ServerUpdateCandidate = baseAddAndEditForm.merge( 72 | z.object({ 73 | id, 74 | image: z.optional(z.string().refine(Base64.isValid)), 75 | type: z.optional(z.string()), 76 | }), 77 | ); 78 | 79 | const ServerDeleteCandidate = z.object({ id }); 80 | 81 | const ServerUpvoteCandidate = ServerDeleteCandidate.merge( 82 | z.object({ 83 | qrId: z.string().refine(validateId), 84 | }), 85 | ); 86 | 87 | export const candidate = { 88 | AddNewCandidateSchema, 89 | ServerAddNewCandidate, 90 | UpdateCandidateSchema, 91 | ServerUpdateCandidate, 92 | ServerDeleteCandidate, 93 | ServerUpvoteCandidate, 94 | } as const; 95 | -------------------------------------------------------------------------------- /apps/web/Dockerfile: -------------------------------------------------------------------------------- 1 | FROM node:20 AS base 2 | # LABEL fly_launch_runtime="Next.js" 3 | ENV NEXT_TELEMETRY_DISABLED=1 4 | # Check https://github.com/nodejs/docker-node/tree/b4117f9333da4138b03a546ec926ef50a31506c3#nodealpine to understand why libc6-compat might be needed. 5 | 6 | RUN <
10 |
15 |
16 | ));
17 | Table.displayName = "Table";
18 |
19 | const TableHeader = React.forwardRef<
20 | HTMLTableSectionElement,
21 | React.HTMLAttributes