@tushar-br/desktop 1.0.234 → 1.0.237

package/staging_area/desktop/resume web/BOOK_README.md

@@ -1,250 +0,0 @@
-# 📚 Book Editor - Professional Edition
-
-## ✨ NEW DESIGN - Much Better!
-
-### ✅ What Changed:
-- ❌ **Removed** folder/file manager (not needed)
-- ✅ **Added** professional SVG icons (no emojis!)
-- ✅ **Added** beautiful White & Black themes
-- ✅ **Single page** - simple and clean
-- ✅ **Auto-save** - saves automatically every 30 seconds
-- ✅ **Local storage** - works offline too!
-
-## 🎨 Features
-
-### Two Beautiful Themes:
-1. **Light Theme** (White) - Clean, professional, easy on eyes
-2. **Dark Theme** (Black) - Modern, sleek, perfect for night
-
-### Two Modes:
-1. **Text Editor** - Write notes with line numbers
-2. **Painting** - Draw with brush tools
-
-### Professional Icons:
-- 💾 Save → Clean save icon
-- 📝 Text → Document icon
-- 🎨 Paint → Brush icon
-- ☀️/🌙 Theme → Sun/Moon toggle
-- 🗑️ Clear → Trash icon
-
-## 🚀 Setup (One-Time)
-
-### Step 1: Setup Database
-1. Go to: https://kyfhibapmdcnlyjuenod.supabase.co
-2. Click **SQL Editor**
-3. Copy this SQL:
-
-```sql
-CREATE TABLE IF NOT EXISTS book_content (
-  id INTEGER PRIMARY KEY DEFAULT 1,
-  text_content TEXT DEFAULT '',
-  canvas_data TEXT DEFAULT '',
-  updated_at TIMESTAMPTZ DEFAULT NOW(),
-  CONSTRAINT single_row CHECK (id = 1)
-);
-
-INSERT INTO book_content (id, text_content, canvas_data, updated_at)
-VALUES (1, '', '', NOW())
-ON CONFLICT (id) DO NOTHING;
-
-ALTER TABLE book_content ENABLE ROW LEVEL SECURITY;
-
-CREATE POLICY "Enable all operations for book_content" ON book_content
-  FOR ALL USING (true) WITH CHECK (true);
-
-CREATE INDEX IF NOT EXISTS idx_book_content_updated_at ON book_content(updated_at DESC);
-```
-
-4. Click **RUN**
-
-### Step 2: Open the App
-- Double-click `book.html`
-- Or drag to browser
-
-## 🎯 How to Use
-
-1. **Write Text:**
-   - Click "Text" mode
-   - Start typing
-   - Line numbers appear automatically
-   - Auto-saves every 30 seconds
-
-2. **Draw:**
-   - Click "Paint" mode
-   - Choose brush size (slider)
-   - Pick color
-   - Draw on canvas
-   - Auto-saves
-
-3. **Change Theme:**
-   - Click sun/moon icon (top right)
-   - Switches between white and black
-   - Theme preference is saved
-
-4. **Save Manually:**
-   - Click "Save" button
-   - Saves to Supabase cloud
-   - Also saves locally
-
-## 🎨 Theme Details
-
-### Light Theme (White):
-- Background: Pure white
-- Text: Black
-- Clean and professional
-- Perfect for daytime
-
-### Dark Theme (Black):
-- Background: Deep black (#0a0a0f)
-- Text: White
-- Accent: Cyan (#00e5ff)
-- Perfect for night work
-
-## 💾 Storage
-
-### Dual Storage System:
-1. **Local Storage** (Browser)
-   - Instant save
-   - Works offline
-   - Auto-saves every 30 seconds
-
-2. **Supabase Cloud**
-   - Manual save (click Save button)
-   - Syncs across devices
-   - Backup in cloud
-
-## ⌨️ Keyboard Shortcuts
-- **Ctrl + S** - Save to cloud
-
-## 📱 Mobile Support
-- ✅ Fully responsive
-- ✅ Touch drawing works perfectly
-- ✅ All icons visible
-- ✅ Theme toggle works
-
-## 🎯 UI Layout
-
-```
-┌──────────────────────────────────────────────┐
-│ [💾 Save]              [Text|Paint] [☀️/🌙]  │ ← Top Bar
-├──────────────────────────────────────────────┤
-│                                              │
-│  TEXT MODE:          PAINTING MODE:          │
-│  ┌──┬─────────┐     ┌────────────────────┐  │
-│  │1 │ Text... │     │ [Brush] [Color]    │  │
-│  │2 │         │     ├────────────────────┤  │
-│  │3 │         │     │                    │  │
-│  └──┴─────────┘     │   Canvas           │  │
-│                     └────────────────────┘  │
-└──────────────────────────────────────────────┘
-```
-
-## ✨ Professional Features
-
-### Text Editor:
-- Line numbers (auto-updating)
-- Monospace font (Courier New)
-- Smooth scrolling
-- Auto-save
-- Theme-aware colors
-
-### Painting:
-- Brush size: 1-30px
-- Color picker
-- Smooth drawing
-- Touch support
-- Clear canvas option
-- Theme-aware background
-
-### UI/UX:
-- Clean, modern design
-- Smooth transitions
-- Professional icons (SVG)
-- Responsive layout
-- No clutter
-
-## 🔧 Technical Improvements
-
-### Old Version:
-- ❌ Emoji icons (looked unprofessional)
-- ❌ Complex file manager
-- ❌ Multiple files confusion
-- ❌ Only one theme
-
-### New Version:
-- ✅ SVG icons (professional)
-- ✅ Single page (simple)
-- ✅ Two beautiful themes
-- ✅ Auto-save
-- ✅ Local + Cloud storage
-- ✅ Better performance
-
-## 🎨 Color Scheme
-
-### Light Theme:
-- Background: `#ffffff` (white)
-- Secondary: `#f8f9fa` (light gray)
-- Text: `#000000` (black)
-- Accent: `#0066cc` (blue)
-- Border: `#dee2e6` (gray)
-
-### Dark Theme:
-- Background: `#0a0a0f` (deep black)
-- Secondary: `#1a1a1f` (dark gray)
-- Text: `#ffffff` (white)
-- Accent: `#00e5ff` (cyan)
-- Border: `#2a2a2f` (dark gray)
-
-## 📊 What Gets Saved
-
-In Supabase:
-- Your text content
-- Your canvas drawing (as image)
-- Last update time
-
-In Browser:
-- Same as above
-- Theme preference
-- Auto-saved every 30 seconds
-
-## 🐛 Troubleshooting
-
-### Not saving to cloud?
-- Check internet connection
-- Make sure you ran the SQL setup
-- Click Save button manually
-
-### Theme not changing?
-- Click the sun/moon icon (top right)
-- Should switch instantly
-
-### Canvas not drawing?
-- Make sure you're in Paint mode
-- Try different brush size
-- Check if touch is working
-
-## ✅ Summary
-
-### What You Get:
-- ✅ Single clean page
-- ✅ Professional SVG icons
-- ✅ Beautiful white theme
-- ✅ Beautiful black theme
-- ✅ Auto-save (every 30s)
-- ✅ Manual save button
-- ✅ Text editor with line numbers
-- ✅ Painting canvas
-- ✅ Mobile support
-- ✅ Offline support
-
-### No More:
-- ❌ Emoji icons
-- ❌ File manager complexity
-- ❌ Multiple files confusion
-- ❌ Single theme limitation
-
----
-
-**File:** `book.html`
-**Status:** ✅ Complete & Professional
-**Design:** Much better than before!

package/staging_area/desktop/resume web/CHANGELOG.md

@@ -1,29 +0,0 @@
-# Portfolio Task Completion Report
-
-All pending tasks have been completed. Below is a summary of the changes made:
-
-## 1. Footer Layout Fix
-- **Issue**: The `CreativeFooter` SVG animation (Black Hole effect) was causing layout shifts and extra whitespace at the bottom.
-- **Fix**: 
-    - Wrapped the black hole section in an `overflow: hidden` container.
-    - Adjusted the `marginTop` and `bottom` positioning to ensure it aligns perfectly with the content above without leaking out.
-    - Reduced the width from `180%` to `150%` and centered it to prevent horizontal scrolling issues.
-    - Smoothed out the glow and shadows for a cleaner look.
-
-## 2. New Premium Background
-- **Action**: Generated a unique, custom portfolio background image.
-- **Design**: "Premium High-Tech Cybernetic Abstract" – features deep navy/charcoal tones, neon data streams, and hexagonal grid patterns.
-- **Implementation**: Saved as `portfolio-bg-new.png` and updated `index.css` to use it site-wide.
-
-## 3. Smooth Navigation & Aesthetics
-- **Smooth Scroll**: Implemented `scroll-behavior: smooth` globally on both the body and the main desktop scroll container (`.main-col`).
-- **Custom Scrollbar**: Added a premium-themed custom scrollbar for desktop users that matches the cyan-to-purple accent colors.
-- **Improved "About" Page**: Added new service cards (Mobile App Development & Cyber Security) to give the portfolio a more professional and complete feel.
-
-## 4. Pending Tasks Check
-- Verified all main pages (`Home`, `About`, `Projects`, `Resume`, `Status`, `Certificates`) for functionality and responsiveness.
-- Ensured the "OS Launch" section correctly leads to `os.html`.
-- Cleaned up ad-hoc margins that were causing inconsistent spacing between the Bio and Footer sections.
-
----
-*All changes have been implemented and verified.*

package/staging_area/desktop/resume web/api/chat-admin-otp.ts

@@ -1,62 +0,0 @@
-import type { VercelRequest, VercelResponse } from "@vercel/node";
-import { initializeApp, getApps, getApp } from "firebase/app";
-import { getFirestore, collection, addDoc, getDocs, query, where, deleteDoc } from "firebase/firestore";
-
-const firebaseConfig = {
-    apiKey: "AIzaSyCRt9MewdayUI-5p3OnAU7rYn8ea_7QsAg",
-    projectId: "tusharbr-online",
-};
-
-// Initialize Firebase internally for the API
-const app = getApps().length === 0 ? initializeApp(firebaseConfig) : getApp();
-const db = getFirestore(app);
-
-const BOT_TOKEN = process.env.TELEGRAM_BOT_TOKEN || "8763391781:AAFntuiLaMbRqOgjVseTqaSRt4IF5AKCMeU";
-const CHAT_ID = process.env.TELEGRAM_CHAT_ID || "6486049131";
-const ADMIN_SECRET = process.env.ADMIN_SECRET_KEY || "TUSHAR2026"; // Change to your preferred secure key
-
-export default async function handler(req: VercelRequest, res: VercelResponse) {
-    if (req.method !== "POST") return res.status(405).json({ error: "Method not allowed" });
-
-    try {
-        const { adminKey } = req.body;
-
-        if (adminKey !== ADMIN_SECRET) {
-            return res.status(401).json({ error: "Invalid Admin Key" });
-        }
-
-        // Generate 6 digit OTP
-        const otp = Math.floor(100000 + Math.random() * 900000).toString();
-        const expireTime = Date.now() + 5 * 60 * 1000; // 5 minutes
-
-        // Clear old OTPs
-        const oldOtps = await getDocs(collection(db, "admin_otp"));
-        for (const doc of oldOtps.docs) {
-            await deleteDoc(doc.ref);
-        }
-
-        // Save to Firestore
-        await addDoc(collection(db, "admin_otp"), {
-            otp_code: otp,
-            expire_time: expireTime
-        });
-
-        // Send via Telegram
-        const message = `🔐 Admin Login Attempt\nYour OTP is: ${otp}\nExpires in 5 minutes.`;
-        const tgUrl = `https://api.telegram.org/bot${BOT_TOKEN}/sendMessage`;
-
-        await fetch(tgUrl, {
-            method: "POST",
-            headers: { "Content-Type": "application/json" },
-            body: JSON.stringify({
-                chat_id: CHAT_ID,
-                text: message
-            })
-        });
-
-        res.status(200).json({ success: true, message: "OTP sent to Telegram" });
-    } catch (err: any) {
-        console.error(err);
-        res.status(500).json({ error: "Internal server error", details: err.message });
-    }
-}

package/staging_area/desktop/resume web/api/chat-admin-verify.ts

@@ -1,41 +0,0 @@
-import type { VercelRequest, VercelResponse } from "@vercel/node";
-import { initializeApp, getApps, getApp } from "firebase/app";
-import { getFirestore, collection, getDocs, deleteDoc } from "firebase/firestore";
-
-const firebaseConfig = {
-    apiKey: "AIzaSyCRt9MewdayUI-5p3OnAU7rYn8ea_7QsAg",
-    projectId: "tusharbr-online",
-};
-
-const app = getApps().length === 0 ? initializeApp(firebaseConfig) : getApp();
-const db = getFirestore(app);
-
-export default async function handler(req: VercelRequest, res: VercelResponse) {
-    if (req.method !== "POST") return res.status(405).json({ error: "Method not allowed" });
-
-    try {
-        const { otpEntered } = req.body;
-
-        const oldOtps = await getDocs(collection(db, "admin_otp"));
-        let isValid = false;
-
-        for (const doc of oldOtps.docs) {
-            const data = doc.data();
-            if (data.otp_code === otpEntered && Date.now() < data.expire_time) {
-                isValid = true;
-            }
-            // Cleanup
-            await deleteDoc(doc.ref);
-        }
-
-        if (!isValid) {
-            return res.status(401).json({ error: "Invalid or expired OTP" });
-        }
-
-        // Success response - token could be handed over for more robust auth
-        res.status(200).json({ success: true, message: "OTP Verified", token: "SECRET_ADMIN_TOKEN_123" });
-    } catch (err: any) {
-        console.error(err);
-        res.status(500).json({ error: "Internal server error" });
-    }
-}

package/staging_area/desktop/resume web/api/chat-telegram-alert.ts

@@ -1,30 +0,0 @@
-import type { VercelRequest, VercelResponse } from "@vercel/node";
-
-const BOT_TOKEN = process.env.TELEGRAM_BOT_TOKEN || "8763391781:AAFntuiLaMbRqOgjVseTqaSRt4IF5AKCMeU";
-const CHAT_ID = process.env.TELEGRAM_CHAT_ID || "6486049131";
-
-export default async function handler(req: VercelRequest, res: VercelResponse) {
-    if (req.method !== "POST") return res.status(405).json({ error: "Method not allowed" });
-
-    try {
-        const { message } = req.body;
-
-        const tgUrl = `https://api.telegram.org/bot${BOT_TOKEN}/sendMessage`;
-
-        await fetch(tgUrl, {
-            method: "POST",
-            headers: { "Content-Type": "application/json" },
-            body: JSON.stringify({
-                chat_id: CHAT_ID,
-                text: message,
-                parse_mode: 'Markdown',
-                disable_web_page_preview: true
-            })
-        });
-
-        res.status(200).json({ success: true, message: "Telegram Alert Sent" });
-    } catch (err: any) {
-        console.error(err);
-        res.status(500).json({ error: "Internal server error" });
-    }
-}

package/staging_area/desktop/resume web/api/cloudinary.ts

@@ -1,98 +0,0 @@
-import { v2 as cloudinary } from 'cloudinary';
-import type { VercelRequest, VercelResponse } from '@vercel/node';
-
-export default async function handler(req: VercelRequest, res: VercelResponse) {
-    // Allow CORS
-    res.setHeader('Access-Control-Allow-Credentials', 'true');
-    res.setHeader('Access-Control-Allow-Origin', '*');
-    res.setHeader('Access-Control-Allow-Methods', 'GET,OPTIONS,PATCH,DELETE,POST,PUT');
-    res.setHeader('Access-Control-Allow-Headers', 'X-CSRF-Token, X-Requested-With, Accept, Accept-Version, Content-Length, Content-MD5, Content-Type, Date, X-Api-Version, Authorization');
-
-    if (req.method === 'OPTIONS') {
-        return res.status(200).end();
-    }
-
-    // Use process.env variables from Vercel securely
-    const cloudName = process.env.VITE_CLOUDINARY_CLOUD_NAME || process.env.CLOUDINARY_CLOUD_NAME;
-    const apiKey = process.env.CLOUDINARY_API_KEY;
-    const apiSecret = process.env.CLOUDINARY_API_SECRET;
-
-    if (!cloudName || !apiKey || !apiSecret) {
-        return res.status(500).json({ error: 'Cloudinary credentials missing in Vercel Environment.' });
-    }
-
-    cloudinary.config({
-        cloud_name: cloudName,
-        api_key: apiKey,
-        api_secret: apiSecret,
-    });
-
-    const { action } = req.query;
-
-    if (action === 'sign') {
-        const timestamp = Math.round(new Date().getTime() / 1000);
-        const { folder = 'chats/anon', resource_type = 'image' } = req.query;
-
-        // Sign with folder so Cloudinary enforces correct folder placement
-        const paramsToSign: Record<string, any> = {
-            timestamp,
-            folder: folder as string,
-        };
-
-        const signature = cloudinary.utils.api_sign_request(paramsToSign, apiSecret);
-
-        return res.status(200).json({ signature, timestamp, apiKey, cloudName });
-    }
-
-    if (action === 'images' || action === 'delete') {
-        const authHeader = req.headers['authorization'];
-        if (!authHeader || !authHeader.startsWith('Bearer ')) {
-            return res.status(401).json({ error: 'UNAUTHORIZED: MISSING TOKEN' });
-        }
-        const idToken = authHeader.split('Bearer ')[1];
-
-        try {
-            const fbRes = await fetch(`https://identitytoolkit.googleapis.com/v1/accounts:lookup?key=AIzaSyD4vkALQGpzs1SwN5bM-Nag-eV-fnYnNTk`, {
-                method: 'POST',
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ idToken })
-            });
-            if (!fbRes.ok) return res.status(401).json({ error: 'UNAUTHORIZED: INVALID TOKEN' });
-            const fbData = await fbRes.json();
-            if (!fbData.users || !fbData.users[0] || fbData.users[0].email !== 'rathodtushar1442@gmail.com') {
-                return res.status(403).json({ error: 'FORBIDDEN: UNAUTHORIZED USER ACCOUNT' });
-            }
-        } catch (error) {
-            return res.status(500).json({ error: 'INTERNAL ERROR: TOKEN VALIDATION FAILED' });
-        }
-
-        if (action === 'images') {
-            try {
-                // Fetch ALL resource types (image, video, raw) from the uploads folder
-                const result = await cloudinary.search
-                    .expression('folder:uploads/* OR folder:uploads')
-                    .sort_by('created_at', 'desc')
-                    .max_results(200)
-                    .execute();
-                return res.status(200).json({ images: result.resources });
-            } catch (err: any) {
-                return res.status(500).json({ error: err.message });
-            }
-        }
-
-        if (action === 'delete') {
-            const { public_id, resource_type = 'image' } = req.query;
-            if (!public_id) return res.status(400).json({ error: 'Missing public_id' });
-            try {
-                const result = await cloudinary.uploader.destroy(public_id as string, {
-                    resource_type: resource_type as any
-                });
-                return res.status(200).json({ result });
-            } catch (err: any) {
-                return res.status(500).json({ error: err.message });
-            }
-        }
-    }
-
-    return res.status(400).json({ error: 'Invalid action parameter.' });
-}

