@mantine/code-highlight 7.17.0 → 8.0.0-alpha.0

package/cjs/CodeHighlightProvider/CodeHighlightProvider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeHighlightProvider.cjs","sources":["../../src/CodeHighlightProvider/CodeHighlightProvider.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { createOptionalContext } from '@mantine/core';\nimport { plainTextAdapter } from './adapters/plain-text-adapter';\n\ninterface HighlighterInput {\n  colorScheme: 'light' | 'dark';\n  code: string;\n  language?: string;\n}\n\ntype Highlighter = (input: HighlighterInput) => {\n  /** Highlighted code (html markup) */\n  highlightedCode: string;\n\n  /** `true` if the code is represented with html string, `false` for plain text string */\n  isHighlighted: boolean;\n\n  /** Props to pass down to `<code>` tag */\n  codeElementProps?: Record<string, any>;\n};\n\nexport interface CodeHighlightAdapter {\n  loadContext?: () => Promise<any>;\n  getHighlighter: (ctx: any) => Highlighter;\n}\n\ninterface CodeHighlightProviderContext {\n  adapter: CodeHighlightAdapter;\n  highlight: Highlighter;\n}\n\nexport const [CodeHighlightProvider, useCodeHighlight] =\n  createOptionalContext<CodeHighlightProviderContext>({\n    adapter: plainTextAdapter,\n    highlight: plainTextAdapter.getHighlighter(null),\n  });\n\nexport interface CodeHighlightAdapterProviderProps {\n  adapter: CodeHighlightAdapter;\n  children: React.ReactNode;\n}\n\nexport function CodeHighlightAdapterProvider({\n  adapter,\n  children,\n}: CodeHighlightAdapterProviderProps) {\n  const [ctx, setCtx] = useState<any>(null);\n  const highlight = useMemo(() => adapter.getHighlighter(ctx), [adapter, ctx]);\n\n  useEffect(() => {\n    if (adapter.loadContext) {\n      adapter.loadContext().then(setCtx);\n    }\n  }, [adapter]);\n\n  return <CodeHighlightProvider value={{ adapter, highlight }}>{children}</CodeHighlightProvider>;\n}\n\nexport function useHighlight() {\n  const ctx = useCodeHighlight();\n  return ctx?.highlight || plainTextAdapter.getHighlighter(null);\n}\n"],"names":["createOptionalContext","plainTextAdapter","useState","useMemo","useEffect"],"mappings":"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"}

package/cjs/CodeHighlightProvider/adapters/highlight-js-adapter.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+function createHighlightJsAdapter(hljs) {
+  return {
+    getHighlighter: () => ({ code, language }) => {
+      const lang = hljs.getLanguage(language) ? language : "plaintext";
+      return {
+        highlightedCode: hljs.highlight(code.trim(), { language: lang }).value,
+        isHighlighted: true,
+        codeElementProps: { className: `hljs ${lang}` }
+      };
+    }
+  };
+}
+
+exports.createHighlightJsAdapter = createHighlightJsAdapter;
+//# sourceMappingURL=highlight-js-adapter.cjs.map

package/cjs/CodeHighlightProvider/adapters/highlight-js-adapter.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlight-js-adapter.cjs","sources":["../../../src/CodeHighlightProvider/adapters/highlight-js-adapter.ts"],"sourcesContent":["import type { CodeHighlightAdapter } from '../CodeHighlightProvider';\n\nexport function createHighlightJsAdapter(hljs: any): CodeHighlightAdapter {\n  return {\n    getHighlighter:\n      () =>\n      ({ code, language }) => {\n        const lang = hljs.getLanguage(language) ? language : 'plaintext';\n        return {\n          highlightedCode: hljs.highlight(code.trim(), { language: lang }).value,\n          isHighlighted: true,\n          codeElementProps: { className: `hljs ${lang}` },\n        };\n      },\n  };\n}\n"],"names":[],"mappings":";;AAEO,SAAS,yBAAyB,IAAiC,EAAA;AACxE,EAAO,OAAA;AAAA,IACL,gBACE,MACA,CAAC,EAAE,IAAA,EAAM,UAAe,KAAA;AACtB,MAAA,MAAM,IAAO,GAAA,IAAA,CAAK,WAAY,CAAA,QAAQ,IAAI,QAAW,GAAA,WAAA;AACrD,MAAO,OAAA;AAAA,QACL,eAAA,EAAiB,IAAK,CAAA,SAAA,CAAU,IAAK,CAAA,IAAA,IAAQ,EAAE,QAAA,EAAU,IAAK,EAAC,CAAE,CAAA,KAAA;AAAA,QACjE,aAAe,EAAA,IAAA;AAAA,QACf,gBAAkB,EAAA,EAAE,SAAW,EAAA,CAAA,KAAA,EAAQ,IAAI,CAAG,CAAA;AAAA,OAChD;AAAA;AACF,GACJ;AACF;;;;"}

