baraqex 1.0.74 → 2.0.0

package/templates/complete-app/tsconfig.json

@@ -0,0 +1,22 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "useDefineForClassFields": true,
+    "lib": ["DOM", "DOM.Iterable", "ESNext"],
+    "allowJs": false,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "preserve",
+    "jsxFactory": "createElement",
+    "jsxFragmentFactory": "Fragment"
+  },
+  "include": ["src"]
+}

package/templates/complete-app/tsconfig.server.json

@@ -0,0 +1,19 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "NodeNext",
+    "moduleResolution": "NodeNext",
+    "esModuleInterop": true,
+    "outDir": "./dist/server",
+    "declaration": true,
+    "sourceMap": true,
+    "strict": true,
+    "skipLibCheck": true,
+    "jsx": "react",
+    "jsxFactory": "createElement",
+    "jsxFragmentFactory": "Fragment"
+  },
+  "include": ["server.ts", "src/pages/**/*.tsx"],
+  "exclude": ["node_modules", "dist"]
+}

package/templates/complete-app/vite.config.js

@@ -0,0 +1,57 @@
+import { defineConfig } from 'vite';
+import { resolve } from 'path';
+
+export default defineConfig({
+  // Configure JSX
+  esbuild: {
+    jsxFactory: 'createElement',
+    jsxFragment: 'Fragment',
+    jsxInject: `import { createElement, Fragment } from 'frontend-hamroun'`
+  },
+
+  // Configure build
+  build: {
+    outDir: 'dist/public',
+    emptyOutDir: true,
+    rollupOptions: {
+      input: {
+        client: resolve(__dirname, 'src/client.ts')
+      },
+      output: [
+        {
+          // ESM output
+          entryFileNames: 'assets/[name].mjs',
+          chunkFileNames: 'assets/[name]-[hash].mjs',
+          assetFileNames: 'assets/[name]-[hash].[ext]',
+          format: 'es',
+        },
+        {
+          // CommonJS output
+          entryFileNames: 'assets/[name].js',
+          chunkFileNames: 'assets/[name]-[hash].js',
+          assetFileNames: 'assets/[name]-[hash].[ext]',
+          format: 'cjs',
+        }
+      ]
+    }
+  },
+
+  // Add optimizations for frontend-hamroun
+  optimizeDeps: {
+    include: ['frontend-hamroun']
+  },
+
+  // Resolve aliases for better imports
+  resolve: {
+    alias: {
+      '@': resolve(__dirname, 'src')
+    }
+  },
+
+  // Development server
+  server: {
+    proxy: {
+      '/api': 'http://localhost:3000'
+    }
+  }
+});

package/templates/complete-app/vite.config.ts

@@ -0,0 +1,30 @@
+import { defineConfig } from 'vite';
+import path from 'path';
+
+export default defineConfig({
+  resolve: {
+    alias: {
+      'frontend-hamroun': path.resolve(__dirname, 'node_modules/frontend-hamroun')
+    }
+  },
+  build: {
+    outDir: 'dist',
+    ssr: 'src/server.ts',
+    rollupOptions: {
+      input: {
+        client: './src/client.tsx',
+        server: './src/server.ts'
+      },
+      output: {
+        entryFileNames: '[name].js',
+        chunkFileNames: 'assets/[name]-[hash].js',
+        assetFileNames: 'assets/[name]-[hash].[ext]'
+      }
+    }
+  },
+  esbuild: {
+    jsxFactory: '_jsx',
+    jsxFragment: '_Fragment',
+    jsxInject: `import { jsx as _jsx, Fragment as _Fragment } from 'frontend-hamroun'`
+  }
+});

package/templates/fullstack-app/README.md

@@ -0,0 +1,37 @@
+# Frontend Hamroun Fullstack Template
+
+A dynamic, customizable fullstack template with automatic routing.
+
+## Getting Started
+
+1. Install dependencies:
+   ```
+   npm install
+   ```
+
+2. Run the development server:
+   ```
+   npm run dev
+   ```
+
+3. Build for production:
+   ```
+   npm run build
+   ```
+
+4. Run in production mode:
+   ```
+   npm start
+   ```
+
+## Customizing Without Touching Core Files
+
+This template is designed to be customized without modifying the core server or app files:
+
+1. **Configuration**: Edit `src/config.ts` to change app settings
+2. **Pages**: Add new pages in `src/pages` - they become routes automatically
+3. **Components**: Create reusable components in `src/components`
+4. **API Endpoints**: Add new API endpoints in `src/data/api.ts`
+
+## File Structure
+

