@whoz-oss/coday-web 0.0.0-workstream-forge.3

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Biznet.io
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,157 @@
+# Coday Web Package
+
+This package provides the web interface launcher for Coday, bundling both the client (Angular app) and server components into a single executable package.
+
+## Architecture
+
+The web package acts as a thin orchestration layer:
+
+```
+┌─────────────────────────────────────────┐
+│         coday-web (index.js)            │
+│  ┌───────────────────────────────────┐  │
+│  │ 1. Resolve client package path   │  │
+│  │ 2. Set CODAY_CLIENT_PATH env var │  │
+│  │ 3. Import and run server         │  │
+│  └───────────────────────────────────┘  │
+└─────────────────────────────────────────┘
+                    │
+        ┌───────────┴───────────┐
+        ▼                       ▼
+┌──────────────┐        ┌──────────────┐
+│ coday-server │        │ coday-client │
+│  (Express)   │───────▶│  (Angular)   │
+└──────────────┘        └──────────────┘
+```
+
+## Usage Modes
+
+### Production Mode (Published Package)
+
+Use the published npm package via npx:
+
+```bash
+# Using the published package
+pnpm web
+
+# Or directly with npx
+npx @whoz-oss/coday-web --no_auth
+```
+
+In production mode:
+- The web launcher resolves the client package from node_modules
+- Server serves pre-built static files from the client package
+- Single process handles both server and client
+
+### Development Mode (Local Sources)
+
+For development with live reload and local sources:
+
+```bash
+# Start both client and server in development mode
+pnpm web:dev
+```
+
+This command:
+- Starts the Angular dev server on port 4200 (with HMR)
+- Starts the Express server on port 4100 (with tsx watch)
+- Server proxies non-API requests to Angular dev server
+- Changes to client or server code trigger automatic reloads
+
+**How it works in dev mode:**
+1. Client runs with Angular CLI dev server (localhost:4200)
+2. Server runs with tsx watch (localhost:4100)
+3. Server detects `BUILD_ENV=development` and proxies to Angular
+4. API routes (e.g., `/api/*`) are handled by the server
+5. All other routes are proxied to Angular for client-side routing
+
+## Development Workflow
+
+### Running Individual Services
+
+You can also run services separately for debugging:
+
+```bash
+# Run only the client (Angular dev server)
+pnpm client
+
+# Run only the server (Express with tsx watch)
+pnpm server
+```
+
+### Building for Production
+
+The web package depends on built client and server packages:
+
+```bash
+# Build all packages
+pnpm nx run-many --target=build --projects=client,server,web
+
+# Or build everything
+pnpm nx run-many --target=build --all
+```
+
+### Testing Changes
+
+When making changes to the web launcher:
+
+1. Modify `apps/web/index.js`
+2. Test with local server: `node apps/web/index.js --no_auth`
+3. Verify client resolution works correctly
+4. Check that server starts and serves the client
+
+## Environment Variables
+
+- `CODAY_CLIENT_PATH`: Set by the web launcher to tell server where client files are
+- `BUILD_ENV`: Set to `development` by server's serve target for dev mode
+- `PORT`: Override default server port (default: 3000 production, 4100 dev)
+
+## Package Dependencies
+
+```json
+{
+  "@whoz-oss/coday-client": "workspace:*",
+  "@whoz-oss/coday-server": "workspace:*"
+}
+```
+
+These use workspace protocol in development and resolve to specific versions when published.
+
+## Troubleshooting
+
+### "Could not resolve @whoz-oss/coday-client package"
+
+This means the client package isn't built or installed:
+
+```bash
+# In development
+pnpm install
+pnpm nx run client:build
+
+# Or use the web:dev command which doesn't require builds
+pnpm web:dev
+```
+
+### "Failed to start server"
+
+Check that all dependencies are installed:
+
+```bash
+pnpm install
+```
+
+### Development mode not proxying correctly
+
+Ensure both services are running:
+1. Angular dev server should be on port 4200
+2. Express server should be on port 4100
+3. Access the app via http://localhost:4100
+
+## Quick Reference
+
+| Command | Mode | Ports | Use Case |
+|---------|------|-------|----------|
+| `pnpm web` | Production | 3000 | Testing published package |
+| `pnpm web:dev` | Development | 4100→4200 | Active development |
+| `pnpm client` | Development | 4200 | Client-only work |
+| `pnpm server` | Development | 4100 | Server-only work |