package/cjs/CodeHighlightProvider/adapters/plain-text-adapter.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+const plainTextAdapter = {
+  getHighlighter: () => ({ code }) => ({ highlightedCode: code, isHighlighted: false })
+};
+
+exports.plainTextAdapter = plainTextAdapter;
+//# sourceMappingURL=plain-text-adapter.cjs.map

package/cjs/CodeHighlightProvider/adapters/plain-text-adapter.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"plain-text-adapter.cjs","sources":["../../../src/CodeHighlightProvider/adapters/plain-text-adapter.ts"],"sourcesContent":["import type { CodeHighlightAdapter } from '../CodeHighlightProvider';\n\nexport const plainTextAdapter: CodeHighlightAdapter = {\n  getHighlighter:\n    () =>\n    ({ code }) => ({ highlightedCode: code, isHighlighted: false }),\n};\n"],"names":[],"mappings":";;AAEO,MAAM,gBAAyC,GAAA;AAAA,EACpD,cAAA,EACE,MACA,CAAC,EAAE,IAAA,QAAY,EAAE,eAAA,EAAiB,IAAM,EAAA,aAAA,EAAe,KAAM,EAAA;AACjE;;;;"}

package/cjs/CodeHighlightProvider/adapters/shiki-adapter.cjs

@@ -0,0 +1,42 @@
+'use strict';
+
+var shikiThemes = require('./shiki-themes.cjs');
+
+function stripElement(openTag, data) {
+  const openIndex = data.indexOf(`<${openTag}`);
+  let closeIndex = openIndex + openTag.length;
+  for (let i = openIndex; i < data.length; i++) {
+    if (data[i] === ">") {
+      closeIndex = i;
+      break;
+    }
+  }
+  const striped = data.slice(0, openIndex) + data.slice(closeIndex + 1);
+  return striped.replace(`</${openTag}>`, "");
+}
+function stripShikiCodeBlocks(data) {
+  return stripElement("code", stripElement("pre", data));
+}
+const createShikiAdapter = (loadShiki, { forceColorScheme } = {}) => {
+  return {
+    loadContext: loadShiki,
+    getHighlighter: (ctx) => {
+      if (!ctx) {
+        return ({ code }) => ({ highlightedCode: code, isHighlighted: false });
+      }
+      return ({ code, language, colorScheme }) => ({
+        isHighlighted: true,
+        highlightedCode: stripShikiCodeBlocks(
+          ctx.codeToHtml(code, {
+            lang: language,
+            theme: forceColorScheme || (colorScheme === "light" ? shikiThemes.light : shikiThemes.dark)
+          })
+        )
+      });
+    }
+  };
+};
+
+exports.createShikiAdapter = createShikiAdapter;
+exports.stripShikiCodeBlocks = stripShikiCodeBlocks;
+//# sourceMappingURL=shiki-adapter.cjs.map

