[WIP] Remove Tempo Labs, EmailJS, and Bolt references from main2

[Copilot]

Thanks for asking me to work on this. I will get started on it and keep this PR's description up to date as I form a plan and make progress.

Original prompt

COMPREHENSIVE CLEANUP - Remove Tempo Labs, EmailJS, AND Bolt from main2 (UPDATED)

CRITICAL ISSUE FOUND

User is still seeing "Skipping Tempo Devtools, now dynamically injected" in dev tools. This is because src/routes/index.tsx still has Tempo references that we missed!

Objective

Clean up main2 branch by removing ALL Tempo Labs, EmailJS, AND Bolt references including the critical routes file.

Current Problems on main2

1. Tempo Labs: Causing GET https://api.tempolabs.ai/proxy-asset net::ERR_ADDRESS_INVALID error
2. Tempo Labs: "Skipping Tempo Devtools, now dynamically injected" message in console
3. EmailJS: No longer needed (user request to remove)
4. Bolt: StackBlitz Bolt configuration files no longer needed

Files to Modify/Delete on main2 Branch

1. Remove Tempo script from index.html

File: index.html (line 17)

Remove:

<script src="https://api.tempolabs.ai/proxy-asset?url=https://storage.googleapis.com/tempo-public-assets/error-handling.js"></script>

2. Remove TempoDevtools from main.tsx

File: src/main.tsx (lines 6, 9)

Remove:

import { TempoDevtools } from "tempo-devtools";

// Initialize Tempo Devtools
TempoDevtools.init();

3. CRITICAL FIX - Remove Tempo routes from routes/index.tsx

File: src/routes/index.tsx (line 4, lines 7-8)

Current code:

import { createBrowserRouter } from "react-router-dom";
import App from "../App";
import LiveChat from "../pages/LiveChat";
import routes from "tempo-routes";

export const router = createBrowserRouter([
  // For the tempo routes
  ...(import.meta.env.VITE_TEMPO ? routes : []),
  {
    path: "/",
    element: <App />,
  },
  {
    path: "/livechat",
    element: <LiveChat />,
  },
]);

Remove line 4 AND lines 7-8:

import { createBrowserRouter } from "react-router-dom";
import App from "../App";
import LiveChat from "../pages/LiveChat";

export const router = createBrowserRouter([
  {
    path: "/",
    element: <App />,
  },
  {
    path: "/livechat",
    element: <LiveChat />,
  },
]);

4. Remove EmailJS from useChatState.ts

File: src/components/chat/useChatState.ts

Remove line 2:

import emailjs from "@emailjs/browser";

Simplify setUserName (remove async emailjs.send block):

const setUserName = (name: string, chatLanguage: "fr" | "en") => {
  setState((prev) => ({
    ...prev,
    userName: name,
    chatLanguage,
    messages: [
      {
        id: "1",
        text: t.chat.initialGreeting.replace("{name}", name),
        sender: "agent",
        timestamp: new Date(),
      },
    ],
  }));
};

5. Clean up vite.config.ts

File: vite.config.ts

Remove:

• Line 4: import { tempo } from "tempo-devtools/dist/vite";
• Lines 7-10: Conditional plugins array
• Lines 12-13: allowedHosts code
• Line 31: tempo(), from plugins array

Simplified config:

import { defineConfig } from "vite";
import type { ServerOptions } from "vite";
import react from "@vitejs/plugin-react";

const serverConfig: ServerOptions = {
  port: 3000,
  headers: {
    'Cross-Origin-Embedder-Policy': 'credentialless',
    'Cross-Origin-Opener-Policy': 'same-origin',
    'Cross-Origin-Resource-Policy': 'cross-origin',
  },
};

export default defineConfig({
  plugins: [
    react(),
  ],
  server: serverConfig,
  build: {
    rollupOptions: {
      output: {
        manualChunks: {
          "react-vendor": ["react", "react-dom", "react-router-dom"],
          "ui-vendor": ["lucide-react"],
        },
      },
    },
  },
});

