auto-commit for df4b0748-985b-4592-8c48-1e56102f3613

frontend/src/lib/api.js

@@ -0,0 +1,33 @@
+import axios from "axios";
+
+const BACKEND_URL = process.env.REACT_APP_BACKEND_URL;
+export const API = `${BACKEND_URL}/api`;
+
+const instance = axios.create({ baseURL: API });
+
+instance.interceptors.request.use((config) => {
+  const token = localStorage.getItem("kino_token");
+  if (token) config.headers.Authorization = `Bearer ${token}`;
+  return config;
+});
+
+instance.interceptors.response.use(
+  (r) => r,
+  (err) => {
+    if (err.response?.status === 401) {
+      // soft handling — let pages decide
+    }
+    return Promise.reject(err);
+  }
+);
+
+export default instance;
+
+export const getStreamUrl = (movie) => {
+  if (!movie) return "";
+  if (movie.storage_type === "local") {
+    const token = localStorage.getItem("kino_token");
+    return `${API}/stream/${movie.id}?auth=${encodeURIComponent(token || "")}`;
+  }
+  return movie.video_url;
+};

frontend/src/lib/auth.jsx

@@ -0,0 +1,56 @@
+import { createContext, useContext, useEffect, useState, useCallback } from "react";
+import api from "./api";
+
+const AuthCtx = createContext(null);
+
+export const AuthProvider = ({ children }) => {
+  const [user, setUser] = useState(null);
+  const [loading, setLoading] = useState(true);
+
+  const refresh = useCallback(async () => {
+    const token = localStorage.getItem("kino_token");
+    if (!token) {
+      setUser(null);
+      setLoading(false);
+      return;
+    }
+    try {
+      const { data } = await api.get("/auth/me");
+      setUser(data);
+    } catch {
+      localStorage.removeItem("kino_token");
+      setUser(null);
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+
+  useEffect(() => { refresh(); }, [refresh]);
+
+  const login = async (email, password) => {
+    const { data } = await api.post("/auth/login", { email, password });
+    localStorage.setItem("kino_token", data.access_token);
+    setUser(data.user);
+    return data.user;
+  };
+
+  const register = async (email, password, name) => {
+    const { data } = await api.post("/auth/register", { email, password, name });
+    localStorage.setItem("kino_token", data.access_token);
+    setUser(data.user);
+    return data.user;
+  };
+
+  const logout = () => {
+    localStorage.removeItem("kino_token");
+    setUser(null);
+  };
+
+  return (
+    <AuthCtx.Provider value={{ user, loading, login, register, logout, refresh }}>
+      {children}
+    </AuthCtx.Provider>
+  );
+};
+
+export const useAuth = () => useContext(AuthCtx);