create-croissant 0.1.17 → 0.1.19

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.1.17",
+  "version": "0.1.19",
   "description": "Scaffold a new project using the Croissant Stack",
   "repository": {
     "type": "git",

package/template/.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npm run lint

package/template/.husky/pre-push

@@ -0,0 +1,11 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+# Get the name of the branch being pushed
+branch=$(git rev-parse --abbrev-ref HEAD)
+
+# Only run if pushing to main
+if [ "$branch" = "main" ]; then
+  echo "Pushing to main branch, running CI checks..."
+  npm run ci
+fi

package/template/apps/web/src/components/app-sidebar.tsx

@@ -50,15 +50,11 @@ const data = {
 }
 
 export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
-  const [user, setUser] = React.useState<typeof authClient.$Infer.Session.user | null>(null)
+  const {
+    data: session,
+  } = authClient.useSession()
 
-  React.useEffect(() => {
-    const checkSession = async () => {
-      const { data: sessionData } = await authClient.getSession()
-      setUser(sessionData?.user || null)
-    }
-    checkSession()
-  }, [])
+  const user = session?.user || null
 
   return (
     <Sidebar {...props}>

package/template/apps/web/src/lib/auth-client.ts

@@ -1,3 +1,3 @@
-import { createAuthClient } from "better-auth/client";
+import { createAuthClient } from "better-auth/react";
 
 export const authClient = createAuthClient();

package/template/package.json

@@ -8,15 +8,18 @@
     "lint": "turbo lint",
     "format": "turbo format",
     "typecheck": "turbo typecheck",
+    "ci": "npm run lint && npm run typecheck && npm run build",
     "db:up": "docker compose up -d",
     "db:down": "docker compose down",
     "db:logs": "docker compose logs -f",
-    "update-deps": "npx npm-check-updates -u -w --root && npm install"
+    "update-deps": "npx npm-check-updates -u -w --root && npm install",
+    "prepare": "husky"
   },
   "devDependencies": {
     "@better-auth/core": "^1.6.7",
     "@tanstack/eslint-config": "0.4.0",
     "eslint": "10.2.1",
+    "husky": "^9.1.7",
     "prettier": "^3.8.1",
     "prettier-plugin-tailwindcss": "^0.7.2",
     "turbo": "^2.8.17",

package/template/apps/web/src/hooks/use-mobile.ts

@@ -1,19 +0,0 @@
-import * as React from "react"
-
-const MOBILE_BREAKPOINT = 768
-
-export function useIsMobile() {
-  const [isMobile, setIsMobile] = React.useState<boolean | undefined>(undefined)
-
-  React.useEffect(() => {
-    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)
-    const onChange = () => {
-      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
-    }
-    mql.addEventListener("change", onChange)
-    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
-    return () => mql.removeEventListener("change", onChange)
-  }, [])
-
-  return !!isMobile
-}