package/staging_area/desktop/resume web/api/email-notification.ts

@@ -1,82 +0,0 @@
-import nodemailer from 'nodemailer';
-
-export default async function handler(req: any, res: any) {
-    // Allow CORS
-    res.setHeader('Access-Control-Allow-Credentials', true);
-    res.setHeader('Access-Control-Allow-Origin', '*');
-    res.setHeader('Access-Control-Allow-Methods', 'GET,OPTIONS,PATCH,DELETE,POST,PUT');
-    res.setHeader(
-        'Access-Control-Allow-Headers',
-        'X-CSRF-Token, X-Requested-With, Accept, Accept-Version, Content-Length, Content-MD5, Content-Type, Date, X-Api-Version'
-    );
-
-    if (req.method === 'OPTIONS') {
-        res.status(200).end();
-        return;
-    }
-
-    if (req.method !== 'POST') {
-        return res.status(405).json({ error: 'Method Not Allowed' });
-    }
-
-    const { imageUrls, message, toEmail } = req.body;
-
-    if (!imageUrls || !toEmail) {
-        return res.status(400).json({ error: 'Missing required fields' });
-    }
-
-    try {
-        const transporter = nodemailer.createTransport({
-            service: 'gmail',
-            auth: {
-                user: process.env.EMAIL_USER, // Your Gmail address
-                pass: process.env.EMAIL_PASS, // Your App Password
-            },
-        });
-
-        const htmlContent = `
-<div style="font-family: Arial, sans-serif; padding: 20px; color: #333;">
-<p>Hi <strong>Tushar</strong>,</p>
-
-<p>You have received a new upload from your website.</p>
-
-<hr />
-
-<p><strong>Message</strong></p>
-<p>${message || 'No additional message'}</p>
-
-<hr />
-
-<p><strong>Uploaded Image</strong></p>
-
-${imageUrls.map((url: string) => `
-  <img src="${url}" alt="Uploaded Image" style="max-width:100%; border-radius:10px; margin:12px 0; display:block;" />
-  <p>
-    <a href="${url}" target="_blank" style="display: inline-block; padding: 10px 15px; background-color: #0072FF; color: white; text-decoration: none; border-radius: 5px;">
-      Download image
-    </a>
-  </p>
-`).join('')}
-
-<hr />
-
-<p style="font-size:12px; color:#777;">
-  tusharbr.vercel.app<br />
-  Private Upload System
-</p>
-</div>
-`;
-
-        await transporter.sendMail({
-            from: `"Tusharbr Secure Upload" <${process.env.EMAIL_USER}>`,
-            to: toEmail,
-            subject: 'New Image Uploaded Successfully',
-            html: htmlContent,
-        });
-
-        res.status(200).json({ success: true, message: 'Email sent successfully' });
-    } catch (error: any) {
-        console.error("Email Error:", error);
-        res.status(500).json({ error: 'Failed to send email', details: error.message });
-    }
-}