feat: bring ui5wc generator

.gitignore

@@ -77,3 +77,15 @@ sauce_connect.log
 !.yarn/versions
 .cursor/rules/nx-rules.mdc
 .github/instructions/nx.instructions.md
+
+# generation
+libs/ui5-webcomponents/**/
+libs/ui5-webcomponents/index.ts
+libs/ui5-webcomponents-base/**/
+libs/ui5-webcomponents-base/index.ts
+libs/ui5-webcomponents-ai/**/
+libs/ui5-webcomponents-ai/index.ts
+libs/ui5-webcomponents-fiori/**/
+libs/ui5-webcomponents-fiori/index.ts
+!libs/ui5-webcomponents-base/theming/
+

.vscode/settings.json

@@ -1,3 +1,4 @@
 {
-    "editor.formatOnSave": false
+    "editor.formatOnSave": false,
+    "eslint.validate": ["json"]
 }

libs/nx-plugin/src/verify-nx-tags.spec.ts

@@ -12,7 +12,8 @@ const knownScopes = new Set([
     'tools',
     'datetime-adapter',
     'components-e2e',
-    'i18n'
+    'i18n',
+    'ui5'
 ]);
 
 // For some reason this test hangs. TODO: investigate whats wrong.

libs/ui5-webcomponents-ai/README.md

@@ -0,0 +1,3 @@
+# ui5-webcomponents-ai
+
+package ui5-webcomponents-ai

libs/ui5-webcomponents-ai/eslint.config.js

@@ -0,0 +1,42 @@
+const nx = require('@nx/eslint-plugin');
+const baseConfig = require('../../eslint.config.js');
+const overrides = require('../../eslint.overrides');
+
+module.exports = [
+    ...baseConfig,
+    ...overrides,
+    {
+        files: ['**/*.ts'],
+        rules: {
+            '@angular-eslint/directive-selector': [
+                'error',
+                {
+                    type: 'attribute',
+                    prefix: ['fd', 'noop', 'ui5'],
+                    style: 'camelCase'
+                }
+            ],
+            '@angular-eslint/component-selector': [
+                'error',
+                {
+                    type: 'element',
+                    prefix: ['fd', 'noop', 'ui5'],
+                    style: 'kebab-case'
+                }
+            ]
+        }
+    },
+    {
+        files: ['**/*.html'],
+        // Override or add rules here
+        rules: {
+            '@angular-eslint/template/interactive-supports-focus': 'off',
+            '@angular-eslint/template/click-events-have-key-events': 'off',
+            '@angular-eslint/template/elements-content': 'off',
+            '@angular-eslint/template/role-has-required-aria': 'off',
+            '@angular-eslint/template/label-has-associated-control': 'off',
+            '@angular-eslint/template/valid-aria': 'off',
+            '@angular-eslint/template/mouse-events-have-key-events': 'off'
+        }
+    }
+];

libs/ui5-webcomponents-ai/fundamental-ngx.module.ts

@@ -0,0 +1,7 @@
+import { NgModule } from '@angular/core';
+
+@NgModule({
+    imports: [],
+    exports: []
+})
+export class FundamentalNgxWcAiModule {}

libs/ui5-webcomponents-ai/jest.config.ts

@@ -0,0 +1,21 @@
+export default {
+    displayName: 'ui5-webcomponents-ai',
+    preset: '../../jest.preset.js',
+    setupFilesAfterEnv: ['<rootDir>/test-setup.ts'],
+    coverageDirectory: '../../coverage/libs/ui5-webcomponents-ai',
+    transform: {
+        '^.+\\.(ts|mjs|js|html)$': [
+            'jest-preset-angular',
+            {
+                tsconfig: '<rootDir>/tsconfig.spec.json',
+                stringifyContentPathRegex: '\\.(html|svg)$'
+            }
+        ]
+    },
+    transformIgnorePatterns: ['node_modules/(?!.*\\.mjs$)'],
+    snapshotSerializers: [
+        'jest-preset-angular/build/serializers/no-ng-attributes',
+        'jest-preset-angular/build/serializers/ng-snapshot',
+        'jest-preset-angular/build/serializers/html-comment'
+    ]
+};

libs/ui5-webcomponents-ai/ng-package.json

@@ -0,0 +1,15 @@
+{
+    "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
+    "dest": "../../dist/libs/ui5-webcomponents-ai",
+    "deleteDestPath": true,
+    "assets": ["./assets/**/*", "./styles/*.*"],
+    "lib": {
+        "entryFile": "./index.ts"
+    },
+    "allowedNonPeerDependencies": [
+        "@sap-theming/theming-base-content",
+        "lodash-es",
+        "compare-versions",
+        "fast-deep-equal"
+    ]
+}

