keycloakify 11.8.46 → 11.8.47-rc.2

package/bin/main.js

@@ -73,7 +73,8 @@ function getProxyFetchOptions(params) {
     const { npmConfigGetCwd } = params;
     const cfg = (() => {
         const output = external_child_process_.execSync("npm config get", {
-            cwd: npmConfigGetCwd
+            cwd: npmConfigGetCwd,
+            stdio: ["pipe", "pipe", "ignore"]
         })
             .toString("utf8");
         return output
@@ -194,30 +195,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)
@@ -227,6 +205,7 @@ function getBuildContext(params) {
         }
         const output = external_child_process_.execSync("npx vite", {
             cwd: projectDirPath,
+            stdio: ["pipe", "pipe", "ignore"],
             env: Object.assign(Object.assign({}, process.env), { [constants/* VITE_PLUGIN_SUB_SCRIPTS_ENV_NAMES.RESOLVE_VITE_CONFIG */.TE.RESOLVE_VITE_CONFIG]: "true" })
         })
             .toString("utf8");
@@ -600,25 +579,27 @@ function getBuildContext(params) {
         environmentVariables: (_e = buildOptions.environmentVariables) !== null && _e !== void 0 ? _e : [],
         implementedThemeTypes,
         themeSrcDirPath,
-        fetchOptions: getProxyFetchOptions({
-            npmConfigGetCwd: (function callee(upCount) {
-                const dirPath = (0,external_path_.resolve)((0,external_path_.join)(...[projectDirPath, ...Array(upCount).fill("..")]));
-                (0,assert/* assert */.h)(dirPath !== external_path_.sep, "Couldn't find a place to run 'npm config get'");
-                try {
-                    external_child_process_.execSync("npm config get", {
-                        cwd: dirPath,
-                        stdio: "pipe"
-                    });
-                }
-                catch (error) {
-                    if (String(error).includes("ENOWORKSPACES")) {
-                        return callee(upCount + 1);
+        get fetchOptions() {
+            return getProxyFetchOptions({
+                npmConfigGetCwd: (function callee(upCount) {
+                    const dirPath = (0,external_path_.resolve)((0,external_path_.join)(...[projectDirPath, ...Array(upCount).fill("..")]));
+                    (0,assert/* assert */.h)(dirPath !== external_path_.sep, "Couldn't find a place to run 'npm config get'");
+                    try {
+                        external_child_process_.execSync("npm config get", {
+                            cwd: dirPath,
+                            stdio: "pipe"
+                        });
                     }
-                    throw error;
-                }
-                return dirPath;
-            })(0)
-        }),
+                    catch (error) {
+                        if (String(error).includes("ENOWORKSPACES")) {
+                            return callee(upCount + 1);
+                        }
+                        throw error;
+                    }
+                    return dirPath;
+                })(0)
+            });
+        },
         jarTargets: (() => {
             const getDefaultJarFileBasename = (range) => `keycloak-theme-for-kc-${range}.jar`;
             build_for_specific_keycloak_major_version: {
@@ -16223,7 +16204,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 +16263,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 +16307,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 +16331,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 +16355,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 +16384,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 +16452,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.2",
     "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(`Which 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>>;
+}