chore: add support for new manifest property

Author: svedova

src/shared/deployments/ManifestModal/ManifestModal.spec.tsx

@@ -53,28 +53,6 @@ describe("~/apps/[id]/environments/[env-id]/deployments/_components/ManifestModa
     });
   });
 
-  it("should display a warning when top level index.html is missing and ssr is disabled", async () => {
-    createWrapper({
-      manifest: mockManifest({
-        functionHandler: "",
-        cdnFiles: [{ fileName: "/static/index.js", headers: {} }],
-      }),
-    });
-
-    await waitFor(() => {
-      expect(wrapper.getByText(/Top level/)).toBeTruthy();
-      expect(wrapper.getByText("/index.html")).toBeTruthy();
-      expect(
-        wrapper.getByText(
-          /is missing and server side rendering is not detected\./
-        )
-      ).toBeTruthy();
-      expect(wrapper.getByText("Learn more.").getAttribute("href")).toBe(
-        "https://www.stormkit.io/docs/other/troubleshooting#index-html-missing"
-      );
-    });
-  });
-
   describe("ui view", () => {
     it("should contain the cdn files as the primary view", async () => {
       const manifest = mockManifest();

src/shared/deployments/ManifestModal/TabCDNFiles.tsx

@@ -1,11 +1,8 @@
 import { useMemo, useState } from "react";
-import WarningIcon from "@mui/icons-material/Warning";
 import ChevronRight from "@mui/icons-material/ChevronRight";
 import Button from "@mui/material/Button";
 import Box from "@mui/material/Box";
 import Link from "@mui/material/Link";
-import Alert from "@mui/material/Alert";
-import Typography from "@mui/material/Typography";
 
 interface Props {
   manifest: Manifest;
@@ -44,6 +41,23 @@ const useTree = ({ manifest }: { manifest: Manifest }) => {
       return object;
     };
 
+    Object.keys(manifest?.staticFiles || {}).forEach(fileName => {
+      const pieces = fileName.replace(/^\//, "").split("/");
+      const file = { fileName, headers: manifest.staticFiles![fileName] };
+
+      if (pieces.length === 1) {
+        tree["/"].files.push(file);
+      } else {
+        let lastLeaf = tree["/"].folders;
+
+        pieces.pop(); // last name is file name
+        pieces.forEach(path => {
+          recursiveFolder(lastLeaf, path, file);
+          lastLeaf = lastLeaf[path].folders;
+        });
+      }
+    });
+
     manifest.cdnFiles?.forEach(file => {
       const pieces = file.fileName.replace(/^\//, "").split("/");
 
@@ -145,27 +159,6 @@ const recursiveRender = (deployment: DeploymentV2, treeNode: TreeNode) => {
 };
 
 export default function TabCDNFiles({ manifest, deployment }: Props) {
-  const ssrEnabled = Boolean(manifest?.functionHandler);
-  const indexHTMLWarning =
-    !ssrEnabled &&
-    !manifest?.cdnFiles?.find(file => file.fileName === "/index.html");
-
   const tree = useTree({ manifest });
-
-  return (
-    <>
-      {indexHTMLWarning && (
-        <Alert color="warning" sx={{ mb: 2 }} icon={<WarningIcon />}>
-          <Typography>
-            Top level <span className="font-bold">/index.html</span> is missing
-            and server side rendering is not detected.{" "}
-            <Link href="https://www.stormkit.io/docs/other/troubleshooting#index-html-missing">
-              Learn more.
-            </Link>
-          </Typography>
-        </Alert>
-      )}
-      <Box>{recursiveRender(deployment, tree["/"])}</Box>
-    </>
-  );
+  return <Box>{recursiveRender(deployment, tree["/"])}</Box>;
 }

src/types/deployment.d.ts

@@ -96,7 +96,8 @@ interface APIFile {
 }
 
 declare type Manifest = {
-  cdnFiles?: CDNFile[];
+  staticFiles?: Record<string, Record<string, string>>;
+  cdnFiles?: CDNFile[]; // @deprecated: use staticFiles
   apiFiles?: APIFile[];
   redirects?: Redirects[] | null;
   functionHandler?: string;