feat: switched to vite to remove all legacy webpack-dev-server deps

Author: mridang

.github/dependabot.yml

@@ -0,0 +1,52 @@
+version: 2
+updates:
+  - package-ecosystem: 'npm'
+    directory: '/'
+    schedule:
+      interval: 'weekly'
+    commit-message:
+      prefix: 'chore(deps):'
+    open-pull-requests-limit: 10
+    groups:
+      npm-version-updates:
+        patterns:
+          - '*'
+        applies-to: 'version-updates'
+      npm-security-updates:
+        patterns:
+          - '*'
+        applies-to: 'security-updates'
+
+  - package-ecosystem: 'github-actions'
+    directory: '/'
+    schedule:
+      interval: 'weekly'
+    commit-message:
+      prefix: 'chore(deps):'
+    open-pull-requests-limit: 10
+    groups:
+      actions-version-updates:
+        patterns:
+          - '*'
+        applies-to: 'version-updates'
+      actions-security-updates:
+        patterns:
+          - '*'
+        applies-to: 'security-updates'
+
+  - package-ecosystem: 'docker'
+    directory: '/'
+    schedule:
+      interval: 'weekly'
+    commit-message:
+      prefix: 'chore(deps):'
+    open-pull-requests-limit: 10
+    groups:
+      actions-version-updates:
+        patterns:
+          - '*'
+        applies-to: 'version-updates'
+      actions-security-updates:
+        patterns:
+          - '*'
+        applies-to: 'security-updates'

.github/workflows/issues.yml

@@ -25,8 +25,8 @@ jobs:
         id: checkUserMember
         if: github.actor != 'dependabot[bot]'
         with:
-         username: ${{ github.actor }}
-         GITHUB_TOKEN: ${{ secrets.ADD_TO_PROJECT_PAT }}
+          username: ${{ github.actor }}
+          GITHUB_TOKEN: ${{ secrets.ADD_TO_PROJECT_PAT }}
       - name: add pr
         uses: actions/add-to-project@v1.0.1
         if: ${{ github.event_name == 'pull_request_target' && github.actor != 'dependabot[bot]' && !contains(steps.checkUserMember.outputs.teams, 'engineers')}}

.github/workflows/release.yml

@@ -2,7 +2,7 @@ name: Release @zitadel/react package
 on:
   push:
     branches:
-      - "main"
+      - 'main'
 
 jobs:
   release:

devbox.json

@@ -0,0 +1,10 @@
+{
+  "$schema": "https://raw.githubusercontent.com/jetify-com/devbox/0.10.7/.schema/devbox.schema.json",
+  "packages": ["yarn@latest"],
+  "shell": {
+    "init_hook": ["echo 'Welcome to devbox!' > /dev/null"],
+    "scripts": {
+      "test": ["echo \"Error: no test specified\" && exit 1"]
+    }
+  }
+}

devbox.lock

@@ -0,0 +1,53 @@
+{
+  "lockfile_version": "1",
+  "packages": {
+    "yarn@latest": {
+      "last_modified": "2025-07-28T17:09:23Z",
+      "resolved": "github:NixOS/nixpkgs/648f70160c03151bc2121d179291337ad6bc564b#yarn",
+      "source": "devbox-search",
+      "version": "1.22.22",
+      "systems": {
+        "aarch64-darwin": {
+          "outputs": [
+            {
+              "name": "out",
+              "path": "/nix/store/2hb4yl033wym7imkbzydgxfyfn5r8024-yarn-1.22.22",
+              "default": true
+            }
+          ],
+          "store_path": "/nix/store/2hb4yl033wym7imkbzydgxfyfn5r8024-yarn-1.22.22"
+        },
+        "aarch64-linux": {
+          "outputs": [
+            {
+              "name": "out",
+              "path": "/nix/store/7ibx5w03lkpfrab4isvndqxnx4g3w0h6-yarn-1.22.22",
+              "default": true
+            }
+          ],
+          "store_path": "/nix/store/7ibx5w03lkpfrab4isvndqxnx4g3w0h6-yarn-1.22.22"
+        },
+        "x86_64-darwin": {
+          "outputs": [
+            {
+              "name": "out",
+              "path": "/nix/store/0khfcbpw9vhq2lz9nf6mgnsz2fw365x7-yarn-1.22.22",
+              "default": true
+            }
+          ],
+          "store_path": "/nix/store/0khfcbpw9vhq2lz9nf6mgnsz2fw365x7-yarn-1.22.22"
+        },
+        "x86_64-linux": {
+          "outputs": [
+            {
+              "name": "out",
+              "path": "/nix/store/99i6m5dmg2q0g44b0gpmwz92g00wk7ma-yarn-1.22.22",
+              "default": true
+            }
+          ],
+          "store_path": "/nix/store/99i6m5dmg2q0g44b0gpmwz92g00wk7ma-yarn-1.22.22"
+        }
+      }
+    }
+  }
+}

