npm - @webpieces/dev-config - Versions diffs - 0.2.95 → 0.2.98 - Mend

@webpieces/dev-config 0.2.95 → 0.2.98

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 (181) hide show

package/architecture/lib/graph-visualizer.js DELETED Viewed

@@ -1,217 +0,0 @@
-"use strict";
-/**
- * Graph Visualizer
- *
- * Generates visual representations of the architecture graph:
- * - DOT format (for Graphviz)
- * - Interactive HTML (using viz.js)
- *
- * Output files go to tmp/webpieces/ for easy viewing without committing.
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.generateDot = generateDot;
-exports.generateHTML = generateHTML;
-exports.writeVisualization = writeVisualization;
-exports.openVisualization = openVisualization;
-const tslib_1 = require("tslib");
-const fs = tslib_1.__importStar(require("fs"));
-const path = tslib_1.__importStar(require("path"));
-const child_process_1 = require("child_process");
-/**
- * Level colors for visualization
- */
-const LEVEL_COLORS = {
-    0: '#E8F5E9', // Light green - foundation
-    1: '#E3F2FD', // Light blue - middleware
-    2: '#FFF3E0', // Light orange - applications
-    3: '#FCE4EC', // Light pink - higher level
-};
-/**
- * Remove scope from name for display
- * '@scope/name' → 'name'
- * 'name' → 'name'
- */
-function getShortName(name) {
-    return name.includes('/') ? name.split('/').pop() : name;
-}
-/**
- * Generate Graphviz DOT format from the graph
- */
-function generateDot(graph, title = 'WebPieces Architecture') {
-    let dot = 'digraph Architecture {\n';
-    dot += '  rankdir=TB;\n';
-    dot += '  node [shape=box, style=filled, fontname="Arial"];\n';
-    dot += '  edge [fontname="Arial"];\n\n';
-    // Group projects by level
-    const levels = {};
-    for (const [project, info] of Object.entries(graph)) {
-        if (!levels[info.level])
-            levels[info.level] = [];
-        levels[info.level].push(project);
-    }
-    // Create nodes with level-based colors
-    for (const [project, info] of Object.entries(graph)) {
-        const shortName = getShortName(project);
-        const color = LEVEL_COLORS[info.level] || '#F5F5F5';
-        dot += `  "${shortName}" [fillcolor="${color}", label="${shortName}\\n(L${info.level})"];\n`;
-    }
-    dot += '\n';
-    // Create same-rank subgraphs for each level
-    for (const [level, projects] of Object.entries(levels)) {
-        dot += `  { rank=same; `;
-        projects.forEach((p) => {
-            const shortName = getShortName(p);
-            dot += `"${shortName}"; `;
-        });
-        dot += '}\n';
-    }
-    dot += '\n';
-    // Create edges (dependencies)
-    for (const [project, info] of Object.entries(graph)) {
-        const shortName = getShortName(project);
-        for (const dep of info.dependsOn || []) {
-            const depShortName = getShortName(dep);
-            dot += `  "${shortName}" -> "${depShortName}";\n`;
-        }
-    }
-    dot += '\n  labelloc="t";\n';
-    dot += `  label="${title}\\n(from architecture/dependencies.json)";\n`;
-    dot += '  fontsize=20;\n';
-    dot += '}\n';
-    return dot;
-}
-/**
- * Generate interactive HTML with embedded SVG using viz.js
- */
-function generateHTML(dot, title = 'WebPieces Architecture') {
-    return `<!DOCTYPE html>
-<html>
-<head>
-    <title>${title}</title>
-    <script src="https://cdn.jsdelivr.net/npm/viz.js@2.1.2/viz.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/viz.js@2.1.2/full.render.js"></script>
-    <style>
-        body {
-            margin: 0;
-            padding: 20px;
-            font-family: Arial, sans-serif;
-            background: #f5f5f5;
-        }
-        h1 {
-            text-align: center;
-            color: #333;
-        }
-        #graph {
-            text-align: center;
-            background: white;
-            padding: 20px;
-            border-radius: 8px;
-            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
-        }
-        .legend {
-            margin: 20px auto;
-            max-width: 600px;
-            padding: 15px;
-            background: white;
-            border-radius: 8px;
-            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
-        }
-        .legend h2 {
-            margin-top: 0;
-        }
-        .legend-item {
-            margin: 8px 0;
-        }
-        .legend-box {
-            display: inline-block;
-            width: 20px;
-            height: 20px;
-            border: 1px solid #ccc;
-            margin-right: 10px;
-            vertical-align: middle;
-        }
-    </style>
-</head>
-<body>
-    <h1>${title}</h1>
-    <div class="legend">
-        <h2>Legend</h2>
-        <div class="legend-item">
-            <span class="legend-box" style="background: #E8F5E9;"></span>
-            <strong>Level 0:</strong> Foundation libraries (no dependencies)
-        </div>
-        <div class="legend-item">
-            <span class="legend-box" style="background: #E3F2FD;"></span>
-            <strong>Level 1:</strong> Middleware libraries (depend on Level 0)
-        </div>
-        <div class="legend-item">
-            <span class="legend-box" style="background: #FFF3E0;"></span>
-            <strong>Level 2:</strong> Applications (depend on Level 1)
-        </div>
-        <div class="legend-item" style="margin-top: 15px;">
-            <em>Note: Transitive dependencies are allowed but not shown in the graph.</em>
-        </div>
-    </div>
-    <div id="graph"></div>
-    <script>
-        const dot = ${JSON.stringify(dot)};
-        const viz = new Viz();
-        viz.renderSVGElement(dot)
-            .then(element => {
-                document.getElementById('graph').appendChild(element);
-            })
-            .catch(err => {
-                console.error(err);
-                document.getElementById('graph').innerHTML = '<pre>' + err + '</pre>';
-            });
-    </script>
-</body>
-</html>`;
-}
-/**
- * Write visualization files to tmp/webpieces/
- */
-function writeVisualization(graph, workspaceRoot, title = 'WebPieces Architecture') {
-    const outputDir = path.join(workspaceRoot, 'tmp', 'webpieces');
-    // Ensure directory exists
-    if (!fs.existsSync(outputDir)) {
-        fs.mkdirSync(outputDir, { recursive: true });
-    }
-    // Generate DOT
-    const dot = generateDot(graph, title);
-    const dotPath = path.join(outputDir, 'architecture.dot');
-    fs.writeFileSync(dotPath, dot, 'utf-8');
-    // Generate HTML
-    const html = generateHTML(dot, title);
-    const htmlPath = path.join(outputDir, 'architecture.html');
-    fs.writeFileSync(htmlPath, html, 'utf-8');
-    return { dotPath, htmlPath };
-}
-/**
- * Open the HTML visualization in the default browser
- */
-function openVisualization(htmlPath) {
-    try {
-        const platform = process.platform;
-        let openCommand;
-        if (platform === 'darwin') {
-            openCommand = `open "${htmlPath}"`;
-        }
-        else if (platform === 'win32') {
-            openCommand = `start "" "${htmlPath}"`;
-        }
-        else {
-            openCommand = `xdg-open "${htmlPath}"`;
-        }
-        (0, child_process_1.execSync)(openCommand, { stdio: 'ignore' });
-        return true;
-    }
-    catch (err) {
-        return false;
-    }
-}
-//# sourceMappingURL=graph-visualizer.js.map

