npm - fluxy-bot - Versions diffs - 0.3.10 → 0.3.12 - Mend

fluxy-bot 0.3.10 → 0.3.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/dist-fluxy/assets/{fluxy-BHtLCJ52.js → fluxy-CJQXNGIn.js} +16 -16
package/dist-fluxy/fluxy.html +1 -7
package/package.json +1 -1
package/supervisor/chat/fluxy-main.tsx +73 -49
package/supervisor/chat/fluxy.html +0 -6
package/supervisor/widget.js +25 -2
package/workspace/client/index.html +6 -1
package/{dist-fluxy → workspace/client/public}/manifest.json +1 -1
package/workspace/client/public/sw.js +4 -0
package/supervisor/chat/public/manifest.json +0 -21

package/dist-fluxy/fluxy.html CHANGED Viewed

@@ -3,14 +3,8 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, interactive-widget=resizes-content" />
-    <meta name="theme-color" content="#212121" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
-    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
-    <meta name="apple-mobile-web-app-title" content="Fluxy" />
-    <link rel="apple-touch-icon" href="/fluxy_frame1.png" />
-    <link rel="manifest" href="/fluxy/manifest.json" />
     <title>Fluxy Chat</title>
-    <script type="module" crossorigin src="/fluxy/assets/fluxy-BHtLCJ52.js"></script>
+    <script type="module" crossorigin src="/fluxy/assets/fluxy-CJQXNGIn.js"></script>
     <link rel="modulepreload" crossorigin href="/fluxy/assets/globals-rUljfzoe.js">
     <link rel="stylesheet" crossorigin href="/fluxy/assets/globals-BfWXHFxc.css">
   </head>

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "fluxy-bot",
-  "version": "0.3.10",
+  "version": "0.3.12",
   "description": "Self-hosted AI bot — run your own AI assistant from anywhere",
   "type": "module",
   "license": "MIT",

package/supervisor/chat/fluxy-main.tsx CHANGED Viewed

