@devfellowship/components 0.1.0

package/dist/hooks.cjs

@@ -0,0 +1,174 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/index.ts
+var hooks_exports = {};
+__export(hooks_exports, {
+  AuthContext: () => AuthContext,
+  toast: () => toast,
+  useAuth: () => useAuth,
+  useIsMobile: () => useIsMobile,
+  useSession: () => useSession,
+  useToast: () => useToast
+});
+module.exports = __toCommonJS(hooks_exports);
+
+// src/hooks/use-mobile.ts
+var React = __toESM(require("react"), 1);
+var MOBILE_BREAKPOINT = 768;
+function useIsMobile() {
+  const [isMobile, setIsMobile] = React.useState(void 0);
+  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;
+}
+
+// src/hooks/use-toast.ts
+var React2 = __toESM(require("react"), 1);
+var TOAST_LIMIT = 1;
+var TOAST_REMOVE_DELAY = 1e6;
+var actionTypes = {
+  ADD_TOAST: "ADD_TOAST",
+  UPDATE_TOAST: "UPDATE_TOAST",
+  DISMISS_TOAST: "DISMISS_TOAST",
+  REMOVE_TOAST: "REMOVE_TOAST"
+};
+var count = 0;
+function genId() {
+  count = (count + 1) % Number.MAX_SAFE_INTEGER;
+  return count.toString();
+}
+var toastTimeouts = /* @__PURE__ */ new Map();
+var addToRemoveQueue = (toastId) => {
+  if (toastTimeouts.has(toastId)) return;
+  const timeout = setTimeout(() => {
+    toastTimeouts.delete(toastId);
+    dispatch({ type: actionTypes.REMOVE_TOAST, toastId });
+  }, TOAST_REMOVE_DELAY);
+  toastTimeouts.set(toastId, timeout);
+};
+var reducer = (state, action) => {
+  switch (action.type) {
+    case actionTypes.ADD_TOAST:
+      return {
+        ...state,
+        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT)
+      };
+    case actionTypes.UPDATE_TOAST:
+      return {
+        ...state,
+        toasts: state.toasts.map(
+          (t) => t.id === action.toast.id ? { ...t, ...action.toast } : t
+        )
+      };
+    case actionTypes.DISMISS_TOAST: {
+      const { toastId } = action;
+      if (toastId) {
+        addToRemoveQueue(toastId);
+      } else {
+        state.toasts.forEach((t) => addToRemoveQueue(t.id));
+      }
+      return {
+        ...state,
+        toasts: state.toasts.map(
+          (t) => t.id === toastId || toastId === void 0 ? { ...t, open: false } : t
+        )
+      };
+    }
+    case actionTypes.REMOVE_TOAST:
+      if (action.toastId === void 0) return { ...state, toasts: [] };
+      return {
+        ...state,
+        toasts: state.toasts.filter((t) => t.id !== action.toastId)
+      };
+  }
+};
+var listeners = [];
+var memoryState = { toasts: [] };
+function dispatch(action) {
+  memoryState = reducer(memoryState, action);
+  listeners.forEach((listener) => listener(memoryState));
+}
+function toast(props) {
+  const id = genId();
+  const update = (p) => dispatch({ type: actionTypes.UPDATE_TOAST, toast: { ...p, id } });
+  const dismiss = () => dispatch({ type: actionTypes.DISMISS_TOAST, toastId: id });
+  dispatch({
+    type: actionTypes.ADD_TOAST,
+    toast: { ...props, id, open: true, onOpenChange: (open) => {
+      if (!open) dismiss();
+    } }
+  });
+  return { id, dismiss, update };
+}
+function useToast() {
+  const [state, setState] = React2.useState(memoryState);
+  React2.useEffect(() => {
+    listeners.push(setState);
+    return () => {
+      const idx = listeners.indexOf(setState);
+      if (idx > -1) listeners.splice(idx, 1);
+    };
+  }, []);
+  return {
+    ...state,
+    toast,
+    dismiss: (toastId) => dispatch({ type: actionTypes.DISMISS_TOAST, toastId })
+  };
+}
+
+// src/hooks/use-auth.tsx
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var AuthContext = (0, import_react.createContext)(void 0);
+var useAuth = () => {
+  const ctx = (0, import_react.useContext)(AuthContext);
+  if (!ctx) throw new Error("useAuth must be used within an AuthProvider");
+  return ctx;
+};
+var useSession = () => {
+  const { session } = useAuth();
+  return session;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AuthContext,
+  toast,
+  useAuth,
+  useIsMobile,
+  useSession,
+  useToast
+});

package/dist/hooks.d.cts

