@framed-dev/react 0.1.5 → 0.1.6

package/dist/index.d.cts

@@ -36,7 +36,7 @@ interface FramedContextValue {
     isWidgetReady: boolean;
 }
 interface FramedProviderProps {
-    config: FramedProviderConfig;
+    config?: FramedProviderConfig;
     children: ReactNode;
 }
 declare function FramedProvider({ config, children }: FramedProviderProps): react_jsx_runtime.JSX.Element;
@@ -60,7 +60,7 @@ interface AuthContextValue {
     logout: () => void;
 }
 interface AuthProviderProps {
-    config: AuthConfig;
+    config?: AuthConfig;
     projectId: string;
     apiKey?: string;
     supabaseUrl?: string;

package/dist/index.d.ts

@@ -36,7 +36,7 @@ interface FramedContextValue {
     isWidgetReady: boolean;
 }
 interface FramedProviderProps {
-    config: FramedProviderConfig;
+    config?: FramedProviderConfig;
     children: ReactNode;
 }
 declare function FramedProvider({ config, children }: FramedProviderProps): react_jsx_runtime.JSX.Element;
@@ -60,7 +60,7 @@ interface AuthContextValue {
     logout: () => void;
 }
 interface AuthProviderProps {
-    config: AuthConfig;
+    config?: AuthConfig;
     projectId: string;
     apiKey?: string;
     supabaseUrl?: string;

package/dist/index.js

@@ -12320,12 +12320,13 @@ function AuthProvider({
     setIsLoading(true);
     setError(null);
     try {
-      if (config.mode === "dev") {
+      const mode = config?.mode ?? "local";
+      if (mode === "dev") {
         setSession(createDevSession());
         setIsLoading(false);
         return;
       }
-      if (config.mode === "local") {
+      if (mode === "local") {
         setSession(createLocalSession());
         setIsLoading(false);
         return;
@@ -12342,7 +12343,7 @@ function AuthProvider({
         setIsLoading(false);
         return;
       }
-      if (config.mode === "magic_link") {
+      if (mode === "magic_link") {
         const token = new URLSearchParams(window.location.search).get(
           "framed_token"
         );
@@ -12356,7 +12357,7 @@ function AuthProvider({
           }
         }
       }
-      if (config.mode === "framed_login") {
+      if (mode === "framed_login") {
         const sessionToken = new URLSearchParams(window.location.search).get(
           "framed_session"
         );
@@ -12375,15 +12376,16 @@ function AuthProvider({
     } finally {
       setIsLoading(false);
     }
-  }, [config.mode, projectId, apiKey, supabaseUrl]);
+  }, [config?.mode, projectId, apiKey, supabaseUrl]);
   useEffect(() => {
     initAuth();
   }, [initAuth]);
   const login = useCallback(() => {
-    if (config.mode !== "framed_login") return;
+    const mode = config?.mode ?? "local";
+    if (mode !== "framed_login") return;
     const returnUrl = encodeURIComponent(window.location.href);
     window.location.href = `${FRAMED_AUTH_URL}?project=${projectId}&return=${returnUrl}`;
-  }, [config.mode, projectId]);
+  }, [config?.mode, projectId]);
   const logout = useCallback(() => {
     if (apiKey && supabaseUrl) {
       const dataLayer = new SyncDataLayer(projectId, { apiKey, supabaseUrl });
@@ -12605,6 +12607,13 @@ var LocalDataLayer = class {
   }
 };
 var CDN_BASE_URL = "https://cdn.framed.dev/widget";
+var DEFAULT_CONFIG = {
+  mode: "local",
+  projectId: "default",
+  auth: {
+    mode: "local"
+  }
+};
 var FramedContext = createContext(null);
 var DEFAULT_FEATURES = {
   elementSelect: true,
@@ -12667,14 +12676,16 @@ function FramedProviderInner({ config, children }) {
   }, [config.sync?.supabaseUrl, config.sync?.apiKey]);
   const hasAIFeatures = framedApi.isEnabled;
   const dataLayer = useMemo(() => {
-    if (config.mode === "local") {
-      return new LocalDataLayer(config.projectId);
-    }
-    return new SyncDataLayer(config.projectId, {
-      apiKey: config.sync?.apiKey || "",
-      supabaseUrl: config.sync?.supabaseUrl || ""
+    const mode = config?.mode ?? "local";
+    const projectId = config?.projectId ?? "default";
+    if (mode === "local") {
+      return new LocalDataLayer(projectId);
+    }
+    return new SyncDataLayer(projectId, {
+      apiKey: config?.sync?.apiKey || "",
+      supabaseUrl: config?.sync?.supabaseUrl || ""
     });
-  }, [config.mode, config.projectId, config.sync?.apiKey, config.sync?.supabaseUrl]);
+  }, [config?.mode, config?.projectId, config?.sync?.apiKey, config?.sync?.supabaseUrl]);
   useEffect(() => {
     const widgetSource = config.widgetSource || "cdn";
     const widgetVersion = config.widgetVersion || "latest";
@@ -12724,13 +12735,13 @@ function FramedProviderInner({ config, children }) {
   const features = useMemo(
     () => ({
       ...DEFAULT_FEATURES,
-      ...config.features
+      ...config?.features
     }),
-    [config.features]
+    [config?.features]
   );
   const value = {
     config,
-    projectId: config.projectId,
+    projectId: config?.projectId ?? "default",
     isAuthenticated: auth.isAuthenticated,
     session: auth.session,
     isAuthLoading: auth.isLoading,
@@ -12757,14 +12768,22 @@ function FramedProviderInner({ config, children }) {
   return /* @__PURE__ */ jsx(FramedContext.Provider, { value, children });
 }
 function FramedProvider({ config, children }) {
+  const mergedConfig = {
+    ...DEFAULT_CONFIG,
+    ...config,
+    auth: {
+      ...DEFAULT_CONFIG.auth,
+      ...config?.auth
+    }
+  };
   return /* @__PURE__ */ jsx(
     AuthProvider,
     {
-      config: config.auth,
-      projectId: config.projectId,
-      apiKey: config.sync?.apiKey,
-      supabaseUrl: config.sync?.supabaseUrl,
-      children: /* @__PURE__ */ jsx(FramedProviderInner, { config, children })
+      config: mergedConfig.auth,
+      projectId: mergedConfig.projectId,
+      apiKey: mergedConfig.sync?.apiKey,
+      supabaseUrl: mergedConfig.sync?.supabaseUrl,
+      children: /* @__PURE__ */ jsx(FramedProviderInner, { config: mergedConfig, children })
     }
   );
 }