From 9263f4b316b5d393562cf1c85e5badc7161bd592 Mon Sep 17 00:00:00 2001
From: Louis Grasset <louisgrasset@protonmail.com>
Date: Tue, 21 Nov 2023 01:59:15 +0100
Subject: [PATCH] fix(generator): add missing SYNC_* env variables output

---
 .../environment-generator/generator.js        | 98 +++++++++++--------
 1 file changed, 57 insertions(+), 41 deletions(-)

diff --git a/docs/src/components/environment-generator/generator.js b/docs/src/components/environment-generator/generator.js
index 5c4535d..0207a74 100644
--- a/docs/src/components/environment-generator/generator.js
+++ b/docs/src/components/environment-generator/generator.js
@@ -95,6 +95,13 @@ const Generator = ({ setConfiguration }) => {
           value: "",
           env: "MASTODON_ACCESS_TOKEN",
         },
+        {
+          name: "enabled",
+          type: "boolean",
+          value: true,
+          hidden: true,
+          env: "SYNC_MASTODON",
+        },
       ],
     },
     bluesky: {
@@ -122,6 +129,13 @@ const Generator = ({ setConfiguration }) => {
           value: "",
           env: "BLUESKY_PASSWORD",
         },
+        {
+          name: "enabled",
+          type: "boolean",
+          value: true,
+          hidden: true,
+          env: "SYNC_BLUESKY",
+        },
       ],
     },
     sync: {
@@ -294,50 +308,52 @@ const Generator = ({ setConfiguration }) => {
               ) : null}
 
               {category.enabled !== false
-                ? category.fields.map((field) => (
-                    <div key={categorySlug + field.name}>
-                      {field.warning ? (
-                        <Callout.Root
-                          color="gray"
-                          size="1"
-                          style={{ marginBottom: "8px" }}
-                        >
-                          <Callout.Icon>
-                            <InfoCircledIcon />
-                          </Callout.Icon>
-                          <Callout.Text>
-                            <field.warning />
-                          </Callout.Text>
-                        </Callout.Root>
-                      ) : null}
+                ? category.fields.map((field) =>
+                    field?.hidden !== true ? (
+                      <div key={categorySlug + field.name}>
+                        {field.warning ? (
+                          <Callout.Root
+                            color="gray"
+                            size="1"
+                            style={{ marginBottom: "8px" }}
+                          >
+                            <Callout.Icon>
+                              <InfoCircledIcon />
+                            </Callout.Icon>
+                            <Callout.Text>
+                              <field.warning />
+                            </Callout.Text>
+                          </Callout.Root>
+                        ) : null}
 
-                      {field.type === "boolean" ? (
-                        <ToggleComponent
-                          field={field}
-                          categorySlug={categorySlug}
-                          category={category}
-                          onChange={onFieldChange}
-                        />
-                      ) : null}
+                        {field.type === "boolean" ? (
+                          <ToggleComponent
+                            field={field}
+                            categorySlug={categorySlug}
+                            category={category}
+                            onChange={onFieldChange}
+                          />
+                        ) : null}
 
-                      {field.type === "string" || field.type === "number" ? (
-                        <TextComponent
-                          field={field}
-                          type={field.type}
-                          categorySlug={categorySlug}
-                          onChange={onFieldChange}
-                        />
-                      ) : null}
+                        {field.type === "string" || field.type === "number" ? (
+                          <TextComponent
+                            field={field}
+                            type={field.type}
+                            categorySlug={categorySlug}
+                            onChange={onFieldChange}
+                          />
+                        ) : null}
 
-                      {field.type === "select" ? (
-                        <SelectComponent
-                          field={field}
-                          categorySlug={categorySlug}
-                          onChange={onFieldChange}
-                        />
-                      ) : null}
-                    </div>
-                  ))
+                        {field.type === "select" ? (
+                          <SelectComponent
+                            field={field}
+                            categorySlug={categorySlug}
+                            onChange={onFieldChange}
+                          />
+                        ) : null}
+                      </div>
+                    ) : null,
+                  )
                 : null}
 
               {index !== entries.length - 1 ? (