add mode (#44)

Author: ndthanhdev

app/src/components/organisms/app-footer/index.tsx

@@ -9,17 +9,19 @@ export type AppFooterProps = React.PropsWithChildren<{
 	year: string;
 	buildNumber: string;
 	rev: string;
+	mode: string;
 }>;
 
-export const AppFooter = ({ year, buildNumber, rev }: AppFooterProps) => (
+export const AppFooter = ({ year, buildNumber, rev, mode }: AppFooterProps) => (
 	<Box css={styles.root}>
 		<Divider />
 		<Box css={styles.contentContainer}>
 			<Box css={styles.topWrapper}>
 				<Box css={styles.leftWrapper}>
 					<Typography variant="caption">{`Copyright © ${year}`}</Typography>
-					<Typography variant="caption">{`Build: ${buildNumber}`}</Typography>
 					<Typography variant="caption">{`Rev: ${rev}`}</Typography>
+					<Typography variant="caption">{`Build: ${buildNumber}`}</Typography>
+					<Typography variant="caption">{`Mode: ${mode}`}</Typography>
 				</Box>
 				<Box css={styles.rightWrapper}>
 					<Link

app/src/hooks/use-main-template-props.ts

@@ -29,6 +29,7 @@ export const useMainTemplateProps = (): MainTemplateProps => {
 			year,
 			buildNumber: envs.buildNumber,
 			rev: envs.rev,
+			mode: envs.mode,
 		},
 	};
 };

app/src/utils/envs.ts

@@ -1,4 +1,5 @@
-const buildNumber = process.env.GATSBY_BUILD_NUMBER || "local",
-	rev = process.env.GATSBY_REV || "local";
+const buildNumber = process.env.GATSBY_BUILD_NUMBER || "local";
+const rev = process.env.GATSBY_REV || "local";
+const mode = process.env.GATSBY_LOCAL || "local";
 
-export const envs = { buildNumber, rev };
+export const envs = { buildNumber, rev, mode };

dagger/main.go

@@ -54,9 +54,10 @@ func (m *NdthanhdevGithubIo) Test(ctx context.Context, dir *Directory) (string,
 		Stdout(ctx)
 }
 
-func (m *NdthanhdevGithubIo) Build(ctx context.Context, dir *Directory) *Directory {
+func (m *NdthanhdevGithubIo) Build(ctx context.Context, dir *Directory, mode string) *Directory {
 	return m.Init(ctx, dir).
 		WithWorkdir("/mnt/scripts/actions").
+		WithEnvVariable("MODE", mode).
 		WithExec([]string{"./build.ts"}).
 		Directory("/mnt/app/public")
 }

scripts/actions/build.ts

@@ -12,5 +12,6 @@ cd(workDirs.app.path);
 
 $.env.GATSBY_BUILD_NUMBER = getBuildNumber();
 $.env.GATSBY_REV = await getRev();
+$.env.GATSBY_MODE = $.env.MODE;
 
 await $`yarn build`;

scripts/pipelines/release.ts

@@ -8,6 +8,14 @@ await cleanBuild();
 
 cd(workDirs.path);
 
-await $`dagger call build --dir . export --path ${workDirs.app.public.path}`;
+await $`dagger call build \
+--dir . \
+--mode ${$.env.MODE ?? "dev"} \
+export --path ${workDirs.app.public.path} \
+`;
 
-await $`dagger call publish --dir . --token env:GH_TOKEN --mode ${$.env.MODE ?? "dev"}`;
+await $`dagger call publish \
+--dir . \
+--token env:GH_TOKEN \
+--mode ${$.env.MODE ?? "dev"} \
+`;

scripts/utils/node.d.ts

@@ -6,6 +6,7 @@ declare module "process" {
 				GH_TOKEN?: string;
 				GATSBY_BUILD_NUMBER?: string;
 				GATSBY_REV?: string;
+				GATSBY_MODE?: "dev" | "stg" | "prod";
 			}
 		}
 	}