feat: Add language support & fix: Tooltip now hides when scrolling to… #305
Conversation
|
顺带提一个bug：当只有一行的时候现在的复制块显示的有些问题，但我不知道怎么修，抱歉：
|
有啥想法 |
📦 Next.js Bundle Analysis for ShiroThis analysis was generated by the Next.js Bundle Analysis action. 🤖
|
| Page | Size (compressed) |
|---|---|
global |
84.61 KB (🟡 +71 B) |
Details
The global bundle is the javascript bundle that loads alongside every page. It is in its own category because its impact is much higher - an increase to its size means that every page on your website loads slower, and a decrease means every page loads faster.
Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis
If you want further insight into what is behind the changes, give @next/bundle-analyzer a try!
我不太知道怎么在这里拿到行数，没有深入研究过 shiki（ |
|
另外还有一点，就是我感觉现在的语言格式很奇怪，为什么不直接全部切换到shiki呢？shiki对于不认的语言是直接按照 text 来渲染的，我觉得也可以接受？还是说有保留现有 code highlighter 的必要？ |
📦 Next.js Bundle Analysis for ShiroThis analysis was generated by the Next.js Bundle Analysis action. 🤖
|
| Page | Size (compressed) |
|---|---|
global |
84.61 KB (🟡 +69 B) |
Details
The global bundle is the javascript bundle that loads alongside every page. It is in its own category because its impact is much higher - an increase to its size means that every page on your website loads slower, and a decrease means every page loads faster.
Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis
If you want further insight into what is behind the changes, give @next/bundle-analyzer a try!
shiki对于不认的语言 会报错 |
你是说拿到总行数吗? |
按照我的理解，不应该报错啊（？ |
yes，拿到总行数之后做个特判 |
📦 Next.js Bundle Analysis for ShiroThis analysis was generated by the Next.js Bundle Analysis action. 🤖
|
| Page | Size (compressed) |
|---|---|
global |
84.61 KB (🟡 +72 B) |
Details
The global bundle is the javascript bundle that loads alongside every page. It is in its own category because its impact is much higher - an increase to its size means that every page on your website loads slower, and a decrease means every page loads faster.
Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis
If you want further insight into what is behind the changes, give @next/bundle-analyzer a try!
|
草 有点太简陋了吧，那万一我字符串里面有 \n 呢？有没有基于 Shiki 解析出的方法呢，或者干脆直接所有的都调成符合第一行的状态？ |
|
按照 Shiki 官方的，就是单行渲染和多行相同，没做特判：
|
|
关于最新 CSS 修改说明如下：
这是一个临时解决方案，我认为似乎还是把这个语言/文件类型的元信息提到上方是一个比较好的解决方案，不然还得计算一下 bg-accent/10 这个属性的完整 RGB 值（不含 Alpha 通道），才能避免这个滚动条处的层叠。（如果调整 padding/margin，会导致单行空余太多？）like shiki official:
|
📦 Next.js Bundle Analysis for ShiroThis analysis was generated by the Next.js Bundle Analysis action. 🤖
|
| Page | Size (compressed) |
|---|---|
global |
84.61 KB (🟡 +69 B) |
Details
The global bundle is the javascript bundle that loads alongside every page. It is in its own category because its impact is much higher - an increase to its size means that every page on your website loads slower, and a decrease means every page loads faster.
Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis
If you want further insight into what is behind the changes, give @next/bundle-analyzer a try!
|
之后我再调吧, 大佬tql |
|
另外想问下： className={clsxm(
'pointer-events-none absolute bottom-2 right-2 z-10 text-sm opacity-60',
isOverflow ? 'right-6' : '',
)}这段代码的意义？这会导致不对齐啊：
|
呜呜，您才是佬，我是只会写 css 的小菜鸡，大佬多教教我（） |
因为之前有滚条,所以加了偏移,现在我去掉了就不需要这个了 |
… bottom
Description
Linked Issues
Additional context