keycloakify 11.8.41 → 11.8.43

package/src/bin/update-kc-gen.ts

@@ -5,6 +5,9 @@ import { existsAsync } from "./tools/fs.existsAsync";
 import { maybeDelegateCommandToCustomHandler } from "./shared/customHandler_delegate";
 import * as crypto from "crypto";
 import { getIsPrettierAvailable, runPrettier } from "./tools/runPrettier";
+import { assert, type Equals } from "tsafe/assert";
+import { WELL_KNOWN_DIRECTORY_BASE_NAME } from "./shared/constants";
+import { readPackageJsonDependencies } from "./tools/listInstalledModules";
 
 export async function command(params: { buildContext: BuildContext }) {
     const { buildContext } = params;
@@ -49,6 +52,12 @@ export async function command(params: { buildContext: BuildContext }) {
                 `export function KcPage(_props: { kcContext: any; }){`,
                 `    return null;`,
                 `}`,
+                ``,
+                `declare global {`,
+                `    interface Window {`,
+                `        kcContext?: KcContext;`,
+                `    }`,
+                `}`,
                 ``
             ].join("\n");
 
@@ -129,9 +138,71 @@ export async function command(params: { buildContext: BuildContext }) {
             `        </Suspense>`,
             `    );`,
             `}`,
-            ``
+            ``,
+            ...(() => {
+                const { bundler } = buildContext;
+                switch (bundler) {
+                    case "vite":
+                        return [
+                            "NOTE: This is exported here only because in Webpack environnement it works differently",
+                            `export const BASE_URL = import.meta.env.BASE_URL`
+                        ];
+                    case "webpack":
+                        return [
+                            "// NOTE: This is a polyfill for `import.meta.env.BASE_URL` as it's not available in Webpack environment.",
+                            "export const BASE_URL =",
+                            `    window.kcContext === undefined || process.env.NODE_ENV === "development"`,
+                            `        ? process.env.PUBLIC_URL === ""`,
+                            `            ? "/"`,
+                            `            : \`${process.env.PUBLIC_URL}/\``,
+                            `        : \`\${kcContext["x-keycloakify"].resourcesPath}/${WELL_KNOWN_DIRECTORY_BASE_NAME.DIST}/\`;`,
+                            ""
+                        ];
+                    default:
+                        assert<Equals<typeof bundler, never>>(false);
+                }
+            })(),
+            await (async () => {
+                const { dependencies, devDependencies } =
+                    await readPackageJsonDependencies({
+                        packageJsonFilePath: buildContext.packageJsonFilePath
+                    });
+
+                const moduleNames = Object.keys({
+                    ...dependencies,
+                    ...devDependencies
+                });
+
+                const moduleName = (() => {
+                    for (const moduleName_candidate of [
+                        "@storybook/react-vite",
+                        "@storybook/react-webpack5",
+                        "@storybook/react"
+                    ]) {
+                        if (moduleNames.includes(moduleName_candidate)) {
+                            return moduleName_candidate;
+                        }
+                    }
+
+                    return undefined;
+                })();
+
+                if (moduleName === undefined) {
+                    return false as const;
+                }
+
+                return [
+                    `// NOTE: This is only exported here because you're supposed to import type from different packages`,
+                    `// Depending of if you are using Vite, Webpack, ect...`,
+                    `export type { Meta, StoryObj } from "${moduleName}";`,
+                    ``
+                ].join("\n");
+            })()
         ]
-            .filter(item => typeof item === "string")
+            .filter(item => {
+                assert<Equals<typeof item, string | false>>;
+                return typeof item === "string";
+            })
             .join("\n");
     }
 

package/vite-plugin/index.js

@@ -1153,8 +1153,8 @@ function readParams(params) {
 //# sourceMappingURL=customHandler.js.map
 // EXTERNAL MODULE: external "child_process"
 var external_child_process_ = __nccwpck_require__(81);
-// EXTERNAL MODULE: ./dist/bin/tools/nodeModulesBinDirPath.js + 2 modules
-var tools_nodeModulesBinDirPath = __nccwpck_require__(636);
+// EXTERNAL MODULE: ./dist/bin/tools/nodeModulesBinDirPath.js
+var tools_nodeModulesBinDirPath = __nccwpck_require__(776);
 // EXTERNAL MODULE: external "fs"
 var external_fs_ = __nccwpck_require__(147);
 ;// CONCATENATED MODULE: ./dist/bin/shared/customHandler_delegate.js
@@ -1430,51 +1430,18 @@ async function checkDirExists(dirPath) {
 
 /***/ }),
 
