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.

Sign up for GitHub

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

Jump to bottom

Upgrade code blocks #62

Open
11 of 12 tasks
meganesu opened this issue Jun 24, 2022 · 0 comments
Open
11 of 12 tasks

Upgrade code blocks #62

meganesu opened this issue Jun 24, 2022 · 0 comments
Labels
enhancement New feature or request

Comments

@meganesu
Copy link
Owner

meganesu commented Jun 24, 2022 •
edited
Loading

I want to have a better custom code block component.

Features

  • Add file title using code block meta string (```js tile=~/zshrc/teach.sh)
  • Add line highlighting using comments
    • // highlight-line
    • // highlight-start && // highlight-end

To Do

Resources
@meganesu meganesu added the enhancement New feature or request label Jun 24, 2022
meganesu added a commit that referenced this issue Jun 24, 2022
@meganesu
feat(#62): finish MVP of new custom code block component with file ti…
435864e 
…tle and language tag
@meganesu meganesu mentioned this issue Jun 24, 2022
Merged
9 tasks
@meganesu meganesu mentioned this issue Jun 25, 2022
Closed
meganesu added a commit that referenced this issue Jul 4, 2022
@meganesu
feat(#62): finish MVP of new custom code block component with file ti…
a033ce0 
…tle and language tag
meganesu added a commit that referenced this issue Jun 19, 2024
@meganesu
feat(#62): adjust code block styles to accomodate line highlighting
41c75aa
meganesu added a commit that referenced this issue Jun 19, 2024
@meganesu
chore(#62): bump versions @testing-library/* versions
b05ec7f 
- Needed to be able to access <code/> elements by role (see: testing-library/dom-testing-library#1100)
meganesu added a commit that referenced this issue Jun 19, 2024
@meganesu
chore(#62): major version update for prism-react-renderer
dd9596b
meganesu added a commit that referenced this issue Jun 19, 2024
@meganesu
refactor(#62): improve code readability
026e6a8
meganesu added a commit that referenced this issue Jun 19, 2024
@meganesu
feat(#62): add support for highlight-line comments
a081204
meganesu added a commit that referenced this issue Jun 19, 2024
@meganesu
fix(#62): lint
79c8455
meganesu added a commit that referenced this issue Jun 19, 2024
@meganesu
feat(#62): add support for highlight-start / highlight-end comments
5f15f00
meganesu added a commit that referenced this issue Jun 19, 2024
@meganesu
feat(#62): add support for highlight-start / highlight-end comments
0995ad6
meganesu added a commit that referenced this issue Jun 19, 2024
@meganesu
feat(#62): add support for highlight-next-line comments
0a040ce
meganesu added a commit that referenced this issue Jun 19, 2024
@meganesu
refactor(#62): group initial shouldHighlightLine values
eca660f
@meganesu meganesu mentioned this issue Jun 19, 2024
Merged
meganesu added a commit that referenced this issue Jun 19, 2024
@meganesu
fix(#62): move codeClassNames into getLineProps, to avoid overwriting…
8895d94 
… the token-line class from prism-react-renderer
meganesu added a commit that referenced this issue Jun 19, 2024
@meganesu
fix(#62): update line highlight color to match Night Owl theme
9ec1613
meganesu added a commit that referenced this issue Jun 19, 2024
@meganesu
refactor(#62): clean up semantic HTML structure
47db819 
- use figure/figcaption instead of div
- use only one code element (vs one per line)
meganesu added a commit that referenced this issue Jun 19, 2024
@meganesu
feat(#62): adjust code block styles to accomodate line highlighting
524282c
meganesu added a commit that referenced this issue Jun 19, 2024
@meganesu
chore(#62): bump versions @testing-library/* versions
2678f7c 
- Needed to be able to access <code/> elements by role (see: testing-library/dom-testing-library#1100)
meganesu added a commit that referenced this issue Jun 19, 2024
@meganesu
chore(#62): major version update for prism-react-renderer
32b2483
meganesu added a commit that referenced this issue Jun 19, 2024
@meganesu
refactor(#62): improve code readability
1e8f016
meganesu added a commit that referenced this issue Jun 19, 2024
@meganesu
feat(#62): add support for highlight-line comments
c643936
meganesu added a commit that referenced this issue Jun 19, 2024
@meganesu
fix(#62): lint
28f3ec7
meganesu added a commit that referenced this issue Jun 19, 2024
@meganesu
feat(#62): add support for highlight-start / highlight-end comments
6e60e26
meganesu added a commit that referenced this issue Jun 19, 2024
@meganesu
feat(#62): add support for highlight-next-line comments
c9cfd5a
meganesu added a commit that referenced this issue Jun 19, 2024
@meganesu
refactor(#62): group initial shouldHighlightLine values
e0ff89f
meganesu added a commit that referenced this issue Jun 19, 2024
@meganesu
fix(#62): move codeClassNames into getLineProps, to avoid overwriting…
2f2011b 
… the token-line class from prism-react-renderer
meganesu added a commit that referenced this issue Jun 19, 2024
@meganesu
fix(#62): update line highlight color to match Night Owl theme
5394aa2
meganesu added a commit that referenced this issue Jun 19, 2024
@meganesu
refactor(#62): clean up semantic HTML structure
1036d97 
- use figure/figcaption instead of div
- use only one code element (vs one per line)
meganesu added a commit that referenced this issue Jun 19, 2024
@meganesu
fix(#62): fix padding on pre element when no language tag or file tag
17457b3
meganesu added a commit that referenced this issue Jul 3, 2024
@meganesu
feat(#62): update semantics for highlighted lines to use <mark>
33851a2
meganesu added a commit that referenced this issue Jul 3, 2024
@meganesu
content(#62): refactor code blocks to use line highlights instead of …
f1753f3 
…comments
meganesu added a commit that referenced this issue Jul 4, 2024
@meganesu
fix(#62): make font size consistent on iOS
60085fc
meganesu added a commit that referenced this issue Jul 4, 2024
@meganesu
feat(#62): Add support for code block line highlighting comments (#111)
ae08bf0 
* feat(#62): adjust code block styles to accomodate line highlighting

* chore(#62): bump versions @testing-library/* versions

- Needed to be able to access <code/> elements by role (see: testing-library/dom-testing-library#1100)

* chore(#62): major version update for prism-react-renderer

* refactor(#62): improve code readability

* feat(#62): add support for highlight-line comments

* fix(#62): lint

* feat(#62): add support for highlight-start / highlight-end comments

* feat(#62): add support for highlight-next-line comments

* refactor(#62): group initial shouldHighlightLine values

* fix(#62): move codeClassNames into getLineProps, to avoid overwriting the token-line class from prism-react-renderer

* fix(#62): update line highlight color to match Night Owl theme

* refactor(#62): clean up semantic HTML structure
- use figure/figcaption instead of div
- use only one code element (vs one per line)

* fix(#62): fix padding on pre element when no language tag or file tag

* feat(#62): update semantics for highlighted lines to use <mark>

* content(#62): refactor code blocks to use line highlights instead of comments

* fix(#62): make font size consistent on iOS
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
enhancement New feature or request
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@meganesu