jeasx 0.0.1 → 0.0.2

package/README.md

@@ -1,9 +1,3 @@
 # Jeasx - server side rendering with the ease of JSX
 
-## Technologies
-
-- <https://fastify.dev>
-- <https://esbuild.github.io>
-- <https://pm2.io>
-
-## TODO
+Please visit <https://github.com/jeasx/jeasx-starter> to get started.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jeasx",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "Jeasx - server side rendering with the ease of JSX",
   "keywords": [
     "jsx",
@@ -30,5 +30,8 @@
     "fastify": "4.25.2",
     "jsx-async-runtime": "0.1.2",
     "pm2": "5.3.0"
+  },
+  "scripts": {
+    "build": "esbuild --platform=node --format=esm --outfile=serverless.js serverless.ts"
   }
 }

package/serverless.js

@@ -11,15 +11,11 @@ import { renderToString } from "jsx-async-runtime";
 import { createHash } from "node:crypto";
 import { readFile, stat } from "node:fs/promises";
 import { join } from "node:path";
-
-// Create a Fastify app instance
 const serverless = Fastify({
   logger: true,
   disableRequestLogging: process.env.NODE_ENV === "development",
-  bodyLimit: Number(process.env.FASTIFY_BODY_LIMIT) || undefined,
+  bodyLimit: Number(process.env.FASTIFY_BODY_LIMIT) || void 0
 });
-
-// Register required plugins
 serverless.register(fastifyAccepts);
 serverless.register(fastifyCookie);
 serverless.register(fastifyFormbody);
@@ -29,28 +25,15 @@ serverless.register(fastifyUrlData);
 serverless.register(fastifyStatic, {
   root: ["public", "dist/browser"].map((dir) => join(process.cwd(), dir)),
   prefix: "/",
-  wildcard: false,
+  wildcard: false
 });