package/index.js

@@ -0,0 +1,91 @@
+#!/usr/bin/env node
+import { fileURLToPath, pathToFileURL } from 'url';
+import { dirname, resolve } from 'path';
+import { existsSync } from 'fs';
+import { createRequire } from 'module';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+/**
+ * Coday Web Launcher
+ * 
+ * This script orchestrates the web interface by:
+ * 1. Resolving the client package location at runtime
+ * 2. Setting the client path for the server to use
+ * 3. Delegating execution to the server package
+ */
+
+// Create require function for resolving packages
+const require = createRequire(import.meta.url);
+
+/**
+ * Resolve the client package location
+ * 
+ * Tries multiple resolution strategies:
+ * 1. Standard node_modules resolution (production/npx)
+ * 2. Workspace protocol resolution (development)
+ * 3. Relative path fallback (monorepo development)
+ */
+function resolveClientPath() {
+  try {
+    // Try to resolve the client package using Node's module resolution
+    const clientPackagePath = require.resolve('@whoz-oss/coday-client/package.json');
+    const clientPath = dirname(clientPackagePath);
+    
+    // Check if browser directory exists
+    const browserPath = resolve(clientPath, 'browser');
+    if (existsSync(browserPath)) {
+      return browserPath;
+    }
+    
+    // Fallback: browser might be at package root for published package
+    if (existsSync(resolve(clientPath, 'index.html'))) {
+      return clientPath;
+    }
+    
+    console.error('Client package found but browser directory is missing.');
+    console.error(`Checked paths: ${browserPath}, ${clientPath}`);
+    process.exit(1);
+  } catch (error) {
+    // Fallback for monorepo development
+    const devClientPath = resolve(__dirname, '../../client/dist/browser');
+    if (existsSync(devClientPath)) {
+      console.log('Using development client build from monorepo');
+      return devClientPath;
+    }
+    
+    console.error('Could not resolve @whoz-oss/coday-client package.');
+    console.error('Please ensure dependencies are installed: pnpm install');
+    console.error('Error:', error.message);
+    process.exit(1);
+  }
+}
+
+// Resolve and set the client path
+const clientPath = resolveClientPath();
+process.env.CODAY_CLIENT_PATH = clientPath;
+
+console.log(`Coday Web: Using client files from ${clientPath}`);
+
+// Import and run the server
+// The server package exports its main module which starts the server
+try {
+  // Try to resolve the server package
+  const serverPackagePath = require.resolve('@whoz-oss/coday-server/package.json');
+  const serverDir = dirname(serverPackagePath);
+  const serverMainPath = resolve(serverDir, 'server.js');
+  
+  // Import the server module
+  // Convert Windows absolute path to file:// URL for ESM import
+  const serverModuleURL = pathToFileURL(serverMainPath).href;
+  import(serverModuleURL).catch((error) => {
+    console.error('Failed to start server:', error);
+    process.exit(1);
+  });
+} catch (error) {
+  console.error('Could not resolve @whoz-oss/coday-server package.');
+  console.error('Please ensure dependencies are installed: pnpm install');
+  console.error('Error:', error.message);
+  process.exit(1);
+}

package/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "@whoz-oss/coday-web",
+  "version": "0.0.0-workstream-forge.3",
+  "repository": "https://github.com/whoz-oss/coday",
+  "type": "module",
+  "bin": {
+    "coday-web": "./index.js"
+  },
+  "files": [
+    "index.js",
+    "README.md"
+  ],
+  "dependencies": {
+    "@whoz-oss/coday-client": "0.0.0-workstream-forge.3",
+    "@whoz-oss/coday-server": "0.0.0-workstream-forge.3"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}