npm - frontend-hamroun - Versions diffs - 1.2.16 → 1.2.17 - Mend

frontend-hamroun 1.2.16 → 1.2.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (158) hide show

package/README.md +4 -0
package/bin/cli.js +673 -0
package/dist/component.d.ts +1 -1
package/dist/context.d.ts +4 -3
package/dist/index.client.d.ts +11 -0
package/dist/index.d.ts +9 -89
package/dist/index.js +396 -67
package/dist/index.js.map +1 -0
package/dist/index.mjs +392 -0
package/dist/index.mjs.map +1 -0
package/dist/jsx-runtime/jsx-runtime.d.ts +0 -1
package/dist/jsx-runtime.d.ts +1 -1
package/dist/renderer.d.ts +0 -10
package/dist/server-renderer.d.ts +0 -3
package/dist/server-types.d.ts +42 -0
package/package.json +69 -41
package/templates/basic-app/index.html +6 -6
package/templates/basic-app/package.json +18 -7
package/templates/basic-app/postcss.config.js +0 -1
package/templates/basic-app/src/main.tsx +1 -10
package/templates/basic-app/tailwind.config.js +2 -23
package/templates/basic-app/tsconfig.json +4 -17
package/templates/basic-app/vite.config.ts +3 -54
package/templates/fullstack-app/api/hello.ts +18 -0
package/templates/fullstack-app/api/users/[id].ts +73 -0
package/templates/fullstack-app/api/users/index.ts +32 -0
package/templates/fullstack-app/package.json +31 -0
package/templates/fullstack-app/server.ts +46 -0
package/templates/fullstack-app/src/pages/index.tsx +59 -0
package/templates/ssr-template/vite.config.ts +1 -11
package/bin/cli.cjs +0 -16
package/bin/cli.mjs +0 -237
package/dist/backend/api-utils.d.ts +0 -38
package/dist/backend/api-utils.js +0 -135
package/dist/backend/auth.d.ts +0 -134
package/dist/backend/auth.js +0 -387
package/dist/backend/database.d.ts +0 -27
package/dist/backend/database.js +0 -91
package/dist/backend/model.d.ts +0 -43
package/dist/backend/model.js +0 -178
package/dist/backend/router.d.ts +0 -27
package/dist/backend/router.js +0 -137
package/dist/backend/server.d.ts +0 -19
package/dist/backend/server.js +0 -268
package/dist/backend/types.d.ts +0 -217
package/dist/backend/types.js +0 -1
package/dist/batch.js +0 -22
package/dist/cli/index.d.ts +0 -2
package/dist/cli/index.js +0 -215
package/dist/component.js +0 -84
package/dist/components/Counter.js +0 -2
package/dist/context.js +0 -18
package/dist/frontend-hamroun.es.js +0 -1378
package/dist/frontend-hamroun.umd.js +0 -66
package/dist/hooks.js +0 -164
package/dist/jsx-runtime/index.d.ts +0 -11
package/dist/jsx-runtime/index.js +0 -19
package/dist/jsx-runtime/jsx-dev-runtime.js +0 -1
package/dist/jsx-runtime/jsx-runtime.js +0 -95
package/dist/jsx-runtime.js +0 -192
package/dist/renderer.js +0 -51
package/dist/server-renderer.js +0 -102
package/dist/types.js +0 -1
package/dist/vdom.js +0 -27
package/scripts/build-cli.js +0 -1199
package/scripts/generate.js +0 -134
package/src/backend/api-utils.ts +0 -178
package/src/backend/auth.ts +0 -544
package/src/backend/database.ts +0 -104
package/src/backend/model.ts +0 -198
package/src/backend/router.ts +0 -176
package/src/backend/server.ts +0 -330
package/src/backend/types.ts +0 -257
package/src/batch.ts +0 -24
package/src/cli/index.js +0 -554
package/src/cli/index.ts +0 -257
package/src/component.ts +0 -98
package/src/components/Counter.tsx +0 -4
package/src/context.ts +0 -29
package/src/hooks.ts +0 -211
package/src/index.ts +0 -144
package/src/jsx-runtime/index.ts +0 -27
package/src/jsx-runtime/jsx-dev-runtime.ts +0 -0
package/src/jsx-runtime/jsx-runtime.ts +0 -104
package/src/jsx-runtime.ts +0 -226
package/src/renderer.ts +0 -55
package/src/server-renderer.ts +0 -114
package/src/shims.d.ts +0 -20
package/src/types/bcrypt.d.ts +0 -30
package/src/types/jsonwebtoken.d.ts +0 -55
package/src/types.d.ts +0 -26
package/src/types.ts +0 -21
package/src/vdom.ts +0 -34
package/templates/basic/.eslintignore +0 -5
package/templates/basic/.eslintrc.json +0 -25
package/templates/basic/docs/rapport_pfe.aux +0 -27
package/templates/basic/docs/rapport_pfe.log +0 -399
package/templates/basic/docs/rapport_pfe.out +0 -10
package/templates/basic/docs/rapport_pfe.pdf +0 -0
package/templates/basic/docs/rapport_pfe.tex +0 -68
package/templates/basic/docs/rapport_pfe.toc +0 -14
package/templates/basic/index.html +0 -12
package/templates/basic/jsconfig.json +0 -14
package/templates/basic/package.json +0 -18
package/templates/basic/postcss.config.js +0 -7
package/templates/basic/src/App.js +0 -105
package/templates/basic/src/App.tsx +0 -65
package/templates/basic/src/api.ts +0 -58
package/templates/basic/src/components/Counter.tsx +0 -26
package/templates/basic/src/components/Header.tsx +0 -9
package/templates/basic/src/components/TodoList.tsx +0 -90
package/templates/basic/src/main.css +0 -3
package/templates/basic/src/main.js +0 -11
package/templates/basic/src/main.ts +0 -20
package/templates/basic/src/main.tsx +0 -144
package/templates/basic/src/server.ts +0 -99
package/templates/basic/tailwind.config.js +0 -32
package/templates/basic/tsconfig.json +0 -20
package/templates/basic/tsconfig.node.json +0 -10
package/templates/basic/vite.config.js +0 -18
package/templates/basic/vite.config.ts +0 -86
package/templates/basic-app/src/App.js +0 -105
package/templates/basic-app/src/App.tsx +0 -143
package/templates/basic-app/src/api.ts +0 -58
package/templates/basic-app/src/components/Counter.tsx +0 -26
package/templates/basic-app/src/components/Header.tsx +0 -9
package/templates/basic-app/src/components/TodoList.tsx +0 -90
package/templates/basic-app/src/main.js +0 -10
package/templates/basic-app/src/main.ts +0 -21
package/templates/basic-app/src/react/index.ts +0 -35
package/templates/basic-app/src/react/jsx-dev-runtime.ts +0 -13
package/templates/basic-app/src/react/jsx-runtime.ts +0 -12
package/templates/basic-app/src/server.ts +0 -99
package/templates/basic-app/src/shims.ts +0 -9
package/templates/basic-app/tsconfig.node.json +0 -10
package/templates/basic-app/vite.config.js +0 -22
package/templates/full-stack/.env.example +0 -11
package/templates/full-stack/README.md +0 -51
package/templates/full-stack/index.html +0 -12
package/templates/full-stack/jsconfig.json +0 -14
package/templates/full-stack/package.json +0 -21
package/templates/full-stack/src/App.js +0 -105
package/templates/full-stack/src/client/App.tsx +0 -50
package/templates/full-stack/src/client/components/Header.tsx +0 -42
package/templates/full-stack/src/client/components/UserList.tsx +0 -29
package/templates/full-stack/src/client/main.tsx +0 -5
package/templates/full-stack/src/main.css +0 -3
package/templates/full-stack/src/main.js +0 -11
package/templates/full-stack/src/main.ts +0 -20
package/templates/full-stack/src/server/index.ts +0 -99
package/templates/full-stack/src/server/routes/auth.ts +0 -39
package/templates/full-stack/src/server/routes/users.ts +0 -48
package/templates/full-stack/src/shims.ts +0 -9
package/templates/full-stack/tsconfig.json +0 -20
package/templates/full-stack/tsconfig.node.json +0 -10
package/templates/full-stack/tsconfig.server.json +0 -15
package/templates/full-stack/vite.config.js +0 -18
package/templates/full-stack/vite.config.ts +0 -85

