tambahan

2025-10-27 09:57:04 +08:00
parent 41ff845f31
commit 37e58df4f5
5 changed files with 230 additions and 130 deletions
--- a/bun.lock
+++ b/bun.lock
@@ -5,39 +5,41 @@
      "name": "bun-react-template",
      "dependencies": {
        "@elysiajs/cors": "^1.4.0",
-        "@elysiajs/eden": "^1.4.1",
+        "@elysiajs/eden": "^1.4.4",
        "@elysiajs/jwt": "^1.4.0",
        "@elysiajs/swagger": "^1.3.1",
-        "@mantine/core": "^8.3.3",
-        "@mantine/dates": "^8.3.4",
-        "@mantine/form": "^8.3.4",
-        "@mantine/hooks": "^8.3.3",
-        "@mantine/notifications": "^8.3.3",
-        "@modelcontextprotocol/sdk": "^1.19.1",
-        "@prisma/client": "^6.7.0",
+        "@mantine/core": "^8.3.5",
+        "@mantine/dates": "^8.3.5",
+        "@mantine/form": "^8.3.5",
+        "@mantine/hooks": "^8.3.5",
+        "@mantine/notifications": "^8.3.5",
+        "@modelcontextprotocol/sdk": "^1.20.1",
+        "@prisma/client": "^6.17.1",
        "@tabler/icons-react": "^3.35.0",
        "@types/jwt-decode": "^3.1.0",
        "@types/lodash": "^4.17.20",
+        "@types/uuid": "^11.0.0",
        "add": "^2.0.6",
-        "elysia": "^1.4.9",
+        "elysia": "^1.4.12",
        "jwt-decode": "^4.0.0",
        "lodash": "^4.17.21",
-        "react": "^19",
-        "react-dom": "^19",
-        "react-router-dom": "^7.9.3",
+        "react": "^19.2.0",
+        "react-dom": "^19.2.0",
+        "react-router-dom": "^7.9.4",
        "swr": "^2.3.6",
+        "uuid": "^13.0.0",
        "valtio": "^2.1.8",
      },
      "devDependencies": {
-        "@types/bun": "latest",
-        "@types/react": "^19",
-        "@types/react-dom": "^19",
+        "@types/bun": "^1.3.1",
+        "@types/react": "^19.2.2",
+        "@types/react-dom": "^19.2.2",
        "biome": "^0.3.3",
-        "oxlint": "^1.22.0",
+        "oxlint": "^1.23.0",
        "postcss": "^8.5.6",
        "postcss-preset-mantine": "^1.18.0",
        "postcss-simple-vars": "^7.0.1",
-        "prisma": "^6.7.0",
+        "prisma": "^6.17.1",
      },
    },
  },
@@ -126,7 +128,7 @@

    "@tokenizer/token": ["@tokenizer/token@0.3.0", "", {}, "sha512-OvjF+z51L3ov0OyAU0duzsYuvO01PH7x4t6DJx+guahgTnBHkhJdG7soQeTSFLWN3efnHyibZ4Z8l2EuWwJN3A=="],

-    "@types/bun": ["@types/bun@1.3.0", "", { "dependencies": { "bun-types": "1.3.0" } }, "sha512-+lAGCYjXjip2qY375xX/scJeVRmZ5cY0wyHYyCYxNcdEXrQ4AOe3gACgd4iQ8ksOslJtW4VNxBJ8llUwc3a6AA=="],
+    "@types/bun": ["@types/bun@1.3.1", "", { "dependencies": { "bun-types": "1.3.1" } }, "sha512-4jNMk2/K9YJtfqwoAa28c8wK+T7nvJFOjxI4h/7sORWcypRNxBpr+TPNaCfVWq70tLCJsqoFwcf0oI0JU/fvMQ=="],

    "@types/jwt-decode": ["@types/jwt-decode@3.1.0", "", { "dependencies": { "jwt-decode": "*" } }, "sha512-tthwik7TKkou3mVnBnvVuHnHElbjtdbM63pdBCbZTirCt3WAdM73Y79mOri7+ljsS99ZVwUFZHLMxJuJnv/z1w=="],

