Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fixed css escape chars #4104

Open
wants to merge 5 commits into
base: main
Choose a base branch
from
Open

fixed css escape chars #4104

wants to merge 5 commits into from

Conversation

Dxuian
Copy link
Contributor

@Dxuian Dxuian commented Aug 30, 2024

Resolves #3965
(fixed the branch issue)
before
image

after
image

Checklist

  • Added markup tests, or they don't apply here because...
  • Updated the changelog at CHANGES.md

Copy link

Build Size Report

Changes to minified artifacts in /build, after gzip compression.

5 files changed

Total change +68 B

View Changes
file base pr diff
es/core.min.js 8.18 KB 8.18 KB +1 B
es/highlight.min.js 8.18 KB 8.18 KB +1 B
es/languages/css.min.js 4.34 KB 4.38 KB +32 B
highlight.min.js 8.22 KB 8.22 KB +2 B
languages/css.min.js 4.35 KB 4.38 KB +32 B

Copy link

github-actions bot commented Sep 4, 2024

Build Size Report

Changes to minified artifacts in /build, after gzip compression.

5 files changed

Total change +56 B

View Changes
file base pr diff
es/core.min.js 8.18 KB 8.18 KB -3 B
es/highlight.min.js 8.18 KB 8.18 KB -3 B
es/languages/css.min.js 4.34 KB 4.38 KB +32 B
highlight.min.js 8.22 KB 8.22 KB -2 B
languages/css.min.js 4.35 KB 4.38 KB +32 B

Copy link

github-actions bot commented Sep 4, 2024

Build Size Report

Changes to minified artifacts in /build, after gzip compression.

5 files changed

Total change +67 B

View Changes
file base pr diff
es/core.min.js 8.18 KB 8.18 KB +1 B
es/highlight.min.js 8.18 KB 8.18 KB +1 B
es/languages/css.min.js 4.34 KB 4.38 KB +32 B
highlight.min.js 8.22 KB 8.22 KB +1 B
languages/css.min.js 4.35 KB 4.38 KB +32 B

@Dxuian
Copy link
Contributor Author

Dxuian commented Sep 9, 2024

@joshgoebel any input ?

@@ -14,7 +14,7 @@ export default function(hljs) {
const VENDOR_PREFIX = { begin: /-(webkit|moz|ms|o)-(?=[a-z])/ };
const AT_MODIFIERS = "and or not only";
const AT_PROPERTY_RE = /@-?\w[\w]*(-\w+)*/; // @-webkit-keyframes
const IDENT_RE = '[a-zA-Z-][a-zA-Z0-9_-]*';
const IDENT_RE = '[a-zA-Z-][a-zA-Z0-9_-]*(\\\\:[a-zA-Z0-9_-]+)*';
Copy link
Member

Choose a reason for hiding this comment

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

Is :: escaping supported? Or escaping any other chars? Feels like this is just handling this one edge case vs the concept of escaping in general - are there other uses?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

ive managed to generalize to include other special chars in the new commit pls review

Comment on lines 52 to 53
{ begin: '(?<!\\\\):(' + css.PSEUDO_CLASSES.join('|') + ')'},
{ begin: '(?<!\\\\):(:)?(' + css.PSEUDO_ELEMENTS.join('|') + ')'}
Copy link
Member

Choose a reason for hiding this comment

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

These (look-behind) are problematic until we hit v12 - as this would be a breaking change to introduce to v11 since it would change which browsers v11 supports (Safari was very late to this party).

Copy link
Contributor Author

Choose a reason for hiding this comment

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

fixed it in the new pr

@@ -22,3 +22,47 @@ p::first-letter {
font-weight: bold;
color: brown;
}
.dark\:hover\:bg-sky-500:hover {
Copy link
Member

Choose a reason for hiding this comment

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

Two or three (tops) of these longer examples should be sufficient unless there is some big difference here I'm missing.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

okay ill reduce the newer tc

Copy link

Build Size Report

Changes to minified artifacts in /build, after gzip compression.

5 files changed

Total change +130 B

View Changes
file base pr diff
es/core.min.js 8.18 KB 8.18 KB +1 B
es/highlight.min.js 8.18 KB 8.18 KB +1 B
es/languages/css.min.js 4.34 KB 4.41 KB +63 B
highlight.min.js 8.22 KB 8.22 KB +2 B
languages/css.min.js 4.35 KB 4.41 KB +63 B

Copy link

Build Size Report

Changes to minified artifacts in /build, after gzip compression.

3 files changed

Total change +113 B

View Changes
file base pr diff
es/languages/css.min.js 4.34 KB 4.4 KB +56 B
highlight.min.js 8.22 KB 8.22 KB +1 B
languages/css.min.js 4.35 KB 4.41 KB +56 B

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.

(css) Escaped special character in selector class name breaks highlighting
2 participants