package/templates/basic-app/index.html CHANGED Viewed

@@ -1,12 +1,12 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Frontend Hamroun App</title>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>My Frontend App</title>
 </head>
-<body>
-  <div id="app"></div>
-  <script type="module" src="/src/main.js"></script>
+<body class="bg-gray-100 min-h-screen">
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
 </body>
 </html>

package/templates/basic-app/package.json CHANGED Viewed

@@ -1,17 +1,28 @@
 {
-  "name": "frontend-hamroun-app",
+  "name": "my-app",
   "private": true,
-  "version": "0.1.0",
+  "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "dev": "node src/server.js",
-    "build": "tsc",
-    "start": "node dist/server.js"
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview",
+    "lint": "eslint src --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "lint:fix": "eslint src --ext ts,tsx --fix"
   },
   "dependencies": {
-    "express": "^4.18.2"
+    "frontend-hamroun": "latest"
   },
   "devDependencies": {
-    "typescript": "^5.3.2"
+    "typescript": "^5.0.0",
+    "vite": "^4.4.9",
+    "@typescript-eslint/eslint-plugin": "^6.0.0",
+    "@typescript-eslint/parser": "^6.0.0",
+    "eslint": "^8.45.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.3",
+    "tailwindcss": "^3.3.3",
+    "postcss": "^8.4.27",
+    "autoprefixer": "^10.4.14"
   }
 }