@@ -138,6 +140,8 @@

    "@types/react-dom": ["@types/react-dom@19.2.2", "", { "peerDependencies": { "@types/react": "^19.2.0" } }, "sha512-9KQPoO6mZCi7jcIStSnlOWn2nEF3mNmyr3rIAsGnAbQKYbRLyqmeSc39EVgtxXVia+LMT8j3knZLAZAh+xLmrw=="],

+    "@types/uuid": ["@types/uuid@11.0.0", "", { "dependencies": { "uuid": "*" } }, "sha512-HVyk8nj2m+jcFRNazzqyVKiZezyhDKrGUA3jlEcg/nZ6Ms+qHwocba1Y/AaVaznJTAM9xpdFSh+ptbNrhOGvZA=="],
+
    "@unhead/schema": ["@unhead/schema@1.11.20", "", { "dependencies": { "hookable": "^5.5.3", "zhead": "^2.2.4" } }, "sha512-0zWykKAaJdm+/Y7yi/Yds20PrUK7XabLe9c3IRcjnwYmSWY6z0Cr19VIs3ozCj8P+GhR+/TI2mwtGlueCEYouA=="],

    "accepts": ["accepts@2.0.0", "", { "dependencies": { "mime-types": "^3.0.0", "negotiator": "^1.0.0" } }, "sha512-5cvg6CtKwfgdmVqY1WIiXKc3Q1bkRqGLi+2W/6ao+6Y7gu/RCwRuAhGEzh5B4KlszSuTLgZYuqFqo5bImjNKng=="],
@@ -176,7 +180,7 @@

    "brace-expansion": ["brace-expansion@1.1.12", "", { "dependencies": { "balanced-match": "^1.0.0", "concat-map": "0.0.1" } }, "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg=="],

-    "bun-types": ["bun-types@1.3.0", "", { "dependencies": { "@types/node": "*" }, "peerDependencies": { "@types/react": "^19" } }, "sha512-u8X0thhx+yJ0KmkxuEo9HAtdfgCBaM/aI9K90VQcQioAmkVp3SG3FkwWGibUFz3WdXAdcsqOcbU40lK7tbHdkQ=="],
+    "bun-types": ["bun-types@1.3.1", "", { "dependencies": { "@types/node": "*" }, "peerDependencies": { "@types/react": "^19" } }, "sha512-NMrcy7smratanWJ2mMXdpatalovtxVggkj11bScuWuiOoXTiKIu2eVS1/7qbyI/4yHedtsn175n4Sm4JcdHLXw=="],

    "bytes": ["bytes@3.1.2", "", {}, "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg=="],

@@ -672,7 +676,7 @@

    "util-deprecate": ["util-deprecate@1.0.2", "", {}, "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="],

-    "uuid": ["uuid@3.4.0", "", { "bin": { "uuid": "./bin/uuid" } }, "sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A=="],
+    "uuid": ["uuid@13.0.0", "", { "bin": { "uuid": "dist-node/bin/uuid" } }, "sha512-XQegIaBTVUjSHliKqcnFqYypAd4S+WCYt5NIeRs6w/UAry7z8Y9j5ZwRRL4kzq9U3sD6v+85er9FvkEaBpji2w=="],

    "valtio": ["valtio@2.1.8", "", { "dependencies": { "proxy-compare": "^3.0.1" }, "peerDependencies": { "@types/react": ">=18.0.0", "react": ">=18.0.0" }, "optionalPeers": ["@types/react", "react"] }, "sha512-fjTPbJyKEmfVBZUOh3V0OtMHoFUGr4+4XpejjxhNJE/IS2l8rDbyJuzi3w/fZWBDyk7BJOpG+lmvTK5iiVhXuQ=="],

@@ -712,6 +716,8 @@

    "request/qs": ["qs@6.5.3", "", {}, "sha512-qxXIEh4pCGfHICj1mAJQ2/2XVZkjCDTcEgfoSQxc/fYivUZxTkk7L3bDBJSoNrEzXI17oUO5Dp07ktqE5KzczA=="],

