keycloakify 11.8.46 → 11.8.47-rc.1

package/bin/main.js

@@ -194,30 +194,7 @@ function getBuildContext(params) {
         if (themeSrcDirPath !== undefined) {
             return { themeSrcDirPath };
         }
-        {
-            const basenames = external_fs_.readdirSync(srcDirPath);
-            for (const basename of basenames) {
-                const path = (0,external_path_.join)(srcDirPath, basename);
-                if (!external_fs_.statSync(path).isFile()) {
-                    continue;
-                }
-                if (external_fs_.readFileSync(path).toString("utf8").includes("./kc.gen")) {
-                    return { themeSrcDirPath: srcDirPath };
-                }
-            }
-        }
-        for (const themeType of [...constants/* THEME_TYPES */.Jh, "email"]) {
-            if (!external_fs_.existsSync((0,external_path_.join)(srcDirPath, themeType))) {
-                continue;
-            }
-            return { themeSrcDirPath: srcDirPath };
-        }
-        console.log(source_default().red([
-            `Can't locate your Keycloak theme source directory in .${external_path_.sep}${(0,external_path_.relative)(process.cwd(), srcDirPath)}`,
-            `Make sure to either use the Keycloakify CLI in the root of your Keycloakify project or use the --project CLI option`,
-            `If you are collocating your Keycloak theme with your app you must have a directory named '${constants/* KEYCLOAK_THEME */.PC}' or '${constants/* KEYCLOAK_THEME.replace */.PC.replace(/-/g, "_")}' in your 'src' directory`
-        ].join("\n")));
-        process.exit(1);
+        return { themeSrcDirPath: srcDirPath };
     })();
     const { resolvedViteConfig } = (() => {
         if (external_fs_.readdirSync(projectDirPath)
@@ -16223,7 +16200,7 @@ program
     .task({
     skip,
     handler: async ({ projectDirPath }) => {
-        const { command } = await Promise.all(/* import() */[__nccwpck_require__.e(864), __nccwpck_require__.e(712)]).then(__nccwpck_require__.bind(__nccwpck_require__, 35712));
+        const { command } = await Promise.all(/* import() */[__nccwpck_require__.e(309), __nccwpck_require__.e(895), __nccwpck_require__.e(712)]).then(__nccwpck_require__.bind(__nccwpck_require__, 35712));
         await command({ buildContext: (0,buildContext/* getBuildContext */.s)({ projectDirPath }) });
     }
 });
@@ -16282,6 +16259,18 @@ program
         });
     }
 });
