Weird and kinda borked initial commit

Author: NellowTCS

Backend/.gitignore

@@ -0,0 +1,3 @@
+node_modules
+.env
+.dev.vars

Backend/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "htmltrack-worker",
+  "version": "1.0.0",
+  "description": "HTMLTrack Cloudflare Workers backend",
+  "main": "dist/index.js",
+  "scripts": {
+    "build": "wrangler publish",
+    "dev": "wrangler dev",
+    "deploy": "wrangler publish"
+  },
+  "dependencies": {
+    "itty-router": "^4.0.0"
+  },
+  "devDependencies": {
+    "@cloudflare/workers-types": "^4.0.0",
+    "@types/node": "^20.0.0",
+    "typescript": "^5.0.0",
+    "wrangler": "^3.0.0"
+  }
+}

Backend/src/index.ts

@@ -0,0 +1,58 @@
+import { Router } from 'itty-router';
+import { trackingService } from './services/tracking';
+import { errorHandler } from './middleware/errorHandler';
+
+interface Env {
+  TRACK_API_KEY: string;
+}
+
+const router = Router();
+
+router.post('/api/track', async (req: Request, env: Env) => {
+  try {
+    if (!env.TRACK_API_KEY) {
+      return new Response(
+        JSON.stringify({ error: 'API key not configured' }),
+        { status: 500, headers: { 'Content-Type': 'application/json' } }
+      );
+    }
+
+    const { trackingNumber, carrier } = await req.json();
+
+    if (!trackingNumber || !carrier) {
+      return new Response(
+        JSON.stringify({ error: 'Missing required fields: trackingNumber, carrier' }),
+        { status: 400, headers: { 'Content-Type': 'application/json' } }
+      );
+    }
+
+    const result = await trackingService.trackPackage(
+      trackingNumber,
+      carrier,
+      env.TRACK_API_KEY
+    );
+
+    return new Response(JSON.stringify(result), {
+      status: 200,
+      headers: {
+        'Content-Type': 'application/json',
+        'Access-Control-Allow-Origin': '*'
+      }
+    });
+  } catch (error) {
+    return errorHandler(error);
+  }
+});
+
+router.options('*', () => new Response(null, {
+  status: 200,
+  headers: {
+    'Access-Control-Allow-Origin': '*',
+    'Access-Control-Allow-Methods': 'GET, POST, OPTIONS',
+    'Access-Control-Allow-Headers': 'Content-Type'
+  }
+}));
+
+export default {
+  fetch: (req: Request, env: Env) => router.handle(req, env)
+};

Backend/src/middleware/errorHandler.ts

@@ -0,0 +1,17 @@
+export function errorHandler(error: unknown): Response {
+  console.error('[Error]', error);
+
+  const message = error instanceof Error ? error.message : 'An unexpected error occurred';
+  const status = error instanceof Error && 'status' in error ? (error.status as number) : 500;
+
+  return new Response(
+    JSON.stringify({
+      error: message,
+      status
+    }),
+    {
+      status,
+      headers: { 'Content-Type': 'application/json' }
+    }
+  );
+}

Backend/src/services/tracking.ts

@@ -0,0 +1,97 @@
+interface TrackingResult {
+  trackingNumber: string;
+  carrier: string;
+  status: 'pending' | 'in_transit' | 'delivered' | 'failed';
+  lastUpdate: string;
+  destination?: string;
+  estimatedDelivery?: string;
+  events?: Array<{
+    timestamp: string;
+    location: string;
+    status: string;
+  }>;
+}
+
+interface TrackingService {
+  trackPackage(trackingNumber: string, carrier: string, apiKey: string): Promise<TrackingResult>;
+}
+
+export const trackingService: TrackingService = {
+  async trackPackage(trackingNumber: string, carrier: string, apiKey: string): Promise<TrackingResult> {
+    const normalized = trackingNumber.toUpperCase().trim();
+
+    try {
+      const response = await fetch('https://api.17track.net/track/v2/trackinfo', {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+          'Authorization': `Bearer ${apiKey}`
+        },
+        body: JSON.stringify({
+          tracking_number: normalized,
+          carrier_code: this.normalizeCarrier(carrier)
+        })
+      });
+
+      if (!response.ok) {
+        throw new Error(`17Track API error: ${response.status}`);
+      }
+
+      const data = await response.json();
+
+      return this.formatTrackingResult(data, normalized, carrier);
+    } catch (error) {
+      console.error('[17Track API Error]', error);
+      throw new Error('Failed to fetch tracking information from 17Track');
+    }
+  },
+
+  normalizeCarrier(carrier: string): string {
+    const carrierMap: Record<string, string> = {
+      'UPS': 'ups',
+      'FedEx': 'fedex',
+      'USPS': 'usps',
+      'DHL': 'dhl',
+      'Amazon Logistics': 'amazoncn',
+      'Other': 'other'
+    };
+    return carrierMap[carrier] || carrier.toLowerCase();
+  },
+
+  formatTrackingResult(data: any, trackingNumber: string, carrier: string): TrackingResult {
+    const trackInfo = data.data?.[0];
+    
+    if (!trackInfo) {
+      throw new Error('No tracking information found');
+    }
+
+    const statusMap: Record<number, 'pending' | 'in_transit' | 'delivered' | 'failed'> = {
+      0: 'pending',
+      1: 'in_transit',
+      2: 'delivered',
+      3: 'failed',
+      4: 'in_transit',
+      5: 'failed'
+    };
+
+    const events = (trackInfo.events || []).map((event: any) => ({
+      timestamp: new Date(event.time * 1000).toISOString(),
+      location: event.location || 'Unknown',
+      status: event.status_text || event.status || 'Update'
+    }));
+
+    const lastEvent = events[events.length - 1];
+
+    return {
+      trackingNumber,
+      carrier,
+      status: statusMap[trackInfo.status] || 'pending',
+      lastUpdate: lastEvent?.timestamp || new Date().toISOString(),
+      destination: trackInfo.dest_city || undefined,
+      estimatedDelivery: trackInfo.estimated_delivery 
+        ? new Date(trackInfo.estimated_delivery * 1000).toISOString() 
+        : undefined,
+      events
+    };
+  }
+};

Backend/wrangler.toml

@@ -0,0 +1,13 @@
+name = "htmltrack-worker"
+main = "src/index.ts"
+
+[build]
+command = "npm install && npm run build"
+cwd = "./Backend"
+watch_paths = ["src/**/*.ts"]
+
+[vars]
+LOG_LEVEL = "info"
+
+# Secrets are set via: wrangler secret put TRACK_API_KEY
+# Or in .dev.vars for local development

Build/index.html

@@ -2,16 +2,11 @@
 <html>
 
 <head>
-    <title>My Page</title>
-    <link rel="stylesheet" data-inline="true" href="./styles/styles.css" />
+    <title>HTMLTrack</title>
 </head>
 
 <body>
-    <script type="module" data-inline="true" src="./src/main.js"></script>
-    <h1>Hello, world!</h1>
-    <p>This is a demo page.</p>
-    <button onclick="testFunction()">Click me!</button>
-    <button onclick="outputToPage()">Show a square.</button>
+    <script type="module" data-inline="true" src="./src/pages/main.tsx"></script>
 </body>
 
 </html>