package/templates/fullstack-app/api/hello.js

@@ -0,0 +1,11 @@
+export const get = (req, res) => {
+  res.json({
+    message: 'Hello from the API!',
+    time: new Date().toISOString(),
+    features: [
+      'Server-side rendering',
+      'API integration',
+      'No build step required'
+    ]
+  });
+};

package/templates/fullstack-app/api/hello.ts

@@ -0,0 +1,18 @@
+import { Request, Response } from 'express';
+
+export const get = (req: Request, res: Response) => {
+  res.json({
+    message: 'Hello from the API!',
+    timestamp: new Date().toISOString()
+  });
+};
+
+export const post = (req: Request, res: Response) => {
+  const { name = 'Guest' } = req.body;
+  
+  res.json({
+    message: `Hello, ${name}!`,
+    timestamp: new Date().toISOString(),
+    receivedData: req.body
+  });
+};

package/templates/fullstack-app/api/users/[id].ts

@@ -0,0 +1,73 @@
+import { Request, Response } from 'express';
+
+// Mock user database - same as in index.ts for simplicity
+const users = [
+  { id: 1, name: 'User 1', email: 'user1@example.com' },
+  { id: 2, name: 'User 2', email: 'user2@example.com' },
+  { id: 3, name: 'User 3', email: 'user3@example.com' }
+];
+
+export const get = (req: Request, res: Response) => {
+  const userId = parseInt(req.params.id);
+  
+  if (isNaN(userId)) {
+    return res.status(400).json({ error: 'Invalid user ID' });
+  }
+  
+  const user = users.find(u => u.id === userId);
+  
+  if (!user) {
+    return res.status(404).json({ error: 'User not found' });
+  }
+  
+  res.json(user);
+};
+
+export const put = (req: Request, res: Response) => {
+  const userId = parseInt(req.params.id);
+  
+  if (isNaN(userId)) {
+    return res.status(400).json({ error: 'Invalid user ID' });
+  }
+  
+  const userIndex = users.findIndex(u => u.id === userId);
+  
+  if (userIndex === -1) {
+    return res.status(404).json({ error: 'User not found' });
+  }
+  
+  const { name, email } = req.body;
+  
+  if (!name && !email) {
+    return res.status(400).json({ error: 'Name or email must be provided' });
+  }
+  
+  // Update the user
+  users[userIndex] = {
+    ...users[userIndex],
+    ...(name && { name }),
+    ...(email && { email })
+  };
+  
+  res.json(users[userIndex]);
+};
+
+export const delete_ = (req: Request, res: Response) => {
+  const userId = parseInt(req.params.id);
+  
+  if (isNaN(userId)) {
+    return res.status(400).json({ error: 'Invalid user ID' });
+  }
+  
+  const userIndex = users.findIndex(u => u.id === userId);
+  
+  if (userIndex === -1) {
+    return res.status(404).json({ error: 'User not found' });
+  }
+  
+  // Remove the user
+  const deletedUser = users[userIndex];
+  users.splice(userIndex, 1);
+  
+  res.json({ success: true, deletedUser });
+};

package/templates/fullstack-app/api/users/index.ts

@@ -0,0 +1,32 @@
+import { Request, Response } from 'express';
+
+// Mock user database
+const users = [
+  { id: 1, name: 'User 1', email: 'user1@example.com' },
+  { id: 2, name: 'User 2', email: 'user2@example.com' },
+  { id: 3, name: 'User 3', email: 'user3@example.com' }
+];
+
+export const get = (req: Request, res: Response) => {
+  // Return users without sensitive information
+  const safeUsers = users.map(({ id, name, email }) => ({ id, name, email }));
+  res.json(safeUsers);
+};
+
+export const post = (req: Request, res: Response) => {
+  const { name, email } = req.body;
+  
+  if (!name || !email) {
+    return res.status(400).json({ error: 'Name and email are required' });
+  }
+  
+  // In a real app, validate data and save to database
+  const newUser = {
+    id: users.length + 1,
+    name,
+    email
+  };
+  
+  users.push(newUser);
+  res.status(201).json(newUser);
+};