@keycloakify/svelte 0.1.8 → 0.1.10

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

@@ -31,8 +31,8 @@ var assert = __webpack_require__(966);
 var id = __webpack_require__(94);
 // EXTERNAL MODULE: ./node_modules/tsafe/esm/is.mjs
 var is = __webpack_require__(289);
-// EXTERNAL MODULE: ./node_modules/zod/lib/index.mjs
-var lib = __webpack_require__(383);
+// EXTERNAL MODULE: ./node_modules/zod/v4/classic/schemas.js + 12 modules
+var schemas = __webpack_require__(788);
 ;// CONCATENATED MODULE: ./dist/keycloakify-svelte/bin/initialize-account-theme/updateAccountThemeImplementationInConfig.ts
 
 
@@ -65,8 +65,8 @@ function updateAccountThemeImplementationInConfig(params) {
             {
                 const parsedPackageJson = (() => {
                     const zParsedPackageJson = (() => {
-                        const zTargetType = lib.z.object({
-                            keycloakify: lib.z.record(lib.z.unknown()),
+                        const zTargetType = schemas/* object */.Ik({
+                            keycloakify: schemas/* record */.g1(schemas/* unknown */.L5()),
                         });
                         (0,assert/* assert */.v)();
                         return (0,id.id)(zTargetType);

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

@@ -655,45 +655,66 @@ async function command(params) {
         process.exit(0);
     }
     console.log(`→ ${pageIdOrComponent}`);
-    const componentBasename = (() => {
+    const componentBasenames = (() => {
         if (pageIdOrComponent === templateValue) {
-            return 'Template.svelte';
+            return ['Template.svelte'];
         }
         if (pageIdOrComponent === userProfileFormFieldsValue) {
-            return 'UserProfileFormFields.svelte';
+            return [
+                'UserProfileFormFields.svelte',
+                'InputFieldByType.svelte',
+                'LogoutOtherSessions.svelte',
+                'PasswordWrapper.svelte',
+                'AddRemoveButtonsMultiValuedAttribute.svelte',
+                'SelectTag.svelte',
+                'FieldErrors.svelte',
+                'InputTag.svelte',
+                'TermsAcceptance.svelte',
+                'GroupLabel.svelte',
+                'InputTagSelects.svelte',
+                'TextareaTag.svelte',
+            ];
         }
-        return (0,tsafe_capitalize__WEBPACK_IMPORTED_MODULE_6__/* .capitalize */ .Z)((0,_tools_kebabCaseToSnakeCase__WEBPACK_IMPORTED_MODULE_7__/* .kebabCaseToCamelCase */ .b)(pageIdOrComponent)).replace(/ftl$/, 'svelte');
+        return [(0,tsafe_capitalize__WEBPACK_IMPORTED_MODULE_6__/* .capitalize */ .Z)((0,_tools_kebabCaseToSnakeCase__WEBPACK_IMPORTED_MODULE_7__/* .kebabCaseToCamelCase */ .b)(pageIdOrComponent)).replace(/ftl$/, 'svelte')];
     })();
     const pagesOrDot = (() => {
-        if (pageIdOrComponent === templateValue || pageIdOrComponent === userProfileFormFieldsValue) {
+        if (pageIdOrComponent === templateValue) {
             return '.';
         }
+        else if (pageIdOrComponent === userProfileFormFieldsValue) {
+            return 'components';
+        }
         return 'pages';
     })();
-    const targetFilePath = (0,path__WEBPACK_IMPORTED_MODULE_3__.join)(buildContext.themeSrcDirPath, themeType, pagesOrDot, componentBasename);
-    if (fs__WEBPACK_IMPORTED_MODULE_2__.existsSync(targetFilePath)) {
-        console.log(`${pageIdOrComponent} is already ejected, ${(0,path__WEBPACK_IMPORTED_MODULE_3__.relative)(process.cwd(), targetFilePath)} already exists`);
-        process.exit(-1);
-    }
-    let componentCode = fs__WEBPACK_IMPORTED_MODULE_2__.readFileSync((0,path__WEBPACK_IMPORTED_MODULE_3__.join)((0,_tools_getThisCodebaseRootDirPath__WEBPACK_IMPORTED_MODULE_8__/* .getThisCodebaseRootDirPath */ .J)(), 'src', themeType, pagesOrDot, componentBasename))
-        .toString('utf8');
-    run_prettier: {
-        if (!(await (0,_tools_runPrettier__WEBPACK_IMPORTED_MODULE_9__/* .getIsPrettierAvailable */ .L)())) {
-            break run_prettier;
+    for (const componentBasename of componentBasenames) {
+        const targetFilePath = (0,path__WEBPACK_IMPORTED_MODULE_3__.join)(buildContext.themeSrcDirPath, themeType, pagesOrDot, componentBasename);
+        if (fs__WEBPACK_IMPORTED_MODULE_2__.existsSync(targetFilePath)) {
+            console.log(`${pageIdOrComponent} is already ejected, ${(0,path__WEBPACK_IMPORTED_MODULE_3__.relative)(process.cwd(), targetFilePath)} already exists`);
+            process.exit(-1);
         }
-        componentCode = await (0,_tools_runPrettier__WEBPACK_IMPORTED_MODULE_9__/* .runPrettier */ .JS)({
-            filePath: targetFilePath,
-            sourceCode: componentCode,
-        });
-    }
-    {
-        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 });
+        let componentCode = fs__WEBPACK_IMPORTED_MODULE_2__.readFileSync((0,path__WEBPACK_IMPORTED_MODULE_3__.join)((0,_tools_getThisCodebaseRootDirPath__WEBPACK_IMPORTED_MODULE_8__/* .getThisCodebaseRootDirPath */ .J)(), 'src', themeType, pagesOrDot, componentBasename))
+            .toString('utf8');
+        if (userProfileFormFieldsValue) {
+            componentCode = componentCode.replace(new RegExp(`from '@keycloakify/svelte/login/components/(${componentBasenames.join('|')})`, 'g'), `from './$1`);
+        }
+        run_prettier: {
+            if (!(await (0,_tools_runPrettier__WEBPACK_IMPORTED_MODULE_9__/* .getIsPrettierAvailable */ .L)())) {
+                break run_prettier;
+            }
+            componentCode = await (0,_tools_runPrettier__WEBPACK_IMPORTED_MODULE_9__/* .runPrettier */ .JS)({
+                filePath: targetFilePath,
+                sourceCode: componentCode,
+            });
+        }
+        {
+            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 });
+            }
         }
+        fs__WEBPACK_IMPORTED_MODULE_2__.writeFileSync(targetFilePath, Buffer.from(componentCode, '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`);
     }
-    fs__WEBPACK_IMPORTED_MODULE_2__.writeFileSync(targetFilePath, Buffer.from(componentCode, '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`);
     edit_KcPage: {
         if (pageIdOrComponent !== templateValue && pageIdOrComponent !== userProfileFormFieldsValue) {
             break edit_KcPage;
@@ -705,7 +726,7 @@ async function command(params) {
                 case templateValue:
                     return kcAppSvelteCode.replace(`@keycloakify/svelte/${themeType}/Template`, './Template');
                 case userProfileFormFieldsValue:
-                    return kcAppSvelteCode.replace(`@keycloakify/svelte/login/UserProfileFormFields`, './UserProfileFormFields');
+                    return kcAppSvelteCode.replace(`@keycloakify/svelte/login/components/UserProfileFormFields`, './components/UserProfileFormFields');
             }
             (0,tsafe_assert__WEBPACK_IMPORTED_MODULE_4__/* .assert */ .v)(false);
         })();
@@ -732,7 +753,7 @@ async function command(params) {
                 `   switch (kcContext.pageId) {`,
                 `+`,
                 `    case '${pageIdOrComponent}':`,
-                `      return import('./pages/${componentBasename}"');`,
+                `      return import('./pages/${componentBasenames[0]}');`,
                 `+`,
                 `     //...`,
                 `     default:`,

package/keycloakify-svelte/bin/index.js

@@ -2452,7 +2452,7 @@ const { buildContext, commandName } = readParams({ apiVersion: 'v1' });
             return;
         case 'initialize-account-theme':
             {
-                const { command } = await Promise.all(/* import() */[__nccwpck_require__.e(279), __nccwpck_require__.e(709)]).then(__nccwpck_require__.bind(__nccwpck_require__, 709));
+                const { command } = await Promise.all(/* import() */[__nccwpck_require__.e(292), __nccwpck_require__.e(709)]).then(__nccwpck_require__.bind(__nccwpck_require__, 709));
                 command({ buildContext });
             }
             return;

package/keycloakify-svelte/login/pages/Terms.svelte

@@ -32,7 +32,7 @@
   {#snippet headerNode()}
     {@render msg('termsTitle')()}
   {/snippet}
-  <div id="kc-terms-text">{msg('termsText')}</div>
+  <div id="kc-terms-text">{@render msg('termsText')()}</div>
   <form
     class="form-actions"
     action={url.loginAction}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@keycloakify/svelte",
-  "version": "0.1.8",
+  "version": "0.1.10",
   "description": "Svelte Components for Keycloakify",
   "keywords": [
     "keycloak",
@@ -437,33 +437,33 @@
   },
   "devDependencies": {
     "@sveltejs/adapter-auto": "^6.0.1",
-    "@sveltejs/kit": "^2.21.0",
-    "@sveltejs/package": "^2.3.11",
-    "@sveltejs/vite-plugin-svelte": "^5.0.3",
+    "@sveltejs/kit": "^2.22.5",
+    "@sveltejs/package": "^2.3.12",
+    "@sveltejs/vite-plugin-svelte": "^6.0.0",
     "@types/eslint": "^9.6.1",
     "@types/node": "^22.15.18",
     "@vercel/ncc": "^0.38.3",
     "conventional-changelog-cli": "^5.0.0",
     "cz-conventional-changelog": "^3.3.0",
     "cli-select": "^1.1.2",
-    "eslint": "9.26.0",
+    "eslint": "^9.31.0",
     "eslint-config-prettier": "^10.1.5",
-    "eslint-plugin-prettier": "^5.4.0",
-    "eslint-plugin-svelte": "^3.7.0",
+    "eslint-plugin-prettier": "^5.5.1",
+    "eslint-plugin-svelte": "^3.10.1",
     "eslint-plugin-unused-imports": "^4.1.4",
-    "globals": "^16.1.0",
-    "keycloakify": "^11.8.27",
+    "globals": "^16.3.0",
+    "keycloakify": "^11.8.50",
     "npm-check-updates": "^18.0.1",
-    "prettier": "^3.5.3",
+    "prettier": "^3.6.2",
     "prettier-plugin-svelte": "^3.4.0",
     "publint": "0.2.12",
-    "svelte": "^5.30.1",
-    "svelte-check": "^4.2.1",
-    "tsx": "^4.19.4",
+    "svelte": "^5.35.6",
+    "svelte-check": "^4.2.2",
+    "tsx": "^4.20.3",
     "typescript": "~5.8.3",
-    "typescript-eslint": "^8.32.1",
-    "vite": "^6.3.5",
-    "zod": "^3.24.4"
+    "typescript-eslint": "^8.36.0",
+    "vite": "^7.0.4",
+    "zod": "^4.0.5"
   },
   "bin": {
     "_keycloakify-custom-handler": "keycloakify-svelte/bin/index.js"

package/src/bin/eject-page.ts

@@ -95,66 +95,89 @@ export async function command(params: { buildContext: BuildContext }) {
 
   console.log(`→ ${pageIdOrComponent}`);
 
-  const componentBasename = (() => {
+  const componentBasenames = (() => {
     if (pageIdOrComponent === templateValue) {
-      return 'Template.svelte';
+      return ['Template.svelte'];
     }
 
     if (pageIdOrComponent === userProfileFormFieldsValue) {
-      return 'UserProfileFormFields.svelte';
+      return [
+        'UserProfileFormFields.svelte',
+        'InputFieldByType.svelte',
+        'LogoutOtherSessions.svelte',
+        'PasswordWrapper.svelte',
+        'AddRemoveButtonsMultiValuedAttribute.svelte',
+        'SelectTag.svelte',
+        'FieldErrors.svelte',
+        'InputTag.svelte',
+        'TermsAcceptance.svelte',
+        'GroupLabel.svelte',
+        'InputTagSelects.svelte',
+        'TextareaTag.svelte',
+      ];
     }
 
-    return capitalize(kebabCaseToCamelCase(pageIdOrComponent)).replace(/ftl$/, 'svelte');
+    return [capitalize(kebabCaseToCamelCase(pageIdOrComponent)).replace(/ftl$/, 'svelte')];
   })();
 
   const pagesOrDot = (() => {
-    if (pageIdOrComponent === templateValue || pageIdOrComponent === userProfileFormFieldsValue) {
+    if (pageIdOrComponent === templateValue) {
       return '.';
+    } else if (pageIdOrComponent === userProfileFormFieldsValue) {
+      return 'components';
     }
 
     return 'pages';
   })();
 
-  const targetFilePath = pathJoin(buildContext.themeSrcDirPath, themeType, pagesOrDot, componentBasename);
+  for (const componentBasename of componentBasenames) {
+    const targetFilePath = pathJoin(buildContext.themeSrcDirPath, themeType, pagesOrDot, componentBasename);
 
-  if (fs.existsSync(targetFilePath)) {
-    console.log(
-      `${pageIdOrComponent} is already ejected, ${pathRelative(process.cwd(), targetFilePath)} already exists`,
-    );
-
-    process.exit(-1);
-  }
+    if (fs.existsSync(targetFilePath)) {
+      console.log(
+        `${pageIdOrComponent} is already ejected, ${pathRelative(process.cwd(), targetFilePath)} already exists`,
+      );
 
-  let componentCode = fs
-    .readFileSync(pathJoin(getThisCodebaseRootDirPath(), 'src', themeType, pagesOrDot, componentBasename))
-    .toString('utf8');
+      process.exit(-1);
+    }
 
-  run_prettier: {
-    if (!(await getIsPrettierAvailable())) {
-      break run_prettier;
+    let componentCode = fs
+      .readFileSync(pathJoin(getThisCodebaseRootDirPath(), 'src', themeType, pagesOrDot, componentBasename))
+      .toString('utf8');
+    if (userProfileFormFieldsValue) {
+      componentCode = componentCode.replace(
+        new RegExp(`from '@keycloakify/svelte/login/components/(${componentBasenames.join('|')})`, 'g'),
+        `from './$1`,
+      );
     }
 
-    componentCode = await runPrettier({
-      filePath: targetFilePath,
-      sourceCode: componentCode,
-    });
-  }
+    run_prettier: {
+      if (!(await getIsPrettierAvailable())) {
+        break run_prettier;
+      }
+
+      componentCode = await runPrettier({
+        filePath: targetFilePath,
+        sourceCode: componentCode,
+      });
+    }
 
-  {
-    const targetDirPath = pathDirname(targetFilePath);
+    {
+      const targetDirPath = pathDirname(targetFilePath);
 
-    if (!fs.existsSync(targetDirPath)) {
-      fs.mkdirSync(targetDirPath, { recursive: true });
+      if (!fs.existsSync(targetDirPath)) {
+        fs.mkdirSync(targetDirPath, { recursive: true });
+      }
     }
-  }
 
-  fs.writeFileSync(targetFilePath, Buffer.from(componentCode, 'utf8'));
+    fs.writeFileSync(targetFilePath, Buffer.from(componentCode, 'utf8'));
 
-  console.log(
-    `${chalk.green('✓')} ${chalk.bold(
-      pathJoin('.', pathRelative(process.cwd(), targetFilePath)),
-    )} copy pasted from the Keycloakify source code into your project`,
-  );
+    console.log(
+      `${chalk.green('✓')} ${chalk.bold(
+        pathJoin('.', pathRelative(process.cwd(), targetFilePath)),
+      )} copy pasted from the Keycloakify source code into your project`,
+    );
+  }
 
   edit_KcPage: {
     if (pageIdOrComponent !== templateValue && pageIdOrComponent !== userProfileFormFieldsValue) {
@@ -170,7 +193,10 @@ export async function command(params: { buildContext: BuildContext }) {
         case templateValue:
           return kcAppSvelteCode.replace(`@keycloakify/svelte/${themeType}/Template`, './Template');
         case userProfileFormFieldsValue:
-          return kcAppSvelteCode.replace(`@keycloakify/svelte/login/UserProfileFormFields`, './UserProfileFormFields');
+          return kcAppSvelteCode.replace(
+            `@keycloakify/svelte/login/components/UserProfileFormFields`,
+            './components/UserProfileFormFields',
+          );
       }
       assert<Equals<typeof pageIdOrComponent, never>>(false);
     })();
@@ -207,7 +233,7 @@ export async function command(params: { buildContext: BuildContext }) {
           `   switch (kcContext.pageId) {`,
           `+`,
           `    case '${pageIdOrComponent}':`,
-          `      return import('./pages/${componentBasename}"');`,
+          `      return import('./pages/${componentBasenames[0]}');`,
           `+`,
           `     //...`,
           `     default:`,

package/src/login/pages/Terms.svelte

@@ -32,7 +32,7 @@
   {#snippet headerNode()}
     {@render msg('termsTitle')()}
   {/snippet}
-  <div id="kc-terms-text">{msg('termsText')}</div>
+  <div id="kc-terms-text">{@render msg('termsText')()}</div>
   <form
     class="form-actions"
     action={url.loginAction}