@sap-ux/adp-tooling 0.12.138 → 0.13.0

package/dist/base/helper.d.ts

@@ -27,6 +27,14 @@ export declare function updateVariant(basePath: string, variant: DescriptorVaria
  * @throws {Error} Throws an error if the variant could not be retrieved.
  */
 export declare function flpConfigurationExists(basePath: string): boolean;
+/**
+ * Checks whether TypeScript is supported in the project by verifying the existence of `tsconfig.json`.
+ *
+ * @param basePath - The base path of the project.
+ * @param fs - An optional `mem-fs-editor` instance to check for the file's existence.
+ * @returns `true` if `tsconfig.json` exists, otherwise `false`.
+ */
+export declare function isTypescriptSupported(basePath: string, fs?: Editor): boolean;
 /**
  * Returns the adaptation project configuration, throws an error if not found.
  *

package/dist/base/helper.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getVariant = getVariant;
 exports.updateVariant = updateVariant;
 exports.flpConfigurationExists = flpConfigurationExists;
+exports.isTypescriptSupported = isTypescriptSupported;
 exports.getAdpConfig = getAdpConfig;
 exports.getWebappFiles = getWebappFiles;
 const fs_1 = require("fs");
@@ -50,6 +51,17 @@ function flpConfigurationExists(basePath) {
         throw new Error(`Failed to check if FLP configuration exists: ${error.message}`);
     }
 }
+/**
+ * Checks whether TypeScript is supported in the project by verifying the existence of `tsconfig.json`.
+ *
+ * @param basePath - The base path of the project.
+ * @param fs - An optional `mem-fs-editor` instance to check for the file's existence.
+ * @returns `true` if `tsconfig.json` exists, otherwise `false`.
+ */
+function isTypescriptSupported(basePath, fs) {
+    const path = (0, path_1.join)(basePath, 'tsconfig.json');
+    return fs ? fs.exists(path) : (0, fs_1.existsSync)(path);
+}
 /**
  * Returns the adaptation project configuration, throws an error if not found.
  *

package/dist/base/project-builder.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Executes a build command in the specified project directory.
+ *
+ * This function uses the `CommandRunner` to run the build process via the command `npm run build`.
+ *
+ * @param {string} projectPath - The absolute path to the project directory where the build command will be executed.
+ * @returns {Promise<void>} Resolves when the build process has completed successfully.
+ * @throws {Error} If the build process fails or if an error occurs during cleanup.
+ */
+export declare function runBuild(projectPath: string): Promise<void>;
+//# sourceMappingURL=project-builder.d.ts.map

package/dist/base/project-builder.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.runBuild = runBuild;
+const nodejs_utils_1 = require("@sap-ux/nodejs-utils");
+/**
+ * Executes a build command in the specified project directory.
+ *
+ * This function uses the `CommandRunner` to run the build process via the command `npm run build`.
+ *
+ * @param {string} projectPath - The absolute path to the project directory where the build command will be executed.
+ * @returns {Promise<void>} Resolves when the build process has completed successfully.
+ * @throws {Error} If the build process fails or if an error occurs during cleanup.
+ */
+async function runBuild(projectPath) {
+    const commandRunner = new nodejs_utils_1.CommandRunner();
+    try {
+        await commandRunner.run('npm', ['run', 'build'], { cwd: projectPath });
+    }
+    catch (e) {
+        console.error(`Error during build and clean: ${e.message}`);
+        throw e;
+    }
+}
+//# sourceMappingURL=project-builder.js.map

package/dist/base/prompt.d.ts

@@ -12,6 +12,7 @@ export type PromptDefaults = {
     ft?: boolean;
     package?: string;
     transport?: string;
+    ts?: boolean;
 };
 /**
  * Prompt the user for the required properties for an adaptation project.

package/dist/base/prompt.js

@@ -82,6 +82,13 @@ async function promptGeneratorInput(defaults, logger) {
             message: 'Enable Fiori tools?',
             initial: defaults.ft !== false,
             validate: (input) => input?.length > 0
+        },
+        {
+            type: 'confirm',
+            name: 'enableTypeScript',
+            message: 'Enable TypeScript?',
+            initial: defaults.ts !== false,
+            validate: (input) => input?.length > 0
         }
     ]);
     return {

package/dist/index.d.ts

@@ -2,6 +2,7 @@ export * from './types';
 export * from './prompts';
 export * from './common';
 export * from './base/cf';
+export * from './base/project-builder';
 export * from './base/abap/manifest-service';
 export * from './base/helper';
 export * from './preview/adp-preview';

package/dist/index.js

@@ -19,6 +19,7 @@ __exportStar(require("./types"), exports);
 __exportStar(require("./prompts"), exports);
 __exportStar(require("./common"), exports);
 __exportStar(require("./base/cf"), exports);
+__exportStar(require("./base/project-builder"), exports);
 __exportStar(require("./base/abap/manifest-service"), exports);
 __exportStar(require("./base/helper"), exports);
 __exportStar(require("./preview/adp-preview"), exports);

package/dist/preview/routes-handler.js

@@ -152,13 +152,16 @@ class RoutesHandler {
             let changeFilePath = '';
             const project = this.util.getProject();
             const sourcePath = project.getSourcePath();
+            const rootPath = this.util.getProject().getRootPath();
             const projectName = project.getName();
+            const isTsSupported = (0, helper_1.isTypescriptSupported)(rootPath);
             const getPath = (projectPath, fileName, folder = project_access_1.DirName.Coding) => path.join(projectPath, project_access_1.DirName.Changes, folder, fileName).split(path.sep).join(path.posix.sep);
             for (const file of codeExtFiles) {
                 const fileStr = await file.getString();
                 const change = JSON.parse(fileStr);
                 if (change.selector.controllerName === controllerName) {
-                    const fileName = change.content.codeRef.replace('coding/', '');
+                    const baseFileName = change.content.codeRef.replace('coding/', '');
+                    const fileName = isTsSupported ? baseFileName.replace('.js', '.ts') : baseFileName;
                     controllerPath = getPath(sourcePath, fileName);
                     controllerPathFromRoot = getPath(projectName, fileName);
                     changeFilePath = getPath(projectName, file.getName(), '');
@@ -177,7 +180,8 @@ class RoutesHandler {
                 controllerExists,
                 controllerPath: os.platform() === 'win32' ? `/${controllerPath}` : controllerPath,
                 controllerPathFromRoot,
-                isRunningInBAS
+                isRunningInBAS,
+                isTsSupported
             });
             this.logger.debug(controllerExists
                 ? `Controller exists at '${controllerPath}'`
@@ -197,35 +201,29 @@ class RoutesHandler {
     handleWriteControllerExt = async (req, res, next) => {
         try {
             const data = req.body;
-            const controllerExtName = (0, sanitize_filename_1.default)(data.controllerName);
-            const projectId = data.projectId;
+            const name = (0, sanitize_filename_1.default)(data.controllerName);
             const sourcePath = this.util.getProject().getSourcePath();
-            if (!controllerExtName) {
+            const rootPath = this.util.getProject().getRootPath();
+            if (!name) {
                 res.status(400 /* HttpStatusCodes.BAD_REQUEST */).send('Controller extension name was not provided!');
                 this.logger.debug('Bad request. Controller extension name was not provided!');
                 return;
             }
