@howone/sdk 0.5.3 → 0.7.0

package/dist/index.d.mts

@@ -1169,6 +1169,7 @@ declare function ThemeToggle({ className }: ThemeToggleProps): react_jsx_runtime
 
 declare function GlobalToastContainer(): react_jsx_runtime.JSX.Element;
 
+type ToastType = "success" | "error" | "warning" | "info" | "default";
 interface ToastParams {
     title?: string;
     message?: string;
@@ -1176,6 +1177,7 @@ interface ToastParams {
     component?: React$1.ReactNode;
     options?: Partial<ToastOptions>;
 }
+
 declare const ClayxToast: {
     success: (params: ToastParams) => void;
     error: (params: ToastParams) => void;
@@ -1349,4 +1351,4 @@ declare const elementSelector: {
     isActive: () => boolean;
 };
 
-export { type AIWorkflowClientOptions, type AIWorkflowResponse, AUTH_TOKEN_KEY, type AccessContext, type Artifact, type ArtifactCreateInput, type ArtifactListQuery, type AxiosAIWorkflowOptions, type BatchUploadOptions, type BatchUploadResponse, ClayxButton, ClayxToast, type CostUpdate, DefaultErrorFallback, type ElementSelectionData, ElementSelector, ElementSelectorProvider, type EmailLoginRequest, type EmailLoginResponse, type Environment, ErrorBoundary, type ExecutionResult, FloatingButton, type GenerateImageOptions, type GenerateImageResponse, GlobalToastContainer, HowOneProvider, type HowOneProviderProps, Loading, LoadingSpinner, LoginForm, type NodeExecution, type SSEClient, type SSEClientConfig, type SSEEventPayload, type SSEExecutionOptions, type SSERequest, type SSESession, type SSEStreamConfig, type SSEWorkflowOptions, type SSEWorkflowRequestInit, type SendCodeRequest, type SendCodeResponse, type SourceLocation, ThemeProvider, ThemeToggle, type UploadOptions, type UploadResponse, type UseElementSelectorReturn, type UseWorkflowStreamState, type Visibility, aiWorkflow, canAccessArtifact, createAIWorkflowClient, createAIWorkflowClientAxios, createArtifactsClient, createClient, createSSEClient, createSSERequest, createUploadClient, elementSelector, type envs, executeSSEWorkflow, getCodeStatus, getDefaultProjectId, getEnvironment, getEnvs, getGlobalEnvironment, getToken, howone, iframeNavigation, initIframeNavigation, isTokenValid, loginWithEmailCode, onAuthStateChanged, parseUserFromToken, sendElementSelectionToParent, sendEmailVerificationCode, setDefaultProjectId, setEnvironment, setToken, showLimitUpgradeToast, unifiedAuth, unifiedOAuth, useAuth, useDebounce, useElementSelector, useHowoneContext, useIsMobile, useTheme, useWorkflowStream };
+export { type AIWorkflowClientOptions, type AIWorkflowResponse, AUTH_TOKEN_KEY, type AccessContext, type Artifact, type ArtifactCreateInput, type ArtifactListQuery, type AxiosAIWorkflowOptions, type BatchUploadOptions, type BatchUploadResponse, ClayxButton, ClayxToast, type CostUpdate, DefaultErrorFallback, type ElementSelectionData, ElementSelector, ElementSelectorProvider, type EmailLoginRequest, type EmailLoginResponse, type Environment, ErrorBoundary, type ExecutionResult, FloatingButton, type GenerateImageOptions, type GenerateImageResponse, GlobalToastContainer, HowOneProvider, type HowOneProviderProps, Loading, LoadingSpinner, LoginForm, type NodeExecution, type SSEClient, type SSEClientConfig, type SSEEventPayload, type SSEExecutionOptions, type SSERequest, type SSESession, type SSEStreamConfig, type SSEWorkflowOptions, type SSEWorkflowRequestInit, type SendCodeRequest, type SendCodeResponse, type SourceLocation, ThemeProvider, ThemeToggle, type ToastParams, type ToastType, type UploadOptions, type UploadResponse, type UseElementSelectorReturn, type UseWorkflowStreamState, type Visibility, aiWorkflow, canAccessArtifact, createAIWorkflowClient, createAIWorkflowClientAxios, createArtifactsClient, createClient, createSSEClient, createSSERequest, createUploadClient, elementSelector, type envs, executeSSEWorkflow, getCodeStatus, getDefaultProjectId, getEnvironment, getEnvs, getGlobalEnvironment, getToken, howone, iframeNavigation, initIframeNavigation, isTokenValid, loginWithEmailCode, onAuthStateChanged, parseUserFromToken, sendElementSelectionToParent, sendEmailVerificationCode, setDefaultProjectId, setEnvironment, setToken, showLimitUpgradeToast, unifiedAuth, unifiedOAuth, useAuth, useDebounce, useElementSelector, useHowoneContext, useIsMobile, useTheme, useWorkflowStream };

package/dist/index.d.ts

@@ -1169,6 +1169,7 @@ declare function ThemeToggle({ className }: ThemeToggleProps): react_jsx_runtime
 
 declare function GlobalToastContainer(): react_jsx_runtime.JSX.Element;
 
+type ToastType = "success" | "error" | "warning" | "info" | "default";
 interface ToastParams {
     title?: string;
     message?: string;
@@ -1176,6 +1177,7 @@ interface ToastParams {
     component?: React$1.ReactNode;
     options?: Partial<ToastOptions>;
 }
+
 declare const ClayxToast: {
     success: (params: ToastParams) => void;
     error: (params: ToastParams) => void;
@@ -1349,4 +1351,4 @@ declare const elementSelector: {
     isActive: () => boolean;
 };
 
-export { type AIWorkflowClientOptions, type AIWorkflowResponse, AUTH_TOKEN_KEY, type AccessContext, type Artifact, type ArtifactCreateInput, type ArtifactListQuery, type AxiosAIWorkflowOptions, type BatchUploadOptions, type BatchUploadResponse, ClayxButton, ClayxToast, type CostUpdate, DefaultErrorFallback, type ElementSelectionData, ElementSelector, ElementSelectorProvider, type EmailLoginRequest, type EmailLoginResponse, type Environment, ErrorBoundary, type ExecutionResult, FloatingButton, type GenerateImageOptions, type GenerateImageResponse, GlobalToastContainer, HowOneProvider, type HowOneProviderProps, Loading, LoadingSpinner, LoginForm, type NodeExecution, type SSEClient, type SSEClientConfig, type SSEEventPayload, type SSEExecutionOptions, type SSERequest, type SSESession, type SSEStreamConfig, type SSEWorkflowOptions, type SSEWorkflowRequestInit, type SendCodeRequest, type SendCodeResponse, type SourceLocation, ThemeProvider, ThemeToggle, type UploadOptions, type UploadResponse, type UseElementSelectorReturn, type UseWorkflowStreamState, type Visibility, aiWorkflow, canAccessArtifact, createAIWorkflowClient, createAIWorkflowClientAxios, createArtifactsClient, createClient, createSSEClient, createSSERequest, createUploadClient, elementSelector, type envs, executeSSEWorkflow, getCodeStatus, getDefaultProjectId, getEnvironment, getEnvs, getGlobalEnvironment, getToken, howone, iframeNavigation, initIframeNavigation, isTokenValid, loginWithEmailCode, onAuthStateChanged, parseUserFromToken, sendElementSelectionToParent, sendEmailVerificationCode, setDefaultProjectId, setEnvironment, setToken, showLimitUpgradeToast, unifiedAuth, unifiedOAuth, useAuth, useDebounce, useElementSelector, useHowoneContext, useIsMobile, useTheme, useWorkflowStream };
+export { type AIWorkflowClientOptions, type AIWorkflowResponse, AUTH_TOKEN_KEY, type AccessContext, type Artifact, type ArtifactCreateInput, type ArtifactListQuery, type AxiosAIWorkflowOptions, type BatchUploadOptions, type BatchUploadResponse, ClayxButton, ClayxToast, type CostUpdate, DefaultErrorFallback, type ElementSelectionData, ElementSelector, ElementSelectorProvider, type EmailLoginRequest, type EmailLoginResponse, type Environment, ErrorBoundary, type ExecutionResult, FloatingButton, type GenerateImageOptions, type GenerateImageResponse, GlobalToastContainer, HowOneProvider, type HowOneProviderProps, Loading, LoadingSpinner, LoginForm, type NodeExecution, type SSEClient, type SSEClientConfig, type SSEEventPayload, type SSEExecutionOptions, type SSERequest, type SSESession, type SSEStreamConfig, type SSEWorkflowOptions, type SSEWorkflowRequestInit, type SendCodeRequest, type SendCodeResponse, type SourceLocation, ThemeProvider, ThemeToggle, type ToastParams, type ToastType, type UploadOptions, type UploadResponse, type UseElementSelectorReturn, type UseWorkflowStreamState, type Visibility, aiWorkflow, canAccessArtifact, createAIWorkflowClient, createAIWorkflowClientAxios, createArtifactsClient, createClient, createSSEClient, createSSERequest, createUploadClient, elementSelector, type envs, executeSSEWorkflow, getCodeStatus, getDefaultProjectId, getEnvironment, getEnvs, getGlobalEnvironment, getToken, howone, iframeNavigation, initIframeNavigation, isTokenValid, loginWithEmailCode, onAuthStateChanged, parseUserFromToken, sendElementSelectionToParent, sendEmailVerificationCode, setDefaultProjectId, setEnvironment, setToken, showLimitUpgradeToast, unifiedAuth, unifiedOAuth, useAuth, useDebounce, useElementSelector, useHowoneContext, useIsMobile, useTheme, useWorkflowStream };

package/dist/index.js

@@ -164,7 +164,20 @@ function decodeJwtPayload(token) {
     if (pad === 2) base64 += "==";
     else if (pad === 3) base64 += "=";
     else if (pad !== 0) return null;
-    const json = atob(base64);
+    const binary = atob(base64);
+    let json = binary;
+    try {
+      if (typeof TextDecoder !== "undefined") {
+        const bytes = Uint8Array.from(binary, (ch) => ch.charCodeAt(0));
+        json = new TextDecoder("utf-8", { fatal: false }).decode(bytes);
+      } else {
+        json = decodeURIComponent(
+          binary.split("").map((ch) => `%${ch.charCodeAt(0).toString(16).padStart(2, "0")}`).join("")
+        );
+      }
+    } catch {
+      json = binary;
+    }
     return JSON.parse(json);
   } catch {
     return null;
@@ -1927,18 +1940,14 @@ var TOAST_ICONS = {
     icon: "mdi:success",
     color: "text-green-400",
     className: "text-green-400",
-    // 深色主题配置
     dark: {
       bgGradient: "bg-[#14181d]",
-      // 移除透明度 f2
       gradientColor: "#389726",
       borderGradient: "border-[#389726]",
       borderGradientColor: "#389726"
     },
-    // 浅色主题配置
     light: {
       bgGradient: "bg-[#fafafa]",
-      // 移除透明度 ff
       gradientColor: "#22c55e",
       borderGradient: "border-[#22c55e]",
       borderGradientColor: "#22c55e"
@@ -1950,14 +1959,12 @@ var TOAST_ICONS = {
     className: "text-red-400",
     dark: {
       bgGradient: "bg-[#14181d]",
-      // 移除透明度 f2
       gradientColor: "#ef4444",
       borderGradient: "border-[#ef4444]",
       borderGradientColor: "#ef4444"
     },
     light: {
       bgGradient: "bg-[#fafafa]",
-      // 移除透明度 ff
       gradientColor: "#f87171",
       borderGradient: "border-[#f87171]",
       borderGradientColor: "#f87171"
@@ -1969,14 +1976,12 @@ var TOAST_ICONS = {
     className: "text-yellow-400",
     dark: {
       bgGradient: "bg-[#14181d]",
-      // 移除透明度 f2
       gradientColor: "#facc15",
       borderGradient: "border-[#facc15]",
       borderGradientColor: "#facc15"
     },
     light: {
       bgGradient: "bg-[#fafafa]",
-      // 移除透明度 ff
       gradientColor: "#f59e0b",
       borderGradient: "border-[#f59e0b]",
       borderGradientColor: "#f59e0b"
@@ -1988,14 +1993,12 @@ var TOAST_ICONS = {
     className: "text-blue-400",
     dark: {
       bgGradient: "bg-[#14181d]",
-      // 移除透明度 f2
       gradientColor: "#60a5fa",
       borderGradient: "border-[#60a5fa]",
       borderGradientColor: "#f0f0f0"
     },
     light: {
       bgGradient: "bg-[#fafafa]",
-      // 移除透明度 ff
       gradientColor: "#3b82f6",
       borderGradient: "border-[#3b82f6]",
       borderGradientColor: "#3b82f6"
@@ -2007,14 +2010,12 @@ var TOAST_ICONS = {
     className: "text-gray-400",
     dark: {
       bgGradient: "bg-[#14181d]",
-      // 移除透明度 f2
       gradientColor: "#9ca3af",
       borderGradient: "border-[#9ca3af]",
       borderGradientColor: "#9ca3af"
     },
     light: {
       bgGradient: "bg-[#fafafa]",
-      // 移除透明度 ff
       gradientColor: "#6b7280",
       borderGradient: "border-[#6b7280]",
       borderGradientColor: "#6b7280"
@@ -2040,7 +2041,7 @@ var CloseButton = import_react11.default.memo(({ closeToast }) => {
     import_react12.Icon,
     {
       icon: "vaadin:close",
-      className: "flex items-center justify-center rounded-full relative z-10 flex-shrink-0 cursor-pointer \n                    transition-colors duration-200 drop-shadow-sm",
+      className: "flex items-center justify-center rounded-full relative z-10 flex-shrink-0 cursor-pointer transition-colors duration-200 drop-shadow-sm",
       onClick: handleClick,
       width: 14,
       height: 14,
@@ -2074,15 +2075,10 @@ var ToastContent = ({ type, title, message, component, closeToast }) => {
   const themeConfig = getThemeConfig();
   const lightBaseBackgroundByType = {
     success: "#f0fdf4",
-    // green-50
     error: "#fef2f2",
-    // red-50
     warning: "#fffbeb",
-    // amber-50
     info: "#eff6ff",
-    // blue-50
     default: "#f9fafb"
-    // gray-50
   };
   if (component) {
     return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: `flex items-start gap-3 !min-h-[90px] w-full backdrop-blur-md p-4 shadow-2xl overflow-hidden ${themeConfig.bgGradient}`, children: [
@@ -2126,30 +2122,18 @@ var ToastContent = ({ type, title, message, component, closeToast }) => {
         }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex-shrink-0 flex-grow-0 mt-0.5 relative z-10", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-      "div",
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex-shrink-0 mt-0.5 relative z-10", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: `w-7 h-7 backdrop-blur-sm rounded-full flex items-center justify-center ${theme === "dark" || theme === "system" && window.matchMedia("(prefers-color-scheme: dark)").matches ? "bg-white/10" : "bg-black/5"}`, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      import_react12.Icon,
       {
-        className: "backdrop-blur-sm rounded-full flex items-center justify-center overflow-hidden flex-shrink-0 flex-grow-0",
+        icon: iconConfig.icon,
+        width: 16,
+        height: 16,
+        className: iconConfig.color,
         style: {
-          backgroundColor: theme === "dark" || theme === "system" && window.matchMedia("(prefers-color-scheme: dark)").matches ? "rgba(255, 255, 255, 0.1)" : "rgba(0, 0, 0, 0.05)",
-          width: "28px",
-          height: "28px"
-        },
-        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "rounded-full flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-          import_react12.Icon,
-          {
-            icon: iconConfig.icon,
-            width: 16,
-            height: 16,
-            className: `flex-shrink-0`,
-            style: {
-              color: themeConfig.gradientColor,
-              display: "block"
-            }
-          }
-        ) })
+          color: themeConfig.gradientColor
+        }
       }
-    ) }),
+    ) }) }),
     /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex flex-col gap-1 flex-1 relative z-10", children: [
       title && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
         "div",
@@ -2179,7 +2163,7 @@ var ToastContent = ({ type, title, message, component, closeToast }) => {
 };
 var defaultToastOptions = {
   position: "bottom-right",
-  autoClose: 1500,
+  autoClose: 3e3,
   hideProgressBar: true,
   closeOnClick: false,
   pauseOnHover: true,
@@ -2201,7 +2185,8 @@ var createToast = (type) => {
     const { title, message, component, options } = params;
     (0, import_react_toastify2.toast)(
       ({ closeToast }) => {
-        if (params.render) return params.render(closeToast);
+        if (params.render) return params.render(closeToast ?? (() => {
+        }));
         return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           ToastContent,
           {
@@ -2217,9 +2202,8 @@ var createToast = (type) => {
         ...defaultToastOptions,
         ...options,
         theme: getToastifyTheme(),
-        // 确保圆角样式不被覆盖，添加 rounded-xl 类
         className: "!p-0 !shadow-none !rounded-xl",
-        style: { padding: 0, borderRadius: "0.75rem", backgroundColor: "transparent" }
+        style: { padding: 0, borderRadius: "0.75rem" }
       }
     );
   };
@@ -2335,19 +2319,7 @@ function showLimitUpgradeToast(message, onUpgrade) {
   ClayxToast.default({
     render: (closeToast) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(LimitToastContainer, { message, onUpgrade, closeToast }),
     options: {
-      position: "bottom-right",
-      closeOnClick: false,
-      autoClose: false,
-      hideProgressBar: true,
-      draggable: false,
-      pauseOnHover: true,
-      className: "!bg-transparent !shadow-none",
-      style: {
-        background: "transparent",
-        padding: 0,
-        width: "auto",
-        maxWidth: "420px"
-      }
+      autoClose: false
     }
   });
 }