6. Update package.json

File: package.json

Remove from dependencies:

"@emailjs/browser": "^4.1.0",

Remove from devDependencies:

"tempo-devtools": "^2.0.109",

Update name:

{
  "name": "hlsitech-com",
  "private": true,
  "version": "0.0.0",
  ...
}

7. Clean up .env.example

File: .env.example

Remove EmailJS section (lines 9-11):

# EmailJS configuration
VITE_EMAILJS_SERVICE_ID=your_service_id
VITE_EMAILJS_TEMPLATE_ID=your_template_id
VITE_EMAILJS_USER_ID=your_user_id

8. DELETE Bolt Configuration Files

Delete these entire files:

• .bolt/prompt
• .bolt/config.json
• .bolt/ directory

Expected Results After Cleanup

✅ No ERR_ADDRESS_INVALID errors from Tempo Labs
✅ No "Skipping Tempo Devtools" messages in console
✅ No tempo-routes imports
✅ No EmailJS dependencies or imports
✅ No Bolt/StackBlitz configuration files
✅ Cleaner, lighter codebase
✅ All core features still work (video banner, contact card, routing)
✅ Faster build and smaller bundle size

Files Changed Summary (10 total)

• index.html - Remove Tempo script
• src/main.tsx - Remove TempoDevtools
• src/routes/index.tsx - Remove tempo-routes import (CRITICAL)
• src/components/chat/useChatState.ts - Remove EmailJS
• vite.config.ts - Clean & simplify
• package.json - Remove deps +...

This pull request was created as a result of the following prompt from Copilot chat.

COMPREHENSIVE CLEANUP - Remove Tempo Labs, EmailJS, AND Bolt from main2 (UPDATED)

CRITICAL ISSUE FOUND

User is still seeing "Skipping Tempo Devtools, now dynamically injected" in dev tools. This is because src/routes/index.tsx still has Tempo references that we missed!

Objective

Clean up main2 branch by removing ALL Tempo Labs, EmailJS, AND Bolt references including the critical routes file.

Current Problems on main2

1. Tempo Labs: Causing GET https://api.tempolabs.ai/proxy-asset net::ERR_ADDRESS_INVALID error
2. Tempo Labs: "Skipping Tempo Devtools, now dynamically injected" message in console
3. EmailJS: No longer needed (user request to remove)
4. Bolt: StackBlitz Bolt configuration files no longer needed

Files to Modify/Delete on main2 Branch

1. Remove Tempo script from index.html

File: index.html (line 17)

Remove:

<script src="https://api.tempolabs.ai/proxy-asset?url=https://storage.googleapis.com/tempo-public-assets/error-handling.js"></script>

2. Remove TempoDevtools from main.tsx

File: src/main.tsx (lines 6, 9)

Remove:

import { TempoDevtools } from "tempo-devtools";

// Initialize Tempo Devtools
TempoDevtools.init();

3. CRITICAL FIX - Remove Tempo routes from routes/index.tsx

File: src/routes/index.tsx (line 4, lines 7-8)

Current code:

import { createBrowserRouter } from "react-router-dom";
import App from "../App";
import LiveChat from "../pages/LiveChat";
import routes from "tempo-routes";

export const router = createBrowserRouter([
  // For the tempo routes
  ...(import.meta.env.VITE_TEMPO ? routes : []),
  {
    path: "/",
    element: <App />,
  },
  {
    path: "/livechat",
    element: <LiveChat />,
  },
]);

Remove line 4 AND lines 7-8:

import { createBrowserRouter } from "react-router-dom";
import App from "../App";
import LiveChat from "../pages/LiveChat";

export const router = createBrowserRouter([
  {
    path: "/",
    element: <App />,
  },
  {
    path: "/livechat",
    element: <LiveChat />,
  },
]);

4. Remove EmailJS from useChatState.ts

File: src/components/chat/useChatState.ts

Remove line 2:

import emailjs from "@emailjs/browser";

