mirror of
				https://github.com/steveiliop56/tinyauth.git
				synced 2025-11-04 08:05:42 +00:00 
			
		
		
		
	Compare commits
	
		
			3 Commits
		
	
	
		
			nightly
			...
			refactor/a
		
	
	| Author | SHA1 | Date | |
|---|---|---|---|
| 
						 | 
					59e997da26 | ||
| 
						 | 
					9014be90aa | ||
| 
						 | 
					f978ae155a | 
							
								
								
									
										5
									
								
								.github/workflows/ci.yml
									
									
									
									
										vendored
									
									
								
							
							
						
						
									
										5
									
								
								.github/workflows/ci.yml
									
									
									
									
										vendored
									
									
								
							@@ -29,11 +29,6 @@ jobs:
 | 
			
		||||
        run: |
 | 
			
		||||
          echo testing > internal/assets/version
 | 
			
		||||
 | 
			
		||||
      - name: Lint frontend
 | 
			
		||||
        run: |
 | 
			
		||||
          cd frontend
 | 
			
		||||
          bun run lint
 | 
			
		||||
 | 
			
		||||
      - name: Build frontend
 | 
			
		||||
        run: |
 | 
			
		||||
          cd frontend
 | 
			
		||||
 
 | 
			
		||||
							
								
								
									
										19
									
								
								cmd/root.go
									
									
									
									
									
								
							
							
						
						
									
										19
									
								
								cmd/root.go
									
									
									
									
									
								
							@@ -1,6 +1,7 @@
 | 
			
		||||
package cmd
 | 
			
		||||
 | 
			
		||||
import (
 | 
			
		||||
	"os"
 | 
			
		||||
	"strings"
 | 
			
		||||
	"tinyauth/internal/bootstrap"
 | 
			
		||||
	"tinyauth/internal/config"
 | 
			
		||||
@@ -14,15 +15,16 @@ import (
 | 
			
		||||
)
 | 
			
		||||
 | 
			
		||||
type rootCmd struct {
 | 
			
		||||
	root *cobra.Command
 | 
			
		||||
	cmd  *cobra.Command
 | 
			
		||||
 | 
			
		||||
	viper *viper.Viper
 | 
			
		||||
	root     *cobra.Command
 | 
			
		||||
	cmd      *cobra.Command
 | 
			
		||||
	viper    *viper.Viper
 | 
			
		||||
	aclFlags map[string]string
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
func newRootCmd() *rootCmd {
 | 
			
		||||
	return &rootCmd{
 | 
			
		||||
		viper: viper.New(),
 | 
			
		||||
		viper:    viper.New(),
 | 
			
		||||
		aclFlags: make(map[string]string),
 | 
			
		||||
	}
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@@ -32,6 +34,9 @@ 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()
 | 
			
		||||
@@ -116,7 +121,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)
 | 
			
		||||
	app := bootstrap.NewBootstrapApp(conf, c.aclFlags)
 | 
			
		||||
 | 
			
		||||
	err = app.Setup()
 | 
			
		||||
	if err != nil {
 | 
			
		||||
@@ -126,6 +131,8 @@ 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,7 +5,6 @@
 | 
			
		||||
      "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",
 | 
			
		||||
@@ -214,8 +213,6 @@
 | 
			
		||||
 | 
			
		||||
    "@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=="],
 | 
			
		||||
@@ -224,18 +221,12 @@
 | 
			
		||||
 | 
			
		||||
    "@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>
 | 
			
		||||
  <body class="dark">
 | 
			
		||||
    <div id="root"></div>
 | 
			
		||||
    <script type="module" src="/src/main.tsx"></script>
 | 
			
		||||
  </body>
 | 
			
		||||
 
 | 
			
		||||
@@ -7,12 +7,10 @@
 | 
			
		||||
    "dev": "vite",
 | 
			
		||||
    "build": "tsc -b && vite build",
 | 
			
		||||
    "lint": "eslint .",
 | 
			
		||||
    "preview": "vite preview",
 | 
			
		||||
    "tsc": "tsc -b"
 | 
			
		||||
    "preview": "vite preview"
 | 
			
		||||
  },
 | 
			
		||||
  "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",
 | 
			
		||||
 
 | 
			
		||||
@@ -18,10 +18,9 @@ export const LanguageSelector = () => {
 | 
			
		||||
    setLanguage(option as SupportedLanguage);
 | 
			
		||||
    i18n.changeLanguage(option as SupportedLanguage);
 | 
			
		||||
  };
 | 
			
		||||
 | 
			
		||||
  return (
 | 
			
		||||
    <Select onValueChange={handleSelect} value={language}>
 | 
			
		||||
      <SelectTrigger>
 | 
			
		||||
      <SelectTrigger className="absolute top-5 right-5">
 | 
			
		||||
        <SelectValue placeholder="Select language" />
 | 
			
		||||
      </SelectTrigger>
 | 
			
		||||
      <SelectContent>
 | 
			
		||||
 
 | 
			
		||||
@@ -3,7 +3,6 @@ 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();
 | 
			
		||||
@@ -21,10 +20,7 @@ const BaseLayout = ({ children }: { children: React.ReactNode }) => {
 | 
			
		||||
        backgroundPosition: "center",
 | 
			
		||||
      }}
 | 
			
		||||
    >
 | 
			
		||||
      <div className="absolute top-5 right-5 flex flex-row gap-2">
 | 
			
		||||
        <ThemeToggle />
 | 
			
		||||
        <LanguageSelector />
 | 
			
		||||
      </div>
 | 
			
		||||
      <LanguageSelector />
 | 
			
		||||
      {children}
 | 
			
		||||
    </div>
 | 
			
		||||
  );
 | 
			
		||||
 
 | 
			
		||||
