@codenotch/codenotch.cli 1.0.33 → 1.0.35

package/src/utils/BuildUtils.ts

@@ -1,739 +0,0 @@
-import { existsSync, readFileSync, readSync } from "fs";
-import StringUtils from "./StringUtils";
-import { ApplicationManifest, IScenarioProjectManifest, IWorkspaceCache, ProjectManifest } from "../models/Codenotch";
-import FileUtils from "./FileUtils";
-import chalk from "chalk";
-import fs from 'fs';
-import fse from 'fs-extra';
-import I18nUtils from "./I18nUtils";
-import fetch from "node-fetch";
-import ShellUtils from "./ShellUtils";
-import { platform } from "os";
-import ConsoleUtils from "./ConsoleUtils";
-
-interface IWorkspace {
-    manifest: ProjectManifest;
-    path: string;
-}
-
-export interface IBuildOptions {
-    cluster?: string;
-}
-
-export default abstract class BuildUtils {
-
-    static findWorkspaceFromFile(childPath: string) {
-        let parts = childPath.split(FileUtils.slash());
-        parts = parts.slice(0, parts.length - 1); // Remove file name
-        let workspacePath: string | undefined = undefined;
-        while (parts.length > 0) {
-            let checkPath = parts.join(FileUtils.slash());
-            parts.pop();
-            let checkManifestPath = StringUtils.normalizePath(`${checkPath}\\manifest.json`);
-            if (existsSync(checkManifestPath)) {
-                workspacePath = checkPath;
-            }
-        }
-        return workspacePath;
-    }
-
-    /**
-     * cn react build <target_file>
-     */
-
-    static async buildApp(appFilePath: string, clusterUrl?: string) {
-        //appFilePath = '/home/fabian/Documents/Scenario/test-with-jsx/apps/AppWithFC.tsx';
-        //clusterUrl = 'https://fabric.echino.com:19081/lemollqa/scenario';
-
-        if(`${appFilePath??''}`.trim() === ''){
-            console.log(chalk.red(`Error: No target file provided for build command.`));
-            process.exit(1);
-        }
-
-        let isRelative = !appFilePath.startsWith('/') && !appFilePath.match(/^[a-zA-Z]:\\/);
-        if (isRelative) {
-            let currentPath = process.cwd();
-            appFilePath = StringUtils.normalizePath(`${currentPath}/${appFilePath}`);
-        }
-
-
-        // Check arguments
-        if (existsSync(appFilePath ?? '') === false) {
-            console.log(chalk.red(`Error: File "${appFilePath}" not found`));
-            process.exit(1);
-        }
-
-        let workspacePath = this.findWorkspaceFromFile(appFilePath) ?? '';
-        if (workspacePath === '' || existsSync(workspacePath ?? '') === false) {
-            console.log(chalk.red(`Error: Could not find workspace manifest for file "${appFilePath}".`));
-            process.exit(1);
-        }
-
-
-
-        // Tenant name
-        let tenantName = await this.fetchTenantName(clusterUrl);
-
-
-
-        // Load workspace
-        console.log("Loading workspace manifest...");
-        let workspace: IWorkspace = {
-            manifest: this.getFullManifestAt(workspacePath),
-            path: workspacePath
-        };
-        ConsoleUtils.check(`Workspace manifest loaded successfully\n`);
-
-
-
-        // Get app manifest
-        console.log(`Reading app manifest... (${appFilePath})`);
-        let appFilename = StringUtils.getFilenameFromUri(appFilePath);
-        let appFileParentPath = StringUtils.getFolder(appFilePath);
-        let appManifestPath = StringUtils.normalizePath(`${appFileParentPath}/${appFilename.replace(/\.[^/.]+$/, '.manifest.json')}`);
-        let appManifestContent = fs.readFileSync(appManifestPath, 'utf-8');
-        if (appManifestContent === undefined) {
-            console.log(chalk.red(`Error: App manifest file not found at "${appManifestPath}"\n`));
-            process.exit(1);
-        }
-        let appManifest: ApplicationManifest = JSON.parse(appManifestContent);
-        let appName = `${appManifest.auml?.name ?? ''}`.trim();
-        if (appName === '') {
-            console.log(chalk.red(`Error: App name not found in manifest at "${appManifestPath}"\n`));
-            process.exit(1);
-        }
-        ConsoleUtils.check(`App manifest loaded successfully (App name: "${appName}").\n`);
-
-
-        // Define paths
-        let outDir = StringUtils.normalizePath(`${workspacePath}/.codenotch/${appName}-source`);
-        let distDir = StringUtils.normalizePath(`${workspacePath}/.codenotch/${appName}-dist`);
-        let fileName = StringUtils.firstUpper(StringUtils.getNameWithoutExtention(appFilename));
-        let outFilePath = StringUtils.normalizePath(`${appFilePath.replace(workspacePath, outDir + '/src')}`);
-        let relativeOutFilePath = StringUtils.toRelativePath(outFilePath, outDir).replaceAll('\\', '/');
-        
-        
-        // Clean previous builds
-        if (existsSync(outDir) || existsSync(distDir)) {
-            console.log("Cleaning previous builds...");
-            FileUtils.delete(outDir);
-            FileUtils.delete(distDir);
-            ConsoleUtils.check(`Output directory cleaned (${outDir})\n`);
-        }
-
-
-        console.log("Creating build files...");
-        // package.json
-        let pgkJson = this.createPkgJson(workspacePath, appName);
-        FileUtils.writeFileSync(outDir + '/package.json', JSON.stringify(pgkJson, null, 4));
-        ConsoleUtils.check(`package.json created successfully`);
-
-        // index.html
-        let indexHtml = this.createIndexHtml(appManifest, appName);
-        FileUtils.writeFileSync(outDir + '/index.html', indexHtml);
-        ConsoleUtils.check(`index.html created successfully`);
-
-        // index.jsx
-        let indexJsx = this.createIndexJsx(relativeOutFilePath, fileName);
-        FileUtils.writeFileSync(outDir + '/index.jsx', indexJsx);
-        ConsoleUtils.check(`index.jsx created successfully`);
-
-        // vite.config.js
-        let viteConfig = this.createViteConfig(appName);
-        FileUtils.writeFileSync(outDir + '/vite.config.js', viteConfig);
-        ConsoleUtils.check(`vite.config.js created successfully`);
-
-        // empty-module.js
-        let emptyModule = this.createEmptyModule();
-        FileUtils.writeFileSync(outDir + '/empty-module.js', emptyModule);
-        ConsoleUtils.check(`empty-module.js created successfully`);
-
-        // tsconfig.json
-        let tsconfig = this.createTsConfig();
-        FileUtils.writeFileSync(outDir + '/tsconfig.json', tsconfig);
-        ConsoleUtils.check(`tsconfig.json created successfully`);
-
-        let npmRcContent = fs.existsSync(StringUtils.normalizePath(`${workspacePath}/.npmrc`)) ? 
-            fs.readFileSync(StringUtils.normalizePath(`${workspacePath}/.npmrc`), 'utf-8') : 
-            '';
-        if(npmRcContent.trim() !== ''){
-            FileUtils.writeFileSync(outDir + '/.npmrc', npmRcContent);
-            ConsoleUtils.check(`.npmrc copied successfully`);
-        }
-
-
-        // Find files to copy
-        console.log("\n");
-        console.log("Reading files...");
-        let includedExts = ['.css', '.scss', '.tsx', '.jsx', '.ts', '.js'];
-        let includedFiles: string[] = [];
-        for (let file of FileUtils.getAllFilesFromPath(workspacePath)) {
-            if (includedExts.some(ext => file.toLowerCase().endsWith(ext))) {
-                includedFiles.push(file);
-            }
-        }
-        if (includedFiles.length === 0) {
-            console.log(chalk.red(`Error: No files found in "${workspacePath}" to include in the build`));
-            return;
-        }
-        for (let includedFile of includedFiles) {
-            let targetPath = StringUtils.normalizePath(`${includedFile.replace(workspacePath, outDir + '/src')}`);
-            fse.copySync(includedFile, targetPath);
-        }
-        ConsoleUtils.check(`${includedFiles.length} files copied successfully\n`);
-
-
-
-        // execute npm i in the outDir
-        await ShellUtils.exec(outDir, 'npm install', 'Installing dependencies', true);
-
-        // Install and use Node.js 20 with nvm (platform-specific)
-        if (platform() === 'win32') {
-            await ShellUtils.exec(outDir, 'nvm install 20 && nvm use 20 && npm run build', 'Setting up Node.js 20 and building project', true);
-        } else {
-            await ShellUtils.exec(outDir, 'bash -c ". ~/.nvm/nvm.sh && nvm install 20 && nvm use 20 && npm run build"', 'Setting up Node.js 20 and building project', true);
-        }
-        ConsoleUtils.check(`Nvm and build executed successfully\n`);
-
-
-        // create .env file
-        console.log("Creating .env file...");
-        let envVariables: any = await this.getCodenotchEnvVariables(workspace, {
-            appName: appName,
-            app: appManifest,
-            tenantName: tenantName,
-            clusterUrl: clusterUrl
-        });
-        let envContent = Object.keys(envVariables).map(c => `${c}=${envVariables[c]}`).join('\n');
-        FileUtils.writeFileSync(distDir + '/.env', envContent);
-        ConsoleUtils.check(`.env file created successfully\n`);
-
-        // create auml.json file
-        console.log("Creating auml.json file...");
-        let aumlJson = JSON.stringify(this.getAumlVariables(workspace, tenantName, clusterUrl), null, 4);
-        FileUtils.writeFileSync(distDir + '/auml.json', aumlJson);
-        ConsoleUtils.check(`auml.json file created successfully\n`);
-
-        let bundlePath = StringUtils.normalizePath(`${distDir}`);
-        console.log('');
-        console.log(chalk.green(`Build completed!\n`));
-        console.log(`Bundle available at "${bundlePath}"\n`);
-
-        let serveCommand = `cn react serve '${bundlePath}'`;
-        console.log(`You can serve the build using the following command:\n`);
-        console.log(chalk.green(`${serveCommand}`) + ConsoleUtils.proposeCommand('Do you want to serve the build?', serveCommand));
-    }
-
-    static async buildApp2(appFilePath: string): Promise<string> {
-
-        // Joé:
-        // Temporary minimal method to build React app to package and deploy the project, not sure if should replaced the current build or not
-        // Should work in CI/CD
-        // Doesn't create .env or auml.json, assume we are using the correct Node version
-        // Create/delete files, assume it's working in copy of the project 
-        // In this method, caller is responsible for having Node 20 installed and ready
-
-        if(`${appFilePath??''}`.trim() === ''){
-            throw new Error(`No target file provided for build command.`);
-        }
-
-        let isRelative = !appFilePath.startsWith('/') && !appFilePath.match(/^[a-zA-Z]:\\/);
-        if (isRelative) {
-            let currentPath = process.cwd();
-            appFilePath = StringUtils.normalizePath(`${currentPath}/${appFilePath}`);
-        }
-
-        // Check arguments
-        if (existsSync(appFilePath ?? '') === false) {
-            throw new Error(`File "${appFilePath}" not found`);
-        }
-
-        let workspacePath = this.findWorkspaceFromFile(appFilePath) ?? '';
-        if (workspacePath === '' || existsSync(workspacePath ?? '') === false) {
-            throw new Error(`Could not find workspace manifest for file "${appFilePath}".`);
-        }
-
-        // Get app manifest
-        let appFilename = StringUtils.getFilenameFromUri(appFilePath);
-        let appFileParentPath = StringUtils.getFolder(appFilePath);
-        let appManifestPath = StringUtils.normalizePath(`${appFileParentPath}/${appFilename.replace(/\.[^/.]+$/, '.manifest.json')}`);
-        let appManifestContent = fs.readFileSync(appManifestPath, 'utf-8');
-        if (appManifestContent === undefined) {
-            throw new Error(`App manifest file not found at "${appManifestPath}"`);
-        }
-        let appManifest: ApplicationManifest = JSON.parse(appManifestContent);
-        let appName = `${appManifest.auml?.name ?? ''}`.trim();
-        if (appName === '') {
-            throw new Error(`App name not found in manifest at "${appManifestPath}"`);
-        }
-
-        // Define paths
-        // We mirror the user's workspace layout directly under outDir (no extra "src/" wrapper),
-        // so any tool config that uses project-root-relative paths (e.g. tailwind's `content`,
-        // postcss, eslint, ...) resolves exactly as it does in the user's project.
-        let outDir = StringUtils.normalizePath(`${workspacePath}/.codenotch/${appName}-build`);
-        let distDir = StringUtils.normalizePath(`${workspacePath}/.codenotch/${appName}-dist`);
-        let fileName = StringUtils.firstUpper(StringUtils.getNameWithoutExtention(appFilename));
-        let outFilePath = StringUtils.normalizePath(`${appFilePath.replace(workspacePath, outDir)}`);
-        let relativeOutFilePath = StringUtils.toRelativePath(outFilePath, outDir).replaceAll('\\', '/');
-
-        // package.json
-        let pgkJson = this.createPkgJson(workspacePath, appName);
-        FileUtils.writeFileSync(outDir + '/package.json', JSON.stringify(pgkJson, null, 4));
-
-        // index.html
-        let indexHtml = this.createIndexHtml(appManifest, appName);
-        FileUtils.writeFileSync(outDir + '/index.html', indexHtml);
-
-        // index.jsx
-        let indexJsx = this.createIndexJsxDeployment(relativeOutFilePath, fileName);
-        FileUtils.writeFileSync(outDir + '/index.jsx', indexJsx);
-
-        // vite.config.mjs (.mjs so it always loads as ESM, regardless of package.json "type")
-        let viteConfig = this.createViteConfig(appName);
-        FileUtils.writeFileSync(outDir + '/vite.config.mjs', viteConfig);
-
-        // empty-module.js , needed to mock some modules crypto-browserify -> can we avoid this ?
-        let emptyModule = this.createEmptyModule();
-        FileUtils.writeFileSync(outDir + '/empty-module.js', emptyModule);
-
-        // tsconfig.json — layout is flat (mirrors the workspace), so typecheck the source trees
-        let tsconfig = this.createTsConfig(["**/*.ts", "**/*.tsx"]);
-        FileUtils.writeFileSync(outDir + '/tsconfig.json', tsconfig);
-
-        let npmRcContent = fs.existsSync(StringUtils.normalizePath(`${workspacePath}/.npmrc`)) ? 
-            fs.readFileSync(StringUtils.normalizePath(`${workspacePath}/.npmrc`), 'utf-8') : 
-            '';
-        if(npmRcContent.trim() !== ''){
-            FileUtils.writeFileSync(outDir + '/.npmrc', npmRcContent);
-        }
-
-        // Find files to copy
-        //TODO what if we have 2 apps in the /apps folder ? if we build one it will copy the file from the other as they are not separated in different folders
-        let includedExts = ['.css', '.scss', '.tsx', '.jsx', '.ts', '.js', '.cjs', '.mjs'];
-        let includedFiles: string[] = [];
-        for (let file of FileUtils.getAllFilesFromPath(workspacePath)) {
-            // Skip generated/dependency trees so we don't copy the build output back into itself.
-            let normalized = file.replaceAll('\\', '/');
-            if (normalized.includes('/.codenotch/') || normalized.includes('/node_modules/')) {
-                continue;
-            }
-            if (includedExts.some(ext => file.toLowerCase().endsWith(ext))) {
-                includedFiles.push(file);
-            }
-        }
-        if (includedFiles.length === 0) {
-            throw new Error(`No files found in "${workspacePath}" to include in the build`);
-        }
-        for (let includedFile of includedFiles) {
-            // Mirror the workspace layout under outDir (no "src/" wrapper) so root config files
-            // land at the build root and config-relative paths keep working.
-            let targetPath = StringUtils.normalizePath(`${includedFile.replace(workspacePath, outDir)}`);
-            fse.copySync(includedFile, targetPath);
-        }
-
-        try
-        {
-            await ShellUtils.exec(outDir, 'npm install', undefined, true);
-            await ShellUtils.exec(outDir, 'npm run build', undefined, true);
-
-            // Copy the app manifest to the dist folder
-            const newAppManifestPath = StringUtils.normalizePath(`${distDir}/app.manifest.json`);
-            fse.copyFileSync(appManifestPath, newAppManifestPath);
-
-            let bundlePath = StringUtils.normalizePath(`${distDir}`);
-            return bundlePath;
-        }
-        finally
-        {
-            // Delete the build folder
-            fse.removeSync(outDir);
-        }
-    }
-
-    private static createIndexJsx(relativeOutFilePath: string, fileName: string): string {
-        return `
-import React from 'react';
-import ReactDOM from 'react-dom';
-import ${fileName} from './${relativeOutFilePath}';
-import { init } from 'codenotch-react';
-
-fetch('/api/env')
-	.then(response => response.json())
-	.then(data => {
-        init(data);
-		ReactDOM.render(<${fileName} />, document.getElementById('root'));
-	})
-	.catch(error => {
-        console.error('Error fetching environment variables:', error);
-        init(null);
-		ReactDOM.render(<${fileName} />, document.getElementById('root'));
-	});
-`.trim();
-    }
-
-    /**
-     * When served from the runtime env variables are not available, the variables are injected into the html file instead 
-     */
-    private static createIndexJsxDeployment(relativeOutFilePath: string, fileName: string): string {
-        return `
-import React from 'react';
-import ReactDOM from 'react-dom';
-import ${fileName} from './${relativeOutFilePath}';
-import { init } from 'codenotch-react';
-
-// variables are injected into the html by the runtime, we can access them on the window object
-const data = {
-    clusterUrl: tenant.clusterUrl,
-    serviceName: serviceName,
-    theme: 'dark',
-    language: languages[0] ?? 'en',
-    appManifest: appManifest,
-    tenantName: tenant.name,
-    appName: appName
-};
-init(data);
-ReactDOM.render(<${fileName} />, document.getElementById('root'));
-
-`.trim();
-    }
-
-
-    private static async fetchTenantName(clusterUrl?: string): Promise<string | undefined> {
-        let tenantName: string | undefined = undefined;
-        if (clusterUrl !== undefined) {
-            console.log('Fetching tenant name from cluster URL...');
-            tenantName = await this.getTenantName(clusterUrl);
-            if (tenantName) {
-                ConsoleUtils.check(`Tenant name "${tenantName}" fetched successfully\n`);
-            }
-            else {
-                console.log(chalk.yellow(`Warning: Unable to fetch tenant name from cluster URL "${clusterUrl}".\n`));
-            }
-        }
-        else {
-            console.log(chalk.yellow(`Warning: No cluster URL provided.\n`));
-        }
-        return tenantName;
-    }
-
-    static async getCodenotchEnvVariables(workpace: IWorkspace, options: {
-        baseUrl?: string,
-        accessToken?: string,
-        appName?: string,
-        app?: ApplicationManifest,
-        tenantName?: string,
-        clusterUrl?: string
-    }) {
-
-        let result: any = {
-            clusterUrl: options.clusterUrl,
-            serviceName: workpace.manifest.serviceName,
-            theme: 'dark',
-            language: workpace.manifest?.languages?.[0] ?? 'en'
-        };
-
-        result.projectManifest = JSON.stringify(workpace.manifest);
-
-        if (options.app) {
-            result.appManifest = JSON.stringify(options.app);
-        }
-
-        if (options.tenantName) {
-            result.tenantName = options.tenantName;
-        }
-
-
-        let tenantName = options.tenantName;
-
-        if (tenantName) result.tenantName = tenantName;
-        if (options.appName) result.appName = options.appName;
-        if (options.accessToken) result.accessToken = options.accessToken;
-        if (options.baseUrl) result.baseUrl = options.baseUrl;
-
-        if (workpace) {
-
-            let allI18nValues = await I18nUtils.getAllI18nFiles(workpace.path);
-            for(let allI18nValue of allI18nValues){
-                for(let langValue of allI18nValue.values){
-                    result[`i18n.${allI18nValue.key}.${langValue.lang}`] = JSON.stringify(langValue.value);
-                }
-            }
-        }
-
-        return result;
-    }
-
-
-
-    static async getTenantName(cluster: string): Promise<string | undefined> {
-        try {
-
-            let obj: any = await (await fetch(`${cluster}/portal/tenant`)).json();
-
-            if (obj && obj.name && typeof obj.name === 'string') {
-                return obj.name;
-            }
-
-            return undefined;
-        }
-        catch (e) {
-            console.error("Error while fetching tenant name:", e);
-            return undefined;
-        }
-    }
-
-    private static createTsConfig(include: string[] = ["src"]) {
-        let tsconfig = JSON.stringify({
-            "compilerOptions": {
-                "target": "ESNext",
-                "lib": ["DOM", "DOM.Iterable", "ESNext"],
-                "allowJs": true,
-                "skipLibCheck": true,
-                "esModuleInterop": true,
-                "allowSyntheticDefaultImports": true,
-                "strict": true,
-                "forceConsistentCasingInFileNames": true,
-                "module": "ESNext",
-                "moduleResolution": "Node",
-                "resolveJsonModule": true,
-                "isolatedModules": true,
-                "noEmit": true, // On demande à tsc de ne PAS générer de fichiers
-                "jsx": "react"  // "react" correspond au mode classic pour React 16
-            },
-            "include": include
-        }, null, 4);
-
-        return tsconfig;
-    }
-
-    private static createEmptyModule() {
-        let emptyModule = `
-const deepMock = new Proxy(() => null, {
-    get: (target, prop) => {
-        console.warn('Empty module proxy accessed property: ', prop);
-        if (prop === '__esModule') return true;
-        return deepMock;
-    }
-});
-export default deepMock;
-export class ComponentDescription {
-    constructor() {
-        this.tag = '';
-        this.props = {};
-        this.parentInheritedProps = {};
-        this.children = [];
-        this.storedData = {};
-    }
-};
-export const DeclarationState = {
-    IDLE : "idle",
-    LOADING : "loading",
-    SUCCESS : "success",
-    ERROR : "error"
-};
-export const DspVarType = {
-    STRING : "string",
-    BOOLEAN : "boolean",
-    NUMBER : "number",
-    INTEGER : "integer",
-    COLOR : "color",
-    THICKNESS : "thickness",
-    SIZE : "size",
-    BORDER : "border",
-    OBJECT : "object",
-    ARRAY : "array",
-    FUNCTION : "function",
-    ACTION : "action",
-    REACT_NODE : "reactNode",
-    RENDERER : "renderer"
-};`.trim();
-        return emptyModule;
-    }
-
-    private static createViteConfig(appName: string) {
-        let debugOptions = `
-        sourcemap: true,
-        terserOptions: {
-            mangle: false,
-            keep_fnames: true,
-            keep_classnames: true,
-        }`;
-        let viteConfig = `
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
-import path from 'path';
-export default defineConfig({
-    plugins: [
-        react({ jsxRuntime: 'classic' }),
-    ],
-    base: './',
-    build: {
-        outDir: '../${appName}-dist',
-        emptyOutDir: true, 
-        ${debugOptions}
-    },
-    resolve: {
-        alias: [
-            { find: 'crypto-browserify', replacement: './empty-module.js' },
-            { find: /^@echino\\/codenotch\\.ui\\.monaco(\\/.*)?$/, replacement: path.resolve(__dirname, './empty-module.js') },
-            { find: /^@echino\\/echino\\.ui\\.sdk(\\/.*)?$/, replacement: path.resolve(__dirname, './empty-module.js') },
-        ],
-    },
-})`.trim();
-
-        return viteConfig;
-    }
-
-    private static createIndexHtml(appManifest: ApplicationManifest, appName: string): string {
-        let indexHtml = `<!DOCTYPE html>
-<html lang="fr">
-    <head>
-        <meta charset="${appManifest.html?.charset ?? 'UTF-8'}" />
-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>${appManifest.html?.title ?? appName}</title>
-        <meta name="description" content="${appManifest.html?.description ?? ''}" />
-        <meta name="author" content="${appManifest.html?.author ?? ''}" />
-        <meta name="keywords" content="${appManifest.html?.keywords ?? ''}" />
-        <script src="https://kit.fontawesome.com/cd9ce0b05e.js" crossorigin="anonymous" data-auto-replace-svg="nest"></script>
-    </head>
-    <body>
-        <div id="root"></div>
-        <script type="module" src="/index.jsx"></script>
-    </body>
-</html>`;
-        return indexHtml;
-    }
-
-    private static createPkgJson(workspacePath: string, appName: string) {
-        let currentPkg = JSON.parse((fs.readFileSync(StringUtils.normalizePath(`${workspacePath}/package.json`), 'utf-8'))!);
-        ConsoleUtils.check(`package.json read successfully`);
-
-
-        let pgkJson: any = {
-            "name": appName,
-            "private": true,
-            "version": "1.0.0",
-            // Inherit the module system from the user's package.json (default: CommonJS).
-            // This lets user-provided tool configs (postcss.config.js, tailwind.config.js, ...)
-            // use whichever style they wrote. Our own build config is emitted as vite.config.mjs
-            // so it always loads as ESM regardless of this field.
-            "type": currentPkg.type ?? "commonjs",
-            "scripts": {
-                "dev": "vite",
-                "build": "tsc && vite build",
-                "preview": "vite preview"
-            },
-            "dependencies": currentPkg.dependencies ?? {},
-            "devDependencies": currentPkg.devDependencies ?? {}
-        };
-        let requiredDeps = ['react', 'react-dom'];
-        for (let requiredDep of requiredDeps) {
-            if (pgkJson.dependencies[requiredDep] === undefined) {
-                throw new Error(`Dependency ${requiredDep} is required to run the React preview. Please add it to your package.json dependencies and try again.`);
-            }
-        }
-        if (pgkJson.devDependencies['vite'] === undefined) {
-            pgkJson.devDependencies['vite'] = "^7.3.1";
-        }
-        else {
-            ConsoleUtils.checkWarning(`Warning: Using custom Vite version: ${pgkJson.devDependencies['vite']}`);
-        }
-
-        if (pgkJson.devDependencies['sass-embedded'] === undefined) {
-            pgkJson.devDependencies['sass-embedded'] = "^1.97.3";
-        }
-        else {
-            ConsoleUtils.checkWarning(`Warning: Using custom sass-embedded version: ${pgkJson.devDependencies['sass-embedded']}`);
-        }
-
-        return pgkJson;
-    }
-
-
-    private static getFullManifestAt(folderPath: string): ProjectManifest {
-        let manifest = this.getManifestAt(folderPath);
-        let manifestCache = this.getManifestCacheAt(folderPath);
-        let result: ProjectManifest = {
-            projectName: manifest.projectName,
-            serviceName: manifest.serviceName,
-            version: manifest.version,
-            index: manifest.index,
-            dependencies: manifest.dependencies,
-            reactApplications: manifestCache.reactApplications,
-            packages: manifest.packages,
-            languages: manifest.languages,
-            roles: manifest.roles,
-            postInstallationProcesses: manifest.postInstallationProcesses,
-            apis: manifestCache.apis,
-            applications: manifestCache.applications,
-            emails: manifestCache.emails,
-            documentDataSources: manifestCache.documentDataSources,
-            expressComponents: manifestCache.expressComponents,
-            htmls: manifestCache.htmls,
-            pdfs: manifestCache.pdfs,
-            processes: manifestCache.processes,
-            scripts: manifestCache.scripts,
-            tableDataSources: manifestCache.tableDataSources,
-        };
-        return result;
-    }
-
-    private static getManifestAt(folderPath: string) {
-        let filePath = StringUtils.normalizePath(`${folderPath}/manifest.json`);
-        if (existsSync(filePath) === false) {
-            throw new Error(`Manifest file not found at path "${filePath}"`);
-        }
-        let json = readFileSync(filePath, 'utf-8');
-        return JSON.parse(json) as IScenarioProjectManifest;
-    }
-
-    private static getManifestCacheAt(folderPath: string) {
-        let filePath = StringUtils.normalizePath(`${folderPath}/manifest.cache.json`);
-        if (existsSync(filePath) === false) {
-            throw new Error(`Manifest cache file not found at path "${filePath}"`);
-        }
-        let json = readFileSync(filePath, 'utf-8');
-        return JSON.parse(json) as IWorkspaceCache;
-    }
-
-
-    static getAumlVariables(workpace: IWorkspace, tenantName: string | undefined, clusterUrl: string | undefined) {
-        let workspaceManifest = workpace?.manifest;
-
-        let result = {
-            serviceName: workspaceManifest?.serviceName ?? 'DEV',
-            tenant: {
-                displayName: tenantName,
-                name: tenantName,
-                clusterUrl: clusterUrl
-            },
-            languages: workspaceManifest?.languages ?? ['en'],
-            appManifest: workpace.manifest,
-            packageVersions: workspaceManifest?.packages ?? {}
-        };
-        return result;
-    }
-
-    static async getGlobalAumlVariableDefinitions(workpace: IWorkspace, tenantName: string | undefined, clusterUrl: string | undefined): Promise<string> {
-        let workspaceManifest = workpace?.manifest;
-
-        return `window.serviceName = "${workspaceManifest?.serviceName ?? 'DEV'}";
-window.tenant = ${JSON.stringify({
-            displayName: tenantName,
-            name: tenantName,
-            clusterUrl: clusterUrl
-        }, null, 4)};
-window.languages = ${JSON.stringify(workspaceManifest?.languages ?? ['en'], null, 4)};
-window.user = ${JSON.stringify({
-            id: '',
-            roles: [],
-            groups: [],
-            email: '',
-            firstName: '',
-            lastName: ''
-        }, null, 4)};
-window.appManifest = ${JSON.stringify(workpace.manifest, null, 4)};
-window.packageVersions = ${JSON.stringify(workpace.manifest.packages ?? {}, null, 4)}`;
-    }
-}