@aravinthan_p/appnest-engine 1.0.19 → 1.0.21

package/README.md

@@ -36,7 +36,7 @@ Appnest Engine runs in the **developer’s project directory** (where `app-backe
 │  • Allocates ports for app-backend, app-frontend, app-installation-*     │
 │  • Starts appnest-backend (loads user’s app-backend/server.js)            │
 │  • Starts appnest-frontend (Vite dev server for app-frontend)             │
-│  • Starts appnest-installation-frontend if folder exists                  │
+│  • Starts appnest-install-frontend if folder exists                  │
 │  • Proxies:                                                              │
 │      /app-backend/*  → app-backend                                        │
 │      /app-frontend/* → app-frontend                                       │
@@ -57,7 +57,7 @@ Appnest Engine runs in the **developer’s project directory** (where `app-backe
 ```
 
 - **User directory** = where the developer runs the CLI (`process.cwd()` → `ORIGINAL_CWD` for child processes).
-- **Engine packages** = `appnest-backend`, `appnest-frontend`, `appnest-installation-frontend`, `appnest-proxy` (inside this repo). They are the runtime that loads and serves the **app** folders from the user directory.
+- **Engine packages** = `appnest-backend`, `appnest-frontend`, `appnest-install-frontend`, `appnest-proxy` (inside this repo). They are the runtime that loads and serves the **app** folders from the user directory.
 
 ---
 
@@ -72,7 +72,7 @@ Appnest Engine runs in the **developer’s project directory** (where `app-backe
 | **appnest-proxy/** | Express server on port 3000; env from user `.env`; starts backend + frontends; proxies and file watching. |
 | **appnest-backend/** | Express app that loads the user’s `app-backend/server.js` and exposes it under `/app-backend`. |
 | **appnest-frontend/** | Vite dev server for the user’s `app-frontend`. |
-| **appnest-installation-frontend/** | Vite dev server for the user’s `app-installation-frontend` (optional). |
+| **appnest-install-frontend/** | Vite dev server for the user’s `app-installation-frontend` (optional). |
 
 The developer’s project (user directory) is expected to have:
 
@@ -90,7 +90,7 @@ cd appnest-engine
 npm install
 ```
 
-If this repo uses **npm workspaces**, a single `npm install` at the root also installs dependencies for `appnest-backend`, `appnest-frontend`, `appnest-installation-frontend`, and `appnest-proxy`.
+If this repo uses **npm workspaces**, a single `npm install` at the root also installs dependencies for `appnest-backend`, `appnest-frontend`, `appnest-install-frontend`, and `appnest-proxy`.
 
 ---
 
@@ -125,7 +125,7 @@ From the **appnest-engine** directory, or with the `appnest-engine` binary on `P
 2. **Proxy** reads `.env` from `ORIGINAL_CWD`, allocates ports for backend and frontends, then:
    - Starts **appnest-backend** (which loads the user’s `app-backend/server.js`).
    - Starts **appnest-frontend** (Vite for `app-frontend`).
-   - If `app-installation-frontend` exists, starts **appnest-installation-frontend**.
+   - If `app-installation-frontend` exists, starts **appnest-install-frontend**.
 3. Proxy mounts:
    - `/app-backend` → app-backend
    - `/app-frontend` → app-frontend
@@ -136,7 +136,7 @@ From the **appnest-engine** directory, or with the `appnest-engine` binary on `P
 
 ## Zip / bundle flow
 
-- **`run zip-app`** runs **bundle-frontend** first (builds appnest-frontend and appnest-installation-frontend), then zips the **user’s** `app-frontend`, `app-backend`, and `app-installation-frontend` into **appnest-app-pack** (and updates paths in `app-frontend/dist/index.html` as needed). Use this to produce a single pack for deployment or distribution.
+- **`run zip-app`** runs **bundle-frontend** first (builds appnest-frontend and appnest-install-frontend), then zips the **user’s** `app-frontend`, `app-backend`, and `app-installation-frontend` into **appnest-app-pack** (and updates paths in `app-frontend/dist/index.html` as needed). Use this to produce a single pack for deployment or distribution.
 
 ---
 

package/appnest-command-line/appnest-command.js

@@ -13,7 +13,7 @@ const { validateApp, validateAppFix } = require('./validateUtils');
 const projects = {
   'appnest-backend': path.join(__dirname, '../appnest-backend'),
   'appnest-frontend': path.join(__dirname, '../appnest-frontend'),
-  'appnest-installation-frontend': path.join(__dirname, '../appnest-installation-frontend'),
+  'appnest-install-frontend': path.join(__dirname, '../appnest-install-frontend'),
   'appnest-proxy': path.join(__dirname, '../appnest-proxy'),
   'app-frontend': path.join(userDir, './app-frontend'),
   'app-installation-frontend': path.join(userDir, './app-installation-frontend'),

package/appnest-command-line/bundleUtils.js

@@ -6,8 +6,8 @@ const bundleFrontend = ({ projects }) => {
     console.log('📦 Bundling the frontend app project...');
     const appFrontendProject = projects['appnest-frontend'];
     bundleFrontendProject({ frontendProject: appFrontendProject, projectName: 'appnest-frontend' });
-    const appInstallationFrontendProject = projects['appnest-installation-frontend'];
-    bundleFrontendProject({ frontendProject: appInstallationFrontendProject, projectName: 'appnest-installation-frontend' });
+    const appInstallFrontendProject = projects['appnest-install-frontend'];
+    bundleFrontendProject({ frontendProject: appInstallFrontendProject, projectName: 'appnest-install-frontend' });
     console.log('✅ All frontend app projects bundled successfully.');
 }
 

package/appnest-command-line/installUtils.js

@@ -8,7 +8,7 @@ const installPackages = ({ projects }) => {
         const projectsToInstallKeys = [
             'appnest-backend',
             'appnest-frontend',
-            'appnest-installation-frontend',
+            'appnest-install-frontend',
             'appnest-proxy'
         ];
         const projectsToInstall = projectsToInstallKeys.reduce((acc, key) => {

package/appnest-frontend/core-ui/CoreMain.jsx

@@ -1,6 +1,5 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
-import './index.css'
 import CoreUI from './CoreUI.jsx'
 
 createRoot(document.getElementById('root')).render(

package/appnest-frontend/core-ui/CoreUI.jsx

@@ -1,7 +1,6 @@
 // src/App.jsx
 import React, { Suspense } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
-import './CoreUI.css';
 
 let App;
 
@@ -33,7 +32,41 @@ export default function CoreUI() {
   return (
     <>
       <ErrorBoundary FallbackComponent={ErrorFallback}>
-        <Suspense fallback={<div>Loading developer UI...</div>}>
+        {/* <Suspense fallback={<div>Loading developer UI...</div>}>
+          <App />
+        </Suspense> */}
+        <Suspense
+          fallback={
+            <div
+              style={{
+                display: 'flex',
+                flexDirection: 'column',
+                alignItems: 'center',
+                justifyContent: 'center',
+                minHeight: '100vh',
+                gap: '1rem',
+                background: 'linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%)',
+                fontFamily: 'system-ui, -apple-system, sans-serif',
+                color: '#475569',
+              }}
+            >
+              <div
+                style={{
+                  width: 40,
+                  height: 40,
+                  border: '3px solid #e2e8f0',
+                  borderTopColor: '#3b82f6',
+                  borderRadius: '50%',
+                  animation: 'spin 0.8s linear infinite',
+                }}
+              />
+              <style>{`@keyframes spin { to { transform: rotate(360deg); } }`}</style>
+              <span style={{ fontSize: '0.9375rem', fontWeight: 500 }}>
+                Loading Appnest Engine...
+              </span>
+            </div>
+          }
+        >
           <App />
         </Suspense>
       </ErrorBoundary>

