T-Code Quick Finder

Welcome to the T-Code Quick Finder project. This application provides a fast and efficient way to search for transaction codes (T-Codes). A live demo is available at tcodes.kernich.de.

Overview

This project demonstrates a TypeScript setup for developing UI5 applications. It is designed to help developers quickly find and manage T-Codes necessary for UI5 and Fiori projects. The application includes features such as search functionality, copy to clipboard, favorite management with local storage, and more.

Features

• Search Functionality: Quickly search for T-Codes by their code, title, or description.
• Copy to Clipboard: Easily copy T-Codes to the clipboard by clicking on a table row.
• Copy behavior: Just copy the T-Code, add an /n or /o prefix or open them directly in WebGUI
• Favorite Management: Mark T-Codes as favorites and sort them for easy access. Favorites are stored in local storage.
• Add Custom T-Codes: Add your own T-Codes with descriptions in the CUSTOM group. Use right click context menu to edit existing ones.
• Theme Selection: Choose between light or dark theme.
• Group Visibility: Select which transaction should be displayed.
• Responsive Design: Optimized for both desktop and mobile devices.

Demo

A live demo of the application can be accessed at tcodes.kernich.de.

Requirements

• npm or yarn for dependency management.

Installation

To install the dependencies, run:

npm install

Or, if you prefer yarn:

yarn

Running the App

To run the app locally for development in watch mode (the browser reloads the app automatically when there are changes in the source code), execute:

npm start

Or, with yarn:

yarn start

The app will be available at http://localhost:8080/index.html.

Debugging

In the browser, you can directly debug the original TypeScript code, which is supplied via sourcemaps. If the browser doesn't automatically jump to the TypeScript code when setting breakpoints, use Ctrl/Cmd + P in Chrome to open the *.ts file you want to debug.

Building the App

Unoptimized Build

To build the project and get an app that can be deployed, run:

npm run build

The result is placed into the dist folder. To start the generated package, run:

npm run start:dist

Or, with yarn:

yarn build
yarn start:dist

Optimized Build

For an optimized self-contained build, run:

npm run build:opt

To start the generated package, run:

npm run start:dist

Or, with yarn:

yarn build:opt
yarn start:dist

Code Quality

To run a TypeScript check, execute:

npm run ts-typecheck

To lint the TypeScript code, execute:

npm run lint

Or, with yarn:

yarn ts-typecheck
yarn lint

License

This project is licensed under the Apache Software License, version 2.0. See the LICENSE file for more details.

Contact

For more information, please contact Mario Kernich.

---

Thank you for checking out the UI5/Fiori T-Code Quick Search project. We hope you find it useful for your UI5 and Fiori development needs.