feat: add agent-cli for every example (#2217)

Author: nmerget

angular-example/.github/copilot-instructions.md

@@ -0,0 +1,67 @@
+
+--- START: DB UX Copilot Instructions – do not edit below ---
+
+# @db-ux/core-components
+## Common AI mistakes
+
+### `DBButton` or `db-button`
+
+- available variants are `outline`, `brand`, `filled`, `ghost`
+- always use variant `outline` as default
+- use variant `brand` as CTA or primary action
+- if `noText`/`no-text` property is used add a `DBTooltip` or `db-tooltip` inside the Button
+- always add a `type` as property as best practise
+
+
+# @db-ux/core-foundations
+## CSS
+
+- If you use CSS, follow these rules:
+    - for `variables` like, sizing, spacing, elevation, border or container-size use the file node_modules/@db-ux/core-foundations/agent/css/Variables.md
+
+## SCSS
+
+- If you use SCSS, follow these rules:
+    - for `variables` like, sizing, spacing, elevation, border or container-size use the file node_modules/@db-ux/core-foundations/agent/scss/Variables.md
+
+## Tailwind
+
+- If you use Tailwind, follow these rules:
+    - for `variables` like, sizing, spacing, elevation, border or container-size use the file node_modules/@db-ux/core-foundations/agent/tailwind/Variables.md
+    - Always stick to the variables. Don't use values like `p-4` or `m-[16px]`; use `p-fix-xs` or `m-fix-md` instead.
+
+
+# @db-ux/ngx-core-components
+- Use "@db-ux/ngx-core-components" as import for components:
+  - use for `DBDrawer` or `Drawer` the file node_modules/@db-ux/ngx-core-components/agent/Drawer.md
+  - use for `DBTooltip` or `Tooltip` the file node_modules/@db-ux/ngx-core-components/agent/Tooltip.md
+  - use for `DBTextarea` or `Textarea` the file node_modules/@db-ux/ngx-core-components/agent/Textarea.md
+  - use for `DBTag` or `Tag` the file node_modules/@db-ux/ngx-core-components/agent/Tag.md
+  - use for `DBTabs` or `Tabs` the file node_modules/@db-ux/ngx-core-components/agent/Tabs.md
+  - use for `DBTabItem` or `TabItem` the file node_modules/@db-ux/ngx-core-components/agent/TabItem.md
+  - use for `DBSwitch` or `Switch` the file node_modules/@db-ux/ngx-core-components/agent/Switch.md
+  - use for `DBStack` or `Stack` the file node_modules/@db-ux/ngx-core-components/agent/Stack.md
+  - use for `DBSelect` or `Select` the file node_modules/@db-ux/ngx-core-components/agent/Select.md
+  - use for `DBSection` or `Section` the file node_modules/@db-ux/ngx-core-components/agent/Section.md
+  - use for `DBRadio` or `Radio` the file node_modules/@db-ux/ngx-core-components/agent/Radio.md
+  - use for `DBPopover` or `Popover` the file node_modules/@db-ux/ngx-core-components/agent/Popover.md
+  - use for `DBPage` or `Page` the file node_modules/@db-ux/ngx-core-components/agent/Page.md
+  - use for `DBNotification` or `Notification` the file node_modules/@db-ux/ngx-core-components/agent/Notification.md
+  - use for `DBNavigationItem` or `NavigationItem` the file node_modules/@db-ux/ngx-core-components/agent/NavigationItem.md
+  - use for `DBNavigation` or `Navigation` the file node_modules/@db-ux/ngx-core-components/agent/Navigation.md
+  - use for `DBLink` or `Link` the file node_modules/@db-ux/ngx-core-components/agent/Link.md
+  - use for `DBInput` or `Input` the file node_modules/@db-ux/ngx-core-components/agent/Input.md
+  - use for `DBInfotext` or `Infotext` the file node_modules/@db-ux/ngx-core-components/agent/Infotext.md
+  - use for `DBIcon` or `Icon` the file node_modules/@db-ux/ngx-core-components/agent/Icon.md
+  - use for `DBHeader` or `Header` the file node_modules/@db-ux/ngx-core-components/agent/Header.md
+  - use for `DBDivider` or `Divider` the file node_modules/@db-ux/ngx-core-components/agent/Divider.md
+  - use for `DBCustomSelect` or `CustomSelect` the file node_modules/@db-ux/ngx-core-components/agent/CustomSelect.md
+  - use for `DBCheckbox` or `Checkbox` the file node_modules/@db-ux/ngx-core-components/agent/Checkbox.md
+  - use for `DBCard` or `Card` the file node_modules/@db-ux/ngx-core-components/agent/Card.md
+  - use for `DBButton` or `Button` the file node_modules/@db-ux/ngx-core-components/agent/Button.md
+  - use for `DBBrand` or `Brand` the file node_modules/@db-ux/ngx-core-components/agent/Brand.md
+  - use for `DBBadge` or `Badge` the file node_modules/@db-ux/ngx-core-components/agent/Badge.md
+  - use for `DBAccordionItem` or `AccordionItem` the file node_modules/@db-ux/ngx-core-components/agent/AccordionItem.md
+  - use for `DBAccordion` or `Accordion` the file node_modules/@db-ux/ngx-core-components/agent/Accordion.md
+
+--- END: DB UX Copilot Instructions – do not edit above ---

angular-example/package-lock.json

@@ -7,7 +7,8 @@
     "build": "ng build --base-href /angular-example/",
     "watch": "ng build --watch --configuration development",
     "test": "ng test",
-    "postbuild": "node ./post-build.js"
+    "postbuild": "node ./post-build.js",
+    "update:agent": "agent-cli"
   },
   "private": true,
   "dependencies": {
@@ -19,12 +20,13 @@
     "@angular/platform-browser": "^19.2.15",
     "@angular/platform-browser-dynamic": "^19.2.15",
     "@angular/router": "^19.2.15",
-    "@db-ux/ngx-core-components": "^3.1.17",
+    "@db-ux/ngx-core-components": "3.1.18",
     "rxjs": "~7.8.2",
     "tslib": "^2.8.1",
     "zone.js": "~0.15.1"
   },
   "devDependencies": {
+    "@db-ux/agent-cli": "3.1.18",
     "@angular/build": "^19.2.17",
     "@angular/cli": "^19.2.17",
     "@angular/compiler-cli": "^19.2.15",
@@ -36,6 +38,6 @@
     "karma-coverage": "~2.2.0",
     "karma-jasmine": "~5.1.0",
     "karma-jasmine-html-reporter": "~2.1.0",
-    "typescript": "~5.9.3"
+    "typescript": "5.8.3"
   }
 }

