fixed linting

Author: Aniket-Engg

apps/remix-ide/src/app/components/overlay-panel.tsx

@@ -117,7 +117,7 @@ export class OverlayPanel extends AbstractPanel {
           {/* Header with close button */}
           <div
             className="d-flex align-items-center justify-content-between px-3 py-2 border-bottom"
-            style={{ 
+            style={{
               backgroundColor: 'var(--bs-secondary-bg)',
               minHeight: '48px'
             }}

apps/remix-ide/src/app/plugins/auth-plugin.tsx

@@ -124,15 +124,15 @@ export class AuthPlugin extends Plugin {
     try {
       // Ensure we have a token set
       await this.getToken()
-      
+
       const response = await this.billingApi.getConfig()
       if (response.ok && response.data?.paddle) {
         return {
           clientToken: response.data.paddle.token,
           environment: response.data.paddle.environment
         }
       }
-      
+
       console.warn('[AuthPlugin] Failed to fetch Paddle config:', response.error)
       return { clientToken: null, environment: 'sandbox' }
     } catch (error) {

libs/remix-ui/account-overlay/src/lib/account-overlay.tsx

@@ -52,12 +52,12 @@ export const AccountOverlay: React.FC<AccountOverlayProps> = ({ plugin }) => {
           <FormattedMessage id="account.notLoggedIn" defaultMessage="Not Logged In" />
         </h4>
         <p className="text-muted text-center mb-4">
-          <FormattedMessage 
-            id="account.loginPrompt" 
+          <FormattedMessage
+            id="account.loginPrompt"
             defaultMessage="Please log in to access your account settings, credits, and billing information."
           />
         </p>
-        <button 
+        <button
           className="btn btn-primary"
           onClick={() => plugin.call('overlay', 'hideOverlay')}
         >
@@ -81,14 +81,14 @@ export const AccountOverlay: React.FC<AccountOverlayProps> = ({ plugin }) => {
         <div className="p-3 border-bottom">
           <div className="d-flex align-items-center">
             {user?.picture ? (
-              <img 
-                src={user.picture} 
-                alt={user.name || user.email} 
+              <img
+                src={user.picture}
+                alt={user.name || user.email}
                 className="rounded-circle mr-2"
                 style={{ width: '40px', height: '40px' }}
               />
             ) : (
-              <div 
+              <div
                 className="rounded-circle bg-secondary d-flex align-items-center justify-content-center mr-2"
                 style={{ width: '40px', height: '40px' }}
               >
@@ -174,7 +174,7 @@ export const AccountOverlay: React.FC<AccountOverlayProps> = ({ plugin }) => {
               <i className="fas fa-credit-card mr-2"></i>
               Billing & Subscriptions
             </h3>
-            <BillingManager 
+            <BillingManager
               plugin={plugin}
               paddleClientToken={paddleConfig?.clientToken || undefined}
               paddleEnvironment={paddleConfig?.environment || 'sandbox'}
@@ -190,7 +190,7 @@ export const AccountOverlay: React.FC<AccountOverlayProps> = ({ plugin }) => {
               Connected Accounts
             </h3>
             <p className="text-muted mb-4">
-              Link multiple authentication providers to access your account from anywhere. 
+              Link multiple authentication providers to access your account from anywhere.
               All linked accounts share the same credits and subscriptions.
             </p>
             <ConnectedAccounts plugin={plugin} />

libs/remix-ui/billing/src/lib/billing-manager.tsx

@@ -130,7 +130,7 @@ export const BillingManager: React.FC<BillingManagerProps> = ({
       try {
         const user = await plugin?.call('auth', 'getUser')
         setIsAuthenticated(!!user)
-        
+
         // Set token for billing API
         const token = localStorage.getItem('remix_access_token')
         if (token) {

libs/remix-ui/billing/src/lib/components/credit-packages-view.tsx

@@ -58,7 +58,7 @@ export const CreditPackagesView: React.FC<CreditPackagesViewProps> = ({
           // Get active Paddle provider
           const paddleProvider = BillingApiService.getActiveProvider(pkg, 'paddle')
           const priceId = paddleProvider?.priceId || null
-          
+
           return (
             <div key={pkg.id} className="col-12 col-md-6 col-lg-3">
               <div className={`card h-100 ${pkg.popular ? 'border-primary' : ''}`}>
@@ -72,7 +72,7 @@ export const CreditPackagesView: React.FC<CreditPackagesViewProps> = ({
                   <p className="card-text text-muted small flex-grow-1">
                     {pkg.description}
                   </p>
-                  
+
                   <div className="mb-3">
                     <div className="h4 mb-0">
                       <i className="fas fa-coins me-2 text-warning"></i>

libs/remix-ui/billing/src/lib/components/current-subscription.tsx

@@ -36,18 +36,18 @@ export const CurrentSubscription: React.FC<CurrentSubscriptionProps> = ({
 
   const getStatusBadge = () => {
     switch (subscription.status) {
-      case 'active':
-        return <span className="badge bg-success">Active</span>
-      case 'paused':
-        return <span className="badge bg-warning">Paused</span>
-      case 'canceled':
-        return <span className="badge bg-secondary">Canceled</span>
-      case 'past_due':
-        return <span className="badge bg-danger">Past Due</span>
-      case 'trialing':
-        return <span className="badge bg-info">Trial</span>
-      default:
-        return <span className="badge bg-secondary">{subscription.status}</span>
+    case 'active':
+      return <span className="badge bg-success">Active</span>
+    case 'paused':
+      return <span className="badge bg-warning">Paused</span>
+    case 'canceled':
+      return <span className="badge bg-secondary">Canceled</span>
+    case 'past_due':
+      return <span className="badge bg-danger">Past Due</span>
+    case 'trialing':
+      return <span className="badge bg-info">Trial</span>
+    default:
+      return <span className="badge bg-secondary">{subscription.status}</span>
     }
   }
 
@@ -63,20 +63,20 @@ export const CurrentSubscription: React.FC<CurrentSubscriptionProps> = ({
   const mainItem = subscription.items?.[0]
   const planName = mainItem?.product?.name || subscription.planId || 'Unknown Plan'
   const planDescription = mainItem?.description || ''
-  
+
   // Parse credits from description (e.g., "Pro - 1000 credits/month")
   const creditsMatch = planDescription.match(/(\d+)\s*credits/)
   const creditsPerMonth = creditsMatch ? parseInt(creditsMatch[1], 10) : subscription.creditsPerMonth
-  
+
   // Get billing period dates
   const periodStart = subscription.currentBillingPeriod?.startsAt || subscription.currentPeriodStart
   const periodEnd = subscription.currentBillingPeriod?.endsAt || subscription.currentPeriodEnd
-  
+
   // Check for scheduled cancellation
   const isCanceling = subscription.scheduledChange?.action === 'cancel' || subscription.cancelAtPeriodEnd
 
   // Format price
-  const price = mainItem?.unitPrice 
+  const price = mainItem?.unitPrice
     ? `$${(parseInt(mainItem.unitPrice.amount, 10) / 100).toFixed(2)}`
     : null
   const billingInterval = mainItem?.billingCycle?.interval || 'month'

libs/remix-ui/billing/src/lib/components/feature-access-products-view.tsx

@@ -50,16 +50,16 @@ export const FeatureAccessProductsView: React.FC<FeatureAccessProductsViewProps>
 
   // Check if user has active membership for a feature group
   const hasActiveMembership = (featureGroup: string) => {
-    return memberships.some(m => 
-      m.featureGroup === featureGroup && 
+    return memberships.some(m =>
+      m.featureGroup === featureGroup &&
       m.status === 'active'
     )
   }
 
   // Get the user's active membership for a feature group
   const getActiveMembership = (featureGroup: string) => {
-    return memberships.find(m => 
-      m.featureGroup === featureGroup && 
+    return memberships.find(m =>
+      m.featureGroup === featureGroup &&
       m.status === 'active'
     )
   }
@@ -71,7 +71,7 @@ export const FeatureAccessProductsView: React.FC<FeatureAccessProductsViewProps>
           // Check if user already has access to the primary feature group
           const hasAccess = hasActiveMembership(product.featureGroup)
           const activeMembership = getActiveMembership(product.featureGroup)
-          
+
           // Get price ID from providers array (if available)
           const paddleProvider = product.providers?.find(p => p.slug === 'paddle' && p.isActive)
           const priceId = paddleProvider?.priceId || null
@@ -89,15 +89,15 @@ export const FeatureAccessProductsView: React.FC<FeatureAccessProductsViewProps>
                     <small><i className="fas fa-unlock me-1"></i>Access Granted</small>
                   </div>
                 )}
-                
+
                 <div className="card-body d-flex flex-column">
                   <div className="d-flex justify-content-between align-items-start mb-2">
                     <h5 className="card-title mb-0">{product.name}</h5>
                     {product.isRecurring && (
                       <span className="badge bg-info">Subscription</span>
                     )}
                   </div>
-                  
+
                   <p className="card-text text-muted small mb-3">
                     {product.description}
                   </p>

libs/remix-ui/billing/src/lib/components/purchase-button.tsx

@@ -17,14 +17,14 @@ export const PurchaseButton: React.FC<PurchaseButtonProps> = ({
   const getButtonClass = () => {
     const base = 'btn w-100'
     switch (variant) {
-      case 'primary':
-        return `${base} btn-primary`
-      case 'secondary':
-        return `${base} btn-secondary`
-      case 'outline':
-        return `${base} btn-outline-primary`
-      default:
-        return `${base} btn-primary`
+    case 'primary':
+      return `${base} btn-primary`
+    case 'secondary':
+      return `${base} btn-secondary`
+    case 'outline':
+      return `${base} btn-outline-primary`
+    default:
+      return `${base} btn-primary`
     }
   }
 

libs/remix-ui/billing/src/lib/components/subscription-plans-view.tsx

@@ -66,7 +66,7 @@ export const SubscriptionPlansView: React.FC<SubscriptionPlansViewProps> = ({
                     <small><i className="fas fa-check me-1"></i>Current Plan</small>
                   </div>
                 )}
-                
+
                 <div className="card-body d-flex flex-column">
                   <h5 className="card-title">{plan.name}</h5>
                   <p className="card-text text-muted small">

libs/remix-ui/billing/src/lib/paddle-singleton.ts

@@ -1,6 +1,6 @@
 /**
  * Paddle.js Singleton
- * 
+ *
  * Ensures only one Paddle instance is initialized across the application.
  * Provides event subscription mechanism for checkout events.
  */
@@ -19,14 +19,14 @@ interface PaddleCache {
 // Global singleton storage
 const globalRef = globalThis as unknown as { __paddleSingleton?: PaddleCache }
 if (!globalRef.__paddleSingleton) {
-  globalRef.__paddleSingleton = { listeners: [] }
+  globalRef.__paddleSingleton = { listeners: []}
 }
 const cache = globalRef.__paddleSingleton
 
 /**
  * Build unique cache key from environment and token
  */
-const buildKey = (env: Environment, token: string) => 
+const buildKey = (env: Environment, token: string) =>
   `${String(env).toLowerCase().trim()}:${String(token).trim()}`
 
 /**
@@ -79,9 +79,9 @@ function logPaddleScriptTags(): void {
 function debugPaddleStatus(): void {
   const w = globalThis as { Paddle?: Paddle }
   const hasGlobal = !!w.Paddle
-  console.log('[Paddle][debug] key:', cache.key, 
-    'hasInstance:', !!cache.instance, 
-    'hasPromise:', !!cache.promise, 
+  console.log('[Paddle][debug] key:', cache.key,
+    'hasInstance:', !!cache.instance,
+    'hasPromise:', !!cache.promise,
     'globalThis.Paddle:', hasGlobal)
   logPaddleScriptTags()
 }
@@ -110,13 +110,13 @@ function waitForPaddle(timeoutMs = 10000, intervalMs = 50): Promise<Paddle> {
 
 /**
  * Initialize Paddle with the given client token
- * 
+ *
  * @param token - Paddle client-side token
  * @param environment - 'sandbox' for testing, 'production' for live
  * @returns Promise resolving to Paddle instance
  */
 export async function initPaddle(
-  token: string, 
+  token: string,
   environment: Environment = 'sandbox'
 ): Promise<Paddle> {
   if (!token) {
@@ -181,10 +181,10 @@ export async function initPaddle(
 
 /**
  * Open Paddle checkout overlay with a transaction ID
- * 
+ *
  * The transactionId should be obtained from your backend API which creates
  * the transaction with customData (userId, etc.) already set.
- * 
+ *
  * @param paddle - Paddle instance
  * @param transactionId - Transaction ID from backend (e.g., "txn_01abc123...")
  * @param options - Additional checkout options
@@ -225,10 +225,10 @@ export function openCheckoutWithTransaction(
 
 /**
  * Open Paddle checkout overlay with a price ID (direct checkout)
- * 
+ *
  * NOTE: This bypasses the backend and won't include customData like userId.
  * Prefer using openCheckoutWithTransaction() with a backend-created transaction.
- * 
+ *
  * @param paddle - Paddle instance
  * @param priceId - Paddle price ID (e.g., "pri_01abc123...")
  * @param options - Additional checkout options