+    "request/uuid": ["uuid@3.4.0", "", { "bin": { "uuid": "./bin/uuid" } }, "sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A=="],
+
    "@scalar/themes/@scalar/types/@scalar/openapi-types": ["@scalar/openapi-types@0.2.0", "", { "dependencies": { "zod": "^3.23.8" } }, "sha512-waiKk12cRCqyUCWTOX0K1WEVX46+hVUK+zRPzAahDJ7G0TApvbNkuy5wx7aoUyEk++HHde0XuQnshXnt8jsddA=="],

    "@scalar/themes/@scalar/types/nanoid": ["nanoid@5.1.6", "", { "bin": { "nanoid": "bin/nanoid.js" } }, "sha512-c7+7RQ+dMB5dPwwCp4ee1/iV/q2P6aK1mTZcfr1BTuVlyW9hJYiMPybJCcnBlQtuSmTIWNeazm/zqNoZSSElBg=="],
--- a/package.json
+++ b/package.json
@@ -25,6 +25,7 @@
    "@tabler/icons-react": "^3.35.0",
    "@types/jwt-decode": "^3.1.0",
    "@types/lodash": "^4.17.20",
+    "@types/uuid": "^11.0.0",
    "add": "^2.0.6",
    "elysia": "^1.4.12",
    "jwt-decode": "^4.0.0",
@@ -33,10 +34,11 @@
    "react-dom": "^19.2.0",
    "react-router-dom": "^7.9.4",
    "swr": "^2.3.6",