eslint.config.mjs

@@ -0,0 +1,46 @@
+import js from '@eslint/js';
+import tseslint from 'typescript-eslint';
+import reactHooks from 'eslint-plugin-react-hooks';
+import reactRefresh from 'eslint-plugin-react-refresh';
+import react from 'eslint-plugin-react';
+import prettier from 'eslint-config-prettier';
+
+export default [
+  {
+    ignores: ['dist/**', 'build/**', 'node_modules/**'],
+  },
+  js.configs.recommended,
+  ...tseslint.configs.recommended,
+  {
+    files: ['**/*.{js,jsx,ts,tsx}'],
+    languageOptions: {
+      ecmaVersion: 'latest',
+      sourceType: 'module',
+      parserOptions: {
+        ecmaFeatures: {
+          jsx: true,
+        },
+      },
+    },
+    settings: {
+      react: {
+        version: 'detect',
+      },
+    },
+    plugins: {
+      react,
+      'react-hooks': reactHooks,
+      'react-refresh': reactRefresh,
+    },
+    rules: {
+      ...react.configs.recommended.rules,
+      ...reactHooks.configs.recommended.rules,
+      'react-refresh/only-export-components': [
+        'warn',
+        { allowConstantExport: true },
+      ],
+      'react/react-in-jsx-scope': 'off',
+    },
+  },
+  prettier,
+];

index.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/src/logo.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>ZITADEL React</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/index.tsx"></script>
+  </body>
+</html>

lib/.releaserc.json

@@ -1,4 +1,4 @@
 {
   "$schema": "https://json.schemastore.org/semantic-release.json",
   "branches": ["main"]
-}
+}

lib/src/index.ts

@@ -1 +1 @@
-export { createZitadelAuth, ZitadelConfig, ZitadelAuth } from "./zitadelAuth";
+export { createZitadelAuth, ZitadelConfig, ZitadelAuth } from './zitadelAuth';

lib/src/zitadelAuth.ts

@@ -2,7 +2,7 @@ import {
   UserManagerSettings,
   UserManager,
   WebStorageStateStore,
-} from "oidc-client-ts";
+} from 'oidc-client-ts';
 
 export type ZitadelConfig = Partial<UserManagerSettings> & {
   project_resource_id?: string;
@@ -19,21 +19,21 @@ export function createZitadelAuth(zitadelConfig: ZitadelConfig): ZitadelAuth {
     authority: `${zitadelConfig.authority}`,
     client_id: `${zitadelConfig.client_id}`,
     redirect_uri: `${
-      zitadelConfig.redirect_uri ?? "http://localhost:3000/callback"
+      zitadelConfig.redirect_uri ?? 'http://localhost:3000/callback'
     }`,
-    response_type: zitadelConfig.response_type ?? "code",
+    response_type: zitadelConfig.response_type ?? 'code',
     scope:
       zitadelConfig.scope ??
       `openid profile email ${
         zitadelConfig.project_resource_id
           ? `urn:zitadel:iam:org:project:id:${zitadelConfig.project_resource_id}:aud urn:zitadel:iam:org:projects:roles`
-          : ""
+          : ''
       }`,
-    prompt: zitadelConfig.prompt ?? "",
+    prompt: zitadelConfig.prompt ?? '',
     post_logout_redirect_uri: `${
-      zitadelConfig.post_logout_redirect_uri ?? "http://localhost:3000/"
+      zitadelConfig.post_logout_redirect_uri ?? 'http://localhost:3000/'
     }`,
-    response_mode: zitadelConfig.response_mode ?? "query",
+    response_mode: zitadelConfig.response_mode ?? 'query',
     disablePKCE: zitadelConfig.disablePKCE,
     extraQueryParams: zitadelConfig.extraQueryParams,
   };