+            const isTsSupported = (0, helper_1.isTypescriptSupported)(rootPath);
             const fullPath = path.join(sourcePath, project_access_1.DirName.Changes, project_access_1.DirName.Coding);
-            const filePath = path.join(fullPath, `${controllerExtName}.js`);
+            const filePath = path.join(fullPath, `${name}.${isTsSupported ? 'ts' : 'js'}`);
             if (!fs.existsSync(fullPath)) {
                 fs.mkdirSync(fullPath, { recursive: true });
             }
             if (fs.existsSync(filePath)) {
-                res.status(409 /* HttpStatusCodes.CONFLICT */).send(`Controller extension with name "${controllerExtName}" already exists`);
-                this.logger.debug(`Controller extension with name "${controllerExtName}" already exists`);
+                res.status(409 /* HttpStatusCodes.CONFLICT */).send(`Controller extension with name "${name}" already exists`);
+                this.logger.debug(`Controller extension with name "${name}" already exists`);
                 return;
             }
-            const controllerExtPath = `${projectId}.${controllerExtName}`;
-            const controllerTemplateFilePath = path.join(__dirname, '../../templates/rta', "controller.ejs" /* TemplateFileName.Controller */);
-            (0, ejs_1.renderFile)(controllerTemplateFilePath, { controllerExtPath }, {}, (err, str) => {
-                if (err) {
-                    throw new Error('Error rendering template: ' + err.message);
-                }
-                fs.writeFileSync(filePath, str, { encoding: 'utf8' });
-            });
+            generateControllerFile(rootPath, filePath, name);
             const message = 'Controller extension created!';
             res.status(201 /* HttpStatusCodes.CREATED */).send(message);
