Some Bits: Nelson's LinkblogJan 2
1Password vs HTML: Popular browser password extension currently has a bug that's breaking syntax highlighting in code samples on web pages
https://dev.to/hacksore/1password-breaks-syntax-highlighting-on-the-internet-18j6
#formatting #1password #internet #prismjs #code #bug #+
1Password Breaks Syntax Highlighting On The Internet

READ FIRST: It has been patched, and the latest official update from the 1Password team Starting...

DEV Community
Show threadniu techAug 26, 2024
@Una @argyleink Awesome! We no longer need #CSS Custom Highlight API nor #PrismJS nor #HighlightJS for syntax highlighting thanks to @gdc!
Chris HenrickJul 9, 2024

Noticing that the popular Okaidia color theme I’m using for PrismJS to style code blocks on my website has text color contrast issues. Does anyone know of a code block theme that passes WCAG for text color contrast? Preferably one that is easily used with Prism?

#accessibility #a11y #programming #prismJs #color #webDev

Show threadJohn ScottNov 23, 2023
@blueset came here to say exactly this. Never occurred to me before that I should have the ability to set, not just the colour, but the actual font for each token. It’ll be interesting to see what can be made of this in #PrismJS themes.
James EndicottNov 7, 2023
The most frustrating part of my current struggle to update #PrismJS support in #Firefish is that it would be literally 3 lines of code to fix it if only it were possible for me to add <script> tags to the file served. I'm adding code that should only render on client side (it's exclusively presentation) and points to a CDN so browser caching means it's very limited bandwidth.

But no. I'm stuck messing with weird configurations for #Vue, trying to figure out how the #NodeJS package manager pnpm works, identifying what #Webpack is eating, translating tutorials from EMCA5 to 6, and how to use #Babel to precompile the Prism library with the right settings.

Every technology in that stack allegedly is supposed to improve #productivity. They're all supposed to make my life easier by reducing complexity and streamlining effort. But they have turned a 3 line fix into hundreds spread across a dozen files.

Oh well, this is how modern software development works, isn't it?
Show threadjoesahlsaOct 6, 2023
@eleventy that's great, had no idea. Does that mean they are supported in #prismjs too?
joesahlsaOct 5, 2023
Just hit publish on a new post about adding a new #PrismJS language for @eleventy syntax highlighting:
https://joesahlsa.dev/blog/custom-language-syntax-highlighting/
Custom language syntax highlighting

Web development blog. The good, bad, and ugly (mostly bad and ugly)

Show threadJames EndicottSep 18, 2023
After digging around some more, I'm still not entirely sure where that list comes from. It isn't the default list of languages #PrismJS ships with nor is it the default for what you get from either of the NPM packages they could be using, the default configs for webpack, or the Vue-Prism package that I think they're using. I'm sure it's specified somewhere in a config file but the package management here is much more complicated than I ever imagined these things would get.

At any rate, if anybody knows a #Firefish dev, it'd be really cool if you could talk them in to adding the autoloader plugin to Prism. That uses your choice of three cdns to deliver languages that you don't host locally. There are other ways to do it but that seems like the lightest weight solution which matters since this is a very niche use.
Lea Verou, PhDJul 13, 2023

Wow, #PrismJS, the syntax highlighter I started in 2012 after being fed up with the aesthetics and ergonomics of the existing options, has exceeded 1 BILLION total npm downloads!
https://npm-stat.com/charts.html?package=prismjs&from=2012-01-01

We couldn’t have gotten there without Prism’s fantastic maintainer team (Golmote, Michael Schmidt, James DiGioia, Jason Kurian), Prism’s 375 contributors, and ecosystem of almost 4k dependent projects.
Thank you all, you rock!

npm-stat: download statistics for NPM packages

download statistics for npm packages

Pratham Patel May 20, 2023
@jhpratt For #prismjs too!