feat: Add Storybook 10.2.8 to Angular application#70
Merged
Conversation
Co-authored-by: altaskur <105789412+altaskur@users.noreply.github.com>
|
Copilot
AI
changed the title
[WIP] Add Storybook configurations to Angular project
feat: Add Storybook 10.2.8 to Angular application
Feb 14, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Description
Added Storybook 10.2.8 with Angular integration for component development and documentation.
Goal
Enable isolated component development and living documentation for the Angular UI.
Key Changes
.storybookdirectoryType of Change
Impact Assessment
Database Impact
Backup Impact
Testing
How Has This Been Tested?
Test Steps
npm run storybookto start dev server on port 6006npm run build-storybookTest Configuration
UI Changes
Before
No component documentation or isolated development environment.
After
Checklist
npm run lintand fixed any issuesnpm testand all tests passnpm run test:electronand all tests passnpm run sonar:checkand the analysis passesBreaking Changes
Related Issues
Additional Context
New NPM Scripts:
Dependencies Added:
No security vulnerabilities detected in new dependencies.
Reviewer Notes
Example stories follow Angular style guide but use simplified selectors (
app-storybook-*) to avoid conflicts with application components. Consider creating stories for actual application components (TimeEntry, Project, Task cards).Warning
Firewall rules blocked me from connecting to one or more addresses (expand for details)
I tried to connect to the following addresses, but was blocked by firewall rules:
accounts.google.com/proc/self/exe /proc/self/exe --type=utility --utility-sub-type=network.mojom.NetworkService --lang=en-US --service-sandbox-type=none --disable-dev-shm-usage --use-angle=swiftshader-webgl --crashpad-handler-pid=5271 --enable-crash-reporter=, --noerrdialogs --user-data-dir=/tmp/karma-94806636 --change-stack-guard-on-fork=enable --shared-files=v8_context_snapshot_data:100 --field-trial-handle=3,i,16477206410422342556,14115751451343195176,262144 --disable-features=PaintHolding --variations-seed-version --trace-process-track-uuid=3190708989122997041 oreply.github.co--service=0.27.2 bin/node sh(dns block)/opt/google/chrome/chrome /usr/bin/google-chrome --user-data-dir=/tmp/karma-94806636 --enable-automation --no-default-browser-check --no-first-run --disable-default-apps --disable-popup-blocking --disable-translate --disable-REDACTED-timer-throttling --disable-renderer-REDACTEDing --disable-device-discovery-notifications http://localhost:9876/?id=94806636 --headless --disable-gpu --disable-dev-shm-usage --remote-debugging-port=9222(dns block)android.clients.google.com/proc/self/exe /proc/self/exe --type=utility --utility-sub-type=network.mojom.NetworkService --lang=en-US --service-sandbox-type=none --disable-dev-shm-usage --use-angle=swiftshader-webgl --crashpad-handler-pid=5271 --enable-crash-reporter=, --noerrdialogs --user-data-dir=/tmp/karma-94806636 --change-stack-guard-on-fork=enable --shared-files=v8_context_snapshot_data:100 --field-trial-handle=3,i,16477206410422342556,14115751451343195176,262144 --disable-features=PaintHolding --variations-seed-version --trace-process-track-uuid=3190708989122997041 oreply.github.co--service=0.27.2 bin/node sh(dns block)/opt/google/chrome/chrome /usr/bin/google-chrome --user-data-dir=/tmp/karma-94806636 --enable-automation --no-default-browser-check --no-first-run --disable-default-apps --disable-popup-blocking --disable-translate --disable-REDACTED-timer-throttling --disable-renderer-REDACTEDing --disable-device-discovery-notifications http://localhost:9876/?id=94806636 --headless --disable-gpu --disable-dev-shm-usage --remote-debugging-port=9222(dns block)clients2.google.com/proc/self/exe /proc/self/exe --type=utility --utility-sub-type=network.mojom.NetworkService --lang=en-US --service-sandbox-type=none --disable-dev-shm-usage --use-angle=swiftshader-webgl --crashpad-handler-pid=5271 --enable-crash-reporter=, --noerrdialogs --user-data-dir=/tmp/karma-94806636 --change-stack-guard-on-fork=enable --shared-files=v8_context_snapshot_data:100 --field-trial-handle=3,i,16477206410422342556,14115751451343195176,262144 --disable-features=PaintHolding --variations-seed-version --trace-process-track-uuid=3190708989122997041 oreply.github.co--service=0.27.2 bin/node sh(dns block)/opt/google/chrome/chrome /usr/bin/google-chrome --user-data-dir=/tmp/karma-94806636 --enable-automation --no-default-browser-check --no-first-run --disable-default-apps --disable-popup-blocking --disable-translate --disable-REDACTED-timer-throttling --disable-renderer-REDACTEDing --disable-device-discovery-notifications http://localhost:9876/?id=94806636 --headless --disable-gpu --disable-dev-shm-usage --remote-debugging-port=9222(dns block)clientservices.googleapis.com/proc/self/exe /proc/self/exe --type=utility --utility-sub-type=network.mojom.NetworkService --lang=en-US --service-sandbox-type=none --disable-dev-shm-usage --use-angle=swiftshader-webgl --crashpad-handler-pid=5271 --enable-crash-reporter=, --noerrdialogs --user-data-dir=/tmp/karma-94806636 --change-stack-guard-on-fork=enable --shared-files=v8_context_snapshot_data:100 --field-trial-handle=3,i,16477206410422342556,14115751451343195176,262144 --disable-features=PaintHolding --variations-seed-version --trace-process-track-uuid=3190708989122997041 oreply.github.co--service=0.27.2 bin/node sh(dns block)/opt/google/chrome/chrome /usr/bin/google-chrome --user-data-dir=/tmp/karma-94806636 --enable-automation --no-default-browser-check --no-first-run --disable-default-apps --disable-popup-blocking --disable-translate --disable-REDACTED-timer-throttling --disable-renderer-REDACTEDing --disable-device-discovery-notifications http://localhost:9876/?id=94806636 --headless --disable-gpu --disable-dev-shm-usage --remote-debugging-port=9222(dns block)content-autofill.googleapis.com/proc/self/exe /proc/self/exe --type=utility --utility-sub-type=network.mojom.NetworkService --lang=en-US --service-sandbox-type=none --disable-dev-shm-usage --use-angle=swiftshader-webgl --crashpad-handler-pid=5271 --enable-crash-reporter=, --noerrdialogs --user-data-dir=/tmp/karma-94806636 --change-stack-guard-on-fork=enable --shared-files=v8_context_snapshot_data:100 --field-trial-handle=3,i,16477206410422342556,14115751451343195176,262144 --disable-features=PaintHolding --variations-seed-version --trace-process-track-uuid=3190708989122997041 oreply.github.co--service=0.27.2 bin/node sh(dns block)/opt/google/chrome/chrome /usr/bin/google-chrome --user-data-dir=/tmp/karma-94806636 --enable-automation --no-default-browser-check --no-first-run --disable-default-apps --disable-popup-blocking --disable-translate --disable-REDACTED-timer-throttling --disable-renderer-REDACTEDing --disable-device-discovery-notifications http://localhost:9876/?id=94806636 --headless --disable-gpu --disable-dev-shm-usage --remote-debugging-port=9222(dns block)optimizationguide-pa.googleapis.com/proc/self/exe /proc/self/exe --type=utility --utility-sub-type=network.mojom.NetworkService --lang=en-US --service-sandbox-type=none --disable-dev-shm-usage --use-angle=swiftshader-webgl --crashpad-handler-pid=5271 --enable-crash-reporter=, --noerrdialogs --user-data-dir=/tmp/karma-94806636 --change-stack-guard-on-fork=enable --shared-files=v8_context_snapshot_data:100 --field-trial-handle=3,i,16477206410422342556,14115751451343195176,262144 --disable-features=PaintHolding --variations-seed-version --trace-process-track-uuid=3190708989122997041 oreply.github.co--service=0.27.2 bin/node sh(dns block)/opt/google/chrome/chrome /usr/bin/google-chrome --user-data-dir=/tmp/karma-94806636 --enable-automation --no-default-browser-check --no-first-run --disable-default-apps --disable-popup-blocking --disable-translate --disable-REDACTED-timer-throttling --disable-renderer-REDACTEDing --disable-device-discovery-notifications http://localhost:9876/?id=94806636 --headless --disable-gpu --disable-dev-shm-usage --remote-debugging-port=9222(dns block)redirector.gvt1.com/proc/self/exe /proc/self/exe --type=utility --utility-sub-type=network.mojom.NetworkService --lang=en-US --service-sandbox-type=none --disable-dev-shm-usage --use-angle=swiftshader-webgl --crashpad-handler-pid=5271 --enable-crash-reporter=, --noerrdialogs --user-data-dir=/tmp/karma-94806636 --change-stack-guard-on-fork=enable --shared-files=v8_context_snapshot_data:100 --field-trial-handle=3,i,16477206410422342556,14115751451343195176,262144 --disable-features=PaintHolding --variations-seed-version --trace-process-track-uuid=3190708989122997041 oreply.github.co--service=0.27.2 bin/node sh(dns block)/opt/google/chrome/chrome /usr/bin/google-chrome --user-data-dir=/tmp/karma-94806636 --enable-automation --no-default-browser-check --no-first-run --disable-default-apps --disable-popup-blocking --disable-translate --disable-REDACTED-timer-throttling --disable-renderer-REDACTEDing --disable-device-discovery-notifications http://localhost:9876/?id=94806636 --headless --disable-gpu --disable-dev-shm-usage --remote-debugging-port=9222(dns block)safebrowsingohttpgateway.googleapis.com/proc/self/exe /proc/self/exe --type=utility --utility-sub-type=network.mojom.NetworkService --lang=en-US --service-sandbox-type=none --disable-dev-shm-usage --use-angle=swiftshader-webgl --crashpad-handler-pid=5271 --enable-crash-reporter=, --noerrdialogs --user-data-dir=/tmp/karma-94806636 --change-stack-guard-on-fork=enable --shared-files=v8_context_snapshot_data:100 --field-trial-handle=3,i,16477206410422342556,14115751451343195176,262144 --disable-features=PaintHolding --variations-seed-version --trace-process-track-uuid=3190708989122997041 oreply.github.co--service=0.27.2 bin/node sh(dns block)/opt/google/chrome/chrome /usr/bin/google-chrome --user-data-dir=/tmp/karma-94806636 --enable-automation --no-default-browser-check --no-first-run --disable-default-apps --disable-popup-blocking --disable-translate --disable-REDACTED-timer-throttling --disable-renderer-REDACTEDing --disable-device-discovery-notifications http://localhost:9876/?id=94806636 --headless --disable-gpu --disable-dev-shm-usage --remote-debugging-port=9222(dns block)storybook.js.org/home/REDACTED/work/_temp/ghcca-node/node/bin/node node /home/REDACTED/.npm/_npx/c98dac484ac87b2f/node_modules/.bin/create-storybook --skip-install --yes(dns block)/home/REDACTED/work/_temp/ghcca-node/node/bin/node node /home/REDACTED/.npm/_npx/b8d6390bedbcd544/node_modules/.bin/cli automigrate addon-a11y-addon-test --loglevel silent --skip-doctor --yes --package-manager npm --config-dir .storybook(dns block)/home/REDACTED/work/_temp/ghcca-node/node/bin/node node /home/REDACTED/work/OpenTimeTracker/OpenTimeTracker/node_modules/.bin/ng run OpenTimeTracker:build-storybook conf�� --local pull.rebase bin/node(dns block)www.google.com/proc/self/exe /proc/self/exe --type=utility --utility-sub-type=network.mojom.NetworkService --lang=en-US --service-sandbox-type=none --disable-dev-shm-usage --use-angle=swiftshader-webgl --crashpad-handler-pid=5271 --enable-crash-reporter=, --noerrdialogs --user-data-dir=/tmp/karma-94806636 --change-stack-guard-on-fork=enable --shared-files=v8_context_snapshot_data:100 --field-trial-handle=3,i,16477206410422342556,14115751451343195176,262144 --disable-features=PaintHolding --variations-seed-version --trace-process-track-uuid=3190708989122997041 oreply.github.co--service=0.27.2 bin/node sh(dns block)/opt/google/chrome/chrome /usr/bin/google-chrome --user-data-dir=/tmp/karma-94806636 --enable-automation --no-default-browser-check --no-first-run --disable-default-apps --disable-popup-blocking --disable-translate --disable-REDACTED-timer-throttling --disable-renderer-REDACTEDing --disable-device-discovery-notifications http://localhost:9876/?id=94806636 --headless --disable-gpu --disable-dev-shm-usage --remote-debugging-port=9222(dns block)If you need me to access, download, or install something from one of these locations, you can either:
💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.