package/templates/basic-app/postcss.config.js CHANGED Viewed

@@ -2,6 +2,5 @@ export default {
   plugins: {
     tailwindcss: {},
     autoprefixer: {},
-    cssnano: process.env.NODE_ENV === 'production' ? { preset: 'default' } : false
   },
 }

package/templates/basic-app/src/main.tsx CHANGED Viewed

@@ -141,13 +141,4 @@ function ContextConsumer() {
   );
 }
-import { render } from 'frontend-hamroun';
-import { App } from './App';
-document.addEventListener('DOMContentLoaded', () => {
-  const rootElement = document.getElementById('app');
-  if (rootElement) {
-    render(App({}), rootElement);
-    console.log('App rendered successfully');
-  }
-});
+render(<App />, document.getElementById('root')!);

package/templates/basic-app/tailwind.config.js CHANGED Viewed

@@ -5,28 +5,7 @@ export default {
     "./src/**/*.{js,ts,jsx,tsx}",
   ],
   theme: {
-    extend: {
-      colors: {
-        primary: {
-          50: '#f0f9ff',
-          100: '#e0f2fe',
-          200: '#bae6fd',
-          300: '#7dd3fc',
-          400: '#38bdf8',
-          500: '#0ea5e9',
-          600: '#0284c7',
-          700: '#0369a1',
-          800: '#075985',
-          900: '#0c4a6e',
-        },
-      },
-      fontFamily: {
-        sans: ['Inter var', 'sans-serif'],
-      },
-    },
+    extend: {},
   },
-  plugins: [
-    require('@tailwindcss/forms'),
-    require('@tailwindcss/typography'),
-  ],
+  plugins: [],
 }

package/templates/basic-app/tsconfig.json CHANGED Viewed

@@ -1,26 +1,13 @@
 {
   "compilerOptions": {
     "target": "ES2020",
-    "useDefineForClassFields": true,
     "module": "ESNext",
     "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "skipLibCheck": true,
+    "jsx": "preserve",
     "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
+    "esModuleInterop": true,
     "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-    "paths": {
-      "react": ["./node_modules/frontend-hamroun"],
-      "react-dom": ["./node_modules/frontend-hamroun"],
-      "react/jsx-runtime": ["./node_modules/frontend-hamroun"],
-      "react/jsx-dev-runtime": ["./node_modules/frontend-hamroun"]
-    }
+    "skipLibCheck": true
   },
