chore: added passwd toggle and defult to error log when no log level is given

Author: TobiasGleiter

cmd/web/options.go

@@ -36,7 +36,7 @@ func registerCommonFlags(fs *flag.FlagSet, cfg *options) {
 }
 
 func parseServeOptions(args []string) (*options, error) {
-	cfg := &options{}
+	cfg := &options{LogLevel: logLevel{level: slog.LevelError}}
 	fs := flag.NewFlagSet("serve", flag.ContinueOnError)
 	fs.SetOutput(os.Stderr)
 	registerCommonFlags(fs, cfg)

internal/assets/dist/index.js

@@ -286,4 +286,18 @@ document.addEventListener("click", (e) => {
     if (!tbody) return;
     if (tbody.querySelectorAll("tr").length === 0) addRow(tbody);
   });
-})();
+})();
+
+// Password show/hide toggle
+// Trigger: <button data-pw-toggle="<input-id>">
+document.querySelectorAll("[data-pw-toggle]").forEach((btn) => {
+  const input = document.getElementById(btn.dataset.pwToggle);
+  if (!input) return;
+  btn.addEventListener("click", function () {
+    const isPassword = input.type === "password";
+    input.type = isPassword ? "text" : "password";
+    this.textContent = isPassword ? "Hide" : "Show";
+    this.setAttribute("aria-pressed", isPassword ? "true" : "false");
+    this.setAttribute("aria-label", isPassword ? "Hide password" : "Show password");
+  });
+});

internal/templates/components/scripts.tmpl

@@ -1,5 +1,5 @@
 {{ define "scripts" }}
 <script type="module" src="/dist/components.js{{ if .Revision }}?revision={{ .Revision }}{{end}}" nonce="{{ .Nonce }}"></script>
-<script src="/dist/index.js{{ if .Revision }}?revision={{ .Revision }}{{end}}" nonce="{{ .Nonce }}"></script>
+<script src="/dist/index.js{{ if .Revision }}?revision={{ .Revision }}{{end}}" nonce="{{ .Nonce }}" defer></script>
 <script src="/dist/htmx.min.js{{ if .Revision }}?revision={{ .Revision }}{{end}}" nonce="{{ .Nonce }}"></script>
 {{ end }}