+
{@html rendered}
{#if mounted}
diff --git a/packages/carta-md/src/lib/MarkdownEditor.svelte b/packages/carta-md/src/lib/MarkdownEditor.svelte
index 8e8cb33..4fc49bf 100644
--- a/packages/carta-md/src/lib/MarkdownEditor.svelte
+++ b/packages/carta-md/src/lib/MarkdownEditor.svelte
@@ -15,6 +15,7 @@
export let scroll: 'sync' | 'async' = 'sync';
export let disableToolbar = false;
export let placeholder = '';
+ export let renderCls = 'prose';
export let textarea: TextAreaProps = {};
let userLabels: Partial = {};
@@ -124,7 +125,7 @@
{/if}
{#if windowMode == 'split' || selectedTab == 'preview'}
-
+
{#if mounted}
{#each carta.components.filter(({ parent }) => [parent]
diff --git a/packages/carta-md/src/lib/highlight.css b/packages/carta-md/src/lib/highlight.css
new file mode 100644
index 0000000..635e145
--- /dev/null
+++ b/packages/carta-md/src/lib/highlight.css
@@ -0,0 +1,88 @@
+.carta-highlight {
+ color: #333333;
+ --hl-dark: #f8f8f2;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata,
+.token.punctuation {
+ color: #6a737d;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.url {
+ color: #2396e3;
+ --hl-dark: #71d58a;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.url > .token.content {
+ color: #5abd60;
+ --hl-dark: #4dacfa;
+}
+
+.token.entity {
+ color: #6f42c1;
+ --hl-dark: #b392f0;
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword,
+.token.class-name,
+.token.function,
+.token.italic,
+.token.deleted,
+.token.list {
+ color: #e16;
+ --hl-dark: #ff7cc6;
+}
+
+.token.inserted {
+ color: #5abd60;
+ --hl-dark: #71d58a;
+}
+
+.token.regex,
+.token.variable,
+.token.bold {
+ color: #f60;
+ --hl-dark: #b581fd;
+}
+
+.token.important,
+.token.bold {
+ font-weight: bold;
+}
+.token.italic {
+ font-style: italic;
+}
+.token.strike {
+ text-decoration: line-through;
+ color: #f44;
+ --hl-dark: #ff5261;
+}
+.token.title {
+ font-weight: bold;
+ color: #212121;
+ --hl-dark: #e8e8e8;
+}
+.token.blockquote {
+ color: #999;
+ --hl-dark: #7d828b
+}
+.token.code-snippet {
+ color: #2396e3;
+ --hl-dark: #4dacfa;
+}
diff --git a/packages/carta-md/src/lib/index.ts b/packages/carta-md/src/lib/index.ts
index a188dad..efdec2f 100644
--- a/packages/carta-md/src/lib/index.ts
+++ b/packages/carta-md/src/lib/index.ts
@@ -5,7 +5,6 @@ export type { Icon } from '$lib/internal/icons';
export type { KeyboardShortcut } from '$lib/internal/shortcuts';
export type { Prefix } from '$lib/internal/prefixes';
export * from '$lib/internal/carta';
-export * from '$lib/internal/highlight';
export * from '$lib/internal/textarea-props';
export * from '$lib/internal/labels';
export * from './default.css?inline';
diff --git a/packages/carta-md/src/lib/internal/assets/markdown.ts b/packages/carta-md/src/lib/internal/assets/markdown.ts
deleted file mode 100644
index e058507..0000000
--- a/packages/carta-md/src/lib/internal/assets/markdown.ts
+++ /dev/null
@@ -1,1779 +0,0 @@
-import { type LanguageInput } from 'shiki';
-
-const lang = {
- displayName: 'CartaMarkdown',
- name: 'cartamd' as const,
- patterns: [{ include: '#frontMatter' }, { include: '#block' }],
- repository: {
- $self: {},
- $base: {},
- ampersand: {
- // comment:
- // 'Markdown will convert this for us. We match it so that the HTML grammar will not mark it up as invalid.',
- match: '&(?!([a-zA-Z0-9]+|#[0-9]+|#x[0-9a-fA-F]+);)',
- name: 'meta.other.valid-ampersand.markdown'
- },
- block: {
- patterns: [
- { include: '#separator' },
- { include: '#heading' },
- { include: '#blockquote' },
- { include: '#lists' },
- { include: '#fenced_code_block' },
- { include: '#raw_block' },
- { include: '#link-def' },
- { include: '#html' },
- { include: '#table' },
- { include: '#paragraph' }
- ]
- },
- blockquote: {
- begin: '(^|\\G)[ ]{0,3}(>) ?',
- captures: { '2': { name: 'punctuation.definition.quote.begin.markdown' } },
- name: 'markup.quote.markdown',
- patterns: [{ include: '#block' }],
- while: '(^|\\G)\\s*(>) ?'
- },
- bold: {
- begin:
- '(?x) (?(\\*\\*(?=\\w)|(?]*+>\n| (?`+)([^`]|(?!(?(?!`))`)*+\\k\n\n| \\\\[\\\\`*_{}\\[\\]()#.!+\\->]?+\n| \\[\n(\n(?\n[^\\[\\]\\\\]\n| \\\\.\n| \\[ \\g*+ \\]\n)*+\n\\]\n(\n(\n[ ]?\n\\[[^\\]]*+\\]\n)\n| (\n\\(\n[ \\t]*+\n?\n[ \\t]*+\n(\n(?[\'"])\n(.*?)\n\\k<title>\n)?\n\\)\n)\n)\n)\n| (?!(?<=\\S)\\k<open>).\n\n)++\n(?<=\\S)(?=__\\b|\\*\\*)\\k<open>\n)\n',
- captures: { '1': { name: 'punctuation.definition.bold.markdown' } },
- end: '(?<=\\S)(\\1)',
- name: 'markup.bold.markdown',
- patterns: [
- {
- applyEndPatternLast: true,
- begin: '(?=<[^>]*?>)',
- end: '(?<=>)',
- patterns: [{ include: 'text.html.derivative' }]
- },
- { include: '#escape' },
- { include: '#ampersand' },
- { include: '#bracket' },
- { include: '#raw' },
- { include: '#bold' },
- { include: '#italic' },
- { include: '#image-inline' },
- { include: '#link-inline' },
- { include: '#link-inet' },
- { include: '#link-email' },
- { include: '#image-ref' },
- { include: '#link-ref-literal' },
- { include: '#link-ref' },
- { include: '#link-ref-shortcut' },
- { include: '#strikethrough' }
- ]
- },
- bracket: {
- // comment:
- // 'Markdown will convert this for us. We match it so that the HTML grammar will not mark it up as invalid.',
- match: '<(?![a-zA-Z/?\\$!])',
- name: 'meta.other.valid-bracket.markdown'
- },
- escape: { match: '\\\\[-`*_#+.!(){}\\[\\]\\\\>]', name: 'constant.character.escape.markdown' },
- fenced_code_block: {
- patterns: [
- { include: '#fenced_code_block_css' },
- { include: '#fenced_code_block_basic' },
- { include: '#fenced_code_block_ini' },
- { include: '#fenced_code_block_java' },
- { include: '#fenced_code_block_lua' },
- { include: '#fenced_code_block_makefile' },
- { include: '#fenced_code_block_perl' },
- { include: '#fenced_code_block_r' },
- { include: '#fenced_code_block_ruby' },
- { include: '#fenced_code_block_php' },
- { include: '#fenced_code_block_sql' },
- { include: '#fenced_code_block_vs_net' },
- { include: '#fenced_code_block_xml' },
- { include: '#fenced_code_block_xsl' },
- { include: '#fenced_code_block_yaml' },
- { include: '#fenced_code_block_dosbatch' },
- { include: '#fenced_code_block_clojure' },
- { include: '#fenced_code_block_coffee' },
- { include: '#fenced_code_block_c' },
- { include: '#fenced_code_block_cpp' },
- { include: '#fenced_code_block_diff' },
- { include: '#fenced_code_block_dockerfile' },
- { include: '#fenced_code_block_git_commit' },
- { include: '#fenced_code_block_git_rebase' },
- { include: '#fenced_code_block_go' },
- { include: '#fenced_code_block_groovy' },
- { include: '#fenced_code_block_pug' },
- { include: '#fenced_code_block_js' },
- { include: '#fenced_code_block_js_regexp' },
- { include: '#fenced_code_block_json' },
- { include: '#fenced_code_block_jsonc' },
- { include: '#fenced_code_block_less' },
- { include: '#fenced_code_block_objc' },
- { include: '#fenced_code_block_swift' },
- { include: '#fenced_code_block_scss' },
- { include: '#fenced_code_block_perl6' },
- { include: '#fenced_code_block_powershell' },
- { include: '#fenced_code_block_python' },
- { include: '#fenced_code_block_julia' },
- { include: '#fenced_code_block_regexp_python' },
- { include: '#fenced_code_block_rust' },
- { include: '#fenced_code_block_scala' },
- { include: '#fenced_code_block_shell' },
- { include: '#fenced_code_block_ts' },
- { include: '#fenced_code_block_tsx' },
- { include: '#fenced_code_block_csharp' },
- { include: '#fenced_code_block_fsharp' },
- { include: '#fenced_code_block_dart' },
- { include: '#fenced_code_block_handlebars' },
- { include: '#fenced_code_block_markdown' },
- { include: '#fenced_code_block_log' },
- { include: '#fenced_code_block_erlang' },
- { include: '#fenced_code_block_elixir' },
- { include: '#fenced_code_block_latex' },
- { include: '#fenced_code_block_bibtex' },
- { include: '#fenced_code_block_twig' },
- { include: '#fenced_code_block_unknown' }
- ]
- },
- fenced_code_block_basic: {
- begin:
- '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(html|htm|shtml|xhtml|inc|tmpl|tpl)((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.html',
- patterns: [{ include: 'text.html.basic' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_bibtex: {
- begin: '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(bibtex)((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.bibtex',
- patterns: [{ include: 'text.bibtex' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_c: {
- begin: '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(c|h)((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.c',
- patterns: [{ include: 'source.c' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_clojure: {
- begin: '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(clj|cljs|clojure)((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.clojure',
- patterns: [{ include: 'source.clojure' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_coffee: {
- begin:
- '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(coffee|Cakefile|coffee.erb)((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.coffee',
- patterns: [{ include: 'source.coffee' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_cpp: {
- begin: '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(cpp|c\\+\\+|cxx)((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.cpp source.cpp',
- patterns: [{ include: 'source.cpp' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_csharp: {
- begin: '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(cs|csharp|c#)((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.csharp',
- patterns: [{ include: 'source.cs' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_css: {
- begin: '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(css|css.erb)((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.css',
- patterns: [{ include: 'source.css' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_dart: {
- begin: '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(dart)((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.dart',
- patterns: [{ include: 'source.dart' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_diff: {
- begin: '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(patch|diff|rej)((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.diff',
- patterns: [{ include: 'source.diff' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_dockerfile: {
- begin:
- '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(dockerfile|Dockerfile)((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.dockerfile',
- patterns: [{ include: 'source.dockerfile' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_dosbatch: {
- begin: '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(bat|batch)((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.dosbatch',
- patterns: [{ include: 'source.batchfile' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_elixir: {
- begin: '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(elixir)((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.elixir',
- patterns: [{ include: 'source.elixir' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_erlang: {
- begin: '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(erlang)((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.erlang',
- patterns: [{ include: 'source.erlang' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_fsharp: {
- begin: '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(fs|fsharp|f#)((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.fsharp',
- patterns: [{ include: 'source.fsharp' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_git_commit: {
- begin:
- '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(COMMIT_EDITMSG|MERGE_MSG)((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.git_commit',
- patterns: [{ include: 'text.git-commit' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_git_rebase: {
- begin: '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(git-rebase-todo)((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.git_rebase',
- patterns: [{ include: 'text.git-rebase' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_go: {
- begin: '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(go|golang)((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.go',
- patterns: [{ include: 'source.go' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_groovy: {
- begin: '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(groovy|gvy)((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.groovy',
- patterns: [{ include: 'source.groovy' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_handlebars: {
- begin: '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(handlebars|hbs)((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.handlebars',
- patterns: [{ include: 'text.html.handlebars' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_ini: {
- begin: '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(ini|conf)((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.ini',
- patterns: [{ include: 'source.ini' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_java: {
- begin: '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(java|bsh)((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.java',
- patterns: [{ include: 'source.java' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_js: {
- begin:
- '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(js|jsx|javascript|es6|mjs|cjs|dataviewjs|\\{\\.js.+?\\})((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.javascript',
- patterns: [{ include: 'source.js' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_js_regexp: {
- begin: '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(regexp)((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.js_regexp',
- patterns: [{ include: 'source.js.regexp' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_json: {
- begin:
- '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(json|json5|sublime-settings|sublime-menu|sublime-keymap|sublime-mousemap|sublime-theme|sublime-build|sublime-project|sublime-completions)((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.json',
- patterns: [{ include: 'source.json' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_jsonc: {
- begin: '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(jsonc)((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.jsonc',
- patterns: [{ include: 'source.json.comments' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_julia: {
- begin:
- '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(julia|\\{\\.julia.+?\\})((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.julia',
- patterns: [{ include: 'source.julia' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_latex: {
- begin: '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(latex|tex)((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.latex',
- patterns: [{ include: 'text.tex.latex' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_less: {
- begin: '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(less)((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.less',
- patterns: [{ include: 'source.css.less' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_log: {
- begin: '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(log)((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.log',
- patterns: [{ include: 'text.log' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_lua: {
- begin: '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(lua)((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.lua',
- patterns: [{ include: 'source.lua' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_makefile: {
- begin:
- '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(Makefile|makefile|GNUmakefile|OCamlMakefile)((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.makefile',
- patterns: [{ include: 'source.makefile' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_markdown: {
- begin: '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(markdown|md)((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.markdown',
- patterns: [{ include: 'text.html.markdown' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_objc: {
- begin:
- '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(objectivec|objective-c|mm|objc|obj-c|m|h)((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.objc',
- patterns: [{ include: 'source.objc' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_perl: {
- begin:
- '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(perl|pl|pm|pod|t|PL|psgi|vcl)((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.perl',
- patterns: [{ include: 'source.perl' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_perl6: {
- begin: '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(perl6|p6|pl6|pm6|nqp)((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.perl6',
- patterns: [{ include: 'source.perl.6' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_php: {
- begin:
- '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(php|php3|php4|php5|phpt|phtml|aw|ctp)((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.php',
- patterns: [{ include: 'text.html.basic' }, { include: 'source.php' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_powershell: {
- begin:
- '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(powershell|ps1|psm1|psd1|pwsh)((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.powershell',
- patterns: [{ include: 'source.powershell' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_pug: {
- begin: '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(jade|pug)((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.pug',
- patterns: [{ include: 'text.pug' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_python: {
- begin:
- '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(python|py|py3|rpy|pyw|cpy|SConstruct|Sconstruct|sconstruct|SConscript|gyp|gypi|\\{\\.python.+?\\})((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.python',
- patterns: [{ include: 'source.python' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_r: {
- begin:
- '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(R|r|s|S|Rprofile|\\{\\.r.+?\\})((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.r',
- patterns: [{ include: 'source.r' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_regexp_python: {
- begin: '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(re)((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.regexp_python',
- patterns: [{ include: 'source.regexp.python' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_ruby: {
- begin:
- '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(ruby|rb|rbx|rjs|Rakefile|rake|cgi|fcgi|gemspec|irbrc|Capfile|ru|prawn|Cheffile|Gemfile|Guardfile|Hobofile|Vagrantfile|Appraisals|Rantfile|Berksfile|Berksfile.lock|Thorfile|Puppetfile)((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.ruby',
- patterns: [{ include: 'source.ruby' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_rust: {
- begin:
- '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(rust|rs|\\{\\.rust.+?\\})((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.rust',
- patterns: [{ include: 'source.rust' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_scala: {
- begin: '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(scala|sbt)((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.scala',
- patterns: [{ include: 'source.scala' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_scss: {
- begin: '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(scss)((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.scss',
- patterns: [{ include: 'source.css.scss' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_shell: {
- begin:
- '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(shell|sh|bash|zsh|bashrc|bash_profile|bash_login|profile|bash_logout|.textmate_init|\\{\\.bash.+?\\})((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.shellscript',
- patterns: [{ include: 'source.shell' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_sql: {
- begin: '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(sql|ddl|dml)((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.sql',
- patterns: [{ include: 'source.sql' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_swift: {
- begin: '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(swift)((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.swift',
- patterns: [{ include: 'source.swift' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_ts: {
- begin: '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(typescript|ts)((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.typescript',
- patterns: [{ include: 'source.ts' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_tsx: {
- begin: '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(tsx)((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.typescriptreact',
- patterns: [{ include: 'source.tsx' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_twig: {
- begin: '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(twig)((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.twig',
- patterns: [{ include: 'source.twig' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_unknown: {
- begin: '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?=([^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown'
- },
- fenced_code_block_vs_net: {
- begin: '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(vb)((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.vs_net',
- patterns: [{ include: 'source.asp.vb.net' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_xml: {
- begin:
- '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(xml|xsd|tld|jsp|pt|cpt|dtml|rss|opml)((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.xml',
- patterns: [{ include: 'text.xml' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_xsl: {
- begin: '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(xsl|xslt)((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.xsl',
- patterns: [{ include: 'text.xml.xsl' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- fenced_code_block_yaml: {
- begin: '(^|\\G)(\\s*)(`{3,}|~{3,})\\s*(?i:(yaml|yml)((\\s+|:|,|\\{|\\?)[^`]*)?$)',
- beginCaptures: {
- '3': { name: 'punctuation.definition.markdown' },
- '4': { name: 'fenced_code.block.language.markdown' },
- '5': { name: 'fenced_code.block.language.attributes.markdown' }
- },
- end: '(^|\\G)(\\2|\\s{0,3})(\\3)\\s*$',
- endCaptures: { '3': { name: 'punctuation.definition.markdown' } },
- name: 'markup.fenced_code.block.markdown',
- patterns: [
- {
- begin: '(^|\\G)(\\s*)(.*)',
- contentName: 'meta.embedded.block.yaml',
- patterns: [{ include: 'source.yaml' }],
- while: '(^|\\G)(?!\\s*([`~]{3,})\\s*$)'
- }
- ]
- },
- frontMatter: {
- begin: '\\A-{3}\\s*$',
- contentName: 'meta.embedded.block.frontmatter',
- end: '(^|\\G)-{3}|\\.{3}\\s*$',
- patterns: [{ include: 'source.yaml' }]
- },
- heading: {
- captures: {
- '1': {
- patterns: [
- {
- captures: {
- '1': { name: 'punctuation.definition.heading.markdown' },
- '2': {
- name: 'entity.name.section.markdown',
- patterns: [{ include: '#inline' }, { include: 'text.html.derivative' }]
- },
- '3': { name: 'punctuation.definition.heading.markdown' }
- },
- match: '(#{6})\\s+(.*?)(?:\\s+(#+))?\\s*$',
- name: 'heading.6.markdown'
- },
- {
- captures: {
- '1': { name: 'punctuation.definition.heading.markdown' },
- '2': {
- name: 'entity.name.section.markdown',
- patterns: [{ include: '#inline' }, { include: 'text.html.derivative' }]
- },
- '3': { name: 'punctuation.definition.heading.markdown' }
- },
- match: '(#{5})\\s+(.*?)(?:\\s+(#+))?\\s*$',
- name: 'heading.5.markdown'
- },
- {
- captures: {
- '1': { name: 'punctuation.definition.heading.markdown' },
- '2': {
- name: 'entity.name.section.markdown',
- patterns: [{ include: '#inline' }, { include: 'text.html.derivative' }]
- },
- '3': { name: 'punctuation.definition.heading.markdown' }
- },
- match: '(#{4})\\s+(.*?)(?:\\s+(#+))?\\s*$',
- name: 'heading.4.markdown'
- },
- {
- captures: {
- '1': { name: 'punctuation.definition.heading.markdown' },
- '2': {
- name: 'entity.name.section.markdown',
- patterns: [{ include: '#inline' }, { include: 'text.html.derivative' }]
- },
- '3': { name: 'punctuation.definition.heading.markdown' }
- },
- match: '(#{3})\\s+(.*?)(?:\\s+(#+))?\\s*$',
- name: 'heading.3.markdown'
- },
- {
- captures: {
- '1': { name: 'punctuation.definition.heading.markdown' },
- '2': {
- name: 'entity.name.section.markdown',
- patterns: [{ include: '#inline' }, { include: 'text.html.derivative' }]
- },
- '3': { name: 'punctuation.definition.heading.markdown' }
- },
- match: '(#{2})\\s+(.*?)(?:\\s+(#+))?\\s*$',
- name: 'heading.2.markdown'
- },
- {
- captures: {
- '1': { name: 'punctuation.definition.heading.markdown' },
- '2': {
- name: 'entity.name.section.markdown',
- patterns: [{ include: '#inline' }, { include: 'text.html.derivative' }]
- },
- '3': { name: 'punctuation.definition.heading.markdown' }
- },
- match: '(#{1})\\s+(.*?)(?:\\s+(#+))?\\s*$',
- name: 'heading.1.markdown'
- }
- ]
- }
- },
- match: '(?:^|\\G)[ ]{0,3}(#{1,6}\\s+(.*?)(\\s+#{1,6})?\\s*)$',
- name: 'markup.heading.markdown'
- },
- 'heading-setext': {
- patterns: [
- { match: '^(={3,})(?=[ \\t]*$\\n?)', name: 'markup.heading.setext.1.markdown' },
- { match: '^(-{3,})(?=[ \\t]*$\\n?)', name: 'markup.heading.setext.2.markdown' }
- ]
- },
- html: {
- patterns: [
- {
- begin: '(^|\\G)\\s*(<!--)',
- captures: {
- '1': { name: 'punctuation.definition.comment.html' },
- '2': { name: 'punctuation.definition.comment.html' }
- },
- end: '(-->)',
- name: 'comment.block.html'
- },
- {
- begin: '(?i)(^|\\G)\\s*(?=<(script|style|pre)(\\s|$|>)(?!.*?</(script|style|pre)>))',
- end: '(?i)(.*)((</)(script|style|pre)(>))',
- endCaptures: {
- '1': { patterns: [{ include: 'text.html.derivative' }] },
- '2': { name: 'meta.tag.structure.$4.end.html' },
- '3': { name: 'punctuation.definition.tag.begin.html' },
- '4': { name: 'entity.name.tag.html' },
- '5': { name: 'punctuation.definition.tag.end.html' }
- },
- patterns: [
- {
- begin: '(\\s*|$)',
- patterns: [{ include: 'text.html.derivative' }],
- while: '(?i)^(?!.*</(script|style|pre)>)'
- }
- ]
- },
- {
- begin: '(?i)(^|\\G)\\s*(?=</?[a-zA-Z]+[^\\s/>]*(\\s|$|/?>))',
- patterns: [{ include: 'text.html.derivative' }],
- while: '^(?!\\s*$)'
- },
- {
- begin: '(^|\\G)\\s*(?=(<[a-zA-Z0-9\\-](/?>|\\s.*?>)|</[a-zA-Z0-9\\-]>)\\s*$)',
- patterns: [{ include: 'text.html.derivative' }],
- while: '^(?!\\s*$)'
- }
- ]
- },
- 'image-inline': {
- captures: {
- '1': { name: 'punctuation.definition.link.description.begin.markdown' },
- '2': { name: 'string.other.link.description.markdown' },
- '4': { name: 'punctuation.definition.link.description.end.markdown' },
- '5': { name: 'punctuation.definition.metadata.markdown' },
- '7': { name: 'punctuation.definition.link.markdown' },
- '8': { name: 'markup.underline.link.image.markdown' },
- '9': { name: 'punctuation.definition.link.markdown' },
- '10': { name: 'markup.underline.link.image.markdown' },
- '12': { name: 'string.other.link.description.title.markdown' },
- '13': { name: 'punctuation.definition.string.begin.markdown' },
- '14': { name: 'punctuation.definition.string.end.markdown' },
- '15': { name: 'string.other.link.description.title.markdown' },
- '16': { name: 'punctuation.definition.string.begin.markdown' },
- '17': { name: 'punctuation.definition.string.end.markdown' },
- '18': { name: 'string.other.link.description.title.markdown' },
- '19': { name: 'punctuation.definition.string.begin.markdown' },
- '20': { name: 'punctuation.definition.string.end.markdown' },
- '21': { name: 'punctuation.definition.metadata.markdown' }
- },
- match: `(?x)
-(\\!\\[)((?<square>[^\\[\\]\\\\]|\\\\.|\\[\\g<square>*+\\])*+)(\\])
-
-(\\()
-
-[ \\t]*
-(
-(<)((?:\\\\[<>]|[^<>\\n])*)(>)
-| ((?<url>(?>[^\\s()]+)|\\(\\g<url>*\\))*)
-)
-[ \\t]*
-(?:
-((\\().+?(\\)))
-| ((").+?("))
-| ((').+?('))
-)?
-\\s*
-(\\))
-`,
- name: 'meta.image.inline.markdown'
- },
- 'image-ref': {
- captures: {
- '1': { name: 'punctuation.definition.link.description.begin.markdown' },
- '2': { name: 'string.other.link.description.markdown' },
- '4': { name: 'punctuation.definition.link.description.end.markdown' },
- '5': { name: 'punctuation.definition.constant.markdown' },
- '6': { name: 'constant.other.reference.link.markdown' },
- '7': { name: 'punctuation.definition.constant.markdown' }
- },
- match:
- '(\\!\\[)((?<square>[^\\[\\]\\\\]|\\\\.|\\[\\g<square>*+\\])*+)(\\])[ ]?(\\[)(.*?)(\\])',
- name: 'meta.image.reference.markdown'
- },
- inline: {
- patterns: [
- { include: '#ampersand' },
- { include: '#bracket' },
- { include: '#bold' },
- { include: '#italic' },
- { include: '#raw' },
- { include: '#strikethrough' },
- { include: '#escape' },
- { include: '#image-inline' },
- { include: '#image-ref' },
- { include: '#link-email' },
- { include: '#link-inet' },
- { include: '#link-inline' },
- { include: '#link-ref' },
- { include: '#link-ref-literal' },
- { include: '#link-ref-shortcut' }
- ]
- },
- italic: {
- begin:
- '(?x) (?<open>(\\*(?=\\w)|(?<!\\w)\\*|(?<!\\w)\\b_))(?=\\S)\n(?=\n(\n<[^>]*+>\n| (?<raw>`+)([^`]|(?!(?<!`)\\k<raw>(?!`))`)*+\\k<raw>\n\n| \\\\[\\\\`*_{}\\[\\]()#.!+\\->]?+\n| \\[\n(\n(?<square>\n[^\\[\\]\\\\]\n| \\\\.\n| \\[ \\g<square>*+ \\]\n)*+\n\\]\n(\n(\n[ ]?\n\\[[^\\]]*+\\]\n)\n| (\n\\(\n[ \\t]*+\n<?(.*?)>?\n[ \\t]*+\n(\n(?<title>[\'"])\n(.*?)\n\\k<title>\n)?\n\\)\n)\n)\n)\n| \\k<open>\\k<open>\n| (?!(?<=\\S)\\k<open>).\n\n)++\n(?<=\\S)(?=_\\b|\\*)\\k<open>\n)\n',
- captures: { '1': { name: 'punctuation.definition.italic.markdown' } },
- end: '(?<=\\S)(\\1)((?!\\1)|(?=\\1\\1))',
- name: 'markup.italic.markdown',
- patterns: [
- {
- applyEndPatternLast: true,
- begin: '(?=<[^>]*?>)',
- end: '(?<=>)',
- patterns: [{ include: 'text.html.derivative' }]
- },
- { include: '#escape' },
- { include: '#ampersand' },
- { include: '#bracket' },
- { include: '#raw' },
- { include: '#bold' },
- { include: '#image-inline' },
- { include: '#link-inline' },
- { include: '#link-inet' },
- { include: '#link-email' },
- { include: '#image-ref' },
- { include: '#link-ref-literal' },
- { include: '#link-ref' },
- { include: '#link-ref-shortcut' },
- { include: '#strikethrough' }
- ]
- },
- 'link-def': {
- captures: {
- '1': { name: 'punctuation.definition.constant.markdown' },
- '2': { name: 'constant.other.reference.link.markdown' },
- '3': { name: 'punctuation.definition.constant.markdown' },
- '4': { name: 'punctuation.separator.key-value.markdown' },
- '5': { name: 'punctuation.definition.link.markdown' },
- '6': { name: 'markup.underline.link.markdown' },
- '7': { name: 'punctuation.definition.link.markdown' },
- '8': { name: 'markup.underline.link.markdown' },
- '9': { name: 'string.other.link.description.title.markdown' },
- '10': { name: 'punctuation.definition.string.begin.markdown' },
- '11': { name: 'punctuation.definition.string.end.markdown' },
- '12': { name: 'string.other.link.description.title.markdown' },
- '13': { name: 'punctuation.definition.string.begin.markdown' },
- '14': { name: 'punctuation.definition.string.end.markdown' },
- '15': { name: 'string.other.link.description.title.markdown' },
- '16': { name: 'punctuation.definition.string.begin.markdown' },
- '17': { name: 'punctuation.definition.string.end.markdown' }
- },
- match: `(?x)
-\\s*
-(\\[)([^]]+?)(\\])(:)
-[ \\t]*
-(?:(<)((?:\\\\[<>]|[^<>\\n])*)(>)|(\\S+?))
-[ \\t]*
-(?:
-((\\().+?(\\)))
-| ((").+?("))
-| ((').+?('))
-)?
-\\s*
-$
-`,
- name: 'meta.link.reference.def.markdown'
- },
- 'link-email': {
- captures: {
- '1': { name: 'punctuation.definition.link.markdown' },
- '2': { name: 'markup.underline.link.markdown' },
- '4': { name: 'punctuation.definition.link.markdown' }
- },
- match:
- "(<)((?:mailto:)?[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\\.[a-zA-Z0-9-]+)*)(>)",
- name: 'meta.link.email.lt-gt.markdown'
- },
- 'link-inet': {
- captures: {
- '1': { name: 'punctuation.definition.link.markdown' },
- '2': { name: 'markup.underline.link.markdown' },
- '3': { name: 'punctuation.definition.link.markdown' }
- },
- match: '(<)((?:https?|ftp)://.*?)(>)',
- name: 'meta.link.inet.markdown'
- },
- 'link-inline': {
- captures: {
- '1': { name: 'punctuation.definition.link.title.begin.markdown' },
- '2': {
- name: 'string.other.link.title.markdown',
- patterns: [
- { include: '#raw' },
- { include: '#bold' },
- { include: '#italic' },
- { include: '#strikethrough' },
- { include: '#image-inline' }
- ]
- },
- '4': { name: 'punctuation.definition.link.title.end.markdown' },
- '5': { name: 'punctuation.definition.metadata.markdown' },
- '7': { name: 'punctuation.definition.link.markdown' },
- '8': { name: 'markup.underline.link.markdown' },
- '9': { name: 'punctuation.definition.link.markdown' },
- '10': { name: 'markup.underline.link.markdown' },
- '12': { name: 'string.other.link.description.title.markdown' },
- '13': { name: 'punctuation.definition.string.begin.markdown' },
- '14': { name: 'punctuation.definition.string.end.markdown' },
- '15': { name: 'string.other.link.description.title.markdown' },
- '16': { name: 'punctuation.definition.string.begin.markdown' },
- '17': { name: 'punctuation.definition.string.end.markdown' },
- '18': { name: 'string.other.link.description.title.markdown' },
- '19': { name: 'punctuation.definition.string.begin.markdown' },
- '20': { name: 'punctuation.definition.string.end.markdown' },
- '21': { name: 'punctuation.definition.metadata.markdown' }
- },
- match: `(?x)
-(\\[)((?<square>[^\\[\\]\\\\]|\\\\.|\\[\\g<square>*+\\])*+)(\\])
-
-(\\()
-
-[ \\t]*
-(
-(<)((?:\\\\[<>]|[^<>\\n])*)(>)
-| ((?<url>(?>[^\\s()]+)|\\(\\g<url>*\\))*)
-)
-[ \\t]*
-
-(?:
-((\\()[^()]*(\\)))
-| ((")[^"]*("))
-| ((')[^']*('))
-)?
-\\s*
-(\\))
-`,
- name: 'meta.link.inline.markdown'
- },
- 'link-ref': {
- captures: {
- '1': { name: 'punctuation.definition.link.title.begin.markdown' },
- '2': {
- name: 'string.other.link.title.markdown',
- patterns: [
- { include: '#raw' },
- { include: '#bold' },
- { include: '#italic' },
- { include: '#strikethrough' },
- { include: '#image-inline' }
- ]
- },
- '4': { name: 'punctuation.definition.link.title.end.markdown' },
- '5': { name: 'punctuation.definition.constant.begin.markdown' },
- '6': { name: 'constant.other.reference.link.markdown' },
- '7': { name: 'punctuation.definition.constant.end.markdown' }
- },
- match:
- '(?<![\\]\\\\])(\\[)((?<square>[^\\[\\]\\\\]|\\\\.|\\[\\g<square>*+\\])*+)(\\])(\\[)([^\\]]*+)(\\])',
- name: 'meta.link.reference.markdown'
- },
- 'link-ref-literal': {
- captures: {
- '1': { name: 'punctuation.definition.link.title.begin.markdown' },
- '2': { name: 'string.other.link.title.markdown' },
- '4': { name: 'punctuation.definition.link.title.end.markdown' },
- '5': { name: 'punctuation.definition.constant.begin.markdown' },
- '6': { name: 'punctuation.definition.constant.end.markdown' }
- },
- match:
- '(?<![\\]\\\\])(\\[)((?<square>[^\\[\\]\\\\]|\\\\.|\\[\\g<square>*+\\])*+)(\\])[ ]?(\\[)(\\])',
- name: 'meta.link.reference.literal.markdown'
- },
- 'link-ref-shortcut': {
- captures: {
- '1': { name: 'punctuation.definition.link.title.begin.markdown' },
- '2': { name: 'string.other.link.title.markdown' },
- '3': { name: 'punctuation.definition.link.title.end.markdown' }
- },
- match: '(?<![\\]\\\\])(\\[)((?:[^\\s\\[\\]\\\\]|\\\\[\\[\\]])+?)((?<!\\\\)\\])',
- name: 'meta.link.reference.markdown'
- },
- list_paragraph: {
- begin: '(^|\\G)(?=\\S)(?![*+->]\\s|[0-9]+\\.\\s)',
- name: 'meta.paragraph.markdown',
- patterns: [
- { include: '#inline' },
- { include: 'text.html.derivative' },
- { include: '#heading-setext' }
- ],
- while:
- '(^|\\G)(?!\\s*$|#|[ ]{0,3}([-*_>][ ]{2,}){3,}[ \\t]*$\\n?|[ ]{0,3}[*+->]|[ ]{0,3}[0-9]+\\.)'
- },
- lists: {
- patterns: [
- {
- begin: '(^|\\G)([ ]{0,3})([*+-])([ \\t])',
- beginCaptures: { '3': { name: 'punctuation.definition.list.begin.markdown' } },
- name: 'markup.list.unnumbered.markdown',
- patterns: [{ include: '#block' }, { include: '#list_paragraph' }],
- while: '((^|\\G)([ ]{2,4}|\\t))|(^[ \\t]*$)'
- },
- {
- begin: '(^|\\G)([ ]{0,3})([0-9]+[\\.\\)])([ \\t])',
- beginCaptures: { '3': { name: 'punctuation.definition.list.begin.markdown' } },
- name: 'markup.list.numbered.markdown',
- patterns: [{ include: '#block' }, { include: '#list_paragraph' }],
- while: '((^|\\G)([ ]{2,4}|\\t))|(^[ \\t]*$)'
- }
- ]
- },
- paragraph: {
- begin: '(^|\\G)[ ]{0,3}(?=[^ \\t\\n])',
- name: 'meta.paragraph.markdown',
- patterns: [
- { include: '#inline' },
- { include: 'text.html.derivative' },
- { include: '#heading-setext' }
- ],
- while: '(^|\\G)((?=\\s*[-=]{3,}\\s*$)|[ ]{4,}(?=[^ \\t\\n]))'
- },
- raw: {
- captures: {
- '1': { name: 'punctuation.definition.raw.markdown' },
- '3': { name: 'punctuation.definition.raw.markdown' }
- },
- match: '(`+)((?:[^`]|(?!(?<!`)\\1(?!`))`)*+)(\\1)',
- name: 'markup.inline.raw.string.markdown'
- },
- raw_block: {
- begin: '(^|\\G)([ ]{4}|\\t)',
- name: 'markup.raw.block.markdown',
- while: '(^|\\G)([ ]{4}|\\t)'
- },
- separator: {
- match: '(^|\\G)[ ]{0,3}([\\*\\-\\_])([ ]{0,2}\\2){2,}[ \\t]*$\\n?',
- name: 'meta.separator.markdown'
- },
- strikethrough: {
- captures: {
- '1': { name: 'punctuation.definition.strikethrough.markdown' },
- '2': {
- patterns: [
- {
- applyEndPatternLast: true,
- begin: '(?=<[^>]*?>)',
- end: '(?<=>)',
- patterns: [{ include: 'text.html.derivative' }]
- },
- { include: '#escape' },
- { include: '#ampersand' },
- { include: '#bracket' },
- { include: '#raw' },
- { include: '#bold' },
- { include: '#italic' },
- { include: '#image-inline' },
- { include: '#link-inline' },
- { include: '#link-inet' },
- { include: '#link-email' },
- { include: '#image-ref' },
- { include: '#link-ref-literal' },
- { include: '#link-ref' },
- { include: '#link-ref-shortcut' }
- ]
- },
- '3': { name: 'punctuation.definition.strikethrough.markdown' }
- },
- match: '(?<!\\\\)(~{2,})((?:[^~]|(?!(?<![~\\\\])\\1(?!~))~)*+)(\\1)',
- name: 'markup.strikethrough.markdown'
- },
- table: {
- begin: '(^|\\G)(\\|)(?=[^|].+\\|\\s*$)',
- beginCaptures: { '2': { name: 'punctuation.definition.table.markdown' } },
- name: 'markup.table.markdown',
- patterns: [
- { match: '\\|', name: 'punctuation.definition.table.markdown' },
- {
- captures: { '1': { name: 'punctuation.separator.table.markdown' } },
- match: '(?<=\\|)\\s*(:?-+:?)\\s*(?=\\|)'
- },
- {
- captures: { '1': { patterns: [{ include: '#inline' }] } },
- match: '(?<=\\|)\\s*(?=\\S)((\\\\\\||[^|])+)(?<=\\S)\\s*(?=\\|)'
- }
- ],
- while: '(^|\\G)(?=\\|)'
- }
- },
- scopeName: 'text.html.cartamd',
- embeddedLangs: [],
- embeddedLangsLazy: [
- 'css',
- 'html',
- 'ini',
- 'java',
- 'lua',
- 'make',
- 'perl',
- 'r',
- 'ruby',
- 'php',
- 'sql',
- 'vb',
- 'xml',
- 'xsl',
- 'yaml',
- 'bat',
- 'clojure',
- 'coffee',
- 'c',
- 'cpp',
- 'diff',
- 'docker',
- 'git-commit',
- 'git-rebase',
- 'go',
- 'groovy',
- 'pug',
- 'javascript',
- 'json',
- 'jsonc',
- 'less',
- 'objective-c',
- 'swift',
- 'scss',
- 'raku',
- 'powershell',
- 'python',
- 'julia',
- 'rust',
- 'scala',
- 'shellscript',
- 'typescript',
- 'tsx',
- 'csharp',
- 'fsharp',
- 'dart',
- 'handlebars',
- 'erlang',
- 'elixir',
- 'latex',
- 'bibtex',
- 'html-derivative'
- ]
-} satisfies LanguageInput;
-
-export default lang;
diff --git a/packages/carta-md/src/lib/internal/assets/theme-dark.ts b/packages/carta-md/src/lib/internal/assets/theme-dark.ts
deleted file mode 100644
index 795b8c3..0000000
--- a/packages/carta-md/src/lib/internal/assets/theme-dark.ts
+++ /dev/null
@@ -1,330 +0,0 @@
-import { type ThemeInput } from 'shiki';
-
-const theme = {
- displayName: 'Carta Dark' as const,
- name: 'carta-dark' as const,
- semanticHighlighting: true,
- fg: '#f8f8f2',
- bg: 'transparent',
- tokenColors: [
- {
- scope: ['comment', 'punctuation.definition.comment', 'string.comment'],
- settings: {
- foreground: '#6a737d'
- }
- },
- {
- scope: ['variable.other.constant', 'variable.other.enummember', 'variable.language'],
- settings: {
- foreground: '#fff'
- }
- },
- {
- scope: ['constant', 'entity.name.constant'],
- settings: {
- foreground: '#71d58a'
- }
- },
- {
- scope: ['entity', 'entity.name'],
- settings: {
- foreground: '#b392f0'
- }
- },
- {
- scope: 'variable.parameter.function',
- settings: {
- foreground: '#e1e4e8'
- }
- },
- {
- scope: 'entity.name.tag',
- settings: {
- foreground: '#85e89d'
- }
- },
- {
- scope: ['keyword', 'punctuation.definition.template-expression'],
- settings: {
- foreground: '#ff7cc6'
- }
- },
- {
- scope: ['storage', 'storage.type'],
- settings: {
- foreground: '#ff7cc6'
- }
- },
- {
- scope: ['storage.modifier.package', 'storage.modifier.import', 'storage.type.java'],
- settings: {
- foreground: '#e1e4e8'
- }
- },
- {
- scope: [
- 'string',
- 'punctuation.definition.string',
- 'string punctuation.section.embedded source'
- ],
- settings: {
- foreground: '#4dacfa'
- }
- },
- {
- scope: 'support',
- settings: {
- foreground: '#71d58a'
- }
- },
- {
- scope: 'meta.property-name',
- settings: {
- foreground: '#71d58a'
- }
- },
- {
- scope: 'variable',
- settings: {
- foreground: '#b581fd'
- }
- },
- {
- scope: 'variable.other',
- settings: {
- foreground: '#e1e4e8'
- }
- },
- {
- scope: 'invalid.broken',
- settings: {
- fontStyle: 'italic',
- foreground: '#fdaeb7'
- }
- },
- {
- scope: 'invalid.deprecated',
- settings: {
- fontStyle: 'italic',
- foreground: '#fdaeb7'
- }
- },
- {
- scope: 'invalid.illegal',
- settings: {
- fontStyle: 'italic',
- foreground: '#fdaeb7'
- }
- },
- {
- scope: 'invalid.unimplemented',
- settings: {
- fontStyle: 'italic',
- foreground: '#fdaeb7'
- }
- },
- {
- scope: 'carriage-return',
- settings: {
- background: '#ff7cc6',
- fontStyle: 'italic underline',
- foreground: '#24292e'
- }
- },
- {
- scope: 'message.error',
- settings: {
- foreground: '#fdaeb7'
- }
- },
- {
- scope: 'string variable',
- settings: {
- foreground: '#71d58a'
- }
- },
- {
- scope: ['source.regexp', 'string.regexp'],
- settings: {
- foreground: '#4dacfa'
- }
- },
- {
- scope: [
- 'string.regexp.character-class',
- 'string.regexp constant.character.escape',
- 'string.regexp source.ruby.embedded',
- 'string.regexp string.regexp.arbitrary-repitition'
- ],
- settings: {
- foreground: '#4dacfa'
- }
- },
- {
- scope: 'string.regexp constant.character.escape',
- settings: {
- fontStyle: 'bold',
- foreground: '#85e89d'
- }
- },
- {
- scope: 'support.constant',
- settings: {
- foreground: '#71d58a'
- }
- },
- {
- scope: 'support.variable',
- settings: {
- foreground: '#71d58a'
- }
- },
- {
- scope: 'meta.module-reference',
- settings: {
- foreground: '#71d58a'
- }
- },
- {
- scope: 'punctuation.definition.list.begin.markdown',
- settings: {
- foreground: '#ff7cc6'
- }
- },
- {
- scope: ['markup.heading', 'markup.heading entity.name'],
- settings: {
- fontStyle: 'bold',
- foreground: '#e8e8e8'
- }
- },
- {
- scope: 'markup.quote',
- settings: {
- foreground: '#7d828b'
- }
- },
- {
- scope: 'markup.italic',
- settings: {
- fontStyle: 'italic',
- foreground: '#ff7cc6'
- }
- },
- {
- scope: 'markup.bold',
- settings: {
- foreground: '#b581fd'
- }
- },
- {
- scope: ['markup.underline'],
- settings: {
- foreground: '#71d58a',
- fontStyle: 'underline'
- }
- },
- {
- scope: ['markup.strikethrough'],
- settings: {
- foreground: '#ff5261',
- fontStyle: 'strikethrough'
- }
- },
- {
- scope: 'markup.inline.raw',
- settings: {
- foreground: '#4dacfa'
- }
- },
- {
- scope: ['markup.deleted', 'meta.diff.header.from-file', 'punctuation.definition.deleted'],
- settings: {
- background: '#86181d',
- foreground: '#fdaeb7'
- }
- },
- {
- scope: ['markup.inserted', 'meta.diff.header.to-file', 'punctuation.definition.inserted'],
- settings: {
- background: '#144620',
- foreground: '#85e89d'
- }
- },
- {
- scope: ['markup.changed', 'punctuation.definition.changed'],
- settings: {
- background: '#c24e00',
- foreground: '#b581fd'
- }
- },
- {
- scope: ['markup.ignored', 'markup.untracked'],
- settings: {
- background: '#71d58a',
- foreground: '#2f363d'
- }
- },
- {
- scope: 'meta.diff.range',
- settings: {
- fontStyle: 'bold',
- foreground: '#b392f0'
- }
- },
- {
- scope: 'meta.diff.header',
- settings: {
- foreground: '#71d58a'
- }
- },
- {
- scope: 'meta.separator',
- settings: {
- fontStyle: 'bold',
- foreground: '#71d58a'
- }
- },
- {
- scope: 'meta.output',
- settings: {
- foreground: '#71d58a'
- }
- },
- {
- scope: [
- 'brackethighlighter.tag',
- 'brackethighlighter.curly',
- 'brackethighlighter.round',
- 'brackethighlighter.square',
- 'brackethighlighter.angle',
- 'brackethighlighter.quote'
- ],
- settings: {
- foreground: '#d1d5da'
- }
- },
- {
- scope: 'brackethighlighter.unmatched',
- settings: {
- foreground: '#fdaeb7'
- }
- },
- {
- scope: ['constant.other.reference.link', 'string.other.link'],
- settings: {
- fontStyle: 'underline',
- foreground: '#4dacfa'
- }
- },
- {
- scope: ['punctuation.definition.markdown', 'fenced_code.block.language'],
- settings: {
- foreground: '#ff7cc6'
- }
- }
- ],
- type: 'light'
-} satisfies ThemeInput;
-
-export default theme;
diff --git a/packages/carta-md/src/lib/internal/assets/theme-light.ts b/packages/carta-md/src/lib/internal/assets/theme-light.ts
deleted file mode 100644
index 6239c1b..0000000
--- a/packages/carta-md/src/lib/internal/assets/theme-light.ts
+++ /dev/null
@@ -1,329 +0,0 @@
-import { type ThemeInput } from 'shiki';
-
-const theme = {
- displayName: 'Carta Light' as const,
- name: 'carta-light' as const,
- semanticHighlighting: true,
- fg: '#333333',
- bg: 'transparent',
- tokenColors: [
- {
- scope: ['comment', 'punctuation.definition.comment', 'string.comment'],
- settings: {
- foreground: '#6a737d'
- }
- },
- {
- scope: ['variable.other.constant', 'variable.other.enummember', 'variable.language'],
- settings: {
- foreground: '#000'
- }
- },
- {
- scope: ['constant', 'entity.name.constant'],
- settings: {
- foreground: '#3bf'
- }
- },
- {
- scope: ['entity', 'entity.name'],
- settings: {
- foreground: '#6f42c1'
- }
- },
- {
- scope: 'variable.parameter.function',
- settings: {
- foreground: '#24292e'
- }
- },
- {
- scope: 'entity.name.tag',
- settings: {
- foreground: '#22863a'
- }
- },
- {
- scope: ['keyword', 'punctuation.definition.template-expression'],
- settings: {
- foreground: '#e16'
- }
- },
- {
- scope: ['storage', 'storage.type'],
- settings: {
- foreground: '#e16'
- }
- },
- {
- scope: ['storage.modifier.package', 'storage.modifier.import', 'storage.type.java'],
- settings: {
- foreground: '#24292e'
- }
- },
- {
- scope: [
- 'string',
- 'punctuation.definition.string',
- 'string punctuation.section.embedded source'
- ],
- settings: {
- foreground: '#7d8'
- }
- },
- {
- scope: 'support',
- settings: {
- foreground: '#3bf'
- }
- },
- {
- scope: 'meta.property-name',
- settings: {
- foreground: '#3bf'
- }
- },
- {
- scope: 'variable',
- settings: {
- foreground: '#f60'
- }
- },
- {
- scope: 'variable.other',
- settings: {
- foreground: '#24292e'
- }
- },
- {
- scope: 'invalid.broken',
- settings: {
- fontStyle: 'italic',
- foreground: '#b31d28'
- }
- },
- {
- scope: 'invalid.deprecated',
- settings: {
- fontStyle: 'italic',
- foreground: '#b31d28'
- }
- },
- {
- scope: 'invalid.illegal',
- settings: {
- fontStyle: 'italic',
- foreground: '#b31d28'
- }
- },
- {
- scope: 'invalid.unimplemented',
- settings: {
- fontStyle: 'italic',
- foreground: '#b31d28'
- }
- },
- {
- scope: 'carriage-return',
- settings: {
- background: '#e16',
- fontStyle: 'italic underline',
- foreground: '#fafbfc'
- }
- },
- {
- scope: 'message.error',
- settings: {
- foreground: '#b31d28'
- }
- },
- {
- scope: 'string variable',
- settings: {
- foreground: '#3bf'
- }
- },
- {
- scope: ['source.regexp', 'string.regexp'],
- settings: {
- foreground: '#7d8'
- }
- },
- {
- scope: [
- 'string.regexp.character-class',
- 'string.regexp constant.character.escape',
- 'string.regexp source.ruby.embedded',
- 'string.regexp string.regexp.arbitrary-repitition'
- ],
- settings: {
- foreground: '#7d8'
- }
- },
- {
- scope: 'string.regexp constant.character.escape',
- settings: {
- fontStyle: 'bold',
- foreground: '#22863a'
- }
- },
- {
- scope: 'support.constant',
- settings: {
- foreground: '#3bf'
- }
- },
- {
- scope: 'support.variable',
- settings: {
- foreground: '#3bf'
- }
- },
- {
- scope: 'meta.module-reference',
- settings: {
- foreground: '#3bf'
- }
- },
- {
- scope: 'punctuation.definition.list.begin.markdown',
- settings: {
- foreground: '#e16'
- }
- },
- {
- scope: ['markup.heading', 'markup.heading entity.name'],
- settings: {
- fontStyle: 'bold',
- foreground: '#212121'
- }
- },
- {
- scope: 'markup.quote',
- settings: {
- foreground: '#999'
- }
- },
- {
- scope: 'markup.italic',
- settings: {
- foreground: '#e16'
- }
- },
- {
- scope: 'markup.bold',
- settings: {
- foreground: '#f60'
- }
- },
- {
- scope: ['markup.underline'],
- settings: {
- foreground: '#84f',
- fontStyle: 'underline'
- }
- },
- {
- scope: ['markup.strikethrough'],
- settings: {
- foreground: '#f44',
- fontStyle: 'strikethrough'
- }
- },
- {
- scope: 'markup.inline.raw',
- settings: {
- foreground: '#5af'
- }
- },
- {
- scope: ['markup.deleted', 'meta.diff.header.from-file', 'punctuation.definition.deleted'],
- settings: {
- background: '#ffeef0',
- foreground: '#b31d28'
- }
- },
- {
- scope: ['markup.inserted', 'meta.diff.header.to-file', 'punctuation.definition.inserted'],
- settings: {
- background: '#f0fff4',
- foreground: '#22863a'
- }
- },
- {
- scope: ['markup.changed', 'punctuation.definition.changed'],
- settings: {
- background: '#ffebda',
- foreground: '#f60'
- }
- },
- {
- scope: ['markup.ignored', 'markup.untracked'],
- settings: {
- background: '#3bf',
- foreground: '#f6f8fa'
- }
- },
- {
- scope: 'meta.diff.range',
- settings: {
- fontStyle: 'bold',
- foreground: '#6f42c1'
- }
- },
- {
- scope: 'meta.diff.header',
- settings: {
- foreground: '#3bf'
- }
- },
- {
- scope: 'meta.separator',
- settings: {
- fontStyle: 'bold',
- foreground: '#3bf'
- }
- },
- {
- scope: 'meta.output',
- settings: {
- foreground: '#3bf'
- }
- },
- {
- scope: [
- 'brackethighlighter.tag',
- 'brackethighlighter.curly',
- 'brackethighlighter.round',
- 'brackethighlighter.square',
- 'brackethighlighter.angle',
- 'brackethighlighter.quote'
- ],
- settings: {
- foreground: '#586069'
- }
- },
- {
- scope: 'brackethighlighter.unmatched',
- settings: {
- foreground: '#b31d28'
- }
- },
- {
- scope: ['constant.other.reference.link', 'string.other.link'],
- settings: {
- fontStyle: 'underline',
- foreground: '#5af'
- }
- },
- {
- scope: ['punctuation.definition.markdown', 'fenced_code.block.language'],
- settings: {
- foreground: '#e16'
- }
- }
- ],
- type: 'light'
-} satisfies ThemeInput;
-
-export default theme;
diff --git a/packages/carta-md/src/lib/internal/carta.ts b/packages/carta-md/src/lib/internal/carta.ts
index 47ccc4c..2661086 100644
--- a/packages/carta-md/src/lib/internal/carta.ts
+++ b/packages/carta-md/src/lib/internal/carta.ts
@@ -15,16 +15,6 @@ import { defaultIcons, type Icon, type DefaultIconId } from './icons';
import { defaultPrefixes, type DefaultPrefixId, type Prefix } from './prefixes';
import { Renderer } from './renderer';
import { CustomEvent, type MaybeArray } from './utils';
-import {
- loadHighlighter,
- loadDefaultTheme,
- type Highlighter,
- type GrammarRule,
- type ShikiOptions,
- type DualTheme,
- type Theme,
- type HighlightingRule
-} from './highlight';
/**
* Carta-specific event with extra payload.
@@ -111,12 +101,12 @@ export interface Options {
/**
* Highlighter options.
*/
- shikiOptions?: ShikiOptions;
+ // shikiOptions?: ShikiOptions;
/**
* ShikiJS theme
* @default 'carta-light' for light mode and 'carta-dark' for dark mode.
*/
- theme?: Theme | DualTheme;
+ // theme?: Theme | DualTheme;
}
/**
@@ -167,14 +157,6 @@ export interface Plugin {
* elements absolutely.
*/
components?: ExtensionComponents;
- /**
- * Custom markdown grammar highlight rules for ShiKi.
- */
- grammarRules?: GrammarRule[];
- /**
- * Custom markdown highlighting rules for ShiKi.
- */
- highlightingRules?: HighlightingRule[];
/**
* Use this callback to execute code when one Carta instance loads the extension.
* @param data General Carta related data.
@@ -185,14 +167,11 @@ export interface Plugin {
export class Carta {
public readonly sanitizer?: (html: string) => string;
public readonly historyOptions?: TextAreaHistoryOptions;
- public readonly theme?: Theme | DualTheme;
- public readonly shikiOptions?: ShikiOptions;
+ // public readonly theme?: Theme | DualTheme;
public readonly rendererDebounce: number;
public readonly keyboardShortcuts: KeyboardShortcut[];
public readonly icons: Icon[];
public readonly prefixes: Prefix[];
- public readonly grammarRules: GrammarRule[];
- public readonly highlightingRules: HighlightingRule[];
public readonly textareaListeners: Listeners;
public readonly cartaListeners: Listeners;
public readonly components: ExtensionComponents;
@@ -203,7 +182,6 @@ export class Carta {
private mElement: HTMLDivElement | undefined;
private mInput: InputEnhancer | undefined;
private mRenderer: Renderer | undefined;
- private mHighlighter: Highlighter | Promise<Highlighter> | undefined;
private mSyncTransformers: UnifiedTransformer<'sync'>[] = [];
private mAsyncTransformers: UnifiedTransformer<'async'>[] = [];
@@ -217,22 +195,6 @@ export class Carta {
return this.mRenderer;
}
- public async highlighter(): Promise<Highlighter> {
- if (!this.mHighlighter) {
- const promise = async () => {
- return loadHighlighter({
- theme: this.theme ?? (await loadDefaultTheme()),
- grammarRules: this.grammarRules,
- highlightingRules: this.highlightingRules,
- shiki: this.shikiOptions
- });
- };
- this.mHighlighter = promise();
- this.mHighlighter = await this.mHighlighter;
- }
- return this.mHighlighter;
- }
-
private elementsToBind: {
elem: HTMLElement;
portal: HTMLElement;
@@ -242,8 +204,7 @@ export class Carta {
public constructor(options?: Options) {
this.sanitizer = options?.sanitizer || undefined;
this.historyOptions = options?.historyOptions;
- this.theme = options?.theme;
- this.shikiOptions = options?.shikiOptions;
+ // this.theme = options?.theme;
this.rendererDebounce = options?.rendererDebounce ?? 300;
// Load plugins
@@ -253,8 +214,6 @@ export class Carta {
this.textareaListeners = [];
this.cartaListeners = [];
this.components = [];
- this.grammarRules = [];
- this.highlightingRules = [];
const listeners = [];
for (const ext of options?.extensions ?? []) {
@@ -262,8 +221,6 @@ export class Carta {
this.icons.push(...(ext.icons ?? []));
this.prefixes.push(...(ext.prefixes ?? []));
this.components.push(...(ext.components ?? []));
- this.grammarRules.push(...(ext.grammarRules ?? []));
- this.highlightingRules.push(...(ext.highlightingRules ?? []));
listeners.push(...(ext.listeners ?? []));
}
diff --git a/packages/carta-md/src/lib/internal/components/Input.svelte b/packages/carta-md/src/lib/internal/components/Input.svelte
index 3874591..aacef71 100644
--- a/packages/carta-md/src/lib/internal/components/Input.svelte
+++ b/packages/carta-md/src/lib/internal/components/Input.svelte
@@ -2,8 +2,8 @@
import { onMount } from 'svelte';
import type { Carta } from '../carta';
import type { TextAreaProps } from '../textarea-props';
- import { debounce } from '../utils';
- import { isSingleTheme, loadNestedLanguages } from '../highlight';
+
+ import { Prism, MARKDOWN } from '../highlight';
export let carta: Carta;
export let value = '';
@@ -34,43 +34,21 @@
const setInput = () => {
carta.$setInput(textarea, elem, () => {
value = textarea.value;
- highlight(value);
+ highlightPrism(value);
});
};
- const highlight = async (text: string) => {
- const highlighter = await carta.highlighter();
- let html: string;
-
- if (isSingleTheme(highlighter.theme)) {
- // Single theme
- html = highlighter.codeToHtml(text, {
- lang: highlighter.lang,
- theme: highlighter.theme
- });
- } else {
- // Dual theme
- html = highlighter.codeToHtml(text, {
- lang: highlighter.lang,
- themes: highlighter.theme
- });
- }
-
+ const highlightPrism = (text: string) => {
+ const html = Prism.highlight(text, MARKDOWN, 'md');
if (carta.sanitizer) {
highlighted = carta.sanitizer(html);
} else {
highlighted = html;
}
+ resize();
};
- const highlightNestedLanguages = debounce(async (text: string) => {
- const highlighter = await carta.highlighter();
- const { updated } = await loadNestedLanguages(highlighter, text);
- if (updated) highlight(text);
- }, 300);
-
- $: highlight(value).then(resize);
- $: highlightNestedLanguages(value);
+ $: highlightPrism(value);
onMount(() => {
mounted = true;
@@ -91,7 +69,7 @@
class="carta-input"
bind:this={elem}
>
- <div class="carta-input-wrapper">
+ <div class="carta-input-wrapper" class:mounted>
<div
class="carta-highlight carta-font-code"
tabindex="-1"
@@ -138,22 +116,25 @@
width: 100%;
max-width: 100%;
min-height: 100%;
-
- overflow-y: hidden;
resize: none;
padding: 0;
margin: 0;
border: 0;
- color: transparent;
- background: transparent;
-
- outline: none;
tab-size: 4;
}
+ .mounted > textarea {
+ overflow-y: hidden;
+ outline: none;
+
+ color: transparent;
+ background: transparent;
+ }
+
.carta-highlight {
+ display: none;
position: absolute;
left: 0;
right: 0;
@@ -171,7 +152,11 @@
word-break: break-word;
}
- :global(.carta-highlight .shiki) {
+ .mounted > .carta-highlight {
+ display: block;
+ }
+
+ :global(.carta-highlight) {
margin: 0;
tab-size: 4;
background-color: transparent !important;
diff --git a/packages/carta-md/src/lib/internal/components/Renderer.svelte b/packages/carta-md/src/lib/internal/components/Renderer.svelte
index 1141749..2c375f4 100644
--- a/packages/carta-md/src/lib/internal/components/Renderer.svelte
+++ b/packages/carta-md/src/lib/internal/components/Renderer.svelte
@@ -6,6 +6,7 @@
export let carta: Carta;
export let value: string;
export let elem: HTMLDivElement;
+ export let renderCls = 'prose';
export let handleScroll: (e: UIEvent) => void;
let mounted = false;
@@ -25,7 +26,7 @@
onMount(() => (mounted = true));
</script>
-<div bind:this={elem} on:scroll={handleScroll} class="carta-renderer markdown-body">
+<div bind:this={elem} on:scroll={handleScroll} class="carta-renderer {renderCls}">
<!-- eslint-disable-next-line svelte/no-at-html-tags -->
{@html renderedHtml}
{#if mounted}
diff --git a/packages/carta-md/src/lib/internal/highlight.ts b/packages/carta-md/src/lib/internal/highlight.ts
index 16cfddf..c505326 100644
--- a/packages/carta-md/src/lib/internal/highlight.ts
+++ b/packages/carta-md/src/lib/internal/highlight.ts
@@ -1,268 +1,15 @@
-import {
- getHighlighter,
- type BundledTheme,
- type ThemeInput,
- type StringLiteralUnion,
- type BundledLanguage,
- type SpecialLanguage,
- type LanguageInput,
- type LanguageRegistration,
- type HighlighterGeneric,
- bundledLanguages,
- bundledThemes,
- type ThemeRegistration
-} from 'shiki';
-import type { Intellisense } from './utils';
+// @ts-expect-error no type definitions
+import PrismImport from "prismjs/components/prism-core";
+import type PrismType from "prismjs";
-/**
- * Custom TextMate grammar rule for the highlighter.
- */
-export type GrammarRule = {
- name: string;
- type: 'block' | 'inline';
- definition: LanguageRegistration['repository'][string];
-};
+const Prism: typeof PrismType = PrismImport;
-/**
- * Custom TextMate highlighting rule for the highlighter.
- */
-export type HighlightingRule = {
- light: NonNullable<ThemeRegistration['tokenColors']>[number];
- dark: NonNullable<ThemeRegistration['tokenColors']>[number];
-};
+globalThis.Prism = Prism;
+import "prismjs/components/prism-markup";
+import prismMarkdown from "./prism-markdown";
+prismMarkdown(Prism);
-/**
- * Shiki options for the highlighter.
- */
-export type ShikiOptions = {
- themes?: Array<ThemeInput | StringLiteralUnion<BundledTheme>>;
- langs?: (LanguageInput | StringLiteralUnion<BundledLanguage> | SpecialLanguage)[];
-};
+const MARKDOWN = Prism.languages["md"];
-type CustomMarkdownLangName = Awaited<(typeof import('./assets/markdown'))['default']['name']>;
-type DefaultLightThemeName = Awaited<(typeof import('./assets/theme-light'))['default']['name']>;
-type DefaultDarkThemeName = Awaited<(typeof import('./assets/theme-dark'))['default']['name']>;
-export const customMarkdownLangName: CustomMarkdownLangName = 'cartamd';
-export const defaultLightThemeName: DefaultLightThemeName = 'carta-light';
-export const defaultDarkThemeName: DefaultDarkThemeName = 'carta-dark';
-export const loadDefaultTheme = async (): Promise<{
- light: ThemeRegistration;
- dark: ThemeRegistration;
-}> => ({
- light: structuredClone((await import('./assets/theme-light')).default),
- dark: structuredClone((await import('./assets/theme-dark')).default)
-});
-/**
- * Language for the highlighter.
- */
-export type Language = Intellisense<BundledLanguage | CustomMarkdownLangName>;
-/**
- * Theme name for the highlighter.
- */
-export type ThemeName = Intellisense<BundledTheme | DefaultLightThemeName | DefaultDarkThemeName>;
-/**
- * Theme for the highlighter.
- */
-export type Theme = ThemeName | ThemeRegistration;
-/**
- * Dual theme for light and dark mode.
- */
-export type DualTheme = {
- light: Theme;
- dark: Theme;
-};
-
-/**
- * Options for the highlighter.
- */
-export type HighlighterOptions = {
- grammarRules: GrammarRule[];
- highlightingRules: HighlightingRule[];
- theme: Theme | DualTheme;
- shiki?: ShikiOptions;
-};
-
-/**
- * Loads the highlighter instance, with custom rules and options. Uses Shiki under the hood.
- * @param rules Custom rules for the highlighter, from plugins.
- * @param options Custom options for the highlighter.
- * @returns The highlighter instance.
- */
-export async function loadHighlighter({
- grammarRules,
- highlightingRules,
- theme,
- shiki
-}: HighlighterOptions): Promise<Highlighter> {
- // Inject rules into the custom markdown language
- const injectGrammarRules = (
- lang: Awaited<(typeof import('./assets/markdown'))['default']>,
- rules: GrammarRule[]
- ) => {
- lang.repository = {
- ...langDefinition.repository,
- ...Object.fromEntries(rules.map(({ name, definition }) => [name, definition]))
- };
- for (const rule of rules) {
- if (rule.type === 'block') {
- lang.repository.block.patterns.unshift({ include: `#${rule.name}` });
- } else {
- lang.repository.inline.patterns.unshift({ include: `#${rule.name}` });
- }
- }
- };
-
- const injectHighlightRules = (theme: ThemeRegistration, rules: HighlightingRule[]) => {
- if (theme.type === 'light') {
- theme.tokenColors ||= [];
- theme.tokenColors.unshift(...rules.map(({ light }) => light));
- } else {
- theme.tokenColors ||= [];
- theme.tokenColors.unshift(...rules.map(({ dark }) => dark));
- }
- };
-
- // Additional themes and languages provided by the user
- const themes = shiki?.themes ?? [];
- const langs = shiki?.langs ?? [];
-
- const highlighter: HighlighterGeneric<BundledLanguage, BundledTheme> = await getHighlighter({
- themes,
- langs
- });
-
- // Custom markdown language
- const langDefinition = (await import('./assets/markdown')).default;
- injectGrammarRules(langDefinition, grammarRules);
- await highlighter.loadLanguage(langDefinition);
-
- // Custom themes
- if (isSingleTheme(theme)) {
- let registration: ThemeRegistration;
- if (isThemeRegistration(theme)) {
- registration = theme;
- } else {
- registration = (await bundledThemes[theme as BundledTheme]()).default;
- }
-
- injectHighlightRules(registration, highlightingRules);
-
- await highlighter.loadTheme(registration);
- } else {
- const { light, dark } = theme;
-
- let lightRegistration: ThemeRegistration;
- let darkRegistration: ThemeRegistration;
-
- if (isThemeRegistration(light)) {
- lightRegistration = light;
- } else {
- lightRegistration = (await bundledThemes[light as BundledTheme]()).default;
- }
-
- if (isThemeRegistration(dark)) {
- darkRegistration = dark;
- } else {
- darkRegistration = (await bundledThemes[dark as BundledTheme]()).default;
- }
-
- injectHighlightRules(lightRegistration, highlightingRules);
- injectHighlightRules(darkRegistration, highlightingRules);
-
- await highlighter.loadTheme(lightRegistration);
- await highlighter.loadTheme(darkRegistration);
- }
-
- return {
- theme,
- lang: customMarkdownLangName,
- ...highlighter
- };
-}
-export interface Highlighter extends HighlighterGeneric<BundledLanguage, BundledTheme> {
- /**
- * The language specified for the highlighter.
- */
- theme: Theme | DualTheme;
- /**
- * The theme specified for the highlighter.
- */
- lang: Language;
-}
-
-/**
- * Checks if a language is a bundled language.
- * @param lang The language to check.
- * @returns Whether the language is a bundled language.
- */
-export const isBundleLanguage = (lang: string): lang is BundledLanguage =>
- Object.keys(bundledLanguages).includes(lang);
-/**
- * Checks if a theme is a bundled theme.
- * @param theme The theme to check.
- * @returns Whether the theme is a bundled theme.
- */
-export const isBundleTheme = (theme: string): theme is BundledTheme =>
- Object.keys(bundledThemes).includes(theme);
-/**
- * Checks if a theme is a dual theme.
- * @param theme The theme to check.
- * @returns Whether the theme is a dual theme.
- */
-export const isDualTheme = (theme: Theme | DualTheme): theme is DualTheme =>
- typeof theme == 'object' && 'light' in theme && 'dark' in theme;
-/**
- * Checks if a theme is a single theme.
- * @param theme The theme to check.
- * @returns Whether the theme is a single theme.
- */
-export const isSingleTheme = (theme: Theme | DualTheme): theme is Theme => !isDualTheme(theme);
-/**
- * Checks if a theme is a theme registration.
- * @param theme The theme to check.
- * @returns Whether the theme is a theme registration.
- */
-export const isThemeRegistration = (theme: Theme): theme is ThemeRegistration =>
- typeof theme == 'object';
-
-/**
- * Find all nested languages in the markdown text and load them into the highlighter.
- * @param text Markdown text to parse for nested languages.
- * @returns The set of nested languages found in the text.
- */
-const findNestedLanguages = (text: string) => {
- const languages = new Set<string>();
-
- const regex = /```([a-z]+)\n([\s\S]+?)\n```/g;
- let match: RegExpExecArray | null;
- while ((match = regex.exec(text))) {
- languages.add(match[1]);
- }
- return languages;
-};
-
-/**
- * Load all nested languages found in the markdown text into the highlighter.
- * @param highlighter The highlighter instance.
- * @param text The text to parse for nested languages.
- * @returns Whether the highlighter was updated with new languages.
- */
-export const loadNestedLanguages = async (highlighter: Highlighter, text: string) => {
- text = text.replaceAll('\r\n', '\n'); // Normalize line endings
-
- const languages = findNestedLanguages(text);
- const loadedLanguages = highlighter.getLoadedLanguages();
- let updated = false;
- for (const lang of languages) {
- if (isBundleLanguage(lang) && !loadedLanguages.includes(lang)) {
- await highlighter.loadLanguage(lang);
- loadedLanguages.push(lang);
- updated = true;
- }
- }
-
- return {
- updated
- };
-};
+export {Prism, MARKDOWN};
diff --git a/packages/carta-md/src/lib/internal/prism-markdown.js b/packages/carta-md/src/lib/internal/prism-markdown.js
new file mode 100644
index 0000000..7e16857
--- /dev/null
+++ b/packages/carta-md/src/lib/internal/prism-markdown.js
@@ -0,0 +1,420 @@
+// Original source: https://github.com/PrismJS/prism/blob/master/components/prism-markdown.js
+export default function (Prism) {
+
+ // Allow only one line break
+ const inner = /(?:\\.|[^\\\n\r]|(?:\n|\r\n?)(?![\r\n]))/.source;
+
+ /**
+ * This function is intended for the creation of the bold or italic pattern.
+ *
+ * This also adds a lookbehind group to the given pattern to ensure that the pattern is not backslash-escaped.
+ *
+ * _Note:_ Keep in mind that this adds a capturing group.
+ *
+ * @param {string} pattern
+ * @returns {RegExp}
+ */
+ function createInline(pattern) {
+ pattern = pattern.replace(/<inner>/g, function () { return inner; });
+ return RegExp(/((?:^|[^\\])(?:\\{2})*)/.source + '(?:' + pattern + ')');
+ }
+
+
+ const tableCell = /(?:\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\|\r\n`])+/.source;
+ const tableRow = /\|?__(?:\|__)+\|?(?:(?:\n|\r\n?)|(?![\s\S]))/.source.replace(/__/g, function () { return tableCell; });
+ const tableLine = /\|?[ \t]*:?-{3,}:?[ \t]*(?:\|[ \t]*:?-{3,}:?[ \t]*)+\|?(?:\n|\r\n?)/.source;
+
+
+ Prism.languages.markdown = Prism.languages.extend('markup', {});
+ Prism.languages.insertBefore('markdown', 'prolog', {
+ 'front-matter-block': {
+ pattern: /(^(?:\s*[\r\n])?)---(?!.)[\s\S]*?[\r\n]---(?!.)/,
+ lookbehind: true,
+ greedy: true,
+ inside: {
+ 'punctuation': /^---|---$/,
+ 'front-matter': {
+ pattern: /\S+(?:\s+\S+)*/,
+ alias: ['yaml', 'language-yaml'],
+ inside: Prism.languages.yaml
+ }
+ }
+ },
+ 'blockquote': {
+ // > ...
+ pattern: /^>(?:[\t ]*>)*/m,
+ alias: 'punctuation'
+ },
+ 'table': {
+ pattern: RegExp('^' + tableRow + tableLine + '(?:' + tableRow + ')*', 'm'),
+ inside: {
+ 'table-data-rows': {
+ pattern: RegExp('^(' + tableRow + tableLine + ')(?:' + tableRow + ')*$'),
+ lookbehind: true,
+ inside: {
+ 'table-data': {
+ pattern: RegExp(tableCell),
+ inside: Prism.languages.markdown
+ },
+ 'punctuation': /\|/
+ }
+ },
+ 'table-line': {
+ pattern: RegExp('^(' + tableRow + ')' + tableLine + '$'),
+ lookbehind: true,
+ inside: {
+ 'punctuation': /\||:?-{3,}:?/
+ }
+ },
+ 'table-header-row': {
+ pattern: RegExp('^' + tableRow + '$'),
+ inside: {
+ 'table-header': {
+ pattern: RegExp(tableCell),
+ alias: 'important',
+ inside: Prism.languages.markdown
+ },
+ 'punctuation': /\|/
+ }
+ }
+ }
+ },
+ 'code': [
+ {
+ // Prefixed by 4 spaces or 1 tab and preceded by an empty line
+ pattern: /((?:^|\n)[ \t]*\n|(?:^|\r\n?)[ \t]*\r\n?)(?: {4}|\t).+(?:(?:\n|\r\n?)(?: {4}|\t).+)*/,
+ lookbehind: true,
+ alias: 'keyword'
+ },
+ {
+ // ```optional language
+ // code block
+ // ```
+ pattern: /^```[\s\S]*?^```$/m,
+ greedy: true,
+ inside: {
+ 'code-block': {
+ pattern: /^(```.*(?:\n|\r\n?))[\s\S]+?(?=(?:\n|\r\n?)^```$)/m,
+ lookbehind: true
+ },
+ 'code-language': {
+ pattern: /^(```).+/,
+ lookbehind: true
+ },
+ 'punctuation': /```/
+ }
+ }
+ ],
+ 'title': [
+ {
+ // title 1
+ // =======
+
+ // title 2
+ // -------
+ pattern: /\S.*(?:\n|\r\n?)(?:==+|--+)(?=[ \t]*$)/m,
+ alias: 'important',
+ inside: {
+ punctuation: /==+$|--+$/
+ }
+ },
+ {
+ // # title 1
+ // ###### title 6
+ pattern: /(^\s*)#.+/m,
+ lookbehind: true,
+ alias: 'important',
+ inside: {
+ punctuation: /^#+|#+$/
+ }
+ }
+ ],
+ 'hr': {
+ // ***
+ // ---
+ // * * *
+ // -----------
+ pattern: /(^\s*)([*-])(?:[\t ]*\2){2,}(?=\s*$)/m,
+ lookbehind: true,
+ alias: 'punctuation'
+ },
+ 'list': {
+ // * item
+ // + item
+ // - item
+ // 1. item
+ pattern: /(^\s*)(?:[*+-]|\d+\.)(?=[\t ].)/m,
+ lookbehind: true,
+ alias: 'punctuation'
+ },
+ 'url-reference': {
+ // [id]: http://example.com "Optional title"
+ // [id]: http://example.com 'Optional title'
+ // [id]: http://example.com (Optional title)
+ // [id]: <http://example.com> "Optional title"
+ pattern: /!?\[[^\]]+\]:[\t ]+(?:\S+|<(?:\\.|[^>\\])+>)(?:[\t ]+(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\)))?/,
+ inside: {
+ 'variable': {
+ pattern: /^(!?\[)[^\]]+/,
+ lookbehind: true
+ },
+ 'string': /(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\))$/,
+ 'punctuation': /^[\[\]!:]|[<>]/
+ },
+ alias: 'url'
+ },
+ 'bold': {
+ // **strong**
+ // __strong__
+
+ // allow one nested instance of italic text using the same delimiter
+ pattern: createInline(/\b__(?:(?!_)<inner>|_(?:(?!_)<inner>)+_)+__\b|\*\*(?:(?!\*)<inner>|\*(?:(?!\*)<inner>)+\*)+\*\*/.source),
+ lookbehind: true,
+ greedy: true,
+ inside: {
+ 'content': {
+ pattern: /(^..)[\s\S]+(?=..$)/,
+ lookbehind: true,
+ inside: {} // see below
+ },
+ 'punctuation': /\*\*|__/
+ }
+ },
+ 'italic': {
+ // *em*
+ // _em_
+
+ // allow one nested instance of bold text using the same delimiter
+ pattern: createInline(/\b_(?:(?!_)<inner>|__(?:(?!_)<inner>)+__)+_\b|\*(?:(?!\*)<inner>|\*\*(?:(?!\*)<inner>)+\*\*)+\*/.source),
+ lookbehind: true,
+ greedy: true,
+ inside: {
+ 'content': {
+ pattern: /(^.)[\s\S]+(?=.$)/,
+ lookbehind: true,
+ inside: {} // see below
+ },
+ 'punctuation': /[*_]/
+ }
+ },
+ 'strike': {
+ // ~~strike through~~
+ // ~strike~
+ pattern: createInline(/(~~?)(?:(?!~)<inner>)+\2/.source),
+ lookbehind: true,
+ greedy: true,
+ inside: {
+ 'content': {
+ pattern: /(^~~?)[\s\S]+(?=\1$)/,
+ lookbehind: true,
+ inside: {} // see below
+ },
+ 'punctuation': /~~?/
+ }
+ },
+ 'code-snippet': {
+ // `code`
+ // ``code``
+ pattern: /(^|[^\\`])(?:``[^`\r\n]+(?:`[^`\r\n]+)*``(?!`)|`[^`\r\n]+`(?!`))/,
+ lookbehind: true,
+ greedy: true,
+ alias: ['code', 'keyword']
+ },
+ 'url': {
+ // [example](http://example.com "Optional title")
+ // [example][id]
+ // [example] [id]
+ pattern: createInline(/!?\[(?:(?!\])<inner>)+\](?:\([^\s)]+(?:[\t ]+"(?:\\.|[^"\\])*")?\)|[ \t]?\[(?:(?!\])<inner>)+\])/.source),
+ lookbehind: true,
+ greedy: true,
+ inside: {
+ 'operator': /^!/,
+ 'content': {
+ pattern: /(^\[)[^\]]+(?=\])/,
+ lookbehind: true,
+ inside: {} // see below
+ },
+ 'variable': {
+ pattern: /(^\][ \t]?\[)[^\]]+(?=\]$)/,
+ lookbehind: true
+ },
+ 'url': {
+ pattern: /(^\]\()[^\s)]+/,
+ lookbehind: true
+ },
+ 'string': {
+ pattern: /(^[ \t]+)"(?:\\.|[^"\\])*"(?=\)$)/,
+ lookbehind: true
+ }
+ }
+ },
+ 'url-autolink': {
+ pattern: /https?:\/\/(?:[^\\\n\r >])+/,
+ lookbehind: true,
+ greedy: true,
+ alias: 'url',
+ }
+ });
+
+ ['url', 'bold', 'italic', 'strike'].forEach(function (token) {
+ ['url', 'bold', 'italic', 'strike', 'code-snippet'].forEach(function (inside) {
+ if (token !== inside) {
+ Prism.languages.markdown[token].inside.content.inside[inside] = Prism.languages.markdown[inside];
+ }
+ });
+ });
+
+ Prism.hooks.add('after-tokenize', function (env) {
+ if (env.language !== 'markdown' && env.language !== 'md') {
+ return;
+ }
+
+ function walkTokens(tokens) {
+ if (!tokens || typeof tokens === 'string') {
+ return;
+ }
+
+ for (let i = 0, l = tokens.length; i < l; i++) {
+ const token = tokens[i];
+
+ if (token.type !== 'code') {
+ walkTokens(token.content);
+ continue;
+ }
+
+ /*
+ * Add the correct `language-xxxx` class to this code block. Keep in mind that the `code-language` token
+ * is optional. But the grammar is defined so that there is only one case we have to handle:
+ *
+ * token.content = [
+ * <span class="punctuation">```</span>,
+ * <span class="code-language">xxxx</span>,
+ * '\n', // exactly one new lines (\r or \n or \r\n)
+ * <span class="code-block">...</span>,
+ * '\n', // exactly one new lines again
+ * <span class="punctuation">```</span>
+ * ];
+ */
+
+ const codeLang = token.content[1];
+ const codeBlock = token.content[3];
+
+ if (codeLang && codeBlock &&
+ codeLang.type === 'code-language' && codeBlock.type === 'code-block' &&
+ typeof codeLang.content === 'string') {
+
+ // this might be a language that Prism does not support
+
+ // do some replacements to support C++, C#, and F#
+ let lang = codeLang.content.replace(/\b#/g, 'sharp').replace(/\b\+\+/g, 'pp');
+ // only use the first word
+ lang = (/[a-z][\w-]*/i.exec(lang) || [''])[0].toLowerCase();
+ const alias = 'language-' + lang;
+
+ // add alias
+ if (!codeBlock.alias) {
+ codeBlock.alias = [alias];
+ } else if (typeof codeBlock.alias === 'string') {
+ codeBlock.alias = [codeBlock.alias, alias];
+ } else {
+ codeBlock.alias.push(alias);
+ }
+ }
+ }
+ }
+
+ walkTokens(env.tokens);
+ });
+
+ Prism.hooks.add('wrap', function (env) {
+ if (env.type !== 'code-block') {
+ return;
+ }
+
+ let codeLang = '';
+ for (let i = 0, l = env.classes.length; i < l; i++) {
+ const cls = env.classes[i];
+ const match = /language-(.+)/.exec(cls);
+ if (match) {
+ codeLang = match[1];
+ break;
+ }
+ }
+
+ const grammar = Prism.languages[codeLang];
+
+ if (!grammar) {
+ if (codeLang && codeLang !== 'none' && Prism.plugins.autoloader) {
+ const id = 'md-' + new Date().valueOf() + '-' + Math.floor(Math.random() * 1e16);
+ env.attributes['id'] = id;
+
+ Prism.plugins.autoloader.loadLanguages(codeLang, function () {
+ const ele = document.getElementById(id);
+ if (ele) {
+ ele.innerHTML = Prism.highlight(ele.textContent, Prism.languages[codeLang], codeLang);
+ }
+ });
+ }
+ } else {
+ env.content = Prism.highlight(textContent(env.content), grammar, codeLang);
+ }
+ });
+
+ const tagPattern = RegExp(Prism.languages.markup.tag.pattern.source, 'gi');
+
+ /**
+ * A list of known entity names.
+ *
+ * This will always be incomplete to save space. The current list is the one used by lowdash's unescape function.
+ *
+ * @see {@link https://github.com/lodash/lodash/blob/2da024c3b4f9947a48517639de7560457cd4ec6c/unescape.js#L2}
+ */
+ const KNOWN_ENTITY_NAMES = {
+ 'amp': '&',
+ 'lt': '<',
+ 'gt': '>',
+ 'quot': '"',
+ };
+
+ // IE 11 doesn't support `String.fromCodePoint`
+ const fromCodePoint = String.fromCodePoint || String.fromCharCode;
+
+ /**
+ * Returns the text content of a given HTML source code string.
+ *
+ * @param {string} html
+ * @returns {string}
+ */
+ function textContent(html) {
+ // remove all tags
+ let text = html.replace(tagPattern, '');
+
+ // decode known entities
+ text = text.replace(/&(\w{1,8}|#x?[\da-f]{1,8});/gi, function (m, code) {
+ code = code.toLowerCase();
+
+ if (code[0] === '#') {
+ let value;
+ if (code[1] === 'x') {
+ value = parseInt(code.slice(2), 16);
+ } else {
+ value = Number(code.slice(1));
+ }
+
+ return fromCodePoint(value);
+ } else {
+ const known = KNOWN_ENTITY_NAMES[code];
+ if (known) {
+ return known;
+ }
+
+ // unable to decode
+ return m;
+ }
+ });
+
+ return text;
+ }
+
+ Prism.languages.md = Prism.languages.markdown;
+}
diff --git a/packages/carta-md/src/routes/+page.svelte b/packages/carta-md/src/routes/+page.svelte
index a8ff175..7799cde 100644
--- a/packages/carta-md/src/routes/+page.svelte
+++ b/packages/carta-md/src/routes/+page.svelte
@@ -4,6 +4,7 @@
import ToggleTheme from './ToggleTheme.svelte';
import sampleText from './sample.md?raw';
import '$lib/default.css';
+ import '$lib/highlight.css';
const carta = new Carta();
</script>
diff --git a/packages/carta-md/src/routes/ToggleTheme.svelte b/packages/carta-md/src/routes/ToggleTheme.svelte
index 8f369a4..2598e49 100644
--- a/packages/carta-md/src/routes/ToggleTheme.svelte
+++ b/packages/carta-md/src/routes/ToggleTheme.svelte
@@ -50,7 +50,7 @@
background: #1b1b1f;
}
- :global(html.dark .markdown-body) {
+ :global(html.dark .prose) {
color: #fff;
}
@@ -67,8 +67,8 @@
/* Code dark mode */
- :global(html.dark .shiki),
- :global(html.dark .shiki span) {
- color: var(--shiki-dark) !important;
+ :global(html.dark .carta-highlight),
+ :global(html.dark .carta-highlight span) {
+ color: var(--hl-dark) !important;
}
</style>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 1968455..7cae135 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -159,6 +159,9 @@ importers:
packages/carta-md:
dependencies:
+ prismjs:
+ specifier: ^1.29.0
+ version: 1.29.0
rehype-stringify:
specifier: ^10.0.0
version: 10.0.0
@@ -171,9 +174,6 @@ importers:
remark-rehype:
specifier: ^11.1.0
version: 11.1.0
- shiki:
- specifier: ^1.4.0
- version: 1.4.0
svelte:
specifier: ^3.54.0 || ^4.0.0
version: 4.2.2
@@ -193,6 +193,9 @@ importers:
'@sveltejs/vite-plugin-svelte':
specifier: ^3.0.2
version: 3.0.2(svelte@4.2.2)(vite@5.1.6)
+ '@types/prismjs':
+ specifier: ^1.26.4
+ version: 1.26.4
svelte-check:
specifier: ^3.6.7
version: 3.6.7(postcss@8.4.31)(svelte@4.2.2)
@@ -1735,6 +1738,10 @@ packages:
resolution: {integrity: sha512-ehPtgRgaULsFG8x0NeYJvmyH1hmlfsNLujHe9dQEia/7MAJYdzMSi19JtchUHjmBA6XC/75dK55mzZH+RyieSg==}
dev: true
+ /@types/prismjs@1.26.4:
+ resolution: {integrity: sha512-rlAnzkW2sZOjbqZ743IHUhFcvzaGbqijwOu8QZnZCjfQzBqFE3s4lOTJEsxikImav9uzz/42I+O7YUs1mWgMlg==}
+ dev: true
+
/@types/pug@2.0.6:
resolution: {integrity: sha512-SnHmG9wN1UVmagJOnyo/qkk0Z7gejYxOYYmaAwr5u2yFYfsupN3sg10kyzN8Hep/2zbHxCnsumxOoRIRMBwKCg==}
dev: true
@@ -5874,7 +5881,6 @@ packages:
/prismjs@1.29.0:
resolution: {integrity: sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==}
engines: {node: '>=6'}
- dev: true
/process-nextick-args@2.0.1:
resolution: {integrity: sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==}