package/appnest-frontend/vite.config.js

@@ -55,6 +55,16 @@ export default defineConfig({
         'node_modules/react/jsx-runtime'
       ),
     },
+    modules: [
+      path.resolve(userProjectPath, 'app-frontend/node_modules'),
+      'node_modules'
+    ]
+  },
+  optimizeDeps: {
+    entries: [
+      path.resolve(userProjectPath, 'app-frontend/src/**/*.jsx'),
+      path.resolve(userProjectPath, 'app-frontend/src/**/*.js')
+    ]
   },
   build: {
     // Output dist folder inside the developer’s project

package/{appnest-installation-frontend → appnest-install-frontend}/package-lock.json

@@ -1,11 +1,11 @@
 {
-  "name": "appnest-installation-frontend",
+  "name": "appnest-install-frontend",
   "version": "0.0.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
-      "name": "appnest-installation-frontend",
+      "name": "appnest-install-frontend",
       "version": "0.0.0",
       "dependencies": {
         "react": "^19.1.1",

package/{appnest-installation-frontend → appnest-install-frontend}/package.json

@@ -1,5 +1,5 @@
 {
-  "name":"appnest-installation-frontend",
+  "name": "appnest-install-frontend",
   "private": true,
   "version": "0.0.0",
   "type": "module",

package/appnest-proxy/server.js

@@ -50,7 +50,7 @@ const getAppEnv = () => {
 const appnestProjects = {
   'appnest-backend': path.join(__dirname, '../appnest-backend'),
   'appnest-frontend': path.join(__dirname, '../appnest-frontend'),
-  'appnest-installation-frontend': path.join(__dirname, '../appnest-installation-frontend'),
+  'appnest-install-frontend': path.join(__dirname, '../appnest-install-frontend'),
 };
 
 const appProjectOverview = {
@@ -80,12 +80,15 @@ let appInjectedEnv = {};
 const startAppBackend = () => {
   try {
     // Start app-backend (Express)
+    const appBackendPrefix = appnestProjects['appnest-backend'];
+    const appBackendEnv = { ...process.env, ...appInjectedEnv, PORT: appBackendPort };
+    console.log('📦 Command: npm run dev --prefix', appBackendPrefix, '| env:', appBackendEnv);
     appBackendProcess = spawn(
       'npm',
-      ['run', 'dev', '--prefix', appnestProjects['appnest-backend']],
+      ['run', 'dev', '--prefix', appBackendPrefix],
       {
         stdio: 'inherit',
-        env: { ...process.env, PORT: appBackendPort },
+        env: appBackendEnv,
       }
     );
     console.log(`🚀 Starting app-backend... on port ${appBackendPort}`);
@@ -100,13 +103,16 @@ const startAppFrontend = () => {
   try {
     console.log('📂 App Injected Environment Variables :', appInjectedEnv);
     console.log('📂 App Injected Environment Variables - CLIENT_SCRIPT_URL :', appInjectedEnv.CLIENT_SCRIPT_URL);
+    const appFrontendPrefix = appnestProjects['appnest-frontend'];
+    const appFrontendEnv = { ...process.env, PORT: appFrontendPort, CLIENT_SCRIPT_URL: appInjectedEnv.CLIENT_SCRIPT_URL };
+    console.log('📦 Command: npm run dev --prefix', appFrontendPrefix, '| env:', appFrontendEnv);
     // Start app-frontend (React)
     appFrontendProcess = spawn(
       'npm',
-      ['run', 'dev', '--prefix', appnestProjects['appnest-frontend']],
+      ['run', 'dev', '--prefix', appFrontendPrefix],
       {
         stdio: 'inherit',
-        env: { ...process.env, PORT: appFrontendPort, CLIENT_SCRIPT_URL: appInjectedEnv.CLIENT_SCRIPT_URL },
+        env: appFrontendEnv,
       }
     );
     console.log(`🚀 Starting app-frontend... on port ${appFrontendPort}`);
@@ -123,7 +129,7 @@ const startAppInstallationFrontend = () => {
     // Start app-installation-frontend (React)
     appInstallationFrontendProcess = spawn(
       'npm',
-      ['run', 'dev', '--prefix', appnestProjects['appnest-installation-frontend']],
+      ['run', 'dev', '--prefix', appnestProjects['appnest-install-frontend']],
       {
         stdio: 'inherit',
         env: { ...process.env, PORT: appInstallationFrontendPort, CLIENT_SCRIPT_URL: appInjectedEnv.CLIENT_SCRIPT_URL },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aravinthan_p/appnest-engine",
-  "version": "1.0.19",
+  "version": "1.0.21",
   "main": "index.js",
   "keywords": [],
   "bin": {