Skip to content

Replace webpack build in fdc3-conformance with vite#1832

Open
pranitaurlam wants to merge 1 commit intofinos:mainfrom
pranitaurlam:1830-replace-webpack-with-vite-fdc3-conformance
Open

Replace webpack build in fdc3-conformance with vite#1832
pranitaurlam wants to merge 1 commit intofinos:mainfrom
pranitaurlam:1830-replace-webpack-with-vite-fdc3-conformance

Conversation

@pranitaurlam
Copy link
Copy Markdown

Summary

Resolves #1830

  • Replaced webpack.config.js with vite.config.ts in toolbox/fdc3-conformance
  • Uses vite with multiple TypeScript entry points (ES module output) matching the pattern used by other packages (fdc3-workbench, fdc3-for-web/reference-ui)
  • vite-plugin-node-polyfills replaces webpack's ProvidePlugin + manual resolve.fallback polyfills
  • vite-plugin-css-injected-by-js replaces webpack's style-loader for CSS injection
  • Removed runtime polyfill deps (buffer, process, stream-browserify, util, window) since vite-plugin-node-polyfills handles these at build time
  • Converted require() calls to ES import statements in src/test/index.ts
  • Updated all static HTML app pages to use <script type="module"> for ES module output
  • Removed the redundant sourceMapSupport.install() inline script from app/index.html (timing issue with deferred modules; source map support is set up by the imported module)

Test plan

  • npm run build in toolbox/fdc3-conformance completes successfully with vite
  • npm run dev starts the conformance test server on port 3001
  • Conformance tests run and complete successfully against the FDC3 reference implementation (toolbox/fdc3-for-web/demo)
  • All mock apps load correctly (basic, channels, general, metadata, open-a, intent-a through intent-k)

🤖 Generated with Claude Code

- Remove webpack.config.js and webpack/webpack-cli/ts-loader/css-loader/style-loader deps
- Add vite.config.ts with multiple TS entry points (ES module format)
- Use vite-plugin-node-polyfills to replace manual Buffer/process/stream polyfills
- Use vite-plugin-css-injected-by-js to inline CSS (mirrors webpack style-loader)
- Remove node polyfill runtime deps (buffer, process, stream-browserify, util, window)
- Convert require() to ES imports in src/test/index.ts
- Update all static HTML app pages to use <script type="module"> for ES module output
- Remove redundant sourceMapSupport.install() inline script from app/index.html

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@pranitaurlam pranitaurlam requested a review from a team as a code owner April 9, 2026 09:20
@netlify
Copy link
Copy Markdown

netlify Bot commented Apr 9, 2026

Deploy Preview for fdc3 ready!

Name Link
🔨 Latest commit fe4ee82
🔍 Latest deploy log https://app.netlify.com/projects/fdc3/deploys/69d76f7b2f1781000800f21c
😎 Deploy Preview https://deploy-preview-1832.preview-fdc3.finos.org
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@linux-foundation-easycla
Copy link
Copy Markdown

CLA Missing ID CLA Not Signed

One or more co-authors of this pull request were not found. You must specify co-authors in commit message trailer via:

Co-authored-by: name <email>

Supported Co-authored-by: formats include:

  1. Anything <id+login@users.noreply.github.com> - it will locate your GitHub user by id part.
  2. Anything <login@users.noreply.github.com> - it will locate your GitHub user by login part.
  3. Anything <public-email> - it will locate your GitHub user by public-email part. Note that this email must be made public on Github.
  4. Anything <other-email> - it will locate your GitHub user by other-email part but only if that email was used before for any other CLA as a main commit author.
  5. login <any-valid-email> - it will locate your GitHub user by login part, note that login part must be at least 3 characters long.

Alternatively, if the co-author should not be included, remove the Co-authored-by: line from the commit message.

Please update your commit message(s) by doing git commit --amend and then git push [--force] and then request re-running CLA check via commenting on this pull request:

/easycla

Copy link
Copy Markdown
Contributor

@kriswest kriswest left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@pranitaurlam could you have a look at the conflicts please.

Also please note that you will need to add an entry in CHANGELOG.md

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.

Replace webpack build in fdc3-conformance with vite to match other packages

2 participants