feat: set autoConnet() expiry time

packages/nextjs/components/scaffold-stark/CustomConnectButton/ConnectModal.tsx

@@ -14,19 +14,20 @@ const loader = ({ src }: { src: string }) => {
 const ConnectModal = () => {
  const modalRef = useRef<HTMLInputElement>(null);
  const [isBurnerWallet, setIsBurnerWallet] = useState(false);
-
  const { resolvedTheme } = useTheme();
  const isDarkMode = resolvedTheme === "dark";
-
  const { connectors, connect, error, status, ...props } = useConnect();
-
  const [_, setLastConnector] = useLocalStorage<{ id: string; ix?: number }>(
  "lastUsedConnector",
  { id: "" },
  {
  initializeWithValue: false,
  },
  );
+ const [, setLastConnectionTime] = useLocalStorage<number>(
+ "lastConnectionTime",
+ 0,
+ );
 
  const handleCloseModal = () => {
  if (modalRef.current) {
@@ -44,6 +45,7 @@ const ConnectModal = () => {
  }
  connect({ connector });
  setLastConnector({ id: connector.id });
+ setLastConnectionTime(Date.now()); // Store the current time
  handleCloseModal();
  }
 
@@ -70,6 +72,7 @@ const ConnectModal = () => {
  >
  <span>Connect</span>
  </label>
+
  <input
  ref={modalRef}
  type="checkbox"

packages/nextjs/hooks/scaffold-stark/useAutoConnect.ts

@@ -12,22 +12,32 @@ export const useAutoConnect = (): void => {
  const savedConnector = useReadLocalStorage<{ id: string; ix?: number }>(
  "lastUsedConnector",
  );
+
+ const lastConnectionTime = useReadLocalStorage<number>("lastConnectionTime");
+
  const { connect, connectors } = useConnect();
 
  useEffect(() => {
  if (scaffoldConfig.walletAutoConnect) {
- const connector = connectors.find(
- (conn) => conn.id == savedConnector?.id,
- );
- if (connector) {
- if (
- connector.id == "burner-wallet" &&
- savedConnector?.ix !== undefined
- ) {
- (connector as BurnerConnector).burnerAccount =
- burnerAccounts[savedConnector.ix];
+ const currentTime = Date.now();
+ const ttlExpired =
+ currentTime - (lastConnectionTime || 0) > scaffoldConfig.autoConnectTTL;
+
+ if (!ttlExpired) {
+ const connector = connectors.find(
+ (conn) => conn.id == savedConnector?.id,
+ );
+
+ if (connector) {
+ if (
+ connector.id == "burner-wallet" &&
+ savedConnector?.ix !== undefined
+ ) {
+ (connector as BurnerConnector).burnerAccount =
+ burnerAccounts[savedConnector.ix];
+ }
+ connect({ connector });
  }
- connect({ connector });
  }
  }
  }, [connect, connectors, savedConnector]);

packages/nextjs/scaffold.config.ts

@@ -6,6 +6,8 @@ export type ScaffoldConfig = {
  onlyLocalBurnerWallet: boolean;
  rpcProviderUrl: string;
  walletAutoConnect: boolean;
+ autoConnectTTL: number,
+
 };
 
 const scaffoldConfig = {
@@ -21,6 +23,7 @@ const scaffoldConfig = {
  * 1. If the user was connected into a wallet before, on page reload reconnect automatically
  * 2. If user is not connected to any wallet: On reload, connect to burner wallet if burnerWallet.enabled is true && burnerWallet.onlyLocal is false
  */
+ autoConnectTTL: 60000,
  walletAutoConnect: true,
 } as const satisfies ScaffoldConfig;