Tech Stack

import React, { useEffect } from 'react';
import { HashRouter, Routes, Route } from 'react-router-dom';

// React 19 automatic batching, concurrent features
const App: React.FC = () => {
  useEffect(() => {
    db.init();  // Initialize storage on mount
  }, []);

  return (
    <HashRouter>
      <Routes>
        {/* Routes */}
      </Routes>
    </HashRouter>
  );
};

{
  "compilerOptions": {
    "target": "ES2022",
    "module": "ESNext",
    "lib": ["ES2022", "DOM", "DOM.Iterable"],
    "jsx": "react-jsx",
    "moduleResolution": "bundler",
    "types": ["node"],
    "paths": {
      "@/*": ["./*"]
    }
  }
}

import express from "express";
import { createServer as createViteServer } from "vite";
import nodemailer from "nodemailer";
import cors from "cors";
import dotenv from "dotenv";

dotenv.config();

const app = express();
const PORT = 3000;

app.use(cors());
app.use(express.json());

// API Routes
app.get("/api/health", (req, res) => {
  res.json({ status: "ok", time: new Date().toISOString() });
});

app.post("/api/email/queue", (req, res) => {
  // Email queueing logic
});

// Vite middleware for dev server
if (process.env.NODE_ENV !== "production") {
  const vite = await createViteServer({
    server: { middlewareMode: true },
    appType: "spa",
  });
  app.use(vite.middlewares);
}

import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import path from 'path';

export default defineConfig({
  server: {
    port: 3000,
    host: '0.0.0.0',
  },
  plugins: [react()],
  resolve: {
    alias: {
      '@': path.resolve(__dirname, '.'),
    }
  }
});

import { ReactFlow, Node, Edge } from '@xyflow/react';

<ReactFlow
  nodes={flowNodes}
  edges={flowEdges}
  onNodesChange={onNodesChange}
  onEdgesChange={onEdgesChange}
/>

const KEYS = {
  BLOG: 'cafh_blog_v1',
  CONTACTS: 'cafh_contacts_v1',
  EVENTS: 'cafh_events_v1',
  // ... 30+ storage keys
};

const initStorage = <T>(key: string, initialData: T): T => {
  try {
    const stored = localStorage.getItem(key);
    if (!stored) {
      localStorage.setItem(key, JSON.stringify(initialData));
      return initialData;
    }
    return JSON.parse(stored);
  } catch (e) {
    console.error(`Error accessing storage for ${key}`, e);
    return initialData;
  }
};

export interface User {
  id: string;
  name: string;
  email: string;
  role: UserRole;
  avatarUrl: string;
  tenantId: string;
  interests: string[];
  joinedDate: string;
}

export enum UserRole {
  SUPER_ADMIN = 'SUPER_ADMIN',
  ADMIN = 'ADMIN',
  EDITOR = 'EDITOR',
  MEMBER = 'MEMBER',
  GUEST = 'GUEST'
}

export interface Contact {
  id: string;
  name: string;
  email: string;
  phone: string;
  status: 'Subscribed' | 'Unsubscribed' | 'Bounced';
  tags: string[];
  engagementScore?: number;
}