@stackframe/stack 2.2.4 → 2.3.0

package/dist/lib/stack-app.js

@@ -1,5 +1,5 @@
 import React, { use, useCallback, useMemo } from "react";
-import { StackAdminInterface, StackClientInterface, StackServerInterface } from "@stackframe/stack-shared";
+import { KnownError, StackAdminInterface, StackClientInterface, StackServerInterface } from "@stackframe/stack-shared";
 import { getCookie, setOrDeleteCookie } from "./cookie";
 import { StackAssertionError, throwErr } from "@stackframe/stack-shared/dist/utils/errors";
 import { generateUuid } from "@stackframe/stack-shared/dist/utils/uuids";
@@ -29,6 +29,7 @@ function getUrls(partial) {
         passwordReset: `${handler}/password-reset`,
         forgotPassword: `${handler}/forgot-password`,
         oauthCallback: `${handler}/oauth-callback`,
+        magicLinkCallback: `${handler}/magic-link-callback`,
         home: "/",
         accountSettings: `${handler}/account-settings`,
         ...filterUndefined(partial),
@@ -240,6 +241,9 @@ class _StackClientAppImpl {
             signedUpAt: new Date(json.signedUpAtMillis),
             clientMetadata: json.clientMetadata,
             authMethod: json.authMethod,
+            hasPassword: json.hasPassword,
+            authWithEmail: json.authWithEmail,
+            oauthProviders: json.oauthProviders,
             toJson() {
                 return json;
             }
@@ -249,7 +253,7 @@ class _StackClientAppImpl {
         if (json === null)
             return null;
         const app = this;
-        const res = {
+        const currentUser = {
             ...this._userFromJson(json),
             tokenStore,
             update(update) {
@@ -263,10 +267,31 @@ class _StackClientAppImpl {
             },
             updatePassword(options) {
                 return app._updatePassword(options, tokenStore);
-            }
+            },
         };
-        Object.freeze(res);
-        return res;
+        if (this.isInternalProject()) {
+            const internalUser = {
+                ...currentUser,
+                createProject(newProject) {
+                    return app._createProject(newProject);
+                },
+                listOwnedProjects() {
+                    return app._listOwnedProjects();
+                },
+                useOwnedProjects() {
+                    return app._useOwnedProjects();
+                },
+                onOwnedProjectsChange(callback) {
+                    return app._onOwnedProjectsChange(callback);
+                }
+            };
+            Object.freeze(internalUser);
+            return internalUser;
+        }
+        else {
+            Object.freeze(currentUser);
+            return currentUser;
+        }
     }
     _userToJson(user) {
         return {
@@ -279,6 +304,9 @@ class _StackClientAppImpl {
             signedUpAtMillis: user.signedUpAt.getTime(),
             clientMetadata: user.clientMetadata,
             authMethod: user.authMethod,
+            hasPassword: user.hasPassword,
+            authWithEmail: user.authWithEmail,
+            oauthProviders: user.oauthProviders,
         };
     }
     _projectAdminFromJson(data, adminInterface, onRefresh) {
@@ -340,6 +368,7 @@ class _StackClientAppImpl {
     async redirectToForgotPassword() { return await this._redirectTo("forgotPassword"); }
     async redirectToHome() { return await this._redirectTo("home"); }
     async redirectToOAuthCallback() { return await this._redirectTo("oauthCallback"); }
+    async redirectToMagicLinkCallback() { return await this._redirectTo("magicLinkCallback"); }
     async redirectToAfterSignIn() { return await this._redirectTo("afterSignIn"); }
     async redirectToAfterSignUp() { return await this._redirectTo("afterSignUp"); }
     async redirectToAfterSignOut() { return await this._redirectTo("afterSignOut"); }
@@ -349,6 +378,11 @@ class _StackClientAppImpl {
         const error = await this._interface.sendForgotPasswordEmail(email, redirectUrl);
         return error;
     }
+    async sendMagicLinkEmail(email) {
+        const magicLinkRedirectUrl = constructRedirectUrl(this.urls.magicLinkCallback);
+        const error = await this._interface.sendMagicLinkEmail(email, magicLinkRedirectUrl);
+        return error;
+    }
     async resetPassword(options) {
         const error = await this._interface.resetPassword(options);
         return error;
@@ -394,8 +428,9 @@ class _StackClientAppImpl {
                 case 'throw': {
                     throw new Error("User is not signed in but useUser was called with { or: 'throw' }");
                 }
-                default: {
-                    return null;
+                case undefined:
+                case "return-null": {
+                    // do nothing
                 }
             }
         }
@@ -438,6 +473,21 @@ class _StackClientAppImpl {
         }
         return errorCode;
     }
+    async signInWithMagicLink(code) {
+        this._ensurePersistentTokenStore();
+        const tokenStore = getTokenStore(this._tokenStoreOptions);
+        const result = await this._interface.signInWithMagicLink(code, tokenStore);
+        if (result instanceof KnownError) {
+            return result;
+        }
+        if (result.newUser) {
+            window.location.replace(this.urls.afterSignUp);
+        }
+        else {
+            window.location.replace(this.urls.afterSignIn);
+        }
+        await neverResolve();
+    }
     async callOAuthCallback() {
         this._ensurePersistentTokenStore();
         const tokenStore = getTokenStore(this._tokenStoreOptions);
@@ -476,26 +526,26 @@ class _StackClientAppImpl {
     onProjectChange(callback) {
         return this._currentProjectCache.onChange([], callback);
     }
-    async listOwnedProjects() {
+    async _listOwnedProjects() {
         this._ensureInternalProject();
         const tokenStore = getTokenStore(this._tokenStoreOptions);
         const json = await this._ownedProjectsCache.getOrWait([tokenStore], "write-only");
         return json.map((j) => this._projectAdminFromJson(j, this._createAdminInterface(j.id, tokenStore), () => this._refreshOwnedProjects(tokenStore)));
     }
-    useOwnedProjects() {
+    _useOwnedProjects() {
         this._ensureInternalProject();
         const tokenStore = getTokenStore(this._tokenStoreOptions);
         const json = useCache(this._ownedProjectsCache, [tokenStore], "useOwnedProjects()");
         return useMemo(() => json.map((j) => this._projectAdminFromJson(j, this._createAdminInterface(j.id, tokenStore), () => this._refreshOwnedProjects(tokenStore))), [json]);
     }
-    onOwnedProjectsChange(callback) {
+    _onOwnedProjectsChange(callback) {
         this._ensureInternalProject();
         const tokenStore = getTokenStore(this._tokenStoreOptions);
         return this._ownedProjectsCache.onChange([tokenStore], (projects) => {
             callback(projects.map((j) => this._projectAdminFromJson(j, this._createAdminInterface(j.id, tokenStore), () => this._refreshOwnedProjects(tokenStore))));
         });
     }
-    async createProject(newProject) {
+    async _createProject(newProject) {
         this._ensureInternalProject();
         const tokenStore = getTokenStore(this._tokenStoreOptions);
         const json = await this._interface.createProject(newProject, tokenStore);
@@ -620,7 +670,7 @@ class _StackServerAppImpl extends _StackClientAppImpl {
             return null;
         const app = this;
         const nonCurrentServerUser = this._serverUserFromJson(json);
-        const res = {
+        const currentUser = {
             ...nonCurrentServerUser,
             tokenStore,
             async delete() {
@@ -644,10 +694,31 @@ class _StackServerAppImpl extends _StackClientAppImpl {
             },
             updatePassword(options) {
                 return app._updatePassword(options, tokenStore);
-            }
+            },
         };
-        Object.freeze(res);
-        return res;
+        if (this.isInternalProject()) {
+            const internalUser = {
+                ...currentUser,
+                createProject(newProject) {
+                    return app._createProject(newProject);
+                },
+                listOwnedProjects() {
+                    return app._listOwnedProjects();
+                },
+                useOwnedProjects() {
+                    return app._useOwnedProjects();
+                },
+                onOwnedProjectsChange(callback) {
+                    return app._onOwnedProjectsChange(callback);
+                }
+            };
+            Object.freeze(internalUser);
+            return internalUser;
+        }
+        else {
+            Object.freeze(currentUser);
+            return currentUser;
+        }
     }
     _serverUserToJson(user) {
         return {
@@ -661,6 +732,9 @@ class _StackServerAppImpl extends _StackClientAppImpl {
             clientMetadata: user.clientMetadata,
             serverMetadata: user.serverMetadata,
             authMethod: user.authMethod,
+            hasPassword: user.hasPassword,
+            authWithEmail: user.authWithEmail,
+            oauthProviders: user.oauthProviders,
         };
     }
     async getServerUser() {

package/dist/providers/component-provider.d.ts

@@ -36,6 +36,10 @@ export declare const Components: {
     readonly CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
     readonly CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
     readonly CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    readonly Tabs: React.ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsProps & React.RefAttributes<HTMLDivElement>>;
+    readonly TabsList: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    readonly TabsContent: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    readonly TabsTrigger: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 };
 export type ComponentConfig = {
     components?: Partial<typeof Components>;
@@ -75,8 +79,11 @@ export declare function useComponents(): {
     readonly CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
     readonly CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
     readonly CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    readonly Tabs: React.ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsProps & React.RefAttributes<HTMLDivElement>>;
+    readonly TabsList: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    readonly TabsContent: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    readonly TabsTrigger: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 };
 export declare function StackComponentProvider(props: {
     children?: React.ReactNode;
 } & ComponentConfig): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=component-provider.d.ts.map

package/dist/providers/component-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component-provider.d.ts","sourceRoot":"","sources":["../../src/providers/component-provider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAGzD,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAgB/C,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2Bb,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC,OAAO,UAAU,CAAC,CAAC;CACzC,CAAA;AAID,wBAAgB,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAM5B;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,GAAG,eAAe,2CAM7F"}
+{"version":3,"file":"component-provider.d.ts","sourceRoot":"","sources":["../../src/providers/component-provider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAGzD,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAiB/C,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+Bb,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC,OAAO,UAAU,CAAC,CAAC;CACzC,CAAA;AAID,wBAAgB,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAM5B;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,GAAG,eAAe,2CAM7F"}

package/dist/providers/component-provider.js

@@ -13,6 +13,7 @@ import { Popover, PopoverTrigger, PopoverContent } from '../components-core/popo
 import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, } from '../components-core/dropdown';
 import { Avatar, AvatarFallback, AvatarImage } from '../components-core/avatar';
 import { Collapsible, CollapsibleTrigger, CollapsibleContent } from '../components-core/collapsible';
+import { Tabs, TabsList, TabsContent, TabsTrigger } from '../components-core/tabs';
 export const Components = {
     Input,
     Button,
@@ -40,6 +41,10 @@ export const Components = {
     CardHeader,
     CardContent,
     CardFooter,
+    Tabs,
+    TabsList,
+    TabsContent,
+    TabsTrigger,
 };
 const ComponentContext = createContext(undefined);
 export function useComponents() {

package/dist/providers/design-provider.d.ts

@@ -37,4 +37,3 @@ export declare function StackDesignProvider(props: {
 } & DesignConfig): import("react/jsx-runtime").JSX.Element | null;
 export declare function useDesign(): DesignContextValue;
 export {};
-//# sourceMappingURL=design-provider.d.ts.map

package/dist/providers/joy-provider.d.ts

@@ -8,10 +8,13 @@ export declare const defaultComponents: {
         as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | undefined;
         size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
     } & Omit<import("react").HTMLProps<HTMLParagraphElement>, "size">, "ref"> & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
-    Separator: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("@radix-ui/react-separator").SeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLHRElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Separator: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("@radix-ui/react-separator").SeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Tabs: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-tabs").TabsProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    TabsList: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("@radix-ui/react-tabs").TabsListProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    TabsTrigger: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("@radix-ui/react-tabs").TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    TabsContent: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("@radix-ui/react-tabs").TabsContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 };
 export declare function StackJoyTheme(props: {
     theme?: ThemeConfig;
     children?: React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=joy-provider.d.ts.map

package/dist/providers/joy-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"joy-provider.d.ts","sourceRoot":"","sources":["../../src/providers/joy-provider.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAc,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAO3D,eAAO,MAAM,iBAAiB;;;;;;;;;CAK7B,CAAC;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAG;IAAE,KAAK,CAAC,EAAE,WAAW,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAiBxF"}
+{"version":3,"file":"joy-provider.d.ts","sourceRoot":"","sources":["../../src/providers/joy-provider.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAc,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAQ3D,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;CAS7B,CAAC;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAG;IAAE,KAAK,CAAC,EAAE,WAAW,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAiBxF"}

package/dist/providers/joy-provider.js

@@ -6,11 +6,16 @@ import { Button } from '../components-core-joy/button';
 import { Input } from '../components-core-joy/input';
 import { Text } from '../components-core-joy/text';
 import { Separator } from '../components-core-joy/separator';
+import { Tabs, TabsList, TabsTrigger, TabsContent } from '../components-core-joy/tabs';
 export const defaultComponents = {
     Button,
     Input,
     Text,
     Separator,
+    Tabs,
+    TabsList,
+    TabsTrigger,
+    TabsContent,
 };
 export function StackJoyTheme(props) {
     const { mode, systemMode, setMode } = useColorScheme();

package/dist/providers/stack-provider-client.d.ts

@@ -7,4 +7,3 @@ export declare function StackProviderClient(props: {
     appJsonPromise: Promise<StackClientAppJson<true, string>>;
     children?: React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=stack-provider-client.d.ts.map

package/dist/providers/stack-provider.d.ts

@@ -4,4 +4,3 @@ export default function StackProvider({ children, app, }: {
     children: React.ReactNode;
     app: StackClientApp<true>;
 }): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=stack-provider.d.ts.map

package/dist/providers/styled-components-registry.d.ts

@@ -2,4 +2,3 @@ import React from 'react';
 export default function StyledComponentsRegistry({ children, }: {
     children: React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=styled-components-registry.d.ts.map

package/dist/providers/theme-provider.d.ts

@@ -8,4 +8,3 @@ export declare function StackTheme({ theme, children, colorModeConfig, }: {
     theme?: DesignConfig & ComponentConfig;
     colorModeConfig?: Omit<ComponentProps<typeof NextThemeProvider>, "themes" | "children">;
 }): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=theme-provider.d.ts.map

package/dist/utils/constants.d.ts

@@ -44,4 +44,3 @@ export declare const DEFAULT_COLORS: {
         readonly neutralColor: "#e4e4e7";
     };
 };
-//# sourceMappingURL=constants.d.ts.map

package/dist/utils/email.d.ts

@@ -1,2 +1 @@
 export declare function validateEmail(email: string): RegExpMatchArray | null;
-//# sourceMappingURL=email.d.ts.map

package/dist/utils/next.d.ts

@@ -1,2 +1 @@
 export declare function isClient(): boolean;
-//# sourceMappingURL=next.d.ts.map

package/dist/utils/url.d.ts

@@ -1,3 +1,2 @@
 export declare function autoRedirect(): void;
 export declare function constructRedirectUrl(redirectUrl: URL | string | undefined): string;
-//# sourceMappingURL=url.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stackframe/stack",
-  "version": "2.2.4",
+  "version": "2.3.0",
   "type": "module",
   "exports": {
     ".": {
@@ -16,12 +16,13 @@
     "dist"
   ],
   "dependencies": {
+    "@radix-ui/react-separator": "^1.0.3",
+    "@radix-ui/react-tabs": "^1.0.4",
     "@radix-ui/react-avatar": "^1.0.4",
     "@radix-ui/react-collapsible": "^1.0.3",
     "@radix-ui/react-dropdown-menu": "^2.0.6",
     "@radix-ui/react-label": "^2.0.2",
     "@radix-ui/react-popover": "^1.0.7",
-    "@radix-ui/react-separator": "^1.0.3",
     "color": "^4.2.3",
     "js-cookie": "^3.0.5",
     "next-themes": "^0.2.1",
@@ -30,8 +31,8 @@
     "server-only": "^0.0.1",
     "styled-components": "^6.1.8",
     "tailwindcss-scoped-preflight": "^2.1.0",
-    "@stackframe/stack-sc": "1.3.1",
-    "@stackframe/stack-shared": "2.2.1"
+    "@stackframe/stack-sc": "1.4.0",
+    "@stackframe/stack-shared": "2.3.0"
   },
   "peerDependencies": {
     "@mui/joy": "^5.0.0-beta.30",