@@ -22,19 +22,21 @@ function FluxyApp() {
   const wasConnected = useRef(false);
   // Install App (PWA)
-  const [installPrompt, setInstallPrompt] = useState<any>(null);
   const [showIosModal, setShowIosModal] = useState(false);
   const isIos = /iPad|iPhone|iPod/.test(navigator.userAgent);
   const isStandalone = window.matchMedia('(display-mode: standalone)').matches || (navigator as any).standalone;
+  const isMobile = /Android|iPhone|iPad|iPod|webOS|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+  const isInIframe = window.self !== window.top;
-  // Capture the beforeinstallprompt event (Android/Chrome)
+  // Listen for install result from parent (when in iframe)
   useEffect(() => {
-    const handler = (e: Event) => {
-      e.preventDefault();
-      setInstallPrompt(e);
+    const handler = (e: MessageEvent) => {
+      if (e.data?.type === 'fluxy:show-ios-install') {
+        setShowIosModal(true);
+      }
     };
-    window.addEventListener('beforeinstallprompt', handler);
-    return () => window.removeEventListener('beforeinstallprompt', handler);
+    window.addEventListener('message', handler);
+    return () => window.removeEventListener('message', handler);
   }, []);
   // Auth state
@@ -218,18 +220,15 @@ function FluxyApp() {
                 <Trash2 className="h-4 w-4" />
                 Clear context
               </button>
-              {!isStandalone && (
+              {isMobile && !isStandalone && (
                 <button
-                  onClick={async () => {
+                  onClick={() => {
                     setMenuOpen(false);
-                    if (installPrompt) {
-                      installPrompt.prompt();
-                      const result = await installPrompt.userChoice;
-                      if (result.outcome === 'accepted') setInstallPrompt(null);
-                    } else if (isIos) {
-                      setShowIosModal(true);
+                    if (isInIframe) {
+                      // Ask parent window to handle install
+                      window.parent.postMessage({ type: 'fluxy:install-app' }, '*');
                     } else {
-                      // Fallback: try prompt anyway (some browsers)
+                      // Direct page — show iOS instructions (beforeinstallprompt won't help here)
                       setShowIosModal(true);
                     }
                   }}
@@ -285,45 +284,70 @@ function FluxyApp() {
             </div>
             <div className="px-5 pb-6 pt-1">
               <p className="text-white/50 text-[13px] mb-5 leading-relaxed">
-                {isIos
-                  ? 'Add Fluxy to your home screen for a full-screen app experience.'
-                  : 'Install Fluxy as an app on your device.'}
+                Add Fluxy to your home screen for a full-screen app experience.
               </p>
-              <div className="space-y-3.5">
-                <div className="flex items-start gap-3">
-                  <span className="flex-shrink-0 w-7 h-7 rounded-full bg-[#007AFF]/15 text-[#007AFF] text-[13px] font-semibold flex items-center justify-center mt-0.5">1</span>
-                  <div className="flex-1">
-                    <p className="text-white text-[14px] font-medium">
-                      Tap the Share button
-                    </p>
-                    <p className="text-white/40 text-[12px] mt-0.5 flex items-center gap-1.5">
-                      The <Share className="h-3.5 w-3.5 inline" /> icon at the bottom of Safari
-                    </p>
+              {isIos ? (
+                <div className="space-y-3.5">
+                  <div className="flex items-start gap-3">
+                    <span className="flex-shrink-0 w-7 h-7 rounded-full bg-[#007AFF]/15 text-[#007AFF] text-[13px] font-semibold flex items-center justify-center mt-0.5">1</span>
+                    <div className="flex-1">
+                      <p className="text-white text-[14px] font-medium">
+                        Tap the Share button
+                      </p>
+                      <p className="text-white/40 text-[12px] mt-0.5 flex items-center gap-1.5">
+                        The <Share className="h-3.5 w-3.5 inline" /> icon at the bottom of Safari
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div className="flex items-start gap-3">
-                  <span className="flex-shrink-0 w-7 h-7 rounded-full bg-[#007AFF]/15 text-[#007AFF] text-[13px] font-semibold flex items-center justify-center mt-0.5">2</span>
-                  <div className="flex-1">
-                    <p className="text-white text-[14px] font-medium">
-                      Scroll down and tap
-                    </p>
-                    <p className="text-white/40 text-[12px] mt-0.5">
-                      "Add to Home Screen"
-                    </p>
+                  <div className="flex items-start gap-3">
+                    <span className="flex-shrink-0 w-7 h-7 rounded-full bg-[#007AFF]/15 text-[#007AFF] text-[13px] font-semibold flex items-center justify-center mt-0.5">2</span>
+                    <div className="flex-1">
+                      <p className="text-white text-[14px] font-medium">
+                        Scroll down and tap
+                      </p>
+                      <p className="text-white/40 text-[12px] mt-0.5">
+                        "Add to Home Screen"
+                      </p>
+                    </div>
+                  </div>
+                  <div className="flex items-start gap-3">
+                    <span className="flex-shrink-0 w-7 h-7 rounded-full bg-[#007AFF]/15 text-[#007AFF] text-[13px] font-semibold flex items-center justify-center mt-0.5">3</span>
+                    <div className="flex-1">
+                      <p className="text-white text-[14px] font-medium">
+                        Tap "Add"
+                      </p>
+                      <p className="text-white/40 text-[12px] mt-0.5">
+                        Fluxy will appear on your home screen
+                      </p>
+                    </div>
                   </div>
                 </div>
-                <div className="flex items-start gap-3">
-                  <span className="flex-shrink-0 w-7 h-7 rounded-full bg-[#007AFF]/15 text-[#007AFF] text-[13px] font-semibold flex items-center justify-center mt-0.5">3</span>
-                  <div className="flex-1">
-                    <p className="text-white text-[14px] font-medium">
-                      Tap "Add"
-                    </p>
-                    <p className="text-white/40 text-[12px] mt-0.5">
-                      Fluxy will appear on your home screen
-                    </p>
+              ) : (
+                <div className="space-y-3.5">
+                  <div className="flex items-start gap-3">
+                    <span className="flex-shrink-0 w-7 h-7 rounded-full bg-[#007AFF]/15 text-[#007AFF] text-[13px] font-semibold flex items-center justify-center mt-0.5">1</span>
+                    <div className="flex-1">
+                      <p className="text-white text-[14px] font-medium">
+                        Open browser menu
+                      </p>
+                      <p className="text-white/40 text-[12px] mt-0.5">
+                        Tap the three-dot menu in your browser
+                      </p>
+                    </div>
+                  </div>
+                  <div className="flex items-start gap-3">
+                    <span className="flex-shrink-0 w-7 h-7 rounded-full bg-[#007AFF]/15 text-[#007AFF] text-[13px] font-semibold flex items-center justify-center mt-0.5">2</span>
+                    <div className="flex-1">
+                      <p className="text-white text-[14px] font-medium">
+                        Tap "Install app" or "Add to Home screen"
+                      </p>
+                      <p className="text-white/40 text-[12px] mt-0.5">
+                        Fluxy will be installed as a standalone app
+                      </p>
+                    </div>
                   </div>
                 </div>
-              </div>
+              )}
               <button
                 onClick={() => setShowIosModal(false)}
                 className="w-full mt-5 py-2.5 bg-white/[0.06] hover:bg-white/[0.1] text-white text-[14px] font-medium rounded-xl transition-colors"

package/supervisor/chat/fluxy.html CHANGED Viewed

@@ -3,12 +3,6 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, interactive-widget=resizes-content" />
-    <meta name="theme-color" content="#212121" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
-    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
-    <meta name="apple-mobile-web-app-title" content="Fluxy" />
-    <link rel="apple-touch-icon" href="/fluxy_frame1.png" />
-    <link rel="manifest" href="/fluxy/manifest.json" />
     <title>Fluxy Chat</title>
   </head>
   <body class="bg-background text-foreground">

package/supervisor/widget.js CHANGED Viewed

@@ -73,9 +73,32 @@
     if (e.key === 'Escape' && isOpen) toggle();
   });
-  // Close from iframe (e.g. close button inside chat)
+  // ── PWA Install ──
+  var deferredInstallPrompt = null;
+  window.addEventListener('beforeinstallprompt', function (e) {
+    e.preventDefault();
+    deferredInstallPrompt = e;
+  });
+  // Handle messages from iframe
   window.addEventListener('message', function (e) {
-    if (e.data && e.data.type === 'fluxy:close' && isOpen) toggle();
+    if (!e.data || !e.data.type) return;
+    // Close chat panel
+    if (e.data.type === 'fluxy:close' && isOpen) toggle();
+    // Install App request from chat iframe
+    if (e.data.type === 'fluxy:install-app') {
+      if (deferredInstallPrompt) {
+        deferredInstallPrompt.prompt();
+        deferredInstallPrompt.userChoice.then(function (result) {
+          if (result.outcome === 'accepted') deferredInstallPrompt = null;
+        });
+      } else {
+        // No native prompt available — tell chat to show instructions modal
+        iframe.contentWindow.postMessage({ type: 'fluxy:show-ios-install' }, '*');
+      }
+    }
   });
   // Restore open state after HMR reload (so chat isn't disrupted)

package/workspace/client/index.html CHANGED Viewed

@@ -4,6 +4,11 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, interactive-widget=resizes-content" />
     <meta name="theme-color" content="#212121" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+    <meta name="apple-mobile-web-app-title" content="Fluxy" />
+    <link rel="apple-touch-icon" href="/fluxy_frame1.png" />
+    <link rel="manifest" href="/manifest.json" />
     <title>Fluxy</title>
   </head>
   <body class="bg-background text-foreground">
@@ -25,7 +30,7 @@
       });
     </script>
     <script type="module" src="/src/main.tsx"></script>
-    <script>if('serviceWorker' in navigator){navigator.serviceWorker.getRegistrations().then(r=>r.forEach(w=>w.unregister()))}</script>
+    <script>if('serviceWorker' in navigator){navigator.serviceWorker.register('/sw.js')}</script>
     <script src="/fluxy/widget.js"></script>
   </body>
 </html>

package/{dist-fluxy → workspace/client/public}/manifest.json RENAMED Viewed

@@ -2,7 +2,7 @@
   "name": "Fluxy",
   "short_name": "Fluxy",
   "description": "Your AI assistant",
-  "start_url": "/fluxy/fluxy.html",
+  "start_url": "/",
   "display": "standalone",
   "background_color": "#212121",
   "theme_color": "#212121",

package/workspace/client/public/sw.js ADDED Viewed

@@ -0,0 +1,4 @@
+// Minimal service worker — required for PWA installability
+self.addEventListener('install', () => self.skipWaiting());
+self.addEventListener('activate', (e) => e.waitUntil(self.clients.claim()));
+self.addEventListener('fetch', () => {});

package/supervisor/chat/public/manifest.json DELETED Viewed

@@ -1,21 +0,0 @@
-{
-  "name": "Fluxy",
-  "short_name": "Fluxy",
-  "description": "Your AI assistant",
-  "start_url": "/fluxy/fluxy.html",
-  "display": "standalone",
-  "background_color": "#212121",
-  "theme_color": "#212121",
-  "icons": [
-    {
-      "src": "/fluxy_frame1.png",
-      "sizes": "192x192",
-      "type": "image/png"
-    },
-    {
-      "src": "/fluxy_frame1.png",
-      "sizes": "512x512",
-      "type": "image/png"
-    }
-  ]
-}