package/architecture/lib/graph-visualizer.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"graph-visualizer.js","sourceRoot":"","sources":["../../../../../../packages/tooling/dev-config/architecture/lib/graph-visualizer.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Graph Visualizer\n *\n * Generates visual representations of the architecture graph:\n * - DOT format (for Graphviz)\n * - Interactive HTML (using viz.js)\n *\n * Output files go to tmp/webpieces/ for easy viewing without committing.\n */\n\nimport * as fs from 'fs';\nimport * as path from 'path';\nimport { execSync } from 'child_process';\nimport type { EnhancedGraph } from './graph-sorter';\n\n/**\n * Level colors for visualization\n */\nconst LEVEL_COLORS: Record<number, string> = {\n 0: '#E8F5E9', // Light green - foundation\n 1: '#E3F2FD', // Light blue - middleware\n 2: '#FFF3E0', // Light orange - applications\n 3: '#FCE4EC', // Light pink - higher level\n};\n\n/**\n * Remove scope from name for display\n * '@scope/name' → 'name'\n * 'name' → 'name'\n */\nfunction getShortName(name: string): string {\n return name.includes('/') ? name.split('/').pop()! : name;\n}\n\n/**\n * Generate Graphviz DOT format from the graph\n */\nexport function generateDot(graph: EnhancedGraph, title: string = 'WebPieces Architecture'): string {\n let dot = 'digraph Architecture {\\n';\n dot += ' rankdir=TB;\\n';\n dot += ' node [shape=box, style=filled, fontname=\"Arial\"];\\n';\n dot += ' edge [fontname=\"Arial\"];\\n\\n';\n\n // Group projects by level\n const levels: Record<number, string[]> = {};\n for (const [project, info] of Object.entries(graph)) {\n if (!levels[info.level]) levels[info.level] = [];\n levels[info.level].push(project);\n }\n\n // Create nodes with level-based colors\n for (const [project, info] of Object.entries(graph)) {\n const shortName = getShortName(project);\n const color = LEVEL_COLORS[info.level] || '#F5F5F5';\n dot += ` \"${shortName}\" [fillcolor=\"${color}\", label=\"${shortName}\\\\n(L${info.level})\"];\\n`;\n }\n\n dot += '\\n';\n\n // Create same-rank subgraphs for each level\n for (const [level, projects] of Object.entries(levels)) {\n dot += ` { rank=same; `;\n projects.forEach((p) => {\n const shortName = getShortName(p);\n dot += `\"${shortName}\"; `;\n });\n dot += '}\\n';\n }\n\n dot += '\\n';\n\n // Create edges (dependencies)\n for (const [project, info] of Object.entries(graph)) {\n const shortName = getShortName(project);\n for (const dep of info.dependsOn || []) {\n const depShortName = getShortName(dep);\n dot += ` \"${shortName}\" -> \"${depShortName}\";\\n`;\n }\n }\n\n dot += '\\n labelloc=\"t\";\\n';\n dot += ` label=\"${title}\\\\n(from architecture/dependencies.json)\";\\n`;\n dot += ' fontsize=20;\\n';\n dot += '}\\n';\n\n return dot;\n}\n\n/**\n * Generate interactive HTML with embedded SVG using viz.js\n */\nexport function generateHTML(dot: string, title: string = 'WebPieces Architecture'): string {\n return `<!DOCTYPE html>\n<html>\n<head>\n <title>${title}</title>\n <script src=\"https://cdn.jsdelivr.net/npm/viz.js@2.1.2/viz.js\"></script>\n <script src=\"https://cdn.jsdelivr.net/npm/viz.js@2.1.2/full.render.js\"></script>\n <style>\n body {\n margin: 0;\n padding: 20px;\n font-family: Arial, sans-serif;\n background: #f5f5f5;\n }\n h1 {\n text-align: center;\n color: #333;\n }\n #graph {\n text-align: center;\n background: white;\n padding: 20px;\n border-radius: 8px;\n box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n }\n .legend {\n margin: 20px auto;\n max-width: 600px;\n padding: 15px;\n background: white;\n border-radius: 8px;\n box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n }\n .legend h2 {\n margin-top: 0;\n }\n .legend-item {\n margin: 8px 0;\n }\n .legend-box {\n display: inline-block;\n width: 20px;\n height: 20px;\n border: 1px solid #ccc;\n margin-right: 10px;\n vertical-align: middle;\n }\n </style>\n</head>\n<body>\n <h1>${title}</h1>\n\n <div class=\"legend\">\n <h2>Legend</h2>\n <div class=\"legend-item\">\n <span class=\"legend-box\" style=\"background: #E8F5E9;\"></span>\n <strong>Level 0:</strong> Foundation libraries (no dependencies)\n </div>\n <div class=\"legend-item\">\n <span class=\"legend-box\" style=\"background: #E3F2FD;\"></span>\n <strong>Level 1:</strong> Middleware libraries (depend on Level 0)\n </div>\n <div class=\"legend-item\">\n <span class=\"legend-box\" style=\"background: #FFF3E0;\"></span>\n <strong>Level 2:</strong> Applications (depend on Level 1)\n </div>\n <div class=\"legend-item\" style=\"margin-top: 15px;\">\n <em>Note: Transitive dependencies are allowed but not shown in the graph.</em>\n </div>\n </div>\n\n <div id=\"graph\"></div>\n\n <script>\n const dot = ${JSON.stringify(dot)};\n const viz = new Viz();\n\n viz.renderSVGElement(dot)\n .then(element => {\n document.getElementById('graph').appendChild(element);\n })\n .catch(err => {\n console.error(err);\n document.getElementById('graph').innerHTML = '<pre>' + err + '</pre>';\n });\n </script>\n</body>\n</html>`;\n}\n\n/**\n * Write visualization files to tmp/webpieces/\n */\nexport function writeVisualization(\n graph: EnhancedGraph,\n workspaceRoot: string,\n title: string = 'WebPieces Architecture'\n): { dotPath: string; htmlPath: string } {\n const outputDir = path.join(workspaceRoot, 'tmp', 'webpieces');\n\n // Ensure directory exists\n if (!fs.existsSync(outputDir)) {\n fs.mkdirSync(outputDir, { recursive: true });\n }\n\n // Generate DOT\n const dot = generateDot(graph, title);\n const dotPath = path.join(outputDir, 'architecture.dot');\n fs.writeFileSync(dotPath, dot, 'utf-8');\n\n // Generate HTML\n const html = generateHTML(dot, title);\n const htmlPath = path.join(outputDir, 'architecture.html');\n fs.writeFileSync(htmlPath, html, 'utf-8');\n\n return { dotPath, htmlPath };\n}\n\n/**\n * Open the HTML visualization in the default browser\n */\nexport function openVisualization(htmlPath: string): boolean {\n try {\n const platform = process.platform;\n let openCommand: string;\n\n if (platform === 'darwin') {\n openCommand = `open \"${htmlPath}\"`;\n } else if (platform === 'win32') {\n openCommand = `start \"\" \"${htmlPath}\"`;\n } else {\n openCommand = `xdg-open \"${htmlPath}\"`;\n }\n\n execSync(openCommand, { stdio: 'ignore' });\n return true;\n } catch (err: unknown) {\n return false;\n }\n}\n"]}

