fluxy-bot 0.2.22 → 0.2.24

package/bin/cli.js

@@ -284,6 +284,7 @@ async function init() {
     'Installing cloudflared',
     'Starting server',
     'Connecting tunnel',
+    'Preparing dashboard',
   ];
 
   const stepper = new Stepper(steps);
@@ -310,6 +311,17 @@ async function init() {
   const { child, tunnelUrl, relayUrl } = result;
   stepper.advance();
 
+  // Warm up Vite by fetching pages (triggers dep pre-bundling)
+  const config = JSON.parse(fs.readFileSync(CONFIG_PATH, 'utf-8'));
+  const localUrl = `http://localhost:${config.port}`;
+  try {
+    await Promise.all([
+      fetch(localUrl + '/').then(r => r.text()),
+      fetch(localUrl + '/fluxy/onboard.html').then(r => r.text()),
+    ]);
+  } catch {}
+  stepper.advance();
+
   stepper.finish();
   finalMessage(tunnelUrl, relayUrl);
 
@@ -330,7 +342,7 @@ async function start() {
 
   banner();
 
-  const steps = ['Loading config', 'Starting server', 'Connecting tunnel'];
+  const steps = ['Loading config', 'Starting server', 'Connecting tunnel', 'Preparing dashboard'];
   const stepper = new Stepper(steps);
   stepper.start();
 
@@ -349,6 +361,17 @@ async function start() {
   const { child, tunnelUrl, relayUrl } = result;
   stepper.advance();
 
+  // Warm up Vite by fetching pages (triggers dep pre-bundling)
+  const cfg = JSON.parse(fs.readFileSync(CONFIG_PATH, 'utf-8'));
+  const local = `http://localhost:${cfg.port}`;
+  try {
+    await Promise.all([
+      fetch(local + '/').then(r => r.text()),
+      fetch(local + '/fluxy/onboard.html').then(r => r.text()),
+    ]);
+  } catch {}
+  stepper.advance();
+
   stepper.finish();
   finalMessage(tunnelUrl, relayUrl);
 

package/client/src/App.tsx

@@ -2,7 +2,6 @@ import { useState, useEffect } from 'react';
 import ErrorBoundary from './components/ErrorBoundary';
 import DashboardLayout from './components/Layout/DashboardLayout';
 import DashboardPage from './components/Dashboard/DashboardPage';
-import OnboardWizard from './components/Onboard/OnboardWizard';
 
 function DashboardError() {
   return (
@@ -56,6 +55,8 @@ export default function App() {
         setRebuildState('error');
         setBuildError(e.data.error || 'Build failed');
         setTimeout(() => setRebuildState('idle'), 5000);
+      } else if (e.data?.type === 'fluxy:onboard-complete') {
+        setShowOnboard(false);
       } else if (e.data?.type === 'fluxy:hmr-update') {
         console.log('[dashboard] File changed — reloading...');
         // Preserve widget open state so chat isn't disrupted
@@ -73,10 +74,6 @@ export default function App() {
     };
   }, []);
 
-  const handleOnboardComplete = () => {
-    setShowOnboard(false);
-  };
-
   return (
     <>
       <ErrorBoundary fallback={<DashboardError />}>
@@ -85,7 +82,12 @@ export default function App() {
         </DashboardLayout>
       </ErrorBoundary>
 
-      {showOnboard && <OnboardWizard onComplete={handleOnboardComplete} />}
+      {showOnboard && (
+        <iframe
+          src="/fluxy/onboard.html"
+          style={{ position: 'fixed', inset: 0, width: '100vw', height: '100dvh', border: 'none', zIndex: 200 }}
+        />
+      )}
 
       {rebuildState !== 'idle' && (
         <div className="fixed inset-0 z-[49] flex flex-col items-center justify-center bg-background/90">

package/package.json

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

package/supervisor/chat/onboard-main.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import OnboardWizard from './OnboardWizard';
+import './src/styles/globals.css';
+
+function App() {
+  const handleComplete = () => {
+    // Notify the parent (dashboard) that onboarding is done
+    window.parent?.postMessage({ type: 'fluxy:onboard-complete' }, '*');
+  };
+
+  return <OnboardWizard onComplete={handleComplete} />;
+}
+
+ReactDOM.createRoot(document.getElementById('root')!).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>,
+);

package/supervisor/chat/onboard.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, interactive-widget=resizes-content" />
+    <title>Fluxy Setup</title>
+  </head>
+  <body class="bg-background text-foreground">
+    <div id="root"></div>
+    <script type="module" src="/onboard-main.tsx"></script>
+  </body>
+</html>

package/vite.fluxy.config.ts

@@ -13,7 +13,10 @@ export default defineConfig({
     outDir: '../../dist-fluxy',
     emptyOutDir: true,
     rollupOptions: {
-      input: path.resolve(__dirname, 'supervisor/chat/fluxy.html'),
+      input: {
+        fluxy: path.resolve(__dirname, 'supervisor/chat/fluxy.html'),
+        onboard: path.resolve(__dirname, 'supervisor/chat/onboard.html'),
+      },
     },
   },
   optimizeDeps: {