your-ai-workflow-firebase-os 1.2.6 → 1.2.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "your-ai-workflow-firebase-os",
-  "version": "1.2.6",
+  "version": "1.2.8",
   "description": "A complete Firebase-powered admin OS — one React component.",
   "type": "module",
   "main": "dist/your-ai-workflow-firebase-os.cjs.js",
@@ -32,7 +32,8 @@
     "build:lib": "vite build",
     "lint": "eslint .",
     "preview": "vite preview",
-    "postinstall": "node scripts/postinstall.js"
+    "postinstall": "node scripts/postinstall.js",
+    "release": "npm version patch && npm run build:lib && npm pack"
   },
   "dependencies": {
     "@eslint/js": "^9.39.4",
@@ -78,4 +79,4 @@
     "react-dom": ">=18",
     "react-router-dom": ">=6"
   }
-}
+}

package/src/pages/PagesAdmin.tsx

@@ -9,8 +9,6 @@ import { doc, onSnapshot, setDoc, collection, getDocs, getDoc } from 'firebase/f
 import { ConfirmModal } from '../components/ConfirmModal';
 import { JsonNode } from './ThemeAdmin';
 import { defaultHomeConfig } from '../configs/pages/home.config';
-import { defaultContactConfig } from '../configs/pages/contact.config';
-import { defaultSupportConfig } from '../configs/pages/support.config';
 import { defaultPublicConfig } from '../configs/pages/pub.config';
 import { userPageConfig as defaultPrivateConfig } from '../configs/pages/user.config';
 import { adminPageConfig as defaultAdminConfig } from '../configs/pages/admin.config';