package/architecture/lib/graph-visualizer.ts DELETED Viewed

@@ -1,231 +0,0 @@
-/**
- * Graph Visualizer
- *
- * Generates visual representations of the architecture graph:
- * - DOT format (for Graphviz)
- * - Interactive HTML (using viz.js)
- *
- * Output files go to tmp/webpieces/ for easy viewing without committing.
- */
-import * as fs from 'fs';
-import * as path from 'path';
-import { execSync } from 'child_process';
-import type { EnhancedGraph } from './graph-sorter';
-/**
- * Level colors for visualization
- */
-const LEVEL_COLORS: Record<number, string> = {
-    0: '#E8F5E9', // Light green - foundation
-    1: '#E3F2FD', // Light blue - middleware
-    2: '#FFF3E0', // Light orange - applications
-    3: '#FCE4EC', // Light pink - higher level
-};
-/**
- * Remove scope from name for display
- * '@scope/name' → 'name'
- * 'name' → 'name'
- */
-function getShortName(name: string): string {
-    return name.includes('/') ? name.split('/').pop()! : name;
-}
-/**
- * Generate Graphviz DOT format from the graph
- */
-export function generateDot(graph: EnhancedGraph, title: string = 'WebPieces Architecture'): string {
-    let dot = 'digraph Architecture {\n';
-    dot += '  rankdir=TB;\n';
-    dot += '  node [shape=box, style=filled, fontname="Arial"];\n';
-    dot += '  edge [fontname="Arial"];\n\n';
-    // Group projects by level
-    const levels: Record<number, string[]> = {};
-    for (const [project, info] of Object.entries(graph)) {
-        if (!levels[info.level]) levels[info.level] = [];
-        levels[info.level].push(project);
-    }
-    // Create nodes with level-based colors
-    for (const [project, info] of Object.entries(graph)) {
-        const shortName = getShortName(project);
-        const color = LEVEL_COLORS[info.level] || '#F5F5F5';
-        dot += `  "${shortName}" [fillcolor="${color}", label="${shortName}\\n(L${info.level})"];\n`;
-    }
-    dot += '\n';
-    // Create same-rank subgraphs for each level
-    for (const [level, projects] of Object.entries(levels)) {
-        dot += `  { rank=same; `;
-        projects.forEach((p) => {
-            const shortName = getShortName(p);
-            dot += `"${shortName}"; `;
-        });
-        dot += '}\n';
-    }
-    dot += '\n';
-    // Create edges (dependencies)
-    for (const [project, info] of Object.entries(graph)) {
-        const shortName = getShortName(project);
-        for (const dep of info.dependsOn || []) {
-            const depShortName = getShortName(dep);
-            dot += `  "${shortName}" -> "${depShortName}";\n`;
-        }
-    }
-    dot += '\n  labelloc="t";\n';
-    dot += `  label="${title}\\n(from architecture/dependencies.json)";\n`;
-    dot += '  fontsize=20;\n';
-    dot += '}\n';
-    return dot;
-}
-/**
- * Generate interactive HTML with embedded SVG using viz.js
- */
-export function generateHTML(dot: string, title: string = 'WebPieces Architecture'): string {
-    return `<!DOCTYPE html>
-<html>
-<head>
-    <title>${title}</title>
-    <script src="https://cdn.jsdelivr.net/npm/viz.js@2.1.2/viz.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/viz.js@2.1.2/full.render.js"></script>
-    <style>
-        body {
-            margin: 0;
-            padding: 20px;
-            font-family: Arial, sans-serif;
-            background: #f5f5f5;
-        }
-        h1 {
-            text-align: center;
-            color: #333;
-        }
-        #graph {
-            text-align: center;
-            background: white;
-            padding: 20px;
-            border-radius: 8px;
-            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
-        }
-        .legend {
-            margin: 20px auto;
-            max-width: 600px;
-            padding: 15px;
-            background: white;
-            border-radius: 8px;
-            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
-        }
-        .legend h2 {
-            margin-top: 0;
-        }
-        .legend-item {
-            margin: 8px 0;
-        }
-        .legend-box {
-            display: inline-block;
-            width: 20px;
-            height: 20px;
-            border: 1px solid #ccc;
-            margin-right: 10px;
-            vertical-align: middle;
-        }
-    </style>
-</head>
-<body>
-    <h1>${title}</h1>
-    <div class="legend">
-        <h2>Legend</h2>
-        <div class="legend-item">
-            <span class="legend-box" style="background: #E8F5E9;"></span>
-            <strong>Level 0:</strong> Foundation libraries (no dependencies)
-        </div>
-        <div class="legend-item">
-            <span class="legend-box" style="background: #E3F2FD;"></span>
-            <strong>Level 1:</strong> Middleware libraries (depend on Level 0)
-        </div>
-        <div class="legend-item">
-            <span class="legend-box" style="background: #FFF3E0;"></span>
-            <strong>Level 2:</strong> Applications (depend on Level 1)
-        </div>
-        <div class="legend-item" style="margin-top: 15px;">
-            <em>Note: Transitive dependencies are allowed but not shown in the graph.</em>
-        </div>
-    </div>
-    <div id="graph"></div>
-    <script>
-        const dot = ${JSON.stringify(dot)};
-        const viz = new Viz();
-        viz.renderSVGElement(dot)
-            .then(element => {
-                document.getElementById('graph').appendChild(element);
-            })
-            .catch(err => {
-                console.error(err);
-                document.getElementById('graph').innerHTML = '<pre>' + err + '</pre>';
-            });
-    </script>
-</body>
-</html>`;
-}
-/**
- * Write visualization files to tmp/webpieces/
- */
-export function writeVisualization(
-    graph: EnhancedGraph,
-    workspaceRoot: string,
-    title: string = 'WebPieces Architecture'
-): { dotPath: string; htmlPath: string } {
-    const outputDir = path.join(workspaceRoot, 'tmp', 'webpieces');
-    // Ensure directory exists
-    if (!fs.existsSync(outputDir)) {
-        fs.mkdirSync(outputDir, { recursive: true });
-    }
-    // Generate DOT
-    const dot = generateDot(graph, title);
-    const dotPath = path.join(outputDir, 'architecture.dot');
-    fs.writeFileSync(dotPath, dot, 'utf-8');
-    // Generate HTML
-    const html = generateHTML(dot, title);
-    const htmlPath = path.join(outputDir, 'architecture.html');
-    fs.writeFileSync(htmlPath, html, 'utf-8');
-    return { dotPath, htmlPath };
-}
-/**
- * Open the HTML visualization in the default browser
- */
-export function openVisualization(htmlPath: string): boolean {
-    try {
-        const platform = process.platform;
-        let openCommand: string;
-        if (platform === 'darwin') {
-            openCommand = `open "${htmlPath}"`;
-        } else if (platform === 'win32') {
-            openCommand = `start "" "${htmlPath}"`;
-        } else {
-            openCommand = `xdg-open "${htmlPath}"`;
-        }
-        execSync(openCommand, { stdio: 'ignore' });
-        return true;
-    } catch (err: unknown) {
-        return false;
-    }
-}