+    "uuid": "^13.0.0",
    "valtio": "^2.1.8"
  },
  "devDependencies": {
-    "@types/bun": "latest",
+    "@types/bun": "^1.3.1",
    "@types/react": "^19.2.2",
    "@types/react-dom": "^19.2.2",
    "biome": "^0.3.3",
--- a/src/index.tx.txt
+++ b/src/index.tx.txt
@@ -0,0 +1,65 @@
+import Swagger from "@elysiajs/swagger";
+import Elysia from "elysia";
+import html from "./index.html";
+import apiAuth from "./server/middlewares/apiAuth";
+import ApiKeyRoute from "./server/routes/apikey_route";
+import Auth from "./server/routes/auth_route";
+import CredentialRoute from "./server/routes/credential_route";
+import DarmasabaRoute from "./server/routes/darmasaba_route";
+import { convertOpenApiToMcp } from "./server/lib/mcp-converter";
+import UserRoute from "./server/routes/user_route";
+import LayananRoute from "./server/routes/layanan_route";
+import AduanRoute from "./server/routes/aduan_route";
+
+import { cors } from "@elysiajs/cors";
+import { MCPRoute } from "./server/routes/mcp_route";
+
+const Docs = new Elysia({
+  tags: ["docs"],
+}).use(
+  Swagger({
+    path: "/docs",
+  }),
+);
+
+const Api = new Elysia({
+  prefix: "/api",
+  tags: ["api"],
+})
+  .use(apiAuth)
+  .use(ApiKeyRoute)
+  .use(DarmasabaRoute)
+  .use(CredentialRoute)
+  .use(UserRoute)
+  .use(LayananRoute)
+  .use(AduanRoute);
+
+const app = new Elysia()
+  .use(Api)
+  .use(Docs)
+  .use(Auth)
+  .get(
+    "/.well-known/mcp.json",
+    async () => {
+      const baseUrl = process.env.BUN_PUBLIC_BASE_URL!;
+      return await convertOpenApiToMcp(baseUrl);
+    },
+    {
+      detail: {
+        description: "MCP manifest",
+        tags: ["MCP"],
+      },
+    },
+  )
+  .use(MCPRoute)
+  // .get("/*", html)
+  .onRequest(({ set }) => {
+    set.headers["Access-Control-Allow-Origin"] = "*";
+    set.headers["Access-Control-Allow-Methods"] = "GET, POST, OPTIONS";
+    set.headers["Access-Control-Allow-Headers"] = "Content-Type";
+  })
+  .listen(3000, () => {
+    console.log("Server running at http://localhost:3000");
+  });
+
+export type ServerApp = typeof app;
--- a/src/server/routes/mcp_route.ts
+++ b/src/server/routes/mcp_route.ts
@@ -1,117 +1,144 @@
 import { Elysia } from "elysia";
+import { v4 as uuidv4 } from "uuid";

+const API_KEY = process.env.MCP_API_KEY ?? "change-me";
+const PORT = Number(process.env.PORT ?? 3000);
+const PING_INTERVAL_MS = 25_000;
+
+// =====================
+// Store session & clients
+// =====================
+type Client = {
+  id: string;
+  send: (data: string) => void;
+  close: () => void;
+};
+
+const sessions = new Map<string, Set<Client>>();
+
+// =====================
+// Helper Functions
+// =====================
+function isAuthorized(headers: Headers) {
+  return headers.get("x-api-key") === API_KEY;
+}
+
+function formatSSE(event: string, data: any, id?: string) {
+  const payload = typeof data === "string" ? data : JSON.stringify(data);
+  return [
+    id ? `id: ${id}` : "",
+    event ? `event: ${event}` : "",
+    ...payload.split("\n").map((line) => `data: ${line}`),
+    "",
+  ].join("\n");
+}
+
+function broadcast(sessionId: string, event: string, data: any) {
+  const clients = sessions.get(sessionId);
+  if (!clients) return 0;
+  const messageId = uuidv4();
+  const message = formatSSE(event, data, messageId);
+
+  for (const client of clients) {
+    try {
+      client.send(message);
+    } catch {
+      clients.delete(client);
+    }
+  }
+  return clients.size;
+}
+
+// =====================
+// Server Initialization
+// =====================
 export const MCPRoute = new Elysia()
-    .get("/mcp/:sessionId", ({ params }) => {
-        const encoder = new TextEncoder();
-        let interval: Timer | null = null;
+  .get("/mcp/:sessionId", ({ params, set }) => {
+    const { sessionId } = params;

-        const stream = new ReadableStream({
-            start(controller) {
-                // Kirim event awal
-                const init = {
-                    jsonrpc: "2.0",
-                    id: null,
-                    result: {
-                        protocol: "2024-11-05",
-                        capabilities: {
-                            "tools/list": true,
-                            "tools/call": true,
-                        },
-                        status: `MCP session ${params.sessionId} aktif`,
-                    },
-                };
+    set.headers["Content-Type"] = "text/event-stream; charset=utf-8";
+    set.headers["Cache-Control"] = "no-cache";
+    set.headers["Connection"] = "keep-alive";
+    set.headers["Access-Control-Allow-Origin"] = "*";

-                // Kirim data dan flush
-                controller.enqueue(
-                    encoder.encode(`data: ${JSON.stringify(init)}\n\n`)
-                );
+    // Create a readable stream for SSE
+    const stream = new TransformStream();
+    const writer = stream.writable.getWriter();

-                // SSE heartbeat
-                interval = setInterval(() => {
-                    try {
-                        controller.enqueue(encoder.encode(`: ping ${Date.now()}\n\n`));
-                    } catch (e) {
-                        if (interval) clearInterval(interval);
-                    }
-                }, 10000);
-
-                console.log(`[SSE] koneksi session ${params.sessionId} dibuka`);
-            },
-            cancel() {
-                if (interval) clearInterval(interval);
-                console.log(`[SSE] koneksi session ${params.sessionId} ditutup`);
-            },
-        });
-
-        return new Response(stream, {
-            status: 200,
-            headers: {
-                "Content-Type": "text/event-stream; charset=utf-8",
-                "Cache-Control": "no-cache, no-transform",
-                "Connection": "keep-alive",
-                "X-Accel-Buffering": "no", // Penting untuk nginx/cloudflare
-                "Access-Control-Allow-Origin": "*",
-            },
-        });
-    })
-    .post("/mcp", async ({ body, set }) => {
-        set.headers["Content-Type"] = "application/json; charset=utf-8";
-        const { id, method, params } = body as any;
-
-        if (method === "tools/list") {
-            return {
-                jsonrpc: "2.0",
-                id,
-                result: {
-                    tools: [
-                        {
-                            name: "pengajuan-pembuatan-ktp",
-                            description:
-                                "untuk melakukan pengajuan pembuatan ktp\nmembutuhkan :\n- jenis\n- name\n- deskripsi",
-                            inputSchema: {
-                                type: "object",
-                                properties: {
-                                    JSON: { type: "object" },
-                                },
-                                required: ["JSON"],
-                                additionalProperties: true,
-                                $schema: "http://json-schema.org/draft-07/schema#",
-                            },
-                        },
-                        {
-                            name: "pengetahuan_malik_kurosaki",
-                            description: "penjelasan tentang malik kurosaki",
-                            inputSchema: {
-                                type: "object",
-                                properties: {
-                                    input: { type: "string" },
-                                },
-                                additionalProperties: true,
-                                $schema: "http://json-schema.org/draft-07/schema#",
-                            },
-                        },
-                    ],
-                },
-            };
+    const client: Client = {
+      id: uuidv4(),
+      send: (data) => writer.write(new TextEncoder().encode(data + "\n")),
+      close: () => {
+        writer.close();
+        const set = sessions.get(sessionId);
+        if (set) {
+          set.delete(client);
+          if (set.size === 0) sessions.delete(sessionId);
        }
+      },
+    };

-        if (method === "tools/call") {
-            const { tool, arguments: args } = params;
-            if (tool === "pengajuan-pembuatan-ktp") {
-                return {
-                    jsonrpc: "2.0",
-                    id,
-                    result: { message: "Berhasil menerima pengajuan KTP", data: args },
-                };
-            }
-        }
+    if (!sessions.has(sessionId)) sessions.set(sessionId, new Set());
+    sessions.get(sessionId)!.add(client);

-        return {
-            jsonrpc: "2.0",
-            id,
-            error: {
-                code: -32601,
-                message: `Method ${method} tidak dikenali`,
-            },
-        };
-    });
+    // Send "connected" event
+    client.send(formatSSE("connected", { sessionId, id: client.id }));
+
+    // Keepalive ping
+    const ping = setInterval(() => {
+      client.send(formatSSE("ping", { ts: Date.now() }));
+    }, PING_INTERVAL_MS);
+
+    const readable = stream.readable;
+    const abort = new AbortController();
+
+    abort.signal.addEventListener("abort", () => {
+      clearInterval(ping);
+      client.close();
+    });
+
+    return new Response(readable, {
+      headers: set.headers as HeadersInit,
+      status: 200,
+    });
+  })
+  .get("/mcp/:sessionId/status", ({ params, set }) => {
+    set.headers["Access-Control-Allow-Origin"] = "*";
+    const clients = sessions.get(params.sessionId);
+    return {
+      sessionId: params.sessionId,
+      connected: clients?.size ?? 0,
+    };
+  })
+  .post("/mcp/:sessionId", async ({ params, request, set }) => {
+    set.headers["Access-Control-Allow-Origin"] = "*";
+    if (!isAuthorized(request.headers)) {
+      return new Response("Unauthorized", { status: 401 });
+    }
+
+    const body = await request.json();
+    const event = body.event ?? "message";
+    const data = body.data ?? body;
+
+    const sentTo = broadcast(params.sessionId, event, data);
+    return { ok: true, sentTo };
+  })
+  .delete("/mcp/:sessionId", ({ params, request, set }) => {
+    set.headers["Access-Control-Allow-Origin"] = "*";
+    if (!isAuthorized(request.headers)) {
+      return new Response("Unauthorized", { status: 401 });
+    }
+
+    const clients = sessions.get(params.sessionId);
+    if (clients) {
+      for (const c of clients) c.close();
+      sessions.delete(params.sessionId);
+    }
+    return { ok: true };
+  })
+  .options("/mcp/:sessionId", ({ set }) => {
+    set.headers["Access-Control-Allow-Origin"] = "*";
+    set.headers["Access-Control-Allow-Methods"] = "GET,POST,DELETE,OPTIONS";
+    set.headers["Access-Control-Allow-Headers"] = "Content-Type,X-API-Key";
+    return new Response(null, { status: 204 });
+  });
--- a/x.sh
+++ b/x.sh
@@ -1,2 +1,2 @@
-curl -N -v -X GET "https://n8n.wibudev.com/mcp/fd665648-b38d-4bee-9ab8-11ca0cd83d0d"
+curl -N -v -X GET "https://cld-dkr-prod-jenna-mcp.wibudev.com/mcp/test-session-id"