-/***/ 822:
-/***/ ((__unused_webpack_module, __webpack_exports__, __nccwpck_require__) => {
-
-"use strict";
-/* harmony export */ __nccwpck_require__.d(__webpack_exports__, {
-/* harmony export */   "B": () => (/* binding */ getNearestPackageJsonDirPath),
-/* harmony export */   "e": () => (/* binding */ getThisCodebaseRootDirPath)
-/* harmony export */ });
-/* harmony import */ var fs__WEBPACK_IMPORTED_MODULE_0__ = __nccwpck_require__(147);
-/* harmony import */ var fs__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__nccwpck_require__.n(fs__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var path__WEBPACK_IMPORTED_MODULE_1__ = __nccwpck_require__(17);
-/* harmony import */ var path__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__nccwpck_require__.n(path__WEBPACK_IMPORTED_MODULE_1__);
-
-
-let result = undefined;
-function getThisCodebaseRootDirPath() {
-    if (result !== undefined) {
-        return result;
-    }
-    return (result = getNearestPackageJsonDirPath(__dirname));
-}
-function getNearestPackageJsonDirPath(dirPath) {
-    if (fs__WEBPACK_IMPORTED_MODULE_0__.existsSync(path__WEBPACK_IMPORTED_MODULE_1__.join(dirPath, "package.json"))) {
-        return dirPath;
-    }
-    return getNearestPackageJsonDirPath(path__WEBPACK_IMPORTED_MODULE_1__.join(dirPath, ".."));
-}
-//# sourceMappingURL=getThisCodebaseRootDirPath.js.map
-
-/***/ }),
-
-/***/ 636:
+/***/ 721:
 /***/ ((__unused_webpack_module, __webpack_exports__, __nccwpck_require__) => {
 
 "use strict";
 
 // EXPORTS
 __nccwpck_require__.d(__webpack_exports__, {
-  "K": () => (/* binding */ getNodeModulesBinDirPath)
+  "p": () => (/* binding */ getInstalledModuleDirPath)
 });
 
 // EXTERNAL MODULE: external "path"
 var external_path_ = __nccwpck_require__(17);
-// EXTERNAL MODULE: ./dist/bin/tools/getThisCodebaseRootDirPath.js
-var getThisCodebaseRootDirPath = __nccwpck_require__(822);
 // EXTERNAL MODULE: ./dist/bin/tools/fs.existsAsync.js
 var fs_existsAsync = __nccwpck_require__(765);
 // EXTERNAL MODULE: external "child_process"
@@ -1537,13 +1504,57 @@ async function getInstalledModuleDirPath(params) {
     return dirPath;
 }
 //# sourceMappingURL=getInstalledModuleDirPath.js.map
-// EXTERNAL MODULE: ./node_modules/zod/lib/index.mjs
-var lib = __nccwpck_require__(300);
-// EXTERNAL MODULE: external "fs/promises"
-var promises_ = __nccwpck_require__(292);
-// EXTERNAL MODULE: ./node_modules/tsafe/esm/id.mjs
-var id = __nccwpck_require__(469);
-;// CONCATENATED MODULE: ./dist/bin/tools/nodeModulesBinDirPath.js
+
+/***/ }),
+
+/***/ 822:
+/***/ ((__unused_webpack_module, __webpack_exports__, __nccwpck_require__) => {
+
+"use strict";
+/* harmony export */ __nccwpck_require__.d(__webpack_exports__, {
+/* harmony export */   "B": () => (/* binding */ getNearestPackageJsonDirPath),
+/* harmony export */   "e": () => (/* binding */ getThisCodebaseRootDirPath)
+/* harmony export */ });
+/* harmony import */ var fs__WEBPACK_IMPORTED_MODULE_0__ = __nccwpck_require__(147);
+/* harmony import */ var fs__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__nccwpck_require__.n(fs__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var path__WEBPACK_IMPORTED_MODULE_1__ = __nccwpck_require__(17);
+/* harmony import */ var path__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__nccwpck_require__.n(path__WEBPACK_IMPORTED_MODULE_1__);
+
+
+let result = undefined;
+function getThisCodebaseRootDirPath() {
+    if (result !== undefined) {
+        return result;
+    }
+    return (result = getNearestPackageJsonDirPath(__dirname));
+}
+function getNearestPackageJsonDirPath(dirPath) {
+    if (fs__WEBPACK_IMPORTED_MODULE_0__.existsSync(path__WEBPACK_IMPORTED_MODULE_1__.join(dirPath, "package.json"))) {
+        return dirPath;
+    }
+    return getNearestPackageJsonDirPath(path__WEBPACK_IMPORTED_MODULE_1__.join(dirPath, ".."));
+}
+//# sourceMappingURL=getThisCodebaseRootDirPath.js.map
+
+/***/ }),
+
+/***/ 776:
+/***/ ((__unused_webpack_module, __webpack_exports__, __nccwpck_require__) => {
+
+"use strict";
+/* harmony export */ __nccwpck_require__.d(__webpack_exports__, {
+/* harmony export */   "K": () => (/* binding */ getNodeModulesBinDirPath)
+/* harmony export */ });
+/* harmony import */ var path__WEBPACK_IMPORTED_MODULE_0__ = __nccwpck_require__(17);
+/* harmony import */ var path__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__nccwpck_require__.n(path__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _getThisCodebaseRootDirPath__WEBPACK_IMPORTED_MODULE_1__ = __nccwpck_require__(822);
+/* harmony import */ var _getInstalledModuleDirPath__WEBPACK_IMPORTED_MODULE_2__ = __nccwpck_require__(721);
+/* harmony import */ var _fs_existsAsync__WEBPACK_IMPORTED_MODULE_3__ = __nccwpck_require__(765);
+/* harmony import */ var zod__WEBPACK_IMPORTED_MODULE_6__ = __nccwpck_require__(300);
+/* harmony import */ var fs_promises__WEBPACK_IMPORTED_MODULE_4__ = __nccwpck_require__(292);
+/* harmony import */ var fs_promises__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__nccwpck_require__.n(fs_promises__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var tsafe_assert__WEBPACK_IMPORTED_MODULE_5__ = __nccwpck_require__(41);
+/* harmony import */ var tsafe_id__WEBPACK_IMPORTED_MODULE_7__ = __nccwpck_require__(469);
 
 
 
@@ -1574,13 +1585,13 @@ function getNodeModulesBinDirPath_bestEffort() {
         if (!binPath.endsWith(".ts")) {
             break special_case_running_not_from_distribution;
         }
-        const packageJsonDirPath = (0,getThisCodebaseRootDirPath/* getNearestPackageJsonDirPath */.B)((0,external_path_.dirname)(binPath));
-        const nodeModulesBinDirPath = (0,external_path_.join)(packageJsonDirPath, "node_modules", ".bin");
+        const packageJsonDirPath = (0,_getThisCodebaseRootDirPath__WEBPACK_IMPORTED_MODULE_1__/* .getNearestPackageJsonDirPath */ .B)((0,path__WEBPACK_IMPORTED_MODULE_0__.dirname)(binPath));
+        const nodeModulesBinDirPath = (0,path__WEBPACK_IMPORTED_MODULE_0__.join)(packageJsonDirPath, "node_modules", ".bin");
         return nodeModulesBinDirPath;
     }
     const segments = [".bin"];
     let foundNodeModules = false;
-    for (const segment of binPath.split(external_path_.sep).reverse()) {
+    for (const segment of binPath.split(path__WEBPACK_IMPORTED_MODULE_0__.sep).reverse()) {
         skip_segment: {
             if (foundNodeModules) {
                 break skip_segment;
@@ -1596,7 +1607,7 @@ function getNodeModulesBinDirPath_bestEffort() {
     if (!foundNodeModules) {
         throw new Error(`Could not find node_modules in path ${binPath}`);
     }
-    const nodeModulesBinDirPath = segments.join(external_path_.sep);
+    const nodeModulesBinDirPath = segments.join(path__WEBPACK_IMPORTED_MODULE_0__.sep);
     cache_bestEffort = nodeModulesBinDirPath;
     return nodeModulesBinDirPath;
 }
@@ -1614,24 +1625,24 @@ async function getNodeModulesBinDirPath_withPackageJsonFileDirPath(params) {
         return cache_withPackageJsonFileDirPath.nodeModulesBinDirPath;
     }
     // [...]node_modules/keycloakify
-    const installedModuleDirPath = await getInstalledModuleDirPath({
+    const installedModuleDirPath = await (0,_getInstalledModuleDirPath__WEBPACK_IMPORTED_MODULE_2__/* .getInstalledModuleDirPath */ .p)({
         // Here it will always be "keycloakify" but since we are in tools/ we make something generic
         moduleName: await (async () => {
             const zParsedPackageJson = (() => {
-                const zTargetType = lib.z.object({
-                    name: lib.z.string()
+                const zTargetType = zod__WEBPACK_IMPORTED_MODULE_6__.z.object({
+                    name: zod__WEBPACK_IMPORTED_MODULE_6__.z.string()
                 });
-                assert/* assert */.h;
-                return (0,id.id)(zTargetType);
+                tsafe_assert__WEBPACK_IMPORTED_MODULE_5__/* .assert */ .h;
+                return (0,tsafe_id__WEBPACK_IMPORTED_MODULE_7__.id)(zTargetType);
             })();
-            const parsedPackageJson = JSON.parse((await promises_.readFile((0,external_path_.join)((0,getThisCodebaseRootDirPath/* getThisCodebaseRootDirPath */.e)(), "package.json"))).toString("utf8"));
+            const parsedPackageJson = JSON.parse((await fs_promises__WEBPACK_IMPORTED_MODULE_4__.readFile((0,path__WEBPACK_IMPORTED_MODULE_0__.join)((0,_getThisCodebaseRootDirPath__WEBPACK_IMPORTED_MODULE_1__/* .getThisCodebaseRootDirPath */ .e)(), "package.json"))).toString("utf8"));
             zParsedPackageJson.parse(parsedPackageJson);
-            (0,assert/* assert */.h)((0,assert.is)(parsedPackageJson));
+            (0,tsafe_assert__WEBPACK_IMPORTED_MODULE_5__/* .assert */ .h)((0,tsafe_assert__WEBPACK_IMPORTED_MODULE_5__.is)(parsedPackageJson));
             return parsedPackageJson.name;
         })(),
-        packageJsonDirPath: (0,external_path_.dirname)(packageJsonFilePath)
+        packageJsonDirPath: (0,path__WEBPACK_IMPORTED_MODULE_0__.dirname)(packageJsonFilePath)
     });
-    const segments = installedModuleDirPath.split(external_path_.sep);
+    const segments = installedModuleDirPath.split(path__WEBPACK_IMPORTED_MODULE_0__.sep);
     while (true) {
         const segment = segments.pop();
         if (segment === undefined) {
@@ -1640,8 +1651,8 @@ async function getNodeModulesBinDirPath_withPackageJsonFileDirPath(params) {
         if (segment !== "node_modules") {
             continue;
         }
-        const candidate = (0,external_path_.join)(segments.join(external_path_.sep), segment, ".bin");
-        if (!(await (0,fs_existsAsync/* existsAsync */.o)(candidate))) {
+        const candidate = (0,path__WEBPACK_IMPORTED_MODULE_0__.join)(segments.join(path__WEBPACK_IMPORTED_MODULE_0__.sep), segment, ".bin");
+        if (!(await (0,_fs_existsAsync__WEBPACK_IMPORTED_MODULE_3__/* .existsAsync */ .o)(candidate))) {
             continue;
         }
         cache_withPackageJsonFileDirPath = {
@@ -1703,7 +1714,7 @@ function readThisNpmPackageVersion() {
 /* harmony export */   "eY": () => (/* binding */ runPrettier)
 /* harmony export */ });
 /* unused harmony export getPrettier */
-/* harmony import */ var _nodeModulesBinDirPath__WEBPACK_IMPORTED_MODULE_0__ = __nccwpck_require__(636);
+/* harmony import */ var _nodeModulesBinDirPath__WEBPACK_IMPORTED_MODULE_0__ = __nccwpck_require__(776);
 /* harmony import */ var path__WEBPACK_IMPORTED_MODULE_1__ = __nccwpck_require__(17);
 /* harmony import */ var path__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__nccwpck_require__.n(path__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var fs_promises__WEBPACK_IMPORTED_MODULE_2__ = __nccwpck_require__(292);
@@ -1810,23 +1821,115 @@ async function runPrettier(params) {
 
 /***/ }),
 
-/***/ 786:
+/***/ 371:
 /***/ ((__unused_webpack_module, __webpack_exports__, __nccwpck_require__) => {
 
 "use strict";
+// ESM COMPAT FLAG
 __nccwpck_require__.r(__webpack_exports__);
-/* harmony export */ __nccwpck_require__.d(__webpack_exports__, {
-/* harmony export */   "command": () => (/* binding */ command)
-/* harmony export */ });
-/* harmony import */ var fs_promises__WEBPACK_IMPORTED_MODULE_0__ = __nccwpck_require__(292);
-/* harmony import */ var fs_promises__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__nccwpck_require__.n(fs_promises__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var path__WEBPACK_IMPORTED_MODULE_1__ = __nccwpck_require__(17);
-/* harmony import */ var path__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__nccwpck_require__.n(path__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _tools_fs_existsAsync__WEBPACK_IMPORTED_MODULE_2__ = __nccwpck_require__(765);
-/* harmony import */ var _shared_customHandler_delegate__WEBPACK_IMPORTED_MODULE_3__ = __nccwpck_require__(138);
-/* harmony import */ var crypto__WEBPACK_IMPORTED_MODULE_4__ = __nccwpck_require__(113);
-/* harmony import */ var crypto__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__nccwpck_require__.n(crypto__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _tools_runPrettier__WEBPACK_IMPORTED_MODULE_5__ = __nccwpck_require__(433);
+
+// EXPORTS
+__nccwpck_require__.d(__webpack_exports__, {
+  "command": () => (/* binding */ command)
+});
+
+// EXTERNAL MODULE: external "fs/promises"
+var promises_ = __nccwpck_require__(292);
+// EXTERNAL MODULE: external "path"
+var external_path_ = __nccwpck_require__(17);
+// EXTERNAL MODULE: ./dist/bin/tools/fs.existsAsync.js
+var fs_existsAsync = __nccwpck_require__(765);
+// EXTERNAL MODULE: ./dist/bin/shared/customHandler_delegate.js + 1 modules
+var customHandler_delegate = __nccwpck_require__(138);
+// EXTERNAL MODULE: external "crypto"
+var external_crypto_ = __nccwpck_require__(113);
+// EXTERNAL MODULE: ./dist/bin/tools/runPrettier.js
+var runPrettier = __nccwpck_require__(433);
+// EXTERNAL MODULE: ./node_modules/tsafe/esm/assert.mjs + 1 modules
+var assert = __nccwpck_require__(41);
+// EXTERNAL MODULE: ./dist/bin/shared/constants.js
+var constants = __nccwpck_require__(173);
+// EXTERNAL MODULE: ./node_modules/tsafe/esm/id.mjs
+var id = __nccwpck_require__(469);
+// EXTERNAL MODULE: ./node_modules/zod/lib/index.mjs
+var lib = __nccwpck_require__(300);
+// EXTERNAL MODULE: ./dist/bin/tools/getInstalledModuleDirPath.js + 1 modules
+var tools_getInstalledModuleDirPath = __nccwpck_require__(721);
+;// CONCATENATED MODULE: ./dist/bin/tools/listInstalledModules.js
+
+
+
+
+
+
+
+async function listInstalledModules(params) {
+    const { packageJsonFilePath, filter } = params;
+    const parsedPackageJson = await readPackageJsonDependencies({
+        packageJsonFilePath
+    });
+    const extensionModuleNames = [parsedPackageJson.dependencies, parsedPackageJson.devDependencies]
+        .filter(exclude(undefined))
+        .map(obj => Object.keys(obj))
+        .flat()
+        .filter(moduleName => filter({ moduleName }));
+    const result = await Promise.all(extensionModuleNames.map(async (moduleName) => {
+        const dirPath = await getInstalledModuleDirPath({
+            moduleName,
+            packageJsonDirPath: pathDirname(packageJsonFilePath)
+        });
+        const { version, peerDependencies } = await readPackageJsonVersionAndPeerDependencies({
+            packageJsonFilePath: pathJoin(dirPath, "package.json")
+        });
+        return { moduleName, version, peerDependencies, dirPath };
+    }));
+    return result;
+}
+const { readPackageJsonDependencies } = (() => {
+    const zParsedPackageJson = (() => {
+        const zTargetType = lib.z.object({
+            dependencies: lib.z.record(lib.z.string()).optional(),
+            devDependencies: lib.z.record(lib.z.string()).optional()
+        });
+        (0,assert/* assert */.h)();
+        return (0,id.id)(zTargetType);
+    })();
+    async function readPackageJsonDependencies(params) {
+        const { packageJsonFilePath } = params;
+        const parsedPackageJson = JSON.parse((await promises_.readFile(packageJsonFilePath)).toString("utf8"));
+        zParsedPackageJson.parse(parsedPackageJson);
+        (0,assert/* assert */.h)((0,assert.is)(parsedPackageJson));
+        return parsedPackageJson;
+    }
+    return { readPackageJsonDependencies };
+})();
+const { readPackageJsonVersionAndPeerDependencies } = (() => {
+    const zParsedPackageJson = (() => {
+        const zTargetType = lib.z.object({
+            version: lib.z.string(),
+            peerDependencies: lib.z.record(lib.z.string()).optional()
+        });
+        (0,assert/* assert */.h)();
+        return (0,id.id)(zTargetType);
+    })();
+    async function readPackageJsonVersionAndPeerDependencies(params) {
+        var _a;
+        const { packageJsonFilePath } = params;
+        const parsedPackageJson = JSON.parse((await promises_.readFile(packageJsonFilePath)).toString("utf8"));
+        zParsedPackageJson.parse(parsedPackageJson);
+        (0,assert/* assert */.h)((0,assert.is)(parsedPackageJson));
+        return {
+            version: parsedPackageJson.version,
+            peerDependencies: (_a = parsedPackageJson.peerDependencies) !== null && _a !== void 0 ? _a : {}
+        };
+    }
+    return { readPackageJsonVersionAndPeerDependencies };
+})();
+//# sourceMappingURL=listInstalledModules.js.map
+;// CONCATENATED MODULE: ./dist/bin/update-kc-gen.js
+
+
+
 
 
 
@@ -1842,14 +1945,14 @@ async function command(params) {
         const { command } = await Promise.resolve(/* import() */).then(__nccwpck_require__.bind(__nccwpck_require__, 713));
         await command({ buildContext });
     }
-    const { hasBeenHandled } = await (0,_shared_customHandler_delegate__WEBPACK_IMPORTED_MODULE_3__/* .maybeDelegateCommandToCustomHandler */ .q)({
+    const { hasBeenHandled } = await (0,customHandler_delegate/* maybeDelegateCommandToCustomHandler */.q)({
         commandName: "update-kc-gen",
         buildContext
     });
     if (hasBeenHandled) {
         return;
     }
-    const filePath = (0,path__WEBPACK_IMPORTED_MODULE_1__.join)(buildContext.themeSrcDirPath, "kc.gen.tsx");
+    const filePath = (0,external_path_.join)(buildContext.themeSrcDirPath, "kc.gen.tsx");
     const hasLoginTheme = buildContext.implementedThemeTypes.login.isImplemented;
     const hasAccountTheme = buildContext.implementedThemeTypes.account.isImplemented;
     const hasAdminTheme = buildContext.implementedThemeTypes.admin.isImplemented;
@@ -1867,6 +1970,12 @@ async function command(params) {
                 `export function KcPage(_props: { kcContext: any; }){`,
                 `    return null;`,
                 `}`,
+                ``,
+                `declare global {`,
+                `    interface Window {`,
+                `        kcContext?: KcContext;`,
+                `    }`,
+                `}`,
                 ``
             ].join("\n");
             break set_new_content;
@@ -1937,17 +2046,70 @@ async function command(params) {
             `        </Suspense>`,
             `    );`,
             `}`,
-            ``
+            ``,
+            ...(() => {
+                const { bundler } = buildContext;
+                switch (bundler) {
+                    case "vite":
+                        return [
+                            "NOTE: This is exported here only because in Webpack environnement it works differently",
+                            `export const BASE_URL = import.meta.env.BASE_URL`
+                        ];
+                    case "webpack":
+                        return [
+                            "// NOTE: This is a polyfill for `import.meta.env.BASE_URL` as it's not available in Webpack environment.",
+                            "export const BASE_URL =",
+                            `    window.kcContext === undefined || process.env.NODE_ENV === "development"`,
+                            `        ? process.env.PUBLIC_URL === ""`,
+                            `            ? "/"`,
+                            `            : \`${process.env.PUBLIC_URL}/\``,
+                            `        : \`\${kcContext["x-keycloakify"].resourcesPath}/${constants.WELL_KNOWN_DIRECTORY_BASE_NAME.DIST}/\`;`,
+                            ""
+                        ];
+                    default:
+                        (0,assert/* assert */.h)(false);
+                }
+            })(),
+            await (async () => {
+                const { dependencies, devDependencies } = await readPackageJsonDependencies({
+                    packageJsonFilePath: buildContext.packageJsonFilePath
+                });
+                const moduleNames = Object.keys(Object.assign(Object.assign({}, dependencies), devDependencies));
+                const moduleName = (() => {
+                    for (const moduleName_candidate of [
+                        "@storybook/react-vite",
+                        "@storybook/react-webpack5",
+                        "@storybook/react"
+                    ]) {
+                        if (moduleNames.includes(moduleName_candidate)) {
+                            return moduleName_candidate;
+                        }
+                    }
+                    return undefined;
+                })();
+                if (moduleName === undefined) {
+                    return false;
+                }
+                return [
+                    `// NOTE: This is only exported here because you're supposed to import type from different packages`,
+                    `// Depending of if you are using Vite, Webpack, ect...`,
+                    `export type { Meta, StoryObj } from "${moduleName}";`,
+                    ``
+                ].join("\n");
+            })()
         ]
-            .filter(item => typeof item === "string")
+            .filter(item => {
+            assert/* assert */.h;
+            return typeof item === "string";
+        })
             .join("\n");
     }
-    const hash = crypto__WEBPACK_IMPORTED_MODULE_4__.createHash("sha256").update(newContent).digest("hex");
+    const hash = external_crypto_.createHash("sha256").update(newContent).digest("hex");
     skip_if_no_changes: {
-        if (!(await (0,_tools_fs_existsAsync__WEBPACK_IMPORTED_MODULE_2__/* .existsAsync */ .o)(filePath))) {
+        if (!(await (0,fs_existsAsync/* existsAsync */.o)(filePath))) {
             break skip_if_no_changes;
         }
-        const currentContent = (await fs_promises__WEBPACK_IMPORTED_MODULE_0__.readFile(filePath)).toString("utf8");
+        const currentContent = (await promises_.readFile(filePath)).toString("utf8");
         if (!currentContent.includes(hash)) {
             break skip_if_no_changes;
         }
@@ -1960,21 +2122,21 @@ async function command(params) {
         newContent
     ].join("\n");
     format: {
-        if (!(await (0,_tools_runPrettier__WEBPACK_IMPORTED_MODULE_5__/* .getIsPrettierAvailable */ .MT)())) {
+        if (!(await (0,runPrettier/* getIsPrettierAvailable */.MT)())) {
             break format;
         }
-        newContent = await (0,_tools_runPrettier__WEBPACK_IMPORTED_MODULE_5__/* .runPrettier */ .eY)({
+        newContent = await (0,runPrettier/* runPrettier */.eY)({
             filePath,
             sourceCode: newContent
         });
     }
-    await fs_promises__WEBPACK_IMPORTED_MODULE_0__.writeFile(filePath, Buffer.from(newContent, "utf8"));
+    await promises_.writeFile(filePath, Buffer.from(newContent, "utf8"));
     delete_legacy_file: {
         const legacyFilePath = filePath.replace(/tsx$/, "ts");
-        if (!(await (0,_tools_fs_existsAsync__WEBPACK_IMPORTED_MODULE_2__/* .existsAsync */ .o)(legacyFilePath))) {
+        if (!(await (0,fs_existsAsync/* existsAsync */.o)(legacyFilePath))) {
             break delete_legacy_file;
         }
-        await fs_promises__WEBPACK_IMPORTED_MODULE_0__.unlink(legacyFilePath);
+        await promises_.unlink(legacyFilePath);
     }
 }
 //# sourceMappingURL=update-kc-gen.js.map
@@ -2024,7 +2186,7 @@ const copy_keycloak_resources_to_public_1 = __nccwpck_require__(713);
 const assert_1 = __nccwpck_require__(78);
 const buildContext_1 = __nccwpck_require__(250);
 const magic_string_1 = __importDefault(__nccwpck_require__(734));
-const update_kc_gen_1 = __nccwpck_require__(786);
+const update_kc_gen_1 = __nccwpck_require__(371);
 const String_prototype_replaceAll_1 = __nccwpck_require__(62);
 function keycloakify(params) {
     const { postBuild, ...buildOptions } = params;