mirror of
				https://github.com/steveiliop56/tinyauth.git
				synced 2025-10-31 14:15:50 +00:00 
			
		
		
		
	Compare commits
	
		
			2 Commits
		
	
	
		
			refactor/a
			...
			main
		
	
	| Author | SHA1 | Date | |
|---|---|---|---|
|   | 5f7e89c330 | ||
|   | 330c7aa8f1 | 
							
								
								
									
										4
									
								
								.github/workflows/ci.yml
									
									
									
									
										vendored
									
									
								
							
							
						
						
									
										4
									
								
								.github/workflows/ci.yml
									
									
									
									
										vendored
									
									
								
							| @@ -29,10 +29,10 @@ jobs: | ||||
|         run: | | ||||
|           echo testing > internal/assets/version | ||||
|  | ||||
|       - name: Build frontend | ||||
|       - name: Lint frontend | ||||
|         run: | | ||||
|           cd frontend | ||||
|           bun run build | ||||
|           bun run lint | ||||
|  | ||||
|       - name: Copy frontend | ||||
|         run: | | ||||
|   | ||||
							
								
								
									
										19
									
								
								cmd/root.go
									
									
									
									
									
								
							
							
						
						
									
										19
									
								
								cmd/root.go
									
									
									
									
									
								
							| @@ -1,7 +1,6 @@ | ||||
