chore: Enhancement + New Feature (#185)

* wip

* wip page

* chore: style

* wip pages

* wip pages

* chore: toggle

* chore: link

* feat: topic search

* chore: page section

* refactor: apply tailwind class ordering

* fix: handle loggedIn user for guest route

* feat: folder & image schema

* chore: move utils to shared

* refactor: tailwind class ordering

* feat: img ext for editor

* refactor: remove qa

* fix: tanstack start

* fix: wrong import

* chore: use toast

* chore: schema

web/app/hooks/actions/use-command-actions.ts

@@ -0,0 +1,53 @@
+import * as React from "react"
+import { ensureUrlProtocol } from "@/lib/utils"
+import { useTheme } from "next-themes"
+import { toast } from "sonner"
+import { LaAccount } from "@/lib/schema"
+import { usePageActions } from "./use-page-actions"
+import { useNavigate } from "@tanstack/react-router"
+
+export const useCommandActions = () => {
+  const { setTheme } = useTheme()
+  const navigate = useNavigate()
+  const { newPage } = usePageActions()
+
+  const changeTheme = React.useCallback(
+    (theme: string) => {
+      setTheme(theme)
+      toast.success(`Theme changed to ${theme}.`, { position: "bottom-right" })
+    },
+    [setTheme],
+  )
+
+  const navigateTo = React.useCallback(
+    (path: string) => {
+      navigate({ to: path })
+    },
+    [navigate],
+  )
+
+  const openLinkInNewTab = React.useCallback((url: string) => {
+    window.open(ensureUrlProtocol(url), "_blank")
+  }, [])
+
+  const copyCurrentURL = React.useCallback(() => {
+    navigator.clipboard.writeText(window.location.href)
+    toast.success("URL copied to clipboard.", { position: "bottom-right" })
+  }, [])
+
+  const createNewPage = React.useCallback(
+    (me: LaAccount) => {
+      const page = newPage(me)
+      navigate({ to: `/pages/${page.id}` })
+    },
+    [navigate, newPage],
+  )
+
+  return {
+    changeTheme,
+    navigateTo,
+    openLinkInNewTab,
+    copyCurrentURL,
+    createNewPage,
+  }
+}