+program
+    .command({
+    name: "init",
+    description: "(BETA) Initialize a new theme type (login/account/admin/email)"
+})
+    .task({
+    skip,
+    handler: async ({ projectDirPath }) => {
+        const { command } = await Promise.all(/* import() */[__nccwpck_require__.e(309), __nccwpck_require__.e(762)]).then(__nccwpck_require__.bind(__nccwpck_require__, 70762));
+        await command({ projectDirPath: projectDirPath !== null && projectDirPath !== void 0 ? projectDirPath : process.cwd() });
+    }
+});
 program
     .command({
     name: "eject-page",
@@ -16314,7 +16303,7 @@ program
     .task({
     skip,
     handler: async ({ projectDirPath }) => {
-        const { command } = await Promise.all(/* import() */[__nccwpck_require__.e(84), __nccwpck_require__.e(618)]).then(__nccwpck_require__.bind(__nccwpck_require__, 16932));
+        const { command } = await Promise.all(/* import() */[__nccwpck_require__.e(502), __nccwpck_require__.e(932)]).then(__nccwpck_require__.bind(__nccwpck_require__, 16932));
         await command({ buildContext: (0,buildContext/* getBuildContext */.s)({ projectDirPath }) });
     }
 });
@@ -16338,7 +16327,7 @@ program
     .task({
     skip,
     handler: async ({ projectDirPath }) => {
-        const { command } = await Promise.all(/* import() */[__nccwpck_require__.e(84), __nccwpck_require__.e(313)]).then(__nccwpck_require__.bind(__nccwpck_require__, 60355));
+        const { command } = await Promise.all(/* import() */[__nccwpck_require__.e(502), __nccwpck_require__.e(355)]).then(__nccwpck_require__.bind(__nccwpck_require__, 60355));
         await command({ buildContext: (0,buildContext/* getBuildContext */.s)({ projectDirPath }) });
     }
 });
@@ -16362,7 +16351,7 @@ program
     .task({
     skip,
     handler: async ({ projectDirPath }) => {
-        const { command } = await Promise.all(/* import() */[__nccwpck_require__.e(786), __nccwpck_require__.e(433)]).then(__nccwpck_require__.bind(__nccwpck_require__, 10786));
+        const { command } = await Promise.all(/* import() */[__nccwpck_require__.e(786), __nccwpck_require__.e(30)]).then(__nccwpck_require__.bind(__nccwpck_require__, 10786));
         await command({ buildContext: (0,buildContext/* getBuildContext */.s)({ projectDirPath }) });
     }
 });
@@ -16391,7 +16380,7 @@ program
     .task({
     skip,
     handler: async ({ projectDirPath }) => {
-        const { command } = await Promise.all(/* import() */[__nccwpck_require__.e(69), __nccwpck_require__.e(84), __nccwpck_require__.e(786), __nccwpck_require__.e(97), __nccwpck_require__.e(946)]).then(__nccwpck_require__.bind(__nccwpck_require__, 74946));
+        const { command } = await Promise.all(/* import() */[__nccwpck_require__.e(69), __nccwpck_require__.e(786), __nccwpck_require__.e(97), __nccwpck_require__.e(946)]).then(__nccwpck_require__.bind(__nccwpck_require__, 74946));
         await command({ buildContext: (0,buildContext/* getBuildContext */.s)({ projectDirPath }) });
     }
 });
@@ -16459,7 +16448,7 @@ program
     .task({
     skip,
     handler: async ({ projectDirPath, path, revert, public: public_params }) => {
-        const { command } = await Promise.all(/* import() */[__nccwpck_require__.e(69), __nccwpck_require__.e(84), __nccwpck_require__.e(786), __nccwpck_require__.e(97), __nccwpck_require__.e(930)]).then(__nccwpck_require__.bind(__nccwpck_require__, 71930));
+        const { command } = await Promise.all(/* import() */[__nccwpck_require__.e(69), __nccwpck_require__.e(786), __nccwpck_require__.e(97), __nccwpck_require__.e(930)]).then(__nccwpck_require__.bind(__nccwpck_require__, 71930));
         await command({
             buildContext: (0,buildContext/* getBuildContext */.s)({ projectDirPath }),
             cliCommandOptions: { path, isRevert: revert, isPublic: public_params }

package/bin/shared/customHandler.d.ts

@@ -1,7 +1,7 @@
 import type { BuildContext } from "./buildContext";
 export declare const BIN_NAME = "_keycloakify-custom-handler";
 export declare const NOT_IMPLEMENTED_EXIT_CODE = 78;
-export type CommandName = "update-kc-gen" | "eject-page" | "add-story" | "initialize-account-theme" | "initialize-admin-theme" | "initialize-admin-theme" | "initialize-email-theme" | "copy-keycloak-resources-to-public";
+export type CommandName = "update-kc-gen" | "eject-page" | "add-story" | "initialize-login-theme" | "initialize-account-theme" | "initialize-admin-theme" | "initialize-admin-theme" | "initialize-email-theme" | "copy-keycloak-resources-to-public" | "init";
 export type ApiVersion = "v1";
 export declare function readParams(params: {
     apiVersion: ApiVersion;

package/bin/shared/customHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"customHandler.js","sourceRoot":"","sources":["../../src/bin/shared/customHandler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAEtC,OAAO,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AAEvD,MAAM,CAAC,MAAM,QAAQ,GAAG,6BAA6B,CAAC;AAEtD,MAAM,CAAC,MAAM,yBAAyB,GAAG,EAAE,CAAC;AAc5C,MAAM,UAAU,UAAU,CAAC,MAAkC;IACzD,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,CAAC;IAE9B,MAAM,CAAC,UAAU,KAAK,IAAI,CAAC,CAAC;IAE5B,MAAM,WAAW,GAAG,CAAC,GAAG,EAAE;QACtB,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,CAAC,wBAAwB,CAAC,YAAY,CAAC,CAAC;QAEpE,MAAM,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC;QAE/B,OAAO,QAAuB,CAAC;IACnC,CAAC,CAAC,EAAE,CAAC;IAEL,MAAM,YAAY,GAAG,CAAC,GAAG,EAAE;QACvB,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,CAAC,wBAAwB,CAAC,aAAa,CAAC,CAAC;QAErE,MAAM,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC;QAE/B,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAiB,CAAC;IAChD,CAAC,CAAC,EAAE,CAAC;IAEL,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,CAAC;AACzC,CAAC"}
+{"version":3,"file":"customHandler.js","sourceRoot":"","sources":["../../src/bin/shared/customHandler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAEtC,OAAO,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AAEvD,MAAM,CAAC,MAAM,QAAQ,GAAG,6BAA6B,CAAC;AAEtD,MAAM,CAAC,MAAM,yBAAyB,GAAG,EAAE,CAAC;AAgB5C,MAAM,UAAU,UAAU,CAAC,MAAkC;IACzD,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,CAAC;IAE9B,MAAM,CAAC,UAAU,KAAK,IAAI,CAAC,CAAC;IAE5B,MAAM,WAAW,GAAG,CAAC,GAAG,EAAE;QACtB,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,CAAC,wBAAwB,CAAC,YAAY,CAAC,CAAC;QAEpE,MAAM,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC;QAE/B,OAAO,QAAuB,CAAC;IACnC,CAAC,CAAC,EAAE,CAAC;IAEL,MAAM,YAAY,GAAG,CAAC,GAAG,EAAE;QACvB,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,CAAC,wBAAwB,CAAC,aAAa,CAAC,CAAC;QAErE,MAAM,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC;QAE/B,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAiB,CAAC;IAChD,CAAC,CAAC,EAAE,CAAC;IAEL,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,CAAC;AACzC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "keycloakify",
-    "version": "11.8.46",
+    "version": "11.8.47-rc.1",
     "description": "Framework to create custom Keycloak UIs",
     "repository": {
         "type": "git",
@@ -655,6 +655,10 @@
         "src/bin/add-story.ts",
         "src/bin/copy-keycloak-resources-to-public.ts",
         "src/bin/eject-page.ts",
+        "src/bin/init/index.ts",
+        "src/bin/init/init.ts",
+        "src/bin/init/setupEslint.ts",
+        "src/bin/init/setupVitePluginIfNeeded.ts",
         "src/bin/initialize-account-theme/index.ts",
         "src/bin/initialize-account-theme/initialize-account-theme.ts",
         "src/bin/initialize-account-theme/multi-page-boilerplate/KcContext.ts",
@@ -664,6 +668,7 @@
         "src/bin/initialize-account-theme/updateAccountThemeImplementationInConfig.ts",
         "src/bin/initialize-admin-theme.ts",
         "src/bin/initialize-email-theme.ts",
+        "src/bin/initialize-login-theme.ts",
         "src/bin/keycloakify/buildJars/buildJar.ts",
         "src/bin/keycloakify/buildJars/buildJars.ts",
         "src/bin/keycloakify/buildJars/extensionVersions.ts",
@@ -1034,11 +1039,16 @@
         "bin/add-story.d.ts",
         "bin/copy-keycloak-resources-to-public.d.ts",
         "bin/eject-page.d.ts",
+        "bin/init/index.d.ts",
+        "bin/init/init.d.ts",
+        "bin/init/setupEslint.d.ts",
+        "bin/init/setupVitePluginIfNeeded.d.ts",
         "bin/initialize-account-theme/index.d.ts",
         "bin/initialize-account-theme/initialize-account-theme.d.ts",
         "bin/initialize-account-theme/updateAccountThemeImplementationInConfig.d.ts",
         "bin/initialize-admin-theme.d.ts",
         "bin/initialize-email-theme.d.ts",
+        "bin/initialize-login-theme.d.ts",
         "bin/keycloakify/buildJars/buildJar.d.ts",
         "bin/keycloakify/buildJars/buildJars.d.ts",
         "bin/keycloakify/buildJars/extensionVersions.d.ts",
@@ -1122,27 +1132,33 @@
         "bin/tools/transformCodebase.d.ts",
         "bin/update-kc-gen.d.ts",
         "bin/main.js",
+        "bin/254.index.js",
         "bin/266.index.js",
+        "bin/30.index.js",
         "bin/304.index.js",
-        "bin/313.index.js",
+        "bin/309.index.js",
+        "bin/311.index.js",
+        "bin/355.index.js",
         "bin/369.index.js",
         "bin/375.index.js",
         "bin/40.index.js",
-        "bin/433.index.js",
         "bin/453.index.js",
-        "bin/618.index.js",
+        "bin/502.index.js",
+        "bin/626.index.js",
+        "bin/656.index.js",
         "bin/658.index.js",
+        "bin/675.index.js",
         "bin/69.index.js",
-        "bin/698.index.js",
         "bin/712.index.js",
         "bin/720.index.js",
+        "bin/762.index.js",
         "bin/780.index.js",
         "bin/786.index.js",
-        "bin/84.index.js",
-        "bin/864.index.js",
         "bin/877.index.js",
+        "bin/895.index.js",
         "bin/910.index.js",
         "bin/930.index.js",
+        "bin/932.index.js",
         "bin/946.index.js",
         "bin/949.index.js",
         "bin/97.index.js",

package/src/bin/init/index.ts

@@ -0,0 +1 @@
+export * from "./init";

package/src/bin/init/init.ts

@@ -0,0 +1,354 @@
+import { setupVitePluginIfNeeded } from "./setupVitePluginIfNeeded";
+import { setupEslint } from "./setupEslint";
+import { getBuildContext } from "../shared/buildContext";
+import { maybeDelegateCommandToCustomHandler } from "../shared/customHandler_delegate";
+import { z } from "zod";
+import { assert, type Equals, is } from "tsafe/assert";
+import { id } from "tsafe/id";
+import * as fs from "fs/promises";
+import { runPrettier, getIsPrettierAvailable } from "../tools/runPrettier";
+import cliSelect from "cli-select";
+import { THEME_TYPES } from "../shared/constants";
+import chalk from "chalk";
+import { join as pathJoin, relative as pathRelative } from "path";
+import { existsAsync } from "../tools/fs.existsAsync";
+import { KEYCLOAK_THEME } from "../shared/constants";
+
+export async function command(params: { projectDirPath: string }) {
+    const { projectDirPath } = params;
+
+    await setupVitePluginIfNeeded({ projectDirPath });
+
+    const buildContext = getBuildContext({ projectDirPath });
+
+    const { hasBeenHandled } = await maybeDelegateCommandToCustomHandler({
+        commandName: "init",
+        buildContext
+    });
+
+    if (hasBeenHandled) {
+        return;
+    }
+
+    await setupEslint({ projectDirPath });
+
+    let doAddRunDevScript = false;
+
+    setup_src: {
+        if (buildContext.bundler !== "vite") {
+            break setup_src;
+        }
+
+        const srcDirPath = pathJoin(buildContext.projectDirPath, "src");
+
+        const mainTsxFilePath = pathJoin(srcDirPath, "main.tsx");
+
+        if (!(await existsAsync(mainTsxFilePath))) {
+            break setup_src;
+        }
+
+        const isAlreadySetup = await (async () => {
+            if (buildContext.themeSrcDirPath !== srcDirPath) {
+                return true;
+            }
+
+            {
+                const basenames = await fs.readdir(srcDirPath);
+
+                for (const basename of basenames) {
+                    const path = pathJoin(srcDirPath, basename);
+
+                    if (!(await fs.stat(path)).isFile()) {
+                        continue;
+                    }
+
+                    if ((await fs.readFile(path)).toString("utf8").includes("./kc.gen")) {
+                        return true;
+                    }
+                }
+            }
+
+            for (const themeType of [...THEME_TYPES, "email"]) {
+                if (!(await existsAsync(pathJoin(srcDirPath, themeType)))) {
+                    continue;
+                }
+                return true;
+            }
+
+            return false;
+        })();
+
+        if (isAlreadySetup) {
+            break setup_src;
+        }
+
+        const doSetupAsStandalone = await (async () => {
+            const relativeProjectDirPath = pathRelative(
+                process.cwd(),
+                buildContext.projectDirPath
+            );
+
+            console.log(
+                chalk.cyan(
+                    [
+                        relativeProjectDirPath === ""
+                            ? "This Vite project"
+                            : `The Vite project at ${relativeProjectDirPath}`,
+                        "is it dedicated *only* to building a Keycloak theme?"
+                    ].join(" ")
+                )
+            );
+
+            const YES = "Yes — this project is only for the Keycloak theme (recommended)";
+            const NO =
+                "No  — I'm building an app and a Keycloak theme in the same project (advanced)";
+
+            const { value } = await cliSelect({ values: [YES, NO] }).catch(() => {
+                process.exit(-1);
+            });
+
+            console.log(`${value}\n`);
+
+            return value === YES;
+        })();
+
+        let files: { relativeFilePath: string; fileContent: string }[];
+
+        if (doSetupAsStandalone) {
+            const viteEnvDTsFilePath = pathJoin(
+                buildContext.themeSrcDirPath,
+                "vite-env.d.ts"
+            );
+
+            const viteEnvDTsContent = await fs.readFile(viteEnvDTsFilePath);
+
+            await fs.rm(srcDirPath, { recursive: true });
+
+            await fs.mkdir(srcDirPath);
+
+            await fs.writeFile(viteEnvDTsFilePath, viteEnvDTsContent);
+
+            files = [
+                {
+                    relativeFilePath: "main.tsx",
+                    fileContent: [
+                        `if (window.kcContext !== undefined) {`,
+                        `    import("./main-kc");`,
+                        `} else {`,
+                        `    import("./main-kc.dev");`,
+                        `}`
+                    ].join("\n")
+                },
+                {
+                    relativeFilePath: "main-kc.dev.tsx",
+                    fileContent: `export {};\n`
+                },
+                {
+                    relativeFilePath: "main-kc.tsx",
+                    fileContent: [
+                        `import { createRoot } from "react-dom/client";`,
+                        `import { StrictMode } from "react";`,
+                        `import { KcPage } from "./kc.gen";`,
+                        ``,
+                        `if (!window.kcContext) {`,
+                        `    throw new Error("No Keycloak context");`,
+                        `}`,
+                        ``,
+                        `createRoot(document.getElementById("root")!).render(`,
+                        `    <StrictMode>`,
+                        `        <KcPage kcContext={window.kcContext} />`,
+                        `    </StrictMode>`,
+                        `);`
+                    ].join("\n")
+                }
+            ];
+        } else {
+            doAddRunDevScript = true;
+
+            await fs.copyFile(
+                mainTsxFilePath,
+                pathJoin(buildContext.themeSrcDirPath, "main-app.tsx")
+            );
+
+            files = [
+                {
+                    relativeFilePath: "main.tsx",
+                    fileContent: [
+                        `if (window.kcContext !== undefined) {`,
+                        `    import("./keycloak-theme/main");`,
+                        `} else if (import.meta.env.VITE_KC_DEV === "true") {`,
+                        `    import("./keycloak-theme/main.dev");`,
+                        `} else {`,
+                        `    import("./main-app");`,
+                        `}`,
+                        ``
+                    ].join("\n")
+                },
+                {
+                    relativeFilePath: pathJoin(KEYCLOAK_THEME, "main.dev.tsx"),
+                    fileContent: `export {};\n`
+                },
+                {
+                    relativeFilePath: pathJoin(KEYCLOAK_THEME, "main.tsx"),
+                    fileContent: [
+                        `import { createRoot } from "react-dom/client";`,
+                        `import { StrictMode } from "react";`,
+                        `import { KcPage } from "./kc.gen";`,
+                        ``,
+                        `if (!window.kcContext) {`,
+                        `    throw new Error("No Keycloak context");`,
+                        `}`,
+                        ``,
+                        `createRoot(document.getElementById("root")!).render(`,
+                        `    <StrictMode>`,
+                        `        <KcPage kcContext={window.kcContext} />`,
+                        `    </StrictMode>`,
+                        `);`,
+                        ``
+                    ].join("\n")
+                }
+            ];
+        }
+
+        for (let { relativeFilePath, fileContent } of files) {
+            const filePath = pathJoin(srcDirPath, relativeFilePath);
+
+            run_prettier: {
+                if (!(await getIsPrettierAvailable())) {
+                    break run_prettier;
+                }
+
+                fileContent = await runPrettier({
+                    filePath: filePath,
+                    sourceCode: fileContent
+                });
+            }
+
+            await fs.writeFile(filePath, Buffer.from(fileContent, "utf8"));
+        }
+    }
+
+    add_script: {
+        const parsedPackageJson = await (async () => {
+            type ParsedPackageJson = {
+                scripts: Record<string, string>;
+            };
+
+            const zParsedPackageJson = (() => {
+                type TargetType = ParsedPackageJson;
+
+                const zTargetType = z.object({
+                    scripts: z.record(z.string(), z.string())
+                });
+
+                assert<Equals<z.infer<typeof zTargetType>, TargetType>>();
+
+                return id<z.ZodType<TargetType>>(zTargetType);
+            })();
+
+            const parsedPackageJson = JSON.parse(
+                (await fs.readFile(buildContext.packageJsonFilePath)).toString("utf8")
+            );
+
+            zParsedPackageJson.parse(parsedPackageJson);
+
+            assert(is<ParsedPackageJson>(parsedPackageJson));
+
+            return parsedPackageJson;
+        })();
+
+        const SCRIPT_NAME = "build-keycloak-theme";
+
+        if (SCRIPT_NAME in parsedPackageJson.scripts) {
+            break add_script;
+        }
+
+        parsedPackageJson.scripts[SCRIPT_NAME] = "npm run build && keycloakify build";
+        if (doAddRunDevScript) {
+            parsedPackageJson.scripts["dev-keycloak-theme"] =
+                "VITE_KC_DEV=true npm run dev";
+        }
+
+        let packageJson_content = JSON.stringify(parsedPackageJson, null, 2);
+
+        run_prettier: {
+            if (!(await getIsPrettierAvailable())) {
+                break run_prettier;
+            }
+
+            packageJson_content = await runPrettier({
+                filePath: buildContext.packageJsonFilePath,
+                sourceCode: packageJson_content
+            });
+        }
+
+        await fs.writeFile(
+            buildContext.packageJsonFilePath,
+            Buffer.from(packageJson_content, "utf8")
+        );
+    }
+
+    const themeType = await (async () => {
+        const values = ([...THEME_TYPES, "email"] as const).filter(themeType => {
+            const wrap = buildContext.implementedThemeTypes[themeType];
+
+            return !wrap.isImplemented && !wrap.isImplemented_native;
+        });
+
+        if (values.length === 0) {
+            return undefined;
+        }
+
+        console.log(chalk.cyan(`\nWhich theme theme type would you like to initialize?`));
+
+        const { value } = await cliSelect({
+            values
+        }).catch(() => {
+            process.exit(-1);
+        });
+
+        console.log(value);
+
+        return value;
+    })();
+
+    if (themeType === undefined) {
+        console.log(
+            chalk.gray("You already have implemented a theme type of every kind, exiting")
+        );
+        process.exit(0);
+    }
+
+    switch (themeType) {
+        case "account":
+            {
+                const { command } = await import("../initialize-account-theme");
+
+                await command({ buildContext });
+            }
+            return;
+        case "admin":
+            {
+                const { command } = await import("../initialize-admin-theme");
+
+                await command({ buildContext });
+            }
+            return;
+        case "email":
+            {
+                const { command } = await import("../initialize-email-theme");
+
+                await command({ buildContext });
+            }
+            return;
+        case "login":
+            {
+                const { command } = await import("../initialize-login-theme");
+
+                await command({ buildContext });
+            }
+            return;
+    }
+
+    assert<Equals<typeof themeType, never>>;
+}

package/src/bin/init/setupEslint.ts

@@ -0,0 +1,80 @@
+import { join as pathJoin } from "path";
+import { existsAsync } from "../tools/fs.existsAsync";
+import * as fs from "fs/promises";
+import * as recast from "recast";
+import { runPrettier, getIsPrettierAvailable } from "../tools/runPrettier";
+import * as babelParser from "@babel/parser";
+import babelGenerate from "@babel/generator";
+import * as babelTypes from "@babel/types";
+
+/** This function will just set reportUnusedDisableDirectives to off so that we don't get warning on generated files */
+export async function setupEslint(params: { projectDirPath: string }) {
+    const { projectDirPath } = params;
+
+    const eslintConfigJsFilePath = pathJoin(projectDirPath, "eslint.config.js");
+
+    if (!(await existsAsync(eslintConfigJsFilePath))) {
+        return;
+    }
+
+    const eslintConfigJsContent = (await fs.readFile(eslintConfigJsFilePath)).toString(
+        "utf8"
+    );
+
+    if (eslintConfigJsContent.includes("reportUnusedDisableDirectives")) {
+        return;
+    }
+
+    const root = recast.parse(eslintConfigJsContent, {
+        parser: {
+            parse: (code: string) =>
+                babelParser.parse(code, {
+                    sourceType: "module",
+                    plugins: ["typescript"]
+                })
+        }
+    });
+
+    recast.visit(root, {
+        visitExportDefaultDeclaration(path) {
+            // @ts-expect-error
+            const args = path.node.declaration.arguments;
+
+            if (!Array.isArray(args)) return false;
+
+            args.push(
+                babelTypes.objectExpression([
+                    babelTypes.objectProperty(
+                        babelTypes.identifier("linterOptions"),
+                        babelTypes.objectExpression([
+                            babelTypes.objectProperty(
+                                babelTypes.identifier("reportUnusedDisableDirectives"),
+                                babelTypes.stringLiteral("off")
+                            )
+                        ])
+                    )
+                ])
+            );
+
+            return false;
+        }
+    });
+
+    let eslintConfigJsContent_modified = babelGenerate(root).code;
+
+    format: {
+        if (!(await getIsPrettierAvailable())) {
+            break format;
+        }
+
+        eslintConfigJsContent_modified = await runPrettier({
+            sourceCode: eslintConfigJsContent_modified,
+            filePath: eslintConfigJsFilePath
+        });
+    }
+
+    await fs.writeFile(
+        eslintConfigJsFilePath,
+        Buffer.from(eslintConfigJsContent_modified, "utf8")
+    );
+}