| package cmd | ||||
|  | ||||
| import ( | ||||
| 	"os" | ||||
| 	"strings" | ||||
| 	"tinyauth/internal/bootstrap" | ||||
| 	"tinyauth/internal/config" | ||||
| @@ -15,16 +14,15 @@ import ( | ||||
| ) | ||||
|  | ||||
| type rootCmd struct { | ||||
| 	root     *cobra.Command | ||||
| 	cmd      *cobra.Command | ||||
| 	viper    *viper.Viper | ||||
| 	aclFlags map[string]string | ||||
| 	root *cobra.Command | ||||
| 	cmd  *cobra.Command | ||||
|  | ||||
| 	viper *viper.Viper | ||||
| } | ||||
|  | ||||
| func newRootCmd() *rootCmd { | ||||
| 	return &rootCmd{ | ||||
| 		viper:    viper.New(), | ||||
| 		aclFlags: make(map[string]string), | ||||
| 		viper: viper.New(), | ||||
| 	} | ||||
| } | ||||
|  | ||||
| @@ -34,9 +32,6 @@ func (c *rootCmd) Register() { | ||||
| 		Short: "The simplest way to protect your apps with a login screen", | ||||
| 		Long:  `Tinyauth is a simple authentication middleware that adds a simple login screen or OAuth with Google, Github or any other provider to all of your docker apps.`, | ||||
| 		Run:   c.run, | ||||
| 		FParseErrWhitelist: cobra.FParseErrWhitelist{ | ||||
| 			UnknownFlags: true, | ||||
| 		}, | ||||
| 	} | ||||
|  | ||||
| 	c.viper.AutomaticEnv() | ||||
| @@ -121,7 +116,7 @@ func (c *rootCmd) run(cmd *cobra.Command, args []string) { | ||||
| 		log.Warn().Msg("Log level set to trace, this will log sensitive information!") | ||||
| 	} | ||||
|  | ||||
| 	app := bootstrap.NewBootstrapApp(conf, c.aclFlags) | ||||
| 	app := bootstrap.NewBootstrapApp(conf) | ||||
|  | ||||
| 	err = app.Setup() | ||||
| 	if err != nil { | ||||
| @@ -131,8 +126,6 @@ func (c *rootCmd) run(cmd *cobra.Command, args []string) { | ||||
|  | ||||
| func Run() { | ||||
| 	rootCmd := newRootCmd() | ||||
| 	rootCmd.aclFlags = utils.ExtractACLFlags(os.Args[1:]) | ||||
|  | ||||
| 	rootCmd.Register() | ||||
| 	root := rootCmd.GetCmd() | ||||
|  | ||||
|   | ||||
| @@ -5,6 +5,7 @@ | ||||
|       "name": "tinyauth-shadcn", | ||||
|       "dependencies": { | ||||
|         "@hookform/resolvers": "^5.2.2", | ||||
|         "@radix-ui/react-dropdown-menu": "^2.1.16", | ||||
|         "@radix-ui/react-label": "^2.1.7", | ||||
|         "@radix-ui/react-select": "^2.2.6", | ||||
|         "@radix-ui/react-separator": "^1.1.7", | ||||
| @@ -213,6 +214,8 @@ | ||||
|  | ||||
|     "@radix-ui/react-dismissable-layer": ["@radix-ui/react-dismissable-layer@1.1.11", "", { "dependencies": { "@radix-ui/primitive": "1.1.3", "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-use-callback-ref": "1.1.1", "@radix-ui/react-use-escape-keydown": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-Nqcp+t5cTB8BinFkZgXiMJniQH0PsUt2k51FUhbdfeKvc4ACcG2uQniY/8+h1Yv6Kza4Q7lD7PQV0z0oicE0Mg=="], | ||||
|  | ||||
|     "@radix-ui/react-dropdown-menu": ["@radix-ui/react-dropdown-menu@2.1.16", "", { "dependencies": { "@radix-ui/primitive": "1.1.3", "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-context": "1.1.2", "@radix-ui/react-id": "1.1.1", "@radix-ui/react-menu": "2.1.16", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-use-controllable-state": "1.2.2" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-1PLGQEynI/3OX/ftV54COn+3Sud/Mn8vALg2rWnBLnRaGtJDduNW/22XjlGgPdpcIbiQxjKtb7BkcjP00nqfJw=="], | ||||
|  | ||||
|     "@radix-ui/react-focus-guards": ["@radix-ui/react-focus-guards@1.1.3", "", { "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-0rFg/Rj2Q62NCm62jZw0QX7a3sz6QCQU0LpZdNrJX8byRGaGVTqbrW9jAoIAHyMQqsNpeZ81YgSizOt5WXq0Pw=="], | ||||
|  | ||||
|     "@radix-ui/react-focus-scope": ["@radix-ui/react-focus-scope@1.1.7", "", { "dependencies": { "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-use-callback-ref": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-t2ODlkXBQyn7jkl6TNaw/MtVEVvIGelJDCG41Okq/KwUsJBwQ4XVZsHAVUkK4mBv3ewiAS3PGuUWuY2BoK4ZUw=="], | ||||
| @@ -221,12 +224,18 @@ | ||||
|  | ||||
|     "@radix-ui/react-label": ["@radix-ui/react-label@2.1.7", "", { "dependencies": { "@radix-ui/react-primitive": "2.1.3" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-YT1GqPSL8kJn20djelMX7/cTRp/Y9w5IZHvfxQTVHrOqa2yMl7i/UfMqKRU5V7mEyKTrUVgJXhNQPVCG8PBLoQ=="], | ||||
|  | ||||
|     "@radix-ui/react-menu": ["@radix-ui/react-menu@2.1.16", "", { "dependencies": { "@radix-ui/primitive": "1.1.3", "@radix-ui/react-collection": "1.1.7", "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-context": "1.1.2", "@radix-ui/react-direction": "1.1.1", "@radix-ui/react-dismissable-layer": "1.1.11", "@radix-ui/react-focus-guards": "1.1.3", "@radix-ui/react-focus-scope": "1.1.7", "@radix-ui/react-id": "1.1.1", "@radix-ui/react-popper": "1.2.8", "@radix-ui/react-portal": "1.1.9", "@radix-ui/react-presence": "1.1.5", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-roving-focus": "1.1.11", "@radix-ui/react-slot": "1.2.3", "@radix-ui/react-use-callback-ref": "1.1.1", "aria-hidden": "^1.2.4", "react-remove-scroll": "^2.6.3" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-72F2T+PLlphrqLcAotYPp0uJMr5SjP5SL01wfEspJbru5Zs5vQaSHb4VB3ZMJPimgHHCHG7gMOeOB9H3Hdmtxg=="], | ||||
|  | ||||
|     "@radix-ui/react-popper": ["@radix-ui/react-popper@1.2.8", "", { "dependencies": { "@floating-ui/react-dom": "^2.0.0", "@radix-ui/react-arrow": "1.1.7", "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-context": "1.1.2", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-use-callback-ref": "1.1.1", "@radix-ui/react-use-layout-effect": "1.1.1", "@radix-ui/react-use-rect": "1.1.1", "@radix-ui/react-use-size": "1.1.1", "@radix-ui/rect": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-0NJQ4LFFUuWkE7Oxf0htBKS6zLkkjBH+hM1uk7Ng705ReR8m/uelduy1DBo0PyBXPKVnBA6YBlU94MBGXrSBCw=="], | ||||
|  | ||||
|     "@radix-ui/react-portal": ["@radix-ui/react-portal@1.1.9", "", { "dependencies": { "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-use-layout-effect": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-bpIxvq03if6UNwXZ+HTK71JLh4APvnXntDc6XOX8UVq4XQOVl7lwok0AvIl+b8zgCw3fSaVTZMpAPPagXbKmHQ=="], | ||||
|  | ||||
|     "@radix-ui/react-presence": ["@radix-ui/react-presence@1.1.5", "", { "dependencies": { "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-use-layout-effect": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-/jfEwNDdQVBCNvjkGit4h6pMOzq8bHkopq458dPt2lMjx+eBQUohZNG9A7DtO/O5ukSbxuaNGXMjHicgwy6rQQ=="], | ||||
|  | ||||
|     "@radix-ui/react-primitive": ["@radix-ui/react-primitive@2.1.3", "", { "dependencies": { "@radix-ui/react-slot": "1.2.3" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ=="], | ||||
|  | ||||
|     "@radix-ui/react-roving-focus": ["@radix-ui/react-roving-focus@1.1.11", "", { "dependencies": { "@radix-ui/primitive": "1.1.3", "@radix-ui/react-collection": "1.1.7", "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-context": "1.1.2", "@radix-ui/react-direction": "1.1.1", "@radix-ui/react-id": "1.1.1", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-use-callback-ref": "1.1.1", "@radix-ui/react-use-controllable-state": "1.2.2" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-7A6S9jSgm/S+7MdtNDSb+IU859vQqJ/QAtcYQcfFC6W8RS4IxIZDldLR0xqCFZ6DCyrQLjLPsxtTNch5jVA4lA=="], | ||||
|  | ||||
|     "@radix-ui/react-select": ["@radix-ui/react-select@2.2.6", "", { "dependencies": { "@radix-ui/number": "1.1.1", "@radix-ui/primitive": "1.1.3", "@radix-ui/react-collection": "1.1.7", "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-context": "1.1.2", "@radix-ui/react-direction": "1.1.1", "@radix-ui/react-dismissable-layer": "1.1.11", "@radix-ui/react-focus-guards": "1.1.3", "@radix-ui/react-focus-scope": "1.1.7", "@radix-ui/react-id": "1.1.1", "@radix-ui/react-popper": "1.2.8", "@radix-ui/react-portal": "1.1.9", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-slot": "1.2.3", "@radix-ui/react-use-callback-ref": "1.1.1", "@radix-ui/react-use-controllable-state": "1.2.2", "@radix-ui/react-use-layout-effect": "1.1.1", "@radix-ui/react-use-previous": "1.1.1", "@radix-ui/react-visually-hidden": "1.2.3", "aria-hidden": "^1.2.4", "react-remove-scroll": "^2.6.3" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-I30RydO+bnn2PQztvo25tswPH+wFBjehVGtmagkU78yMdwTwVf12wnAOF+AeP8S2N8xD+5UPbGhkUfPyvT+mwQ=="], | ||||
|  | ||||
|     "@radix-ui/react-separator": ["@radix-ui/react-separator@1.1.7", "", { "dependencies": { "@radix-ui/react-primitive": "2.1.3" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-0HEb8R9E8A+jZjvmFCy/J4xhbXy3TV+9XSnGJ3KvTtjlIUy/YQ/p6UYZvi7YbeoeXdyU9+Y3scizK6hkY37baA=="], | ||||
|   | ||||
| @@ -12,7 +12,7 @@ | ||||
|     <link rel="manifest" href="/site.webmanifest" /> | ||||
|     <title>Tinyauth</title> | ||||
|   </head> | ||||
|   <body class="dark"> | ||||
|   <body> | ||||
|     <div id="root"></div> | ||||
|     <script type="module" src="/src/main.tsx"></script> | ||||
|   </body> | ||||
|   | ||||
| @@ -7,10 +7,12 @@ | ||||
|     "dev": "vite", | ||||
|     "build": "tsc -b && vite build", | ||||
|     "lint": "eslint .", | ||||
|     "preview": "vite preview" | ||||
|     "preview": "vite preview", | ||||
|     "tsc": "tsc -b" | ||||
|   }, | ||||
|   "dependencies": { | ||||
|     "@hookform/resolvers": "^5.2.2", | ||||
|     "@radix-ui/react-dropdown-menu": "^2.1.16", | ||||
|     "@radix-ui/react-label": "^2.1.7", | ||||
|     "@radix-ui/react-select": "^2.2.6", | ||||
|     "@radix-ui/react-separator": "^1.1.7", | ||||
| @@ -54,4 +56,4 @@ | ||||
|     "typescript-eslint": "^8.46.1", | ||||
|     "vite": "^7.1.10" | ||||
|   } | ||||
| } | ||||
| } | ||||
|   | ||||
| @@ -18,9 +18,10 @@ export const LanguageSelector = () => { | ||||
|     setLanguage(option as SupportedLanguage); | ||||
|     i18n.changeLanguage(option as SupportedLanguage); | ||||
|   }; | ||||
|  | ||||
|   return ( | ||||
|     <Select onValueChange={handleSelect} value={language}> | ||||
|       <SelectTrigger className="absolute top-5 right-5"> | ||||
|       <SelectTrigger> | ||||
|         <SelectValue placeholder="Select language" /> | ||||
|       </SelectTrigger> | ||||
|       <SelectContent> | ||||
|   | ||||
| @@ -3,6 +3,7 @@ import { LanguageSelector } from "../language/language"; | ||||
| import { Outlet } from "react-router"; | ||||
| import { useCallback, useEffect, useState } from "react"; | ||||
| import { DomainWarning } from "../domain-warning/domain-warning"; | ||||
| import { ThemeToggle } from "../theme-toggle/theme-toggle"; | ||||
|  | ||||
| const BaseLayout = ({ children }: { children: React.ReactNode }) => { | ||||
|   const { backgroundImage, title } = useAppContext(); | ||||
| @@ -20,7 +21,10 @@ const BaseLayout = ({ children }: { children: React.ReactNode }) => { | ||||
|         backgroundPosition: "center", | ||||
|       }} | ||||
|     > | ||||
|       <LanguageSelector /> | ||||
|       <div className="absolute top-5 right-5 flex flex-row gap-2"> | ||||
|         <ThemeToggle /> | ||||
|         <LanguageSelector /> | ||||
|       </div> | ||||
|       {children} | ||||
|     </div> | ||||
|   ); | ||||
|   | ||||
							
								
								
									
										73
									
								
								frontend/src/components/providers/theme-provider.tsx
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										73
									
								
								frontend/src/components/providers/theme-provider.tsx
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,73 @@ | ||||
| import { createContext, useContext, useEffect, useState } from "react"; | ||||
|  | ||||
| type Theme = "dark" | "light" | "system"; | ||||
|  | ||||
| type ThemeProviderProps = { | ||||
|   children: React.ReactNode; | ||||
|   defaultTheme?: Theme; | ||||
|   storageKey?: string; | ||||
| }; | ||||
|  | ||||
| type ThemeProviderState = { | ||||
|   theme: Theme; | ||||
|   setTheme: (theme: Theme) => void; | ||||
| }; | ||||
|  | ||||
| const initialState: ThemeProviderState = { | ||||
|   theme: "system", | ||||
|   setTheme: () => null, | ||||
| }; | ||||
|  | ||||
| const ThemeProviderContext = createContext<ThemeProviderState>(initialState); | ||||
|  | ||||
| export function ThemeProvider({ | ||||
|   children, | ||||
|   defaultTheme = "system", | ||||
|   storageKey = "vite-ui-theme", | ||||
|   ...props | ||||
| }: ThemeProviderProps) { | ||||
|   const [theme, setTheme] = useState<Theme>( | ||||
|     () => (localStorage.getItem(storageKey) as Theme) || defaultTheme, | ||||
|   ); | ||||
|  | ||||
|   useEffect(() => { | ||||
|     const root = window.document.documentElement; | ||||
|  | ||||
|     root.classList.remove("light", "dark"); | ||||
|  | ||||
|     if (theme === "system") { | ||||
|       const systemTheme = window.matchMedia("(prefers-color-scheme: dark)") | ||||
|         .matches | ||||
|         ? "dark" | ||||
|         : "light"; | ||||
|  | ||||
|       root.classList.add(systemTheme); | ||||
|       return; | ||||
|     } | ||||
|  | ||||
|     root.classList.add(theme); | ||||
|   }, [theme]); | ||||
|  | ||||
|   const value = { | ||||
|     theme, | ||||
|     setTheme: (theme: Theme) => { | ||||
|       localStorage.setItem(storageKey, theme); | ||||
|       setTheme(theme); | ||||
|     }, | ||||
|   }; | ||||
|  | ||||
|   return ( | ||||
|     <ThemeProviderContext.Provider {...props} value={value}> | ||||
|       {children} | ||||
|     </ThemeProviderContext.Provider> | ||||
|   ); | ||||
| } | ||||
|  | ||||
| export const useTheme = () => { | ||||
|   const context = useContext(ThemeProviderContext); | ||||
|  | ||||
|   if (context === undefined) | ||||
|     throw new Error("useTheme must be used within a ThemeProvider"); | ||||
|  | ||||
|   return context; | ||||
| }; | ||||
							
								
								
									
										40
									
								
								frontend/src/components/theme-toggle/theme-toggle.tsx
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										40
									
								
								frontend/src/components/theme-toggle/theme-toggle.tsx
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,40 @@ | ||||
| import { Moon, Sun } from "lucide-react"; | ||||
|  | ||||
| import { Button } from "@/components/ui/button"; | ||||
| import { | ||||
|   DropdownMenu, | ||||
|   DropdownMenuContent, | ||||
|   DropdownMenuItem, | ||||
|   DropdownMenuTrigger, | ||||
| } from "@/components/ui/dropdown-menu"; | ||||
| import { useTheme } from "@/components/providers/theme-provider"; | ||||
|  | ||||
| export function ThemeToggle() { | ||||
|   const { setTheme } = useTheme(); | ||||
|  | ||||
|   return ( | ||||
|     <DropdownMenu> | ||||
|       <DropdownMenuTrigger asChild> | ||||
|         <Button | ||||
|           className="bg-card text-card-foreground hover:bg-card/90" | ||||
|           size="icon" | ||||
|         > | ||||
|           <Sun className="h-[1.2rem] w-[1.2rem] scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90" /> | ||||
|           <Moon className="absolute h-[1.2rem] w-[1.2rem] scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0" /> | ||||
|           <span className="sr-only">Toggle theme</span> | ||||
|         </Button> | ||||
|       </DropdownMenuTrigger> | ||||
|       <DropdownMenuContent align="end"> | ||||
|         <DropdownMenuItem onClick={() => setTheme("light")}> | ||||
|           Light | ||||
|         </DropdownMenuItem> | ||||
|         <DropdownMenuItem onClick={() => setTheme("dark")}> | ||||
|           Dark | ||||
|         </DropdownMenuItem> | ||||
|         <DropdownMenuItem onClick={() => setTheme("system")}> | ||||
|           System | ||||
|         </DropdownMenuItem> | ||||
|       </DropdownMenuContent> | ||||
|     </DropdownMenu> | ||||
|   ); | ||||
| } | ||||
| @@ -6,7 +6,7 @@ import { cn } from "@/lib/utils"; | ||||
| import { Loader2 } from "lucide-react"; | ||||
|  | ||||
| const buttonVariants = cva( | ||||
|   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", | ||||
|   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:cursor-pointer", | ||||
|   { | ||||
|     variants: { | ||||
|       variant: { | ||||
|   | ||||
							
								
								
									
										255
									
								
								frontend/src/components/ui/dropdown-menu.tsx
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										255
									
								
								frontend/src/components/ui/dropdown-menu.tsx
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,255 @@ | ||||
| import * as React from "react" | ||||
| import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu" | ||||
| import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react" | ||||
|  | ||||
| import { cn } from "@/lib/utils" | ||||
|  | ||||
| function DropdownMenu({ | ||||
|   ...props | ||||
| }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) { | ||||
|   return <DropdownMenuPrimitive.Root data-slot="dropdown-menu" {...props} /> | ||||
| } | ||||
|  | ||||
| function DropdownMenuPortal({ | ||||
|   ...props | ||||
| }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) { | ||||
|   return ( | ||||
|     <DropdownMenuPrimitive.Portal data-slot="dropdown-menu-portal" {...props} /> | ||||
|   ) | ||||
| } | ||||
|  | ||||
| function DropdownMenuTrigger({ | ||||
|   ...props | ||||
| }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) { | ||||
|   return ( | ||||
|     <DropdownMenuPrimitive.Trigger | ||||
|       data-slot="dropdown-menu-trigger" | ||||
|       {...props} | ||||
|     /> | ||||
|   ) | ||||
| } | ||||
|  | ||||
| function DropdownMenuContent({ | ||||
|   className, | ||||
|   sideOffset = 4, | ||||
|   ...props | ||||
| }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) { | ||||
|   return ( | ||||
|     <DropdownMenuPrimitive.Portal> | ||||
|       <DropdownMenuPrimitive.Content | ||||
|         data-slot="dropdown-menu-content" | ||||
|         sideOffset={sideOffset} | ||||
|         className={cn( | ||||
|           "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md", | ||||
|           className | ||||
|         )} | ||||
|         {...props} | ||||
|       /> | ||||
|     </DropdownMenuPrimitive.Portal> | ||||
|   ) | ||||
| } | ||||
|  | ||||
| function DropdownMenuGroup({ | ||||
|   ...props | ||||
| }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) { | ||||
|   return ( | ||||
|     <DropdownMenuPrimitive.Group data-slot="dropdown-menu-group" {...props} /> | ||||
|   ) | ||||
| } | ||||
|  | ||||
| function DropdownMenuItem({ | ||||
|   className, | ||||
|   inset, | ||||
|   variant = "default", | ||||
|   ...props | ||||
| }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & { | ||||
|   inset?: boolean | ||||
|   variant?: "default" | "destructive" | ||||
| }) { | ||||
|   return ( | ||||
|     <DropdownMenuPrimitive.Item | ||||
|       data-slot="dropdown-menu-item" | ||||
|       data-inset={inset} | ||||
|       data-variant={variant} | ||||
|       className={cn( | ||||
|         "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", | ||||
|         className | ||||
|       )} | ||||
|       {...props} | ||||
|     /> | ||||
|   ) | ||||
| } | ||||
|  | ||||
| function DropdownMenuCheckboxItem({ | ||||
|   className, | ||||
|   children, | ||||
|   checked, | ||||
|   ...props | ||||
| }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) { | ||||
|   return ( | ||||
|     <DropdownMenuPrimitive.CheckboxItem | ||||
|       data-slot="dropdown-menu-checkbox-item" | ||||
|       className={cn( | ||||
|         "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", | ||||
|         className | ||||
|       )} | ||||
|       checked={checked} | ||||
|       {...props} | ||||
|     > | ||||
|       <span className="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center"> | ||||
|         <DropdownMenuPrimitive.ItemIndicator> | ||||
|           <CheckIcon className="size-4" /> | ||||
|         </DropdownMenuPrimitive.ItemIndicator> | ||||
|       </span> | ||||
|       {children} | ||||
|     </DropdownMenuPrimitive.CheckboxItem> | ||||
|   ) | ||||
| } | ||||
|  | ||||
| function DropdownMenuRadioGroup({ | ||||
|   ...props | ||||
| }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) { | ||||
|   return ( | ||||
|     <DropdownMenuPrimitive.RadioGroup | ||||
|       data-slot="dropdown-menu-radio-group" | ||||
|       {...props} | ||||
|     /> | ||||
|   ) | ||||
| } | ||||
|  | ||||
| function DropdownMenuRadioItem({ | ||||
|   className, | ||||
|   children, | ||||
|   ...props | ||||
| }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) { | ||||
|   return ( | ||||
|     <DropdownMenuPrimitive.RadioItem | ||||
|       data-slot="dropdown-menu-radio-item" | ||||
|       className={cn( | ||||
|         "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", | ||||
|         className | ||||
|       )} | ||||
|       {...props} | ||||
|     > | ||||
|       <span className="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center"> | ||||
|         <DropdownMenuPrimitive.ItemIndicator> | ||||
|           <CircleIcon className="size-2 fill-current" /> | ||||
|         </DropdownMenuPrimitive.ItemIndicator> | ||||
|       </span> | ||||
|       {children} | ||||
|     </DropdownMenuPrimitive.RadioItem> | ||||
|   ) | ||||
| } | ||||
|  | ||||
| function DropdownMenuLabel({ | ||||
|   className, | ||||
|   inset, | ||||
|   ...props | ||||
| }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & { | ||||
|   inset?: boolean | ||||
| }) { | ||||
|   return ( | ||||
|     <DropdownMenuPrimitive.Label | ||||
|       data-slot="dropdown-menu-label" | ||||
|       data-inset={inset} | ||||
|       className={cn( | ||||
|         "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", | ||||
|         className | ||||
|       )} | ||||
|       {...props} | ||||
|     /> | ||||
|   ) | ||||
| } | ||||
|  | ||||
| function DropdownMenuSeparator({ | ||||
|   className, | ||||
|   ...props | ||||
| }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) { | ||||
|   return ( | ||||
|     <DropdownMenuPrimitive.Separator | ||||
|       data-slot="dropdown-menu-separator" | ||||
|       className={cn("bg-border -mx-1 my-1 h-px", className)} | ||||
|       {...props} | ||||
|     /> | ||||
|   ) | ||||
| } | ||||
|  | ||||
| function DropdownMenuShortcut({ | ||||
|   className, | ||||
|   ...props | ||||
| }: React.ComponentProps<"span">) { | ||||
|   return ( | ||||
|     <span | ||||
|       data-slot="dropdown-menu-shortcut" | ||||
|       className={cn( | ||||
|         "text-muted-foreground ml-auto text-xs tracking-widest", | ||||
|         className | ||||
|       )} | ||||
|       {...props} | ||||
|     /> | ||||
|   ) | ||||
| } | ||||
|  | ||||
| function DropdownMenuSub({ | ||||
|   ...props | ||||
| }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) { | ||||
|   return <DropdownMenuPrimitive.Sub data-slot="dropdown-menu-sub" {...props} /> | ||||
| } | ||||
|  | ||||
| function DropdownMenuSubTrigger({ | ||||
|   className, | ||||
|   inset, | ||||
|   children, | ||||
|   ...props | ||||
| }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & { | ||||
|   inset?: boolean | ||||
| }) { | ||||
|   return ( | ||||
|     <DropdownMenuPrimitive.SubTrigger | ||||
|       data-slot="dropdown-menu-sub-trigger" | ||||
|       data-inset={inset} | ||||
|       className={cn( | ||||
|         "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", | ||||
|         className | ||||
|       )} | ||||
|       {...props} | ||||
|     > | ||||
|       {children} | ||||
|       <ChevronRightIcon className="ml-auto size-4" /> | ||||
|     </DropdownMenuPrimitive.SubTrigger> | ||||
|   ) | ||||
| } | ||||
|  | ||||
| function DropdownMenuSubContent({ | ||||
|   className, | ||||
|   ...props | ||||
| }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) { | ||||
|   return ( | ||||
|     <DropdownMenuPrimitive.SubContent | ||||
|       data-slot="dropdown-menu-sub-content" | ||||
|       className={cn( | ||||
|         "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg", | ||||
|         className | ||||
|       )} | ||||
|       {...props} | ||||
|     /> | ||||
|   ) | ||||
| } | ||||
|  | ||||
| export { | ||||
|   DropdownMenu, | ||||
|   DropdownMenuPortal, | ||||
|   DropdownMenuTrigger, | ||||
|   DropdownMenuContent, | ||||
|   DropdownMenuGroup, | ||||
|   DropdownMenuLabel, | ||||
|   DropdownMenuItem, | ||||
|   DropdownMenuCheckboxItem, | ||||
|   DropdownMenuRadioGroup, | ||||
|   DropdownMenuRadioItem, | ||||
|   DropdownMenuSeparator, | ||||
|   DropdownMenuShortcut, | ||||
|   DropdownMenuSub, | ||||
|   DropdownMenuSubTrigger, | ||||
|   DropdownMenuSubContent, | ||||
| } | ||||
| @@ -35,7 +35,7 @@ function SelectTrigger({ | ||||
|       data-slot="select-trigger" | ||||
|       data-size={size} | ||||
|       className={cn( | ||||
|         "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-card dark:hover:bg-card/90 flex w-fit items-center justify-between gap-2 rounded-md border bg-card hover:bg-card/90 px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", | ||||
|         "hover:cursor-pointer border-input data-[placeholder]:text-card-foreground [&_svg:not([class*='text-'])]:text-card-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive flex w-fit items-center justify-between gap-2 rounded-md border bg-card hover:bg-card/90 px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", | ||||
|         className, | ||||
|       )} | ||||
|       {...props} | ||||
|   | ||||
| @@ -1,8 +1,8 @@ | ||||
| import { useTheme } from "next-themes"; | ||||
| import { useTheme } from "../providers/theme-provider"; | ||||
| import { Toaster as Sonner, ToasterProps } from "sonner"; | ||||
|  | ||||
| const Toaster = ({ ...props }: ToasterProps) => { | ||||
|   const { theme = "system" } = useTheme(); | ||||
|   const { theme } = useTheme(); | ||||
|  | ||||
|   return ( | ||||
|     <Sonner | ||||
|   | ||||
| @@ -9,7 +9,7 @@ export const isValidUrl = (url: string) => { | ||||
|   try { | ||||
|     new URL(url); | ||||
|     return true; | ||||
|   } catch (e) { | ||||
|   } catch { | ||||
|     return false; | ||||
|   } | ||||
| }; | ||||
|   | ||||
| @@ -16,6 +16,7 @@ import { QueryClient, QueryClientProvider } from "@tanstack/react-query"; | ||||
| import { AppContextProvider } from "./context/app-context.tsx"; | ||||
| import { UserContextProvider } from "./context/user-context.tsx"; | ||||
| import { Toaster } from "@/components/ui/sonner"; | ||||
| import { ThemeProvider } from "./components/providers/theme-provider.tsx"; | ||||
|  | ||||
| const queryClient = new QueryClient(); | ||||
|  | ||||
| @@ -24,25 +25,27 @@ createRoot(document.getElementById("root")!).render( | ||||
|     <QueryClientProvider client={queryClient}> | ||||
|       <AppContextProvider> | ||||
|         <UserContextProvider> | ||||
|           <BrowserRouter> | ||||
|             <Routes> | ||||
|               <Route element={<Layout />} errorElement={<ErrorPage />}> | ||||
|                 <Route path="/" element={<App />} /> | ||||
|                 <Route path="/login" element={<LoginPage />} /> | ||||
|                 <Route path="/logout" element={<LogoutPage />} /> | ||||
|                 <Route path="/continue" element={<ContinuePage />} /> | ||||
|                 <Route path="/totp" element={<TotpPage />} /> | ||||
|                 <Route | ||||
|                   path="/forgot-password" | ||||
|                   element={<ForgotPasswordPage />} | ||||
|                 /> | ||||
|                 <Route path="/unauthorized" element={<UnauthorizedPage />} /> | ||||
|                 <Route path="/error" element={<ErrorPage />} /> | ||||
|                 <Route path="*" element={<NotFoundPage />} /> | ||||
|               </Route> | ||||
|             </Routes> | ||||
|           </BrowserRouter> | ||||
|           <Toaster /> | ||||
|           <ThemeProvider defaultTheme="system" storageKey="tinyauth-theme"> | ||||
|             <BrowserRouter> | ||||
|               <Routes> | ||||
|                 <Route element={<Layout />} errorElement={<ErrorPage />}> | ||||
|                   <Route path="/" element={<App />} /> | ||||
|                   <Route path="/login" element={<LoginPage />} /> | ||||
|                   <Route path="/logout" element={<LogoutPage />} /> | ||||
|                   <Route path="/continue" element={<ContinuePage />} /> | ||||
|                   <Route path="/totp" element={<TotpPage />} /> | ||||
|                   <Route | ||||
|                     path="/forgot-password" | ||||
|                     element={<ForgotPasswordPage />} | ||||
|                   /> | ||||
|                   <Route path="/unauthorized" element={<UnauthorizedPage />} /> | ||||
|                   <Route path="/error" element={<ErrorPage />} /> | ||||
|                   <Route path="*" element={<NotFoundPage />} /> | ||||
|                 </Route> | ||||
|               </Routes> | ||||
|             </BrowserRouter> | ||||
|             <Toaster /> | ||||
|           </ThemeProvider> | ||||
|         </UserContextProvider> | ||||
|       </AppContextProvider> | ||||
|     </QueryClientProvider> | ||||
|   | ||||
| @@ -76,7 +76,14 @@ export const ContinuePage = () => { | ||||
|       clearTimeout(auto); | ||||
|       clearTimeout(reveal); | ||||
|     }; | ||||
|   }, []); | ||||
|   }, [ | ||||
|     handleRedirect, | ||||
|     isAllowedRedirectProto, | ||||
|     isHttpsDowngrade, | ||||
|     isLoggedIn, | ||||
|     isTrustedRedirectUri, | ||||
|     isValidRedirectUri, | ||||
|   ]); | ||||
|  | ||||
|   if (!isLoggedIn) { | ||||
|     return ( | ||||
|   | ||||
| @@ -119,6 +119,8 @@ export const LoginPage = () => { | ||||
|         !isLoggedIn && | ||||
|         redirectUri | ||||
|       ) { | ||||
|         // Not sure of a better way to do this | ||||
|         // eslint-disable-next-line react-hooks/set-state-in-effect | ||||
|         setOauthAutoRedirectHandover(true); | ||||
|         oauthMutation.mutate(oauthAutoRedirect); | ||||
|         redirectButtonTimer.current = window.setTimeout(() => { | ||||
| @@ -126,7 +128,15 @@ export const LoginPage = () => { | ||||
|         }, 5000); | ||||
|       } | ||||
|     } | ||||
|   }, []); | ||||
|   }, [ | ||||
|     isMounted, | ||||
|     oauthProviders.length, | ||||
|     providers, | ||||
|     isLoggedIn, | ||||
|     redirectUri, | ||||
|     oauthAutoRedirect, | ||||
|     oauthMutation, | ||||
|   ]); | ||||
|  | ||||
|   useEffect( | ||||
|     () => () => { | ||||
|   | ||||
| @@ -37,15 +37,13 @@ type Service interface { | ||||
| } | ||||
|  | ||||
| type BootstrapApp struct { | ||||
| 	config   config.Config | ||||
| 	aclFlags map[string]string | ||||
| 	uuid     string | ||||
| 	config config.Config | ||||
| 	uuid   string | ||||
| } | ||||
|  | ||||
| func NewBootstrapApp(config config.Config, aclFlags map[string]string) *BootstrapApp { | ||||
| func NewBootstrapApp(config config.Config) *BootstrapApp { | ||||
| 	return &BootstrapApp{ | ||||
| 		config:   config, | ||||
| 		aclFlags: aclFlags, | ||||
| 		config: config, | ||||
| 	} | ||||
| } | ||||
|  | ||||
| @@ -142,7 +140,6 @@ func (app *BootstrapApp) Setup() error { | ||||
| 	// Create services | ||||
| 	dockerService := service.NewDockerService() | ||||
| 	aclsService := service.NewAccessControlsService(dockerService) | ||||
| 	aclsService.SetACLFlags(app.aclFlags) | ||||
| 	authService := service.NewAuthService(authConfig, dockerService, ldapService, database) | ||||
| 	oauthBrokerService := service.NewOAuthBrokerService(oauthProviders) | ||||
|  | ||||
|   | ||||
| @@ -4,39 +4,70 @@ import ( | ||||
| 	"os" | ||||
| 	"strings" | ||||
| 	"tinyauth/internal/config" | ||||
| 	"tinyauth/internal/utils" | ||||
| 	"tinyauth/internal/utils/decoders" | ||||
|  | ||||
| 	"github.com/rs/zerolog/log" | ||||
| ) | ||||
|  | ||||
| type AccessControlsService struct { | ||||
| 	docker   *DockerService | ||||
| 	envACLs  config.Apps | ||||
| 	aclFlags map[string]string | ||||
| 	docker  *DockerService | ||||
| 	envACLs config.Apps | ||||
| } | ||||
|  | ||||
| func NewAccessControlsService(docker *DockerService) *AccessControlsService { | ||||
| 	return &AccessControlsService{ | ||||
| 		docker:   docker, | ||||
| 		aclFlags: make(map[string]string), | ||||
| 		docker: docker, | ||||
| 	} | ||||
| } | ||||
|  | ||||
| func (acls *AccessControlsService) SetACLFlags(flags map[string]string) { | ||||
| 	acls.aclFlags = flags | ||||
| func (acls *AccessControlsService) Init() error { | ||||
| 	acls.envACLs = config.Apps{} | ||||
| 	env := os.Environ() | ||||
| 	appEnvVars := []string{} | ||||
|  | ||||
| 	for _, e := range env { | ||||
| 		if strings.HasPrefix(e, "TINYAUTH_APPS_") { | ||||
| 			appEnvVars = append(appEnvVars, e) | ||||
| 		} | ||||
| 	} | ||||
|  | ||||
| 	err := acls.loadEnvACLs(appEnvVars) | ||||
|  | ||||
| 	if err != nil { | ||||
| 		return err | ||||
| 	} | ||||
|  | ||||
| 	return nil | ||||
| } | ||||
|  | ||||
| func (acls *AccessControlsService) Init() error { | ||||
| 	env := os.Environ() | ||||
| func (acls *AccessControlsService) loadEnvACLs(appEnvVars []string) error { | ||||
| 	if len(appEnvVars) == 0 { | ||||
| 		return nil | ||||
| 	} | ||||
|  | ||||
| 	apps, err := utils.GetACLsConfig(env, acls.aclFlags) | ||||
| 	envAcls := map[string]string{} | ||||
|  | ||||
| 	for _, e := range appEnvVars { | ||||
| 		parts := strings.SplitN(e, "=", 2) | ||||
| 		if len(parts) != 2 { | ||||
| 			continue | ||||
| 		} | ||||
|  | ||||
| 		// Normalize key, this should use the same normalization logic as in utils/decoders/decoders.go | ||||
| 		key := parts[0] | ||||
| 		key = strings.ToLower(key) | ||||
| 		key = strings.ReplaceAll(key, "_", ".") | ||||
| 		value := parts[1] | ||||
| 		envAcls[key] = value | ||||
| 	} | ||||
|  | ||||
| 	apps, err := decoders.DecodeLabels(envAcls) | ||||
|  | ||||
| 	if err != nil { | ||||
| 		return err | ||||
| 	} | ||||
|  | ||||
| 	acls.envACLs = apps | ||||
|  | ||||
| 	return nil | ||||
| } | ||||
|  | ||||
|   | ||||
| @@ -208,53 +208,3 @@ func GetOAuthProvidersConfig(env []string, args []string, appUrl string) (map[st | ||||
| 	// Return combined providers | ||||
| 	return providers, nil | ||||
| } | ||||
|  | ||||
| func GetACLsConfig(env []string, flagsMap map[string]string) (config.Apps, error) { | ||||
| 	apps := config.Apps{Apps: make(map[string]config.App)} | ||||
|  | ||||
| 	envMap := make(map[string]string) | ||||
|  | ||||
| 	for _, e := range env { | ||||
| 		pair := strings.SplitN(e, "=", 2) | ||||
| 		if len(pair) == 2 { | ||||
| 			envMap[pair[0]] = pair[1] | ||||
| 		} | ||||
| 	} | ||||
|  | ||||
| 	envApps, err := decoders.DecodeACLEnv[config.Apps](envMap, "apps") | ||||
|  | ||||
| 	if err != nil { | ||||
| 		return config.Apps{}, err | ||||
| 	} | ||||
|  | ||||
| 	if envApps.Apps != nil { | ||||
| 		maps.Copy(apps.Apps, envApps.Apps) | ||||
| 	} | ||||
|  | ||||
| 	flagApps, err := decoders.DecodeACLFlags[config.Apps](flagsMap, "apps") | ||||
|  | ||||
| 	if err != nil { | ||||
| 		return config.Apps{}, err | ||||
| 	} | ||||
|  | ||||
| 	if flagApps.Apps != nil { | ||||
| 		maps.Copy(apps.Apps, flagApps.Apps) | ||||
| 	} | ||||
|  | ||||
| 	return apps, nil | ||||
| } | ||||
|  | ||||
| func ExtractACLFlags(args []string) map[string]string { | ||||
| 	aclFlags := make(map[string]string) | ||||
|  | ||||
| 	for _, arg := range args { | ||||
| 		if strings.HasPrefix(arg, "--apps-") || strings.HasPrefix(arg, "--tinyauth-apps-") { | ||||
| 			pair := strings.SplitN(arg[2:], "=", 2) | ||||
| 			if len(pair) == 2 { | ||||
| 				aclFlags[pair[0]] = pair[1] | ||||
| 			} | ||||
| 		} | ||||
| 	} | ||||
|  | ||||
| 	return aclFlags | ||||
| } | ||||
|   | ||||
| @@ -7,71 +7,6 @@ import ( | ||||
| 	"github.com/stoewer/go-strcase" | ||||
| ) | ||||
|  | ||||
| func ParsePath(parts []string, idx int, t reflect.Type) []string { | ||||
| 	if idx >= len(parts) { | ||||
| 		return []string{} | ||||
| 	} | ||||
|  | ||||
| 	if t.Kind() == reflect.Map { | ||||
|  | ||||
| 		if idx >= len(parts) { | ||||
| 			return []string{} | ||||
| 		} | ||||
|  | ||||
| 		elemType := t.Elem() | ||||
| 		keyEndIdx := idx + 1 | ||||
|  | ||||
| 		if elemType.Kind() == reflect.Struct { | ||||
| 			for i := idx + 1; i < len(parts); i++ { | ||||
| 				found := false | ||||
|  | ||||
| 				for j := 0; j < elemType.NumField(); j++ { | ||||
| 					field := elemType.Field(j) | ||||
| 					if strings.EqualFold(parts[i], field.Name) { | ||||
| 						keyEndIdx = i | ||||
| 						found = true | ||||
| 						break | ||||
| 					} | ||||
| 				} | ||||
|  | ||||
| 				if found { | ||||
| 					break | ||||
| 				} | ||||
| 			} | ||||
| 		} | ||||
|  | ||||
| 		keyParts := parts[idx:keyEndIdx] | ||||
| 		keyName := strings.ToLower(strings.Join(keyParts, "_")) | ||||
|  | ||||
| 		rest := ParsePath(parts, keyEndIdx, elemType) | ||||
| 		result := append([]string{keyName}, rest...) | ||||
| 		return result | ||||
| 	} | ||||
|  | ||||
| 	if t.Kind() == reflect.Struct { | ||||
| 		for i := 0; i < t.NumField(); i++ { | ||||
| 			field := t.Field(i) | ||||
| 			if field.Type.Kind() == reflect.Map { | ||||
| 				rest := ParsePath(parts, idx, field.Type) | ||||
| 				if len(rest) > 0 { | ||||
| 					return rest | ||||
| 				} | ||||
| 			} | ||||
| 		} | ||||
|  | ||||
| 		for i := 0; i < t.NumField(); i++ { | ||||
| 			field := t.Field(i) | ||||
| 			if strings.EqualFold(parts[idx], field.Name) { | ||||
| 				rest := ParsePath(parts, idx+1, field.Type) | ||||
| 				result := append([]string{strings.ToLower(field.Name)}, rest...) | ||||
| 				return result | ||||
| 			} | ||||
| 		} | ||||
| 	} | ||||
|  | ||||
| 	return []string{} | ||||
| } | ||||
|  | ||||
| func normalizeKeys[T any](input map[string]string, root string, sep string) map[string]string { | ||||
| 	knownKeys := getKnownKeys[T]() | ||||
| 	normalized := make(map[string]string) | ||||
| @@ -139,57 +74,3 @@ func getKnownKeys[T any]() []string { | ||||
|  | ||||
| 	return keys | ||||
| } | ||||
|  | ||||
| func normalizeACLKeys[T any](input map[string]string, root string, sep string) map[string]string { | ||||
| 	normalized := make(map[string]string) | ||||
| 	var t T | ||||
| 	rootType := reflect.TypeOf(t) | ||||
|  | ||||
| 	for k, v := range input { | ||||
| 		parts := strings.Split(strings.ToLower(k), sep) | ||||
|  | ||||
| 		if len(parts) < 2 { | ||||
| 			continue | ||||
| 		} | ||||
|  | ||||
| 		// Two cases: | ||||
| 		// 1. Keys starting with "tinyauth" (env vars): tinyauth_apps_... | ||||
| 		// 2. Keys starting with root directly (flags): apps-... | ||||
| 		startIdx := 0 | ||||
| 		if parts[0] == "tinyauth" { | ||||
| 			if len(parts) < 3 { | ||||
| 				continue | ||||
| 			} | ||||
| 			if parts[1] != root { | ||||
| 				continue | ||||
| 			} | ||||
| 			startIdx = 2 // Skip "tinyauth" and root | ||||
| 		} else if parts[0] == root { | ||||
| 			startIdx = 1 // Skip root only | ||||
| 		} else { | ||||
| 			continue | ||||
| 		} | ||||
|  | ||||
| 		if startIdx < len(parts) { | ||||
| 			parsedParts := ParsePath(parts[startIdx:], 0, rootType) | ||||
|  | ||||
| 			if len(parsedParts) == 0 { | ||||
| 				continue | ||||
| 			} | ||||
|  | ||||
| 			final := "tinyauth." + root | ||||
|  | ||||
| 			for _, part := range parsedParts { | ||||
| 				if strings.Contains(part, "_") { | ||||
| 					final += "." + part | ||||
| 				} else { | ||||
| 					final += "." + strcase.LowerCamelCase(part) | ||||
| 				} | ||||
| 			} | ||||
|  | ||||
| 			normalized[final] = v | ||||
| 		} | ||||
| 	} | ||||
|  | ||||
| 	return normalized | ||||
| } | ||||
|   | ||||
| @@ -17,17 +17,3 @@ func DecodeEnv[T any, C any](env map[string]string, subName string) (T, error) { | ||||
|  | ||||
| 	return result, nil | ||||
| } | ||||
|  | ||||
| func DecodeACLEnv[T any](env map[string]string, subName string) (T, error) { | ||||
| 	var result T | ||||
|  | ||||
| 	normalized := normalizeACLKeys[T](env, subName, "_") | ||||
|  | ||||
| 	err := parser.Decode(normalized, &result, "tinyauth", "tinyauth."+subName) | ||||
|  | ||||
| 	if err != nil { | ||||
| 		return result, err | ||||
| 	} | ||||
|  | ||||
| 	return result, nil | ||||
| } | ||||
|   | ||||
| @@ -21,21 +21,6 @@ func DecodeFlags[T any, C any](flags map[string]string, subName string) (T, erro | ||||
| 	return result, nil | ||||
| } | ||||
|  | ||||
| func DecodeACLFlags[T any](flags map[string]string, subName string) (T, error) { | ||||
| 	var result T | ||||
|  | ||||
| 	filtered := filterFlags(flags) | ||||
| 	normalized := normalizeACLKeys[T](filtered, subName, "-") | ||||
|  | ||||
| 	err := parser.Decode(normalized, &result, "tinyauth", "tinyauth."+subName) | ||||
|  | ||||
| 	if err != nil { | ||||
| 		return result, err | ||||
| 	} | ||||
|  | ||||
| 	return result, nil | ||||
| } | ||||
|  | ||||
| func filterFlags(flags map[string]string) map[string]string { | ||||
| 	filtered := make(map[string]string) | ||||
| 	for k, v := range flags { | ||||
|   | ||||
		Reference in New Issue
	
	Block a user