@keycloakify/svelte 0.2.7 → 0.2.8

package/keycloakify-svelte/account/DefaultPage.svelte

@@ -4,7 +4,7 @@
   import type { KcContext } from './KcContext';
 
   const props: PageProps<KcContext, I18n> = $props();
-  const { kcContext: kcContext, ...rest } = props;
+  const { kcContext, ...rest } = $derived(props);
   const loadComponent = () => {
     switch (kcContext.pageId) {
       case 'password.ftl':

package/keycloakify-svelte/account/Template.svelte

@@ -4,17 +4,17 @@
   import { useSetClassName } from '../tools/useSetClassName';
   import { getKcClsx } from 'keycloakify/account/lib/kcClsx';
   import { clsx } from 'keycloakify/tools/clsx';
-  import { onMount } from 'svelte';
+  import { onMount, untrack } from 'svelte';
   import type { I18n } from './i18n';
   import type { KcContext } from './KcContext';
   import { kcSanitize } from 'keycloakify/lib/kcSanitize';
 
   const { kcContext, i18n, doUseDefaultCss, active, classes, children }: TemplateProps<KcContext, I18n> = $props();
-  const { kcClsx } = getKcClsx({ doUseDefaultCss, classes });
+  const { kcClsx } = $derived(getKcClsx({ doUseDefaultCss, classes }));
 
-  const { msg, msgStr, currentLanguage, enabledLanguages } = $i18n;
+  const { msg, msgStr, currentLanguage, enabledLanguages } = $derived($i18n);
 
-  const { url, features, realm, message, referrer } = kcContext;
+  const { url, features, realm, message, referrer } = $derived(kcContext);
 
   onMount(() => {
     document.title = msgStr('accountManagementTitle');
@@ -22,15 +22,22 @@
 
   useSetClassName({
     qualifiedName: 'html',
-    className: kcClsx('kcHtmlClass'),
+    className: untrack(() => kcClsx('kcHtmlClass')),
   });
 
   useSetClassName({
     qualifiedName: 'body',
-    className: clsx('admin-console', 'user', kcClsx('kcBodyClass')),
+    className: clsx(
+      'admin-console',
+      'user',
+      untrack(() => kcClsx('kcBodyClass')),
+    ),
   });
 
-  const { isReadyToRender } = useInitialize({ kcContext, doUseDefaultCss });
+  const { isReadyToRender } = useInitialize({
+    kcContext: untrack(() => kcContext),
+    doUseDefaultCss: untrack(() => doUseDefaultCss),
+  });
 </script>
 
 {#if $isReadyToRender}

package/keycloakify-svelte/account/pages/Account.svelte

@@ -13,19 +13,21 @@
     ...props
   }: PageProps<Extract<KcContext, { pageId: 'account.ftl' }>, I18n> = $props();
 
-  const classes = {
+  const classes = $derived({
     ...props.classes,
     kcBodyClass: clsx(props.classes?.kcBodyClass, 'user'),
-  };
-
-  const { kcClsx } = getKcClsx({
-    doUseDefaultCss,
-    classes,
   });
 
-  const { url, realm, messagesPerField, stateChecker, account, referrer } = kcContext;
+  const { kcClsx } = $derived(
+    getKcClsx({
+      doUseDefaultCss,
+      classes,
+    }),
+  );
+
+  const { url, realm, messagesPerField, stateChecker, account, referrer } = $derived(kcContext);
 
-  const { msg } = $i18n;
+  const { msg } = $derived($i18n);
 </script>
 
 <Template

package/keycloakify-svelte/account/pages/Applications.svelte

@@ -12,18 +12,20 @@
     classes,
   }: PageProps<Extract<KcContext, { pageId: 'applications.ftl' }>, I18n> = $props();
 
-  const { kcClsx } = getKcClsx({
-    doUseDefaultCss,
-    classes,
-  });
+  const { kcClsx } = $derived(
+    getKcClsx({
+      doUseDefaultCss,
+      classes,
+    }),
+  );
 
   const {
     url,
     applications: { applications },
     stateChecker,
-  } = kcContext;
+  } = $derived(kcContext);
 
-  const { msg, advancedMsg } = $i18n;
+  const { msg, advancedMsg } = $derived($i18n);
 
   function isArrayWithEmptyObject(variable: unknown): boolean {
     return (

package/keycloakify-svelte/account/pages/FederatedIdentity.svelte

@@ -11,8 +11,8 @@
     classes,
   }: PageProps<Extract<KcContext, { pageId: 'federatedIdentity.ftl' }>, I18n> = $props();
 
-  const { url, federatedIdentity, stateChecker } = kcContext;
-  const { msg } = $i18n;
+  const { url, federatedIdentity, stateChecker } = $derived(kcContext);
+  const { msg } = $derived($i18n);
 </script>
 
 <Template

package/keycloakify-svelte/account/pages/Log.svelte

@@ -12,14 +12,16 @@
     classes,
   }: PageProps<Extract<KcContext, { pageId: 'log.ftl' }>, I18n> = $props();
 
-  const { kcClsx } = getKcClsx({
-    doUseDefaultCss,
-    classes,
-  });
+  const { kcClsx } = $derived(
+    getKcClsx({
+      doUseDefaultCss,
+      classes,
+    }),
+  );
 
-  const { log } = kcContext;
+  const { log } = $derived(kcContext);
 
-  const { msg } = $i18n;
+  const { msg } = $derived($i18n);
 </script>
 
 <Template

package/keycloakify-svelte/account/pages/Password.svelte

@@ -14,18 +14,20 @@
     ...props
   }: PageProps<Extract<KcContext, { pageId: 'password.ftl' }>, I18n> = $props();
 
-  const classes = {
+  const classes = $derived({
     ...props.classes,
     kcBodyClass: clsx(props.classes?.kcBodyClass, 'password'),
-  };
-
-  const { kcClsx } = getKcClsx({
-    doUseDefaultCss,
-    classes,
   });
-  const { url, password, account, stateChecker } = kcContext;
 
-  const { msgStr, msg } = $i18n;
+  const { kcClsx } = $derived(
+    getKcClsx({
+      doUseDefaultCss,
+      classes,
+    }),
+  );
+  const { url, password, account, stateChecker } = $derived(kcContext);
+
+  const { msgStr, msg } = $derived($i18n);
 
   const [currentPassword, setCurrentPassword] = useState('');
   const [newPassword, setNewPassword] = useState('');

package/keycloakify-svelte/account/pages/Sessions.svelte

@@ -12,14 +12,16 @@
     classes,
   }: PageProps<Extract<KcContext, { pageId: 'sessions.ftl' }>, I18n> = $props();
 
-  const { kcClsx } = getKcClsx({
-    doUseDefaultCss,
-    classes,
-  });
+  const { kcClsx } = $derived(
+    getKcClsx({
+      doUseDefaultCss,
+      classes,
+    }),
+  );
 
-  const { url, stateChecker, sessions } = kcContext;
+  const { url, stateChecker, sessions } = $derived(kcContext);
 
-  const { msg } = $i18n;
+  const { msg } = $derived($i18n);
 </script>
 
 <Template

package/keycloakify-svelte/account/pages/Totp.svelte

@@ -14,14 +14,16 @@
     classes,
   }: PageProps<Extract<KcContext, { pageId: 'totp.ftl' }>, I18n> = $props();
 
-  const { kcClsx } = getKcClsx({
-    doUseDefaultCss,
-    classes,
-  });
+  const { kcClsx } = $derived(
+    getKcClsx({
+      doUseDefaultCss,
+      classes,
+    }),
+  );
 
-  const { totp, mode, url, messagesPerField, stateChecker } = kcContext;
+  const { totp, mode, url, messagesPerField, stateChecker } = $derived(kcContext);
 
-  const { msg, msgStr, advancedMsg } = $i18n;
+  const { msg, msgStr, advancedMsg } = $derived($i18n);
 </script>
 
 <Template

package/keycloakify-svelte/bin/200.index.js

@@ -113,18 +113,17 @@ function getNodeModulesBinDirPath() {
 /* harmony export */   L: () => (/* binding */ getIsPrettierAvailable)
 /* harmony export */ });
 /* unused harmony export getPrettier */
-/* harmony import */ var chalk__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(465);
-/* harmony import */ var chalk__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(chalk__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var crypto__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(982);
-/* harmony import */ var crypto__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(crypto__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var fs_promises__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(943);
-/* harmony import */ var fs_promises__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(fs_promises__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var path__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(928);
-/* harmony import */ var path__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(path__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var tsafe_assert__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(966);
-/* harmony import */ var tsafe_id__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(94);
-/* harmony import */ var tsafe_symToStr__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(886);
-/* harmony import */ var _nodeModulesBinDirPath__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(399);
+/* harmony import */ var chalk__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(276);
+/* harmony import */ var crypto__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(982);
+/* harmony import */ var crypto__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(crypto__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var fs_promises__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(943);
+/* harmony import */ var fs_promises__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(fs_promises__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var path__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(928);
+/* harmony import */ var path__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(path__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var tsafe_assert__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(966);
+/* harmony import */ var tsafe_id__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(94);
+/* harmony import */ var tsafe_symToStr__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(886);
+/* harmony import */ var _nodeModulesBinDirPath__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(399);
 /* module decorator */ module = __webpack_require__.hmd(module);
 
 
@@ -134,48 +133,48 @@ function getNodeModulesBinDirPath() {
 
 
 
-getIsPrettierAvailable.cache = (0,tsafe_id__WEBPACK_IMPORTED_MODULE_4__.id)(undefined);
+getIsPrettierAvailable.cache = (0,tsafe_id__WEBPACK_IMPORTED_MODULE_3__.id)(undefined);
 async function getIsPrettierAvailable() {
     var _a;
     if (getIsPrettierAvailable.cache !== undefined) {
         return getIsPrettierAvailable.cache;
     }
-    const nodeModulesBinDirPath = (0,_nodeModulesBinDirPath__WEBPACK_IMPORTED_MODULE_5__/* .getNodeModulesBinDirPath */ .p)();
-    const prettierBinPath = (0,path__WEBPACK_IMPORTED_MODULE_3__.join)(nodeModulesBinDirPath, 'prettier');
-    const stats = await fs_promises__WEBPACK_IMPORTED_MODULE_2__.stat(prettierBinPath).catch(() => undefined);
+    const nodeModulesBinDirPath = (0,_nodeModulesBinDirPath__WEBPACK_IMPORTED_MODULE_4__/* .getNodeModulesBinDirPath */ .p)();
+    const prettierBinPath = (0,path__WEBPACK_IMPORTED_MODULE_2__.join)(nodeModulesBinDirPath, 'prettier');
+    const stats = await fs_promises__WEBPACK_IMPORTED_MODULE_1__.stat(prettierBinPath).catch(() => undefined);
     const isPrettierAvailable = (_a = stats === null || stats === void 0 ? void 0 : stats.isFile()) !== null && _a !== void 0 ? _a : false;
     getIsPrettierAvailable.cache = isPrettierAvailable;
     return isPrettierAvailable;
 }
-getPrettier.cache = (0,tsafe_id__WEBPACK_IMPORTED_MODULE_4__.id)(undefined);
+getPrettier.cache = (0,tsafe_id__WEBPACK_IMPORTED_MODULE_3__.id)(undefined);
 async function getPrettier() {
-    (0,tsafe_assert__WEBPACK_IMPORTED_MODULE_6__/* .assert */ .v)(getIsPrettierAvailable());
+    (0,tsafe_assert__WEBPACK_IMPORTED_MODULE_5__/* .assert */ .v)(getIsPrettierAvailable());
     if (getPrettier.cache !== undefined) {
         return getPrettier.cache;
     }
-    let prettier = (0,tsafe_id__WEBPACK_IMPORTED_MODULE_4__.id)(undefined);
+    let prettier = (0,tsafe_id__WEBPACK_IMPORTED_MODULE_3__.id)(undefined);
     import_prettier: {
-        const prettierDirPath = (0,path__WEBPACK_IMPORTED_MODULE_3__.resolve)((0,path__WEBPACK_IMPORTED_MODULE_3__.join)((0,_nodeModulesBinDirPath__WEBPACK_IMPORTED_MODULE_5__/* .getNodeModulesBinDirPath */ .p)(), '..', 'prettier'));
+        const prettierDirPath = (0,path__WEBPACK_IMPORTED_MODULE_2__.resolve)((0,path__WEBPACK_IMPORTED_MODULE_2__.join)((0,_nodeModulesBinDirPath__WEBPACK_IMPORTED_MODULE_4__/* .getNodeModulesBinDirPath */ .p)(), '..', 'prettier'));
         const isCJS =  true && module.exports;
         if (isCJS) {
-            eval(`${(0,tsafe_symToStr__WEBPACK_IMPORTED_MODULE_7__/* .symToStr */ .I)({ prettier })} = require("${prettierDirPath}")`);
+            eval(`${(0,tsafe_symToStr__WEBPACK_IMPORTED_MODULE_6__/* .symToStr */ .I)({ prettier })} = require("${prettierDirPath}")`);
         }
         else {
             // eslint-disable-next-line @typescript-eslint/no-unused-vars
             prettier = await new Promise((_resolve) => {
-                eval(`import("file:///${(0,path__WEBPACK_IMPORTED_MODULE_3__.join)(prettierDirPath, 'index.mjs').replace(/\\/g, '/')}").then(prettier => _resolve(prettier))`);
+                eval(`import("file:///${(0,path__WEBPACK_IMPORTED_MODULE_2__.join)(prettierDirPath, 'index.mjs').replace(/\\/g, '/')}").then(prettier => _resolve(prettier))`);
             });
         }
-        (0,tsafe_assert__WEBPACK_IMPORTED_MODULE_6__/* .assert */ .v)(!(0,tsafe_assert__WEBPACK_IMPORTED_MODULE_6__.is)(prettier));
+        (0,tsafe_assert__WEBPACK_IMPORTED_MODULE_5__/* .assert */ .v)(!(0,tsafe_assert__WEBPACK_IMPORTED_MODULE_5__.is)(prettier));
         break import_prettier;
     }
     const configHash = await (async () => {
-        const configFilePath = await prettier.resolveConfigFile((0,path__WEBPACK_IMPORTED_MODULE_3__.join)((0,_nodeModulesBinDirPath__WEBPACK_IMPORTED_MODULE_5__/* .getNodeModulesBinDirPath */ .p)(), '..', '..'));
+        const configFilePath = await prettier.resolveConfigFile((0,path__WEBPACK_IMPORTED_MODULE_2__.join)((0,_nodeModulesBinDirPath__WEBPACK_IMPORTED_MODULE_4__/* .getNodeModulesBinDirPath */ .p)(), '..', '..'));
         if (configFilePath === null) {
             return '';
         }
-        const data = await fs_promises__WEBPACK_IMPORTED_MODULE_2__.readFile(configFilePath);
-        return crypto__WEBPACK_IMPORTED_MODULE_1__.createHash('sha256').update(data).digest('hex');
+        const data = await fs_promises__WEBPACK_IMPORTED_MODULE_1__.readFile(configFilePath);
+        return crypto__WEBPACK_IMPORTED_MODULE_0__.createHash('sha256').update(data).digest('hex');
     })();
     const prettierAndConfig = {
         prettier,
@@ -199,7 +198,7 @@ async function runPrettier(params) {
         formattedSourceCode = await prettier.format(typeof sourceCode === 'string' ? sourceCode : sourceCode.toString('utf8'), Object.assign(Object.assign({}, config), { filePath, parser: inferredParser }));
     }
     catch (error) {
-        console.log(chalk__WEBPACK_IMPORTED_MODULE_0___default().red(`You probably need to upgrade the version of prettier in your project`));
+        console.log(chalk__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Ay.red(`You probably need to upgrade the version of prettier in your project`));
         throw error;
     }
     return typeof sourceCode === 'string' ? formattedSourceCode : Buffer.from(formattedSourceCode, 'utf8');
@@ -208,7 +207,7 @@ async function runPrettier(params) {
 
 /***/ }),
 
-/***/ 819:
+/***/ 200:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {

package/keycloakify-svelte/bin/266.index.js

@@ -577,14 +577,13 @@ exports.withObjectValues = withObjectValues;
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   command: () => (/* binding */ command)
 /* harmony export */ });
-/* harmony import */ var chalk__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(465);
-/* harmony import */ var chalk__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(chalk__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var cli_select__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(546);
-/* harmony import */ var cli_select__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(cli_select__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var fs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(896);
-/* harmony import */ var fs__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(fs__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var path__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(928);
-/* harmony import */ var path__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(path__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var chalk__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(276);
+/* harmony import */ var cli_select__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(546);
+/* harmony import */ var cli_select__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(cli_select__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var fs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(896);
+/* harmony import */ var fs__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(fs__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var path__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(928);
+/* harmony import */ var path__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(path__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var tsafe_assert__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(966);
 /* harmony import */ var tsafe_capitalize__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(79);
 /* harmony import */ var _core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(316);
@@ -603,7 +602,7 @@ exports.withObjectValues = withObjectValues;
 
 async function command(params) {
     const { buildContext } = params;
-    console.log(chalk__WEBPACK_IMPORTED_MODULE_0___default().cyan('Theme type:'));
+    console.log(chalk__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Ay.cyan('Theme type:'));
     const themeType = await (async () => {
         const values = _core__WEBPACK_IMPORTED_MODULE_4__/* .THEME_TYPES */ .qA.filter((themeType) => {
             switch (themeType) {
@@ -620,7 +619,7 @@ async function command(params) {
         if (values.length === 1) {
             return values[0];
         }
-        const { value } = await cli_select__WEBPACK_IMPORTED_MODULE_1___default()({
+        const { value } = await cli_select__WEBPACK_IMPORTED_MODULE_0___default()({
             values,
         }).catch(() => {
             process.exit(-1);
@@ -628,8 +627,8 @@ async function command(params) {
         return value;
     })();
     console.log(`→ ${themeType}`);
-    console.log(chalk__WEBPACK_IMPORTED_MODULE_0___default().cyan('Select the page you want to create a Storybook for:'));
-    const { value: pageId } = await cli_select__WEBPACK_IMPORTED_MODULE_1___default()({
+    console.log(chalk__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Ay.cyan('Select the page you want to create a Storybook for:'));
+    const { value: pageId } = await cli_select__WEBPACK_IMPORTED_MODULE_0___default()({
         values: (() => {
             switch (themeType) {
                 case 'login':
@@ -646,12 +645,12 @@ async function command(params) {
     });
     console.log(`→ ${pageId}`);
     const componentBasename = (0,tsafe_capitalize__WEBPACK_IMPORTED_MODULE_6__/* .capitalize */ .Z)((0,_tools_kebabCaseToSnakeCase__WEBPACK_IMPORTED_MODULE_7__/* .kebabCaseToCamelCase */ .b)(pageId.replace(/ftl$/, ''))) + 'stories.svelte';
-    const targetFilePath = (0,path__WEBPACK_IMPORTED_MODULE_3__.join)(buildContext.themeSrcDirPath, themeType, 'pages', componentBasename);
-    if (fs__WEBPACK_IMPORTED_MODULE_2__.existsSync(targetFilePath)) {
-        console.log(`${(0,path__WEBPACK_IMPORTED_MODULE_3__.relative)(process.cwd(), targetFilePath)} already exists`);
+    const targetFilePath = (0,path__WEBPACK_IMPORTED_MODULE_2__.join)(buildContext.themeSrcDirPath, themeType, 'pages', componentBasename);
+    if (fs__WEBPACK_IMPORTED_MODULE_1__.existsSync(targetFilePath)) {
+        console.log(`${(0,path__WEBPACK_IMPORTED_MODULE_2__.relative)(process.cwd(), targetFilePath)} already exists`);
         process.exit(-1);
     }
-    let sourceCode = fs__WEBPACK_IMPORTED_MODULE_2__.readFileSync((0,path__WEBPACK_IMPORTED_MODULE_3__.join)((0,_tools_getThisCodebaseRootDirPath__WEBPACK_IMPORTED_MODULE_8__/* .getThisCodebaseRootDirPath */ .J)(), 'stories', themeType, 'pages', componentBasename))
+    let sourceCode = fs__WEBPACK_IMPORTED_MODULE_1__.readFileSync((0,path__WEBPACK_IMPORTED_MODULE_2__.join)((0,_tools_getThisCodebaseRootDirPath__WEBPACK_IMPORTED_MODULE_8__/* .getThisCodebaseRootDirPath */ .J)(), 'stories', themeType, 'pages', componentBasename))
         .toString('utf8');
     run_prettier: {
         if (!(await (0,_tools_runPrettier__WEBPACK_IMPORTED_MODULE_9__/* .getIsPrettierAvailable */ .L)())) {
@@ -663,15 +662,15 @@ async function command(params) {
         });
     }
     {
-        const targetDirPath = (0,path__WEBPACK_IMPORTED_MODULE_3__.dirname)(targetFilePath);
-        if (!fs__WEBPACK_IMPORTED_MODULE_2__.existsSync(targetDirPath)) {
-            fs__WEBPACK_IMPORTED_MODULE_2__.mkdirSync(targetDirPath, { recursive: true });
+        const targetDirPath = (0,path__WEBPACK_IMPORTED_MODULE_2__.dirname)(targetFilePath);
+        if (!fs__WEBPACK_IMPORTED_MODULE_1__.existsSync(targetDirPath)) {
+            fs__WEBPACK_IMPORTED_MODULE_1__.mkdirSync(targetDirPath, { recursive: true });
         }
     }
-    fs__WEBPACK_IMPORTED_MODULE_2__.writeFileSync(targetFilePath, Buffer.from(sourceCode, 'utf8'));
+    fs__WEBPACK_IMPORTED_MODULE_1__.writeFileSync(targetFilePath, Buffer.from(sourceCode, 'utf8'));
     console.log([
-        `${chalk__WEBPACK_IMPORTED_MODULE_0___default().green('✓')} ${chalk__WEBPACK_IMPORTED_MODULE_0___default().bold((0,path__WEBPACK_IMPORTED_MODULE_3__.join)('.', (0,path__WEBPACK_IMPORTED_MODULE_3__.relative)(process.cwd(), targetFilePath)))} copy pasted from the Keycloakify source code into your project`,
-        `You can start storybook with ${chalk__WEBPACK_IMPORTED_MODULE_0___default().bold('yarn run storybook')}`,
+        `${chalk__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Ay.green('✓')} ${chalk__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Ay.bold((0,path__WEBPACK_IMPORTED_MODULE_2__.join)('.', (0,path__WEBPACK_IMPORTED_MODULE_2__.relative)(process.cwd(), targetFilePath)))} copy pasted from the Keycloakify source code into your project`,
+        `You can start storybook with ${chalk__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Ay.bold('yarn run storybook')}`,
     ].join('\n'));
 }
 
@@ -805,18 +804,17 @@ function getNodeModulesBinDirPath() {
 /* harmony export */   L: () => (/* binding */ getIsPrettierAvailable)
 /* harmony export */ });
 /* unused harmony export getPrettier */
-/* harmony import */ var chalk__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(465);
-/* harmony import */ var chalk__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(chalk__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var crypto__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(982);
-/* harmony import */ var crypto__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(crypto__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var fs_promises__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(943);
-/* harmony import */ var fs_promises__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(fs_promises__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var path__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(928);
-/* harmony import */ var path__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(path__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var tsafe_assert__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(966);
-/* harmony import */ var tsafe_id__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(94);
-/* harmony import */ var tsafe_symToStr__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(886);
-/* harmony import */ var _nodeModulesBinDirPath__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(399);
+/* harmony import */ var chalk__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(276);
+/* harmony import */ var crypto__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(982);
+/* harmony import */ var crypto__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(crypto__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var fs_promises__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(943);
+/* harmony import */ var fs_promises__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(fs_promises__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var path__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(928);
+/* harmony import */ var path__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(path__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var tsafe_assert__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(966);
+/* harmony import */ var tsafe_id__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(94);
+/* harmony import */ var tsafe_symToStr__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(886);
+/* harmony import */ var _nodeModulesBinDirPath__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(399);
 /* module decorator */ module = __webpack_require__.hmd(module);
 
 
@@ -826,48 +824,48 @@ function getNodeModulesBinDirPath() {
 
 
 
-getIsPrettierAvailable.cache = (0,tsafe_id__WEBPACK_IMPORTED_MODULE_4__.id)(undefined);
+getIsPrettierAvailable.cache = (0,tsafe_id__WEBPACK_IMPORTED_MODULE_3__.id)(undefined);
 async function getIsPrettierAvailable() {
     var _a;
     if (getIsPrettierAvailable.cache !== undefined) {
         return getIsPrettierAvailable.cache;
     }
-    const nodeModulesBinDirPath = (0,_nodeModulesBinDirPath__WEBPACK_IMPORTED_MODULE_5__/* .getNodeModulesBinDirPath */ .p)();
-    const prettierBinPath = (0,path__WEBPACK_IMPORTED_MODULE_3__.join)(nodeModulesBinDirPath, 'prettier');
-    const stats = await fs_promises__WEBPACK_IMPORTED_MODULE_2__.stat(prettierBinPath).catch(() => undefined);
+    const nodeModulesBinDirPath = (0,_nodeModulesBinDirPath__WEBPACK_IMPORTED_MODULE_4__/* .getNodeModulesBinDirPath */ .p)();
+    const prettierBinPath = (0,path__WEBPACK_IMPORTED_MODULE_2__.join)(nodeModulesBinDirPath, 'prettier');
+    const stats = await fs_promises__WEBPACK_IMPORTED_MODULE_1__.stat(prettierBinPath).catch(() => undefined);
     const isPrettierAvailable = (_a = stats === null || stats === void 0 ? void 0 : stats.isFile()) !== null && _a !== void 0 ? _a : false;
     getIsPrettierAvailable.cache = isPrettierAvailable;
     return isPrettierAvailable;
 }
-getPrettier.cache = (0,tsafe_id__WEBPACK_IMPORTED_MODULE_4__.id)(undefined);
+getPrettier.cache = (0,tsafe_id__WEBPACK_IMPORTED_MODULE_3__.id)(undefined);
 async function getPrettier() {
-    (0,tsafe_assert__WEBPACK_IMPORTED_MODULE_6__/* .assert */ .v)(getIsPrettierAvailable());
+    (0,tsafe_assert__WEBPACK_IMPORTED_MODULE_5__/* .assert */ .v)(getIsPrettierAvailable());
     if (getPrettier.cache !== undefined) {
         return getPrettier.cache;
     }
-    let prettier = (0,tsafe_id__WEBPACK_IMPORTED_MODULE_4__.id)(undefined);
+    let prettier = (0,tsafe_id__WEBPACK_IMPORTED_MODULE_3__.id)(undefined);
     import_prettier: {
-        const prettierDirPath = (0,path__WEBPACK_IMPORTED_MODULE_3__.resolve)((0,path__WEBPACK_IMPORTED_MODULE_3__.join)((0,_nodeModulesBinDirPath__WEBPACK_IMPORTED_MODULE_5__/* .getNodeModulesBinDirPath */ .p)(), '..', 'prettier'));
+        const prettierDirPath = (0,path__WEBPACK_IMPORTED_MODULE_2__.resolve)((0,path__WEBPACK_IMPORTED_MODULE_2__.join)((0,_nodeModulesBinDirPath__WEBPACK_IMPORTED_MODULE_4__/* .getNodeModulesBinDirPath */ .p)(), '..', 'prettier'));
         const isCJS =  true && module.exports;
         if (isCJS) {
-            eval(`${(0,tsafe_symToStr__WEBPACK_IMPORTED_MODULE_7__/* .symToStr */ .I)({ prettier })} = require("${prettierDirPath}")`);
+            eval(`${(0,tsafe_symToStr__WEBPACK_IMPORTED_MODULE_6__/* .symToStr */ .I)({ prettier })} = require("${prettierDirPath}")`);
         }
         else {
             // eslint-disable-next-line @typescript-eslint/no-unused-vars
             prettier = await new Promise((_resolve) => {
-                eval(`import("file:///${(0,path__WEBPACK_IMPORTED_MODULE_3__.join)(prettierDirPath, 'index.mjs').replace(/\\/g, '/')}").then(prettier => _resolve(prettier))`);
+                eval(`import("file:///${(0,path__WEBPACK_IMPORTED_MODULE_2__.join)(prettierDirPath, 'index.mjs').replace(/\\/g, '/')}").then(prettier => _resolve(prettier))`);
             });
         }
-        (0,tsafe_assert__WEBPACK_IMPORTED_MODULE_6__/* .assert */ .v)(!(0,tsafe_assert__WEBPACK_IMPORTED_MODULE_6__.is)(prettier));
+        (0,tsafe_assert__WEBPACK_IMPORTED_MODULE_5__/* .assert */ .v)(!(0,tsafe_assert__WEBPACK_IMPORTED_MODULE_5__.is)(prettier));
         break import_prettier;
     }
     const configHash = await (async () => {
-        const configFilePath = await prettier.resolveConfigFile((0,path__WEBPACK_IMPORTED_MODULE_3__.join)((0,_nodeModulesBinDirPath__WEBPACK_IMPORTED_MODULE_5__/* .getNodeModulesBinDirPath */ .p)(), '..', '..'));
+        const configFilePath = await prettier.resolveConfigFile((0,path__WEBPACK_IMPORTED_MODULE_2__.join)((0,_nodeModulesBinDirPath__WEBPACK_IMPORTED_MODULE_4__/* .getNodeModulesBinDirPath */ .p)(), '..', '..'));
         if (configFilePath === null) {
             return '';
         }
-        const data = await fs_promises__WEBPACK_IMPORTED_MODULE_2__.readFile(configFilePath);
-        return crypto__WEBPACK_IMPORTED_MODULE_1__.createHash('sha256').update(data).digest('hex');
+        const data = await fs_promises__WEBPACK_IMPORTED_MODULE_1__.readFile(configFilePath);
+        return crypto__WEBPACK_IMPORTED_MODULE_0__.createHash('sha256').update(data).digest('hex');
     })();
     const prettierAndConfig = {
         prettier,
@@ -891,7 +889,7 @@ async function runPrettier(params) {
         formattedSourceCode = await prettier.format(typeof sourceCode === 'string' ? sourceCode : sourceCode.toString('utf8'), Object.assign(Object.assign({}, config), { filePath, parser: inferredParser }));
     }
     catch (error) {
-        console.log(chalk__WEBPACK_IMPORTED_MODULE_0___default().red(`You probably need to upgrade the version of prettier in your project`));
+        console.log(chalk__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Ay.red(`You probably need to upgrade the version of prettier in your project`));
         throw error;
     }
     return typeof sourceCode === 'string' ? formattedSourceCode : Buffer.from(formattedSourceCode, 'utf8');