diff --git a/login/apps/login/.eslintrc.cjs b/login/apps/login/.eslintrc.cjs old mode 100755 new mode 100644 index f5383dd47a..7f1ccb61d1 --- a/login/apps/login/.eslintrc.cjs +++ b/login/apps/login/.eslintrc.cjs @@ -1,12 +1,7 @@ module.exports = { extends: ["next/core-web-vitals"], - ignorePatterns: ["external/**/*.ts"], rules: { - "@next/next/no-html-link-for-pages": "off", - }, - settings: { - react: { - version: "detect", - }, - }, + "@next/next/no-img-element": "off", + "react/no-unescaped-entities": "off" + } }; diff --git a/login/apps/login/.github/workflows/ci.yml b/login/apps/login/.github/workflows/ci.yml deleted file mode 100644 index 859421f587..0000000000 --- a/login/apps/login/.github/workflows/ci.yml +++ /dev/null @@ -1,58 +0,0 @@ -name: CI - -on: - push: - branches: [ main ] - pull_request: - branches: [ main ] - -jobs: - test: - runs-on: ubuntu-latest - - strategy: - matrix: - node-version: [18.x, 20.x] - - steps: - - uses: actions/checkout@v4 - - - name: Use Node.js ${{ matrix.node-version }} - uses: actions/setup-node@v4 - with: - node-version: ${{ matrix.node-version }} - cache: 'npm' - - - name: Prepare standalone - run: ./prepare-standalone.sh - - - name: Run tests - run: npm run test:unit - - - name: Run linting - run: npm run lint - - - name: Build application - run: npm run build:standalone - - build-docker: - needs: test - runs-on: ubuntu-latest - if: github.ref == 'refs/heads/main' - - steps: - - uses: actions/checkout@v4 - - - name: Prepare standalone - run: ./prepare-standalone.sh - - - name: Build Docker image - run: | - docker build -t zitadel-login-ui . - - - name: Test Docker image - run: | - docker run --rm -d -p 3000:3000 --name test-container zitadel-login-ui - sleep 10 - curl -f http://localhost:3000 || exit 1 - docker stop test-container diff --git a/login/apps/login/.gitignore b/login/apps/login/.gitignore index caf3c1ec81..f1327fd22b 100644 --- a/login/apps/login/.gitignore +++ b/login/apps/login/.gitignore @@ -1,3 +1,10 @@ custom-config.js .env*.local standalone + +# Generated standalone files (temporary) +*.generated.* +package.monorepo.backup.json + +# TypeScript build info +tsconfig.tsbuildinfo diff --git a/login/apps/login/.gitignore.standalone b/login/apps/login/.gitignore.standalone deleted file mode 100644 index 2cfd1482b6..0000000000 --- a/login/apps/login/.gitignore.standalone +++ /dev/null @@ -1,54 +0,0 @@ -# Dependencies -/node_modules -/.pnp -.pnp.js - -# Testing -/coverage - -# Next.js -/.next/ -/out/ - -# Production -/build - -# Misc -.DS_Store -*.pem - -# Debug -npm-debug.log* -yarn-debug.log* -yarn-error.log* - -# Local env files -.env*.local - -# Vercel -.vercel - -# TypeScript -*.tsbuildinfo -next-env.d.ts - -# Turbo -.turbo - -# IDE -.vscode/ -.idea/ - -# Logs -logs -*.log - -# Optional npm cache directory -.npm - -# Optional eslint cache -.eslintcache - -# Package manager locks (we use npm in standalone) -pnpm-lock.yaml -yarn.lock diff --git a/login/apps/login/README.standalone.md b/login/apps/login/README.standalone.md index ce57de989a..230c246b1f 100644 --- a/login/apps/login/README.standalone.md +++ b/login/apps/login/README.standalone.md @@ -6,17 +6,26 @@ This is the standalone version of the ZITADEL Login UI, a Next.js application th ### Prerequisites -- Node.js 18+ +- Node.js 18+ - npm or pnpm ### Setup 1. **Prepare the standalone environment:** + ```bash - ./prepare-standalone.sh + ./prepare-standalone.sh --install + ``` + + Or for manual control: + + ```bash + ./prepare-standalone.sh --no-install + npm install ``` 2. **Start development server:** + ```bash npm run dev ``` @@ -48,14 +57,46 @@ ZITADEL_API_URL=https://your-zitadel-instance.com # Add other required environment variables ``` +### Package Management + +This standalone version automatically uses the latest published versions of: + +- `@zitadel/client` - ZITADEL client library (latest) +- `@zitadel/proto` - ZITADEL protocol definitions (latest) + +To update to the latest versions, simply run: + +```bash +npm update @zitadel/client @zitadel/proto +``` + ## Differences from Monorepo Version This standalone version includes: -- Self-contained configuration files -- Published versions of `@zitadel/client` and `@zitadel/proto` packages -- Standalone build scripts -- Independent dependency management +- **Published packages**: Uses latest published versions of `@zitadel/client` and `@zitadel/proto` +- **Self-contained configuration**: All configuration files are standalone-ready +- **Simplified dependencies**: Removes monorepo-specific devDependencies and tooling +- **Streamlined build scripts**: Optimized scripts for standalone development +- **Independent dependency management**: No workspace or turbo dependencies + +## Architecture + +### Dual-Mode Design + +This project supports both monorepo and standalone modes: + +- **Monorepo mode**: Uses `workspace:*` dependencies for local development +- **Standalone mode**: Uses published npm packages for distribution + +### Automatic Conversion + +The conversion between modes is handled by intelligent scripts: + +1. **`prepare-standalone.sh`**: Main conversion script for end users +2. **`scripts/prepare-standalone.js`**: Advanced preparation with latest package versions +3. **`scripts/build-standalone.js`**: Generates standalone configs without modifying current setup +4. **`scripts/config-manager.js`**: Switches between monorepo and standalone configurations ## Contributing @@ -68,9 +109,10 @@ When contributing to this standalone version: ## Subtree Sync -This repository is maintained as a Git subtree of the main ZITADEL repository. +This repository is maintained as a Git subtree of the main ZITADEL repository. To sync changes from the main repo: + ```bash # In the main ZITADEL repo git subtree push --prefix=login/apps/login origin typescript-login-standalone diff --git a/login/apps/login/package.json b/login/apps/login/package.json index f498b912c2..c5ba3164c3 100644 --- a/login/apps/login/package.json +++ b/login/apps/login/package.json @@ -14,7 +14,8 @@ "build:login:standalone": "NEXT_PUBLIC_BASE_PATH=/ui/v2/login NEXT_OUTPUT_MODE=standalone pnpm build", "start": "pnpm build && pnpm exec next start", "start:built": "pnpm exec next start", - "clean": "pnpm mock:stop && rm -rf .turbo && rm -rf node_modules && rm -rf .next" + "clean": "pnpm mock:stop && rm -rf .turbo && rm -rf node_modules && rm -rf .next", + "standalone:prepare": "node scripts/prepare-standalone.js" }, "git": { "pre-commit": "lint-staged" diff --git a/login/apps/login/package.standalone.json b/login/apps/login/package.standalone.json index 2d2f7a7718..74536f8150 100644 --- a/login/apps/login/package.standalone.json +++ b/login/apps/login/package.standalone.json @@ -10,17 +10,16 @@ "lint:fix": "prettier --write .", "build": "next build", "build:standalone": "NEXT_PUBLIC_BASE_PATH=/ui/v2/login NEXT_OUTPUT_MODE=standalone next build", - "start": "npm run build && next start", - "start:built": "next start", - "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf .next" + "start": "next start", + "clean": "rm -rf node_modules && rm -rf .next" }, "dependencies": { "@headlessui/react": "^2.1.9", "@heroicons/react": "2.1.3", "@tailwindcss/forms": "0.5.7", "@vercel/analytics": "^1.2.2", - "@zitadel/client": "^1.0.0", - "@zitadel/proto": "^1.0.0", + "@zitadel/client": "latest", + "@zitadel/proto": "latest", "clsx": "1.2.1", "copy-to-clipboard": "^3.3.3", "deepmerge": "^4.3.1", @@ -41,26 +40,19 @@ "@bufbuild/buf": "^1.53.0", "@testing-library/jest-dom": "^6.6.3", "@testing-library/react": "^16.3.0", - "@types/ms": "2.1.0", "@types/node": "^22.14.1", "@types/react": "19.1.2", "@types/react-dom": "19.1.2", "@types/tinycolor2": "1.4.3", "@types/uuid": "^10.0.0", - "@vercel/git-hooks": "1.0.0", - "eslint": "8.57.1", - "eslint-config-next": "15.4.0-canary.86", - "prettier": "^3.5.3", "autoprefixer": "10.4.21", - "grpc-tools": "1.13.0", "jsdom": "^26.1.0", - "make-dir-cli": "4.0.0", "postcss": "8.5.3", + "prettier": "^3.2.5", "prettier-plugin-tailwindcss": "0.6.11", "sass": "^1.87.0", "tailwindcss": "3.4.14", - "ts-proto": "^2.7.0", "typescript": "^5.8.3", - "vitest": "^3.1.2" + "vitest": "^2.0.0" } } diff --git a/login/apps/login/prepare-standalone.sh b/login/apps/login/prepare-standalone.sh index 1be7bf28b7..168d6f41bb 100755 --- a/login/apps/login/prepare-standalone.sh +++ b/login/apps/login/prepare-standalone.sh @@ -3,25 +3,55 @@ # Script to prepare standalone version of the login app set -e -echo "Preparing standalone version..." +echo "šŸ”§ Preparing standalone version..." -# Copy standalone configs -cp package.standalone.json package.json -cp tsconfig.standalone.json tsconfig.json -cp .eslintrc.standalone.cjs .eslintrc.cjs -cp prettier.config.standalone.mjs prettier.config.mjs -cp tailwind.config.standalone.mjs tailwind.config.mjs +# Parse arguments +INSTALL_DEPS=true +USE_LATEST=false -# Install dependencies unless --no-install is passed -if [ "$1" != "--no-install" ]; then - echo "Installing dependencies..." - npm install +for arg in "$@"; do + case $arg in + --no-install) + INSTALL_DEPS=false + shift + ;; + --latest) + USE_LATEST=true + shift + ;; + *) + # Unknown option + ;; + esac +done + +# Build arguments for Node.js script +NODE_ARGS="" +if [ "$INSTALL_DEPS" = true ]; then + NODE_ARGS="$NODE_ARGS --install" +fi +if [ "$USE_LATEST" = true ]; then + NODE_ARGS="$NODE_ARGS --latest" fi -echo "Standalone version prepared successfully!" -if [ "$1" != "--no-install" ]; then - echo "You can now run:" - echo " npm run dev - Start development server" - echo " npm run build - Build for production" - echo " npm run start - Start production server" +# Check if Node.js scripts exist +if [ ! -f "scripts/prepare-standalone.js" ]; then + echo "āŒ scripts/prepare-standalone.js not found!" + echo " Make sure you're in the correct directory" + exit 1 +fi + +# Run the enhanced Node.js prepare script +node scripts/prepare-standalone.js $NODE_ARGS + +echo "" +echo "āœ… Standalone version prepared successfully!" + +if [ "$INSTALL_DEPS" = false ]; then + echo "" + echo "šŸ“ Next steps:" + echo " npm install - Install dependencies" + echo " npm run dev - Start development server" + echo " npm run build - Build for production" + echo " npm run start - Start production server" fi diff --git a/login/apps/login/prettier.config.mjs b/login/apps/login/prettier.config.mjs index 6df557c2fd..d732c57e24 100644 --- a/login/apps/login/prettier.config.mjs +++ b/login/apps/login/prettier.config.mjs @@ -1 +1,8 @@ -export { default } from "@zitadel/prettier-config"; +export default { + semi: true, + trailingComma: "all", + singleQuote: false, + printWidth: 80, + tabWidth: 2, + plugins: ["prettier-plugin-tailwindcss"], +}; diff --git a/login/apps/login/scripts/README.md b/login/apps/login/scripts/README.md new file mode 100644 index 0000000000..4c3fb5f862 --- /dev/null +++ b/login/apps/login/scripts/README.md @@ -0,0 +1,247 @@ +# Standalone Build Scripts + +This directory contains the minimal scripts needed for managing the ZITADEL Login UI standalone conversion. + +## šŸ“ File Overview + +### Required Files + +- `package.json` - Main package file (monorepo mode with `workspace:*`) +- `package.standalone.json` - Pre-configured standalone version (uses `latest`) +- `*.standalone.*` - Configuration templates for standalone mode +- `scripts/` - Conversion scripts + +### Generated/Temporary Files + +- `*.generated.*` - Temporary files (ignored by git) +- `package.monorepo.backup.json` - Backup when switching modes + +## šŸ› ļø Scripts Overview + +### `prepare-standalone.js` + +**The main script for converting monorepo to standalone mode.** + +```bash +node scripts/prepare-standalone.js [--install] +``` + +- `--install` - Automatically install dependencies after preparation + +**What it does:** + +- Copies `package.standalone.json` ā†’ `package.json` +- Copies all `*.standalone.*` config files to their active versions +- Optionally runs `npm install` + +## šŸš€ **Simplified Approach** + +This setup now uses a **much simpler approach**: + +1. **Static Configuration**: `package.standalone.json` is pre-configured with `latest` versions +2. **No Version Fetching**: No network calls or complex version management +3. **Manual Maintenance**: Package versions are updated manually when needed +4. **Faster Setup**: Conversion is instant with just file copying + +## šŸ“‹ **Usage for Customers** + +```bash +# 1. Clone the repository +git clone + +# 2. Prepare standalone mode +./prepare-standalone.sh --install + +# 3. Start developing +npm run dev +``` + +## šŸ”§ **Usage for Maintainers** + +```bash +# Update to latest packages manually in package.standalone.json +npm view @zitadel/client version +npm view @zitadel/proto version + +# Then update package.standalone.json with latest versions +``` + +**What it does:** + +- Converts `workspace:*` dependencies to published package versions +- Removes monorepo-specific devDependencies +- Copies standalone configuration files +- Updates package.json scripts for standalone use + +### `build-standalone.js` + +**Generates package.standalone.json with latest published package versions.** + +```bash +node scripts/build-standalone.js +``` + +**What it does:** + +- Fetches latest versions of `@zitadel/client` and `@zitadel/proto` +- Creates a standalone-ready package.json +- Safe to run in monorepo (doesn't modify current package.json) + +### `config-manager.js` + +**Utility for switching between monorepo and standalone configurations.** + +```bash +# Show current mode +node scripts/config-manager.js status + +# Switch to standalone mode +node scripts/config-manager.js switch standalone + +# Switch back to monorepo mode +node scripts/config-manager.js switch monorepo +``` + +### `validate-standalone.js` + +**Validates that standalone setup is working correctly.** + +```bash +node scripts/validate-standalone.js +``` + +**Checks:** + +- Required files exist +- Package.json has required scripts and dependencies +- Dependencies can be resolved +- TypeScript compilation works + +## Workflow Examples + +### For Developers (Monorepo) + +1. **Working in monorepo:** + + ```bash + # Normal development - uses workspace:* dependencies + pnpm dev + ``` + +2. **Testing standalone version:** + + ```bash + # Generate standalone package.json (safe, doesn't modify current setup) + node scripts/build-standalone.js + + # Switch to standalone mode for testing + node scripts/config-manager.js switch standalone + npm install + npm run dev + + # Switch back to monorepo mode + node scripts/config-manager.js switch monorepo + ``` + +### For Customers (Standalone) + +1. **Initial setup:** + + ```bash + git clone + cd login + ./prepare-standalone.sh --install + ``` + +2. **Development:** + + ```bash + npm run dev + ``` + +3. **Production:** + ```bash + npm run build:standalone + npm run start + ``` + +### For CI/CD (Package Publishing) + +1. **After publishing new @zitadel packages:** + + ```bash + # Update standalone version with latest packages + node scripts/build-standalone.js + + # Commit and push to standalone branch/repo + git add package.standalone.json + git commit -m "Update standalone package versions" + git push origin standalone + ``` + +## Configuration Files + +The scripts manage these configuration files: + +- `package.standalone.json` - Standalone version of package.json +- `tsconfig.standalone.json` - TypeScript config for standalone +- `.eslintrc.standalone.cjs` - ESLint config for standalone +- `prettier.config.standalone.mjs` - Prettier config for standalone +- `tailwind.config.standalone.mjs` - Tailwind config for standalone + +## File Structure + +``` +scripts/ +ā”œā”€ā”€ prepare-standalone.js # Main preparation script +ā”œā”€ā”€ build-standalone.js # Package.json generator +ā”œā”€ā”€ config-manager.js # Configuration switcher +ā””ā”€ā”€ README.md # This file + +# Configuration files +ā”œā”€ā”€ package.json # Current active package.json +ā”œā”€ā”€ package.standalone.json # Generated standalone version +ā”œā”€ā”€ tsconfig.json # Current active TypeScript config +ā”œā”€ā”€ tsconfig.standalone.json # Standalone TypeScript config +ā”œā”€ā”€ .eslintrc.cjs # Current active ESLint config +ā”œā”€ā”€ .eslintrc.standalone.cjs # Standalone ESLint config +ā””ā”€ā”€ ... +``` + +## Troubleshooting + +### "Could not fetch latest version" warnings + +This is normal when packages haven't been published yet or npm registry is slow. The scripts will fall back to existing versions. + +### Configuration file not found + +Some configuration files are optional. The scripts will warn but continue without them. + +### Permission denied on scripts + +Make sure scripts are executable: + +```bash +chmod +x scripts/*.js +chmod +x prepare-standalone.sh +``` + +### Package version conflicts + +If you encounter version conflicts, try: + +```bash +# Clean install +rm -rf node_modules package-lock.json +npm install +``` + +## Integration with Monorepo + +These scripts are designed to work seamlessly with the existing monorepo structure: + +- **Development**: Use normal `pnpm` commands in monorepo +- **Testing**: Use `config-manager.js` to test standalone mode +- **Publishing**: Use `build-standalone.js` to generate updated standalone configs +- **Customer Distribution**: Use `prepare-standalone.sh` for easy setup diff --git a/login/apps/login/scripts/prepare-standalone.js b/login/apps/login/scripts/prepare-standalone.js new file mode 100644 index 0000000000..f1b760c99b --- /dev/null +++ b/login/apps/login/scripts/prepare-standalone.js @@ -0,0 +1,104 @@ +#!/usr/bin/env node + +/** + * Prepare script for standalone version + * This script converts the monorepo version to a standalone version + */ + +import fs from 'fs/promises'; +import { execSync } from 'child_process'; + +const CONFIG_FILES = [ + { + source: 'tsconfig.standalone.json', + target: 'tsconfig.json', + required: true + }, + { + source: '.eslintrc.standalone.cjs', + target: '.eslintrc.cjs', + required: false + }, + { + source: 'prettier.config.standalone.mjs', + target: 'prettier.config.mjs', + required: false + }, + { + source: 'tailwind.config.standalone.mjs', + target: 'tailwind.config.mjs', + required: false + } +]; + +async function prepareStandalone() { + console.log('šŸ”§ Preparing standalone version...\n'); + + const args = process.argv.slice(2); + const shouldInstall = args.includes('--install'); + + try { + // Step 1: Copy package.standalone.json to package.json + console.log('šŸ“¦ Setting up package.json...'); + const packageStandaloneExists = await fs.access('package.standalone.json').then(() => true).catch(() => false); + + if (packageStandaloneExists) { + // Backup current package.json + await fs.copyFile('package.json', 'package.monorepo.backup.json'); + console.log(' šŸ’¾ Backed up package.json ā†’ package.monorepo.backup.json'); + + // Copy standalone version + await fs.copyFile('package.standalone.json', 'package.json'); + console.log(' āœ… package.standalone.json ā†’ package.json'); + } else { + throw new Error('package.standalone.json not found!'); + } + + // Step 2: Copy configuration files + console.log('\nāš™ļø Setting up configuration files...'); + for (const config of CONFIG_FILES) { + try { + const sourceExists = await fs.access(config.source).then(() => true).catch(() => false); + if (sourceExists) { + await fs.copyFile(config.source, config.target); + console.log(` āœ… ${config.source} ā†’ ${config.target}`); + } else if (config.required) { + throw new Error(`Required file ${config.source} not found!`); + } else { + console.log(` āš ļø ${config.source} not found, skipping`); + } + } catch (error) { + if (config.required) { + throw error; + } + console.warn(` āŒ Failed to copy ${config.source}: ${error.message}`); + } + } + + // Step 3: Install dependencies if requested + if (shouldInstall) { + console.log('\nšŸ“„ Installing dependencies...'); + try { + execSync('npm install', { stdio: 'inherit' }); + console.log(' āœ… Dependencies installed successfully'); + } catch (error) { + console.warn(' āš ļø npm install failed, you may need to run it manually'); + } + } + + console.log('\nšŸŽ‰ Standalone preparation complete!'); + console.log('\nšŸ“‹ Next steps:'); + if (!shouldInstall) { + console.log(' 1. Run: npm install'); + } + console.log(' 2. Run: npm run dev'); + console.log(' 3. Start developing!\n'); + + } catch (error) { + console.error('\nāŒ Failed to prepare standalone version:', error.message); + console.error('Please check the error above and try again.\n'); + process.exit(1); + } +} + +prepareStandalone(); diff --git a/login/apps/login/tailwind.config.mjs b/login/apps/login/tailwind.config.mjs index 908068e5dd..3096a1d30e 100644 --- a/login/apps/login/tailwind.config.mjs +++ b/login/apps/login/tailwind.config.mjs @@ -1,115 +1,15 @@ -import sharedConfig from "@zitadel/tailwind-config/tailwind.config.mjs"; - -let colors = { - background: { light: { contrast: {} }, dark: { contrast: {} } }, - primary: { light: { contrast: {} }, dark: { contrast: {} } }, - warn: { light: { contrast: {} }, dark: { contrast: {} } }, - text: { light: { contrast: {} }, dark: { contrast: {} } }, - link: { light: { contrast: {} }, dark: { contrast: {} } }, -}; - -const shades = [ - "50", - "100", - "200", - "300", - "400", - "500", - "600", - "700", - "800", - "900", -]; -const themes = ["light", "dark"]; -const types = ["background", "primary", "warn", "text", "link"]; -types.forEach((type) => { - themes.forEach((theme) => { - shades.forEach((shade) => { - colors[type][theme][shade] = `var(--theme-${theme}-${type}-${shade})`; - colors[type][theme][`contrast-${shade}`] = - `var(--theme-${theme}-${type}-contrast-${shade})`; - colors[type][theme][`secondary-${shade}`] = - `var(--theme-${theme}-${type}-secondary-${shade})`; - }); - }); -}); - /** @type {import('tailwindcss').Config} */ export default { - presets: [sharedConfig], - darkMode: "class", - content: ["./src/**/*.{js,ts,jsx,tsx}"], - future: { - hoverOnlyWhenSupported: true, - }, + content: [ + "./src/pages/**/*.{js,ts,jsx,tsx,mdx}", + "./src/components/**/*.{js,ts,jsx,tsx,mdx}", + "./src/app/**/*.{js,ts,jsx,tsx,mdx}", + ], theme: { extend: { colors: { - ...colors, - state: { - success: { - light: { - background: "#cbf4c9", - color: "#0e6245", - }, - dark: { - background: "#68cf8340", - color: "#cbf4c9", - }, - }, - error: { - light: { - background: "#ffc1c1", - color: "#620e0e", - }, - dark: { - background: "#af455359", - color: "#ffc1c1", - }, - }, - neutral: { - light: { - background: "#e4e7e4", - color: "#000000", - }, - dark: { - background: "#1a253c", - color: "#ffffff", - }, - }, - alert: { - light: { - background: "#fbbf24", - color: "#92400e", - }, - dark: { - background: "#92400e50", - color: "#fbbf24", - }, - }, - }, - }, - animation: { - shake: "shake .8s cubic-bezier(.36,.07,.19,.97) both;", - }, - keyframes: { - shake: { - "10%, 90%": { - transform: "translate3d(-1px, 0, 0)", - }, - - "20%, 80%": { - transform: "translate3d(2px, 0, 0)", - }, - - "30%, 50%, 70%": { - transform: "translate3d(-4px, 0, 0)", - }, - - "40%, 60%": { - transform: "translate3d(4px, 0, 0)", - }, - }, + background: "var(--background)", + foreground: "var(--foreground)", }, }, }, diff --git a/login/apps/login/tsconfig.json b/login/apps/login/tsconfig.json old mode 100755 new mode 100644 index c855c43225..e59724b283 --- a/login/apps/login/tsconfig.json +++ b/login/apps/login/tsconfig.json @@ -1,24 +1,27 @@ { - "extends": "@zitadel/tsconfig/nextjs.json", "compilerOptions": { + "target": "es5", + "lib": ["dom", "dom.iterable", "esnext"], + "allowJs": true, + "skipLibCheck": true, + "strict": true, + "noEmit": true, + "esModuleInterop": true, + "module": "esnext", + "moduleResolution": "bundler", + "resolveJsonModule": true, + "isolatedModules": true, "jsx": "preserve", - "target": "es2022", - "baseUrl": ".", - "paths": { - "@/*": ["./src/*"] - }, + "incremental": true, "plugins": [ { "name": "next" } - ] + ], + "paths": { + "@/*": ["./src/*"] + } }, - "include": [ - "next-env.d.ts", - "**/*.ts", - "**/*.tsx", - ".next/types/**/*.ts", - "custom-config.js" - ], + "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"], "exclude": ["node_modules"] } diff --git a/login/packages/zitadel-tailwind-config/package.json b/login/packages/zitadel-tailwind-config/package.json index 8fba4bac95..e2e07ce08d 100644 --- a/login/packages/zitadel-tailwind-config/package.json +++ b/login/packages/zitadel-tailwind-config/package.json @@ -5,6 +5,10 @@ "access": "public" }, "main": "index.js", + "exports": { + ".": "./index.js", + "./tailwind.config.mjs": "./tailwind.config.mjs" + }, "devDependencies": { "tailwindcss": "^4.1.4", "@tailwindcss/forms": "0.5.3"