Skip to content

Conversation

@AlexMayants
Copy link
Contributor

Description

Call DomPurify.addHook only if it exists.

Motivation and Context

On server-side execution dompurify exports factory function instead of a purifier instance. Because of this, server-side code that imports SwaggerUI (e.g. via swagger-ui-react) fails, since DomPurify.addHook does not exist.

This affects universal rendering apps which share code between client-side and server-side.

Server-side script fails with message
UnhandledPromiseRejectionWarning: TypeError: _dompurify2.default.addHook is not a function

How Has This Been Tested?

Manually tested that client-side behaviour did not change.

In our application I had to substitute dompurify module with a shim in the server-side build script. After that SwaggerUI component runs without errors after page loading.

Screenshots (if appropriate):

Checklist

My PR contains...

  • No code changes (src/ is unmodified: changes to documentation, CI, metadata, etc.)
  • Dependency changes (any modification to dependencies in package.json)
  • Bug fixes (non-breaking change which fixes an issue)
  • Improvements (misc. changes to existing features)
  • Features (non-breaking change which adds functionality)

My changes...

  • are breaking changes to a public API (config options, System API, major UI change, etc).
  • are breaking changes to a private API (Redux, component props, utility functions, etc.).
  • are breaking changes to a developer API (npm script behavior changes, new dev system dependencies, etc).
  • are not breaking changes.

Documentation

  • My changes do not require a change to the project documentation.
  • My changes require a change to the project documentation.
  • If yes to above: I have updated the documentation accordingly.

Automated tests

  • My changes can not or do not need to be tested.
  • My changes can and should be tested by unit and/or integration tests.
  • If yes to above: I have added tests to cover my changes.
  • If yes to above: I have taken care to cover edge cases in my tests.
  • All new and existing tests passed.

AlexMayants and others added 3 commits June 26, 2019 19:13
On server-side execution `dompurify` exports factory function instead of
a purifier instance. Because of this, server-side code that imports
SwaggerUI (e.g. via `swagger-ui-react`) fails, since `DomPurify.addHook`
does not exist.

This affects universal rendering apps which share code
between client-side and server-side.
@tim-lai tim-lai merged commit 71d4e59 into swagger-api:master Jun 15, 2020
@tim-lai
Copy link
Contributor

tim-lai commented Jun 15, 2020

@AlexMayants Merged! Thanks for the contribution and patience!

mattyb678 pushed a commit to mattyb678/swagger-ui that referenced this pull request Jun 24, 2020
…5428)

On server-side execution `dompurify` exports factory function instead of
a purifier instance. Because of this, server-side code that imports
SwaggerUI (e.g. via `swagger-ui-react`) fails, since `DomPurify.addHook`
does not exist.

This affects universal rendering apps which share code
between client-side and server-side.
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.

2 participants