Simplify setUserName (remove async emailjs.send block):

const setUserName = (name: string, chatLanguage: "fr" | "en") => {
  setState((prev) => ({
    ...prev,
    userName: name,
    chatLanguage,
    messages: [
      {
        id: "1",
        text: t.chat.initialGreeting.replace("{name}", name),
        sender: "agent",
        timestamp: new Date(),
      },
    ],
  }));
};

5. Clean up vite.config.ts

File: vite.config.ts

Remove:

• Line 4: import { tempo } from "tempo-devtools/dist/vite";
• Lines 7-10: Conditional plugins array
• Lines 12-13: allowedHosts code
• Line 31: tempo(), from plugins array

Simplified config:

import { defineConfig } from "vite";
import type { ServerOptions } from "vite";
import react from "@vitejs/plugin-react";

const serverConfig: ServerOptions = {
  port: 3000,
  headers: {
    'Cross-Origin-Embedder-Policy': 'credentialless',
    'Cross-Origin-Opener-Policy': 'same-origin',
    'Cross-Origin-Resource-Policy': 'cross-origin',
  },
};

export default defineConfig({
  plugins: [
    react(),
  ],
  server: serverConfig,
  build: {
    rollupOptions: {
      output: {
        manualChunks: {
          "react-vendor": ["react", "react-dom", "react-router-dom"],
          "ui-vendor": ["lucide-react"],
        },
      },
    },
  },
});

6. Update package.json

File: package.json

Remove from dependencies:

"@emailjs/browser": "^4.1.0",

Remove from devDependencies:

"tempo-devtools": "^2.0.109",

Update name:

{
  "name": "hlsitech-com",
  "private": true,
  "version": "0.0.0",
  ...
}

7. Clean up .env.example

File: .env.example

Remove EmailJS section (lines 9-11):

# EmailJS configuration
VITE_EMAILJS_SERVICE_ID=your_service_id
VITE_EMAILJS_TEMPLATE_ID=your_template_id
VITE_EMAILJS_USER_ID=your_user_id

8. DELETE Bolt Configuration Files

Delete these entire files:

• .bolt/prompt
• .bolt/config.json
• .bolt/ directory

Expected Results After Cleanup

✅ No ERR_ADDRESS_INVALID errors from Tempo Labs
✅ No "Skipping Tempo Devtools" messages in console
✅ No tempo-routes imports
✅ No EmailJS dependencies or imports
✅ No Bolt/StackBlitz configuration files
✅ Cleaner, lighter codebase
✅ All core features still work (video banner, contact card, routing)
✅ Faster build and smaller bundle size

Files Changed Summary (10 total)

• index.html - Remove Tempo script
• src/main.tsx - Remove TempoDevtools
• src/routes/index.tsx - Remove tempo-routes import (CRITICAL)
• src/components/chat/useChatState.ts - Remove EmailJS
• vite.config.ts - Clean & simplify
• package.json - Remove deps + rename
• .env.example - Remove EmailJS config
• .bolt/prompt - DELETE
• .bolt/config.json - DELETE
• .bolt/ directory - DELETE

Testing

After merge:

1. ✅ No "Skipping Tempo Devtools" message
2. ✅ No Tempo errors in console
3. ✅ No EmailJS references
4. ✅ No .bolt folder
5. ✅ Site loads cleanly
6. ✅ All routes work (/ and /livechat)

---

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.

[bolt-new-by-stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[docs-page]

To view this pull requests documentation preview, visit the following URL:

docs.page/hlsitechio/hlsitech.com~19

Documentation is deployed and generated using docs.page.

[netlify]

✅ Deploy Preview for hlsitech ready!

Name	Link
🔨 Latest commit	c256548
🔍 Latest deploy log	https://app.netlify.com/projects/hlsitech/deploys/68fa44d098afac0007c4f56d
😎 Deploy Preview	https://deploy-preview-19.hlsitech.com
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[Copilot]

Copilot wasn't able to review any files in this pull request.

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}