package/architecture/lib/package-validator.d.ts DELETED Viewed

@@ -1,38 +0,0 @@
-/**
- * Package Validator
- *
- * Validates that package.json dependencies match the project.json build.dependsOn
- * This ensures the two sources of truth don't drift apart.
- */
-/**
- * Validation result for a single project
- */
-export interface ProjectValidationResult {
-    project: string;
-    valid: boolean;
-    missingInPackageJson: string[];
-    extraInPackageJson: string[];
-}
-/**
- * Overall validation result
- */
-export interface ValidationResult {
-    valid: boolean;
-    errors: string[];
-    projectResults: ProjectValidationResult[];
-}
-/**
- * Validate that package.json dependencies match the dependency graph
- *
- * For each project in the graph:
- * - Check that all graph dependencies exist in package.json
- * - Maps project names to package names for accurate comparison
- *
- * @param graph - Enhanced graph with project dependencies (uses project names)
- * @param workspaceRoot - Absolute path to workspace root
- * @returns Validation result with errors if any
- */
-export declare function validatePackageJsonDependencies(graph: Record<string, {
-    level: number;
-    dependsOn: string[];
-}>, workspaceRoot: string): Promise<ValidationResult>;

package/architecture/lib/package-validator.js DELETED Viewed

@@ -1,126 +0,0 @@
-"use strict";
-/**
- * Package Validator
- *
- * Validates that package.json dependencies match the project.json build.dependsOn
- * This ensures the two sources of truth don't drift apart.
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.validatePackageJsonDependencies = validatePackageJsonDependencies;
-const tslib_1 = require("tslib");
-const fs = tslib_1.__importStar(require("fs"));
-const path = tslib_1.__importStar(require("path"));
-const devkit_1 = require("@nx/devkit");
-/**
- * Read package.json dependencies for a project
- * Returns null if package.json doesn't exist (apps often don't have one)
- */
-function readPackageJsonDeps(workspaceRoot, projectRoot) {
-    const packageJsonPath = path.join(workspaceRoot, projectRoot, 'package.json');
-    if (!fs.existsSync(packageJsonPath)) {
-        return null; // No package.json - skip validation for this project
-    }
-    try {
-        const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf-8'));
-        const deps = [];
-        // Collect ALL dependencies from package.json
-        for (const depType of ['dependencies', 'peerDependencies']) {
-            const depObj = packageJson[depType] || {};
-            for (const depName of Object.keys(depObj)) {
-                if (!deps.includes(depName)) {
-                    deps.push(depName);
-                }
-            }
-        }
-        return deps.sort();
-    }
-    catch (err) {
-        console.warn(`Could not read package.json at ${packageJsonPath}`);
-        return [];
-    }
-}
-/**
- * Build map of project names to their package names
- * e.g., "core-util" → "@webpieces/core-util"
- */
-function buildProjectToPackageMap(workspaceRoot, projectsConfig) {
-    const map = new Map();
-    for (const [projectName, config] of Object.entries(projectsConfig.projects)) {
-        const packageJsonPath = path.join(workspaceRoot, config.root, 'package.json');
-        if (fs.existsSync(packageJsonPath)) {
-            try {
-                const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf-8'));
-                if (packageJson.name) {
-                    map.set(projectName, packageJson.name);
-                }
-            }
-            catch {
-                // Ignore parse errors
-            }
-        }
-    }
-    return map;
-}
-/**
- * Validate that package.json dependencies match the dependency graph
- *
- * For each project in the graph:
- * - Check that all graph dependencies exist in package.json
- * - Maps project names to package names for accurate comparison
- *
- * @param graph - Enhanced graph with project dependencies (uses project names)
- * @param workspaceRoot - Absolute path to workspace root
- * @returns Validation result with errors if any
- */
-async function validatePackageJsonDependencies(graph, workspaceRoot) {
-    const projectGraph = await (0, devkit_1.createProjectGraphAsync)();
-    const projectsConfig = (0, devkit_1.readProjectsConfigurationFromProjectGraph)(projectGraph);
-    // Build map: project name → package name
-    const projectToPackage = buildProjectToPackageMap(workspaceRoot, projectsConfig);
-    const errors = [];
-    const projectResults = [];
-    for (const [projectName, entry] of Object.entries(graph)) {
-        // Find the project config using project name directly
-        const projectConfig = projectsConfig.projects[projectName];
-        if (!projectConfig) {
-            continue;
-        }
-        const projectRoot = projectConfig.root;
-        const packageJsonDeps = readPackageJsonDeps(workspaceRoot, projectRoot);
-        if (packageJsonDeps === null) {
-            continue;
-        }
-        // Convert graph dependencies (project names) to package names for comparison
-        const missingInPackageJson = [];
-        for (const depProjectName of entry.dependsOn) {
-            const depPackageName = projectToPackage.get(depProjectName) || depProjectName;
-            if (!packageJsonDeps.includes(depPackageName)) {
-                missingInPackageJson.push(depProjectName);
-            }
-        }
-        // Check for extra dependencies in package.json (not critical, just informational)
-        const extraInPackageJson = [];
-        for (const dep of packageJsonDeps) {
-            if (!entry.dependsOn.includes(dep)) {
-                extraInPackageJson.push(dep);
-            }
-        }
-        const valid = missingInPackageJson.length === 0;
-        if (!valid) {
-            errors.push(`Project ${projectName} (${projectRoot}/package.json) is missing dependencies: ${missingInPackageJson.join(', ')}\n` +
-                `  Fix: Add these to package.json dependencies`);
-        }
-        projectResults.push({
-            project: projectName,
-            valid,
-            missingInPackageJson,
-            extraInPackageJson,
-        });
-    }
-    return {
-        valid: errors.length === 0,
-        errors,
-        projectResults,
-    };
-}
-//# sourceMappingURL=package-validator.js.map

