Integrate license status caching in UI context. Updated App.js to set cached license status during initialization, enhancing license management. Refactored gate.js to clarify license status handling and improve logging context for better debugging.

Author: basiclines

src/App.js

@@ -5,6 +5,7 @@ import 'src/ui/FigmaUI.css'
 import Tracking from 'src/utils/Tracking'
 import Router from 'src/utils/Router'
 import Element from 'src/ui/Element'
+import { setCachedLicenseStatus } from 'src/payments/gate'
 
 import 'src/ui/components/toolbar/ToolbarComponent'
 import 'src/ui/views/form/FormView'
@@ -21,6 +22,10 @@ class ui extends Element {
 			if (msg.type == 'init-hidden' || msg.type == 'init' || msg.type == 'init-direct') {
 				this.data.preferences = msg.preferences
 				this.data.license = msg.license
+				
+				// Update UI context license cache (separate from Core.js context)
+				setCachedLicenseStatus(msg.license)
+				
 				Tracking.setup(WP_AMPLITUDE_KEY, msg.UUID)
 				Tracking.track('openPlugin', { cmd: msg.cmd })
 			}

src/payments/gate.js

@@ -1,5 +1,5 @@
-// License gate - Now checks actual stored license
-// Global license state loaded on plugin init
+// License gate - Manages license status in current JavaScript context
+// Note: Core.js (main thread) and UI (iframe) have separate instances of this cache
 let cachedLicenseStatus = null
 
 function getRandomIntInclusive(min, max) {
@@ -9,13 +9,15 @@ function getRandomIntInclusive(min, max) {
 
 export function setCachedLicenseStatus(license) {
   cachedLicenseStatus = license
-  console.log('[Gate] License status updated:', license ? 'LICENSED' : 'UNLICENSED')
+  const context = typeof figma !== 'undefined' ? 'Core' : 'UI'
+  console.log(`[Gate:${context}] License status updated:`, license ? 'LICENSED' : 'UNLICENSED')
 }
 
 export function shouldShowCountdown() {
-  // Check actual license status
+  // Check actual license status in current context
   const isLicensed = cachedLicenseStatus && cachedLicenseStatus.licensed
-  console.log('[Gate] shouldShowCountdown:', !isLicensed, 'cached license:', cachedLicenseStatus)
+  const context = typeof figma !== 'undefined' ? 'Core' : 'UI'
+  console.log(`[Gate:${context}] shouldShowCountdown:`, !isLicensed, 'cached license:', cachedLicenseStatus)
   return !isLicensed
 }