@superleapai/flow-ui 2.1.1 → 2.2.2

package/index.js

@@ -123,64 +123,12 @@
       };
     }
   } else if (isBrowser) {
-    // Browser environment - load all scripts dynamically
-    console.log("[Superleap-Flow] Initializing library...");
+    // Browser environment - when bundled by Rollup, all components are already loaded
+    // When loaded directly (not bundled), this won't execute as all components are in same file
 
     // Internal component storage (keeps components in closure)
     const _components = {};
 
-    // Get the script's base path
-    const scripts = document.getElementsByTagName("script");
-    const currentScript = scripts[scripts.length - 1];
-    const basePath = currentScript.src.substring(
-      0,
-      currentScript.src.lastIndexOf("/") + 1
-    );
-
-    // List of scripts to load in order
-    const scriptsToLoad = [
-      // Load SuperLeap SDK first
-      "https://cdn.jsdelivr.net/npm/superleap-sdk@2.4.1/superleap.js",
-      "core/superleapClient.js",
-      "core/bridge.js",
-      "core/crm.js",
-      "components/toast.js",
-      "components/alert.js",
-      "components/label.js",
-      "core/flow.js",
-      "components/button.js",
-      "components/spinner.js",
-      "components/popover.js",
-      "components/select.js",
-      "components/enum-select.js",
-      "components/record-select.js",
-      "components/record-multiselect.js",
-      "components/time-picker.js",
-      "components/input.js",
-      "components/currency.js",
-      "components/textarea.js",
-      "components/duration/duration-utils.js",
-      "components/duration/duration-constants.js",
-      "components/duration/duration.js",
-      "components/date-time-picker/date-time-picker-utils.js",
-      "components/date-time-picker/date-time-picker.js",
-      "components/enumeration.js",
-      "components/multiselect.js",
-      "components/enum-multiselect.js",
-      "components/badge.js",
-      "components/avatar.js",
-      "components/icon.js",
-      "components/file-input.js",
-      "components/phone-input/phone-utils.js",
-      "components/phone-input/phone-input.js",
-      "components/checkbox.js",
-      "components/radio-group.js",
-      "components/table.js",
-    ];
-
-    // Load scripts sequentially
-    let loadedCount = 0;
-
     // Capture components from global scope into internal storage
     function captureComponents() {
       const componentNames = [
@@ -269,50 +217,25 @@
       }
     }
 
-    function loadScript(index) {
-      if (index >= scriptsToLoad.length) {
-        console.log("[Superleap-Flow] All components loaded successfully");
-
-        // Capture components into internal storage (also sets window.SuperLeap)
-        captureComponents();
-
-        // Dispatch custom event when library is ready
-        if (typeof CustomEvent !== "undefined") {
-          const event = new CustomEvent("superleap-flow:ready", {
-            detail: {
-              FlowUI: window.FlowUI,
-              SuperLeap: window.SuperLeap,
-              components: _components,
-            },
-          });
-          document.dispatchEvent(event);
-        }
-        return;
-      }
+    // When bundled, all components are already loaded - just capture and emit ready event
+    // Execute immediately (synchronously)
+    captureComponents();
 
-      const script = document.createElement("script");
-      // Handle CDN URLs vs local paths
-      const scriptPath = scriptsToLoad[index];
-      script.src = scriptPath.startsWith("http")
-        ? scriptPath
-        : basePath + scriptPath;
-      script.async = false; // Ensure sequential loading
-
-      script.onload = function () {
-        loadedCount++;
-        loadScript(index + 1);
-      };
-
-      script.onerror = function () {
-        console.error("[Superleap-Flow] Failed to load:", scriptsToLoad[index]);
-        loadScript(index + 1); // Continue loading other scripts
-      };
-
-      document.head.appendChild(script);
+    // Dispatch custom event when library is ready
+    if (typeof CustomEvent !== "undefined" && typeof document !== "undefined") {
+      // Use setTimeout to ensure this runs after all IIFEs have executed
+      setTimeout(function() {
+        const event = new CustomEvent("superleap-flow:ready", {
+          detail: {
+            FlowUI: window.FlowUI,
+            SuperLeap: window.SuperLeap,
+            components: _components,
+          },
+        });
+        document.dispatchEvent(event);
+        console.log("[Superleap-Flow] Library ready - v2.2.1");
+      }, 0);
     }
-
-    // Start loading scripts
-    loadScript(0);
   }
 
   // ES Module export (for bundlers like webpack, rollup, vite)

package/package.json

@@ -1,10 +1,12 @@
 {
   "name": "@superleapai/flow-ui",
-  "version": "2.1.1",
+  "version": "2.2.2",
   "description": "A reusable design system for building multi-step forms with comprehensive UI components. Single file, clean globals, SDK included. Only FlowUI and SuperLeap exposed.",
-  "main": "index.js",
+  "main": "dist/superleap-flow.min.js",
   "types": "index.d.ts",
-  "browser": "index.js",
+  "browser": "dist/superleap-flow.min.js",
+  "unpkg": "dist/superleap-flow.min.js",
+  "jsdelivr": "dist/superleap-flow.min.js",
   "files": [
     "core/",
     "components/",
@@ -17,9 +19,14 @@
     "CHANGELOG.md"
   ],
   "scripts": {
+    "build": "npm run build:js && npm run build:css",
+    "build:js": "rollup -c",
+    "build:js:dev": "BUILD=development rollup -c",
+    "build:js:prod": "BUILD=production rollup -c",
     "build:css": "npx tailwindcss -i ./tailwind-input.css -o ./dist/output.css --minify",
+    "watch": "rollup -c -w",
     "watch:css": "npx tailwindcss -i ./tailwind-input.css -o ./dist/output.css --watch",
-    "prepublishOnly": "npm run build:css"
+    "prepublishOnly": "npm run build"
   },
   "keywords": [
     "ui",
@@ -61,6 +68,10 @@
     "tailwindcss": "^3.0.0"
   },
   "devDependencies": {
+    "@rollup/plugin-terser": "^0.4.4",
+    "glob": "^13.0.2",
+    "rollup": "^4.57.1",
+    "superleap-sdk": "^2.4.1",
     "tailwindcss": "^3.4.0",
     "tailwindcss-animate": "^1.0.7"
   }