-
-// Handle all requests
 serverless.all("*", async (request, reply) => {
   let response;
-
-  // Extract pathname without query parameters
   const requestPath = request.urlData().path;
-
-  // Transform "/a/b/c" into ["/a/b/c", "/a/b", "/a", ""]
-  const pathSegments = requestPath
-    .split("/")
-    .filter((segment) => segment !== "")
-    .reduce((acc, segment) => {
-      acc.push((acc.length > 0 ? acc[acc.length - 1] : "") + "/" + segment);
-      return acc;
-    }, [])
-    .reverse()
-    .concat("");
-
-  // Transform "/a/b/c" into ["/a/b/[c]", "/a/b/c/[index]"]
+  const pathSegments = requestPath.split("/").filter((segment) => segment !== "").reduce((acc, segment) => {
+    acc.push((acc.length > 0 ? acc[acc.length - 1] : "") + "/" + segment);
+    return acc;
+  }, []).reverse().concat("");
   const generateEdges = (path) => {
     const edges = [];
     if (path) {
@@ -62,49 +45,27 @@ serverless.all("*", async (request, reply) => {
     edges.push(`${path}/[index]`);
     return edges;
   };
-
-  // Find route handler for the request
   for (const pathname of [
-    ...pathSegments
-      .slice()
-      .reverse() // [...guard]s are evaluated from top to bottom
-      .map((segment) => `routes${segment}/[...guard].js`),
+    ...pathSegments.slice().reverse().map((segment) => `routes${segment}/[...guard].js`),
     ...generateEdges(pathSegments[0]).map((segment) => `routes${segment}.js`),
     ...pathSegments.map((segment) => `routes${segment}/[...path].js`),
-    ...pathSegments.map((segment) => `routes${segment}/[404].js`),
+    ...pathSegments.map((segment) => `routes${segment}/[404].js`)
   ]) {
     const modulePath = join(process.cwd(), "dist", pathname);
-
     try {
       (await stat(modulePath)).isFile();
     } catch (error) {
       continue;
     }
-
-    // Build content hash in development, so we can refresh code via "query string hack".
-    const hash =
-      process.env.NODE_ENV === "development"
-        ? "?" +
-          createHash("sha1")
-            .update(await readFile(modulePath, "utf-8"))
-            .digest("hex")
-        : "";
-
-    // Call the handler with request, reply and optional props
-    response = await (
-      await import(`${modulePath}${hash}`)
-    ).default({
+    const hash = process.env.NODE_ENV === "development" ? "?" + createHash("sha1").update(await readFile(modulePath, "utf-8")).digest("hex") : "";
+    response = await (await import(`${modulePath}${hash}`)).default({
       request,
       reply,
-      ...(typeof response === "object" ? response : {}),
+      ...typeof response === "object" ? response : {}
     });
-
     if (reply.sent) {
       return;
-    } else if (
-      pathname.endsWith("/[...guard].js") &&
-      (response === undefined || !isJSX(response))
-    ) {
+    } else if (pathname.endsWith("/[...guard].js") && (response === void 0 || !isJSX(response))) {
       continue;
     } else if (pathname.endsWith("/[404].js")) {
       reply.status(404);
@@ -115,22 +76,19 @@ serverless.all("*", async (request, reply) => {
       break;
     }
   }
-
-  // Make sure a Content-Type header is set
   if (!reply.hasHeader("Content-Type")) {
     reply.header("Content-Type", "text/html; charset=utf-8");
   }
-
-  // Render JSX or return raw response
   if (isJSX(response)) {
     return await renderToString(response);
   } else {
     return response;
   }
-
   function isJSX(obj) {
     return typeof obj === "object" && "type" in obj && "props" in obj;
   }
 });
-
-export default serverless;
+var serverless_default = serverless;
+export {
+  serverless_default as default
+};

package/serverless.ts

@@ -0,0 +1,136 @@
+import fastifyAccepts from "@fastify/accepts";
+import fastifyCookie from "@fastify/cookie";
+import fastifyFormbody from "@fastify/formbody";
+import fastifyMultipart from "@fastify/multipart";
+import fastifyRequestContext from "@fastify/request-context";
+import fastifyStatic from "@fastify/static";
+import fastifyUrlData from "@fastify/url-data";
+import "dotenv/config";
+import Fastify from "fastify";
+import { renderToString } from "jsx-async-runtime";
+import { createHash } from "node:crypto";
+import { readFile, stat } from "node:fs/promises";
+import { join } from "node:path";
+
+// Create a Fastify app instance
+const serverless = Fastify({
+  logger: true,
+  disableRequestLogging: process.env.NODE_ENV === "development",
+  bodyLimit: Number(process.env.FASTIFY_BODY_LIMIT) || undefined,
+});
+
+// Register required plugins
+serverless.register(fastifyAccepts);
+serverless.register(fastifyCookie);
+serverless.register(fastifyFormbody);
+serverless.register(fastifyMultipart);
+serverless.register(fastifyRequestContext);
+serverless.register(fastifyUrlData);
+serverless.register(fastifyStatic, {
+  root: ["public", "dist/browser"].map((dir) => join(process.cwd(), dir)),
+  prefix: "/",
+  wildcard: false,
+});
+
+// Handle all requests
+serverless.all("*", async (request, reply) => {
+  let response;
+
+  // Extract pathname without query parameters
+  const requestPath = request.urlData().path;
+
+  // Transform "/a/b/c" into ["/a/b/c", "/a/b", "/a", ""]
+  const pathSegments = requestPath
+    .split("/")
+    .filter((segment) => segment !== "")
+    .reduce((acc, segment) => {
+      acc.push((acc.length > 0 ? acc[acc.length - 1] : "") + "/" + segment);
+      return acc;
+    }, [])
+    .reverse()
+    .concat("");
+
+  // Transform "/a/b/c" into ["/a/b/[c]", "/a/b/c/[index]"]
+  const generateEdges = (path) => {
+    const edges = [];
+    if (path) {
+      const lastSegment = path.lastIndexOf("/") + 1;
+      edges.push(
+        `${path.substring(0, lastSegment)}[${path.substring(lastSegment)}]`
+      );
+    }
+    edges.push(`${path}/[index]`);
+    return edges;
+  };
+
+  // Find route handler for the request
+  for (const pathname of [
+    ...pathSegments
+      .slice()
+      .reverse() // [...guard]s are evaluated from top to bottom
+      .map((segment) => `routes${segment}/[...guard].js`),
+    ...generateEdges(pathSegments[0]).map((segment) => `routes${segment}.js`),
+    ...pathSegments.map((segment) => `routes${segment}/[...path].js`),
+    ...pathSegments.map((segment) => `routes${segment}/[404].js`),
+  ]) {
+    const modulePath = join(process.cwd(), "dist", pathname);
+
+    try {
+      (await stat(modulePath)).isFile();
+    } catch (error) {
+      continue;
+    }
+
+    // Build content hash in development, so we can refresh code via "query string hack".
+    const hash =
+      process.env.NODE_ENV === "development"
+        ? "?" +
+          createHash("sha1")
+            .update(await readFile(modulePath, "utf-8"))
+            .digest("hex")
+        : "";
+
+    // Call the handler with request, reply and optional props
+    response = await (
+      await import(`${modulePath}${hash}`)
+    ).default({
+      request,
+      reply,
+      ...(typeof response === "object" ? response : {}),
+    });
+
+    if (reply.sent) {
+      return;
+    } else if (
+      pathname.endsWith("/[...guard].js") &&
+      (response === undefined || !isJSX(response))
+    ) {
+      continue;
+    } else if (pathname.endsWith("/[404].js")) {
+      reply.status(404);
+      break;
+    } else if (reply.statusCode === 404) {
+      continue;
+    } else {
+      break;
+    }
+  }
+
+  // Make sure a Content-Type header is set
+  if (!reply.hasHeader("Content-Type")) {
+    reply.header("Content-Type", "text/html; charset=utf-8");
+  }
+
+  // Render JSX or return raw response
+  if (isJSX(response)) {
+    return await renderToString(response);
+  } else {
+    return response;
+  }
+
+  function isJSX(obj) {
+    return typeof obj === "object" && "type" in obj && "props" in obj;
+  }
+});
+
+export default serverless;