angular-example/package.json

@@ -1,5 +1,4 @@
-
---- START: DB UX Copilot Instructions ---
+--- START: DB UX Copilot Instructions – do not edit below ---
 
 # @db-ux/core-components
 ## Common AI mistakes
@@ -16,52 +15,52 @@
 # @db-ux/core-foundations
 ## CSS
 
-- If you use CSS follow these rules:
-    - use for `variables` like, sizing, spacing, elevation, border, container-size the file node_modules/@db-ux/core-foundations/css/Variables.md
+- If you use CSS, follow these rules:
+    - for `variables` like, sizing, spacing, elevation, border or container-size use the file node_modules/@db-ux/core-foundations/agent/css/Variables.md
 
 ## SCSS
 
-- If you use SCSS follow these rules:
-    - use for `variables` like, sizing, spacing, elevation, border, container-size the file node_modules/@db-ux/core-foundations/scss/Variables.md
+- If you use SCSS, follow these rules:
+    - for `variables` like, sizing, spacing, elevation, border or container-size use the file node_modules/@db-ux/core-foundations/agent/scss/Variables.md
 
 ## Tailwind
 
-- If you use Tailwind follow these rules:
-    - use for `variables` like, sizing, spacing, elevation, border, container-size the file node_modules/@db-ux/core-foundations/tailwind/Variables.md
-    - Always stick with the variables don't use something like `p-4` or `m-[16px]` use `p-fix-xs` or `m-fix-md` instead.
+- If you use Tailwind, follow these rules:
+    - for `variables` like, sizing, spacing, elevation, border or container-size use the file node_modules/@db-ux/core-foundations/agent/tailwind/Variables.md
+    - Always stick to the variables. Don't use values like `p-4` or `m-[16px]`; use `p-fix-xs` or `m-fix-md` instead.
 
 
 # @db-ux/react-core-components
 - Use "@db-ux/react-core-components" as import for components:
