Automatic detection of PIDs in existing HTML#365
Conversation
Signed-off-by: Maximilian Inckmann <maximilian.inckmann@kit.edu>
Signed-off-by: Maximilian Inckmann <maximilian.inckmann@kit.edu>
…ation Signed-off-by: Maximilian Inckmann <maximilian.inckmann@kit.edu>
Signed-off-by: Maximilian Inckmann <maximilian.inckmann@kit.edu>
Signed-off-by: Maximilian Inckmann <maximilian.inckmann@kit.edu>
Signed-off-by: Maximilian Inckmann <maximilian.inckmann@kit.edu>
Add other stencil targets
Signed-off-by: Maximilian Inckmann <maximilian.inckmann@kit.edu>
Signed-off-by: Maximilian Inckmann <maximilian.inckmann@kit.edu>
Signed-off-by: Maximilian Inckmann <maximilian.inckmann@kit.edu>
Signed-off-by: Maximilian Inckmann <maximilian.inckmann@kit.edu>
Signed-off-by: Maximilian Inckmann <maximilian.inckmann@kit.edu>
Signed-off-by: Maximilian Inckmann <maximilian.inckmann@kit.edu>
should be contained in gitignore
…triggers Signed-off-by: Maximilian Inckmann <maximilian.inckmann@kit.edu>
Signed-off-by: Maximilian Inckmann <maximilian.inckmann@kit.edu>
Signed-off-by: Maximilian Inckmann <maximilian.inckmann@kit.edu>
…ht options Signed-off-by: Maximilian Inckmann <maximilian.inckmann@kit.edu>
Signed-off-by: Maximilian Inckmann <maximilian.inckmann@kit.edu>
…root Replace Playwright e2e tests with Vitest browser-mode equivalents, add vitest.config.ts and vitest-setup.ts, remove the per-package Storybook configuration (.storybook/) since it now lives at the monorepo root, and update package.json scripts, tsconfig, and eslint config accordingly.
Set up the monorepo-root Storybook using @storybook/web-components-vite with composition refs for React (Vite), React (Next.js), Vue 3, and Angular sub-Storybooks. Add build-storybook pipeline that builds each child Storybook and copies output to react-vite/, react-nextjs/, vue/, and angular/ subdirectories. Include vitest config for Storybook tests, background/a11y parameters, and concurrently-based dev scripts.
Configure @storybook/react-vite with viteFinal aliases for Stencil package resolution. Include PidComponent stories covering all PID types, dark/light/system mode, and renderer selection. Add comprehensive auto-detection stories demonstrating initPidDetection() with mixed PIDs, filtered renderers, dark mode, excluded elements, tables, controller lifecycle, and punctuation handling. Remove CopyButton/JsonViewer stories (kept only in the root Stencil Storybook).
Configure @storybook/vue3-vite with viteFinal aliases for Stencil package resolution. Include PidComponent stories and comprehensive auto-detection stories using Vue composition API (defineComponent with onMounted/onUnmounted). Remove CopyButton/JsonViewer stories.
Configure @storybook/angular with webpackFinal aliases to resolve Stencil package subpaths that webpack cannot handle through exports maps. Add standalone tsconfig.storybook.json to avoid declarationDir conflicts. Include PidComponent stories and auto-detection stories using play() functions with dynamic imports. Remove CopyButton/JsonViewer stories.
Create packages/nextjs-app as a private (non-published) Next.js app that consumes @kit-data-manager/react-pid-component. Configure Storybook with @storybook/nextjs-vite and viteFinal aliases. Include PidComponent stories and comprehensive auto-detection stories with controller lifecycle demo. The app serves as both an integration test and a Storybook sub-project deployed at /react-nextjs.
Update deploy-storybook workflow to build all sub-Storybooks and deploy the composed output to GitHub Pages. Update npm-ci and Chromatic workflows for the new monorepo structure. Add storybook-static to .gitignore, update lerna.json, and refresh package-lock.json.
Signed-off-by: Maximilian Inckmann <maximilian.inckmann@kit.edu>
Signed-off-by: Maximilian Inckmann <maximilian.inckmann@kit.edu>
Signed-off-by: Maximilian Inckmann <maximilian.inckmann@kit.edu>
Signed-off-by: Maximilian Inckmann <maximilian.inckmann@kit.edu>
Signed-off-by: Maximilian Inckmann <maximilian.inckmann@kit.edu>
🎨 Chromatic Visual Tests✅ No visual changes ReviewChromatic provides automated visual testing and review for component changes. |
Signed-off-by: Maximilian Inckmann <maximilian.inckmann@kit.edu>
🎨 Chromatic Visual Tests✅ No visual changes ReviewChromatic provides automated visual testing and review for component changes. |
Test Results❌ Tests failed Test Environment
Coverage & Quality Reports📊 Codecov Report For more details, check the workflow run |
Signed-off-by: Maximilian Inckmann <maximilian.inckmann@kit.edu>
🎨 Chromatic Visual Tests✅ No visual changes ReviewChromatic provides automated visual testing and review for component changes. |
Test Results✅ Tests passed Test Environment
Coverage & Quality Reports📊 Codecov Report For more details, check the workflow run |
…ents Signed-off-by: Maximilian Inckmann <maximilian.inckmann@kit.edu>
🎨 Chromatic Visual Tests✅ No visual changes ReviewChromatic provides automated visual testing and review for component changes. |
🎨 Chromatic Visual Tests✅ No visual changes ReviewChromatic provides automated visual testing and review for component changes. |
🎨 Chromatic Visual Tests✅ No visual changes ReviewChromatic provides automated visual testing and review for component changes. |
Welcome to Codecov 🎉Once you merge this PR into your default branch, you're all set! Codecov will compare coverage reports and display results in all future pull requests. Thanks for integrating Codecov - We've got you covered ☂️ |
Signed-off-by: Maximilian Inckmann <maximilian.inckmann@kit.edu>
🎨 Chromatic Visual Tests✅ No visual changes ReviewChromatic provides automated visual testing and review for component changes. |
Test ResultsCoverage Summary
Coverage & Quality Reports📊 Codecov Report For more details, check the workflow run |
Signed-off-by: Maximilian Inckmann <maximilian.inckmann@kit.edu>
🎨 Chromatic Visual Tests✅ No visual changes ReviewChromatic provides automated visual testing and review for component changes. |
🎨 Chromatic Visual Tests✅ No visual changes ReviewChromatic provides automated visual testing and review for component changes. |
🎨 Chromatic Visual Tests✅ No visual changes ReviewChromatic provides automated visual testing and review for component changes. |
Test ResultsCoverage Summary
Coverage & Quality Reports📊 Codecov Report For more details, check the workflow run |
No description provided.