search

i-VRESSE / workflow-builder

Graphical interface to build a workflow file
https://i-vresse-workflow-builder.netlify.app/
Apache License 2.0
4 stars 2 forks source link

Switch to PrismLight #90

Closed sverhoeven closed 2 years ago

sverhoeven commented 2 years ago

The https://github.com/react-syntax-highlighter/react-syntax-highlighter can be used in different ways. In this PR I use a way that when I do yarn build;yarn serve renders the text correctly. The docs say that this way produces a bigger bundle, but I have not verified.

Refs #74

To test:

  1. checkout branch yarn build; yarn serve
  2. Open app
  3. Load example in lower left corner
  4. Switch to text mode in middle column
  5. Expect to see highlighted code, while before in some browser you would see [object Object]

Also test yarn dev and https://deploy-preview-90--wonderful-noether-53a9e8.netlify.app/ with various browsers.

netlify[bot] commented 2 years ago

Deploy Preview for wonderful-noether-53a9e8 ready!

Name Link
Latest commit 0b7226084b8c80506ce3106db7b3e02f3e587ff3
Latest deploy log https://app.netlify.com/sites/wonderful-noether-53a9e8/deploys/62bd79470aefa90008bf0ad6
Deploy Preview https://deploy-preview-90--wonderful-noether-53a9e8.netlify.app/
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 site settings.

bvreede commented 2 years ago

Checked on Mac OSX:

yarn build yarn dev netlify preview
Safari ✅ ✅ ✅
Chrome ✅ ✅ ✅
Brave ✅ ✅ ✅