StaticSite: replace environment in all html files (#1533)

* StaticSite: replace environment in all html files

* Sync

Author: fwang

packages/resources/src/StaticSite.ts

@@ -615,7 +615,7 @@ export class StaticSite extends Construct implements SSTConstruct {
         const token = `{{ ${key} }}`;
         replaceValues.push(
           {
-            files: "index.html",
+            files: "**/*.html",
             search: token,
             replace: value,
           },

packages/resources/test/ReactStaticSite.test.ts

@@ -147,7 +147,7 @@ test("constructor: default replaceValues", async () => {
   hasResource(stack, "Custom::SSTBucketDeployment", {
     ReplaceValues: [
       {
-        files: "index.html",
+        files: "**/*.html",
         search: "{{ REACT_APP_REFERENCE_ENV }}",
         replace: { "Fn::GetAtt": ANY },
       },
@@ -185,7 +185,7 @@ test("constructor: default replaceValues override", async () => {
         replace: "value",
       },
       {
-        files: "index.html",
+        files: "**/*.html",
         search: "{{ REACT_APP_REFERENCE_ENV }}",
         replace: { "Fn::GetAtt": ANY },
       },

packages/resources/test/StaticSite.test.ts

@@ -880,7 +880,7 @@ test("constructor: environment generates placeholders", async () => {
   hasResource(stack, "Custom::SSTBucketDeployment", {
     ReplaceValues: [
       {
-        files: "index.html",
+        files: "**/*.html",
         search: "{{ REFERENCE_ENV }}",
         replace: { "Fn::GetAtt": ANY },
       },
@@ -918,7 +918,7 @@ test("constructor: environment appends to replaceValues", async () => {
         replace: "value",
       },
       {
-        files: "index.html",
+        files: "**/*.html",
         search: "{{ REFERENCE_ENV }}",
         replace: { "Fn::GetAtt": ANY },
       },

packages/resources/test/ViteStaticSite.test.ts

@@ -1,10 +1,5 @@
 import * as fs from "fs-extra";
-import {
-  hasResource,
-  objectLike,
-  stringLike,
-  ANY,
-} from "./helper";
+import { hasResource, objectLike, stringLike, ANY } from "./helper";
 import { App, Api, Stack, ViteStaticSite } from "../src";
 
 beforeEach(async () => {
@@ -89,9 +84,7 @@ test("constructor: default buildCommand", async () => {
     },
   });
   const indexHtml = fs.readFileSync("test/vite-static-site/dist/index.html");
-  expect(indexHtml.toString().trim()).toBe(
-    "my-url {{ VITE_REFERENCE_ENV }}"
-  );
+  expect(indexHtml.toString().trim()).toBe("my-url {{ VITE_REFERENCE_ENV }}");
 });
 
 test("constructor: default buildCommand override", async () => {
@@ -165,7 +158,7 @@ test("constructor: default replaceValues", async () => {
   hasResource(stack, "Custom::SSTBucketDeployment", {
     ReplaceValues: [
       {
-        files: "index.html",
+        files: "**/*.html",
         search: "{{ VITE_REFERENCE_ENV }}",
         replace: { "Fn::GetAtt": ANY },
       },
@@ -203,7 +196,7 @@ test("constructor: default replaceValues override", async () => {
         replace: "value",
       },
       {
-        files: "index.html",
+        files: "**/*.html",
         search: "{{ VITE_REFERENCE_ENV }}",
         replace: { "Fn::GetAtt": ANY },
       },