@@ -1,73 +0,0 @@
 | 
			
		||||
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;
 | 
			
		||||
};
 | 
			
		||||
@@ -1,40 +0,0 @@
 | 
			
		||||
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 hover:cursor-pointer",
 | 
			
		||||
  "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",
 | 
			
		||||
  {
 | 
			
		||||
    variants: {
 | 
			
		||||
      variant: {
 | 
			
		||||
 
 | 
			
		||||
@@ -1,255 +0,0 @@
 | 
			
		||||
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(
 | 
			
		||||
        "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",
 | 
			
		||||
        "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",
 | 
			
		||||
        className,
 | 
			
		||||
      )}
 | 
			
		||||
      {...props}
 | 
			
		||||
 
 | 
			
		||||
@@ -1,8 +1,8 @@
 | 
			
		||||
import { useTheme } from "../providers/theme-provider";
 | 
			
		||||
import { useTheme } from "next-themes";
 | 
			
		||||
import { Toaster as Sonner, ToasterProps } from "sonner";
 | 
			
		||||
 | 
			
		||||
const Toaster = ({ ...props }: ToasterProps) => {
 | 
			
		||||
  const { theme } = useTheme();
 | 
			
		||||
  const { theme = "system" } = useTheme();
 | 
			
		||||
 | 
			
		||||
  return (
 | 
			
		||||
    <Sonner
 | 
			
		||||
 
 | 
			
		||||
@@ -9,7 +9,7 @@ export const isValidUrl = (url: string) => {
 | 
			
		||||
  try {
 | 
			
		||||
    new URL(url);
 | 
			
		||||
    return true;
 | 
			
		||||
  } catch {
 | 
			
		||||
  } catch (e) {
 | 
			
		||||
    return false;
 | 
			
		||||
  }
 | 
			
		||||
};
 | 
			
		||||
 
 | 
			
		||||
@@ -16,7 +16,6 @@ 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();
 | 
			
		||||
 | 
			
		||||
@@ -25,27 +24,25 @@ createRoot(document.getElementById("root")!).render(
 | 
			
		||||
    <QueryClientProvider client={queryClient}>
 | 
			
		||||
      <AppContextProvider>
 | 
			
		||||
        <UserContextProvider>
 | 
			
		||||
          <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>
 | 
			
		||||
          <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 />
 | 
			
		||||
        </UserContextProvider>
 | 
			
		||||
      </AppContextProvider>
 | 
			
		||||
    </QueryClientProvider>
 | 
			
		||||
 
 | 
			
		||||
@@ -76,14 +76,7 @@ export const ContinuePage = () => {
 | 
			
		||||
      clearTimeout(auto);
 | 
			
		||||
      clearTimeout(reveal);
 | 
			
		||||
    };
 | 
			
		||||
  }, [
 | 
			
		||||
    handleRedirect,
 | 
			
		||||
    isAllowedRedirectProto,
 | 
			
		||||
    isHttpsDowngrade,
 | 
			
		||||
    isLoggedIn,
 | 
			
		||||
    isTrustedRedirectUri,
 | 
			
		||||
    isValidRedirectUri,
 | 
			
		||||
  ]);
 | 
			
		||||
  }, []);
 | 
			
		||||
 | 
			
		||||
  if (!isLoggedIn) {
 | 
			
		||||
    return (
 | 
			
		||||
 
 | 
			
		||||
@@ -119,8 +119,6 @@ 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(() => {
 | 
			
		||||
@@ -128,15 +126,7 @@ export const LoginPage = () => {
 | 
			
		||||
        }, 5000);
 | 
			
		||||
      }
 | 
			
		||||
    }
 | 
			
		||||
  }, [
 | 
			
		||||
    isMounted,
 | 
			
		||||
    oauthProviders.length,
 | 
			
		||||
    providers,
 | 
			
		||||
    isLoggedIn,
 | 
			
		||||
    redirectUri,
 | 
			
		||||
    oauthAutoRedirect,
 | 
			
		||||
    oauthMutation,
 | 
			
		||||
  ]);
 | 
			
		||||
  }, []);
 | 
			
		||||
 | 
			
		||||
  useEffect(
 | 
			
		||||
    () => () => {
 | 
			
		||||
 
 | 
			
		||||
@@ -37,13 +37,15 @@ type Service interface {
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
type BootstrapApp struct {
 | 
			
		||||
	config config.Config
 | 
			
		||||
	uuid   string
 | 
			
		||||
	config   config.Config
 | 
			
		||||
	aclFlags map[string]string
 | 
			
		||||
	uuid     string
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
func NewBootstrapApp(config config.Config) *BootstrapApp {
 | 
			
		||||
func NewBootstrapApp(config config.Config, aclFlags map[string]string) *BootstrapApp {
 | 
			
		||||
	return &BootstrapApp{
 | 
			
		||||
		config: config,
 | 
			
		||||
		config:   config,
 | 
			
		||||
		aclFlags: aclFlags,
 | 
			
		||||
	}
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@@ -140,6 +142,7 @@ 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,70 +4,39 @@ import (
 | 
			
		||||
	"os"
 | 
			
		||||
	"strings"
 | 
			
		||||
	"tinyauth/internal/config"
 | 
			
		||||
	"tinyauth/internal/utils/decoders"
 | 
			
		||||
	"tinyauth/internal/utils"
 | 
			
		||||
 | 
			
		||||
	"github.com/rs/zerolog/log"
 | 
			
		||||
)
 | 
			
		||||
 | 
			
		||||
type AccessControlsService struct {
 | 
			
		||||
	docker  *DockerService
 | 
			
		||||
	envACLs config.Apps
 | 
			
		||||
	docker   *DockerService
 | 
			
		||||
	envACLs  config.Apps
 | 
			
		||||
	aclFlags map[string]string
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
func NewAccessControlsService(docker *DockerService) *AccessControlsService {
 | 
			
		||||
	return &AccessControlsService{
 | 
			
		||||
		docker: docker,
 | 
			
		||||
		docker:   docker,
 | 
			
		||||
		aclFlags: make(map[string]string),
 | 
			
		||||
	}
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
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) loadEnvACLs(appEnvVars []string) error {
 | 
			
		||||
	if len(appEnvVars) == 0 {
 | 
			
		||||
		return nil
 | 
			
		||||
	}
 | 
			
		||||
 | 
			
		||||
	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)
 | 
			
		||||
	apps, err := utils.GetACLsConfig(env, acls.aclFlags)
 | 
			
		||||
 | 
			
		||||
	if err != nil {
 | 
			
		||||
		return err
 | 
			
		||||
	}
 | 
			
		||||
 | 
			
		||||
	acls.envACLs = apps
 | 
			
		||||
 | 
			
		||||
	return nil
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
 
 | 
			
		||||
@@ -208,3 +208,53 @@ 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,6 +7,71 @@ 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)
 | 
			
		||||
@@ -74,3 +139,57 @@ 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,3 +17,17 @@ 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,6 +21,21 @@ 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