@followgate/js 0.8.2 → 0.9.0

package/dist/index.d.mts

@@ -26,7 +26,6 @@ interface FollowGateConfig {
     onComplete?: () => void;
     theme?: 'dark' | 'light';
     accentColor?: string;
-    allowSkip?: boolean;
 }
 /**
  * SDK Error class with helpful messages
@@ -84,6 +83,8 @@ interface VerificationStatus {
  */
 declare class FollowGateClient {
     private config;
+    private serverConfig;
+    private configFetched;
     private listeners;
     private currentUser;
     private completedActions;
@@ -93,11 +94,15 @@ declare class FollowGateClient {
      * Initialize the SDK
      */
     init(config: FollowGateConfig): void;
+    /**
+     * Fetch app configuration from server
+     */
+    private fetchServerConfig;
     /**
      * Show the FollowGate modal
      * If user is already unlocked, calls onComplete immediately
      */
-    show(): void;
+    show(): Promise<void>;
     /**
      * Hide the modal
      */

package/dist/index.d.ts

@@ -26,7 +26,6 @@ interface FollowGateConfig {
     onComplete?: () => void;
     theme?: 'dark' | 'light';
     accentColor?: string;
-    allowSkip?: boolean;
 }
 /**
  * SDK Error class with helpful messages
@@ -84,6 +83,8 @@ interface VerificationStatus {
  */
 declare class FollowGateClient {
     private config;
+    private serverConfig;
+    private configFetched;
     private listeners;
     private currentUser;
     private completedActions;
@@ -93,11 +94,15 @@ declare class FollowGateClient {
      * Initialize the SDK
      */
     init(config: FollowGateConfig): void;
+    /**
+     * Fetch app configuration from server
+     */
+    private fetchServerConfig;
     /**
      * Show the FollowGate modal
      * If user is already unlocked, calls onComplete immediately
      */
-    show(): void;
+    show(): Promise<void>;
     /**
      * Hide the modal
      */

package/dist/index.js

@@ -464,6 +464,8 @@ var ICONS = {
 };
 var FollowGateClient = class {
   config = null;
+  serverConfig = null;
+  configFetched = false;
   listeners = /* @__PURE__ */ new Map();
   currentUser = null;
   completedActions = [];
@@ -525,11 +527,46 @@ var FollowGateClient = class {
   // ============================================
   // Modal UI Methods
   // ============================================
+  /**
+   * Fetch app configuration from server
+   */
+  async fetchServerConfig() {
+    if (!this.config || this.configFetched) return;
+    try {
+      const response = await fetch(`${this.config.apiUrl}/api/v1/config`, {
+        headers: {
+          Authorization: `Bearer ${this.config.apiKey}`
+        }
+      });
+      if (response.ok) {
+        const data = await response.json();
+        if (data.success && data.data) {
+          this.serverConfig = data.data;
+          if (this.config.debug) {
+            console.log(
+              "[FollowGate] Server config loaded:",
+              this.serverConfig
+            );
+          }
+        }
+      } else if (this.config.debug) {
+        console.warn(
+          "[FollowGate] Failed to fetch server config:",
+          response.status
+        );
+      }
+    } catch (error) {
+      if (this.config.debug) {
+        console.warn("[FollowGate] Failed to fetch server config:", error);
+      }
+    }
+    this.configFetched = true;
+  }
   /**
    * Show the FollowGate modal
    * If user is already unlocked, calls onComplete immediately
    */
-  show() {
+  async show() {
     if (!this.config) {
       throw new Error("[FollowGate] SDK not initialized. Call init() first.");
     }
@@ -540,6 +577,7 @@ var FollowGateClient = class {
       this.config.onComplete?.();
       return;
     }
+    await this.fetchServerConfig();
     this.injectStyles();
     this.createModal();
   }
@@ -669,7 +707,7 @@ var FollowGateClient = class {
         </button>
       </div>
       <p class="fg-hint">A new window will open. Return here after following.</p>
-      ${this.config.allowSkip ? '<span class="fg-skip-link" id="fg-skip-follow">skip this step</span>' : ""}
+      ${this.serverConfig?.allowSkip ? '<span class="fg-skip-link" id="fg-skip-follow">skip this step</span>' : ""}
     `;
     document.getElementById("fg-follow-btn")?.addEventListener("click", () => {
       this.handleFollowClick();
@@ -780,7 +818,7 @@ var FollowGateClient = class {
         </button>
       </div>
       <p class="fg-hint">A new window will open. Return here after reposting.</p>
-      ${this.config.allowSkip ? '<span class="fg-skip-link" id="fg-skip-repost">skip this step</span>' : ""}
+      ${this.serverConfig?.allowSkip ? '<span class="fg-skip-link" id="fg-skip-repost">skip this step</span>' : ""}
     `;
     document.getElementById("fg-repost-btn")?.addEventListener("click", () => {
       this.handleRepostClick();

package/dist/index.mjs

@@ -438,6 +438,8 @@ var ICONS = {
 };
 var FollowGateClient = class {
   config = null;
+  serverConfig = null;
+  configFetched = false;
   listeners = /* @__PURE__ */ new Map();
   currentUser = null;
   completedActions = [];
@@ -499,11 +501,46 @@ var FollowGateClient = class {
   // ============================================
   // Modal UI Methods
   // ============================================
+  /**
+   * Fetch app configuration from server
+   */
+  async fetchServerConfig() {
+    if (!this.config || this.configFetched) return;
+    try {
+      const response = await fetch(`${this.config.apiUrl}/api/v1/config`, {
+        headers: {
+          Authorization: `Bearer ${this.config.apiKey}`
+        }
+      });
+      if (response.ok) {
+        const data = await response.json();
+        if (data.success && data.data) {
+          this.serverConfig = data.data;
+          if (this.config.debug) {
+            console.log(
+              "[FollowGate] Server config loaded:",
+              this.serverConfig
+            );
+          }
+        }
+      } else if (this.config.debug) {
+        console.warn(
+          "[FollowGate] Failed to fetch server config:",
+          response.status
+        );
+      }
+    } catch (error) {
+      if (this.config.debug) {
+        console.warn("[FollowGate] Failed to fetch server config:", error);
+      }
+    }
+    this.configFetched = true;
+  }
   /**
    * Show the FollowGate modal
    * If user is already unlocked, calls onComplete immediately
    */
-  show() {
+  async show() {
     if (!this.config) {
       throw new Error("[FollowGate] SDK not initialized. Call init() first.");
     }
@@ -514,6 +551,7 @@ var FollowGateClient = class {
       this.config.onComplete?.();
       return;
     }
+    await this.fetchServerConfig();
     this.injectStyles();
     this.createModal();
   }
@@ -643,7 +681,7 @@ var FollowGateClient = class {
         </button>
       </div>
       <p class="fg-hint">A new window will open. Return here after following.</p>
-      ${this.config.allowSkip ? '<span class="fg-skip-link" id="fg-skip-follow">skip this step</span>' : ""}
+      ${this.serverConfig?.allowSkip ? '<span class="fg-skip-link" id="fg-skip-follow">skip this step</span>' : ""}
     `;
     document.getElementById("fg-follow-btn")?.addEventListener("click", () => {
       this.handleFollowClick();
@@ -754,7 +792,7 @@ var FollowGateClient = class {
         </button>
       </div>
       <p class="fg-hint">A new window will open. Return here after reposting.</p>
-      ${this.config.allowSkip ? '<span class="fg-skip-link" id="fg-skip-repost">skip this step</span>' : ""}
+      ${this.serverConfig?.allowSkip ? '<span class="fg-skip-link" id="fg-skip-repost">skip this step</span>' : ""}
     `;
     document.getElementById("fg-repost-btn")?.addEventListener("click", () => {
       this.handleRepostClick();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@followgate/js",
-  "version": "0.8.2",
+  "version": "0.9.0",
   "description": "FollowGate SDK - Grow your audience with every download. Require social actions (follow, repost) before users can access your app.",
   "author": "FollowGate <hello@followgate.app>",
   "homepage": "https://followgate.app",