update

Author: oblomov-dev

docs/.vitepress/config.mjs

@@ -107,7 +107,6 @@ export default defineConfig({
             { text: 'Logging', link: '/development/logging' },
             { text: 'Device Capabilities', link: '/development/ndc' },
             { text: 'CDS, EML', link: '/development/cds' },
-            { text: 'Custom JS', link: '/development/custom_js' },
            ]
           },
         ]
@@ -152,7 +151,11 @@ export default defineConfig({
           { text: 'Renaming', link: '/advanced/renaming' },
           { text: 'Launchpad KPIs', link: '/addons/kpi' },
           { text: 'Remote App Calls', link: '/addons/rfc' },
-          { text: 'Extensibility', link: '/advanced/extensibility' },
+          { text: 'Extensibility', link: '/advanced/extensibility' , items: [
+            { text: 'Custom JS', link: '/advanced/extensibility/custom_js' },
+            { text: 'Custom Controls', link: '/advanced/extensibility/custom_control' },
+            { text: 'Frontend', link: '/advanced/extensibility/frontend' },
+          ] },
           { text: 'Technical Background', link: '/advanced/insights/insights' , items: [
             { text: 'General', link: '/advanced/insights/insights' },
             { text: 'open-abap', link: '/advanced/insights/open_abap' },

docs/advanced/extensibility.md

@@ -2,4 +2,3 @@
 
 You can integrate your own JavasScript code into abap2UI5 by implementing new UI5 Custom Controls. Call for example third party libraries or extend your ABAP apps with additional functionalities.<br>
 
-Check out [this guideline](https://community.sap.com/t5/technology-blogs-by-members/abap2ui5-11-extensions-ii-guideline-for-developing-new-features-in/ba-p/13576797) to learn more.

docs/advanced/extensibility/custom_control.md

@@ -0,0 +1,3 @@
+# Custom Controls
+
+You can develop your own UI5 custom controls and integrate them with the ABAP backend. Check out [this guideline](https://community.sap.com/t5/technology-blogs-by-members/abap2ui5-11-extensions-ii-guideline-for-developing-new-features-in/ba-p/13576797) to learn more.

docs/development/custom_js.md docs/advanced/extensibility/custom_js.mddocs/development/custom_js.md renamed to docs/advanced/extensibility/custom_js.md

@@ -0,0 +1,34 @@
+---
+outline: [2, 4]
+---
+# Frontend
+
+The abap2UI5 frontend artifacts are stored in the app folder. If you want to make adjustments, follow these steps:
+
+#### Setup 
+Open VS Code or an editor of your choice, use the terminal:
+```
+git clone https://github.com/abap2UI5/abap2UI5
+cd app
+```
+Replace the backend with your abap system in all three files:
+
+<img width="400" alt="Code 2024-11-22 07 44 12" src="https://github.com/user-attachments/assets/155c9a3f-8a0a-494b-8fc4-a4bba2bf0e90">
+
+
+#### Develop & Test
+Set the correct backend system in the yamls <br>
+Replace "/sap/bc/z2ui5" with your endpoint in the manifest
+```
+npm i
+npm run start-noflp
+```
+This is the output in the terminal:
+
+<img width="1000" alt="Screenshot 2024-11-22 at 07 45 55" src="https://github.com/user-attachments/assets/b7df2e48-7bf4-4454-9d05-d2bc8c4a6b49">
+
+#### Before PR
+Transform UI5 App to stringified ABAP
+```
+npm run transform
+```