30 lines
1.1 KiB
TypeScript
30 lines
1.1 KiB
TypeScript
/**
|
|
* @[replit](user/repl-name)
|
|
* @[replit](user/repl-name#filepath)
|
|
* @[replit title="" height="400px" width="100%" theme="dark"](user/repl-name)
|
|
*/
|
|
import type { PluginWithOptions } from 'markdown-it'
|
|
import type { ReplitTokenMeta } from '../../../shared/index.js'
|
|
import { parseRect } from '../../utils/parseRect.js'
|
|
import { resolveAttrs } from '../../utils/resolveAttrs.js'
|
|
import { stringifyAttrs } from '../../utils/stringifyAttrs.js'
|
|
import { createEmbedRuleBlock } from '../createEmbedRuleBlock.js'
|
|
|
|
export const replitPlugin: PluginWithOptions<never> = (md) => {
|
|
createEmbedRuleBlock<ReplitTokenMeta>(md, {
|
|
type: 'replit',
|
|
syntaxPattern: /^@\[replit([^\]]*)\]\(([^)]*)\)/,
|
|
meta: ([, info = '', source = '']) => {
|
|
const { attrs } = resolveAttrs(info)
|
|
return {
|
|
width: attrs.width ? parseRect(attrs.width) : '100%',
|
|
height: attrs.height ? parseRect(attrs.height) : '450px',
|
|
source: source.startsWith('@') ? source : `@${source}`,
|
|
title: attrs.title,
|
|
theme: attrs.theme || '',
|
|
}
|
|
},
|
|
content: meta => `<ReplitViewer${stringifyAttrs(meta)} />`,
|
|
})
|
|
}
|