-  "include": ["src"],
-  "references": [{ "path": "./tsconfig.node.json" }]
+  "include": ["src"]
 }

package/templates/basic-app/vite.config.ts CHANGED Viewed

@@ -1,59 +1,8 @@
 import { defineConfig } from 'vite';
-import { nodePolyfills } from 'vite-plugin-node-polyfills';
-import path from 'path';
 export default defineConfig({
-  build: {
-    outDir: 'dist',
-    emptyOutDir: true,
-    rollupOptions: {
-      // Mark server-side dependencies as external
-      external: [
-        'react',
-        'react-dom',
-        'react/jsx-runtime',
-        'react/jsx-dev-runtime',
-        'express',
-        'compression',
-        'helmet',
-        'morgan',
-        'bcrypt',
-        'jsonwebtoken',
-        'mongoose',
-        /node:.*/
-      ]
-    }
-  },
-  server: {
-    port: 3000,
-    open: true
-  },
-  optimizeDeps: {
-    // Prevent Vite from optimizing Node.js modules
-    exclude: ['bcrypt', 'jsonwebtoken', 'mongoose', 'express', 'compression', 'helmet', 'morgan'],
-    esbuildOptions: {
-      define: {
-        global: 'globalThis'
-      }
-    },
-    include: ['frontend-hamroun']
-  },
-  plugins: [
-    nodePolyfills({
-      protocolImports: true,
-    }),
-  ],
-  resolve: {
-    alias: {
-      // Remove any Node.js specific imports that might cause issues
-      'bcrypt': 'frontend-hamroun',
-      'jsonwebtoken': 'frontend-hamroun',
-      'mongoose': 'frontend-hamroun',
-      // Map React imports to our compatibility layer
-      'react': path.resolve(__dirname, 'src/react/index.ts'),
-      'react-dom': 'frontend-hamroun',
-      'react/jsx-runtime': path.resolve(__dirname, 'src/react/jsx-runtime.ts'),
-      'react/jsx-dev-runtime': path.resolve(__dirname, 'src/react/jsx-dev-runtime.ts')
-    }
+  esbuild: {
+    jsxFactory: 'jsx',
+    jsxFragment: 'Fragment'
   }
 });

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

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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);
+};

package/templates/fullstack-app/package.json ADDED Viewed

@@ -0,0 +1,31 @@
+{
+  "name": "fullstack-app",
+  "version": "0.1.0",
+  "type": "module",
+  "scripts": {
+    "dev": "node --loader ts-node/esm server.ts",
+    "build": "vite build && tsc --emitDeclarationOnly",
+    "start": "node dist/server.js"
+  },
+  "dependencies": {
+    "bcryptjs": "^2.4.3",
+    "cors": "^2.8.5",
+    "express": "^4.18.2",
+    "frontend-hamroun": "latest",
+    "jsonwebtoken": "^9.0.2",
+    "mongodb": "^5.7.0"
+  },
+  "devDependencies": {
+    "@types/bcryptjs": "^2.4.4",
+    "@types/cors": "^2.8.14",
+    "@types/express": "^4.17.18",
+    "@types/jsonwebtoken": "^9.0.3",
+    "@types/node": "^18.16.19",
+    "autoprefixer": "^10.4.15",
+    "postcss": "^8.4.29",
+    "tailwindcss": "^3.3.3",
+    "ts-node": "^10.9.1",
+    "typescript": "^5.2.2",
+    "vite": "^4.4.9"
+  }
+}

package/templates/fullstack-app/server.ts ADDED Viewed

