fix: ファイル名にコロンが含まれるケースを考慮

packages/zenn-markdown-html/__tests__/highlight.test.ts

@@ -140,4 +140,16 @@ describe('コードハイライトのテスト', () => {
       '<span class="code-block-filename">index.html</span>'
     );
   });
+  test('":" が含まれるファイル名が表示される', () => {
+    const jsString = [
+      '```js:index:withcolons.js',
+      "console.log('foo')",
+      '```',
+    ].join('\n');
+    const html = markdownToHtml(jsString);
+    expect(html).toContain(
+      '<span class="code-block-filename">index:withcolons.js</span>'
+    );
+    expect(html).toContain('language-js');
+  });
 });

packages/zenn-markdown-html/src/utils/md-renderer-fence.ts

@@ -79,7 +79,11 @@ export function parseInfo(str: string): {
 
   // e.g. foo:filename => ["foo", "filename"]
   // e.g. foo diff:filename => ["foo diff", "filename"]
-  const [langInfo, fileName] = str.split(':');
+  // e.g. foo:filename:bar => ["foo", "filename:bar"]
+  const separatorIndex = str.indexOf(':');
+  const langInfo = separatorIndex > -1 ? str.substring(0, separatorIndex) : str;
+  const fileName =
+    separatorIndex > -1 ? str.substring(separatorIndex + 1) : undefined;
 
   const langNames = langInfo.split(' ');
   const hasDiff = langNames.some((name) => name === 'diff');