@howone/sdk 0.2.13 → 0.2.16

package/dist/index.js

@@ -67,9 +67,9 @@ function getGlobalEnvironment() {
   try {
     const g = globalThis.__HOWONE_ENV__;
     if (g === "local" || g === "dev" || g === "prod") return g;
-    return null;
+    return "prod";
   } catch {
-    return null;
+    return "prod";
   }
 }
 var DEFAULT_PROJECT_ID, env, localEnv, devEnv, prodEnv, envs;
@@ -349,8 +349,29 @@ var API_BASE_URLS = {
   dev: "https://create-x-backend-dev.fly.dev",
   prod: "https://create-x-backend.fly.dev"
 };
+var detectEnvironmentFromHostname = () => {
+  try {
+    const hostname = window.location.hostname.toLowerCase();
+    if (hostname.includes("howone.ai")) {
+      return "prod";
+    }
+    if (hostname.includes("howone.dev")) {
+      return "dev";
+    }
+    if (hostname === "localhost" || hostname === "127.0.0.1" || hostname.startsWith("192.168.") || hostname.endsWith(".local")) {
+      return "local";
+    }
+    const globalEnv = getGlobalEnvironment();
+    if (globalEnv) {
+      return globalEnv;
+    }
+    return "prod";
+  } catch (error) {
+    return getGlobalEnvironment() ?? "dev";
+  }
+};
 var resolveApiBaseUrl = () => {
-  const env2 = getGlobalEnvironment() ?? "dev";
+  const env2 = detectEnvironmentFromHostname();
   return API_BASE_URLS[env2] ?? API_BASE_URLS.dev;
 };
 var UnifiedAuthService = class {
@@ -429,7 +450,13 @@ var UnifiedAuthService = class {
       };
       popupCheckInterval = window.setInterval(checkPopupStatus, 1e3);
       const messageHandler = (event) => {
-        const validOrigins = [window.location.origin, "https://create-x-backend-dev.fly.dev"];
+        const validOrigins = [
+          window.location.origin,
+          this.API_BASE_URL,
+          // 使用当前环境的 API_BASE_URL
+          "https://create-x-backend-dev.fly.dev",
+          "https://create-x-backend.fly.dev"
+        ];
         const isValidOrigin = validOrigins.some(
           (origin) => event.origin === origin || event.origin.includes("localhost") || event.origin.includes("127.0.0.1") || event.origin.includes("fly.dev")
         );
@@ -5198,7 +5225,8 @@ var ClayxButton = ({
 };
 
 // src/components/ui/LimitUpgradeToast.tsx
-var import_react13 = require("@iconify/react");
+var import_react13 = __toESM(require("react"));
+var import_react14 = require("@iconify/react");
 
 // src/components/ui/Toast/ClayxToast.tsx
 var import_react11 = __toESM(require("react"));
@@ -5400,8 +5428,20 @@ var ToastContent = ({ type, title, message, component, closeToast }) => {
     return actualTheme === "dark" ? iconConfig.dark : iconConfig.light;
   };
   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 relative overflow-hidden ${themeConfig.bgGradient}`, children: [
+    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: [
       /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex-1 relative z-10", children: component }),
       /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "relative z-10", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CloseButton, { closeToast: handleClose }) })
     ] });
@@ -5412,7 +5452,7 @@ var ToastContent = ({ type, title, message, component, closeToast }) => {
       {
         className: "absolute left-0 top-0 w-full h-full rounded-xl",
         style: {
-          background: theme === "dark" || theme === "system" && window.matchMedia("(prefers-color-scheme: dark)").matches ? "#0f1419" : "#ffffff",
+          background: theme === "dark" || theme === "system" && window.matchMedia("(prefers-color-scheme: dark)").matches ? "#0f1419" : lightBaseBackgroundByType[type],
           zIndex: -2
         }
       }
@@ -5422,7 +5462,7 @@ var ToastContent = ({ type, title, message, component, closeToast }) => {
       {
         className: "absolute left-0 top-0 w-full h-full pointer-events-none rounded-xl",
         style: {
-          background: theme === "dark" || theme === "system" && window.matchMedia("(prefers-color-scheme: dark)").matches ? `linear-gradient(135deg, ${themeConfig.gradientColor}30 0%, ${themeConfig.gradientColor}20 15%, #14181df2 30%)` : `linear-gradient(135deg, ${themeConfig.gradientColor}15 0%, ${themeConfig.gradientColor}08 15%, #fafafaff 30%)`,
+          background: theme === "dark" || theme === "system" && window.matchMedia("(prefers-color-scheme: dark)").matches ? `linear-gradient(135deg, ${themeConfig.gradientColor}30 0%, ${themeConfig.gradientColor}20 15%, #14181df2 30%)` : `linear-gradient(135deg, ${themeConfig.gradientColor}20 0%, ${themeConfig.gradientColor}12 15%, #ffffff 30%)`,
           zIndex: -1
         }
       }
@@ -5433,13 +5473,12 @@ var ToastContent = ({ type, title, message, component, closeToast }) => {
         className: "absolute left-0 top-0 w-full h-full pointer-events-none rounded-xl",
         style: {
           border: "2px solid transparent",
-          backgroundImage: theme === "dark" || theme === "system" && window.matchMedia("(prefers-color-scheme: dark)").matches ? `linear-gradient(135deg, ${themeConfig.borderGradientColor}60 0%, ${themeConfig.borderGradientColor}40 5%, transparent 22%)` : `linear-gradient(135deg, ${themeConfig.borderGradientColor}40 0%, ${themeConfig.borderGradientColor}25 5%, transparent 22%)`,
+          backgroundImage: theme === "dark" || theme === "system" && window.matchMedia("(prefers-color-scheme: dark)").matches ? `linear-gradient(135deg, ${themeConfig.borderGradientColor}60 0%, ${themeConfig.borderGradientColor}40 5%, transparent 22%)` : `linear-gradient(135deg, ${themeConfig.borderGradientColor}99 0%, ${themeConfig.borderGradientColor}66 5%, transparent 22%)`,
           backgroundOrigin: "border-box",
           backgroundClip: "border-box",
-          WebkitMask: "linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0)",
+          WebkitMask: "linear-gradient(#ffffff 0 0) padding-box, linear-gradient(#ffffff 0 0)",
           WebkitMaskComposite: "xor",
-          mask: "linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0)",
-          maskComposite: "exclude"
+          zIndex: 0
         }
       }
     ),
@@ -5490,9 +5529,17 @@ var defaultToastOptions = {
   pauseOnHover: true,
   draggable: true,
   pauseOnFocusLoss: false,
-  theme: "dark",
   transition: import_react_toastify2.Bounce
 };
+var getToastifyTheme = () => {
+  if (typeof window !== "undefined") {
+    const root = document.documentElement;
+    if (root.classList.contains("dark")) return "dark";
+    if (root.classList.contains("light")) return "light";
+    return window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+  }
+  return "light";
+};
 var createToast = (type) => {
   return (params) => {
     const { title, message, component, options } = params;
@@ -5513,6 +5560,7 @@ var createToast = (type) => {
       {
         ...defaultToastOptions,
         ...options,
+        theme: getToastifyTheme(),
         // 确保圆角样式不被覆盖，添加 rounded-xl 类
         className: "!p-0 !shadow-none !rounded-xl",
         style: { padding: 0, borderRadius: "0.75rem" }
@@ -5531,6 +5579,8 @@ var ClayxToast = {
 // src/components/ui/LimitUpgradeToast.tsx
 var import_jsx_runtime13 = require("react/jsx-runtime");
 var LimitToastContainer = ({ message, onUpgrade, closeToast }) => {
+  const [hover, setHover] = import_react13.default.useState(false);
+  const [closeHover, setCloseHover] = import_react13.default.useState(false);
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "relative w-full max-w-[420px] overflow-hidden rounded-md bg-gradient-to-br from-[#1A1A1A] via-[#151515] to-[#1A1A1A] shadow-[0_20px_60px_rgba(168,85,247,0.2)] backdrop-blur-sm", children: [
     /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       "div",
@@ -5573,7 +5623,7 @@ var LimitToastContainer = ({ message, onUpgrade, closeToast }) => {
     /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "relative z-10 flex items-start gap-4 p-4", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex flex-1 flex-col gap-3", children: [
       /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex items-center justify-between", children: [
         /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "text-lg font-bold bg-gradient-to-r from-white to-gray-400 bg-clip-text text-transparent", children: "Upgrade Required" }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "text-lg font-bold text-white", children: "Upgrade Required" }),
           /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "px-2 py-0.5 text-xs font-bold bg-purple-500/20 text-purple-400 rounded-md border border-purple-500/30", children: "Premium" })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
@@ -5582,8 +5632,18 @@ var LimitToastContainer = ({ message, onUpgrade, closeToast }) => {
             onClick: closeToast,
             isIconOnly: true,
             size: "sm",
-            className: "h-6 w-6 min-w-6 rounded-full bg-white/5 hover:bg-white/10 transition-colors",
-            children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react13.Icon, { icon: "iconamoon:close", className: "w-4 h-4 text-gray-400" })
+            onMouseEnter: () => setCloseHover(true),
+            onMouseLeave: () => setCloseHover(false),
+            style: {
+              height: "1.5rem",
+              width: "1.5rem",
+              minWidth: "1.5rem",
+              borderRadius: "9999px",
+              backgroundColor: closeHover ? "rgba(255,255,255,0.1)" : "rgba(255,255,255,0.05)",
+              transition: "background-color 150ms ease",
+              cursor: "pointer"
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react14.Icon, { icon: "iconamoon:close", className: "w-4 h-4 text-gray-400" })
           }
         )
       ] }),
