Skip to content

Automatic detection of PIDs in existing HTML#365

Open
maximiliani wants to merge 101 commits intomainfrom
362-automatic-pid-detection
Open

Automatic detection of PIDs in existing HTML#365
maximiliani wants to merge 101 commits intomainfrom
362-automatic-pid-detection

Conversation

@maximiliani
Copy link
Copy Markdown
Member

No description provided.

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>
@maximiliani maximiliani linked an issue Apr 17, 2026 that may be closed by this pull request
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>
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>
@github-actions
Copy link
Copy Markdown

github-actions Bot commented May 4, 2026

🎨 Chromatic Visual Tests

✅ No visual changes

Review

View in Chromatic

Chromatic provides automated visual testing and review for component changes.

Signed-off-by: Maximilian Inckmann <maximilian.inckmann@kit.edu>
@github-actions
Copy link
Copy Markdown

github-actions Bot commented May 4, 2026

🎨 Chromatic Visual Tests

✅ No visual changes

Review

View in Chromatic

Chromatic provides automated visual testing and review for component changes.

@github-actions
Copy link
Copy Markdown

github-actions Bot commented May 4, 2026

Test Results

❌ Tests failed

Test Environment

  • Node.js: 24

Coverage & Quality Reports

📊 Codecov Report
🎨 Chromatic Status


For more details, check the workflow run

Signed-off-by: Maximilian Inckmann <maximilian.inckmann@kit.edu>
@github-actions
Copy link
Copy Markdown

github-actions Bot commented May 4, 2026

🎨 Chromatic Visual Tests

✅ No visual changes

Review

View in Chromatic

Chromatic provides automated visual testing and review for component changes.

@github-actions
Copy link
Copy Markdown

github-actions Bot commented May 4, 2026

Test Results

✅ Tests passed

Test Environment

  • Node.js: 24

Coverage & Quality Reports

📊 Codecov Report
🎨 Chromatic Status


For more details, check the workflow run

…ents

Signed-off-by: Maximilian Inckmann <maximilian.inckmann@kit.edu>
@github-actions
Copy link
Copy Markdown

github-actions Bot commented May 4, 2026

🎨 Chromatic Visual Tests

✅ No visual changes

Review

View in Chromatic

Chromatic provides automated visual testing and review for component changes.

Signed-off-by: Maximilian Inckmann <maximilian.inckmann@kit.edu>
@github-actions
Copy link
Copy Markdown

github-actions Bot commented May 4, 2026

🎨 Chromatic Visual Tests

✅ No visual changes

Review

View in Chromatic

Chromatic provides automated visual testing and review for component changes.

Signed-off-by: Maximilian Inckmann <maximilian.inckmann@kit.edu>
@github-actions
Copy link
Copy Markdown

github-actions Bot commented May 4, 2026

🎨 Chromatic Visual Tests

✅ No visual changes

Review

View in Chromatic

Chromatic provides automated visual testing and review for component changes.

@codecov
Copy link
Copy Markdown

codecov Bot commented May 4, 2026

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>
@github-actions
Copy link
Copy Markdown

github-actions Bot commented May 4, 2026

🎨 Chromatic Visual Tests

✅ No visual changes

Review

View in Chromatic

Chromatic provides automated visual testing and review for component changes.

@github-actions
Copy link
Copy Markdown

github-actions Bot commented May 4, 2026

Test Results

Coverage Summary

Node Lines Statements Branches Functions
22 78.10% 77.19% 62.96% 80.13%
24 78.10% 77.19% 62.96% 80.13%
25 78.10% 77.19% 62.96% 80.13%

Coverage & Quality Reports

📊 Codecov Report
🎨 Chromatic Status


For more details, check the workflow run

Signed-off-by: Maximilian Inckmann <maximilian.inckmann@kit.edu>
@github-actions
Copy link
Copy Markdown

github-actions Bot commented May 4, 2026

🎨 Chromatic Visual Tests

✅ No visual changes

Review

View in Chromatic

Chromatic provides automated visual testing and review for component changes.

Signed-off-by: Maximilian Inckmann <maximilian.inckmann@kit.edu>
@github-actions
Copy link
Copy Markdown

github-actions Bot commented May 4, 2026

🎨 Chromatic Visual Tests

✅ No visual changes

Review

View in Chromatic

Chromatic provides automated visual testing and review for component changes.

@kit-data-manager kit-data-manager deleted a comment from github-actions Bot May 4, 2026
@kit-data-manager kit-data-manager deleted a comment from github-actions Bot May 4, 2026
Signed-off-by: Maximilian Inckmann <maximilian.inckmann@kit.edu>
@github-actions
Copy link
Copy Markdown

github-actions Bot commented May 4, 2026

🎨 Chromatic Visual Tests

✅ No visual changes

Review

View in Chromatic

Chromatic provides automated visual testing and review for component changes.

@github-actions
Copy link
Copy Markdown

github-actions Bot commented May 4, 2026

Test Results

Coverage Summary

Node Lines Statements Branches Functions
22 78.10% 77.19% 62.96% 80.13%
24 78.10% 77.19% 62.96% 80.13%

Coverage & Quality Reports

📊 Codecov Report
🎨 Chromatic Status


For more details, check the workflow run

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Automatic PID detection on websites

2 participants