@@ -0,0 +1,46 @@
+import { Server } from 'frontend-hamroun';
+import path from 'path';
+import { fileURLToPath } from 'url';
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const server = new Server({
+  port: process.env.PORT ? parseInt(process.env.PORT) : 3000,
+  apiDir: './api',
+  pagesDir: './src/pages',
+  staticDir: './public',
+  // Uncomment to enable database
+  /*
+  db: {
+    url: process.env.DATABASE_URL || 'mongodb://localhost:27017/my_app',
+    type: 'mongodb'
+  },
+  */
+  // Uncomment to enable authentication
+  /*
+  auth: {
+    secret: process.env.JWT_SECRET || 'your-secret-key',
+    expiresIn: '7d'
+  }
+  */
+});
+// Connect to database if configured
+if (server.getDatabase()) {
+  await server.getDatabase()?.connect();
+}
+// Start the server
+await server.start();
+// Handle shutdown gracefully
+process.on('SIGINT', async () => {
+  console.log('Shutting down server...');
+  await server.stop();
+  if (server.getDatabase()) {
+    await server.getDatabase()?.disconnect();
+  }
+  process.exit(0);
+});

package/templates/fullstack-app/src/pages/index.tsx ADDED Viewed

@@ -0,0 +1,59 @@
+import { useState, useEffect } from 'frontend-hamroun';
+export default function HomePage() {
+  const [apiData, setApiData] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    async function fetchData() {
+      try {
+        const response = await fetch('/api/hello');
+        const data = await response.json();
+        setApiData(data);
+        setLoading(false);
+      } catch (err) {
+        setError(err.message);
+        setLoading(false);
+      }
+    }
+    fetchData();
+  }, []);
+  return (
+    <div className="container mx-auto p-4">
+      <h1 className="text-3xl font-bold mb-4">Frontend Hamroun Full Stack</h1>
+      <div className="mb-6">
+        <h2 className="text-xl font-semibold mb-2">API Response:</h2>
+        {loading ? (
+          <p>Loading...</p>
+        ) : error ? (
+          <p className="text-red-500">Error: {error}</p>
+        ) : (
+          <pre className="bg-gray-100 p-4 rounded">
+            {JSON.stringify(apiData, null, 2)}
+          </pre>
+        )}
+      </div>
+      <div className="mb-6">
+        <h2 className="text-xl font-semibold mb-2">Features:</h2>
+        <ul className="list-disc pl-6">
+          <li>Server-side rendering</li>
+          <li>API routes with Express</li>
+          <li>Database integration</li>
+          <li>Authentication and authorization</li>
+          <li>File-based routing</li>
+        </ul>
+      </div>
+      <div>
+        <h2 className="text-xl font-semibold mb-2">Get Started:</h2>
+        <p>Edit <code className="bg-gray-100 px-2 py-1 rounded">src/pages/index.tsx</code> to customize this page</p>
+        <p>API routes are in the <code className="bg-gray-100 px-2 py-1 rounded">api</code> directory</p>
+      </div>
+    </div>
+  );
+}

package/templates/ssr-template/vite.config.ts CHANGED Viewed

@@ -19,17 +19,7 @@ export default defineConfig({
         entryFileNames: '[name].js',
         chunkFileNames: 'assets/[name]-[hash].js',
         assetFileNames: 'assets/[name]-[hash].[ext]'
-      },
-      // Mark testing dependencies as external so they won't be included in the bundle
-      external: [
-        'mock-aws-s3',
-        'aws-sdk',
-        'nock',
-        'jest',
-        'jest-mock',
-        '@testing-library/react',
-        '@testing-library/jest-dom'
-      ]
+      }
     }
   },
   esbuild: {

package/bin/cli.cjs DELETED Viewed

@@ -1,16 +0,0 @@
-#!/usr/bin/env node
-// This file is a CommonJS wrapper for the ES module CLI
-// It loads the actual CLI implementation using dynamic import()
-async function main() {
-  try {
-    // Use dynamic import to load the ES module CLI
-    const cliPath = new URL('../bin/cli.mjs', import.meta.url).href;
-    await import(cliPath);
-  } catch (error) {
-    console.error('Error loading CLI:', error);
-    process.exit(1);
-  }
-}
-main();