package/architecture/lib/package-validator.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"package-validator.js","sourceRoot":"","sources":["../../../../../../packages/tooling/dev-config/architecture/lib/package-validator.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Package Validator\n *\n * Validates that package.json dependencies match the project.json build.dependsOn\n * This ensures the two sources of truth don't drift apart.\n */\n\nimport * as fs from 'fs';\nimport * as path from 'path';\nimport {\n createProjectGraphAsync,\n readProjectsConfigurationFromProjectGraph,\n} from '@nx/devkit';\n\n/**\n * Validation result for a single project\n */\nexport interface ProjectValidationResult {\n project: string;\n valid: boolean;\n missingInPackageJson: string[];\n extraInPackageJson: string[];\n}\n\n/**\n * Overall validation result\n */\nexport interface ValidationResult {\n valid: boolean;\n errors: string[];\n projectResults: ProjectValidationResult[];\n}\n\n/**\n * Read package.json dependencies for a project\n * Returns null if package.json doesn't exist (apps often don't have one)\n */\nfunction readPackageJsonDeps(workspaceRoot: string, projectRoot: string): string[] | null {\n const packageJsonPath = path.join(workspaceRoot, projectRoot, 'package.json');\n\n if (!fs.existsSync(packageJsonPath)) {\n return null; // No package.json - skip validation for this project\n }\n\n try {\n const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf-8'));\n const deps: string[] = [];\n\n // Collect ALL dependencies from package.json\n for (const depType of ['dependencies', 'peerDependencies']) {\n const depObj = packageJson[depType] || {};\n for (const depName of Object.keys(depObj)) {\n if (!deps.includes(depName)) {\n deps.push(depName);\n }\n }\n }\n\n return deps.sort();\n } catch (err: unknown) {\n console.warn(`Could not read package.json at ${packageJsonPath}`);\n return [];\n }\n}\n\n/**\n * Build map of project names to their package names\n * e.g., \"core-util\" → \"@webpieces/core-util\"\n */\nfunction buildProjectToPackageMap(\n workspaceRoot: string,\n projectsConfig: any\n): Map<string, string> {\n const map = new Map<string, string>();\n\n for (const [projectName, config] of Object.entries<any>(projectsConfig.projects)) {\n const packageJsonPath = path.join(workspaceRoot, config.root, 'package.json');\n if (fs.existsSync(packageJsonPath)) {\n try {\n const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf-8'));\n if (packageJson.name) {\n map.set(projectName, packageJson.name);\n }\n } catch {\n // Ignore parse errors\n }\n }\n }\n\n return map;\n}\n\n/**\n * Validate that package.json dependencies match the dependency graph\n *\n * For each project in the graph:\n * - Check that all graph dependencies exist in package.json\n * - Maps project names to package names for accurate comparison\n *\n * @param graph - Enhanced graph with project dependencies (uses project names)\n * @param workspaceRoot - Absolute path to workspace root\n * @returns Validation result with errors if any\n */\nexport async function validatePackageJsonDependencies(\n graph: Record<string, { level: number; dependsOn: string[] }>,\n workspaceRoot: string\n): Promise<ValidationResult> {\n const projectGraph = await createProjectGraphAsync();\n const projectsConfig = readProjectsConfigurationFromProjectGraph(projectGraph);\n\n // Build map: project name → package name\n const projectToPackage = buildProjectToPackageMap(workspaceRoot, projectsConfig);\n\n const errors: string[] = [];\n const projectResults: ProjectValidationResult[] = [];\n\n for (const [projectName, entry] of Object.entries(graph)) {\n // Find the project config using project name directly\n const projectConfig = projectsConfig.projects[projectName];\n if (!projectConfig) {\n continue;\n }\n\n const projectRoot = projectConfig.root;\n const packageJsonDeps = readPackageJsonDeps(workspaceRoot, projectRoot);\n\n if (packageJsonDeps === null) {\n continue;\n }\n\n // Convert graph dependencies (project names) to package names for comparison\n const missingInPackageJson: string[] = [];\n for (const depProjectName of entry.dependsOn) {\n const depPackageName = projectToPackage.get(depProjectName) || depProjectName;\n if (!packageJsonDeps.includes(depPackageName)) {\n missingInPackageJson.push(depProjectName);\n }\n }\n\n // Check for extra dependencies in package.json (not critical, just informational)\n const extraInPackageJson: string[] = [];\n for (const dep of packageJsonDeps) {\n if (!entry.dependsOn.includes(dep)) {\n extraInPackageJson.push(dep);\n }\n }\n\n const valid = missingInPackageJson.length === 0;\n\n if (!valid) {\n errors.push(\n `Project ${projectName} (${projectRoot}/package.json) is missing dependencies: ${missingInPackageJson.join(', ')}\\n` +\n ` Fix: Add these to package.json dependencies`\n );\n }\n\n projectResults.push({\n project: projectName,\n valid,\n missingInPackageJson,\n extraInPackageJson,\n });\n }\n\n return {\n valid: errors.length === 0,\n errors,\n projectResults,\n };\n}\n"]}