refactor: updated DB Theme (#6008)

* refactor: updated DB Theme

* refactor: updated DB Theme package

* refactor: regenerated package lock file

* refactor: Add missing node command for DB Theme package build (#6011)

* refactor: extracting node calls to central script

easier to run yourself or run within several places, as the scripts we need to call increased to four.

* Apply suggestions from code review

* Update package.json

Co-authored-by: Michael Kraus <[email protected]>

* refactor: updated DB Theme package

* Update package.json

Co-authored-by: Nicolas Merget <[email protected]>

* refactor: added individual scripts

* refactor: added relevant scripts

---------

Co-authored-by: Michael Kraus <[email protected]>
Co-authored-by: Nicolas Merget <[email protected]>

Author: 3 people

.github/copilot-instructions.md

@@ -30,9 +30,7 @@ DB UX Design System v3 Core Web is a monorepo containing CSS/SCSS styles, compon
 
 3. **Decode DB Theme assets** (optional for basic development):
     ```bash
-    node node_modules/@db-ux/db-theme-fonts/build/scripts/index.js
-    node node_modules/@db-ux/db-theme-icons/build/scripts/index.js
-    node node_modules/@db-ux/db-theme-illustrative-icons/build/scripts/index.js
+    npm run decode-db-theme-assets
     ```
     **NOTE**: These will fail with placeholder credentials in `.env` but are not required for basic development.
 

.github/workflows/01-build-patternhub.yml

@@ -47,8 +47,7 @@ jobs:
           ASSET_PASSWORD: ${{ secrets.ASSET_PASSWORD }}
           NEXT_PUBLIC_BASE_PATH: ${{ inputs.baseUrl }}
         run: |
-          node node_modules/@db-ux/db-theme-fonts/build/scripts/index.js
-          node node_modules/@db-ux/db-theme-icons/build/scripts/index.js
+          npm run decode-db-theme-assets
           npx --no tsx scripts/md-resolve-svg.ts
           npm run build --workspace=patternhub
           echo "path=${NEXT_PUBLIC_BASE_PATH}" >> $GITHUB_OUTPUT

.github/workflows/01-build-showcases.yml

@@ -45,8 +45,7 @@ jobs:
           ASSET_INIT_VECTOR: ${{ secrets.ASSET_INIT_VECTOR }}
           ASSET_PASSWORD: ${{ secrets.ASSET_PASSWORD }}
         run: |
-          node node_modules/@db-ux/db-theme-fonts/build/scripts/index.js
-          node node_modules/@db-ux/db-theme-icons/build/scripts/index.js
+          npm run decode-db-theme-assets
           npm run build --workspace=${{ inputs.showcase }}
 
       - name: ⏫ Upload ${{ inputs.showcase }}

.github/workflows/01-build-storybooks.yml

@@ -56,8 +56,7 @@ jobs:
           ASSET_PASSWORD: ${{ secrets.ASSET_PASSWORD }}
           BASE_URL: ${{ inputs.baseUrl }}
         run: |
-          node node_modules/@db-ux/db-theme-fonts/build/scripts/index.js
-          node node_modules/@db-ux/db-theme-icons/build/scripts/index.js
+          npm run decode-db-theme-assets
           npm run build --workspace=${{ inputs.storybook }}
 
       - name: ⏫ Upload ${{ inputs.storybook }}

CONTRIBUTING.md

@@ -12,9 +12,7 @@ Get credentials for public usage from [Marketingportal](https://marketingportal.
 npm install
 # it should run postinstall tasks from @db-ux/db-theme* by default, if not:
 # execute this tasks manually to decode the assets using the previously made setup:
-node node_modules/@db-ux/db-theme-fonts/build/scripts/index.js
-node node_modules/@db-ux/db-theme-icons/build/scripts/index.js
-node node_modules/@db-ux/db-theme-illustrative-icons/build/scripts/index.js
+npm run decode-db-theme-assets
 ```
 
 If you're contributing from a fork in your user space, please also set up those credentials from the Marketing portal in your fork repository as repository secrets. You need these credentials for the pipeline to decrypt the brand assets correctly.

package-lock.json

@@ -56,6 +56,7 @@
     "clean": "git clean -dfx --exclude=.env",
     "codestyle": "prettier . --write",
     "commit:updated-snapshots": "git diff --name-only --diff-filter=M | xargs git add && git commit --message 'test: updated snapshots'",
+    "decode-db-theme-assets": "npm run decode-db-theme-assets --workspace=scripts",
     "dev": "npm run dev --workspace=scripts",
     "generate:agent": "npm run agent --workspace=scripts",
     "generate:component": "npm run generate:component --workspace=@db-ux/core-components",
@@ -103,7 +104,7 @@
     "@changesets/types": "6.1.0",
     "@commitlint/cli": "20.4.1",
     "@commitlint/config-conventional": "20.4.1",
-    "@db-ux/db-theme": "5.3.1",
+    "@db-ux/db-theme": "5.4.2",
     "@double-great/stylelint-a11y": "3.4.1",
     "@guidepup/guidepup": "0.24.1",
     "@guidepup/playwright": "0.15.0",

package.json

@@ -45,6 +45,11 @@
     "build:foundations": "npm run build --workspace=@db-ux/core-foundations",
     "build:migration": "npm run build --workspace=@db-ux/core-migration",
     "build:stylelint": "npm run build --workspace=@db-ux/core-stylelint",
+    "decode-db-theme-assets": "npm-run-all --parallel decode-db-theme-assets:*",
+    "decode-db-theme-assets:db-theme": "node ../node_modules/@db-ux/db-theme/build/scripts/index.js",
+    "decode-db-theme-assets:db-theme-fonts": "node ../node_modules/@db-ux/db-theme-fonts/build/scripts/index.js",
+    "decode-db-theme-assets:db-theme-icons": "node ../node_modules/@db-ux/db-theme-icons/build/scripts/index.js",
+    "decode-db-theme-assets:db-theme-illustrative-icons": "node ../node_modules/@db-ux/db-theme-illustrative-icons/build/scripts/index.js",
     "dev": "tsx dev.js",
     "dev:angular-components": "npm run dev:angular --workspace=@db-ux/core-components",
     "dev:plain-html-components": "npm run dev:html --workspace=@db-ux/core-components",