@@ -0,0 +1,35 @@
+import * as React from 'react';
+export { d as AuthContext, A as AuthContextType, U as UserProfile, u as useAuth, c as useSession } from './use-auth-DdapDv2H.cjs';
+import 'react/jsx-runtime';
+import '@supabase/supabase-js';
+
+declare function useIsMobile(): boolean;
+
+/**
+ * use-toast — toast notification hook
+ * Ported from shadcn/ui toast pattern (identical across dfl apps).
+ */
+
+type ToastVariant = "default" | "destructive";
+interface ToastProps {
+    id: string;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    variant?: ToastVariant;
+    duration?: number;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+type ToastInput = Omit<ToastProps, "id">;
+declare function toast(props: ToastInput): {
+    id: string;
+    dismiss: () => void;
+    update: (p: ToastInput) => void;
+};
+declare function useToast(): {
+    toast: typeof toast;
+    dismiss: (toastId?: string) => void;
+    toasts: ToastProps[];
+};
+
+export { type ToastProps, type ToastVariant, toast, useIsMobile, useToast };

package/dist/hooks.d.ts

@@ -0,0 +1,35 @@
+import * as React from 'react';
+export { d as AuthContext, A as AuthContextType, U as UserProfile, u as useAuth, c as useSession } from './use-auth-DdapDv2H.js';
+import 'react/jsx-runtime';
+import '@supabase/supabase-js';
+
+declare function useIsMobile(): boolean;
+
+/**
+ * use-toast — toast notification hook
+ * Ported from shadcn/ui toast pattern (identical across dfl apps).
+ */
+
+type ToastVariant = "default" | "destructive";
+interface ToastProps {
+    id: string;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    variant?: ToastVariant;
+    duration?: number;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+type ToastInput = Omit<ToastProps, "id">;
+declare function toast(props: ToastInput): {
+    id: string;
+    dismiss: () => void;
+    update: (p: ToastInput) => void;
+};
+declare function useToast(): {
+    toast: typeof toast;
+    dismiss: (toastId?: string) => void;
+    toasts: ToastProps[];
+};
+
+export { type ToastProps, type ToastVariant, toast, useIsMobile, useToast };

package/dist/hooks.js

@@ -0,0 +1,140 @@
+// src/hooks/use-mobile.ts
+import * as React from "react";
+var MOBILE_BREAKPOINT = 768;
+function useIsMobile() {
+  const [isMobile, setIsMobile] = React.useState(void 0);
+  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;
+}
+
+// src/hooks/use-toast.ts
+import * as React2 from "react";
+var TOAST_LIMIT = 1;
+var TOAST_REMOVE_DELAY = 1e6;
+var actionTypes = {
+  ADD_TOAST: "ADD_TOAST",
+  UPDATE_TOAST: "UPDATE_TOAST",
+  DISMISS_TOAST: "DISMISS_TOAST",
+  REMOVE_TOAST: "REMOVE_TOAST"
+};
+var count = 0;
+function genId() {
+  count = (count + 1) % Number.MAX_SAFE_INTEGER;
+  return count.toString();
+}
+var toastTimeouts = /* @__PURE__ */ new Map();
+var addToRemoveQueue = (toastId) => {
+  if (toastTimeouts.has(toastId)) return;
+  const timeout = setTimeout(() => {
+    toastTimeouts.delete(toastId);
+    dispatch({ type: actionTypes.REMOVE_TOAST, toastId });
+  }, TOAST_REMOVE_DELAY);
+  toastTimeouts.set(toastId, timeout);
+};
+var reducer = (state, action) => {
+  switch (action.type) {
+    case actionTypes.ADD_TOAST:
+      return {
+        ...state,
+        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT)
+      };
+    case actionTypes.UPDATE_TOAST:
+      return {
+        ...state,
+        toasts: state.toasts.map(
+          (t) => t.id === action.toast.id ? { ...t, ...action.toast } : t
+        )
+      };
+    case actionTypes.DISMISS_TOAST: {
+      const { toastId } = action;
+      if (toastId) {
+        addToRemoveQueue(toastId);
+      } else {
+        state.toasts.forEach((t) => addToRemoveQueue(t.id));
+      }
+      return {
+        ...state,
+        toasts: state.toasts.map(
+          (t) => t.id === toastId || toastId === void 0 ? { ...t, open: false } : t
+        )
+      };
+    }
+    case actionTypes.REMOVE_TOAST:
+      if (action.toastId === void 0) return { ...state, toasts: [] };
+      return {
+        ...state,
+        toasts: state.toasts.filter((t) => t.id !== action.toastId)
+      };
+  }
+};
+var listeners = [];
+var memoryState = { toasts: [] };
+function dispatch(action) {
+  memoryState = reducer(memoryState, action);
+  listeners.forEach((listener) => listener(memoryState));
+}
+function toast(props) {
+  const id = genId();
+  const update = (p) => dispatch({ type: actionTypes.UPDATE_TOAST, toast: { ...p, id } });
+  const dismiss = () => dispatch({ type: actionTypes.DISMISS_TOAST, toastId: id });
+  dispatch({
+    type: actionTypes.ADD_TOAST,
+    toast: { ...props, id, open: true, onOpenChange: (open) => {
+      if (!open) dismiss();
+    } }
+  });
+  return { id, dismiss, update };
+}
+function useToast() {
+  const [state, setState] = React2.useState(memoryState);
+  React2.useEffect(() => {
+    listeners.push(setState);
+    return () => {
+      const idx = listeners.indexOf(setState);
+      if (idx > -1) listeners.splice(idx, 1);
+    };
+  }, []);
+  return {
+    ...state,
+    toast,
+    dismiss: (toastId) => dispatch({ type: actionTypes.DISMISS_TOAST, toastId })
+  };
+}
+
+// src/hooks/use-auth.tsx
+import {
+  createContext,
+  useContext,
+  useState as useState3,
+  useEffect as useEffect3,
+  useCallback,
+  useMemo,
+  useRef
+} from "react";
+import { jsx } from "react/jsx-runtime";
+var AuthContext = createContext(void 0);
+var useAuth = () => {
+  const ctx = useContext(AuthContext);
+  if (!ctx) throw new Error("useAuth must be used within an AuthProvider");
+  return ctx;
+};
+var useSession = () => {
+  const { session } = useAuth();
+  return session;
+};
+export {
+  AuthContext,
+  toast,
+  useAuth,
+  useIsMobile,
+  useSession,
+  useToast
+};