frontend-hamroun 1.2.26 → 1.2.28

package/templates/fullstack-app/package.json

@@ -1,20 +1,35 @@
 {
   "name": "fullstack-app",
-  "version": "0.1.0",
+  "version": "1.0.0",
+  "description": "Frontend Hamroun Fullstack App with esbuild",
   "type": "module",
   "scripts": {
-    "dev": "concurrently \"npm run dev:server\" \"npm run dev:client\"",
-    "dev:server": "node server.js",
-    "dev:client": "vite",
-    "build": "vite build",
-    "start": "node server.js"
+    "start": "node server.js",
+    "dev": "node process-tailwind.js && cross-env NODE_ENV=development tsx server.ts",
+    "build": "node process-tailwind.js && cross-env NODE_ENV=production tsx build.ts",
+    "serve": "cross-env NODE_ENV=production node dist/server.js",
+    "tailwind": "node process-tailwind.js"
   },
   "dependencies": {
+    "compression": "^1.7.4",
+    "cors": "^2.8.5",
+    "dotenv": "^16.3.1",
     "express": "^4.18.2",
-    "frontend-hamroun": "latest"
+    "frontend-hamroun": "latest",
+    "socket.io": "^4.7.2"
   },
   "devDependencies": {
-    "concurrently": "^8.0.1",
-    "vite": "^4.3.9"
+    "@types/compression": "^1.7.3",
+    "@types/cors": "^2.8.14",
+    "@types/express": "^4.17.18",
+    "@types/node": "^20.8.2",
+    "autoprefixer": "^10.4.14",
+    "chokidar": "^3.5.3",
+    "cross-env": "^7.0.3",
+    "esbuild": "^0.19.5",
+    "postcss": "^8.4.27",
+    "tailwindcss": "^3.3.3",
+    "tsx": "^3.13.0",
+    "typescript": "^5.2.2"
   }
 }

package/templates/fullstack-app/postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

package/templates/fullstack-app/process-tailwind.js

@@ -0,0 +1,45 @@
+// Process Tailwind CSS (ESM version)
+import { fileURLToPath } from 'url';
+import { dirname, resolve } from 'path';
+import fs from 'fs';
+import postcss from 'postcss';
+import tailwindcss from 'tailwindcss';
+import autoprefixer from 'autoprefixer';
+
+// Get __dirname equivalent in ESM
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+// Process function
+async function processTailwind() {
+  console.log('Processing Tailwind CSS...');
+  
+  try {
+    // Paths
+    const inputPath = resolve(__dirname, 'public/tailwind.css');
+    const outputPath = resolve(__dirname, 'public/styles.css');
+    
+    // Read the input file
+    const css = fs.readFileSync(inputPath, 'utf8');
+    
+    // Process with PostCSS
+    const result = await postcss([
+      tailwindcss,
+      autoprefixer
+    ]).process(css, {
+      from: inputPath,
+      to: outputPath
+    });
+    
+    // Write the output
+    fs.writeFileSync(outputPath, result.css);
+    
+    console.log('Tailwind CSS processed successfully!');
+  } catch (error) {
+    console.error('Error processing Tailwind CSS:', error);
+    process.exit(1);
+  }
+}
+
+// Run the processor
+processTailwind();

package/templates/fullstack-app/public/_redirects

@@ -0,0 +1 @@
+/* /index.html 200

package/templates/fullstack-app/public/route-handler.js

@@ -0,0 +1,47 @@
+// This file handles client-side routing in development and production
+
+// Ensures our SPA routes work with direct URL access
+(function() {
+  // Function to get the current route
+  function getCurrentRoute() {
+    // Check if we have a route from the server
+    if (window.__INITIAL_STATE__ && window.__INITIAL_STATE__.route) {
+      return window.__INITIAL_STATE__.route;
+    }
+    
+    // Check if we have a route from Vite dev server
+    if (window.__INITIAL_ROUTE__) {
+      return window.__INITIAL_ROUTE__;
+    }
+    
+    // Use the current pathname
+    return window.location.pathname;
+  }
+  
+  // Function to normalize the route for import paths
+  function normalizeRoute(route) {
+    // Default to index for root path
+    if (route === '/') return '/index';
+    return route;
+  }
+  
+  // Store the route information globally
+  window.__ROUTE_INFO__ = {
+    current: getCurrentRoute(),
+    normalized: normalizeRoute(getCurrentRoute())
+  };
+  
+  // Clean up URL if needed (remove any _path parameter)
+  const url = new URL(window.location.href);
+  if (url.searchParams.has('_path')) {
+    const path = url.searchParams.get('_path');
+    url.searchParams.delete('_path');
+    
+    // Only replace state if we're not already at the correct path
+    if (window.location.pathname !== path) {
+      window.history.replaceState(null, '', path + url.search + url.hash);
+    }
+  }
+  
+  console.log('Route handler initialized:', window.__ROUTE_INFO__);
+})();

package/templates/fullstack-app/public/spa-fix.html

@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="refresh" content="0;url=/">
+  <title>Redirecting...</title>
+  <script>
+    // Record the original path the user was trying to access
+    localStorage.setItem('originalPath', window.location.pathname);
+    // Redirect to the root
+    window.location.href = '/';
+  </script>
+</head>
+<body>
+  <p>Redirecting to home page...</p>
+</body>
+</html>