-            this.logger.debug(`Controller extension with name "${controllerExtName}" was created`);
+            this.logger.debug(`Controller extension with name "${name}" was created`);
         }
         catch (e) {
             const sanitizedMsg = (0, sanitize_filename_1.default)(e.message);
@@ -315,4 +313,29 @@ class RoutesHandler {
     }
 }
 exports.default = RoutesHandler;
+/**
+ * Generates a controller file for the Adaptation Project based on the project's TypeScript support.
+ *
+ * This function creates a controller file in the specified `filePath` by rendering a template.
+ * It determines whether to use a TypeScript or JavaScript template based on the TypeScript support of the project.
+ *
+ * @param {string} rootPath - The root directory of the project.
+ * @param {string} filePath - The destination path where the generated controller file should be saved.
+ * @param {string} name - The name of the controller extension (used in TypeScript templates).
+ * @throws {Error} Throws an error if rendering the template fails.
+ */
+function generateControllerFile(rootPath, filePath, name) {
+    const id = (0, helper_1.getVariant)(rootPath)?.id;
+    const isTsSupported = (0, helper_1.isTypescriptSupported)(rootPath);
+    const tmplFileName = isTsSupported ? "ts-controller.ejs" /* TemplateFileName.TSController */ : "controller.ejs" /* TemplateFileName.Controller */;
+    const tmplPath = path.join(__dirname, '../../templates/rta', tmplFileName);
+    const extensionPath = `${id}.${name}`;
+    const templateData = isTsSupported ? { name, ns: id } : { extensionPath };
+    (0, ejs_1.renderFile)(tmplPath, templateData, {}, (err, str) => {
+        if (err) {
+            throw new Error(`Error rendering ${isTsSupported ? 'TypeScript' : 'JavaScript'} template: ${err.message}`);
+        }
+        fs.writeFileSync(filePath, str, { encoding: 'utf8' });
+    });
+}
 //# sourceMappingURL=routes-handler.js.map

package/dist/types.d.ts

