localssl-cli 0.1.8 → 0.1.9

package/README.md

@@ -48,7 +48,8 @@ Then run your app as usual (`npm run dev` / `npm start`).
 
 - Adds `predev: "localssl-cli use"` if `dev` exists
 - Adds `prestart: "localssl-cli use"` if `start` exists
-- If `predev`/`prestart` already exists, prepends `localssl-cli use && ...`
+- Adds `preserve: "localssl-cli use"` if `serve` exists
+- If pre-hooks already exist, prepends `localssl-cli use && ...`
 - Skips if already configured
 
 Disable this behavior:
@@ -119,6 +120,7 @@ Best-effort cleanup:
 ## Framework support
 
 - **Vite**: injects HTTPS cert/key in `vite.config.*`
+- **Angular (`ng serve`)**: updates `start/dev/serve` scripts with `--ssl`, `--ssl-cert`, `--ssl-key` and updates `angular.json` serve options when available
 - **Next.js**: updates `dev` script with `--experimental-https` flags
 - **Create React App**: writes HTTPS vars to `.env.local`
 - **Express**: creates `localssl.js` helper exporting HTTPS options

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "localssl-cli",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "description": "One-command local HTTPS setup for teams",
   "type": "commonjs",
   "main": "src/index.js",

package/src/frameworks/angular.js

@@ -0,0 +1,97 @@
+const path = require('path');
+const fs = require('fs-extra');
+const { PROJECT_DIR } = require('../utils');
+
+function addHttpsFlagsToNgServe(script, certPath, keyPath) {
+  if (!/\bng\s+serve\b/.test(script)) {
+    return { changed: false, value: script };
+  }
+
+  if (/--ssl\b/.test(script) || /--ssl-cert\b/.test(script) || /--ssl-key\b/.test(script)) {
+    return { changed: false, value: script };
+  }
+
+  const cert = certPath.replace(/\\/g, '/');
+  const key = keyPath.replace(/\\/g, '/');
+  const value = `${script} --ssl true --ssl-cert \"${cert}\" --ssl-key \"${key}\"`;
+  return { changed: true, value };
+}
+
+async function configureAngularScripts(certPath, keyPath) {
+  const packageJsonPath = path.join(PROJECT_DIR, 'package.json');
+  if (!(await fs.pathExists(packageJsonPath))) {
+    return { updated: false, details: 'package.json not found' };
+  }
+
+  const pkg = await fs.readJson(packageJsonPath).catch(() => ({}));
+  pkg.scripts = pkg.scripts || {};
+
+  let changed = false;
+  for (const scriptName of ['start', 'dev', 'serve']) {
+    const current = pkg.scripts[scriptName];
+    if (!current) continue;
+
+    const result = addHttpsFlagsToNgServe(current, certPath, keyPath);
+    if (result.changed) {
+      pkg.scripts[scriptName] = result.value;
+      changed = true;
+    }
+  }
+
+  if (changed) {
+    await fs.writeJson(packageJsonPath, pkg, { spaces: 2 });
+    return { updated: true, details: 'package.json ng serve scripts updated' };
+  }
+
+  return { updated: false, details: 'ng serve scripts already configured' };
+}
+
+async function configureAngularJson(certPath, keyPath) {
+  const angularJsonPath = path.join(PROJECT_DIR, 'angular.json');
+  if (!(await fs.pathExists(angularJsonPath))) {
+    return { updated: false, details: 'angular.json not found' };
+  }
+
+  const angular = await fs.readJson(angularJsonPath).catch(() => ({}));
+  const projects = angular.projects || {};
+  const defaultProject = angular.defaultProject || Object.keys(projects)[0];
+  if (!defaultProject || !projects[defaultProject]) {
+    return { updated: false, details: 'angular project config not found' };
+  }
+
+  const project = projects[defaultProject];
+  const serve = project.architect?.serve || project.targets?.serve;
+  if (!serve) {
+    return { updated: false, details: 'serve target not found' };
+  }
+
+  serve.options = serve.options || {};
+  const cert = certPath.replace(/\\/g, '/');
+  const key = keyPath.replace(/\\/g, '/');
+
+  const already = serve.options.ssl === true && serve.options.sslCert === cert && serve.options.sslKey === key;
+  if (already) {
+    return { updated: false, details: 'angular.json already configured' };
+  }
+
+  serve.options.ssl = true;
+  serve.options.sslCert = cert;
+  serve.options.sslKey = key;
+
+  await fs.writeJson(angularJsonPath, angular, { spaces: 2 });
+  return { updated: true, details: 'angular.json serve options updated' };
+}
+
+async function configureAngular(certPath, keyPath) {
+  const scriptResult = await configureAngularScripts(certPath, keyPath);
+  const jsonResult = await configureAngularJson(certPath, keyPath);
+
+  if (scriptResult.updated || jsonResult.updated) {
+    const details = [scriptResult.details, jsonResult.details].filter((x) => !/already configured|not found/.test(x)).join('; ') || 'Angular HTTPS configured';
+    return { updated: true, details };
+  }
+
+  return { updated: false, details: `${scriptResult.details}; ${jsonResult.details}` };
+}
+
+module.exports = { configureAngular };

package/src/frameworks/detect.js

@@ -11,6 +11,7 @@ async function detectFramework() {
   const pkg = await fs.readJson(packageJsonPath).catch(() => ({}));
   const deps = { ...pkg.dependencies, ...pkg.devDependencies };
 
+  if (deps['@angular/cli'] || await fs.pathExists(path.join(PROJECT_DIR, 'angular.json'))) return 'angular';
   if (deps.vite) return 'vite';
   if (deps.next) return 'nextjs';
   if (deps['react-scripts']) return 'cra';

package/src/frameworks/index.js

@@ -4,6 +4,7 @@ const { configureNext } = require('./nextjs');
 const { configureCra } = require('./cra');
 const { configureExpress } = require('./express');
 const { configureWebpack } = require('./webpack');
+const { configureAngular } = require('./angular');
 
 async function configureFramework(certPath, keyPath) {
   const framework = await detectFramework();
@@ -13,6 +14,11 @@ async function configureFramework(certPath, keyPath) {
     return { framework: 'Vite', ...result };
   }
 
+  if (framework === 'angular') {
+    const result = await configureAngular(certPath, keyPath);
+    return { framework: 'Angular', ...result };
+  }
+
   if (framework === 'nextjs') {
     const result = await configureNext(certPath, keyPath);
     return { framework: 'Next.js', ...result };

package/src/postinstall.js

@@ -48,13 +48,14 @@ async function run() {
   let changed = false;
   changed = ensureHook(targetPackage.scripts, 'predev', 'localssl-cli use', 'dev') || changed;
   changed = ensureHook(targetPackage.scripts, 'prestart', 'localssl-cli use', 'start') || changed;
+  changed = ensureHook(targetPackage.scripts, 'preserve', 'localssl-cli use', 'serve') || changed;
 
   if (!changed) {
     return;
   }
 
   await fs.writeJson(targetPackageJsonPath, targetPackage, { spaces: 2 });
-  console.log('localssl-cli: added predev/prestart HTTPS setup hooks');
+  console.log('localssl-cli: added predev/prestart/preserve HTTPS setup hooks');
 }
 
 run().catch(() => {});

package/src/use.js

@@ -8,6 +8,7 @@ const { openBrowser } = require('./open');
 
 function defaultPortForFramework(framework) {
   if (framework === 'Vite') return 5173;
+  if (framework === 'Angular') return 4200;
   if (framework === 'Next.js') return 3000;
   if (framework === 'Create React App') return 3000;
   if (framework === 'Webpack Dev Server') return 8080;