create-aziz-app 1.0.3 → 2.0.1

package/template/scripts/generate-imports.js

@@ -0,0 +1,98 @@
+#!/usr/bin/env node
+
+const fs = require('fs');
+const path = require('path');
+
+console.log('🔍 Auto-generating imports...\n');
+
+// Scan a directory for files
+function scanDirectory(dir, extensions = []) {
+    const files = [];
+    
+    if (!fs.existsSync(dir)) {
+        return files;
+    }
+    
+    const items = fs.readdirSync(dir);
+    
+    for (const item of items) {
+        const fullPath = path.join(dir, item);
+        const stat = fs.statSync(fullPath);
+        
+        if (stat.isFile()) {
+            const ext = path.extname(item);
+            if (extensions.length === 0 || extensions.includes(ext)) {
+                files.push(path.relative('.', fullPath).replace(/\\/g, '/'));
+            }
+        }
+    }
+    
+    return files;
+}
+
+// Scan for files
+const apiRoutes = scanDirectory('api', ['.js']);
+const components = scanDirectory('components', ['.jsx', '.js']);
+const pages = scanDirectory('pages', ['.jsx', '.js']);
+
+console.log(`📡 Found ${apiRoutes.length} API routes`);
+console.log(`🧩 Found ${components.length} components`);
+console.log(`📄 Found ${pages.length} pages\n`);
+
+// Read app.html
+let html = fs.readFileSync('app.html', 'utf8');
+
+// Generate script tags
+let scriptTags = '    <!-- Load core modules -->\n';
+scriptTags += '    <script type="text/babel" src="modules/router.js"></script>\n';
+scriptTags += '    <script type="text/babel" src="modules/state.js"></script>\n';
+scriptTags += '    <script type="text/babel" src="modules/api.js"></script>\n\n';
+
+if (apiRoutes.length > 0) {
+    scriptTags += '    <!-- Load API routes -->\n';
+    apiRoutes.forEach(route => {
+        scriptTags += `    <script type="text/babel" src="${route}"></script>\n`;
+    });
+    scriptTags += '\n';
+}
+
+if (components.length > 0) {
+    scriptTags += '    <!-- Load shared components -->\n';
+    components.forEach(component => {
+        scriptTags += `    <script type="text/babel" src="${component}"></script>\n`;
+    });
+    scriptTags += '\n';
+}
+
+if (pages.length > 0) {
+    scriptTags += '    <!-- Load pages -->\n';
+    pages.forEach(page => {
+        scriptTags += `    <script type="text/babel" src="${page}"></script>\n`;
+    });
+    scriptTags += '\n';
+}
+
+scriptTags += '    <!-- Start the app -->\n';
+scriptTags += '    <script type="text/babel">\n';
+scriptTags += '        startApp();\n';
+scriptTags += '    </script>';
+
+// Replace the scripts section
+const startMarker = '    <!-- Load core modules -->';
+const endMarker = '</script>';
+
+const startIndex = html.indexOf(startMarker);
+const endIndex = html.lastIndexOf(endMarker);
+
+if (startIndex !== -1 && endIndex !== -1) {
+    const before = html.substring(0, startIndex);
+    const after = html.substring(endIndex + endMarker.length);
+    
+    html = before + scriptTags + after;
+    
+    fs.writeFileSync('app.html', html);
+    console.log('✅ Updated app.html with new imports\n');
+    console.log('🎉 Done! Refresh your browser to see changes.');
+} else {
+    console.error('❌ Could not find script markers in app.html');
+}

package/template/app.js

@@ -1,83 +0,0 @@
-/** @jsx h */
-
-// ==============================
-//  h() — our own createElement
-//  Babel compiles JSX like <div class="x"> into h("div", { class: "x" }, ...children)
-//  This function turns that into a real DOM element
-// ==============================
-function h(tag, props, ...children) {
-    if (typeof tag === "function") {
-        return tag(props, ...children);
-    }
-
-    const el = document.createElement(tag);
-
-    if (props) {
-        for (let key in props) {
-            if (key.startsWith("on")) {
-                const eventName = key.slice(2).toLowerCase();
-                el.addEventListener(eventName, props[key]);
-            } else if (key === "className") {
-                el.className = props[key];
-            } else {
-                el.setAttribute(key, props[key]);
-            }
-        }
-    }
-
-    for (let child of children) {
-        if (child === null || child === undefined) continue;
-        if (typeof child === "string" || typeof child === "number") {
-            el.appendChild(document.createTextNode(child));
-        } else {
-            el.appendChild(child);
-        }
-    }
-
-    return el;
-}
-
-
-// ==============================
-//  STATE
-// ==============================
-let state = {
-    count: 0
-};
-
-
-// ==============================
-//  RENDER
-// ==============================
-function render() {
-    const root = document.getElementById("root");
-    root.innerHTML = "";
-    root.appendChild(Header());
-    root.appendChild(Counter());
-    root.appendChild(Footer());
-}
-
-
-// ==============================
-//  STATE UPDATER FUNCTIONS
-// ==============================
-function increment() {
-    state.count = state.count + 1;
-    render();
-}
-
-function decrement() {
-    state.count = state.count - 1;
-    render();
-}
-
-function reset() {
-    state.count = 0;
-    render();
-}
-
-
-// ==============================
-//  FIRST RENDER
-// ==============================
-render();

package/template/components/Header.jsx

@@ -1,10 +0,0 @@
-/** @jsx h */
-
-function Header() {
-    return (
-        <div class="header">
-            <h1>My Aziz Js App ⚡</h1>
-            <p>A simple React-like app using plain JavaScript</p>
-        </div>
-    );
-}