libs/ui5-webcomponents-ai/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@fundamental-ngx/ui5-webcomponents-ai",
+  "version": "0.57.3-rc.6",
+  "schematics": "./schematics/collection.json",
+  "description": "Fundamental Library for Angular - UI5 Webcomponents AI",
+  "license": "Apache-2.0",
+  "homepage": "https://sap.github.io/fundamental-ngx",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/SAP/fundamental-ngx"
+  },
+  "engine": {
+    "node": ">= 10"
+  },
+  "peerDependencies": {
+    "@angular/animations": "ANGULAR_VER_PLACEHOLDER",
+    "@angular/cdk": "ANGULAR_VER_PLACEHOLDER",
+    "@angular/common": "ANGULAR_VER_PLACEHOLDER",
+    "@angular/core": "ANGULAR_VER_PLACEHOLDER",
+    "@angular/forms": "ANGULAR_VER_PLACEHOLDER",
+    "@angular/platform-browser": "ANGULAR_VER_PLACEHOLDER",
+    "@angular/router": "ANGULAR_VER_PLACEHOLDER",
+    "@fundamental-ngx/ui5-webcomponents": "VERSION_PLACEHOLDER",
+    "fundamental-styles": "FDSTYLES_VER_PLACEHOLDER",
+    "rxjs": "RXJS_VER_PLACEHOLDER"
+  },
+  "dependencies": {
+    "@sap-theming/theming-base-content": "THEMING_VER_PLACEHOLDER",
+    "compare-versions": "COMPARE_VERSIONS_VER_PLACEHOLDER",
+    "fast-deep-equal": "FAST_DEEP_EQUAL_VER_PLACEHOLDER",
+    "lodash-es": "LODASH_ES_VER_PLACEHOLDER",
+    "tslib": "^2.0.0"
+  },
+  "ng-add": {
+    "save": "dependencies"
+  }
+}

libs/ui5-webcomponents-ai/project.json

@@ -0,0 +1,55 @@
+{
+    "name": "ui5-webcomponents-ai",
+    "$schema": "../../node_modules/nx/schemas/project-schema.json",
+    "projectType": "library",
+    "prefix": "ui5",
+    "tags": ["type:lib", "scope:ui5"],
+    "targets": {
+        "prepare": {
+            "command": "npx nx g @fundamental-ngx/nx-plugin:sync-versions --project=ui5-webcomponents-ai --verbose",
+            "dependsOn": ["ui5-webcomponents:build", "^prepare"]
+        },
+        "generate": {
+            "executor": "@fundamental-ngx/webc-generator:generate",
+            "options": {
+                "cemFile": "@ui5/webcomponents-ai/dist/custom-elements-internal.json",
+                "targetDir": ".",
+                "packageName": "@ui5/webcomponents-ai",
+                "outputPath": "libs/generated/ui5-webcomponents-ai",
+                "tsConfig": "libs/ui5-webcomponents-ai/tsconfig.lib.json",
+                "_cacheBust": "2025-10-08-generate-utils"
+            },
+            "outputs": ["{projectRoot}/index.ts", "{projectRoot}/**/index.ts", "{projectRoot}/types", "{projectRoot}/utils", "{options.outputPath}"]
+        },
+        "compile-typedoc": {
+            "executor": "@fundamental-ngx/nx-plugin:compile-typedoc",
+            "options": {
+                "outputPath": "libs/docs/typedoc/ui5-webcomponents-ai",
+                "tsConfig": "libs/ui5-webcomponents-ai/tsconfig.typedoc.json"
+            },
+            "outputs": ["{options.outputPath}"]
+        },
+        "build": {
+            "executor": "@nx/angular:package",
+            "outputs": ["{workspaceRoot}/dist/{projectRoot}"],
+            "options": {
+                "tsConfig": "libs/ui5-webcomponents-ai/tsconfig.lib.json",
+                "project": "libs/ui5-webcomponents-ai/ng-package.json"
+            },
+            "configurations": {
+                "production": {
+                    "tsConfig": "libs/ui5-webcomponents-ai/tsconfig.lib.prod.json"
+                }
+            },
+            "dependsOn": ["generate", "ui5-webcomponents:build"],
+            "defaultConfiguration": "production"
+        },
+        "test": {
+            "executor": "@nx/jest:jest",
+            "outputs": ["{workspaceRoot}/coverage/{projectRoot}"],
+            "options": {
+                "jestConfig": "{projectRoot}/jest.config.ts"
+            }
+        }
+    }
+}

libs/ui5-webcomponents-ai/test-setup.ts

@@ -0,0 +1,6 @@
+import { setupZoneTestEnv } from 'jest-preset-angular/setup-env/zone';
+
+setupZoneTestEnv({
+    errorOnUnknownElements: true,
+    errorOnUnknownProperties: true
+});

libs/ui5-webcomponents-ai/tsconfig.json

@@ -0,0 +1,26 @@
+{
+    "extends": "../../tsconfig.base.json",
+    "files": [],
+    "include": [],
+    "references": [
+        {
+            "path": "./tsconfig.typedoc.json"
+        },
+        {
+            "path": "./tsconfig.lib.json"
+        },
+        {
+            "path": "./tsconfig.lib.prod.json"
+        },
+        {
+            "path": "./tsconfig.spec.json"
+        }
+    ],
+    "compilerOptions": {
+        "forceConsistentCasingInFileNames": true,
+        "strict": false,
+        "noImplicitReturns": false,
+        "noFallthroughCasesInSwitch": true,
+        "target": "es2022"
+    }
+}

