@followgate/js 0.9.6 → 0.10.1

package/dist/index.d.mts

@@ -105,8 +105,9 @@ declare class FollowGateClient {
     show(): Promise<void>;
     /**
      * Hide the modal
+     * @param cancelled - If true, redirect to cancelUrl if configured
      */
-    hide(): void;
+    hide(cancelled?: boolean): void;
     private injectStyles;
     private createModal;
     private getContentElement;
@@ -181,6 +182,10 @@ declare class FollowGateClient {
     private buildLinkedInUrl;
     private trackEvent;
     private emit;
+    /**
+     * Escape HTML to prevent XSS
+     */
+    private escapeHtml;
 }
 declare const FollowGate: FollowGateClient;
 

package/dist/index.d.ts

@@ -105,8 +105,9 @@ declare class FollowGateClient {
     show(): Promise<void>;
     /**
      * Hide the modal
+     * @param cancelled - If true, redirect to cancelUrl if configured
      */
-    hide(): void;
+    hide(cancelled?: boolean): void;
     private injectStyles;
     private createModal;
     private getContentElement;
@@ -181,6 +182,10 @@ declare class FollowGateClient {
     private buildLinkedInUrl;
     private trackEvent;
     private emit;
+    /**
+     * Escape HTML to prevent XSS
+     */
+    private escapeHtml;
 }
 declare const FollowGate: FollowGateClient;
 

package/dist/index.js

@@ -518,6 +518,8 @@ var FollowGateClient = class {
       theme: config.theme || "dark",
       accentColor: config.accentColor || "#6366f1"
     };
+    this.serverConfig = null;
+    this.configFetched = false;
     this.restoreSession();
     if (config.debug) {
       console.log("[FollowGate] Initialized with appId:", config.appId);
@@ -585,8 +587,9 @@ var FollowGateClient = class {
   }
   /**
    * Hide the modal
+   * @param cancelled - If true, redirect to cancelUrl if configured
    */
-  hide() {
+  hide(cancelled = false) {
     if (this.modalElement) {
       this.modalElement.classList.remove("fg-visible");
       setTimeout(() => {
@@ -594,6 +597,9 @@ var FollowGateClient = class {
         this.modalElement = null;
       }, 300);
     }
+    if (cancelled && this.serverConfig?.cancelUrl) {
+      window.location.href = this.serverConfig.cancelUrl;
+    }
   }
   injectStyles() {
     if (this.stylesInjected) return;
@@ -646,6 +652,8 @@ var FollowGateClient = class {
     const handle = this.serverConfig?.targetHandle || this.config?.twitter?.handle;
     const hasRepost = !!this.config?.twitter?.tweetId;
     const allowSkip = this.serverConfig?.allowSkip ?? false;
+    const welcomeTitle = this.serverConfig?.welcomeTitle || "Unlock Free Access";
+    const welcomeMessage = this.serverConfig?.welcomeMessage || "Enter your X username to get started";
     let explanationText = handle ? `Complete a quick follow${hasRepost ? " & repost" : ""} on X for @${handle} to unlock access.` : `Complete a quick social action to unlock access.`;
     if (allowSkip) {
       explanationText += ` You can skip if you prefer, but it helps support the developer.`;
@@ -654,8 +662,8 @@ var FollowGateClient = class {
       <div class="fg-icon-box">
         ${ICONS.x}
       </div>
-      <h2 class="fg-title">Unlock Free Access</h2>
-      <p class="fg-subtitle">Enter your X username to get started</p>
+      <h2 class="fg-title">${this.escapeHtml(welcomeTitle)}</h2>
+      <p class="fg-subtitle">${this.escapeHtml(welcomeMessage)}</p>
       <div class="fg-info-box" style="margin-bottom: 20px;">
         <p>${explanationText}</p>
       </div>
@@ -907,8 +915,11 @@ var FollowGateClient = class {
     const content = this.getContentElement();
     if (!content) return;
     const username = this.currentUser?.username;
+    const successTitle = this.serverConfig?.successTitle || "Almost done!";
+    const successMessage = this.serverConfig?.successMessage || null;
     content.innerHTML = `
-      <h2 class="fg-title">Almost done!</h2>
+      <h2 class="fg-title">${this.escapeHtml(successTitle)}</h2>
+      ${successMessage ? `<p class="fg-subtitle" style="margin-bottom: 16px;">${this.escapeHtml(successMessage)}</p>` : ""}
       <div class="fg-verify-box">
         <div class="fg-verify-box-left">
           <div class="fg-verify-spinner"></div>
@@ -971,6 +982,9 @@ var FollowGateClient = class {
     await this.unlock();
     this.hide();
     this.config?.onComplete?.();
+    if (this.serverConfig?.successUrl) {
+      window.location.href = this.serverConfig.successUrl;
+    }
   }
   renderStepIndicator(currentStep) {
     return `
@@ -1390,6 +1404,14 @@ var FollowGateClient = class {
   emit(event, data) {
     this.listeners.get(event)?.forEach((callback) => callback(data));
   }
+  /**
+   * Escape HTML to prevent XSS
+   */
+  escapeHtml(text) {
+    const div = document.createElement("div");
+    div.textContent = text;
+    return div.innerHTML;
+  }
 };
 var FollowGate = new FollowGateClient();
 // Annotate the CommonJS export names for ESM import in node:

package/dist/index.mjs

@@ -492,6 +492,8 @@ var FollowGateClient = class {
       theme: config.theme || "dark",
       accentColor: config.accentColor || "#6366f1"
     };
+    this.serverConfig = null;
+    this.configFetched = false;
     this.restoreSession();
     if (config.debug) {
       console.log("[FollowGate] Initialized with appId:", config.appId);
@@ -559,8 +561,9 @@ var FollowGateClient = class {
   }
   /**
    * Hide the modal
+   * @param cancelled - If true, redirect to cancelUrl if configured
    */
-  hide() {
+  hide(cancelled = false) {
     if (this.modalElement) {
       this.modalElement.classList.remove("fg-visible");
       setTimeout(() => {
@@ -568,6 +571,9 @@ var FollowGateClient = class {
         this.modalElement = null;
       }, 300);
     }
+    if (cancelled && this.serverConfig?.cancelUrl) {
+      window.location.href = this.serverConfig.cancelUrl;
+    }
   }
   injectStyles() {
     if (this.stylesInjected) return;
@@ -620,6 +626,8 @@ var FollowGateClient = class {
     const handle = this.serverConfig?.targetHandle || this.config?.twitter?.handle;
     const hasRepost = !!this.config?.twitter?.tweetId;
     const allowSkip = this.serverConfig?.allowSkip ?? false;
+    const welcomeTitle = this.serverConfig?.welcomeTitle || "Unlock Free Access";
+    const welcomeMessage = this.serverConfig?.welcomeMessage || "Enter your X username to get started";
     let explanationText = handle ? `Complete a quick follow${hasRepost ? " & repost" : ""} on X for @${handle} to unlock access.` : `Complete a quick social action to unlock access.`;
     if (allowSkip) {
       explanationText += ` You can skip if you prefer, but it helps support the developer.`;
@@ -628,8 +636,8 @@ var FollowGateClient = class {
       <div class="fg-icon-box">
         ${ICONS.x}
       </div>
-      <h2 class="fg-title">Unlock Free Access</h2>
-      <p class="fg-subtitle">Enter your X username to get started</p>
+      <h2 class="fg-title">${this.escapeHtml(welcomeTitle)}</h2>
+      <p class="fg-subtitle">${this.escapeHtml(welcomeMessage)}</p>
       <div class="fg-info-box" style="margin-bottom: 20px;">
         <p>${explanationText}</p>
       </div>
@@ -881,8 +889,11 @@ var FollowGateClient = class {
     const content = this.getContentElement();
     if (!content) return;
     const username = this.currentUser?.username;
+    const successTitle = this.serverConfig?.successTitle || "Almost done!";
+    const successMessage = this.serverConfig?.successMessage || null;
     content.innerHTML = `
-      <h2 class="fg-title">Almost done!</h2>
+      <h2 class="fg-title">${this.escapeHtml(successTitle)}</h2>
+      ${successMessage ? `<p class="fg-subtitle" style="margin-bottom: 16px;">${this.escapeHtml(successMessage)}</p>` : ""}
       <div class="fg-verify-box">
         <div class="fg-verify-box-left">
           <div class="fg-verify-spinner"></div>
@@ -945,6 +956,9 @@ var FollowGateClient = class {
     await this.unlock();
     this.hide();
     this.config?.onComplete?.();
+    if (this.serverConfig?.successUrl) {
+      window.location.href = this.serverConfig.successUrl;
+    }
   }
   renderStepIndicator(currentStep) {
     return `
@@ -1364,6 +1378,14 @@ var FollowGateClient = class {
   emit(event, data) {
     this.listeners.get(event)?.forEach((callback) => callback(data));
   }
+  /**
+   * Escape HTML to prevent XSS
+   */
+  escapeHtml(text) {
+    const div = document.createElement("div");
+    div.textContent = text;
+    return div.innerHTML;
+  }
 };
 var FollowGate = new FollowGateClient();
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@followgate/js",
-  "version": "0.9.6",
+  "version": "0.10.1",
   "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",