Ryan Malloy
36c1b18724
Extract the ACL editor surface (was 759 lines of mixed Astro/Alpine/HTML
in src/pages/acls.astro) into a focused React component tree under
src/components/acls/:
- ACLEditor.tsx — top-level state + layout
- RuleEditor.tsx — per-rule fields and reordering
- SourceSelector.tsx — source-side identity picker
- DestinationSelector.tsx — destination + port picker
- types.ts — shared TS shapes
- validation.ts — pre-submit validation helpers
acls.astro becomes a thin SSR wrapper that mounts <ACLEditor />.
- astro.config.mjs: add @astrojs/react integration
- package.json: pull in @astrojs/react, react@18, react-dom@18, types,
ip-address + is-cidr (CIDR/IP validation in source/dest editors),
lucide-react (icons)
- description string: replace escaped 🤠 sequence with the literal char
104 lines
2.5 KiB
JSON
104 lines
2.5 KiB
JSON
{
|
|
"name": "heady",
|
|
"version": "1.0.0",
|
|
"description": "🤠 Heady - Strategic VPN management that's actually awesome to use!",
|
|
"type": "module",
|
|
"private": true,
|
|
"scripts": {
|
|
"preinstall": "npx only-allow pnpm",
|
|
"dev": "HEADY_LOAD_ENV_OVERRIDES=true HEADY_CONFIG_PATH=./config.example.yaml astro dev --host",
|
|
"start": "astro dev --host",
|
|
"build": "astro build",
|
|
"preview": "astro preview",
|
|
"check": "astro check",
|
|
"typecheck": "astro check && tsc --noEmit",
|
|
"format": "biome format --write .",
|
|
"lint": "biome lint --apply .",
|
|
"test": "vitest run",
|
|
"test:watch": "vitest",
|
|
"test:coverage": "vitest run --coverage",
|
|
"docs:dev": "vitepress dev docs",
|
|
"docs:build": "vitepress build docs",
|
|
"docs:preview": "vitepress preview docs"
|
|
},
|
|
"dependencies": {
|
|
"@astrojs/node": "^8.3.4",
|
|
"@astrojs/react": "^3.6.3",
|
|
"@astrojs/tailwind": "^5.1.2",
|
|
"@kubernetes/client-node": "^1.3.0",
|
|
"@libsql/client": "0.15.12",
|
|
"@shopify/lang-jsonc": "^1.0.1",
|
|
"alpinejs": "^3.14.1",
|
|
"arktype": "^2.1.20",
|
|
"astro": "^4.16.18",
|
|
"chart.js": "^4.4.7",
|
|
"clsx": "^2.1.1",
|
|
"date-fns": "^4.1.0",
|
|
"dotenv": "17.2.1",
|
|
"drizzle-orm": "0.44.4",
|
|
"guacamole-lite": "^1.2.0",
|
|
"ip-address": "^9.0.5",
|
|
"is-cidr": "^5.0.3",
|
|
"jose": "6.1.0",
|
|
"lucide": "^0.456.0",
|
|
"lucide-react": "^0.456.0",
|
|
"mime": "^4.0.7",
|
|
"openid-client": "6.7.0",
|
|
"react": "^18.3.1",
|
|
"react-dom": "^18.3.1",
|
|
"tailwind-merge": "3.3.1",
|
|
"tailwindcss": "^3.4.14",
|
|
"ulidx": "2.4.1",
|
|
"undici": "7.14.0",
|
|
"ws": "^8.18.2",
|
|
"yaml": "2.8.1"
|
|
},
|
|
"devDependencies": {
|
|
"@astrojs/check": "^0.9.4",
|
|
"@biomejs/biome": "^2.2.0",
|
|
"@tailwindcss/vite": "^4.1.12",
|
|
"@types/node": "^24.3.0",
|
|
"@types/react": "^18.3.5",
|
|
"@types/react-dom": "^18.3.0",
|
|
"@types/ws": "^8.18.1",
|
|
"@vitest/coverage-v8": "^2.1.8",
|
|
"drizzle-kit": "^0.31.4",
|
|
"js-yaml": "^4.1.0",
|
|
"lefthook": "^1.12.3",
|
|
"postcss": "^8.5.6",
|
|
"tailwindcss-animate": "^1.0.7",
|
|
"typescript": "^5.9.2",
|
|
"vite": "npm:rolldown-vite@7.1.4",
|
|
"vite-tsconfig-paths": "^5.1.4",
|
|
"vitepress": "next",
|
|
"vitest": "^3.1.3"
|
|
},
|
|
"packageManager": "pnpm@10.4.0",
|
|
"engines": {
|
|
"node": ">=20.0.0",
|
|
"pnpm": ">=10.4 <11"
|
|
},
|
|
"pnpm": {
|
|
"supportedArchitectures": {
|
|
"os": [
|
|
"current",
|
|
"linux"
|
|
],
|
|
"cpu": [
|
|
"x64",
|
|
"arm64"
|
|
]
|
|
},
|
|
"onlyBuiltDependencies": [
|
|
"@biomejs/biome",
|
|
"@tailwindcss/oxide",
|
|
"better-sqlite3",
|
|
"esbuild",
|
|
"lefthook"
|
|
],
|
|
"overrides": {
|
|
"mime": "^1.6.0"
|
|
}
|
|
}
|
|
}
|