libs/ui5-webcomponents-ai/tsconfig.lib.json

@@ -0,0 +1,21 @@
+{
+    "extends": "./tsconfig.json",
+    "compilerOptions": {
+        "outDir": "../../dist/out-tsc",
+        "target": "ES2022",
+        "declaration": true,
+        "declarationMap": true,
+        "types": [],
+        "lib": ["dom", "es2020"],
+        "useDefineForClassFields": false,
+        "moduleResolution": "bundler"
+    },
+    "angularCompilerOptions": {
+        "skipTemplateCodegen": true,
+        "strictMetadataEmit": true,
+        "enableResourceInlining": true
+    },
+    "files": ["./index.ts"],
+    "exclude": ["test.ts", "**/*.spec.ts"],
+    "include": ["**/*.ts"]
+}

libs/ui5-webcomponents-ai/tsconfig.lib.prod.json

@@ -0,0 +1,12 @@
+{
+    "extends": "./tsconfig.lib.json",
+    "compilerOptions": {
+        "declarationMap": false,
+        "target": "ES2022",
+        "useDefineForClassFields": false,
+        "moduleResolution": "bundler"
+    },
+    "angularCompilerOptions": {
+        "compilationMode": "partial"
+    }
+}

libs/ui5-webcomponents-ai/tsconfig.spec.json

@@ -0,0 +1,9 @@
+{
+    "extends": "./tsconfig.json",
+    "compilerOptions": {
+        "outDir": "../../dist/out-tsc",
+        "target": "es2020",
+        "types": ["jest", "node"]
+    },
+    "include": ["jest.config.ts", "**/*.spec.ts"]
+}

libs/ui5-webcomponents-ai/tsconfig.typedoc.json

@@ -0,0 +1,22 @@
+{
+    "extends": "./tsconfig.json",
+    "compilerOptions": {
+        "outDir": "../../dist/out-tsc",
+        "target": "ES2022",
+        "declaration": true,
+        "declarationMap": true,
+        "types": [],
+        "lib": ["dom", "es2020"],
+        "useDefineForClassFields": false,
+        "jsx": "react",
+        "jsxFactory": "JSX.createElement",
+        "jsxFragmentFactory": "JSX.Fragment",
+        "moduleResolution": "bundler"
+    },
+    "angularCompilerOptions": {
+        "skipTemplateCodegen": true,
+        "strictMetadataEmit": true,
+        "enableResourceInlining": true
+    },
+    "files": ["./index.ts"]
+}

libs/ui5-webcomponents-ai/ui5.module.ts

@@ -0,0 +1,10 @@
+import { NgModule } from '@angular/core';
+import { Button } from './ai-button';
+import { ButtonState } from './ai-button-state';
+import { PromptInput } from './ai-prompt-input';
+
+@NgModule({
+    imports: [Button, ButtonState, PromptInput],
+    exports: [Button, ButtonState, PromptInput]
+})
+export class Ui5ComponentsModule {}

libs/ui5-webcomponents-base/README.md

@@ -0,0 +1,3 @@
+# ui5-webcomponents-base
+
+ui5-wecomponents-base package

libs/ui5-webcomponents-base/eslint.config.js

@@ -0,0 +1,42 @@
+const nx = require('@nx/eslint-plugin');
+const baseConfig = require('../../eslint.config.js');
+const overrides = require('../../eslint.overrides');
+
+module.exports = [
+    ...baseConfig,
+    ...overrides,
+    {
+        files: ['**/*.ts'],
+        rules: {
+            '@angular-eslint/directive-selector': [
+                'error',
+                {
+                    type: 'attribute',
+                    prefix: ['fd', 'noop', 'ui5'],
+                    style: 'camelCase'
+                }
+            ],
+            '@angular-eslint/component-selector': [
+                'error',
+                {
+                    type: 'element',
+                    prefix: ['fd', 'noop', 'ui5'],
+                    style: 'kebab-case'
+                }
+            ]
+        }
+    },
+    {
+        files: ['**/*.html'],
+        // Override or add rules here
+        rules: {
+            '@angular-eslint/template/interactive-supports-focus': 'off',
+            '@angular-eslint/template/click-events-have-key-events': 'off',
+            '@angular-eslint/template/elements-content': 'off',
+            '@angular-eslint/template/role-has-required-aria': 'off',
+            '@angular-eslint/template/label-has-associated-control': 'off',
+            '@angular-eslint/template/valid-aria': 'off',
+            '@angular-eslint/template/mouse-events-have-key-events': 'off'
+        }
+    }
+];

libs/ui5-webcomponents-base/fundamental-ngx.module.ts

@@ -0,0 +1,4 @@
+import { NgModule } from '@angular/core';
+
+@NgModule({})
+export class FundamentalNgxWcBaseModule {}

libs/ui5-webcomponents-base/index.ts

@@ -0,0 +1 @@
+export * from './types';