feat: init frontend

package.json

@@ -16,5 +16,8 @@
       "packages/lambda-layer/nodejs",
       "packages/*"
     ]
+  },
+  "devDependencies": {
+    "prettier": "^3.3.3"
   }
 }

packages/api/serverless.yml

@@ -43,6 +43,7 @@ provider:
     NODE_ENV: ${sls:stage}
     TABLE_NAME: ${self:service}-${sls:stage}
     CUSTOM_DOMAIN: ${param:CUSTOM_DOMAIN}
+    EDGE_ENDPOINT: !GetAtt HttpApi.ApiEndpoint
     # S3_BUCKET: ${self:service}-${sls:stage}
     # CLOUDFRONT_DOMAIN: !GetAtt UserMediaDistribution.DomainName
     # USER_POOL_ID:

packages/api/src/functions/collector/handler.js

@@ -7,46 +7,58 @@ export const app = async ({ body }) => {
 
     if (span.type === "log") {
       // save log span
-      await put({
-        ...span,
-        pk: `transaction#${span.transactionId || span.transaction_id}`,
-        sk: `log#${span.started}#${span.id}`,
-        type: "log",
-      });
+      await put(
+        {
+          ...span,
+          pk: `transaction#${span.transactionId || span.transaction_id}`,
+          sk: `log#${span.started}#${span.id}`,
+          type: "log",
+        },
+        true,
+      );
       continue;
     }
 
     // save transaction span
-    await put({
-      ...span,
-      pk: `transaction#${span.transactionId || span.transaction_id}`,
-      sk: `span#${span.started || span.sending_time}#${span.id}`,
-      type: "span",
-      spanType: span.type,
-    });
+    await put(
+      {
+        ...span,
+        pk: `transaction#${span.transactionId || span.transaction_id}`,
+        sk: `span#${span.started || span.sending_time}#${span.id}`,
+        type: "span",
+        spanType: span.type,
+      },
+      true,
+    );
 
     if (span.type === "function" && span.ended) {
       // save function invocation details
-      await put({
-        ...span,
-        pk: `function#${span.name}`,
-        sk: `invocation#${span.started}#${span.id}`,
-        type: "invocation",
-      });
+      await put(
+        {
+          ...span,
+          pk: `function#${span.name}`,
+          sk: `invocation#${span.started}#${span.id}`,
+          type: "invocation",
+        },
+        true,
+      );
 
       // save function meta data
-      await put({
-        pk: `function#${span.name}`,
-        sk: `function`,
-        type: "function",
-        lastInvocation: span.started,
-        runtime: span.runtime,
-        account: span.account,
-        region: span.region,
-        arn: span.invokedArn,
-        memoryAllocation: span.memoryAllocation,
-        timeout: span.maxFinishTime - span.started,
-      });
+      await put(
+        {
+          pk: `function#${span.name}`,
+          sk: `function`,
+          type: "function",
+          lastInvocation: span.started,
+          runtime: span.runtime,
+          account: span.account,
+          region: span.region,
+          arn: span.invokedArn,
+          memoryAllocation: span.memoryAllocation,
+          timeout: span.maxFinishTime - span.started,
+        },
+        true,
+      );
     }
   }
 };