@@ -31,10 +29,6 @@ interface PageItem {
 const initialPages: PageItem[] = [
   // Public
   { id: 'home', title: 'Home Page', path: '/', type: 'public', isSystem: true, enabled: true },
-  { id: 'contact', title: 'Contact', path: '/contact', type: 'public', isSystem: true, enabled: true },
-
-  // Private
-  { id: 'support', title: 'Request Support', path: '/support', type: 'private', isSystem: true, enabled: true },
 ];
 
 const Toggle = ({ enabled, onChange, disabled, className = '' }: { enabled: boolean, onChange: (val: boolean) => void, disabled?: boolean, className?: string }) => (
@@ -76,14 +70,6 @@ export function PagesAdmin() {
   const [homeConfig, setHomeConfig] = useState<any>(null);
   const [savingHome, setSavingHome] = useState(false);
   const [resettingHome, setResettingHome] = useState(false);
-
-  const [contactConfig, setContactConfig] = useState<any>(null);
-  const [savingContact, setSavingContact] = useState(false);
-  const [resettingContact, setResettingContact] = useState(false);
-
-  const [supportConfig, setSupportConfig] = useState<any>(null);
-  const [savingSupport, setSavingSupport] = useState(false);
-  const [resettingSupport, setResettingSupport] = useState(false);
   // ── Order-based visibility (single source of truth) ─────────────────────
   const [pageHiddenIds, setPageHiddenIds] = useState<Set<string>>(new Set());
   const [tabHiddenIds, setTabHiddenIds] = useState<Set<string>>(new Set());
@@ -126,13 +112,7 @@ export function PagesAdmin() {
     const unsubHome = onSnapshot(doc(db, 'sys_pages', 'home'), (docSnap) => {
       setHomeConfig(docSnap.exists() ? mergeConfig(defaultHomeConfig, docSnap.data()) : defaultHomeConfig);
     });
-    const unsubContact = onSnapshot(doc(db, 'sys_pages', 'contact'), (docSnap) => {
-      setContactConfig(docSnap.exists() ? mergeConfig(defaultContactConfig, docSnap.data()) : defaultContactConfig);
-    });
-    const unsubSupport = onSnapshot(doc(db, 'sys_tabs', 'support'), (docSnap) => {
-      setSupportConfig(docSnap.exists() ? mergeConfig(defaultSupportConfig, docSnap.data()) : defaultSupportConfig);
-    });
-    return () => { unsubHome(); unsubContact(); unsubSupport(); };
+    return () => { unsubHome(); };
   }, []);
 
   useEffect(() => {
@@ -199,12 +179,21 @@ export function PagesAdmin() {
   const [copyStateId, setCopyStateId] = useState<string | null>(null);
 
   const handleCopyBtn = (id: string, val: any) => {
-    let str = JSON.stringify(val, null, 2);
+    let str: string;
+    if (id === 'home') {
+      // Output a complete TypeScript file so it can be pasted directly into home.config.ts
+      const json = JSON.stringify(val, null, 2);
+      str = `export const defaultHomeConfig = ${json};\n`;
+    } else {
+      str = JSON.stringify(val, null, 2);
+    }
     navigator.clipboard.writeText(str);
     setCopyStateId(id);
     setTimeout(() => setCopyStateId(null), 2000);
   };
 
+
+
   const handleSaveConfig = async (id: string, val: any) => {
     if (val.route && !val.route.startsWith('/')) {
       val.route = '/' + val.route;
@@ -218,14 +207,12 @@ export function PagesAdmin() {
       val.pageType = pageType;
     }
 
-    const isSystemPage = ['home', 'contact', 'support'].includes(id);
+    const isSystemPage = ['home'].includes(id);
     const targetId = isSystemPage
       ? id
       : (val.route ? val.route.replace(/^\/+/, '').replace(/[^a-zA-Z0-9_\-]/g, '_').toLowerCase() : id);
 
     if (id === 'home') setSavingHome(true);
-    else if (id === 'contact') setSavingContact(true);
-    else if (id === 'support') setSavingSupport(true);
     else setSavingConfigMap(p => ({ ...p, [id]: true, [targetId]: true }));
 
     try {
@@ -267,8 +254,6 @@ export function PagesAdmin() {
       } else {
         await setDoc(doc(db, collectionName, id), val);
         if (id === 'home') setHomeConfig(val);
-        else if (id === 'contact') setContactConfig(val);
-        else if (id === 'support') setSupportConfig(val);
         else {
           setDraftConfigs(p => ({ ...p, [id]: val }));
           setPages(prev => prev.map(p => p.id === id ? { ...p, path: val.route || p.path, title: val.pageName || val.tabName || val.title || p.title } : p));
@@ -279,8 +264,6 @@ export function PagesAdmin() {
     } finally {
       setTimeout(() => {
         if (id === 'home') setSavingHome(false);
-        else if (id === 'contact') setSavingContact(false);
-        else if (id === 'support') setSavingSupport(false);
         else setSavingConfigMap(p => ({ ...p, [id]: false, [targetId]: false }));
       }, 500);
     }
@@ -292,17 +275,6 @@ export function PagesAdmin() {
     setTimeout(() => setResettingHome(false), 500);
   };
 
-  const handleResetContact = async (e: React.MouseEvent) => {
-    e.stopPropagation(); setResettingContact(true);
-    await handleSaveConfig('contact', defaultContactConfig);
-    setTimeout(() => setResettingContact(false), 500);
-  };
-
-  const handleResetSupport = async (e: React.MouseEvent) => {
-    e.stopPropagation(); setResettingSupport(true);
-    await handleSaveConfig('support', defaultSupportConfig);
-    setTimeout(() => setResettingSupport(false), 500);
-  };
 
   const handleResetPage = async (e: React.MouseEvent, pageId: string, defConfig: any) => {
     e.stopPropagation(); setResettingMap(p => ({ ...p, [pageId]: true }));
@@ -428,12 +400,11 @@ export function PagesAdmin() {
     setPages(prev => [...prev, newPage]);
 
     let sourceConfig = draftConfigs[originalPage.id];
-    if (!sourceConfig) {
-      if (originalPage.id === 'contact') sourceConfig = contactConfig || defaultContactConfig;
-      if (originalPage.id === 'support') sourceConfig = supportConfig || defaultSupportConfig;
+    if (!sourceConfig && originalPage.id === 'home') {
+      sourceConfig = homeConfig;
     }
 
-    const newConfig = { ...sourceConfig, route: newPage.path, pageName: newPage.title };
+    const newConfig = { ...(sourceConfig || {}), route: newPage.path, pageName: newPage.title };
     if (newPage.type !== 'public') {
       newConfig.tabName = newPage.title;
       newConfig.pageType = newPage.type;
@@ -483,13 +454,9 @@ export function PagesAdmin() {
     try {
       const { deleteDoc } = await import('firebase/firestore');
       await Promise.all([
-        deleteDoc(doc(db, 'sys_pages', 'home')),
-        deleteDoc(doc(db, 'sys_pages', 'contact')),
-        deleteDoc(doc(db, 'sys_tabs', 'support'))
+        deleteDoc(doc(db, 'sys_pages', 'home'))
       ]);
       setHomeConfig(defaultHomeConfig);
-      setContactConfig(defaultContactConfig);
-      setSupportConfig(defaultSupportConfig);
     } catch (e) {
       console.error("Error resetting defaults:", e);
     }
@@ -699,10 +666,8 @@ export function PagesAdmin() {
 
               const renderPage = (page: PageItem, pIdx: number, isHidden: boolean) => {
                 const isHome = page.id === 'home';
-                const isContact = page.id === 'contact';
-                const isSupport = page.id === 'support';
                 const isExpanded = expandedPageId === page.id;
-                const isConfigurable = isHome || isContact || isSupport || !page.isSystem;
+                const isConfigurable = isHome || !page.isSystem;
 
                 return (
                   <div
@@ -721,7 +686,7 @@ export function PagesAdmin() {
                       <div className="flex items-center gap-1 w-full flex-1">
                         <div className="flex items-center gap-2">
                           <h3 className="text-[14px] font-bold text-foreground truncate">{page.title}</h3>
-                          {((isHome && savingHome) || (isContact && savingContact) || (isSupport && savingSupport)) && <Loader2 className="w-3 h-3 animate-spin text-accent ml-2" />}
+                          {isHome && savingHome && <Loader2 className="w-3 h-3 animate-spin text-accent ml-2" />}
                         </div>
                         <div className={`text-[11px] font-medium font-mono px-2 py-0.5 rounded w-fit ml-6 border ${isHidden ? 'text-foreground/50 border-foreground/10 bg-foreground/5' : 'text-accent/70 bg-accent/5 border-accent/10'}`}>
                           {window.location.host}{page.path}
@@ -780,6 +745,7 @@ export function PagesAdmin() {
                               <button onClick={(e) => { e.stopPropagation(); handleCopyBtn('home', homeConfig); }} className="w-8 h-8 p-0 border-transparent bg-transparent hover:bg-foreground/10 rounded-lg flex items-center justify-center shrink-0 transition-colors" title="Copy JSON">
                                 {copyStateId === 'home' ? <CheckCircle2 className="w-3.5 h-3.5 text-emerald-500" /> : <Copy className="w-3.5 h-3.5 text-foreground/40 hover:text-foreground transition-colors" />}
                               </button>
+
                             </div>
                             <JsonNode
                               value={homeConfig}
@@ -795,77 +761,7 @@ export function PagesAdmin() {
                           </div>
                         </motion.div>
                       )}
-                      {isExpanded && isContact && contactConfig && (
-                        <motion.div
-                          initial={{ height: 0, opacity: 0 }}
-                          animate={{ height: "auto", opacity: 1 }}
-                          exit={{ height: 0, opacity: 0 }}
-                          className="overflow-hidden mt-4 pt-4 border-t border-[var(--panel-border)]/50 pb-4"
-                          onClick={e => e.stopPropagation()}
-                        >
-                          <div className="flex flex-col font-mono text-[13px] leading-relaxed relative bg-background/50 p-4 py-6 rounded-xl border border-[var(--panel-border)] shadow-inner">
 
-                            <div className="absolute top-4 right-4 flex items-center gap-1 z-20">
-                              <button onClick={handleResetContact} className="w-8 h-8 p-0 border-transparent bg-transparent hover:bg-red-500/10 rounded-lg flex items-center justify-center shrink-0 transition-colors group" title="Reset to Defaults">
-                                {resettingContact ? <Loader2 className="w-3.5 h-3.5 text-red-500 animate-spin" /> : <RotateCcw className="w-3.5 h-3.5 text-foreground/40 group-hover:text-red-500 transition-colors" />}
-                              </button>
-                              <button onClick={(e) => { e.stopPropagation(); handleCopyBtn('contact', contactConfig); }} className="w-8 h-8 p-0 border-transparent bg-transparent hover:bg-foreground/10 rounded-lg flex items-center justify-center shrink-0 transition-colors" title="Copy JSON">
-                                {copyStateId === 'contact' ? <CheckCircle2 className="w-3.5 h-3.5 text-emerald-500" /> : <Copy className="w-3.5 h-3.5 text-foreground/40 hover:text-foreground transition-colors" />}
-                              </button>
-                            </div>
-                            <JsonNode
-                              value={contactConfig}
-                              keysToRender={contactConfig.showButton !== false ? ['pageName', 'route', 'template', 'showButton', 'form'] : ['pageName', 'route', 'template', 'showButton']}
-                              disabledKeys={['route']}
-                              onChange={(val: any) => handleSaveConfig('contact', val)}
-                              isLast={true}
-                              isGlobalSaving={savingContact}
-                              customEnums={{ form: publicForms, template: ['popup_form', 'inline_form'] }}
-                              customExplanations={{
-                                pageName: "This defines the text that actually appears globally in the Navigation menus.",
-                                template: "This just simply tells our app when a user clicks on the contact page item what type of form do we load? is it a page or popup? this doesn't define form content! this setting just defines page layout.",
-                                form: "This is the form that will be used. Go to /forms to edit it."
-                              }}
-                            />
-                          </div>
-                        </motion.div>
-                      )}
-                      {isExpanded && isSupport && supportConfig && (
-                        <motion.div
-                          initial={{ height: 0, opacity: 0 }}
-                          animate={{ height: "auto", opacity: 1 }}
-                          exit={{ height: 0, opacity: 0 }}
-                          className="overflow-hidden mt-4 pt-4 border-t border-[var(--panel-border)]/50 pb-4"
-                          onClick={e => e.stopPropagation()}
-                        >
-                          <div className="flex flex-col font-mono text-[13px] leading-relaxed relative bg-background/50 p-4 py-6 rounded-xl border border-[var(--panel-border)] shadow-inner">
-
-                            <div className="absolute top-4 right-4 flex items-center gap-1 z-20">
-                              <button onClick={handleResetSupport} className="w-8 h-8 p-0 border-transparent bg-transparent hover:bg-red-500/10 rounded-lg flex items-center justify-center shrink-0 transition-colors group" title="Reset to Defaults">
-                                {resettingSupport ? <Loader2 className="w-3.5 h-3.5 text-red-500 animate-spin" /> : <RotateCcw className="w-3.5 h-3.5 text-foreground/40 group-hover:text-red-500 transition-colors" />}
-                              </button>
-                              <button onClick={(e) => { e.stopPropagation(); handleCopyBtn('support', supportConfig); }} className="w-8 h-8 p-0 border-transparent bg-transparent hover:bg-foreground/10 rounded-lg flex items-center justify-center shrink-0 transition-colors" title="Copy JSON">
-                                {copyStateId === 'support' ? <CheckCircle2 className="w-3.5 h-3.5 text-emerald-500" /> : <Copy className="w-3.5 h-3.5 text-foreground/40 hover:text-foreground transition-colors" />}
-                              </button>
-                            </div>
-                            <JsonNode
-                              value={supportConfig}
-                              keysToRender={supportConfig.showButton !== false ? ['pageName', 'iconName', 'route', 'template', 'showButton', 'form'] : ['pageName', 'iconName', 'route', 'template', 'showButton']}
-                              disabledKeys={['route']}
-                              onChange={(val: any) => handleSaveConfig('support', val)}
-                              isLast={true}
-                              isGlobalSaving={savingSupport}
-                              customEnums={{ form: privateForms, template: ['popup_form', 'inline_form'] }}
-                              customExplanations={{
-                                pageName: "Defines the textual title label rendering in internal sidebars.",
-                                iconName: "To modify this icon, visit https://iconoir.com/, find an icon, and copy its exact name (e.g. 'learning', 'server'). Then paste it here.",
-                                template: "This just simply tells our app when a user clicks on the support page item what type of form do we load? is it a page or popup? this doesn't define form content! this setting just defines page layout.",
-                                form: "This is the form that will be used. Go to /forms to edit it."
-                              }}
-                            />
-                          </div>
-                        </motion.div>
-                      )}
                       {isExpanded && !page.isSystem && draftConfigs[page.id] && (
                         <motion.div
                           initial={{ height: 0, opacity: 0 }}
@@ -881,8 +777,9 @@ export function PagesAdmin() {
                                 {resettingMap[page.id] ? <Loader2 className="w-3.5 h-3.5 text-red-500 animate-spin" /> : <RotateCcw className="w-3.5 h-3.5 text-foreground/40 group-hover:text-red-500 transition-colors" />}
                               </button>
                               <button onClick={(e) => { e.stopPropagation(); handleCopyBtn(page.id, draftConfigs[page.id]); }} className="w-8 h-8 p-0 border-transparent bg-transparent hover:bg-foreground/10 rounded-lg flex items-center justify-center shrink-0 transition-colors" title="Copy JSON">
-                                {copyStateId === page.id ? <CheckCircle2 className="w-10 h-10 p-0 border-transparent bg-transparent hover:bg-foreground/10 rounded-lg flex items-center justify-center shrink-0 transition-colors" /> : <Copy className="w-3.5 h-3.5 text-foreground/40 hover:text-foreground transition-colors" />}
+                                {copyStateId === page.id ? <CheckCircle2 className="w-3.5 h-3.5 text-emerald-500" /> : <Copy className="w-3.5 h-3.5 text-foreground/40 hover:text-foreground transition-colors" />}
                               </button>
+
                             </div>
                             <JsonNode
                               value={draftConfigs[page.id]}