@@ -76,6 +76,10 @@ export interface AdpWriterConfig {
          * Optional: if set to true then the generated project will be recognized by the SAP Fiori tools
          */
         fioriTools?: boolean;
+        /**
+         * Optional: if set to true then the generated project will support typescript
+         */
+        enableTypeScript?: boolean;
     };
 }
 export interface ChangeInboundNavigation {
@@ -253,6 +257,7 @@ export type ParameterRules = {
 export declare const enum TemplateFileName {
     Fragment = "fragment.xml",
     Controller = "controller.ejs",
+    TSController = "ts-controller.ejs",
     Annotation = "annotation.xml"
 }
 export declare const enum FlexLayer {

package/dist/writer/index.js

@@ -7,7 +7,7 @@ const mem_fs_1 = require("mem-fs");
 const mem_fs_editor_1 = require("mem-fs-editor");
 const options_1 = require("./options");
 const project_utils_1 = require("./project-utils");
-const tmplPath = (0, path_1.join)(__dirname, '../../templates/project');
+const baseTmplPath = (0, path_1.join)(__dirname, '../../templates');
 /**
  * Set default values for optional properties.
  *
@@ -51,7 +51,7 @@ async function generate(basePath, config, fs) {
     if (fullConfig.customConfig?.adp.environment === 'C' && fullConfig.flp) {
         (0, options_1.enhanceManifestChangeContentWithFlpConfig)(fullConfig.flp, fullConfig.app.id, fullConfig.app.content);
     }
-    (0, project_utils_1.writeTemplateToFolder)((0, path_1.join)(tmplPath, '**/*.*'), (0, path_1.join)(basePath), fullConfig, fs);
+    (0, project_utils_1.writeTemplateToFolder)(baseTmplPath, (0, path_1.join)(basePath), fullConfig, fs);
     await (0, project_utils_1.writeUI5DeployYaml)(basePath, fullConfig, fs);
     await (0, project_utils_1.writeUI5Yaml)(basePath, fullConfig, fs);
     return fs;
@@ -69,6 +69,7 @@ async function migrate(basePath, config, fs) {
         fs = (0, mem_fs_editor_1.create)((0, mem_fs_1.create)());
     }
     const fullConfig = setDefaults(config);
+    const tmplPath = (0, path_1.join)(baseTmplPath, 'project');
     // Copy the specified files to target project
     fs.copyTpl((0, path_1.join)(tmplPath, '**/ui5.yaml'), (0, path_1.join)(basePath), fullConfig, undefined, {
         globOptions: { dot: true }

package/dist/writer/options.d.ts

@@ -1,5 +1,5 @@
 import type { UI5Config } from '@sap-ux/ui5-config';
-import type { CustomConfig, AdpWriterConfig, Content, CloudApp, InternalInboundNavigation } from '../types';
+import type { AdpWriterConfig, Content, CloudApp, InternalInboundNavigation } from '../types';
 /**
  * Generate the configuration for the middlewares required for the ui5.yaml.
  *
@@ -8,10 +8,12 @@ import type { CustomConfig, AdpWriterConfig, Content, CloudApp, InternalInboundN
  */
 export declare function enhanceUI5Yaml(ui5Config: UI5Config, config: AdpWriterConfig): void;
 /**
- * Generate the configuration for the custom tasks required for the ui5.yaml.
+ * Generates the configuration for the custom tasks required for the ui5.yaml.
  *
- * @param ui5Config configuration representing the ui5.yaml
- * @param config full project configuration
+ * Adds a custom task for building TypeScript projects.
+ *
+ * @param {UI5Config} ui5Config - The UI5 configuration object representing the ui5.yaml.
+ * @param {AdpWriterConfig} config - The configuration object containing options for the adaptation project.
  */
 export declare function enhanceUI5YamlWithCustomTask(ui5Config: UI5Config, config: AdpWriterConfig & {
     app: CloudApp;
@@ -22,7 +24,15 @@ export declare function enhanceUI5YamlWithCustomTask(ui5Config: UI5Config, confi
  * @param ui5Config configuration representing the ui5.yaml
  * @param config full project configuration
  */
-export declare function enhanceUI5YamlWithCustomConfig(ui5Config: UI5Config, config?: CustomConfig): void;
+export declare function enhanceUI5YamlWithCustomConfig(ui5Config: UI5Config, config: AdpWriterConfig): void;
+/**
+ * Enhances a UI5 YAML configuration with the transpile middleware for TypeScript support.
+ *
+ * @param {UI5Config} ui5Config - The UI5 configuration object representing the ui5.yaml.
+ * @param {AdpWriterConfig} config - The configuration object containing options for the adaptation project.
+ * @param {boolean} [config.options.enableTypeScript] - Flag indicating if TypeScript support is enabled.
+ */
+export declare function enhanceUI5YamlWithTranspileMiddleware(ui5Config: UI5Config, config: AdpWriterConfig): void;
 /**
  * Writer configuration with deploy configuration.
  */

package/dist/writer/options.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.enhanceUI5Yaml = enhanceUI5Yaml;
 exports.enhanceUI5YamlWithCustomTask = enhanceUI5YamlWithCustomTask;
 exports.enhanceUI5YamlWithCustomConfig = enhanceUI5YamlWithCustomConfig;
+exports.enhanceUI5YamlWithTranspileMiddleware = enhanceUI5YamlWithTranspileMiddleware;
 exports.hasDeployConfig = hasDeployConfig;
 exports.enhanceUI5DeployYaml = enhanceUI5DeployYaml;
 exports.enhanceManifestChangeContentWithFlpConfig = enhanceManifestChangeContentWithFlpConfig;
@@ -23,14 +24,34 @@ function enhanceUI5Yaml(ui5Config, config) {
     }
 }
 /**
- * Generate the configuration for the custom tasks required for the ui5.yaml.
+ * Generates the configuration for the custom tasks required for the ui5.yaml.
  *
- * @param ui5Config configuration representing the ui5.yaml
- * @param config full project configuration
+ * Adds a custom task for building TypeScript projects.
+ *
+ * @param {UI5Config} ui5Config - The UI5 configuration object representing the ui5.yaml.
+ * @param {AdpWriterConfig} config - The configuration object containing options for the adaptation project.
  */
 function enhanceUI5YamlWithCustomTask(ui5Config, config) {
-    const tasks = getAdpCloudCustomTasks(config);
-    ui5Config.addCustomTasks(tasks);
+    if (config.options?.enableTypeScript) {
+        ui5Config.addCustomTasks([
+            {
+                name: 'ui5-tooling-transpile-task',
+                afterTask: 'replaceVersion',
+                configuration: {
+                    debug: true,
+                    omitSourceMaps: true,
+                    omitTSFromBuildResult: true,
+                    transformModulesToUI5: {
+                        overridesToOverride: true
+                    }
+                }
+            }
+        ]);
+    }
+    if (config.customConfig?.adp?.environment === 'C') {
+        const tasks = getAdpCloudCustomTasks(config);
+        ui5Config.addCustomTasks(tasks);
+    }
 }
 /**
  * Generate custom configuration required for the ui5.yaml.
@@ -39,11 +60,33 @@ function enhanceUI5YamlWithCustomTask(ui5Config, config) {
  * @param config full project configuration
  */
 function enhanceUI5YamlWithCustomConfig(ui5Config, config) {
-    if (config?.adp) {
-        const { support } = config.adp;
+    const adp = config.customConfig?.adp;
+    if (adp) {
+        const { support } = adp;
         ui5Config.addCustomConfiguration('adp', { support });
     }
 }
+/**
+ * Enhances a UI5 YAML configuration with the transpile middleware for TypeScript support.
+ *
+ * @param {UI5Config} ui5Config - The UI5 configuration object representing the ui5.yaml.
+ * @param {AdpWriterConfig} config - The configuration object containing options for the adaptation project.
+ * @param {boolean} [config.options.enableTypeScript] - Flag indicating if TypeScript support is enabled.
+ */
+function enhanceUI5YamlWithTranspileMiddleware(ui5Config, config) {
+    if (config.options?.enableTypeScript) {
+        ui5Config.updateCustomMiddleware({
+            name: 'ui5-tooling-transpile-middleware',
+            afterMiddleware: 'compression',
+            configuration: {
+                debug: true,
+                transformModulesToUI5: {
+                    overridesToOverride: true
+                }
+            }
+        });
+    }
+}
 /**
  * Checks if a writer config has a deploy configuration.
  *

package/dist/writer/project-utils.d.ts

@@ -13,13 +13,13 @@ export declare function getPackageJSONInfo(): PackageJSON;
 /**
  * Writes a given project template files within a specified folder in the project directory.
  *
- * @param {string} templatePath - The root path of the project template.
+ * @param {string} baseTmplPath - The root path of the templates folder.
  * @param {string} projectPath - The root path of the project.
  * @param {AdpWriterConfig} data - The data to be populated in the template file.
  * @param {Editor} fs - The `mem-fs-editor` instance used for file operations.
  * @returns {void}
  */
-export declare function writeTemplateToFolder(templatePath: string, projectPath: string, data: AdpWriterConfig, fs: Editor): void;
+export declare function writeTemplateToFolder(baseTmplPath: string, projectPath: string, data: AdpWriterConfig, fs: Editor): void;
 /**
  * Writes a ui5.yaml file within a specified folder in the project directory.
  *

package/dist/writer/project-utils.js

@@ -28,18 +28,28 @@ function getPackageJSONInfo() {
 /**
  * Writes a given project template files within a specified folder in the project directory.
  *
- * @param {string} templatePath - The root path of the project template.
+ * @param {string} baseTmplPath - The root path of the templates folder.
  * @param {string} projectPath - The root path of the project.
  * @param {AdpWriterConfig} data - The data to be populated in the template file.
  * @param {Editor} fs - The `mem-fs-editor` instance used for file operations.
  * @returns {void}
  */
-function writeTemplateToFolder(templatePath, projectPath, data, fs) {
+function writeTemplateToFolder(baseTmplPath, projectPath, data, fs) {
+    const tmplPath = (0, path_1.join)(baseTmplPath, 'project', '**/*.*');
+    const tsConfigPath = (0, path_1.join)(baseTmplPath, 'typescript', 'tsconfig.json');
+    const typesVersion = (0, ui5_config_1.getEsmTypesVersion)(data.ui5?.version);
+    const typesPackage = (0, ui5_config_1.getTypesPackage)(typesVersion);
     try {
-        fs.copyTpl(templatePath, projectPath, data, undefined, {
+        fs.copyTpl(tmplPath, projectPath, { ...data, typesPackage, typesVersion }, undefined, {
             globOptions: { dot: true },
             processDestinationPath: (filePath) => filePath.replace(/gitignore.tmpl/g, '.gitignore')
         });
+        if (data.options?.enableTypeScript) {
+            const id = data.app?.id?.split('.').join('/');
+            fs.copyTpl(tsConfigPath, (0, path_1.join)(projectPath, 'tsconfig.json'), { id, typesPackage }, undefined, {
+                globOptions: { dot: true }
+            });
+        }
     }
     catch (e) {
         throw new Error(`Could not write template files to folder. Reason: ${e.message}`);
@@ -59,11 +69,10 @@ async function writeUI5Yaml(projectPath, data, fs) {
         const baseUi5ConfigContent = fs.read(ui5ConfigPath);
         const ui5Config = await ui5_config_1.UI5Config.newInstance(baseUi5ConfigContent);
         ui5Config.setConfiguration({ propertiesFileSourceEncoding: 'UTF-8' });
-        (0, options_1.enhanceUI5YamlWithCustomConfig)(ui5Config, data?.customConfig);
+        (0, options_1.enhanceUI5YamlWithCustomConfig)(ui5Config, data);
+        (0, options_1.enhanceUI5YamlWithTranspileMiddleware)(ui5Config, data);
         (0, options_1.enhanceUI5Yaml)(ui5Config, data);
-        if (data.customConfig?.adp?.environment === 'C') {
-            (0, options_1.enhanceUI5YamlWithCustomTask)(ui5Config, data);
-        }
+        (0, options_1.enhanceUI5YamlWithCustomTask)(ui5Config, data);
         fs.write(ui5ConfigPath, ui5Config.toString());
     }
     catch (e) {

package/package.json

@@ -9,7 +9,7 @@
   "bugs": {
     "url": "https://github.com/SAP/open-ux-tools/issues?q=is%3Aopen+is%3Aissue+label%3Abug+label%3Aadp-tooling"
   },
-  "version": "0.12.138",
+  "version": "0.13.0",
   "license": "Apache-2.0",
   "author": "@SAP/ux-tools-team",
   "main": "dist/index.js",
@@ -41,6 +41,7 @@
     "@sap-ux/system-access": "0.5.31",
     "@sap-ux/ui5-config": "0.26.2",
     "@sap-ux/odata-service-writer": "0.26.3",
+    "@sap-ux/nodejs-utils": "0.1.7",
     "@sap-ux/i18n": "0.2.1"
   },
   "devDependencies": {
@@ -58,6 +59,7 @@
     "nock": "13.4.0",
     "rimraf": "5.0.5",
     "supertest": "6.3.3",
+    "cross-env": "^7.0.3",
     "@sap-ux/store": "1.0.0"
   },
   "engines": {
@@ -70,8 +72,8 @@
     "format": "prettier --write '**/*.{js,json,ts,yaml,yml}' --ignore-path ../../.prettierignore",
     "lint": "eslint . --ext .ts",
     "lint:fix": "eslint . --ext .ts --fix",
-    "test": "jest FIORI_TOOLS_DISABLE_SECURE_STORE=true --ci --forceExit --detectOpenHandles --colors --testPathPattern=test/unit",
-    "test-u": "jest FIORI_TOOLS_DISABLE_SECURE_STORE=true --ci --forceExit --detectOpenHandles --colors -u",
+    "test": "cross-env FIORI_TOOLS_DISABLE_SECURE_STORE=true jest --ci --forceExit --detectOpenHandles --colors --testPathPattern=test/unit",
+    "test-u": "cross-env FIORI_TOOLS_DISABLE_SECURE_STORE=true jest --ci --forceExit --detectOpenHandles --colors -u",
     "link": "pnpm link --global",
     "unlink": "pnpm unlink --global"
   }

package/templates/project/package.json

@@ -15,7 +15,10 @@
         "@sap-ux/ui5-proxy-middleware": "^1.3.0",
         "@sap-ux/deploy-tooling": "^0.11.7"<%}%>,
         "@ui5/task-adaptation": "^1.3.0",
-        "@ui5/cli": "^3.9.2"
+        "@ui5/cli": "^3.9.2"<%if (locals.options?.enableTypeScript) {%>,
+        "<%- typesPackage %>": "<%- typesVersion %>",
+        "typescript": "^5.7.3",
+        "ui5-tooling-transpile": "^3.6.1"<%}%>
     },
     "scripts": {
         "build": "ui5 build --exclude-task generateFlexChangesBundle generateComponentPreload minify --clean-dest",

package/templates/rta/controller.ejs

@@ -8,7 +8,7 @@ sap.ui.define(
         // ,OverrideExecution
     ) {
         'use strict';
-        return ControllerExtension.extend("<%= controllerExtPath %>", {
+        return ControllerExtension.extend("<%= extensionPath %>", {
             // metadata: {
             // 	// extension can declare the public methods
             // 	// in general methods that start with "_" are private
@@ -47,27 +47,27 @@ sap.ui.define(
             // 	/**
             // 	 * Called when a controller is instantiated and its View controls (if available) are already created.
             // 	 * Can be used to modify the View before it is displayed, to bind event handlers and do other one-time initialization.
-            // 	 * @memberOf {{controllerExtPath}}
+            // 	 * @memberOf <%= extensionPath %>
             // 	 */
             // 	onInit: function() {
             // 	},
             // 	/**
             // 	 * Similar to onAfterRendering, but this hook is invoked before the controller's View is re-rendered
             // 	 * (NOT before the first rendering! onInit() is used for that one!).
-            // 	 * @memberOf {{controllerExtPath}}
+            // 	 * @memberOf <%= extensionPath %>
             // 	 */
             // 	onBeforeRendering: function() {
             // 	},
             // 	/**
             // 	 * Called when the View has been rendered (so its HTML is part of the document). Post-rendering manipulations of the HTML could be done here.
             // 	 * This hook is the same one that SAPUI5 controls get after being rendered.
-            // 	 * @memberOf {{controllerExtPath}}
+            // 	 * @memberOf <%= extensionPath %>
             // 	 */
             // 	onAfterRendering: function() {
             // 	},
             // 	/**
             // 	 * Called when the Controller is destroyed. Use this one to free resources and finalize activities.
-            // 	 * @memberOf {{controllerExtPath}}
+            // 	 * @memberOf <%= extensionPath %>
             // 	 */
             // 	onExit: function() {
             // 	},

package/templates/rta/ts-controller.ejs

@@ -0,0 +1,18 @@
+import ControllerExtension from "sap/ui/core/mvc/ControllerExtension";
+
+/**
+ * @namespace <%= ns %>
+ * @controller
+ */
+export default class <%= name %> extends ControllerExtension {
+  overrides = {
+    /**
+     * Called when a controller is instantiated and its View controls (if available) are already created.
+     * Can be used to modify the View before it is displayed, to bind event handlers and do other one-time initialization.
+     * @memberOf <%= ns %>.<%= name %>
+     */
+    onInit: () => {
+      const view = this.getView();
+    },
+  };
+}

package/templates/typescript/tsconfig.json

@@ -0,0 +1,19 @@
+{
+  "compilerOptions": {
+    "target": "es2022",
+    "module": "es2022",
+    "moduleResolution": "node",
+    "skipLibCheck": true,
+    "allowJs": true,
+    "strict": true,
+    "strictPropertyInitialization": false,
+    "rootDir": "./",
+    "outDir": "./dist",
+    "baseUrl": "./",
+    "typeRoots": ["./node_modules/@types", "./node_modules/<%- typesPackage %>"],
+    "paths": {
+      "<%= id %>/*": ["./webapp/*"]
+    }
+  },
+  "include": ["./webapp/**/*"]
+}