package/cjs/CodeHighlightProvider/adapters/shiki-adapter.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"shiki-adapter.cjs","sources":["../../../src/CodeHighlightProvider/adapters/shiki-adapter.ts"],"sourcesContent":["import type { CodeHighlightAdapter } from '../CodeHighlightProvider';\nimport { dark, light } from './shiki-themes';\n\nfunction stripElement(openTag: string, data: string) {\n  const openIndex = data.indexOf(`<${openTag}`);\n  let closeIndex = openIndex + openTag.length;\n\n  for (let i = openIndex; i < data.length; i++) {\n    if (data[i] === '>') {\n      closeIndex = i;\n      break;\n    }\n  }\n\n  const striped = data.slice(0, openIndex) + data.slice(closeIndex + 1);\n  return striped.replace(`</${openTag}>`, '');\n}\n\nexport function stripShikiCodeBlocks(data: string) {\n  return stripElement('code', stripElement('pre', data));\n}\n\ninterface CreateShikiAdapterOptions {\n  forceColorScheme?: 'dark' | 'light';\n}\n\nexport const createShikiAdapter = (\n  loadShiki: () => Promise<any>,\n  { forceColorScheme }: CreateShikiAdapterOptions = {}\n): CodeHighlightAdapter => {\n  return {\n    loadContext: loadShiki,\n    getHighlighter: (ctx) => {\n      if (!ctx) {\n        return ({ code }) => ({ highlightedCode: code, isHighlighted: false });\n      }\n\n      return ({ code, language, colorScheme }) => ({\n        isHighlighted: true,\n        highlightedCode: stripShikiCodeBlocks(\n          ctx.codeToHtml(code, {\n            lang: language,\n            theme: forceColorScheme || ((colorScheme === 'light' ? light : dark) as any),\n          })\n        ),\n      });\n    },\n  };\n};\n"],"names":["light","dark"],"mappings":";;;;AAGA,SAAS,YAAA,CAAa,SAAiB,IAAc,EAAA;AACnD,EAAA,MAAM,SAAY,GAAA,IAAA,CAAK,OAAQ,CAAA,CAAA,CAAA,EAAI,OAAO,CAAE,CAAA,CAAA;AAC5C,EAAI,IAAA,UAAA,GAAa,YAAY,OAAQ,CAAA,MAAA;AAErC,EAAA,KAAA,IAAS,CAAI,GAAA,SAAA,EAAW,CAAI,GAAA,IAAA,CAAK,QAAQ,CAAK,EAAA,EAAA;AAC5C,IAAI,IAAA,IAAA,CAAK,CAAC,CAAA,KAAM,GAAK,EAAA;AACnB,MAAa,UAAA,GAAA,CAAA;AACb,MAAA;AAAA;AACF;AAGF,EAAM,MAAA,OAAA,GAAU,KAAK,KAAM,CAAA,CAAA,EAAG,SAAS,CAAI,GAAA,IAAA,CAAK,KAAM,CAAA,UAAA,GAAa,CAAC,CAAA;AACpE,EAAA,OAAO,OAAQ,CAAA,OAAA,CAAQ,CAAK,EAAA,EAAA,OAAO,KAAK,EAAE,CAAA;AAC5C;AAEO,SAAS,qBAAqB,IAAc,EAAA;AACjD,EAAA,OAAO,YAAa,CAAA,MAAA,EAAQ,YAAa,CAAA,KAAA,EAAO,IAAI,CAAC,CAAA;AACvD;AAMO,MAAM,qBAAqB,CAChC,SAAA,EACA,EAAE,gBAAiB,EAAA,GAA+B,EACzB,KAAA;AACzB,EAAO,OAAA;AAAA,IACL,WAAa,EAAA,SAAA;AAAA,IACb,cAAA,EAAgB,CAAC,GAAQ,KAAA;AACvB,MAAA,IAAI,CAAC,GAAK,EAAA;AACR,QAAO,OAAA,CAAC,EAAE,IAAK,EAAA,MAAO,EAAE,eAAiB,EAAA,IAAA,EAAM,eAAe,KAAM,EAAA,CAAA;AAAA;AAGtE,MAAA,OAAO,CAAC,EAAE,IAAM,EAAA,QAAA,EAAU,aAAmB,MAAA;AAAA,QAC3C,aAAe,EAAA,IAAA;AAAA,QACf,eAAiB,EAAA,oBAAA;AAAA,UACf,GAAA,CAAI,WAAW,IAAM,EAAA;AAAA,YACnB,IAAM,EAAA,QAAA;AAAA,YACN,KAAO,EAAA,gBAAA,KAAsB,WAAgB,KAAA,OAAA,GAAUA,iBAAQ,GAAAC,gBAAA;AAAA,WAChE;AAAA;AACH,OACF,CAAA;AAAA;AACF,GACF;AACF;;;;;"}