@@ -5595,10 +5655,19 @@ var LimitToastContainer = ({ message, onUpgrade, closeToast }) => {
             onUpgrade();
             closeToast?.();
           },
-          className: "flex-1 bg-gradient-to-r from-purple-500 to-pink-500 hover:from-purple-600 hover:to-pink-600 text-white font-semibold transition-all duration-300 hover:shadow-lg hover:shadow-purple-500/30 cursor-pointer",
-          style: { cursor: "pointer" },
+          onMouseEnter: () => setHover(true),
+          onMouseLeave: () => setHover(false),
+          style: {
+            flex: 1,
+            color: "#ffffff",
+            fontWeight: 600,
+            cursor: "pointer",
+            transition: "all 300ms ease-in-out",
+            backgroundImage: hover ? "linear-gradient(to right, #9333ea, #db2777)" : "linear-gradient(to right, #a855f7, #ec4899)",
+            boxShadow: hover ? "0 10px 15px -3px rgba(168,85,247,0.3), 0 4px 6px -2px rgba(168,85,247,0.3)" : "none"
+          },
           children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react13.Icon, { icon: "solar:rocket-2-bold", className: "w-4 h-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react14.Icon, { icon: "solar:rocket-2-bold", className: "w-4 h-4" }),
             "Upgrade Now"
           ] })
         }
@@ -6117,11 +6186,11 @@ function createClient(opts) {
 }
 
 // src/hooks/use-mobile.ts
-var React8 = __toESM(require("react"));
+var React9 = __toESM(require("react"));
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React8.useState(void 0);
-  React8.useEffect(() => {
+  const [isMobile, setIsMobile] = React9.useState(void 0);
+  React9.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -6134,10 +6203,10 @@ function useIsMobile() {
 }
 
 // src/hooks/use-debounce.ts
-var import_react14 = require("react");
+var import_react15 = require("react");
 function useDebounce(value, delay) {
-  const [debouncedValue, setDebouncedValue] = (0, import_react14.useState)(value);
-  (0, import_react14.useEffect)(() => {
+  const [debouncedValue, setDebouncedValue] = (0, import_react15.useState)(value);
+  (0, import_react15.useEffect)(() => {
     const handler = setTimeout(() => {
       setDebouncedValue(value);
     }, delay);