-  - use for `DBDrawer` or `Drawer` the file node_modules/@db-ux/react-core-components/Drawer.md
-  - use for `DBTooltip` or `Tooltip` the file node_modules/@db-ux/react-core-components/Tooltip.md
-  - use for `DBTextarea` or `Textarea` the file node_modules/@db-ux/react-core-components/Textarea.md
-  - use for `DBTag` or `Tag` the file node_modules/@db-ux/react-core-components/Tag.md
-  - use for `DBTabs` or `Tabs` the file node_modules/@db-ux/react-core-components/Tabs.md
-  - use for `DBTabItem` or `TabItem` the file node_modules/@db-ux/react-core-components/TabItem.md
-  - use for `DBSwitch` or `Switch` the file node_modules/@db-ux/react-core-components/Switch.md
-  - use for `DBStack` or `Stack` the file node_modules/@db-ux/react-core-components/Stack.md
-  - use for `DBSelect` or `Select` the file node_modules/@db-ux/react-core-components/Select.md
-  - use for `DBSection` or `Section` the file node_modules/@db-ux/react-core-components/Section.md
-  - use for `DBRadio` or `Radio` the file node_modules/@db-ux/react-core-components/Radio.md
-  - use for `DBPopover` or `Popover` the file node_modules/@db-ux/react-core-components/Popover.md
-  - use for `DBPage` or `Page` the file node_modules/@db-ux/react-core-components/Page.md
-  - use for `DBNotification` or `Notification` the file node_modules/@db-ux/react-core-components/Notification.md
-  - use for `DBNavigationItem` or `NavigationItem` the file node_modules/@db-ux/react-core-components/NavigationItem.md
-  - use for `DBNavigation` or `Navigation` the file node_modules/@db-ux/react-core-components/Navigation.md
-  - use for `DBLink` or `Link` the file node_modules/@db-ux/react-core-components/Link.md
-  - use for `DBInput` or `Input` the file node_modules/@db-ux/react-core-components/Input.md
-  - use for `DBInfotext` or `Infotext` the file node_modules/@db-ux/react-core-components/Infotext.md
-  - use for `DBIcon` or `Icon` the file node_modules/@db-ux/react-core-components/Icon.md
-  - use for `DBHeader` or `Header` the file node_modules/@db-ux/react-core-components/Header.md
-  - use for `DBDivider` or `Divider` the file node_modules/@db-ux/react-core-components/Divider.md
-  - use for `DBCustomSelect` or `CustomSelect` the file node_modules/@db-ux/react-core-components/CustomSelect.md
-  - use for `DBCheckbox` or `Checkbox` the file node_modules/@db-ux/react-core-components/Checkbox.md
-  - use for `DBCard` or `Card` the file node_modules/@db-ux/react-core-components/Card.md
-  - use for `DBButton` or `Button` the file node_modules/@db-ux/react-core-components/Button.md
-  - use for `DBBrand` or `Brand` the file node_modules/@db-ux/react-core-components/Brand.md
-  - use for `DBBadge` or `Badge` the file node_modules/@db-ux/react-core-components/Badge.md
-  - use for `DBAccordionItem` or `AccordionItem` the file node_modules/@db-ux/react-core-components/AccordionItem.md
-  - use for `DBAccordion` or `Accordion` the file node_modules/@db-ux/react-core-components/Accordion.md
+  - use for `DBDrawer` or `Drawer` the file node_modules/@db-ux/react-core-components/agent/Drawer.md
+  - use for `DBTooltip` or `Tooltip` the file node_modules/@db-ux/react-core-components/agent/Tooltip.md
+  - use for `DBTextarea` or `Textarea` the file node_modules/@db-ux/react-core-components/agent/Textarea.md
+  - use for `DBTag` or `Tag` the file node_modules/@db-ux/react-core-components/agent/Tag.md
+  - use for `DBTabs` or `Tabs` the file node_modules/@db-ux/react-core-components/agent/Tabs.md
+  - use for `DBTabItem` or `TabItem` the file node_modules/@db-ux/react-core-components/agent/TabItem.md
+  - use for `DBSwitch` or `Switch` the file node_modules/@db-ux/react-core-components/agent/Switch.md
+  - use for `DBStack` or `Stack` the file node_modules/@db-ux/react-core-components/agent/Stack.md
+  - use for `DBSelect` or `Select` the file node_modules/@db-ux/react-core-components/agent/Select.md
+  - use for `DBSection` or `Section` the file node_modules/@db-ux/react-core-components/agent/Section.md
+  - use for `DBRadio` or `Radio` the file node_modules/@db-ux/react-core-components/agent/Radio.md
+  - use for `DBPopover` or `Popover` the file node_modules/@db-ux/react-core-components/agent/Popover.md
+  - use for `DBPage` or `Page` the file node_modules/@db-ux/react-core-components/agent/Page.md
+  - use for `DBNotification` or `Notification` the file node_modules/@db-ux/react-core-components/agent/Notification.md
+  - use for `DBNavigationItem` or `NavigationItem` the file node_modules/@db-ux/react-core-components/agent/NavigationItem.md
+  - use for `DBNavigation` or `Navigation` the file node_modules/@db-ux/react-core-components/agent/Navigation.md
+  - use for `DBLink` or `Link` the file node_modules/@db-ux/react-core-components/agent/Link.md
+  - use for `DBInput` or `Input` the file node_modules/@db-ux/react-core-components/agent/Input.md
+  - use for `DBInfotext` or `Infotext` the file node_modules/@db-ux/react-core-components/agent/Infotext.md
+  - use for `DBIcon` or `Icon` the file node_modules/@db-ux/react-core-components/agent/Icon.md
+  - use for `DBHeader` or `Header` the file node_modules/@db-ux/react-core-components/agent/Header.md
+  - use for `DBDivider` or `Divider` the file node_modules/@db-ux/react-core-components/agent/Divider.md
+  - use for `DBCustomSelect` or `CustomSelect` the file node_modules/@db-ux/react-core-components/agent/CustomSelect.md
+  - use for `DBCheckbox` or `Checkbox` the file node_modules/@db-ux/react-core-components/agent/Checkbox.md
+  - use for `DBCard` or `Card` the file node_modules/@db-ux/react-core-components/agent/Card.md
+  - use for `DBButton` or `Button` the file node_modules/@db-ux/react-core-components/agent/Button.md
+  - use for `DBBrand` or `Brand` the file node_modules/@db-ux/react-core-components/agent/Brand.md
+  - use for `DBBadge` or `Badge` the file node_modules/@db-ux/react-core-components/agent/Badge.md
+  - use for `DBAccordionItem` or `AccordionItem` the file node_modules/@db-ux/react-core-components/agent/AccordionItem.md
+  - use for `DBAccordion` or `Accordion` the file node_modules/@db-ux/react-core-components/agent/Accordion.md
 
---- END: DB UX Copilot Instructions ---
+--- END: DB UX Copilot Instructions – do not edit above ---